PEMBUATAN WEBSITE PT. LEMBAH HIJAU MULTIFARM … · Lembah Hijau Multifarm can be accessed online...

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


commit to user

ii

HALAMAN PERSETUJUAN

PEMBUATAN WEBSITE


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


commit to user

iii

HALAMAN PENGESAHAN

PEMBUATAN WEBSITE


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


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


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


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


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.


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.


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


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


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


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


(Pemrosesan Mini chat) ................................................ 12


(Pemrosesan Berita) ....................................................... 13


(Pemrosesan Produk Agronomi) ................................... 14


(Pemrosesan Produk Pertanian dan Peternakan) ............ 14


(Pemrosesan Produk Bioteknologi) ............................... 15


(Pemrosesan Produk Organik) ....................................... 16


(Pemrosesan Artikel) ..................................................... 16


(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


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


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


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.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


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.27 Halaman Input Produk Bioteknologi ......................................... 40

Gambar 4.28 Peringatan Telah Berhasil Input Data ....................................... 41


Gambar 4.30 Halaman Input Produk Organik ................................................ 42

Gambar 4.31 Peringatan Telah Berhasil Input Data ....................................... 42


Gambar 4.33 Tampilan Setelah Log Out ........................................................ 43


commit to user

HALAMAN PENGESAHAN

PEMBUATAN WEBSITE


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


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


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


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


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.


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

http://www.bukulokomedia.com/artikel-101-bikin-website-super-keren-dengan-php-dan-jquery.html


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.


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


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.


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.


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.


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).


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


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.


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,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


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


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)


level 0 pemrosesan berita . DFD level 1 pemrosesan berita ditunjukan pada



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


3.3.5 DFD Level 1 Proses 5.0 (Pemrosesan Produk Agronomi)


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



commit to user

18

3.3.6 DFD Level 1 Proses 6.0 (Pemrosesan Produk Pertanian Peternakan)


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


3.3.7 DFD Level 1 Proses 7.0 (Pemrosesan Produk Bioteknologi)


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

D6Data Produk

Bioteknologi

Data terformat

Data update

query

Data produk

bioteknologi

Data produk

bioteknologi

Data

verifikasi

Data

verifikasi

Data produk bioteknologi


3.3.8 DFD Level 1 Proses 8.0 (Pemrosesan Produk Organik)


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



commit to user

20

3.3.9 DFD Level 1 Proses 9.0 (Pemrosesan Artikel)


level 0 pemrosesan Artikel . DFD level 1 pemrosesan Artikel ditunjukan pada


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


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



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


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


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


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


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


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


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


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


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


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)


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


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.


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


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


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.


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.


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.


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.


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.


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



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.


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.


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 Halaman Upload Artikel


commit to user

40

Masukan data dan gambar pada form upload artikel kemuadian klik



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.


commit to user

41

Gambar 4.21 Halaman Input Produk Agriculture

Masukan data dan gambar pada form produk agrikultur kemuadian klik



ini.

Gambar 4.22 Peringatan Data Berhasil Masuk


form produk agrikultur. Tampilan hasil input data dapat dilihat pada gambar 4.23

dibawah ini.


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.


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


form produk pertanian dan peternakan. Tampilan hasil input data dapat dilihat

pada gambar 4.26 dibawah ini.


commit to user

44


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



ini.


commit to user

45

Gambar 4.28 Peringatan Telah Berhasil Input Data


form produk bioteknologi. Tampilan hasil input data dapat dilihat pada gambar

4.29 dibawah ini.


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



commit to user

46

Gambar 4.30 Halaman Input Produk Organik

Masukan data dan gambar pada form produk organik kemuadian klik


masuk ke database.

Gambar 4.31 Peringatan Telah Berhasil Input Data


form produk organik. Tampilan hasil input data dapat dilihat pada gambar 4.32

dibawah ini.


commit to user

47


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


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.


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.

PEMBUATAN WEBSITE PT. LEMBAH HIJAU MULTIFARM … · Lembah Hijau Multifarm can be accessed online...

Documents

Transcript of PEMBUATAN WEBSITE PT. LEMBAH HIJAU MULTIFARM … · Lembah Hijau Multifarm can be accessed online...