PENGEMBANGAN WEBSITE DISTRIBUSI PUPUK BERSUBSIDI

BAGI PETANI

TUGAS AKHIR (PROYEK)

Oleh :

ADI PRIMANDA GINTING (131112152)

ODY ADITYAWAN ASRI (141112630)

PROGRAM STUDI TEKNIK INFORMATIKA

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN
KOMPUTER
MIKROSKIL
MEDAN
2018
DEVELOPMENT OF SUBSIDIARY FERTILIZER DISTRIBUTION
WEBSITE FOR FARMERS

FINAL PROJECT

By:

ADI PRIMANDA GINTING (131112152)

ODY ADITYAWAN ASRI (141112630)

STUDY PROGRAM OF INFORMATICS ENGINEERING

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
MIKROSKIL
MEDAN
2018
 DAFTAR ISI

DAFTAR ISI ............................................................................................................................. i

DAFTAR GAMBAR ............................................................................................................... ii

DAFTAR TABEL ................................................................................................................... iv

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

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

1.2. Rumusan Masalah ......................................................................................... 2

1.3. Tujuan............................................................................................................ 2

1.4. Manfaat.......................................................................................................... 2

1.5. Batasan Masalah ............................................................................................ 2

1.6. Metodologi Pengembangan Sistem ............................................................... 3

BAB 2 TINJAUAN PUSTAKA .............................................................................................. 4

2.1. Pupuk............................................................................................................. 4

2.2. Subsidi ........................................................................................................... 4

2.3. Distribusi ....................................................................................................... 5

2.4. Pupuk Bersubsidi........................................................................................... 5

2.5. Pihak-pihak yang Terlibat dalam Pendistribusian Pupuk Bersubsidi ........... 6

2.6. Mekanisme Penyediaan dan Penyaluran Pupuk Bersubsidi .......................... 7

2.7. Daftar Harga dan Alokasi Pupuk Bersubsidi ................................................ 8

BAB 3 METODOLOGI PENGEMBANGAN SISTEM ......................................................... 9

3.1. Analisis Situs Web Sejenis............................................................................ 9

3.2. Analisis Kebutuhan Fungsional .................................................................. 10

3.3. Analisis Kebutuhan Non Fungsional .......................................................... 22

3.4. Perancangan Tampilan ................................................................................ 23

3.5. Perancangan Basis Data .............................................................................. 57

DAFTAR PUSTAKA ............................................................................................................ 67

i
 DAFTAR GAMBAR

Gambar 2.1 Alur distribusi pupuk bersubsidi (sumber: www.pupuksubsidilambar.info) ......... 8

Gambar 3.2 Gambar Situs Web Aplikasi Siaga PT Pupuk Indonesia (Sumber: Youtube PT
Pupuk Indonesia Official)................................................................................................... 9
Gambar 3.3 Use Case Diagram ................................................................................................ 10
Gambar 3.4 Perancangan halaman beranda.............................................................................. 24
Gambar 3.5 Perancangan halaman login .................................................................................. 26
Gambar 3.6 Perancangan halaman setelah petani masuk ke situs web .................................... 27
Gambar 3.7 Perancangan Halaman Edit Profil Petani.............................................................. 29
Gambar 3.8 Perancangan halaman informasi pupuk ................................................................ 30
Gambar 3.9 Perancangan halaman informasi detail sebuah pupuk dan pemesanan sebuah
pupuk ................................................................................................................................ 31
Gambar 3.10 Perancangan tab ulasan produk pada halaman pemesanan sebuah pupuk. ........ 33
Gambar 3.11 Perancangan halaman pencarian toko pengecer yang dapat diakses oleh petani 34
Gambar 3.12 Perancangan halaman berita ............................................................................... 35
Gambar 3.13 Perancangan halaman berita. .............................................................................. 36
Gambar 3.14 Perancangan halaman keranjang belanjaan (berisi daftar belanja) pupuk
bersubsidi. ......................................................................................................................... 37
Gambar 3.15 Perancangan halaman status pemesanan pupuk bersubsidi. ............................... 38
Gambar 3.16 Perancangan halaman laporan pendistribusian pupuk bersubsidi. ..................... 39
Gambar 3.17 Perancangan halaman setelah pengecer masuk ke situs web ............................. 40
Gambar 3.18 Halaman terima pesanan ..................................................................................... 42
Gambar 3.19 Perancangan halaman dengan kotak dialog konfirmasi penolakan pesanan. ..... 43
Gambar 3.20 Perancangan halaman transaksi offline. ............................................................. 44
Gambar 3.21 Perancangan halaman untuk mengelola stok pupuk bersubsidi ......................... 45
Gambar 3.22 Perancangan halaman untuk mengelola lokasi toko pengecer ........................... 46
Gambar 3.23 Perancangan halaman untuk mengelola informasi umum toko .......................... 47
Gambar 3.24 Perancangan halaman untuk menampilkan data penjualan toko pengecer. ........ 48
Gambar 3.25 Perancangan halaman untuk menampilkan data penjualan toko pengecer. ........ 49
Gambar 3.26 Perancangan halaman kelola pupuk oleh petugas .............................................. 50
Gambar 3.27 Perancangan halaman kelola toko untuk petugas ............................................... 51
Gambar 3.28 Perancangan halaman untuk menampilkan kelola petani oleh petugas .............. 53

ii
Gambar 3.29 Perancangan halaman untuk menampilkan kelola berita oleh admin dan petugas
.......................................................................................................................................... 54
Gambar 3.30 Perancangan halaman untuk menampilkan laporan untuk petugas .................... 55
Gambar 3.31 Perancangan halaman untuk menampilkan kelola petugas oleh admin ............. 56
Gambar 3.32 Diagram Entitas Diagram Situs Web.................................................................. 57
Gambar 3.33 Entitas petani ...................................................................................................... 58
Gambar 3.34 Entitas pengecer .................................................................................................. 59
Gambar 3.35 Entitas komentar ................................................................................................. 59
Gambar 3.36 Entitas kelompok tani ......................................................................................... 60
Gambar 3.37 Entitas petugas .................................................................................................... 60
Gambar 3.38 Entitas Admin ..................................................................................................... 61
Gambar 3.39 Entitas berita ....................................................................................................... 62
Gambar 3.40 Entitas pupuk ...................................................................................................... 62
Gambar 3.41 Entitas kuota pupuk petani ................................................................................. 63
Gambar 3.42 Entitas perubahan stok pupuk ............................................................................. 63
Gambar 3.43 Entitas stok pupuk pengecer ............................................................................... 64
Gambar 3.44 Entitas rinci tansaksi ........................................................................................... 64
Gambar 3.45 Entitas transaksi pupuk ....................................................................................... 65
Gambar 3.46 Entitas desa-kelurahan ........................................................................................ 65
Gambar 3.47 Entitas kecamatan ............................................................................................... 66
Gambar 3.48 Entitas kabupaten ................................................................................................ 66
Gambar 3.49 Entitas provinsi ................................................................................................... 66

iii
 DAFTAR TABEL

Tabel 2.1 Harga eceran tertinggi pupuk bersubsidi .................................................................... 8

Tabel 3.1 Narasi use case login ................................................................................................ 10
Tabel 3.2 Narasi use case pesan pupuk .................................................................................... 11
Tabel 3.3 Narasi use case lihat pupuk ...................................................................................... 12
Tabel 3.4 Narasi use case lihat berita ....................................................................................... 12
Tabel 3.5 Narasi use case lihat laporan .................................................................................... 13
Tabel 3.6 Narasi use case edit profil......................................................................................... 13
Tabel 3.7 Narasi use case menambahkan transaksi offline ...................................................... 14
Tabel 3.8 Narasi use case terima pesanan ................................................................................ 15
Tabel 3.9 Narasi use case atur stok........................................................................................... 16
Tabel 3.10 Narasi use case melihat informasi penjualan ......................................................... 17
Tabel 3.11 Narasi use case melihat data pembeli ..................................................................... 17
Tabel 3.12 Narasi use case mengelola data petani ................................................................... 18
Tabel 3.13 Narasi use case mengelola data pengecer ............................................................... 18
Tabel 3.14 Narasi use case mengelola laporan ......................................................................... 19
Tabel 3.15 Narasi use case mengelola transaksi penjualan ...................................................... 20
Tabel 3.16 Narasi use case mengelola berita ............................................................................ 21
Tabel 3.17 Narasi use case mengelola data petugas ................................................................. 22
Tabel 3.18 Tabel basis data: “petani” ....................................................................................... 57
Tabel 3.19 Tabel basis data: "pengecer" .................................................................................. 58
Tabel 3.20 Tabel basis data: "komentar" .................................................................................. 59
Tabel 3.21 Tabel basis data: "kelompok_tani" ......................................................................... 59
Tabel 3.22 Tabel basis data: "petugas" ..................................................................................... 60
Tabel 3.23 Tabel basis data: "admin" ....................................................................................... 61
Tabel 3.24 Tabel basis data: "berita" ........................................................................................ 61
Tabel 3.25 Tabel basis data: "pupuk" ....................................................................................... 62
Tabel 3.26 Tabel basis data: "kuota_pupuk_petani" ................................................................ 62
Tabel 3.27 Tabel basis data: "perubahan_stok_pupuk"............................................................ 63
Tabel 3.28 Tabel basis data: "stok pupuk pengecer" ................................................................ 63
Tabel 3.29 Tabel basis data: "rinci transaksi" .......................................................................... 64
Tabel 3.30 Tabel basis data: "tranksaksi pupuk" ...................................................................... 64

iv
Tabel 3.31 Tabel basis data: "desa-kelurahan" ......................................................................... 65
Tabel 3.32 Tabel basis data: "kecamatan" ................................................................................ 65
Tabel 3.33 Tabel basis data: "kabupaten" ................................................................................ 66
Tabel 3.34 Tabel basis data: "provinsi" .................................................................................... 66

v
 BAB 1
PENDAHULUAN

1.1. Latar Belakang

Indonesia sebagai negara agraris, sektor pertaniannya telah lama menjadi tulang
punggung perekonomian rakyat. Sampai dengan tahun 2015, jumlah petani Indonesia mencapai
37,75 juta jiwa (Jati, 2016). Sementara itu, sampai dengan Oktober 2017, terdapat 561.791
kelompok tani di Indonesia (Pusat Data dan Sistem Informasi Pertanian, Kementerian Pertanian
Republik Indonesia, 2017). Untuk mendukung petani dan sektor pertanian dalam menjaga
ketersediaan bahan pangan, pemerintah menyalurkan pupuk bersubsidi kepada petani Indonesia
(Kementerian Perindustrian RI, 2003). Pupuk bersubsidi disalurkan kepada petani yang
terdaftar di kelompok-kelompok tani di seluruh Indonesia. Dengan jumlah kelompok petani
yang besar, sering timbul masalah dalam penyaluran pupuk bersubsidi. Beberapa masalah yang
terjadi antara lain, petani kekurangan informasi tentang cara untuk mendapatkan pupuk
bersubsidi, ketidaksesuaian jumlah pupuk bersubsidi yang disalurkan, kelalaian penjual
melaporkan transaksi pupuk bersubidi, dan adanya penjual dan petani yang tidak berhak tetap
dapat melakukan transaksi pupuk bersubsidi (Abdullah, et al., 2011). Salah satu kasus terbaru
adalah di kabupaten Bengkayang, Kalimantan Barat. Pupuk bersubsidi dijual di atas harga
eceran tertinggi dan juga pupuk yang dijual di luar wilayah yang telah ditetapkan (Jawa Pos,
2018).
Sistem yang digunakan untuk penjualan pupuk bersubsidi adalah aplikasi SIAGA
(Sistem Informasi Niaga) yang diluncurkan oleh PT. Pupuk Indonesia (Persero) yang
digunakan oleh pengecer untuk membeli pupuk ke distributor dan mencatat pupuk bersubsidi
yang disalurkan ke petani yang belum terhubung kartu tani. Kekurangan dari sistem ini adalah
aplikasi ini tidak dapat diakses oleh petani, sehingga petani tidak dapat melakukan pemesanan
secara online dan mendapatkan informasi pendistribusian pupuk di daerahnya.
Sebagai sarana transaksi dan pengawasan pendistribusian pupuk bersubsidi, petani
memiliki pilihan dapat memesan secara online atau langsung ke pengecer. Sistem yang
dikembangkan juga dapat menampilkan laporan alokasi dan realisasi pupuk bersubsidi di setiap
tingkat administrasi daerah, kelompok tani, dan petani. Berdasarkan uraian di atas tugas akhir
ini akan mengimplementasikan sebuah sistem situs web. Tugas akhir ini diberi judul,
“Pengembangan Website Distribusi Pupuk Bersubsidi Bagi Petani”.

1
1.2. Rumusan Masalah
Dari latar belakang di atas dapat dirumuskan beberapa masalah
1. Minimnya informasi cara mendapatkan pupuk bersubsidi bagi petani.
2. Terdapat kecurangan dengan menjual pupuk bersubsidi di atas harga eceran tertinggi.
3. Jumlah pupuk bersubsidi yang disalurkan ke petani tidak sesuai.
4. Pengecer melakukan kelalaian dalam melaporkan penyaluran pupuk bersubsidi.
5. Pengawasan penyaluran pupuk bersubsidi sampai ke kelompok tani/petani kurang
maksimal.

1.3. Tujuan
Tujuan dari tugas akhir ini adalah mengembangkan sebuah situs web untuk:
1. Membantu petani mendapatkan pupuk bersubsidi sesuai dengan alokasi dan harga yang
ditentukan.
2. Membantu pemerintah melakukan pengawasan penyaluran pupuk bersubsidi sampai ke
petani.

1.4. Manfaat
Manfaat yang akan dicapai dari pengembangan situs web dalam tugas akhir ini adalah:
1. Menjamin harga jual pupuk bersubsidi tidak melebihi harga eceran tertinggi.
2. Memberikan kepastian informasi kepada petani dalam mendapatkan pupuk bersubsidi.
3. Membantu koordinasi antara antara pengecer dengan pemerintah untuk menyalurkan pupuk
bersubsidi.
4. Sebagai sarana bagi pemerintah untuk mengawasi peredaran pupuk bersubsidi hingga
tingkat kelompok tani/petani.

1.5. Batasan Masalah

Tugas akhir ini memiliki batasan sebagai berikut:
1. Pembayaran transaksi tidak dilakukan melalui situs web ini.
2. Pupuk yang dijual ada lima jenis yaitu pupuk Urea, NPK, SP-16, ZA, dan Organik.

2
1.6. Metodologi Pengembangan Sistem
Untuk mengembangkan situs web, tugas akhir ini menggunakan waterfall yang
dimodifikasi yang disebut dengan model Sashimi. Perbedaannya dengan waterfall murni adalah
tiap langkah tidak harus dilakukan berurutan menunggu satu langkah selesai tetapi dapat maju-
mundur dari satu langkah ke langkah lain tergantung kebutuhan. Berikut ini adalah fase-fase
dari model Sashimi yang digunakan dalam tugas akhir ini:
1. Analisis kebutuhan
Pada fase ini, kegiatan yang dilakukan adalah melakukan analisis kebutuhan fungsional
dan non-fungsional. Analisis kebutuhan fungsional dilakukan dengan use case diagram dan
analisis kebutuhan non-fungsional dilakukan dengan kerangka kerja PIECES (performance,
information, economic, efficiency, dan services).

2. Perancangan
Perancangan sistem terdiri dari perancangan mockup antarmuka situs web dengan
Balsamique Mockup 3 dan perancangan basis data dengan entity relationship diagram.

3. Implementasi (memogram dan debugging)

Pengembangan situs web ini dilakukan bahasa pemrograman PHP dengan framework
Laravel di bagian backend, bahasa pemrograman JavaScript dengan framework ReactJS, CSS,
dan HMTL digunakan pada bagian front-end, dan untuk basis data digunakan MySQL

4. Pengujian perangkat lunak

Situs web diuji menggunakan black box testing. Pengujian black-box adalah pengujian
fungsionalitas sistem yang dilakukan untuk memeriksa respon sistem terhadap berbagai
masukan-masukan yang diberikan kepada fungsi-fungsi di dalam sistem.
Pengujian dengan black-box pada tugas akhir ini untuk petani meliputi fitur-fitur: login,
memesan pupuk, melihat berita, melihat laporan, dan mengedit profil. Untuk pengecer:
menerima pesanan, menambahkan transaksi offline, mengatur stok pupuk, melihat informasi
penjualan, melihat data petani. Untuk petugas: mengelola data petani, mengelola data pengecer,
mengelola laporan, mengelola transaksi penjualan, dan mengelola berita. Sedangkan untuk
admin: mengelola berita dan mengelola data petugas.

3
 BAB 2
TINJAUAN PUSTAKA

1.7. Pupuk
Pupuk adalah bahan gizi (bagi tanaman) yang diberikan ke media tanam untuk
mendukung perkembangan tumbuhan (Soil Science Society of America, n.d.). Manfaat pupuk
adalah untuk memaksimalkan potensi tumbuhan memproduksi bahan pangan. Pupuk dapat
dibedakan menjadi pupuk organik atau anorganik.
Menurut Peraturan Menteri Pertanian Nomor 70/Permentan/SR.130/10/2011, pupuk
organik adalah pupuk yang berasal dari mahkluk hidup baik tumbuhan maupun hewan yang
telah mengalami proses tertentu dan memiliki beragam bentuk, cair maupun padat. Sebaliknya
pupuk anorganik identik sebagai pupuk kimia, menurut Peraturan Menteri Pertanian Nomor
43/Permentan/SR.140/8/2011 adalah pupuk anorganik adalah pupuk yang dihasilkan melalui
pabrik-pabrik yang dihasilkan secara kimia, biologi, atau pun fisik.
Perbedaan pupuk organik dan an-organik adalah pupuk organik biasanya dikerjakan
dalam skala kecil dan memiliki kandungan nutrisi yang banyak tetapi dalam jumlah yang kecil.
Sedangkan pupuk anorganik dihasilkan dalam skala industri dan jenis unsurnya tidak banyak
tetapi jumlah kandungan tiap unsur dibuat agar mencapai jumlah tertentu (Patanga & Yuliarti,
2016).

1.8. Subsidi
Subsidi adalah cara pemerintah untuk menjamin barang atau produk tertentu memiliki
harga yang terjangkau bagi masyarakat. Ada dua cara untuk memberikan subsidi pertama yaitu
dengan memberikan bantuan langsung kepada masyarakat dan kedua dengan cara membayar
kepada perusahaan agar harga barang tetap murah (Pribadi, 2017). Cara pemerintah untuk
membayar subsidi kepada perusahaan penyedia dapat dilakukan dengan mengalokasikan dana
subsidi di tahun yang terkait dan jika ada pertambahan subsidi maka dibayarkan sebagai utang
di tahun berikutnya. Hal ini disebut sebagai subsidi talangan (Indirasardjana, 2014) karena
perusahaan menanggung biaya yang disubsidi.
Di Indonesia, terdapat delapan jenis subsidi yang diberikan pemerintah yaitu subsidi
bahan bakar minyak, subsidi listrik, subsidi pangan, subsidi pupuk, subsidi benih, subsidi
kewajiban pelayanan umum, subsidi bunga kredit program, dan subsidi pajak ditanggung

4
pemerintah (Setiawan, 2013). Keseluruhan subsidi ini masuk ke rencana anggaran belanja dan
pendapatan (RAPBN) pemerintah tiap tahun.

1.9. Distribusi
Salah satu pengertian distribusi adalah “penyaluran (pembagian, pengiriman) kepada
beberapa orang atau beberapa tempat” (Badan Pengembangan dan Pembinaan Bahasa,
Kemdikbud RI, n.d.). Pengertian lain dari distribusi adalah usaha yang dilakukan agar barang
berpindah ke sekitar konsumen dari pusat produksi (Garside & Rahmasari, 2017). Distibusi
adalah salah satu bagian logistik. Logistik sendiri adalah “pengadaan, perawatan, distribusi, dan
penyediaan (untuk mengganti) perlengkapan, perbekalan, dan ketenagaan” (Badan
Pengembangan dan Pembinaan Bahasa, Kemdikbud RI, n.d.).
Ada dua acara untuk melakukan distribusi yaitu dengan cara single distribution dan
multidistribution. Single distribution adalah cara untuk menyalurkan barang dengan jalur yang
mudah dikontrol sementara multidistribuion adalah cara untuk mendistribusikan barang dengan
banyak pihak yang terkait selain jalur distribusi yang dikontrol oleh satu perusahaan tertentu,
pihal yang lain misalnya adalah pengecer dan distributor yang ikut terlibat (Suryanto, 2016).

1.10. Pupuk Bersubsidi

Pupuk bersubsidi adalah pupuk yang disalurkan oleh pemerintah Indonesia kepada
petani dengan harga ekonomis karena pemerintah telah menanggung sebagian biaya produksi
dan distribusi. Melalui pemberian pupuk bersubsidi, diharapkan dapat dicapai ketahanan
pangan Indonesia (Pribadi, 2017).
Pemerintah melalui Peraturan Presiden Republik Indonesia Nomor 15 Tahun 2011 ayat
kedua menetapkan pupuk bersubsidi termasuk ke barang yang berada dalam pengawasan
pemerintah. Empat pupuk bersubsidi tersebut yaitu Urea, SP 36, ZA, dan NPK. Di ayat ketiga,
ditetapkan yang diawasi oleh pemerintah mulai dari pengadaaan, pendistribusian, kualitas,
harga eceran tertinggi, alokasi per tahun, dan daerah penyaluran. Pupuk organik mulai
didistribusikan sebagai pupuk bersubsidi pada tahun 2008.
Pupuk bersubsidi di Indonesia telah diupayakan sejak tahun 1960-an. Awal sekali, yang
berperan dalam pengaturan pupuk bersubsidi di Indonesia adalah Dr. Widojo Nitisastro dan Dr.
Saleh Afiff. Tujuan utamanya adalah untuk mencapai ketahanan pagan nasional, khususnya
makanan pokok seperti beras. Mereka mengusahakan agar tiap wilayah di Indonesia
mendapatkan pupuk bersubsidi dan harga yang tepat. Tiap pulau mendapatkan harga yang

5
seragam sebagai bentuk upaya pembangunan nasional. Dr. Saleh Afif pada merumuskan
“rumus tani” yang digunakan sebuah cara untuk menghitung keterkaitan antara harga pupuk
urea dengan harga beras (Naylor, 2014).
Pemerintah menerapkan banyak skema untuk mendukung pupuk bersubsidi. Tahun
1969-1998, pemerintah melakukan subsidi harga. Tahun 1998-2000, subsidi pupuk dihentikan
karena sedang terjadi krisis ekonomi. Tahun 2000-2002, subsidi pupuk dilakukan dengan
mensubsidi gas yang dijual ke produsen pupuk. Tahun 2003-2005, pemerintah melakukan
subsidi harga gas kepada produsen pupuk urea sedangkan untuk pupuk non-urea, dilakukan
subsidi harga. Sejak tahun 2006 sampai sekarang pemerintah menetapkan subsidi harga untuk
semua pupuk. Yang dimaksudkan dengan subsidi harga adalah pemerintah membayar ke
produsen pupuk selisih harga eceran tertinggi pupuk dengan jumlah biaya produksi dan biaya
distribusi (Pribadi, 2017).

1.11. Pihak-pihak yang Terlibat dalam Pendistribusian Pupuk Bersubsidi

Terdapat beberapa pihak yang terlibat dalam pendistribusian pupuk bersubsidi. Di
antaranya adalah kelompok tani, petani, produsen, distributor, dan pengecer.
Menurut Peraturan Menteri Perdagangan RI Nomor: 15/M-DAG/PER/4/2013:
1. “Petani adalah perorangan Warga Negara Indonesia yang mengusahakan lahan untuk
budidaya tanaman pangan atau holtikultura termasuk pekebun yang mengusahakan lahan
untuk budidaya tanaman perkebunan rakyat dengan skala usaha yang tidak mencapai skala
tertentu, peternak yang mengusahakan lahan untuk budidaya tanaman hijauan pakan ternak
yang tidak dipersyaratkan memiliki izin usaha dan pembudidaya ikan dan/atau udang yang
mengusahakan lahan untuk budidaya ikan dan/atau udang yang tidak dipersyaratkan
memiliki izin usaha.”
2. “Kelompok tani adalah kumpulan petani, pekebun, peternak atau pembudidaya ikan
dan/atau udang yang dibentuk atas dasar kesamaan lingkungan, social ekonomi,
sumberdyaa dan keakraban untuk meningkatkan dan mengembangkan usaha anggota”.
3. “Produsen adalah Produsen Pupuk dalam hal ini PT. Pupuk Sriwidjaja Palembang, PT.
Petrokimia Gresik, PT. Pupuk Kalimantan Timur, PT. Pupuk Kujang, dan PT. Pupuk
Iskandar Muda yang memproduksi pupuk anorganik dan pupuk organik.”
4. “Distributor adalah perusahaan perseorangan atau badang usaha baik yang berbentuk badan
hukum atau bukan badan hukum yang berkedudukan di Kecamatan dan/atau Desa, yang
ditunjuk oleh Distributor berdasarkan Surat Perjanjian Jual Beli (SPJB) dengan kegiatan

6
 pokok melakukan penjualan Pupuk Bersubsidi secara langsung hanya kepada Kelompok
tani dan/atau Petani di wilayah tanggung jawabnya.”
5. “Pengecer adalah perusahaan perseorangan atau badan usaha yang baik berbentuk badan
hukum atau bukan badan hukum yang berkedudukan di Kecamatan dan/atau Desa, yang
ditunjuk oleh Distributor berdasarkan Surat Perjanjian Jual Beli (SPJB) dengan kegiatan
pokok melakukan penjualan Pupuk Bersubsidi secara langsung hanya kepada kelompok tani
dan/atau Petani di wilayah tanggung jawabnya.”

1.12. Mekanisme Penyediaan dan Penyaluran Pupuk Bersubsidi

