Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Geographic Information System / GIS / SIG / SIstem Informasi Geografis / Tutorial

Menampilkan Informasi Foto (Image) di ArcGIS Dengan HTML Popup

22 komentar

Menampilkan Informasi Foto (Image) di ArcGIS Dengan HTML Popup - Selain mengolah data spasial, software ArcGIS juga dapat menampilkan gambar seperti foto. Hal ini sangat membantu kita dalam mengetahui kenampakan fisik suatu tempat atau bangunan pada lokasi tertentu.

Adapun contohnya sebagai berikut :



Adapun langkah-langkah Menampilkan Informasi Foto (Image) di ArcGIS Dengan HTML Popup sebagai berikut:
  • Buka software ArcGIS
Misal file citra satelit memiliki nama “kampus_depok.ecw”, shapefile persil bangunan memiliki nama “Bangunan.shp”



  • Buka data “kampus_depok.ecw” dan “Bangunan.shp”


  • Buka attribute table data “Bangunan.shp” untuk melihat isi informasinya seperti gambar berikut


  • Dari isi informasi diatas terdapat bangunan Balairung UI dan Perpustakaan Pusat UI, jika dilihat di citra sebagai berikut


  • Untuk menampilkan foto, buat terlebih dahulu field baru di “attribute table” yang diperlukan untuk mengisi ekspresi HTML untuk menampilkan foto dengan pilih Table Option > Add Field…


  • Pada
    • Name : Isi nama (misal Foto)
    • Type : pilih text
    • Lenghth : isikan jumlah maksimal karakter pada field (misal 300)


  • Start Editing “Bangunan.shp” agar dapat meng-edit isi “attribute table” dengan klik kanan “Bangunan.shp” > Edit Features > Start Editing atau dengan cara pilih Editor > Start Editing

011_08
  • Pada field foto ketik ekspresi “<img src= ‘direktori file’ />”
  • Pada baris Balairung UI =
“ <img src= ‘D:\BLOG\_DESAIN11\Balairung-UI.jpg’ width=’300′ />”

Misalkan file foto bernama “Balairung-UI.jpg” dan berada direktori “D:\BLOG\_DESAIN11\” sehingga direktori lengkapnya “D:\BLOG\_DESAIN11\Balairung-UI.jpg”. width disini untuk ukuran gambar yang ditampilkan
  • Pada baris Perpustakaan Pusat UI =

“ <img src= ‘D:\BLOG\_DESAIN11\Perpus-UI.jpg’ width=’300′ />”

Misalkan file foto bernama “Perpus-UI.jpg”



  • Foto yang akan ditampilkan; Balairung-UI.jpg (kiri) dan Perpus-UI.jpg (kanan)


  • Save attribute table (editing) dengan pilih Editor > Save Edits; dan jika sudah selesai pilih Editor > Stop Editing


  • Buka Properties dari “Bangunan.shp” dengan klik kanan “Bangunan.shp” > Properties…


  • Pada HTML Popup
    • Ceklis “Show content for this layer using HTML Popup tool” (pastikan terceklis)


  • Untuk melihat tampilan foto klik ikon HTML Popup pada toolbar Tools



  • Klik poligon yang mempunyai informasi ekspresi HTML


  • Hasilnya sebagai berikut






artkiel ini, Menampilkan Informasi Foto (Image) di ArcGIS Dengan HTML Popup dibuat oleh gispedia 

22 komentar untuk "Menampilkan Informasi Foto (Image) di ArcGIS Dengan HTML Popup"

  1. yuslan30 April 2017 pukul 23.15

    Gan, kalau dipindahkan file shp di komputer lain,popup nya msih bisa klihatan foto atau tidak ? Sebelumnya, terimakasih gan.

    BalasHapus
    Balasan
    1. Gispedia16 Mei 2017 pukul 21.08

      bisa mas Yuslanos D Lacintos, asalkan direktorinya sama...
      Co : D:\.....

      Hapus
  2. college stuff20 Juni 2017 pukul 16.37

    makasi maaas

    BalasHapus
  3. Dylan19 Juli 2017 pukul 20.48

    Salam, mau tanya mas, masukkin video di arcgis lewat HTML popup ada nggak tutorialnya mas??

    BalasHapus
    Balasan
    1. Gispedia18 November 2018 pukul 10.16

      Saya belum buat Mas Dylan, kata kuncinya di "attach file" tapi harus geodatabase dulu

      Hapus
  4. andri saputra jusuf4 Oktober 2017 pukul 19.51

    Salam.. Kalo bisa tau direktori dari file jpeg tersebut dari mana??

    BalasHapus
    Balasan
    1. Gispedia18 November 2018 pukul 10.16

      cara melihat direktori filenya bisa dilihat pada windows explorer mas, dibagian atas biasanya

      Hapus
  5. Unknown9 November 2018 pukul 10.13

    salam kenal terimakasih informasinya untuk Menampilkan Informasi Foto (Image) di ArcGIS Dengan HTML Popup

    jangan lupa kalo boleh kunjungi juga website saya https://yeladevista.mahasiswa.atmaluhur.ac.id
    Dan website kampus saya http://www.atmaluhur.ac.id

    BalasHapus
  6. Unknown19 November 2018 pukul 17.49

    Trimakasih infonya gan, btw Popup tool itu buat apa ya gan ? Kunjungi website saya juga ya di https://ailen.mahasiswa.atmaluhur.ac.id dan website kampus saya di http://www.atmaluhur.ac.id

    BalasHapus
  7. Unknown5 Januari 2019 pukul 00.24

    salam mas mau tanya kenapa ya saya sudah ikuti cara diatas tapi hasilnya fotonya gambar X, mohon pencerahannya

    BalasHapus
  8. Unknown19 Januari 2019 pukul 23.02

    Gan, apakah hasil input gambar HTML POP UP nya itu kalau diprint akan muncul di kertas hasil print?
    Terimakasih.

    BalasHapus
  9. Unknown5 Maret 2019 pukul 14.58

    gan, gambarnya kok ga muncul ya?

    BalasHapus
  10. Ridho A. Saputra24 September 2019 pukul 06.46

    apakah pop up image ini hanya untuk poligon? apakah bisa digunakan pada point koordinat tertentu?

    BalasHapus
  11. darkness3 Oktober 2019 pukul 11.22

    assalamualaikum gan , kalau di aplikasikan ke webgis gimana ? bisa juga ?

    BalasHapus
  12. darkness3 Oktober 2019 pukul 11.22

    assalamualaikum gan , kalau di aplikasikan ke webgis gimana ? bisa juga ?

    BalasHapus
  13. Unknown25 September 2020 pukul 14.30

    om kok icon html popup nya ga bisa di klik ya? dan fotonya juga muncul X ketika di prperties verify. padahal direktorinya sudah betul. mohon pencerahan om

    BalasHapus