WEB TASARIMI DERS TANITIM VE UYGULAMA BİLGİLERİ

Kodu	Dersin Adı	Yarıyıl	Süresi(T+U)	Kredisi	AKTS Kredisi
BST203	WEB TASARIMI	3	6	3	6

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ü	Zorunlu
Dersin Veriliş Şekli	-
Dersin Koordinatörü	Dr.Öğr.Üyesi BANU KAYINOVA
Dersi Veren Öğretim Üyesi/Öğretim Görevlisi
Ders Ön Koşulu	Yok

AMAÇ VE İÇERİK
Amaç:	Bu dersin amacı, öğrencilere bir web sitesinin konsept tasarımından yayına alınma aşamasına kadar geçen tüm süreçleri uygulamalı olarak öğretmektir. Öğrencilerin; görsel tasarım prensiplerini web arayüzlerine aktarabilmeleri, modern tasarım araçlarını kullanarak prototip üretebilmeleri ve bu tasarımları standartlara uygun kod yapılarına dönüştürerek işlevsel web sayfaları oluşturma becerisi kazanmaları hedeflenmektedir.
İçerik:	Web tasarımı dersinin içeriği, internetin görsel estetik kuralları ve kullanıcı odaklı tasarım (UCD) felsefesi ile başlayarak dijital ortamda renk, tipografi ve yerleşim disiplinlerini kapsamaktadır. Uygulama ağırlıklı olan bu ders kapsamında, modern tasarım ve prototipleme araçları (Figma, Adobe XD vb.) ile arayüz geliştirme, grid sistemleri ve mobil öncelikli (mobile-first) tasarım stratejileri bizzat projeler üzerinden yürütülmektedir. Ayrıca içerik yönetimi, dijital varlıkların optimizasyonu, statik sayfaların yayına alınması ve modern tasarım trendlerinin (Glassmorphism, Neumorphism vb.) uygulama sahasındaki karşılıkları dersin temel odak noktalarını oluşturmaktadır.

DERSİN ÖĞRENME ÇIKTILARI (Öğrenciler, bu dersi başarı ile tamamladıklarında aşağıda belirtilen bilgi, beceri ve/veya yetkinlikleri gösterirler.)
Web tasarımın temel ilkelerini ve HTML/CSS etiketlerini tanır.
Web sitesi arayüzü tasarlar.
Mobil uyumluluk, erişilebilirlik ve SEO gibi temel web standartlarını kavrar.
Web tasarımının e-ticaret faaliyetlerindeki etkisini analiz eder.
Kullanıcı deneyimi (UX) ve insan-bilgisayar etkileşimi (HCI) ilkelerine uygun tasarımlar geliştirir.

HAFTALIK DERS KONULARI VE ÖNGÖRÜLEN HAZIRLIK ÇALIŞMALARI
Hafta	Ön Hazırlık	Konular	Yöntem
1	-	Tanışma, ders içeriğnin tanıtımı, Web tasarımı temel kavramları.	Anlatım-Uygulama
2	Kitap-Ders Notu Okuma	İnsan-Bilgisayar Etkileşimi (HCI) ve Kullanıcı Deneyimi (UX) girişi.	Anlatım-Uygulama
3	Kitap-Ders Notu Okuma	Web sitesi mimarisi, mobil öncelikli ve duyarlı (responsive) tasarım ilkeleri.	Anlatım-Uygulama
4	Kitap-Ders Notu Okuma	Web tarayıcıları ve geliştirme araçları tanıtımı.	Anlatım-Uygulama
5	Kitap-Ders Notu Okuma	HTML temel yazım kuralları ve HTML ile sayfa yapılandırma.	Anlatım-Uygulama
6	Kitap-Ders Notu Okuma	Tablo ve çerçevelerle çalışma,renk teorisi ve tipografi temelleri.	Anlatım-Uygulama
7	Kitap-Ders Notu Okuma	Formlarla çalışma.	Anlatım-Uygulama
8	Kitap-Ders Notu Okuma	CSS yapısı ve programlama.	Anlatım-Uygulama
9	Kitap-Ders Notu Okuma	CSS stillendirme, UX Writing ve mikro metinler.	Anlatım-Uygulama
10	-	ARA SINAV	-
11	Kitap-Ders Notu Okuma	CSS ile sayfa yapılandırma.	Anlatım-Uygulama
12	Kitap-Ders Notu Okuma	Erişilebilirlik (WCAG) ve W3C standartlarına uygun HTML/CSS.	Anlatım-Uygulama
13	Kitap-Ders Notu Okuma	SEO’ya Giriş – Arama Motoru Optimizasyonu Temelleri.	Anlatım-Uygulama
14	Kitap-Ders Notu Okuma	Web tasarım trendleri, no-code/prototipleme araçları (Figma tanıtımı).	Anlatım-Uygulama
15	Kitap-Ders Notu Okuma	Genel tekrar.	Anlatım-Uygulama
16	-	FİNAL	-
17	-	FİNAL	-

