BAB V

APLIKASI SISTEM ELEMEN ESTETIKA KOTA

(SEMESTA)

Pada Bab 5 ini disampaikan tampilan dari Sistem Elemen Estetika Kota (Semesta). Pada aplikasi
ini terdapat beberapa level dari pengguna yang yang dapat mengakses aplikasi sesuai dengan
kebutuhan yang telah ditentukan oleh pihak Dinas Perumahan dan Kawasan Permukiman,
Pertanahan dan Pertamanan (DPKP3) Kota Bandung.

5.1. LEVEL AKSES

Level akses sistem terdiri dari:
1. Administrator
Level akses administrator diberikan kepada pegawai pemerintah daerah yang ditunjuk
oleh pihak DPKP3 kota Bandung. Administrator mendapatkan akses terhadap seluruh fasilitas
yang ada pada aplikasi ini termasuk melakukan menipulasi data yang meliputi penambahan,
pengubahan dan penghapusan data. Adapun fasilitas utama yang dapat diperoleh oleh level
akses administrator diantaranya:
a. Mengakses Peta Taman
b. Mengatur (tambah, ubah dan hapus data) Data Taman
c. Mengatur (tambah, ubah dan hapus data) Data Vertikal Garden
d. Mengatur (tambah, ubah dan hapus data) Data Pot Jalan
e. Mengatur (tambah, ubah dan hapus data) Data Pengaduan
f. Mengatur (tambah, ubah dan hapus data) Data Berita
g. Mengatur (tambah, ubah dan hapus data) pengguna aplikasi.
2. Operator
Level akses operator diberikan kepada pegawai pemerintah yang ditunjuk oleh pihak
DPKP3 kota Bandung. Level akses operator memiliki kesamaan dengan akses administrator
dalam hal memperoleh data dan informasi tetapi level operator tidak diizinkan untuk
melakukan manipulasi data (penambahan, pengubahan dan penghapusan).
3. Publik
Level akses publik diperuntukan bagi masyarakat umum yang membutuhkan akses
terhadap data dan informasi yang ada pada aplikasi tanpa harus melakukan login. Adapun
fasilitas utama yang dapat diperoleh oleh level akses publik diantaranya adalah:
a. Informasi Daftar Taman.
b. Informasi Daftar Vertikal Garden.
c. Informasi Daftar Pot Jalan
d. Akses terhadap Peta Elemen Estetika.
e. Pengaduan
f. Pengumuman
5.2. STRUKTUR MENU
Struktur menu Sistem Elemen Estetika Kota (Semesta), Dinas Perumahan dan Kawasan
Permukiman, Pertanahan dan Pertamanan Kota Bandung adalah sebagai berikut:
1. Administrator
Struktur menu untuk level akses administrator adalah sebagai berikut:
1. Dashboard
2. Elemen Estetika
a. Taman
b. Vertikal Garden
c. Pot Jalan
3. Peta Taman
4. Pengaduan
5. Berita
6. Pengguna
a. User
b. Group

Gambar 5.1. Struktur Menu

Administrator
2. Publik
Struktur menu untuk level akses publik adalah sebagai berikut:
1. Beranda
2. Elemen Estetika
3. Peta
4. Pengaduan
5. Berita

Gambar 5.2. Struktur Menu Masyarakat

5.3. PETUNJUK PENGGUNAAN

Guna memudahkan cara penggunaan aplikasi ini, maka akan diuraikan langkah-langkah
penggunaan dari setiap menu yang ada dalam aplikasi. Dalam mengakses aplikasi ini diperlukan
koneksi terhadap jaringan internet.
5.3.1. Cara Membuka Aplikasi
Cara membuka atau memulai akses terhadap aplikasi adalah sebagai berikut:
1. Memulai akses aplikasi
Bukalah aplikasi melalui web browser (Google Chrome atau Mozila FireFox atau yang
lainnya) dengan alamat url sebagai berikut: https://taman.wst.co.id
Pada halaman web browser akan muncul tampilan seperti pada gambar 5.3 di bawah ini.
 Gambar 5.3 Tampilan Awal Aplikasi

2. Login aplikasi
Login aplikasi dilakukan untuk pengguna dengan level akses administrator dan operator.
Proses login aplikasi dapat dilakukan dengan cara mengetikan alamat url:
https://taman.wst.co.id/log di ikuti dengan tombol ENTER. Setelah menekan tombol ENTER
halaman web akan menampilkan form login seperti pada gambar 5.4 di bawah ini.

