ArcGIS Flex

UserGuide AplikasiArcGISFlex http://bkurniawan.com

1

DaftarIsi

SelamatdatangdiAplikasiWebGISArcGISFlex .......................................... ............................................................ .................. 3 1.1TentangPanduanAplikasiWebGISArcGISFlex. .......................................... ................................................. ....... 3 InstalasiAplikasiWebGISArcGIS ........................................... ................................................................. ........................................ .................. 4 2.1InstalasiArcGISDesktop.......................................... ............................................................... ............................................ ...................... 4 2.1.1 Instalasi ArcGIS License Manager ............................................ .............................................................. .................. 4 2.1.2 Instalasi ArcGIS Desktop ............................ .................................................. ............................................. .......................... ... 8 2.1.3 ArcGIS Arc GIS Administrator Wizard .......................................... ................................................................. ......................... 13 2.2InstalasiArcGISServer............................................. .................................................................. .......................................... .................... 15 2.2.1 IIS Requirements ............................................. ................................................................... .......................................... .................... 15 2.2.2 Install GIS Services ............................................. ................................................................... ...................................... ................ 17 2.2.3 Configure GIS Services ............................ .................................................. ............................................ ........................... ..... 19 2.3InstalasiAdobeFlashBuilder. ............................................ .................................................................. ............................... ......... 25 Pembuatan WebGIS dengan menggunakan ArcGIS Flex ........................................... ........................................... 28 3.1 Setting Setti ng peta dan service pada ArcGIS ........................................... ............................................................... .................... 28 3.2 Pengembangan untuk ArcGIS dengan Flex .................................. ...................................................... .................... 36 3.3 Customisasi ArcGIS dengan pemrograman Flex ............................................. ............................................... 40 PersiapanMenggunakanAplikasiWebGISArcGIS. ............................................ ..................................................... ......... 56 4.1Sebelummemulai............................................. .................................................................. ............................................ ........................... ..... 56 Tampilan WebGIS mengunakan ArcGIS Flex ............................................ ............................................................ ................ 58 5.1HalamanAplikasiWebGIS. .......................................... ................................................................ ...................................... ................ 58 5.1.1 Menu Bagian Atas...................... Atas............................................ ............................................ ...................................... ................ 60 5.1.2 Menu Utama Peta .......................... ................................................ ............................................ ................................... ............. 66


2

1 SelamatdatangdiAplikasiWebGISArcGIS Flex Aplika Aplikasi si WebGIS WebGIS ArcGI ArcGIS S Fle Flex x dibuat dibuat untuk untuk mem memban bantu tu Anda Anda dalam dalam mem memana anaje jemen men data data spasi spasial al dan metada metadata ta berupa berupa potret potret/g /gamb ambara aran n kegiat kegiatan an dalam dalam sebuah sebuah siste sistem m inform informasi asi berbasisprogramGISyangdapatdiakses,diperbaharuidandikembangkansecaraberkala. Yangterpentin Yangterpentingdari gdari Aplikasi Aplikasi WebGIS WebGIS ArcGISFlex, ArcGISFlex, kesanggup kesanggupansistemyangdapat ansistemyangdapat diakses diakses denganmudahdantampilanantarmukayangmenarik.Petunjukdidalampanduaniniakan mengenalkanAndasecaralebihdalammengenaiAplikasiWebGISArcGISFlex.

1.1TentangPanduanAplikasiWebGISArcGISFlex. PanduaninimemuatsecaradetailpengoperasianAplikasiWebGISArcGISFlex.Panduanini ditujukanuntukpenggunayangmenggunakanAplikasiWebGISArcGISFlex. Inform Informasi asi pandua panduan n ini mensim mensimul ulasi asikan kan bagaim bagaimana ana cara cara mengg mengguna unakan kan Aplika Aplikasi si WebGIS WebGIS ArcGI ArcGIS S Flex Flex dengan dengan web browse browser r untuk untuk mel melaku akukan kan kegiat kegiatan an sesuai sesuai dengan dengan fungsi fungsi yang yang dimilikiAplikasiWebGISArcGISFlex. Pembacadiperlukanpenget Pembacadiperlukanpengetahuandalamhal ahuandalamhalprogramming programmingatausoftwar atausoftwaredevelopment edevelopment..


3

2 InstalasiAplikasiWebGISArcGIS 2.1InstalasiArcGISDesktop. InstalasiArcGISDesktopterdiridaritigalangkahproses,yaitu: 2.1.1 InstallArcGISLicenseManager 2.1.2 InstallArcGISDesktop 2.1.3 ArcGISAdministrationWizard. Minimumsystemrequirements: Arc ArcGIS Deskt esktop op me memb mbu utuhka uhkan n Micros crosof oftt .NE NET T Fram Framew ewor ork k vers ersi 3.5 SP1. Jika .NET Framewor Framework k 3.5 SP1 tidak tidak terdete terdeteksi ksi pada komputer komputer anda, instalasi instalasi ArcGIS ArcGIS Desktop Desktop tidak tidak akanberjalan. .NETFramework3.5SP1tersediadalamfolderDotNet35padamediaInstallerAnda.

2.1.1InstalasiArcGISLicenseManager

License License manager manager memungki memungkinkan nkan Anda untuk untuk menginst menginstall all ArcGIS ArcGIS Desktop Desktop dan ArcInfo ArcInfo WorkstationpadabanyakPC.Jumlahlicenseyangdibelimenentukanjumlahpengguna yangdapatmenjalankanpr yangdapatmenjalankanprogramsecar ogramsecarabersamaan. abersamaan. Untukmenginstalldanmendapatkanauthoris Untukmenginstalldanmendapatkanauthorisasilicensemanager asilicensemanager,Andabutuhinformasi ,Andabutuhinformasi author authorisa isasi si yang yang diteri diterima ma dari dari ESRI ESRI Custom Customer er Servic Service e ket ketika ika Anda Anda mem membel beli i produk produk tersebut tersebut. . Simpan Simpan attachme attachment nt email email tersebut tersebut dalam PC dimana dimana Anda akanmenginstall akanmenginstall licensemanager.Filetersebutdibutuhkanselamaprosesinstalasilicensemanager. Untukmenginstalllicensemanager,ikutitahapanberikut: 1. Loginsebagaiuserdenganadministrativeprivileges. 2. Tutupsemuaaplikasipada Tutupsemuaaplikasipadakomputer. komputer. 3. Masukkanmediainstalas MasukkanmediainstalasipadaperangkatPCyangsecaraot ipadaperangkatPCyangsecaraotomatismenjalankan omatismenjalankan front end DVD dengan dengan pili pilihan han instalas instalasi, i, dimana dimana lice license nse manager manager adalah adalah salah salah satunya. Pilihan license manager ada pada \license\setup.exe untuk menjalankaninstalasilicensemanagerlangsungdarimedia. 4. Ikuti Ikuti instr instruks uksi i pada pada layar layar monit monitor. or. ArcGI ArcGIS S 10 Licen License se manage manager r menyed menyediak iakan an pili piliha han n dima dimana na Anda Anda ingi ingin n me meng ngin inst stal all l lice licens nse e mana manage ger. r. Pada Pada Wind Window ows, s, lokasi lokasinya nya berada berada pada pada C:\Pr C:\Progr ogram am Files Files\A \Arc rcgis gis\L \Lice icense nse10. 10.0. 0. Pada Pada UNIX UNIX dan Linux,lokasinyapada$HOME/arcgis/license10.0. KlikNextuntukmelanjutkaninstalasi. UserGuide AplikasiArcGISFlex http://bkurniawan.com

4

Munculjendelabaruyangmenanyakanuntukmembacafilelisensi.Andaharus mene me neri rima ma pers persya yara rata tan n lise lisens nsi. i. Anda Anda juga juga haru harus s me meny nyad adar ari i bahw bahwa a lise lisens nsi i terse ersebu butt untuk ntuk ArcGIS GIS yang yang dig digunak unakan an hanya anya unt untuk kep kepent entingan gan WWF WWF Indonesia.


5

Beri Beriku kutn tnya ya munc muncul ul jend jendel ela a Dest Destin inat atio ion n Fold Folder er. . Pada Pada keba kebany nyak akan an kead keadaa aan n (hampirseluruhpengguna),pilihdefaultlalukliknext.


6

KlikNext.Instalasidimulaisaatini.Memerlukanwaktubeberapamenit.Setelah instalasiselesai,makaakanmunculjendelasuccessfullyinstalled:


7

2.1.2InstalasiArcGISDesktop

KlikSetuppadaArcGISDesktop.Andaakanmelihatlayarini: UserGuide AplikasiArcGISFlex http://bkurniawan.com

8

KlikNextpadatampilanini. Munc Muncul ul jend jendel ela a baru baru yang yang me mena nany nyak akan an untu untuk k me memb mbac aca a file file lise lisens nsi. i. Anda Anda haru harus s menerimapersyaratanlisensi.Andajugaharusmenyadaribahwalisensitersebutuntuk ArcGISyangdigunakan ArcGISyangdigunakanhanyauntukke hanyauntukkepentinganWWF pentinganWWFIndonesia. Indonesia.


