Ders Genel Tanıtım Bilgileri

Ders Kodu:	VCD717
Ders İsmi:	Advenced Web Design-I
Ders Yarıyılı:	8. Yarıyıl / Bahar
Ders Kredileri:	Teorik Pratik Kredi AKTS 3 3 4
Öğretim Dili:	EN
Ders Koşulu:	Yok
Ders İş Deneyimini Gerektiriyor mu?:	Hayır
Dersin Türü:	Departmental Elective
Dersin Düzeyi:	Lisans TYYÇ:6. Düzey QF-EHEA:1. Düzey EQF-LLL:6. Düzey
Dersi Veren(ler):	-
Dersin Yardımcıları:

Dersin Amaç ve İçeriği

Dersin Amacı:	Dersin amacı, öğrencilerin, web tasarımı konusunda geçmişten geleceğe uygulanan yöntemleri öğrenerek, güncel teknolojilerle web tasarımı gerçekleştirebilmeleri konusunda gerekli bilgi ve beceriye sahip olmasının sağlanmasıdır.
Dersin Hedefi:	Ders içerisinde duyarlı web tasarımının geçmişte nasıl gerçekleştirildiğine yönelik örnekler paylaşılacak, günümüz teknolojilerine geçişte önemli bir rol oynayan medya sorgularının kullanım yöntemlerine değinilecek, günümüzde aktif olarak kullanılmakta olan Bootstrap altyapısının işlenmesi ile birlikte duyarlı web tasarımının gerçekleştirilmesine yönelik kronolojik olarak ilerleyen bir eğitim süreci yürütülecektir. Tüm bu süreç, örnekli uygulamalarla birlikte kalıcı deneyimlere yol açacak şekilde sürdürülecektir.
Dersin Veriliş Şekli:	Yüz yüze

Öğrenme Kazanımları

Bilgi (Kuramsal ve/veya olgusal bilgi olarak tanımlanmıştır.)

Beceriler (Bilişsel ve/veya uygulama becerileri olarak tanımlanmıştır.)

1) Kullanıcı odaklı tasarım prensiplerini anlayarak ve bu prensipleri uygulayarak web sitelerinin kullanıcı deneyimini iyileştirmek için çeşitli teknikleri kullanır.

2) İleri düzeyde UX stratejileri ve kullanıcı testi yöntemleri konusunda bilgi sahibi olur.

3) CSS özelliklerini kullanarak responsive web tasarım tekniklerini öğrenerek, mobil cihazlara uyumlu kullanıcı arayüzleri geliştirebilir

4) CSS3 ve modern animasyon teknikleri kullanarak web sayfalarında estetik ve etkileşimli öğeler oluşturmayı öğrenir ve animasyon, geçiş efektleri, gölgelendirme gibi gelişmiş CSS özelliklerini etkin bir şekilde kullanabilir

5) Veritabanı sistemleriyle etkileşim kurma ve dinamik içerik oluşturma becerilerini geliştirir.

Yetkinlikler (Bağımsız çalışabilme, sorumluluk alabilme, öğrenme, alana özgü, iletişim ve sosyal yetkinlikler olarak tanımlanmıştır.)

Ders Akış Planı

Hafta	Konu
Ön Hazırlık	Pekiştirme
1)	Duyarlı Web Tasarımın Temelleri
2)	CSS Medya Sorguları ile Duyarlı Web Tasarımına Giriş
3)	Duyarlı Web Tasarımında Eski Yöntemler (float ve inline-block yapısı)
4)	Flex Yapısı ile Duyarlı Tasarım
5)	Grid Yapısı ile Duyarlı Tasarım
6)	Duyarlı Metin İşlemleri
7)	Duyarlı Resim ve Video İşlemleri
8)	Bootsrap Giriş ve Kurulum
9)	Bootstrap Grid Yapısı ile Satır ve Sütun Organizasyonu
10)	Bootstrap İçerik ve Form Araçları
11)	Bootstrap Bileşen Araçları
12)	Bootstrap Yardımcıları
13)	Recap
14)	Final sınavı
Diğer Kaynaklar: Peterson, C. (2014). Learning Responsive Web Design. O’Reilly Media. Marcotte, E. (2011). Responsive Web Design. A Book Apart. Frain, B. (2012). Responsive Web Design with HTML5 and CSS3. Packt Publishing. ÇATAL, D., & KÜRŞAD, D. (2016). Duyarlı Web Tasarımı. Art-E Sanat Dergisi, 8(15), 95-109. https://doi.org/10.21602/sgsfsd.58824 DİKENER, O. (2011). İNTERNET REKLAMCILIĞINDA WEB SİTESİ TASARIMININ ÖNEMİ. Erciyes İletişim Dergisi, 2(1).

