Aktivitäten der Mobile Web Initiative

Transkript

1 Aktivitäten der Mobile Web Initiative Sebastian Schlaak, Andreas Franz, Karl Held

2 So?!? Quelle: 2

3 Gliederung Einleitung Motivation/Geschichte Arbeitsgruppen Zukünftige Arbeitspunkte Zusammenfassung Diskussion 3

4 Einleitung Mobile Web Initiative (MWI) 2005 vom World Wide Web Consortium (W3C) gegründet Ziel: Weberlebnis am Handy verbessern Nach Konsortiums ist derzeitiger Zustand wenig zufriedenstellend "Mobiler Zugriff auf das Web ist schon viel zu lange ein zweitklassiges Erlebnis gewesen Berners Lee - Erfinder von HTML und Begründer des WWW Quelle: 4

5 Motivation Geräte leistungsstärker, erschwinglicher und breitenkompatibler Entstehung mobiler Datenflatrates Carriernetze breitbandiger und leistungsstärker Wachsender Anspruch immer mobil zu sein Quelle: 5

6 Motivation Quelle: 6

7 Geschichte des mobilen Web 1999 Geburtsstunde mobiles Web Erstes internetfähiges Mobiltelefon: Nokia 7110 WAP basierend (später HSCSD & GPRS) 7

8 Geschichte des mobilen Web Mobilfunkübertragungstechniken WAP (9,6 kbit/s) GPRS (115,2 kbit/s ) UMTS (7,2 Mbit/s) EDGE (473,6 kbit/s ) 8

9 Zielstellung MWI Webzugang für mobile Geräte verbessern Standards entwickeln Datenformate & Richtlinien definieren Gerätespezifikation für Inhaltsadaption Entwicklung von Best Practices Marketing und Öffentlichkeitsarbeit Testsuites bereitstellen 9

10 Arbeitsgruppen MWI MWI Steering Council MWI Device Description Working Group Mobile Web Best Practices Working Group Mobile Web for Social Development Interest Group MWI Test Suites Working Group 10

11 MWI Steering Council aus Vertretern der MWI Sponsoren zusammengesetzt plant zukünftige Arbeitspunkte der MWI überwacht Fortschritt bewertet Marketingmöglichkeiten vereinbart Zusammenarbeiten Öffentlichkeitsarbeit Quelle: 11

12 MWI Device Description Working Group Entwicklung standardisierter Datenbank (DDR) Entwicklung der DDR Simple API Veröffentlichung Core Vocabulary 2008 geschlossen 12

13 Device Description Repository Aufteilung: Aspect: Repräsentiert Kategorie von Hard- oder Software (Device, Browser, Proxy) Property: Eigenschaften eines Aspect (Bildschirmgröße, Hersteller) Vocabulary: Menge von Aspects und Properties (z.b. Core-Vocabulary) 13

14 Core Vocabulary Aspects: Device Webbrowser Properties Hersteller Modell Version Displaybreite Displayhöhe Farbtiefe Eingabegeräte Markup- Stylesheet- Bildformat- Eingabemodus- Cookie- Skript-Unterstützung 14

15 Bsp: Property Display Width Beschreibung: Gesamtzahl horizontal adressierbaren Pixel Messung: Pixel von der oberen, linken Ecke zur oberen, rechten Ecke Typ: Nicht negative Integerzahl Rechtfertigung: benötigt um Bilder, Text zu skalieren Eigenschaftsname: screenwidth 15

16 DDR Simple API Umsetzung in Java als JavaDoc Quelle: 16

17 Mobile Web Best Practices Working Group 2005 vom W3C als Teil der MWI gegründet entwickeln technische Verfahren und Richtlinien zur Unterstützung der Entwicklung mobiler Websites Java-Implementierung einer mobileok-checker Bibliothek alle Errungenschaften im Mobile Web Best Practices 1.0 Webstandard zusammengetragen und veröffentlicht Ziel: Inhalte so gestalten und auszuliefern, dass sie auch auf mobilen Geräten gut funktionieren 17