9

Berikutnyaakanmunculjendelatipeinstalasi.

PilihC PilihComple omplete teinst installa allation tionla laluk luklik likNext Next.Be .Beriku rikutnya tnyamun muncul culjend jendela elaDest Destinat ination ionFold Folder: er:


10

Padakebanyakankeadaan(hampirseluruhpengguna),pilihdefaultlalukliknext. BerikutnyamunculjendelaPythonDestination:


11

Seka Sekali li lagi lagi, , keba kebany nyak akan an peng penggu guna na akan akan me memi mili lih h defa defaul ult, t, lalu lalu klik klik Ne Next xt. . Beri Beriku kutn tnya ya munculjendelakonfirmasi:

KlikNext.Instalasidimu KlikNext.Instalasidimulaisaatini.Mem laisaatini.Memerlukanwaktubeber erlukanwaktubeberapamenit.Sete apamenit.Setelahinstalasi lahinstalasi selesai,makaakanmunculjendelasuccessfullyinstalled:


12

KlikFinish. 2.1.3ArcGISAdministratorWizard

BerikutnyamunculjendelaArcGISAdministratorWizard:

Pada"1.Selectaproduct,"pilih"ArcInfo(ConcurrentUse)." Pada"2.DefineaLicenseManagerforConcurrentUseproducts,"pili Pada"2.DefineaLicenseManagerforConcurrent Useproducts,"pilih"DefineaLicense h"DefineaLicense Managernow." ClickOK. AndatelahberhasilmenyelesaikaninstalasiDesktopsoftware.


13

Settinglicensemanager Untukmengesetlicensemanager,gunakanDesktopAdministrator. Dari StartMenu StartMenu ->AllPrograms ->AllPrograms ->ArcGIS-> ->ArcGIS-> ArcGISAdmini ArcGISAdministr strator ator.Anda .Anda akanmelihat akanmelihat jendelasepertiini:

Klik Klik folder folder "Deskt "Desktop" op". . Lalu Lalu klik klik tombo tombol l "Chang "Change" e" pada pada sisi sisi kanan kanan jende jendela. la. Anda Anda akan akan menemukannamaserverlicense.Gunakannamaserverlicensetersebutuntukmengisi nama nama Lice Licens nse e Mana Manage ger. r. Klik Klik OK untu untuk k konf konfir irma masi si lalu lalu klik klik OK pada pada jend jendel ela a ArcG ArcGIS IS Administrator. AndasekarangsiapuntukmenjalankanArcGISpadaPCAnda.Pastikanuntukmerestart komputerAnda.


14

2.2InstalasiArcGISServer. ArcGISServerdirancanguntukmembangunfungsiGISyangmutakhirdariserverpusatuntuk mendukungimplementasidanaplikasiGISEnterprise.ArcGISServermenyediakankerangka bagi bagi peng pengem emba bang ng untu untuk k me memb mbua uat t apli aplika kasi si WebG WebGIS IS dan dan laya layana nan n terf terfok okus us yang yang dapa dapat t diguna digunakan kan ole oleh h clien client t terma termasuk suk aplika aplikasi si berbas berbasis is browse browser, r, aplika aplikasi si ArcGI ArcGIS S Deskto Desktop, p, dan ArcGIS ArcGIS Engine. Engine. Semua Semua sistem sistem ArcGIS ArcGIS dibuat dibuat dan dikembang dikembangkan kan menggunak menggunakan an komponen komponen softwareyangdisebutArcObjects.ArcGISServermerupakanobjectserveruntukArcObjects. ArcG ArcGIS IS Serv Server er terdi erdiri ri dari dari dua dua enti entity ty utam utama, a, GIS GIS Serv Server er dan dan Appl Applic icat atio ion n Deve Develo lope per r Framework(ADF).ArcGISServerManagerdanWebServiceuntukmembuatdanmengatur GISservicedanaplikasiweb.GISServerterdiridari GISservicedanaplikasiweb.GIS Serverterdiridariserverobjectmanager(SOM serverobjectmanager(SOM)danserver )danserver object object container container (SOC). (SOC). ADF menyediak menyediakan an kerangka kerangka untuk membangun membangun aplikasi aplikasi web dan webservicesmenggun webservicesmenggunakanArcObj akanArcObject ects s yangberjalanpada yangberjalanpada GIS server. server. GISServer GISServer danADF tersediauntukpengemban tersediauntukpengembang.NETdan g.NETdanJava. Java. 2.2.1IISRequirements

