Dünyanın dört bir yanında çatışmaların ve doğal afetlerin yarattığı belirsizlik ortamında, bilgiye hızlı ve doğru erişim hayati önem taşımaktadır. Uganda’daki Valleyspur Uluslararası Okulu’ndan 14 yaşındaki öğrencilerin geliştirdiği, savaş durumlarında insanlara yol gösteren ve güvenli bölgeleri işaretleyen bir web sitesi projesi, bu ihtiyaca teknolojiyle cevap veriyor. Bu makale, genç zihinlerin insanlık için nasıl bir fark yaratabileceğini, bu tür bir web sitesinin teknik altyapısını ve geliştirme süreçlerini adım adım inceleyecektir.

Savaş ve çatışma ortamları, milyonlarca insanın hayatını doğrudan etkileyen yıkıcı olaylardır. Bu tür durumlarda, doğru ve güncel bilgiye erişim, sadece hayatta kalma şansını artırmakla kalmaz, aynı zamanda insanların temel haklarını korumalarına ve insani yardımlara ulaşmalarına da olanak tanır. Maalesef, çatışma bölgelerinde iletişim ağları genellikle çöker, resmi bilgiler kısıtlanır ve dezenformasyon yaygınlaşır. Bu karmaşa içinde, ailelerin bir araya gelmesi, güvenli bir sığınağa ulaşılması veya acil tıbbi yardım alınması gibi en temel ihtiyaçlar bile imkansız hale gelebilir. İşte tam da bu noktada, Valleyspur Uluslararası Okulu öğrencilerinin projesi gibi dijital platformlar devreye girerek, bir umut ışığı olabilir.

Bu proje, Birleşmiş Milletler Sürdürülebilir Kalkınma Amaçları (SDG’ler) ile de güçlü bir şekilde bağlantılıdır. Özellikle şu SDG’lere doğrudan katkı sağlamaktadır:

• SDG 3: Sağlıklı Bireyler: Acil durumlarda sağlık hizmetlerine erişim bilgisi sunarak, yaralıların veya hastalığı olanların yardım almasını kolaylaştırır.
• SDG 11: Sürdürülebilir Şehirler ve Topluluklar: Güvenli bölgelerin belirlenmesi ve barınma ihtiyaçlarına yönelik bilgi sağlaması, insanların insani koşullarda yaşamlarını sürdürmelerine yardımcı olur.
• SDG 16: Barış, Adalet ve Güçlü Kurumlar: Bilgiye şeffaf erişim sağlayarak, mağdurların haklarını aramalarına ve insani hukuk ilkelerinin korunmasına dolaylı yoldan destek olur. Ayrıca, bu tür bir platformun varlığı, topluluklar arasında dayanışmayı ve koordinasyonu artırabilir.
• SDG 17: Amaçlar İçin Ortaklıklar: Proje, öğrencilerin teknoloji ve insanlık arasındaki bağlantıyı anlamalarını sağlayarak, gelecek nesillerin küresel sorunlara yenilikçi çözümler üretme kapasitesini geliştirir. Bu, aynı zamanda uluslararası kuruluşlar ve yerel halk arasında köprüler kurma potansiyeli taşır.

Valleyspur öğrencilerinin vizyonu, sadece bir web sitesi inşa etmekten öteye geçiyor; onlar, bilgiye evrensel erişimin ve dijital okuryazarlığın, en zor zamanlarda bile insanlığın yanında durabileceğini gösteriyorlar. Bu genç geliştiricilerin, dünya sorunlarına kayıtsız kalmayıp, kendi yetenekleriyle çözüm üretme çabası gerçekten ilham vericidir. Ayrıca, bu projenin geliştirilmesi sırasında edinilen teknik bilgi ve problem çözme becerileri, öğrencilerin gelecekteki kariyerleri için de sağlam bir temel oluşturmaktadır. Proje, sadece bir teknoloji eseri değil, aynı zamanda insani bir misyonun somut bir örneğidir.

Acil Durum Web Sitesi Nasıl Geliştirilir? Temel Adımlar ve Teknolojiler

Acil durumlar için bir web sitesi geliştirmek, özellikle genç öğrenciler için zorlu ama bir o kadar da ödüllendirici bir süreçtir. Bu bölüm, Valleyspur öğrencilerinin de muhtemelen izlediği temel adımları ve kullanılabilecek teknolojileri açıklayacaktır. İlk olarak, projenin kapsamını ve hedef kitlesini net bir şekilde belirlemek kritik öneme sahiptir. “Savaşta ne yapılmalı?”, “Nerede güvenli yerler var?”, “Nasıl yardım çağrılır?” gibi sorulara yanıt veren bir platform tasarlamak, kullanıcıların panik anında kolayca anlayabileceği ve kullanabileceği bir arayüz gerektirir. Bu nedenle, kullanıcı deneyimi (UX) ve kullanıcı arayüzü (UI) tasarımına baştan itibaren dikkat etmek hayati öneme sahiptir. Basit, anlaşılır ikonlar, büyük ve okunaklı metinler ile sakinleştirici renk paletleri tercih edilmelidir.

Teknoloji seçimi konusunda ise, web geliştirmenin temel taşları olan HTML, CSS ve JavaScript en mantıklı başlangıç noktalarıdır. Bu teknolojiler, web sitesinin iskeletini, görsel stilini ve etkileşimli özelliklerini oluşturur.

1. HTML (HyperText Markup Language): Web sayfasının yapısını belirler. Metin, başlıklar, görseller, videolar ve butonlar gibi tüm içerik HTML etiketleri ile düzenlenir. Acil durum bilgilerinin, talimatların ve iletişim formlarının düzenli bir şekilde sunulması için güçlü bir HTML yapısı şarttır.
2. CSS (Cascading Style Sheets): HTML elemanlarına stil kazandırır. Renkler, yazı tipleri, boyutlar, boşluklar ve mobil uyumluluk (responsive design) CSS ile kontrol edilir. Özellikle mobil cihazlarda kolayca erişilebilir olması için duyarlı tasarım prensipleri burada devreye girer.
3. JavaScript: Web sitesini interaktif hale getirir. Acil çağrı butonlarına tıklama eylemleri, canlı harita güncellemeleri, video oynatma kontrolleri ve form doğrulama gibi dinamik özellikler JavaScript ile gerçekleştirilir.

Canlı harita entegrasyonu, bu tür bir site için en önemli özelliklerden biridir. Leaflet.js, Mapbox veya Google Maps API gibi harita kütüphaneleri, web sitenize etkileşimli haritalar eklemenizi sağlar. Bu haritalar üzerinde güvenli bölgeleri, yardım toplama noktalarını veya tahliye rotalarını işaretleyebilirsiniz. Örneğin, Leaflet.js açık kaynaklı ve kullanımı kolay bir kütüphanedir, bu da onu öğrenci projeleri için ideal kılar.

İşte basit bir HTML yapısı örneği:

    
    
    
    
    
    


    

        
Acil Durum Güvenlik Rehberi
        
Hayat kurtaran bilgilere hızlı erişim.
    
    
    

        

            
Savaş Durumunda Temel Güvenlik İpuçları
            
Bu bölümde, çatışma anında atılması gereken adımlar açıklanmaktadır...
            
        
        

            
Güvenli Bölgeler Haritası
            

            
        
        

            
Acil Yardım Butonları
            Polis (155)
            Ambulans (112)
            
        
        

            
Bilgilendirme ve Güvenlik Videoları
            
            
        
    
    

    
    
    

Bu temel yapı, öğrencilerin üzerine inşa edebilecekleri bir iskelet sunar. Ardından, style.css dosyası ile tasarım ve script.js dosyası ile interaktif özellikler eklenecektir. Bu yaklaşım, karmaşık görünen bir projeyi yönetilebilir ve adım adım ilerletilebilir parçalara ayırarak, genç geliştiricilerin motivasyonunu yüksek tutar ve öğrenme sürecini kolaylaştırır.

