ANASAYFAKURUMSAL BİLGİLEREĞİTİM VE ÖĞRETİM PROGRAMLARI İletişim TasarımıSERTİFİKA PROGRAMLARIÖĞRENCİLER İÇİN FAYDALI BİLGİLER, KAYNAKLAR VE SERVİSLERFAYDALI LİNKLER VE DÖKÜMANLARİLAVE VE DESTEKLEYİCİ BİLGİLER

DERSİN GENEL BİLGİLERİ

Ders Kodu Ders Adı Yıl Yarıyıl Teorik Pratik Kredi AKTS
60211METOZ-ILT0446 Arayüz ve Etkileşimi Tasarımı II 3 Bahar 2 2 3 5
Dersin Türü: Zorunlu
Dersin Düzeyi: Lisans      TYYÇ:6. Düzey      QF-EHEA:1. Düzey      EQF-LLL:6. Düzey
Dersin Öğretim Dili: Türkçe
Dersin Ön/Yan Koşulu: Yoktur
Dersin Veriliş Şekli: Yüz yüze
Dersin Koordinatörü: Profesör Dr. PINAR SEDEN MERAL
Dersin Öğretim Eleman(lar)ı: Öğretim Görevlisi ARDA YANIK
Dersin Kategorisi:

BÖLÜM II: DERSİN TANITIMI

Dersin Amacı ve İçeriği

Dersin Amacı: Bu derste öğrencilerin iletişim teknolojileri içerisinde kullanılan dijital araçların çalışma mantığını kavrayarak ve bu kapsamda kullanılan dosya formatlarını yönetmeleri ve etkileşimli tasarımlar yaratabilmelerini amaçlanır.
Dersin İçeriği: Öğrenciler bu ders süresince arayüz ve etkileşim tasarımının teorik çerçevesini tanır. Bu süreç içerisinde teorik çerçeveyi yorumlayarak kendi özgün arayüz tasarımını yapar. Bu dersi alan öğrenciler Persona, Wireframe, Mindmap, Inputs, Outputs, Cards gibi arayüz bileşenlerini bireysel projelerini geliştirmede etkin kullanmalarına yardımcı olur. Ayrıca, Processing yazılımı ile de kodlama yöntemiyle etkileşimli proje yaratacaklar.

Dersin Öğrenme Çıktıları (DÖÇ)

Ders Öğrenme Çıktıları (DÖÇ), dersi başarı ile tamamlayan öğrencilerin kendilerinden sahip olmaları beklenen bilgi, beceri ve yetkinlikleri ifade eder. Bu bağlamda, bu ders için tanımlanmış olan Ders Öğrenme Çıktıları aşağıda verilmektedir.
Bilgi (Kuramsal ve/veya olgusal bilgi olarak tanımlanmıştır.)
  1) Arayüz tasarım ve etkileşim sürecinin ögelerini tanımlar Kullanıcı deneyim tasarımı alanının temel terminolojisini açıklar
Beceriler (Bilişsel ve/veya uygulama becerileri olarak tanımlanmıştır.)
  1) Fikirden tasarıma giden süreci metodolojik olarak tasarlar, yönetir ve kendi projesinde uygular Alana özgü kuramsal ve uygulamaya yönelik bilgiyi değerlendirir İletişim Tasarımı alanındaki mevcut yaklaşımlarla kendi özgün yaklaşımlarını sentezler
Yetkinlikler ("Bağımsız Çalışabilme", "Sorumluluk Alabilme", "Öğrenme", "İletişim ve Sosyal" ve "Alana Özgü" yetkinlikler olarak tanımlanmıştır.)
  1) Evrensel etik değerleri projelerinde uygular Zamanını proje sorumlulukları çerçevesinde yönetir

Haftalık Ders Planı

