Differences
This shows you the differences between two versions of the page.
|
isi:laboratoare:02 [2025/10/06 19:59] sorin.ciolofan [ArcGIS Instant Apps builder] |
isi:laboratoare:02 [2025/10/17 15:10] (current) sorin.ciolofan [Resurse] |
||
|---|---|---|---|
| Line 19: | Line 19: | ||
| {{:isi:laboratoare:lab1:create_web_app_publish.png?400|}} | {{:isi:laboratoare:lab1:create_web_app_publish.png?400|}} | ||
| - | Aceasta este o metodă simplă și rapidă de a crea aplicații web folosind portalul ArcGIS, dar nu este cea mai versatilă în cazul aplicațiilor mai complexe, cu funcționalități și integrări specifice. Enter ArcGIS for Developers: | + | Aceasta este o metodă simplă și rapidă de a crea aplicații web folosind portalul ArcGIS, dar nu este cea mai potrivita în cazul aplicațiilor mai complexe, cu funcționalități și integrări specifice. In aceste cazuri se vor folosi API-urile ArcGIS |
| ==== ArcGIS for Developers ==== | ==== ArcGIS for Developers ==== | ||
| Pentru a dezvolta o aplicație web folosind direct SDK-ul și API-urile ArcGIS, aveți nevoie de un API KEY generat pe contul [[https://location.arcgis.com/|Location ArcGIS]]. | Pentru a dezvolta o aplicație web folosind direct SDK-ul și API-urile ArcGIS, aveți nevoie de un API KEY generat pe contul [[https://location.arcgis.com/|Location ArcGIS]]. | ||
| + | Dupa ce va autentificati, selectati "Content", apoi "New item" si optiunea "Developer credentials". In pop-upul care apare selectati "API Key Credentials". Selectati "Next" iar in pagina referitoare la privilegii bifati toate privilegiile. | ||
| + | {{:isi:laboratoare:lab2:l2_2.png?600|}} | ||
| - | {{:isi:laboratoare:lab3:apikey.png?600|}} | + | IMPORTANT! |
| + | Cand generati API Key-ul, copiati sirul respectiv de caractere si salvati-l undeva deoarece ulterior nu veti mai avea acces la acesta! | ||
| + | |||
| + | {{:isi:laboratoare:lab2:l2_3.png?600|}} | ||
| + | |||
| + | /*{{:isi:laboratoare:lab3:apikey.png?600|}}*/ | ||
| ==== Familiarizare cu JavaScript ==== | ==== Familiarizare cu JavaScript ==== | ||
| Line 39: | Line 46: | ||
| <note important>Rareori aplicațiile web de complexitate medie sunt scrise direct în JavaScript. De regulă se folosesc framework-uri pentru a gestiona structura și funcționalitățile generale ale aplicațiilor, dar toate acestea au la bază o cunoaștere bună a limbajului.</note> | <note important>Rareori aplicațiile web de complexitate medie sunt scrise direct în JavaScript. De regulă se folosesc framework-uri pentru a gestiona structura și funcționalitățile generale ale aplicațiilor, dar toate acestea au la bază o cunoaștere bună a limbajului.</note> | ||
| + | /* | ||
| <note tip>SDK-ul de JavaScript pentru ArcGIS este folosit pentru a crea aplicații web customizabile, independente de tipul de browser folosit. Are la bază framework-ul Dojo, un toolkit care permite realizarea aplicațiilor modulare.</note> | <note tip>SDK-ul de JavaScript pentru ArcGIS este folosit pentru a crea aplicații web customizabile, independente de tipul de browser folosit. Are la bază framework-ul Dojo, un toolkit care permite realizarea aplicațiilor modulare.</note> | ||
| Line 46: | Line 54: | ||
| <note tip>Găsiți [[https://dojotoolkit.org/documentation/tutorials/1.10/modules/|aici]] informații suplimentare din documentația Dojo</note> | <note tip>Găsiți [[https://dojotoolkit.org/documentation/tutorials/1.10/modules/|aici]] informații suplimentare din documentația Dojo</note> | ||
| + | */ | ||
| ==== Setup aplicație web ==== | ==== Setup aplicație web ==== | ||
| Pentru a începe lucrul cu ArcGIS Maps SDK for JavaScript, găsiți aici un setup minimal pentru a afișa o hartă: [[https://developers.arcgis.com/javascript/latest/display-a-map/|Display a map]] | Pentru a începe lucrul cu ArcGIS Maps SDK for JavaScript, găsiți aici un setup minimal pentru a afișa o hartă: [[https://developers.arcgis.com/javascript/latest/display-a-map/|Display a map]] | ||
| - | Structura aplicației ArcGIS are la bază sistemul modular bazat pe Dojo: | + | Incepind cu versiunea 4.27 a ArcGIS API for JavaScript se folosesc web components native (taguri precum <arcgis-map>, <arcgis-search>, <arcgis-legend> etc. sunt taguri HTML personalizate — adică Web Components create de Esri) |
| + | /* | ||
| <file javascript> | <file javascript> | ||
| require([ | require([ | ||
| Line 61: | Line 70: | ||
| { | { | ||
| </file> | </file> | ||
| + | */ | ||
| === Sandbox === | === Sandbox === | ||
| Line 67: | Line 76: | ||
| Pentru a salva proiectele realizate în CodePen este necesar să vă creați un cont gratuit. | Pentru a salva proiectele realizate în CodePen este necesar să vă creați un cont gratuit. | ||
| - | {{:isi:laboratoare:lab3:codepen.png?600|}} | + | /* |
| + | {{:isi:laboratoare:lab3:codepen.png?600|}} */ | ||
| <note important> | <note important> | ||
| - | Folosiți tab-urile corespunzătoare pentru a scrie cod HTML, CSS și JavaScript, în loc să scrieți tot codul în HTML. | + | /*Folosiți tab-urile corespunzătoare pentru a scrie cod HTML, CSS și JavaScript, în loc să scrieți tot codul în HTML.*/ |
| + | În cazul componentelor ArcGIS moderne, tot codul trebuie să rămână în tabul HTML, nemaifiind necesara separarea codului in tabul JS asa cum era la versiunile anterioare bazate pe Dojo. | ||
| - | În proiecte mai complexe, separarea fișierelor (.html, .css, .js) permite o mai bună organizare a aplicației, și facilități de formatare și verificare a sintaxei în cazul folosirii unui IDE (de ex. [[https://code.visualstudio.com/|Visual Studio Code]]).</note> | + | /*În proiecte mai complexe, separarea fișierelor (.html, .css, .js) permite o mai bună organizare a aplicației, și facilități de formatare și verificare a sintaxei în cazul folosirii unui IDE (de ex. [[https://code.visualstudio.com/|Visual Studio Code]]).*/ </note> |
| Line 171: | Line 182: | ||
| https://www.arcgis.com/home/item.html?id=<my-layer-id></note>*/ | https://www.arcgis.com/home/item.html?id=<my-layer-id></note>*/ | ||
| - | ==== Resurse ==== | + | /*==== Resurse ==== |
| * {{:isi:laboratoare:lab3:la_hub_datasets.zip|LA_Hub_Datasets.zip}} | * {{:isi:laboratoare:lab3:la_hub_datasets.zip|LA_Hub_Datasets.zip}} | ||
| + | */ | ||
