Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

Doç. Dr. Abdülkadir ÇAKIR

Benzer bir sunumlar


... konulu sunumlar: "Doç. Dr. Abdülkadir ÇAKIR"— Sunum transkripti:

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

7

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

17

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 )


"Doç. Dr. Abdülkadir ÇAKIR" indir ppt

Benzer bir sunumlar


Google Reklamları