Gambar 5.4 Form Login

 Pada form login gunakan ketikkan Username dan Password serta centang tulisan “Saya
bukan robot” (reCAPTCHA), lalu klik tombol LOGIN.

5.3.2. Level Akses Administrator

Level akses administrator memiliki kesamaan dalam hal memperoleh data dan informasi
tetapi level operator tidak diizinkan untuk melakukan manipulasi data (penambahan,
pengubahan dan penghapusan).

A. Menu Dashboard
Menu Dashboard akan otomatis tampil ketika sudah berhasil login. Pada tampilan menu
tersebut ditampilkan informasi berupa Rekapitulasi jumlah taman, Vertikal Garden dan Pot
Jalan yang sudah di input dalam database.. Tampilan menu tersebut dapat dilihat pada gambar
5.5 di bawah ini.

Gambar 5.5 Tampilan Dashboard

B. Menu Elemen Estetika

Menu elemen estika berisi 3 (tiga) submenu yaitu Taman, Vertikal Garden dan Pot jalan dengan
penjelasan sebagai berikut :
1. Submenu Taman
Submenu Taman digunakan untuk pengelola data taman pulau jalan yang ada di Kota
Bandung. Berikut tahapan penggunaan dari menu ini adalah sebagai berikut:
Klik submenu Taman yang ada pada gambar 5.1 di atas. Berikutnya akan muncul tampilan
seperti pada gambar 5.6 di bawah ini :

Gambar 5.6 Tampilan Daftar Taman

1.1. Tambah Data Taman

Apabila akan menambahkan data Taman Pulau Jalan maka klik tombol
yang ada di pojok kiri atas (gambar 5.6). Setelah itu akan tampil form tambah data taman
seperti pada gambar 5.7 dibawah ini.
 Gambar 5.7 Form Tambah Data Taman

Pada form tambah data taman diwajibkan untuk mengisi data yang tersedia dalam form.

Setelah semuanya terisi, berikutnya klik tombol dan akan tampil pemberitahuan
bahwa data tersebut berhasil tersimpan atau tidak.

1.2. Ubah Data Taman

Data Taman Pulau Jalan yang sudah berhasil ditambahkan dapat diubah dengan cara klik

tombol (gambar 5.6) sesuai dengan baris Data taman yang akan diubah. Setelah
melakukan perubahan data, berikutnya klik tombol dan akan tampil
pemberitahuan bahwa data tersebut berhasil tersimpan atau tidak.

1.3. Hapus Data Taman

Hapus Data Taman Pulau Jalan dapat dilakukan dengan cara klik tombol (gambar
5.7) sesuai dengan baris Data Taman Pulau Jalan yang akan dihapus.

1.4. Tambah Data Renovasi

Apabila akan menambahkan data renovasi taman maka klik tombol sesuai dengan
baris Data taman yang akan ditambah tahun renovasi (gambar 5.6). Setelah itu akan tampil
form tambah data renovasi seperti pada gambar 5.8 dibawah ini.

Gambar 5.8 Daftar Tahun Renovasi Taman

Apabila akan menambahkan data tahun renovasi maka klik tombol yang
ada di pojok kiri atas (gambar 5.8). Setelah itu akan tampil form tambah data tahun renovasi
seperti pada gambar 5.9 dibawah ini.
 Gambar 5.9 Form Tambah Tahun Renovasi

Pada form tambah data tahun renovasi diwajibkan untuk mengisi data yang tersedia

dalam dalam form. Setelah semuanya terisi, berikutnya klik tombol dan akan tampil
pemberitahuan bahwa data tersebut berhasil tersimpan atau tidak.

1.5. Tambah Foto Taman

Apabila akan menambahkan data foto taman maka klik tombol sesuai dengan
baris Data taman yang akan ditambah foto Taman (gambar 5.6). Setelah itu akan tampil form
tambah foto Vertikal Garden seperti pada gambar 5.9 dibawah ini.

Gambar 5.10 Daftar Foto Taman

 Apabila akan menambahkan data Foto Vertikal Garden maka klik tombol
yang ada di pojok kanan atas (gambar 5.10). Setelah itu akan tampil form tambah data tahun
renovasi seperti pada gambar 5.11 dibawah ini.

Gambar 5.11 Form Tambah Foto Vertikal Garden

Pada form tambah data foto Vertikal Garden diwajibkan untuk mengisi data yang tersedia
dan mengupload foto dalam dalam form. Setelah semuanya terisi, berikutnya klik tombol

