İçindekiler 1.Story Map Nedir? ........................................................................ 1 2.Story Map’i Oluşturanlar Nelerdir? .............................................. 1 3.Story Map Nasıl Oluşturulur ........................................................ 2 3.1.Hazır Uygulamaları Kullanmak (Hazır Şablonlar) .................. 2 3.1.1.Map Tour Nedir ve Nasıl Hazırlanır? .............................. 2 3.1.2.Storytelling Swipe Nedir ve Nasıl Hazırlanır? ................. 9 3.2.Template (Şablon) Kullanarak Story Map Oluşturmak ........ 11 3.2.1.Shortlist Nedir ve Nasıl Hazırlanır?.............................. 11 4.Önemli Bilgiler .......................................................................... 17 1. Story Map Nedir? Story Map, bilgilerinizi organize etmek ve sunmak için coğrafyayı kullanmanızdır. Coğrafi içeriği kullanarak bir yeri, etkinliği, olayı, güncel bir durumu veya modeli anlatmak için Story Map kullanabilirsiniz. İnteraktif haritaları yazılar, fotoğraflar, videolar ve sesler ile birleştirerek zenginleştirebilirsiniz ve yaptığınız bu Story Mapleri diğer kullanıcılar ile paylaşabilirsiniz. Örnek: Esri Türkiye’nin yapmış olduğu Story Mapler; • • Atatürk’ün hayatı: http://turkeyesri.maps.arcgis.com/apps/MapTour/index.html?appid=aae7 5efb2cdb4c8381d4edcbac4fd32c&webmap=ad908b2cc3394bba89e277a7 b4025dd5 (Map Tour) 2014 yılındaki Festivaller: http://storymaps.esriturkey.com.tr/Festivals/ (Shortlist) 2. Story Map’i Oluşturanlar Nelerdir? Story Map oluşturmanız için “ArcGIS Online” hesabına ihtiyacınız vardır. ArcGIS Online’da yaptığınız web mapleri application olarak yayınladığınız zaman Story Map uygulaması yapmış olursunuz. Web Map Story Map Uygulaması (Application) ArcGIS Online hesabı almak için ilk olarak www.arcgis.com sitesine giriş yapmalısınız. Geçtiğimiz günlerde tamamen Türkçeleşen sitede artık adımları daha rahat uygulayabilirsiniz. Eğer bir hesabınız varsa sağ üst köşede bulunan oturum aça tıklayarak bilgilerinizi girip ArcGIS Online hesabınıza bağlanabilirsiniz. Eğer bir hesabınız yoksa ArcGIS Online size iki türlü abonelik imkânı sunmaktadır. Bunlardan ilki kısıtlı kullanıma sahip genel hesap oluşturma, diğeri ise 30 günlük deneme sürümü bulunan organizasyon hesabıdır. ArcGIS Online genel hesap oluşturmak için tıklayın. ArcGIS Online deneme sürümü için tıklayın. (ArcGIS Online’a abone olmak için Esri Türkiye ile iletişime geçin.) 1 3. Story Map Nasıl Oluşturulur? Hesabımız ile giriş yaptıktan sonra, Story Map oluşturmaya başlayabilir. 2 farklı yoldan Story Map oluşturabilir. Hangisini uygulayacağınız sizin tercihinize kalmış bir durum. Aşağıda bu farklı yolların neler olduğu açıklamaları ile verilmiştir. 3.1 Hazır Uygulamaları Kullanmak (Hazır Şablonlar) Esri’nin kullanıcıları için sunduğu 18 tane farklı hazır Story Map uygulaması vardır. Bunlar; Basic Viewer Chrome Twitter Edit Elevation Profile Filter Find, Edit and Filter Finder Legend Map Tour Panels Simple Map Viewer Social Media Storytelling Basic Storytelling Swipe Storytelling Text and Legend Storytelling Compare Summary Viewer Time Aware Yukarıdaki listede en çok kullanılan Story Map uygulamaları, Map Tour ve Storytelling Swipe’tır. 3.1.1 Map Tour Nedir ve Nasıl Hazırlanır? Map Tour, bir dizi ardışık olayı noktasal olarak görsel bir biçimde anlatan Story Map uygulamasıdır. Map Tour hazırlamak için; • İlk olarak CSV dosyası oluşturmanız gerekiyor. CSV dosyanızı oluştururken en üst satırı; Name, Latitude(Lat), Longitude(Long), Description, Pic_url, Thumb_url şeklinde doldurmalısınız. Ayrıca CSV dosyasına Renk, color gibi açacağınız bir başlıkla noktaların uygulamada renklerini belirleyebilirsiniz. Bunun için sadece 4 renk vardır; Kırmızı, Mavi, Yeşil ve Mor. CSV dosyasını 2 doldururken bu renkleri Kırmızı için R, Mavi için B, Yeşil için G ve Mor için P harfi şeklinde doldurmanız gerekmektedir. • Daha sonra bu sütunları doldurmalısınız. (Name kısmına ismi, Lat kısmına enlemi, Long kısmına boylamı, Description kısmına açıklamanızı yazmalısınız. Pic_url kısmına ana fotoğrafın, Thumb_url kısmına ise avatarı yani küçük fotoğrafın linkini koymalısınız. Unutmayın koyacağınız fotoğraf linklerinin sonu “.jpeg” ile bitmelidir.) 3 • Hazırlamış olduğumuz CSV dosyasını, açtığımız ArcGIS Online hesabımızda haritamıza sürükleyerek bırakıyoruz. Sürükleyip bıraktığımız CSV dosyasıyla beraber, CSV dosyasında belirlediğimiz enlem ve boylamlar haritamızda noktasal olarak belirir. Bu noktaları ve altlık haritamızı ArcGIS sunduğu imkanlar sayesinde değiştirebiliriz. • Üstteki resimde sürüklenen dosyayı, ve noktaları görebilirsiniz. Basemape tıklayarak altlık haritayı değiştirebilirsiniz. Daha sonra “Save” tıklayarak, haritamızı kaydedebiliriz. Burada önemli olan şey Save tıkladıktan sonra karşımıza çıkan bu kutucuk. 4 • Save Map kutusunda; Title kısmına, uygulamamızın başlığını atmalıyız, Summary kısmına yaptığımız uygulamanın kısa bir özetini yazmalıyız, Tags kısmı diğer kullanıcıların uygulamamızı bulması açısından çok önemlidir. Bu yüzden buraya haritayla ilgili anahtar kelimeleri yazmalıyız. En son olarak ArcGIS Online, içerik kısmında oluşturduğumuz dosyalardan bir tanesini Save in folder kısmından seçerek, haritamızı kaydetmeliyiz. Haritamızı kaydettikten sonra, Share’a (Paylaş) tıklayarak haritamızı uygulama haline getirmek için ilk adımı atmalıyız. Uygulamamızı organizasyonumuzla yok herkesle mi paylaşacağımızı seçmeliyiz ve Make a Web Application’a tıklamalıyız. Daha sonra sağ taraftaki kutucuk önümüze gelecektir. 2.sayfadaki Map Tour’un altındaki Publish’in (Yayın) okuna basarak publish’e tıklamalıyız. (Embed in Website’a tıklayarak uygulamamızı herhangi bir web sitesine gömebiliriz.) 5 • Publish’e basktıktan sonra karşımıza gene başlığımızı, taglerimizi, özetimizi ve uygulamamızı kaydedeceğimiz bir kutucuk gelecek. Siz zaten bunları daha önceden yazdığınız için Save&Publish’e tıklayabilirsiniz.(Tabi eklemek veya çıkarmak istediğiniz bir şey yoksa.) Bu adımdan sonra uygulamamız content’te (içerik) kaydettiğiniz dosyaya kaydedilmiş olacak. Hem oradan hem de Save & Publish adımından sonra çıkan ekrandan go to the item now’a tıklayarak uygulamamızı açma sayfasına gidebiliriz. • Uygulama açma sayfasında OPEN’a tıkladıktan sonra View Application’a tıklayarak uygulamızı açabiliriz. • Uygulama açıldıktan sonra; karşımıza aşağıdaki gibi bir ekran gelecektir. Aşağıdaki ekranda CSV dosyasında neyin neye karşılık geldiği gösterilmektedir. 6 • Daha sonra Story Mapimiz için gerekli düzenlemeleri sağ üst köşede bulunan “derleyici moduna geç” butonuna basarak gerçekleştirebiliriz. Aşağıdaki resimde gördüğünüz gibi, başlığımızı, özetimizi ve harita al harita altlığımızı rahat bir şekilde değiştirebiliriz. Eklemek istediğimiz yeni bir nokta varsa “Ekle” butonuna tıklayarak ekleyebiliriz. “Düzenle” butonuna tıklayarak noktalarımızın sırasını değiştirebiliriz. “İçe aktar” butonundan yeni bir CSV dosyası ekleyebiliriz. • Üstteki butonlara gelince, buradaki en önemli buton “Ayarlardır” . Ayarlara tıklayarak 7 aşağıdaki resimlerdeki bütün işlemleri gerçekleştirebiliriz. o Düzen sekmesinde, uygulamamız için iki tip görünüm şekli olduğunu görüyoruz. Bunlardan biri üç panelli düzen diğeri ise, entegre düzendir. Uygulamada görünümlerinin farkının dışında bir farkları yoktur. o Renkler sekmesinde kendimize göre uygulamamızın renklerini ayarlayabiliriz. 3 katmandan oluşan uygulamamızın her katmanını kendi istediğimiz renklere göre ayarlayabiliriz. o Üst bilgi sekmesine tıklayarak, uygulamamızın sağ üst köşesini düzenleyebiliriz. Logo kısmından istediğimiz logoyu ekleyebiliriz, ayrıca logoya uzantı da ekleyebilirsiniz. Üst bilgiye metin ekleyebilirsiniz ve bu metne de uzantı ekleyebilirsiniz. o Veri sekmesi, ayarlar içinde önemli bir sekmedir; çünkü CSV dosyasında yanlış yazdığımız başlıkları buradan kontrol edebiliriz. Ad (name)ve altyazıya(description) nelerin geleceğini buradan seçebiliriz. Renk kısmında ise noktalara renk atadıysanız, bu renkleri CSV dosyasında hangi başlıkla atadıysanız o başlığın ismini seçmelisiniz. o Yayılım sekmesi, uygulamanızı ilk açtığınızda haritada hangi alanı göstereceğinizi belirlemenizi sağlar. Burada, kendiniz haritada belirleyebilir veya çizebilirsiniz. 8 o Son olarak, yakınlaştırma düzeyi ile noktalara tıklandığı zaman haritada o noktaya yakınlaşacağını düzenleyebilirsiniz. • Ayarlarınızı yaptıktan sonra mutlaka üstte bulunan “Kaydet” butonuna basın ve yaptığınız değişikleri kaydedin. Daha sonra “Paylaşa” basarak kimlerle paylaşmak istediğinizi belirleyin. “Yardım” butonuna basarak ise Story Mapimizi için daha fazla yardım alabiliriz. • Bu işlemleri yaptıktan sonra Story Mapiniz (Map Tour) hazır durumdadır. 3.1.2 Storytelling Swipe Nedir ve Nasıl Hazırlanır? Storytelling Swipe iki farklı haritayı karşılaştırmak için kullanılan bir uygulamadır. Storytellin Swipe 2 farklı görünüme sahiptir. Bunlar; Swipe ve Spyglass. Esri’nin kullanıcılarına sunduğu hazır bir templatedir ve yapımı çok kolaydır. Tek ihtiyacınız olan iki farklı haritadır. Spyglass Swipe • İlk yapmanız gereken şey, ArcGIS Online’a girdikten sonra iki farklı haritayı kaydetmeniz. Daha sonra kaydettiğiniz iki web mapinizin bir tanesini aynı yukardaki gibi uygulama olarak paylaşmanız gerekmektedir. Aşağıdaki resimde görüldüğü gibi 2. Sayfadaki 9 Storytelling Swipe’a gelip Publish’e bastığımız zaman uygulamamız yayınlanmış olacaktır. • Aynı Map Tour’da olduğu gibi karşımıza “Title, Tags, Summary ve uygulamayı kaydedeceğimiz klasörü seçme” kutucuğu karşımıza çıkacaktır. Buradaki bilgileri doldurduktan sonra, gene Map Tour’da olduğu gibi başka bir sayfa çıkacaktır karşımıza. Bu sayfada çıkan ekrandan go to the item now’a tıklayarak uygulamamızı açma sayfasına gidebiliriz. Uygulama açma sayfasında OPEN’a tıkladıktan sonra View Application’a tıklayarak uygulamızı açabiliriz. • Daha sonra önümüze gelen ekranda aşağıdaki kutucukları göreceğiz. Map Tour’dan farklı olarak uygulamamız derleyici modunda açılacaktır ve “Ayarlar” sekmesi uygulama ilk açıldığında otomatik olarak önümüze gelecektir. o Swipe Tarzı sekmesinde, uygulamamızın Swipe mı yoksa Spyglass mı olacağına karar vermeliyiz. o Sonrakine bastığımız zaman Swipe Türü sekmesi önümüze gelecektir. Bu sekmede de iki seçenek vardır. İlki katmandır; yani farklı katmanlar varsa hangi haritada hangi katmanın çıkacağını belirleyebilir. Diğer seçenek ise iki web haritasını karşılaştırmadır. İki farklı web haritasını karşılaştırmak isterseniz her iki uygulama seçeneğinde de (swipe ve spyglass) diğer haritanın harita kimliğine (ID) ihtiyacınız vardır. Harita kimliği webmaplerin linklerinin sonunda bulunan kodlardır (id=….). Eklemek istediğiniz haritalarınız kimliğini kopyalayıp, boş olan harita kimliği kutucuğuna yapıştırdığınız taktirde uygulamanızda o harita gözükecektir. Harita Kimliği 10 o Sonrakine tıkladıktan sonra karşımıza uygulama düzeni sekmesi çıkmaktadır. Bu sekmede, uygulamanızda görünmesini istediğiniz ve derleyici modda düzenleyebileceğiniz ayarlar vardır. Bunları kendinize göre düzenleyebilirsiniz. Bir sonraki sekmenin açılması için açılan pencere maddesinin tikli olması gerekmektedir. Buna bağlı olarak diğer sekmedeki ayarları düzenleyebilirsiniz. o Bu işlemlerden sonra uygulamamız kullanıma hazır hale gelmektedir. Uygulama açıldıktan sonra ayarlar butonuna basarak Map Tour’da da olduğu gibi renk ayarlarını ve logo bilgilerini kendinize göre düzenleyebilirsiniz. 3.2 Template (Şablon) Kullanarak Story Map oluşturmak Hazır Templatelere bağlı kalmak istemeyen kullanıcılar, Esri’nin sunduğu veya Github gibi yazılım geliştirme sitelerinden indirdikleri Templateler ile uygulamalarını daha özel, farklı ve kendine özgü hale getirebilirler. Templatelerin bir sayısı yoktur. Hatta, hazır uygulamaların da templatelerini indirip kendinize göre ayarlarını yapabilirsiniz. Bir çok template arasından bu aralar çok ilgi gören ve çok kullanışlı olan Shortlist’in yapım aşaması aşağıda verilmiştir. 3.2.1 Shortlist Nedir ve Nasıl Hazırlanır? Shortlist, farklı kategorilerde bir çok noktayı harita üzerinde görmeniz sağlar. Örnek: Ankara’daki tarihi yerleri, otelleri, eğlence yerlerini ve alış veriş merkezlerini aynı uygulamada farklı sekmelerde görebilirsiniz. Shortlist Örneği ( http://storymaps.esri.com/stories/shortlist-sandiego/ ) 11 Shortlist hazırlarken öncelikle template’i indirmeniz lazım. Buraya tıklayarak bu template’i indirebilirsiniz. Dosyayı indirdikten sonra Zip dosyası içerisindeki dosyaları ne bir klasörün içine aktarmalıyız. Shortlist Hazırlamak Shortlist hazırlamak için ilk olarak CSV dosyaları hazırlamalıyız. “Shortlist hazırlamak için birden çok CSV dosyası hazırlamalıyız.” Aksi takdirde Shortlist hazırlamamızın hiçbir anlamı kalmaz. CSVlerin ilk satırları başlıklardan oluşmalıdır. Başlıklar; “Title, Latitude, Longitude, Short_Desc, Image_url, Number, Desc1, Desc2, Desc3, Desc4, Desc5, Address, Hours ve Website” olarak yazılmalıdır. Title’a başlık, Latitude’a enlem, Longitude’a boylam, Short Desc’a kısa bir bilgi, Image_url’ye resim, Number’a shortliste kaç numara olmasını istediğinizi, Desc(1,2,3,4,5)’e yazmak istediğiniz bilgileri, Address kısmına adresi, Hours’a açık olduğu saatleri ve Website kısmına da websitesini yazmalısınız. “Bilgi kısımlarını, adresi, saati ve websitesi kısımlarının hepsini doldurmak zorunda değilsiniz.” Aşağıdaki resimde 2014 yılında dünyada yapılacak olan müzik festivallerini konu alan Shortlistin CSV dosyalarını görebilirsiniz. Bu dosyalar Elektronik, Rock&Metal, Jazz ve Diğerleri olarak adlandırılmıştır. 12 Daha sonra hazırladığımız CSV dosyalarını ArcGIS Online hesabımızı açarak haritamızın üzerine sürüklemeliyiz. Sürüklediğimiz CSV dosyaları haritamızda aşağıdaki gibi gözükecektir. (Aşağıdaki haritanın altlık haritası ArcGIS Online’da layer arama bölümünden indirilmiştir. Adı: World Dark Gray Base Betadır.) Buradan bookmark ayarlarınızı ölçek ayarlarınızı da yapıp aynı Map Tour’da olduğu gibi başlığımızı, özetimizi ve taglerimizi yazarak web map olarak kaydetmeliyiz. “Unutmayalım, CSV dosyalarımızın adları aynı zamanda Shortlist Sekmelerimizin adı olacaktır.” 13 Kaydetme işlemini tamamladıktan sonra, Zip dosyasından bir klasöre attığımız template dosyalarının içinden index dosyasını Word Pad ile açmalıyız. Bu dosyanın içinde WEBMAP_ID = “………” kısmına kendi ID’mizi (harita kimliği) yapıştırmalıyız. (ID’yi rahat bulmak için Word Pad’te CTRL+F ID yazabilirsiniz.) Index dosyasını kaydettikten sonra, klasörümüzü Internet Information Service (IIS) programıyla local hostumuza atmalıyız. IIS programı hakkında detaylı bilgiyi internetten araştırarak bulabilirsiniz. Daha sonra local hostta açtığımız uygulamamızı server’a atmalıyız. Servera attığımız uygulamamızın linkini kopyaladıktan sonra tekrar ArcGIS Online’ı açmalıyız. ArcGIS Online kısmında “Content” kısmına gelerek “Add Item” butonuna tıklamalıyız. Sırasıyla; o o o o o o This item is kısmında An application’ı seçmeliyiz, Alttaki seçeneklerde Web Mapping’i seçmeliyiz, URL kısmına server attığımız linki yapıştırmalıyız, Purpose kısmında Ready To Use’u seçmeliyiz, API kısmında Java Script’i seçmeliyiz, Title (başlık) ve Tags (anahtar kelimeler) girmeliyiz. 14 “ADD ITEM” ‘a tıkladıktan sonra uygulamamızı kullanmaya başlayabiliriz. Tabi ki bu işlemi yaptıktan sonra ArcGIS Online’da content kısmına gelip uygulamamızı kimlerle paylaşacağımızı seçmeyi unutmamalıyız. Eğer, uygulamanızı kişiselleştirmek istiyorsanız, template klasörünün içindeki css dosyasındaki Style sheetindeki kodları veya index sheetindeki kodları değiştirebilirsiniz. Daha fazla yardım ve bilgi almak isterseniz, gene template klasörünün içindeki Read Me dokümanını okuyabilirsiniz. Aşağıdaki resimde ise kişiselleştirilmiş bir Shortlist Story Map uygulamasını görmektesiniz. 15 Music Festivals (2014) (http://storymaps.esriturkey.com.tr/Festivals/) Herhangi bir noktaya tıkladığınız zaman, bir pop-up çıkar ve bu pop-up’da Short_Desc kısmı yer alır. For more information’a (Daha fazla bilgi) tıkladığınız zaman ise bir kutucuk açılır bu kutucukta adres, hours, website, resim ve desc(1,2,3,4,5) bilgileriniz görürsünüz. 16 4. Önemli Bilgiler • • • • • CSV Nedir? Excel’de hazırladığınız verileri CSV formatı ile kaydetmektedir. Shortlist için Türkçe karakter kullanmamanız gerekmektedir. Aksi takdirde yazdığınız yazılar okunmaz. Shortlist için ideal resim boyutları 250*188 ‘dir. Shortlist harici diğer templateler http://storymaps.arcgis.com/ adresinde mevcuttur. Hemen hemen hepsi aynı şekilde yapılmaktadır. Read me dosyalarını okuyarak detaylı bilgiye sahip olabilirsiniz. http://storymaps.arcgis.com/ sitesinden birçok Story Map’e bakabilirsiniz. 17 Bizi Sosyal Medyada da takip edin Esriturkey.com | Bize ulaşın Copyright © 2014 Esri Türkiye. Her hakkı saklıdır. 2024.Cadde No:16 06800 Beysukent ANKARA / TÜRKİYE. 18
© Copyright 2024 Paperzz