GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS | Kredi |
|---|---|---|---|---|---|---|
| OIAT201 | İleri Ağ Teknolojileri | Ders | 2 | 3 | 4.00 | 2.00 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Türkçe
Dersin Amacı
Bu dersin amacı; öğrencilere İnternet ve Web teknolojilerinin temel çalışma prensiplerini aktarmak, modern web sayfalarının yapısını oluşturan işaretleme dillerini (HTML, XML) ve biçimlendirme standartlarını (CSS) öğretmektir. Ayrıca istemci tarafında (Client-Side) dinamik ve etkileşimli içerik geliştirmek için JavaScript kullanımını ve çerez (cookie) mantığını kavratmak; sunucu tarafında (Server-Side) ise PHP ve ASP gibi teknolojiler aracılığıyla form işleme, veri doğrulama ve temel iş mantığı (business logic) geliştirme yetkinlikleri kazandırmaktır.
Dersi Veren Öğretim GörevlisiGörevlileri
Öğr. Gör. Özlem YAKAR
Öğrenme Çıktıları
| 1 | Web teknolojilerinin temel kavramlarını açıklar; HTML kullanarak standartlara uygun web sayfaları, formlar ve veri yapıları oluşturur. |
| 2 | CSS1 ve CSS2 stil şablonlarını kullanarak web sayfalarının görsel tasarımını ve sayfa düzenini (layout) yapılandırır. |
| 3 | JavaScript dilini ve global fonksiyonlarını kullanarak kullanıcı etkileşimli dinamik web uygulamaları geliştirir ve çerez (cookie) yönetimi sağlar. |
| 4 | XML yapısını ve veri temsil formatlarını kavrayarak sistemler arası veri iletim ilkelerini değerlendirir. |
| 5 | PHP ve ASP sunucu tarafı betik dillerini kullanarak form verilerini işler, metin/dizgi analizleri yapar ve temel sunucu tarafı iş mantığını kurgular. |
Öğrenim Türü
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Ders İçin Önerilen Diğer Hususlar
Yok
Dersin İçeriği
İnternet ve Web teknolojilerine genel bakış; HTML ile web sayfası mimarisi, metin/medya etiketleri, tablolar, çerçeveler (frames) ve veri toplama formları; CSS1 ve CSS2 ile sayfa düzeni, stil kuralları ve görsel tasarım uygulamaları; JavaScript ile istemci tarafı programlama, global fonksiyonlar, olay yönetimi (events) ve çerez (cookie) mekanizmaları; Genişletilebilir İşaretleme Dili (XML) yapısı ve veri iletimi; PHP ile dizgi (string) işlemleri, düzenli ifadeler (regex), form verisi işleme ve sunucu tarafı iş mantığı geliştirme; Aktif Sunucu Sayfaları (ASP) teknolojisine giriş ve temel sunucu betikleme prensipleri.
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Teorik | Uygulama | [OgretimYontemVeTeknikleri] | [OnHazirlik] |
|---|---|---|---|---|
| 1 | İNTERNET TEKNOLOJİLERİNE GİRİŞ - I | |||
| 2 | İNTERNET TEKNOLOJİLERİNE GİRİŞ - II | |||
| 3 | HTML1: TEMEL HTML KONSEPTLER | Metin düzenleyicide (Visual Studio Code) temel HTML yapısı oluşturma, başlık, paragraf, liste, bağlantı (link) ve görsel ekleme Laboratuvar çalışması. | Anlatım, Gösterip Yaptırma, Uygulamalı Laboratuvar Çalışması, Soru-Cevap. | |
| 4 | HTML2: ÇERÇEVELER & FORMLAR HAKKINDA TEMEL KAVRAMLAR | Form elemanları (metin kutuları, seçim butonları, açılır menüler vb.) ve çerçeve/iframe bileşenleri ile veri girişi sağlayan etkileşimli bir web formu tasarımı. | Sunum/Anlatım, Canlı Kodlama (Live Coding), Bireysel Laboratuvar Pratiği, Örnek İncelemesi ve Soru-Cevap. | |
| 5 | CSS1 - STİL SAYFALARI TEMEL KAVRAMLAR | İç (Internal), Dış (External) ve Satır İçi (Inline) CSS kullanımı; etiket, sınıf (class) ve ID seçicileri ile temel stil özelliklerinin (renk, yazı tipi, kenarlık, arka plan) HTML sayfasına uygulanması. | Anlatım, Gösterip Yaptırma, Uygulamalı Laboratuvar Çalışması, Soru-Cevap. | |
| 6 | CSS2 - STİL SAYFALARI UYGULAMALARI | CSS ile sayfa düzeni (Flexbox/Grid), konumlandırma (Positioning), menü tasarımı ve responsive (duyarlı) web tasarımı uygulamaları. | Sunum/Anlatım, Canlı Kodlama (Live Coding), Bireysel Laboratuvar Pratiği, Örnek İncelemesi ve Soru-Cevap. | |
| 7 | JAVASCRİPT1: GLOBAL FONKSİYONLAR TEMEL KAVRAMLAR | JavaScript temel sözdizimi, değişken tanımlama (var, let, const), veri tipleri, yerleşik global fonksiyonlar (alert, prompt, parseInt, isNaN vb.) ve temel operatörler ile betik yazımı. | Anlatım, Gösterip Yaptırma, Uygulamalı Laboratuvar Çalışması, Soru-Cevap. | |
| 8 | ARA SINAV | |||
| 9 | JAVASCRİPT2: GLOBAL FONKSİYONLAR UYGULAMA ; JAVASCRIPT: ÇEREZLER | Kullanıcı tanımlı ve global fonksiyonların karmaşık senaryolarda kullanımı; JavaScript ile tarayıcı üzerinde çerez (cookie) oluşturma, okuma, güncelleme ve silme işlemleri. | Sunum/Anlatım, Canlı Kodlama (Live Coding), Bireysel Laboratuvar Pratiği, Örnek İncelemesi ve Soru-Cevap. | |
| 10 | JAVASCRİPT2: GLOBAL FONKSİYONLAR UYGULAMA ; JAVASCRIPT: ÇEREZLER | Kullanıcı tanımlı ve global fonksiyonların karmaşık senaryolarda kullanımı; JavaScript ile tarayıcı üzerinde çerez (cookie) oluşturma, okuma, güncelleme ve silme işlemleri. | Sunum/Anlatım, Canlı Kodlama (Live Coding), Bireysel Laboratuvar Pratiği, Örnek İncelemesi ve Soru-Cevap. | |
| 11 | GENİŞLETİLEBİLİR İŞARETLEME DİLİ (XML) | Geçerli (Valid) ve iyi biçimlendirilmiş (Well-formed) XML dokümanı oluşturma; hiyerarşik veri yapısını, etiketleri, öznitelikleri (attribute) tanımlama ve XML veri yapısını tarayıcıda/editörde doğrulama. | Anlatım, Gösterip Yaptırma, Uygulamalı Laboratuvar Çalışması, Soru-Cevap. | |
| 12 | PHP: DİZGİ İŞLEME VE RASYONEL İFADELER | PHP'de metin/dizgi (string) fonksiyonları ve Düzenli İfadeler (Regex / Regular Expressions) kullanılarak veri temizleme, metin arama, değiştirme ve form veri doğrulama uygulamaları. | Anlatım, Gösterip Yaptırma, Uygulamalı Laboratuvar Çalışması, Soru-Cevap. | |
| 13 | PHP: FORM İŞLEME VE İŞ MANTIĞI | HTML formlarından gelen verilerin PHP ile GET ve POST metotları kullanılarak alınması, sunucu tarafında iş mantığına (business logic) göre işlenmesi ve doğrulama süreçlerinin yürütülmesi (örneğin: hesaplama, yetkilendirme kontrolü, dinamik koşullar). | Anlatım, Gösterip Yaptırma, Uygulamalı Laboratuvar Çalışması, Soru-Cevap. | |
| 14 | AKTİF SUNUCU SAYFALARI (ASP) | ASP temel sözdizimi, sunucu taraflı betik çalıştırma, dahili ASP nesneleri (Request, Response, Server, Session) kullanımı ve dinamik web sayfası oluşturma uygulamaları. | Anlatım, Gösterip Yaptırma, Uygulamalı Laboratuvar Çalışması, Soru-Cevap. | |
| 15 | FİNAL SINAVI |
Ders Kitabı Malzemesi Önerilen Kaynaklar
1. Niyazi Sarıkaya (2021). A'dan Z'ye Web Tasarımı ve Programlama (HTML5, CSS3, JavaScript, PHP), Dikey Eksen Yayınları. 2. Rıza Çelik (2020). PHP ve MySQL ile Web Programlama, Abaküs Kitap. 3. W3Schools Online Web Tutorials & MDN Web Docs (Açık Erişim Dijital Ders Malzemeleri ve Kod Laboratuvarı).
Planlanan Öğrenme Aktiviteleri ve Metodları
Değerlendirme
| Yarıyıl (Yıl) İçi Etkinlikleri | Adet | Değer |
|---|---|---|
| Ara Sınav | 1 | 100 |
| Toplam | 100 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | Adet | Değer |
| Final Sınavı | 1 | 50 |
| Proje Sunma | 1 | 50 |
| Toplam | 100 | |
| Yarıyıl (Yıl) İçi Etkinlikleri | 40 | |
| Yarıyıl (Yıl) Sonu Etkinlikleri | 60 | |
Staj Durumu
İş Yükü Hesaplaması
| Etkinlikler | Sayısı | Süresi (saat) | Toplam İş Yükü (saat) |
|---|---|---|---|
| Ara Sınav | 1 | 40 | 40 |
| Final Sınavı | 1 | 57 | 57 |
| Proje Sunma | 1 | 3 | 3 |
| Toplam İş Yükü (saat) | 100 | ||
Program ve Öğrenme Çıktıları İlişkisi
| PÇ 1 | PÇ 2 | PÇ 3 | PÇ 4 | PÇ 5 | PÇ 6 | PÇ 7 | PÇ 8 | PÇ 9 | |
| ÖÇ 1 | 5 | 5 | |||||||
| ÖÇ 2 | 5 | 5 | |||||||
| ÖÇ 3 | 5 | 5 | |||||||
| ÖÇ 4 | 5 | 5 | |||||||
| ÖÇ 5 | 5 | 5 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek