✅ Web op mobiele apparaten

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.

We zien hoe in dit geval de lijstweergave een menu is geworden om de auto's te selecteren, het voorbeeld is alleen de startpagina van het web. We kunnen ook controleren of het werkt op elk mobiel apparaat of op computers.
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.

 
Sedan


mini Cooper

Cabrio


Mercedes

De mogelijkheden voor het maken van applicaties zijn eindeloos, voor statische of dynamische websites en data capture-applicaties.
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