Optimierung von Webseiten für den mobilen Zugriff Vortrag im Rahmen des Doktorandenkolloquiums Sankt Andreasberg, 8.-9. März 2010 Dipl.-Wirtsch.-Inf. Stefan Christmann Professur für Anwendungssysteme und E-Business Institut für Wirtschaftsinformatik Georg-August-Universität Göttingen schrist@uni-goettingen.de Wirtschaftsinformatik
Zielsetzung der Präsentation Einordnung des Themas innerhalb der entstehenden Dissertation Webbasierte Software als Architektur für mobile B2B-Anwendungen. Erläuterung der Einsatzmöglichkeiten und Herausforderungen von webbasierten Anwendungen im mobilen Internet. Darstellung einer Klassifikation von Optimierungsverfahren für Webseiten auf mobilen Endgeräten. Analyse und Vergleich von vier Optimierungsverfahren: Webbrowser, Stylesheet, Webserver und Proxy. 2
Agenda 1. Einleitung und Einordnung 2. Webanwendungen auf mobilen Endgeräten 3. Ansätze zur Optimierung von Webseiten 4. Fazit 3
Forschungsansatz und Forschungsfragen Mobiles Internet als Basistechnologie Business-to-Business als Anwendungsdomäne Forschungsfeld Forschungsfragen 1. Welche Nutzenpotentiale bringt der Einsatz von mobilem Internet im B2B-Bereich? 2. Welche Einsatzpotentiale bestehen? 3. Welche Herausforderungen sind vorhanden? 4. Welche Lösungsansätze bestehen, um die Herausforderungen zu adressieren? Primärziel Methoden Erklärung Literaturstudie, Fallstudien, Befragung Gestaltung Referenzmodellierung, Prototyping, Laborexperiment 4
Mobiles Internet Kombination von zwei im letzten Jahrzehnt rasant gewachsenen Technologien: Mobilfunk und Internet. Mobilfunk Mobiles Internet Internet Diese Kombination führt zu logischen Synergien (vgl. Clement 2002): - leichterer und ubiquitärer Internetzugang - größere Vielfalt an mobil verfügbaren Inhalten und Anwendungen Das Mobile Internet ist die Nutzung des Internets mit mobilen Endgeräten über drahtlose Kommunikationsnetze. 5
Einsatzbeispiel im Unternehmen Unterstützende Aktivitäten Mobile Wartung Unternehmensinfrastruktur Personalwirtschaft Forschung & Entwicklung Beschaffung Stadtwerke Bielefeld Kundendienst Hauptaktivitäten Lagerverwaltung Mobile Wartung Operation / Produktion z. B. Mobile Office / Mobiler Datenzugriff Mobiles Flottenmanagement Mobiles CRM Marketing & Vertrieb Schadensdiagn. Eingangslogistik Ausgangslogistik - Reduktion von Medienbrüchen - Verbesserte Informationslage - Umgehende Reaktion in Notfällen Nach Detecon 2003, S. 8; Porter 1985, S. 37; Leem/Suh/Kim 2004, S. 82; Neo Partners 2007. 6
Agenda 1. Einleitung und Einordnung 2. Webanwendungen auf mobilen Endgeräten 3. Ansätze zur Optimierung von Webseiten 4. Fazit 7
Zentrale Herausforderungen des Mobilen Internets Nutzen mobiler Anwendungen Eigenschaften mobiler Endgeräte Chatten Limitierte & teure Internetverbindung Eingeschränkte Eingabemöglichkeiten Eingeschränkte Anzeigemöglichkeiten Eingeschränkte Speicherund Prozessorkapazitäten Bezahlen Wirtschaftlichkeit Gesetz von Huntley Kurze Innovationszyklen Fernsehen Heterogenität mobiler Endgeräte Sicherheit mobiler Anwendungen Datenschutz Geräteverwaltung Anpassung an Endgeräte Softwaredistribution Fehlende / unzureichende Standards Dienstverfügbarkeit Softwarewartung TechConsult 2002; TNS infratest 2007, S. 291; Bouwman/De Vos/Hakker 2008, S. 91f. 8
Webbasierte Anwendungen im Mobilen Internet Schwierigkeit 2: Einbettung in Betriebssystem Schwierigkeit 4: Usability von Webanwendungen Schwierigkeit 5: Komplexität der Anwendungserstellung Mobiles Internet VPN Schwierigkeit 1: Abbruch der Verbindung Webserver Standardisierte Schnittstelle: Webbrowser Anpassungen der Darstellung über XHTML/CSS Bündelung über mobile Portale Schwierigkeit 3: Zugriff auf Geräte-APIs Mobile Device Management Schwierigkeit 6: Anpassung von Webseiten an die Eigenschaften des spezifischen mobilen Endgeräts 9
Agenda 1. Einleitung und Einordnung 2. Webanwendungen auf mobilen Endgeräten 3. Ansätze zur Optimierung von Webseiten 4. Fazit 10
Anpassungen von Webseiten Anzeige Eingabe Ressourcen Anpassung der Darstellung Anpassung des Inhalts Minimierung von Eingaben Optimierte Nutzerführung Verringerung der Datenmenge Verringerung der Geräteauslastung 11
Taxonomie der Optimierungsverfahren Softwareentwickler Anpassungsaufwand bei Websitebetreiber Anpassungsort Client Server Browser (a) Proxy (d) Stylesheet (b) Webserver (c) 12
Webbrowser-basierte Optimierung (a - 1/2) 13
Webbrowser-basierte Optimierung (a - 2/2) Ort: Client Anpassungsaufwand: Softwareentwickler/Browserhersteller Technik: Spezialisierte Webbrowser-Software Herausforderung Anzeige Eingabe Ressourcen Optimierung Darstellung Inhalte Eingaben Navigation Datenmenge Auslastung Browser (a) ++ - ++ + - - Zooming, Scrolling Verändertes Rendering, DIV-Resizing Zwischenspeicherung von Eingaben, Auswahlmöglichkeiten 14
Stylesheet-basierte Optimierung (b - 1/2) 15
Stylesheet-basierte Optimierung (b - 2/2) Ort: Client Anpassungsaufwand: Websitebetreiber Technik: Cascading Style Sheets (CSS) Herausforderung Anzeige Eingabe Ressourcen Optimierung Darstellung Inhalte Eingaben Navigation Datenmenge Auslastung Stylesheet (b) ++ + - ++ - ++ Alternative Navigation Hinterlegung von alternativen Inhalten, Ausblenden von Plugin-Inhalten Umfangreiche Anpassungen, alternative DIVs 16
Webserver-basierte Optimierung (c - 1/2) Quelle: http://www.facebook.com, http://m.facebook.com. 17
Webserver-basierte Optimierung (c - 2/2) Ort: Server Anpassungsaufwand: Websitebetreiber Technik: Alternative Internetseite (z. B. via CMS) Herausforderung Anzeige Eingabe Ressourcen Optimierung Darstellung Inhalte Eingaben Navigation Datenmenge Auslastung Webserver (c) ++ ++ ++ ++ ++ ++ Maximale Anpassungsmöglichkeiten, Möglichkeit der Optimierung für - Endgeräte - Browser / Rendering Engines - Kommunikationsnetze 18
Proxy-basierte Optimierung (d - 1/2) Quelle: http://bhupendrarajput.files.wordpress.com/ 2009/07/opera-turbo-62.jpg. 19
Proxy-basierte Optimierung (d - 2/2) Ort: Server Anpassungsaufwand: Softwareentwickler / Proxy-Hersteller Technik: Transcoding Proxy Herausforderung Anzeige Eingabe Ressourcen Optimierung Darstellung Inhalte Eingaben Navigation Datenmenge Auslastung Proxy (d) + - - + ++ -- Veränderte Darstellung der Navigation, Einbettung von Access Keys Komprimierung von Grafiken, Löschung von Plugin-Inhalten Anpassung der Darstellung analog zu Rendering Engines / Browsern 20
Bewertung der Optimierungsmöglichkeiten Keine dominante Technik. Ansätze kombinierbar. Herausforderung Anzeige Eingabe Ressourcen Optimierung Darstellung Inhalte Eingaben Navigation Datenmenge Auslastung Browser (a) ++ - ++ + - - Stylesheet (b) ++ + - ++ - ++ Webserver (c) ++ ++ ++ ++ ++ ++ Proxy (d) + - - + ++ -- Maximale Usability für Nutzer: Webserver-basierte Anpassung Minimale Kosten für Betreiber von Webseiten: - Browser-basierte Anpassung - Proxy-basierte Anpassung 21
Agenda 1. Einleitung und Einordnung 2. Webanwendungen auf mobilen Endgeräten 3. Ansätze zur Optimierung von Webseiten 4. Fazit 22
Fazit Webseiten müssen für die Betrachtung auf mobilen Endgeräten optimiert werden. Vielfältige Optimierungsmöglichkeiten an verschiedenen Stellen der Web-Architektur sind vorhanden. Keine dominante Methode absehbar; eine wichtige Rolle werden die Browser-basierte und Webserver-basierte Anpassung spielen. Optimierte Webseiten können als Basistechnologie für mobile Anwendungen bis hin zu mobilen Betriebssystemen dienen. Webbasierte Anwendungen können einen Lösungsbeitrag für die Herausforderungen des mobilen Internets leisten. 23
Some Rights Reserved This work is licensed under the Creative Commons Attribution- Noncommercial-No Derivative Works 2.0 Germany License. To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-nd/2.0/de/ or send a letter to Creative Commons, 543 Howard Street, 5th Floor, San Francisco, California, 94105, USA. 24