9
01.12.2012 1 Web Teknolojisi Web’ in Temelleri Web Sunucuları ve İstemcileri Web’ in Temelleri Web ağı 1990 yılında İsviçre’deki CERN laboratuvarında başladı. Araştırmacılar arasında hızlı ve kolay bir bilgi alışveriş ortamı oluşturmak için geliştirildi. Geliştirilen bu sistem kısa sürede geniş bir kullanıcı kitlesine yayıldı. Web’ in Temelleri Web sisteminin temelini oluşturan birkaç ana bileşen vardır. Bunlardan ilki web sunucuları ikincisi ise web tarayıcılarıdır. Web sisteminin üçüncü bir temel bileşeni ise tarayıcılar ve sunucular arasındaki iletişimi mümkün kılan kurallar bütünüdür. Web’ in Temelleri Web tarayıcısı ile web sunucusunun konuşma kurallarını belirleyen protokol HTTP protokolüdür. Bu protokol web sunucusuna kullanıcı tarafından mesajın nasıl gönderileceğini, buna karşın web sunucusunun cevabı kullanıcıya nasıl ileteceğini belirler. Web’ in Temelleri Web sisteminin dördüncü ana bileşeni ise HTML dilidir. HTML dilinin kuralları web sisteminde paylaşılacak belgelerin formatını belirler.

Web’ in Temelleri - EEMB DERSLER · 2012-12-01 · Web’ in Temelleri Web Sunucuları ve İstemcileri Ağ Web’ in Temelleri Web ağı 1990 yılında İsviçre’deki CERN laboratuvarında

  • Upload
    others

  • View
    9

  • Download
    0

Embed Size (px)

Citation preview

01.12.2012

1

Web Teknolojisi

Web’ in Temelleri Web Sunucuları ve İstemcileri Ağ

Web’ in Temelleri Web ağı 1990 yılında İsviçre’deki CERN laboratuvarında başladı. Araştırmacılar arasında hızlı ve kolay bir bilgi alışveriş ortamı oluşturmak için geliştirildi. Geliştirilen bu sistem kısa sürede geniş bir kullanıcı kitlesine yayıldı.

Web’ in Temelleri Web sisteminin temelini oluşturan birkaç ana bileşen vardır. Bunlardan ilki web sunucuları ikincisi ise web tarayıcılarıdır. Web sisteminin üçüncü bir temel bileşeni ise tarayıcılar ve sunucular arasındaki iletişimi mümkün kılan kurallar bütünüdür.

Web’ in Temelleri Web tarayıcısı ile web sunucusunun konuşma kurallarını belirleyen protokol HTTP protokolüdür. Bu protokol web sunucusuna kullanıcı tarafından mesajın nasıl gönderileceğini, buna karşın web sunucusunun cevabı kullanıcıya nasıl ileteceğini belirler.

Web’ in Temelleri Web sisteminin dördüncü ana bileşeni ise HTML dilidir. HTML dilinin kuralları web sisteminde paylaşılacak belgelerin formatını belirler.

01.12.2012

2

Web Sunucuları ve İstemcileri

Sunucu’ nun özellikleri: Pasif İstekleri bekler İstek olduğunda bilgiyi sunar ve cevap yollar

Web Sunucuları ve İstemcileri İstemci’ nin özellikleri: Aktif İstekleri gönderir Cevap dönene kadar bekler

Web Sunucuları ve İstemcileri Ağ - Zamanlama Servis Kalitesi ( QoS ) Ağların veri trafiğinin haricinde ses ve video iletimi amacıyla kullanılmaya başlamasından sonra önem kazanmış bir uygulamadır. Asıl amaç var olan bant genişliğinin en verimli şekilde kullanılabilmesine imkan sağlamaktır.

Ağ - Zamanlama Kaliteyi Etkileyen Faktörler Bant Genişliği Veri oranının bit/saniye cinsinden ölçülmesidir.

Ağ - Zamanlama Gecikme ( latency ) Paketlerin gecikme sürelerindeki tutarsızlık ( jitter )

01.12.2012

3

Ağ - Zamanlama Güvenilirlik Bağlantı kurulması

İnternet üzerinde günlük kullandığımız uygulamaların belirttiğimiz tanımlamalara olan duyarlılığı farklıdır.

Tasarım Etkileri Bant Genişliği Grafiklerin uygun boyut ve formatta kaydedilmesi Aynı grafiklerin kullanılması Bağlantı Zamanı Boyutu büyük bir dosya, küçük boyutlu birçok dosyadan daha iyi Gecikme

WAP - Kablosuz Uygulama Protokolü