KAYNAKLAR
Yapay Zekâ ile Modern Web Tasarımı. Ankara: Kodlab Yayıncılık. ISBN: 978-625-6677-180. Tokak, B. (2016).
Responsive Web Tasarımı ve Uygulamaları. Ankara: Dikeyeksen Yayıncılık. ISBN: 978-605-4898-27-5
Öğretim elemanı tarafından sağlanacak ders notları.

Ö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	Sınav Yapılma Şekli

(0) Etkisiz	(1) En Düşük	(2) Düşük	(3) Orta	(4) İyi	(5) Çok İyi
0	1	2	3	4	5

BİLGİ
Kuramsal
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Bilişim sistemleri, yazılım geliştirme, programlama ve web teknolojilerinin temel kavramlarını, kuramlarını ve yaklaşımlarını yorumlar.						5
2	Veri bilimi, yapay zekâ, bulut bilişim ve siber güvenlik dâhil olmak üzere bilişim sistemleri yönetimi ve proje süreçlerinin kuramsal temellerini analiz eder.					4

BİLGİ
Olgusal
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Yazılım geliştirme, veri bilimi, ağ teknolojileri, web uygulamaları ve donanım–yazılım etkileşimi gibi bilişim alanlarının temel kavramlarını ve olgularını açıklar.						5
2	Kurumsal bilgi sistemleri, bulut bilişim, yapay zekâ, siber güvenlik ve proje yönetimi alanlarındaki temel kuram ve yaklaşımları tanımlar.				3

BECERİLER
Bilişsel
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Bilişim teknolojileri, yazılım geliştirme ve veri yapıları alanlarında edindiği bilgileri kullanarak karmaşık problemleri analiz eder ve uygun çözüm yöntemlerini belirler.						5
2	Bulut bilişim, yapay zekâ, siber güvenlik ve proje yönetimi konularındaki verileri eleştirel bir bakış açısıyla değerlendirerek bilişim sistemlerinin stratejik planlamasına yönelik çıkarımlar yapar.				3

BECERİLER
Uygulamalı
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Programlama dilleri, veri tabanı yönetimi, algoritmalar ve web teknolojilerini kullanarak işlevsel yazılım ve web uygulamaları geliştirir.						5
2	Bulut bilişim, kurumsal bilgi sistemleri ve proje yönetimi araçlarını kullanarak bilişim projelerini planlar, uygular ve sonuçlarını değerlendirir.				3

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	Bilişim projelerini bağımsız olarak planlar, yürütür ve tamamlar; süreçte ortaya çıkan teknik ve yönetimsel sorumlulukları üstlenir.					4
2	Yazılım geliştirme ve bilgi sistemleri projelerinde ekip içinde etkin rol alır, gerektiğinde liderlik yaparak proje hedeflerine ulaşılmasını sağlar.						5

YETKİNLİKLER
Öğrenme Yetkinliği
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Bilişim teknolojilerindeki yenilikleri ve yazılım geliştirme trendlerini sürekli izler, mesleki bilgi ve becerilerini güncel tutar.						5
2	Kendi öğrenme süreçlerini değerlendirir, eksikliklerini belirler ve kişisel gelişimi için bağımsız olarak yeni öğrenme fırsatları oluşturur.						5

YETKİNLİKLER
İletişim ve Sosyal Yetkinlik
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Teknik ve teknik olmayan paydaşlara bilişim projelerini açık, anlaşılır ve ikna edici bir şekilde sunar; yazılı ve sözlü iletişim kanallarını etkin kullanır.						5
2	Farklı disiplinlerden ve kültürel arka planlardan gelen ekiplerle iş birliği yaparak bilişim projelerinde etkili katkı sağlar.					4

YETKİNLİKLER
Alana Özgü Yetkinlik
	Program Yeterlilikleri/Çıktıları	Katkı Düzeyi
		0	1	2	3	4	5
1	Bilişim sistemleri, yazılım geliştirme ve veri yönetimi süreçlerinde mesleki etik ilkelere ve uluslararası standartlara uygun davranır.						5
2	Bilişim sistemleri ve teknolojileri alanında güncel araç, yöntem ve yaklaşımları kullanarak çözüm üretir ve yenilikçi projeler geliştirir.						5

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	6	84
Derse Ön Hazırlık ve Ders Sonrası Pekiştirme	14	2	28
Arazi Çalışması	0	0	0
Grup Çalışması / Ödevi	0	0	0
Laboratuvar	0	0	0
Okuma	10	1	10
Ödev	0	0	0
Proje Hazırlama	0	0	0
Seminer	0	0	0
Staj	0	0	0
Teknik Gezi	0	0	0
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ığı	5	3	15
Ara Sınav	1	1	1
Ara Sınav Hazırlığı	5	3	15
Kısa Sınav	0	0	0
Kısa Sınav Hazırlığı	0	0	0
TOPLAM	50	0	154