-0- File Name : F:\My Work\Time Excelindo\EKOREGION-KALIMANTAN\EKOREGION-DEV- UMD.0.4.doc Create Date :

-0File Name : F:\My Work\Time Excelindo\EKOREGION-KALIMANTAN\EKOREGION-DEVUMD.0.4.doc Create Date : 12-10-30

Ekoregion-Kalimantan

Pemberitahuan

Dokumen ini dibuat dan dikembangkan oleh CV. Adidaya Perkasa Dokumen ini bersifat pribadi dan rahasia, tidak dibenarkan untuk disebarluaskan kepada pihak lain baik secara langsung maupun tidak langsung selain yang ditujukan oleh dokumen ini dan tidak dibenarkan untuk melakukan duplikasi terhadap keseluruhan maupun sebagian daripada isi dokumen ini baik secara langsung maupun tidak langsung untuk kepentingan apapun tanpa persetujuan dari CV. Adidaya Perkasa sebagai pembuat dokumen ini.

-i-


Daftar Isi 1. USER MANUAL ..................................................................................................................... 1 1.1 Pendahuluan ......................................................................................................................... 1 1.2 Gambaran Umum WEB ...................................................................................................... 2 2. FRONT END ........................................................................................................................... 7 2.1 Home Page ............................................................................................................................ 7 2.2 Single Page .......................................................................................................................... 10 2.3 Menu dan Fiture Top Menu .............................................................................................. 12 2.3.1 Home ............................................................................................................................... 12 2.3.2 Profile .............................................................................................................................. 13 2.3.2.1 Profil PPE Kalimantan .......................................................................................................13 2.3.2.2 Profil Pimpinan ..................................................................................................................14 2.3.2.3 Tugas dan Fungsi ...............................................................................................................14 2.3.2.4 Struktur Organisasi ............................................................................................................15

2.3.3 Direktori PLH ................................................................................................................. 16 2.3.3.1 Badan Lingkungan Hidup Provinsi....................................................................................16 2.3.3.2 Instansi PLH Kalimantan Timur ........................................................................................17 2.3.3.3 Instansi PLH Kalimantan Barat .........................................................................................17 2.3.3.4 Instansi PLH Kalimantan Tengah ......................................................................................18 2.3.3.5 Instansi PLH Kalimantan Selatan ......................................................................................18

2.3.4 Unduhan .......................................................................................................................... 19 2.3.4.1 Peta Rawan Lingkungan ....................................................................................................19 2.3.4.2 SLHE Kalimantan..............................................................................................................20 2.3.4.3 Dokumen Unduhan ............................................................................................................20 2.3.4.4 Buletin Intan ......................................................................................................................20

2.3.5 Peraturan ......................................................................................................................... 21 2.3.5.1 Peraturan Perundangan Lingkungan Hidup .......................................................................21 2.3.5.2 Perda Provinsi Kalimantan Timur .....................................................................................22 2.3.5.3 Perda Provinsi Kalimantan Barat .......................................................................................23 2.3.5.4 Perda Provinsi Kalimantan Tengah ...................................................................................24 2.3.5.5 Perda Provinsi Kalimantan Selatan....................................................................................25

2.3.6 Hotspot ............................................................................................................................ 25 2.3.6.1 Data Hotspot Kementrian Kehutanan ................................................................................26 2.3.6.2 NOAA (Asmic Singapore) ................................................................................................27 2.3.6.3 Modis (Firms) ....................................................................................................................28 -ii-

Ekoregion-Kalimantan 2.3.7 Pengaduan Masyarakat ................................................................................................... 28 2.3.8 Tautan ............................................................................................................................. 30 2.4 Panel Feature ...................................................................................................................... 31 2.4.1 Pengumuman dan Lelang ................................................................................................ 31 2.4.2 Agenda ............................................................................................................................ 32 2.4.3 Vidio ............................................................................................................................... 33 2.4.4 Social Network Link ....................................................................................................... 33 2.4.5 Berita Terkini .................................................................................................................. 34 2.4.6 Site Map .......................................................................................................................... 36 2.4.7 Panel Poling .................................................................................................................... 37 2.4.8 Panel Statistic .................................................................................................................. 38 3. BACK END ............................................................................................................................ 39 3.1 Masuk Area Kerja User ..................................................................................................... 39 3.1.1 Managemen Informasi .................................................................................................... 42 3.1.1.1 Tambah Informasi ..............................................................................................................42 3.1.1.2 Edit.....................................................................................................................................44 3.1.1.3 Hapus .................................................................................................................................44

3.2 Masuk Area Kerja Admin ................................................................................................. 45 3.3 Menu Managemen .............................................................................................................. 49 3.3.1 Master Data ..................................................................................................................... 52 3.3.1.1 Master Menu ......................................................................................................................52 3.3.1.2 Master Role........................................................................................................................62 3.3.1.3 Master User........................................................................................................................66 3.3.1.4 Master Hyperlink ...............................................................................................................69

3.3.2 Pengaturan ....................................................................................................................... 73 3.3.2.1 Embed Widget ...................................................................................................................73 3.3.2.2 Email Pengaduan ...............................................................................................................78

3.3.3 Transaksi Data ................................................................................................................ 79 3.3.3.1 Managemen Agenda ..........................................................................................................79 3.3.3.2 Manajemen Gallery ...........................................................................................................84 3.3.3.3 Manajemen Informasi ........................................................................................................89 3.3.3.4 Manajemen Halaman .........................................................................................................96 3.3.3.5 Manajemen Newsticker ...................................................................................................100 3.3.3.6 Management Poling .........................................................................................................102 -iii-

Ekoregion-Kalimantan 4. PENUTUP ............................................................................................................................ 106

-iv-


Daftar Gambar Gambar 1.1 Home Page Ekoregion Kalimantan ........................................................................... 3 Gambar 1.2 Single Page Ekoregion Kalimantan ........................................................................... 4 Gambar 1.3 Gallery Page .............................................................................................................. 5 Gambar 1.4 Login Area ................................................................................................................. 5 Gambar 1.5 Dashboard Admin dan User ...................................................................................... 6 Gambar 2.1 Home Page ................................................................................................................ 7 Gambar 2.2 Singel Page .............................................................................................................. 10 Gambar 2.3 Menu Home ............................................................................................................. 12 Gambar 2.4 Menu Profile ............................................................................................................ 13 Gambar 2.5 Detail Profile PPE Kalimantan ................................................................................ 13 Gambar 2.6 Detail Profile Pimpinan ........................................................................................... 14 Gambar 2.7 Tugas dan Fungsi..................................................................................................... 14 Gambar 2.8 Detail Struktur Organisasi ....................................................................................... 15 Gambar 2.9 Detail Bagan ............................................................................................................ 15 Gambar 2.10 Menu Direktori PLH ............................................................................................. 16 Gambar 2.11 Detail sub menu Ilmu Badan Lingkungan Hidup Provinsi ................................... 16 Gambar 2.12 Detail Sub menu PLH Kalimantan Timur ............................................................. 17 Gambar 2.13 Detail Sub menu PLH Kalimantan Timur ............................................................. 17 Gambar 2.14 Detail Sub menu PLH Kalimantan Tengah ........................................................... 18 Gambar 2.15 Detail Sub menu PLH Kalimantan Timur ............................................................. 18 Gambar 2.16 Menu Download .................................................................................................... 19 Gambar 2.17 Detail Sub menu Peta Rawan Lingkungan ............................................................ 19 Gambar 2.18 Detail sub sub Keperawatan .................................................................................. 20 Gambar 2.19 Dokumen Unduhan................................................................................................ 20 Gambar 2.20 Buletin Intan .......................................................................................................... 20 Gambar 2.21 Menu Peraturan ..................................................................................................... 21 Gambar 2.22 Halaman ppu-pi.menih.go.id ................................................................................. 21 Gambar 2.23 Halaman kaltimprov.go.id ..................................................................................... 22 Gambar 2.24 Halaman database-kalbarprov.go.id ...................................................................... 23 Gambar 2.25 Halaman kalteng.go.id ........................................................................................... 24 Gambar 2.26 Halaman kalselprov.go.id/peraturan-daerah/ ........................................................ 25 Gambar 2.27 Menu Hotspot ........................................................................................................ 25 -v-

Ekoregion-Kalimantan Gambar 2.28 Data Hotspot kementrian kehutanan ..................................................................... 26 Gambar 2.29 Halaman NOAA (Asmic Singapore) ..................................................................... 27 Gambar 2.30 http://firefly.geog.umd.edu/firms/shapes.htm ....................................................... 28 Gambar 2.31 Menu Pengaduan ................................................................................................... 28 Gambar 2.32 Form Pengaduan Masyarakat ................................................................................ 29 Gambar 2.33 Panel Info lelang .................................................................................................... 31 Gambar 2.34 Detail Info lelang ................................................................................................... 31 Gambar 2.35 Menu Download .................................................................................................... 32 Gambar 2.36 Detail Agenda ........................................................................................................ 32 Gambar 2.40 Panel Vidio ............................................................................................................ 33 Gambar 2.41 Panel Social Network ............................................................................................ 33 Gambar 2.42 Tampilan Facebook.com ....................................................................................... 33 Gambar 2.43 Tampilan Twitter.com ........................................................................................... 34 Gambar 2.44 Panel Berita Terbaru .............................................................................................. 34 Gambar 2.45 Detail berita dari panel Berita terkini .................................................................... 35 Gambar 2.46 Arsip berita dari panel Berita Terkini.................................................................... 35 Gambar 2.47 Site Map ................................................................................................................ 36 Gambar 2.48 Panel Poling ........................................................................................................... 37 Gambar 3.1 Pesan Kesalahan ...................................................................................................... 40 Gambar 3.2 Dashboard Admin.................................................................................................... 40 Gambar 3.3 Manajemen Halaman ............................................................................................... 42 Gambar 3.4 Tambah Informasi ................................................................................................... 43 Gambar 3.5 Login Area ............................................................................................................... 45 Gambar 3.6 Pesan Kesalahan ...................................................................................................... 47 Gambar 3.7 Dashboard Admin.................................................................................................... 47 Gambar 3.8 Menu Manajemen Admin ........................................................................................ 49 Gambar 3.9 Master Menu............................................................................................................ 52 Gambar 3.10 Dafter Menu .......................................................................................................... 53 Gambar 3.11 Add menu .............................................................................................................. 54 Gambar 3.12 Dafter Menu .......................................................................................................... 57 Gambar 3.13 Edit Menu .............................................................................................................. 58 Gambar 3.14 Search Form .......................................................................................................... 58 Gambar 3.15 Pencarian data dengan Keyword ........................................................................... 59 -vi-

Ekoregion-Kalimantan Gambar 3.16 Hasil Pencarian Group........................................................................................... 59 Gambar 3.17 Hasil Pencarian Gabungan .................................................................................... 60 Gambar 3.18 Hapus Data Masal ................................................................................................. 60 Gambar 3.19 Pesan Penghapusan Group .................................................................................... 60 Gambar 3.20 Hapus satu data ...................................................................................................... 61 Gambar 3.21 Pesan penghapusan perdata ................................................................................... 61 Gambar 3.22 Master Role ........................................................................................................... 62 Gambar 3.23 Daftar Role ............................................................................................................ 63 Gambar 3.24 Tambah Role ......................................................................................................... 63 Gambar 3.25 Edit Role ................................................................................................................ 64 Gambar 3.26 Form Edit Role ...................................................................................................... 64 Gambar 3.27 Role Menu ............................................................................................................. 64 Gambar 3.28 Dafter Menu Role Menu........................................................................................ 65 Gambar 3.29 Contoh Pengisian File ........................................................................................... 65 Gambar 3.30 Hapus File.............................................................................................................. 66 Gambar 3.31 Master User ........................................................................................................... 66 Gambar 3.32 Add Master User ................................................................................................... 67 Gambar 3.33 Edit Master User .................................................................................................... 68 Gambar 3.34 Form Edit Master User .......................................................................................... 68 Gambar 3.35 Master Hiperlink.................................................................................................... 69 Gambar 3.36 Daftar Hiperlink .................................................................................................... 70 Gambar 3.37 Form Tambah Hiperlink ........................................................................................ 70 Gambar 3.38 Edit Hiperlink ........................................................................................................ 71 Gambar 3.39 Edit Data Hiperlink ............................................................................................... 71 Gambar 3.40 Search Form .......................................................................................................... 72 Gambar 3.41 Search dengan Keyword ........................................................................................ 72 Gambar 3.42 Hapus file .............................................................................................................. 72 Gambar 3.43 Image Manajemen ................................................................................................. 73 Gambar 3.44 Dedit Widget ......................................................................................................... 74 Gambar 3.45 Email Pengaduan ................................................................................................... 78 Gambar 3.46 Form Edit Email Pengaduan.................................................................................. 78 Gambar 3.47 Manajement Agenda.............................................................................................. 79 Gambar 3.48 Panel Agenda ......................................................................................................... 80 -vii-

Ekoregion-Kalimantan Gambar 3.49 Tambah Agenda .................................................................................................... 81 Gambar 3.50 Edit Agenda ........................................................................................................... 82 Gambar 3.51 Edit Agenda ........................................................................................................... 82 Gambar 3.52 Search Agenda ....................................................................................................... 83 Gambar 3.53 Manajemen Gallery ............................................................................................... 84 Gambar 3.54 Tambah Gallery ..................................................................................................... 85 Gambar 3.55 Edit Gallery ........................................................................................................... 86 Gambar 3.56 Form Edit Gallery .................................................................................................. 86 Gambar 3.57 Remove Gallery ..................................................................................................... 87 Gambar 3.58 Tambah Gambar Gallery ....................................................................................... 88 Gambar 3.59 Hapus Gallery ........................................................................................................ 88 Gambar 3.60 Informasi Manajement .......................................................................................... 89 Gambar 3.61 Tambah Informasi ................................................................................................. 90 Gambar 3.62 Edit Informasi ........................................................................................................ 91 Gambar 3.63 Edit Information .................................................................................................... 92 Gambar 3.64 Proses Publish........................................................................................................ 93 Gambar 3.65 Search Dengan Keyword ....................................................................................... 94 Gambar 3.66 Search dengan Group ............................................................................................ 94 Gambar 3.67 Hapus Data Masal ................................................................................................. 95 Gambar 3.68 Pesan Penghapusan................................................................................................ 95 Gambar 3.69 Manajemen Halaman ............................................................................................. 96 Gambar 3.70 Tambah Halaman .................................................................................................. 97 Gambar 3.71 edit Halaman.......................................................................................................... 98 Gambar 3.72 Search Form .......................................................................................................... 99 Gambar 3.73 Hapus Data ............................................................................................................ 99 Gambar 3.74 Manajemen Download ........................................................................................ 100 Gambar 3.75 Tambah Newsticker ............................................................................................. 100 Gambar 3.76 Hapus Gambar ..................................................................................................... 101 Gambar 3.77 Hapus Data .......................................................................................................... 105

-viii-


Daftar Table Table 2.1 Panel Statis .................................................................................................................... 8 Table 2.2 Table Panel Dinamis ..................................................................................................... 8 Table 2.3 Table Keterangan ........................................................................................................ 11 Table 3.1 Keterangan Dashboard Admin .................................................................................... 40 Table 3.1 Keterangan Dashboard Admin .................................................................................... 47 Table 3.2 Struktur menu admin ................................................................................................... 49

-ix-


1. USER MANUAL 1.1 Pendahuluan User manual ini merupakan

panduan yang di gunakan untuk memudahkan dalam

penggunaan Wep Portal Ekoregion Kalimantan yang telah di bangun. Pembahasan di dalam User Manual ini meliputi pembahasan baik dari sisi cara pengoprasian maupun dari segi konten pembahasan di setiap menu yang ada di dalamnya. Struktur dari User Manual meliputi : 1. Pendahuluan 2. Gamabaran Umum WEB 3. Front End a. Home Page b. Single Page c. Menu dan Fiture Top Menu i. Home ii. Profile iii. Directori PLH iv. Unduhan v. Peraturan vi. Hotspot vii. Pengaduan Masyarakat viii. Tautan d. Panel Feature i. Pengumuman dan Lelang ii. Agenda iii. Vidio iv. Social Network Link v. Berita Terkini vi. Site Map vii. Panel Polling viii. Panel Statistic 4. Back And a. Masuk Area Kerja User -1-

Ekoregion-Kalimantan b. Masuk Area Kerja Admin c. Menu Manajement i. Master Data 1. Master Menu 2. Master Role 3. Master User 4. Master Hyperlink ii. Pengaturan 1. Embed Widget 2. Email Pengaduan iii. Transaksi data 1. Manajement Agenda 2. Manajement Gallery 3. Manajement Informasi 4. Management Halaman 5. Manajement Newsticker 6. Manajement Poling 5. Penutup

Untuk pembahasan yang lebih mendalam akan di sajikan dalam halaman berikutnya. Agar dapat memahami alur dengan baik, di sarankan dengan membuka Web Portal Ekoregion Kalimantan secara langsung pada http://kalimantan.menlh.go.id/ 1.2 Gambaran Umum WEB Untuk halaman web portal Ekoregion Kalimantan terdiri dari 3 halaman utama, yaitu berupa halaman antara lain : 1. Home Page Home page merupakan halaman yang memuat seluruh informasi secara garis besarnya sehingga dapat di detailkan pada bagian single page.

-2-


Gambar 1.1 Home Page Ekoregion Kalimantan

-3-

Ekoregion-Kalimantan 2. Single Page Single page memuat halaman detail menu, berita, arsip, menu dan beberapa halamanya yang lainya yang tampil pada home page.

Gambar 1.2 Single Page Ekoregion Kalimantan

-4-

Ekoregion-Kalimantan 3. Gallery Page Yaitu halaman yang hanya memuat gallery atau foto-foto kegiatan.

Gambar 1.3 Gallery Page

4. Login Page Yaitu berupa halaman yang di gunakan untuk masuk ke dalam sistem manejemen Admin maupun User.

Gambar 1.4 Login Area

-5-

Ekoregion-Kalimantan 5. Admin dan User Admin dan user page memiliki kesamaan sehingga antara admin dan user hanya berbeda pada bagian menu yang di milikinya.

Gambar 1.5 Dashboard Admin dan User

-6-


2. FRONT END 2.1 Home Page

Gambar 2.1 Home Page

-7-

Ekoregion-Kalimantan Pada halaman front end seperti gambar di atas menjelaskan beberapa bagian utama pada halaman home page. Bagian-bagian tersebut tentunya memiliki sifat dinamis maupun statis sesuai dengan fungsinya masing-masing. Berikut penjelasan gambar di atas. A. Panel Dengan Sifat Statis Table 2.1 Panel Statis

Nama Panel Logo

Keterangan Pada panel logo, logo tidak dapat di ganti karena bersifat statis include di dalam desain web Ekoregion Kalimantan. Untuk logo sendiri memiliki link yang di arahkan pada halaman home.

Alamat

Untuk alamat bersifat statis, yang include dalam desain web sehingga tidak dapat di ubah secara dinamis.

Copy Right

Versi

dan

tahun

pengembangan

web

portal

Ekoregion Kalimantan. Searching

Fasilitas menelusuri informasi secara cepat dan akurat berdasarkan informasi yang di tampilkan.

Site Map

Menu site map merupakan menu yang menampilkan sebuah seluruh daftar menu yang ada di website. Seluruh daftar menu ini sangat membantu user dalam memahami struktur web tersebut.

B. Panel Dengan Sifat Dinamis Table 2.2 Table Panel Dinamis

Nama Panel Top Menu

Keterangan Top menu merupakan menu yang tampil pada bagian atas, tepat berada pada bagian atas slide show. Menu menu ini bersifat di dinamis yang dapat di atur di dalam Admin.

Slide Show

Slide show pada bagian home page di ambil dari menu image feature yang terdapat pada admin

-8-


Nama Panel Newsticker

Keterangan Informasi berjalan yang merupakan informasi pendek berkaitan dengan kebutuhan-kebutuhan Ekoregion.

Agenda

Pada Panel Agenda menampilkan lima agenda terbaru yang di ambil dari database yang di kelola langsung oleh admin. Untuk data agenda sebelumnya dapat di lihat pada bagian arsip.

Pengumuman

Panel yang menampilkan informasi pengumuman baik pengumuman kegiatan mapunun hasil pelelangan.

Gallery

Gallery berisi informasi galleri galleri kegiatan yang di lakukan baik event tertentu maupun event tahunan Ekoregion. Panel gallery ini hanya menampilkan sebagian data jika ingin menampikan secara penuh bisa melakukan click pada gambar dan sistem akan menampilkan keseluruhan detail gambar.

Tautan

Tautan menampilkan informasi external link pendukung informasi Ekoregion Kalimantan.

Peta

Pada bagian site map merupakan informasi peta lokasi Ekoregion Kalimantan integrity dengan google map

Berita

Panel berita menampilkan informasi terbaru berita yang di update oleh admin. Pada home page ini akan menampilkan

lima

berita

terbaru.

Untuk

berita

sebelumnya bisa di lihat pada bagian admin. Social Network Link ini menampilkan social network Facebook dan Link

Twitter

Vidio

Panel ini menampilkan vidio yang di linkkan melalui Youtube dengan memasukkan link Youtube beserta iframe yang di butuhkan pada manajement content.

Info Lelang

Info lelang dapat di update berdasarkan lima update terbaru untuk data yang sebelumnya dapat di buka dari menu arsip.

-9-

Ekoregion-Kalimantan 2.2 Single Page

Gambar 2.2 Singel Page

Pada halaman single page ini ada terdapat 6 bagian utama yang berbeda dari halaman home page, dan berikutnya pada halaman inilah detail informasi yang ada pada home page akan di tampilkan. Berikut enam bagian utama yang tampil pada single page seperti pada gambar di atas.

-10-

Ekoregion-Kalimantan Table 2.3 Table Keterangan

Code

A

Nama Panel Header

Keterangan Jika pada home page menampilkan slide show maka pada single page ini menampikan desain gambar di perjelas dengan tulisan yang menegaskan single page yang di akses oleh pengunjung

B

Breadcrumb

dan Breadcrumb merupakan alamat yang menjelaskan

Detail Informasi

posisi layar yang di akses oleh user. Sedangkan Detail informasi merupakan bagian utama yang menampilkan inti dari informasi yang di sediakan oleh admin untuk user/pengguna.

C

Vidio

Panel ini menampilkan vidio yang di linkkan melalui Youtube dengan memasukkan link Youtube beserta iframe yang di butuhkan pada manajement content.

E

Info Lelang

Info menampilkan lima info terupdate untuk data yang sebelumnya dapat di buka dengan menu arsip.

F

Berita Terbaru

Berita terbaru menampilkan lima judul berita terupdate yang dapat di detailkan sesuai dengan kebutuhan.

-11-

Ekoregion-Kalimantan 2.3 Menu dan Fiture Top Menu 2.3.1 Home

Gambar 2.3 Menu Home

Halaman ini lah yang akan di tampilkan pertama kali ketika membuka alamat http://kalimantan.menlh.go.id/ yang menjadi url resmi milik Eekoregion Kalimantan. Adapaun bagian bagian penting dari halaman ini telah di bahas pada halaman sebelumnya. -12-

Ekoregion-Kalimantan Semua informasi yang tampil pada halaman ini merupakan informasi yang bersifat dinamis dan merupakan informasi terbaru yang di upload oleh admin. Berikut akan di jelaskan menu menu yang merupakan bagian dari Web Portal Ekoregion Kalimantan. 2.3.2 Profile

Gambar 2.4 Menu Profile

Pada menu profile bersifat dropdown menu yang merupakan sub menu dari Profile yaitu berupa menu Tentang Ekoregion Kalimantan Profile, tugas dan Fungsi serta struktur organisasi . Adapun penjelasanya sebagai berikut : 2.3.2.1 Profil PPE Kalimantan

Gambar 2.5 Detail Profile PPE Kalimantan

Pada submenu Pofil PPE Kalimantan, mendetailkan informasi yang membahasa Profil Singkat Pusat Pengelolaan Ekoregion Kalimantan yang di tampilkan pada bagian single page web Portal Ekoregion Kalimantan. -13-

Ekoregion-Kalimantan 2.3.2.2 Profil Pimpinan

Gambar 2.6 Detail Profile Pimpinan

Pada sub menu Profil Pimpinan menampilkan informasi singkat yang memjelaskan profil singkat pada Web Portal Ekoregion tersbut. Untuk melakukan perubahan informasi tersebut dapat di lakukan secara langsung pada bagian admin. 2.3.2.3 Tugas dan Fungsi

Gambar 2.7 Tugas dan Fungsi

Sub menu Tugas dan fungsi membahas gambaran secara sederhana tugas dan funsi kelembagaan Ekoregian baik pusat maupun wilayah. Halaman ini memberikan pesan yang sangat membantu.

-14-

Ekoregion-Kalimantan 2.3.2.4 Struktur Organisasi

Gambar 2.8 Detail Struktur Organisasi

Sub menu struktur organisasi manampilkan informasi dengan bagan gambar untuk mempermudah penjelasan yang ada. Untuk memperbear gambar tersebut dapat melakukan klic gambar sehingga akan menampilkan gambar sesuai dengan ukuran yang sebenarnya.

Gambar 2.9 Detail Bagan

-15-

Ekoregion-Kalimantan 2.3.3 Direktori PLH

Gambar 2.10 Menu Direktori PLH

Menu Direktori PLH seperti yang terlihat pada menu di atas menampilkan sub menu yaitu Badan Lingkungan hidup Provinsi, Instansi PLH KalimantanTimur, Barat, Tengah dan Selatan. Berikut akan di jelaskan sub sub menu tersebut. 2.3.3.1 Badan Lingkungan Hidup Provinsi

Gambar 2.11 Detail sub menu Ilmu Badan Lingkungan Hidup Provinsi

Halaman tersebut memuat informasi alamat Badan Lingkungan hidup yang ada diseluruh kalimantan. Informasi ini sangat membantu dalam mencari alamat maupun detail informasi yang di butuhkan masyarakat umum.

-16-

Ekoregion-Kalimantan 2.3.3.2 Instansi PLH Kalimantan Timur

Gambar 2.12 Detail Sub menu PLH Kalimantan Timur

Halaman tersebut memuat informasi alamat Badan Lingkungan hidup yang ada ada di setiap wilayah Kalimantan timur. Terdata sesuai dengan jumlah kantor di setiap kabupaten maupun kecamatan. 2.3.3.3 Instansi PLH Kalimantan Barat


Halaman tersebut memuat informasi alamat Badan Lingkungan hidup yang ada ada di setiap wilayah Kalimantan Barat. Terdata sesuai dengan jumlah kantor di setiap kabupaten maupun kecamatan -17-

Ekoregion-Kalimantan 2.3.3.4 Instansi PLH Kalimantan Tengah

Gambar 2.14 Detail Sub menu PLH Kalimantan Tengah

Halaman tersebut memuat informasi alamat Badan Lingkungan hidup yang ada ada di setiap wilayah Kalimantan Tengah. Terdata sesuai dengan jumlah kantor di setiap kabupaten maupun kecamatan 2.3.3.5 Instansi PLH Kalimantan Selatan


Halaman tersebut memuat informasi alamat Badan Lingkungan hidup yang ada ada di setiap wilayah Kalimantan Timur. Terdata sesuai dengan jumlah kantor di setiap kabupaten maupun kecamatan

-18-

Ekoregion-Kalimantan 2.3.4 Unduhan

Gambar 2.16 Menu Download

Untuk diploma tiga mengadopsi sistem yang sama dengan menu sebelumnya. Pada Download ini memiliki sub menu Peta Rawan Lingkungan, SLHE Kalimantan, Dokumen dan Buletin Intan. Setiap sub menu menampilkan pesan penggunaan dan file siap unduh. 2.3.4.1 Peta Rawan Lingkungan

Gambar 2.17 Detail Sub menu Peta Rawan Lingkungan

Pada halaman detail Peta Rawan Lingkungan ini peta dapat di download sesuai dengan yang di butuhkan. Proses download dapat di gunakan secara langsung cukup dengan melakukan klik pada data lampiran file yang berada pada bagian bawah penjelasan sub menu.

-19-

Ekoregion-Kalimantan 2.3.4.2 SLHE Kalimantan

Gambar 2.18 Detail sub sub Keperawatan

Pada halaman detail SLHE Kalimantan ini dokumen dapat di download sesuai dengan yang di butuhkan. Dengan cukup melakukan klik pada icon berwarna kuning di atas dan dokumenpun segera tersimpan dalam komputer masingmasing. 2.3.4.3 Dokumen Unduhan

Gambar 2.19 Dokumen Unduhan

Pada halaman detail Dokumen Unduhan pengguna dapat dengan langsung mengunduh dokumen hanya dengan melakukan klik pada icon berwarna gOrange. 2.3.4.4 Buletin Intan

Gambar 2.20 Buletin Intan

Pada halaman detail Buletin Intan pengguna dapat dengan langsung mengunduh dokumen hanya dengan melakukan klik pada icon dengan warna orange.

-20-

Ekoregion-Kalimantan 2.3.5 Peraturan

Gambar 2.21 Menu Peraturan

Menu Peraturan mengadopsi konsep sebelumnya dengan memanfaatkan dropdown menu. Setiap sub menu memiliki link eksternal yang mengarah pada Perda tiap provinsi. Berikut akan di tampikan masing masing halaman pada setiap menu yang di tampilkan : 2.3.5.1 Peraturan Perundangan Lingkungan Hidup

Gambar 2.22 Halaman ppu-pi.menih.go.id

Halaman tidak di temukan karena terjadi kesalahan pada server yang menyebabkan browser tidak bisa menampilkan halaman yang di minta.

-21-

Ekoregion-Kalimantan 2.3.5.2 Perda Provinsi Kalimantan Timur

Gambar 2.23 Halaman kaltimprov.go.id

Halaman utama web portal Peraturan Daerah Kalimantan Timur. Tampak pada gambar halaman tersebut merupakan kumpulan perda yang dapat di download secara langsung dengan mengklik tombol download.

-22-

Ekoregion-Kalimantan 2.3.5.3 Perda Provinsi Kalimantan Barat

Gambar 2.24 Halaman database-kalbarprov.go.id

Tampak pada gambar portal database-kalbarprov.go.id menampilkan perda. Untuk lebih lengkapnya kunjungi halaman web tersebut.

-23-

Ekoregion-Kalimantan 2.3.5.4 Perda Provinsi Kalimantan Tengah

Gambar 2.25 Halaman kalteng.go.id

Halaman kalteng.go.id menampilkan halaman utama web pemerintah provinsi kalimantan tengah. Informasi mengenai kalimantan tengah dapat di peroleh dari halaman terserbut secara online.

-24-

Ekoregion-Kalimantan 2.3.5.5 Perda Provinsi Kalimantan Selatan

Gambar 2.26 Halaman kalselprov.go.id/peraturan-daerah/

Tampak pada halaman kalselprov.go.id/peraturan-daerah/ menampilkan perda pertahun yang dapat di pilih untuk di pelajari lebih lanjut. 2.3.6 Hotspot

Gambar 2.27 Menu Hotspot

Menu hotspot adalah menu yang menampilkan data hostspot yang di kategorikan menjadi tiga sub menu dengan nama Data Hotspot kementrian kehutanan, NOAA (ASMC Singapore) dan MODIS (FIRMS). Lebih jelasnya untuk setiap halaman akan di tampilkan pada pembahasan berikut ini : -25-

Ekoregion-Kalimantan 2.3.6.1 Data Hotspot Kementrian Kehutanan

Gambar 2.28 Data Hotspot kementrian kehutanan

Tampak pada halaman dephut.go.id menampilkan sebuah daftar sebaran hotspot di seluruh indonesia. Data ini sangat bermanfaat untuk menemukan titik yang tidak bisa di jangkau dengan kemampuan manusia. Sehingga di butuhkan peralatan yang mampu memanfaatkan jaringan satelit secara langsung. Lebih detailnya kunjungi www. dephut.go.id.

-26-

Ekoregion-Kalimantan 2.3.6.2 NOAA (Asmic Singapore)

Gambar 2.29 Halaman NOAA (Asmic Singapore)

Halaman ini memuat informasi NOAA Asmic Singapore dimana NOAA memiliki kependekan dari National Oceanic and Atmospheric Administration. NOAA membantu dalam memperingatkan cuaca berbahaya, memetakan laut dan langit, memandu penggunaan dan perlindungan sumber daya lautan dan pantai, dan meneliti untuk meningkatkan pemahaman dan pengelolaan lingkungan. Oleh sebab itu NOAA sangat membantu untuk daerah daerah yang tidak mudah di jangkau maupun memetakan kondisi alam. Lebih lengkapnya silahkan melakukan akses pada www. http://www.weather.gov.sg/wip/web/ASMC/Haze_Information.

-27-

Ekoregion-Kalimantan 2.3.6.3 Modis (Firms)

Gambar 2.30 http://firefly.geog.umd.edu/firms/shapes.htm

Halaman

Modis

(firms)

yang

di

akses

langsung

dari

firefly.geog.umd.edu/firms/about.htm memberikan informasi tentang pentingnya MODIS menanggulangi dampak perubahan alam seperti kebakarann, badai dan lainlain dengan memanfaatkan pencitraan satelit dalam melakukan analisa sesuai dengan tinggi rendahnya anomali yang di amati satelit. Lebih lengkapnya bukalah halaman tersebut. 2.3.7 Pengaduan Masyarakat

Gambar 2.31 Menu Pengaduan

-28-

Ekoregion-Kalimantan Web Site akan menampilkan form pengaduan masyarakat secara umum. Form tersebut terintegrasi dengan Email sesuai konfigurasi yang di berikan di admin. Lebih jelasnya perhatikan gamabr berikut :

Gambar 2.32 Form Pengaduan Masyarakat

-29-

Ekoregion-Kalimantan Form tersebut merupakan lembaran isian yang terintegrasi dengan proses penyimpanan ke email sesuai dengan konfigurasi pada admin. Adapun isian tersebut harus memperhatikan beberapa bagian, antara lain : - Tanda * yang menandakan seluruh form harus di isi. - Keterangan file yang di upload baik berupa gambar dan file - Tombol kirim sebagai tombol untuk mengirim data yang telah di isikan dalam form ke dalam email masing.

2.3.8 Tautan

Untuk halaman dari Instansi Pemerintah dan Media masih dalam tahap pengembangan oleh sebab itu link belum memiliki halaman dan url/link eksternal.

-30-

Ekoregion-Kalimantan 2.4 Panel Feature 2.4.1 Pengumuman dan Lelang

Gambar 2.33 Panel Info lelang

Untuk menu info lelang menampilkan informasi pelelangan kepada masyarakat secara langsung yang di kelola langsung oleh admin maupun petugas yang memilki hak akses dan bertanggung jawab di bidangnya.

Gambar 2.34 Detail Info lelang

Gambar di atas merupakan detail dari info lelang yang di tampilkan dalam singel page. -31-

Ekoregion-Kalimantan 2.4.2 Agenda

Gambar 2.35 Menu Download

Cukup dengan melakukan klik pada tanggal terpilih dan web pun akan menampilkan informasi kegiatan di bawah kalender. Menu Agenda memberikan informasi kegiatan Kelembagaan Ekoregion Kalimantan, sehingga yang bersangkutan semakin mudah memperoleh informasi secara lengkap mengenai kegiatan yang akan di lakasnakan. Menu ini dikelola langsung oleh admin dan user yang memiliki hak akses.

Gambar 2.36 Detail Agenda

Gambar di atas merupakan salah satu dari agenda yang di lihat secara detail yang tampil pada bagian single page..

-32-

Ekoregion-Kalimantan 2.4.3 Vidio

Gambar 2.37 Panel Vidio

Dapat di lihat pada gambar di atsa panel vidio ini di tampikan dengan metode embed dengan melakukan setting pada source iframe yang di kelola langsung oleh admin.

2.4.4 Social Network Link

Gambar 2.38 Panel Social Network

Pada panel ini web hanya menampilkan icon yang memiliki link eksternal sehingga pengunjung dapat dengan mudah bergabung pada group Ekoregion Kalimantan pada FB.

Gambar 2.39 Tampilan Facebook.com

-33-


Gambar 2.40 Tampilan Twitter.com

2.4.5 Berita Terkini

Gambar 2.41 Panel Berita Terbaru

Penel berita ini memiliki fungsi yang dan link yang sama persis dengan berita yang ada pada halaman homepage. Perbedaanya hanya pada format judul yang di tampilkan. Jika di klik salah satu berita maka maka akan tampil detail berita yang ada di dalamnya. Berikut gambar dari masing-masing baik berupa detail berita maupun arsip berita. -34-


Gambar 2.42 Detail berita dari panel Berita terkini

Gambar 2.43 Arsip berita dari panel Berita Terkini

-35-

Ekoregion-Kalimantan 2.4.6 Site Map

Gambar 2.44 Site Map

Halaman ini merupakan site map dari http://kalimantan.menlh.go.id/ yang sangat membantu dalam memahami menu menu utama yang ada di web tersebut. Setipa daftar menu memiliki link ekstenal yang mengarah pada halaman singel page sesuai dengan nama menu tersebut.

-36-

Ekoregion-Kalimantan 2.4.7 Panel Poling

Gambar 2.45 Panel Poling

Pada gambar di atas menampilkan informasi Perolehan poling yang di ambil secara acak dari pengunjung yang melakukan pemilihan. Menejement poling di atur langsung oleh admin dan akan di jelaskan pada bagian admin pada pembahasan Back End. Memilih Polling -

Untuk melakukan pengisian poling dapat melakukan klik menu masukkan Pilihan, Website akan menampilkan form pengisian data poling.

-

Isilah dengan melakukan klik pada radio button yang tersedia, setelah itu pilih bisa melakukan klik close atau menunggu 5 detik, sistem akan secara otomatis menutup form tersebut.

Hasil Poling -

Untuk melihat hasil poling perhatikan tombol hasil poling yang berwarna orange Jika di klik akan mengarah ke halaman hasil poling

-37-


-

Tombol Arsip untuk melihat pertanyaan yang telah di lontarkan kepada masyarakat public

2.4.8 Panel Statistic

Menampilkan hasil kunjungan hari ini dan total pengunjung bulanan. Secara otomatis sistem akan mencatat dan mengakumulasikan seluruh pengunjung website.

-38-


3. BACK END 3.1 Masuk Area Kerja User Untuk masuk ke dalam area kerja user, seorang user harus login terlebih dahulu, untuk link login tersebut berada pada home page website ekoregion. Perhatikan gambar berikut :

Perhatikan panah tersebut, link tersebut merupakan link untuk login user, namun secara sistem jika user ingin login dengan menggunakan link tersebut dengan catatan username dan password harus benar. Jika salah user akan didirect ke dalam halaman form login user seperti gambar berikut :

Sebelum masuk ke dalam area kerja user, terlebih dahulu user memasukkan username dan password yang di miliki sehingga akan menampilkan sistem akan mengenerate apakah -39-

Ekoregion-Kalimantan username dan password sudah sesuai ataukah belum. Jika Username atau password tidak sesuai maka akan menampilkan informasi sebagai berikut.

Gambar 3.1 Pesan Kesalahan

Jika User dan password yang diinputkan sebelumya sesuai dengan yang terdaftar pada sistem maka sistem akan menampilkan halaman manejemen user web tersebut. Seperti pada sebelumnya :

Gambar 3.2 Dashboard Admin

Pada gambar tersebut dapat di jelaskan beberapa bagian utama yang dapat di pahami karena bersifat permanen perhatikan penjelasan berikut : Table 3.1 Keterangan Dashboard Admin

Nama Panel Dashboard

Keterangan Panel dashboard, menampilkan informasi halaman aktif yang di akses user.

Menu Manajemen

Panel menu merupakan panel untuk mengelola wab sesuai dengan informasi yang akan di tampilkan pada halaman utama web.

Daftar Informasi

Pada saat masuk website menampilkan pesan informasi yang telah di upload.

Untuk Information Login selain menampilkan informasi user tetapi juga menampilkan waktu terakhir melakukan login. Untuk memastikanya perhatikan icon user pada bagian kanan atas seperti berikut ini : -40-

Ekoregion-Kalimantan Klick pada icon terebut dan sistem akan menampilkan informasi kepada user yaitu berupa salam pembuka, nama user, role yang sedang di akses, dan informasi terakhir user melakukan login.

Selain itu terdapat dua menu antara lain : 1. Logout yaitu menu yang di gunakan untuk keluar dari sistem user. 2. Setting yaitu di gunakan untuk melakukan edit usename dan password yang di miliki. Perhatikan gambar berikut :

Jika akan melakukan perubahan username maupun password dapat di lakukan secara mandiri melakukan klick pada menu setting dan sistem akan mengarahkan pada menu edit user sepeti pada gambar di atas. Pilih simpan dan sistem akan menampilkan informasi jika user dan password telah di simpan.

-41-

Ekoregion-Kalimantan 3.1.1 Managemen Informasi

Gambar 3.3 Manajemen Halaman

Keterangan Gambar : A. Breadcrumb B. Menu daftar dan tambah C. Search data D. Paging E. Daftar Berita F. Menu edit dan hapus Untuk melakukan pengelolaan manajemen halaman mengharuskan admin memahami proses yang harus di penuhi agar informasi dapat diterima dengan baik oleh pengguna (Masyarakat umum dan mahasiswa)

3.1.1.1 Tambah Informasi Untuk melakukan penambahan informasi dapat melakukan klick pada tombol tambah , sistem akan menampilkan penambahan form tambah informasi.

-42-


Gambar 3.4 Tambah Informasi

Keterangan gambar : A. Judul Informasi, langsung masuk ke dalam kategori berita B. Deskripsi atau kontent informasi C. Button penambahan upload file sesuai dengan keterangan yang ada bisa mengaupload file dalam bentuk gambar, pdf dan zip. D. Upload file yang dengan fitur tambahan file bisa di share dan di download sesuai dengan kebijakan. Cukup dengan melakukan cek list pada bagian kiri file.

E. Untuk melakukan penambahan informasi isilah form tersebut sesuai dengan kebutuhan. Simpanlah file tersebut sehingga sistem akan menampilkan informasi bahwa data telah tersimpan.

-43-

Ekoregion-Kalimantan F. Jika di lihat pada daftar informasi, informasi yang baru di inputkan tampil dengan warna merah muda, sebagai penanda menunggu proses publish dari admin, perhatikan tanda panah pada gambar berikut ini :

3.1.1.2 Edit  Untuk melakukan proses edit dapat melakukan klik pada menu edit,  Web akan meanampilkan form edit  Form sama persis pada saat proses tambah, perbedaanya hanya pada form tersebut telah berisi data yang telah di inputkan sebelumnya.  Tambahan form berada pada bagian file yang telah di upload perhatikan gambar berikut :

 Pada tabel tersebutlah management file yang di upload dapat di perbaharui  Proses selesai jangan lupa menyimpan dengan melakukan klik menu simpan.

3.1.1.3 Hapus User tidak memiliki hak untuk melakukan proses hapus. Jika melakukan klik pada menu hapus sistem akan menampilkan pesan halaman tidak bisa diakses. Perhatikan gambar berikut :

-44-


3.2 Masuk Area Kerja Admin Untuk melakukan proses login dapat menggunakan dua langkah pertama yaitu dengan mengetikkan http://ekoregion/backend pada url bar browser seperti pada gambar berikut :

Setelah itu web secara otomatis akan mengarahkan pada form login dengan url : http://ekoregion/index.php/login/adminlogin seperti pada gambar berikut:

Gambar 3.5 Login Area

Langkah kedua yaitu dengan melakukan klik pada link login pada home page website ekoregion. Perhatikan gambar berikut :

-45-


Perhatikan panah tersebut, link tersebut merupakan link untuk login user, namun secara sistem jika admin ingin login dengan menggunakan link tersebut dengan catatan username dan password harus benar. Jika salah admin akan di direct pada halaman form login user seperti gambar berikut :

Sebelum masuk ke dalam area kerja admin, terlebih dahulu admin memasukkan username dan password yang di miliki sehingga akan menampilkan sistem akan mengenerate apakah username dan password sudah sesuai ataukah belum. Jika Username atau password tidak sesuai maka akan menampilkan informasi sebagai berikut.

-46-


Gambar 3.6 Pesan Kesalahan

Jika User dan password yang diinputkan sebelumya sesuai dengan yang terdaftar pada sistem maka sistem akan menampilkan halaman manejemen admin web tersebut. Seperti pada gambar berikut :

Gambar 3.7 Dashboard Admin

Pada gambar tersebut dapat di jelaskan beberapa bagian utama yang dapat di pahami karena bersifat permanen perhatikan penjelasan berikut : Table 3.2 Keterangan Dashboard Admin

Code A

Nama Panel Dashboard

Keterangan Panel dashboard, menampilkan informasi halaman aktif yang di akses oleh admin atau user.

B

Menu Manajemen

Panel menu merupakan panel untuk mengelola wab sesuai dengan informasi yang akan di tampilkan pada halaman utama web.

C

Salam Pembuka

Pada area salam pembuka ini user disapa langsung oleh program bahwa user telah berada pada area admin. -47-


Code

Nama Panel

D

Information Login

Keterangan Pada

panel

Information

Login

menampilkan

informasi admin/user yang sedang melakukan login pada area admin.

Untuk Information Login selain menampilkan informasi admin / user yang login tetapi juga menampilkan waktu terakhir melakukan login. Untuk memastikanya perhatikan icon user pada bagian kanan atas seperti berikut ini : Klick pada icon terebut dan sistem akan menampilkan informasi kepada user yaitu berupa salam pembuka, nama user, role yang sedang di akses, dan informasi terakhir user melakukan login.

Selain itu terdapat dua menu antara lain : 3. Logout yaitu menu yang di gunakan untuk keluar dari sistem Admin. 4. Setting yaitu di gunakan untuk melakukan edit usename dan password yang di miliki. Perhatikan gambar berikut :

Jika akan melakukan perubahan user name maupun password dapat di lakukan secara mandiri melakukan klick pada menu setting dan sistem akan mengarahkan pada menu edit user sepeti pada gambar di atas. Pilih simpan dan sistem akan menampilkan informasi jika user dan password telah di simpan.

-48-

Ekoregion-Kalimantan 3.3 Menu Managemen

Gambar 3.8 Menu Manajemen Admin

Terdapat dua bagian utama untuk melakukan manajement Web Portal tersebut. Lihatlah pada gambar di atas, gambar di atas menjelaskan 3 menu utama bagian kiri dengan nama Master Data, Pengaturan dan Menu Transaksi Data. Ketiga menu tersebut memiliki sub menu yang berbeda sesuai dengan funsinya. Perhatiakan tabel berikut :

Table 3.3 Struktur menu admin

Menu Master Data

Keterangan Master Data tidak memiliki akses link hanya berupa master menu yang membawahi empat menu yang masuk di dalam kategori Master Data.

-

Master Menu

Master Menu, merupakan manajemen menu yang tampil pada bagian home page Ekoregion Kalimantan, meliputi daftar menu, tambah menu, edit menu, hapus menu dan fitur tambahan searching pada daftar menu. -49-


Menu -

Master Role

Keterangan Master Role, merupakan menu manajemen hak akses yang diberikan kepada masing masing role. Pada master role ini admin dapat melakukan proses tambah role, edit role, manajemen menu role, hapus dan melihat daftar role yang telah di buat.

-

Master User

Master User, merupakan menu yang di gunakan untuk memanaje penambahan maupun pengurangan user yang di perbolehkan mengakses halaman admin Web Portal Ekoregion Kalimantan.

-

Master

Master Hyperlink, merupakan menu yang di gunakan

Hyperlink

untuk malakukan manajemen link pada panel Sistem Informasi manajemen. Pada menu hyperlink di lengkapi dengan menu tambah, hapus, edit, searching dan daftar link.

Pengaturan

Menu Pengaturan, merupakan menu yang digunakan untuk menagatur featured embed dan pengaduan.

-

Embed Widged

Embed widged, menu yang di gunakan untuk mengatur embed vidio, peta, dan rss.

-

Email

Email pengaduan, merupakan menu yang di gunakan untuk

Pengaduan

menampung seluruh email pengaduan dari masyarakat secara umum.

Transaksi Data

Transaksi Data, sama halnya pada menu master data, yaitu menu yang tidak memiliki akses link hanya berupa master menu yang membawahi empat menu yang masuk dia dalam kategori Transaksi Data.

-

Manajemen

Manajemen Agenda, merupakan menu untuk melakukan

Agenda

pengelolaan konten agenda baik berupa penambahan agenda, edit, hapus, dan menampilkan pada daftar agenda serta di lengkapi searching agenda yang di tambahkan.

-

Manajemen

Manajemen Gallery, merupakan menu manajemen Gallery

Gallery

meliputi penambahan gallery, edit, dan hapus gallery. Gallery ini akan di tampilkan dalam panel gallery kegiatan -50-


Menu

Keterangan yang ada di halaman utama Web Portal Ekoregion Kalimantan.

-

Manajement

Manajement Informasi, Merupakan menu manajemen

Informasi

Informasi termasuk di dalamnya informasi info lelang, Pengumuman maupun berita serta di lengkapi proses tambah, edit, hapus, dafter informasi, dan searching data informasi baik dengan keyword maupun dengan tipe kategory.

-

Manajemen

Manajemen Halaman, merupakan menu yang mengatur

Halaman

halaman halaman pada top menu, bottom menu, Menu ini di lengkapi dengan manajemen edit, hapus, tambah dan hapus serta di lengkapi searching halaman.

-

Manajement

Manajemen Newsticker, menu yang di gunakan untuk

Newsticker

memanaje informasi pada halaman utama web yang berisi berita berjalan.

-

Manajement

Menejemen polling di gunakan untuk menampung seluruh

Polling

hasil poling dan di tampilkan dalam bentuk grafix dan prosentase.

Pada pembahasan berikut ini akan di jelaskan proses dan tatacara penggunaan dari masing masing fitur yang di sediakan.

-51-

Ekoregion-Kalimantan 3.3.1 Master Data 3.3.1.1 Master Menu

Gambar 3.9 Master Menu

Keterangan Gambar : A. Beadcrumb B. Daftar dan Tambah menu C. Searching Form D. Paging E. Daftar Menu F. Manajemen Edit dan Hapus Pada Master Menu menampilkan tujuh bagian utama seperti pada gambar di atas. Setiap point memiliki tugas tersendiri sehingga menjadi satu kesatuan menu Master Menu. Berikut akan di jabarkan secara dari masing masing fitur. 3.3.1.1.1 Daftar Menu Icon

digunakan utuk menampilan seluruh daftar menu. Perhatikan

gambar berikut :

-52-


Gambar 3.10 Dafter Menu

Pada gambar di atas terdapat beberapa bagian paling utama yaitu daftar seluruh menu baik yang bersifat public maupun yang hanya di tampilkan pada admin. Oleh sebab itu, banyaknya daftar menu yang tampil maka di butuhkan sebuah pangging yang dapat membantu memotong tampilan pada layar yang sangat panjang. Menu paging ini bersifat kelipatan jika data sudah mencapai data ke 20 makan data paging akan menampilkan halaman kedua. dan Informasi yang dapat di berikan dari menu paging berupa daftar menu yang ada adalah 30 record, dan di tampilkan dalam dua halaman. Halaman pertama memuat 20 record dan halam kedua memuat 10 record. Untuk berikutnya yaitu proses penambahan menu dan manajemen yang lainya akan di bahas sebagai berikut. 3.3.1.1.2 Tambah Icon

di gunakan untuk menambah menu yang di butuhkan, berikut

langkah untuk melakukan penambahan menu : 1. Klicklah icon

yang terletak di atas form searching.

2. Sistem akan meampilakan form penambahan

-53-


Gambar 3.11 Add menu

3. Untuk melakukan penambahan menu admin harus mengisikan seluruh kebutuhan form yang di sediakan. 4. Tips menambah menu : Pada field ketiga terdapat group menu dengan option list admin dan publik

Terdapat dua perbedaan dalam pengisian jika memili admin maupun publik, perhatikan dengan baik penjelasan berikut : a. Publik -

Jika memilih publik maka form secara otomatis akan berubah dengan memanfaatkan ajax

-

Perubahan form admin dapat di lihat sebagai berikut :

-54-


-

Root menu untuk memilih menu tersebut berada sebagai menu utama atau anak dari menu yang lain

-

“ A “ Halaman luar jika aktif (ya) halaman luar maka pada field halaman menu akan berubah bentuk isian url ke luar web site,

-

“ B “jika di isi dengan halaman luar maka field halaman menu ada berubah menjadi halaman internal web.

-

Perhatikan gambar berikut Gambar A

Diisi dengan URL link eksternal misal : http://heartofborneo.or.id/id Gambar B

Diisi dengan memilih menu yang telah ada di dalam sistem -55-

Ekoregion-Kalimantan -

Untuk nomor menu dapat diisi sesuai nilai integer

-

Dan untuk level menu juga diisi dengan nilai integer

-

Serta aktif status yang memiliki optyion list blocked dan actived Jika block maka halaman tidak di tampilkan Jika active maka halaman akan tampil

Jangan lupa untuk pengecekan kembali dan simpan data. b. Admin -

Jika memilih admin maka form secara otomatis akan berubah dengan memanfaatkan ajax

-

Perubahan form admin dapat di lihat sebagai berikut default seperti pada pertama kali di akses:

-

Khusus menambah menu pada admin harus menyesuaikan kontroller pada admin.

-

Kontroller merupakan bagian dari proses update sistem sehingga hanya pihak yang paham dengan framework inilah bisa menambah modul dalam admin. Oleh sebab itu tiga bagian field tersebut dapat di isi dengan isian sebagai berikut :

-

Halaman menu

: role/contoh

-

Nomor menu

:1

-

Level Menu

:2

Pastikan controller sudah di buat terlebih dahulu pada sisi scripting frame work Ekoregian. -56-

Ekoregion-Kalimantan -

Serta aktif status yang memiliki optyion list blocked dan actived Jika block maka halaman tidak di tampilkan Jika active maka halaman akan tampil

Jangan lupa untuk pengecekan kembali dan simpan data.

5. Yang perlu di perhatikan tanda * mewajibkan data harus di isi. Jika tidak di isi maka akan menampilkan pesan

Jika gambar tidak di isi sesuai dengan panjang dan lebarnya makan juga akan menampilkan pesan

6. Klick simpan dan sistem akan menampilkan informasi jika data telah di simpan dengan baik.

7. Proses penambahan menu selesai. 3.3.1.1.3 Edit

Gambar 3.12 Dafter Menu

Pilihlah Tombol

sehingga sistem akan mengarahkan pada bagian Form

Edit pada data yang telah di pilih.

-57-


Gambar 3.13 Edit Menu

Jika perubahan sudah di lakukan, pilihlah simpan dan akan menampilkan pesan jika data telah di simpan.

3.3.1.1.4 Search

Gambar 3.14 Search Form

Untuk melakukan searching pada daftar menu yang terdaftar dengan langkah sebagai berikut : 1. Memasukkan jenis pencarian pada field kategori pencarian. 2. Sistem secara otomatis akan melakukan pencarian karena text field tersebut di integrasikan dengan pencarian per huruf dengan menggunakan teknologi autoloading. 3. Pilih jenis urutan jika dari a-z atau kecil ke besar dan sebaliknya -58-

Ekoregion-Kalimantan 4. Selain itu pencarian dapat di integrasikan dengan pencarian berdasarkan group menu seperti yang tampil pada gambar di atas. 5. Berikut contoh capture searching sesuai kebutuhan. a. Berdasarkan keyword Daftar nama menu yang tampil menyesuaikan dengan keyword yang di tuliskan. Proses pencarian dapat di lihat pada sisi bagian kana textfield pencarian yaitu berupa icon proses berputar.

Gambar 3.15 Pencarian data dengan Keyword

b. Berdasarkan group Untuk pencarian berdasarkan group maka sistem langsung akan menampilkan keseluruhan menu dengan sesuai dengan group menu nya

Gambar 3.16 Hasil Pencarian Group

c. Berdasarkan keyword dan group Pencarian ini merupakan gabungan dari sistem pencarian kedua bentuk pencarian menu seperti pada gambar di atas. -59-


Gambar 3.17 Hasil Pencarian Gabungan

3.3.1.1.5 Hapus Untuk melakukan hapus terdapat dua cara taitu melakukan hapus pada salah satu menu atau dengan melakukan hapus secara keseluruhan. Perhatikan langkahlangkah berikut: 1. Proses hapus kelompok menu Untuk melakukan hapus pada sekelompok menu bisa dengan malakukan ceklist pada bagian ceklist yang terletak samping kiri no urut data pada daftar menu.

Gambar 3.18 Hapus Data Masal

-

Pilihlah hapus, sistem akan menampilkan pesan keterkaitan data

Gambar 3.19 Pesan Penghapusan Group

-

Jika data yakin akan di hapus pilihlah hapus

-

Sistem akan meampilkan pesan jika data telah di hapus -60-


2. Proses hapus satu menu

Gambar 3.20 Hapus satu data

Untuk melakukan hapus satu menu, dapat dengan langsung melakikan hapus pada menu hapus yang di wakili dengan icon hapus -

.

Jika telah di hapus maka sistem akan menampilkan detail data yang akan di hapus.

Gambar 3.21 Pesan penghapusan perdata

-

Pilih Delete dan sistem akan menampilkan pesan jika data telah dihapus.

3. Proses hapus seluruh data

-61-

Ekoregion-Kalimantan Untuk melakukan hapus seluruh data dapat dengan melakukan ceklis pada ceklis combo yang terletak pada samping title no seperti pada gambar di atas dengan arah panah. -

Pilihlah hapus, sistem akan menampilan pesan keterkaitan data

-

Jika yakin akan di hapus pilih hapus

-

Sistem akan meampilkan pesan jika data telah di hapus

3.3.1.2 Master Role

Gambar 3.22 Master Role

Keterangan Gambar : A. Breadcrumb B. Menu tambah dan List C. Paging D. Daftar Role E. Manu Manajemen dan Editor Pada menu inilah hak akses di tentukan sesuai dengan kebutuhan user pengguna. Untuk lebih jelasnya akan di jelaskan sebagai berikut. -62-

Ekoregion-Kalimantan 3.3.1.2.1 Daftar

Gambar 3.23 Daftar Role

Pada menu daftar ini lah sistem menampilkan role role yang di kelola oleh admin. Setiap role akan dikelola lansung oleh admin yang telah di berikan hak akses. Untuk melakukan manajemen role baik melakukan penambahan role, edit dan hapus perhatikan langkah-langkah berikut : 3.3.1.2.2 Tambah Untuk melakukan penambahan role klicklah tombol tambah akan mengarahkan pada form penambahan role.

Gambar 3.24 Tambah Role

Pada form penambahan role terdapat tiga bagian yang harus di isi. -

Bagian Kode Role

-

Bagian Nama Role

-63-

dan sistem

Ekoregion-Kalimantan 3.3.1.2.3 Edit

Gambar 3.25 Edit Role

Untuk melakukan edit tidak jauh berbeda dari segi form dan pemberian hak akses. - Pilihlah menu - Sistem akan menampilkan form edit beserta data yang terdapat di dalamnya.

Gambar 3.26 Form Edit Role

- Pilihlah simpan jika telah melakukan edit, dan sistem akan menampilkan pesan jika data telah di simpan.

3.3.1.2.4 Role Menu Langkah terakhir untuk mamastikan role yang telah di create di atas yaitu dengan melakukan pemberian hak menu.

Gambar 3.27 Role Menu

- Untuk memberikan hak menu pilihlah menu - Sistem akan menapilkan form kosong manajemen hak menu yang bisa di berikan pada role yang di berikan. Pada role menu ini menampilan dua master menu pertama Master data dan kedua Transaksi Data. Untuk melakukan aktivasi menu yang berada pada sub master menu maka di wajibkan

-64-

Ekoregion-Kalimantan melakukan ceklist pada master menu terlebih dahulu baru kemudian memilih sub master menu yang di kehendaki.

Gambar 3.28 Dafter Menu Role Menu

- Contoh pemberian hak menu

Gambar 3.29 Contoh Pengisian File

- Pilihlah simpan untuk menyimpan menu yang telah di terapkan. Dan sistem akan menampilkan pesan jika data berhasil di simpan.

3.3.1.2.5 Hapus Untuk melakukan proses hapus tidak jauh berberda dengan proses yang lainya. ceklistlah data yang akan di hapus dan sistem akan menghapus role beserta manajemen hak akases di dalamnya.

-65-


Gambar 3.30 Hapus File

- Jika role yang akan di hapus telah di ceklis langkah berikutnya klicklah tombol hapus. - Sistem akan menampilkan konfirmasi penghapusan data

- Klick tombol hapus dan sistem akan menampilkan pesan penghapusan menu tersebut

3.3.1.3 Master User

Gambar 3.31 Master User

Pada menu master user inilah admin melakukan penambahan user beserta hak aksesnya. Sehingga user yang telah di create dapat melakukan manajemen pada web sesuai dengan hak yang di berikan. Pada gambar di atas merupakan daftar menu yang dapat di gunakan untuk melakukan manajemen pengeditan, penambahan dan penghapusan user.

-66-

Ekoregion-Kalimantan 3.3.1.3.1 Tambah Untuk melakukan penambahan menu klicklah tombol tambah

dan

sistem akan menampilkan form penambahan menu seperti berikut :

Gambar 3.32 Add Master User

Isikalah sesuai dengan kebutuhan dari form, meliputi : - Id User - Nama User - Password - Status Login - Lock Status - Kode Role Simpanlah form yang telah di isikan, dan sistem akan menampilkan informasi jika data berhasil di simpan.

User yang telah di tambahkan dapat melakukan login sepertihalnya admin dengan pengaturan sesuai dengan role menu yang di miliki.

-67-


Gambar 3.33 Edit Master User

Untuk melakukan pengeditan user pada admin pilihlah tombol edit yang berada pada bagian kiri tombol hapus. Seperti yang tampak pada gambar di atas sehingga tampil form edit sesuai user yang akan di edit lihatlah gambar di bawah ini.

Gambar 3.34 Form Edit Master User

Jika data selesai di edit pilihlah tombol simpan, dan sistem akan menampilkan pesan jika data telah berhasil di simpan.

3.3.1.3.3 Hapus Untuk melakukan penghapusan data dapat menggunakan tombol hapus yang terletak pada kana tombol edit pada daftar user.

-68-


Sistem akan menampilkan pesan penghapusan. Jika yakin menghapus kliklah tombol Hapus. 3.3.1.4 Master Hyperlink

Gambar 3.35 Master Hiperlink

Keterangan Gambar : A. Searching Form B. Paging C. Daftar Link D. Manajemen Link Seperti yang dapat dilihat pada gambar di atas, teradapat empat bagian utama untuk melakukan manajemen hyperlink.

-69-

Ekoregion-Kalimantan 3.3.1.4.1 Daftar

Gambar 3.36 Daftar Hiperlink

Pada daftar link inilah link yang terkait Ekoregion Kalimantan akan di kelola, baik eksternal link maupun internal link. Pembahasan dalam proses manajemen akan dijelaskan sebagai berikut : 3.3.1.4.2 Tambah Untuk melakukan penambahan hyperlink klicklah icon

yang terletak

di atas searching form. Sistem akan menampilkan form seperti berikut ini.

Gambar 3.37 Form Tambah Hiperlink

-

Untuk melakukan penambahan isilah form yang tampil seperti gambar di atas.

-

Klick Tambah Data untuk mennyimpan file, dan sistem akan menampilkan pesan jika data berhasil di simpan.

-70-


Gambar 3.38 Edit Hiperlink

Untuk melakukan edit data cliclah icon

yang terletak di samping kanan

daya yang akan di edit. Sistem akan menampilkan form edit.

Gambar 3.39 Edit Data Hiperlink

Jika telah seleasi melakukan edit data, simpan data dengan melakukan click pada Ubah data, sistempun akan menampilkan informasi jika data berhasil di simpan.

-71-

Ekoregion-Kalimantan 3.3.1.4.4 Search


Model pencarian data dengan menggunkan keyword link dapat di lihat sebagai berikut : A. Pencarian dengan Keyword

Gambar 3.41 Search dengan Keyword

Untuk melakukan pencarian data dengan keyword maka sistem akan menampilkan secara langsung hasil dari pencarian pada tabel di bawah form pencarian. Seperti pada gambar di atas. 3.3.1.4.5 Hapus Untuk melakukan penghapusan pada data dapat di lakukan seperti halnya pada menu sebelumnya. Penghapusan secara kelompok maupun penghapusan satu record data.

Gambar 3.42 Hapus file

Dapat di lihat pada gambar di atas, untuk melakukan hapus pada satu data dapat langsung menuju hapus pada menu action. Jika akan melakukan hapus secara -72-

Ekoregion-Kalimantan bersamaan pada data dapat melakukan ceklis pada bagian kiri data yang tampil baru kemudian di klick pada menu hapus

yang terletak pada bagian bawah

tabel. Untuk penghapusan satu data, sistem akan menampilkan detail data sebelum benar benar di hapus.

Jika data tersebut di hapus maka sistem akan manampilkan pesan jika data telah di hapus.

3.3.2 Pengaturan 3.3.2.1 Embed Widget

Gambar 3.43 Image Manajemen

Embed Widget merupakan menu yang mengatur isi dari panel widget pada home page Web Portal Ekoregion Kalimantan. Pada daftar widget di atas setaiap widget hanya memiliki menu edit untuk mengganti url dari widget yang akan di tampilkan. Untuk melakukan pengeditan perhatikan penjelasan berikut : -73-

Ekoregion-Kalimantan 3.3.2.1.1 Edit Widget

Gambar 3.44 Dedit Widget

Pada gambar di atas, menu edit widget terletak di baris kolom paling kanan. Klik menu tersebut sesuai dengan data yang akan di edit (menu edit bertanda panah). Sistem akan menampilkan form edit sebagai berukut :

Pada form di atas beberapa bagian yang menjadi perhatian : -

Tanda * menandakan form wajib di isi,

-

Form terdiri dari tiga bagian yaitu : o Nama Widget yang berisi vidio secara default tidak bisa diubah o Embed URL bisa di kosongkan atau di isi sesaui dengan kebutuhan o Dan terakhir adalah block Status yang memiliki dua pilihan yaitu aktif dan block. Jika aktif maka panel akan tampil pada halaman home. Sedangkan jika di block maka sisiyem akan secara otomatis tidfak menampilkan widget tersebut.

3.3.2.1.2 Mengambil Source Code Widget Peta Untuk melakukan pengeditan peta dapat di lakukan dengan langkah yang sama persis. Perbedaanya hanya pada iframe googlemap yang di ambil. Perhatikan langkah berikut.

-74-


Keterangan gambar A. Pilih Object peta “ kalimantan tengah” a. Panah “A” menampilkan informasi tentang kalimantan b. Panah “B” menampilkan informasi lokasi kalimantan tengah B. Pilih icon Link

C. Google Map akan menampikan dialog box seperti berikut

D. Copilah iframe yang berada dalam tanda lingkaran. E. Selesai F. Simpanlah Iframe tersebut dan sistem akan menampilkan pesan sebagai berikut

-75-

Ekoregion-Kalimantan 3.3.2.1.3 Mengambil Source Code Widget Vidio Untuk memasang iframe vidio admin harus memiliki sumber iframe dari youtube agar bisa dipasang pada form embed url. Untuk memperoleh iframe dapat membuka www.youtube.com seperti pada tampilan berikut :

Untuk memperoleh iframe perhatikan gambar berikut :

Keterangan : A. Pilih tombol bagi -76-


B. Youtube akan menampilkan dialog box

C. Pilihlah menu sematkan Youtube akan menampilkan dialog box baru yang menampilkan pesan sebagai berikut :

D. Kopilah iframe yang yang tampil. E. Selesai F. Simpanlah Iframe tersebut dan sistem akan menampilkan pesan sebagai berikut

-77-

Ekoregion-Kalimantan 3.3.2.2 Email Pengaduan

Gambar 3.45 Email Pengaduan

Pada gambar di atas merupakan menu yang di gunakan untuk melakukan konfigurasi email. Adapun menu dapat di gunakan adalah menu edit, untuk mengatur ulang konfigurasi email. Perhatikan form edit sebagai berikut :

Gambar 3.46 Form Edit Email Pengaduan

Beberapa bagian yang harus di perhatikan dalam proses edit tersebut antara lain : -

Tanda *, yang merupakan tanda field wajib di isi

-

Form tersebut merupakan form konfigurasi email dengan menggunakan smtp penyedia layanan email, seperti ssl://smtp.googlemail.com.

-

Simpan jika konfigurasi email telah selesai.

-78-

Ekoregion-Kalimantan 3.3.3 Transaksi Data 3.3.3.1 Managemen Agenda

Gambar 3.47 Manajement Agenda

Keterangan Gambar : A. Beadcrumb B. Tombol Manajemen C. Searching D. Paging E. Tombol Editor Pada gambar di atas menampilkan informasi yang berkaitan dengan manajemen pengelolaan konten web portal Ekoregion Kalimantan yogyakarta. Berikut akan di jelaskan lebih detail terkait beberapa manajemen web tersebut. Berikut tampilah menu pada bagian front end.

-79-


Gambar 3.48 Panel Agenda

3.3.3.1.1 Tambah Untuk melakukan penambahan agenda, pilihlah tombol

yang terletak

pada bagian atas form pencarian. Untuk melakukan penambahan agenda harus memperhatikan beberapa bagian dari form tambah, antara lain sebagai berikut :

-80-


Gambar 3.49 Tambah Agenda

Keterangan Gambar : A. Nama Agenda B. Deskripsi Agenda C. Select Tanggal dalam format 3 bulan D. Tanggal Pelaksanaan Agenda E. Tanggal Akhir Agenda F. Pilih Gambar G. Tambah Gambar yang akan di upload Ketujuh bagian di atas merupakan bagian bagian yang harus di isi agar informasi dapat di peroleh dengan baik oleh pengguna. Isilah form tersebut sesuai dengan informasi yang akan di sampekan kepada pengguna (mahasiswa dan masyarakat umum) simpanlah data tersebut dan sistem akan menampilkan informasi jika data telah di simpan.

-81-


Gambar 3.50 Edit Agenda

Perhatikan gambar di atas untuk melakukan edit agenda, pilihlah tombol edit (bertanda panah dan berwarna biru) sehingga sistem akan menampilkan data yang akan di edit.

Gambar 3.51 Edit Agenda

Jika data telah di edit simpanlah sehingga sistem akan menampilkan informasi bahwa agenda telah di simpan.

-82-


Gambar 3.52 Search Agenda

Seperti seaching pada umumnya, memasukkan keyword pada bagian A dan proses pencarian akan terlihat pada bagian panah B. Untuk hasilnya dapat di ketahui secara langsung pada bagian tabel daftar angenda yang berada pada bagian bawah form pencarian. 3.3.3.1.4 Hapus Untuk melakukan hapus data tidak jauh

berbeda

pada

menu

yang

lainnya, yaitu dengan melakukan ceklist pada daftar agenda untuk penghapusan

secara

masal

atau

group. Sedangankan

untuk

penghapusan

secara personal dapat di lakukan dengan melakukan klick tombol hapus yang terletak pada bagian kanan tombol edit. Untuk penghapusan secara masal (Group) maupun satu data sistem akan menampilkan pesan sebagai berikut.

Pilihlah hapus dan sistem akan menampilkan sebiah informasi data telah berhasil di hapus. -83-


3.3.3.2 Manajemen Gallery

Gambar 3.53 Manajemen Gallery

Menu Manajemen Gallery merupakan menu yang di gunakan untuk melakukan pengelolaan galleri kegiatan maupun gallery tentang Ekoregion Kalimantan yang tampil pada area front end. Untuk melakukan pengelolaan perhatikan langkah-langkah sebagai berikut. 3.3.3.2.1 Tambah Gallery Untuk melakukan penambahan menu pilihlah tombol tambhan dengan icon sehingga sistem akan menampilkan form penambahan gallery

-84-


Gambar 3.54 Tambah Gallery

Keterangan Gambar : A. Judul Gallery B. Caption, yang merupakan deskripsi singkat dari deskrpisi gallery secara keseluruhan C. Deskrpisi D. Lokasi Kegiatan E. Tanggal Pelaksanaan F. Upload File Gambar Untuk melakukan penambahan galleri harus memperhatikan enam bagian seperti yang telah di sebut di atas. Jika form sudah terisi dengan baik langkah berikutnya simpanlah form tersebut, dan sistem akan menampilkan informasi bahwa data telah di simpan.

-85-


Gambar 3.55 Edit Gallery

Untuk melakukan edit data dan gallery cukup dengan mengarahkan krusor pada bagian admin sehingga akan menampilkan menu edit dan remove. Jika di klick menu edit (bagian yang di pahah pada gambar di atas) akan menampilkan form edit gallery sebagai berikut :

Gambar 3.56 Form Edit Gallery

Jika akan melakukan edit pada gambar cukup dengan melakukan klick pada gallery tersebut, sistem akan mengarahkan pada bagian daftar gambar sebagai berikut :

-86-


Gambar 3.57 Remove Gallery

Dari gambar yang tampil ini akan lebih mudah untuk melakukan manajement gambar dengan melakukan penghapusan maupun penambahan. Untuk melakukan hapus : 1. Arahkan krusor pada gambar yang tampil sampai muncul menu remove

2. Klick lah menu tersebut, sistem akan menampilkan pesan konfirmasi

3. Gambar berhasil di hapus Sedangkan untuk melakukan penambahan gambar : 1. Pilihlah menu tambah 2. Sistem akan menampilkan form upload gambar

-87-


Gambar 3.58 Tambah Gambar Gallery

3. Pilihlah gambar seperti pada gambar di atas 4. Dan langkah terakhir yaitu dengan melakukan klick pada Upload File dengan pesan penyimpanan file sebagai berikut :

3.3.3.2.3 Hapus

Gambar 3.59 Hapus Gallery

Untuk melakukan hapus : 1. Arahkan krusor pada gambar yang tampil sampai muncul menu remove

2. Klick lah menu tersebut, sistem akan menampilkan pesan konfirmasi

-88-

Ekoregion-Kalimantan 3. Gambar berhasil di hapus

3.3.3.3 Manajemen Informasi

Gambar 3.60 Informasi Manajement

Keterangan Gambar : A. Breadcrumb B. Menu Tambah dan Dafter Informasi C. Searching Informasi D. Daftar Informasi E. Menu Edit dan Hapus Untuk melakukan pengelolaan informasi, untuk pengguna (mahasiswa dan User) admin dapat melakukan penambahan, pengeditan, penghapusan dan searching daftar informasi yang ada. Lebih jelasnya perhatikan pembahasan berikut : 3.3.3.3.1 Tambah Untuk melakukan penambahan informasi dapat melakukan klick pada tombol tambah

, sistem akan menampilkan penambahan informasi.

-89-


Gambar 3.61 Tambah Informasi

Keterangan gambar : G. Kategori Informasi,

Pada kategori informasi inilah info yang di tuliskan nanti akan di tampilkan pada bagian front end web. Sehingga sebelum menuliskan informasi di pastikan terlebih dahulu informasi benar-benar sesuai dengan kategorinya. H. Judul Informasi I. Deskripsi atau kontent informasi J. Button penambahan upload file K. Upload file yang dengan fitur tambahan file bisa di share dan di download sesuai dengan kebijakan. Cukup dengan melakukan cek list pada bagian kiri file.

-90-

Ekoregion-Kalimantan Untuk melakukan penambahan informasi isilah form tersebut sesuai dengan kebutuhan. Simpanlah file tersebut sehingga sistem akan menampilkan informasi bahwa data telah tersimpan.

3.3.3.3.2 Edit

Gambar 3.62 Edit Informasi

1. Untuk melakuakn edit data pilihlah menu edit yang berada pada bagian kiri menu hapus. 2. Sistem akan menampilkan informasi data yang telah di pilih siap di edit pada form berikut ini

-91-


Gambar 3.63 Edit Information

Pada form edit juga akan tampil informasi image yang telah di upload beserta informasi file bisa di download ataupun tidak bisa di download (kotak warna merah pada bagian form edit paling bawah)

-92-

Ekoregion-Kalimantan 3.3.3.3.3 Proses Publish

Gambar 3.64 Proses Publish

Proses publish merupakan proses filtering data yang di butuhkan admin agar berita yang di uplaod user sesuai dengan kebutuhan pihak ekoregion. Adapun proses update dapat di lakukan dengan melakukan klik edit. Web akan menampilkan form sebagai berikut :

Penggalan form edit tersebut terdapat field status yang merupakan field untuk memberikan status apakah file tersebut di tampilkan ataukah tidak. Tombol simpan untuk menyimpan perubahan dan status tersebut, warna merah muda pun akan berubah menjadi wana default yaitu putih. 3.3.3.3.4 Search Fitur ini di gunakan untuk mencari data secara cepat berdasarkan keyword yang kita ketahui tanpa harus tahu secara pasti judul data tersebut. Berikut ini akan di bahas beberapa tipe pencarian berdasarkan keyword maupun berdasarkan kelompok kategorinya. A. Berdasarkan keyword pada judul Sistem akan mencocokkan perhuruf di mulai dari hurus yang terdepan sampai kemudian genap satu kata. Perhatiakan gambar berikut :

-93-


Gambar 3.65 Search Dengan Keyword

Pada gambar di atas dengan mengetikkan bentuk maka sistem akan mencari mulai dari huruf terdepan sehingga bisa langsung mengingatkan admin dalam mencari data tersebut. B. Berdasarkan kategory. Pencarian berdasarkan kategori akan menampilkan seluruh data dengan kategori sama. Perhatikan gambar berikut :

Gambar 3.66 Search dengan Group

Pada gambar di atas menampilkan seluruh data dengan kategori info PMB. 3.3.3.3.5 Hapus Untuk melakukan proses terakhir yatu dengan melakukan penghapusan data. Untuk penghapusan data dapat di lakukan secara group maupun perdata. Lebih jelasnya sebagai berikut : A. Penghapusan data masal (group) Untuk melakukan hapus pada beberapa data dapat dengan melakukan ceklis pada data yang di pilih, perhatikan gambar berikut :

-94-


Gambar 3.67 Hapus Data Masal

Pada data yang di select bisa langsung dihapus dan sistem akan menampilkan pesan penghapusan sebagai berikut :

Gambar 3.68 Pesan Penghapusan

Sedangak untuk melakukan penghapusan langsung pada salah satu data bisa langsung melakukan klick pada menu hapus yang terletak pada bagian kanan menu edit. Perhatikan gambar berikut :

Sistem akan menampilkan informasi pesan penghapusan sebagai berikut :

-95-

Ekoregion-Kalimantan Jika di data tersebut berhasil di hapus maka sistem akan menampilkan informasi bahwa pesan berhasil di hapus.

3.3.3.4 Manajemen Halaman

Gambar 3.69 Manajemen Halaman

Keterangan Gambar : G. Breadcrumb H. Menu daftar dan tambah I.

Search data

J.

Paging

K. Menu edit dan hapus Untuk melakukan pengelolaan manajemen halaman mengharuskan admin memahami proses yang harus di penuhi agar informasi dapat diterima dengan baik oleh pengguna (Masyarakat umum dan mahasiswa) 3.3.3.4.1 Tambah Untuk melakukan penambahan menu perhatikan langkah berikut ini.

-96-


Gambar 3.70 Tambah Halaman

Beberapa bagian yang harus di perhatikan : A. Judul Halaman yang akan di publikasikan -97-

Ekoregion-Kalimantan B. Isi halaman tersebut C. Pilihan menu akan di tampilkan pada halaman public atau tidak D. Pilihan header image dengan enam pilihan gambar untuk header pada single page website. E. Juka tidak ada gambar yang akan di upload pilihlah tidak maka sistem akan menutup form upload pada gambar. F. Menu untuk menambah file yang akan di upload pada internal hosting. G. Menu yang di gunakan untuk melakukan uploda pada eksternal Hosting sehingga di tampilkan pula link download. H. Untuk menyimpan data pilihlah tombol tambah data dan sistem akan menampilkan iformasi jika data telah di simpan.

3.3.3.4.2 Edit

Gambar 3.71 edit Halaman

 Untuk melakukan edit data dapat dilakukan dengan melakukan klick menu edit (Tanda panah) sistem pun akan mengarahkan pada form edit data tersebut.  Website akan menampilkan form edit data sesuai dengan data yang di pilih.  Jika data telah di edit dengan benar simpanlah date tersebut dan sistem akan menampilkan pesan penyimpanan.

-98-



Untuk melakukan proses seaching halaman cukup dengan memasukkan keyword sesuai dengan kebutuhan. Contoh pada gambar di atas sistem akan mencari data satu persatu sesuai dengan judul halaman. 3.3.3.4.4 Hapus

Gambar 3.73 Hapus Data

1. Menghapus file secara kolektif dengan melakukan ceklist pada bagian kiri daftar halaman, baru kemudian di hapus. 2. Sedangkan untuk menghapus hanya satu data cukup dengan mekukan kick tombol hapus pada yang terletak pada bagian kanan menu edit.

-99-

Ekoregion-Kalimantan 3.3.3.5 Manajemen Newsticker

Gambar 3.74 Manajemen Download

Keterangan Gambar : A. Beadcrumb B. Tombol Manajemen C. Seaching D. Daftar Newsticker E. Menu Hapus Newsticker Pada menu manajemen Neswsticker ini hanya admin hanya dapat melakukan penambahan maupun penghapusan newsticker. Berikut akan di jelaskan mekanisme melakukan penambahan maupun penghapusan file. 3.3.3.5.1 Tambah Baru

Gambar 3.75 Tambah Newsticker

Isilah sesuai dengan kebutuhan form yaitu judul newsticker dan deskripsi Informasi. Jika sudah selesai dan menekan tombol simpan sistem akan mengarahkan pesan penyimpanan file. -100-


3.3.3.5.2 Hapus File

Gambar 3.76 Hapus Gambar

Lakukan ceklist terlebih dahulu sebelum melakukan panghapusan informasi, lihat gambar di atas. Jika telah melakukan ceklist hapuslah dengan melakukan klick pada tombol hapus. Sistem akan menampilkan informasi pesan penghapusan.

Jika yakin dan telah di klick hapus, maka sistem akan menampilkan pesan, jika data berhasil di hapus.

3.3.3.5.3 Pilih Berita

-101-

Ekoregion-Kalimantan Keterangan Gambar : A. Menu kategori berita B. Tombol pemindah untuk di masukkan menjadi kategori Newsticker C. Panel Informasi berita sesuai dengan kategori yang di pilih D. Panel setelah informasi berita dipilih.

Pesan jika data berhasi di simpan

3.3.3.6 Management Poling Untuk melakukan manajemen poling baik dalam melakukan penambahan soal maupun perubahan dapat di lakukan dengan memanfaatkan menu sebagai berikut ini.

Perhatikan penjelasan berikut : 3.3.3.6.1 Tambah Soal Untuk melakukan penambahan menu dapat di lakukan dengan melakukan klik pada menu tambah

. Perhatikan penjelasan berikut ini :

1. Sistem akan menampilkan form tambah soal

-102-


Keterangan : -

Pertanyaan poling untuk di jawab

-

Status Pertanyaan akan di tampilkan atau tidak

-

Jawaban dari pertanyaan. Bisa menambag jawaban dengan melakukan melakukan klik pada + Tambah Kolom Jawaban

2. Isilah form sesuai dengan kebutuhan

3. Simpan form yang sudah terisi soal dan jawaban serta setatus yang di berikan. 4. Pesan penyimpanan.

-103-


Untuk melakukan pengeditan sebuah poling soal dapat di lakukan dengan melakukan klik pada tombol edit (Bertanda panah dan tombol berwarna biru). Sistem akan menampilkan form pengeditan sebagai berikut :

Untuk menyimpan pilih tombol Simpan. 3.3.3.6.3 Grafik

Grafik merupakan menu untuk menampilkan seberapabesar prosentase pilihan baik dalam bentuk prosentase dan diagram lingkaran. Perhatikan detail menu grafik seperti pada ganbar berikut :

-104-


Tampak pada gambar di atas tampil prosentase pilihan pengunjung dan diagram lingkaran beserta keterangan warna yang di gunakan. 3.3.3.6.4 Prosentase

Menu prosentase menampilkan jumlah responden dan prosentase seperti pada gambar berikut :

3.3.3.6.5 Hapus

Gambar 3.77 Hapus Data

A. Perhatikan Panah “A” Menghapus file secara kolektif dengan melakukan ceklist pada bagian kiri daftar halaman, baru kemudian di hapus. -105-


B. Perhatikan Panah “B” Sedangkan untuk menghapus hanya satu data cukup dengan mekukan kick tombol hapus pada yang terletak pada bagian kanan menu edit.

Website akan menampilkan pesan penghapusan data dengan menampilkan detail soal dan jawaban poling seperti gambar berikut :

Klik menu hapus untuk menghapus daya tersebut.

4. PENUTUP Demikian dokumen ini kami selesaikan dengan harapan bisa menjadi pedoman pihakpihak yang membutuhkan. Sebagai bukti berjalanya sistem telah sesuai dengan permintaan dan telah di uji oleh team development PT Time Excelindo serta telah di sepakati bersama. Kurang dan lebihnya dalam pembuatan user manual ini kami mengucapkan terimaksih.

-106-


-107-

-0- File Name : F:\My Work\Time Excelindo\EKOREGION-KALIMANTAN\EKOREGION-DEV- UMD.0.4.doc Create Date :

Recommend Documents