Ders - Program Öğrenme Kazanım İlişkisi

Etkisi Yok	1 En Düşük	2 Orta	3 En Yüksek

Ders Öğrenme Kazanımları	1	2	3	4	5
Program Kazanımları
1) Soyut ve somut kavramları; yaratıcı düşünceye dönüştürerek, yenilikçi ve özgün tasarımlar yapar.	2
1) Teknolojik yenilikleri alan içinde yetkin biçimde sentezler.	3
1) Bilimsel, toplumsal, ekonomik, yasal ve siyasal gelişmeleri, Görsel iletişim tasarımı alanına ait kuramsal bilgi, ilke ve kavramlarla karşılaştırır.
1) Görsel İletişim Tasarımı alanına ilişkin yöntem ve teknikleri analiz eder.
1) Görsel iletişim tasarımına ait kuramsal bilgi, ilke ve kavramları bilir.
1) Bireysel ve/veya grup içinde yaratıcı ve güçlü tasarımlar yaratır.	3
2) Sosyal bilimler ve ilgili sanat disiplinleri ile Görsel iletişim tasarımı alanlarına ait bilgileri sentezler.
2) Alanla ilgili yapılan araştırmayı farklı bakış açılarıyla pekiştirir.
2) Bir görsel iletişim tasarımı sürecini ana hatları ile inceler ve aktarır.	1
2) Yaşam boyu öğrenmenin gerekliliğini savunur.
2) Tasarım yapmak için kullanılan bilgisayar programlarını özellikleriyle anlatır.	2
2) Görsel iletişim tasarımı alanındaki sorunlara çeşitli perspektiften çözüm bulmak amacıyla araştırma ve geliştirme projelerini eleştirel bir yaklaşımla sentezler.
3) Estetik bakış açısını pekiştirir.
3) Yeni Medya ortamında Görsel iletişim tasarımı için gereken araç ve teknikleri uygular.	3
3) Tasarıma ait estetik kuralları kavrar.	1
4) Mesleki ve etik sorumluluk değerlerine uygun davranır.
4) Görsel iletişim tasarımı uygulamaları için bilimsel araştırma, geliştirme çalışmalarını uygular.
4) Yeni Medya teknolojilerini ifade eder.
5) Kültürlerin ve ulusların karmaşık tasarımlarını bilimsel, toplumsal, ekonomik, yasal ve siyasal açıdan bilir.
5) Alanının gerektirdiği bilgisayar programlarını kullanır.	3
5) Alanla ilgili mesleki çalışmaların evrensel ve toplumsal boyutlarındaki etkileri ve hukuksal konularını tespit eder.
6) İş sağlığı ve güvenlik konusundaki bilgilerini kendi alanıyla ilişkilendirir.
6) Belirlenen ihtiyaç doğrultusunda bireysel ve kollektif çalışmalarla çok boyutlu tasarımı analiz eder, karşılaştırır ve uygular.	1
6) Görsel iletişim tasarımı alanına ait ulusal ve uluslararası etik kuralları, mevzuatı ve kalite standartlarını tanımlar.
7) Görsel iletişim tasarımda kullanılan görsel-işitsel ve çoklu medya tekniklerini kullanma bilgisine sahiptir.	2
8) Görsel iletişim alanında tasarlanmış eserlerin özelliklerini ayırt eder.

