ByteMotion mobiele web applicatie
maandag 26 september 2011 // In categorie: Design, Mobiel, Portfolio, Uitgelicht
De mobiele web applicatie versie van onze ByteMotion website is nu te bekijken op de volgende toestellen:
- iPod Touch versie 3 en hoger
- iPhone versie 3 en hoger
- Android versie 2.1 en hoger
- BlackBerry Torch 9800 / 9810 / 9850 / 9860
Bovenstaande toestellen worden automatisch gedetecteerd en doorverwezen als je ermee naar www.bytemotion.nl gaat. Op deze manier is het niet nodig dat bezoekers, bijv. met een knop die ze moeten zoeken op de homepage, eerst nog een keuze moeten maken voor een optimale gebruikerservaring.
Binnen de mobiele web applicatie wordt op de homepage vervolgens wel de mogelijkheid geboden om als bezoeker toch de volledige ByteMotion website te bekijken.
De web applicatie bestaat uit een Home pagina met informatie over wat er allemaal te bekijken valt, zijn er de laatste 10 Blog en Portfolio berichten te lezen, is er een Demo onderdeel en een Contact pagina van waaruit je ons gemakkelijk kunt bellen of een bericht versturen.
Binnen het Demo onderdeel hebben we diverse live demonstraties ondergebracht zodat je zelf kunt ervaren wat een aantal van de mogelijkheden zijn bij de realisatie van een mobiele web applicatie. Hierbij kun je onder meer denken aan:
- Tonen van Twitter berichten
- Tonen van Flickr afbeeldingen
- Google Maps en locatiebepaling
- Aanpassen van het grafisch thema
- Gebruik van diverse lettertypen
- Gebruik van video
- Uitgebreide formulieren
- Diverse lijstweergaves
De activiteiten van bezoekers binnen de web applicatie kunnen goed bijgehouden worden met behulp van een mobiele JavaScript integratie van Google Analytics. Hiermee weet je precies van waar, waarmee, hoe lang en wanneer iemand een pagina bezocht heeft.
Deze mobiele web applicatie is door ons gemaakt gebaseerd op het Sencha Touch ontwikkel raamwerk waarbij we gebruik hebben gemaakt van HTML, JavaScript, CSS, CSS3, Sass, Compass, Ext JS, HTML, Google Analytics en PHP.
Bericht tags: App, CSS3, Design, Ext JS, HTML, JavaScript, mobiel, mobile, Sass, Sencha Touch