Story Map Uygulaması (Application)

Transkript

1

2 İçindekiler 1.Stry Map Nedir? Stry Map i Oluşturanlar Nelerdir? Stry Map Nasıl Oluşturulur Hazır Uygulamaları Kullanmak (Hazır Şablnlar) Map Tur Nedir ve Nasıl Hazırlanır? Strytelling Swipe Nedir ve Nasıl Hazırlanır? Template (Şabln) Kullanarak Stry Map Oluşturmak Shrtlist Nedir ve Nasıl Hazırlanır? Önemli Bilgiler... 17

3 1. Stry Map Nedir? Stry Map, bilgilerinizi rganize etmek ve sunmak için cğrafyayı kullanmanızdır. Cğrafi içeriği kullanarak bir yeri, etkinliği, layı, güncel bir durumu veya mdeli anlatmak için Stry Map kullanabilirsiniz. İnteraktif haritaları yazılar, ftğraflar, videlar ve sesler ile birleştirerek zenginleştirebilirsiniz ve yaptığınız bu Stry Mapleri diğer kullanıcılar ile paylaşabilirsiniz. Örnek: Esri Türkiye nin yapmış lduğu Stry Mapler; Atatürk ün hayatı: 5efb2cdb4c8381d4edcbac4fd32c&webmap=ad908b2cc3394bba89e277a7 b4025dd5 (Map Tur) 2014 yılındaki Festivaller: (Shrtlist) 2. Stry Map i Oluşturanlar Nelerdir? Stry Map luşturmanız için ArcGIS Online hesabına ihtiyacınız vardır. ArcGIS Online da yaptığınız web mapleri applicatin larak yayınladığınız zaman Stry Map uygulaması yapmış lursunuz. Web Map Stry Map Uygulaması (Applicatin) ArcGIS Online hesabı almak için ilk larak 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 turum aça tıklayarak bilgilerinizi girip ArcGIS Online hesabınıza bağlanabilirsiniz. Eğer bir hesabınız yksa ArcGIS Online size iki türlü abnelik imkânı sunmaktadır. Bunlardan ilki kısıtlı kullanıma sahip genel hesap luşturma, diğeri ise 30 günlük deneme sürümü bulunan rganizasyn hesabıdır. ArcGIS Online genel hesap luşturmak için tıklayın. ArcGIS Online deneme sürümü için tıklayın. (ArcGIS Online a abne lmak için Esri Türkiye ile iletişime geçin.) 1

4 3. Stry Map Nasıl Oluşturulur? Hesabımız ile giriş yaptıktan snra, Stry Map luşturmaya başlayabilir. 2 farklı yldan Stry Map luşturabilir. Hangisini uygulayacağınız sizin tercihinize kalmış bir durum. Aşağıda bu farklı ylların neler lduğu açıklamaları ile verilmiştir. 3.1 Hazır Uygulamaları Kullanmak (Hazır Şablnlar) Esri nin kullanıcıları için sunduğu 18 tane farklı hazır Stry Map uygulaması vardır. Bunlar; Basic Viewer Chrme Twitter Edit Elevatin Prfile Filter Find, Edit and Filter Finder Legend Map Tur Panels Simple Map Viewer Scial Media Strytelling Basic Strytelling Swipe Strytelling Text and Legend Strytelling Cmpare Summary Viewer Time Aware Yukarıdaki listede en çk kullanılan Stry Map uygulamaları, Map Tur ve Strytelling Swipe tır Map Tur Nedir ve Nasıl Hazırlanır? Map Tur, bir dizi ardışık layı nktasal larak görsel bir biçimde anlatan Stry Map uygulamasıdır. Map Tur hazırlamak için; İlk larak CSV dsyası luşturmanız gerekiyr. CSV dsyanızı luştururken en üst satırı; Name, Latitude(Lat), Lngitude(Lng), Descriptin, Pic_url, Thumb_url şeklinde dldurmalısınız. Ayrıca CSV dsyasına Renk, clr gibi açacağınız bir başlıkla nktaların uygulamada renklerini belirleyebilirsiniz. Bunun için sadece 4 renk vardır; Kırmızı, Mavi, Yeşil ve Mr. CSV dsyasını 2

5 dldururken bu renkleri Kırmızı için R, Mavi için B, Yeşil için G ve Mr için P harfi şeklinde dldurmanız gerekmektedir. Daha snra bu sütunları dldurmalısınız. (Name kısmına ismi, Lat kısmına enlemi, Lng kısmına bylamı, Descriptin kısmına açıklamanızı yazmalısınız. Pic_url kısmına ana ftğrafın, Thumb_url kısmına ise avatarı yani küçük ftğrafın linkini kymalısınız. Unutmayın kyacağınız ftğraf linklerinin snu.jpeg ile bitmelidir.) 3

