PEMBUATAN WEBSITE PT. LEMBAH HIJAU MULTIFARM (LHM) SUKOHARJO TUGAS AKHIR

perpustakaan.uns.ac.id

digilib.uns.ac.id 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 commit to user SURAKARTA 2011 i


digilib.uns.ac.id 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

commit to user

ii


digilib.uns.ac.id HALAMAN PENGESAHAN


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 commit to user

iii


digilib.uns.ac.id 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

iv


digilib.uns.ac.id 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

v


digilib.uns.ac.id 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

vi


digilib.uns.ac.id 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

vii


digilib.uns.ac.id 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 commit to user sempurna. Untuk itu penulis mengharapkan kritik dan saran yang bersifat

viii


digilib.uns.ac.id

membangun. Akhir kata penulis mengharapkan semoga laporan ini dapat bermanfaat bagi pihak yang membaca dan mempelajarinya.

Surakarta, 10 Februari 2011

Penulis

commit to user

ix


digilib.uns.ac.id

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

BAB II

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

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

x

perpustakaan.uns.ac.id BAB III

digilib.uns.ac.id

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 ....................................................... commit to user 3.5.7 Tabel Organik ...............................................................

19

3.5.8 Tabel Artikel .................................................................

20

xi

20


BAB IV

digilib.uns.ac.id

3.5.9 Tabel GuestBook ..........................................................

20

3.6 Rancangan Disain Layout Website ...........................................

21

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

BAB V

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

PENUTUP 5.1 Kesimpulan ..............................................................................

45

5.2 Saran ........................................................................................

45

DAFTAR PUSTAKA ......................................................................................

45

commit to user

xii


digilib.uns.ac.id

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

xiii


digilib.uns.ac.id

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 ..................................................... commit to user Gambar 4.16 Tampilan Javascript...................................................................

34

xiv

34


digilib.uns.ac.id

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


40

Gambar 4.27 Halaman Input Produk Bioteknologi .........................................

40

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

41


41

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

42

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

42


43

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

43

commit to user

xv


digilib.uns.ac.id HALAMAN PENGESAHAN


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 commit to user


digilib.uns.ac.id 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


digilib.uns.ac.id

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


digilib.uns.ac.id 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


digilib.uns.ac.id 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: 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

commit to user

ANDI


digilib.uns.ac.id

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

1


1.2

2 digilib.uns.ac.id

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 digilib.uns.ac.id


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 commit to user digunakan, serta sistematika penulisan.

4 digilib.uns.ac.id


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


digilib.uns.ac.id

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

9

10 digilib.uns.ac.id


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



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



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



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.

Server

Internet

Admin

User/ Pengunjung

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



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 :

Pengunjung

Informasi produk, berita, artikel, chat,guestbook Guestbook, chat

Website Lembah Hijau Multifarm ( LHM)

manajemen produk, berita, artikel, guestbook

Admin

Informasi produk, berita, artikel, chat,guestbook

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



Proses 1.0

verifikasi

Login

Username Password

data admin

Id, data guestbook

ADMIN Data admin

Proses 2.0

Id, data artikel Id, data produk organik

Data Admin terformat

D1

Data Admin

Data chat terformat

D2

Data minichat

Data Berita terformat

D3

Data Berita

Data Produk Agrikultur terformat

D4

Data Produk agrikultur

Data Produk Pertanian Peternakan terformat

D5

Data Produk Pertanian Peternakan

Data Produk Bio terformat

D6

Data Produk Bio

Data Produk Organik terformat

D7

Data Produk Organik

Pemrosesan admin

Proses 3.0 Mini chat

Id, data chat

Proses 4.0 Id, data berita

Pemrosesan berita

Proses 5.0

data chat Id, data produk agrikultur

Pemrosesan produk agrikultur

Proses 6.0 Id, data produk pertanian Data mini chat, data berita, data produk, data artikel, data guestbook

Pemrosesan produk pertanian peternakan Proses 7.0

Id, data produk bioteknologi

Pemrosesan produk bioteknologi Proses 8.0 Pemrosesan produk organik

Pengunjung

Proses 9.0 Pemrosesan artikel Data mini chat, data berita, data produk, data artikel, data guestbook

Data Artikel terformat

