TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART III

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART III

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART III

Lanjutan dari posting sebelumnya,

Step 1-- >  Klik kanan pada file .shp, pilih properties, dan maka akan muncul jendela pengaturan properties, Pilih Tab Style --> Categorized --> Pilih Column (disini saya akan memunculkan atribut tabel propinsi ) --> Klik Classify --> Atur warna sesuai atribut propinsi -- > Ok

 

Maka akan tampak seperti tampilan berikut

Step 2 --> Selanjutnya bekerja dengan plugin qgis2web

                 Klik tab WEB --> pilih qgis2web --> Create Web Map

 

Step 3 --> Maka akan masuk ke  halaman setting map

                 Setting qgis2web

                 Pilih tempat hasil penyimpanan (2)

                 Pilih Leaftleftweb (3)

                 Pilih show atribut all (1)

 

Tampilan di browser

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART IV

 TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART IV

Read More

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART II

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART II

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART II

Lanjutan postingan sebelumnya, kita sudah membahas  bagaimana install plugin qgis2web di quantum gis

Sekarang kita akan membahas bagaimana import file hasil digitasi ke quantum gis dan bagaimana membuat sebuah web GIS dari hasil digitasi dengan memanfaatkan plugin qgis2web, contoh file seperti dibawah ini

Step 1 --> Buka aplikasi Quantum gis 



Step 2 --> Pilih tab, Klik Add Vector Layer, Pilih file, Klik open dan pilih .shp (peta yang sudah di digitasi) dan klik open

Step 3 --> Open file

Step 4 --> Tampilannya sebagai berikut setelah berhasil di import

Berlanjut ke --->

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART III

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART III

Read More

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART I

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART I

A.    Software dan Tools Yang digunakan

1.      Quantum Gis 2.8.2

2.      Plugins qgis2Web (installasi harus terkoneksi internet)

3.      Peta yang sudah di digitasi

4.      Browser (Mozzila Firefox yang saya gunakan)

B.    Cara Install dan Konfigurasi Quantum Gis

Kali ini kita akan memahas bagaimana cara upload peta hasil digitasi dengan menggunakan qgis dan menampilkannya ke web. Disini saya tidak akan menjelaskan bagaimana cara menginstall quamtum gis, karena saya rasa teman -teman sekalian sudah paham cara install quantum gis.

a.  Plugins qgis2web

Plugins qgis2web digunakan untuk memudahkan membaca data yang ada di qgis dan tersebut di compile ke browser sehingga browser dapat menampilkan data tersebut.

Cara install plugins qgis2web.

 1.      Buka QGIS. Klik Plugins ‣ Manage and Install Plugins... . untuk membuka dialog :guilabel:`Plugin Manager.

2.      Jikalau ini adalah pertama kalinya anda menggunakan QGIS, anda akan melihat banyak plugins yang terdaftar pada tab Installed. Hal ini disebabkan karena plugins ini adalah Plugins Inti dan terinstall saat penginstallan QGIS.

3.      Tuliskan  qgis2web di kolom search, klik install plugins tunggu sampai selesai. Dan apabila berhasil akan tampak seperti dibawah.

 

4. Selesai konfigurasi plugin qgis2web. 

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART II

TUTORIAL MEMBUAT WEB GIS DENGAN QUANTUM GIS PART II

Read More

Cara Hosting Web di IDHostinger dan Cara Uploadny Dengan FileZilla

Assalamualaiku.wr.wb

Kali ini saya akan membuat tutorial bagaimana cara hosting web di idhostinger dan cara uploadny dengan menggunakan filezilla.

Link :
Filezilla
idhostinger sebagai tempat hosting. https://www.hostinger.co.id/

Oke sekarang kita langsung aja tanpa, basa basi.

Step 1 Login atau silahkan daftar terlebih dahulu apabila anda belum punya akun.

Step 2. Setelah masuk ke dashboard, sekarang klik HOSTING BARU (100%gratis).

Oke daripada panjang lebar ngejelasinnya disini silahkan download aja versi E-Book nya, pegel euy hehehehe..... :)

Download Link ---> hosting & Upload

Read More