6 Hazırlamış lduğumuz CSV dsyasını, açtığımız ArcGIS Online hesabımızda haritamıza sürükleyerek bırakıyruz. Sürükleyip bıraktığımız CSV dsyasıyla beraber, CSV dsyasında belirlediğimiz enlem ve bylamlar haritamızda nktasal larak belirir. Bu nktaları ve altlık haritamızı ArcGIS sunduğu imkanlar sayesinde değiştirebiliriz. Üstteki resimde sürüklenen dsyayı, ve nktaları görebilirsiniz. Basemape tıklayarak altlık haritayı değiştirebilirsiniz. Daha snra Save tıklayarak, haritamızı kaydedebiliriz. Burada önemli lan şey Save tıkladıktan snra karşımıza çıkan bu kutucuk. 4

7 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 çk önemlidir. Bu yüzden buraya haritayla ilgili anahtar kelimeleri yazmalıyız. En sn larak ArcGIS Online, içerik kısmında luşturduğumuz dsyalardan bir tanesini Save in flder kısmından seçerek, haritamızı kaydetmeliyiz. Haritamızı kaydettikten snra, Share a (Paylaş) tıklayarak haritamızı uygulama haline getirmek için ilk adımı atmalıyız. Uygulamamızı rganizasynumuzla yk herkesle mi paylaşacağımızı seçmeliyiz ve Make a Web Applicatin a tıklamalıyız. Daha snra sağ taraftaki kutucuk önümüze gelecektir. 2.sayfadaki Map Tur un altındaki Publish in (Yayın) kuna basarak publish e tıklamalıyız. (Embed in Website a tıklayarak uygulamamızı herhangi bir web sitesine gömebiliriz.) 5

8 Publish e basktıktan snra 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 yksa.) Bu adımdan snra uygulamamız cntent te (içerik) kaydettiğiniz dsyaya kaydedilmiş lacak. Hem radan hem de Save & Publish adımından snra çıkan ekrandan g t the item nw a tıklayarak uygulamamızı açma sayfasına gidebiliriz. Uygulama açma sayfasında OPEN a tıkladıktan snra View Applicatin a tıklayarak uygulamızı açabiliriz. Uygulama açıldıktan snra; karşımıza aşağıdaki gibi bir ekran gelecektir. Aşağıdaki ekranda CSV dsyasında neyin neye karşılık geldiği gösterilmektedir. 6

9 Daha snra Stry Mapimiz için gerekli düzenlemeleri sağ üst köşede bulunan derleyici mduna geç butnuna 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 nkta varsa Ekle butnuna tıklayarak ekleyebiliriz. Düzenle butnuna tıklayarak nktalarımızın sırasını değiştirebiliriz. İçe aktar butnundan yeni bir CSV dsyası ekleyebiliriz. Üstteki butnlara gelince, buradaki en önemli butn Ayarlardır. Ayarlara tıklayarak 7

10 aşağıdaki resimlerdeki bütün işlemleri gerçekleştirebiliriz. Düzen sekmesinde, uygulamamız için iki tip görünüm şekli lduğunu görüyruz. Bunlardan biri üç panelli düzen diğeri ise, entegre düzendir. Uygulamada görünümlerinin farkının dışında bir farkları yktur. Renkler sekmesinde kendimize göre uygulamamızın renklerini ayarlayabiliriz. 3 katmandan luşan uygulamamızın her katmanını kendi istediğimiz renklere göre ayarlayabiliriz. Üst bilgi sekmesine tıklayarak, uygulamamızın sağ üst köşesini düzenleyebiliriz. Lg kısmından istediğimiz lgyu ekleyebiliriz, ayrıca lgya uzantı da ekleyebilirsiniz. Üst bilgiye metin ekleyebilirsiniz ve bu metne de uzantı ekleyebilirsiniz. Veri sekmesi, ayarlar içinde önemli bir sekmedir; çünkü CSV dsyasında yanlış yazdığımız başlıkları buradan kntrl edebiliriz. Ad (name)ve altyazıya(descriptin) nelerin geleceğini buradan seçebiliriz. Renk kısmında ise nktalara renk atadıysanız, bu renkleri CSV dsyasında hangi başlıkla atadıysanız başlığın ismini seçmelisiniz. 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

