Dersin Ayrıntıları
YarıyılKoduAdıT+U+LKrediAKTSSon Güncelleme Tarihi
7YBS401Web Tabanlı Programlama Ve Tasarımı2+2+03517.06.2026

 
Dersin Detayları
Dersin Dili Türkçe
Dersin Düzeyi Lisans
Bölümü / Programı Yönetim Bilişim Sistemleri
Öğrenim Türü Örgün Öğretim
Dersin Türü Zorunlu
Dersin Öğretim Şekli Yüz Yüze
Dersin Amacı Bu dersin amacı, web teknolojilerinin temel prensiplerini ve modern web uygulamalarının geliştirilmesine yönelik yöntemleri öğrencilere kazandırmaktır. Ders kapsamında istemci ve sunucu taraflı programlama, kullanıcı arayüzü tasarımı, veritabanı entegrasyonu, web standartları, kullanılabilirlik ve güvenlik konuları ele alınarak öğrencilerin işlevsel, etkileşimli ve kullanıcı odaklı web uygulamaları geliştirebilme yetkinliklerinin artırılması hedeflenmektedir.
Dersin İçeriği İnternet ve web teknolojilerine giriş, web mimarisi, HTML5 ve CSS3 ile web sayfası geliştirme, duyarlı (responsive) tasarım yaklaşımları,                       JavaScript                       programlama, DOM yapısı ve olay yönetimi, istemci taraflı uygulama geliştirme, web tasarım ilkeleri, kullanıcı deneyimi (UX) ve kullanıcı arayüzü (UI) tasarımı, sunucu taraflı programlama temelleri, veritabanı bağlantıları, web servisleri ve API kullanımı, güvenli web uygulama geliştirme, içerik yönetim sistemleri ve güncel web teknolojileri.
Dersin Yöntem ve Teknikleri Düz anlatım, soru-cevap, uygulamalı laboratuvar çalışmaları, örnek olay incelemesi, proje tabanlı öğrenme, problem çözme etkinlikleri, bireysel ve grup çalışmaları, teknik uygulamalar, kod geliştirme çalışmaları, teknik rapor hazırlama ve sunum yöntemleri kullanılacaktır.
Ön Koşulları Yok
Dersin Koordinatörü Yok
Dersi Verenler Doç. Dr. Hüseyin ÇİÇEKLİOĞLU
Dersin Yardımcıları Yok
Dersin Staj Durumu Yok

Ders Kaynakları
Kaynaklar Kınacı, B. F., Güven, E. Y., Seyyarer, E., Biçek, E., Kına, E., Ayata, F., ... & Yiner, Z. Bilgi ve Bilişim Sistemleri Güvenliği. Nobel Bilimsel Eserler.
Yalçın, N., & Çakır, H. (Eds.). (2023). Bilişim teknolojileri güvenliği. Nobel Akademik Yayıncılık.
Ders Notları Öğretim üyesi tarafından paylaşılmaktadır.

Ders Yapısı
Matematik ve Temel Bilimler %10
Mühendislik Bilimleri %50
Mühendislik Tasarımı %30
Sosyal Bilimler %10
Eğitim Bilimleri %0
Fen Bilimleri %0
Sağlık Bilimleri %0
Alan Bilgisi %0

Planlanan Öğrenme Aktiviteleri ve Metodları
Etkinlikler ayrıntılı olarak "Değerlendirme" ve "İş Yükü Hesaplaması" bölümlerinde verilmiştir.

