Daftar Isi

[TOC]

Media Ruang

Media Ruang adalah sistem pada pemerintahan Provinsi Banten yang digunakan untuk mempermudah pemerintah dan masyarakat dalam mencari informasi mengenai lokasi, status serta demografi Media Ruang yang terdapat pada Provinsi Banten.

1. Pendahuluan

1.1 Tujuan Pembuatan Implementasi

Dokumen User Manual Aplikasi Media Ruang ini dibuat untuk tujuan sebagai berikut:

  1. Menggambarkan dan menjelaskan penggunaan aplikasi Media Ruang.
  2. Sebagai panduan konfigurasi dan penggunaan aplikasi Media Ruang.

1.2 Deskripsi Umum Sistem

  1. Deskripsi Umum Aplikasi Media Ruang adalah aplikasi yang berbasis web dan android yang akan dipakai oleh setiap golongan masyarakat dalam memudahkan untuk melakukan pemetaan dan pengumpulan informasi mengenai Media Ruang yang terdapat pada Provinsi Banten.
  2. Deskripsi Umum Kebutuhan Aplikasi yang Akan Diimplementasikan meliputi semua informasi yang bersifat teknis dan menjadi acuan dalam pengembangan aplikasi.

2. Struktur Menu

Adapun menu yang terdapat pada aplikasi Media Ruang adalah sebagai berikut:

2.1 Menu Website

  1. Menu Halaman Awal Aplikasi
    • Home
    • Map
    • Login
  2. Menu OPD
    • Home
    • Map
    • Buat Laporan
    • Profile
      • Account
      • Log Out
  3. Menu Superadmin
    • Dashboard
    • Billboard
    • Pengaturan
      • Banner
      • Video
      • Sosial Media
    • Users & Permission
      • Users
      • Permission
      • Role
    • Profile
      • Account
      • Log Out

2.2 Menu Android

  • View List
  • View Map

3. Penggunaan

Pada bagian ini akan dijelaskan langkah - langkah penggunaan dari menu - menu yang terdapat pada aplikasi Media Ruang.

3.1 Website

3.1.1 Halaman Awal Media Ruang

3.1.1.1 Home Media Ruang

Untuk mengakses aplikasi Media Ruang, user dapat membuka web browser (IE, Mozila Firefox atau yang lainnya) dengan menulis alamat url https://mediaruang.bantenprov.go.id kemudian tekan Enter pada tombol keyboard atau klik tombol Go pada browser. Akan muncul tampilan halaman Home Media Ruang seperti gambar dibawah ini.

ilustrasi-alur-prototyping ilustrasi-alur-prototyping ilustrasi-alur-prototyping

Pada tampilan ini user dapat melihat informasi - informasi yang terdapat pada aplikasi Media Ruang seperti map dan data - data Media Ruang yang sudah terdaftarkan ke dalam aplikasi. Pada halaman ini user dapat melakukan pencarian pada form pencarian yang terletak disebelah map.

3.1.1.2 Tampilan Map

ilustrasi-alur-prototyping ilustrasi-alur-prototyping

Tampilan Map ini dapat diakses dengan mengklik tulisan Map pada daftar menu yang terdapat pada bagian atas aplikasi. Pada tampilan Map ini user dapat melihat map yang berisikan informasi letak - letak Media Ruang pada daerah Banten. Pada Halaman ini user dapat melakukan pencarian Media Ruang berdasarkan lokasi Kota, Kecamatan dan Kelurahan.

3.1.1.3 Tampilan Login

ilustrasi-alur-prototyping

Tampilan Login ini dapat diakses dengan mengklik tulisan Login pada daftar menu yang terdapat pada bagian atas aplikasi. Pada tampilan ini user akan disajikan dengan form Login, Form login ini dapat digunakan oleh OPD dan Superadmin untuk masuk kedalam aplikasi Media Ruang sesuai dengan tupoksi nya masing - masing.

3.1.2 Tampilan OPD

Tampilan ini dapat diakses oleh OPD ketika berhasil melakukan Login kedalam aplikasi Media Ruang.

3.1.2.1 Tampilan Home

ilustrasi-alur-prototyping ilustrasi-alur-prototyping ilustrasi-alur-prototyping

Tampilan Home OPD ini adalah halaman yang pertama kali dilihat oleh user ketika berhasil login menggunakan id OPD. Pada tampilan ini OPD dapat melihat informasi - informasi yang terdapat pada aplikasi Media Ruang seperti map dan data - data Media Ruang yang sudah terpetakan dalam aplikasi. pada tampilan ini terdapat beberapa modul yaitu Home, Map dan Buat Laporan. Pada halaman ini user dapat melakukan pencarian pada form pencarian yang terletak disebelah map.

3.1.2.2 Tampilan Map

ilustrasi-alur-prototyping ilustrasi-alur-prototyping

Tampilan Map ini dapat diakses dengan mengklik tulisan Map pada daftar menu yang terdapat pada bagian atas aplikasi. Pada tampilan Map ini user dapat melihat map yang berisikan informasi letak - letak Media Ruang pada daerah Banten. Pada Halaman ini user dapat melakukan pencarian Media Ruang berdasarkan lokasi Kota, Kecamatan dan Kelurahan.

3.1.2.3 Tampilan Buat Laporan

ilustrasi-alur-prototyping ilustrasi-alur-prototyping

Tampilan Buat Laporan ini dapat diakses dengan mengklik tulisan Buat Laporan pada daftar menu yang terdapat pada bagian atas aplikasi. Pada tampilan Buat Laporan ini OPD dapat membuat laporan data Media Ruang untuk memetakan Media Ruang dengan mengisi form buat laporan seperti pada gambar diatas.

3.1.2.4 Tampilan Profile OPD

Modul Profile OPD ini dapat diakses dengan mengklik tulisan “Nama OPD” pada pojok kanan atas aplikasi, pada modul ini terdapat 2 submodul yaitu :

3.1.2.4.1 Account

ilustrasi-alur-prototyping

Tampilan ini dapat diakses dengan mengklik tulisan Account pada “Nama OPD”. Pada tampilan ini OPD dapat mengedit atau merubah data profile OPD dengan mengisi form Account Setting.

3.1.2.4.2 Log Out

Sub modul Log Out ini dapat diakses dengan mengklik tulisan Log Out pada “Nama OPD”. Sub modul ini digunakan OPD untu melakukan Log Out atau keluar dari Tampilan OPD.

3.1.3 Tampilan Superadmin

Tampilan ini dapat diakses oleh Superadmin ketika berhasil melakukan Login kedalam aplikasi Media Ruang.

3.1.3.1 Tampilan Dashboard

ilustrasi-alur-prototyping

Tampilan Dashboard Superadmin ini adalah halaman yang pertama kali dilihat oleh user ketika berhasil login menggunakan id Superadmin. Pada halaman ini superadmin dapat meilhat informasi - informasi yang terdapat didalam aplikasi Media Ruang, pada tapilan ini terdapat beberapa modul yang terdapat pada bagian atas aplikasi seperti Dashboard, Media Ruang, Pengaturan dan Users & Permission

3.1.3.2 Tampilan Billboard

ilustrasi-alur-prototyping

Tampilan Media Ruang ini dapat diakses dengan mengklik tulisan Media Ruang pada bagian atas aplikasi. pada tampilan ini superadmin dapat melihat tabel data Media Ruang yang telah terinput kedalam aplikasi. pada tampilan ini terdapat beberapa bantuan seperti kolom pencarian, tambah Media Ruang, publish, lihat detail, edit dan delete.

  • Kolom Pencarian

Kolom Pencarian ini dapat diakses dengan mengetik keyword yang di inginkan pada kotak pencarian yang berada di kiri atas tabel Media Ruang.

  • Tambah Billboard

ilustrasi-alur-prototyping ilustrasi-alur-prototyping

Tampilan Tambah Media Ruang ini dapat diakses dengan mengklik tombol Tambah Media Ruang pada bagian kanan atas tabel Media Ruang. Pada tampilan ini superadmin dapat menambahkan data baru Media Ruang pada aplikasi dengan mengisi form tambah Media Ruang.

  • Publish Billboard

Publish Media Ruang ini dapat diakses dengan mengklik icon gembok pada kolom action Media Ruang. pada Publish Media Ruang ini superadmin dapat mengatur apakah data Media Ruang akan dipublish atau tidak.

  • Lihat Detail Billboard

ilustrasi-alur-prototyping ilustrasi-alur-prototyping

Tampilan Lihat Detail Media Ruang ini dapat diakses dengan mengklik icon mata pada kolom action di tabel Media Ruang. Pada tampilan ini superadmin dapat melihat detail data Media Ruang.

  • Edit Billboard

ilustrasi-alur-prototyping ilustrasi-alur-prototyping ilustrasi-alur-prototyping

Tampilan Edit Media Ruang ini dapat diakses dengan mengklik icon pensil pada kolom action di tabel Media Ruang. Pada tampilan ini superadmin dapat mengedit / merubah data Media Ruang.

  • Delete Billboard

Delete Media Ruang ini dapat diakses dengan mengklik icon tong sampah pada kolom action Media Ruang. pada Delete Media Ruang ini superadmin dapat menghapus data Media Ruang.

3.1.3.3 Tampilan Pengaturan

Pada modul Pengaturan ini terdapat beberapa modul yaitu Banner, Video dan Sosial Media.

3.1.3.3.1 Banner

ilustrasi-alur-prototyping

Tampilan Banner ini dapat diakses dengan mengklik tulisan Banner pada Modul Pengaturan. pada tampilan ini superadmin dapat melihat tabel data banner yang telah terinput kedalam aplikasi. pada tampilan ini terdapat beberapa bantuan seperti kolom pencarian, tambah banner, edit dan delete.

  • Kolom Pencarian

Kolom Pencarian ini dapat diakses dengan mengetik keyword yang di inginkan pada kotak pencarian yang berada di kiri atas tabel banner.

  • Tambah Banner

ilustrasi-alur-prototyping

Tampilan Tambah Banner ini dapat diakses dengan mengklik tombol Tambah Banner pada bagian kanan atas tabel banner. Pada tampilan ini superadmin dapat menambahkan data baru Banner pada aplikasi dengan mengisi form tambah Banner.

  • Edit Banner

ilustrasi-alur-prototyping

Tampilan Edit Banner ini dapat diakses dengan mengklik icon pensil pada kolom action di tabel banner. Pada tampilan ini superadmin dapat mengedit / merubah data banner.

  • Delete Banner

Delete Banner ini dapat diakses dengan mengklik icon tong sampah pada kolom action banner. pada Delete Banner ini superadmin dapat menghapus data banner.

3.1.3.3.2 Video

ilustrasi-alur-prototyping

Tampilan Video ini dapat diakses dengan mengklik tulisan Video pada Modul Pengaturan. pada tampilan ini superadmin dapat melihat tabel data video yang telah terinput kedalam aplikasi. pada tampilan ini terdapat beberapa bantuan seperti kolom pencarian, tambah, edit dan delete video.

  • Kolom Pencarian

Kolom Pencarian ini dapat diakses dengan mengetik keyword yang di inginkan pada kotak pencarian yang berada di kiri atas tabel video.

  • Tambah Video

ilustrasi-alur-prototyping

Tampilan Tambah Video ini dapat diakses dengan mengklik tombol Tambah Video pada bagian kanan atas tabel video. Pada tampilan ini superadmin dapat menambahkan data baru Video pada aplikasi dengan mengisi form tambah Video.

  • Edit Video

ilustrasi-alur-prototyping

Tampilan Edit Video ini dapat diakses dengan mengklik icon pensil pada kolom action di tabel Video. Pada tampilan ini superadmin dapat mengedit / merubah data Video.

  • Delete Video

Delete Video ini dapat diakses dengan mengklik icon tong sampah pada kolom action Video. pada Delete Video ini superadmin dapat menghapus data Video.

3.1.3.3.3 Sosial Media

ilustrasi-alur-prototyping

Tampilan Kategori ini dapat diakses dengan mengklik tulisan Kategori pada Modul Pengaturan. pada tampilan ini superadmin dapat melihat tabel data Kategori yang telah terinput kedalam aplikasi. pada tampilan ini terdapat beberapa bantuan seperti kolom pencarian, tambah, edit dan delete kategori.

  • Kolom Pencarian

Kolom Pencarian ini dapat diakses dengan mengetik keyword yang di inginkan pada kotak pencarian yang berada di kiri atas tabel kategori.

  • Tambah Kategori

ilustrasi-alur-prototyping

Tampilan Tambah Kategori ini dapat diakses dengan mengklik tombol Tambah Kategori pada bagian kanan atas tabel kategori. Pada tampilan ini superadmin dapat menambahkan data baru kategori pada aplikasi dengan mengisi form tambah kategori.

  • Edit Kategori

ilustrasi-alur-prototyping

Tampilan Edit Kategori ini dapat diakses dengan mengklik icon pensil pada kolom action di tabel kategori. Pada tampilan ini superadmin dapat mengedit / merubah data kategori.

  • Delete Kategori

Delete Kategori ini dapat diakses dengan mengklik icon tong sampah pada kolom action kategori. pada Delete Kategori ini superadmin dapat menghapus data kategori.

3.1.3.3.4 Sosial Media

ilustrasi-alur-prototyping

Tampilan Sosial Media ini dapat diakses dengan mengklik tulisan Sosial Media pada Modul Pengaturan. pada tampilan ini superadmin dapat melihat tabel data sosial media yang telah terinput kedalam aplikasi. pada tampilan ini terdapat beberapa bantuan seperti kolom pencarian, tambah, edit dan delete sosial media.

  • Kolom Pencarian

Kolom Pencarian ini dapat diakses dengan mengetik keyword yang di inginkan pada kotak pencarian yang berada di kiri atas tabel sosial media.

  • Tambah Sosial Media

ilustrasi-alur-prototyping

Tampilan Tambah Sosial Media ini dapat diakses dengan mengklik tombol Tambah Sosmed pada bagian kanan atas tabel sosial media. Pada tampilan ini superadmin dapat menambahkan data baru sosial media pada aplikasi dengan mengisi form tambah sosial media.

  • Edit Sosial Media

ilustrasi-alur-prototyping

Tampilan Edit Sosial Media ini dapat diakses dengan mengklik icon pensil pada kolom action di tabel sosial media. Pada tampilan ini superadmin dapat mengedit / merubah datasosial media.

  • Delete Sosial Media

Delete Sosial Media ini dapat diakses dengan mengklik icon tong sampah pada kolom action sosial media. pada Delete Sosial Media ini superadmin dapat menghapus data sosial media.

3.1.3.4 Tampilan Users & Permission

Pada modul Users & Permission ini terdapat beberapa modul yaitu User, Permission dan Role

3.1.3.4.1 Users

ilustrasi-alur-prototyping

Tampilan Users ini dapat diakses dengan mengklik tulisan User pada Modul Users & Permission. pada tampilan ini superadmin dapat melihat tabel data user yang terdapat pada aplikasi. pada tampilan ini terdapat beberapa bantuan seperti kolom pencarian, tambah, edit dan delete user.

  • Kolom Pencarian

Kolom Pencarian ini dapat diakses dengan mengetik keyword yang di inginkan pada kotak pencarian yang berada di kiri atas tabel user.

  • Tambah User

ilustrasi-alur-prototyping

Tampilan Tambah User ini dapat diakses dengan mengklik tombol Tambah User pada bagian kanan atas tabel user. Pada tampilan ini superadmin dapat menambahkan data baru user pada aplikasi dengan mengisi form tambah user.

  • Edit User

ilustrasi-alur-prototyping

Tampilan Edit User ini dapat diakses dengan mengklik icon pensil pada kolom action di tabel user. Pada tampilan ini superadmin dapat mengedit / merubah data user.

  • Delete User

Delete User ini dapat diakses dengan mengklik icon tong sampah pada kolom action user. pada Delete User ini superadmin dapat menghapus data user.

3.1.3.4.2 Permission

ilustrasi-alur-prototyping

Tampilan Permission ini dapat diakses dengan mengklik tulisan Permission pada Modul Users & Permission. pada tampilan ini superadmin dapat melihat tabel data permission yang terdapat pada aplikasi. pada tampilan ini terdapat beberapa bantuan seperti kolom pencarian, tambah, lihat detail, edit dan delete permission

  • Kolom Pencarian

Kolom Pencarian ini dapat diakses dengan mengetik keyword yang di inginkan pada kotak pencarian yang berada di kiri atas tabel permission.

  • Tambah Permission

ilustrasi-alur-prototyping

Tampilan Tambah Permission ini dapat diakses dengan mengklik tombol Tambah Permission pada bagian kanan atas tabel permission. Pada tampilan ini superadmin dapat menambahkan data baru permission pada aplikasi dengan mengisi form tambah permission.

  • Lihat Detail Permission

ilustrasi-alur-prototyping

Tampilan Lihat Detail Permission ini dapat diakses dengan mengklik icon mata pada kolom action di tabel permission. Pada tampilan ini superadmin dapat melihat detail permission.

  • Edit Permission

ilustrasi-alur-prototyping

Tampilan Edit Permission ini dapat diakses dengan mengklik icon pensil pada kolom action di tabel permission. Pada tampilan ini superadmin dapat mengedit / merubah data permission.

  • Delete Permission

Delete Permission ini dapat diakses dengan mengklik icon tong sampah pada kolom action permission. pada Delete Permission ini superadmin dapat menghapus data permission.

3.1.3.4.3 Role

ilustrasi-alur-prototyping

Tampilan Role ini dapat diakses dengan mengklik tulisan Role pada Modul Users & Permission. pada tampilan ini superadmin dapat melihat tabel data role yang terdapat pada aplikasi. pada tampilan ini terdapat beberapa bantuan seperti kolom pencarian, tambah, lihat detail, edit, Add Permission dan delete role.

  • Kolom Pencarian

Kolom Pencarian ini dapat diakses dengan mengetik keyword yang di inginkan pada kotak pencarian yang berada di kiri atas tabel role.

  • Tambah Role

ilustrasi-alur-prototyping

Tampilan Tambah Role ini dapat diakses dengan mengklik tombol Tambah Role pada bagian kanan atas tabel role. Pada tampilan ini superadmin dapat menambahkan data baru role pada aplikasi dengan mengisi form tambah role.

  • Lihat Detail Role

ilustrasi-alur-prototyping

Tampilan Lihat Detail Role ini dapat diakses dengan mengklik icon mata pada kolom action di tabel role. Pada tampilan ini superadmin dapat melihat detail role.

  • Edit Role

ilustrasi-alur-prototyping

Tampilan Edit Role ini dapat diakses dengan mengklik icon pensil pada kolom action di tabel role. Pada tampilan ini superadmin dapat mengedit / merubah data role.

  • Add Permission

ilustrasi-alur-prototyping

Tampilan Add Permission ini dapat diakses dengan mengklik tombol Add Permission pada kolom action di tabel role. Pada tampilan ini superadmin dapat memberikan permission / hak akses kepada role yang diinginkan.

  • Delete Role

Delete Role ini dapat diakses dengan mengklik icon tong sampah pada kolom action role. pada Delete Role ini superadmin dapat menghapus data role.

3.1.3.5 Profile Superadmin

Modul Profile Superadmin ini dapat diakses dengan mengklik tulisan “Superadmin” pada pojok kanan atas aplikasi, pada modul ini terdapat 2 submodul yaitu :

1.3.5.1 Account

ilustrasi-alur-prototyping

Tampilan ini dapat diakses dengan mengklik tulisan Account pada “Superadmin”. Pada tampilan ini Superadmin dapat mengatur data profile Superadmin dengan mengisi form Account Setting.

1.3.5.2 Log Out

Sub modul Log Out ini dapat diakses dengan mengklik tulisan Log Out pada “Superadmin”. Sub modul ini digunakan Superadmin untu melakukan Log Out atau keluar dari Tampilan Superadmin.

3.2 Android

3.2.1 Login

ilustrasi-alur-prototyping

Tampilan Login ini akan muncul ketika user membuka aplikasi, pada tampilan login ini terdapat 2 (dua) field yang harus diisi oleh user yaitu NIK dan Password.

3.2.2 View List

ilustrasi-alur-prototyping

Tampilan View List ini dapat diakses dengan mengklik View List pada daftar menu yang berada dibagian bawah aplikasi. Pada tampilan View List ini user dapat melihat list Media Ruang yang sudag terdaftar pada aplikasi.

3.2.2.1 View List Detail

ilustrasi-alur-prototyping

Tampilan View List Detail ini dapat diakses dengan mengklik Media Ruang yang akan dilihat detailnya pada tampilan View List. Pada tampilan ini user dapat melihat detail Media Ruang yang sudah terdaftar pada aplikasi.

3.2.3 View Map

ilustrasi-alur-prototyping

Tampilan View Map ini dapat diakses dengan mengklik View Map pada daftar menu yang berada dibagian bawah aplikasi. Pada tampilan View Maps ini user dapat melihat denah lokasi Media Ruang pada peta yang disediakan. Pada tampilan ini user dapat memfilter pencarian Media Ruang berdasarkan Kota, Kecamatan dan Kelurahan.

3.2.4 Tambah Billboard

ilustrasi-alur-prototyping ilustrasi-alur-prototyping

Tampilan Tambah Media Ruang ini dapat diakses dengan megklik “+” pada lingkaran berwarna pink pada aplikasi. Pada tampilan ini akan ditampilkan form untuk menambah data Media Ruang ke aplikasi Media Ruang.