Behind Interactive Media. Agenda 1.Mobiel internet 2.Mobiele content 3.Apps 4.Opleveren.

Presentatie over: "Behind Interactive Media. Agenda 1.Mobiel internet 2.Mobiele content 3.Apps 4.Opleveren."— Transcript van de presentatie:

1 Behind Interactive Media

2 Agenda 1.Mobiel internet 2.Mobiele content 3.Apps 4.Opleveren

3 1. MOBIEL INTERNET

4 WAP

5 -Gebaseerd op WML > Wireless Markup Language

6 UMTS Geïntroduceerd in 2003 - Meer snelheid > Meer mogelijkheden

7 Mogelijkheden -Volledige ondersteuning HTML, CSS, Javascript -Full-Color, Hoge resolutie

8 2. MOBIELE CONTENT

9 Desktop: -Horizontale opbouw -Veel ruimte: letters leesbaar / knoppen met muis klikbaar (precies) -Rijke interactie (mouse-over)

10 Mobiel: -Verticale opbouw -Kleine letters / Kleine knoppen -Weinig interactie (tap/mobiel-keyboard)

11 Verticaal

12 Kan..

13 Horizontaal

14 Niet zomaar..

15 De opties:

16 Mobiele versie

17 App

18 Opties: -Presentatielaag aanpassen (CSS) -100% Mobiele variant -App ontwikkelen

19 Presentatielaag -Aparte CSS: <link rel="stylesheet” href=“mobile.css” type="text/css” media="handheld" />

20 Presentatielaag -CSS “Tweaks”: body: { font-size: 12px; } @media only screen and (max-device-width: 480px) { body: { font-size: 32px; } }

21 Mobiele variant -Op basis van “User Agent” onderscheid maken

22 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/533.18.1 (KHTML, like Gecko) Version/5.0.2 Safari/533.18.5 -http://www.whatsmyuseragent.comhttp://www.whatsmyuseragent.com

23 Experimenteren -Safari > Developer Toolbar > User Agent -Firefox > Plugin > “User Agent Switcher”

24

25 Gebruiken -WordPress CSS -Experimenteer met CSS “tweaks” -WordPress plugin: WPTouch

26 3. APPS

27

28 Apps +Op het apparaat toegesneden presentatie +Integratie met hardware (interface / camera / contacten / gps)

29 Apps -Elk platform een eigen App -iOS, Android, BlackBerry, Windows Mobile, Symbian..

30 iOS vs Android bron: netmarketshare.com

31 Apps Ontwikkelen -SDK’s beschikbaar vanuit fabrikanten én community

32 Apps Ontwikkelen http://developer.apple.com/videos/iphone/ profiles/#video-demiforce

33 Trainyard http://struct.ca/2010/the-story-so-far/

34 4. OPLEVEREN

35 -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

36 Problemen? Mail >> e.mahieu@hro.nl Geen mail? Geen medelijden.

37 Vakgroepwebsite http://fed.cmi.hro.nl/ Modulewijzer Lesmateriaal Huiswerkopdrachten Contactgegevens docenten