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

BehindInteractiveMedia

Agenda1. Mobiel internet2. Mobiele content3. Apps4. Opleveren

1. MOBIEL

INTERNET

WAP- Gebaseerd op WML

> Wireless Markup Language

UMTS

Geïntroduceerd in 2003- Meer snelheid > Meer mogelijkheden

Mogelijkheden

- Volledige ondersteuningHTML, 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

Horizontaal

Niet zomaar..

De opties:

Mobiele versie

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; }

@media only screen and (max-device-width: 480px) {

body: { font-size: 32px; }}

Mobiele variant

- Op basis van “User Agent” onderscheid maken

User AgentInformatie 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

http://www.whatsmyuseragent.com/

http://www.whatsmyuseragent.com/

Experimenteren- Safari > Developer Toolbar > User

Agent- Firefox > Plugin > “User Agent

Switcher”

Gebruiken- WordPress CSS

- Experimenteer met CSS “tweaks”

- WordPress plugin: WPTouch

3. APPS

100% experience

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

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

http://developer.apple.com/videos/iphone/profiles/%23video-demiforce




Trainyard

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




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 >> [email protected]

Geen mail? Geen medelijden.

Vakgroepwebsitehttp://fed.cmi.hro.nl/• Modulewijzer• Lesmateriaal• Huiswerkopdrachten• Contactgegevens docenten

http://fed.cmi.hro.nl/

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

Documents

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