D8

Data Artikel

Data guestbook

D8

Data guestbook

Proses 10.0 Pemrosesan guestbook

Input data guestbook

Proses 11.0

Proses view data

Data mini chat, data berita, data produk, data artikel, data guestbook

Gambar 3.3 DFD Level 0

commit to user



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.

Proses2.1 Data admin

Data terformat data verifikasi

Input data admin

Proses2.2

Admin

Data update sdmin Data admin

Data update

D1

Data Admin

Edit data admin Data admin

Proses2.3 Id admin

Delete data admin

Data Admin

data verifikasi query

Gambar 3.4 DFD level 1 Proses 2.0

3.3.4 DFD Level 1 Proses 4.0 (Pemrosesan Berita) Desain DFD level 1 yang merupakan pengembangan dari proses 4.0 DFD level 0 pemrosesan berita . DFD level 1 pemrosesan berita ditunjukan pada gambar 3.5 dibawah ini.

commit to user



Proses4.1 Data berita

Data terformat data verifikasi

Input data berita

Admin

D3

Data berita

Proses4.3 Id berita


Delete data berita

Data berita


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.

Proses5.1 Data Produk Agrikultur

Input data Produk Agrikultur

data verifikasi Verifikasi data

Proses5.2

Admin

Data update sdmin Edit data Produk Agrikultur Data produk agrikultur

Data update D4 Data produk agrikultur

Proses5.3 Id produk agrikultur Data agrikultur

Delete data Produk Agrikultur

commit to user Gambar 3.6 DFD level 1 Proses 5.0


Data Produk Agrikultur



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.

Proses 6.1 Data produk pertanian

Input data Produk pertanian dan peternakan

Data terformat Data verifikasi

Proses 6.2

Admin

Edit data Produk pertanian dan peternakan Data produk pertanian Data update

Data update

D5

Data Produk pertanian dan peternakan

Data produk pertanian Proses 6.3 Id produk pertanian Data produk pertanian

Delete data Produk pertanian dan peternakan

Data verifikasi query


3.3.7 DFD Level 1 Proses 7.0 (Pemrosesan Produk Bioteknologi) Desain DFD level 1 yang merupakan pengembangan dari proses 7.0 DFD level 0 pemrosesan Produk Bioteknologi . DFD level 1 pemrosesan Produk Bioteknologi ditunjukan pada gambar 3.8 dibawah ini.

commit to user



Proses7. 1 Data produk bioteknologi

Input data Produk Bioteknologi


Proses 7.2 Data update

Admin Data produk bioteknologi

Edit data Produk Bioteknologi

Data update

D6

Data Produk Bioteknologi

Data produk bioteknologi

Proses 7.3 Id produk bioteknologi Data produk bioteknologi


Delete data Produk Bioteknologi


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.

Proses 8.1 Data produk organik


Input data Produk organik

Proses 8.2

Admin

Data update Data produk organik

Edit data Produk organik

Data update

D7 Data Produk organik

Data produk organik

Proses 8.3 Id produk organik Data produk organik

Delete data Produk organik

commit to user Gambar 3.9 DFD level 1 Proses 8.0




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. Proses 9.1 Data artikel


Input data Artikel

Proses 9.2

Admin

Data update

Data update

D8

Data Artikel

Edit data Artikel Data artikel

Data artikel

Proses 9.3 Id artikel


Delete data Artikel

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 Pengunjung

Data guestbook

Input data guestbook

Data Terformat

Proses 10.2 Admin

Id gestbook Data guestbook

Delete data guestbook

query Data verivikasi

D9

Gambar 3.12 DFD level 1 Proses 10.0 commit to user

Data guestbook



3.4

Entity Relationship Diagram

Penjela san

Gambar

nama

Nama Nama

keteran gan

gambar

Id_bio Id_Agri kultur

gambar

Id_orga nik

Produk Organik keteran gan

Produk Agrikultur

Id_pete rnakan

keteran gan

nama

Produk Bioteknologi

gambar

Produk Pertanian Peternakan

mengupdate

menghapus

Admin

Melihat update Isi pesan

Upload file alamat

Guest book

gamb ar

Id_uplo ad

Berita Ukuran file

Id_berit a

Id_pe san