Değerlendirme Ölçütleri
Yarıyıl Çalışmaları Sayısı Katkı
Ara Sınav 1 % 40
Proje 1 % 60
Toplam :
2
% 100

 
AKTS Hesaplama İçeriği
İş Yükü Sayısı Süre Toplam İş Yükü (Saat)
Ders Süresi 14 4 56
Sınıf Dışı Ç. Süresi 14 2 28
Ara Sınavlar 1 2 2
Uygulama 1 10 10
Laboratuvar 12 2 24
Proje 1 30 30
Toplam İş Yükü   AKTS Kredisi : 5 150

 
Dersin Öğrenme Çıktıları: Bu dersin başarılı bir şekilde tamamlanmasıyla öğrenciler şunları yapabileceklerdir:
Sıra NoAçıklama
2 HTML5 in temel prensiplerini bilir ve uygular
3 CSS kullanarak stil ve tasarım oluşturma konusunu bilir ve uygular.
4 Javascript dilini bilir ve bu dil ile dinamik web sayfaları geliştirir.
Bilgi 
1 Web programlama sürecine ilişkin ilkeleri bilir.

 
Ders Konuları
HaftaKonuÖn HazırlıkDökümanlar
1 Dersin tanıtımı: Kapsamı, gerekçesi, önemi, kural ve gerekleri Dersin amacı, kapsamı ve işleyişine ilişkin bilgilerin incelenmesi. Ders izlencesi, ders notları ve öğretim elemanı sunumları
2 Temel HTML5 Etiketleri - Liste Etiketleri - Sıralı, Sırasız ve İç İçe Liste Etiketleri HTML5 temel etiketleri ve liste yapılarının araştırılması. Ders notları, HTML5 kaynak dokümanları
3 HTML5 Tablolarla Çalışma - Tablo Etiketleri - Bağlantı Etiketleri - Bağlantı Listeleri HTML5 tablo yapıları ve bağlantı etiketlerinin incelenmesi. Ders notları, uygulama örnekleri
4 HTML5 Resim, Ses ve Videolar ile Çalışma - Resim Etiketleri - Ses Etiketleri - Video Etiketleri HTML5 ile resim, ses ve video kullanımına ilişkin ön çalışma yapılması. Ders notları, HTML5 kaynakları
5 Formlarla Çalışma - Form Etiketleri - Metin Alanları - Şifre Alanları - Çoklu Seçim Alanları - Çoktan Seçme Alanları - Düğmeler - HTML5 ile Gelen Yeni Form Elemanları HTML5 form elemanları ve kullanım alanlarının incelenmesi. Ders notları, uygulama dokümanları
6 CSS ile Web Sayfalarını Biçimlendirme - Renkler İle Çalışma - Metinleri Biçimlendirme CSS temel yapısı, renkler ve metin biçimlendirme konularının araştırılması. Ders notları, CSS kaynak dokümanları
7 CSS de Bölme (div) ve Kapsam (span) ile Çalışma CSS'de div ve span etiketlerinin kullanımının incelenmesi. Ders notları, uygulama örnekleri
8 CSS Seçiciler - Sınıf ve Style ile Çalışma CSS seçiciler, sınıf (class) ve stil (style) kullanımı hakkında ön okuma yapılması. Ders notları, CSS uygulama dokümanları
9 CSS Seviyeleri - Stil Seviyelerinin Yönetimi - Stil Öncelikleri - Tarayıcı Uyumlarının Yönetimi - CSS Özel Efektleri - Resim, Metin ve Geçiş ve Dönüşüm Efektleri CSS stil öncelikleri, tarayıcı uyumluluğu ve efektlerin araştırılması. Ders notları, uygulama örnekleri
10 CSS ile Sayfa Yerleşimleri Yapılandırma CSS ile sayfa yerleşimi tasarımının incelenmesi. Ders notları, örnek web sayfaları
11 JavaScript ile İstemci Tarafı Programlama - Fonksiyonlar ve Olaylar Yazma - Düğme ve Metin Alanı Olayları JavaScript temel kavramları, fonksiyonlar ve olay yönetimi hakkında araştırma yapılması. Ders notları, JavaScript kaynakları
12 JavaScript Koşul İfadeleri - Döngüler - Diziler - Nesneler İle Çalışma - Canvas İle Çalışma JavaScript koşul ifadeleri, döngüler, diziler ve nesne yapılarının incelenmesi. Ders notları, uygulama örnekleri
13 Javascript Olaylar JavaScript olay (event) yapılarının araştırılması. Ders notları, JavaScript uygulama dokümanları
14 Javascript Olaylar JavaScript olay yönetimi ve uygulamalarının tekrar edilmesi. Tüm ders notları ve uygulama örnekleri

 
Sürdürülebilir Kalkınma Amaçları
Dersin Program Çıktılarına Katkısı
P1 P2 P3 P4 P5 P6 P7 P8 P9 P10
Tüm 3 1 4 1 2 1 1 4 2 4
Ö2 3 1 4 1 2 1 1 3 2 4
Ö3 2 1 3 1 1 1 1 4 2 4
Ö4 3 1 4 1 2 1 1 3 2 4
Bi1 2 1 3 1 1 1 1 4 2 4

  Katkı Düzeyi: 1: Çok Düşük 2: Düşük 3: Orta 4: Yüksek 5: Çok Yüksek

  
  https://obs.osmaniye.edu.tr/oibs/bologna/progCourseDetails.aspx?curCourse=290562&lang=tr