TIP
Lisans	TYYÇ: 6. Düzey	QF-EHEA: 1. Düzey	EQF-LLL: 6. Düzey

Ders Tanıtım Bilgileri

Ders Kodu	Ders Adı	Yarıyıl	Teorik	Pratik	Kredi	AKTS
VCD3112	Kullanıcı Arayüzü Tasarımına Giriş	Bahar	2	2	3	5

Bu katalog bilgi amaçlıdır, dersin açılma durumu, ilgili bölüm tarafından yarıyıl başında belirlenir.

Temel Bilgiler

Öğretim Dili:	İngilizce
Dersin Türü:	Non-Departmental Elective
Dersin Seviyesi:	LİSANS
Dersin Veriliş Şekli:	Yüz yüze
Dersin Koordinatörü:	Dr. Öğr. Üyesi İPEK TORUN
Opsiyonel Program Bileşenleri:	Yok
Dersin Amacı:	Bu ders, öğrencileri etkin Web sayfası grafikleri tasarlama konusunda eğitmeyi amaçlamaktadır. Web geliştirme sürecinin analiz ve tasarım fazları, verilen projeler dahilinde uygulanacaktır. Buna ek olarak, öğrenciler içerik üretme ve bu içeriğin grafik tasarımının hazırlanması gibi işler için yeni teknik bilgiler de alacaklardır. Grup tartışması yolu ile yeni konspetler üretilmesi teşvik edilecektir.

Öğrenme Kazanımları

Bu dersi başarıyla tamamlayabilen öğrenciler;
1) Temel web teknolojileri tanımlamak
2) World Wide Web sağlayan internet teknolojileri tanımlamak
3) Web standartlarına dayalı web sitelerine uygulamak için beceri göstermek
4) Uyarlanabilir, erişilebilir ve optimize edilmiş web siteleri tasarlamak
5) HTML sayfaları oluşturmak için beceri göstermek
6) CSS kullanarak stili HTML sayfalarına becerileri göstermek
7) JavaScript'in olanakları ve sınırlarının tanımlamak
8) Web için multimedya içerik oluşturmak ve optimize etmek için beceri göstermek
9) Web sitesi tasarımlarında stardart tasarım şablonları kullanmak
10) Web tasarımında estetik ve kullanılabilirlik sorunları dengelemek için beceri göstermek

Dersin İçeriği

İlk bölüm öğrencilerin, görsel bir Web tasarımı yapmanın öncesinde, “Üst düzey tasarım kararları ve tasarım stratejisi” kavramını anlamaları, paydaş gereksinimlerini analiz ederek bir web sitesi için kavramsal model oluşturma sürecini kavramalarını hedeflemektedir.
İkinci bölümde web arayüzlerinin görsel tasarımına odaklanarak kavramsal modelde ortaya konan fikirlerin görselleştirilmesi ve paydaş gereksinimleri doğrultusunda açık dolaşım araçlarının tasarlanmasına ağırlık verilecektir. Öğrencilerin sayfa düzeni, renk kullanımı ve tipografi konularındaki mevcut bilgilerini web mecrasına taşımaları sağlanacaktır.
Üçüncü bölüm, web sitelerinin üretimi için gerekli olan teknik bilgilerin verilmesini amaçlar. Bu bilgiler içerisinde, animasyon araçları, hypertext dili ve grafiklerin optimizasyonu yer almaktadır.

Haftalık Ayrıntılı Ders İçeriği

Hafta	Konu	Ön Hazırlık
1)	İlk toplantı: Derse giriş, ders ve öğrenci hedefleri üzerinde tartışma
2)	Web'in kısa tarihi. Web teknolojileri ve internet altyapısının giriş. Ödev 1: Web sitesi analizi
3)	HTML öğeleri, öznitelikleri ve belge yapısı. Egzersiz 1: Temel bir HTML sayfası oluşturma. Atama 1 sunumu. Ödev 2: Basit CV
4)	CSS Giriş: Seçiciler, tablolar ve kaskad. Egzersiz 2: Atama 2 Styling. Ödev 3: Şekillendirici Egzersiz 1
5)	Semantik HTML ve erişilebilirlik. CSS kutu modeli ve konumlandırma, niteliği ve sözde seçiciler. Kaynaklar: Bir web sayfasında görüntüleri kullanma. Proje 1: Tasarım şablonları
6)	Kaynaklar: statik kaynaklara ve görüntü optimizasyonu. Proje 1 araştırma sunumları ve eleştirisi.
7)	Graceful degradation ve duyarlı tasarım. CSS @ kuralları ve medya türleri. Proje 2: Portföy sitesi
8)	JavaScript: programlama temelleri. Değişkenler, tipleri, diziler, karma ve işlevleri. 2. proje eleştirisi.
9)	JavaScript: Document Object Model (DOM). 2 proje eleştirisi.
10)	Javascript çerçeveler ve graceful degradation. Tarayıcı uyumluluğu. Proje 2 Tanıtım
11)	HTML Formları. CSS ipuçları ve hileler. Final projesi
12)	Metin kodlama. Dil özellikleri. Arama Motoru Optimizasyonu (SEO). Final proje eleştirisi.
13)	EMbed edili Multimedya. Final proje eleştirisi.
14)	Recap. Final proje eleştirisi.

