diperbarui dengan cara menghapus, mengubah, dan menambah datainformasi baru yang dapat dilakukan oleh administrator. Pengguna
sistem yang telah memiliki hak otorisasi dapat menambahkan data dan informasi dengan terlebih dahulu dicek oleh administrator.
2. Identifikasi Fungsional
Pengguna sistem ini memerlukan sebuah sistem informasi yang dapat memberikan informasi mengenai bioenergi dengan mudah, murah,
dan cepat serta dapat pula digunakan untuk membantu dalam pengambilan keputusan yang terkait.
Data-data yang dibutuhkan dalam pembangunan sistem berupa data sekunder yang diperoleh dari studi pustaka, hasil penelitian, data statistik,
artikel dari jurnal, publikasi, majalah, informasi dari pengusahaindustri, balai penelitian, dan para pakar di bidang bioenergi.
Fungsi-fungsi yang akan dibangun di antaranya fungsi masuk dan keluar log administrator dan anggota, fungsi pemanggilan menu dan sub
menu, fungsi input artikel, fungsi polling, dan fungsi masukan kritik dan saran.
C. DESAIN SISTEM
Setelah sistem dinilai layak untuk dibangun, maka tahap selanjutnya dari siklus hidup pembangunan sistem adalah tahap desain sistem. Tujuan utama
dari desain sistem adalah untuk memberikan gambaran tentang sistem yang akan diterapkan dari sisi estetika, sistematika, input-output, dan proses. Desain
sistem terdiri dari desain tampilan antarmuka, desain basis data, dan desain proses.
1. Desain Tampilan Antarmuka
Sistem informasi dibangun dengan menggunakan perangkat lunak Joomla CMS yang berbasis bahasa pemrograman PHP. PHP merupakan
bahasa pemrograman yang bersifat server-side yang ditambahkan pada kode HTML untuk membuat situs menjadi lebih menarik dan dinamis.
Tampilan antarmukanya dibuat dengan memodifikasi sebuah template bernama ”tbc bitter sweet” yang berlisensi GPL General Public License
30
menggunakan bantuan perangkat lunak pengolah grafis yaitu Adobe Photoshop dan Macromedia Fireworks serta Macromedia Dreamweaver
MX sebagai editor skrip menjadi template ”greenergy”. Tampilan antarmuka dibuat sedemikian rupa sehingga menarik dan memudahkan
pengguna dalam menggunakan sistem informasi. Secara umum, halaman situs terdiri dari 5 area, yaitu area 1 yang
menampilkan header logo dan nama sistem, area 2 yang menampilkan menu navigasi atas, area 3 yang menampilkan konten utama isi situs
web, area 4 yang menampilkan menu samping, menu login anggota, dan modul, serta area 5 yang menampilkan footer berupa identitas institusi
Departemen Teknik Pertanian IPB. Pada tiap pergantian halamannavigasi, area yang berubah hanya area 3 yang berisi konten informasi sedangkan
keempat area lainnya tidak berubah. Tampilan kelima area tersebut dapat dilihat pada Gambar 3.
Sistem dibangun dengan sejumlah plug-in Joomla berupa modul, komponen, dan mambot. Yang dimaksud dengan modul ialah plug-in yang
ditampilkan pada halaman web, komponen adalah plug-in yang berfungsi mengatur konfigurasi dan dapat diakses dari halaman administrator back-
end . Mambot adalah plug-in yang terintegrasi dengan konten dan
berfungsi menambah fitur dari konten tersebut. Secara lengkap, daftar plug-in
yang digunakan dalam sistem informasi ini dapat dilihat pada Lampiran 1. Seluruh plug-in yang digunakan dalam sistem informasi ini
bersifat non-komersial dengan lisensi GPL General Public License dan dapat diunduh di http:extensions.joomla.org.
31
Area 1 : header
Area 2 : menu navigasi atas Area 3 : konten informasi
Area 5 : footer Area 4 : menu
navigasi samping, menu anggota, dan
modul pendukung
Gambar 3. Desain 5 lima area tampilan situs
Pada sistem informasi ini terdapat 3 tiga modul menu yaitu menu atas sebagai menu utama, menu samping sebagai menu pendukung, dan
menu anggota yang hanya dapat diakses oleh anggota yang sudah terdaftar pada basis data sistem. Selain itu terdapat beberapa modul di luar menu
yang ada yaitu modul Form Login, Polling, Pengunjung Online, dan Statistik Pengunjung.
a. Menu Atas Menu Utama
Menu atas sebagai menu utama terdiri dari 7 tujuh pilihan sub- menu informasi, yaitu Menu Bioetanol, Menu Biodiesel, Menu Biogas,
Menu Pure Plant Oil PPO, Menu Biobriket, Menu Bio-Oil, dan Menu Biomassa Lainnya.
Menu Bioetanol, Menu Biodiesel, Menu Biogas, Menu Pure Plant Oil PPO, Menu Biobriket, Menu Bio-Oil terdiri dari beberapa
sub-menu yaitu sub-menu Karakteristik, sub-menu Bahan Baku, sub- menu Proses Pembuatan, sub-menu Alat-alat Pengolahan, dan sub-
menu Aplikasi.
32
Sub-menu Karakteristik Gambar 4 menyajikan informasi tentang sifat fisik dan kimia, perbandingan dengan bahan bakar fosil,
kelebihan dan kekurangannya.
Gambar 4. Tampilan sub-menu Karakteristik
Sub-menu Bahan Baku Gambar 5 menampilkan informasi tentang bahan baku suatu produk bioenergi, karakteristik umum dari
masing-masing bahan baku, serta potensinya di Indonesia.
Gambar 5. Tampilan sub-menu Bahan Baku
33
Sub-menu Proses Pembuatan menampilkan informasi teknis cara pembuatan suatu produk bioenergi. Tampilan halaman sub-menu
Proses Pembuatan dapat dilihat pada Gambar 6.
Gambar 6. Tampilan sub-menu Proses Pembuatan
Sub-menu Alat-alat Pengolahan Gambar 7 menyajikan informasi tentang alat-alat yang digunakan dalam proses pembuatan
maupun alat-alat yang digunakan dalam penggunaan bahan bakar.
Gambar 7. Tampilan sub-menu Alat-alat Pengolahan
34
Sub-menu Aplikasi berisi informasi tentang aplikasi produk bioenergi saat ini dan cara penggunaannya. Tampilan halaman sub-
menu Aplikasi dapat dilihat pada Gambar 8.
Gambar 8. Tampilan sub-menu Aplikasi
b. Menu Samping Menu Pendukung
Modul menu samping terdiri dari 10 sepuluh komponen pilihan yaitu Halaman Utama, Tentang Bioenergi, Peta Situs, Direktori,
Pencarian, Artikel Terbaru, Kamus Istilah, Pustaka, Menu Bantuan, dan Hubungi Kami.
1 Halaman Utama
Navigasi Halaman Utama akan membawa pengguna menuju halaman depan sistem informasi. Halaman utama ini merupakan
halaman default yang akan muncul ketika pengguna membuka alamat situs web sistem informasi. Halaman ini menyajikan
informasi secara naratif mengenai bioenergi secara umum. Pengunjung dapat mengklik pada menu yang tersedia untuk
memperoleh informasi lebih lanjut. Tampilan halaman utama dapat dilihat pada Gambar 9.
35
Gambar 9. Tampilan Halaman Utama Sistem Informasi
2 Menu Tentang Bioenergi
Menu Bioenergi terdiri dari 3 kategori yaitu kategori Tentang Bioenergi yang berisi artikel-artikel mengenai bioenergi secara
umum, beberapa jurnal penelitian mengenai bioenergi, dan kebijakanperaturan pemerintah di bidang bioenergi. Tampilan sub-
menu Bioenergi dapat dilihat pada Gambar 10. 3
Peta Situs Halaman peta situs seperti terlihat pada Gambar 11
menampilkan keseluruhan isi dari sistem informasi secara hirarkis. Setiap item teks dari peta situs ini merupakan tautan yang langsung
menuju ke halaman yang bersangkutan.
36
Gambar 10. Tampilan Halaman Tentang Bioenergi
Gambar 11. Tampilan Halaman Peta Situs
4 Direktori
Menu Direktori menyajikan informasi tentang beberapa lembaga penelitian, industri, dan institusi pendidikan yang
bergerak di bidang bioenergi dari hulu sampai ke hilir. Informasi yang disajikan berupa profil nama, alamat, nomer telepon,
faksimili, e-mail, alamat situs web, kontak personal, dan deskripsi singkat tentang bidang kerja lembagaperusahaaninstitusi tersebut.
Tampilan halaman Direktori dapat dilihat pada Gambar 12.
37
Gambar 12. Tampilan Halaman Direktori
5 Pencarian
Pengguna sistem dapat melakukan pencarian terhadap informasi yang ingin diketahui dengan cara memasukkan kata
kunci ke dalam kolom yang tersedia. Sistem akan melakukan pencarian di basis data dan menghasilkan keluaran berupa daftar
kontenartikel yang mengandung kata kunci yang telah dimasukkan oleh pengguna.
Jika tidak ada artikel yang relevan yang mengandung kata kunci yang dimasukkan, pengguna dapat melakukan pencarian di
situs mesin pencari Google melalui tautan yang telah disediakan. Gambar 13 menunjukkan simulasi pencarian dengan kata kunci
”liquifikasi”. 6
Artikel Terbaru Menu Artikel Terbaru Gambar 14 berhubungan dengan
komponen Wrapper yang dapat menampilkan konten website lain secara langsung. Website yang ditampilkan pada menu Artikel
Terbaru tersebut sementara ini beralamat di http:www.pusatagroindustri.comcategorybioenergi
. Jika diperlukan tampilan dari konten website lain yang lebih banyak,
hal tersebut dapat dilakukan dengan membuat sub-menu.
38
Gambar 13. Simulasi Pencarian
Gambar 14. Tampilan Halaman Artikel Terbaru
7 Kamus Istilah
Halaman Kamus Istilah berisi istilah-istilah yang mungkin tidak dimengerti oleh pengguna awam beserta definisinya.
Halaman ini merupakan konten statis. Gambar 15 menunjukkan tampilan halaman Kamus Istilah.
39
Gambar 15. Tampilan Halaman Kamus Istilah
8 Pustaka
Halaman pustaka berisi informasi mengenai pustaka yang digunakan sebagai rujukan dalam pembuatan sistem, baik yang
berupa buku, jurnal, hasil penelitian, maupun situs web sumber datainformasi yang diambil dari internet. Informasi pustaka ini
akan sangat berguna bagi pengguna yang ingin menelusuri lebih lanjut tentang bioenergi. Tampilan halaman Pustaka ditunjukkan
dalam Gambar 16.
Gambar 16. Tampilan Halaman Pustaka
40
9 Bantuan
Pada halaman ini disajikan panduan dalam menggunakan sistem dan penjelasan mengenai masing-masing menu dalam
sistem. Tampilan menu bantuan dapat dilihat pada Gambar 17.
Gambar 17. Tampilan Halaman Bantuan
10 Hubungi Kami
Pada halaman Hubungi Kami Gambar 18 tercantum identitas dari Administrator beserta alamat.yang dapat dihubungi
oleh pengguna sistem untuk menghubungi administrator. Pengguna juga dapat memberikan masukan saran atau kritik pada formulir
isian yang telah disediakan. Hal ini akan sangat membantu dalam pengembangan dan pemeliharaan sistem informasi ke depannya.
41
Gambar 18. Tampilan Halaman Hubungi Kami
c. Menu Anggota
Menu anggota dapat diakses oleh anggota yang telah terdaftar pada basis data sistem. Menu ini terdiri dari 3 tiga sub-menu yaitu
sub-menu Detail Anda, Kirim Artikel, dan File Upload. Gambar 19 menunjukkan tampilan struktur Menu Anggota.
Gambar 19. Struktur Menu Anggota
1 Sub-menu Detail Anda
Pada menu ini Gambar 20 pengguna dapat melakukan perubahan terhadap detail profilnya sendiri berupa nama, e-mail,
username, dan password.
42
Gambar 20. Menu ubah detail anggota
2 Sub-menu Kirim Artikel
Pengguna yang telah terdaftar menjadi anggota sistem dapat berpartisipasi aktif dalam pengembangan sistem dengan cara
berbagi informasi dan pengetahuannya mengenai bioenergi. Anggota dapat memberikan masukan berupa artikel, tautan web,
maupun bahan pustaka yang berisi informasi mengenai bioenergi. Hal ini akan sangat bermanfaat dalam menambah khasanah
informasi guna mengembangkan sistem informasi. Informasi berupa artikel akan ditampilkan setelah dicek dan di-publish
terlebih dahulu oleh administrator. 3
Sub-menu Upload File Anggota sistem dapat mengupload berkas situs web
berekstensi html, htm, berkas dokumen berekstensi pdf, doc, txt, dan berkas gambar berekstensi jpg, jpeg, gif, png. Ukuran
maksimum yang diizinkan adalah 5 MB per berkas. Pengguna dapat memilih salah satu dari 3 tiga metode upload yaitu upload
berkas dari komputer, transfer berkas dari server lain, dan menautkan berkas dari server lain. Menu upload berkas ini dapat
menjadi sarana bagi pengguna untuk berbagi informasi yang berkaitan dengan topik bioenergi. Tahap-tahap pada proses Upload
File dapat dilihat pada Gambar 21.
43
Gambar 21. Tahap-tahap Upload File
44
d. Modul Form Login
Modul Form Login Gambar 22 menampilkan dua field yang harus diisi oleh pengguna yang akan login untuk mengakses menu
anggota, yaitu field Username dan Password. Form Login juga menampilkan tautan untuk registrasi anggota dan tautan untuk
mengirimkan password kembali pada kasus dimana anggota lupa dengan password yang telah dibuat.
Gambar 22. Form Login
Tautan ”Daftar” akan membawa pengguna masuk ke halaman registrasi anggota seperti terlihat pada Gambar 23. Isian yang harus
dimasukkan yaitu Nama, Nama Pengguna Username, E-mail, Kata sandi Password, dan Verifikasi Kata Sandi. Setelah form diisi dengan
lengkap, sistem akan mengirimkan e-mail ke alamat yang telah dimasukkan ketika registrasi. E-mail ini berisi tautan untuk aktivasi
account secara manual oleh pengguna. Setelah mengaktivasi
account nya, pengguna dapat masuk dengan username dan password
yang telah didaftarkan. Pengguna secara default mendapatkan level akses Pengguna Terdaftar. Untuk dapat menulis artikel, pengguna
dapat mengajukan permintaan level akses yang lebih tinggi dengan persetujuan dan verifikasi administrator.
45
Gambar 23. Halaman Pendaftaran
Jika username dan atau password yang dimasukkan oleh pengguna ketika akan masuk log tidak cocok dengan username dan
atau password yang ada di basis data sistem, sistem akan menampilkan pesan error seperti terlihat pada Gambar 24 di bawah ini.
Gambar 24. Pesan kesalahan input usernamepassword
e. Modul Polling
Modul Polling berfungsi untuk menampilkan jajak pendapat yang telah dibuat oleh administrator. Konfigurasinya dapat diatur dari
halaman back-end administrator. Modul Polling dapat dilihat pada Gambar 25. Jajak pendapat ini sangat bermanfaat terutama untuk
melakukan analisis permasalahan dan mengumpulkan opini dan suara publik. Tema jajak pendapat yang ditampilkan adalah : ”Menurut
Anda, apa faktor utama yang menghambat aplikasi bioenergi di Indonesia?”. Tema ini mempunyai 6 enam pilihan jawaban yaitu:
• Kurangnya kesadaran masyarakat akan kondisi energi
• Kurangnya peran pemerintah
• Riset dan teknologi yang masih sederhana
46
• Kurangnya sosialisasi
• Sistem pemasaran yang belum terstruktur
• Bahan baku yang belum mencukupi
Gambar 25. Tampilan Modul Polling
f. Modul Pengunjung Online
Modul Pengunjung Online menampilkan jumlah pengunjung dan jumlah serta identitas anggota yang sedang online pada suatu waktu.
g. Modul Statistik Pengunjung
Modul Statistik Pengunjung menampilkan jumlah pengunjung yang telah mengakses situs hari ini, kemarin, minggu ini, bulan ini,
dan total keseluruhan pengunjung situs.
2. Desain Basis Data
Desain basis data yaitu proses perancangan basis data untuk proses penyimpanan dan manajemen data dalam bentuk tabel-tabel. Basis data
pada sistem informasi berfungsi untuk menyimpan data-data konten informasi, komponen, data pengguna beserta passwordnya, serta data yang
47
berguna untuk menunjang sistem informasi secara keseluruhan. Basis data yang digunakan dalam sistem informasi ini dibuat pada saat instalasi awal
Joomla dengan menggunakan phpMyAdmin yang terintegrasi dalam perangkat lunak XAMPP Installer. Pada dasarnya phpMyAdmin adalah
sistem manajemen basis data MySQL yang berbasis web, artinya pembuatan dan manajemen basis data melalui browser internet dengan
tampilan seperti halaman web. Basis data untuk sistem informasi ini diberi nama ”dbbioenergi”
dengan jumlah tabel sebanyak 61 buah. Seluruh tabel diberi awalan ”jos_” yang merupakan awalan default pada instalasi Joomla. Tabel-tabel tersebut
dapat dilihat pada Gambar 26. Setiap tabel dalam basis data terdiri dari sejumlah entitas dan atribut
yang mewakili masing-masing data pada tabel. Contoh pada tabel jos_components yang memiliki 12 atribut dapat dilihat pada Tabel 3.
Setiap tabel memiliki hubungan dengan tabel lainnya dalam basis data relasional. Hubungan antar tabel pada basis data ini ditunjukkan dalam
Gambar 27.
Tabel 3. Entitas dan atribut dalam tabel jos_components
Field Type Collation
Attributes Null Default Extra
id int11 No
auto_increment name varchar50
latin1_swedish_ci No link varchar255
latin1_swedish_ci No
menuid int11 UNSIGNED
No parent int11
UNSIGNED No
admin_menu_link varchar255 latin1_swedish_ci No admin_menu_alt varchar255
latin1_swedish_ci No option varchar50
latin1_swedish_ci No
ordering int11 No
admin_menu_img varchar255 latin1_swedish_ci No iscore tinyint4
No params text
latin1_swedish_ci No
48
Gambar 26. Struktur basis data dbbioenergi
49
Gambar 27. Hubungan antar tabel
Untuk mengantisipasi basis data rusak atau terhapus secara tidak sengaja, basis data disimpan sebagai berkas cadangan dalam bentuk berkas
berekstensi .sql melalui program phpMyAdmin. Proses back-up ini dilakukan dengan cara mengekspor seluruh tabel dalam basis data. Proses
ekspor basis data dapat dilihat pada Gambar 28.
50
Gambar 28. Perintah ekspor untuk menyimpan cadangan basis data
3. Desain Proses
Desain proses merupakan tahap yang sangat penting dalam pembangunan suatu sistem informasi. Fungsi dari desain proses ini adalah
untuk merancang prosedur dan program dari sistem informasi. Diagram alir sistem informasi dilampirkan pada Lampiran 2.
Sistem informasi dilengkapi dengan desain masukan data untuk berinteraksi dengan basis data dalam melakukan pembaruan berupa
penambahan data maupun penghapusan data. Proses pembaruan data ini
51
dapat dilakukan oleh administrator melalui back-end masuk ke halaman administrasi back-end maupun front-end akses langsung dengan cara
masuk log dari halaman antarmuka pengguna. Tampilan halaman administrasi back-end ditampilkan pada Gambar 29.
Gambar 29. Tampilan halaman administrasi back-end
Anggota yang telah diberi hak otorisasi oleh administrator dapat pula melakukan pembaruan data dalam batasan sesuai dengan otorisasinya.
Tingkat autentikasi anggota terdiri dari 2 kategori yaitu Public Front-end dan Public Back-end. Public Front-end hanya dapat masuk log dari
halaman depan sistem sedangkan Public Back-end dapat masuk log dari halaman administrasi back-end. Berikut adalah diagram otorisasi untuk
masing-masing tingkatan anggota Tabel 4.
52
Tabel 4. Diagram Hak Akses Anggota Sistem
Public Front-end Public Back-end
Otorisasi Terda
ftar Penu
lis Ed
ito r
Pen erb
it Ma
naj er
Ad min
Su per
A d
mi n
Edit profil ●
● ●
● ●
● ●
Menulis artikel ●
● ●
● ●
● Mengedit artikel
● ●
● ●
● Menerbitkan artikel
● ●
● ●
Tambah dan edit konten ●
● ●
Manajemen anggota
● ●
Instalasi dan manajemen plugin ●
● Konfigurasi
dan manajemen
global ●
D. IMPLEMENTASI SISTEM