Canlı Harita ve Güvenli Bölge Belirleme: Teknik Uygulama Nasıl Yapılır?

Bir acil durum web sitesinde canlı harita, şüphesiz en kritik özelliklerden biridir. Kullanıcılara anlık olarak güvenli bölgeleri, toplanma noktalarını veya tehlikeli alanları göstermek, hayat kurtarıcı olabilir. Bu bölümde, harita entegrasyonunun teknik detaylarına ve güvenli bölge bilgilerinin nasıl yönetileceğine değineceğiz.

Harita entegrasyonu için yukarıda bahsedilen Leaflet.js gibi kütüphaneler büyük kolaylık sağlar. İşte basit bir Leaflet haritası oluşturma ve üzerine işaretleyici ekleme JavaScript kodu:

Bu kod bloğu, belirli koordinatlara sahip bir harita oluşturur ve üzerine önceden tanımlanmış güvenli bölgeleri işaretler. İşaretleyicilere tıklandığında, bölge hakkında ek bilgi içeren bir açılır pencere (popup) görünür. Ancak, bu veri manuel olarak kod içine gömülüdür. Gerçek bir acil durum sitesinde, bu verilerin dinamik ve güncel olması gerekir. İşte bu noktada bir veri tabanı devreye girer.

Veri Tabanı Yönetimi: Güvenli bölge bilgileri, zamanla değişebileceği için (yeni güvenli noktalar, mevcut noktaların güvensiz hale gelmesi vb.), bu bilgileri dinamik olarak güncelleyebilecek bir veri tabanı sistemine ihtiyaç vardır. Öğrenci projeleri için kullanımı kolay ve genellikle ücretsiz veya uygun fiyatlı olan servisler tercih edilebilir:

• Firebase (Google): Gerçek zamanlı veri tabanı (Realtime Database veya Firestore) sunar. Güvenli bölgeleri, durumlarını (açık/kapalı, kapasite vb.) ve ek bilgileri depolamak için idealdir. Veriler güncellendiğinde, web sitesi anında bu değişiklikleri yansıtabilir.
• Supabase: Açık kaynaklı bir Firebase alternatifi olup, PostgreSQL tabanlıdır ve kullanımı kolay API'ler sunar.
• MongoDB Atlas: Belge tabanlı bir NoSQL veri tabanı olup, esnek veri yapıları için uygundur. Ücretsiz katmanı mevcuttur.

Bu veri tabanları, web sitesinin arka planında (backend) çalışır ve güvenli bölge verilerini depolar. JavaScript kodu, bu veri tabanlarından API çağrıları yaparak bilgileri alır ve harita üzerinde gösterir. Örneğin, bir Firebase fonksiyonu, yöneticilerin güvenli bölge konumlarını ve statülerini güncellemelerine olanak tanırken, kullanıcılar bu güncellemeleri anında haritada görebilirler.

Kullanıcı Konum İzleme ve Gizlilik: Eğer web sitesi, kullanıcıların kendi konumlarını haritada görmelerini veya yardım talep ederken konumlarını paylaşmalarını sağlayacaksa, tarayıcının Geolocation API'si kullanılabilir. Ancak, bu noktada gizlilik ve güvenlik konuları büyük önem taşır. Kullanıcılardan konum izni açıkça alınmalı ve bu verilerin nasıl kullanılacağı şeffaf bir şekilde belirtilmelidir. Özellikle çatışma bölgelerinde, konum bilgisinin yanlış ellere geçmesi ciddi riskler oluşturabilir. Bu nedenle, konum verilerinin anonimleştirilmesi veya sadece acil yardım durumunda ve kullanıcının açık rızasıyla kullanılması gibi katı güvenlik önlemleri alınmalıdır.

