Google Maps API<\/a> gibi harita k\u00fct\u00fcphaneleri, web sitenize etkile\u015fimli haritalar eklemenizi sa\u011flar. Bu haritalar \u00fczerinde g\u00fcvenli b\u00f6lgeleri, yard\u0131m toplama noktalar\u0131n\u0131 veya tahliye rotalar\u0131n\u0131 i\u015faretleyebilirsiniz. \u00d6rne\u011fin, Leaflet.js a\u00e7\u0131k kaynakl\u0131 ve kullan\u0131m\u0131 kolay bir k\u00fct\u00fcphanedir, bu da onu \u00f6\u011frenci projeleri i\u00e7in ideal k\u0131lar.<\/p>\n\u0130\u015fte basit bir HTML yap\u0131s\u0131 \u00f6rne\u011fi:<\/p>\n
\n\n\n\n \n \n Acil Durum Rehberi<\/title>\n <link rel=\"stylesheet\" href=\"style.css\">\n <!-- Leaflet CSS -->\n <link rel=\"stylesheet\" href=\"https:\/\/unpkg.com\/leaflet@1.7.1\/dist\/leaflet.css\" \/>\n<\/head>\n<body>\n <header>\n <h1>Acil Durum G\u00fcvenlik Rehberi<\/h1>\n <p>Hayat kurtaran bilgilere h\u0131zl\u0131 eri\u015fim.<\/p>\n <\/header>\n <nav>\n <ul>\n <li><a href=\"#savas-durumunda-ne-yapmali\">Sava\u015f Durumunda Ne Yapmal\u0131?<\/a><\/li>\n <li><a href=\"#guvenli-bolgeler\">G\u00fcvenli B\u00f6lgeler Haritas\u0131<\/a><\/li>\n <li><a href=\"#acil-cagri\">Acil \u00c7a\u011fr\u0131<\/a><\/li>\n <li><a href=\"#videolar\">Bilgilendirme Videolar\u0131<\/a><\/li>\n <\/ul>\n <\/nav>\n <main>\n <section id=\"savas-durumunda-ne-yapmali\">\n <h2>Sava\u015f Durumunda Temel G\u00fcvenlik \u0130pu\u00e7lar\u0131<\/h2>\n <p>Bu b\u00f6l\u00fcmde, \u00e7at\u0131\u015fma an\u0131nda at\u0131lmas\u0131 gereken ad\u0131mlar a\u00e7\u0131klanmaktad\u0131r...<\/p>\n <!-- Detayl\u0131 i\u00e7erik burada yer alacak -->\n <\/section>\n <section id=\"guvenli-bolgeler\">\n <h2>G\u00fcvenli B\u00f6lgeler Haritas\u0131<\/h2>\n <div id=\"mapid\" style=\"height: 400px; width: 100%;\"><\/div>\n <!-- Harita i\u00e7in div -->\n <\/section>\n <section id=\"acil-cagri\">\n <h2>Acil Yard\u0131m Butonlar\u0131<\/h2>\n <button class=\"emergency-btn\" onclick=\"callEmergency('police')\">Polis (155)<\/button>\n <button class=\"emergency-btn\" onclick=\"callEmergency('medical')\">Ambulans (112)<\/button>\n <!-- Di\u011fer acil butonlar -->\n <\/section>\n <section id=\"videolar\">\n <h2>Bilgilendirme ve G\u00fcvenlik Videolar\u0131<\/h2>\n <video width=\"100%\" controls>\n <source src=\"guvenlik-talimati.mp4\" type=\"video\/mp4\">\n Taray\u0131c\u0131n\u0131z video etiketini desteklemiyor.\n <\/video>\n <!-- Daha fazla video -->\n <\/section>\n <\/main>\n <footer>\n <p>© 2023 Valleyspur International School. T\u00fcm Haklar\u0131 Sakl\u0131d\u0131r.<\/p>\n <\/footer>\n\n <!-- Leaflet JavaScript -->\n <script src=\"https:\/\/unpkg.com\/leaflet@1.7.1\/dist\/leaflet.js\"><\/script>\n <script src=\"script.js\"><\/script>\n<\/body>\n<\/html>\n<\/pre>\n<p><\/code><\/p>\n<p>Bu temel yap\u0131, \u00f6\u011frencilerin \u00fczerine in\u015fa edebilecekleri bir iskelet sunar. Ard\u0131ndan, <code>style.css<\/code> dosyas\u0131 ile tasar\u0131m ve <code>script.js<\/code> dosyas\u0131 ile interaktif \u00f6zellikler eklenecektir. Bu yakla\u015f\u0131m, karma\u015f\u0131k g\u00f6r\u00fcnen bir projeyi y\u00f6netilebilir ve ad\u0131m ad\u0131m ilerletilebilir par\u00e7alara ay\u0131rarak, gen\u00e7 geli\u015ftiricilerin motivasyonunu y\u00fcksek tutar ve \u00f6\u011frenme s\u00fcrecini kolayla\u015ft\u0131r\u0131r.<\/p>\n<h3>Canl\u0131 Harita ve G\u00fcvenli B\u00f6lge Belirleme: Teknik Uygulama Nas\u0131l Yap\u0131l\u0131r?<\/h3>\n<p>Bir acil durum web sitesinde canl\u0131 harita, \u015f\u00fcphesiz en kritik \u00f6zelliklerden biridir. Kullan\u0131c\u0131lara anl\u0131k olarak g\u00fcvenli b\u00f6lgeleri, toplanma noktalar\u0131n\u0131 veya tehlikeli alanlar\u0131 g\u00f6stermek, hayat kurtar\u0131c\u0131 olabilir. Bu b\u00f6l\u00fcmde, harita entegrasyonunun teknik detaylar\u0131na ve g\u00fcvenli b\u00f6lge bilgilerinin nas\u0131l y\u00f6netilece\u011fine de\u011finece\u011fiz.<\/p>\n<p>Harita entegrasyonu i\u00e7in yukar\u0131da bahsedilen Leaflet.js gibi k\u00fct\u00fcphaneler b\u00fcy\u00fck kolayl\u0131k sa\u011flar. \u0130\u015fte basit bir Leaflet haritas\u0131 olu\u015fturma ve \u00fczerine i\u015faretleyici ekleme JavaScript kodu:<\/p>\n<pre><code>\n<script>\n var map = L.map('mapid').setView([0.347596, 32.582520], 13); \/\/ Uganda, Kampala merkezli\n\n L.tileLayer('https:\/\/{s}.tile.openstreetmap.org\/{z}\/{x}\/{y}.png', {\n attribution: '© <a href=\"https:\/\/www.openstreetmap.org\/copyright\">OpenStreetMap<\/a> katk\u0131da bulunanlar'\n }).addTo(map);\n\n \/\/ G\u00fcvenli b\u00f6lgeler verisi (\u00f6rnek)\n var guvenliBolgeler = [\n { lat: 0.35, lon: 32.58, ad: 'H\u00fck\u00fcmet Binas\u0131 S\u0131\u011f\u0131na\u011f\u0131', bilgi: 'G\u00fcvenli b\u00f6lge, ilk yard\u0131m mevcut.', tur: 's\u0131\u011f\u0131nak' },\n { lat: 0.33, lon: 32.60, ad: 'K\u0131z\u0131lay Merkezi', bilgi: 'G\u0131da ve su da\u011f\u0131t\u0131m\u0131 yap\u0131l\u0131yor.', tur: 'yard\u0131m' },\n { lat: 0.36, lon: 32.57, ad: 'Stadyum Toplanma Alan\u0131', bilgi: 'Tahliye noktas\u0131.', tur: 'tahliye' }\n ];\n\n guvenliBolgeler.forEach(function(bolge) {\n var marker = L.marker([bolge.lat, bolge.lon]).addTo(map);\n marker.bindPopup(\"<b>\" + bolge.ad + \"<\/b><br>\" + bolge.bilgi).openPopup();\n });\n<\/script>\n<\/pre>\n<p><\/code><\/p>\n<p>Bu kod blo\u011fu, belirli koordinatlara sahip bir harita olu\u015fturur ve \u00fczerine \u00f6nceden tan\u0131mlanm\u0131\u015f g\u00fcvenli b\u00f6lgeleri i\u015faretler. \u0130\u015faretleyicilere t\u0131kland\u0131\u011f\u0131nda, b\u00f6lge hakk\u0131nda ek bilgi i\u00e7eren bir a\u00e7\u0131l\u0131r pencere (popup) g\u00f6r\u00fcn\u00fcr. Ancak, bu veri manuel olarak kod i\u00e7ine g\u00f6m\u00fcl\u00fcd\u00fcr. Ger\u00e7ek bir acil durum sitesinde, bu verilerin dinamik ve g\u00fcncel olmas\u0131 gerekir. \u0130\u015fte bu noktada bir veri taban\u0131 devreye girer.<\/p>\n<p><strong>Veri Taban\u0131 Y\u00f6netimi:<\/strong> G\u00fcvenli b\u00f6lge bilgileri, zamanla de\u011fi\u015febilece\u011fi i\u00e7in (yeni g\u00fcvenli noktalar, mevcut noktalar\u0131n g\u00fcvensiz hale gelmesi vb.), bu bilgileri dinamik olarak g\u00fcncelleyebilecek bir veri taban\u0131 sistemine ihtiya\u00e7 vard\u0131r. \u00d6\u011frenci projeleri i\u00e7in kullan\u0131m\u0131 kolay ve genellikle \u00fccretsiz veya uygun fiyatl\u0131 olan servisler tercih edilebilir:<\/p>\n<ul>\n<li><strong>Firebase (Google):<\/strong> Ger\u00e7ek zamanl\u0131 veri taban\u0131 (Realtime Database veya Firestore) sunar. G\u00fcvenli b\u00f6lgeleri, durumlar\u0131n\u0131 (a\u00e7\u0131k\/kapal\u0131, kapasite vb.) ve ek bilgileri depolamak i\u00e7in idealdir. Veriler g\u00fcncellendi\u011finde, web sitesi an\u0131nda bu de\u011fi\u015fiklikleri yans\u0131tabilir.<\/li>\n<li><strong>Supabase:<\/strong> A\u00e7\u0131k kaynakl\u0131 bir Firebase alternatifi olup, PostgreSQL tabanl\u0131d\u0131r ve kullan\u0131m\u0131 kolay API'ler sunar.<\/li>\n<li><strong>MongoDB Atlas:<\/strong> Belge tabanl\u0131 bir NoSQL veri taban\u0131 olup, esnek veri yap\u0131lar\u0131 i\u00e7in uygundur. \u00dccretsiz katman\u0131 mevcuttur.<\/li>\n<\/ul>\n<p>Bu veri tabanlar\u0131, web sitesinin arka plan\u0131nda (backend) \u00e7al\u0131\u015f\u0131r ve g\u00fcvenli b\u00f6lge verilerini depolar. JavaScript kodu, bu veri tabanlar\u0131ndan API \u00e7a\u011fr\u0131lar\u0131 yaparak bilgileri al\u0131r ve harita \u00fczerinde g\u00f6sterir. \u00d6rne\u011fin, bir Firebase fonksiyonu, y\u00f6neticilerin g\u00fcvenli b\u00f6lge konumlar\u0131n\u0131 ve stat\u00fclerini g\u00fcncellemelerine olanak tan\u0131rken, kullan\u0131c\u0131lar bu g\u00fcncellemeleri an\u0131nda haritada g\u00f6rebilirler.<\/p>\n<div class=\"expert-tip\">\n Uzman \u0130pucu: Harita \u00fczerinde farkl\u0131 t\u00fcrdeki g\u00fcvenli b\u00f6lgeleri (sa\u011fl\u0131k merkezi, s\u0131\u011f\u0131nak, su da\u011f\u0131t\u0131m noktas\u0131) farkl\u0131 renk veya ikonlarla i\u015faretleyerek kullan\u0131c\u0131 deneyimini art\u0131rabilirsiniz. Bu, kullan\u0131c\u0131lar\u0131n ihtiya\u00e7lar\u0131na g\u00f6re en uygun noktay\u0131 h\u0131zla bulmas\u0131n\u0131 sa\u011flar.\n<\/div>\n<p><strong>Kullan\u0131c\u0131 Konum \u0130zleme ve Gizlilik:<\/strong> E\u011fer web sitesi, kullan\u0131c\u0131lar\u0131n kendi konumlar\u0131n\u0131 haritada g\u00f6rmelerini veya yard\u0131m talep ederken konumlar\u0131n\u0131 payla\u015fmalar\u0131n\u0131 sa\u011flayacaksa, taray\u0131c\u0131n\u0131n Geolocation API'si kullan\u0131labilir. Ancak, bu noktada gizlilik ve g\u00fcvenlik konular\u0131 b\u00fcy\u00fck \u00f6nem ta\u015f\u0131r. Kullan\u0131c\u0131lardan konum izni a\u00e7\u0131k\u00e7a al\u0131nmal\u0131 ve bu verilerin nas\u0131l kullan\u0131laca\u011f\u0131 \u015feffaf bir \u015fekilde belirtilmelidir. \u00d6zellikle \u00e7at\u0131\u015fma b\u00f6lgelerinde, konum bilgisinin yanl\u0131\u015f ellere ge\u00e7mesi ciddi riskler olu\u015fturabilir. Bu nedenle, konum verilerinin anonimle\u015ftirilmesi veya sadece acil yard\u0131m durumunda ve kullan\u0131c\u0131n\u0131n a\u00e7\u0131k r\u0131zas\u0131yla kullan\u0131lmas\u0131 gibi kat\u0131 g\u00fcvenlik \u00f6nlemleri al\u0131nmal\u0131d\u0131r.<\/p>\n<p>G\u00fcvenli b\u00f6lge verilerini bir araya getirmek ve do\u011frulamak da b\u00fcy\u00fck bir zorluktur. Bu, yerel sivil toplum kurulu\u015flar\u0131, insani yard\u0131m \u00f6rg\u00fctleri ve hatta g\u00f6n\u00fcll\u00fclerle i\u015f birli\u011fi yaparak \u00e7\u00f6z\u00fclebilir. \u00d6\u011frenciler, bu t\u00fcr bir i\u015f birli\u011fini nas\u0131l kuracaklar\u0131n\u0131 ve veriyi nas\u0131l y\u00f6neteceklerini de \u00f6\u011frenerek, projenin toplumsal etkisini art\u0131rabilirler.<\/p>\n<h2>\u0130leti\u015fim K\u00f6pr\u00fcleri Kurmak: Acil \u00c7a\u011fr\u0131 Butonlar\u0131 ve Multimedya Entegrasyonu<\/h2>\n<p>Acil durum web sitelerinin temel fonksiyonlar\u0131ndan biri, kullan\u0131c\u0131lar\u0131n h\u0131zl\u0131ca yard\u0131m \u00e7a\u011f\u0131rabilmesini veya gerekli bilgilere ula\u015fabilmesini sa\u011flamakt\u0131r. Valleyspur \u00f6\u011frencilerinin projesinde yer alan \"acil \u00e7a\u011fr\u0131 butonlar\u0131, videolar ve ses\" \u00f6zellikleri, bu amaca hizmet eder. \u00d6zellikle panik an\u0131nda, karma\u015f\u0131k formlar doldurmak yerine tek bir t\u0131klamayla harekete ge\u00e7ebilmek, kullan\u0131c\u0131lar i\u00e7in b\u00fcy\u00fck bir kolayl\u0131k ve g\u00fcvence sa\u011flar.<\/p>\n<h3>Acil \u00c7a\u011fr\u0131 Fonksiyonlar\u0131 Nas\u0131l Uygulan\u0131r?<\/h3>\n<p>Acil \u00e7a\u011fr\u0131 butonlar\u0131 genellikle iki ana \u015fekilde \u00e7al\u0131\u015f\u0131r:<\/p>\n<ol>\n<li><strong>Telefon Numaras\u0131 Aramas\u0131:<\/strong> En basit ve en etkili y\u00f6ntemdir. HTML'deki <code><a href=\"tel:...\"><\/code> etiketi ile do\u011frudan telefon numaras\u0131 aranabilir.<\/li>\n<li><strong>SMS G\u00f6nderme:<\/strong> Baz\u0131 durumlarda arama yapmak m\u00fcmk\u00fcn olmayabilir (sinyal zay\u0131fl\u0131\u011f\u0131, sessizlik ihtiyac\u0131 vb.). Bu durumda <code><a href=\"sms:...\"><\/code> etiketi ile \u00f6nceden tan\u0131mlanm\u0131\u015f bir mesaj\u0131n belirli bir numaraya g\u00f6nderilmesi sa\u011flanabilir.<\/li>\n<\/ol>\n<p>\u0130\u015fte bu fonksiyonlar\u0131n JavaScript ile birle\u015ftirilmi\u015f bir \u00f6rne\u011fi:<\/p>\n<pre><code>\n<script>\n function callEmergency(type) {\n let phoneNumber = '';\n let message = '';\n\n switch (type) {\n case 'police':\n phoneNumber = '155'; \/\/ \u00d6rnek polis hatt\u0131\n break;\n case 'medical':\n phoneNumber = '112'; \/\/ \u00d6rnek ambulans hatt\u0131\n break;\n case 'missing':\n \/\/ Konum bilgisi de g\u00f6ndermek istenirse, kullan\u0131c\u0131 izni ile Geolocation API kullan\u0131labilir.\n \/\/ message = 'Kay\u0131p bildirimi. Konumum: ' + (navigator.geolocation ? 'Lat: ' + lat + ', Lon: ' + lon : 'Bilinmiyor');\n phoneNumber = '183'; \/\/ \u00d6rnek kay\u0131p ihbar hatt\u0131\n message = 'Acil! Kay\u0131p bildirimi yap\u0131yorum ve yard\u0131ma ihtiyac\u0131m var.';\n break;\n default:\n console.log('Ge\u00e7ersiz acil durum tipi.');\n return;\n }\n\n if (type === 'missing' && phoneNumber) {\n \/\/ SMS g\u00f6nderme\n window.location.href = 'sms:' + phoneNumber + '?body=' + encodeURIComponent(message);\n } else if (phoneNumber) {\n \/\/ Telefon aramas\u0131\n window.location.href = 'tel:' + phoneNumber;\n }\n }\n<\/script>\n\n<!-- HTML butonlar\u0131 -->\n<button class=\"emergency-btn police\" onclick=\"callEmergency('police')\">Polis Ara<\/button>\n<button class=\"emergency-btn medical\" onclick=\"callEmergency('medical')\">Ambulans Ara<\/button>\n<button class=\"emergency-btn missing\" onclick=\"callEmergency('missing')\">Kay\u0131p Bildir \/ Yard\u0131m \u0130ste (SMS)<\/button>\n<\/pre>\n<p><\/code><\/p>\n<p>Bu kod, farkl\u0131 acil durumlar i\u00e7in \u00f6zel butonlar tan\u0131mlar. <code>callEmergency<\/code> fonksiyonu, butonun t\u00fcr\u00fcne g\u00f6re uygun telefon numaras\u0131n\u0131 arar veya SMS g\u00f6nderir. \u00d6zellikle SMS g\u00f6nderme fonksiyonu, internet ba\u011flant\u0131s\u0131n\u0131n zay\u0131f oldu\u011fu veya araman\u0131n riskli oldu\u011fu durumlarda hayati bir alternatif sunar. Kullan\u0131c\u0131lar\u0131n bu butonlara h\u0131zl\u0131ca ula\u015fabilmesi i\u00e7in, genellikle sitenin g\u00f6r\u00fcn\u00fcr bir yerinde (\u00f6rne\u011fin, sabit bir ba\u015fl\u0131k veya altbilgi i\u00e7inde) konumland\u0131r\u0131l\u0131rlar.<\/p>\n<h3>Multimedya Entegrasyonu: Videolar ve Sesli Talimatlar<\/h3>\n<p>Metin tabanl\u0131 bilgiler \u00f6nemli olsa da, acil durumlarda insanlar genellikle okumakta zorlanabilir veya panikleyebilir. Bu noktada, g\u00f6rsel ve i\u015fitsel i\u00e7erikler devreye girer. Videolar ve sesli talimatlar, bilgiyi daha h\u0131zl\u0131 ve anla\u015f\u0131l\u0131r bir \u015fekilde iletmek i\u00e7in m\u00fckemmel ara\u00e7lard\u0131r.<\/p>\n<ul>\n<li><strong>Bilgilendirme Videolar\u0131:<\/strong> \u0130lk yard\u0131m teknikleri, s\u0131\u011f\u0131nak kurallar\u0131, tehlikeli b\u00f6lgelerden ka\u00e7\u0131nma stratejileri gibi konular\u0131 i\u00e7eren k\u0131sa ve \u00f6z videolar, kullan\u0131c\u0131lar\u0131n g\u00f6rsel haf\u0131zas\u0131n\u0131 kullanarak bilgiyi daha iyi anlamas\u0131na yard\u0131mc\u0131 olur. HTML5'in <code><video><\/code> etiketi ile bu videolar kolayca web sitesine eklenebilir. Videolar\u0131n m\u00fcmk\u00fcn oldu\u011funca az veri t\u00fcketecek \u015fekilde optimize edilmesi ve d\u00fc\u015f\u00fck bant geni\u015fli\u011fine sahip ba\u011flant\u0131lar i\u00e7in alternatif kalitelerde sunulmas\u0131 \u00f6nemlidir.<\/li>\n<li><strong>Sesli Talimatlar\/Anonslar:<\/strong> \u00d6zellikle g\u00f6rme engelli kullan\u0131c\u0131lar veya okuma g\u00fc\u00e7l\u00fc\u011f\u00fc \u00e7ekenler i\u00e7in sesli talimatlar vazge\u00e7ilmezdir. Ayr\u0131ca, karanl\u0131k veya zorlu ko\u015fullarda, g\u00f6rsel i\u00e7eri\u011fe eri\u015fimin k\u0131s\u0131tl\u0131 oldu\u011fu durumlarda da sesli rehberlik \u00e7ok de\u011ferlidir. HTML5'in <code><audio><\/code> etiketi ile ses dosyalar\u0131 kolayca entegre edilebilir. Metinleri sese d\u00f6n\u00fc\u015ft\u00fcren (Text-to-Speech) API'ler de bu alanda kullan\u0131labilir, b\u00f6ylece metin i\u00e7erikler otomatik olarak seslendirilebilir.<\/li>\n<\/ul>\n<pre><code>\n<section id=\"multimedia\">\n <h3>Hayat Kurtaran Bilgilendirme Videolar\u0131<\/h3>\n <div class=\"video-container\">\n <video controls poster=\"video-thumbnail-ilkyardim.jpg\">\n <source src=\"ilkyardim-rehberi.mp4\" type=\"video\/mp4\">\n <source src=\"ilkyardim-rehberi.webm\" type=\"video\/webm\">\n Taray\u0131c\u0131n\u0131z video etiketini desteklemiyor. <a href=\"ilkyardim-rehberi.mp4\">Videoyu buradan indirin.<\/a>\n <\/video>\n <p>Bu video, temel ilk yard\u0131m tekniklerini ad\u0131m ad\u0131m g\u00f6stermektedir.<\/p>\n <\/div>\n\n <h3>G\u00fcvenlik Talimatlar\u0131 (Sesli)<\/h3>\n <div class=\"audio-container\">\n <audio controls>\n <source src=\"guvenlik-talimati.mp3\" type=\"audio\/mpeg\">\n Taray\u0131c\u0131n\u0131z ses etiketini desteklemiyor. <a href=\"guvenlik-talimati.mp3\">Sesi buradan dinleyin.<\/a>\n <\/audio>\n <p>B\u00f6lgedeki son g\u00fcvenlik anonslar\u0131n\u0131 dinleyin.<\/p>\n <\/div>\n<\/section>\n<\/pre>\n<p><\/code><\/p>\n<p>Bu multimedia \u00f6zelliklerinin eklenmesi, Valleyspur \u00f6\u011frencilerinin projesini sadece bilgilendirici de\u011fil, ayn\u0131 zamanda farkl\u0131 \u00f6\u011frenme stillerine ve eri\u015filebilirlik ihtiya\u00e7lar\u0131na hitap eden kapsaml\u0131 bir platform haline getirir. Ayr\u0131ca, bu i\u00e7eriklerin yerel dillerde veya s\u0131k\u00e7a konu\u015fulan dillerde sunulmas\u0131, etkinli\u011fini katlayacakt\u0131r. Bu, projenin insani etkisini art\u0131rma potansiyelini \u00f6nemli \u00f6l\u00e7\u00fcde g\u00fc\u00e7lendirir.<\/p>\n<h3>Mobil Uyumluluk ve Eri\u015filebilirlik: Herkes \u0130\u00e7in Tasar\u0131m\u0131n \u00d6nemi<\/h3>\n<p>Acil durum web sitelerinin ba\u015far\u0131s\u0131, b\u00fcy\u00fck \u00f6l\u00e7\u00fcde eri\u015filebilirli\u011fine ba\u011fl\u0131d\u0131r. \u00d6zellikle \u00e7at\u0131\u015fma b\u00f6lgelerinde, kullan\u0131c\u0131lar\u0131n genellikle sadece ak\u0131ll\u0131 telefonlara eri\u015fimi vard\u0131r ve internet ba\u011flant\u0131lar\u0131 zay\u0131f olabilir. Bu nedenle, web sitesinin mobil uyumlu (responsive) olmas\u0131 ve eri\u015filebilirlik standartlar\u0131na uymas\u0131 kritik bir gerekliliktir. Valleyspur \u00f6\u011frencilerinin projesinde bu unsurlar\u0131n dikkate al\u0131nmas\u0131, platformun ger\u00e7ek hayattaki faydas\u0131n\u0131 katlayacakt\u0131r.<\/p>\n<h4>Mobil Uyumluluk (Responsive Design) Nas\u0131l Sa\u011flan\u0131r?<\/h4>\n<p>Mobil uyumluluk, web sitesinin ekran boyutuna g\u00f6re kendini otomatik olarak ayarlamas\u0131 anlam\u0131na gelir. Bu, i\u00e7eri\u011fin t\u00fcm cihazlarda (telefon, tablet, masa\u00fcst\u00fc) okunabilir ve kullan\u0131labilir olmas\u0131n\u0131 sa\u011flar. Temel ad\u0131mlar \u015funlard\u0131r:<\/p>\n<ol>\n<li><strong>Viewport Meta Etiketi:<\/strong> Her HTML sayfas\u0131n\u0131n <code><head><\/code> b\u00f6l\u00fcm\u00fcne a\u015fa\u011f\u0131daki etiket eklenmelidir. Bu, taray\u0131c\u0131ya sayfan\u0131n cihaz geni\u015fli\u011fine g\u00f6re \u00f6l\u00e7eklenmesi gerekti\u011fini bildirir:\n<pre><code>\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <\/pre>\n<p><\/code>\n <\/li>\n<li><strong>Esnek Izgara Sistemleri ve G\u00f6rseller:<\/strong> CSS ile sayfa d\u00fczeni olu\u015fturulurken piksel tabanl\u0131 sabit geni\u015flikler yerine y\u00fczdesel geni\u015flikler (<code>width: 100%;<\/code> veya <code>width: 50%;<\/code> gibi) kullan\u0131lmal\u0131d\u0131r. G\u00f6rseller i\u00e7in de <code>max-width: 100%; height: auto;<\/code> tan\u0131mlamas\u0131, g\u00f6rsellerin kapsay\u0131c\u0131lar\u0131na s\u0131\u011fmas\u0131n\u0131 sa\u011flar.<\/li>\n<li><strong>CSS Media Queries:<\/strong> Belirli ekran boyutlar\u0131 i\u00e7in farkl\u0131 stil kurallar\u0131 tan\u0131mlamak i\u00e7in media queries kullan\u0131l\u0131r. Bu, farkl\u0131 cihazlarda farkl\u0131 d\u00fczenler ve stiller uygulaman\u0131za olanak tan\u0131r.<\/li>\n<\/ol>\n<p>\u0130\u015fte bir CSS media query \u00f6rne\u011fi:<\/p>\n<pre><code>\n\/* Genel stiller (masa\u00fcst\u00fc i\u00e7in varsay\u0131lan) *\/\nbody {\n font-family: Arial, sans-serif;\n line-height: 1.6;\n margin: 0;\n padding: 0;\n}\n\n.emergency-btn {\n padding: 15px 25px;\n font-size: 1.2em;\n margin: 10px;\n width: auto; \/* Masa\u00fcst\u00fcnde buton geni\u015fli\u011fi *\/\n}\n\n\/* K\u00fc\u00e7\u00fck ekranlar i\u00e7in stiller (\u00f6rne\u011fin, 768px ve alt\u0131) *\/\n@media screen and (max-width: 768px) {\n header h1 {\n font-size: 1.8em;\n }\n nav ul {\n flex-direction: column; \/* Navigasyon men\u00fcs\u00fcn\u00fc dikey yapar *\/\n }\n nav li {\n width: 100%;\n text-align: center;\n margin-bottom: 5px;\n }\n .emergency-btn {\n width: 90%; \/* Mobil ekranda butonlar\u0131 daha geni\u015f yapar *\/\n display: block;\n margin: 10px auto;\n font-size: 1em;\n }\n #mapid {\n height: 300px !important; \/* Mobil i\u00e7in harita y\u00fcksekli\u011fini ayarlar *\/\n }\n}\n\n\/* \u00c7ok k\u00fc\u00e7\u00fck ekranlar i\u00e7in stiller (\u00f6rne\u011fin, 480px ve alt\u0131) *\/\n@media screen and (max-width: 480px) {\n body {\n font-size: 0.9em;\n }\n .emergency-btn {\n font-size: 0.9em;\n padding: 12px 20px;\n }\n}\n<\/pre>\n<p><\/code><\/p>\n<p>Bu CSS kodlar\u0131, ekran boyutuna g\u00f6re ba\u015fl\u0131klar\u0131n, navigasyon men\u00fclerinin ve acil durum butonlar\u0131n\u0131n nas\u0131l g\u00f6r\u00fcnece\u011fini ayarlar. \u00d6zellikle butonlar\u0131n mobil ekranda daha b\u00fcy\u00fck ve kolay bas\u0131labilir olmas\u0131, panik an\u0131nda hata yapma olas\u0131l\u0131\u011f\u0131n\u0131 azalt\u0131r.<\/p>\n<h4>Eri\u015filebilirlik (Accessibility) Neden \u00d6nemlidir?<\/h4>\n<p>Eri\u015filebilirlik, web sitesinin engelli veya k\u0131s\u0131tl\u0131 durumda olan ki\u015filer taraf\u0131ndan da kullan\u0131labilir olmas\u0131n\u0131 sa\u011flar. Acil durumlarda herkesin bilgiye e\u015fit eri\u015fimi olmal\u0131d\u0131r. Ba\u015fl\u0131ca eri\u015filebilirlik prensipleri \u015funlard\u0131r:<\/p>\n<ul>\n<li><strong>Semantik HTML:<\/strong> <code><br \/>\n<header><\/code>, <code><\/p>\n<nav><\/code>, <code><main><\/code>, <code><\/p>\n<footer><\/code>, <code><\/p>\n<section><\/code> gibi anlaml\u0131 etiketler kullanarak sayfa yap\u0131s\u0131n\u0131 a\u00e7\u0131k\u00e7a belirtmek, ekran okuyucular\u0131n siteyi daha iyi anlamas\u0131na yard\u0131mc\u0131 olur.<\/li>\n<li><strong>Alternatif Metinler (Alt Text):<\/strong> T\u00fcm g\u00f6rseller i\u00e7in a\u00e7\u0131klay\u0131c\u0131 <code>alt<\/code> metinleri eklemek, g\u00f6rme engelli kullan\u0131c\u0131lar\u0131n g\u00f6rsellerin i\u00e7eri\u011fini anlamas\u0131n\u0131 sa\u011flar. \u00d6rne\u011fin: <code><img decoding=\"async\" src=\"savas-haritasi.png\" alt=\"Sava\u015f b\u00f6lgesini g\u00f6steren g\u00fcncel harita\"><\/code>.<\/li>\n<li><strong>Yeterli Kontrast:<\/strong> Metin ve arka plan renkleri aras\u0131nda yeterli kontrast sa\u011flamak, g\u00f6rme g\u00fc\u00e7l\u00fc\u011f\u00fc \u00e7eken kullan\u0131c\u0131lar\u0131n metni okumas\u0131n\u0131 kolayla\u015ft\u0131r\u0131r.<\/li>\n<li><strong>Klavye Navigasyonu:<\/strong> Sitenin sadece fare ile de\u011fil, klavye (Tab tu\u015fu, Enter tu\u015fu vb.) ile de tamamen kullan\u0131labilir olmas\u0131n\u0131 sa\u011flamak. Bu, motor engelli kullan\u0131c\u0131lar i\u00e7in \u00f6nemlidir.<\/li>\n<li><strong>ARIA (Accessible Rich Internet Applications) At\u0131flar\u0131:<\/strong> Dinamik veya \u00f6zel geli\u015ftirilmi\u015f aray\u00fcz elemanlar\u0131 i\u00e7in ARIA \u00f6zelliklerini kullanmak, ekran okuyuculara ek bilgi sa\u011flar.<\/li>\n<\/ul>\n<div class=\"expert-tip\">\n Uzman \u0130pucu: Web sitesinin performans\u0131 ve bant geni\u015fli\u011fi kullan\u0131m\u0131, acil durumlarda kritik \u00f6neme sahiptir. G\u00f6rselleri s\u0131k\u0131\u015ft\u0131rmak, gereksiz JavaScript kodlar\u0131n\u0131 kald\u0131rmak ve modern web standartlar\u0131n\u0131 kullanmak (\u00f6rne\u011fin, WebP gibi yeni nesil resim formatlar\u0131), sitenin daha h\u0131zl\u0131 y\u00fcklenmesini ve zay\u0131f ba\u011flant\u0131larda bile \u00e7al\u0131\u015fmas\u0131n\u0131 sa\u011flar.\n<\/div>\n<p>Bu mobil uyumluluk ve eri\u015filebilirlik prensiplerini uygulamak, Valleyspur \u00f6\u011frencilerinin web sitesini daha kapsay\u0131c\u0131 ve etkili hale getirecektir. Unutmamak gerekir ki, bir acil durum sitesinin ger\u00e7ek de\u011feri, ihtiya\u00e7 an\u0131nda en \u00e7ok ihtiyac\u0131 olan herkese ula\u015fabilmesidir. Bu y\u00fczden, teknik yeteneklerin yan\u0131 s\u0131ra empati ve toplumsal sorumluluk bilinci de bu projenin temelini olu\u015fturur.<\/p>\n<h2>Projenin S\u00fcrd\u00fcr\u00fclebilirli\u011fi ve Toplumsal Etkisi: Valleyspur Modeli<\/h2>\n<p>Valleyspur Uluslararas\u0131 Okulu'ndan 14 ya\u015f\u0131ndaki \u00f6\u011frencilerin geli\u015ftirdi\u011fi bu SDG web sitesi, sadece teknik bir ba\u015far\u0131 de\u011fil, ayn\u0131 zamanda derin bir toplumsal etkiye sahip bir giri\u015fimdir. Projenin uzun vadeli ba\u015far\u0131s\u0131 ve ger\u00e7ek bir fark yaratabilmesi i\u00e7in s\u00fcrd\u00fcr\u00fclebilirlik unsurlar\u0131n\u0131n dikkatlice planlanmas\u0131 gerekir. \u00d6\u011frencilerin bu s\u00fcre\u00e7te kar\u015f\u0131la\u015ft\u0131klar\u0131 zorluklar, elde ettikleri kazan\u0131mlar ve gelece\u011fe y\u00f6nelik potansiyel ad\u0131mlar, benzer projeler i\u00e7in de\u011ferli bir \"Valleyspur Modeli\" sunmaktad\u0131r.<\/p>\n<h3>\u00d6\u011frencilerin Kar\u015f\u0131la\u015ft\u0131\u011f\u0131 Zorluklar ve \u00c7\u00f6z\u00fcmleri<\/h3>\n<p>Her b\u00fcy\u00fck projede oldu\u011fu gibi, Valleyspur \u00f6\u011frencileri de muhtemelen \u00e7e\u015fitli zorluklarla kar\u015f\u0131la\u015fm\u0131\u015ft\u0131r. Bunlar ve olas\u0131 \u00e7\u00f6z\u00fcm yakla\u015f\u0131mlar\u0131 a\u015fa\u011f\u0131daki gibi s\u0131ralanabilir:<\/p>\n<table border=\"1\">\n<thead>\n<tr>\n<th>Zorluk Alan\u0131<\/th>\n<th>Olas\u0131 Zorluklar<\/th>\n<th>\u00d6\u011frencilerin \u00c7\u00f6z\u00fcm Yakla\u015f\u0131mlar\u0131 (\u00d6rnek)<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Teknik Bilgi Eksikli\u011fi<\/strong><\/td>\n<td>Geli\u015fmi\u015f web teknolojilerine (API entegrasyonu, veri taban\u0131 y\u00f6netimi) hakim olmama.<\/td>\n<td>\u00d6\u011fretmenlerinden veya ment\u00f6rlerden yard\u0131m alma, online kaynaklar\u0131 (W3Schools, MDN) aktif kullanma, tak\u0131m i\u00e7i bilgi payla\u015f\u0131m\u0131 ve birlikte \u00f6\u011frenme.<\/td>\n<\/tr>\n<tr>\n<td><strong>Veri Toplama ve Do\u011frulama<\/strong><\/td>\n<td>G\u00fcvenli b\u00f6lgeler, acil durum numaralar\u0131 gibi bilgilerin g\u00fcncelli\u011fini ve do\u011frulu\u011funu sa\u011flama.<\/td>\n<td>Yerel STK'larla, insani yard\u0131m kurulu\u015flar\u0131yla ve yerel yetkililerle i\u015f birli\u011fi yaparak veri sa\u011flama. G\u00f6n\u00fcll\u00fc a\u011flar\u0131 olu\u015fturarak d\u00fczenli g\u00fcncellemeler alma.<\/td>\n<\/tr>\n<tr>\n<td><strong>Proje Y\u00f6netimi<\/strong><\/td>\n<td>B\u00fcy\u00fck bir projeyi planlama, g\u00f6revleri da\u011f\u0131tma ve zaman \u00e7izelgesine uyma.<\/td>\n<td>K\u00fc\u00e7\u00fck, y\u00f6netilebilir mod\u00fcllere ay\u0131rma (agile yakla\u015f\u0131m), d\u00fczenli toplant\u0131larla ilerlemeyi takip etme, sorumluluklar\u0131 net bir \u015fekilde belirleme.<\/li>\n<\/tr>\n<tr>\n<td><strong>Finansman ve Kaynaklar<\/strong><\/td>\n<td>Sunucu maliyetleri, harita API \u00fccretleri veya \u00f6zel yaz\u0131l\u0131mlara eri\u015fim.<\/td>\n<td>\u00dccretsiz veya a\u00e7\u0131k kaynakl\u0131 teknolojileri tercih etme, e\u011fitim kurumlar\u0131ndan veya sponsorluklardan destek arama, mikro hibe programlar\u0131na ba\u015fvurma.<\/td>\n<\/tr>\n<tr>\n<td><strong>Kullan\u0131c\u0131 Testi ve Geri Bildirim<\/strong><\/td>\n<td>Hedef kitlenin ihtiya\u00e7lar\u0131na uygun bir \u00fcr\u00fcn geli\u015ftirildi\u011finden emin olma.<\/td>\n<td>K\u00fc\u00e7\u00fck gruplarla (\u00f6rne\u011fin, okul i\u00e7indeki di\u011fer \u00f6\u011frenciler, aile \u00fcyeleri) prototip testleri yapma, geri bildirim formlar\u0131 ekleyerek s\u00fcrekli iyile\u015ftirme.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3>Toplumsal Kat\u0131l\u0131m ve Geri Bildirim Mekanizmalar\u0131<\/h3>\n<p>Projenin ger\u00e7ekten etkili olabilmesi i\u00e7in, hedef kitlenin aktif kat\u0131l\u0131m\u0131 \u015fartt\u0131r. Valleyspur \u00f6\u011frencileri, topluluk \u00fcyelerinden geri bildirim alarak ve onlar\u0131 geli\u015ftirme s\u00fcrecine dahil ederek web sitesini daha i\u015flevsel hale getirebilirler. Bu, web sitesine bir \"geri bildirim formu\" veya \"\u00f6neri kutusu\" eklemekle ba\u015flayabilir. Ayr\u0131ca, yerel halk meclislerinde veya topluluk merkezlerinde tan\u0131t\u0131mlar yaparak, insanlara web sitesinin nas\u0131l kullan\u0131laca\u011f\u0131n\u0131 \u00f6\u011fretebilir ve onlar\u0131n ihtiya\u00e7lar\u0131n\u0131 do\u011frudan dinleyebilirler. Bu t\u00fcr bir kat\u0131l\u0131mc\u0131 yakla\u015f\u0131m, projenin sadece teknoloji odakl\u0131 de\u011fil, ayn\u0131 zamanda insan odakl\u0131 olmas\u0131n\u0131 sa\u011flar.<\/p>\n<h3>Gelecek Geli\u015ftirme Fikirleri ve Benzer Projeler \u0130\u00e7in \u0130lham<\/h3>\n<p>Bu projenin potansiyeli olduk\u00e7a geni\u015ftir. Gelecekte eklenebilecek baz\u0131 \u00f6zellikler \u015funlar olabilir:<\/p>\n<ul>\n<li><strong>\u00c7ok Dilli Destek:<\/strong> B\u00f6lgede konu\u015fulan farkl\u0131 dillerde i\u00e7erik sunmak.<\/li>\n<li><strong>Offline Eri\u015fim:<\/strong> \u0130nternet ba\u011flant\u0131s\u0131 olmad\u0131\u011f\u0131nda dahi temel bilgilere (ilk yard\u0131m k\u0131lavuzlar\u0131, haritalar\u0131n \u00f6nbelle\u011fe al\u0131nm\u0131\u015f versiyonlar\u0131) eri\u015fim sa\u011flamak. Progressive Web Apps (PWA) teknolojisi bunun i\u00e7in idealdir.<\/li>\n<li><strong>Yapay Zeka Destekli Chatbot:<\/strong> S\u0131k\u00e7a sorulan sorulara an\u0131nda yan\u0131t veren bir sohbet botu entegrasyonu.<\/li>\n<li><strong>G\u00f6n\u00fcll\u00fc Y\u00f6netim Sistemi:<\/strong> G\u00f6n\u00fcll\u00fclerin site \u00fczerinden kay\u0131t olmas\u0131n\u0131 ve belirli g\u00f6revlere atanmas\u0131n\u0131 sa\u011flayan bir mod\u00fcl.<\/li>\n<li><strong>Hava Durumu ve Do\u011fal Afet Uyar\u0131lar\u0131:<\/strong> Sadece sava\u015f de\u011fil, do\u011fal afetler (sel, deprem) i\u00e7in de erken uyar\u0131 sistemi.<\/li>\n<\/ul>\n<div class=\"expert-tip\">\n Uzman \u0130pucu: Projenizi a\u00e7\u0131k kaynakl\u0131 hale getirmeyi d\u00fc\u015f\u00fcn\u00fcn. Bu, d\u00fcnya genelindeki di\u011fer geli\u015ftiricilerin ve \u00f6\u011frencilerin projenize katk\u0131da bulunmas\u0131n\u0131, onu iyile\u015ftirmesini ve farkl\u0131 b\u00f6lgelerde uyarlamas\u0131n\u0131 sa\u011flayabilir. GitHub gibi platformlar bu i\u015f birli\u011fi i\u00e7in harikad\u0131r.\n<\/div>\n<p>Valleyspur modeli, gen\u00e7lerin teknoloji arac\u0131l\u0131\u011f\u0131yla k\u00fcresel sorunlara \u00e7\u00f6z\u00fcm bulma yeteneklerini vurgular. Bu proje, sadece Uganda i\u00e7in de\u011fil, d\u00fcnyan\u0131n herhangi bir \u00e7at\u0131\u015fma veya felaket b\u00f6lgesindeki insanlar i\u00e7in de bir \u015fablon ve ilham kayna\u011f\u0131 olabilir. Gen\u00e7 nesillerin yarat\u0131c\u0131l\u0131\u011f\u0131, bilgiyi bir araya getirme ve onu insanl\u0131\u011f\u0131n hizmetine sunma becerisi, umut verici bir gelece\u011fin habercisidir. Bu sayede, gelece\u011fin liderleri bug\u00fcnden d\u00fcnyay\u0131 daha iyi bir yer haline getirmek i\u00e7in ad\u0131mlar atmaktad\u0131r.<\/p>\n<h2>Sonu\u00e7: Gelece\u011fe Y\u00f6nelik Bir Umut I\u015f\u0131\u011f\u0131 ve S\u0131k\u00e7a Sorulan Sorular<\/h2>\n<p>Uganda'daki Valleyspur Uluslararas\u0131 Okulu'ndan 14 ya\u015f\u0131ndaki \u00f6\u011frencilerin imza att\u0131\u011f\u0131 bu SDG web sitesi projesi, teknolojinin sadece e\u011flence veya ticaret arac\u0131 olmad\u0131\u011f\u0131n\u0131, ayn\u0131 zamanda en temel insani ihtiya\u00e7lara cevap verebilecek g\u00fc\u00e7l\u00fc bir ara\u00e7 oldu\u011funu \u00e7arp\u0131c\u0131 bir \u015fekilde g\u00f6stermektedir. Sava\u015f ve afet durumlar\u0131nda do\u011fru bilginin hayati \u00f6nemini vurgulayan, g\u00fcvenli b\u00f6lgeleri g\u00f6steren canl\u0131 haritalar, acil \u00e7a\u011fr\u0131 butonlar\u0131 ve multimedya i\u00e7erikleriyle donat\u0131lm\u0131\u015f bu platform, gen\u00e7 nesillerin empati, yarat\u0131c\u0131l\u0131k ve teknik yeteneklerini bir araya getirerek nas\u0131l b\u00fcy\u00fck bir fark yaratabilece\u011finin somut bir kan\u0131t\u0131d\u0131r. Bu proje, SDG'lerle olan g\u00fc\u00e7l\u00fc ba\u011flant\u0131s\u0131yla da s\u00fcrd\u00fcr\u00fclebilir bir gelece\u011fe y\u00f6nelik umut vaat etmektedir. \u00d6\u011frencilerin kar\u015f\u0131la\u015ft\u0131\u011f\u0131 zorluklar\u0131n \u00fcstesinden gelme azmi ve projeyi s\u00fcrekli geli\u015ftirme vizyonlar\u0131, benzer giri\u015fimler i\u00e7in ilham kayna\u011f\u0131 olmaya devam edecektir. Gelecekte eklenecek \u00e7ok dilli destek, \u00e7evrimd\u0131\u015f\u0131 eri\u015fim ve yapay zeka entegrasyonu gibi \u00f6zelliklerle bu web sitesinin potansiyeli daha da artacakt\u0131r. Bu, sadece bir web sitesi de\u011fil, insanl\u0131k i\u00e7in bir bilgi k\u00f6pr\u00fcs\u00fc ve hayatta kalma rehberidir.<\/p>\n<h3>S\u0131k\u00e7a Sorulan Sorular<\/h3>\n<p><strong>1. Valleyspur \u00f6\u011frencilerinin projesi hangi temel sorunlar\u0131 \u00e7\u00f6zmeyi hedefliyor?<\/strong><\/p>\n<p>Proje, sava\u015f ve \u00e7at\u0131\u015fma b\u00f6lgelerinde ya\u015fayan insanlar\u0131n do\u011fru ve g\u00fcncel bilgiye (g\u00fcvenli b\u00f6lgeler, ne yap\u0131lmas\u0131 gerekti\u011fi, acil ileti\u015fim) eri\u015fimindeki zorluklar\u0131 \u00e7\u00f6zmeyi hedeflemektedir. Panik ve belirsizlik anlar\u0131nda h\u0131zl\u0131 ve g\u00fcvenilir bilgi sa\u011flayarak hayat kurtarmay\u0131 ama\u00e7lar.<\/p>\n<p><strong>2. Canl\u0131 harita \u00f6zelli\u011fi nas\u0131l \u00e7al\u0131\u015f\u0131yor ve g\u00fcvenli b\u00f6lgeler bilgisi nas\u0131l g\u00fcncelleniyor?<\/strong><\/p>\n<p>Canl\u0131 harita, Leaflet.js gibi harita k\u00fct\u00fcphaneleri ve bir arka u\u00e7 veri taban\u0131 (\u00f6rne\u011fin Firebase) entegrasyonu ile \u00e7al\u0131\u015f\u0131r. G\u00fcvenli b\u00f6lgeler, yard\u0131m noktalar\u0131 gibi bilgiler, bu veri taban\u0131na y\u00f6neticiler taraf\u0131ndan eklenir ve g\u00fcncellenir. Web sitesi, API \u00e7a\u011fr\u0131lar\u0131 arac\u0131l\u0131\u011f\u0131yla bu g\u00fcncel verileri harita \u00fczerinde g\u00f6sterir.<\/p>\n<p><strong>3. Acil durum web sitesi mobil cihazlarda nas\u0131l kullan\u0131labilir?<\/strong><\/p>\n<p>Web sitesi, CSS media queries ve viewport meta etiketi kullan\u0131larak mobil uyumlu (responsive) olarak tasarlanm\u0131\u015ft\u0131r. Bu sayede, farkl\u0131 ekran boyutlar\u0131na sahip ak\u0131ll\u0131 telefon ve tabletlerde i\u00e7erik ve d\u00fczen otomatik olarak ayarlanarak kolay kullan\u0131m sa\u011flan\u0131r.<\/p>\n<p><strong>4. Proje, Birle\u015fmi\u015f Milletler S\u00fcrd\u00fcr\u00fclebilir Kalk\u0131nma Ama\u00e7lar\u0131 (SDG'ler) ile nas\u0131l bir ba\u011flant\u0131 kuruyor?<\/strong><\/p>\n<p>Proje, \u00f6zellikle SDG 3 (Sa\u011fl\u0131kl\u0131 Bireyler), SDG 11 (S\u00fcrd\u00fcr\u00fclebilir \u015eehirler ve Topluluklar) ve SDG 16 (Bar\u0131\u015f, Adalet ve G\u00fc\u00e7l\u00fc Kurumlar) ile do\u011frudan ili\u015fkilidir. G\u00fcvenli bilgi sa\u011flamak, insan sa\u011fl\u0131\u011f\u0131n\u0131 korumaya, g\u00fcvenli ya\u015fam alanlar\u0131 olu\u015fturmaya ve kriz anlar\u0131nda adaleti ve \u015feffafl\u0131\u011f\u0131 desteklemeye yard\u0131mc\u0131 olur.<\/p>\n<p><strong>5. Bu t\u00fcr bir web sitesini geli\u015ftirmek i\u00e7in ne gibi ba\u015flang\u0131\u00e7 seviyesi teknik bilgilere ihtiya\u00e7 var?<\/strong><\/p>\n<p>Temel d\u00fczeyde HTML (web sayfas\u0131n\u0131n yap\u0131s\u0131), CSS (tasar\u0131m ve stil) ve JavaScript (interaktif \u00f6zellikler) bilgisi gereklidir. Harita entegrasyonu i\u00e7in Leaflet.js gibi k\u00fct\u00fcphaneleri \u00f6\u011frenmek faydal\u0131 olacakt\u0131r. Ayr\u0131ca, temel bir proje y\u00f6netimi anlay\u0131\u015f\u0131 ve problem \u00e7\u00f6zme becerileri de \u00f6nemlidir.<\/p>\n<p><\/body><\/p>\n","protected":false},"excerpt":{"rendered":"D\u00fcnyan\u0131n d\u00f6rt bir yan\u0131nda \u00e7at\u0131\u015fmalar\u0131n ve do\u011fal afetlerin yaratt\u0131\u011f\u0131 belirsizlik ortam\u0131nda, bilgiye h\u0131zl\u0131 ve do\u011fru eri\u015fim hayati \u00f6nem…","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"csco_page_header_type":"","csco_page_load_nextpost":"","csco_page_subscribe_form":"","csco_page_contact_form":"","footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-34697","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-genel","7":"cs-entry","8":"cs-video-wrap"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v20.5 (Yoast SEO v25.3.1) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Ugandal\u0131 \u00d6\u011frencilerden Sava\u015fta Hayat Kurtaran SDG Web Sitesi Geli\u015ftirme<\/title>\n<meta name=\"description\" content=\"D\u00fcnyan\u0131n d\u00f6rt bir yan\u0131nda \u00e7at\u0131\u015fmalar\u0131n ve do\u011fal afetlerin yaratt\u0131\u011f\u0131 belirsizlik ortam\u0131nda, bilgiye h\u0131zl\u0131 ve do\u011fru eri\u015fim hayati \u00f6nem ta\u015f\u0131maktad\u0131r. Uganda'daki Valleyspur Uluslararas\u0131 Okulu'ndan 14 ya\u015f\u0131ndaki \u00f6\u011frencilerin geli\u015ftirdi\u011fi, sava\u015f durumlar\u0131nda insanlara yol g\u00f6steren ve g\u00fcvenli b\u00f6lgeleri i\u015faretleyen bir web sitesi projesi, bu ihtiyaca teknolojiyle cevap veriyor. Bu makale, gen\u00e7 zihinlerin insanl\u0131k i\u00e7in nas\u0131l bir fark yaratabilece\u011fini, bu t\u00fcr bir web sitesinin teknik altyap\u0131s\u0131n\u0131 ve geli\u015ftirme s\u00fcre\u00e7lerini ad\u0131m ad\u0131m inceleyecektir.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/\" \/>\n<meta property=\"og:locale\" content=\"tr_TR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ugandal\u0131 \u00d6\u011frencilerden Sava\u015fta Hayat Kurtaran SDG Web Sitesi Geli\u015ftirme\" \/>\n<meta property=\"og:description\" content=\"D\u00fcnyan\u0131n d\u00f6rt bir yan\u0131nda \u00e7at\u0131\u015fmalar\u0131n ve do\u011fal afetlerin yaratt\u0131\u011f\u0131 belirsizlik ortam\u0131nda, bilgiye h\u0131zl\u0131 ve do\u011fru eri\u015fim hayati \u00f6nem ta\u015f\u0131maktad\u0131r. Uganda'daki Valleyspur Uluslararas\u0131 Okulu'ndan 14 ya\u015f\u0131ndaki \u00f6\u011frencilerin geli\u015ftirdi\u011fi, sava\u015f durumlar\u0131nda insanlara yol g\u00f6steren ve g\u00fcvenli b\u00f6lgeleri i\u015faretleyen bir web sitesi projesi, bu ihtiyaca teknolojiyle cevap veriyor. Bu makale, gen\u00e7 zihinlerin insanl\u0131k i\u00e7in nas\u0131l bir fark yaratabilece\u011fini, bu t\u00fcr bir web sitesinin teknik altyap\u0131s\u0131n\u0131 ve geli\u015ftirme s\u00fcre\u00e7lerini ad\u0131m ad\u0131m inceleyecektir.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/\" \/>\n<meta property=\"og:site_name\" content=\"Kodlar\u0131n Gizemli D\u00fcnyas\u0131\" \/>\n<meta property=\"article:published_time\" content=\"2025-11-20T21:01:06+00:00\" \/>\n<meta name=\"author\" content=\"Fatih Soysal\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Yazan:\" \/>\n\t<meta name=\"twitter:data1\" content=\"Fatih Soysal\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tahmini okuma s\u00fcresi\" \/>\n\t<meta name=\"twitter:data2\" content=\"22 dakika\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/\"},\"author\":{\"name\":\"Fatih Soysal\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"headline\":\"Ugandal\u0131 \u00d6\u011frencilerden Sava\u015fta Hayat Kurtaran SDG Web Sitesi Geli\u015ftirme\",\"datePublished\":\"2025-11-20T21:01:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/\"},\"wordCount\":4106,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/#respond\"]}],\"copyrightYear\":\"2025\",\"copyrightHolder\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/\",\"name\":\"Ugandal\u0131 \u00d6\u011frencilerden Sava\u015fta Hayat Kurtaran SDG Web Sitesi Geli\u015ftirme\",\"isPartOf\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\"},\"datePublished\":\"2025-11-20T21:01:06+00:00\",\"description\":\"D\u00fcnyan\u0131n d\u00f6rt bir yan\u0131nda \u00e7at\u0131\u015fmalar\u0131n ve do\u011fal afetlerin yaratt\u0131\u011f\u0131 belirsizlik ortam\u0131nda, bilgiye h\u0131zl\u0131 ve do\u011fru eri\u015fim hayati \u00f6nem ta\u015f\u0131maktad\u0131r. Uganda'daki Valleyspur Uluslararas\u0131 Okulu'ndan 14 ya\u015f\u0131ndaki \u00f6\u011frencilerin geli\u015ftirdi\u011fi, sava\u015f durumlar\u0131nda insanlara yol g\u00f6steren ve g\u00fcvenli b\u00f6lgeleri i\u015faretleyen bir web sitesi projesi, bu ihtiyaca teknolojiyle cevap veriyor. Bu makale, gen\u00e7 zihinlerin insanl\u0131k i\u00e7in nas\u0131l bir fark yaratabilece\u011fini, bu t\u00fcr bir web sitesinin teknik altyap\u0131s\u0131n\u0131 ve geli\u015ftirme s\u00fcre\u00e7lerini ad\u0131m ad\u0131m inceleyecektir.\",\"breadcrumb\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/#breadcrumb\"},\"inLanguage\":\"tr\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Anasayfa\",\"item\":\"https:\/\/fatihsoysal.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ugandal\u0131 \u00d6\u011frencilerden Sava\u015fta Hayat Kurtaran SDG Web Sitesi Geli\u015ftirme\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#website\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/\",\"name\":\"Fatihsoysal.com\",\"description\":\"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim\",\"publisher\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"tr\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1\",\"name\":\"Fatih Soysal\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"tr\",\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"contentUrl\":\"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png\",\"width\":512,\"height\":512,\"caption\":\"Fatih Soysal\"},\"logo\":{\"@id\":\"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/\"},\"description\":\"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.\",\"url\":\"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Ugandal\u0131 \u00d6\u011frencilerden Sava\u015fta Hayat Kurtaran SDG Web Sitesi Geli\u015ftirme","description":"D\u00fcnyan\u0131n d\u00f6rt bir yan\u0131nda \u00e7at\u0131\u015fmalar\u0131n ve do\u011fal afetlerin yaratt\u0131\u011f\u0131 belirsizlik ortam\u0131nda, bilgiye h\u0131zl\u0131 ve do\u011fru eri\u015fim hayati \u00f6nem ta\u015f\u0131maktad\u0131r. Uganda'daki Valleyspur Uluslararas\u0131 Okulu'ndan 14 ya\u015f\u0131ndaki \u00f6\u011frencilerin geli\u015ftirdi\u011fi, sava\u015f durumlar\u0131nda insanlara yol g\u00f6steren ve g\u00fcvenli b\u00f6lgeleri i\u015faretleyen bir web sitesi projesi, bu ihtiyaca teknolojiyle cevap veriyor. Bu makale, gen\u00e7 zihinlerin insanl\u0131k i\u00e7in nas\u0131l bir fark yaratabilece\u011fini, bu t\u00fcr bir web sitesinin teknik altyap\u0131s\u0131n\u0131 ve geli\u015ftirme s\u00fcre\u00e7lerini ad\u0131m ad\u0131m inceleyecektir.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/","og_locale":"tr_TR","og_type":"article","og_title":"Ugandal\u0131 \u00d6\u011frencilerden Sava\u015fta Hayat Kurtaran SDG Web Sitesi Geli\u015ftirme","og_description":"D\u00fcnyan\u0131n d\u00f6rt bir yan\u0131nda \u00e7at\u0131\u015fmalar\u0131n ve do\u011fal afetlerin yaratt\u0131\u011f\u0131 belirsizlik ortam\u0131nda, bilgiye h\u0131zl\u0131 ve do\u011fru eri\u015fim hayati \u00f6nem ta\u015f\u0131maktad\u0131r. Uganda'daki Valleyspur Uluslararas\u0131 Okulu'ndan 14 ya\u015f\u0131ndaki \u00f6\u011frencilerin geli\u015ftirdi\u011fi, sava\u015f durumlar\u0131nda insanlara yol g\u00f6steren ve g\u00fcvenli b\u00f6lgeleri i\u015faretleyen bir web sitesi projesi, bu ihtiyaca teknolojiyle cevap veriyor. Bu makale, gen\u00e7 zihinlerin insanl\u0131k i\u00e7in nas\u0131l bir fark yaratabilece\u011fini, bu t\u00fcr bir web sitesinin teknik altyap\u0131s\u0131n\u0131 ve geli\u015ftirme s\u00fcre\u00e7lerini ad\u0131m ad\u0131m inceleyecektir.","og_url":"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/","og_site_name":"Kodlar\u0131n Gizemli D\u00fcnyas\u0131","article_published_time":"2025-11-20T21:01:06+00:00","author":"Fatih Soysal","twitter_card":"summary_large_image","twitter_misc":{"Yazan:":"Fatih Soysal","Tahmini okuma s\u00fcresi":"22 dakika"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/#article","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/"},"author":{"name":"Fatih Soysal","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"headline":"Ugandal\u0131 \u00d6\u011frencilerden Sava\u015fta Hayat Kurtaran SDG Web Sitesi Geli\u015ftirme","datePublished":"2025-11-20T21:01:06+00:00","mainEntityOfPage":{"@id":"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/"},"wordCount":4106,"commentCount":0,"publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"inLanguage":"tr","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/#respond"]}],"copyrightYear":"2025","copyrightHolder":{"@id":"https:\/\/fatihsoysal.com\/blog\/#organization"}},{"@type":"WebPage","@id":"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/","url":"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/","name":"Ugandal\u0131 \u00d6\u011frencilerden Sava\u015fta Hayat Kurtaran SDG Web Sitesi Geli\u015ftirme","isPartOf":{"@id":"https:\/\/fatihsoysal.com\/blog\/#website"},"datePublished":"2025-11-20T21:01:06+00:00","description":"D\u00fcnyan\u0131n d\u00f6rt bir yan\u0131nda \u00e7at\u0131\u015fmalar\u0131n ve do\u011fal afetlerin yaratt\u0131\u011f\u0131 belirsizlik ortam\u0131nda, bilgiye h\u0131zl\u0131 ve do\u011fru eri\u015fim hayati \u00f6nem ta\u015f\u0131maktad\u0131r. Uganda'daki Valleyspur Uluslararas\u0131 Okulu'ndan 14 ya\u015f\u0131ndaki \u00f6\u011frencilerin geli\u015ftirdi\u011fi, sava\u015f durumlar\u0131nda insanlara yol g\u00f6steren ve g\u00fcvenli b\u00f6lgeleri i\u015faretleyen bir web sitesi projesi, bu ihtiyaca teknolojiyle cevap veriyor. Bu makale, gen\u00e7 zihinlerin insanl\u0131k i\u00e7in nas\u0131l bir fark yaratabilece\u011fini, bu t\u00fcr bir web sitesinin teknik altyap\u0131s\u0131n\u0131 ve geli\u015ftirme s\u00fcre\u00e7lerini ad\u0131m ad\u0131m inceleyecektir.","breadcrumb":{"@id":"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/#breadcrumb"},"inLanguage":"tr","potentialAction":[{"@type":"ReadAction","target":["https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/fatihsoysal.com\/blog\/ugandali-ogrencilerden-savasta-hayat-kurtaran-sdg-web-sitesi-gelistirme\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Anasayfa","item":"https:\/\/fatihsoysal.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Ugandal\u0131 \u00d6\u011frencilerden Sava\u015fta Hayat Kurtaran SDG Web Sitesi Geli\u015ftirme"}]},{"@type":"WebSite","@id":"https:\/\/fatihsoysal.com\/blog\/#website","url":"https:\/\/fatihsoysal.com\/blog\/","name":"Fatihsoysal.com","description":"Blog - Yaz\u0131l\u0131m D\u00fcnyas\u0131 Tecr\u00fcbelerim","publisher":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/fatihsoysal.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"tr"},{"@type":["Person","Organization"],"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/002a254750921dcfd568a99e48240dd1","name":"Fatih Soysal","image":{"@type":"ImageObject","inLanguage":"tr","@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","contentUrl":"https:\/\/fatihsoysal.com\/blog\/wp-content\/uploads\/2024\/04\/cropped-replicate-prediction-3kgg1hgjn5rgp0cf0p5tr0jw7w-1.png","width":512,"height":512,"caption":"Fatih Soysal"},"logo":{"@id":"https:\/\/fatihsoysal.com\/blog\/#\/schema\/person\/image\/"},"description":"Kullan\u0131m ve kodlama m\u00fckemmeliyetini odak alan uygulamalar olu\u015fturma deneyimine sahip, profesyonel olarak 15+ y\u0131l \u00fczeri deneyime sahip bir yaz\u0131l\u0131m m\u00fchendisi.","url":"https:\/\/fatihsoysal.com\/blog\/author\/fatihsoysal\/"}]}},"yoast_meta":{"yoast_wpseo_title":"","yoast_wpseo_metadesc":"","yoast_wpseo_canonical":""},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/34697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/comments?post=34697"}],"version-history":[{"count":0,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/posts\/34697\/revisions"}],"wp:attachment":[{"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/media?parent=34697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/categories?post=34697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fatihsoysal.com\/blog\/wp-json\/wp\/v2\/tags?post=34697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}