Story Map Hazırlama Kılavuzu

İç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