Hafta Konu
Materyal Paylaşımı *
Ön Hazırlık Pekiştirme
1) Tanışma, ders içeriği, işleniş ve değerlendirme kriterleri
2) Multimedia, Interaction, Etkileşimli sanatlar
3) Processing ve Visual Studio Code Kurulumu, Processing Örnekleri, Kullanım alanları, Processing Mod’ları
4) Değişken, Döngü, Koşul, Çıktı, Renk kullanımı, Fill ve Stroke
5) Fonksiyon, Doğal değişkenler; Framecount, Noise, Random, Mouse X and Mouse Y, Mouse Pressed and keyPressed
6) Trigonometrik fonksiyonlar, Dist, Push ve Pop, Vector, Kütüphane kullanımı
7) Ara sınav
8) Değer dönen Fonksiyon, Nesne tabanlı programlama, Dizi ile dinamik metin üretimi, Image ve copy
9) Processing ile etkileşim tasarımı ve P5js arabirimi
10) Proceesing ile kullanılan yazılımları P5js’e aktarma yöntemleri
11) P5js ile etkileşim tasarımı
12) Figma ve Adobe xd ile üretilen tasarımları Processing içerisinde kullanma
13) Figma ve Adobe xd ile üretilen tasarımları p5js içerisinde kullanma
14) Open processing platformu kullanımı ve örnekler
*Bu alan öğrencilerin ders öncesi hazırlık ve sonrası dersi pekiştirme için paylaşılan ders materyallerini içerir.

Ders İçin Zorunlu/Önerilen Kaynaklar

Ders Notları / Kitaplar: Digital Media and Society First Edition, Simon Lindgren, 2017
Introduction to Digital Media 1st Edition, Alessandro Delfanti & Adam Arvidsson, 2019
The Spatial Web: How web 3.0 will connect humans, machines and AI to transform the world, Gabriel René & Dan Mapes, 2019
Responsive Web Design with HTML5 and CSS: Develop future-proof responsive websites using the latest HTML5 and CSS techniques, 3rd Edition, Ben Frain, 2020
https://developer.apple.com/design/human-interface-guidelines/
https://www.iso.org/obp/ui/#iso:std:iso:14915:-3:ed-1:v1:en
Programming Interactivity, Joshua Noble, 2009
Processing: A Programming Handbook for Visual Designers and Artists, Ben Fry and Casey Reas, 2007
Learning Processing: A Beginner's Guide to Programming Images, Animation and Interaction, Daniel Shiffman, 2008
Diğer Kaynaklar: Processing: Creative Coding and Computational Art, Ira Greenberg, 2007
Visualizing Data, Ben Fry, 2008
Algorithms for Visual Design – Using The Processing Language, Kostas Terzidis, 2009

BÖLÜM III: DERSİN PROGRAM ÖĞRENME ÇIKTILARI İLE İLİŞKİSİ

(Aşağıdaki matris, ders öğrenme çıktıları (DÖÇ) ile program öğrenme çıktıları (KPÖÇ ve APÖÇ) ile bağını ve (varsa) onlara hangi düzeyde katkı sağladığını sayısal olarak göstermektedir.

Ders Öğrenme Çıktıları ile Program Öğrenme Çıktıları İlişki Matrisi

(KPÖÇ: Kilit Program Öğrenme Çıktılarını; APÖÇ: KPÖÇ ile ilişkilendirilmiş Alt Öğrenme Çıktılarını tanımlar. )
DÖÇ/PÖÇ KPÖÇ 1 KPÖÇ 2 KPÖÇ 3 KPÖÇ 4 KPÖÇ 5
1 2 3 4 5 1 2 3 4 5 6 7 8 9 10 11 1 2 3 4 1 2 3 4 5 6 7 8 10 11 12 13 14 1 2 3 4 5 6 7 8 9 10 11 12
DÖÇ1
DÖÇ2
DÖÇ3

Dersin Program Öğrenme Çıktılarına Katkı Düzeyi

Etkisi Yok 1 En Düşük 2 Düşük 3 Orta 4 Yüksek 5 En Yüksek
           
Program Öğrenme Çıktıları Katkı Oranı (1-5)
1) iletişim bilimleri, İletişim tasarımı ve iletişim tasarımının ilintili olduğu diğer sosyal bilimler alanlarındaki kuramsal ve uygulamalı bilgileri birlikte ve eşgüdümlü olarak kullanabilir. 5
2) Geleneksel ve yeni medya ortamlarında görsel ve içerik çalışmaları yürütebilir, geliştirebilir ve yönetebilir. 5
3) Bir yarıyıl boyunca iş hayatının içinde bulunarak öğrendiği teorik bilgileri uygular. 4
4) İş dünyasının ve toplumun beklentileri doğrultusunda gelişen ve üniversitemizin kurumsal çıktıları olarak tanımlamış olduğu yetkinlikleri temel düzeyde kazanır. 4
5) İş dünyasının ve toplumun beklentileri doğrultusunda gelişen ve üniversitemizin kurumsal çıktıları olarak tanımlamış olduğu yetkinlikleri ileri düzeyde kazanır 4