Proses oses inst nstalas alasii ArcGIS GIS Ser Server ver me memb mbut utuh uhkkan kompo ompon nen khu khusus sus dar dari Inte nternet net InformationServices(I InformationServices(IIS)untukdiin IS)untukdiinstall.Jikakom stall.Jikakomponeninitidakdii poneninitidakdiinstall,beb nstall,beberapafitur erapafitur tidaktersedia.FiturtersebuttermasukfiturServiceManagerdanWebServicedariGIS ServicessetupdanfiturApplicationManagerdariWebApplicationsetup.KomponenIIS berikutmemenuhipersyaratanminumumuntukfiturtersebut. Langkahuntukmenambahkankompo LangkahuntukmenambahkankomponenIIS: nenIIS: 1. BukaControlPanel>Programs>T BukaControlPanel>Programs>TurnWindowsfeatur urnWindowsfeaturesonoroff(dapatdit esonoroff(dapatditemukan emukan dibawahProgramsandFeatures). 2. PerluasfiturInternetInformationServices. 3. PeriksakomponenIISdibawahinitelahdiaktifkan.


15


16

2.2.2InstallGISServices

GISServicessetupmencakupServerObjectManager(SOM),ServerObjectContainer(SOC), Python,ServicesManager,danWebServices(SOAP,REST). LangkahuntukmenginstallGISService: 1. KliklinkGISServicesetupuntukmenjalankanArcGISServer10-GISServicessetup program. 2. Selama Selama instalasi instalasi, , bacapersetujua bacapersetujuan n lisensi lisensi dansetujui, dansetujui, atau keluarjika keluarjika tidak tidak setuju setuju denganpersyaratantersebut. 3. InstalasiGISServicesmemungkinkanAndauntukmemilihfituryangAndainginkan.


17

4. PilihWebsiteuntukArcGISSer PilihWebsiteuntukArcGISServerinstance verinstance.Websiteyangterse .Websiteyangtersediaterdaftar diaterdaftarseperti seperti . Jika Jika Anda Anda tidak tidak mel meliha ihat t piliha pilihan n Websit Website, e, ini ini berart berarti i Anda Anda hanya hanya mem mempun punyai yai satu satu Website.JikahanyasatuWebsiteditemukanpadaPCAnda,ArcGISServerinstance seca secara ra otom otomat atis is dite ditemp mpat atka kan n pada pada Webs Websit ite e ters terseb ebut ut tanp tanpa a me memp mper ertu tunj njuk ukka kan n pilihanWebsite. 5. MasukkannamaArcGISServerinstance.DefaultnyamempunyainamaArcGIS.


18

6. Untukmenyelesaikaninstalasi,ikutipetunjukpadalayarmonitor. 7. Lengkapiprosespostinstalasi. SetelahinstalasiArcGISServer10-GISServicesselesai,jalankanprosespostinstalasi denganklikFinish>OK.

2.2.3ConfigureGISServices

1. Anda harus menentukan menentukan informas informasi i akun berikut. berikut. Jika akun yang ditentuka ditentukan n tidak tidak ada,postinstalasisetupakandibuatuntukAnda. AkunSOM dan password. password. Inimerupakan Inimerupakan akun dimana dimana server server object object manager manager berjalan. berjalan. Jikaakun initidak ada,post installa installation tion setup setup akanmembuatkannya akanmembuatkannya untukAnda. AkunSOCdanpassword.Inimerupakanakundimanaprosescontainermenjadi hostingdimanaserverobjectsberjalan.Jikaakuninitidakada,postinstallation setupakanmembuatkannyauntukAnda. •

•

AkunSOMdanakunSOCharusharusmempunyainamadanpassswordyangsamapada setiap setiap PC yang digunakan digunakan. . Sebagai Sebagai tambahan, tambahan, setiap setiap pengguna pengguna di kelompok kelompok agsusers agsusers atauagsadminharusjugamempunyainamadanpasswordyangsamapadasetiapPC yangdigunakan


19

2. Anda harus menyediakan akun untuk digunakan Web servers untuk menghubun menghubungkanke gkanke GISservers untuk untuk memproses memproses perminta permintaan an Web service. service. Anda dapat memilihuntuk memilihuntukmembuatakunlokalbaruataumengg membuatakunlokalbaruataumenggunaka unakanakunyangada. nakunyangada. Akundomainbarutidakdapatdibuatpadapostinstallation.


20

3. AndaakanmembutuhkaninformasiakunWebservicesselamapost AndaakanmembutuhkaninformasiakunWebservicesselamapostinstalasiaplikas instalasiaplikasi i web(dimasukkanpadamesindimanafituraplikasiwebdiinstall) 4. TentukanlokasidirektoriGISserverdannamamesinwebserver

5. Secaradefault,C:\arcgisserver Secaradefault,C:\arcgisserverdisediakanuntuklokasidirektoriGIS.Bagaimanapun, disediakanuntuklokasidirektoriGIS.Bagaimanapun, gunakantombolbrowseuntukmerubahlokasidefault.Output,cache,dandirektori pekerjaandibuatpadalokasiini. 6. Jika Jika Anda Anda me meme merl rluk ukan an prox proxy y serv server er untu untuk k kone koneks ksi i ke inte intern rnet et dan dan Anda Anda ingi ingin n membuatmap membuatmap serveryang serveryang berisilayeryang berisilayeryang meme memerlu rlukankoneksiinter kankoneksiinternet(seper net(seperti ti layer layer image image ArcIMSatau ArcIMSatau layer layer ArcGISServer ArcGISServer Mapserver Mapserver berdasarpada berdasarpada MapServer MapServer Webservice),setup Webservice),setuppostinstal postinstalasimemungki asimemungkinkanAndauntuk nkanAndauntukmenentukanin menentukaninformasi formasi proxyserver.


21

Pada Pada piliha pilihan n proxy proxy server server, , tentuk tentukan an alamat alamat proxy proxy server server, , port, port, user user name, name, dan password, password, ataumenyetujui ataumenyetujui pili pilihan han default: default: Do notuse a proxy proxy server server for ArcGIS ArcGIS Serverconnectionsoption. 7. JikaAndamengetikkaninformasiakunatausetingproxyserver,Andaakandisajikan dengankesempatanuntukmembuatfilekonfigurasiyangberisiinformasiini,yang bisa bisa diguna digunakan kan ket ketika ika menjal menjalank ankan an post post instal instalasi asi ini pada pada mesin mesin lain. lain. Jika Jika Anda Anda memilihini,Andaperlumenyediakanlokasidannamauntukfileini.


22

8. Setel Setelah ah klik klik Next, Next, jende jendela la inform informasi asi ringk ringkasa asan n instal instalasi asi akan akan muncul muncul. . Klik Klik instal install l untukmemulaikonfigurasi. Selama Selama konfigura konfigurasi,laporan si,laporan status status memuncul memunculkan kan detail detail apa yang dikonfigu dikonfigurasi rasikan kan padasetuppostinstalasidisistem.


23

Postinstalasiakanmelakukantugasberikut: • • •

•

•

•

•

•

• • • •

MembuatakunSOMdanakunSOC(jikadiperlukan). Membuatgrupagsusersdanagsadminjikatidakada. Mend Mendaf afta tark rkan an serv servic ice e Wind Window ows s ArcG ArcGIS IS Serv Server er dan dan me mens nset et akun akun star startu tup p untu untuk k menjadiakunArcGISServer. Mens enset hak hak untuk ntuk menj enjalan alankkan DCOM COM unt untuk ArcSOM SOM.exe dan dan ArcSOC SOC.exe exe (menambahakunArcGISServerdanakunArcGISContainer). Menset Menset hak akses akses DCOM DCOM untuk untuk ArcS ArcSOM. OM.ex exe e dan ArcSO ArcSOC.e C.exe xe (me (menam nambah bah akun akun ArcGISServerdanArcGISContainerdangrupagsusersdanagsadmin). Mens enset ident dentiitas DCOM COM ArcSOC SOC.exe exe untu untuk k dij dijalan alanka kan n sebag ebagai ai akun akun ArcGIS GIS Container. DCOMakandiaktifkanjikabelumdiaktifkanpadamesin.RingkasanpostinstallGIS ServerakanmenginformasikanAndajikaDCOMsudahdiaktifkan. Memberiaksestulispada\cfgdan\cfgdan\logpadaakun >\logpadaakun ArcGISServer. MemberiaksestulispadasistemdirektoriTEMPuntukakunArcGISServer. MemberiaksestulispadasistemdirektoriTEMPuntukakunArcGISContainer. MembuatakunWebservices MembuatdirektoriGISServerdengansubdirektoricache,jobsdanoutput.


24

2.3InstalasiAdobeFlashBuilder. UntukmenginstalFlashBuilder UntukmenginstalFlashBuilder4.5untukPHP: 4.5untukPHP: 

1. Pergikehttp://www.zend.com/en/products/studio/flash-builder-forPergike http://www.zend.com/en/products/studio/flash-builder-forphp/downloadsdanmenyimpanBuilderFlash4.5untukPHPfilezip., php/downloads danmenyimpanBuilderFlash4.5untukPHPfilezip., "FlashBuilderPHP_4_5_LS1.zip"dilokasisementarapadamesinAnda.Unzip,dan menjalankanfileinstalasi,"FlashBuilderPHP_4_5_LS1.exe". -ATAU-MasukkanDVDdalamdriveandadanikutipetunjukpadalayaruntuk meluncurkaninstaller. CatatanPenting: The"FlashBuilderPHP_4_5_LS1.zip"fileharusdekstraksebelummenjalankanfileinstalasi yangterkandungdidalamnya.Menjalankaninstallertanpaunzipfiletersebutakan menyebabkaninstalleruntukgagal. 2. DialogFileDownload DialogFileDownloadCompleteaka Completeakanmenginform nmenginformasikankepadaan asikankepadaandaketika daketika downloadselesai.KlikRun Run padadialoguntukmeluncurkanInstaller. PengantarDialogterbuka. 3. Click NextuntukmembukadialogPerjanjianLisensi.

4. UntukmelihatlisensiZend Zendklikdijendelakiri. Pilih"IacceptthelicensetermsofbothAdobeandZend'kotakcentangdanklik NextuntukmembukadialogpilihInstalasiFolder. UserGuide AplikasiArcGISFlex http://bkurniawan.com

25

5. Untukmemilihlokasilainselaindefaultklik Choose.Jikatidakklik Nextuntuk menginstalkelokasidefault. DialogPra-InstalasiRingkasanterbuka.

6. Reviewinformasidalamkotakdialog.Jikaadainformasisalahklik Previousdan mengubahnyadalamlayarsebelumnya.Jikainformasiinibenarklik Install. InstalasiAdobeflashBuilderdialogterbuka. UserGuide AplikasiArcGISFlex http://bkurniawan.com

26

7. KetikainstalasiselesaidialogterbukaInstalasiLengkap.

8. Pilihdancentangkotak'StartFlashBuilderforPHP'danklik Doneuntukkeluardari prosesinstalasidanmembukaFlashBuilder4.5untukPHP. UntukmendaftarkanprodukAndadenganAdobedanZendklikpadalinkdidialog. UntukmengaktifkanFlashBuilder4.5untukPHPmelihatPendaftaranLisensi,atauuntuk mulaibekerjadenganFlashBuilder4.5untukPHPlihatBekerjadenganFlashBuilder4.5 untukPHP.


27

3 Pembuatan WebGIS dengan menggunakan ArcGIS Flex 3.1SettingpetadanservicepadaArcGIS Untuk Untuk mem memper persia siapka pkan n agar agar peta peta dapat dapat ditamp ditampil ilkan kan pada pada ArcGI ArcGIS S Server Server dan ditam ditampil pilkan kan menggunakanFlex,makaperlumelaksanakanlangkah–langkahberikut:

1.

SiapkanpetayangakanditampilkandenganmembukadatashapefilepadaArcMap dansimpandalamformatArcMapDocument(.mxd)

2.

Tambah Tambah servic service e untuk untuk ArcGI ArcGIS S Server Server dengan dengan cara cara double double klik klik Add ArcGIS ArcGIS Server Server padajendelasebelahkananArcCatalogpadadirektoriGISServers. PilihManageGISServiceslaluklikNext Isitextbox ServiceURLdengan:http://localhost/arcgis/services DanHostName:localhost


28

KlikFinishuntukmenyelesaikannya.

3.

PublishfileArcMapDocument(.mxd)yangdisimpantadikeArcGISServer.


29

PadaArcCatal PadaArcCatalogjendel ogjendelasebelahkanan, asebelahkanan, klik klikkananpada kananpada file .mxddan .mxddan pilih pilihPublish toArcGISServer… Padajendelaberikut,isitextbox ArcGISServer:localhost ServiceName:wwf,laluklikNext

Pilih Mappingsebagaiserviceyangakandigunakan.Laluklik Nextdan Finish untuk mengakhiri. UserGuide AplikasiArcGISFlex http://bkurniawan.com

30

4.

AddGeometyService Geometry Geometry service service membantu membantu melakukan melakukan perhitun perhitungan gan geometri geometris s seperti seperti bufferin buffering, g, simp simpli lify fyin ing, g, me meng nghi hitu tung ng area area dan dan panj panjan ang, g, dan dan proy proyek eksi si. . Laya Layana nan n geom geomet etry ry


31

memberikanalternatifuntukmelakukanperhitunganinimenggunakanfine-grained ArcObjectsataulayanangeoprocessing. LayanangeometryservicemerupakanlayananbarudiArcGISServer9.3dantidak diaktifkan secara default. Anda harus membuat service tersebut untuk menggunakannya. Untuk Untuk menamb menambah ah Geomet Geometry ry servi service, ce, Anda Anda bisa bisa mem memula ulai i dengan dengan klik klik kanan kanan pada pada ArcGISServerpadaArcCataloglalupilih AddNewService…

Pilhjendelaberikut,padapilihan TypepilihTipeGeometryService.


32

Padajendelaselanjutnya,klikCheckboxEnableWebAccess ,danbiarkanisitextbox URLdengannilaidefault

KlikNextpadajendelaberikut


33

LaluakhiripembuatanGeometryServ LaluakhiripembuatanGeometryServicedengancaraklikpadapil icedengancaraklikpadapilihan ihanYes,startthe servicerightnow,laluklik Finish UserGuide AplikasiArcGISFlex http://bkurniawan.com

34

5.

Sampai Sampai saat ini setting setting peta dan service service pada ArcGIS ArcGIS telah telah selesai selesai dilakukan dilakukan, , dan Anda Anda bisa bisa me meng ngec ecek ek apak apakah ah serv servic ice e ters terseb ebut ut dapa dapat t dipa dipang nggi gil l adal adalah ah deng dengan an mengecekRESTService BukaalamatURLpadabrowserdenganalamathttp://localhost/arcgis/rest/servi BukaalamatURLpadabrowserdenganalamathttp://localhost/arcgis/r est/services, ces, danperiksaapakahservic danperiksaapakahserviceyangAnda eyangAndabuatada. buatada. DibawahinikitadapatlihatbahwaserviceWWFsudahadadandapatdigunakan.


35

3.2PengembanganuntukArcGISdenganFlex AplikasiinidiprogramdalamFlex4,menggunakanversiterbarudariArcGISAPIuntukFlex. UntukmengeditsourceFlex,AndaperlutahumengenaiAdobeFlex. Sebagai Sebaga i pengem pengemban bang g Flex, Flex, Anda Anda dapat dapat mengg mengguna unakan kan Flash Flash Builde Builder r untuk untuk mem memodi odifik fikasi asi widget yang ada, membuat widget baru, atau membuat semua terpisah dan menggunak menggunakannya annya sebagai sebagai titik titik awal untuk untuk aplikasi aplikasi Fle Flex. x. Lingkunga Lingkungan n pengemban pengembangan gan (IDE) (IDE) UserGuide AplikasiArcGISFlex http://bkurniawan.com

36

untuk pengembang pengembangan an Flex adalah adalah Adobe Flash Flash Builder Builder 4.5, tetapi tetapi Anda juga harus dapat menggunakanIDElainnyay menggunakanIDElainnyayangmendukung angmendukungpengembanganF pengembanganFlex4. lex4. Andaharusfamiliardengan: ArcGISVieweruntukFlexsecaraumum; Bagaimanamengkonfigurasidenganfilexml.    Memahami Memahamistr struktu ukturf rfolder olderdar dariap iaplika likasi siView Viewer. er. PengembangandenganFlex4ataudiatas. MenggunakanAdobeFlashBuilder. •

• •

Andaharusmemiliki: • • • •

Akseskewebserver. AdobeFlashBuilder4.0,4,01,atau4,5-ataucaralainuntukkompilasi. AdobeFlexSDK4.1atauterbaru. Sourcecodeaplikasi

MengolahsourcecodeaplikasipadaFlashBuilderpadaPC. 1. AmbilsourcecodeaplikasiArcGISViewerforFlexdari http://help.arcgis.com/en/webapps/flexviewer/ atau https://github.com/ArcGIS/ArcGISViewerForFlex/tags kedalamfolder,misalnya"D:\wwf".Janganmengekstrakfilesaatini. 2. DalamAdobeFlashBuilder,buka File ->Import->FlashBuilderproject.

3. Pastikanpilihan"File"yangdipilih,kliktombolBrowse.


37

Pilihfileyangflexviewer-2.5-src.ziptadi,misalnya"D:\wwf\flexviewer-2.5-src.zip". 4. The Extractnewprojectto :textboxakanotomatisdiaturkelokasidimanasumber proyekberada,misalnya"D:\wwf\.  Perhati Perhatian:Jangan an:Jangan memasukkann memasukkannyake yake webserver- webserver- Andaharusmemisahk Andaharusmemisahkanlokasi anlokasi sourcecodeaplikasiAndadarioutputhasilkompilasi. 5. Kliktombol Finish.Proyekakandibuatdandi .Proyekakandibuatdanditampilkandal tampilkandalamjendelaEx amjendelaExplorerP plorerPaket aket AdobeFlashBuilder,misalnyadalamhalinikasuswwf. VerifikasisetupViewer 1. Bukawwf->src->(defaultpaket)folder 2. Pilihindex.mxml 3. Sekarangmari Sekarangmari kita kita menjalank menjalankannya annya - ada beberapa beberapa cara untuk untuk melakukan melakukan halini. Salah Salah satu satu cara cara adalah adalah dengan dengan mengkl mengklik ik tombol tombol segiti segitiga ga hijau hijau di atas. atas. Cara Cara lain lain adalahklikCtrl-F11.Caraketigaadalahdenganklikmenu Run,lalupilih RunIndex.

4. Browserakanterbukadan Browserakanterbukadanaplikasi aplikasiakanditampil akanditampilkan. kan. Sebagaipraktikterbaik,Andamungkininginmengikutipetunjukdibawahiniuntuk pengembangan 1. Klikkananpadaprojectini(WWF)->Klik Properties->Klik FlexBuildPath.


38

2. Dalamtextbox OutputFolder di bagianbawah, bagianbawah,tentuka tentukanlokasi nlokasiserverwebAnd serverwebAndadi adi manaAndaFlexViewerharusdijalankan,misalnyadalamkasusIISwebserver,C:\ Inetpub\wwwroot\wwf. 3. DalamkotakteksOutputfolderURL,tentukanURLyangc ,tentukanURLyangcocokdenganfol ocokdenganfolderoutput deroutput Andatentukanpadalangkahtadi,misalnyahttp://localhost/wwf/ 4. KlikOK. 5. Rebuildkembaliprojecttersebut. 6. Pilihprojectdanjalankan. 7. Browserakanterbukadanaplikasiakanditampilkandarisebuahsitusweb.


39

3.3CustomisasiArcGISdengan 3.3CustomisasiArcGISdenganpemrogramanF pemrogramanFlex lex

AplikasidenganFlexmemilikifilekonfigurasiutamabernamaconfig.xml-iniadalahaplikasi defa defaul ult t file file konf konfig igur uras asi. i. File File ters terseb ebut ut me meng ngon ontr trol ol tamp tampil ilan an, , fung fungsi si, , dan dan isi isi data data dala dalam m aplikasi.Fileiniterletakdifolderutamainstalasiwwf. Isiconfig.xmldapatdibagimenjadiempatbagianutama: 1. Propertiumum(misalnya:judulaplikasi,warnastyle,font) 2. Aplika Aplikasi si antarm antarmuka uka penggu pengguna na (misa (misalny lnya: a: widget widget yang yang mem memben bentuk tuk bagian bagian dari dari UI Viewer) 3. KontenPeta(misalnya:basemapsdanlayeroperasional) 4. Widgetkontainer(misalnya:widgetdalamwidgettray) Ketika Ketika aplika aplikasi si ArcGI ArcGIS S Fle Flex x dijala dijalanka nkan, n, aplika aplikasi si terseb tersebut ut mem memuat uat file file confi config.x g.xml ml . Dengan Dengan meng me nged edit it file file ini, ini, apli aplika kasi si dapa dapat t deng dengan an muda mudah h diko dikonf nfig igur uras asi i untu untuk k me meme menu nuhi hi seti setiap ap kebutuhanbisnisyangspesifik. Gambardibawahmengilustrasikankonseptualbagianutamadarifilekonfigurasiaplikasi:

File File dimula dimulai i dan diakhi diakhiri ri dengan dengan tag on> yang yang mengid mengident entif ifika ikasi si sebaga sebagai i file file konfigurasiuntukaplikasi.


40

1.GeneralViewerProperties:

Tagberikutdapatdigunakanuntukmengaturpropertiumumaplikasi: • • •

•

•

-Teksjudulyangditampilkandisudutkiriatasaplikasi. <subtitle>-Tekssubjudulaplikasi. <logo> - Loka Lokasi si path path ke gamb gambar ar logo logo yang yang dita ditamp mpil ilka kan n pada pada UI View Viewer er. . Hal Hal ini ini ditamp ditampil ilkan kan di sebela sebelah h kiri kiri dari dari judul. judul. Gambar Gambar harus harus tidak tidak leb lebih ih besar besar dari dari 48x48 48x48 piksel,atauakandiubahukurannyakeukuranitu.FileyangdidukungPNGdanGIF. <httpproxy> - URL URL ke serv server er prox proxy y yang yang akan akan digu diguna naka kan n untu untuk k tag tag <lay <layer er> > yang yang memilikiatributuseproxy="true",sertawidgetyangmendukungtaguseproxydalam file file konfi konfigur gurasi asi (Data (Data Extrac Extract, t, Geopro Geoproce cessi ssing, ng, GeoRS GeoRSS, S, Loc Locate ate, , Query Query dan Searc Search h widget). <style>-berisipengaturanstyleberikut: <colors>-Setwarnayangmendefinisikantampilanaplikasi.Taginimemiliki lima lima nilai, nilai, diwaki diwakili li (dari (dari kiri kiri ke kanan) kanan): : warna warna tek teks, s, warna warna latar latar bel belaka akang, ng, rollover rollover warna,warnapiliha warna,warnapilihan,dan n,dan warnateksjudul.Nilai warnateksjudul.Nilai warna didasarkan didasarkan padaRGBdalamformatheksadesimal. <alpha rel="nofollow">-TingkattransparansiuntukkomponenUIViewer.Nilaiberkisardari 0,0(transparan)sampai1,0(buram).  > - Font Font utama utama yang yang diguna digunakan kan dalam dalam aplika aplikasi si (term (termasu asuk k untuk untuk sub judul).Inimemilikiduaatribut: o Nama-Namadarifont,misalnyaComicSansMS. o Ukuran-Ukuranfont,misalnya,12. <titlef <titlefont> ont> - Font yang digunakanuntuk digunakanuntuk judul judul dalam Header Header Controll Controller. er. Ini memilikiduaatribut: o Nama-Namadarifontjudul,misalnyaComicSansMS. o Ukuran-Ukuranfontuntuk Ukuran-Ukuranfontuntukjudul,mi judul,misalnya,28. salnya,28.JikaAnda JikaAndamenghapus menghapus subtitle,adaruanguntukukuranfontyanglebihbesar,misalnya36.  <geometryservice>-Geometryservicedigunakanolehbeberapawidgetdanketika wraparoundmemilikinilaiTrue. Inimemilikiatributberikut: url–URLdariGeometryservice. Toke Token n - nila nilai i Toke Token n digu diguna naka kan n untu untuk k me meng ngak akse ses s laya layana nan n ArcG ArcGIS IS Serv Server er secaraaman. usepro useproxy xy - Apakah Apakah akan akan mengg mengguna unakan kan proxy proxy atau atau tidak tidak. . Jika Jika True, True, akan akan mengguna menggunakan kan halaman halaman proxy proxy yang ditentuka ditentukan n dengan dengan <httppro <httpproxy>. xy>. Nilai Nilai boolean,defaultnyaadalah boolean,defaultnyaadalah"false". "false". Referens ensi i splash splash screen screen yang yang muncul muncul ket ketika ika aplika aplikasi si pertam pertama a kali kali <splashpage> - Refer dibuka. Inimemilikiatributsebagaiberikut: label-Namawidgetdigunakanuntuksplashpagetersebut. config-Lokasipathdarifilekonfigurasihalamansplashwidget. url-URLfileswfhalamansplashwidget.. § § § § § § § § § • § § § § UserGuide AplikasiArcGISFlex http://bkurniawan.com 41 • <bing> - Jika Jika me meng nggu guna naka kan n Bing Bing Maps Maps untu untuk k peta peta atau atau geoc geocod odin ing g Anda Anda perl perlu u memberikankeyAndasendiri.Inimemilikisatuatribut:  key–keydaribing.Diperlukan. § Dibawahiniadalahsubsetdarifileconfig.xmldanpropertiessecaraumum: <configuration> <title title> >WWF Indonesia </ > Global environmental conservation organization >assets/images/WWF50 Indonesian Badge.jpg > >

/>

2.ElemenUI:

Ini Ini me meru rupa paka kan n widg widget et inde indepe pend nden en (yai (yaitu tu, , yang yang terl terlet etak ak di luar luar widg widget et cont contai aine ner) r) dan dan biasanyamerupa biasanyamerupakanbagian kanbagian dari tata letak/ letak/ UIdariaplikasi. UIdariaplikasi. Widgetiniterdir Widgetiniterdiridarikontrol idarikontrol Vieweraplikasi.EmpatbentukwidgetdefaultUI:Navigationwidget,OverviewMapwidget, MapSwitcherwidget,danHeaderControllerwidget. - tag t> inde indepe pend nden en dide didefi fini nisi sika kan n di sini sini unt untuk seti setiap ap widg widget et yang yang membentukUIViewer.Lihatdibawahiniuntukwidgetyangdimanage.

Berikutiniadalahkodecontohfileconfig.xmldarielemenUIaplikasi: ... ...


42

3.KontenPeta:

Bagiandarifilekonfigurasiaplikasiinimendefinisikanisipeta.Dimulaidandiakhiridengan tagyangdapatmemilikitigasubtag:,dan. Kontenpetadapatdidefinisikandalamsatudariduacara(tapitidakkeduanya): 1. Deng Dengan an expl explic icit itin ing g me mend ndef efin inis isik ikan an laye layer r data data (mis (misal alny nya, a, base basema maps ps dan dan laye layer r operasional)dalamfilekonfigurasi,atau 2. DenganmengakseswebmapyangdipublishdariArcGIS.com. MenggunakanWebMap  Guna Gunaka kanpr nprop oper erti tiIt Item emid iddar darite >ters rseb ebut ut.I .Ite temi midme dmeng ngac acupa upada daIDit IDitem emWeb Web MapdariArcGIS.com.Aplikasi MapdariArcGIS.com.Aplikasidapatmengaksesdanmelihat dapatmengaksesdanmelihatWebMapyangditerbit WebMapyangditerbitkandari kandari ArcG ArcGIS IS.c .com om. . Perh Perhat atik ikan an bahw bahwa a Anda Anda tida tidak k dapa dapat t me mena namb mbah ahka kan n laye layer r base basema maps ps dan dan operasionalbilamenggunak operasionalbilamenggunakanwebmap. anwebmap.

Menggunakanbasemapsdanlaye Menggunakanbasemapsdanlayeroperasional roperasional -Daftarlayananpetayangdigunakansebagaibasemappadaaplikasi.Hanya satubasemap satubasemap dapat terlihat terlihat padasatuwaktu, tetapibasemap tetapibasemap dapat terdiri terdiri dari lebi lebih h dari satulayer.Untukmembuatbasema satulayer.Untukmembuatbasemaphybrid, phybrid, namapropertiharussamapada namapropertiharussamapada semua semua layer layer dalamkelompokbasemapsyangharusmembuatbasemaphybrid.Ketikabeberapalayanan pet peta terda erdaft ftar ar dala alam , >, Map Swit witcher her widg widge et dap dapat dig digunak unakan an unt untuk memungkin memungkinkan kan pengguna pengguna untuk untuk menggant mengganti i peta. peta. memiliki memiliki satu subtag subtag yang dapatdiulangbeberapakali: •

-Iniadalahlayananpetayangditampilkansebagailayerpadaaplikasi.

-Daftarlayananpetayangoverlaydiatasdatabasemappadaaplikasi. LayeroperasionaldapatdiaksesdarikeduaMapSwitcherwidget,TombolMore…danLayer Listwidget.memilikisatusubtagyangdapatdiulangbeberapakali: •

-Iniadalahlayananpetayangditampilkansebagailayerpadaaplikasi.


43

>

-Menentukankomponenpetapadaaplikasi.Memilikiatribut:

AtributUmum  •

•

• • • •

•

•

•

•

–Inisialspasialextentdaripeta.Ditet peta.Ditetapkandarikoordinatmi apkandarikoordinatminimumx,y nimumx,y initialextent –Inisialspasialextentdari dan maksim maksimum um x,y x,y dari dari refere referensi nsi spasia spasial l aplika aplikasi. si. Refer Referens ensi i spasi spasial al dari dari aplika aplikasi si adalah adalah refer referens ensi i spasia spasial l layer layer dasar dasar pertam pertama, a, atau atau wkid wkid / WKT jika jika didefi didefinis nisika ikan. n. Seba Sebaga gai i cont contoh oh, , seba sebagi gian an besa besar r laya layana nan n onli online ne ArcG ArcGIS IS di WGS WGS 1984 1984 proy proyek eksi si Mercat Mercator or Web Sphere Sphere auxila auxilary ry (wkid (wkid # 10210 102100). 0). Nilai Nilai koordi koordinat nat dapat dapat dipero diperoleh leh dengan dengan menggunak menggunakan an aplikasi aplikasi Extent Extent Helper. Helper. Jika tidak tidak ditentuka ditentukan, n, initial initial extent extent akandefaultkeinitialextentdaribasemappertama. but ini diguna gunaka kan n ole oleh Navi avigati ation widge idgett unt untuk zoom oom pada pada fullextent - Atribut "maksimum "maksimum spasial spasial extent" extent" dari peta. peta. Sintaksny Sintaksnya a sama seperti seperti untuk untuk initalex initalextent tent. . Jikapropertiinitidakdiatur,fullextentaplikasiakanmenjadiinitialextent. -pusattitikawalpeta. center -pusattitikawalpeta. -tingkatawaluntukmembukapeta.LeveltergantungpadaLODspetaAnda. level -tingkatawaluntukmembukapeta.LeveltergantungpadaLODspetaAnda. skala-skalaawalpeta. esrilogovisible -MenentukanapakahuntukmenampilkanlogoESRIdalamaplikasi. Nilaiboolean,defaultnyaadalah"true". Menent ntuk ukan an apak apakah ah akan akan me meng nggu guna naka kan n kurs kursor or tang tangan an openhandcursorvisible - Mene terbukadiaplikasi.Nilaiboolean,defaultnyaadalah"false". Mengat atur ur "eas "easin ing" g" dari dari peta peta keti ketika ka pann pannin ing. g. Nila Nilai i yang yang vali valid d paneasingfactor - Meng adalahantara0dan1.Nilai1mematikaneasing.Jikatidakdiset,defaultnya0,2. Menentuk tukan an apakah apakah menamp menampil ilkan kan skala skala bar dalam dalam aplika aplikasi. si. Nilai Nilai scalebarvisible - Menen boolean,defaultnyaadalah boolean,defaultnyaadalah"true". "true". zoomslidervisible -Menentukanapakahuntukmenampilkansliderzoompetadalam apli aplika kasi si. . Nila Nilai i bool boolea ean, n, defa defaul ultn tnya ya adal adalah ah "fal "false se" " kare karena na Navi Naviga gattion ion widg widget et ditampilkandiaplikasisecaradefault.


44

•

•

•

mengacu padanomor ID referens referensi i spasial spasial peta. peta. Jika kedua wkid - Well Known ID, mengacu WKTdanwkidditentukan,wkidakandigunakan.Jikawkidtidakditentukan,maka proyeksipertamaakanmengaturwkid(atauWKT). Text, mengacu mengacu padateks referens referensi i spasial spasial peta. peta. ArcGIS ArcGIS Server Server WKT - Well Known Text, mengha mengharu ruska skan n semua semua menjad menjadi i 10,0 10,0 atau atau leb lebih. ih. Jika Jika wkid wkid tidak tidak ditent ditentuka ukan, n, maka maka proyeksipertamaakanmengaturwkid(atauWKT) apakah untuk untuk mengak mengakti tifka fkan n terus terus meneru menerus s panni panning ng di Dateli Dateline ne wraparound180 - apakah tersebut.Defaultadalah"false".

Atributuntukkomponenposisipeta  top - Jarak Jarak verti vertikal kal dalam dalam pixel pixel dari dari tepi tepi atas atas peta peta ke tepi tepi atas atas aplika aplikasi si. . Defau Default lt adalah 0 piksel, tetapi 40 adalah praktek terbaik saat menggunakan HeaderControllerwidgetkarenabiasanyamencakup40pixel. Jarak vertik vertikal al dalam dalam pixel pixel dari dari tepi tepi bawah bawah peta peta ke tepi tepi bawah bawah aplika aplikasi si. . bottom - Jarak Defaultadalah0piksel. Jarak horis horisont ontal al dalam dalam pixel pixel dari dari tepi tepi kiri kiri peta peta ke tepi tepi kiri kiri aplika aplikasi si. . Defaul Default t left - Jarak adalah0piksel. - Jarakhorison Jarakhorisontaldala taldalampixeldari mpixeldaritepikanandaripet tepikanandaripetake ake tepikananaplikas tepikananaplikasi. i. right - Defaultadalah0piksel. •

•

•

•

1016000" fullextent "40">

- Lev Level el of detail detail (LOD (LODs), s), atau atau skala skala yang yang diteta ditetapka pkan. n. Sec Secara ara def defaul ault t tingk tingkat at yang yang tersed tersedia ia ditent ditentuka ukan n dari dari basema basemap. p. Untuk Untuk mengub mengubah ah ini, ini, tentu tentukan kan seper seperang angkat kat set level level tersen tersendir diri. i. Untuk Untuk layer layer pre-c pre-crea reate ted d tiles tiles, , harus harus sama sama persis persis dengan dengan lev level el Anda. Anda. ds> memilikisatusubtagyangpadagilirannyamemilikiduaproperties:resolusidanskala. ...

scale="295828763.795777"/> scale="36978595.474472"/> scale="4622324.434309"/> scale="577790.554289"/>

4.Widgetcontainer:

Sebuah Sebuah widget widget containe container r merupakan merupakan pembanguna pembangunan n konseptual konseptual, , dan bukan sesuatu sesuatu yang langsung langsung terlihat terlihat di UI. Hal ini memungki memungkinkan nkan widget widget dikelompok dikelompokkan kan bersama bersama bertujuan bertujuan untukmanajemenaplikasi.Widgetdisimpandalamwidgetcontainerdireferensikandalam widg widget et tray tray. . Widg Widget et yang yang pada pada peng penggu guna na akhi akhir r dapa dapat t deng dengan an muda mudah h me meng ngak akti tifk fkan an / menonaktifkanpadaaplikasi,biasanyadisimpandalamwidgetcontainer. UserGuide AplikasiArcGISFlex http://bkurniawan.com

45

-Mendefinisikansebuahwidgetcontaineruntukaplikasi.Aplikasidapat memiliki beberapa widget container. Ketika tag adalah sub-tag dari , >, widget widget disim disimpan pan dalam dalam widget widget contai container ner dan mereka mereka akan akan muncul muncul dalamtraywidget.

Dala Dalam m samp sampel el kode kode file file conf config ig.x .xml ml di bawa bawah, h, Book Bookma mark rks s dan dan Find Find an addr addres ess s widg widget et tersimpandalamwidgetcontainer: ...

/> ... ...

4.1WidgetSelectMap

WidgetSelectMapmenyimpankoleksiextentpeta(yaitu,spasialbookmark)daridatayang ditamp ditampil ilkan kan dalam dalam aplika aplikasi. si. Hal ini ini juga juga mem memung ungkin kinkan kan pengg pengguna una untuk untuk mem membua buat t dan menambahkanbookmarkspasial. UserGuide AplikasiArcGISFlex http://bkurniawan.com

46

Mengkonfigurasiwidgetpadafileconfig.xml Fileberikutmerupakansettingkonfigurasistandarduntukwidgetpadaconfig.xml. "open"/>

Fileinididefinisikanolehtagyangmengidentifikasisebagaifilekonfigurasi. Mendukungpenged Mendukungpengeditan itan daftarbookmark daftarbookmark diwidget danjugamemungkinkan danjugamemungkinkan dialogwidget dialogwidget labeldiubah.Memilikisubtagsberikut:     Kontai Kontainer nersp spasi asial alboo bookma kmark rkunt untuk ukapl aplika ikasi. si.I Ini nimem memil iliki ikisa satu tusu subt btag: ag: < bo o k m a r k > Setiap Seti ap bookmark bookmark akan memiliki memiliki tag  > sendiri. sendiri. Koordinat Koordinat minimum minimum x, y dan dan maks maksim imum um x, y yang yang me mend ndef efin inis isik ikan an bata batas s penu penunj njuk uk spas spasia ial l haru harus s dala dalam m referensispasialyangsamadenganpeta.Memilikiatributberikut:  name -Namabookmark. •

Untuk Untuk mengetah mengetahui ui koordinat koordinat x,y minimum minimum dan x,y maximum maximum bisa mengguna menggunakan kan bantuan bantuan darilinkberikut: http://help.arcgis.com/en/webapps/flexviewer/extenthelper/flexviewer_extenthelper.html Contohfilekonfigurasi: (default)" > > 9650000 -636000 12781000 "Sumatra"> 624000 > 11096000 -512000 14227000 "Kalimantan"> 748000 > Bali">11484000 -1087000 13049000 458000 > Maluku">11895000 -868000 15026000 392000 > Tenggara">12753000 -1291000 14319000 687000 > 13531000 -965000 16662000 295000 > "Papua"> 10213000 -1352000 16475000 "Indonesia"> 1016000 > > >

4.2WidgetSearch


47

Windet Windet Searc Search h mem memung ungki kinka nkan n penggu pengguna na untuk untuk mencar mencari i fitur fitur dalam dalam layer layer terte tertentu ntu pada pada aplika aplikasi. si. Widget Widget ini menyed menyediak iakan an dua cara cara berbed berbeda a untuk untuk mel melaku akukan kan pencar pencarian ian: : spasi spasial al (menggunakanalatpencariangrafis)ataudenganatribut(pencarianteks). Mengkonfigurasiwidgetpadafileconfig.xml Fileberikutmerupakansettingkonfigurasistandarduntukwidgetpadaconfig.xml. "widgets/eSearch/SearchWidget.swf"/>

Fileinididefinisikanolehtagyangmengidenti Fileinididefinisikanolehtagyangmengidentifikasisebagaifilekonfigurasi fikasisebagaifilekonfigurasi. . mendukungperubahanpencarianlayerdanfieldatributyangmenghasilkanhasilpencarian. Memilikisubtag:  Berisilayeryangdicariuntukwidget.Memilikisubtagberikut:  Menent Menentuka ukan n layer layer yang yang dic dicari ari. . Set Setiap iap layer layer yang yang dic dicari ari akan akan mem memil iliki iki tag sendiri.Memilikisubtagsberikut:  Namalayer.  AlamatURLlayeryangdicar AlamatURLlayeryangdicari.Iniadalahla i.Iniadalahlayerindividudal yerindividudalamservice, amservice, jadibiasanyaakanberakhirdenganangka,seperti.../MapServer/0.  PraPra-pe pend ndef efin inis isia ian n quer query y untu untuk k widg widget et yang yang digu diguna naka kan n dala dalam m pencarian(teks)atribut.Sebagaicontoh,PARCELID='[value]'. 


48

FielduntukditampilkansebagaijuduldijendelaInfoPopup.  Wadahuntukfieldyangdiambil.Memilikiatributberikutdansatu subtag: • all- Menentuk Menentukan an fiel field d yang diambil.Nilai diambil.Nilai Boolean, Boolean, dimana dimana True mengambilsemuafields(defaultadalahfalse).  Fiel Field d tert terten enttu yang yang akan akan diam diambi bil. l. Ini Ini me memi mili liki ki atri atribu but t seba sebaga gai i berikut: •Nama-Namadarifieldatributpadaserverside. •alias-Namaaliasuntukditampilkandisisiclient.Jikahalinitidak dite ditent ntuk ukan an, , nama nama alia alias s serv server er akan akan digu diguna naka kan n dan dan dita ditamp mpil ilka kan n dalamwidget. > > true >KOTA > >http://localhost/ArcGIS/rest/services/wwf/MapServer/1 > upper(NAMA) LIKE upper('%[value]%') Use one of the graphical search tools to select parcels true NAMA > /> /> /> > > >40000 >

4.3WidgetDrawandMeasure

WidgetDrawandMeasurememungkinkanpenggunauntukmenggambargrafiksederhana, menulisteksdanmenghitungjaraksertaluasanpadatampilanpeta.


49

Mengkonfigurasiwidgetpadafileconfig.xml Fileberikutmerupakansettingkonfigurasistandarduntukwidgetpadaconfig.xml.

4.4WidgetPrint

WidgetPrintmemungkinkanpenggunauntukmencetakoutputapayangAndalihatadalah apa yang yang Anda Anda dapatk dapatkan an (WYSI (WYSIWYG WYG). ). Sem Semua ua tampi tampilan lan peta peta konte konten n yang yang saat saat ini terli terlihat hat akan dice dicetak. tak. Ini termasuk termasuk widget widget Navigasi Navigasi, , skala bar. Pengguna Pengguna dapat menentuk menentukan an judul judul kustomdansubjuduluntuk kustomdansubjuduluntukdokumenoutput dokumenoutput. . Beberapafitur: • •

exportkepdf,jpeg,png,danemf menampilkanextentlayoutkertassecaralangsungpadapeta


50

•

mendukungmulti-mapservices/multi-server o membuatsinglepdf: daribanyakmapservicesyangberjalanpadaserveryangberbeda kombinasiWMSdenganAGSmapservices menambahgambarpadatampi menambahgambarpadatampilanpeta lanpeta o ttik,garis,polygon,text menambahelemenpadatampilanlayoutdalamunitkertas o elementext o scalebar o scaletext o legenda o arahutara § §

•

•


51

Mengkonfigurasiwidgetpadafileconfig.xml Fileberikutmerupakansettingkonfigurasistandarduntukwidgetpadaconfig.xml. "lu/etat/pch/gis/widgets/pchPrintWidget/PchPrintWidget.swf"/>

4.5WidgetMapLayer

Widget Widget Map layer layer menyedia menyediakan kan pengguna pengguna aplikasi aplikasi dengan dengan kemampuan kemampuan untuk mengubah mengubah layana layanan n peta peta (dan (dan layern layernya) ya) dan mem memati atikan kan. . Dafta Daftar r layer layer yang yang muncul muncul di widge widget t adalah adalah lapisanoperasionalyangtercantumdalamfilekonfigurasiutamaaplikasi. Dalamgambardibawahini,terdiridarigruplayeroperasional.Setiaplayermemilikikotak centangyangmemungkinkanpenggunauntukdenganmudahmengubahvisibilitasmereka on atau atau off. off. Unt Untuk grup layer ayer base ase, mem emil iliiki eksp kspansi ansi pana panah h me menu nunj njuk ukka kan n bahw bahwa a mengandunglapisansublayer.Visibilitasuntuklapisansublaindapatdiaturdalamwidget ini.



52

4.6WidgetIdentify

Widget Widget Identif Identify y menyediak menyediakan an kemampuan kemampuan untuk untuk menampil menampilkan kan informas informasi i dari layer layer yang diklik.Penggun diklik.Pengguna a bisa mendapatk mendapatkan an informas informasi i tersebut tersebut dengan dengan caraklik identify identify tool yang berupatitik,garis,kotakdanpolygonlaluklikpadapetayangingindicariinformasinya.

Mengkonfigurasiwidgetpadafileconfig.xml Fileberikutmerupakansettingkonfigurasistandarduntukwidgetpadaconfig.xml. "widgets/Identify/IdentifyWidget.swf"/>

4.7WidgetQuery

Widget Widget Query Query memungkin memungkinkan kan pengguna pengguna untuk untuk mendapatk mendapatkan an informas informasi i dari peta dengan dengan mengeksekusisebuahqueryyangtelahditetapkan. Widget Widget Query Query terdir terdiri i dari dari piliha pilihan n "Select (Query ry Buil Builde der) r) dan dan "Select Select By Attrib Attribute utess" (Que Select by Location". TabSelectionOptions: Memungki MemungkinkanAndauntukmenetap nkanAndauntukmenetapkanmetodepilih kanmetodepilihan. an. MisalAdd MisalAdd toSelection, toSelection, Remove Remove from Sele Selecti ction, on, dan New Sele Selecti ction. on. Andadapat meli melihat hat berapa berapa banyak banyak fitur fitur yang terpili terpilih h pada pada setiap setiap fitur fitur layer layer. . Anda Anda dapat dapat klik klik kanan kanan pada pada fitur fitur layer layer untuk untuk mem memper perbes besar ar atau atau UserGuide AplikasiArcGISFlex http://bkurniawan.com

53

meghapuspilihan/seleksi.

TabSelectbyAttributes: InimerupakanquerybuildersamasepertiArcGISselectbyattributes.Doubleklikpadafield akanmendapatkandaftaryangdisortirdarifitur. TabSelectbyLocation: InisamadenganfiturArcGISselectbylocation. Andadapat memilh memilh fitur fitur layer layer (tekan (tekan tombol tombol ctrl ctrl untuk untuk memilihbanyak memilihbanyak fitur fitur layer dalam daftar).PilihtipeSpatialRelation,misal:intersect,within. TabSelectionResults: Hasi Hasil l quer query y akan akan dita ditamb mbah ahka kan n pada pada tab tab data datagr grid id. . Ubah Ubah dian dianta tara ra data datagr grid id untu untuk k tiap tiap Feat Featur urel elay ayer er deng dengan an me meng ngub ubah ah daft daftar ar drop dropdo down wn. . Mous Mouse e over over item item data datagr grid id untu untuk k menempilk menempilkan an jendela jendela informas informasi. i. Klik item item pada datagrid datagrid untuk memperbe memperbesar sar pada fitur. fitur. Eksporhasiltersebutmenjadifiletabdelimitedtext.



54

"widgets/Selection/SelectionWidget.swf"/>

... > > >Kota_Kab > >http://localhost/ArcGIS/rest/services/wwf/MapServer/1 > > "NAMA"/> "STATUS"/> "PROPINSI"/> > >NAMA > > > "NAMA"/> "STATUS"/> "PROPINSI"/> > > ...


55

4 PersiapanMenggunakanAplikasiWebGIS ArcGIS. 4.1Sebelummemulai. Program Program ini mengharap mengharapkan kan sistem sistem pendukung pendukung lainnya lainnya yang diperluk diperlukan an tersedia tersedia dan Anda terb terbia iasa sa dala dalam m peng penggu guna naan anny nya. a. Bila Bila Anda Anda ragu ragu akan akan hal hal ters terseb ebut ut,, hubu hubung ngi i sist sistem em administratorAnda. SebelumAndamenggunakanprogramini,pastikansemuaperangkatlunak(software)cocok danterintegrasipadasistem.YangAndaperlukansbb;

•

Jaringan(LAN)terkoneksipadaserv Jaringan(LAN)terkoneksipadaserveryangmenjalankan eryangmenjalankanAplikasiWebGIS AplikasiWebGIS

Sist Sistem em Anda Anda atau atau netw networ ork k admi admini nist stra rato tor r akan akan me meny nyed edia iaka kan n akse akses s deng dengan an alam alamat at Internet(URL)yangdapatdiakses. •

Webbrowserterbarudalamsistem Webbrowserterbaru dalamsistemcomputerAnda. computerAnda.

ProgrambrowserpendukungyangdapatmenjalankanprogramAplikasiWebGISArcGIS Flex: •

•

•

•

•

MicrosoftInternetExplorerversi8.0danterbaru- http://windows.microsoft.com/en-US/internet-explorer/products/ie/home Mozilla/Firefoxversi4.+danterbaru– http://www.mozilla.org/id/firefox/new/ GoogleChromeversi15.+danterbaru- http://www.google.com/chrome/intl/id/landing.html?hl=id#theme-benny Operaversi6.+danterbaru– http://www.opera.com/products/

AktifkanpendukungJavaScriptdan AktifkanpendukungJavaScriptdancookiespadaweb cookiespadawebbrowser. browser.

JavaSc JavaScri ript pt dan cookie cookies, s, kedua kedua penduk pendukung ung terse tersebut but harus harus aktif aktif pada pada securi security ty setti settings ngs browserdanbiasanyasudahakt browserdanbiasanyasudahaktif. if. Jikamenemukanmasalahsaatmenjalankansistemtersebut,periksabrowserconfigurasi untuk untuk memastik memastikan an JavaScrip JavaScript t dan cookies cookies dalam keadaan keadaan aktif. aktif. (Lihat (Lihat Tools Tools > Internet Internet tabspadaInternetExplorer,atauTools>Options>Content Options>Security tabspadaInternetExplorer,atau Tools>Options>Content tabsdalam Firefox.)


56

•

WebBrowserdanWindowKontrol. Apli Aplika kasi si WebG WebGIS IS ArcG ArcGIS IS Flex Flex me memb mbua uat t HTML HTML terl terlih ihat at dina dinami mis s pada pada tamp tampil ilan an we web b

browser. Denganmenggunakantombol‘back’dan ‘forward’dapatmenyulitkantampilandisetiap hala halama man. n. Untu Untuk k itu itu tida tidak k disa disara rank nkan an untu untuk k me meng nggu guna naka kan n tomb tombol ol ters terseb ebut ut dala dalam m menjalankanAplikasiWebGIS. AplikasiWebGISdidisainuntukresolusitampilanlayarminimal1024x768-pixel. 


57

5 Tampilan WebGIS mengunakan ArcGIS Flex

5.1HalamanAplikasiWebGIS. Setelahlogin padahalamanlogin,maka penggunaakan Setelahlogin penggunaakan disuguhka disuguhkan n berupa berupa splash splash screen screen sebelummemasukihalaman sebelummemasukihalamanutamaWebGIS. utamaWebGIS.

Splash Splash screen screen terdiri terdiri dari beberapa beberapa tab, yaitu yaitu : Welcome, Welcome, About, About, Facilit Facilities, ies, Data Sources, Sources, Legend,Gallery,danFeedback.KlikAgreeuntukmelanjutkan.


58

Pada Pada tamp tampil ilan an awal awal apli aplika kasi si WebG WebGIS IS, , peng penggu guna na akan akan me meli liha hat t tamp tampil ilan an peta peta Indo Indone nesi sia a denganToolsSelectMapdanMapLayeryangaktif.


59

Halaman peta Aplika Aplikasi si WebGI WebGIS S merupa merupakan kan halama halaman n inti inti yang yang terdir terdiri i dari dari dari dari bebera beberapa pa menu: 1. MenuBagianAtas. 2. MenuUtamaPeta.

5.1.1

MenuBagianAtas

Menu Menu bagian bagian atas atas merupa merupakan kan menu menu yang yang terle terletak tak dibagian dibagian atas atas muka muka peta. peta. Terdir Terdiri i dari dari Logo,JudulAplikasi,MenuTools,danlinkAbout.

LogodanJudulAplikasi

MemuatlogoArcGISFlex. Tools


60

T o o ls

SelectMap

Search

D e s k r ip s i Menampil Menampilkan kan pili pilihan han pulau Indonesi Indonesia a untuk untuk melakukanperbesar melakukanperbesaran an petadanmenampilkanpilihanpetatersebutketengahpeta.Terdiri dari dari Sum Sumatr atra, Kal Kalimant antan, an, Jawa Jawa Bal Bali, Sula Sulawe wessi Maluk aluku, u, Nusa Nusa Tenggara,danPapua.

Menuuntukmelakukanpencarianberdasarkankriteriayangdipilih, berdasarkanlayerpetayaitulayerKota,Kecamatan,kabupatendan Propinsidll


61

Drawand Measure

Menu Menu untu untuk k me mela laku kuka kan n peng pengga gamb mbar aran an dan dan peng penghi hitu tung ngan an jara jarak k maupunmenghitungluasan. Penggunadapatmenggambarsebuahtiti Penggunadapatmenggambarsebuahtitik(markers),gar k(markers),garis(line), is(line),dan dan area area (pol (polyg ygon on) ) deng dengan an cara cara me memi mili lih h gamb gambar ar yang yang akan akan dibu dibuat at, , kemudianklikdiareapetayangdiinginkan.


62

Print

MenuuntukmencetakpetadalamformatPDF. Dengan memilih format peta yang ingin dicetak, skala yang diinginkan,resolusidanlayoutelemenyangdipilih,penggunadapat menyimpanpetatersebutdalamformatPDF,JPEG,danPNG


63

Maplayer

Identify

MapLayermerupakantooluntukme MapLayermerupakantooluntukmenampilkandaftar nampilkandaftarlayerpetadan layerpetadan menampilkanlegendadarilayertersebut. Penggunadapatmengaktifkandanmenonaktifkanlayerdengancara klikpadacheckboxyang klikpadacheckboxyangdisediakan. disediakan.

Untuk Untuk mengiden mengidentifi tifikasi kasi fitur fitur dari data spasial spasial yang ada pada muka petadengancaramengklikpadadaerahyangdiinginkan.


64

Query

Chart

Untuk Untuk mengiden mengidentifi tifikasi kasi fitur fitur dari data spasial spasial yang ada pada muka petadengancaramemilihkreteriamelaluiquerydataatribut.

Untukmengidentifikasid Untukmengidentifikasidataatribut ataatributdarilayerpe darilayerpetamelaluit tamelaluitabelatau abelatau diagrambarchart.Penggunabisamelihatbarcharttersebutdengan caraklikpadaareayangingindiidentifikasi.


65

5.1.2

MenuUtamaPeta

Menu Menu utama utama peta peta menamp menampilk ilkan an seluru seluruh h objek objek dari dari layer layer yang yang dipil dipilih ih untuk untuk ditamp ditampilk ilkan. an. Terdir Terdiri i dari dari tampil tampilan an peta peta kesel keseluru uruhan han, , skala skala garis garis, , pembac pembacaan aan koordi koordinat nat lintan lintang g bujur, bujur, zoomslider,pilihanbasemapberupaStreets,Aerial,ToposertaOverviewmap. MukapetamenampilkankeseluruhanobjekdaripetaIndonesia.

Zoom Zoom slid slider er berf berfun ungs gsi i untu untuk k me mela laku kuka kan n perb perbes esar aran an atau atau perk perkec ecil ilan an peta peta deng dengan an cara cara menggeserpadaslider sesuaidengankeinginankita. sesuaidengankeinginankita. Pengg Pengguna una juga juga dapat dapat mengge menggeser ser peta, peta, mem memper perbes besar ar peta peta dengan dengan cara cara mem membua buat t kotak kotak seleksidipeta. UserGuide AplikasiArcGISFlex http://bkurniawan.com

66

Skala garis/gr garis/grafis afis berfungs berfungsi i untuk menampilk menampilkan an skala skala peta dan menampilk menampilkannya annya dengan dengan bentukgarislurusyang bentukgarislurusyang terbagi terbagi dalam beberapabagianyangsama beberapabagianyangsama panjangny panjangnya.Pada a.Pada garis garis tersebuttercantumukuranjarakyangsesungguhnyadilapanganyaitudalamkilometer. Denganpenyajiangrafister Denganpenyajiangrafistersebutmakadapatdi sebutmakadapatdibacabahwajarakantar bacabahwajarakantaraduaangkadipeta= aduaangkadipeta= 150 km di lapang lapangan. an. Skala Skala grafi grafis s ini ini pada pada umumny umumnya a diguna digunakan kan apabil apabila a suatu suatu peta peta akan akan dikecilkanatauakandibuatukurantertentu.Denganmemakaiskalagrafik/garismakajarak duatempatdapatlangsungdiukurdalampeta. Koordinatpetadapatdilihatpadapojokkiribawahdenganformatdesimallintangdanbujur.

Over Overvi view ew map map me mena namp mpil ilka kan n loka lokasi si pada pada muka muka peta peta yang yang dise disele leks ksi, i, yang yang diga digamb mbar arka kan n dengankotakseleksiberwarnamerah.


67

Pilihanbasemap(petadasar)dapatdipilihdengan3pilihanyaitu:Streets,AerialdanTopo.




68

ArcGIS Flex

Recommend Documents