11 Sn larak, yakınlaştırma düzeyi ile nktalara tıklandığı zaman haritada nktaya yakınlaşacağını düzenleyebilirsiniz. Ayarlarınızı yaptıktan snra mutlaka üstte bulunan Kaydet butnuna basın ve yaptığınız değişikleri kaydedin. Daha snra Paylaşa basarak kimlerle paylaşmak istediğinizi belirleyin. Yardım butnuna basarak ise Stry Mapimizi için daha fazla yardım alabiliriz. Bu işlemleri yaptıktan snra Stry Mapiniz (Map Tur) hazır durumdadır Strytelling Swipe Nedir ve Nasıl Hazırlanır? Strytelling Swipe iki farklı haritayı karşılaştırmak için kullanılan bir uygulamadır. Strytellin 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ı çk klaydır. Tek ihtiyacınız lan iki farklı haritadır. Swipe Spyglass İlk yapmanız gereken şey, ArcGIS Online a girdikten snra iki farklı haritayı kaydetmeniz. Daha snra kaydettiğiniz iki web mapinizin bir tanesini aynı yukardaki gibi uygulama larak paylaşmanız gerekmektedir. Aşağıdaki resimde görüldüğü gibi 2. Sayfadaki 9

12 Strytelling Swipe a gelip Publish e bastığımız zaman uygulamamız yayınlanmış lacaktır. Aynı Map Tur da lduğ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 dldurduktan snra, gene Map Tur da lduğu gibi başka bir sayfa çıkacaktır karşımıza. Bu sayfada çıkan ekrandan g t the item nw a tıklayarak uygulamamızı açma sayfasına gidebiliriz. Uygulama açma sayfasında OPEN a tıkladıktan snra View Applicatin a tıklayarak uygulamızı açabiliriz. Daha snra önümüze gelen ekranda aşağıdaki kutucukları göreceğiz. Map Tur dan farklı larak uygulamamız derleyici mdunda açılacaktır ve Ayarlar sekmesi uygulama ilk açıldığında tmatik larak önümüze gelecektir. Swipe Tarzı sekmesinde, uygulamamızın Swipe mı yksa Spyglass mı lacağına karar vermeliyiz. Snrakine 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 snunda bulunan kdlardır (id=.). Eklemek istediğiniz haritalarınız kimliğini kpyalayıp, bş lan harita kimliği kutucuğuna yapıştırdığınız taktirde uygulamanızda harita gözükecektir. Harita Kimliği 10

13 Snrakine tıkladıktan snra karşımıza uygulama düzeni sekmesi çıkmaktadır. Bu sekmede, uygulamanızda görünmesini istediğiniz ve derleyici mdda düzenleyebileceğiniz ayarlar vardır. Bunları kendinize göre düzenleyebilirsiniz. Bir snraki sekmenin açılması için açılan pencere maddesinin tikli lması gerekmektedir. Buna bağlı larak diğer sekmedeki ayarları düzenleyebilirsiniz. Bu işlemlerden snra uygulamamız kullanıma hazır hale gelmektedir. Uygulama açıldıktan snra ayarlar butnuna basarak Map Tur da da lduğu gibi renk ayarlarını ve lg bilgilerini kendinize göre düzenleyebilirsiniz. 3.2 Template (Şabln) Kullanarak Stry Map luş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ı yktur. Hatta, hazır uygulamaların da templatelerini indirip kendinize göre ayarlarını yapabilirsiniz. Bir çk template arasından bu aralar çk ilgi gören ve çk kullanışlı lan Shrtlist in yapım aşaması aşağıda verilmiştir Shrtlist Nedir ve Nasıl Hazırlanır? Shrtlist, farklı kategrilerde bir çk nktayı harita üzerinde görmeniz sağlar. Örnek: Ankara daki tarihi yerleri, telleri, eğlence yerlerini ve alış veriş merkezlerini aynı uygulamada farklı sekmelerde görebilirsiniz. Shrtlist Örneği ( ) 11

14 Shrtlist hazırlarken öncelikle template i indirmeniz lazım. Buraya tıklayarak bu template i indirebilirsiniz. Dsyayı indirdikten snra Zip dsyası içerisindeki dsyaları ne bir klasörün içine aktarmalıyız. Shrtlist Hazırlamak Shrtlist hazırlamak için ilk larak CSV dsyaları hazırlamalıyız. Shrtlist hazırlamak için birden çk CSV dsyası hazırlamalıyız. Aksi takdirde Shrtlist hazırlamamızın hiçbir anlamı kalmaz. CSVlerin ilk satırları başlıklardan luşmalıdır. Başlıklar; Title, Latitude, Lngitude, Shrt_Desc, Image_url, Number, Desc1, Desc2, Desc3, Desc4, Desc5, Address, Hurs ve Website larak yazılmalıdır. Title a başlık, Latitude a enlem, Lngitude a bylam, Shrt Desc a kısa bir bilgi, Image_url ye resim, Number a shrtliste kaç numara lmasını istediğinizi, Desc(1,2,3,4,5) e yazmak istediğiniz bilgileri, Address kısmına adresi, Hurs a açık lduğ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 dldurmak zrunda değilsiniz. Aşağıdaki resimde 2014 yılında dünyada yapılacak lan müzik festivallerini knu alan Shrtlistin CSV dsyalarını görebilirsiniz. Bu dsyalar Elektrnik, Rck&Metal, Jazz ve Diğerleri larak adlandırılmıştır. 12

