commit to user 13
BAB III DESAIN DAN PERANCANGAN
3.1 Spesifikasi Sistem
Secara umum sistem website ini dirancang dan dibuat untuk menyajikan segala informasi yang ada di PT. Lembah Hijau mulifarm LHM, sebagai media
promosi dan informasi antara perisahaan dan pengunjung.
3.2 Gambaran Kerja Sistem
Secara umum cara kerja dari website ini adalah sebagai dapat digambarkan
sebagai berikut.
Admin User Pengunjung
Server
Internet
Gambar 3.1 Gambaran kerja sistem Menurut gambar diatas dapat dilihat bahwa sistem website ini diaplikasikan
dalam jaringan internet, kemudian user mengakses website secara online melalui browser. Semua manjemen sistem semua dipegang oleh admin. Untuk
pengunjung user hanya dapat mengakses informasi yang ada di dalam website.
commit to user 14
3.3 Perancangan Sistem
Pengembangan website PT.Lembah Hijau Multifarm ini memerlukan beberapa tahapan analisa yang harus dilalui, pada tahap ini dilakukan pemodelan
menggunakan Diagram Konteks dan DFD Data Flow Diagram.
3.3.1 Diagram Konteks
Diagram Konteks merupakan gambaran sederhana dari alur informasi suatu sistem. Diagram Konteks perancanagn website PT. Lembah Hijau
Multifarm adalah sebagai berikut :
Website Lembah Hijau Multifarm
LHM
Guestbook, chat manajemen produk,
berita, artikel, guestbook
Informasi produk, berita, artikel,
chat,guestbook Informasi produk,
berita, artikel, chat,guestbook
Pengunjung Admin
Gambar 3.2 Diagram Konteks
3.3.2 DFD Level 0
Sistem informasi website bisa dilihat lebih jelas lagi dalam desain DFD level 0, dimana dalam level ini bisa dilihat lebih jelas lagi proses-proses yang ada
dalam sistem ini. DFD level 0 ditunjukan pada gambar 3.3
commit to user 15
Proses 1.0 Login
Pemrosesan artikel
Proses 9.0 Pemrosesan
produk organik Proses 8.0
Pemrosesan produk
bioteknologi Proses 7.0
Pemrosesan produk pertanian
peternakan Proses 6.0
Pemrosesan berita
Proses 4.0 Mini chat
Proses 3.0 Pemrosesan
admin Proses 2.0
Pemrosesan produk agrikultur
Proses 5.0
Proses view data Proses 11.0
D1 Data Admin
D2 Data
minichat
D3 Data Berita
D4 Data Produk
agrikultur
D5 Data Produk
Pertanian Peternakan
D6 Data Produk Bio
D7 Data Produk
Organik
D8 Data Artikel
Data Admin terformat
Data chat terformat
Data Berita terformat
Data Produk Agrikultur terformat
Data Produk Pertanian Peternakan
terformat Data Produk Bio
terformat
Data Produk Organik terformat
Data Artikel terformat
data admin ADMIN
Username Password
Pengunjung
Data mini chat, data berita, data
produk, data artikel, data
guestbook
Pemrosesan guestbook
D8 Data
guestbook
Proses 10.0
Data guestbook
data chat
Input data guestbook verifikasi
Data admin
Data mini chat, data berita,
data produk, data artikel,
data guestbook Id, data chat
Id, data berita
Id, data produk agrikultur
Id, data produk pertanian
Id, data produk bioteknologi
Id, data produk organik Id, data guestbook
Id, data artikel
Data mini chat, data berita, data
produk, data artikel, data
guestbook
Gambar 3.3 DFD Level 0
commit to user 16
3.3.3 DFD Level 1 Proses 2.0 Pemrosesan Admin
Desain DFD level 1 yang merupakan pengembangan dari proses 2.0 DFD level 0 pemrosesan admin . DFD level 1 pemrosesan admin ditunjukan pada
gambar 3.4 dibawah ini.
Admin
Proses 2.1 Input data admin
Proses 2.2 Edit data admin
Proses 2.3 Delete data
admin Data admin
Data update sdmin
Id admin D1
Data Admin Data terformat
Data update
query Data Admin
data verifikasi
data verifikasi Data admin
Data admin
Gambar 3.4 DFD level 1 Proses 2.0
3.3.4 DFD Level 1 Proses 4.0 Pemrosesan Berita
Desain DFD level 1 yang merupakan pengembangan dari proses 4.0 DFD level 0 pemrosesan berita . DFD level 1 pemrosesan berita ditunjukan pada
gambar 3.5 dibawah ini.
commit to user 17
Admin
Proses 4.1
Input data berita
Proses 4.3
Delete data berita
Data berita
Id berita D3
Data berita Data terformat
query data verifikasi
data verifikasi
Data berita
Gambar 3.5 DFD level 1 Proses 4.0
3.3.5 DFD Level 1 Proses 5.0 Pemrosesan Produk Agronomi
Desain DFD level 1 yang merupakan pengembangan dari proses 5.0 DFD level 0 pemrosesan Produk Agronomi . DFD level 1 pemrosesan Produk
Agronomi ditunjukan pada gambar 3.6 dibawah ini.
Admin
Proses 5.1
Input data Produk
Agrikultur
Proses 5.2
Edit data Produk Agrikultur
Proses 5.3
Delete data Produk
Agrikultur Data Produk Agrikultur
Data update sdmin
Id produk agrikultur D4
Data Produk Agrikultur
data verifikasi
Data update
query Data produk agrikultur
Data produk agrikultur
Verifikasi data
data verifikasi Data agrikultur
Gambar 3.6 DFD level 1 Proses 5.0
commit to user 18
3.3.6 DFD Level 1 Proses 6.0 Pemrosesan Produk Pertanian Peternakan
Desain DFD level 1 yang merupakan pengembangan dari proses 6.0 DFD level 0 pemrosesan Produk Pertanian dan Peternakan . DFD level 1 pemrosesan
Produk Pertanian dan Peternakan ditunjukan pada gambar 3.7 dibawah ini.
Admin
Proses 6.1 Input data
Produk pertanian dan
peternakan
Proses 6.2 Edit data Produk
pertanian dan peternakan
Proses 6.3 Delete data
Produk pertanian dan
peternakan Data produk pertanian
Data update
Id produk pertanian D5
Data Produk pertanian dan
peternakan Data terformat
Data update
query Data produk pertanian
Data produk pertanian
Data verifikasi
Data verifikasi
Data produk pertanian
Gambar 3.7 DFD level 1 Proses 6.0
3.3.7 DFD Level 1 Proses 7.0 Pemrosesan Produk Bioteknologi
Desain DFD level 1 yang merupakan pengembangan dari proses 7.0 DFD level 0 pemrosesan Produk Bioteknologi . DFD level 1 pemrosesan Produk
Bioteknologi ditunjukan pada gambar 3.8 dibawah ini.
commit to user 19
Admin
Proses7. 1 Input data
Produk Bioteknologi
Proses 7.2 Edit data Produk
Bioteknologi
Proses 7.3 Delete data
Produk Bioteknologi
Data produk bioteknologi
Data update
Id produk bioteknologi D6
Data Produk Bioteknologi
Data terformat
Data update
query Data produk
bioteknologi Data produk
bioteknologi
Data verifikasi
Data verifikasi
Data produk bioteknologi
Gambar 3.8 DFD level 1 Proses 7.0
3.3.8 DFD Level 1 Proses 8.0 Pemrosesan Produk Organik
Desain DFD level 1 yang merupakan pengembangan dari proses 8.0 DFD level 0 pemrosesan Produk Organik . DFD level 1 pemrosesan Produk Organik
ditunjukan pada gambar 3.9 dibawah ini.
Admin
Proses 8.1 Input data
Produk organik
Proses 8.2 Edit data Produk
organik
Proses 8.3 Delete data
Produk organik Data produk organik
Data update
Id produk organik D7 Data Produk organik
Data terformat
Data update
query Data produk organik
Data produk organik
Data verifikasi
Data verifikasi
Data produk organik
Gambar 3.9 DFD level 1 Proses 8.0
commit to user 20
3.3.9 DFD Level 1 Proses 9.0 Pemrosesan Artikel
Desain DFD level 1 yang merupakan pengembangan dari proses 9.0 DFD level 0 pemrosesan Artikel . DFD level 1 pemrosesan Artikel ditunjukan pada
gambar 3.11 dibawah ini.
Admin
Proses 9.1 Input data Artikel
Proses 9.2 Edit data Artikel
Proses 9.3 Delete data
Artikel Data artikel
Data update
Id artikel D8
Data Artikel Data terformat
Data update
query Data artikel
Data artikel Data
verifikasi
Data verifikasi
Data artikel
Gambar 3.11 DFD level 1 Proses 9.0
3.3.10 DFD Level 1 Proses 10.0 Pemrosesan guestbook
Desain DFD level 1 yang merupakan pengembangan dari proses 10.0 DFD level 0 pemrosesan Guestbook . DFD level 1 pemrosesan Buku Tamu
ditunjukan pada gambar 3.12 dibawah ini.
Proses 10.1 Input data
guestbook
Proses 10.2 Delete data
guestbook Pengunjung
Admin D9
Data guestbook Data guestbook
Data Terformat
query Id gestbook
Data verivikasi
Data guestbook
Gambar 3.12 DFD level 1 Proses 10.0
commit to user 21
3.4 Entity Relationship Diagram
Admin mengupdate
update menghapus
Produk Organik
Id_orga nik
nama gambar
keteran gan
Produk Bioteknologi
Id_bio Nama
gambar keteran
gan
Produk Agrikultur
Gambar Id_Agri
kultur Penjela
san Nama
Berita
Id_berit a
judul
Isi berita
tanggal
gamb ar
Mini chat
Id_chat
nama
Website pesan
Guest book
Isi pesan
alamat
nama Id_pe
san
Upload file
Nama file
Id_uplo ad
deskrip si
Ukuran file
Produk Pertanian
Peternakan
Id_pete rnakan
nama keteran
gan gambar
Melihat
Gambar 3.13 Entity Relationship Diagram
commit to user 22
3.5 Perancangan Database
Rancangan database pada sistem website ini menggunakan database MySQL. Pada tabel database terdapat kunci primary key PK, berikut ini detail
dari tabel rancangan yang akan ditunjukkan pada tabel berikut :
3.5.1 Tabel Admin
Berfungsi untuk menyimpan data administrator, ditunjukkan pada tabel 1 Tabel 1 Tabel Admin
Field Tipe
Size Keterangan
Key
id_admin Varchar
20 Id
PK username
Varchar 50
Username password
Varchar 50
Password
3.5.2 Tabel MiniChat
Berfungsi untuk menyimpan pesan mini chatt , ditunjukkan pada tabel 2 dibawah ini.
Tabel 2 Tabel Minichat
Field Tipe
Size Keterangan
Key
id_shoutbox Int
5 Id shoutbox
PK nama
Varchar 100
Nama pengirim website
Varchar 100
Nama website pengunnjung pesan
Text 100
Isi pesan
3.5.3 Tabel Berita
Berfungsi untuk meyimpan data berita, ditunjukkan pada tabel 3 Tabel 3 Tabel Berita
Field Tipe
Size Keterangan
Key
id_berita Int
10 Id berita
PK judul
Varchar 15
Judul berita isi_berita
Text Isi dari berita
commit to user 23
3.5.4 Tabel Agrikultur
Berfungsi untuk menyimpan data dan foto produk agrikultur, ditunjukkan pada tabel 4
Tabel 4 Tabel Agrikultur
Field Tipe
Size Keterangan
Key
id_agrikulture Int
3 Id produk agrikulture
PK nama
Varchar 30
Judul produk agrikulture penjelasan
Longtext Keterangan agrikulture
gambar Varchar
25 Gambar produk agrikulture
3.5.5 Tabel Peternakan
Berfungsi untuk menyimpan data peternakan, yang akan ditunjukkan pada tabel 5
Tabel 5 Tabel Peternakan
Field Tipe
Size Keterangan
Key
id_peternakan Int
5 Id produk peternakan
PK nama
Varchar 30
Nama produk peternakan penjelasan
Longtext Penjelasan produk peternakan
gambar Varchar
25 Gambar produk peternakan
3.5.6 Tabel Bioteknologi
Berfungsi untuk meyimpan data produk bioteknologi, ditunjukkan pada tabel 6
Tabel 6 Tabel Bio
Field Tipe
Size Keterangan
Key
id_bio Int
3 Id produk bioteknologi
PK nama
Varchar 30
Nama produk bioteknologi penjelasan
Text Keterangan produk
gambar Varchar
25 Gambar produk
commit to user 24
3.5.7 Tabel Organik
Berfungsi untuk menyimpan data produk organik, ditunjukan pada tabel 7 Tabel 7 Tabel Organik
Field Tipe
Size Keterangan
Key
id_organik Int
5 Id produk organik
PK nama
Varchar 30
Nama produk organik penjelasan
Longtext Kterangan produk organik
gambar Varchar
25 Gambar produk organik
3.5.8 Tabel artikel
Berfungsi untuk menyimpan data artikel, tutorial yang berhubungan dengan pertanian, ditunjukkan pada tabel 8
Tabel 8 Tabel artikel
Field Tipe
Size Keterangan
Key
id_upload Int
5 Id data yang di upload
PK Nama_file
Varchar 100
Judul data yang di upload ukuran_file
Int 100
Ukuran data yang di upload deskripsi
Longtext Isi data
direktori Varchar
100 Direktori data yang di upload
waktu Date
Waktu saat dat di upload
3.5.9 Tabel Guestbook
Berfungsi untuk menyimpan data buku tamu, ditunjukkan pada tabel 9 Tabel 9 Tabel Guestbook
Field Tipe
Size Keterangan
Key
id_pesan Int
5 Id pesan
PK nama
Varchar 30
Nama alamat
Varchar 25
alamat isi
Text Isi guestbook
email Varchar
25 Alamat email
commit to user 25
3.6 Rancangan Disain Layout Website PT. Lembah Hijau Multifarm
Gambar 3.14 Rancangan Website
HEADER
Home Prodak Artikel Berita kontak ousservice
BERITA SEKILAS
INFO ARTIKEL SIAP
DOWNLOAD
OUR PARTNER TEXT
commit to user 26
BAB IV IMPLEMENTASI DAN ANALISIS
4.1 Deskripsi Sistem
Gambar 4.1 Deskripsi Sistem
Dalam membangun website ini digunakan tiga software yang masing masing mempunyai kegunaan yang berbeda yaitu database My SQL yang
mempunyai fungsi untuk media penyimpanan data, dan untuk menjalankan website ini digunakan web browser Mozilla Firefox.
4.2 Implementasi Program
Implementasi rancangan dari Website Company Profile PT. Lembah Hijau LHM Sukoharjo adalah sebagai berikut :
Browser Firefox
Web server AppServ
Database My SQL
Kategori