Doç. Dr. Abdülkadir ÇAKIR

Slides:



Advertisements
Benzer bir sunumlar
Web uygulamalarında yeni bir yaklaşım AJAX
Advertisements

HTML e GİRİŞ Temel HTML etiketleri.
WEB TASARIM Temel Kavramlar.
.NET FRAMEWORK.
İşletim Sistemi (MacOS)
Görme Engelliler İçin Servis Platformu
WEB Tasarımı & .NET Bolum 1
İnternet Programcılığı
 Web 2.0 bilgisayar endüstrisinde internetin bir düzlem olarak ilerlemesiyle bir işletme devrimi ve bu düzlemin kurallarını başarı için anlamaya çalışmaktır.
Bilgisayar Dosya Uzantıları
PL/SQL üzerinden Web Sayfası üretmek
KURULUŞUNUZUN ADI ---[LOGO]--- Who we are Kuruluşun kısa tanıtımı. 50 kelimeyi aşmayacak şekilde.
BTEP 203 – İnternet ProgramcIlIğI - I
Çevre ve Orman Bakanlığı Bilgi İşlem Dairesi Başkanlığı
The SEE-GRID initiative is co-funded by the European Commission under the FP6 Research Infrastructures contract no SE4SEE A Grid-Enabled Search.
Mobil Uygulamalar ve Bilgi Hizmetleri Orçun Madran
IT 504 İnternet ve Web Programlama Tanıtım Yrd. Doç. Yuriy Mishchenko.
WEB TASARIMININ TEMELLERİ
Slide 1 Web 2.0 Teknolojileri ve Uygulamaları Çalıştayı, 4 Aralık 2009, Ankara Web 2.0, Semantik Web ve Kütüphanelerin Geleceği Yaşar Tonta ve Umut Al.
WEB TASARIMINDA TEMEL KAVRAMLAR
HTML HYPER TEXT MARKUP LANGUAGE Burcu Yılmaz – İ brahim Mert Bilişim Teknolojileri Ö ğ retmeni.
Hazırlayan:Emin BORANDAĞ 4/3/ HTML HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir.
Microsoft ® Expression ® Encoder Daron Yöndem Deveload.
XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007 Anlamsal HTML’e Yeni Bir Bakış: MİKROFORMATLAR Abdullah Çetin ÇAVDAR Mert DUATEPE.
HAKKINDA : Windows 98’ den sonra çıkmıştır. Daha güzel ve kullanışlı yeni şeyler eklenmiştir. 16-bit/32-bit melez işletim sistemidir. Microsoft Windows.
Terminoloji Standartları
Hareket halindeki insanlara ulaşın.Mobil Arama Ağı Reklamları Reach customers with Mobile Search Network.
Unity Desktop Aslı Ergün.
Internet’te uzaktan eğitim dersi tasarımı nesnelci ve oluşturmacı (objectivist and constructivist) öğrenim paradigmalarının karması bir gelişim modeli.
Mobil ve Kablosuz Sistemlerde Bilgi Erişim Özellikleri Cenk ATLIĞ 11-Ocak-2006 Trakya Üniversitesi Bilgisayar Mühendisliği Akademik Bilişim Konferansı.
Web Araçları Web Teknolojileri ve Programlama ODTÜ-SEM.
HTML HYPER TEXT MARKUP LANGUAGE Ayşe AK İ DA Ğ I Bilişim Teknolojileri Ö ğ retmeni.
COMPANY Veritabanı Örneği (Gereksinimler)
Satış Odağı Şık ve Renkli Tasarım 12.1mm inceliğinde ve 3,14” ekran boyutuna sahip.
KONGRE YÖNETİM SİSTEMİ MEHMET TURAN M. SERTAÇ KELEŞ.
BIL MOBiL PROGRAMLAMA TEKNiKLERi
BIL MOBiL PROGRAMLAMA TEKNiKLERi
Web 2.0 Araçlarının Tanıtımı ÖZGE AKMAN TÜRKÇE ÖĞRETMENLİĞİ 2. SINIF 1. ÖĞRETİM
Mobil Uygulama Geliştirme
Bu kurs ne değildir? Neyi amaç edinmiştir? Bilgisayar Mühendisi? Bilgisayar Programcısı? Web Tasarımcısı? Web Programcısı? Neler öğreneceğiz? Kurs sonunda.
Yrd. Doç. Dr. Murat Olcay Özcan
Modül 1: Giriş. Genel Bakış Temel.NET kavramları Geliştirme ortamında gezinti Bir C# projesi oluştur Use Visual Studio.NET Veriye eriş Hata ayıkla ve.
Yrd. Doç. Dr. Murat Olcay Özcan
BSM447 – MOBİL UYGULAMA GELİŞTİRME Öğr. Gör. Nevzat TAŞBAŞI Giriş.
Mobil Uygulama Geliştirme Teknikleri
ODTÜ Bilgisayar Mühendisliği Lisans Müfredatı ve Program üzerine Notlar CENG /28/2017.
Web Tasarımı 2.Hafta. HTML Nedir  Hyper Text Markup Language (Hiper Metin İşaretleme Dili) web sayfalarını oluşturmak için kullanılan standart metin.
*Display: 5.29" in actual measurement. Geniş ve TaşınabilirKolay Kulllanım - El Hareketi Algılama - S Planner Görüntü Alma ve OluşturmaHızlı ve Güçlü.
ÖZGÜR WEB ÇATILARI İ LE MOB İ L UYGULAMALAR GEL İ ŞT İ RMEK Burak Dede – Sezer Yeşiltaş.
1. Ders: Ders İşleyişi Hazırlayan ve Sunan:
Mootools Javascript Framework'ü ile Web 2
Türkçe Arama Motorları Ne Kadar Türkçe?
İNTERNET PROGRAMCILIĞI 1
Web Teknolojileri Giriş.
XHTML ile HTML Arasındaki Farklar
Tarayıcı Sorunları ve Çözümleri
Prof. Dr. Hüner Şencan İstanbul Ticaret Üniversitesi
Endüstri mühendisliği.
Web Teknolojileri ve Programlama ODTÜ-SEM
MOBİL CİHAZLAR İÇİN ETKİLEŞİMLİ E-KİTAP GELİŞTİRME
Web Programlama Kursu Bu kurs ne değildir? Neyi amaç edinmiştir?
Emine ÜNALIR Ege Üniversitesi
İNTERNET PROGRAMCILIĞI 2
NİŞANTAŞI ÜNİVERSİTESİ
Temel PowerPoint Eğitimi
Uluslararası Üniversite Sıralama Sistemleri Genel Bir Değerlendirme
İST1111 BİLGİSAYAR UYGULAMALARI HTML
Genel PHP Akademik Bilişim 2003 Adana, Şubat 2003 Hidayet Doğan
Kültürel Bellek Çalışmalarının Görsel Bir Haritası Güleda Doğan
Web Teknolojileri 2.Hafta.
Sunum transkripti:

Doç. Dr. Abdülkadir ÇAKIR HTML5’İn Sunduğu Yenİlİkler ve Örnek Bİr Uygulama Rafet DURGUT Doç. Dr. Abdülkadir ÇAKIR

HTML ( Hyper Text Markup Language )

<!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>

Destekçileri Apple (apple.com/html5/) Google (html5rocks.com) Mozilla (developer.mozilla.org/en-US/docs/HTML/HTML5) Microsoft (http://ie.microsoft.com/testdrive/) Youtube (http://www.youtube.com/html5) Facebook (https://developers.facebook.com/html5)

HTML4 vs HTML5 Yeni Etiketler Tarayıcı Destekleri Anlamsal Ağ Uygulama Programlama Arayüzleri Çoklu Ortam Erişimleri Web Form Özellikleri Güvenlik

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

Uygulama Programlama Arayüzleri (UPA) video audio draganddrop geolocation atob btoa print webworker webstorage websocket

UPA örnekleri

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>

Çoklu Ortam Erişimleri Eklentilere gerek yok. Zengin format desteği (Mp4, Ogg,WebM). Geliştirmelere sahip.

Yeni Web Form Özellikleri tel search url email datetime date month week time datetime-local number range color placeholder required

<input type=email required> HTML4 <form> <input name="email" type="text"> onaylama süreci (?:[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*|"(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21\x23-\x5b\x5d-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])*")@(?:(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?|\[(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?|[a-z0-9-]*[a-z0-9]:(?:[\x01-\x08\x0b\x0c\x0e-\x1f\x21-\x5a\x53-\x7f]|\\[\x01-\x09\x0b\x0c\x0e-\x7f])+)\]) HTML5 <input type=email required>

Güvenlik x Güvenlik açıkları ihtimali x Yakın takip gereksinimi

Tarayıcı Destekleri

Platform Bağımsızlığı Çoklu platform desteği Native ve Hybrid uygulamalar Tek noktadan kontrol

Örnek bir uygulama

Genel Yapı

Anlamsal Yapı

Anlamsal Yapı

Anlamsal Yapı

Anlamsal Yapı

Performans

Performans

Platform Desteği

Sonuç

Dinlediğiniz İçin Teşekkürler

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.”. http://www.w3.org/html/wg/drafts/html/master/, 26.12.2012 [27.12.2012] [3] Kesteren, A. V., ve Pieters, S. , “HTML5 differences from HTML4.”, http://www.w3.org/TR/html5-diff/, 25.10.2012 [27.12.2012] [4] Daniel, Y.N., ve Brian, C.D., “HTML5: What’s Different for User Experience Design and the Web”, Sigma, Vol.11, no.1: 45-51 (2011) [5] Morrison,J., “HTML5 & CSS3 Support”, http://findmebyip.com/litmus, 27.12.2012 [27.12.2012] [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”, http://html5demos.com, 2010 [27.12.2012] [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, 58-65 (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 )