Inhoudsopgave
Een oplossing zou zijn om voor elk apparaat en platform een applicatie te ontwikkelen Android, iOS, BlackBerry, Windows Phone, etc.De andere zou zijn om een mobiele webversie te maken. Een interessante optie is om JQuery mobile te gebruiken, een JQuery framework om de compatibele ontwikkeling van mobiel georiënteerde websites te vergemakkelijken. JQuery is een javascript-framework dat veel wordt gebruikt bij het ontwikkelen van websites.
Een van de belangrijkste doelen van JQuery mobile is dat de ontwikkelaar niet met browsers hoeft te vechten voor compatibiliteit, maar dat het framework compatibiliteit biedt.
We beginnen met het downloaden van het framework van http://jquerymobile.com/download/ de jquery- en css-bibliotheken, we kunnen ze gecomprimeerd of ongecomprimeerd gebruiken.
We maken de koptekst van het web die de bibliotheken aangeeft die we zullen gebruiken
Huur je auto
Vervolgens maken we de body van het web, we stellen de css hier niet bloot, maar je kunt het het formaat en ontwerp geven dat je wilt. Het Jqeury-framework heeft verschillende componenten die al zijn geprogrammeerd, zodat we de taak kunnen gebruiken en vergemakkelijken. In dit geval gebruiken we listview.
mini Cooper
Mercedes
De component listview transformeert een html-lijst
- item
in een lijst met het rolattribuut lisview
- Element 1
JQuery mobiele en css-bibliotheken hebben al een voorgedefinieerde code die de lijstweergave zal transformeren in een menu zoals we zullen zien
Het idee van een autoverhuurwebsite. Waar de gebruiker de auto selecteert die hij wil en naar een technische fiche kan gaan, zou ook een contactformulier kunnen worden toegevoegd.
Er zijn veel attributen en voordelen die dit raamwerk heeft, een andere mogelijkheid voor onze toepassing zou zijn om in categorieën in te delen met behulp van het list-divider attribuut, bijvoorbeeld om Sedan en Cabrio te verdelen.
mini Cooper
Mercedes
Een zeer goede en gratis tool voor ontwikkelaars is Netbeans omdat het alle bibliotheken bevat om applicaties te ontwikkelen met html5 en JQuery mobile.
Er zijn verschillende online tools zoals http://ipadpeek.com/ om applicaties te testen, hoewel ze niet helemaal nauwkeurig zijn omdat het simulators zijn.
We kunnen hetzelfde voorbeeld zien, maar met het kenmerk list-divider toegepast als voorbeeldVond je deze tutorial leuk en hielp je hem?Je kunt de auteur belonen door op deze knop te drukken om hem een positief punt te geven