dan akan tampil pemberitahuan bahwa data tersebut berhasil tersimpan atau tidak.

2. Submenu Data Vertikal Garden

Submenu Vertikal Garden digunakan untuk pengelola data Vertikal Garden yang ada di
Kota Bandung. Berikut tahapan penggunaan dari menu ini adalah sebagai berikut:
Klik submenu Vertikal Garden yang ada pada gambar 5.1 di atas. Berikutnya akan muncul
tampilan seperti pada gambar 5.12 di bawah ini :
 Gambar 5.12 Tampilan Daftar Vertikal Garden

2.1. Tambah Data Vertikal Garden

Apabila akan menambahkan data Vertikal Garden maka klik tombol yang
ada di pojok kiri atas (gambar 5.6). Setelah itu akan tampil form tambah data Vertikal Garden
seperti pada gambar 5.13 dibawah ini.
 Gambar 5.13 Form Tambah Data Vertikal Garden

Pada form tambah data Vertikal Garden diwajibkan untuk mengisi data yang tersedia

dalam form. Setelah semuanya terisi, berikutnya klik tombol dan akan tampil
pemberitahuan bahwa data tersebut berhasil tersimpan atau tidak.

2.2. Ubah Vertikal Garden

Data Vertikal Garden yang sudah berhasil ditambahkan dapat diubah dengan cara klik

tombol (gambar 5.12) sesuai dengan baris Data Vertikal Garden yang akan diubah.

Setelah melakukan perubahan data, berikutnya klik tombol dan akan tampil
pemberitahuan bahwa data tersebut berhasil tersimpan atau tidak.

2.3. Hapus Vertikal Garden

Hapus Data Vertikal Garden dapat dilakukan dengan cara klik tombol (gambar 5.12)
sesuai dengan baris Data Vertikal Garden yang akan dihapus.
2.4. Tambah Data Renovasi

Apabila akan menambahkan data renovasi Vertikal Garden maka klik tombol -
sesuai dengan baris Data Vertikal Garden yang akan ditambah tahun renovasi (gambar 5.12).
Setelah itu akan tampil form tambah data renovasi seperti pada gambar 5.14 dibawah ini.

Gambar 5.14 Daftar Tahun Renovasi Vertikal Garden

Apabila akan menambahkan data tahun renovasi maka klik tombol yang
ada di pojok kiri atas (gambar 5.14). Setelah itu akan tampil form tambah data tahun renovasi
seperti pada gambar 5.15 dibawah ini.

Gambar 5.15 Form Tambah Tahun Renovasi

 Pada form tambah data tahun renovasi diwajibkan untuk mengisi data yang tersedia

dalam dalam form. Setelah semuanya terisi, berikutnya klik tombol dan akan tampil
pemberitahuan bahwa data tersebut berhasil tersimpan atau tidak.

2.5. Tambah Foto Vertikal Garden

Apabila akan menambahkan data foto Vertikal Garden maka klik tombol sesuai
dengan baris Data taman yang akan ditambah foto Vertikal Garden (gambar 5.6). Setelah itu
akan tampil form tambah foto Vertikal Garden seperti pada gambar 5.16 dibawah ini.

Gambar 5.16 Daftar Foto Vertikal Garden

Apabila akan menambahkan data Foto Vertikal Garden maka klik tombol
yang ada di pojok kanan atas (gambar 5.9). Setelah itu akan tampil form tambah data tahun
renovasi seperti pada gambar 5.17 dibawah ini.
 Gambar 5.17 Form Tambah Foto Vertikal Garden

Pada form tambah data foto Vertikal Garden diwajibkan untuk mengisi data yang tersedia
dan mengupload foto dalam dalam form. Setelah semuanya terisi, berikutnya klik tombol

dan akan tampil pemberitahuan bahwa data tersebut berhasil tersimpan atau tidak.
3. Submenu Data Pot Jalan
Submenu Pot Jalan digunakan untuk pengelola data Pot Jalan yang ada di Kota Bandung.
Berikut tahapan penggunaan dari menu ini adalah sebagai berikut:
Klik submenu Pot Jalan yang ada pada gambar 5.1 di atas. Berikutnya akan muncul
tampilan seperti pada gambar 5.18 di bawah ini :

Gambar 5.18 Tampilan Daftar Pot Jalan

3.1. Tambah Data Pot Jalan

Apabila akan menambahkan data Pot Jalan maka klik tombol yang ada di
pojok kiri atas (gambar 5.18). Setelah itu akan tampil form tambah data Pot Jalan seperti pada
gambar 5.19 dibawah ini.

