Diese Präsentation ist über HTML5 und soll die verschiedenen Konzepte und Ideen hinter dieser neuen HTML Version darstellen.
This presentation is about HTML5 and takes you through the main ideas and concepts, which are presented with the introduction of HTML5. See what HTML5 can do for you.
2. Marcel Engelmann | Twitter: @marcelengelmann | HTML5
Gliederung
• Allgemeines
• Entwicklung
• Ziele
• Vor- und Nachteile
• Strukturierende Elemente
• Neuerungen in HTML5
• Ausweichmöglichkeiten
• Fazit
• Quellen
2
3. Marcel Engelmann | Twitter: @marcelengelmann | HTML5
Allgemeines
• textbasierte / semantische Auszeichnungssprache
• befindet sich noch in Entwicklung
• es gibt schon fast ausgereifte Entwürfe
• neue Funktionalität
• bessere / einfache Verwendung von Media-Elementen
• ohne Plugins (z.B. Adobe Flash)
3
4. Marcel Engelmann | Twitter: @marcelengelmann | HTML5
Entwicklung von HTML5
• Entwicklung von HTLM5 begann 2004
• Entwicklung noch immer nicht beendet
• Aktuell: HTML4 (seit 1997)
• funktioniert immer mehr im Zusammenhang mit CSS und JavaScript
• soll 2014 fertig gestellt werden
4
10. Marcel Engelmann | Twitter: @marcelengelmann | HTML5
Media - Canvas
• pixelorientierte Immediate-Mode Grafikschnittstelle
• 3D und 2D Grafik-Animation durch WebGL
10
<canvas></cancas>
11. Marcel Engelmann | Twitter: @marcelengelmann | HTML5
Media - Geolokalisation
• Möglichkeit, Position des Endgeräts zu ermitteln
• Beispiele: GPS-Sensor, Mobilfunk, Wlan-Netzwerke und IP-Adressen
• ortsbezogene Dienste (nächstgelegene Restaurants, Tankstellen, etc.)
• Benutzer muss nach Erlaubnis gefragt werden!
11
12. Marcel Engelmann | Twitter: @marcelengelmann | HTML5
Media - Drag & Drop
• Dateien können durch Drag & Drop automatisch hochgeladen werden
12
13. Marcel Engelmann | Twitter: @marcelengelmann | HTML5
Media - Offline Speicherung
• Daten können auf dem Benutzergerät gespeichert werden
• ganze Datenbanken können offline verwaltet werden
• HTML5-Software und Spiele können heruntergeladen werden (Windows 8)
13
14. Marcel Engelmann | Twitter: @marcelengelmann | HTML5
Media - Vor- und Nachteile
14
Vorteile:
• verbesserte Kompatibilität
• verbesserte Performance
• ohne Plugins
!
!
Nachteile:
• viele Dateiformate sind nötig für die Darstellung in verschiedenen Browsern
• höherer Zeitaufwand für die Erstellung der Inhalte
• Komplexität