XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Preview:

DESCRIPTION

Anlamsal HTML’e Yeni Bir Bakış: MİKROFORMATLAR. Abdullah Çetin ÇAVDAR cetin@cavdar.net. Mert DUATEPE duatepe@cs.bilkent.edu.tr. XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007. Web’e Genel Bakış Nedir? Türleri Tasarım Örüntüleri Yararları Kullanım Alanları Sonuçlar. İçerik. - PowerPoint PPT Presentation

Citation preview

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Anlamsal HTML’e Yeni Bir Bakış:

MİKROFORMATLARAbdullah Çetin

ÇAVDARcetin@cavdar.net

MertDUATEPE

duatepe@cs.bilkent.edu.tr

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

İçerik

• Web’e Genel Bakış

• Nedir?

• Türleri

• Tasarım Örüntüleri

• Yararları

• Kullanım Alanları

• Sonuçlar

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Web’e Genel Bakış

İÇERİK

İÇERİKİÇERİKİÇERİK

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Web’e Genel Bakış

ANLAM

<p> <table>

<ul> / <li><adr>

<cite>

<a>

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Web’e Genel Bakış

Web Geliştirici?

?

??? ?

? ?

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Web’e Genel Bakış

• Üyelik

• Onay Mekanizması

• Değiştirme/Silme

• Gizlilik Politikası

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Mikroformatlar Nedir?

• Mikroformatlar, öncelikle insanlar, ardından makineler (bilgisayarlar) için tasarlanmış olup günümüzde geniş kitleler tarafından kullanılan standartlar üzerine kurulmuş ve verinin biçimlendirilmesine olanak tanıyan basit yapılardır.

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Mikroformatlar Nedir?

PROBLEM

İletişim bilgilerinin paylaşımı

Etkinliklerin takibi

Yorumların merkezi olmayan bir şekilde yazılması

İçeriklerin etiketlenmesi

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Mikroformatlar Nedir?

• Tekerleği yeniden keşfetme

• Kolay çözüm üret

• Günümüz standartlarını kullan

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Mikroformatlar Nedir?

EN UYGUN ÇÖZÜM

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Mikroformatlar Nedir?

ÖNCE İNSAN SONRA MAKİNE

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Mikroformatlar Nedir?

MODÜLERHerhangi bir XHTML kodu içinde

kolaylıkla yerleştirilebilir

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Mikroformatlar Nedir?

MERKEZİ OLMAYAN SERVİS VE İÇERİKLER

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Mikroformatlar Nedir?

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Mikroformatların Türleri

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Mikroformatların Türleri

• Basit Mikroformatlar (Elemental)– Kolay – Temel oluşturur

• Bileşik Mikroformatlar (Compound)– Karmaşık – Birçok basit mikroformatın bir araya

gelmesiyle oluşur.

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Basit Mikroformatlar - XFN• XHTML Friend Network (XFN)

– Profesyonel ya da Kişisel İlişki Tanımlama

– Arkadaşlık (Friendship): friend, acquaintance, contact – Fiziksel (Physical): met – Profesyonel (Professional): co-worker, colleague – Coğrafi (Geographical): co-resident, neighbor – Ailevi (Family): child, parent, sibling, spouse, kin – Romantik (Romantic): muse, crush, date, sweetheart – Kişisel (Identity): me

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Basit Mikroformatlar - XFN<a rel="friend met colleague" href="

http://mertduatepe.blogspot.com">Mert DUATEPE</a>

<a rel="me" href="http://www.cavdar.net/">Abdullah Çetin ÇAVDAR</a>

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Basit Mikroformatlar - XFN

http://gmpg.org/xfn/creator

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Basit Mikroformatlar - TAG

• Etiketleme (Tagging): Anlamsal anahtar sözcükler verme

• Arama, ilişki kurma, dizinleme

• Web 2.0

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Basit Mikroformatlar – rel-tag

• İçeriği anlamsal olarak tanımlayacak anahtar sözcükler veriyoruz.

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Basit Mikroformatlar - TAG• Etiket Havuzu

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Basit Mikroformatlar - TAG

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Basit Mikroformatlar - TAG

<a rel=”tag” lang=”tr” href=”http://technorati.com/tag/microformats”>

Mikroformatlar</a>

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Basit Mikroformatlar - TAG

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Bileşik Mikroformatlar - hCard