Gambar 5.19 Form Tambah Data Pot Jalan

 Pada form tambah data Pot Jalan diwajibkan untuk mengisi data yang tersedia dalam

form. Setelah semuanya terisi, berikutnya klik tombol dan akan tampil
pemberitahuan bahwa data tersebut berhasil tersimpan atau tidak.

3.2. Ubah Pot Jalan

Data Pot Jalan yang sudah berhasil ditambahkan dapat diubah dengan cara klik tombol

(gambar 5.18) sesuai dengan baris Data Pot Jalan yang akan diubah. Setelah melakukan

perubahan data, berikutnya klik tombol dan akan tampil pemberitahuan bahwa
data tersebut berhasil tersimpan atau tidak.

3.3. Hapus Pot Jalan

Hapus Data Pot Jalan dapat dilakukan dengan cara klik tombol (gambar 5.18) sesuai
dengan baris Data Pot Jalan yang akan dihapus.

3.4. Tambah Data Pemeliharaan

Apabila akan menambahkan data pemeliharaan Pot Jalan maka klik tombol sesuai
dengan baris Data Pot Jalan yang akan ditambah tahun pemeliharaan (gambar 5.18). Setelah itu
akan tampil form tambah data pemeliharaan seperti pada gambar 5.17 dibawah ini.
 Gambar 5.20 Daftar Tahun pemeliharaan Pot Jalan

Apabila akan menambahkan data tahun renovasi maka klik tombol yang
ada di pojok kiri atas (gambar 5.20). Setelah itu akan tampil form tambah data tahun renovasi
seperti pada gambar 5.21 dibawah ini.

Gambar 5.21 Form Tambah Tahun Pemeliharaan

 Pada form tambah data tahun pemeliharaan diwajibkan untuk mengisi data yang tersedia

dalam dalam form. Setelah semuanya terisi, berikutnya klik tombol dan akan tampil
pemberitahuan bahwa data tersebut berhasil tersimpan atau tidak.

C. Menu Peta
Apabila ingin melihat peta lokasi elemen Estetika pada daerah tertentu, Klik menu Daftar

Taman yang ada pada gambar 5.1 di atas. Berikutnya akan muncul tampilan seperti pada
gambar 5.22 di bawah ini :

Gambar 5.21. Tampilan Peta Lokasi Elemen Estetika

1. Pencarian Elemen Estetika

Apabila ingin mencari lokasi dari Elemen Estetika (contoh Taman), maka pengguna dapat
mengetikkan dimana lokasi yang ingin dicari pada text pencarian.

2. Informasi Detil Taman

Informasi detail Elemen Estetika pada peta dapat dilakukan dengan cara klik tombol
(gambar 5.21) sesuai dengan lokasi pada peta. Setelah itu akan tampil informasi detail data
taman akan ditampilkan seperti pada gambar 5.22. dibawah ini.
 Gambar 5.22. Informasi Rinci data Elemen Estetika

D. Menu Pengaduan
Menu Pengaduan digunakan untuk mengelola pengaduan yang dilakukan oleh
masyarakat. Berikut penggunaan dari menu pengaduan ini adalah sebagai berikut:
 Gambar 5.23. Daftar Pengaduan Masyarakat
1. Rincian Pengaduan

Apabila akan melihat rincian salah satu pengaduan maka klik tombol pada daftar
pengaduan yang dipilih (gambar 5.23). Setelah itu akan tampilan akan berubah pada gambar
5.24. dibawah ini.

Gambar 5.24. Rincian Pengaduan Masyarakat

2. Hapus Pengaduan

Hapus Data pengaduan dapat dilakukan dengan cara klik tombol (gambar 5.23)
sesuai dengan baris Data Taman Pulau Jalan yang akan dihapus.

E. Menu Pengguna
Menu Pengguna digunakan untuk mengatur pengguna aplikasi (administrator dan
operator). Berikut tahapan penggunaan dari menu ini adalah sebagai berikut:
1. User
Klik menu Pengguna->user yang ada pada gambar 5.1 di atas. Berikutnya akan tampil
tampilan seperti pada gambar 5.24 di bawah ini.

Gambar 5.24. Tampilan Menu Pengguna

2. Tambah Pengguna
Apabila akan menambahkan user maka klik tombol yang ada di pojok kanan atas
(gambar 5.24). Setelah itu akan tampil form tambah user seperti pada gambar 5.25. dibawah
ini.

Gambar 5.25 Form Tambah Pengguna