WAP; GSM destekli ürün kullanıcılarına internet erişimi hizmeti sağlayan bir sistemdir. Cep telefonunun neden olduğu tüm kısıtlamalarla (ör; küçük ekran) başedebilecek şekilde tasarlanmıştır.

WAP - Kablosuz Uygulama Protokolü

WAP sisteminde kullanılan WML (Wireless Markup Language) dili, internet yazılım dili HTML'den farklıdır. HTML (Hypertext Markup Language) formatı multimediayı içerecek şekilde dizayn edilmiş olduğu için, eski mobil cihazlar bu uygulama için yetersiz kalmaktadır.

WAP - Kablosuz Uygulama Protokolü Statik Web İçeriği

Metinler Grafikler Simgeler Renkler Videolar ve Sesler

01.12.2012

4

Metin İçeriği

Özgün bir içerik büyük fark yaratacaktır. Özgün içerik sizin ağzınızdan çıkacak cümlelerden oluşacaktır. Mesaj: İçerik olarak düşünebiliriz. Kitleye uygun, güncel, güvenilir olmalıdır. Mesaj İletimi: Sayfa ve site tasarımı olarak düşünebiliriz. Tasarımın iyi olması kullanıcıların sisteme bağlılığını arttıracaktır.

Metin Düzeni

Yazı Tipi Yazı tipiyle ilgili iki konuda hassas olmak gerekir: - Okunurluk, yazının ne kadar kolay okunduğu ile ilgilidir. Seçilen yazı tipi, metni hızlı ve kolay okutmalıdır. Özellikle uzun soluklu metinler açısından önemli bir faktördür.

Metin Düzeni

Yazı tiplerini dört ana grupta toplayabiliriz: Serif, sans serif, script, decoratif

- Açıklık, ayrı ayrı harflerin ne kadar kolay belli olduğunu ifade eder. Başlıklar ve ana başlıklar açısından önemlidir.

Metin Düzeni

Konumlandırma İçeriğin daha kolay algılanmasında, öğeler arasında kurulan ilişkilerin daha rahat anlaşılmasında önemli rol oynar. Sayfa içerisinde düzenli bir şekilde yerleştirilmiş öğeler öğrenmede de kolaylık sağlar.

Grafikler

Dikkatli kullanılmalı Dosya boyutu ve yükleme süresi Renk sayısı ve dosya formatı Arkaplan Hızlandırmak için Önbelleğe alma ve aynı grafikleri kullanma İlerici formatlar: - Resim düşük çözünürlüklü hale getirilebilir.

Grafikler

Formatlar JPG - Fotoğraflarda GIF - Keskin kenarlarda PNG - Çizim ve yazılarda TIFF - Yayıncılıkta ve Hareket Basit animasyonlar için animasyonlu gif

01.12.2012

5

Simgeler

Web üzerindeki küçük resimler Dekorasyon Diğer sayfalara bağlantı

Tasarım herhangi bir arayüz gibi Anlaşılır olmalı Koleksiyon olarak tasarlanmıştır

Renkler

Kaç renk? Monitörlerde piksel başına 24 bit Eski bilgisayarlarda, telefonlarda piksel başına 16 veya 8 bit Renk paletleri Kullanışlı 256 renk seçin Her GIF resminin kendi paleti vardır

Videolar ve Sesler

Sorunlar Grafikte olduğu gibi boyut ve indirme Özel eklenti gerekebilir Video akışı İndirme sırasında video oynatmak Yayın için radyo veya televizyon kullanılabilir

Dinamik Web İçeriği

Web’ in Gelişim Süreçleri Nerede ne oldu? Yerel etkileşim Uzaktan çoklu etkileşim Dinamik içeriğin geliştirilmesi

Web’ in Gelişim Süreçleri Web 1.0 - Sayfalar genelde statik ve içeriğin büyük çoğunluğunu metinlerden oluşuyordu. - Basit - Kullanıcı etkinliği yoktu. - Sonuçları?

Web’ in Gelişim Süreçleri Web 2.0 - Sayfalar genelde dinamik ve içerikte metnin etkinliği azalırken diğer materyallerin etkinliği artmıştır. - Karmaşık bir yapıya sahiptir. - Kullanıcı etkinliği artmıştır. - Geçerliliği devam etmektedir. - Sonuçları ?

01.12.2012

6

Web’ in Gelişim Süreçleri

Web 3.0 - Semantik web kavramı - Sonuçları?

Nerede ne oldu?

Geliştirme - Yazılım mimarisi değişti - Geri besleme - Kesintisiz besleme - Optimizasyon - Maliyet

Nerede ne oldu? Kullanıcı Görünümü - Medya akışı, sunum, içerik - Otomatik, site yazarı, kullanıcılar - Değişme hızı: dakika, saat, gün