• 1:1 vCard

• Kişi, Konum, Şirket, Organizasyon

• Kök elemanı “vcard”

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Bileşik Mikroformatlar - hCard• İsim ve Kişisel Detaylar

– İsim – N (name)– Takma Ad (nickname) – Doğum Tarihi (bday)– Fotoğraf (photo) – Bağlantı (url)

• İletişim Bilgileri

– Adres (adr)– Coğrafi konum (geo)– E-posta (email) – Telefon (tel)

• Organizasyonel Detaylar

– Organizasyon (org)– Rol (role)– Görev (title) – Logo (logo)

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Bileşik Mikroformatlar - hCard

<a class="url fn n" href="http://www.cavdar.net"><span class="given-name">Abdullah</span> <span class="additional-name">Çetin</span> <span class="family-name">ÇAVDAR</span></a>

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Bileşik Mikroformatlar - hCard

<div class="org">Milsoft Yazılım Teknolojileri A.Ş</div><a class="email" href="mailto:cetin@cavdar.net">cetin@cavdar.net</a>

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Bileşik Mikroformatlar - hCard<div class="adr"><div class="street-

address">Cahit Sıtkı S. No:28/7 Çankaya</div><span class="locality">Ankara</span>, <span class="postal-code">06450</span> <span class="country-name">Türkiye</span></div>

<div class="tel">+903121234567</div>

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Bileşik Mikroformatlar - hCard

<div class="vcard"><a class="url fn n" href="http://www.cavdar.net"><span class="given-name">Abdullah</span> <span class="additional-name">Çetin</span> <span class="family-name">ÇAVDAR</span></a><div class="org">Milsoft Yazılım Teknolojileri A.Ş</div><a class="email" href="mailto:cetin@cavdar.net">cetin@cavdar.net</a><div class="adr"><div class="street-address">Cahit Sıtkı S. No:28/7 Çankaya</div><span class="locality">Ankara</span>, <span class="postal-code">06450</span> <span class="country-name">Türkiye</span></div><div class="tel">+903124797026</div>

</div>

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Bileşik Mikroformatlar - hCard

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Bileşik Mikroformatlar - hCard

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Bileşik Mikroformatlar - hCard• http://microformats.org/code/hcard/creator

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Tasarım Örüntüleri (ABBR)

İnsan – İçerik

Makine – Title

<abbr class="dtstart" title="20071108" lang="TR">8 Kasım, 2007</abbr>

<abbr class="geo" title="39.877864; 32.726555" lang="TR">Hacettepe Üniversitesi Beytepe Kampüsü</abbr>

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Tasarım Örüntüleri (REL)

Kaynak – Hedef ilişkisi

<a href=" http://en.wikipedia.org/wiki/Semantic_HTML#Semantic_HTML" rel="tag" lang=”tr”>Anlamsal HTML</a>

<a href="http://creativecommons.org/licenses/by/2.5/" rel="license">Creative Commons Lisansı sürüm 2.5</a>

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Yararları

• Standartlaşma

• Merkezi olmayan servislerin kurulmasına olanak sağlama

• Web tabanlı içerik ile Masaüstü Uygulamalarının birlikte çalışabilirliğini sağlama

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Kullanım Alanları

hReview ve hCard:

hCard ve geo-tag:

hCalendar:

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Kullanım Alanları

hReview, hCard ve XFN:

hListing:

rel-tag:

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Tarayıcı Desteği

FF 3.0 IE 8.0 SAFARI

√ √ ?

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Sonuçlar

• Açık standart

• Anlamsal zenginlik

• Merkezi olmayan bir yapı

• Etkili bilgi paylaşımı, arama, dizinleme

• Geniş çevrelerce desteklenme

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Kaynaklar

• Tantek Çelik (www.tantek.com)• microformats.org• John Allsopp (Microformats: Empowering Your Markup for Web 2.0)

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Demo

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Sorular

XII. Türkiye’de İnternet Konferansı 8-10 Kasım 2007

Abdullah Çetin ÇAVDARMert DUATEPE

Teşekkür

Teşekkürler…

Abdullah Çetin ÇAVDAR cetin@cavdar.net

Mert DUATEPE duatepe@cs.bilkent.edu.tr

Recommended