Setelah melakukan pengisian data, berikutnya klik tombol dan akan tampil
pemberitahuan bahwa data tersebut berhasil tersimpan atau tidak.

5.3.3. Level Akses Publik

Level akses publik terdiri dari 5 (lima menu utama) yaitu :

Gambar 5.26 Menu Utama Pengguna Publik

A. Menu Beranda
Menu Beranda digunakan oleh publik atau masyarakat umum untuk melihat informasi
mengenai elemen estetika secara umum dari apiikasi sistem elemen estitika kota. Untuk dapat
mengakes, pengguna dapat klik menu Beranda (gambar 5.26). Adapun tampilan menu Beranda
yang dihasilkan adalah :

Gambar 5.26 Menu Beranda

B. Menu Elemen Estetika
Menu Daftar Taman digunakan oleh publik atau masyarakat untuk melihat daftar elemen
estetika yang ada di wilayah Kota Bandung. Menu Elemen estetika dibagi menjadi 3 (tiga) sub
menu yaitu Taman, Vertikal Garden dan Pot Jalan seperti terlihat pada gambar dibawah ini

Gambar 5.27 Submenu Elemen Estetika

1. Submenu Taman
Submenu Taman digunakan oleh publik untuk melihat informasi taman yang ada di
wilayah Kota Bandung. Untuk dapat mengakes daftar taman pengguna dapat klik submenu
Taman (gambar 5.27). Adapun tampilan daftar yang dihasilkan dari akses menu diatas adalah :

Gambar 5.28. Daftar Taman Kota Bandung

Jika pengguna ingin mengakes rincian informasi dari daftar taman yang dipilih, pengguna dapat

klik susuai dengan baris daftar taman yang akan ditampilkan.

Gambar 5.29. Informasi Detil Suatu Taman

2. Submenu Vertikal Garden
Submenu Vertikal garden digunakan oleh publik untuk melihat informasi Vertikal garden
yang ada di wilayah Kota Bandung. Untuk dapat mengakes daftar Vertikal Garden pengguna
dapat klik submenu Vertikal Garden (gambar 5.27). Adapun tampilan daftar yang dihasilkan dari
akses menu diatas adalah :

Gambar 5.30. Daftar Vertikal Garden Kota Bandung

Jika pengguna ingin mengakes rincian informasi dari daftar vertikal Garden yang dipilih,

pengguna dapat klik susuai dengan baris daftar Vertikal Garden yang akan ditampilkan.
 Gambar 5.31. Informasi Detil Suatu Taman

3. Submenu Pot Jalan

Submenu Pot Jalandigunakan oleh publik untuk melihat informasi Pot Jalan yang ada di
wilayah Kota Bandung. Untuk dapat mengakes daftar Pot Jalan pengguna dapat klik submenu
Vertikal Garden (gambar 5.27). Adapun tampilan daftar yang dihasilkan dari akses menu diatas
adalah :

Gambar 5.32. Daftar Pot Jalan

Jika pengguna ingin mengakes rincian informasi dari daftar Pot Jalan yang dipilih, pengguna

dapat klik susuai dengan baris daftar Pot Jalan yang akan ditampilkan.
 Gambar 5.31. Informasi Detil Suatu Pot Jalan

C. Menu Peta
Menu Peta digunakan oleh publik untuk melihat sebaran Elemen Estetika yang ada di
wilayah Kota Bandung. Untuk dapat mengakes menu peta, pengguna dapat klik menu Peta
(gambar 5.27). Adapun tampilan Peta yang dihasilkan dari akses menu diatas adalah :

Gambar 5.32. Sebaran Elemen Estetika Jalan Kota Bandung

D. Menu Pengaduan
Menu Pengaduan digunakan oleh publik untuk melaporkan kondisi taman pulau jalan,
jika terjadi sesuatu kondisi yang tidak diinginkan atau melanggar estetika. Untuk dapat
mengakes pengaduan taman pengguna dapat klik menu Pengaduan (gambar 5.23), kemudian
melanjutkan mengisi data lokasi taman, identitas pelapor dan pengaduan yang diajukan.

Gambar 5.33. Pengaduan Masyarakat terhadapa Taman Pulau Jalan

E. Menu Berita
Menu Berita berisi informasi tentang kegiatan dari DPKP3 kota bandung untuk
diinformasikan kepada masyarakat. Untuk dapat mengakes menu Berita pengguna dapat klik
menu berita seperti terlihat pada gambar 5.24.
Gambar 5.34. Menu Berita