15 Daha snra hazırladığımız CSV dsyalarını ArcGIS Online hesabımızı açarak haritamızın üzerine sürüklemeliyiz. Sürüklediğimiz CSV dsyaları 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ı: Wrld Dark Gray Base Betadır.) Buradan bkmark ayarlarınızı ölçek ayarlarınızı da yapıp aynı Map Tur da lduğu gibi başlığımızı, özetimizi ve taglerimizi yazarak web map larak kaydetmeliyiz. Unutmayalım, CSV dsyalarımızın adları aynı zamanda Shrtlist Sekmelerimizin adı lacaktır. 13

16 Kaydetme işlemini tamamladıktan snra, Zip dsyasından bir klasöre attığımız template dsyalarının içinden index dsyasını Wrd Pad ile açmalıyız. Bu dsyanı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 Wrd Pad te CTRL+F ID yazabilirsiniz.) Index dsyasını kaydettikten snra, klasörümüzü Internet Infrmatin Service (IIS) prgramıyla lcal hstumuza atmalıyız. IIS prgramı hakkında detaylı bilgiyi internetten araştırarak bulabilirsiniz. Daha snra lcal hstta açtığımız uygulamamızı server a atmalıyız. Servera attığımız uygulamamızın linkini kpyaladıktan snra tekrar ArcGIS Online ı açmalıyız. ArcGIS Online kısmında Cntent kısmına gelerek Add Item butnuna tıklamalıyız. Sırasıyla; This item is kısmında An applicatin ı seçmeliyiz, Alttaki seçeneklerde Web Mapping i seçmeliyiz, URL kısmına server attığımız linki yapıştırmalıyız, Purpse kısmında Ready T Use u seçmeliyiz, API kısmında Java Script i seçmeliyiz, Title (başlık) ve Tags (anahtar kelimeler) girmeliyiz. 14

17 ADD ITEM a tıkladıktan snra uygulamamızı kullanmaya başlayabiliriz. Tabi ki bu işlemi yaptıktan snra ArcGIS Online da cntent kısmına gelip uygulamamızı kimlerle paylaşacağımızı seçmeyi unutmamalıyız. Eğer, uygulamanızı kişiselleştirmek istiyrsanız, template klasörünün içindeki css dsyasındaki Style sheetindeki kdları veya index sheetindeki kdları değiştirebilirsiniz. Daha fazla yardım ve bilgi almak isterseniz, gene template klasörünün içindeki Read Me dkümanını kuyabilirsiniz. Aşağıdaki resimde ise kişiselleştirilmiş bir Shrtlist Stry Map uygulamasını görmektesiniz. 15

18 Music Festivals (2014) ( Herhangi bir nktaya tıkladığınız zaman, bir pp-up çıkar ve bu pp-up da Shrt_Desc kısmı yer alır. Fr mre infrmatin a (Daha fazla bilgi) tıkladığınız zaman ise bir kutucuk açılır bu kutucukta adres, hurs, website, resim ve desc(1,2,3,4,5) bilgileriniz görürsünüz. 16

19 4. Önemli Bilgiler CSV Nedir? Excel de hazırladığınız verileri CSV frmatı ile kaydetmektedir. Shrtlist için Türkçe karakter kullanmamanız gerekmektedir. Aksi takdirde yazdığınız yazılar kunmaz. Shrtlist için ideal resim byutları 250*188 dir. Shrtlist harici diğer templateler adresinde mevcuttur. Hemen hemen hepsi aynı şekilde yapılmaktadır. Read me dsyalarını kuyarak detaylı bilgiye sahip labilirsiniz. sitesinden birçk Stry Map e bakabilirsiniz. 17

20 Bizi Ssyal Medyada da takip edin Esriturkey.cm Bize ulaşın Cpyright 2014 Esri Türkiye. Her hakkı saklıdır Cadde N: Beysukent ANKARA / TÜRKİYE. 18