Sunuyu indir
Sunum yükleniyor. Lütfen bekleyiniz
1
Doç. Dr. Abdülkadir ÇAKIR
HTML5’İn Sunduğu Yenİlİkler ve Örnek Bİr Uygulama Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR
2
HTML ( Hyper Text Markup Language )
3
<!DOCTYPE html> Kısa ve öz HTML5 Güçlü Geliştirilmeye açık
Daha az eklenti Geliştirici odaklı Geliştirilmeye açık Güçlü Kısa ve öz HTML5 <!DOCTYPE html>
4
Destekçileri Apple (apple.com/html5/) Google (html5rocks.com)
Mozilla (developer.mozilla.org/en-US/docs/HTML/HTML5) Microsoft ( Youtube ( Facebook (
5
HTML4 vs HTML5 Yeni Etiketler Tarayıcı Destekleri Anlamsal Ağ
Uygulama Programlama Arayüzleri Çoklu Ortam Erişimleri Web Form Özellikleri Güvenlik
6
Yeni Etiketler section article footer nav hgroup header figure
figcaption aside video audio track embed mark progress time ruby rt rp bdi wbr canvas command details datalist keygen output
8
Uygulama Programlama Arayüzleri (UPA)
video audio draganddrop geolocation atob btoa print webworker webstorage websocket
9
UPA örnekleri
10
Anlamsal Ağ (Semantic Web)
<div class=”makale”> <h1>Makale Başlığı</h1> <p >Makale İçeriği</p> <div class=”makaleDetaylari”> Detaylar </div> <article> <h1> Makale Başlığı</h1> <p>Makale İçeriği</p> <details>Detaylar</details> </article>
11
Çoklu Ortam Erişimleri
Eklentilere gerek yok. Zengin format desteği (Mp4, Ogg,WebM). Geliştirmelere sahip.
12
Yeni Web Form Özellikleri
tel search url datetime date month week time datetime-local number range color placeholder required
13
<input type=email required>
HTML4 <form> <input name=" " type="text"> onaylama süreci HTML5 <input type= required>
14
Güvenlik x Güvenlik açıkları ihtimali x Yakın takip gereksinimi
15
Tarayıcı Destekleri
16
Platform Bağımsızlığı
Çoklu platform desteği Native ve Hybrid uygulamalar Tek noktadan kontrol
18
Örnek bir uygulama
19
Genel Yapı
20
Anlamsal Yapı
21
Anlamsal Yapı
22
Anlamsal Yapı
23
Anlamsal Yapı
24
Performans
25
Performans
26
Platform Desteği
27
Sonuç
28
Dinlediğiniz İçin Teşekkürler
29
Sorular [1] Robbins, J.N., ”HTML & XHTML Pocket Reference
fourth edition”, O’reilly media, Sebastopol, (2009) [2] Berjon, R., Head, T. L., Novara, E. D., Oconner, E., ve Pfeiffer, S., “HTML 5.1 Nightly.”. [ ] [3] Kesteren, A. V., ve Pieters, S. , “HTML5 differences from HTML4.”, [ ] [4] Daniel, Y.N., ve Brian, C.D., “HTML5: What’s Different for User Experience Design and the Web”, Sigma, Vol.11, no.1: (2011) [5] Morrison,J., “HTML5 & CSS3 Support”, [ ] [6] Burcu Ardıç, Mehmet Göktürk, “Kullanılabilir Uygulama Programlama Arayüzleri”, 4. ULUSAL YAZILIM MÜHENDİSLİĞİ SEMPOZYUMU – UYMS,İstanbul (2009) [7] Sharp, R., “HTML5 Demos & Example”, [ ] [8] Öztürk, M.M. , Ekşi, Z. , Akgül A., Uçar, M.K. , “HTML5 İLE MANTIK DEVRELERİ DERSİNİN MODELLENMESİ VE PERFORMANS ANALİZİ “,Geleceğin Mühendislik Eğitiminden Endüstri ile İşbirliği Sempozyumu,Isparta,(186:190),2012 [9] Çakır, E. “HTML5 Güvenliği Yeni Nesil Web Tehditleri”, IV.AĞ VE BİLGİ GÜVENLİĞİ ULUSAL SEMPOZYUMU, Ankara, (2011) [10] Kessin, Z., “Programming HTML5 Applications”, O’reilly Media, Sebastopol,3 (2011) [11] ] Yang, X. Yang, L., Lan, S., Tong,X. “Application of HTML5 Multimedia”, International Conference on Computer Science and Information Processing (CSIP) ,Xi’an (2012 )
Benzer bir sunumlar
© 2024 SlidePlayer.biz.tr Inc.
All rights reserved.