Güvenli bölge verilerini bir araya getirmek ve doğrulamak da büyük bir zorluktur. Bu, yerel sivil toplum kuruluşları, insani yardım örgütleri ve hatta gönüllülerle iş birliği yaparak çözülebilir. Öğrenciler, bu tür bir iş birliğini nasıl kuracaklarını ve veriyi nasıl yöneteceklerini de öğrenerek, projenin toplumsal etkisini artırabilirler.

İletişim Köprüleri Kurmak: Acil Çağrı Butonları ve Multimedya Entegrasyonu

Acil durum web sitelerinin temel fonksiyonlarından biri, kullanıcıların hızlıca yardım çağırabilmesini veya gerekli bilgilere ulaşabilmesini sağlamaktır. Valleyspur öğrencilerinin projesinde yer alan "acil çağrı butonları, videolar ve ses" özellikleri, bu amaca hizmet eder. Özellikle panik anında, karmaşık formlar doldurmak yerine tek bir tıklamayla harekete geçebilmek, kullanıcılar için büyük bir kolaylık ve güvence sağlar.

Acil Çağrı Fonksiyonları Nasıl Uygulanır?

Acil çağrı butonları genellikle iki ana şekilde çalışır:

1. Telefon Numarası Araması: En basit ve en etkili yöntemdir. HTML'deki etiketi ile doğrudan telefon numarası aranabilir.
2. SMS Gönderme: Bazı durumlarda arama yapmak mümkün olmayabilir (sinyal zayıflığı, sessizlik ihtiyacı vb.). Bu durumda etiketi ile önceden tanımlanmış bir mesajın belirli bir numaraya gönderilmesi sağlanabilir.

Polis Ara
Ambulans Ara
Kayıp Bildir / Yardım İste (SMS)

    
Hayat Kurtaran Bilgilendirme Videoları
    

        Videoyu buradan indirin.
        
        
Bu video, temel ilk yardım tekniklerini adım adım göstermektedir.
    

    
Güvenlik Talimatları (Sesli)
    

        
        
Bölgedeki son güvenlik anonslarını dinleyin.
    

Bu multimedia özelliklerinin eklenmesi, Valleyspur öğrencilerinin projesini sadece bilgilendirici değil, aynı zamanda farklı öğrenme stillerine ve erişilebilirlik ihtiyaçlarına hitap eden kapsamlı bir platform haline getirir. Ayrıca, bu içeriklerin yerel dillerde veya sıkça konuşulan dillerde sunulması, etkinliğini katlayacaktır. Bu, projenin insani etkisini artırma potansiyelini önemli ölçüde güçlendirir.

Mobil Uyumluluk ve Erişilebilirlik: Herkes İçin Tasarımın Önemi

Acil durum web sitelerinin başarısı, büyük ölçüde erişilebilirliğine bağlıdır. Özellikle çatışma bölgelerinde, kullanıcıların genellikle sadece akıllı telefonlara erişimi vardır ve internet bağlantıları zayıf olabilir. Bu nedenle, web sitesinin mobil uyumlu (responsive) olması ve erişilebilirlik standartlarına uyması kritik bir gerekliliktir. Valleyspur öğrencilerinin projesinde bu unsurların dikkate alınması, platformun gerçek hayattaki faydasını katlayacaktır.

Mobil Uyumluluk (Responsive Design) Nasıl Sağlanır?

Mobil uyumluluk, web sitesinin ekran boyutuna göre kendini otomatik olarak ayarlaması anlamına gelir. Bu, içeriğin tüm cihazlarda (telefon, tablet, masaüstü) okunabilir ve kullanılabilir olmasını sağlar. Temel adımlar şunlardır:

1. Viewport Meta Etiketi: Her HTML sayfasının bölümüne aşağıdaki etiket eklenmelidir. Bu, tarayıcıya sayfanın cihaz genişliğine göre ölçeklenmesi gerektiğini bildirir:

2. Esnek Izgara Sistemleri ve Görseller: CSS ile sayfa düzeni oluşturulurken piksel tabanlı sabit genişlikler yerine yüzdesel genişlikler (width: 100%; veya width: 50%; gibi) kullanılmalıdır. Görseller için de max-width: 100%; height: auto; tanımlaması, görsellerin kapsayıcılarına sığmasını sağlar.
3. CSS Media Queries: Belirli ekran boyutları için farklı stil kuralları tanımlamak için media queries kullanılır. Bu, farklı cihazlarda farklı düzenler ve stiller uygulamanıza olanak tanır.

İşte bir CSS media query örneği:

/* Genel stiller (masaüstü için varsayılan) */
body {
    font-family: Arial, sans-serif;
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

.emergency-btn {
    padding: 15px 25px;
    font-size: 1.2em;
    margin: 10px;
    width: auto; /* Masaüstünde buton genişliği */
}

/* Küçük ekranlar için stiller (örneğin, 768px ve altı) */
@media screen and (max-width: 768px) {
    header h1 {
        font-size: 1.8em;
    }
    nav ul {
        flex-direction: column; /* Navigasyon menüsünü dikey yapar */
    }
    nav li {
        width: 100%;
        text-align: center;
        margin-bottom: 5px;
    }
    .emergency-btn {
        width: 90%; /* Mobil ekranda butonları daha geniş yapar */
        display: block;
        margin: 10px auto;
        font-size: 1em;
    }
    #mapid {
        height: 300px !important; /* Mobil için harita yüksekliğini ayarlar */
    }
}

/* Çok küçük ekranlar için stiller (örneğin, 480px ve altı) */
@media screen and (max-width: 480px) {
    body {
        font-size: 0.9em;
    }
    .emergency-btn {
        font-size: 0.9em;
        padding: 12px 20px;
    }
}

Bu CSS kodları, ekran boyutuna göre başlıkların, navigasyon menülerinin ve acil durum butonlarının nasıl görüneceğini ayarlar. Özellikle butonların mobil ekranda daha büyük ve kolay basılabilir olması, panik anında hata yapma olasılığını azaltır.

Erişilebilirlik (Accessibility) Neden Önemlidir?

Erişilebilirlik, web sitesinin engelli veya kısıtlı durumda olan kişiler tarafından da kullanılabilir olmasını sağlar. Acil durumlarda herkesin bilgiye eşit erişimi olmalıdır. Başlıca erişilebilirlik prensipleri şunlardır:

• Semantik HTML:

  ,

• Alternatif Metinler (Alt Text): Tüm görseller için açıklayıcı alt metinleri eklemek, görme engelli kullanıcıların görsellerin içeriğini anlamasını sağlar. Örneğin: .
• Yeterli Kontrast: Metin ve arka plan renkleri arasında yeterli kontrast sağlamak, görme güçlüğü çeken kullanıcıların metni okumasını kolaylaştırır.
• Klavye Navigasyonu: Sitenin sadece fare ile değil, klavye (Tab tuşu, Enter tuşu vb.) ile de tamamen kullanılabilir olmasını sağlamak. Bu, motor engelli kullanıcılar için önemlidir.
• ARIA (Accessible Rich Internet Applications) Atıfları: Dinamik veya özel geliştirilmiş arayüz elemanları için ARIA özelliklerini kullanmak, ekran okuyuculara ek bilgi sağlar.

Bu mobil uyumluluk ve erişilebilirlik prensiplerini uygulamak, Valleyspur öğrencilerinin web sitesini daha kapsayıcı ve etkili hale getirecektir. Unutmamak gerekir ki, bir acil durum sitesinin gerçek değeri, ihtiyaç anında en çok ihtiyacı olan herkese ulaşabilmesidir. Bu yüzden, teknik yeteneklerin yanı sıra empati ve toplumsal sorumluluk bilinci de bu projenin temelini oluşturur.

