Behind Interactive Media
Agenda 1.Mobiel internet 2.Mobiele content 3.Apps 4.Opleveren
1. MOBIEL INTERNET
WAP
-Gebaseerd op WML > Wireless Markup Language
UMTS Geïntroduceerd in Meer snelheid > Meer mogelijkheden
Mogelijkheden -Volledige ondersteuning HTML, CSS, Javascript -Full-Color, Hoge resolutie
2. MOBIELE CONTENT
Desktop: -Horizontale opbouw -Veel ruimte: letters leesbaar / knoppen met muis klikbaar (precies) -Rijke interactie (mouse-over)
Mobiel: -Verticale opbouw -Kleine letters / Kleine knoppen -Weinig interactie (tap/mobiel-keyboard)
Verticaal
Kan..
Horizontaal
Niet zomaar..
De opties:
Mobiele versie
App
Opties: -Presentatielaag aanpassen (CSS) -100% Mobiele variant -App ontwikkelen
Presentatielaag -Aparte CSS: <link rel="stylesheet” href=“mobile.css” type="text/css” media="handheld" />
Presentatielaag -CSS “Tweaks”: body: { font-size: 12px; only screen and (max-device-width: 480px) { body: { font-size: 32px; } }
Mobiele variant -Op basis van “User Agent” onderscheid maken
User Agent Informatie in de Request Header: -HTTP_USER_AGENT: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_4; en-us) AppleWebKit/ (KHTML, like Gecko) Version/5.0.2 Safari/
Experimenteren -Safari > Developer Toolbar > User Agent -Firefox > Plugin > “User Agent Switcher”
Gebruiken -WordPress CSS -Experimenteer met CSS “tweaks” -WordPress plugin: WPTouch
3. APPS
Apps +Op het apparaat toegesneden presentatie +Integratie met hardware (interface / camera / contacten / gps)
Apps -Elk platform een eigen App -iOS, Android, BlackBerry, Windows Mobile, Symbian..
iOS vs Android bron: netmarketshare.com
Apps Ontwikkelen -SDK’s beschikbaar vanuit fabrikanten én community
Apps Ontwikkelen profiles/#video-demiforce
Trainyard
4. OPLEVEREN
-Alle weekopdrachten compleet -Een weblogpost met je Google Analytics rapport -Een weblogpost met wat bijzonder is aan je oplevering -Deadline maandag 1 november – 17:30 Opleveren
Problemen? Mail >> Geen mail? Geen medelijden.
Vakgroepwebsite Modulewijzer Lesmateriaal Huiswerkopdrachten Contactgegevens docenten