Exemplu de aplicatie web care afiseaza un time-enabled hosted feature service cu

ajutorul unui control de tip time slider.

Autor: ing. Sorin Ciolofan

(material suport de laborator curs ISI)

In exemplul prezentat mai jos ne propunem sa afisam o animatie cu judetele in care a avut loc
seceta in intervalul 2005-2010.

Judet Perioada de seceta

SV 21 Iulie – 31 August 2005
OT 20 Iunie – 20 Septembrie 2006
CL 12 Mai – 29 August 2008
CT 10 Mai – 4 Septembrie 2008
VN 19 Iulie – 15 Septembrie 2009
DJ 10 Iulie – 19 Septembrie 2009
NT 1 Mai – 28 August 2010

1) Se descarca layer-ul cu unitatile administrativ-teritoriale ale Romaniei, de la adresa

http://www.arcgis.com/home/item.html?id=8a9bb1b1d4f2459f86033aae0c40ebba

Acest layer este impachetat ca un shapefile.

Se salveaza pe disc si se dezarhiveaza fisierul .zip. (de ex. in directorul Judete)

2) In ArcMap se selecteaza “Catalog” din toolbar apoi in fereastra “Catalog”

 se creaza o conexiune la folder-ul anterior creat (“Judete” sau oricare alt nume dat
mai inainte) selectind “Connect to folder” din meniul contextual aferent intrarii
“Folder connections”. Apoi “drag and drop” judete.shp in fereastra “Layers”.

Din meniul contextual al layer-ului Judete putem observa tabela de atribute asociata.
Se poate observa ca fiecare judet este reprezentat ca un feature de tip polygon, are un
OBJECTID, denumire, cod, municipiu resedinta de judet, si populatia masurata in cadrul
diverselor recensaminte (din 1948 pina in 2006).

Vom avea nevoie sa adaugam atribute temporale la tabela deja existenta. In acest sens se va
defini o noua tabela intr-un geodatabase file si se va face JOIN intre tabela cu atributele layer-
ului si tabela nou definita, de ex. SECETA.
JOIN-ul il vom face pe baza OBJECTID din tabela layer-ului Judete si a unui cimp ID din
tabela SECETA.

In “Catalog” se va merge pe folder-ul proiectului si din meniul contextual se va alege “New—

File geodatabase”. Apoi pe noua .gdb creata se acceseaza meniul contextual si se creaza un
nou table (numit, de ex. SECETA).
Se da next, iar in fereastra in care se pot defini noi cimpuri vom defini cele 3 cimpuri de care
avem nevoie
- ID (pe care il vom folosi pt. a face join cu Judete.OBJECTID)
- Start (data de inceput a perioadei de seceta)
- End (data de sfirsit a perioadei de seceta)
Va trebui sa identificam OBJECTID pentru judetele SV, OT, CL,CT,VN,DJ,NT.
Pentru a adauga inregistrari in tabela SECETA, incepem modul editare (Start Editing)
si apoi selectam tabela SECETA. Se deschide tabela (Open) apoi se insereaza manual
cite o inregistrare pentru fiecare perioada de seceta.

Pentru realizarea JOIN-ului se merge pe layer-ul Judete, se alege Join and Relates ->
Join…
Se va alege optiunea “Keep only matching records”
Daca se da “Validate Join” ar trebui sa apara un mesaj conform caruia numai 7
inregistrari au corespuns (match) criteriilor impuse.

Dupa realizarea join-ului noul layer va arata ceva de genul

A se remarca noile coloane care apar in tabela layer-ului Judete.

Mai departe vom face o simulare a time-slider-ului din interiorul ArcMap. Este nevoie
sa activam mai intai component temporala pe layer-ul Judete. Pentru aceasta, din
meniul contextual se alege “Properties” apoi in tab-ul “Time” se bifeaza “Enable time
on this layer”
 Selectam “Each feature has a start and end time field” si apoi numele cimpurilor (de
obicei aceste nume sunt déjà completate de program pe baza definitiei de tip
Date/Time a coloanelor din tabela de atribute).

Iesim din sesiunea de editare (“Stop editing”) si salvam modificarile. Lansam time-
slider din toolbar

Din time-slider este nevoie sa dam “enable time” din cel mai din stinga icon.
Se pot face si unele customizari de “look and feel” precum cele din fereastra de mai
jos (icon-ul Options)

Pentru a vedea animatia se apasa “Play”

3) Urmatorul pas este exportarea layer-ului nostru ca shapefile pentru a-l putea apoi
importa in portal.
Din meniul contextual pentru layer-ul Judete, “DataExport data” se selecteaza “All
features” si se completeaza numele noului shapefile de exportat (ex. seceta.shp).
Observam ca in directorul proiectului au aparut citeva fisiere noi.

Pentru a crea arhiva .zip necesara importului in portal, avem nevoie doar de 4 din
acestea, *.dbf, .shp, .shx, .prj.
Cream o arhiva zip cu aceste 4 fisiere (seceta.zip)

Fiind autentificat in portal, selectez “Add item” din “My Content” in scopul de a crea
un hosted feature layer service.
Foarte important este sa fie bifat (“Publish this file as a hosted layer”).
Dupa crearea cu succes a serviciului ar trebui sa apara urmatorul ecran

Se observa in icon-ul din stinga cum au fost generate cele 7 judete.

In sectiunea Layers se acceseaza sageata din dreapta, apoi Time settings

unde se realizeaza setari asemanatoare cu cele facute in ArcMap.

Din My Content se selecteaza sageata din drepata feature layer-ului numit seceta si se
alege “Add layer to new map”

Se deschide o harta care are un time-slider integrat in partea de jos a ecranului.

Se pot configura anumite setari pt. time slider (cum ar fi pasul de timp) din iconul cel
mai din dreapta (“Configure”).
Din layer-ul seceta se poate seta transparenta (de ex. la 50%, default e opac), se pot
configura pop-upurile sa apara numai anumite informatii.
Dati “Play” si apoi “Pause” cind apar pe harta judetele. Accesati pop-up-urile.

Salvati harta.
Puteti partaja harta dind “Share” fie folosind direct link-ul catre harta creata mai
devreme sau creind o aplicatie web.
 Puteti selecta “Create a web app” apoi exista 2 optiuni:
- Fie folositi un template pre-existent de aplicatie web
- Fie folositi Web App Builder care va permite sa adaugati widget-uri si sa
configurati temele de design web.

Folosind cea de-a doua optiune puteti obtine rapid o aplicatie web customizabila ca cea din
figura de mai jos
Felicitari! Ati realizat prima aplicatie web customizabila bazata integral pe ArcGIS care
contine un control de tip time-slider si un layer cu componenta temporala.