Projenin Sürdürülebilirliği ve Toplumsal Etkisi: Valleyspur Modeli

Valleyspur Uluslararası Okulu'ndan 14 yaşındaki öğrencilerin geliştirdiği bu SDG web sitesi, sadece teknik bir başarı değil, aynı zamanda derin bir toplumsal etkiye sahip bir girişimdir. Projenin uzun vadeli başarısı ve gerçek bir fark yaratabilmesi için sürdürülebilirlik unsurlarının dikkatlice planlanması gerekir. Öğrencilerin bu süreçte karşılaştıkları zorluklar, elde ettikleri kazanımlar ve geleceğe yönelik potansiyel adımlar, benzer projeler için değerli bir "Valleyspur Modeli" sunmaktadır.

Öğrencilerin Karşılaştığı Zorluklar ve Çözümleri

Her büyük projede olduğu gibi, Valleyspur öğrencileri de muhtemelen çeşitli zorluklarla karşılaşmıştır. Bunlar ve olası çözüm yaklaşımları aşağıdaki gibi sıralanabilir:

Toplumsal Katılım ve Geri Bildirim Mekanizmaları

Projenin gerçekten etkili olabilmesi için, hedef kitlenin aktif katılımı şarttır. Valleyspur öğrencileri, topluluk üyelerinden geri bildirim alarak ve onları geliştirme sürecine dahil ederek web sitesini daha işlevsel hale getirebilirler. Bu, web sitesine bir "geri bildirim formu" veya "öneri kutusu" eklemekle başlayabilir. Ayrıca, yerel halk meclislerinde veya topluluk merkezlerinde tanıtımlar yaparak, insanlara web sitesinin nasıl kullanılacağını öğretebilir ve onların ihtiyaçlarını doğrudan dinleyebilirler. Bu tür bir katılımcı yaklaşım, projenin sadece teknoloji odaklı değil, aynı zamanda insan odaklı olmasını sağlar.

Gelecek Geliştirme Fikirleri ve Benzer Projeler İçin İlham

Bu projenin potansiyeli oldukça geniştir. Gelecekte eklenebilecek bazı özellikler şunlar olabilir:

• Çok Dilli Destek: Bölgede konuşulan farklı dillerde içerik sunmak.
• Offline Erişim: İnternet bağlantısı olmadığında dahi temel bilgilere (ilk yardım kılavuzları, haritaların önbelleğe alınmış versiyonları) erişim sağlamak. Progressive Web Apps (PWA) teknolojisi bunun için idealdir.
• Yapay Zeka Destekli Chatbot: Sıkça sorulan sorulara anında yanıt veren bir sohbet botu entegrasyonu.
• Gönüllü Yönetim Sistemi: Gönüllülerin site üzerinden kayıt olmasını ve belirli görevlere atanmasını sağlayan bir modül.
• Hava Durumu ve Doğal Afet Uyarıları: Sadece savaş değil, doğal afetler (sel, deprem) için de erken uyarı sistemi.

Valleyspur modeli, gençlerin teknoloji aracılığıyla küresel sorunlara çözüm bulma yeteneklerini vurgular. Bu proje, sadece Uganda için değil, dünyanın herhangi bir çatışma veya felaket bölgesindeki insanlar için de bir şablon ve ilham kaynağı olabilir. Genç nesillerin yaratıcılığı, bilgiyi bir araya getirme ve onu insanlığın hizmetine sunma becerisi, umut verici bir geleceğin habercisidir. Bu sayede, geleceğin liderleri bugünden dünyayı daha iyi bir yer haline getirmek için adımlar atmaktadır.

Sonuç: Geleceğe Yönelik Bir Umut Işığı ve Sıkça Sorulan Sorular