Kaynaklar

Ders Notları / Kitaplar:

Will be distributed weekly

Diğer Kaynaklar:

1) ISO-9241-151 Ergonomics of human-system interaction — Part 151: Guidance on World Wide Web user interfaces
2) Sam Quayle, 2010, An Introduction to HTML Prototyping
3) Jennifer Tidwell, A Pattern Language for HCI Design, http://www.mit.edu/~jtidwell/
4) Handcraft — Online prototyping tool. Alternative to Codeanywhere
5) TextMate — Recommended code editor for Mac OS X
E - TextEditor — Recommended code editor for Windows
Mozilla Developer Network — HTML, CSS and JavaScript reference
6) When can I use… — A good resource for checking browser compatibility of HTML and CSS features
7) A List Apart — Recommended reading on web technologies
Course slides — The presentation I use in class
FontSquirrel — Good resource for web-ready fonts and home of the @font-face generator
8) Google Web Fonts — Web fonts served by Google for free
Code Academy — Online course for learning programming basics with JavaScript
9) InVision — Web bsed tool for building image-based mock-ups

Değerlendirme Sistemi

Yarıyıl İçi Çalışmaları	Aktivite Sayısı	Katkı Payı
Uygulama	8	% 15
Küçük Sınavlar	1	% 5
Ödev	2	% 40
Final	1	% 40
Toplam		% 100
YARIYIL İÇİ ÇALIŞMALARININ BAŞARI NOTU KATKISI		% 60
YARIYIL SONU ÇALIŞMALARININ BAŞARI NOTUNA KATKISI		% 40
Toplam		% 100

AKTS / İş Yükü Tablosu

Aktiviteler	Aktivite Sayısı	İş Yükü
Ders Saati	14	56
Sınıf Dışı Ders Çalışması	13	44
Ödevler	8	16
Küçük Sınavlar	1	4
Final	1	4
Toplam İş Yükü		124

Program ve Öğrenme Kazanımları İlişkisi

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

	Dersin Program Kazanımlarına Etkisi	Katkı Payı