18 Mobile Web Best Practices Working Group Vorgaben/Richtlinien: Gestalten für das Eine Web Einhalten der Webstandards Vermeiden von Problemen Beachten der Gerätelimits Optimieren der Navigation Prüfen von Grafik & Farben Minimieren der Größe Sparen am Datentransfer Helfen bei Nutzereingaben Planen für mobile Nutzer 18

19 Mobile Web Best Practices Working Group Gestalten für das Eine Web Konzeption der Inhalte für unterschiedliche Geräte Inhalte unter einer URI auch bei Nutzung mit verschiedenen Geräten thematisch kohärent nutzen der Gerätefunktionen für ansprechende Oberflächen Testen der Anwendung (Gerät + Emulatoren) 19

20 Mobile Web Best Practices Working Group Einhalten der Webstandards valider Markup Format (unterstützt/bevorzugt) Zeichensatz Encoding (UTF-8) Stylesheets Struktur Fehlermeldungen 20

21 Mobile Web Best Practices Working Group Vermeiden von Problemen keine Pop-Ups oder andere Fenster keine geschachtelten Tabellen nutzen für das Layout keine Tabellen nutzen Verzicht auf grafische Abstandhalter keine Frames Image Maps vermeiden 21

22 Mobile Web Best Practices Working Group Beachten der Gerätelimits Cookies, Skripte und Style Sheets nicht unbedingt unterstützt font-spezifische Styles vermeiden Farben/Kontraste 22

23 Mobile Web Best Practices Working Group Optimieren der Navigation Ziel vom Link sollte eindeutig erkennbar sein kurze URIs für Einstiegsseiten Formate von verlinkten Ressourcen die ggf. nicht unterstützt werden angeben nicht zu viele Links auf einer Seite 23

24 Mobile Web Best Practices Working Group Prüfen von Grafik & Farben Textäquivalent zu allen nicht textuellen Informationen angeben Maße dynamisch gestalten hoher Farbkontrast (Vordergrund/Hintergrund) 24

25 Mobile Web Best Practices Working Group Minimieren der Größe Seiten und Style Sheets klein halten Markup 10kb Markup + Bilder 20kb CSS 10kb Scrollbalken nur in eine Richtung 25

26 Mobile Web Best Practices Working Group Sparen am Datentransfer Auto Refresh vermeiden Anzahl der verlinkten externen Ressourcen klein halten Caching ausnutzen 26

27 Mobile Web Best Practices Working Group Helfen bei Nutzereingaben Vorgabewerte definieren # Tastendrücke minimieren Beschriftung und Positionierung von Eingabefeldern logische Reihenfolge von Links und Bedienelementen 27

28 Mobile Web Best Practices Working Group Planen für mobile Nutzer kurzer und aussagekräftiger Seitentitel wichtige Inhalte weniger wichtigen voranstellen Begrenzung der Inhalte auf die vom Nutzer angefragten 28

29 Mobile Web Best Practices Working Group neue Best Practices (Working Draft ) sind teilweise komplementär zu den Empfehlungen der "Mobile Web Best Practices 1.0 BP1 konzentriert sich auf die breite Palette Working Draft -> Schwerpunkt auf der Verwendung der fortgeschrittenen Fähigkeiten der Geräte 29

30 Mobile Web Best Practices Working Group Beispiele: Click-to-Call, d.h. Telefonnummern im Web klickbar machen Anruf automatischer Login durch lokale Cookies Bilder können in CSS als base64 encodierter String abgelegt werden 30

31 Mobile Web Best Practices Working Group W3C mobileok Checker Testet: Markup Struktur Style Sheets Bilder Eingabefelder Korrektheit der Caching und Encoding Informationen im HTTP Header Zeichenkodierung in UTF-8 Links Demonstration 31

