Pobierz prezentację
Pobieranie prezentacji. Proszę czekać
1
Adobe Flash vs Hyper Text Markup Language 5
Autorzy: Piotr Kwiatek i Paweł Głębocki Grupa: I9H1S4
2
Wprowadzenie Czym jest HTML5? Nowości związane z HTML5 Wady HTML5
Popularność Flash Testy wydajności Co kiedy wybrać? Czy Adobe jest wrogiem HTML5? Bibliografia
3
Czym jest HTML5? 1994 HTML 2 1996 CSS 1 + JavaScript 1997 HTML 3.2 i 4
2000 XHTML 1 i HTML 4.01 2005 AJAX 2008 HTML 5 2007 Google Gears O3D
4
Nowe technologie związane ze standardem
Multimedia Gromadzenie informacji Łączność i wykonywanie zadań Obsługa formularzy i stron Semantyka strony Dysk sieciowy: \\adresIP\Demonstracje
5
Multimedia Audio, Video – możliwość zagnieżdżenie odtwarzacza w przeglądarce Canvas – pozwala na dynamiczne, skryptowe renderowanie kształtów i obrazów bitmapowych WebGL – rozszerzenie Canvas o grafikę 3D SVG – uniwersalny format dwuwymiarowej grafiki wektorowej (statycznej i animowanej)
6
Multimedia Kodowanie Video: WebM: Firefox, Chrome, Opera, IE, Safari
h.264: IE, Safari
7
Gromadzenie informacji
WebStorage – gromadzenie informacji w lokalnej pamięci Web SQL Database – gromadzenie informacji w lokalnej bazie danych Indexed Database API – gromadzenie informacji w indeksowanej bazie danych Application Cache – przechowywanie zawartości całej strony w pamięci off-line API plikowe: FileSystem, File, FileWriter – obsługa plików i katalogów
8
Gromadzenie informacji
9
Łączność i realizacja zadań
WebSocket Cross-Document messaging Serwer-Sent Events Geolocation Notifications WebWorkers
10
Łączność i realizacja zadań
11
Obsługa formularzy i stron
Nowe elementy formularzy, takie jak paski postępu, suwaki, autouzupełnianie, kontrolki od wprowadzania liczb, dat, adresów… Obsługa walidacji zawartości znaczników – na podstawie typu elementu lub wyrażenia regularnego Speech Input API – możliwość wprowadzania danych przy użyciu głosu Zarządzanie historią odwiedzanych stron spod poziomu skryptów
12
Obsługa formularzy i stron
13
Semantyka stron Podział dokumentu na nagłówki, stopki, artykuły, sekcje umożliwiający łatwiejsze indeksowanie zawartości i wykrywanie tytułów Oznaczanie znaczenia poszczególnych fragmentów tekstu przy użyciu mikrodanych i mikroformatów, umożliwiające zrozumienie ich znaczenia, np. adres, imię i nazwisko, nazwa zespołu, firmy… Dodanie informacji nawigacyjnych zarówno na poziomie strony jak i poszczególnych odnośników
14
Semantyka stron
15
Wady HTML5 Problemy z kodekami Video – WebM vs h.254
Brak pełnej implementacji Standard ciągle rozwijany – następują w nim zmiany Ponad 40% wykorzystywanych przeglądarek go nie wspiera (wg. danych StatCounter) Różne przeglądarki implementują różne moduły standardu – mała część wspólna
16
Popularność Adobe Flash
1.2 miliarda telefonów komórkowych potrafi obsługiwać Flash 70% gier online wykorzystuje Flash 98% użytkowników Internetu z niego korzysta 85% ze 100 najpopularniejszych stron wykorzystuje Flash Wiele ważnych stron wykorzystuje Flash 2-3 miliony członków społeczności deweloperów technologii Flash 90% twórców posiada zainstalowaną obsługę Flash
17
Testy wydajności YouTube – odtwarzanie filmów WebM 720p ( Chrome 11 Firefox 4.0.1 Opera 11.11 Internet Explorer 9 Safari 5 HTML5 25% 10% 30% 14% 15% Adobe Flash 20% 16% 13% YouTube – wyniki testów z Wikipedii Chrome (Mac) Firefox (Mac) Safari Chrome (Win) Firefox (Win) Internet Explorer 8 Safari (Win) HTML5 49.89% - 12.39% X Adobe Flash 10 50.39% 40.25% 37.41% X-24% 22% 22.41 23.22% Adobe Flash 10.1 49.79% 42.07 32.07% X-58% 6% 14.62 7.43%
18
Co, kiedy wybrać? Kierunki rozwoju:
Wypieranie XHTML i HTML 4.01 przez HTML5 Integracja obu standardów w zawartość stron Prognoza – brak dominującego standardu w najbliższym okresie Wybierz HTML5 Wybierz Adobe Flash W przypadku systemów o niskiej wydajności. Jeśli musisz obsługiwać wiele różnych, w tym starszych, przeglądarek. W przypadku ograniczeń finansowych. Gdy chcesz przetwarzać strumienie multimedialne wysokiej jakości. Jeśli chcesz być wspierany na produktach firmy Apple (iPad, iPhone, …) W przypadku gdy chcesz chronić zawartość publikowaną w sieci przed nieautoryzowanym wykorzystaniem. Jeśli chcesz pracować w otwartym środowisku Jeśli chcesz publikować reklamy zawierające wideo. W przypadku integracji komunikacji dwustronnej wykorzystującej strumienie multimedialne, np. rozmowy wideo.
19
Czy Adobe jest wrogiem HTML5?
Adobe jest aktywnym członkiem grup zajmującym się tworzeniem i rozwijaniem standardu HTML5 W marcu 2011r. Adobe opublikowało wersję tesotową programu Wallaby – aplikacji pozwalającej na prostą i szybką konwersję plików źródłowych Action Script (Flash) do języka HTML5
20
Bibliografia Prezentacja HTML5 autorstwa Marcina Wicharego ( Wersja anglojęzyczna Wikipedii ( Materiały referencyjne World Wide Web Consortium ( i Web Hypertext Application Technology Working Group (
Podobne prezentacje
© 2024 SlidePlayer.pl Inc.
All rights reserved.