1 / 37

Behind Interactive Media

Behind Interactive Media. Agenda. Mobiel internet Mobiele content Apps Opleveren. 1 . MOBIEL INTERNET. WAP. WAP. Gebaseerd op WML > Wireless Markup Language. UMTS. Ge ï ntroduceerd in 2003 - Meer snelheid > Meer mogelijkheden. Mogelijkheden.

hank
Télécharger la présentation

Behind Interactive Media

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. BehindInteractiveMedia

  2. Agenda • Mobiel internet • Mobiele content • Apps • Opleveren

  3. 1. MOBIEL INTERNET

  4. WAP

  5. WAP • Gebaseerd op WML > Wireless Markup Language

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

  7. Mogelijkheden • VolledigeondersteuningHTML, CSS, Javascript • Full-Color, Hogeresolutie

  8. 2. MOBIELE CONTENT

  9. Desktop: • Horizontaleopbouw • Veelruimte: letters leesbaar / knoppen met muisklikbaar (precies) • Rijkeinteractie (mouse-over)

  10. Mobiel: • Verticaleopbouw • Kleine letters / Kleineknoppen • Weiniginteractie (tap/mobiel-keyboard)

  11. Verticaal

  12. Kan..

  13. Horizontaal

  14. Nietzomaar..

  15. De opties:

  16. Mobieleversie

  17. App

  18. Opties: • Presentatielaagaanpassen (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” onderscheidmaken

  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.com

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

  24. Gebruiken • WordPress CSS • Experimenteer met CSS “tweaks” • WordPressplugin: WPTouch

  25. 3. APPS

  26. 100% experience

  27. Apps + Op het apparaattoegesnedenpresentatie + Integratie met hardware (interface / camera / contacten / gps)

  28. Apps - Elk platform eeneigen App - iOS, Android, BlackBerry, Windows Mobile, Symbian..

  29. iOSvs Android bron: netmarketshare.com

  30. Apps Ontwikkelen - SDK’s beschikbaarvanuitfabrikantenén community

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

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

  33. 4. OPLEVEREN

  34. Opleveren • Alleweekopdrachtencompleet • Eenweblogpost met je Google Analytics rapport • Eenweblogpost met watbijzonder is aan je oplevering • Deadline maandag 1 november – 17:30

  35. Problemen? Mail >> e.mahieu@hro.nl Geen mail? Geenmedelijden.

  36. Vakgroepwebsite http://fed.cmi.hro.nl/ • Modulewijzer • Lesmateriaal • Huiswerkopdrachten • Contactgegevensdocenten

More Related