BÖLÜM IV: DERSİN ÖĞRENME VE ÖĞRETME YÖNTEMLERİ İLE ÖLÇME VE DEĞERLENDİRME YÖNTEMLERİ

Dersin Öğrenme ve Öğretme Yöntemleri

(Üniversitemiz genelinde kullanılan tüm öğrenme ve öğretme yöntemleri sistematik olarak yönetilmektedir. Akademik birimlerden gelen talepler doğrultusunda bölüm/programların öğrenme ve öğretme yöntemleri ilgili kurullarımız tarafından değerlendirilmekte ve uygun bulunursa, üniversite havuzunda toplanmaktadır. Bölüm ve programlar, kendileri için program tasarımlarına uygun olan yöntemleri bu havuzdan seçebilmektedirler. Benzer şekilde, dersler için kullanılması uygun görülen yöntemler de programlar düzeyinde belirlenmiş olan yöntemler arasından seçilebilmektedir.)
Programa Genelinde Kullanılan Öğrenme ve Öğretme Yöntemleri
Ders İçin Kullanılan Öğrenme ve Öğretme Yöntemleri
Anlatım
Tartışma
Vaka Çalışması
Problem Çözme
Gösterip Yaptırma
Gösterim
Laboratuvar
Okuma
Ödev
Proje Hazırlama
Tez Hazırlama
Akran Eğitimi
Seminer
Teknik Gezi
Ders Konferansı
Beyin Fırtınası
Soru Cevap
Bireysel ve Grup Çalışması
Rol Oynama-Canlandırma-Doğaçlama
Stüdyo Uygulamaları
Derse Aktif Katılım

Dersin Ölçme ve Değerlendirme Yöntemleri

(Üniversitemiz genelinde kullanılan tüm ölçme ve değerlendirme yöntemleri sistematik olarak yönetilmektedir. Akademik birimlerden gelen talepler doğrultusunda bölüm/programların ölçme ve değerlendirme yöntemleri ilgili kurullarımız tarafından değerlendirilmekte ve uygun bulunursa, üniversite havuzunda toplanmaktadır. Bölüm ve programlar, kendileri için program tasarımlarına uygun olan yöntemleri bu havuzdan seçebilmektedirler. Benzer şekilde, dersler için kullanılması uygun görülen yöntemler de programlar düzeyinde belirlenmiş olan yöntemler arasından seçilebilmektedir.)
Programa Genelinde Kullanılan Ölçme ve Değerlendirme Yöntemleri
Ders İçin Kullanılan Ölçme ve Değerlendirme Yöntemleri
Ara Sınav
Sunum
Yarıyıl Sonu Sınavı
Kısa Sınav
Rapor Değerlendirme
Ödev Değerlendirme
Sözlü sınav
Tez Sunma
Jüri Değerlendirmesi
Uygulama Sınavı
İşyerinde Uygulama Eğitimi Değerlendirmesi
Derse Aktif Katılım
Tartışmalara Katılım

