Update

Na het indienen van onze wetenschappelijke paper, is het hier een tijdje stil geweest maar hebben we evenmin stil gezeten.

Momenteel zijn we bezig met de implementatie van onze POC in het tweede framework.  Na een jQuery Mobile implementatie waagt Tim zich nu aan Lungo JS.  Sander stapte over van Sencha Touch naar Kendo UI.  Al ons work in progress kan gevonden worden op tinyurl.com/htmobiel.  We verwachten al het implementeerwerk na de paasvakantie af te ronden.

Ook zijn we reeds aan de vergelijkende studie bezig.  Om de productiviteit van het raamwerk te testen implementeren we ook het loginscherm van de POC in de andere bestudeerd raamwerk.  Sander zal dus een jQuery Mobile en Lungo JS login maken,  Tim een Sencha Touch en Kendo UI login.  Ook deze resultaten zijn te vinden op  tinyurl.com/htmobiel.

Verder zijn we ook bezig om de feedback op onze paper te verwerken en onze paper te herschrijven.  Sommige inhoud staat nu ook al samengevat in de paper en moet nog vertaald en herschreven worden in onze thesis tekst.
De structuur van deze thesis tekst ligt wel al vast en is gecorrigeerd door onze begeleider.  Op aangeven van onze begeleider willen we voor de officiële deadline (17 mei) afzonderlijke hoofdstukken ter correctie doorsturen.  Hierbij hoort zeker onze herwerkte literatuurstudie,  het vergelijkingshoofdstuk en het hoofdstuk over de gekozen mobiele HTML5 raamwerken.

Ten slotte denken we ook aan onze presentaties van volgende week.  Eentje op dinsdag 26 maart om 11u met de HCI groep als publiek en eentje donderdag 28 maart in het bijzijn van Capgemini.

Tim zal deze week niet aan de thesis kunnen werken omdat hij op Athens cursus is.

Feedback presentatie

De laatste departementale deadlines voor de thesis van 2012 zijn achter de rug.  In de vorige posts kan u de presentaties terugvinden die we hebben gegeven.  In deze blogpost hebben we gereflecteerd over de feedback die we kregen.

Het voorlopig grootste probleem met onze huidige status is de lijst van vergelijkingscriteria die we zullen hanteren om onze mobiele HTML5 frameworks te vergelijken.  De methodologieën die we in de literatuur vonden, stonden nog niet op punt en moeten meer worden uitgewerkt.  De lijst die door Bert werd voorgesteld bleek concreter en zullen we gebruiken als startpunt.  De lijst bevat volgende criteria:

  • Cost
  • Access to hardware and device API’s
  • Performance
  • Learning curve
  • Productivity
  • UI
  • Tools, debugging and testing
  • Customization
  • (Future) Support

Verder kregen we de vraag van Capgemini om de POC ook te implementeren als native applicatie.  Aangezien wij webapplicaties vergelijken, is dit voor ons niet interessant. We hebben ook niet echt een baseline om onze frameworks mee te vergelijken. We zouden een implementatie van de POC in ‘pure’ HTML5,  dus zonder gebruik te maken van mobiele HTML5 frameworks,  kunnen doen om bijvoorbeeld performantie te berekenen.  Daarnaast zouden we ook de UI zelf moeten programmeren in CSS en dat is dan weer niet aan de orde.

We kijken graag ook verder en zijn al op zoek gegaan naar HTML5 frameworks die in aanmerking komen om te worden vergeleken.  Momenteel staan The M-Project en Kendo UI Mobile  op ons verlanglijstje.  Het eerste vooral omdat het het MVC patroon combineert met jQuery Mobile. Het laatste omdat het de native look-and-feel van iOS en Android weet te mimieken. Zo zal de weblayout op een Android apparaat er anders uitzien als de weblayout op een iPhone. Daarnaast heeft ook Lungo recentelijk onze aandacht getrokken.

Vragen en opmerkingen zijn altijd welkom.

Features POC

Om tot een proof-of-concept (POC) te komen, moeten we eerst bepalen welke features deze allemaal moet bevatten. Dit zorgt er voor dat we de kern van onze thesis, een uitvoerige vergelijking van mobiele HTML5 frameworks, niet over het hoofd zien. Daarnaast dient onze POC in een business context relevant te zijn.

Wij stellen een POC voor die van toepassing is voor restaurants. Er bestaan al talloze applicaties die makkelijk toelaten restaurants te zoeken (in je omgeving,  op basis van voorkeur, …) die we verder kunnen uitbreiden. Een eerste uitbreiding is een beoordelingssysteem waar gebruikers reviews kunnen lezen en schrijven, maar ook dat is niet nieuw. Vele van de applicaties die deze diensten aanbieden voorzien ook een API.  Hier worden er enkele toegelicht.

Een andere uitbreiding voor de ‘restaurant’-app is een verbinding met Groupon. Deze site biedt verschillende kortingsbonnen aan die binnen een beperkte tijd,  zolang de voorraad strekt, kunnen worden gekocht. Hier kunnen ook deals voor restaurants gevonden worden. Ook Groupon biedt een API aan voor developers die de data van Groupon kunnen aanspreken.

Daarnaast kunnen we ook toelaten om specifiek naar gerechten te zoeken. Een site als FoodSpotting zou ons daarbij kunnen helpen. Gebruikers kunnen foto’s van gerechten op een 2D map zien samen met het restaurant dat het serveert. Je kan dan als gebruiker de kortste route vanaf je huidige locatie tot de gewenste restaurant berekenen.  Natuurlijk zou het ook mogelijk zijn om zelf foto’s van gerechten te delen met anderen.

Een te overwegen optie zou de weergave van restaurants zijn in augmented reality (AR). Er bestaan enkele recente HTML5/JavaScript frameworks. Voorbeelden van zo’n frameworks zijn Wikitude en JSarToolkit.

  • Multimedia:  camera
  • Offline & Storage:  offline beschikbaar maken
  • Performance & Integration:  XHR
  • Semantics:  menu’s annoteren met microformat/microdata
  • CSS3:  responsive design
  • 3D,  Graphics & Effects: AR
  • Connectivity:  promoties pushen naar clients