32 Mobile Web for Social Development Interest Group gegründet im Juni 2008 Beschäftigt sich mit sozialen Belangen besonders in Entwicklungsländern Mobile Web for Social Development Roadmap Versorgung von unterprivilegierten Menschen mit Grunddiensten aus den Bereichen: Gesundheit, Bildung, Regierung Arbeitsgruppe bewertet die Herausforderungen für Implementierung entwicklungs-orientierte Dienste hilft bestehende Technologien zu verstehen vielversprechende Entwicklungen aufzeigen 32

33 Mobile Web for Social Development Interest Group Hindernisse für Entwicklung, Bereitstellung und den Zugriff auf Dienste auf Mobiltelefonen erleichtern Schaffung günstiger Rahmenbedingungen für mehr sozial orientierte Dienstleistungen Möglichkeiten und Anforderungen der wichtigsten Technologien: Infrastruktur Geräte Kosten im Zusammenhang mit der Durchführung und Umsetzung 33

34 Mobile Web for Social Development Interest Group Erfolgsgeschichten: einfache Dienste auf Handys ermöglichen es die soziale und wirtschaftliche Entwicklung einiger Gemeinden voranzutreiben sehr einfache Dienstleistungen, wie Wettervorhersage, Marktinformationen, Terminverwaltungen z.b. Fischerdorf in Kerala, Indien 34

35 MWI Test Suites Working Group geräteunabhängige Testfälle für mobile Browser Umsetzung verbreiteter Technologien Hilfestellung für Browserhersteller aktuelle Arbeiten: Richtlinien für die Erarbeitung von Tests Erstellung einer Testsammlung Erweiterung/Automatisierung bestehender Tests Zusammenarbeit: wöchentlich Telefon-, jährlich Präsenzmeeting 35

36 MWI Test Suites Working Group Web Compatibility Test for Mobile Browsers automatisierte Prüfung der Unterstützung moderner Webtechnologien ähnlich ACID Tests visualisiert Testergebnisse Version 2 in Entwicklung Ergebnisse werden gesammelt Schwachpunkte aufzeigen Tests nicht vollständig 36

37 MWI Test Suites Working Group Quelle: 37

38 MWI Test Suites Working Group Vergleich der weit verbreiteten Browserengines deutlich unterschiedliche Fortschritte bei der Umsetzung Opera 10 beta Internet Explorer 6.0 Skyfire 1.1 (Mozilla) eigene Quelle 38

39 MWI Test Suites Working Group Weitere Tests: DOM Level 1 SVG spezielle Profile: Tiny und Basic mobile AJAX XHTML Formulare Character Encoding W3C Widget Testing CSS Mobile Profile, Media Types Definition mit der Web Interface Definition Language (WebIDL) 39

40 MWI Test Suites Working Group Zusammenarbeit mit anderen Gruppen: Web Applications Working Group CSS Working Group Ubiquitous Web Applications Working Group Geolocation Working Group HTML Working Group SVG Working Group Hypertext Coordination Group (HCG) 40

41 Mobile Web Initiative Zukünftige Arbeitspunkte Erweiterung der Spezifikationen Richtlinien zur Inhaltstransformierung Best Practices für mobile Webapplikationen Erweitern von Testfällen noch sind nicht alle Spezifikationen in Tests umgesetzt mobileok Pro Entwicklung von Tools für die Erstellung von mobilen Webinhalten 41

42 Zusammenfassung Veröffentlichte Standards: Mobile Web Best Practices (Juli 2008) Device Description Repository Simple API mobileok Basic W3C Cheat Sheet für Entwickler viele mobile Webseiten orientieren sich an den Standards diverse Tools und Validierer 42

43 Zusammenfassung Quelle: (angepasst) 43

44 Diskussion Wird sich das mobile Internet in dieser Form durchsetzen, obwohl immer mehr Smartphones auf den Markt kommen? Was sollte Eurer Meinung nach noch standardisiert werden? Ist das W3C mit der MWI zukunftsorientiert? der soziale Aspekt 44

45 Quellen

46 Quellen /