|
HRT2007 | Web Programlama | 2+0+0 | AKTS:2 | Yıl / Yarıyıl | Güz Dönemi | Ders Duzeyi | Lisans | Yazılım Şekli | Seçmeli | Bölümü | HARİTA MÜHENDİSLİĞİ BÖLÜMÜ | Ön Koşul | Yok | Eğitim Sistemi | Yüz yüze , Grup çalışması, Laboratuar Çalışması, Uygulama | Dersin Süresi | 14 hafta - haftada 2 saat teorik | Öğretim Üyesi | Prof. Dr. Çetin CÖMERT | Diğer Öğretim Üyesi | | Öğretim Dili | Türkçe | Staj | Yok | | Dersin Amacı: | HTML5, CSS ve Javascripte giriş. Web haritalamaya giriş, Leaflet kitaplığı. Web haritalama uygulamaları geliştirme. İstemci tabanlı uygulama geliştirme. tarayıcı tabanlı konumsal analiz. Proje |
Öğrenim Kazanımları | BPKK | ÖY | Bu dersi başarı ile tamamlayan öğrenciler : | | | ÖK - 1 : | Web Haritalama, HTML5 ve Javascript teknolojileri hakkında bilgi birikimi edineceklerdir | 1 | | ÖK - 2 : | Verilen bir problemi modelleyerek çözüm üretebilir | 2 | | ÖK - 4 : | Web Mapping konusundaki yazılımları kullanabilme ve yazılım geliştirebilme becerisi kazanır | 4 | | BPKK :Bölüm program kazanımlarına katkı, ÖY : Ölçme ve değerlendirme yöntemi (1: Yazılı Sınav, 2: Sözlü Sınav, 3: Ev Ödevi, 4: Laboratuvar Çalışması/Sınavı, 5: Seminer / Sunum, 6: Dönem Ödevi / Proje),ÖK : Öğrenim Kazanımı | |
HTML5, CSS ve Javascripte giriş. Web haritalamaya giriş, Leaflet kitaplığı. Web haritalama uygulamaları geliştirme. İstemci tabanlı uygulama geliştirme. tarayıcı tabanlı konumsal analiz. Proje |
|
Haftalık Detaylı Ders İçeriği | Hafta | Detaylı İçerik | Önerilen Kaynak | Hafta 1 | Web sayfası ve HTML dilinin yapısı. | | Hafta 2 | Temel HTML5 bilgisi. HTML5 Etiketler ve Elementler. | | Hafta 3 | Temel CSS bilgisi. Dahili ve harici CSS tanımlama. | | Hafta 4 | Temel JavaScript bilgisi. JavaScript dilinin yapısı. Yazılan kodların tarayıcı konsolunda debug edilmesi. | | Hafta 5 | HTML5 Canvas Elementi. Canvas elementinin çizim metodları. Canvas elementi kullanılarak obje çizimi yapan JavaScript Fonksiyonu geliştirilmesi | | Hafta 6 | Leaflet.js kütüphanesi ile web tabanlı harita oluşturma. | | Hafta 7 | Overpass API ile OpenStreetMap (OSM) veritabanına bağlanarak anlık olarak OSM den veri çekmek | | Hafta 8 | Ara sınav | | Hafta 9 | OSM den çekilen XML formatındaki verinin JSON a dönüştürülerek leaflet.js ile görselleştirilmesi | | Hafta 10 | Leaflet.js'in "onEachFeature" fonksiyonu kullanılarak konumsal verinin özniteliklerine göre görselleştirilmesi. "mouseOverHighlighting" ile fare ile üzerine gelinen objenin özniteliklerinin gösterilmesi | | Hafta 11 | Node.js ve Express.js teknolojileri ile web sunucusu oluşturma. | | Hafta 12 | Yerel web sunucusundaki JSON dosyasının istemci tarafından fetch edilmesi. JSON dosyasının javascript ile parse edilerek içeriğinin leaflet.js ile tarayıcıda görüntülenmesi | | Hafta 13 | Turf.js ve leaflet.js kütüphaneleri kullanılarak tarayıcı tabanlı konumsal analiz yapılması ve sonuçların tarayıcıda görüntülenmesi. | | Hafta 14 | Uygulama Sınavı | | Hafta 15 | Sadece belirli objelerin haritaya bir katman olarak eklenmesinin sağlanması (leaflet.js "filter"). Web haritasına birden fazla katmanın ve altlık görüntünün (uygu görüntüsü vb.) eklenmesi. Bu öğelerin görünürlüklerinin web sayfası üzerinden yönetilmesi (leaflet.js "Layer Control" ve "Layer Group") | | Hafta 16 | Final Sınavı | | |
1 | HTML5 CSS3, Ahmet Oğuz MERMERKAYA, Abaküs Yayınları | | |
1 | PHP ve MySQL, Erkan BALABAN, Pusula Yayıncılık | | |
Ölçme Yöntemi | Yöntem | Hafta | Tarih | Süre (Saat) | Katkı (%) | Arasınav | 9 | | 2 | 20 | Proje | 10 | | 2 | 30 | Dönem sonu sınavı | 14 | | 2 | 50 | |
Öğrenci Çalışma Yükü | İşlem adı | Haftalık süre (saat) | Hafta sayısı | Dönem toplamı | Yüz yüze eğitim | 2 | 1 | 2 | Sınıf dışı çalışma | 1 | 14 | 14 | Arasınav için hazırlık | 2 | 14 | 28 | Arasınav | 2 | 9 | 18 | Proje | 2 | 10 | 20 | Dönem sonu sınavı için hazırlık | 2 | 14 | 28 | Dönem sonu sınavı | 2 | 1 | 2 | Toplam Çalışma Yükü | | | 112 |
|