GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| WAT001 | WEB ARAYÜZ TASARIMI | Seçmeli Ders Grubu | 2 | 3 | 3,00 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Türkçe
Dersin Amacı
Kullanıcı dostu web arayüz tasarımı yapabilmesini amaçlar.
Dersi Veren Öğretim Görevlisi/Görevlileri
Öğr. Gör. Recep Batuhan GÜNAY
Öğrenme Çıktıları
| 1 | Obje-tabanlı JavaScript kavramlarını ve projelere etkileşim adapte edebilme becerisini öğretir. |
| 2 | Mesajı anlaşılabilir dinamik web siteleri tasarlanması |
| 3 | Kullanılırlık ve yararlılık için dinamik web siteleri geliştirir. |
| 4 | Web tasarımı için yararlı bilgi mimarisi ve grafik kullanıcı ara yüzleri geliştirebilme |
| 5 | Web tasarımlarına tasarımın elemanları ve presiblerini uygulayabilme. |
Öğretim Sistemi
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Yok
Ders İçin Önerilen Diğer Hususlar
Yok
Dersin İçeriği
Bu ders, web tasarımı temellerini ve tekniklerini içerir. Bir web sayfasının bileşenleri, öğeleri, yerleşimi konuları öğrencilere öğretilir.
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Konular (Teorik) | Öğretim Yöntem ve Teknikleri | Ön Hazırlık |
|---|---|---|---|
| 1 | Dinamik web geliştirmeye giriş | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 2 | JavaScript “events” ve “functions” ları | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 3 | "Framework" ve "Templates" | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 4 | Veri tabanı analizi ve formlar | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 5 | JSON'a giriş | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 6 | CSS ve HTML 5'e giriş | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 7 | CSS ve HTML 5'de ileri düzey teknikler | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 8 | CSS, HTML 5 ve JavaScript birleştirme | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 9 | CSS, HTML 5 ve JavaScript birleştirme | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 10 | CSS, HTML 5 ve JavaScript birleştirme | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 11 | CSS, HTML 5 ve JavaScript ile ileri düzey teknikler | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 12 | CSS, HTML 5 ve JavaScript ile ileri düzey teknikler | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 13 | Dinamik web uygulamalarında bütüncül entegrasyon ve uygulama geliştirme süreci | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
| 14 | Genel değerlendirme, güncel yaklaşımlar ve web teknolojilerinde eğilimler | Anlatım, Soru-Cevap, Tartışma | Ön Okuma |
Ders Kitabı / Malzemesi / Önerilen Kaynaklar
BEAIRD, J. (2020), The Principles of Beautiful Web Design: SitePoint. YABLONSKI, J. Laws of UX: Using Psychology to Design Better Products & Services: O'Reilly Media. BROWN, D. M. (2010), Communicating Design: Developing Web Site Documentation for İnteraktif Media Tasarımında Temel Adımlar (Oğuzhan Özcan) About Face: The Essentials of Interaction Design, Alan Cooper, Robert Reimann, David Cronin, Christopher Noessel Simple and Usable Web, Mobile, and Interaction Design, Giles Colborne
Değerlendirme
| Yarıyıl (Yıl) İçi Etkinlikleri | Adet | Değer |
|---|---|---|
| Ara Sınav | 1 | 80 |
| Quiz | 1 | 20 |
| Toplam | 100 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | Adet | Değer |
| Final Sınavı | 1 | 100 |
| Toplam | 100 | |
| Yarıyıl (Yıl) İçi Etkinlikleri | 50 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | 50 | |
Staj Durumu
Yok
İş Yükü Hesaplaması
| Etkinlikler | Sayısı | Süresi (saat) | Toplam İş Yükü (saat) |
|---|---|---|---|
| Ara Sınav | 1 | 1 | 1 |
| Final Sınavı | 1 | 1 | 1 |
| Derse Katılım | 14 | 2 | 28 |
| Bireysel Çalışma | 14 | 1 | 14 |
| Ara Sınav İçin Bireysel Çalışma | 1 | 8 | 8 |
| Final Sınavı içiin Bireysel Çalışma | 1 | 15 | 15 |
| Ev Ödevi | 1 | 8 | 8 |
| Toplam İş Yükü (saat) | 75 | ||
Program ve Öğrenme Çıktıları İlişkisi
| PÇ 1 | PÇ 2 | PÇ 3 | PÇ 4 | PÇ 5 | PÇ 6 | PÇ 7 | PÇ 8 | PÇ 9 | PÇ 10 | PÇ 11 | PÇ 12 | PÇ 13 | PÇ 14 | PÇ 15 | PÇ 16 | |
| ÖÇ 1 | 5 | 3 | 4 | 3 | 5 | |||||||||||
| ÖÇ 2 | 5 | 1 | 3 | 4 | 5 | 5 | ||||||||||
| ÖÇ 3 | 5 | 2 | 3 | 4 | 5 | 5 | ||||||||||
| ÖÇ 4 | 5 | 3 | 3 | 4 | 5 | |||||||||||
| ÖÇ 5 | 5 | 3 | 3 | 4 | 5 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek