VISUALISASI HASIL PRODUKSI PANGAN

DI PROVINSI NUSA TENGGARA TIMUR BERBASIS WEB

TUGAS AKHIR
NO. 680/WM.FT.H6/T.ILKOM/TA/2019

Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana Ilmu
Komputer

Disusun Oleh:
RICHARD SANNI ABINENO
23114049

PROGRAM STUDI ILMU KOMPUTER

FAKULTAS TEKNIK
UNIVERSITAS KATOLIK WIDYA MANDIRA
KUPANG
2019
ii
iii
 HALAMAN PERSEMBAHAN

KARYA INI SECARA KHUSUS SAYA PERSEMBAHKAN UNTUK

Bapak, Mama, dan Adik tercinta

Bapak dan Ibu Dosen Teknik Ilmu Komputer

Teman – teman Teknik Ilmu Komputer Angkatan 2014

&

Almamater tempat saya menimba ilmu…

iv
 Motto

“FIRMAN-MU ITU PELITA BAGI KAKIKU

DAN TERANG BAGI JALANKU”
MAZMUR 199:105

v
vi
 KATA PENGANTAR

Puji dan syukur ke hadirat Tuhan Yang Maha Esa atas berkat dan tuntunan-Nya

yang tak henti sehingga penulisan Tugas Akhir ini dapat berjalan dengan baik. Adapun

penulisan ini dibuat sebagai salah satu syarat untuk memenuhi dan memperoleh nilai

Tugas Akhir.

Penulisan Tugas Akhir ini dapat berjalan dengan baik berkat adanya dukungan

dari banyak pihak baik berupa dukungan moril maupun materil. Untuk itu pada

kesempatan ini penulis hendak menyampaikan ucapan terima kasih yang tak terhingga

kepada:

1. Pater Dr. Philipus Tule, SVD., selaku Rektor Universitas Katolik Widya

Mandira Kupang;

2. Bapak Patrisius Batarius, ST, MT., selaku Dekan Fakultas Teknik Universitas

Katolik Widya Mandira;

3. Ibu Emiliana Meolbatak, ST, MT., selaku Kepala Prodi Ilmu Komputer;

4. Ibu Emerensiana Ngaga, ST, MT., selaku Dosen Pembimbing Akademik

Program Studi Ilmu Komputer;

5. Ibu Natalia Magdalena Mamulak, ST, MM., selaku Dosen Pembimbing I,

Terima kasih untuk waktu, ide, masukan, pemikiran untuk saya.

vii
6. Bapak Alfry A.J. SinlaE, S.kom., M.Cs., selaku dosen pembimbing 2, terima

kasih untuk waktu, masukan, ide, pikiran dan kesabaran yang diberikan kepada

saya;

7. Para Dosen dan Karyawan Program Studi Ilmu Komputer, senang bisa

mengenal orang-orang seperti kalian semua;

8. Keluarga Kecil saya: Bapak Petrus Abineno, Ibu Teroci Manno Rihi, Adik

Ever, Adik Genuine, Adik Chelsea yang selalu memberikan Doa, dukungan,

motivasi, kasih sayang dan cinta untuk saya.

9. Sahabat-sahabatku tercinta yang telah berjuang bersama di Program Studi Ilmu

Komputer UNWIRA khususnya angkatan 2014; Nitha, Lily Odilia, Ronal,

Ichal, Vian, Yabes, Rilent, Frans, Jufri, Lian, Nisa Charles, Agusto, Umbu, Eric

Da Silva, Andal, Dolvi, Andi, Herly K’ Vicktor Lende dan semua sahabat yang

tidak disebutkan namanya;

10. Teman-teman Mahasiswa/i Ilmu Komputer angkatan 2014 khususnya kelas A.

11. Seluruh pihak yang telah memberikan sumbangsih dalam penyelesaian Tugas

Akhir ini yang tidak dapat disebutkan namanya satu persatu, Tuhan Yesus

Kristus kiranya membalas budi baik saudara-saudari sekalian.

Penulis menyadari dalam penyusunan Tugas Akhir ini, masih terdapat banyak

kekurangan dan kelemahan yang dimiliki penulis baik itu sistematika penulisan

maupun penggunaan bahasa. Untuk itu penulis mengharapkan saran dan kritik dari

berbagai pihak yang bersifat membangun. Semoga Tugas Akhir ini berguna bagi

viii
pembaca secara umum dan penulis secara khusus. Akhir kata penulis ucapkan banyak

terima kasih.

Kupang, Juli 2019

Penulis

ix
 DAFTAR ISI

Halaman Judul ................................................................................................. i

Halaman Persetujuan ....................................................................................... ii

Halaman Pengesahan ....................................................................................... iii

Halaman Persembahan .................................................................................... iv

Motto .................................................................................................................. v

Pernyataan Keaslian Karya............................................................................. vi

Kata Pengantar ................................................................................................. vii

Daftar Isi............................................................................................................ X

Daftar Gambar ................................................................................................. xiii

Daftar Tabel ...................................................................................................... vv

Abstrak ............................................................................................................. xvi

Abstract ............................................................................................................ xvii

BAB I PENDAHULUAN ................................................................................. 1

1.1. Latar Belakang ................................................................................. 1

1.2. Rumusan Masalah ............................................................................ 3

1.3. Batasan Masalah ............................................................................... 3

1.4. Tujuan Penelitian .............................................................................. 4

1.5. Manfaat Penelitian ............................................................................ 4

x
 1.6. Metodologi Penelitian ..................................................................... 5

1.7. Sistematika Penulisan ...................................................................... 11

BAB II TINJAUAN PUSTAKA ...................................................................... 13

2.1 Tinjauan Teoritis ......................................................................................... 13

2.2 Tinjauan Umum Visualisasi Hasil Produksi Pangan Di Provinsi Nusa

Tenggara Timur Berbasis ........................................................................... 22

2.2.1 Visualisasi................................................................................ 22

2.2.2 Pangan ..................................................................................... 22

2.3 Gambaran Umum Dinas Pertanian Provinsi Nusa Tenggara Timur ..... 25

2.3.1 Visi .......................................................................................... 26

2.3.2 Misi .......................................................................................... 26

2.3.3 Struktur Organisasi Dinas Pertanian Provinsi NTT ................ 28

2.4 Teori-teori pendukung ..............................................................................

2.5 Tinjauan Umum Software ........................................................................ 30

2.6 Relasi ......................................................................................................... 32

2.7 Flowchart................................................................................................... 33

2.8 DFD (Data Flow Diagram) ..................................................................... 35

2.9 Diagram Konteks .................................................................................... 36

2.9 ERD (Entity Relationship Diagram) .................................................... 37

BAB III ANALISIS DAN PERANCANGAN SISTEM ............................... 39

xi
 3.1 Analisis Sistem .................................................................................... 39

3.1.1 Analisis Kebutuhan Sistem ..................................................... 39

3.1.2 Analsis Peran Sistem............................................................... 40

3.1.3 Kategori Peran Sistem............................................................. 40

3.2 Sistem Perangkat Pendukung .............................................................. 41

3.2.1 Sistem Perangkat Keras ......................................................... 41

3.2.2 Sistem Perangkat Lunak ........................................................ 41

3.3 Perancangan Sistem ............................................................................. 42

3.3.1 Alur Sistem ............................................................................. 42

3.3.2 Diagram Konteks .................................................................... 44

3.3.3 Diagram Berjenjang ................................................................ 45

3.3.4 DFD ........................................................................................ 45

3.3.5 ERD ........................................................................................ 49

3.3.6. Relasi Tabel ........................................................................... 50

3.3.7 Perancangan Tabel .................................................................. 50

3.3.8 Perancangan Interface ............................................................ 52

BAB IV IMPLEMENTASI SISTEM.............................................................. 65

4.1. Implementasi Basis Data (Database)................................................. 65

4.2. Implementasi Sistem .......................................................................... 68

BAB V PENGUJIAN DAN ANALISIS HASIL ........................................... 91

xii
 5.1. Pengujian Sistem ................................................................................ 91

5.2. Analisis Hasil .................................................................................... 94

BAB VI PENUTUP ......................................................................................... 96

6.1. Kesimpulan ........................................................................................ 96

6.2. Saran .................................................................................................. 96

DAFTAR PUSTAKA………………………………………………………. 97

xiii
 DAFTAR GAMBAR

Gambar 1.1 Metode Pengembangan Waterfall ................................................................. 5

Gambar 2.1 Struktur Organisasi Dinas Pertanian Provinsi Nusa Tenggara Timur .......... 28
Gambar 2.2 Relasi One to One ........................................................................................ 32
Gambar 2.3 Relasi One to Many ...................................................................................... 32
Gambar 2.4 Relasi Many to Many ................................................................................... 33
Gambar 3.1 Alur Dokumen (Flowchart) ......................................................................... 43
Gambar 3.2 Diagram Konteks ......................................................................................... 44
Gambar 3.3 Diagram Berjenjang ..................................................................................... 45
Gambar 3.4 DFD Level 0 ................................................................................................. 46
Gambar 3.5 DFD Level 1 Proses 2 .................................................................................. 47
Gambar 3.6 DFD Level 1 Proses 3 ................................................................................... 48
Gambar 3.7 ERD ............................................................................................................... 49
Gambar 3.8 Relasi antar Tabel ......................................................................................... 50
Gambar 3.9 Rancangan Tampilan Login Admin ............................................................ 53
Gambar 3.10 Rancangan Tampilan Daftar Akun ............................................................ 54
Gambar 3.11 Rancangan Tampilan Dashboard ............................................................... 54
Gambar 3.12 Rancangan Tampilan Komoditi ................................................................. 55
Gambar 3.13 Rancangan Tampilan Proses Input Data Pangan ....................................... 56
Gambar 3.14 Rancangan Tampilan Proses Input Kabupaten .......................................... 56
Gambar 3.15 Rancangan Tampilan Peta Komoditi ......................................................... 57
Gambar 3.16 Rancangan Tampilan Berita ....................................................................... 57
Gambar 3.17 Rancangan Tampilan Tambah Berita ......................................................... 58
Gambar 3.18 Rancangan Tampilan Static Page .............................................................. 59
Gambar 3.19 Rancangan Tampilan Pesan ....................................................................... 59
Gambar 3.20 Rancangan Tampilan Home ....................................................................... 60
Gambar 3.21 Rancangan Tampilan Berita ....................................................................... 60
Gambar 3.22 Rancangan Tampilan Halaman Komentar .................................................. 61
Gambar 3.23 Rancangan Tampilan Grafik Hasil Produksi .............................................. 61
Gambar 3.24 Rancangan Tampilan Tabel Statistik ......................................................... 62
Gambar 3.25 Rancangan Tampilan Peta Komoditi ......................................................... 62
Gambar 3.26 Rancangan Panduan Penggunaan Visualisasi Data Pangan ....................... 63
Gambar 3.27 Rancangan Tampilan Tentang Visualisasi Data Pangan ............................ 63
Gambar 3.28 Rancangan Tampilan Dislcaimer ............................................................... 64
Gambar 4.1 Desain Halaman Login Admin .................................................................... 69
Gambar 4.2 Desain Halaman Dasboard ............................................................................ 70
Gambar 4.3 Desain Halaman Produksi Pangan ................................................................ 71
Gambar 4.4 Desain Halaman Input Data Pangan ............................................................ 72
Gambar 4.5 Desain Halaman Input Kabupaten ................................................................ 73
Gambar 4.6 Desain Halaman Peta Persebaran Komoditi ................................................. 74

xiv
Gambar 4.7 Desain Halaman Berita ................................................................................. 75
Gambar 4.8 Desain Halaman Tambah Berita ................................................................... 76
Gambar 4.9 Desain Halaman Static Page ......................................................................... 77
Gambar 4.10 Desain Halaman Pesan Masuk .................................................................... 78
Gambar 4.11 Desain Halaman Home Pengunjung ........................................................... 80
Gambar 4.12 Desain Halaman Berita ............................................................................... 81
Gambar 4.13 Desain Halaman Komentar ......................................................................... 82
Gambar 4.14 Desain Halaman Grafik Produksi Pangan ................................................... 83
Gambar 4.15 Desain Halaman Tabel Statistik .................................................................. 84
Gambar 4.16 Desain Halaman Peta Persebaran Komoditi ............................................... 85
Gambar 4.17 Desain Halaman Panduan ........................................................................... 86
Gambar 4.18 Desain Halaman About ............................................................................... 87
Gambar 4.19 Desain Halaman Disclaimer........................................................................ 88

xv
 DAFTAR TABEL

Tabel 1.1 Spesifikasi PC ........................................................................................ 7

Tabel 2.1 Perbandingan Penelitian ........................................................................ 18
Tabel 2.2 Simbol – Simbol Flowchart .................................................................. 34
Tabel 2.3 Simbol – Simbol DFD .......................................................................... 36
Tabel 2.4 Simbol-simbol ERD............................................................................... 37
Tabel 3.1 Tabel Produksi ...................................................................................... 50
Tabel 3.2 Tabel Kabupaten Kota ........................................................................... 51
Tabel 3.3 Tabel Komoditi ...................................................................................... 51
Tabel 3.4 Tabel Berita ........................................................................................... 51
Tabel 3.5 Tabel Static Pages .................................................................................. 51
Tabel 3.6 Tabel User.............................................................................................. 52
Tabel 3.7 Tabel Pesan ............................................................................................ 52
Tabel 4.1 Tabel Produksi ...................................................................................... 65
Tabel 4.2 Tabel Kabupaten Kota .......................................................................... 66
Tabel 4.3 Tabel Komoditi ..................................................................................... 66
Tabel 4.4 Tabel Berita ........................................................................................... 66
Tabel 4.5 Tabel Static Pages ................................................................................. 67
Tabel 4.6 Tabel User ............................................................................................. 67
Tabel 4.7 Tabel Pesan ............................................................................................ 68
Tabel 5.1 Tabel Pengujian .................................................................................... 92

xvi
 ABSTRAK

Dinas Pertanian Provinsi Nusa Tenggara Timur merupakan perangkat daerah

dengan tugas pokok memberikan pelayanan kepada masyarakat di sektor pertanian
yang salah satu cakupannya adalah pangan. Dalam tiga tahun terakhir hasil produksi
pangan cenderung meningkat. Peningkatan ini sudah harus dipertahankan baik jumlah
dan kualitas maupun keragaman pangan mengingat semakin bertambahnya penduduk
dan perubahan pola makan di NTT. Dalam proses pelayanan data dan informasi tentang
hasil produksi pangan masih menggunakan sistem manual dan memiliki kekurangan
yakni masyarakat harus datang langsung ke kantor yang memakan waktu dan dibatasi
oleh jam kerja di kantor. Dalam website http://distan.nttprov.go.id belum memuat
informasi mengenai hasil produksi pangan.
Untuk mengatasi permasalahan diatas perlu bangun sebuah Visualisasi Hasil
Produksi Pangan berbasis Web yang diharapkan dapat menampilkan gambaran hasil
produksi pangan berdasarkan berdasarkan tahun produksi, jenis komoditi dan hasil
produksi dari setiap masing-masing kabupaten di Provinsi Nusa Tenggara Timur yang
mudah di akses dan pahami oleh masyarakat. Metode yang digunakan dalam penelitian
ini adalah dengan metode pengembangan sistem waterfall (siklus air terjun).
Perancangan grafik yang ditampilkan dalam website ini menggunakan ChartJS.
Sedangkan perancangan peta menggunakan Google Maps API dan bahasa
pemrograman yaitu PHP 7 dan MySQL sebagai database server.
Hasil dari penelitian ini adalah suatu Visualisasi Hasil Produksi Hasil Produksi
Pangan di Provinsi Nusa Tenggara Timur berbasis Web yang mudah diakses oleh
Semua Pihak.

Kata Kunci: Dinas Pertanian, Pangan, Visualisasi, Metode Waterfall, Web, PHP,
MySQL

xvii
 ABSTRACT

The Department of Agriculture of the Province of East Nusa Tenggara is a

regional apparatus with the main task of providing services to the community in the
agricultural sector, one of which is food. In the last three years the results of food
production tend to increase. This increase must be maintained both the quantity and
quality and diversity of food given the increasing population and changes in diet in
NTT. In the process of data service and information about food production, it still uses
a manual system and has the disadvantage that the community must come directly to
the office which is time consuming and limited by working hours in the office. The
website http://distan.nttprov.go.id does not yet contain information about food
production.
To overcome the above problems, it is necessary to build a Web-based Food
Production Results Visualization that is expected to display a picture of food
production based on the year of production, type of commodity and production from
each district in East Nusa Tenggara Province that is easily accessible and understood
by the community. The method used in this study is the method of developing the
waterfall system (waterfall cycle). The graphic design displayed on this website uses
ChartJS. While the map design uses Google Maps API and programming languages,
namely PHP 7 and MySQL as a database server.
The results of this study are a Visualization of Production Results of Food
Production in the East Nusa Tenggara Province based on the Web that is easily
accessible to all Parties.

Keywords: Office of Agriculture, Food, Visualization, Waterfall Method, Web,

PHP, MySQL

xviii