Eine Präsentation von Dario Müller © 2012 www.dariodomi.de Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012 www.dariodomi.de

Facebook Mobile Websites & Apps Dario Müller Folie 2 / 22

Websites vs. Apps Mobile Websites & Apps Dario Müller Folie 3 / 22

Plattformen Apple iOS Google Android Windows Phone BlackBerry RIM OS HP Palm WebOS Nokia Symbian Mobile Websites & Apps Dario Müller Folie 4 / 22

Plattformen Bereich: Deutschland Datum: November 2010 Mobile Websites & Apps Dario Müller Folie 5 / 22

Browser iOS Safari Opera Mini Android RIM Blackberry Browser versch. Nokia Browser Mobile Websites & Apps Dario Müller Folie 6 / 22

Browser Mobile Websites & Apps Dario Müller Folie 7 / 22

Auflösungen Mobile Websites & Apps Dario Müller Folie 8 / 22

Auflösung != Desktopgröße != Browserfenster != Anzeigebereich Auflösungen Auflösung != Desktopgröße != Browserfenster != Anzeigebereich Mobile Websites & Apps Dario Müller Folie 9 / 22

Auflösungen Mobile Websites & Apps Dario Müller Folie 10 / 22 Mobile Endgeräte Auflösung OS Apple iPhone 4 960 x 640  iOS Apple iPhone 3G(S) 480 x 320 Motorola A855 720 x 480 Android Motorola Droid 854 x 480 Samsung Galaxy S I9000 800 x 480 BlackBerry Curve 8530 320 × 240 RIM OS HTC Evo 4G BlackBerry Bold 9700 480 x 360 Tablet Endgeräte Auflösung OS iPad, iPad 2 1024 x768 iOS Motorola Xoom 1200 x 800 Android Samsung Galaxy Tab 1024 x 600 Blackberry Playbook RIM OS Dell Streak 800 x 480 Mobile Websites & Apps Dario Müller Folie 10 / 22

Mobiles surfen (Technik) Mobile Websites & Apps Dario Müller Folie 11 / 22

Mobiles surfen (Technik) Kleine Displays Unterschiedliche Auflösungen Kaum Verwendung von Multimedia Probleme mit Flash oder Silverlight Andere Browser Limitierte JavaScript- und CSS-Fähigkeiten Weniger Rechenleistung Keine MouseOver-Effekte Mobile Websites & Apps Dario Müller Folie 12 / 22

Mobiles surfen (Benutzung) „Stöbern“ entfällt Wenig Interesse an Hintergrundinfos Navigieren durch Seiten unterschiedlich Keine Maus, wenig Einsatz der Tastatur Höhere Nutzungskosten (Bandbreite, Zeit) Touch-Gesten Reduzierten Gebrauch von Bild und Text Nutzungskonzept muss angepasst werden Mobile Websites & Apps Dario Müller Folie 13 / 22

Fehler bei Umsetzungen Große Grafiken Seite nur zum Teil sichtbar (horiz. Scrollen) Seite zu lang und unübersichtlich Zu viele Links Navigationstiefe nicht reduziert Viele Farben: Verwirrung möglich Verlinkung auf nicht-mobile-Sites Intros / Videos auf mobilen Websites Mobile Websites & Apps Dario Müller Folie 14 / 22

Website & Web-App & native App App != App Website & Web-App & native App Mobile Websites & Apps Dario Müller Folie 15 / 22

Mobile Website Einfache Anpassung an bestehendes CMS Relativ einfache Planung und Umsetzung Bestehende Struktur erhalten Verwaltung & Änderungen im CMS Stufenweiser Einstieg möglich Mobile Websites & Apps Dario Müller Folie 16 / 22

Web-App Plattform- und Geräte-unabhängig Vertriebskanal AppStore & Android-Market Verwendung von HTML5 & CSS3 Vorteile im Gegensatz zur mobile Website Anbindung einer lokalen Datenbank Multimedia (Video, Audio) ohne Flash Erweitertes Caching & Offline-Nutzung Kamera, GPS, etc. per JavaScript Multi-Touch Mobile Websites & Apps Dario Müller Folie 17 / 22

Native App Mehr Performance (Objective C / Java) Einfachere Nutzung Kalender Kamera GPS … Push-Funktion Programmierung nur für ein System Mobile Websites & Apps Dario Müller Folie 18 / 22

Dev-Tools Web-Apps Multiplattform-Entwicklung Unterstützung des Entwicklers Bereitstellung von fertigen Werkzeugen Konzentration auf HTML5, CSS3 & JS-Code Mobile Websites & Apps Dario Müller Folie 19 / 22

Emulatoren Man braucht sich nicht jedes Handy kaufen Testing erfolgt über den PC Läuft unter Win, Mac oder Linux Benötigt den OpenSource-Editor eClipse Läuft nur unter Mac Mobile Websites & Apps Dario Müller Folie 20 / 22

Emulatoren Mobile Websites & Apps Dario Müller Folie 21 / 22

Schlusswort Zum Schluss bleibt mir nur noch zu sagen. Achtet auf die Ladezeiten eurer mobilen Website & Apps. Verschlaft nicht den Trend. Denn in den mobilen Geräten liegt die Zukunft und man sollte diesen Markt nicht unterschätzen. Mobile Websites & Apps Dario Müller Folie 22 / 22

Fragen ?

Vielen Dank für Ihre Aufmerksamkeit.