Waarom de veluwe de beste plek is om mobiele websites te ontwikkelen
Dated vrijdag 6 januari 2012
HTML 5 en mobiele website hebben een enorme opmars gemaakt. Beide hebben niet alleen veel terrein gewonnen door veel ontwikkelaars enthousiast te krijgen. Ook technische zijn beide ver gekomen. Het is nu echter aan de ontwikkelaars om daadwerkelijk gebruik te gaan maken van alle mogelijkheden die HTML 5 biedt.
Hutje op de hei
Een van de grootste problemen bij het ontwikkelen van een mobiele website is het verschil tussen de plek waar deze wordt ontwikkeld en de plek waar deze wordt gebruikt. De mobiele website wordt gemaakt op een PC met een snelle internet verbinding. Als het goed is wordt deze daarna nog getest op een telefoon, echter vaak ook met een snelle WIFI verbinding.
Het probleem is dat veel gebruikers van de mobiele website of webapp het moeten doen met 3G of zelfs 2G. En hoe werkt de webapp dan nog?
HTML 5: Lokaal opslaan en slim ophalen
Een van de voordelen van HTML 5 is dat het de webapp toestaat om de data lokaal op te slaan. De eerste stap die ontwikkelaars moeten zetten is daar gebruik van de te maken. Zo zien gebruikers zonder internet verbinding in ieder geval nog wat ze eerder hebben opgehaald.
De tweede stap is het slim ophalen van gegevens. Eerst een controle of de gewenste data niet al lokaal beschikbaar is. Zodat geen informatie dubbel opgehaald hoeft te worden. Daarnaast moeten er duidelijke prioriteiten worden gesteld. Als een nieuwsartikel wordt opgevraagd zou eerst de introductie kunnen worden gestuurd. Dit kan de gebruiker lezen terwijl de rest van het artikel gelezen wordt. Snelheid is niet enkel een technisch punt. Het heeft ook veel te maken met perceptie!
{"jsfiles":["\/cms\/BB\/JSDivers\/jquery.flippy.js","\/cms\/BB\/JSDivers\/switchtomobile.js","\/cms\/BB\/JSDivers\/iScroll\/iscroll-lite.js","\/cms\/BB\/Form\/Fields\/CpFormDate.js","\/cms\/BB\/JSDivers\/touch2.js","\/cms\/BB\/Ajax\/simpleajax.js","\/cms\/BB\/JSDivers\/webcoding.js","\/cms\/BB\/JSDivers\/check.js","\/cms\/BB\/JSDivers\/loadparts.js","\/cms\/BB\/JSDivers\/cms-actions.js"],"cssfiles":["\/cms\/BB\/CSS\/touch\/website.css","\/cms\/BB\/CSS\/touch\/mobile.css","\/css\/mobile.css","\/cms\/BB\/CSS\/buttons.css","\/cms\/BB\/CSS\/touch\/general.css","\/cms\/BB\/CSS\/touch\/cms.css","\/cms\/BB\/Form\/Fields\/CpFormDate.css","\/cms\/CBB\/Modules\/CRM\/CmsModuleImportMail.css","\/cms\/CBB\/Modules\/Standard\/CmsModuleManuals.css"],"javascriptlines":["\nvar created_keepSessionAlive = false;\nif (typeof keepSessionAlive !== \u0022function\u0022) {\ncreated_keepSessionAlive = true;\nkeepSessionAlive = function() {\njQuery.post(\u0022\/keep-session-alive\u0022);\nwindow.setTimeout(\u0022keepSessionAlive()\u0022, 300000);\n}\n}\nif(created_keepSessionAlive){\nwindow.setTimeout(\u0022keepSessionAlive()\u0022, 300000);\n}","CPJS.vLoadPluginOn(\u0027cpform\u0027, {})","CPJS.bWhenReady([\u0022touch\u0022], function() { Touch.sBrowserType = \u0027unknown\u0027; } )","CPJS.bWhenReady([\u0022touch\u0022], function() { Touch.fBrowserVersion = \u00270\u0027; } )","CPJS.bWhenReady([\u0022logdisplay\u0022,\u0022rpc\u0022,\u0022touchsite\u0022,\u0022stacking\u0022,\u0022showwaiting\u0022,\u0022storage\u0022,\u0022googleAnalytics\u0022,\u0022popups\u0022], function() { CPJS.touchsite.vInit(false) } )","var CmsStatic_iNewItemPage = 33426;","var sTabletMenuColor1 = \u0027#5990B3\u0027;","var sTabletMenuColor2 = \u0027#2786C2\u0027;","var aDictionary = new Array();","aDictionary[\u0027postponeTo\u0027] = \u0027verplaats naar\u0027;","aDictionary[\u0027tomorrow\u0027] = \u0027morgen\u0027;","aDictionary[\u0027dayAfterTomorrow\u0027] = \u0027overmorgen\u0027;","aDictionary[\u0027nextWeek\u0027] = \u0027volgende week\u0027;","CPJS.bWhenReady([\u0022stacking\u0022], function() {\nCPJS.stacking.iToolbarWidth = \u0022100%\u0022;\nCPJS.stacking.iSlideLefMargin = 0;\n} )",""]}