Ders Öğretme, Öğrenme Yöntemleri

Soru-Cevap
Vaka Problemi Çözdürme/ Drama-Rol/ Vaka Yönetimi
Laboratuvar
Sayısal Problem Çözme
Alan çalışması
Grup Çalışması / Ödevi
Bireysel Ödev
WEB Tabanlı Öğrenme
Staj
Yerinde Uygulama
Proje Hazırlama
Rapor Yazma
Seminer
Süpervizyon
Sosyal Faaliyet
Mesleki Faaliyet
Mesleki Gezi
Uygulama (Modelleme, Tasarım, Maket, Simülasyon, Deney vs.)
Okuma
Tez Hazırlama
Arazi Çalışması
Öğrenci Kulüp ve Konseyi Faaliyetleri
Diğer
Logbook
Röportaj ve sözlü görüşme
Araştırma
Film izleme
Kaynakça oluşturma
Sözlü, yazılı ve görsel bilgi üretme
Fotoğraf çekimi
Eskiz çizimi
Harita üzerinde işaretleme
Harita okuma
Doku örneği alma
Malzeme arşivi oluşturma
Kendi fikrini ve çalışmalarını sunma ve sergileme

Değerlendirmeye Sistemi

Yarıyıl İçi Çalışmaları	Aktivite Sayısı	Katkı Payı
Devam		% 0
Laboratuar		% 0
Uygulama		% 0
Uygulama Sınavı		% 0
Küçük Sınavlar		% 0
Ödev		% 0
Sunum		% 0
Projeler		% 0
Derse Özgü Staj		% 0
Alan Çalışması		% 0
Makale Kritik		% 0
Makale Yazma		% 0
Modül Grup Çalışması		% 0
Beyin Fırtınası		% 0
Rol Oynama + Dramatize Etme		% 0
Sınıf Dışı Ders Çalışma		% 0
Ön Çalışma, Pekiştirme		% 0
Uygulama Tekrarı vb.		% 0
Ödevler (okuma, yazma, film izleme vs.)		% 0
Proje Hazırlama + Sunma		% 0
Rapor Hazırlama + Sunma		% 0
Sunum / Seminer Hazırlama + Sunma		% 0
Sözlü Sınav		% 0
Ara Sınavlar	1	% 40
Final	1	% 60
Rapor Teslimi		% 0
Bütünleme		% 0
Kanaat Notu		% 0
Kurul-Committee		% 0
Yazma Ödev Dosyası		% 0
Portfolyo		% 0
Take-Home Sınav		% 0
Seyir Defteri		% 0
Tartışma		% 0
Katılım		% 0
Toplam		% 100
YARIYIL İÇİ ÇALIŞMALARININ BAŞARI NOTU KATKISI		% 40
YARIYIL SONU ÇALIŞMALARININ BAŞARI NOTUNA KATKISI		% 60
Toplam		% 100

İş Yükü ve AKTS Kredisi Hesaplaması

Aktiviteler	Aktivite Sayısı	İş Yükü
Ders Süresi	14	42
Laboratuvar
Uygulama	14	14
Uygulama Sınavı
Derse Özgü Staj
Alan Çalışması
Sınıf Dışı Ders Çalışması
Makale Kritik
Makale Yazma
Modül Grup Çalışması
Beyin Fırtınası
Rol Oynama + Dramatize Etme
Sınıf Dışı Ders Çalışma (Ön Çalışma, Pekiştirme, Uygulama Tekrarı Vb.)	14	42
Ödevler (okuma, yazma, film izleme vs.)
Proje Hazırlama + Sunma
Rapor Hazırlama + Sunma
Sunum / Seminer Hazırlama + Sunma
Sözlü Sınav
Ara Sınavlara Hazırlanma	1	1
ARA SINAV (Vize)	1	10
Genel Sınava Hazırlanma	1	1
GENEL SINAV (Final)	1	10
Katılım
Tartışma
Portfolyo
Take-Home Sınav
Seyir Defteri
Toplam İş Yükü		120
AKTS (30 saat = 1 AKTS )		4