mobile websites & apps eine präsentation von dario müller © 2012
TRANSCRIPT
![Page 1: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/1.jpg)
Mobile Websites & Mobile Websites & AppsApps
Eine Präsentation von Dario Müller© 2012 www.dariodomi.de
![Page 2: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/2.jpg)
FacebookFacebook
Mobile Websites & Apps Dario Müller Folie 2 / 22
![Page 3: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/3.jpg)
Websites vs. AppsWebsites vs. Apps
Mobile Websites & Apps Dario Müller Folie 3 / 22
![Page 4: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/4.jpg)
PlattformenPlattformen
• Apple iOS• Google Android• Windows Phone• BlackBerry RIM OS• HP Palm WebOS• Nokia Symbian
Mobile Websites & Apps Dario Müller Folie 4 / 22
![Page 5: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/5.jpg)
Bereich: DeutschlandDatum: November 2010
PlattformenPlattformen
Mobile Websites & Apps Dario Müller Folie 5 / 22
![Page 6: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/6.jpg)
BrowserBrowser
• iOS Safari• Opera Mini• Android• RIM Blackberry Browser• versch. Nokia Browser
Mobile Websites & Apps Dario Müller Folie 6 / 22
![Page 7: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/7.jpg)
BrowserBrowser
Mobile Websites & Apps Dario Müller Folie 7 / 22
![Page 8: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/8.jpg)
AuflösungenAuflösungen
Mobile Websites & Apps Dario Müller Folie 8 / 22
![Page 9: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/9.jpg)
AuflösungenAuflösungen
Auflösung != Desktopgröße != Browserfenster != Anzeigebereich
Mobile Websites & Apps Dario Müller Folie 9 / 22
![Page 10: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/10.jpg)
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
AuflösungenAuflösungen
Mobile Websites & Apps Dario Müller Folie 10 / 22
![Page 11: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/11.jpg)
Mobiles surfen (Technik)Mobiles surfen (Technik)
Mobile Websites & Apps Dario Müller Folie 11 / 22
![Page 12: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/12.jpg)
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
Mobile Websites & Apps Dario Müller Folie 12 / 22
![Page 13: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/13.jpg)
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
Mobile Websites & Apps Dario Müller Folie 13 / 22
![Page 14: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/14.jpg)
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
Mobile Websites & Apps Dario Müller Folie 14 / 22
![Page 15: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/15.jpg)
App != AppApp != App
Website & Web-App & native App
Mobile Websites & Apps Dario Müller Folie 15 / 22
![Page 16: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/16.jpg)
Mobile WebsiteMobile 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
![Page 17: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/17.jpg)
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
Mobile Websites & Apps Dario Müller Folie 17 / 22
![Page 18: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/18.jpg)
Native AppNative App
• Mehr Performance (Objective C / Java)• Einfachere Nutzung
o Kalendero Kamerao GPSo …
• Push-Funktion• Programmierung nur für ein System
Mobile Websites & Apps Dario Müller Folie 18 / 22
![Page 19: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/19.jpg)
Dev-Tools Web-AppsDev-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
![Page 20: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/20.jpg)
• 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
Mobile Websites & Apps Dario Müller Folie 20 / 22
![Page 21: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/21.jpg)
EmulatorenEmulatoren
Mobile Websites & Apps Dario Müller Folie 21 / 22
![Page 22: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/22.jpg)
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.
Mobile Websites & Apps Dario Müller Folie 22 / 22
![Page 23: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/23.jpg)
Fragen ?Fragen ?
![Page 24: Mobile Websites & Apps Eine Präsentation von Dario Müller © 2012](https://reader035.vdocuments.net/reader035/viewer/2022081514/55204d7149795902118c3e99/html5/thumbnails/24.jpg)
Vielen Dank für Ihre Aufmerksamkeit.