Uganda'daki Valleyspur Uluslararası Okulu'ndan 14 yaşındaki öğrencilerin imza attığı bu SDG web sitesi projesi, teknolojinin sadece eğlence veya ticaret aracı olmadığını, aynı zamanda en temel insani ihtiyaçlara cevap verebilecek güçlü bir araç olduğunu çarpıcı bir şekilde göstermektedir. Savaş ve afet durumlarında doğru bilginin hayati önemini vurgulayan, güvenli bölgeleri gösteren canlı haritalar, acil çağrı butonları ve multimedya içerikleriyle donatılmış bu platform, genç nesillerin empati, yaratıcılık ve teknik yeteneklerini bir araya getirerek nasıl büyük bir fark yaratabileceğinin somut bir kanıtıdır. Bu proje, SDG'lerle olan güçlü bağlantısıyla da sürdürülebilir bir geleceğe yönelik umut vaat etmektedir. Öğrencilerin karşılaştığı zorlukların üstesinden gelme azmi ve projeyi sürekli geliştirme vizyonları, benzer girişimler için ilham kaynağı olmaya devam edecektir. Gelecekte eklenecek çok dilli destek, çevrimdışı erişim ve yapay zeka entegrasyonu gibi özelliklerle bu web sitesinin potansiyeli daha da artacaktır. Bu, sadece bir web sitesi değil, insanlık için bir bilgi köprüsü ve hayatta kalma rehberidir.

Sıkça Sorulan Sorular

1. Valleyspur öğrencilerinin projesi hangi temel sorunları çözmeyi hedefliyor?

Proje, savaş ve çatışma bölgelerinde yaşayan insanların doğru ve güncel bilgiye (güvenli bölgeler, ne yapılması gerektiği, acil iletişim) erişimindeki zorlukları çözmeyi hedeflemektedir. Panik ve belirsizlik anlarında hızlı ve güvenilir bilgi sağlayarak hayat kurtarmayı amaçlar.

2. Canlı harita özelliği nasıl çalışıyor ve güvenli bölgeler bilgisi nasıl güncelleniyor?

Canlı harita, Leaflet.js gibi harita kütüphaneleri ve bir arka uç veri tabanı (örneğin Firebase) entegrasyonu ile çalışır. Güvenli bölgeler, yardım noktaları gibi bilgiler, bu veri tabanına yöneticiler tarafından eklenir ve güncellenir. Web sitesi, API çağrıları aracılığıyla bu güncel verileri harita üzerinde gösterir.

3. Acil durum web sitesi mobil cihazlarda nasıl kullanılabilir?

Web sitesi, CSS media queries ve viewport meta etiketi kullanılarak mobil uyumlu (responsive) olarak tasarlanmıştır. Bu sayede, farklı ekran boyutlarına sahip akıllı telefon ve tabletlerde içerik ve düzen otomatik olarak ayarlanarak kolay kullanım sağlanır.

4. Proje, Birleşmiş Milletler Sürdürülebilir Kalkınma Amaçları (SDG'ler) ile nasıl bir bağlantı kuruyor?

Proje, özellikle SDG 3 (Sağlıklı Bireyler), SDG 11 (Sürdürülebilir Şehirler ve Topluluklar) ve SDG 16 (Barış, Adalet ve Güçlü Kurumlar) ile doğrudan ilişkilidir. Güvenli bilgi sağlamak, insan sağlığını korumaya, güvenli yaşam alanları oluşturmaya ve kriz anlarında adaleti ve şeffaflığı desteklemeye yardımcı olur.

5. Bu tür bir web sitesini geliştirmek için ne gibi başlangıç seviyesi teknik bilgilere ihtiyaç var?

Temel düzeyde HTML (web sayfasının yapısı), CSS (tasarım ve stil) ve JavaScript (interaktif özellikler) bilgisi gereklidir. Harita entegrasyonu için Leaflet.js gibi kütüphaneleri öğrenmek faydalı olacaktır. Ayrıca, temel bir proje yönetimi anlayışı ve problem çözme becerileri de önemlidir.