DÖÇ İle Öğrenme-Öğretme Yöntemleri ve Ölçme-Değerlendirme Yöntemleri İlişki Matrisi

(Aşağıdaki matris, dersin öğrenme çıktıları ile ilişkili olarak ders için belirlenmiş olan öğrenme ve öğretme yöntem(leri) ile ölçme ve değerlendirme yöntem(leri)ni göstermektedir.)
ÖĞRENME VE ÖĞRETME YÖNTEMLERİ
DERS ÖĞRENME ÇIKTILARI
ÖLÇME VE DEĞERLENDİRME YÖNTEMLERİ
DÖÇ1 DÖÇ2 DÖÇ3
-Anlatım -Ara Sınav
-Tartışma -Sunum
-Vaka Çalışması -Yarıyıl Sonu Sınavı
-Problem Çözme -Kısa Sınav
-Gösterip Yaptırma -Rapor Değerlendirme
-Gösterim -Ödev Değerlendirme
-Laboratuvar -Sözlü sınav
-Okuma -Tez Sunma
-Ödev -Jüri Değerlendirmesi
-Proje Hazırlama -Uygulama Sınavı
-Tez Hazırlama -İşyerinde Uygulama Eğitimi Değerlendirmesi
-Akran Eğitimi -Derse Aktif Katılım
-Seminer -Tartışmalara Katılım
-Teknik Gezi
-Ders Konferansı
-Beyin Fırtınası
-Soru Cevap
-Bireysel ve Grup Çalışması
-Rol Oynama-Canlandırma-Doğaçlama
-Stüdyo Uygulamaları
-Derse Aktif Katılım

Dersin Ölçme ve Değerlendirme Yöntemlerinin Başarı Notuna Katkısı

Ölçme ve Değerlendirme Yöntemleri Uygulama Sayısı / Yarıyıl Katkı Oranı
Kısa Sınavlar 2 % 25.00
Ara Sınavlar 1 % 25.00
Yarıyıl Sonu Sınavı 1 % 50.00
Toplam % 100
YARIYIL İÇİ ÖLÇME VE DEĞERLENDİRME YÖNTEMLERİNİN BAŞARI NOTUNA KATKI ORANI % 50
YARIYIL SONU SINAVININ BAŞARI NOTUNA KATKI ORANI % 50
Toplam % 100

BÖLÜM V: DERSİN İŞ YÜKÜ VE AKTS KREDİSİ

ÖĞRENME VE ÖĞRETME ETKİNLİKLERİ İŞ YÜKÜ
Öğrenme ve Öğretme Etkinlikleri Etkinlik Sayısı/Yarıyıl Süresi (saat) Toplam İş Yükü
Ders 6 1 6
Laboratuvar 0 0 0
Uygulama 0 0 0
Derse Özgü Staj 0 0 0
Arazi Çalışması 0 0 0
Sınıf Dışı Ders Çalışması 0 0 0
Sunum / Seminer 0 0 0
Proje 0 0 0
Ödevler 1 1 1
Öğrenme ve Öğretme Etkinlikleri Toplam İş Yükü - - 7
ÖLÇME VE DEĞERLENDİRME ETKİNLİKLERİ İŞ YÜKÜ
Ölçme ve Değerlendirme Etkinlikleri Etkinlik Sayısı/Yarıyıl Süresi (saat) Toplam İş Yükü
Kısa Sınav 2 1 2
Ara Sınavlar 1 1 1
Yarıyıl Sonu Sınavı 1 1 1
Ölçme ve Değerlendirme Etkinlikleri Toplam İş Yükü - - 4
TOPLAM İŞ YÜKÜ (Öğrenme ve Öğretme + Ölçme ve Değerlendirme Etkinlikleri) 11
DERSİN AKTS KREDİSİ (Toplam İş Yükü/25.5 Saat) 5