Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012

Mobile Websites & Mobile Websites & AppsApps

Eine Präsentation von Dario Müller© 2012 www.dariodomi.de

FacebookFacebook

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

Websites vs. AppsWebsites vs. Apps


PlattformenPlattformen

• Apple iOS• Google Android• Windows Phone• BlackBerry RIM OS• HP Palm WebOS• Nokia Symbian


Bereich: DeutschlandDatum: November 2010

PlattformenPlattformen


BrowserBrowser

• iOS Safari• Opera Mini• Android• RIM Blackberry Browser• versch. Nokia Browser


BrowserBrowser


AuflösungenAuflösungen



Auflösung != Desktopgröße != Browserfenster != Anzeigebereich


Mobile Endgeräte Auflösung OS

Apple iPhone 4 960 x 640 iOS

Apple iPhone 3G(S) 480 x 320 iOS

Motorola A855 720 x 480 Android

Motorola Droid 854 x 480 Android

Samsung Galaxy S I9000 800 x 480 Android

BlackBerry Curve 8530 320 × 240 RIM OS

HTC Evo 4G 800 x 480 Android

BlackBerry Bold 9700 480 x 360 RIM OS

Tablet Endgeräte Auflösung OS

iPad, iPad 2 1024 x768 iOS

Motorola Xoom 1200 x 800 Android

Samsung Galaxy Tab 1024 x 600 Android

Blackberry Playbook 1024 x 600 RIM OS

Dell Streak 800 x 480 Android



Mobiles surfen (Technik)Mobiles surfen (Technik)


Mobiles surfen (Technik)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


Mobiles surfen (Benutzung)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


Fehler bei UmsetzungenFehler 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


App != AppApp != App

Website & Web-App & native App


Mobile WebsiteMobile Website

• Einfache Anpassung an bestehendes CMS• Relativ einfache Planung und Umsetzung• Bestehende Struktur erhalten• Verwaltung & Änderungen im CMS• Stufenweiser Einstieg möglich


Web-AppWeb-App

• Plattform- und Geräte-unabhängig• Vertriebskanal AppStore & Android-Market• Verwendung von HTML5 & CSS3• Vorteile im Gegensatz zur mobile Website

o Anbindung einer lokalen Datenbanko Multimedia (Video, Audio) ohne Flasho Erweitertes Caching & Offline-Nutzungo Kamera, GPS, etc. per JavaScripto Multi-Touch


Native AppNative App

• Mehr Performance (Objective C / Java)• Einfachere Nutzung

o Kalendero Kamerao GPSo …

• Push-Funktion• Programmierung nur für ein System


Dev-Tools Web-AppsDev-Tools Web-Apps

• Multiplattform-Entwicklung• Unterstützung des Entwicklers• Bereitstellung von fertigen Werkzeugen• Konzentration auf HTML5, CSS3 & JS-Code


• Man braucht sich nicht jedes Handy kaufen• Testing erfolgt über den PC

o Läuft unter Win, Mac oder Linuxo Benötigt den OpenSource-Editor eClipse

o Läuft nur unter Mac

EmulatorenEmulatoren


EmulatorenEmulatoren


SchlusswortSchlusswort

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.


Fragen ?Fragen ?

Vielen Dank für Ihre Aufmerksamkeit.

Documents

Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012