| Kodu |
Dersin Adı |
Yarıyıl |
Süresi(T+U) |
Kredisi |
AKTS Kredisi |
| GRA434 |
WEB ARAYÜZ TASARIMI |
5 |
4 |
2 |
5 |
DERS BİLGİLERİ |
| Dersin Öğretim Dili : |
Türkçe |
| Dersin Düzeyi |
LİSANS, TYY: + 6.Düzey, EQF-LLL: 6.Düzey, QF-EHEA: 1.Düzey |
| Dersin Türü |
Seçmeli |
| Dersin Veriliş Şekli |
- |
| Dersin Koordinatörü |
Doç.Dr. METİN KUŞ |
| Dersi Veren Öğretim Üyesi/Öğretim Görevlisi |
Dr.Öğr.Üyesi FUNDA ÖZBUCAK |
| Ders Ön Koşulu |
Yok |
AMAÇ VE İÇERİK |
| Amaç: |
Dersin amacı öğrencilere, web ve mobil ortamlara yönelik web sayfaları ve uygulamalara ait arayüz tasarımına ait teorik ve uygulamalı bilgiyi aktarmaktır. |
| İçerik: |
Ders dönem boyunca; güncel mobil cihazlara yönelik ilke ve kuramları öğrenerek, ilgili cihazlara yönelik web sayfası ve mobil uygulamalara ait arayüz grafik ve görselleştirmelerini başarılı bir şekilde yapım yöntemlerini uygulamalı olarak öğreneceği projeler içerir. |
DERSİN ÖĞRENME ÇIKTILARI (Öğrenciler, bu dersi başarı ile tamamladıklarında aşağıda belirtilen bilgi, beceri ve/veya yetkinlikleri gösterirler.) |
| Temel düzeyle HTML bilgisi edinir. |
| Güncel mobil cihazlara yönelik ilke ve kuramları anlar. |
| Farklı platformlar için web arayüz tasarlayabilir. |
| Web ortamı ve tasarım ilişkilerini yorumlar ve bu ilişkileri doğru biçimlerde tasarımlarında yansıtır. |
HAFTALIK DERS KONULARI VE ÖNGÖRÜLEN HAZIRLIK ÇALIŞMALARI |
| Hafta |
Ön Hazırlık |
Konular |
Yöntem |
| 1 |
Araştırma |
Giriş. Ders, işyükü ve değerlendirme kriterleri hakkında bilgilendirme. |
Sunum/Anlatım |
| 2 |
Araştırma |
Kullanıcı Arayüz Tasarımına Giriş |
Sunum/Anlatım |
| 3 |
Araştırma |
Photoshop ile Arayüz Obje Tasarım Araçlarına Giriş |
Sunum/Anlatım |
| 4 |
Uygulama |
Responsive Kullanıcı Arayüzlerinin İncelenmesi |
Uygulama |
| 5 |
Araştırma |
Teknik gezi |
Sunum/Anlatım |
| 6 |
Uygulama |
Proje: Web Sayfası Tasarımı |
Uygulama |
| 7 |
Uygulama |
Proje: Web Sayfası Tasarımı |
Uygulama |
| 8 |
- |
ARA SINAV |
- |
| 9 |
Uygulama |
Proje: Web Sayfası Tasarımı |
Uygulama |
| 10 |
Araştırma |
Anahatlar, İlkeler ve Kuramlar |
Sunum/Anlatım |
| 11 |
Araştırma |
HTML ye giriş / Dreamweaver |
Sunum/Anlatım |
| 12 |
Araştırma |
HTML ye giriş / Dreamweaver |
Sunum/Anlatım |
| 13 |
Uygulama |
Proje: Web Sayfası Tasarımı |
Uygulama |
| 14 |
Uygulama |
Proje: Web Sayfası Tasarımı |
Uygulama |
| 15 |
Uygulama |
Proje: Web Sayfası Tasarımı |
Uygulama |
| 16 |
- |
FİNAL |
- |
| 17 |
- |
FİNAL |
- |
KAYNAKLAR |
| Gelişken, Uğur., Web Tasarımı ve Web Programlama, Level Yayınevi. |
| Canay, Özkan., Web Tasarımı Ve Ön Yüz Web Teknolojileri, 2016, Değişim Yayınları. |
| Tokak, Burak., Responsive Web Tasarımı ve Uygulamaları, 2017, Dikeyeksen Yayınevi. |
ÖLÇME VE DEĞERLENDİRME |
| Yarıyıl İçi Yapılan Çalışmaların Ölçme ve Değerlendirmesi |
Etkinlik Sayısı |
Katkı Yüzdesi |
Açıklama |
| (0) Etkisiz |
(1) En Düşük |
(2) Düşük |
(3) Orta |
(4) İyi |
(5) Çok İyi |
| 0 |
1 |
2 |
3 |
4 |
5 |
DERSİN PROGRAM ÖĞRENME ÇIKTILARINA KATKISI
| BİLGİ |
| Kuramsal |
|
Program Yeterlilikleri/Çıktıları |
Katkı Düzeyi |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Grafik Tasarımı alanıyla ilgili temel kavramları ve uygulamalardaki yansımalarını tanımlar.
|
|
|
|
|
4 |
|
| 2 |
Grafik Tasarımı alanının toplumsal ve sosyal bağlamdaki işlevini tanımlar.
|
|
|
2 |
|
|
|
| BİLGİ |
| Olgusal |
|
Program Yeterlilikleri/Çıktıları |
Katkı Düzeyi |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Hedef kitle ile görsel tasarım arasındaki ilişkileri planlar.
|
|
|
|
3 |
|
|
| BECERİLER |
| Bilişsel |
|
Program Yeterlilikleri/Çıktıları |
Katkı Düzeyi |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Grafik Tasarımı alanına ait geçmiş ve güncel teknikleri tasarımın gerektirdiği yetkinlikte uygular.
|
|
|
|
|
4 |
|
| BECERİLER |
| Uygulamalı |
|
Program Yeterlilikleri/Çıktıları |
Katkı Düzeyi |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Grafik Tasarımı alanının diğer disiplinlerle etkileşimlerini göz önünde bulundurarak uygun kombinasyonlarla tasarımlarını yapar.
|
|
|
|
|
4 |
|
| YETKİNLİKLER |
| Bağımsız Çalışabilme ve Sorumluluk Alabilme Yetkinliği |
|
Program Yeterlilikleri/Çıktıları |
Katkı Düzeyi |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Grafik Tasarımı alanı ile ilgili tasarım sürecinde toplumsal, kültürel, bilimsel ve meslek etiği değerlerine uygun davranır.
|
|
|
2 |
|
|
|
| 2 |
Kalite ve kültürel değerler ile çevre koruma, iş sağlığı ve güvenliği konularının alanının gerektirdiği ölçüde bilir ve kullanır.
|
|
1 |
|
|
|
|
| 3 |
Grafik Tasarımı alanında kapsamlı tasarım süreçlerini bireysel veya grup çalışması içerisinde organize ederek, planlanan görevleri istenilen şekilde ve zamanında uygular.
|
|
|
|
|
4 |
|
| YETKİNLİKLER |
| Öğrenme Yetkinliği |
|
Program Yeterlilikleri/Çıktıları |
Katkı Düzeyi |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Grafik Tasarımı alanında edindiği bilgileri daha üst akademik eğitim süreçlerinde veya farklı bir alan disipliniyle ilişkilendirerek aktif olarak kullanır.
|
|
|
|
|
4 |
|
| YETKİNLİKLER |
| İletişim ve Sosyal Yetkinlik |
|
Program Yeterlilikleri/Çıktıları |
Katkı Düzeyi |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Grafik Tasarımı alanı ile ilgili teori ve uygulama bilgilerini amaca uygun sunum ve iletişim teknikleri kullanarak ifade eder.
|
|
|
|
|
4 |
|
| 2 |
Bir yabancı dili en az Avrupa dil portföyü B1 genel düzeyinde meslektaşları ile kullanır.
|
0 |
|
|
|
|
|
| 3 |
Grafik Tasarımı alanının gerektirdiği ölçüde temel bilgisayar yazılımı ve grafik tasarım programlarını, bilişim ve iletişim teknolojilerini kullanır.
|
|
|
|
|
4 |
|
| YETKİNLİKLER |
| Alana Özgü Yetkinlik |
|
Program Yeterlilikleri/Çıktıları |
Katkı Düzeyi |
| 0 |
1 |
2 |
3 |
4 |
5 |
| 1 |
Grafik Tasarım alanının güncel gelişmelerini takip eder ve yaşam boyu öğrenme ilkeleri doğrultusunda çalışmalarında yansıtır.
|
|
|
|
|
4 |
|
DERSİN İŞ YÜKÜ VE AKTS KREDİSİ |
| Öğrenme-Öğretme Etkinlikleri İş Yükü |
| Öğrenme-Öğretme Etkinlikleri |
Etkinlik(hafta sayısı) |
Süresi(saat sayısı) |
Toplam İş Yükü |
| Ders |
14 |
4 |
56 |
| Derse Ön Hazırlık ve Ders Sonrası Pekiştirme |
13 |
3 |
39 |
| Arazi Çalışması |
0 |
0 |
0 |
| Grup Çalışması / Ödevi |
0 |
0 |
0 |
| Laboratuvar |
0 |
0 |
0 |
| Okuma |
0 |
0 |
0 |
| Ödev |
0 |
0 |
0 |
| Proje Hazırlama |
13 |
2 |
26 |
| Seminer |
0 |
0 |
0 |
| Staj |
0 |
0 |
0 |
| Teknik Gezi |
1 |
6 |
6 |
| Web Tab. Öğrenme |
0 |
0 |
0 |
| Uygulama |
0 |
0 |
0 |
| Yerinde Uygulama |
0 |
0 |
0 |
| Mesleki Faaliyet |
0 |
0 |
0 |
| Sosyal Faaliyet |
0 |
0 |
0 |
| Tez Hazırlama |
0 |
0 |
0 |
| Alan Çalışması |
0 |
0 |
0 |
| Rapor Yazma |
0 |
0 |
0 |
| Final Sınavı |
1 |
1 |
1 |
| Final Sınavı Hazırlığı |
0 |
0 |
0 |
| Ara Sınav |
1 |
1 |
1 |
| Ara Sınav Hazırlığı |
0 |
0 |
0 |
| Kısa Sınav |
0 |
0 |
0 |
| Kısa Sınav Hazırlığı |
0 |
0 |
0 |
| TOPLAM |
43 |
0 |
129 |
|
Genel Toplam |
129 |
|
|
Toplam İş Yükü / 25.5 |
5,1 |
|
|
Dersin AKTS(ECTS) Kredisi |
5,0 |
|