Les 4: Web development

Omdat ik bij deze les niet aanwezig kan zijn heb ik een andere opdracht gekregen voor deze les. Ik moet wat vertellen over de verschillende webapp frameworks.

Verschillende smartphones

Smartphones zijn big business. Over de hele wereld zijn er al meer dan twee biljoen smartphones verkocht. Dat betekent dat het internet steeds makkelijker toegankelijk wordt omdat het vaak overal beschikbaar is. Er wordt steeds meer op mobile toegespitst omdat die doelgroep explosief aan het groeien is. Het kan binnenkort zo kan zijn dat er tegelijkertijd meer smartphone-gebruikers dan pc-gebruikers online zijn.

Het is dus belangrijk om met de tijd mee te gaan en mobile HTML5/Native apps te maken die zijn aangepast aan de mobiele interface zoals een iPhone of een Android. Dit kan je doen door gebruik te maken van verschillende webapp frameworks zoals bijvoorbeeld: jQuery Mobile, Sencha Touch en jQTouch.
Deze drie gaan wij nader bekijken.

jQuery Mobile

Mobile UI Elements

jQuery Mobile is een touch-geoptimaliseerd JavaScript framework voor smartphones en tablets. Het zorgt er voor dat de user makkelijk en toegankelijk zijn content kan implementeren. Je hoeft maar één website te ontwikkelen die, door middel van dit framework, op alle bekende browsers en platforms werkt. Dit is een erg groot voordeel omdat je anders voor elk device een aparte website moet maken. Tevens is het ook een flexibel framework. Je kan door gebruik te maken van de HTML5 markup snel en makkelijk content aanpassen. Verder zorgt jQuery Mobile voor een hoge snelheid door kleine bestanden te gebruiken en men probeert zo min mogelijk afhankelijk te zijn van afbeeldingen. Ook kan je gebruik maken van speciale thema's zodat je applicatie een hoge user experience krijgt. Dit framework ondersteunt helaas geen gestures en multitouch waar jQTouch en Sencha Touch dat wel doen. jQuery Mobile ondersteunt HTML5 en CSS3.

jQTouch interface

jQTouch


jQTouch is een Open Source JQuery plugin geoptimaliseerd voor WebKit devices als iPhone, Android en Palm. Hiermee kan je net als jQuery Mobile mobiele applicaties ontwerpen met een native 'look and feel' door gebruik te maken van HTML5, CSS en Javascript. Dit framework is minder uitgebreid dan jQuery Mobile. Er wordt meer gebruik gemaakt van jQuery Mobile en de gebruikers zijn daar ook een stuk actiever.



Sencha Touch

Sencha Touch interface

Sencha Touch is een UI JavaScript framework geoptimaliseerd for mobile web. Hiermee kan je net als jQTouch en jQuery Mobile webaplicaties ontwikkelen die de 'look and feel' hebben van een native app. Het is net als de andere twee frameworks gebaseerd op HTML5, CSS3 en JavaScript. Het heeft user experience hoog in het vaandel staan en het is makkelijk en snel om een web applicatie te maken.
Het framework ondersteunt onder andere: iPhone, Android en Blackberry.


Veel gelijkenissen


Zoals je hebt gelezen zijn er veel overeenkomsten tussen deze frameworks en zit het vaak in de details. Toch is dat niet helemaal zo. Wat deze Mobile Frameworks vaak niet met elkaar gemeen hebben zijn de verschillende platforms en WebKit's waar ze wel of niet op draaien. Als je een web applicatie wil gaan maken is het dus verstandig om eerst een goede keuze te maken tussen al deze frameworks. Een goede site om dat te doen is de Mobile Framework comparison chart van Markus Falk. Je selecteert je gewenste platform(s) aan, vult andere gegevens in en je krijgt automatisch een tabel te zien wat het beste bij jouw applicatie past. In dit geval heb ik de bovenstaande drie frameworks met elkaar vergeleken en kunt u de verschillen zien als u op de tekst onder het plaatje klikt.

Klik hier(niet op het plaatje) een voor groter overzicht van de verschillen tussen 
jQuery Mobile, jQTouch en Sencha Touch