Post on 10-Aug-2019
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
i
PEMBUATAN WEBSITE
PT. LEMBAH HIJAU MULTIFARM (LHM)
SUKOHARJO
TUGAS AKHIR
Diajukan Untuk Memenuhi Salah Satu Syarat Mencapai Gelar Ahli Madya
Program Diploma III Ilmu Komputer
Diajukan oleh :
AGMON YUS ARDIYAN
NIM. M3107065
PROGRAM DIPLOMA III ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS SEBELAS MARET
SURAKARTA
2011
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ii
HALAMAN PERSETUJUAN
PEMBUATAN WEBSITE
PT. LEMBAH HIJAU MULTIFARM (LHM)
SUKOHARJO
Disusun Oleh :
AGMON YUS ARDIYAN
NIM. M3107065
Tugas akhir ini telah disetujui untuk dipresentasikan pada ujian Tugas Akhir
Pada tanggal 16 Januari 2011
Pembimbing Utama
Hartono, S.Si
NIP. 19770828 200604 1 008
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iii
HALAMAN PENGESAHAN
PEMBUATAN WEBSITE
PT. LEMBAH HIJAU MULTIFARM (LHM)
SUKOHARJO
Di susun Oleh
Pembimbing Utama
Hartono, S.Si
NIP.19770828 200604 1 008
Tugas akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir
Program Diploma III Ilmu Komputer
Pada hari Kamis tanggal 10 Februari 2010
Dewan Penguji
1. Penguji 1 Hartono, S.Si ( )
NIP. 19770828 200604 1 008
2. Penguji 2 Taufiqurrakhman N H, S.Kom ( )
NIDN. 0622058201
3. Penguji 3 Retno Wulandari, S.Si ( )
NIDN. 0604128202
Disahkan Oleh
Dekan Ketua Program Studi
Fakultas FMIPA UNS DIII Ilmu Komputer UNS
Prof. Drs. Sutarno, M.Sc,Ph.D Drs. YS Palgunadi, M.Sc
NIP. 19600809 198612 1001 NIP. 19560407 198303 1004
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
iv
ABSTRACT
Agmon Yus Ardiyan. 2011. DEFELOPING WEBSITE AT PT. LEMBAH
HIJAU MULTIFARMING (LHM) SUKOHARJO. Final Project DIII of
Computer Science, Faculty of Mathematics and Natural Sciences, University of
Sebelas Maret Surakarta.
A new era in the business world came in line with the introduction of the term
information technology and information systems, namely how a company trying to
maximize the devices in computer and telecommunication facilities to improve
performance. So it is with PT. Lembah Hijau Multifarm agribusiness company
engaged in the manual in the marketing and promotion. In order to streamline the
efficiency of work and it has been needed a website as a means of promotion and
marketing. Therefore, the author tries to develop a website PT. Lembah Hijau
Multifarm.
Methods of research conducted by the author in developing the website of PT.
Lembah Hijau Multifarm includes field studies and literature. Field studies include
interviews and observations. Book study conducted by the research literature relevant
to the problems faced by the author. The program was developed by macromedia
dreamweaver and the databases were handled by Appserv.
Website PT. Lembah Hijau Multifarm can be accessed online so that the
constraints of time and distance does not become a problem for consumers to interact
with the PT. Lembah Hijau Multifarm. The site is also dynamic, and easily updating
information.
Keyword : website, lembah hijau
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
v
ABSTRAK
Agmon Yus Ardiyan. 2011. PENBUATAN WEBSITE PT. LEMBAH HIJAU
MULTIFARMING (LHM) SUKOHARJO. Tugas Akhir. Program Studi DIII
Ilmu Komputer. Fakultas Matemetika dan Ilmu Pengetahuan Alam. Universitas
Sebelas maret Surakarta.
Sebuah era baru di dalam dunia usaha muncul sejalan dengan
diperkenalkannya istilah teknologi informasi dan sistem informasi, yaitu bagaimana
sebuah perusahaan berusaha untuk memaksimalkan perangkat komputer dan sarana
telekomunikasi untuk meningkatkan kinerja. Demikian halnya dengan PT. Lembah
Hijau Multifarm perusahaan yang bergerak dibidang agrobisnis yang masih manual
dalam pemasaran dan promosi . Untuk dapat mengefektifkan dan efesiensi kerja
dibutuhkan sebuah website sebagai sarana promosi dan pemasaran. Oleh karena itu
penulis mencoba mengembangkan suatu website PT. Lembah Hijau Multifarm.
Metode penelitian yang dilakukan oleh penulis dalam pembuatan website PT.
Lembah Hijau Multifarm meliputi studi lapangan dan studi pustaka. Studi lapangan
meliputi wawancara dan pengamatan. Studi pustaka dilakukan dengan penelitian
kepustakaan yang relevan dengan masalah yang dihadapi penulis. Program ini
dikembangkan oleh Macromedia Dreamweaver dan database menggunakan Appserv
Website PT. Lembah Hijau Multifarm ini dapat di akses secara online
sehingga batasan waktu dan jarak tidak menjadi masalah bagi konsumen untuk
berinteraksi dengan pihak PT. Lembah Hijau Multifarm. Website ini juga bersifat
dinamis, sehingga mudah dalam mengupdate informasi.
Kata kunci : website, lembah hijau
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vi
MOTTO
1. Visi tanpa eksekusi adalah lamunan. Eksekusi tanpa visi adalah mimpi buruk.
2. Cara memulai adalah dengan berhenti berbicara dan mulai melakukan.
3. Jika Anda menginginkan sesuatu yang belum pernah anda miliki, Anda harus
bersedia melakukan sesuatu yang belum pernah Anda lakukan.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
vii
HALAMAN PERSEMBAHAN
Karya ini saya persembahkan untuk :
1. Drs. Habib M.Pd dan Dra. Aniwati selaku bapak dan ibu penulis yang selalu
saya hormati dan sayangi.
2. H. Ookii Noor Hastono , SE dan Suci Hanendyah. SH selaku papah dan
mamah penulis yang selalu memberi motifasi penulis seriap hari.
3. Andika Kurnia Putranto dan Andi Dwi Susilo yang membantu dan menemani
penulis dari awal hingga terselesaikanya tugas akhir ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
viii
KATA PENGANTAR
Segala puji syukur kehadirat Allah SWT yang telah melimpahkan segala
rahmat, hidayah dan karunia-Nya kepada penulis sehingga dapat terselesaikannya
tugas akhir ini dengan judul “ Pembuatan Website Lembah Hijau Multifarm
Sukoharjo ” sesuai dengan waktu yang telah ditentukan.
Adapun maksud dan tujuan dari penyusunan Tugas Akhir ini adalah untuk
memenuhi salah satu syarat kelulusan program Diploma Tiga program studi Ilmu
Komputer Universitas Negeri Sebelas Maret Surakarta.
Atas tersusunnya laporan Tugas Akhir ini, penulis tidak lupa mengucapkan
terima kasih kepada:
1. Bapak Prof. Drs. Sutarno, M.Sc, Ph.D selaku Dekan Fakultas Matematika dan
Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
2. Bapak Drs. Y. S. Palgunadi, M.Sc selaku Ketua Program Diploma III Ilmu
Komputer Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas Sebelas
Maret Surakarta.
3. Ibu Dra. Diari Indraiti, M.Si selaku Pembimbing Akademik yang telah
memberikan bimbingan akademik selama menjadi mahasiswa Teknik
Informatika Fakultas Matematika dan Ilmu Pengetahuan Alam Universitas
Sebelas Maret Surakarta.
4. Bapak Hartono, S.Si selaku Dosen Pembimbing Tugas Akhir yang telah
memberikan bimbingan selama mengerjakan Tugas Akhir dan penyelesaian
Laporan Tugas Akhir.
5. Seluruh Dosen Pengajar dan Staf DIII Ilmu Komputer Fakultas Matematika dan
Ilmu Pengetahuan Alam Universitas Sebelas Maret Surakarta.
6. Bapak Ir Hartono, M.Si selaku pemilik PT. Lembah Hijau Multifarm Sukoharjo
yang telah memberikan ijin penulis untuk mengambil informasi.
7. Bapak, Ibu, kakak, adik dan semua keluarga besarku yang memberikan doa dan
dukungan baik secara spiritual maupun material.
8. Semua pihak yang telah banyak membantu proses pembuatan Tugas Akhir ini.
Dengan adanya berbagai keterbatasan dalam penulisan Tugas Akhir ini,
terutama keterbatasan kemampuan dan pengetahuan, sehingga penulis masih jauh dari
sempurna. Untuk itu penulis mengharapkan kritik dan saran yang bersifat
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ix
membangun. Akhir kata penulis mengharapkan semoga laporan ini dapat bermanfaat
bagi pihak yang membaca dan mempelajarinya.
Surakarta, 10 Februari 2011
Penulis
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
x
DAFTAR ISI
Halaman
HALAMAN JUDUL ........................................................................................ i
HALAMAN PERSETUJUAN ......................................................................... ii
HALAMAN PENGESAHAN ......................................................................... iii
HALAMAN ABSTRACT ............................................................................... iv
HALAMAN ABSTRAK ................................................................................. v
HALAMAN MOTTO ..................................................................................... vi
HALAMAN PERSEMBAHAN ...................................................................... vii
KATA PENGANTAR ..................................................................................... viii
DAFTAR ISI ................................................................................................... x
DAFTAR TABEL ........................................................................................... xiii
DAFTAR GAMBAR ....................................................................................... xiv
BAB I PENDAHULUAN
1.1 Latar Belakang Masalah ........................................................... 1
1.2 Perumusan Masalah .................................................................. 2
1.3 Batasan Masalah ...................................................................... 2
1.4 Tujuan Penelitian ..................................................................... 2
1.5 Manfaat Penelitian .................................................................... 2
1.6 Metodologi Penelitian .............................................................. 3
1.7 Sistematika Penulisan ............................................................... 4
BAB II LANDASAN TEORI
2.1 WEBSITE ................................................................................ 5
2.2 DFD ......................................................................................... 5
2.3 DATA BASE ........................................................................... 6
2.4 HTML ...................................................................................... 6
2.5 PHP .......................................................................................... 7
2.6 MySQL .................................................................................... 7
2.7 AJAX ....................................................................................... 7
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xi
BAB III DESAIN DAN PERANCANGAN
3.1 Spesifikasi Sistem .................................................................... 9
3.2 Gambaran Kerja Sistem ............................................................ 9
3.3 Perancangan Sistem .................................................................. 10
3.3.1 Context Diagram .......................................................... 10
3.3.2 Data Flow Diagram (DFD) Level 0 ............................... 10
3.3.3 Data Flow Diagram (DFD) Level 1 Proses 2.0
(Pemrosesan Admin)...................................................... 12
3.3.4 Data Flow Diagram (DFD) Level 1 Proses 3.0
(Pemrosesan Mini chat) ................................................ 12
3.3.5 Data Flow Diagram (DFD) Level 1 Proses 4.0
(Pemrosesan Berita) ....................................................... 13
3.3.6 Data Flow Diagram (DFD) Level 1 Proses 5.0
(Pemrosesan Produk Agronomi) ................................... 14
3.3.7 Data Flow Diagram (DFD) Level 1 Proses 6.0
(Pemrosesan Produk Pertanian dan Peternakan) ............ 14
3.3.8 Data Flow Diagram (DFD) Level 1 Proses 7.0
(Pemrosesan Produk Bioteknologi) ............................... 15
3.3.9 Data Flow Diagram (DFD) Level 1 Proses 8.0
(Pemrosesan Produk Organik) ....................................... 16
3.3.10 Data Flow Diagram (DFD) Level 1 Proses 9.0
(Pemrosesan Artikel) ..................................................... 16
3.3.11 Data Flow Diagram (DFD) Level 1 Proses 10.0
(Pemrosesan Guestbook)................................................ 16
3.4 Entity Relationalship Diagram .................................................. 17
3.5 Rancangan Database ................................................................. 18
3.5.1 Tabel Admin ................................................................. 18
3.5.2 Tabel Minichat .............................................................. 18
3.5.3 Tabel Berita .................................................................. 18
3.5.4 Tabel Agrikultur ............................................................ 19
3.5.5 Tabel Peternakan .......................................................... 19
3.5.6 Tabel Bioteknologi ....................................................... 19
3.5.7 Tabel Organik ............................................................... 20
3.5.8 Tabel Artikel ................................................................. 20
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xii
3.5.9 Tabel GuestBook .......................................................... 20
3.6 Rancangan Disain Layout Website ........................................... 21
BAB IV IMPLEMENTASI DAN ANALISIS
4.1 Deskripsi Sistem ...................................................................... 22
4.2 Implementasi Program .............................................................. 22
4.2.1 Halaman Pengunjung .................................................... 23
4.2.1.1 Halaman Utama ................................................ 23
4.2.1.2 Halaman Mini chat ........................................... 23
4.2.1.3 Halaman Berita ................................................ 24
4.2.1.4 Halaman Produk ............................................... 25
4.2.1.5 Halaman Artikel ............................................... 27
4.2.1.6 Halaman Kontak .............................................. 27
4.2.1.7 Halaman Our Service ....................................... 28
4.2.2 Halaman Admin ............................................................ 30
4.2.2.1 Login Admin ................................................... 30
4.2.2.2 Halaman Utama Admin ................................... 31
4.2.2.3 Halaman Pemrosesan Berita ............................. 32
4.2.2.4 Halaman Pemrosesan Guestbook ..................... 35
4.2.2.5 Halaman Pemrosesan Artikel ............................ 35
4.2.2.6 Halaman Pemrosesan Produk Agrikultur .......... 37
4.2.2.7 Halaman Pemrosesan Produk Pertanian dan
Peternakan ....................................................... 39
4.2.2.8 Halaman Pemrosesan Produk Bioteknologi ...... 40
4.2.2.9 Halaman Pemrosesan Produk Organik .............. 41
4.2.2.10 Halaman Log Out ........................................... 43
4.3 Analisis Program ...................................................................... 44
BAB V PENUTUP
5.1 Kesimpulan .............................................................................. 45
5.2 Saran ........................................................................................ 45
DAFTAR PUSTAKA ...................................................................................... 45
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiii
DAFTAR TABEL
Halaman
Tabel 1 Tabel Admin .................................................................................. 18
Tabel 2 Tabel Mini Chat .............................................................................. 18
Tabel 3 Tabel berita .................................................................................... 18
Tabel 4 Tabel Agrikultur ............................................................................ 19
Tabel 5 Tabel Peternakan ............................................................................ 19
Tabel 6 Tabel Bioteknologi ......................................................................... 19
Tabel 7 Tabel Organik ................................................................................ 20
Tabel 8 Tabel Artikel ................................................................................. 20
Tabel 8 Tabel GuestBook ............................................................................ 20
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xiv
DAFTAR GAMBAR
Halaman
Gambar 3.1 Gambaran kerja system ............................................................ 9
Gambar 3.2 Diagram Konteks ..................................................................... 10
Gambar 3.3 DFD Level 0 ............................................................................ 11
Gambar 3.4 DFD level 1 Proses 2.0 ............................................................. 12
Gambar 3.5 DFD level 1 Proses 3.0 ............................................................. 13
Gambar 3.6 DFD level 1 Proses 4.0 ............................................................. 13
Gambar 3.7 DFD level 1 Proses 5.0 ............................................................. 14
Gambar 3.8 DFD level 1 Proses 6.0 ............................................................. 15
Gambar 3.9 DFD level 1 Proses 7.0 ............................................................. 15
Gambar 3.10 DFD level 1 Proses 8.0 ............................................................. 16
Gambar 3.11 DFD level 1 Proses 9.0 .............................................................. 16
Gambar 3.12 DFD level 1 Proses 10.0 ........................................................... 16
Gambar 3.13 Entity Relationalship Diagram .................................................. 17
Gambar 3.14 Rancangan Website .................................................................. 21
Gambar 4.1 Deskripsi Sistem ...................................................................... 22
Gambar 4.2 Halaman Utama ........................................................................ 24
Gambar 4.3 Halaman Mini Chat ................................................................... 23
Gambar 4.4 Halaman Berita ........................................................................ 25
Gambar 4.5 Halaman Produk ....................................................................... 26
Gambar 4.6 Halaman Artikel ....................................................................... 27
Gambar 4.7 Halaman kontak ....................................................................... 28
Gambar 4.8 Halaman Our Service ............................................................... 29
Gambar 4.9 Zoom In Our Service ................................................................ 30
Gambar 4.10 Login Admin ............................................................................ 31
Gambar 4.11 Halaman Admin ....................................................................... 32
Gambar 4.12 Halaman Tambah berita ........................................................... 32
Gambar 4.13 Tampilan form tambah berita ................................................... 33
Gambar 4.14 Peringatan Data Telah Diupload ............................................... 33
Gambar 4.15 Halaman Manajemen Berita ..................................................... 34
Gambar 4.16 Tampilan Javascript................................................................... 34
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
xv
Gambar 4.17 Halaman Manajemen GuestBook ............................................. 365
Gambar 4.18 Halaman Upload Artikel ........................................................... 36
Gambar 4.19 Peringatan Data Telah Diupload ............................................... 36
Gambar 4.20 Hasil Input Upload Artikel ....................................................... 37
Gambar 4.21 Halaman Input Produk Agriculture ........................................... 37
Gambar 4.22 Peringatan Data Berhasil Masuk ............................................... 38
Gambar 4.23 Hasil Input Data ....................................................................... 38
Gambar 4.24 Halaman Input Produk Pertanian .............................................. 39
Gambar 4.25 Peringatan Data Berhasil Masuk ............................................... 39
Gambar 4.26 Hasil Input Data ....................................................................... 40
Gambar 4.27 Halaman Input Produk Bioteknologi ......................................... 40
Gambar 4.28 Peringatan Telah Berhasil Input Data ....................................... 41
Gambar 4.29 Hasil Input Data ....................................................................... 41
Gambar 4.30 Halaman Input Produk Organik ................................................ 42
Gambar 4.31 Peringatan Telah Berhasil Input Data ....................................... 42
Gambar 4.32 Hasil Input Data ....................................................................... 43
Gambar 4.33 Tampilan Setelah Log Out ........................................................ 43
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
HALAMAN PENGESAHAN
PEMBUATAN WEBSITE
PT. LEMBAH HIJAU MULTIFARM (LHM)
SUKOHARJO
Di susun Oleh
Pembimbing Utama
Hartono, S.Si
NIP.19770828 200604 1 008
Tugas akhir ini telah diterima dan disahkan oleh dewan penguji Tugas Akhir
Program Diploma III Ilmu Komputer
Pada hari Kamis tanggal 10 Februari 2010
Dewan Penguji
1. Penguji 1 Hartono, S.Si ( )
NIP. 19770828 200604 1 008
2. Penguji 2 Taufiqurrakhman N H, S.Kom ( )
NIDN. 0622058201
3. Penguji 3 Retno Wulandari, S.Si ( )
NIDN. 0604128202
Disahkan Oleh
Dekan Ketua Program Studi
Fakultas FMIPA UNS DIII Ilmu Komputer UNS
Prof. Drs. Sutarno, M.Sc,Ph.D Drs. YS Palgunadi, M.Sc
NIP. 19600809 198612 1001 NIP. 19560407 198303 1004
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ABSTRACT
Agmon Yus Ardiyan. 2011. DEFELOPING WEBSITE AT PT. LEMBAH HIJAU
MULTIFARMING (LHM) SUKOHARJO. Final Project DIII of Computer Science,
Faculty of Mathematics and Natural Sciences, University of Sebelas Maret Surakarta.
A new era in the business world came in line with the introduction of the term
information technology and information systems, namely how a company trying to maximize
the devices in computer and telecommunication facilities to improve performance. So it is
with PT. Lembah Hijau Multifarm agribusiness company engaged in the manual in the
marketing and promotion. In order to streamline the efficiency of work and it has been
needed a website as a means of promotion and marketing. Therefore, the author tries to
develop a website PT. Lembah Hijau Multifarm.
Methods of research conducted by the author in developing the website of PT.
Lembah Hijau Multifarm includes field studies and literature. Field studies include interviews
and observations. Book study conducted by the research literature relevant to the problems
faced by the author. The program was developed by macromedia dreamweaver and the
databases were handled by Appserv.
Website PT. Lembah Hijau Multifarm can be accessed online so that the constraints
of time and distance does not become a problem for consumers to interact with the PT.
Lembah Hijau Multifarm. The site is also dynamic, and easily updating information.
Keyword : website, lembah hijau
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
ABSTRAK
Agmon Yus Ardiyan. 2011. PENBUATAN WEBSITE PT. LEMBAH HIJAU
MULTIFARMING (LHM) SUKOHARJO. Tugas Akhir. Program Studi DIII Ilmu
Komputer. Fakultas Matemetika dan Ilmu Pengetahuan Alam. Universitas Sebelas
maret Surakarta.
Sebuah era baru di dalam dunia usaha muncul sejalan dengan diperkenalkannya
istilah teknologi informasi dan sistem informasi, yaitu bagaimana sebuah perusahaan
berusaha untuk memaksimalkan perangkat komputer dan sarana telekomunikasi untuk
meningkatkan kinerja. Demikian halnya dengan PT. Lembah Hijau Multifarm perusahaan
yang bergerak dibidang agrobisnis yang masih manual dalam pemasaran dan promosi . Untuk
dapat mengefektifkan dan efesiensi kerja dibutuhkan sebuah website sebagai sarana promosi
dan pemasaran. Oleh karena itu penulis mencoba mengembangkan suatu website PT. Lembah
Hijau Multifarm.
Metode penelitian yang dilakukan oleh penulis dalam pembuatan website PT. Lembah
Hijau Multifarm meliputi studi lapangan dan studi pustaka. Studi lapangan meliputi
wawancara dan pengamatan. Studi pustaka dilakukan dengan penelitian kepustakaan yang
relevan dengan masalah yang dihadapi penulis. Program ini dikembangkan oleh Macromedia
Dreamweaver dan database menggunakan Appserv
Website PT. Lembah Hijau Multifarm ini dapat di akses secara online sehingga
batasan waktu dan jarak tidak menjadi masalah bagi konsumen untuk berinteraksi dengan
pihak PT. Lembah Hijau Multifarm. Website ini juga bersifat dinamis, sehingga mudah
dalam mengupdate informasi.
Kata kunci : website, lembah hijau
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
BAB V
PENUTUP
5.1 KESIMPULAN
Kesimpulan dari hasil uraian dan pembahasan diatas adalah sebagai berikut:
1. Telah dibuat website PT. Lembah Hijau Multifarm dengan menggunakan bahasa
pemrograman PHP.
2. Website PT. Lembah Hijau Multifarm mempunyai fasilitas seperti berita pertanian
update, daftar produk PT. Lembah Hijau Multifarm, dan download artikel.
5.2 SARAN
Berdasarkan kesimpulan yang diperoleh, maka terdapat saran saran sebagai berikut :
1. Konten dan menu pada web ini perlu ditambah lagi sehingga tidak terlalu
sederhana.
2. Pada website bagian berita untuk ditambahkan fasilitas update berita.
3. Pada website masih belum terdapat pemesanan secara online. Diharapkan dapat
ditambahkan pemesanan online untuk memudahkan pemesanan oleh pengunjung.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
DAFTAR PUSTAKA
Ari, Rosihan. 2010. 67 Trik dan Ide Brilian Master PHP. Yogyakarta: Lokomedia
Hakim, Lukmanul. 2009. Membongkar Trik Rahasia Para Master PHP. Yogyakarta:
Lokomedia
Hakim, Lukmanul. 2010. Bikin Website Super Keren dengan PHP & jQuery.
Yogyakarta: Lokomedia
Kadir, A. 2006. Dasar Pemrograman Web Menggunakan PHP. Yogyakarta: ANDI
Kristanto, H. 2004. Konsep Dan Perancangan Database. Yogyakarta: Gavamedia
Sidarta, Lani. 1995. Pengantar Sistem Informasi. Jakarta:
PT Elex Media Komputindo
Utdirartatmo, F.2002. Mengelola Database Server MySQL. Yogyakarta :ANDI
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
1
BAB I
PENDAHULUAN
1.1 Latar belakang Masalah
Perkembangan teknologi informasi dan komputer yang sangat pesat akhir-
akhir ini mendapat sambutan positif di masyarakat. Salah satu media informasi
yang sangat dikenal oleh masyarakat adalah internet, dimana setiap orang yang
memanfaatkan internet dapat memperoleh berbagai informasi yang diinginkan.
Perkembangan teknologi internet mempengaruhi segala bidang kehidupan,
salah satunya adalah dunia pertanian. Teknologi internet dapat dimanfaatkan
untuk mempermudah dan memperlancar proses promosi.
PT. Lembah Hijau Multifarm (LHM) merupakan salah satu perusahaan
yang mengembangkan cara bertani dan beternak modern yang menganut prinsip
Low External Input Sustainable Agriculture (LEISA). LEISA adalah pertanian
yang mengoptimalkan pemanfaatan sumber daya alam dan sumber daya manusia
yang tersedia di tempat yang secara ekonomis layak dan mantap secara ekologis.
Peran PT. LHM yang lain adalah sebagai pusat pelatihan bagi petani dan peternak
yang menghendaki pertanian atau peternakan mereka berkembang dengan cara
organik.
Dalam rangka promosi hasil pertanian/peternakan ataupun mempermudah
proses pembelajaran kepada para petani/peternak, PT. LHM membutuhkan sebuah
website yang dapat dibilang fresh, menarik, dan belum banyak dimiliki
peternakan lainnya. Sehubungan dengan Tugas Akhir mahasiswa yang merupakan
salah satu syarat kelulusan di Universitas Sebelas Maret, penulis terinspirasi dan
bermaksud membuat sebuah website company profile PT. Lembah Hijau
Multifarm, yang memiliki fungsi informasi dan promosi terhadap konsumen
maupun para petani/peternak di Indonesia khususnya Solo dan sekitarnya.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
2
1.2 Rumusan Masalah
Berdasarkan latar belakang masalah sebelumnya maka rumusan masalah
pada tugas akhir sebagai berikut : Bagaimana cara menyajikan informasi dan
pengenalan produk yang ada di LHM melalui website yang informatif .
1.3 Batasan Masalah
Dalam proses penyusunan tugas akhir ini, perlu kiranya penulis untuk
membatasi masalah agar tidak menyimpang dari tujuan semula. Untuk
menghindari penyimpangan maka penulis membatasi pokok permasalahan pada :
1. Materi yang disajikan dalam website ini, meliputi profil, produk perusahaan
(produk peternakan, perikanan, organik, dan bioteknologi), visi dan misi,
Mini Chat, buku tamu dan contak us.
2. Dalam membuat website ini digunakan bahasa pemrograman PHP dan
database MySQL.
1.4 Tujuan dan Manfaat
1.4.1 Tujuan
Tujuan dari penyusunan Tugas Akhir ini adalah membuat Website Lembah
hijau Multifarm yang fresh sebagai media informasi dan promosi produk .
1.4.2 Manfaat
Pelaksanaan tugas akhir ini diharapkan dapat memberikan manfaat sebagai
berikut:
1. Bagi penulis
Dapat mempraktekkan ilmu yang telah diperoleh semala masa perkuliahan.
Hasil penelitian akan menambah pengetahuan dan wawasan penulis mengenai
website.
2. Bagi Instansi
Sesuai dengan tujuan mulia bapak Ir. Hartono ,MS selaku pemilik Lembah
Hijau Multifarm yang ingin mengangkat derajat para peternak dan petani
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
3
indonesia. Melalui website ini diharapkan perusahan mampu lebih dekat lagi
dalam membimbing para petani dan peternak Indonesia.
3. Bagi para peternak Indonesia
Merupakan sarana informasi dan sarana pembelajaran bagi para peternak
yang mempunyai kemauan untuk maju.
1.5 Metodologi Penelitian
Metode pengumpulan data yang digunakan data yang digunakan pada
penyusunan tugas akhir ini adalah sebagai berikut ;
1. Metode Observasi
Metode pengumpulan data dengan cara melakukan pengamatan secara
langsung pada obyek yang akan diteliti.
2. Metode Wawancara
Metode pengumpulan data dengan cara melakukan tanya jawab kepada
karyawan Lembah Hijau Multifarm.
3. Dokumentasi
Metode pengumpulan data dengan melihat laporan yang telah ada, agar
memperoleh berbagai data yang dapat dijadikan referensi dalam penulisan tugas
akhir ini.
4. Studi Pustaka
Mempelajari referensi tentang bahasa pemrograman PHP, CSS,
JAVASCRIPT, dan pembuatan database dari buku-buku, modul kuliah, maupun
internet.
1.6 Sistematika Penulisan
Sistematika penulisan laporan tugas akhir ini terdiri dari beberapa bab dan
sub bab sebagai berikut ;
BAB I : PENDAHULUAN
Pada Bab I ini terdiri dari tujuh sub bab, yaitu latar belakang masalah,
rumusan masalah, tujuan yang hendak dicapai, manfaat, metode penelitian yang
digunakan, serta sistematika penulisan.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
4
BAB II : LANDASAN TEORI
Pada Bab II ini memuat tinjauan pustaka yang berisi teori-teori yang
mendukung penulisan tugas akhir dan kerangka pemikiran pada pembuatan wesite
PT. LEMBAH HIJAU MULTIFARM. Landasan teori tersebut antara lain :
database, HTML, JQuery, MySQL, PHP, Website, dan Data Flow Diagram
(DFD).
BAB III : DESAIN DAN PERANCANGAN SISTEM
Pada bab III ini memuat tentang desain sistem dan data-data yang
diperlukan dalam perancangan sistem seperti Diagram konteks, DFD level 0, DFD
level 1, serta perancangan database.
BAB IV : IMPLEMENTASI DAN ANALISA
Pada Bab IV memuat hasil analisa dan perancangan sistem yang antara lain
ditampilkan dalam bentuk tabel, gambar dan penjelasan dari masing-masing
bagian. Pada evaluasi memuat kekurangan dan kelebihan sistem.
BAB V : PENUTUP
Pada Bab V ini memuat kesimpulan hasil penelitian dan pembahasan
beserta saran yang ditujukan untuk penyempurnaan dan pengembangan sistem di
masa mendatang.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
9
BAB II
LANDASAN TEORI
Dalam laporan Tugas Akhir ini diperlukan beberapa definisi dan pengertian
yang berhubungan dengan kebutuhan rancang bangun website. Pembahasan dalam
bab ini difokuskan pada referensi tentang Website, Data Flow Diagram (DFD),
database, HTML, PHP, MySQL, dan AJAX.
2.1 Website
Menurut Nugroho(2004), Word Wide Web yang sering disingkat www
adalah layanan yang disediakan server untuk computer client dalam mengakses
data di server seperti web. Dengan adannya word wide web seorang pengguna
dapat menampilkan halaman virtual yang disebut website. pada tahun1990 word
wide web mulai dikembangkan oleh CERN(Lbaoratorium Fisika Partikel di
Swiss) berdasarkan proposal yang dibuat oleh Tim Bernes-lee. Word wide web
browser baru lahir dua tahun kemudian, tepatnya tahun 1992 dengan nama viola.
viola diluncurkan oleh pei wei dan didistribusikan bersama CERN.
2.2 DFD (Data Flow Diagram)
DFD adalah suatu model logika data atau proses yang dibuat untuk
menggambarkan darimana asal data dan kemana tujuan data yang keluar dari
sitem, dimana data tersimpan, proses apa yang menghasilkan data tersebut dan
interaksi antara data yang tersimpan dan proses yang dikenakan pada data
tersebut.
DFD Leveled adalah model yang menggambarkan sistem sebagai jaringan
kerja antar fungsi yang berhubungan satu dengan yang lain dengan aliran dan
penyimpanan data. Andri Kristanto (2004).
Untuk menggunakan DFD ada hal yang harus dilakukan antara lain:
1. Membuat daftar skenario dari level tertinggi untuk mendefinisikan aktifitas
dan proses yang mungkin muncul
2. Memetakan diagram konteks dari scenario untuk mendefinisikan secara
tepat fungsionalitas yang harus dimiliki sistem.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
10
3. Identifikasi paket-paket yang mungkin dibutuhkan sistem
4. Berdasarkan dari diagram konteks dibuat DFD level 0
Berdasarkan dari DFD level 0 dibuat DFD level 1
2.3 Database
Database adalah kumpulan file-file yang saling berelasi, relasi tersebut
biasa ditunjukkan dengan kunci dari tiap file yang ada. Satu database
menunjukkan satu kumpulan data yang dipakai dalam satu lingkup perusahaan
atau instansi.
Dalam satu file terdapat record-record yang sejenis, sama besar, sama
bentuk, merupakan satu kumpulan entity yang seragam. Satu record terdiri dari
field- field yang saling berhubungan untuk menunjukkan bahwa field tersebut
dalam satu pengertian yang lengkap dan direkam dalam satu record (Kristanto,
2004).
2.4 HTML
Hyper Text Markup Language (HTML) adalah sebuah bahasa markup
yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai
informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang
sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut
dengan Standard Generalized Markup Language (SGML), HTML adalah sebuah
standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat
ini merupakan standar Internet yang didefinisikan dan dikendalikan
penggunaannya oleh World Wide Web Consortium (W3C).
HTML berupa kode-kode tag yang menginstruksikan browser untuk
menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang
merupakan file HTML dapat dibuka dengan menggunakan browser web seperti
Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh
aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki
kemampuan browser (Andi Rachdian dan Andi Sikumbang 2006).
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
11
2.5 PHP
PHP adalah bahasa pemrograman script yang paling banyak dipakai saat ini.
PHP banyak dipakai untuk memrogram situs web dinamis, walaupun tidak
tertutup kemungkinan digunakan untuk pemakaian lain.
Contoh terkenal dari aplikasi PHP adalah MediaWiki (software di belakang
Wikipedia). PHP juga dapat dilihat sebagai pilihan lain dari
ASP.NET/C#/VB.NET Microsoft, ColdFusion Macromedia, JSP/Java Sun
Microsystems, dan CGI/Perl. Contoh aplikasi lain yang lebih kompleks berupa
CMS yang dibangun menggunakan PHP adalah Mambo, Joomla, Postnuke,
Xaraya, dan lain-lain (Kadir, 2006).
2.6 My SQL
MySQL adalah sistem management databese relasional. Suatu relasional
menyimpan data dalam tabel terpisah. Hal ini memungkinkan kecepatan dan
fleksibilitas. Tabel-tabel yang dihubungkan dengan relasi yang ditentukan
membuatnya bisa mengkombinasi data dari beberapa tabel dari suatu permintaan.
Bagian SQL dari kata MySQL berasal dari Structured Query Language bahasa
paling umum yang dipergunakan untuk mengkases database. Konektivitas,
kecepatan dan keamanannya membuat mysql cocok untuk pengaksesan database
pada internet. MySQL merupakan sistem client / server yang terdiri dari SQL
server mulihreaded yang memungkinkan backend yang berbeda, sejumlah
program client dan library yang berbeda, tool administratif, dan beberapa
antarmuka pemrogaman. MySQL juga tersedia sebagai library yang bisa
digabungkan di aplikasi (Utdirartatmo, 2002).
2.7 AJAX
Menurut Daqiqil (2008), AJAX adalah singkatan dari Asynchronus
Javascript and XML yaitu suatu teknik pemrograman berbasis web untuk
menciptakan aplikasi web interaktif. Tujuannya adalah untuk memindahkan
sebagian besar interaksi pada komputer web surfer, melakukan pertukaran data
dengan server di belakang layar, sehingga halaman web tidak harus dibaca ulang
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
12
secara keseluruhan setiap kali seorang pengguna melakukan perubahan. Hal ini
akan meningkatkan interaktivitas, kecepatan, dan usability.
Ajax merupakan kombinasi dari:
1. XHTML (atau HTML) dan CSS untuk bahasa mark up dan tampilan.
2. DOM yang diakses dengan client side scripting language, khususnya
implementasi ECMAScript seperti JavaScript dan JScript, untuk
menampilkan secara dinamis dan berinteraksi dengan informasi yang
ditampilkan
3. Objek XMLHttpRequest untuk melakukan pertukaran data asinkronus
dengan web server. Pada beberapa framework dan kasus Ajax, objek IFrame
lebih dipilih daripada XMLHttpRequest untuk melakukan pertukaran data
dengan web server.
4. XML umumnya digunakan sebagai format untuk pengiriman data, walaupun
format lain juga memungkinkan, seperti HTML, plain text, JSON dan
EBML.
perpustakaan.uns.ac.id digilib.uns.ac.id
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.
perpustakaan.uns.ac.id digilib.uns.ac.id
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,guestbookPengunjung 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
perpustakaan.uns.ac.id digilib.uns.ac.id
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
D2Data
minichat
D3 Data Berita
D4Data Produk
agrikultur
D5
Data Produk
Pertanian
Peternakan
D6 Data Produk Bio
D7Data 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
perpustakaan.uns.ac.id digilib.uns.ac.id
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 adminData 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.
perpustakaan.uns.ac.id digilib.uns.ac.id
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
D4Data 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
perpustakaan.uns.ac.id digilib.uns.ac.id
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 pertanianData 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.
perpustakaan.uns.ac.id digilib.uns.ac.id
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
D6Data 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 organikData produk
organik
Data
verifikasi
Data
verifikasi
Data produk organik
Gambar 3.9 DFD level 1 Proses 8.0
perpustakaan.uns.ac.id digilib.uns.ac.id
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
queryId gestbookData
verivikasiData guestbook
Gambar 3.12 DFD level 1 Proses 10.0
perpustakaan.uns.ac.id digilib.uns.ac.id
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
ganProduk
Agrikultur
Gambar
Id_Agri
kultur
Penjela
sanNama
Berita
Id_berit
a
judulIsi
berita
tanggal
gamb
ar
Mini chat
Id_chat
namaWebsite
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
namaketeran
gan
gambar
Melihat
Gambar 3.13 Entity Relationship Diagram
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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
perpustakaan.uns.ac.id digilib.uns.ac.id
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)
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
27
4.2.1 Halaman Pengunjung
4.2.1.1 Halaman Utama
Gambar 4.2 Halaman Utama
Gambar 4.2 diatas merupakan tampilan halaman utama website PT.
Lembah Hijau Multifarming. Halaman Utama merupakan halaman interface awal
yang pengunjung lihat. Pada halaman ini pengunjung dapat menemui beberapa
content dan tab menu di bawah header website maupun yang berada di samping
kiri. Content tersebut meliputi berita pertanian PT. Lembah Hijau Multifarming
(LHM), Mini Chat, produk asli PT. Lembah Hijau Multifarming (LHM), halaman
artikel, halaman contact us, halaman our service, dan link our partners pada tab
menu bagian kiri.
4.2.1.2 Mini chat
Mini Chat digunakan pengunjung untuk berhubungn dengan
sesama pengunjung. Pada bagian ini pengunjung dapat menuangkan kesan pesan
ataupun masukan utuk admin secara live atau langsung. Tampilan Mini Chatt
dapat dilihat pada gambar 4.3
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
28
Gambar 4.3 Tampilan Minichatt
4.2.1.3 Halaman Berita
Halaman berita berisikan berita–berita update dan penting di bidang
pertanian baik di dalam maupun di luar PT. LHM . Bagi para pengunjung maupun
petani yang menginginkan wawasan tentang perkembangan era pertanian modern
yang selalu di update dapat membaca berita yang ditampilkan dalam website ini.
Tampilan dari halaman berita pertanian dapat dilihat pada gambar 4.4 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
29
Gambar 4.4 Halaman Berita
4.2.1.4 Halaman Produk
Halaman produk berisi bermacam-macam produk yang dihasilkan PT.
Lembah Hijau Multifarming (LHM). Halaman ini merupakan media untuk
mensosialisasikan dan mempromosikan kepada para masyarakat luas baik itu
produk pangan maupun produk penunjang kesuburan pertanian dan kesehatan
ternak.
Pada halaman ini terdapat empat tab yang berisi kumpulan link. Di dalam
ketiga tab itu masing-masing berisi:
1. Tab Produk Agrikultur
Di dalam tab produk agrikultur berisi daftar produk agrikultur PT.
LHM. Dan setiap produk mengandung sebuah link yang akan menuju
ke halaman yang berisi gambar dan keterangan dari produk.
2. Tab Produk Peternakan dan Pertanian
Di dalam tab produk peternakan dan pertanian berisi daftar produk
petrnakan dan pertanian PT. LHM. Dan setiap produk mengandung
sebuah link yang akan menuju ke halaman yang berisi gambar dan
keterangan dari produk.
3. Tab Produk bioteknologi
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
30
Di dalam tab produk bioteknologi berisi daftar produk bioteknologi
PT. LHM. Dan setiap produk mengandung sebuah link yang akan
menuju ke halaman yang berisi gambar dan keterangan dari produk.
4. Tab Produk Organik
Di dalam tab produk organik berisi daftar produk organik PT.
LHM. Dan setiap produk mengandung sebuah link yang akan menuju
ke halaman yang berisi gambar dan keterangan dari produk.
Tampilan dari halaman produk PT. LHM dapat dilihat pada gambar 4.5
dibawah ini.
Gambar 4.5 Halaman Produk
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
31
4.2.1.5 Halaman Artikel
Halaman artikel berisi kumpulan artikel pertanian dan peternakan. Artikel
ini berisi cara-cara jitu mengolah pertanian dan peternakan, trik dan rahasia
seputar pertanian dan peternakan. Semua hasil inovasi dan pengembangan
teknologi bertani dari PT. LHM. Artikel-artikel ini secara berkala diupdate dan
disiapkan agar para pengunjung dan petani dapat mendownload secara gratis.
Tampilan dari halaman artikel dapat dilihat pada gambar 4.6 dibawah ini.
Gambar 4.6 Halaman Artikel
4.2.1.6 Halaman Contact
Halaman contact berisi identitas PT. Lembah Hijau Multifarm(LHM).
Dibuatnya halaman ini untuk menuliskan alamat kantor, alamat perkebunan,
nomer telphone, nomer fax, alamat email dari PT. Lembah Hijau
Multifarm(LHM). Untuk pemesanan produk saat ini bisa dilakukan dengan
langsung menuju ke farm ataupun melalui email yang sudah dituliskan alamatnya
di halaman contact . Tampilan dari halaman contact dapat dilihat pada gambar 4.7
dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
32
Gambar 4.7 Halaman kontak
4.2.1.7 Halaman Our Service
Halaman our service berisi fasilitas yang dimiliki PT. Lembah Hijau
Multifarm dan semuanya di siapkan unutuk kenyamanan pengunjung. Fasilitas
tersebut telah penulis bagi menjadi 3 bagian yaitu:
1. Showroom produk PT. Lembah Hijau
PT.LHM menyediakan showroom untuk memudahkan para
pengunjung memilih produk untuk dibeli atau hanya sekedar
mendapatkan informasi tentang jenis usaha yang dikelola LHM . produk
yang terdapat di showroom meliputi produk bioteknologi, sayuran
organik, susu olahan, dan souvenir khas LHM.
2. Failitas rekreasi
Fasilitas rekreasi ini ditujukan kepada para pengunjung agar para
pengunjung tidak cepat bosan teerutama anak-anak. Fasilitas rekreasi
yang dimiliki LHM antara lain taman yang teduh dan indah, kolam
renang, kafetaria yang menyediakan daging olahan ikan patin dan sapi,
akses hotspot, mushola, dan parkir yang luas.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
33
3. Training bidang pertanian dan peternakan
LHM memiliki agenda training 1-3 kali perbulan dengan jumlah
maksimal 15 orang. Pelatihan tersebut meliputi kursus singkat (3 hari)
mengenai Integrated Farming System (IFS), Teori praktek diskusi
pertanian, kunjungan petani dan peternak mitra, tutor langsung dari PT.
LHM yang berpengalaman di bidangnya, dan outbond dan memerah susu
bagi anak-anak.
Pada halaman our service ini juga dilengkapi dengan kumpulan foto-foto
fasilitas maupun kegiatan yang diadakan LHM. Foto ini bertujuan sebagai media
dokumentasi kegiatan, serta media informasi bagi pengunjung, juga sebagai media
persuasif bilamana LHM mengadakan kegiatan serupa.
Tampilan dari halaman 0ur service pada website PT. Lembah Hijau
Multifarm(LHM) dapat dilihat pada gambar 4.8 dibawah ini.
Gambar 4.8 Halaman Our Service
Tampilan Zoom In muncul setelah pengunjung mengclick salah satu
gambar di halaman our service . Tampilan Zoom In dapat dilihat pada gambar
4.9 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
34
Gambar 4.9 Zoom In Our Service
4.2.2 Halaman Admin
4.2.2.1 Login Admin
Suatu website tentunya mempunyai seorang admin. Seorang admin yang
ingin mengelola isi /content dari sebuah website harus melewati halaman login.
Setelah memasukan username dan password pada halaman login dengan benar,
sistem akan mencocokan apakah username dan password sesuai yang tersimpan
dalam database admin. Bila telah cocok, maka akan tampil halaman admin.
Tampilan halaman login dapat dilihat pada gambar 4.10 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
35
Gambar 4.10 Login Admin
4.2.2.2 Halaman Admin
Halaman admin adalah halaman dimana admin mempunyai akses langsung
untuk memanajemen semua data yang ada dalam sistem. Pada halaman admin ini
terdapat beberapa link yang memberikan admin fsilitas untuk memanajemen isi
dari website PT. LHM. Beberapa link yang terdapata pada halaman admin antara
lain : tambah berita, sekilas info, upload artikel, manajemen produk agrikultur,
manajemen produk pertanian dan peternakan, manajemen produk bioteknologi,
manajemen produk organik. Tampilan halaman admin dapat dilihat pada gambar
4.11 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
36
Gambar 4.11 Halaman Admin
4.2.2.3 Halaman Pemrosesan Berita
Halaman pemrosesan berita digunakan admin untuk memasukan data
berita yang akan ditampilkan pada halaman berita halaman pengunjung. Tampilan
halaman tambah berita dapat dilihat pada gambar 4.12 dibawah ini.
Gambar 4.12 Halaman Tambah berita
Tampilan form input data pada halaman tambah berita dapat dilihat pada
gambar 4.13 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
37
Gambar 4.13 Tampilan form tambah berita
Masukan data dan gambar pada form tambah berita kemuadian klik
simpan. Tampil javascript yang menunjukan bahwa data yang diisikan telah
masuk ke database. Tampilan peringatan dapat dilihat pada gambar 4.14 dibawah
ini.
Gambar 4.14 Peringatan Data Telah Diupload
Setelah data berhasil masuk, secara otomatis akan ditampilkan di bagian
manajemen berita. Tampilan halaman manjemen berita dapat dilihat pada gambar
4.15 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
38
Gambar 4.15 Halaman Manajemen Berita
Untuk menghapus berita cukup klik tanda silang dengan mouse. Tampil
javascript yang menunjukn data akan dihapus. Tampilan javascript dapat dilihat
pada gambar 4.16 dibawah ini.
Gambar 4.16 Tampilan javascript
4.2.2.4 Halaman Pemrosesan Guestbook
Halaman Pemrosesan Guestbook digunakan admin untuk melihat
tanggapan user mengenai keberadaan website ini. User juga dapat memanfaatkan
untuk berkomunikasi dengan admin. Tampilan halaman manajemen guestbook
dapat dilihat pada gambar 4.17 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
39
Gambar 4.17 Tampilan Halaman manajemen guestbook
4.2.2.5 Halaman Pemrosesan Artikel
Halaman pemrosesan artikel digunakan admin untuk memasukan artikel-
artikel yang dapat di download oleh pengunjung dan akan ditampilkan pada
halaman artikel pengunjung. Tampilan halaman upload artikel dapat dilihat pada
gambar 4.18 dibawah ini.
Gambar 4.18 Halaman Upload Artikel
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
40
Masukan data dan gambar pada form upload artikel kemuadian klik
simpan. Tampil javascript yang menunjukan bahwa data yang diisikan telah
masuk ke database. Tampilan peringatan dapat dilihat pada gambar 4.19 dibawah
ini.
Gambar 4.19 Peringatan Data Telah Diupload
Setelah data berhasil masuk, secara otomatis akan ditampilkan dibawah
form upload artikel. Tampilan hasil input data dapat dilihat pada gambar 4.20
dibawah ini.
Gambar 4.20 Hasil Input Upload Artikel
4.2.2.6 Halaman Pemrosesan Produk Agrikultur
Halaman pemrosesan produk agrikultur digunakan admin untuk
memasukan produk agrikultur hasil dari pertanian PT. Lembah Hijau Multifarm
dan akan ditampilkan pada halaman produk agrikultur pengunjung. Tampilan
halaman produk agrikultur dapat dilihat pada gambar 4.21 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
41
Gambar 4.21 Halaman Input Produk Agriculture
Masukan data dan gambar pada form produk agrikultur kemuadian klik
simpan. Tampil javascript yang menunjukan bahwa data yang diisikan telah
masuk ke database. Tampilan peringatan dapat dilihat pada gambar 4.22 dibawah
ini.
Gambar 4.22 Peringatan Data Berhasil Masuk
Setelah data berhasil masuk, secara otomatis akan ditampilkan dibawah
form produk agrikultur. Tampilan hasil input data dapat dilihat pada gambar 4.23
dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
42
Gambar 4.23 Hasil Input Data
4.2.2.7 Halaman Pemrosesan Produk Pertanian dan Peternakan
Halaman pemrosesan produk pertanian dan peternakan digunakan admin
untuk memasukan produk pertanian dan peternakan PT. Lembah Hijau Multifarm
dan akan ditampilkan pada halaman produk pertanian dan peternakan pengunjung.
Tampilan halaman pertanian dan peternakan dapat dilihat pada gambar 4.24
dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
43
Gambar 4.24 Halaman Input Produk Pertanian
Masukan data dan gambar pada form produk pertanian dan peternakan
kemuadian klik simpan. Tampil javascript yang menunjukan bahwa data yang
diisikan telah masuk ke database. Tampilan peringatan dapat dilihat pada gambar
4.25 dibawah ini.
Gambar 4.25 Peringatan Data Berhasil Masuk
Setelah data berhasil masuk, secara otomatis akan ditampilkan dibawah
form produk pertanian dan peternakan. Tampilan hasil input data dapat dilihat
pada gambar 4.26 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
44
Gambar 4.26 Hasil Input Data
4.2.2.8 Halaman Pemrosesan Produk Bioteknologi
Halaman pemrosesan produk bioteknologi digunakan admin untuk
memasukan produk bioteknologi PT. Lembah Hijau Multifarm dan akan
ditampilkan pada halaman produk bioteknologi pengunjung. Tampilan halaman
bioteknologi dapat dilihat pada gambar 4.27 dibawah ini.
Gambar 4.27 Halaman Input Produk Bioteknologi
Masukan data dan gambar pada form produk bioteknologi kemuadian klik
simpan. Tampil javascript yang menunjukan bahwa data yang diisikan telah
masuk ke database. Tampilan peringatan dapat dilihat pada gambar 4.28 dibawah
ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
45
Gambar 4.28 Peringatan Telah Berhasil Input Data
Setelah data berhasil masuk, secara otomatis akan ditampilkan dibawah
form produk bioteknologi. Tampilan hasil input data dapat dilihat pada gambar
4.29 dibawah ini.
Gambar 4.29 Hasil Input Data
4.2.2.9 Halaman Pemrosesan Produk Organik
Halaman pemrosesan produk organik digunakan admin untuk memasukan
produk organik PT. Lembah Hijau Multifarm dan akan ditampilkan pada halaman
produk bioteknologi pengunjung. Tampilan halaman organik dapat dilihat pada
gambar 4.30 dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
46
Gambar 4.30 Halaman Input Produk Organik
Masukan data dan gambar pada form produk organik kemuadian klik
simpan. Tampil javascript yang menunjukan bahwa data yang diisikan telah
masuk ke database.
Gambar 4.31 Peringatan Telah Berhasil Input Data
Setelah data berhasil masuk, secara otomatis akan ditampilkan dibawah
form produk organik. Tampilan hasil input data dapat dilihat pada gambar 4.32
dibawah ini.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
47
Gambar 4.32 Hasil Input Data
4.2.2.10 Halaman Log Out
Setelah selesai melakukan manajemen data yang dibutuhkan, admin atau
operator melakukan logout. Tampilan logout dapat dilihat pada gambar 4.33
dibawah ini.
Gambar 4.33 Tampilan Setelah Log Out
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
48
4.3 Analisis Program
Berikut merupakan analisisprogram website PT. Lembah Hijau
Multifarm(LHM) Sukoharjo :
4.3.1 Kelebihan Website Setelah Dirombak
1. Website ini dibuat menggunakan CMS sehingga setiap orang yang
menjadi admin mudah dalam perawatanya (dinamis).
2. Ide pembuatan website ini masih jarang dimiliki oleh perusahaan
perusahaan yang bergerak dalam bidang pertanian dan peternakan
lainya.
3. menggunakan database MySQL untuk mesin penyimpanaya.
4. Sistem ini memudahkan pengunjung untuk mendapatkan informasi
seperti cara bertani yang benar, berita terupdate, produk unggulan PT.
LHM.
4.3.2 Kekurangan Program
1. Tampilan masih sangat sederhana.
2. Kurangnya konten menarik untuk menarik minat pengunjung
3. Masih terlalu banyak eror yang mungkin belum terpecahkan oleh
penulis.
perpustakaan.uns.ac.id digilib.uns.ac.id
commit to user
49
BAB V
PENUTUP
5.1 KESIMPULAN
Kesimpulan dari hasil uraian dan pembahasan diatas adalah sebagai
berikut:
1. Telah dibuat website PT. Lembah Hijau Multifarm dengan
menggunakan bahasa pemrograman PHP.
2. Website PT. Lembah Hijau Multifarm mempunyai fasilitas seperti
berita pertanian update, daftar produk PT. Lembah Hijau Multifarm,
dan download artikel.
5.2 SARAN
Berdasarkan kesimpulan yang diperoleh, maka terdapat saran saran
sebagai berikut :
1. Konten dan menu pada web ini perlu ditambah lagi sehingga tidak
terlalu sederhana.
2. Pada website bagian berita untuk ditambahkan fasilitas update berita.
3. Pada website masih belum terdapat pemesanan secara online.
Diharapkan dapat ditambahkan pemesanan online untuk memudahkan
pemesanan oleh pengunjung.