1)	Temel ve klinik tıp bilimlerinden, davranış bilimlerinden ve sosyal bilimlerden edindiği bilgi, beceri ve tutumları bütünleştirerek sağlık hizmeti sunumunda kullanır.
2)	Hasta yönetiminde, dil, din, ırk ve cins ayrımı gözetmeden bireyin sosyodemografik ve sosyokültürel geçmişini de dikkate alan biyopsikososyal bir yaklaşım gösterir.
3)	Sağlık hizmeti sunumunda, bireylerin ve toplumun sağlığını koruma ve geliştirmeyi önceler.
4)	Sağlığı etkileyen bireysel, toplumsal, sosyal ve çevresel faktörleri dikkate alarak; sağlıklılık durumunun sürdürülmesi ve geliştirilmesi yönünde gerekli çalışmaları yapar.
5)	Hedef kitlenin özelliklerini, ihtiyaçlarını ve beklentilerini tanıyarak, sağlıklı/hasta bireylere ve yakınlarına ve diğer sağlık çalışanlarına sağlık eğitimi verir.
6)	Sağlık hizmet sunumunda, koruma, tanı, tedavi, takip ve rehabilitasyon süreçlerinde güvenli, akılcı ve etkin yaklaşım gösterir.
7)	Tanı, tedavi, takip ve rehabilitasyon süreçlerinde, girişimsel ve/veya girişimsel olmayan uygulamaları hasta için güvenli ve etkin bir biçimde gerçekleştirir.
8)	Hasta ve çalışan sağlığını ve güvenliğini göz önünde bulundurarak sağlık hizmeti sunar.
9)	Sağlık hizmet sunumunda, sağlığa etki eden gerek bölgesel ve küresel ölçekteki fiziksel ve sosyoekonomik çevreye ilişkin değişiklikleri, gerekse de kendisine başvuran kişilerin bireysel özellik ve davranışlarındaki değişimleri göz önünde bulundurur.
10)	Mesleğini yürütürken iyi hekimlik uygulamalarını dikkate alır.
11)	Mesleğinin gerektirdiği etik ilkeler ile hak ve yasal sorumluluklar çerçevesinde görev ve yükümlülükleri yerine getirir.
12)	Hastanın bütünlüğünü dikkate alarak, yüksek nitelikli sağlık bakımı sunma konusunda kararlı davranışlar gösterir.
13)	Mesleki uygulamalarındaki performansını, duygularını ve bilişsel özelliklerini de göz önünde bulundurarak değerlendirir.
14)	Toplum sağlığının korunması ve geliştirilmesi için, sosyal güvenirlik ve sosyal yükümlülük kavramlarını göz önünde bulundurarak, sağlık hizmet sunumunu geliştirmeyi savunur.
15)	Sağlığın korunması ve geliştirilmesi için birey ve toplum sağlığı ile ilgili hizmet sunumu, eğitim ve danışmanlık süreçlerini tüm bileşenler ile işbirliği içinde planlayabilir ve yürütebilir.
16)	Sağlık politikalarının ve uygulamalarının birey ve toplum sağlık göstergelerine etkisini değerlendirir ve sağlık hizmetleri kalitesinin artırılmasını savunur.
17)	Hekim kendi fiziksel, ruhsal ve sosyal yönden sağlığını korumaya geliştirilmesine önem verir, bunun için gerekenleri yapar.
18)	Hizmet sunumu sırasında sağlık ekibi içinde örnek davranışlar gösterir, liderlik yapar.
19)	Yöneticisi olduğu sağlık kuruluşunda, sağlık hizmetlerini planlama, uygulama, değerlendirme süreçlerinde kaynakları maliyet-etkin, toplum yararına ve mevzuata uygun kullanır.
20)	Birlikte hizmet sunduğu sağlık ekibi içinde, olumlu iletişim kurar ve gerektiğinde farklı ekip rollerini üstlenir.
21)	Sağlık ekibi içindeki sağlık çalışanlarının görev ve yükümlülüklerinin farkındadır ve buna uygun davranışlar gösterir.
22)	Mesleki uygulamalarında meslektaşları ve diğer meslek grupları ile uyumlu ve etkin çalışır.
23)	Hasta,hasta yakınları,sağlık çalışanları diğer meslek grupları, kurum ve kuruluşlarla etkili iletişim kurar.
24)	Özel yaklaşım gerektiren ve farklı sosyo kültürel özelliklere sahip birey ve gruplar ile etkili iletişim kurar.
25)	Tanı, tedavi, takip ve rehabilitasyon süreçlerinde, hastayı karar verme mekanizmalarına ortak eden, hasta merkezli bir yaklaşım gösterir.
26)	Hizmet sunduğu nüfusa yönelik, gerekli durumlarda bilimsel araştırma planlar, uygular ve elde ettiği sonuçları ve/veya başka araştırmaların sonuçlarını toplumun yararına kullanır.
27)	Mesleği ile ilgili güncel literatür bilgisine ulaşır ve eleştirel değerlendirir.
28)	Klinik karar verme sürecinde, kanıta dayalı tıp ilkelerini uygular.
29)	Sağlık hizmeti, araştırması ve eğitimine yönelik çalışmalarının etkinliğini artırmak için bilişim teknolojilerini kullanır.
30)	Bireysel çalışma süreçleri ve kariyer gelişimini etkili olarak yönetir.
31)	Yeni bilgileri edinme, değerlendirme, mevcut bilgileri ile entegre etme, mesleki durumlara uygulama ve meslek yaşamı boyunca değişen koşullara uyum sağlama becerilerini gösterir.
32)	Sunduğu sağlık hizmetinin niteliğini geliştirmek için doğru öğrenme kaynaklarını seçer, kendi öğrenme sürecini düzenler