GERİ DÖN
Ders Öğretim Planı
| Dersin Kodu | Dersin Adı | Dersin Türü | Yıl | Yarıyıl | AKTS |
|---|---|---|---|---|---|
| 1910002112024 | WEB TABANLI MOBİL UYGULAMA GELİŞTİRME | Ders | 2 | 3 | 0 |
Dersin Seviyesi
Önlisans
Dersin Sunulduğu Dil
Dersin Amacı
Öğrencilere tek bir kod tabanı kullanarak hem Android hem de iOS platformlarında yerel (native) gibi çalışabilen, modern ve performanslı hibrit mobil uygulamalar geliştirme becerisi kazandırmaktır.
Dersi Veren Öğretim Görevlisi/Görevlileri
Öğr. Gör. Betül Düzgün
Öğrenme Çıktıları
| 1 | Tek bir kod tabanı kullanarak hem Android hem de iOS platformlarında uyumlu çalışabilen mobil uygulamalar kodlayabilir. |
| 2 | Modern web teknolojileriyle mobil cihazlara uygun arayüzler tasarlayabilir ve uzak sunuculardan (API) veri çekerek uygulamaya entegre edebilir. |
| 3 | Geliştirilen web tabanlı mobil uygulamaların test süreçlerini yürütebilir, hata ayıklayabilir ve uygulama mağazalarında yayınlanacak hale getirebilir. |
Öğretim Sistemi
Birinci Öğretim
Dersin Ön Koşulu Olan Dersler
Yok
Ders İçin Önerilen Diğer Hususlar
Yok
Dersin İçeriği
Mobil web standartları ile başlar; ardından HTML5, CSS3, JavaScript bileşenleri ve React Native, Flutter veya Cordova/Ionic gibi popüler çerçeveler (frameworks) kullanılarak kullanıcı arayüzü tasarımı, API entegrasyonu ve uygulama yayına hazırlama süreçlerini kapsar.
Haftalık Ayrıntılı Ders İçeriği
| Hafta | Konular (Teorik) | Uygulama | Öğretim Yöntem ve Teknikleri | Ön Hazırlık |
|---|---|---|---|---|
| 1 | Mobil web teknolojilerine giriş, duyarlı (responsive) tasarım prensipleri ve mobil tarayıcı standartları. | |||
| 2 | Hibrit (cross-platform) mobil uygulama mimarisi ve popüler çerçevelerin (React Native, Flutter, Ionic) karşılaştırılması. | |||
| 3 | Geliştirme ortamının kurulması; Node.js, NPM paket yöneticisi, kod editörleri ve emülatör ayarları. | |||
| 4 | Hibrit uygulama çatısının temel dosya yapısı, bileşen (component) mantığı ve ilk uygulamanın çalıştırılması. | |||
| 5 | Mobil arayüz tasarımı; yerleşim yönetimi (Flexbox), renkler, yazı tipleri ve butonların yapılandırılması. | |||
| 6 | Kullanıcı etkileşimi; form elemanları, metin girişleri (text inputs) ve olay yakalama (event handling) mekanizmaları. | |||
| 7 | Uygulama içi çoklu sayfa yönetimi ve sayfalar arası geçiş (Navigation/Routing) yapılarının kurulması. | |||
| 8 | Ara Sınav (Vize) Haftası | |||
| 9 | Durum yönetimi (State ve Props kavramları) ile uygulama içi verilerin dinamik kontrolü. | |||
| 10 | Uzak sunucu bağlantıları; REST API mimarisi, HTTP istekleri (Fetch/Axios) ile JSON veri çekme ve listeleme. | |||
| 11 | Cihaz donanımlarına erişim; kamera, galeri, konum (GPS) ve yerel bildirim (push notification) entegrasyonu. | |||
| 12 | Yerel veri saklama yöntemleri (AsyncStorage/SQLite) ile uygulama verilerini cihaz hafızasında tutma. | |||
| 13 | Kapsamlı bir hibrit mobil uygulama projesinin kodlanması, optimizasyon ve performans iyileştirmeleri. | |||
| 14 | Hata ayıklama (debugging), apk/ipa çıktısı alma ve uygulamayı mağaza (Play Store/App Store) yükleme süreçleri. |
Ders Kitabı / Malzemesi / Önerilen Kaynaklar
Mobil Öğrenme - Hibrit Mobil Uygulama Geliştirme: Dr. Deniz Kılınç, Abaküs Kitap.React Native ile Mobil Uygulama Geliştirme: Alperen Özalp, Dikey Eksen Yayıncılık. Herkes İçin Flutter ile Mobil Uygulama Geliştirme: Dr. Engin Demiroğ, Kodlab Yayınları. Kod Editörü: Visual Studio Code veya Android Studio yazılımları. Çalışma Ortamı: Node.js çalışma ortamı ve NPM (Node Package Manager) paket yöneticisi. Simülatör/Emülatör: Android Emulator (Android Studio ile gelen) veya fiziksel bir akıllı telefon (USB hata ayıklama modu açık).
Planlanan Öğrenme Aktiviteleri ve Metodları
Değerlendirme
Staj Durumu
Yok
İş Yükü Hesaplaması
| Etkinlikler | Sayısı | Süresi (saat) | Toplam İş Yükü (saat) |
|---|---|---|---|
| Toplam İş Yükü (saat) | 0 | ||
Program ve Öğrenme Çıktıları İlişkisi
| PÇ 1 | |
| ÖÇ 1 | |
| ÖÇ 2 | |
| ÖÇ 3 |
* Katkı Düzeyi : 1 Çok düşük 2 Düşük 3 Orta 4 Yüksek 5 Çok yüksek