deskrip si

Mini chat

tanggal

nama

Isi berita

judul Id_chat pesan Website

nama

Gambar 3.13 Entity Relationship Diagram

commit to user

Nama file



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

id_admin

Varchar

20

Id

username

Varchar

50

Username

password

Varchar

50

Password

Key PK

3.5.2 Tabel MiniChat Berfungsi untuk menyimpan pesan mini chatt , ditunjukkan pada tabel 2 dibawah ini. Tabel 2 Tabel Minichat Field

Tipe

Size

Int

5

nama

Varchar

100

Nama pengirim

website

Varchar

100

Nama website pengunnjung

Text

100

Isi pesan

id_shoutbox

pesan

Keterangan Id shoutbox

Key PK

3.5.3 Tabel Berita Berfungsi untuk meyimpan data berita, ditunjukkan pada tabel 3 Tabel 3 Tabel Berita Field id_berita judul isi_berita

Tipe

Size

Int

10

Id berita

Varchar

15

Judul berita

Text

Keterangan

Isi dari berita commit to user

Key PK



3.5.4 Tabel Agrikultur Berfungsi untuk menyimpan data dan foto produk agrikultur, ditunjukkan pada tabel 4 Tabel 4 Tabel Agrikultur Field

Tipe

Size

Int

nama

Varchar

penjelasan

Longtext

gambar

Varchar

id_agrikulture

Keterangan

Key

3

Id produk agrikulture

PK

30

Judul produk agrikulture Keterangan agrikulture

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

Int

nama

Varchar

penjelasan

Longtext

gambar

Varchar

id_peternakan

Keterangan

Key

5

Id produk peternakan

PK

30

Nama produk peternakan Penjelasan produk peternakan

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

id_bio

Int

3

Id produk bioteknologi

nama

Varchar

30

Nama produk bioteknologi

penjelasan gambar

Text Varchar

Keterangan

Keterangan produk 25

Gambar produk

commit to user

Key PK



3.5.7 Tabel Organik Berfungsi untuk menyimpan data produk organik, ditunjukan pada tabel 7 Tabel 7 Tabel Organik Field

Tipe

Size

Int

5

Id produk organik

nama

Varchar

30

Nama produk organik

penjelasan

Longtext

gambar

Varchar

id_organik

Keterangan

Key PK

Kterangan produk organik 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

id_upload

Int

5

Nama_file

Varchar

100

Judul data yang di upload

ukuran_file

Int

100

Ukuran data yang di upload

deskripsi

Longtext

direktori

Varchar

waktu

Keterangan Id data yang di upload

Key PK

Isi data 100

Date

Direktori data yang di upload 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

Int

5

Id pesan

nama

Varchar

30

Nama

alamat

Varchar

25

alamat

id_pesan

isi email

Text Varchar

Keterangan

Isi guestbook 25

Alamat email

commit to user

Key PK



3.6

Rancangan Disain Layout Website PT. Lembah Hijau Multifarm

HEADER Home Prodak Artikel Berita kontak ousservice SEKILAS INFO

BERITA

ARTIKEL SIAP DOWNLOAD

OUR PARTNER TEXT

Gambar 3.14 Rancangan Website

commit to user



BAB IV IMPLEMENTASI DAN ANALISIS

4.1

Deskripsi Sistem

Browser (Firefox)

Web server (AppServ)

Database (My SQL)

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

Hijau (LHM) Sukoharjo adalah sebagai berikut :

commit to user

PT. Lembah



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



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



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



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



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



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 commit to yang user luas.



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



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



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



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 gambar 4.13 dibawah ini.



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



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 commit to user dapat dilihat pada gambar 4.17 dibawah ini.



Gambar 4.17 Tampilan Halaman manajemen guestbook

4.2.2.5 Halaman Pemrosesan Artikel Halaman pemrosesan artikel digunakan admin untuk memasukan artikelartikel 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

commit to user



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.

commit to user



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.

commit to user



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



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.

commit to user




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.

commit to user



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.


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.

commit to user



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.

commit to user




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



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



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

PEMBUATAN WEBSITE PT. LEMBAH HIJAU MULTIFARM (LHM) SUKOHARJO TUGAS AKHIR

Recommend Documents