Nerede ne oldu?

Teknoloji - İstemci - Sunucu - Diğer Makineler

Nerede ne oldu?

Güvenlik - Çalışma ortamı - Kötü niyetli istemciler - Sunucu güvenliği - Ağ güvenliği

Yerel Etkileşim

- Java Applet, Flash, JavaScript + HTML - Artıları: Hızlı - Eksileri: Yerel, Maliyet

kullanıcı istemci sunucu

i. Sayfalar yüklenir ii. Kullanıcı etkileşimi

01.12.2012

7

Yerel Etkileşim

Arama İşlemi: - İndisler başlangıçta oluşturulmalıdır. - Hedefe daha kolay ulaşmayı sağlar.

kullanıcı istemci sunucu

i. Form alanları Doldurulur

ii. İstekler bildirilir

iii. Arama işlemi gerçekleştirilir

iv. Sonuçlar gönderilir

Uzaktan Çoklu Etkileşim

Sorunlar : - Maliyet yüksektir. - Genelde VTYS’ ye ihtiyaç duyulur. Seçenekler : - Applet ve Flash kullanarak uzak VT bağlantısı - Web formları ile çalışma (kısıtlı mimari ve arayüz)

Uzaktan Çoklu Etkileşim Çözümler: Java Applet & JDBC - artıları: interaktif VT etkileşimi - eksileri: bant genişliği, güvenlik

Uzaktan Çoklu Etkileşim Çözümler: Web Formları & VT - artıları: VT etkileşimi, güvenlik - eksileri: proxy, başlık bilgileri

Uzaktan Çoklu Etkileşim Dinamik İçeriğin Geliştirilmesi Hedef : - Geliştirilmek istenilen sistemin özelliklerinin belirlenmesi (statik - dinamik) Sunum : - Sistemin modellenmesi ve gereksinimlerinin ortaya çıkarılması

01.12.2012

8

Dinamik İçeriğin Geliştirilmesi İşleyiş : - Web Formları -> Sunucu Katmanı -> VT İşlemleri - Zamanlayıcı -> Sunucu Katmanı -> VT İşlemleri Sorunlar : - Kimlik doğrulama ve güvenlik - Geri alma işlemlerinde birden fazla işlem - Mantık hataları

Dinamik İçeriğin Geliştirilmesi Geliştirme mimarileri : + Basit Mimari:

- Amaç: Periyodik sayfa oluşturma - Güncelleme az - Tercih: Yerel Veritabanı (Microsoft Access, SqLite...)

Dinamik İçeriğin Geliştirilmesi + Klasik Mimari:

- Amaç: Kompleks sayfa oluşturma - Güncelleme çok, işlem çeşitliliği fazla - Tercih: VTYS (MySQL, Mssql, Oracle, Postgre...)

Dinamik İçeriğin Geliştirilmesi + N-Aşamalı Mimari:

- Amaç: Alt kullanıcı grupları etkileşimi (masaüstü - web - mobil - diğer aygıtlar) - Güncelleme çok, işlem çeşitliliği çok fazla ve karmaşık - Tercih: VTYS (MySQL, Mssql, Oracle, Postgre...)

Dinamik İçeriğin Geliştirilmesi Referanslar - http://www.hcibook.com/e3/plain/resources/ - http://tr.wikipedia.org/wiki/HTTPS - http://www.webmastersitesi.com/webmaster-genel-konular/106114-web-3-0-semantik-web-nedir.htm - http://www.postgresql.org/ - http://tr.wikipedia.org/wiki/NoSQL_(kavram) - http://www.oracleimg.com/technetwork/java/ - http://www.sats.net/ - http://iconfinder.com/ - http://wallbase.cc - http://www.cclub.metu.edu.tr/

01.12.2012

9

Referanslar - http://tr.wikipedia.org/wiki/%C4%B0stemci-sunucu - http://www.agciyiz.net/index.php/voice-qos/qos-nedir/ - http://www.ciscotr.com/forum/cisco/3460-quality-service-qos-nedir.html - http://www.webmastersitesi.com/webmaster-sozlugu/22820-gsm-nedir-wap-nedir-gprs-nedir-efr-nedir-bluetooth-wireless-technology-nedir.htm - http://members.tripod.com/engin_efe/linkler/wap.htm - http://www.ekisportali.com/web_tasarimi_nasil_yapilir.html - http://www.kmkbilisim.com.tr/bilgibankasi.31.Web-Tasarim-Icerigi-Nasil-Olmali

Referanslar - www.1grafik.com/index.php?page=GrafikTasarim7 - http://www.slideshare.net/ramazanteacher/gorsel-tasarim-ilkeleri-sunum