DERS TANITIM ve UYGULAMA BİLGİLERİ

Dersin Adı Kodu Yarıyıl T+U+L (saat/hafta) Türü (Z / S) Yerel Kredi AKTS
Ağ Tasarımı VCD 305 Güz 02+02+00 Zorunlu 3 6.0
Akademik Birim: Görsel İletişim Tasarım
Öğrenim Türü: Örgün
Ön Koşullar Yok
Öğrenim Dili: İngilizce
Dersin Düzeyi: Lisans
Dersin Koordinatörü: Özgü Ertaş
Dersin Amacı: Bu dersi alan öğrencilerin:
1) Web Sitesi tasarımı ve yapılandırmasının method ve teknolojilerini kullanabilmeleri,
2) İçerik yönetim sistemlerini kullanarak WWW standartları için web sayfaları kurmaları,
3) Web sayfası yaratabilecek HTML, CSS ve temel web tasarım prensiplerini uygulayabilmeleri beklenmektedir.
Dersin İçeriği: Bu ders öğrencilere web tasarım pratikleri ve HMTL ve CSS kodlama sistemlerinin temel prensiblerini sağlar. Bu ders öğrencilere web standartları, kullanılabilirliği ve iş akışı ve erişebilirliği için tasarım yapmayı tanıtır. Bu ders öğrenciler ile birlikte çoklu medyayı keşfedererk ve kendi grid sistemlerini inşa ederek “esnek” (responsive) tasarıma webe bir tasarım bilgisi sağlar.
Dersin Öğrenme Çıktıları (ÖÇ):
  • 1- Web tasarımı prensiplerini sayabilmek
  • 2- Web tasarımı yapabilmek için gerekli olan temel programları ve HTML ve CSS kodlama sistemerini kullanabilmek
  • 3- Web tasarımında kullanmak üzere ihtiyaçları olan görsel, renk ve tipografiyi uygulayabilmek
  • 4- Kendine özel grid sistemi ve çoklu ortam aletleri ve “esnek” görseller kullanarak en başından “esnek” (responsive) tasarım geliştirebilmek
  • 5- Web tasarım sürecinde ve üretiminde web tasarım estetiği ve sayısal renk şemasılarını kavramak
  • 6- Web tasarım sürecinde ve üretiminde kullanıcı testi ve kullanıcı geri dönüşerini testi yapabilmek
Dersin Öğrenme Yöntem ve Teknikleri Sunumlar, alıştırma gösterimleri, projeler


HAFTALIK PROGRAM

HaftaKonularÖn Hazırlık
1 Web konseptlerinin incelenmesi Professional Web Design (ebook), Smashing Magazine, 2011
2 Web tasarımı prensipleri ve tasarım süreçleri Professional Web Design (ebook), Smashing Magazine, 2011
3 Sayfa tasarımı teknikleri Professional Web Design (ebook), Smashing Magazine, 2011
4 Navigasyon ve etkileşim The Web Designer’s Idea Book, Patrick Mcneil, 2008
5 Fotografların kullanımı ve düzenlenmesi The Web Designer’s Idea Book, Patrick Mcneil, 2008
6 Web tasarımı için renk teorileri The Web Designer’s Idea Book, Patrick Mcneil, 2008
7 Web tasarımında tipografi The Smashing Book, Sven Lennartz and Vitaly Friedman, 2009
8 Proje için Atölye The Smashing Book, Sven Lennartz and Vitaly Friedman, 2009
9 Web formları The Smashing Book, Sven Lennartz and Vitaly Friedman, 2009
10 Webin kullanışlılığı ve evrensel kavramlar The Smashing Book, Sven Lennartz and Vitaly Friedman, 2009
11 Erişebilirlik ve uyumluluk CSS: The Definitive Guide, Eric Meyer, 2006
12 Hareketli elemanlar CSS: The Definitive Guide, Eric Meyer, 2006
13 Sayfa yapısı hakkında daha ileri seviye inceleme CSS: The Definitive Guide, Eric Meyer, 2006
14 Kullanıcı Deneyimini ve Geri Dönüşerini Anlama CSS: The Definitive Guide, Eric Meyer, 2006


ZORUNLU ve ÖNERİLEN OKUMALAR

Professional Web Design (ebook), Smashing Magazine, 2011
The Web Designer’s Idea Book, Patrick Mcneil, 2008
The Smashing Book, Sven Lennartz and Vitaly Friedman, 2009
CSS: The Definitive Guide, Eric Meyer, 2006


DİĞER KAYNAKLAR

Power-point sunumlar


DEĞERLENDİRME SİSTEMİ

Yarıyıl İçi ÇalışmalarıSayıKatkı Payı (%)
Katılım 1 10
Laboratuvar - -
Uygulama 4 30
Arazi Çalışması - -
Proje 3 20
Ödev - -
Sunum/Jüri - -
Derse Özgü Staj - -
Diğer Uygulamalar (seminer, stüdyo kritiği, workshop vb.) - -
Dersle İlgili Sınıf Dışı Etkinlikler (okuma, bireysel çalışma vb.) - -
Ara Sınavlar/Sözlü Sınavlar/Kısa Sınavlar - -
Final Sınavı 1 40
Total: 9 100


İŞ YÜKÜ HESAPLAMASI

EtkinliklerSayısıSüresi (saat)Toplam İş Yükü (saat)
Ders Saati14456
Laboratuvar000
Uygulama4936
Arazi Çalışması000
Proje31236
Ödev000
Sunum/Jüriye Hazırlık000
Derse Özgü Staj000
Diğer Uygulamalara Hazırlık000
Dersle İlgili Sınıf Dışı Etkinlikler000
Ara Sınavlar/Sözlü Sınavlar/Kısa Sınavlar000
Final Sınavı12222
Toplam İş Yükü (saat):150


PROGRAM YETERLİLİKLERİ (PY) ve ÖĞRENME ÇIKTILARI (ÖÇ) İLİŞKİSİ

# PY1 PY2 PY3 PY4 PY5 PY6 PY7 PY8 PY9 PY10 PY11
OC1 3 2 1 2 2 1 1 2 3 2 1
OC2 3 2   3 2   3     1  
OC3 2     3 1 2   3 2 2 1
OC4 2 3 2 2 2 3 3 2 3 2  
OC5 3   1 2 2 3 2 3 2 3  
OC6 2 3 1 3 3 3 2 3 1 3