Seluruh produksi pupuk bersubsidi diproduksi dan didistribusikan oleh PT Pupuk
Indonesia (Persero). Produsen-produsen pupuk bersubsidi anak perusahaan PT Pupuk
Indonesia (Persero) adalah PT Petrokimia Gresik, PT Pupuk Kujang, PT Pupuk Kalimantan
Timur, PT Pupuk Iskandar Muda, dan PT Pupuk Sriwidjaja Palembang. Tiap anak perusahaan
memproduksi pupuk-pupuk bersubsidi tertentu. Selain memproduksi pupuk bersubsidi, tiap
anak perusahaan diberikan tanggung jawab untuk mendistribusikan pupuk bersubsidi di
beberapa provinsi di Indonesia.
Proses pendistribusian pupuk bersubsidi dibagi menjadi 4 lini seperti ditunjukkan oleh
Gambar 2.1. Lini I adalah gudang yang berada di pabrik atau bandar laut yang mengimpor
pupuk. Lini II adalah gudang yang berada di tingkat provinsi. Di lini II ini pupuk dikemas ke
dalam karung. Lini III adalah adalah gudang di tingkat kabupaten. Sedangkan lini IV adalah
tingkat pengecer (Sudaryanto, 2014).
Petani yang tergabung di dalam kelompok tani mendapatkan pupuk di lini IV atau
tingkat pengecer. Untuk mendapatkan pupuk bersubsidi, petani yang tergabung dalam
kelompok tani tiap tahun menyusun rencana definitif kebutuhan kelompok (RDKK).
Berdasarkan RDKK tiap daerah, pemerintah melalui peraturan menteri pertanian akan
mengeluarkan mengeluarkan alokasi pupuk bersubsidi tiap provinsi. Dari alokasi yang
ditetapkan oleh peraturan menteri pertanian, kepala dinas pertanian tiap mengeluarkan
keputusan alokasi tiap pupuk bersubsidi kabupaten/kota. Di tingkat kabupaten/kota, kepala
dinas pertanian kabupaten/kota juga mengeluarkan keputusan alokasi pupuk bersubsidi untuk
tingkat kecamatan (Direktorat Jenderal Prasarana dan Sarana Pertanian, 2017).
Inovasi terbaru yang dilakukan untuk pendistribusian pupuk bersubsidi adalah adanya
e-RDKK dan kartu tani yang digagas oleh Kementerian Pertanian. Kementerian Pertanian
bekerja sama dengan bank untuk melakukan pembayaran pupuk bersubsidi. Bank

7
mengeluarkan kartu tani yang digunakan untuk sebagai sarana pembayaran. Kartu tani dan e-
RDKK diujicobakan di beberapa provinsi di Indonesia pada tahun 2017 dan 2018.

Gambar 0.1 Alur distribusi pupuk bersubsidi (sumber: www.pupuksubsidilambar.info)

1.13. Daftar Harga dan Alokasi Pupuk Bersubsidi

Melalui Peraturan Menteri Pertanian Republik Indonesia Nomor:
47/Permentan/SR.310/12/2017, menetapkan hargaeceran tertinggi pupuk bersubsidi untuk
sebagai berikut:
Tabel 0.1 Harga eceran tertinggi pupuk bersubsidi

No. Nama Pupuk Harga per kg (Rp)

1 Urea 1.800
2 SP-16 2.000
3 ZA 1.400
4 NPK 2.300
5 Organik 500

Pada tahun 2018, pemerintah mengalokasikan Urea sebesar 4.100.000 ton, SP-16
850.000 ton, ZA 1.050.000, NPK 2.550.000, dan Organik 1.000.0000.

8
 BAB 3
METODOLOGI PENGEMBANGAN SISTEM

1.1. Analisis Situs Web Sejenis

Gambar 0.1 Gambar Situs Web Aplikasi Siaga PT Pupuk Indonesia (Sumber: Youtube PT Pupuk Indonesia Official)

PT Pupuk Indonesia mengembangkan sebuah situs web dan aplikasi smartphone yang
digunakan oleh pengecer untuk memesan pupuk dari distributor. Aplikasi ini tidak dapat
diakses oleh petani sehingga petani tidak dapat memantau pendistribusian pupuk bersubsidi,
mendapatkan informasi harga dan alokasi pupuknya danetani tidak dapat untuk memesan secara
langsung ke pengecer.

9
1.2. Analisis Kebutuhan Fungsional
Analisis kebutuhan sistem menggunakan use case diagram sebagai berikut ini:

Gambar 0.2 Use Case Diagram

Berikut ini adalah narasi dari use case diagram di atas:

1. Login
Tabel 0.1 Narasi use case login
Nama Use case Login
Aktor Petani, Pengecer, Petugas, Admin
Deskripsi Use case ini menjelaskan langkah-langkah untuk masuk
ke sistem
Prakondisi Aktor sudah terdaftar di dalam sistem.
Aksi Aktor Respon sistem

10
Deskripsi kegiatan 1. Mengklik tombol login
2. Menampilkan halaman
form login
3.Memasukkan id dan
password yang diminta oleh
sistem
4. Mengklik tombol login
5. Memvalidasi id dan
password pengguna
6. Menampilkan halaman
utama website
Postkondisi Data telah dimasukan ke dalam sistem

2. Memesan Pupuk
Tabel 0.2 Narasi use case pesan pupuk
Nama Use case Memesan Pupuk
Aktor Petani
Deskripsi Use case ini menjelaskan langkah-langkah untuk
melakukan pemesanan pupuk subsidi
Prakondisi Petani telah memilih pupuk yang akan dipesan
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Klik tombol pesan
sekarang
2.Sistem menampilkan
form informasi pemesan
pupuk

3. Mengisi form informasi

pemesan pupuk
4. Klik tombol pesan

5. Sistem menyimpan
data pesanan

11
 Postkondisi Sistem menyimpan data pesanan pupuk ke dalam status
pemesanan

3. Mengomentari
Tabel 0.3 Narasi use case lihat pupuk
Nama Use Mengomentari
case
Aktor Petani
Deskripsi Use case ini menjelaskan langkah-langkah petani
memberikan komentar pada ulasan produk.
Prakondisi Petani telah memilih produk yang akan diberi
komentar.
Aksi Aktor Respon Sistem
Deskripsi 1. Klik pada textbox
kegiatan komentar.

2. Mengisi komentar di
textbox.

3. Klik tombol “Kirim”.

4. Sistem menyimpan
komentar.
Postkondisi Sistem akan menyimpan komentar.

4. Melihat Berita
Tabel 0.4 Narasi use case lihat berita
Nama Use Melihat Berita
case
Aktor Petani dan Pengecer
Deskripsi Use case ini menjelaskan langkah-langkah untuk melihat
berita

12
 Prakondisi Petani dan Pengecer sudah mengakses ke sistem
Aksi Aktor Respon sistem
Deskripsi 1. Klik menu berita 1.Sistem akan
kegiatan 2. Memilih berita menampilka list berita
5. Sistem akan
menampilkan artikel
berita
Postkondisi Sistem menampilkan berita yang dipilih
5. Melihat Laporan
Tabel 0.5 Narasi use case lihat laporan
Nama Use Melihat Laporan
case
Aktor Petani dan Pengecer
Deskripsi Use case menjelaskan langkah-langkah untuk melihat
laporan distribusi pupuk bersubsidi
Prakondisi Petani dan Pengecer telah masuk ke dalam sistem
Aksi Aktor Respon sistem
Deskripsi 1. Mengklik menu laporan
kegiatan 2. Menampilkan halaman
laporan
3. Menentukan laporan yang
ingin ditampilkan
4. Mengklik tombol filter
5. Menampilkan laporan
yang dipilih
Postkondisi Sistem menampilkan laporan yang dipilih

6. Mengedit Profil
Tabel 0.6 Narasi use case edit profil

13
 Nama Use case Mengedit Profil
Aktor Petani dan Pengecer
Deskripsi Use case ini menjelaskan langkah-langkah mengubah
data-data petani atau pengecer
Prakondisi Petani dan Pengecer sudah masuk ke dalam sistem
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Mengklik icon profil
2. Menampilkan form
edit profil
3. Mengubah informasi
profil
4. Mengklik tombol simpan
5. Sistem menyimpan
informasi yang telah
diubah
Postkondisi Sistem menampilkan informasi yang telah diubah

7. Menambahkan Transaksi Offline

Tabel 0.7 Narasi use case menambahkan transaksi offline
Nama Use case Menambahkan Transaksi Offline
Aktor Pengecer
Deskripsi Use case ini menjelaskan langkah-langkah untuk
menambahkan transaksi yang dilakukan secara offline
Prakondisi Sudah terjadi transaksi di luar sistem
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Mengklik menu
“Transaksi Offline” di
sidebar 2. Sistem menampilkan
form untuk
menambahkan pesanan
baru

14
 3. Mengisi informasi
pesanan pupuk yang baru
dibeli oleh petani
4. Mengklik tombol tambah
5. Sistem menyimpan
data pesanan baru
Postkondisi Sistem menyimpan data pesanan yang dimasukan
pengecer

8. Menerima Pesanan
Tabel 0.8 Narasi use case terima pesanan
Nama Use case Menerima Pesanan
Aktor Pengecer
Deskripsi Use case ini menjelaskan langkah-langkah menerima
pesanan yang baru masuk dari petani
Prakondisi Sudah ada pesanan yang baru masuk dari petani
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Mengklik tombol
“Pesanan Baru” pada
sidebar
2. Menampilkan daftar
pesanan yang baru masuk

3. Mengklik tombol
“Terima”
4. Sistem memindahkan
pesanan baru ke status
pemesanan dengan status
“Sedang Diproses”

5. Mengklik tombol “Tolak” 6. Sistem menampilkan

kotak dialog yang berisi
text area

15
 7. Menambahkan alasan
pesanan ditolak
8. Mengklik tombol “Kirim” 9. Sistem menghilangkan
pesanan dari daftar
pesanan baru
Postkondisi Sistem menghilangkan pesanan dari daftar pesanan baru

9. Mengatur Stok
Tabel 0.9 Narasi use case atur stok
Nama Use case Mengatur Stok
Aktor Pengecer
Deskripsi Use case ini menjelaskan langkah-langkah mengatur
stok pupuk
Prakondisi Pengecer telah masuk ke dalam halaman Kelola Toko
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Mengklik Menu “Pupuk”
2. Menampilkan daftar
pupuk yang dijual dan
stok pupuk
3. Menginput jumlah stok
pupuk yang tersedia
4. Sistem tidak
mengubah jumlah stok
lama jika jumlah yang
baru lebih kecil dari stok
pupuk sebelumnya

5. Menginput jumlah stok

pupuk yang tidak layak jual 6. Sistem mengurangi
stok pupuk yang tersedia
sesuai dengan besarnya
stok yang tidak layak jual

16
 Postkondisi Data stok pupuk yang baru disimpan ke dalam sistem

10. Melihat Informasi Penjualan

Tabel 0.10 Narasi use case melihat informasi penjualan
Nama Use case Melihat Informasi Penjualan
Aktor Pengecer
Deskripsi Use case ini menjelaskan langkah-langkah melihat
informasi penjualan
Prakondisi Pengecer telah masuk ke dalam halaman Penjualan
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Mengklik Menu “Data
Penjualan”
2. Menampilkan
Informasi penjualan
pupuk oleh pengecer
Postkondisi Menampilkan Informasi Penjualan Pupuk

11. Melihat Data Pembeli

Tabel 0.11 Narasi use case melihat data pembeli
Nama Use case Melihat Data Pembeli
Aktor Pengecer
Deskripsi Use case ini menjelaskan langkah-langkah melihat data
pembeli
Prakondisi Pengecer telah masuk ke dalam halaman Penjualan
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Mengklik Menu “Data
Pembeli”
2. Menampilkan data
petani yang terdaftar di
pengecer

3. Mengklik salah satu baris

informasi petani
17
 4. Menampilkan riwayat
transaksi pembelian
pupuk bersubsidi
Postkondisi Menampilkan riwayat pembelian pupuk bersubsidi

12. Mengelola Data Petani

Tabel 0.12 Narasi use case mengelola data petani
Nama Use case Mengelola Data Petani
Aktor Petugas
Deskripsi Use case ini menjelaskan langkah-langkah petugas
menambahkan data petani
Prakondisi Petugas telah masuk ke dalam sistem
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Mengklik Menu “Petani”

2. Menampilkan form
data-data petani
3. Mengisi form dengan
data-data petani
4. Mengklik tombol
“Simpan”
5. Data petani telah
disimpan ke dalam sistem
Postkondisi Sitem menyimpan data petani yang telah ditambahkan

13. Mengelola Data Pengecer

Tabel 0.13 Narasi use case mengelola data pengecer
Nama Use case Mengelola Data Pengecer
Aktor Petugas
Deskripsi Use case ini menjelaskan langkah-langkah petugas
menambahkan data pengecer
Prakondisi Petugas telah masuk ke halaman pengecer
Aksi Aktor Respon sistem
18
 Deskripsi kegiatan 1. Mengklik Menu “Tambah
Pengecer”
2. Menampilkan form
data-data pengecer

3. Mengisi form dengan

data-data pengecer
4. Mengklik tombol
“Simpan”
5. Data pengecer telah
disimpan ke dalam sistem
Postkondisi Sitem menyimpan data pengecer yang telah
ditambahkan

14. Mengelola Laporan

Tabel 0.14 Narasi use case mengelola laporan
Nama Use case Mengelola Laporan
Aktor Petugas
Deskripsi Use case ini menjelaskan langkah-langkah petugas
mengelola laporan
Prakondisi Petugas telah masuk ke dalam sistem
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Mengklik Menu
“Laporan”
2. Menampilkan form
yang tersedia
3. Mengisi form dengan
data-data yang diinginkan
4. Mengklik tombol “Filter”
5. Menampilkan laporan
distribusi sesuai data
yang dimasukan ke
textbox pada form

19
 6. Mengklik icon print untuk
7. Mencetak laporan
yang distribusi pupuk
Postkondisi Sistem menampilkan laporan distribusi pupuk

15. Mengelola Transaksi Penjualan

Tabel 0.15 Narasi use case mengelola transaksi penjualan
Nama Use case Mengelola Transaksi Penjualan
Aktor Petugas
Deskripsi Use case ini menjelaskan langkah-langkah petugas untuk
melihat daftar transaksi dan informasi petani-pengecer
Prakondisi Petugas telah masuk ke halaman Toko
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Mengklik Menu “Kelola
Toko”
2. Menampilkan form
yang digunakan untuk
mencari toko di wilayah
tertentu
3. Memilih daerah yang
dicari
4. Mengklik tombol “Filter”
5. Menampilkan daftar
toko yang sesuai
pencarian
6. Mengklik gambar toko
7. Menampilkan
informasi toko dan
petani-petani yang
terdaftar di toko tersebut
8. Mengklik salahsatu bari
informasi petani

20
 9. Menampilkan
informasi toko, petani,
dan riwayat transaksi
Postkondisi Sistem menampilkan informasi toko, petani, dan riwayat
transaksi

16. Mengelola Berita

Tabel 0.16 Narasi use case mengelola berita
Nama Use case Mengelola Berita
Aktor Petugas dan Admin
Deskripsi Use case ini menjelaskan langkah-langkah petugas dan
admin untuk mengelola berita
Prakondisi Petugas atau admin telah masuk ke halaman berita
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Mengklik icon pencil yang
berada di sudut textarea
2. Membuka text area
agar dapat di sunting
3. Mengisi textarea dengan
teks berita
4. Mengklik tombol
“Simpan”
5. Textarea kembali
seperti semula
6. Mengklik icon trash diatas
berita
7. Menampilkan kotak
dialog konfirmasi
peghapusan berita
8. Mengklik tombol “Hapus”
9. Menampilkan tampilan
halaman berita

21
 Postkondisi Data berita yang ditambah telah berhasil ditambahkan
atau data berita yang dihapus telah berhasil dihapus

17. Mengelola Data Petugas

Tabel 0.17 Narasi use case mengelola data petugas
Nama Use case Mengelola Data Petugas
Aktor Admin
Deskripsi Use case ini menjelaskan langkah-langkah admin
menambahkan data petugas
Prakondisi Admin telah masuk ke halaman petugas
Aksi Aktor Respon sistem
Deskripsi kegiatan 1. Mengklik Menu “Tambah
Petugas”
2. Menampilkan form
data-data petugas

3. Mengisi form dengan

data-data petugas
4. Mengklik tombol
“Simpan”
5. Data petugas telah
disimpan ke dalam sistem
Postkondisi Sitem menyimpan data petugas yang telah ditambahkan

1.3. Analisis Kebutuhan Non Fungsional

Analisis kebutuhan non fungsional situs web ini menggunakan analisis PIECES yaitu
performance, information, economic, control, efficiency, dan service.
1. Performance
Situs web yang dikembangkan diperlukan untuk melayani banyak petani dan pengecer
Kecepatan dan keandalan sistem sangat krusial.
2. Information
Petani, pengecer, dan pemerintah dapat mengakses informasi terkait pupuk bersubsidi
secara real time.

22
3. Economic
Dengan adanya sistem ini, peluang terjadinya penyelewengan dapat diperkecil sehingga
mengurangi peluang kerugian negara dan petani yang tidak mendapatkan pupuk atau
mendapatkan pupuk dengan harga yang tidak sesuai.
4. Control
Sistem hanya dapat diakses oleh petani, pengecer, dan petugas yang telah diotorisasi
oleh pemerintah. Kewenangan dan aktivitas pengguna dalam situs web ditentukan secara ketat.
5. Efficiency
Biaya pembuatan laporan realisasi dan alokasi pupuk bersubsidi dapat dibuat lebih cepat
karena dapat dihasilkan secara otomatis oleh sistem.
6. Service
Situs web ini memudahkan petani dalam memesan pupuk bersubsidi. Pengawasan
pupuk bersubsidi dapat dilakukan semua pihak dengan mudah.

1.4. Perancangan Tampilan

Berikut ini adalah perancangan tampilan yang dibuat dengan Balsamique Mockup.

1.4.1. Perancangan Halaman Beranda

Berikut ini adalah perancangan halaman utama (beranda) yang pertama kali dibuka oleh
pengguna sebelum login ke dalam situs web.

23
 Gambar 0.3 Perancangan halaman beranda
Keterangan:
1. Logo situs web.
2. Tombol untuk masuk ke dalam situs web.
3. Menu beranda.
4. Menu pupuk.
5. Menu toko.
6. Menu berita.
7. Menu laporan.
8. Gambar-gambar pupuk memiliki tautan ke detail pupuk.
9. Slide show berita.
10. Thumbnail berita yang memiliki tautan ke halaman berita terkait secara lengkap.

24
11. Tautan menuju halaman berisi informasi pengelola situs web.
12. Tautan menuju halaman berisi informasi cara menghubungi pengelola situs web.
13. Tautan menuju halaman yang berisi informasi cara melakukan pembelian.
14. Tautan menuju halaman yang berisi informasi cara melakukan pembayaran.

25
1.4.2. Perancangan Halaman Login
Di bawah ini adalah perancangan tampilan login yang harus diisi oleh pengguna berupa
nama pengguna dan password untuk dapat masuk ke dalam situs web.

Gambar 0.4 Perancangan halaman login

Keterangan:
1. Textbox untuk memasukkan nama pengguna.
2. Textbox untuk memasukkan password.
3. Tombol mengirimkan informasi nama pengguna dan password dan masuk ke dalam situs
web.

26
1.4.3. Perancangan Halaman Utama Setelah Petani Login
Berikut ini adalah perancangan halaman setelah petani masuk ke situs web. Di halaman
ini petani dihadapkan pada pilihan pemesanan pupuk:

Gambar 0.5 Perancangan halaman setelah petani masuk ke situs web

Keterangan:
1. Menu keranjang untuk melihat daftar belanja yang belum selesai dipesan.
2. Nama toko pengecer tempat petani terdaftar.
3. Alamat toko pengecer.
4. Logo/foto toko pengecer.
27
5. Daftar pupuk bersubsidi.
6. Tautan ke halaman keranjang untuk melihat daftar belanja yang belum selesai dipesan.
7. Tautan ke halaman status pemesanan pupuk bersubsidi.
8. Tautan menuju halaman riwayat transaksi pupuk yang telah dilakukan.

28
1.4.4. Perancangan Halaman Edit Profil
Pada perancangan tampilan ini, pengguna dapat mengubah data-data mereka.

Gambar 0.6 Perancangan Halaman Edit Profil Petani

Keterangan:
1. Textbox untuk memasukkan nama petani.
2. Textbox yang menampilkan nomor tani petani (tidak dapat diubah).
3. Textbox untuk mengganti password.
4. Textbox untuk mengonfirmasi penggantian password.
5. Kotak menampilkan foto profil petani.
29
6. Tombol untuk mengganti foto profil petani.

1.4.5. Perancangan Halaman Informasi Pupuk

Pada perancangan halaman ini, informasi yang ditampilkan adalah daftar pupuk
bersubsidi.

Gambar 0.7 Perancangan halaman informasi pupuk

Keterangan:
1. Gambar pupuk.
2. Deskripsi rinci pupuk.
30
1.4.6. Perancangan Halaman Pemesanan Pupuk (1)
Pada perancangan ini, setelah pupuk dipilih oleh petani, ditampilkan pupuk yang dapat
dipesan. Pada tampilan ini, ditampilkan tab “Informasi Produk“ sebuah pupuk.

Gambar 0.8 Perancangan halaman informasi detail sebuah pupuk dan pemesanan
sebuah pupuk

Keterangan:
1. Gambar pupuk.

31
2. Teks berisi nama pupuk.
3. Harga pupuk.
4. Banyak stok pupuk dalam karung.
5. Banyak stok pupuk dalam kilogram.
6. Jumlah pupuk yang dapat dipesan.
7. Kuota (alokasi) pupuk tersisa yang dimiliki oleh petani.
8. Total harga yang dipesan.
9. Tombol untuk langsung melakukan pemesanan satu jenis pupuk.
10. Tombol untuk menambahkan pupuk yang dipesan ke keranjang untuk dapat melakukan
aktivitas belanja lainnya.
11. Gambar dan informasi toko pengecer.
12. Tautan untuk membuka tab informasi produk.
13. Tautan untuk membuka tab ulasan produk.
14. Bagian teks dari tab informasi produk dan ulasan produk (tab yang ditampilkan di atas
adalah informasi produk).

32
1.4.7. Perancangan Halaman Pemesanan Pupuk Bersubsidi (2)
Pada perancangan halaman ini, masih sama dengan tampilan sebelumnya tetapi yang
aktif adalah tab “Ulasan Produk” yang digunakan petani untuk memberikan komentar.

Gambar 0.9 Perancangan tab ulasan produk pada halaman pemesanan sebuah pupuk.

Keterangan:
1. Textbox untuk mengisi ulasan produk.
2. Tombol untuk mengirim teks ulasan produk.
3. Gambar (petani) pembuat ulasan.

33
1.4.8. Perancangan Halaman Informasi Toko
Perancangan halaman di bawah ini adalah informasi toko yang dapat dilihat oleh
petani:

Gambar 0.10 Perancangan halaman pencarian toko pengecer yang dapat diakses oleh
petani

Keterangan:
1. Textbox untuk untuk menentukan provinsi.
2. Textbox untuk menentukan kabupaten/kota.
3. Textbox untuk menentukan kota/kecamatan.
4. Tombol untuk memproses informasi yang diminta.
5. Tombol untuk membersihkan semua textbox.

34
6. Hasil pencarian toko pengecer.

1.4.9. Perancangan Halaman Berita (1)

Perancangan halaman ini adalah untuk menampilkan daftar berita yang dapat dipilih
oleh pengguna situs web.

Gambar 0.11 Perancangan halaman berita

Keterangan:
1. Teks judul berita.
2. Teks tautan sumber berita.
3. Deskripsi singkat berita.
4. Gambar berita terbaru.

35
5. Daftar berita utama.
6. Daftar beberapa berita terdahulu.
1.4.10. Perancangan Halaman Berita (2)
Perancangan halaman ini adalah untuk menampilkan artikel berita dari daftar berita
yang ditampilan di perancangan halaman sebelumnya.

Gambar 0.12 Perancangan halaman berita.

Keterangan:
1. Gambar/ilustrasi berita.
2. Teks judul berita.
3. Tautan sumber berita.
4. Teks lengkap berita.

36
5. Daftar berita terkait.
1.4.11. Perancangan Halaman Keranjang Belanja
Perancangan halaman ini adalah untuk menampilan daftar pupuk yang dipesan oleh
petani.

Gambar 0.13 Perancangan halaman keranjang belanjaan (berisi daftar belanja) pupuk
bersubsidi.

Keterangan:
1. Centang untuk membatalkan salah satu pupuk bersubsidi yang dipesan.
2. Gambar pupuk bersubsidi.
3. Jumlah pupuk bersubsidi (dalam kg).
4. Harga yang dibayarkan sesuai jumlah pupuk bersubsidi.
5. Kotak informasi total harga seluruh transaksi.
6. Selesaikan belanjaan.

37
1.4.12. Perancangan Halaman Status Pemesanan Pupuk Bersubsidi
Perancangan halaman ini berfungsi menampilkan status pesanan yang sudah dilakukan
oleh petani. Halaman ini dilihat oleh petani.

Gambar 0.14 Perancangan halaman status pemesanan pupuk bersubsidi.

Keterangan:
1. Kotak berisi status pemesanan pupuk bersubsidi terakhir.

38
1.4.13. Perancangan Halaman Laporan Pendistribusian Pupuk Bersubsidi
Perancangan halaman ini berfungsi untuk menampilkan laporan pendistribusian pupuk
bersubsidi.

Gambar 0.15 Perancangan halaman laporan pendistribusian pupuk bersubsidi.

Keterangan:
1. Textboxt untuk menentukan provinsi.
2. Textboxt untuk menentukan kabupaten.
3. Textboxt untuk menentukan kecamatan.
4. Textboxt untuk menentukan bulan.
5. Tombol untuk memproses laporan sesuai dengan textbox di atas.
6. Tabel berisi laporan detail distribusi pupuk bersubsidi.

39
1.4.14. Perancangan Halaman Masuk Untuk Pengecer
Pada perancangan ini ditampilkan halaman utama untuk pengecer yang setelah masuk
ke situs web.

Gambar 0.16 Perancangan halaman setelah pengecer masuk ke situs web

Keterangan:
1. Logo situs web.
2. Tautan ke beranda situs.
3. Tautan ke halaman pupuk.
4. Tautan ke halaman toko pengecer.
40
5. Tautan ke halaman berita.
6. Tautan ke halaman kelola toko.
7. Tautan ke halaman laporan pupuk bersubsidi.
8. Nama pengguna yang masuk ke situs web.
9. Tautan ke halaman pesanan baru.
10. Tautan ke halaman status pemesanan.
11. Tautan ke halaman transaksi offline.
12. Tautan menuju halaman riwayat transaksi pupuk yang telah dilakukan.

41
1.4.15. Perancangan Halaman Terima Pesanan
Pada halaman ini, pengecer menerima informasi pesanan pupuk bersubsidi baru yang
sudah masuk dari petani.

Gambar 0.17 Halaman terima pesanan

Keterangan:
1. Kotak berisi informasi pesanan yang baru masuk.
2. Teks yang menampilkan total harga pesanan.
3. Bagian yang menampilkan informasi pesanan.
4. Tombol untuk menerima pesanan.
42
5. Tombol untuk menolak pesanan.

1.4.16. Perancangan Halaman Konfirmasi Penolakan Pesanan

Perancangan halaman ini untuk menampilkan kotak dialog yang mengonfirmasi
pesanan pupuk yang ditolak.

Gambar 0.18 Perancangan halaman dengan kotak dialog konfirmasi penolakan pesanan.

Keterangan:
1. Tombol untuk mengonfirmasi tindakan penolakan pesanan.
2. Tombol untuk membaalkan tindakan penolakan pesanan.
43
1.4.17. Perancangan Halaman Transaksi Offline
Perancangan halaman ini digunakan untuk mendaftarkan pemesanan secara offline.

Gambar 0.19 Perancangan halaman transaksi offline.

Keterangan:
1. Textbox untuk menentukan nama kelompok tani tempat petani terdaftar.
2. Textbox untuk menentukan nomor tani petani.
3. Textbox untuk menentukan nama petani.
4. Menentukan jenis dan banyak pupuk yang dibeli.
5. Menentukan tanggal transaksi.
6. Tombol untuk menambahkan informasi transaksi ke sistem.

44
1.4.18. Perancangan Halaman untuk Mengelola Stok Pupuk Bersubsidi
Perancangan halaman ini berguna untuk mengatur stok pupuk bersubsidi. Stok dapat
bertambah atau berkurang.

Gambar 0.20 Perancangan halaman untuk mengelola stok pupuk bersubsidi

Keterangan:
1. Tautan ke halaman untuk mengatur pupuk bersubsidi.
2. Tautan ke halaman untuk mengatur informasi toko.
3. Tautan ke halaman untuk mengatur lokasi toko.
4. Kotak numerik untuk menambah stok pupuk.

45
5. Kotak numerik untuk mengurangi stok pupuk.

1.4.19. Perancangan Halaman untuk Menampilkan Lokasi Toko

Perancangan halaman ini adalah bagi pengecer untuk mengelola informasi lokasi toko.

Gambar 0.21 Perancangan halaman untuk mengelola lokasi toko pengecer

Keterangan:
1. Textbox untuk menentukan provinsi toko pengecer.
2. Textbox untuk menentukan kabupaten toko pengecer.
3. Textbox untuk menentukan kecamatan toko pengecer.
46
4. Textbox untuk menentukan alamat toko pengecer.
5. Tempat untuk menentukan lokasi toko pengecer pada peta.
6. Tombol untuk menyimpan perubahan.

1.4.20. Perancangan Halaman Mengelola Informasi Serba-Serbi Toko

Halaman ini adalah bagi pengecer untuk mengelola informasi serba-serbi toko.

Gambar 0.22 Perancangan halaman untuk mengelola informasi umum toko

Keterangan:
1. Textbox untuk menentukan nama toko pengecer.
47
2. Textbox untuk menentukan slogan toko pengecer.
3. Textbox untuk menentukan informasi tambahan toko pengecer.
4. Foto toko pengecer.
5. Tombol untuk menampilkan kotak dialog untuk mengganti foto toko pengecer.
6. Tombol untuk menyimpan perubahan.

1.4.21. Perancangan Halaman Yang Menampilkan Hasil Penjualan Pengecer

Halaman ini menampilkan hasil penjualan pengecer.

Gambar 0.23 Perancangan halaman untuk menampilkan data penjualan toko pengecer.

48
Keterangan:
1. Tautan menuju halaman data penjualan.
2. Tautan menuju halaman data pembeli.
3. Kotak informasi pupuk, pendapatan, dan jumlah transaksi yang terjual.
4. Grafik dan pie chart penjualan.

1.4.22. Perancangan Halaman Hasil Penjualan Detail Pengecer

Perancangan halaman hasil penjualan detail pengecer menampilkan daftar petani
dan jumlah pupuk yang pernah dipesan.

Gambar 0.24 Perancangan halaman untuk menampilkan data penjualan toko pengecer.

49
Keterangan:
1. Tautan menuju halaman data penjualan.
2. Tautan menuju halaman data pembeli.

1.4.23. Perancangan Halaman Kelola Pupuk Petugas

Perancangan halaman ini menampilkan daftar pupuk yang ingin dikelola oleh petugas

Gambar 0.25 Perancangan halaman kelola pupuk oleh petugas

Keterangan:

50
1. Tampilan form untuk mengedit atau menghapus pupuk
2. Tombol untuk mengedit pupuk yang telah dipilih
3. Tombol untuk menghapus pupuk
4. Tombol untuk menambahkan pupuk

1.4.24. Perancangan Halaman Kelola Toko Petugas

Perancangan halaman untuk menampilkan toko yang akan dikelola oleh petugas

Gambar 0.26 Perancangan halaman kelola toko untuk petugas

Keterangan:
1. Textbox untuk mengisi provinsi asal toko pengecer

51
2. Textbox untuk mengisi kabupaten asal toko pengecer
3. Textbox untuk mengisi kecamatan asal toko pengecer
4. Tombol filter, untuk melakukan filtering berdasarkan hasil yang diinginkan
5. Tombol untuk mengedit toko
6. Tombol untuk melihat rincian dari toko pengecer
7. Tombol untuk menghapus toko pengecer

1.4.25. Perancangan Tampilan Kelola Petani Oleh Petugas

Perancangan halaman untuk menampilkan petani yang akan dikelola oleh petugas

52
 Gambar 0.27 Perancangan halaman untuk menampilkan kelola petani oleh petugas

Keterangan:
1. Textbox untuk mengisi provinsi asal petani
2. Textbox untuk mengisi kabupaten asal petani
3. Textbox untuk mengisi kecamatan asal petani
4. Textbox untuk mengisi berasal dari kelompok tani yang sesuai
5. Tombol filter, untuk melakukan filtering berdasarkan hasil yang diinginkan
6. Tombol untuk mengedit petani
7. Tombol untuk melihat rincian dari petani
8. Tombol untuk menghapus petani

53
1.4.26. Perancangan Halaman Kelola Berita Admin dan Petugas
Perancangan halaman untuk menampilkan berita yang akan dikelola

Gambar 0.28 Perancangan halaman untuk menampilkan kelola berita oleh admin dan petugas

Keterangan:
1. Tombol untuk mengedit berita
2. Tombol untuk menghapus berita
3. Tombol untuk menambah berita

54
1.4.27. Perancangan Halaman Menampilkan Laporan Petugas
Perancangan halaman menampilkan informasi laporan distribusi pupuk bersubsidi
untuk petugas

Gambar 0.29 Perancangan halaman untuk menampilkan laporan untuk petugas

Keterangan:
1. Textbox untuk mengisi provinsi laporan
2. Textbox untuk mengisi kabupaten laporan
3. Textbox untuk mengisi kecamatan laporan
4. Textbox untuk mengisi toko

55
5. Textbox untuk mengisi nama kelompok tani
6. Textbox untuk mengisi bulan
7. Tombol filter, untuk melakukan filtering
8. Tabel laporan pupuk subsidi

1.4.28. Kelola Petugas oleh Admin

Perancangan halaman untuk menampilkan petugas yang akan dikelola oleh admin

Gambar 0.30 Perancangan halaman untuk menampilkan kelola petugas oleh admin

Keterangan:
1. Textbox untuk mengisi provinsi asal petugas

56
2. Textbox untuk mengisi kabupaten asal petugas
3. Textbox untuk mengisi kecamatan asal petugas
4. Tombol filter, untuk melakukan filtering alamat asal petugas
5. Tombol edit, untuk mengedit data atau informasi petugas
6. Tombol hapus, untuk menghapus petugas

1.5. Perancangan Basis Data

Agar situs web yang dikembangkan dapat bekerja dengan maksimal diperlukan desain
basis data yang baik. Di bawah ini akan digambarkan entitas dan atribut yang digunakan dalam
situs web ini.
Gambar 3.28 adalah diagram perancangan basis data dengan Entity Relationship
Diagram (ERD).

Gambar 0.31 Diagram Entitas Diagram Situs Web

Secara rinci, berikut ini adalah perancangan basis data situs web.
Tabel 0.18 Tabel basis data: “petani”
No. Field Tipe Data Keterangan
1 id_petani Text Primary key
2 id_pengecer Text Foreign key
3 id_kelompok_tani Text Foreign key

57
4 nama Text
5 no_tani Text
6 no_telp Text
7 email Text
8 jalan Text
9 daerah Text Foreign key
10 nama_pengguna Text
11 password Text
12 url_gambar Text

Gambar 0.32 Entitas petani

Tabel 0.19 Tabel basis data: "pengecer"

No. Field Tipe Data Keterangan
1 id_pengecer Text Primary key
2 no_telp Text
3 email Text
4 alamat Text
5 desa-kelurahan Text Foreign key
6 nama_pengguna Text
7 password Text
8 url_gambar Text
9 nama_pengguna Text
10 password Text

58
 Gambar 0.33 Entitas pengecer

Tabel 0.20 Tabel basis data: "komentar"

No. Field Tipe Data Keterangan
1 id_komentar Text Primary Key
2 id_pengecer Text Foreign Key
3 id_pupuk Text Foreign Key
4 id_petani Text Foreign Key
5 isi_komentar Text
6 tanggal_waktu DateTime

Gambar 0.34 Entitas komentar

Tabel 0.21 Tabel basis data: "kelompok_tani"

No. Field Tipe Data Keterangan
1 id_kelompok_tani Text Primary key
2 nama_kelompok_tani Text
3 no_kelompok_tani Text
4 alamat_kelompok_tani Text

59
5 id_ketua_kelompok Text Foreign key

Gambar 0.35 Entitas kelompok tani

Tabel 0.22 Tabel basis data: "petugas"

No. Field Tipe Data Keterangan
1 id_petugas Text Primary key
2 nama Text
3 no_telp Text
4 email Text
5 alamat Text
6 desa-kelurahan Text Foreign key
7 nama_pengguna Text
8 password Text
9 url_gambar Text

Gambar 0.36 Entitas petugas

60
 Tabel 0.23 Tabel basis data: "admin"
No. Field Tipe Data Keterangan
1 id_admin Text Primary key
2 password Text
3 nama Text
4 email Text
5 nama_pengguna Text
6 url_gambar Text

Gambar 0.37 Entitas Admin

Tabel 0.24 Tabel basis data: "berita"

No. Field Tipe Data Keterangan
1 id_berita Text Primary key
4 id_penulis Text Foreign key
5 id_pembaharu Text Foreign key
6 id_berita Text Foreign key
7 url_gambar Text
8 url_sumber Text
9 tanggal_waktu DateTime
10 tgl_waktu_perubahan DateTime

61
 Gambar 0.38 Entitas berita

Tabel 0.25 Tabel basis data: "pupuk"

No. Field Tipe Data Keterangan
1 id_pupuk Text Primary key
2 nama_pupuk Text
3 deskripsi Text
4 harga Int
5 url_gambar Text

Gambar 0.39 Entitas pupuk

Tabel 0.26 Tabel basis data: "kuota_pupuk_petani"

No. Field Tipe Data Keterangan
1 id_petani Text Primary key
2 id_pupuk Text Foreign key
4 kuota_pupuk Int

62
 Gambar 0.40 Entitas kuota pupuk petani

Tabel 0.27 Tabel basis data: "perubahan_stok_pupuk"

No. Field Tipe Data Keterangan
1 id_perub_stok_pupuk Text Primary key
2 id_stok_pupuk Text Foreign key
3 id_pengecer Text Foreign key
4 id_pupuk Text Foreign key
5 banyak Int
6 tanggal_waktu DateTime

Gambar 0.41 Entitas perubahan stok pupuk

Tabel 0.28 Tabel basis data: "stok pupuk pengecer"

No. Field Tipe Data Keterangan
1 id_pengecer Text Primary key
2 id_pupuk Text Foreign key
3 id_stok_pupuk Text Foreign key

63
 4 stok_pupuk Int

Gambar 0.42 Entitas stok pupuk pengecer

Tabel 0.29 Tabel basis data: "rinci transaksi"

No. Field Tipe Data Keterangan
1 id_transaksi Text Foreign key
2 jumlah_harga Int
3 jumlah_kg Int
4 id_pupuk Text Foreign key
5 id_rinci_trans Text Primary key

Gambar 0.43 Entitas rinci tansaksi

Tabel 0.30 Tabel basis data: "tranksaksi pupuk"

No. Field Tipe Data Keterangan
1 id_transaksi Text Primary key
2 id_petani Text Foreign key
3 tanggal_waktu DateTime
4 id_pengecer Text Foreign key

64
5 jumlah_bayar Int

Gambar 0.44 Entitas transaksi pupuk

Tabel 0.31 Tabel basis data: "desa-kelurahan"

No. Field Tipe Data Keterangan
1 id_desa_kelurahan Text Primary key
2 nama_desa-kelurahan Text
3 id_kecamatan Text Foreign key

Gambar 0.45 Entitas desa-kelurahan

Tabel 0.32 Tabel basis data: "kecamatan"

No. Field Tipe Data Keterangan
1 id_kecamatan Text Primary key
2 nama_kecamatan Text
3 id_kabupaten Text Foreign key

65
 Gambar 0.46 Entitas kecamatan

Tabel 0.33 Tabel basis data: "kabupaten"

No. Field Tipe Data Keterangan
1 id_kabupaten Text Primary key
2 nama_kabupaten Text
3 id_provinsi Text Foreign key

Gambar 0.47 Entitas kabupaten

Tabel 0.34 Tabel basis data: "provinsi"

No. Field Tipe Data Keterangan
1 id_provinsi Text Primary key
2 nama_provinsi Text

Gambar 0.48 Entitas provinsi

66
 DAFTAR PUSTAKA

Abdullah, M. et al., 2011. Laporan Penelitian: Peta Masalah Pupuk Bersubsidi di Indonesia.
Jakarta: Pattiro.

Badan Pengembangan dan Pembinaan Bahasa, Kemdikbud RI, n.d. Kamus Besar Bahasa
Indonesia (KBBI), Kamus Versi Online/Daring (dalam Jaringan). [Online]
Available at: https://kbbi.web.id/
[Accessed 28 12 2018].

Direktorat Jenderal Prasarana dan Sarana Pertanian, 2017. Petunjuk Pelaksanaan Penyediaan
dan Penyaluran Pupuk Bersubsidi TA 2018. Jakarta: Kementerian Pertanian.

Garside, A. K. & Rahmasari, D., 2017. Manajemen Logistik. Malang: UMM Press.

Indirasardjana, P., 2014. Indonesia dalam Bencana Krisis Minyak Nasional. Jakarta: Gramedia
Pustaka Utama.

Jati, G. P., 2016. Jumlah Petani Menyusut, Data Produksi Pertanian Dipertanyakan. [Online]
Available at: https://www.cnnindonesia.com/ekonomi/20160209120620-92-109708/jumlah-
petani-menyusut-data-produksi-pertanian-dipertanyakan
[Accessed 11 Januari 2019].

Jawa Pos, 2018. Selewengkan Pupuk Subsidi, Tiga Warga Sungai Raya Dibekuk. [Online]
Available at: https://www.jawapos.com/jpg-today/01/09/2018/selewengkan-pupuk-subsidi-
tiga-warga-sungai-raya-dibekuk
[Accessed 11 Januari 2019].

Kementerian Perindustrian RI, 2003. Menperindag keluarkan Aturan Baru Tentang Pengadaan
Dan Penyaluran Pupuk Bersubsidi Untuk Sektor Pertanian. [Online]
Available at: http://www.kemenperin.go.id/artikel/591/Memperindag-mengeluarkan-
peraturan-baru-tentang-pengadaan-dan-penyaluran-pupuk-bersubsidi
[Accessed 11 Januari 2019].

Naylor, R. L., 2014. The Evolving Sphere of Food Security. New York: Oxford University
Press.

Patanga, A. & Yuliarti, N., 2016. Pembuatan, Aplikasi, & Bisnis: Pupuk Organik dari Limbah.
Jakarta: Gramedia Pustaka Utama.

67
Pribadi, R., 2017. Memupuk Keusuburan Menebar Kemakmuran. Jakarta: Gramedia Pustaka
Utama.

Pusat Data dan Sistem Informasi Pertanian, Kementerian Pertanian Republik Indonesia, 2017.
Statistik Pertanian 2017. Jakarta: Pusat Data dan Sistem Informasi Pertanian, Kementerian
Pertanian Republik Indonesia.

R., W. H. & Jihadi, M., 2016. Matematika Ekonomi. Cetakan Pertama (Revisi) ed. Malang:
UMM Press.

Setiawan, D., 2013. Ini 8 Jenis Subsidi yang Tertuan di APBN 2014. [Online]
Available at: https://nasional.kontan.co.id/news/ini-8-jenis-subsidi-yang-tertuang-di-apbn-
2014

[Accessed 28 12 2018].
Soil Science Society of America, n.d. Glossary of Soil Science Terms. [Online]
Available at: https://www.soils.org/publications/soils-glossary
[Accessed 28 12 2018].

Sudaryanto, T., 2014. Food and Fertilizer Technology Center for the Asian and Pacific
Region. [Online]
Available at: http://ap.fftc.agnet.org/ap_db.php?id=365
[Accessed 4 January 2019].
Suryanto, M. H., 2016. Sistem Operasional Manajemen Distribusi. Jakarta: Grasindo.

68