PERANCANGAN APLIKASI E-INFORMATION PELAYANAN

TENTANG DATA KETAHANAN PANGAN DAN

PETERNAKAN DENGAN METODE WATERFALL
(Studi Kasus Pada Dinas Ketahanan Pangan dan
Peternakan Provsu)

Disusun dan Diajukan untuk Memenuhi Persyaratan Ujian Akhir Memperoleh

Gelar Sarjana Komputer pada Fakultas Sains dan Teknologi
Universitas Pembangunan Panca Budi

SKRIPSI

OLEH

NAMA : AULIA RAHMAN HARAHAP

NPM : 1614370015
PROGRAM STUDI : SISTEM KOMPUTER

FAKULTAS SAINS & TEKNOLOGI

UNIVERSITAS PEMBANGUNAN PANCA BUDI
MEDAN
2023
 ABSTRAK

AULIA RAHMAN HARAHAP

PERANCANGAN APLIKASI E-INFORMATION PELAYANAN
TENTANG DATA KETAHANAN PANGAN DAN PETERNAKAN
DENGAN METODE WATERFALL
2023
Dinas Ketahanan Pangan dan Peternakan Prov.Sumatera Utara merupakan
sebuah instansi pemerintahan yang berada di kota medan. Dinas Ketahanan Pangan
dan Peternakan Prov.Sumatera Utara dalam mengelola data – data tentang
informasi ketahana pangan dan peternakan sangat bagus dan efesiensi terhadap
masyarakat. Pada saat tertentu perlu adanya perubahan sistem dalam menyajikan
data – data informasi terhadap masyarakat. Penulis mencoba membuat sebuah
sistem baru yang akan di coba dalam pelayanan data – data informai ketahanan
pangan dan peternakan provsu. Sistem yang dibuat oleh penulis bersifat berbasis
website dan mobile, yang berarti fungsi dari website nya dapat digunakan dengan
komputer ataupun dengan smarthphone. Sistem dijalankan secara online atau
daring sehingga pengguna dapat menggunakan nya dari jarak jauh untuk melihat
informasi terkait data – data dinas ketahanan pangan dan peternakan provsu.
Kata Kunci : Aplikasi Berbasis Web, E-DKPP,Mobile dan Desktop

i
 KATA PENGANTAR
Puji syukur penulis ucapkan kepada Allah SWT yang telah melimpahkan
rahmat, hidayah dan karunianya sehingga penulis dapat menyelesaikan tugas akhir
atau skripsi. Tugas akhir yang merupakan syarat kelulusan di program studi sistem
komputer pada Fakultas Sains & Teknologi Universitas Pembangunan Panca Budi
Adapun judul tugas akhir yang penulis kerjakan adalah Perancangan
Aplikasi E-Information Pelayanan Tentang Data Ketahanan Pangan dan Peternakan
Dengan Metode Waterfall.
Secara umum tujuan penulis mengambil judul pada tugas akhir adalah
karena penulis ingin membuat sistem laundry yang dinamis dan efesien perusahaan
laundry tersebut. Dalam pelaksanaanya penulis melakukan pengumpulan data –
data yang terstruktur guna untuk penunjang tugas akhir yang penulis kerjakan.
Selesainya tugas akhir yang penulis kerjakan ini tidak terlepas dari bantuan
dan bimbingan dari berbagai pihak, untuk itu pada kesempatan ini penulis dengan
tulus dan ikhlas menyampaikan ucapan rasa terima kasih yang sebesar - besarnya
diantaranya:
1. Bapak Dr. H. Muhammad Isa Indrawan, S.E, M.M selaku rektor Universitas
Pembangunan Pancabudi.
2. Bapak Hamdani, S.T, M.T selaku Dekan Fakultas Sains dan Teknologi
Universitas Pembangunan Panca Budi.
3. Bapak Eko Heriyanto, S.Kom, M.Kom selaku Ketua Program Studi Sistem
komputer Universitas Pembangunan Panca Budi.
4. Orang tua penulis, diisi dengan nama orantua penulis. Terimakasih atas semua
kasih sayang yang tidak pernah hilang, doa, dukungan, motivasi, didikan dan
semangat yang sangat berarti. Sehat selalu dan tetap tertawa bersama. Semoga
Penulis dapat menjadi anak yang selalu berbakti kepada orang tua dan
memberikan kebahagiaan di sepanjang hidupnya.
5. Ibu Rahayu Mayang Sari, S.Kom., M.Kom selaku dosen pembimbing 1.
6. Ibu Ika Devi Perwitasari, S.Kom., M.Kom. selaku dosen pembimbing 2.
7. Dinas Ketahanan Pangan dan Peternakan Prov.Sumatera Utara dan pegawai
yang bertanggung jawab dalam membantu penulisan tugas akhir penulis
8. Bapak dan Ibu Dosen, selaku staff Pengajar Pada Fakultas Sains dan Teknologi
Universitas Pembangunan Panca Budi.
9. Sahabat dan seluruh teman teman penulis dari Program Studi Sistem Komputer
Fakultas Sains dan Teknologi yang namanya tidak dapat disebut satu-persatu
yang telah banyak membantu dalam menyelesaikan tugas akhir ini.
Akhir kata penulis mengucapkan terima kasih yang sebesar besarnya kepada
semua pihak yang telah banyak membantu. Semoga bantuan yang diberikan kepada
penulis mendapat balasan dari Tuhan Yang Maha Esa dan semoga tugas akhir ini
dapat bermanfaat bagi seluruh pembaca secara umum dan bagi penulis sendiri
secara khusus.

ii
 Medan, 2023
Penulis

Aulia Rahman Harahap

NPM : 1614370015

iii
 DAFTAR ISI

COVER
LEMBAR PENGESAHAN ............................................................................ i
KATA PENGANTAR .................................................................................... iii
DAFTAR ISI .................................................................................................... v
DAFTAR TABLE ......................................................................................... viii
DAFTAR GAMBAR ....................................................................................... ix
BAB I: PENDAHULUAN
1.1 Latar Belakang Masalah................................................................ 1
1.2 Rumusan Masalah ......................................................................... 2
1.3 Batasan Masalah ........................................................................... 2
1.4 Tujuan Penelitian .................................................................................... 3
1.5 Manfaat Penelitian .................................................................................. 3
BAB II: LANDASAN TEORI
2.1 Sistem Informasi ............................................................................ 5
2.1.1 Sistem ................................................................................... 5
2.1.2 Karakteristik Sistem ............................................................. 5
2.1.3 Klasifikasi Sistem ................................................................ 6
2.1.4 Informasi ............................................................................... 6
2.2 Perancangan ................................................................................... 7
2.3 Aplikasi .......................................................................................... 7
2.4 Website........................................................................................... 7
2.4.1 Responsive Web ..................................................................... 8
2.4.2 User Interface........................................................................ 8
2.5 Bahasa Pemrograman ..................................................................... 9
2.5.1 PHP ...................................................................................... 9
2.5.2 HTML (Hyper Text Markup Language) .............................. 10
2.5.3 Javascript ............................................................................. 11
2.5.4 CSS (Cascading Style Sheel) ............................................... 11

iv
 2.6 Database ......................................................................................... 11
2.6.1 MySQL................................................................................. 12
2.7 Dinas Ketahanan Pangan dan Peternakan
Provinsi Sumatera Utara ................................................................ 13
2.8 Waterfall ......................................................................................... 11
2.9 UML ............................................................................................... 11
2.9.1 Use Case ............................................................................... 16
2.9.2 Activity Diagram .................................................................. 17
2.9.3 Squence Diagram ................................................................. 18

BAB III: METODE PENELITIAN

3.1 Tahapan Penelitian ..................................................................................... 20
3.2 Metode Pengumpulan Data ........................................................................ 21
3.2.1 Data Primer ........................................................................................ 21
3.2.2 Data Sekunder .................................................................................... 21
3.3 Analisis Sistem Sedang Berjalan ............................................................... 22
3.4 Rancangan Penelitian ................................................................................. 22
3.5 Perancangan Database ................................................................................ 27
3.6 Perancangan Antar Muka ........................................................................... 29
BAB IV: PEMBAHASAN
4.1 Implementasi Sistem Yang Digunakan ...................................................... 38
4.1.1 Spesifikasi Hardware (Perangkat Keras) .......................................... 38
4.1.2 Spesifikasi Software (Perangkat Lunak) ........................................... 39
4.2 Tampilan Sistem Aplikasi E-Information
Pelayanan Data Ketahanan ........................................................................ 40
4.2.1 Tampilan Halaman Login Admin ..................................................... 41
4.2.2 Tampilan Halaman Dashboard Admin ............................................. 41
4.2.3 Tampilan Halaman Data Ternak Masuk Admin ............................... 42
4.2.4 Tampilan Halaman Populasi Ternak Admin ..................................... 42
4.2.5 Tampilan Halaman Kotak Masuk Admin ......................................... 42
4.2.6 Tampilan Halaman Login Portal Berita EDKPP Admin .................. 43

v
 4.2.7 Tampilan Halaman Dashboard
Portal Berita EDKPP Admin............................................................. 44
4.2.8 Tampilan Halaman Post Page
Portal Berita EDKPP Admin............................................................. 45
4.2.9 Tampilan Halaman General Setting
Portal Berita EDKPP Admin............................................................. 46
4.2.10 Tampilan Halaman Beranda
Portal Berita EDKPP Admin........................................................... 47
4.2.11 Tampilan Halaman Portal
Berita dan Informasi User ............................................................... 48
4.2.12 Tampilan Halaman Registrasi User EDKPP .................................. 49
4.2.13 Tampilan Halaman Login User ...................................................... 49
4.2.14 Tampilan Halaman Dashboard User ................................................. 50
4.2.15 Tampilan Halaman Data Populasi Ternak User ................................ 50
4.2.16 Tampilan Halaman Data Ternak Masuk User ................................... 51
4.2.17 Tampilan Halaman Laporan User EDKPP ....................................... 52
BAB V: PENUTUP
5.1 Kesimpulan ............................................................................................... 54
5.2 Saran .......................................................................................................... 54
DAFTAR PUSTAKA .................................................................................... 55
LAMPIRAN ................................................................................................... 57

vi
 DAFTAR TABEL

Tabel 2.1 Simbol – simbol diagram use case ................................................. 33

Tabel 2.2 Simbol – simbol activity diagram .................................................. 33
Tabel 2.3 Simbol – simbol sequence diagram ............................................... 33
Tabel 3.1 Aktor Pengguna Sistem.................................................................. 33
Tabel 3.2 database user .................................................................................. 34
Tabel 3.3 database populasi ternak ................................................................ 34
Tabel 3.4 database ternak masuk ................................................................... 35
Tabel 4.1 Spesifikasi hardware (perangkat keras) ......................................... 35
Tabel 4.2 Spesifikasi perangkat lunak pengembang (developer)................... 35
Tabel 4.3 Spesifikasi perangkat lunak aplikasi edkpp ................................... 35

vii
 DAFTAR GAMBAR

Gambar 2.1 Sistem .......................................................................................... 5

Gambar 2.2 Logo PHP (sumber : php.net) .................................................... 10
Gambar 2.3 Logo HTML (sumber : wikipedia.org) ....................................... 11
Gambar 2.4 Logo MySQL (sumber : mysql.com) ......................................... 12
Gambar 2.5 Profile Dinas Ketahanan Pangan dan Peternakan
Provinsi Sumatera Utara ............................................................ 14
Gambar 2.6 Waterfall ..................................................................................... 21
Gambar 3.1 Alur dalam tahapan penelitian................................................... 23
Gambar 3.2 Use Case Diagram ..................................................................... 24
Gambar 3.3 Diagram Activity Admin ............................................................. 25
Gambar 3.4 Diagram Activity User ................................................................ 26
Gambar 3.5 Diagram Sequence Admin .......................................................... 27
Gambar 3.6 Diagram Sequence User ............................................................ 29
Gambar 3.7 rancangan halaman login ............................................................ 30
Gambar 3.8 rancangan halaman dashboard admin ........................................ 30
Gambar 3.9 rancangan halaman populasi ternak admin ................................ 31
Gambar 3.10 rancangan tambah data populasi ternak ................................... 31
Gambar 3.11 rancangan halaman ternak masuk admin ................................. 32
Gambar 3.12 rancangan tambah data ternak masuk....................................... 32
Gambar 3.13 rancangan halaman laporan masuk user ................................... 32
Gambar 3.14 rancangan halaman login admin
berita dan informasi edkpp ....................................................... 33
Gambar 3.15 rancangan halaman dashboard admin
portal berita dan informasi edkpp ............................................ 34
Gambar 3.16 rancangan halaman post admin portal
berita dan informasi edkpp ....................................................... 34
Gambar 3.17 rancangan halaman general setting
admin berita dan informasi edkpp ............................................ 35

viii
Gambar 3.18 rancangan halaman registrasi user ........................................... 35
Gambar 3.19 rancangan halaman data ternak masuk user ............................. 36
Gambar 3.20 rancangan halaman populasi ternak ......................................... 36
Gambar 3.21 rancangan halaman laporan masuk user................................... 37
Gambar 4.1 Tampilan halaman login EDKPP ............................................... 40
Gambar 4.2 Tampilan Halaman Dashboard Admin ...................................... 41
Gambar 4.3 Tampilan Halaman Data Ternak Masuk Admin ........................ 41
Gambar 4.4 Tampilan Halaman Populasi Ternak Admin .............................. 42
Gambar 4.5 Tampilan Halaman Kotak Masuk Admin .................................. 42
Gambar 4.6 Tampilan Halaman Login Portal Berita
EDKPP Admin ............................................................................ 43
Gambar 4.7 Tampilan Halaman Dashboard Portal Berita
EDKPP Admin ........................................................................... 44
Gambar 4.8 Gambar 4.8 Tampilan Halaman Post Page Admin .................... 45
Gambar 4.9 Tampilan Halaman General Setting
Portal Berita EDKPP Admin...................................................... 46
Gambar 4.10 Tampilan Halaman Beranda Portal Berita
EDKP Admin ........................................................................... 47
Gambar 4.11 Tampilan Halaman Beranda Portal
Berita dan Informasi EDKPP .................................................... 48
Gambar 4.12 Tampilan Halaman Postingan
Berita dan Informasi EDKPP ................................................... 48
Gambar 4.13 Tampilan Halaman Registrasi User ......................................... 49
Gambar 4.14 Tampilan Halaman Login User EDKPP .................................. 49
Gambar 4.15 Tampilan Halaman Dashboard User ....................................... 50
Gambar 4.16 Tampilan Halaman Data Populasi Ternak User EDKPP ......... 50
Gambar 4.17 Tampilan Halaman Data Ternak Masuk EDKPP ..................... 51
Gambar 4.18 Tampilan Halaman Pelaporan User EDKP bagian 1 ............... 52
Gambar 4.19 Tampilan Halaman Pelaporan User EDKPP bagian 2 ............. 53

ix
 10

BAB I

PENDAHULUAN

1.1 Latar Belakang Masalah

Teknologi internet saat ini sangat membantu dan memudahkan dalam pengiriman,

penyampaian, dan penerimaan berbagai informasi untuk instansi pemerintahan maupun

perusahaan swasta. Teknologi informasi berbasis komputer mampu meningkatkan efisiensi

dan efektivitas kinerja. Menurut Kasemin (2015) [1] teknologi ini memungkinkan kita untuk

membuat pengolahan suatu dokumen secara digital, pengolahan dan penyimpanan data

secara digital dapat meningkatkan efektifitas kinerja dan efisiensi waktu. perusahaan maupun

instansi pemerintahan pun semakin mengandalkan teknologi sistem informasi akuntansi

diantaranya untuk administrasi laporan keuangan. sehingga dapat mempermudah bagian

keuangan dalam membuat dokumen dan laporan keuangannya yang diperlukan dalam waktu

singkat, serta meminimalisir kesalahan dalam menginput data keuangan.

Menurut Hamdan (2018) [2] revolusi industri merupakan suatu perubahan cara hidup

dan proses kerja manusia secara fundamental, dimana dengan adanya kemajuan teknologi

informasi dapat mengintregrasikan dalam kehidupan dengan digital yang dapat memberikan

dampak bagi seluruh disiplin ilmu. Perkembangan dunia digital tanpa disadari mendorong

masyarakat untuk memiliki Smartphone, benda tersebut kini sudah banyak di kenal oleh

seluruh kalangan mulai dari yang tua maupun muda untuk digunakan sebagai alat untuk

komunikasi, bisnis, ataupun pekerjaan lainnya. Bahkan di Pemerintahan sekalipun tiap - tiap

aksesnya sudah menggunakan smartphone untuk kelancaraan pekerjaan apalagi di bidang

penyebarluasan informasi dan pelayanan masyarakat sangat membutuhkan smartphone

untuk melayani masyarakat, contohnya di Dinas Ketahanan Pangan dan Peternakan Provinsi

Sumatera Utara.

Namun, dengan adanya keluhan dan permintaan dari masyarakat tentang

permohonan permintaan data dan informasi di dinas tersebut, pelayanan pun jadi terhambat
10
 11

karna banyaknya masyarakat yang harus turut hadir ke Instansi untuk meminta data dan

informasi makanya pelayanan pun jadi sedikit dibatasi oleh jumlah masyarakat yang hadir.

Oleh karna itu sudah seharusnya instansi pemerintahan tersebut membuat suatu Aplikasi

untuk kelancaraan dalam membagi sebuah informasi maupun data agar mempermudah

masyarakat untuk mengaksesnya.

Dari permasalahan yang timbul di Dinas Ketahanan Pangan dan Peternakan

Provinsi Sumatera Utara tersebut maka Peneliti mencoba merancang sebuah Aplikasi E-

Information yang dapat terhubung langsung ke masyarakat sehingga memudahkan

masyarakat untuk meminta permohonan data dan informasi secara cepat, akurat dan

transparan. Dalam penulisan berdasarkan penjabaran diatas, maka peneliti bermaksud untuk

melakukan penelitian skripsi dengan judul “ Perancangan Aplikasi E- Information

Pelayanan Tentang Data Ketahanan Pangan dan Peternakan dengan Metode Waterfall

Studi Kasus di Dinas Ketahanan Pangan dan Peternakan Provinsi Sumatera Utara.’’

1.2 Rumusan Masalah

Berdasarkan latar belakang di atas, maka penulis melakukan perumusan masalah

sebagai berikut :

1. Bagaimana merancang Aplikasi E-Information pada Dinas Ketahanan Pangan dan

Peternakan Provinsi Sumatera Utara menggunakan metode Waterfall.

2. Informasi apa saja yang terdapat dalam Aplikasi E-Information pada Dinas

Ketahanan Pangan dan Peternakan Provinsi Sumatera Utara.

1.3 Batasan Masalah

Berdasarkan latar belakang dan rumusan masalah di atas, maka dibuatlah batasan

masalah sebagi berikut:

1. Sistem informasi akan menampilakan permohonan data-data ternak dan pangan

sekaligus tampilan kritik dan saran.

2. Informasi yang disediakan hanya berupa data ternak dan pangan serta pelaporan

masyarakat terhadap kondisi ternak dan pangan di Daerah.

11
 12

3. Database yang digunakan pada Aplikasi EDKPP adalah Mysql.

4. Rancangan tampilan pada Aplikasi EDKPP menggunakan Mobile Responsive

5. Aplikasi EDKPP dapat digunakan secara daring atau online

1.4 Tujuan Penelitian

Berdasarkan uraian latar belakang diatas, tujuan dari penelitian ini sebagai berikut :

1. Untuk merancang Aplikasi E-Information pada Dinas Ketahanan Pangan dan

Peternakan Provinsi Sumatera Utara menggunakan metode Waterfall.

2. Untuk mengetahui informasi apa saja yang terdapat dalam Aplikasi E-Information

pada Dinas Ketahanan Pangan dan Peternakan Provinsi Sumatera Utara.

3. Untuk mengetahui mengapa Dinas Ketahanan Pangan dan Peternakan Provinsi

Sumatera Utara memerlukan Aplikasi E-Information.

1.5 Manfaat Penelitian

Dengan adanya perancangan aplikasi E-Information di Dinas Ketahanan Pangan dan

Peternakan Provinsi Sumatera Utara, diharapkan agar mendapatkan banyak manfaat. Adapun

manfaat yang peneliti maksud adalah:

1. Bagi Dinas Ketahanan Pangan dan Peternakan Provinsi Sumatera.

a. Sebagai bahan pertimbangan kepada Dinas Ketahanan Pangan dan Peternakan

Provinsi Sumatera Utara mengenai perancangan aplikasi E-Information yang

dapat membantu masyarakat untuk berinterkasi secara online.

b. Untuk memajukan sistem informasi dan komunikasi pada Dinas Ketahanan

Pangan dan Peternakan Provinsi Sumatera Utara

2. Bagi Akademik

a. Sebagai sumbangsih ilmu dari penulis kepada pihak kampus dan pada kalangan

Mahasiswa terkhusus Mahasiswa Sains dan Teknologi, serta kepada peneliti

berikutnya yang ingin menjadikan sebagai referensi untuk penelitian selanjutnya

12
 13

3. Bagi Masyarakat Umum

a. Sebagai salah satu sistem alternatif bagi masyarakat untuk berinteraksi langsung

kepada Dinas Ketahanan Pangan dan Peternakan Provinsi Sumatera Utara.

4. Bagi Penulis

a. Sebagai salah satu syarat guna untuk menyelesaikan studi dan memperoleh gelar

sarjana di Universitas Pembangunan

13
 14

BAB II

LANDASAN TEORI

2.1 Sistem Informasi

Sistem informasi adalah kumpulan elemen-elemen data yang di proses melalui sistem

yang menjadi sebuah informasi bagi pengguna. (Faizal , 2017) [3]. Dengan demikian dapat

disimpulkan bahwa “Sistem informasi adalah suatu aktivitas yang dijalankan sesuai prosedur

atau intruksi didalam sistem yang diproses menjadi sebuah output data informasi yang dapat

menghasilkan informasi penting bagi pengguna”. (Fauzi, 2017) [4].

2.1.1.1 Sistem

“Sistem memiliki bentuk umum yang terdiri atas masukan (input), proses dan

keluaran (output), dalam bentuk umum sistem ini terdapat satu atau lebih masukan yang akan

diproses dan akan menghasilkan suatu keluaran” (Fachri Barany, 2017) [5]. Bentuk umum

dari sebuah sistem tersebut dapat dilihat seperti gambar di bawah ini :

Gambar 2.1 Sistem

2.1.1.2 Karakteristik Sistem

Suatu sistem memiliki karakteristik atau sifat tertentu seperti komponen, batas sistem

(boundaries), lingkungan luar sistem (environments), masukan (input), keluaran (output),

antarmuka (interface), dan penyimpanan (storage) (Ranti dan Randi, 2018) [6]. Berikut

adalah penjelasan dari fitur - fitur sistem di atas :

1. Komponen (component)

Sistem ini terdiri dari kumpulan komponen - komponen yang berinteraksi dan membentuk

unit bersama - sama. Komponen suatu sistem dapat berupa semacam subsistem.

14
 15

2. Batas - batas (boundaries)

Batas sistem adalah daerah yang membatasi satu sistem ke sistem lain atau lingkungan

eksternal.

3. Lingkungan di Luar Sistem (environment)

Format di luar ruang lingkup atau batas sistem yang mempengaruhi pengoperasian sistem.

4. Sistem Penghubung (interface)

Media yang menghubungkan suatu sistem dengan subsistem lainnya disebut sistem

penghubung atau interface.

5. Masukan (input)

Masukan adalah energi atau sesuatu yang dimasukkan ke dalam sistem dan merupakan

bentuk masukan yaitu energi masukan untuk mengoperasikan sistem, atau energi yang

diproses untuk menghasilkan keluaran.

6. Keluaran (output)

Hasil dari energi yang diolah dan diklasifikasikan sebagai daya yang berguna.

7. Sistem Pemrosesan (procces)

Sistem memiliki bagian pemrosesan yang mengubah input menjadi output.

8. Target Sistem (objectiver)

Sistem dianggap berhasil bila mengenai sasaran atau tujuannya.

2.1.1.3 Klasifikasi Sistem

Sistem dapat dibagi menjadi sistem abstrak dan fisik, sistem alami dan buatan, sistem

deterministik dan stokastik, dan sistem terbuka dan tertutup.

2.1.1.4 Informasi

Menurut Rizki (2017) [7] Informasi memiliki peranan yang sangat penting dalam

sebuah organisasi. Sebuah keputusan yang baik pasti didukung oleh informasi yang jelas dan

valid. Kesimpulan yang dapat ditarik bahwa “Informasi merupakan data yang telah diolah,

dibentuk, ataupun dimanipulasi sesuai dengan keperluan tertentu bagi penggunanya.

15
 16

2.2 Perancangan

Perancangan dapat didefenisikan sebagai suatu proses yang dimana bertujuan untuk

menganalisis, merancang dan mengembangkan sistem yang baru secara tersusun menjadi

suatu sistem dan sistem tersebut dapat digunakan untuk waktu yang akan datang dengan

memanfaatkan sebuah informasi yang ada. (Rusdi Nur, 2018). [8]

2.3 Aplikasi

Aplikasi adalah merupakan berasal dari kata (“Application”) yang artinya :

penggunaan, penerapan, atau software (Perangkat lunak). Aplikasi adalah sebuah software

atau perangkat lunak siap pakai untuk menjalankan suatu fungsi bagi pengguna (admin) yang

dapat digunakan untuk kebutuhan sesuai tujuan dan sasaran yang dituju. (Eviana, 2017) [9].

Menurut defenisi aplikasi yang dipaparkan oleh para ahli tersebut, dapat disimpulkan

bahwa “Aplikasi adalah sebuah software atau program yang dapat dijalankan dan dapat

dipakai kepada pengguna yang dirancang dan dibuat atau dirilis oleh suatu perusahaan yang

bertujuan untuk mempermudah suatu pekerjaan atau tugas-tugas bagi pengguna”.

2.4 Website

Situs web adalah seluruh halaman web yang terdapat dalam domain yang berisi

informasi." (Simangunsong, 2018) [10]. Domain adalah nama unik yang dimiliki oleh

institusi sehingga dapat diakses melalui Internet. Misalnya : ephi.id, yahoo.com, google.com

dan lain - lain. Untuk mendapatkan domain anda perlu menyewa domain melalui register

yang ditentukan. Di Indonesia sendiri telah banyak jasa yang menyediakan layanan untuk

domain. Beberapa yang terkenal antara lain hostinger dan niagahoster.

2.4.1 Responsive Web

Menurut Chris Northwod (2018:125) [11], responsive web design adalah teknik yang

digunakan untuk mendesain sebuah halaman web yang dapat menyesuaikan diri dengan

perangkat tertentu. Teknik ini sebagain besar diaktifkan oleh fitur CSS. Sebelum adanya

responsive web design, merupakan suatu hal yang umum untuk membangun beberapa versi
16
 17

mobile website yang digunakan, satu untuk desktop, satu untuk seluler, dan kemudian

menyajikan HTML yang berbeda berdasarkan browser yang digunakan user ada dua

pendekatan yang digunakan dalam membangun sebuah responsive web design yaitu :

1. Dibuat untuk pengguna terbatas, artinya berfokus kepada pembangunan dan

pengalaman inti dari pengguna.

2. Dibuat untuk setiap pengguna, artinya menyamakan kedudukan untuk bermacam

kelas perangkat dan mencoba mengomptimalkan area pandang sebanyak mungkin.

2.4.2 User Interface

Sebuah program merupakan serangkain intruksi yang memberi tahu komputer apa

yang harus dilakukan dan bagaimana cara melakukannya. Pengguna berinteraksi dengan

program melalui user interface. User interface menurut Jennifer Niederst Robbins (2018:6)

[12] lebih berfokus pada fungsional organisasi halaman serta alat khusus seperti tombol,

tautan, dan menu, yang digunakan pengguna untuk menavigasi konten atau menyelesaikan

tugasnya.

Dengan adanya user interface, pengguna bisa berinteraksi dengan menggunakan teks,

grafik, dan gambar visual seperti ikon atau objek lainnya. Kesalahan yang sering terjadi

dalam mendesain user untul halaman web menurut Cohen, Jacob, dan tim (2018:442) [13]

yaitu:

1. Mengubur informasi terlalu dalam di situs web.

2. Memuat halaman dengan terlalu banyak materi

3. Menyediakan navigasi yang canggung atau membingungkan

4. Menempatkan informasi di tempat yang tidak teduga pada halaman web

5. Tidak membuat tautan yang jelas.

6. Menyajikan informasi dalam tabel yang buruk

7. Membust teks sangat kecil sehingga banyak pengeuna tidak dapat

membacanya

17
 18

8. Menggunakan kombinasi warna untuk teks yang tidak dapat baca oleh

banyak pengguna

9. Menggunakan bentuk form yang buruk

10. Menyembunyikan atau tidak menyediakan fitur yang dapat membantu pengguna

2.5 Bahasa Pemrograman

2.5.1 PHP

PHP (Hypertext Preprocessor) adalah bahasa script yang dapat ditanamkan atau

disisipkan ke dalam HTML. PHP banyak dipakai untuk membuat program situs web

dinamis”. PHP dapat digunakan dengan gratis (free) dan bersifat Open Source. PHP dirilis

dalam lisensi PHP license. Untuk membuat program PHP kita diharuskan untuk menginstal

web server terlebih dahulu. PHP Terdiri dari beberapa komponen dasar, diantaranya sebagai

berikut ini:

1. Sintak dasar pada PHP

beberapa aturan sintaks yang wajib dipenuhi ketika membuat file – file program pada PHP.

a. PHP opening dan closing tag

b. PHP mensupport komentar seperti pada bahasa ‘C’, ’C++’, dan Unix shell - style.

2. Konstanta pada PHP

Konstanta dapat didefinisikan dengan menggunakan fungsi define () yang merupakan

salah satu fitur function dari PHP.

PHP (Hypertext Preprocessor) adalah bahasa pemprograman yang terdapat

didalam nya sebuah script untuk membangun dan mengembangkan sebuah website

dinamis sesuai permintaan client dengan mekanisme-mekanisme tertentu. Dan dapat

diubah-ubah secara berkala dan tepat waktu, script php di proses secara keseluruhan

didalam server kemudian dijalankan memberikan hasil pada web browser. (Salamun.

2017)

18
 19

Gambar 2.2 Logo PHP (sumber : php.net)

Dengan demikian dapat disimpulkan bahwa “ PHP merupakan suatu Bahasa

pemprograman berbasis website dinamis yang didalamnya code-code program (script) yang

sangat penting untuk menjalankan suatu program sesuai kebutuhan pengguna”.

2.5.2 HTML (Hyper Text Markup Language)

HTML (Hypertext Markup Language) merupakan salah satu format yang digunakan

dalam pembuatan dokumen dan aplikasi yang berjalan di halaman web,” (Hasan & Nasution,

2018) [14]. Html sendiri telah terdiri dari beberapa versi. HTML 5 misalnya. HTML 5 adalah

sebuah bahasa markah untuk menstrukturkan dan menampilkan isi dari Waring Wera Wanua,

sebuah teknologi inti dari Internet. HTML 5 adalah revisi kelima dari HTML (yang pertama

kali diciptakan pada tahun 1990 dan versi keempatnya, HTML 4, pada tahun 1997) dan

hingga bulan Juni 2011 masih dalam pengembangan. Tujuan utama pengembangan HTML

5 adalah untuk memperbaiki teknologi HTML agar mendukung teknologi multimedia

terbaru, mudah dibaca oleh manusia dan juga mudah dimengerti oleh mesin.

HTML 5 merupakan salah satu karya Konsortium Waring Wera Wanua (World Wide Web

Consortium, W3C) untuk mendefinisikan sebuah bahasa markah tunggal yang dapat ditulis

dengan cara HTML ataupun XHTML. Seperti pendahulunya, HTML 5 dirancang sebagai

bahasa yang cross - platform, penggunaannya tidak didasarkan pada platform dimana HTML

5 itu sendiri berjalan.

19
 20

Gambar 2.3 Logo HTML (sumber : wikipedia.org)

2.5.3 Javascript

Menurut Siahaan & Rismon (2020) [15], yaitu “JavaScript adalah sebuah bahasa

script dinamis yang dapat dipakai untuk membangun interaktifitas pada halamanhalaman

HTML statis. Ini dilakukan dengan menamakan blok-blok kode JavaScript di hamper semua

tempat pada halaman web.”

2.5.4 CSS (Cascading Style Sheel)

Menurut Ummy Gusti (2021) [16], yaitu “CSS (Cascading Style Sheet) adalah bahasa

yang dapat digunakan untuk mendefinisikan bagaimana suatu bahasa markup ditampilkan

pada suatu media dimana bahasa markup ini salah satunya adalah HTML.”

2.6 Database

Sistem basis data adalah kumpulan data yang dikelola dan terorganisir secara

komputerisasi kemudian diolah menjadi sebuah informasi dan tujuannya untuk memelihara

data yang tersimpan dan dapat diakses dengan mudah, cepat dan efisien. Basis data dapat

disimpan dengan jumlah yang besar sehingga tidak perlu adanya pengulangan data. Dengan

adanya basis data pengguna tidak repot mencari data dalam jumlah besar dikarena basis data

dapat menampung dan mencari informasi data, menyimpan data dan membuang data

informasi (jika tidak diperlukan). (A.S & Shalahuddin, 2018) [17].

2.6.1 MySQL

MySQL merupakan sebuah sistem perangkat lunak database yang dapat mengirim

dan menerima data dalam jumlah banyak dan diproses dengan singkat sesuai standart SQL
20
 21

(Structured Query Language) yang merupakan bahasa pemprograman database dan dapat

diakses oleh banyak pengguna serta dapat membatasi berdasarkan hak user secara

bersamaan. Adapun terdapat beberapa keuntungan pada MySQL yaitu :

1. MySQL bersifat Open Source (bebas) yang dapat digunakan oleh semua pengguna yang

ingin mengaksesnya.

2. Database server dapat diakses dan dihubungkan dengan menggunakan jaringan internet

meskipun dari jarak yang cukup luas.

3. Memiliki kapasitas yang cukup besar dengan jangkauan GB (Gygabite).

4. MySQL memiliki sistem perangkat lunak yang ringan serta tidak membebani kinerja

pengguna maupun server dari komputer, karena MySQL ini beroperasi pada belakang

layar (background) (Salamun, 2017) [18].

Gambar 2.4 Logo MySQL (sumber : mysql.com)

21
 22

2.7 Dinas Ketahanan Pangan dan Peternakan Provinsi Sumatera Utara

Gambar 2.5 Profile Dinas Ketahanan Pangan dan Peternakan Provinsi Sumatera

Utara

Pemerintah Daerah Provinsi Sumatera Utara telah menetapkan pembentukan Badan

Ketahanan Pangan yang mempunyai tugas membantu kepala daerah dalam pemeliharaan

ketahanan pangan. Disamping sebagai salah satu lembaga teknis provinsi sumatera utara,

Badan Ketahanan Pangan juga berperan secara ex-office atau sebagai sekretariat dari Dewan

Ketahanan Pangan Provinsi Sumatera Utara yang diketuai oleh Gubenur (Surat Keputusan

Gubernur Sumatera Utara No. 188.44/250/K/Tahun 2002). Hal ini sesuai dan mengacu

kepada Keputusan Presiden R.I. No. 132 Tahun 2001 tentang Dewan Ketahanan Pangan yang

ketuanya adalah Presiden R.I. Indonesia sebagai negara agraris dan maritim dengan sumber

daya alam dan sosisal budaya yang beragam, harus dipandang sebagai karunia ilahi untuk

mewujudkan ketahanan pangan.

Berdasarkan dengan hal tersebut di atas dan dengan adanya peraturan Pemerintah

Nomor 25 Tahun 2000 tentang kewenangan pemerintah dan kewenangan provinsi sebagai

daerah otonomi, pemerintah provinsi sumatera utara turut ambil bagian dalam upaya

mewujudkan ketahanan pangan di daerahnya dengan keluarnya Peraturan Daerah Provinsi

Sumatera Utara Nomor 4 Tahun 2001 tanggal 31 Juli 2001 tentang lembaga teknis daerah

provinsi sumatera utara.

Dengan keluarnya peraturan tersebut dibentuklah Badan Ketahanan Pangan Provinsi

Sumatera Utara. Adapun pegawai Badan Ketahanan Pangan adalah peleburan dari pegawai

Kantor Wilayah Departemen Provinsi Sumatera Utara dan pegawai Dinas Ketahanan Pangan

Provinsi Sumatera Utara. Sebagai dasar pendukung dari pelaksanaan kegiatan ketahanan

pangan berpedoman pada Pasal 50 Undang-undang Nomor 7 Tahun 1996 tentang pangan
22
 23

mengamanatkan bahwa pemerintah bersama masyarakat mewujudkan ketahanan pangan

diseluruh indonesia, maka keluaran Peraturan Pemerintah Republik Indonesia Nomor 68

Tahun 2002 tentang Ketahanan Pangan.

2.8 Waterfall

Perancangan sistem ini mengunakan metodologi pengembangan perangkat lunak

yaitu dengan metode waterfall (Yudhi, (2017) [19]. Metode ini digunakan peneliti untuk

mengembangkan sistem-sistem perangkat lunak dengan memiliki alur hidup perangkat

lunak secara terurut yang dimulai dari analisa, desain, pengodean dan pengujian. Gambar

waterfall adalah Paradigma waterfall dapat dilihat sebagai berikut :

Gambar 2.6 Waterfall

Berikut di jelaskan Diagram Metodologi Waterfall sebagai berikut:

1. Enginering System

merupakan permodelan yang diawali menggunakan mencari kebutuhan menurut holistik

yang diaplikasikan ke bentuk aplikasi. Ini sangat penting, mengingat aplikasi wajib bisa

berinteraksi menggunakan elemen yang lain misalnya perangkat keras, database, pengkat

lunak dan sebagainya.

2. Analisis

merupakan termin menganalisa hal yg diharapkan pada aplikasi proyek pembuatan aplikasi.

Dalam hal ini dilakukan menggunakan menganalisa dokumen yg dipakai pada kabar data.

23
 24

3. Design

merupakan termin penterjemah menurut keperluan yg dianalisis pada bentuk yg lebih

gampang dimengerti sang pengguna.

4. Coding

merupakan termin penterjemah data pemecahan kasus aplikasi yg sudah dibuat pada bahasa

pemograman yg sudah dipengaruhi & dipakai pada pembuatan sistem memakai aplikasi

Studio Visual 2017 menggunakan bahasa pemograman & MySQL Database.

5. Testing

merupakan termin pengujian terhadap acara yg sudah dibentuk. Pengujian ini dimulai

menggunakan menciptakan suatu uji masalah buat setiap fungsi dalam software buat sistem

kabar pengolahan data lalu dilanjutkan menggunakan pengujian terhadap modul & terakhir

dalam tampilan antar muka buat untuk memastikan tidak terdapat bug eror serta seluruh

program berjalan dengan baik & input yg diberikan hasilnya sinkron dengan yg diprogram.

6. Implementation

merupakan pengujian aplikasi pelaksanaan yg sudah dibentuk & dibuat menggunakan

menciptakan sistem yg berbasis android, & diimplementasikan sinkron pembahasan tersebut.

7. Maintenance

merupakan software yg sudah dibentuk bisa mengalami perubahan sinkron permintaan

pemakai. Pemeliharaan bisa dilakukan bila terdapat permintaan tambahan fungsi sinkron

menggunakan impian pemakai ataupun adanya pertumbuhan & perkembangan baik software

juga perangkat keras.

2.9 UML

Menurut Nazir (2022) [20] uml didefinisikan sebagai pemodelan sama halnya dengan

perancangan, bedanya pemodelan sendiri merupakan bentuk implementasi sistem

bagaimana meletakkan suatu rancang bangun ke dalam sebuah gambar (visual)

yang berbentuk diagram. Seorang programmer dapat dengan mudah memahami,

24
 25

menganalisa dan, mempermudah pembuatan suatu program menggunakan

UML (Unified Modelling Language).

2.9.1 Use Case

Use case Diagram menggambarkan sebuah interaksi antara satu atau lebih aktor

dengan sistem informasi yang akan dibuat. Use case digunakan untuk mengetahui fungsi apa

saja yang ada di dalam sebuah sistem dan siapa saja yang berhak menggunakan fungsi -

fungsi tersebut. Terlihat pada Tabel 2.1 , Simbol - simbol Diagram Use case :

Tabel 2.1 Simbol – simbol diagram use case

Simbol Deskripsi

Use Case Fitur yang disediakan oleh sistem sebagai entitas yang

bertukar pesan antara entitas atau aktor. Biasanya

diungkapkan menggunakan kata kerja di awal frasa

dalam nama kasus penggunaan

Actor / aktor Seseorang, proses, atau sistem lain yang berinteraksi

dengan sistem informasi yang dibuat di luar sistem

informasi dan dibuat dengan sendirinya. Oleh karena itu,

simbol seorang aktor adalah citra seseorang, tetapi aktor

tersebut belum tentu seseorang. Kata benda di awal frasa

nama aktor.

Asosiasi / assosiation Komunikasi antara seorang aktor dengan sebuah use case

atau use case yang terdapat di dalam sebuah use case

memiliki interaksi dengan aktor tersebut.

25
 26

Ekstensi / extend <<extend>> Hubungan use case tambahan dengan use case disebut

use case dan ditambahkan secara independen tanpa use

case tambahan. Mirip dengan prinsip integritas dalam

pemrograman berorientasi objek. Kasus penggunaan

tambahan biasanya memiliki nama yang sama dengan

kasus penggunaan tambahan.

Generalisasi / generalization Hubungan antara generalisasi dan spesialisasi

(kekhususan umum) antara dua kasus penggunaan di

mana satu fitur lebih umum daripada yang lain.

2.9.2 Activity Diagram

Activity Diagram menggambarkan aktivitas atau aliran kerja dari sebuah system.

Terlihat pada Tabel Simbol – simbol Activity Diagram

Tabel 2.2 Simbol – simbol activity diagram

Simbol Deskripsi

Status awal Status awal aktivitas sistem, sebuah

Diagram aktivitas memiliki sebuah

status awal

Aktivitas Aktivitas yang dilakukan sistem,

aktivitas biasanya diawali dengan kata

kerja

Percabangan / decision Asosiasi percabangan dimana jika ada

pilihan aktivitas lebih dari satu

26
 27

Penggabungan / join Asosiasi penggabungan dimana lebih

dari satu aktivitas digabungkan

menjadi satu

Status akhir Status akhir yang dilakukan sistem,

sebuah Diagram aktivitas memiliki

sebuah status akhir

Simbol Deskripsi

Swimlane Memisahkan organisasi bisnis yang

bertanggung jawab terhadap aktivitas

yang terjadi

2.9.3 Squence Diagram

Squence Diagram merupakan tool yang digunakan dalam pengembangan sistem.

Terlihat pada Tabel Simbol - simbol Squence Diagram :

Tabel 2.3 Simbol – Simbol Sequence Diagram

Simbol Deskripsi

Aktor Seseorang, proses, atau sistem lain

yang berinteraksi dengan sistem

informasi yang dibuat di luar sistem

informasi itu sendiri sehingga simbol

aktor adalah orang, tetapi aktor belum

tentu orang. Biasanya diekspresikan

dengan kata benda di awal frasa nama

aktor

27
 28

Garis hidup / Lifeline Menyatakan kehidupan suatu objek

Objek Deklarasikan objek yang berinteraksi

dengan pesan

Waktu aktif Deklarasikan objek yang berinteraksi

dengan pesan

Pesan tipe create Menunjukkan bahwa objek membuat

objek lain. Arah panah menunjuk ke

objek yang dibuat

Simbol Deskripsi

Pesan tipe call Mendeklarasikan suatu objek untuk

mengekstrak operasi/metode yang ada

pada objek lain atau dirinya sendiri.

Arah panah menunjuk ke objek yang

memiliki operasi / metode karena

memanggil operasi / metode. Oleh

karena itu, operasi/metode yang

28
 29

dipanggil harus ada dalam Diagram

kelas sesuai dengan kelas objek yang

berinteraksi.

Pesan tipe send Menyatakan bahwa suatu objek

mengirimkan data / masukan /

informasi ke objek lainnya, arah panah

mengarah pada objek yang dikirimi

Pean tipe return Menyatakan bahwa suatu objek

mengirimkan data / masukan /

informasi ke objek lainnya, arah panah

mengarah pada objek yang dikirimi

Pesan tipe destroy Menyatakan suatu objek mengakhiri

hidup objek yang lain, arah panah

mengarah pada objek yang diakhiri,

sebaiknya jika ada create maka ada

destroy

29
 30

BAB III

METODE PENELITIAN

3.1 Tahapan Penelitian

Tahapan penelitian yang akan dibuat yaitu tentang perancangan aplikasi

untuk menganalisa permintaan suatu data ternak dan keluhan masyarakat terkait

dengan keadaan ternak di kabupaten/kota serta perancangan sistem yang dibuat

kedalam aplikasi berbasis web dengan menggunakan metode waterfall. Dalam hal

ini, instansi ketahanan pangan dan peternakan provsu membuat rancangan aplikasi

untuk mempermudah hubungan antara masyarakat dengan instansi pemerintah

dalam memperoleh data populasi ternak yang tersebar diseluruh kabupaten/kota.

Adapun masyarakat dapat juga menyampaikan keluhan terkait dengan masalah

ternak, pangan dan informasi yang ada dilingkup masyarakat.

Dinas ketahanan pangan dan peternakan provsu juga turut andil dalam

memberikan pelayanan – pelayanan kepada masyarakat melalui klinik hewan yang

diadakan secara gratis sampai saat ini untuk hewan peliharaan, memberikan

bantuan berupa ternak kepada kelompok ternak secara gratis dan memberikan

pelatihan secara gratis kepada inseminator yang bertujuan untuk memberikan

edukasi serta tata cara dalam perkawinan silang hewan ternak yang baik.

30
 31

a. Halaman login portal berita dan informasi admin edkpp

Gambar 3.14 rancangan halaman login admin berita dan informasi edkpp

Keterangan gambar 3.14 rancangan halaman login admin berita dan informasi

edkpp admin :

1. Username untuk masuk

2. Password untuk masuk

31
 32

b. Halaman dashboard admin portal berita dan informasi edkpp

1
2

Gambar 3.15 rancangan halaman dashboard admin portal berita dan

informasi edkpp

Keterangan gambar 3.15 rancangan halaman dashboard admin portal berita dan

informasi edkpp :

1. Menu halaman dashboard

2. Isi dari halaman dashboard

c. Halaman post admin portal berita dan informasi edkpp

2

3 4
1

Gambar 3.16 rancangan halaman post admin portal berita dan informasi
edkpp

32
 33

Keterangan gambar 3.16 rancangan halaman post admin portal berita dan informasi

edkpp :

1. Halaman post

2. Tambah post baru

3. Title / judul post baru

4. Date / tanggal post baru

i. Halaman general setting admin berita dan informasi edkpp

2
3

1 4

Gambar 3.17 rancangan halaman general setting admin berita dan

informasi edkpp

Keterangan gambar 3.17 rancangan halaman general setting admin berita dan

informasi edkpp :

33
 34

1. Menu setting

2. Username pada setting

3. Email pada setting

4. Password pada setting

2. Perancangan Tampilan User

a. Halaman Registrasi

Gambar 3.18 rancangan halaman registrasi user

Keterangan gambar 3.18 rancangan halaman registrasi user :

1. Masukan username untuk mendaftar

2. Masukan email untuk mendaftar

3. Masukan password untuk mendaftar

4. Masukan password ulang untuk mendaftar

34
 35

b. Halaman Ternak Masuk

3
2

Gambar 3.19 rancangan halaman data ternak masuk user

Keterangan gambar 3.19 rancangan halaman data ternak masuk user :

1. Menu Data Ternak Masuk pada user

2. Isi pada halaman Data Ternak Masuk pada user

3. Menu pencarian pada Data Ternak Masuk

4. Halaman pencarian pada Data Ternak Masuk

35
 36

c. Halaman Populasi Ternak

1
2 3

Gambar 3.20 rancangan halaman populasi ternak

Keterangan gambar 3.20 rancangan halaman populasi ternak :

1. Menu Data Populasi Ternak
2. Isi halaman menu Data Populasi Ternak
3. Pencarian Data Populasi Ternak
4. Halaman pada Data Populasi Ternak

36
 37

d. Halaman Laporan Data Ternak Masuk

Gambar 3.21 rancangan halaman laporan masuk user

Keterangan gambar 3.21 rancangan halaman laporan masuk use :

1. Jenis laporan yang akan di laporkan

2. Nomer handphone pelapor
3. Judul laporan
4. Isi laporan
5. Tanggal laporan
6. Lampiran file laporan

37
 BAB IV

HASIL DAN PEMBAHASAN

4.1 Implementasi Sistem Yang Digunakan

Dalam Perancangan Aplikasi E-Information Pelayanan Tentang Data

Ketahanan Pangan dan, penulis menggunakan program berbasis web yang

menggunakan PHP sebagai bahasa pemogramannya. Program ini dibuat oleh

penulis sangat sederhana hingga mudah digunakan, karena administrator hanya

perlu memasukkan data baru ke dalam situs dan pengguna hanya perlu mengklik

untuk melihat tampilan situs yang sebelumnya dimasukkan oleh administrator.

Tombol yang sudah ada sesuai dengan strukturnya. Alasan di atas dapat

digunakan untuk membantu para masyarakat agar dapat melihat data ternak masuk

dan data populasi pada dinas ketahanan pangan dan peternakan. Diperlukan

informasi penyediaan perangkat lunak (software) dan perangkat keras (hardware).

Berikut daftar perangkat lunak (software) dan perangkat keras (hardware)

yang dibutuhkan.

4.1.1 Spesifikasi Hardware (Perangkat Keras)

Perancangan aplikasi yang dibangun memerlukan perangkat keras atau

hardware untuk menjalankan suatu sistem operasi dan perangkat lunak lainnya.

Komputer dan komponen harus saling mendukung kemampuan. Berikut penjelasan

dari Tabel adalah spesifikasi perangkat keras yang digunakan dalam peneltian.

38
 39

Tabel 4.1 Spesifikasi hardware (perangkat keras)

No Nama Komponen Spesifikasi
1 Processor Intel Core i7-6500U
2.50Ghz
2 RAM 8 GB
3 Harddisk 1 TB
4 Operating System Windows 10 Home

4.1.2 Spesifikasi Software (Perangkat Lunak)

a. Spesifikasi perangkat lunak pengembang (developer)
Tabel 4.2 Spesifikasi perangkat lunak pengembang (developer)
No Nama Komponen Version
1 Microsoft Visio 2016
2 Microsoft Word 2016
3 Adobe Photoshop CC CC 2018
4 Sublime Text Build 4143
5 Windows 10 Home Single Language 64-bit Build 19045

b. Spesifikasi perangkat lunak aplikasi e-dkpp

Tabel 4.3 Spesifikasi perangkat lunak aplikasi edkpp
No Nama Software Version
1 OS System Server Linux
2 Apache 2.4.54
3 PHP 5.4.33

4.2 Tampilan Sistem Aplikasi E-Information Pelayanan Data Ketahanan Pangan

dan Peternakan Provinsi Sumatera Utara
Tampilan Sistem Aplikasi E-Information Pelayanan Data Ketahanan

Pangan dan Peternakan Provinsi Sumatera Utara ini terdapat 2 tampilan layar, yaitu

tampilan admin dan user. Tampilan admin terdiri dari tampilan login, dashboard,

kelola data ternak masuk, kelola data populasi ternak dan kelola laporan user.
 40

Sedangkan untuk tampilan user/pengguna tersedia halaman registrasi, login,

dashboard, data ternak masuk, data populasi ternak dan halaman pelaporan data

Adapun tampilan menu - menu tampilan Sistem Aplikasi E-Information

Pelayanan Data Ketahanan Pangan dan Peternakan Provinsi Sumatera Utara

sebagai berikut :

4.2.1 Tampilan Halaman Login Admin

Pada halaman login admin nantinya admin dapat langsung login/masuk

dengan memasukan email dan password yang telah terdaftarkan di sistem.

Gambar 4.1 Tampilan halaman login EDKPP

 41

4.2.2 Tampilan Halaman Dashboard Admin

Pada halaman dashboard admin tersedia tampilan selamat datang ketika

baru login Gambar 4.2 tampilan halaman dashboard admin.

Gambar 4.2 Tampilan Halaman Dashboard Admin

4.2.3 Tampilan Halaman Data Ternak Masuk Admin

Pada halaman data ternak masuk menampilkan fungsi dari halaman data

ternak masuk, fungsi dari halaman ini adalah untuk menginput data pada ternak

yang masuk dimulai dari tanggal hingga jenis hewan ternak yang masuk.

Gambar 4.3 Tampilan Halaman Data Ternak Masuk Admin

 42

4.2.4 Tampilan Halaman Populasi Ternak Admin

Pada halaman populasi ternak admin mirip seperti halaman data ternak

masuk yang sama – sama menampilkan fungsi seperti halaman data ternak masuk.

fungsi dari halaman ini adalah untuk menginput data populasi ternak yang ada

dimulai dari tanggal populasi ternak hingga jenis populasi ternak.

Gambar 4.4 Tampilan Halaman Populasi Ternak Admin

4.2.5 Tampilan Halaman Kotak Masuk Admin

Pada halaman kotak masuk admin ini, admin nantinya akan diarahkan

kedalam halaman yang menampilkan keluhan, saran dan kritikan yang masuk dari
 43

user. Nantinya semua itu akan di tampung di dalam satu halaman tersendiri,

halaman itu bernama kotak masuk admin.

Gambar 4.5 Tampilan Halaman Kotak Masuk Admin

4.2.6 Tampilan Halaman Login Portal Berita EDKPP Admin

Halaman login admin portal berita edkpp berisi tampilan yang hampir sama

dengan halaman login admin edkpp, yang berisikan form username dan password.

Gambar 4.6 Tampilan Halaman Login Portal Berita

EDKPP Admin
 44

4.2.7 Tampilan Halaman Dashboard Portal Berita EDKPP Admin

Halaman dashboard portal berita edkpp admin merupakan terusan dari

halaman login admin portal berita edkpp. Nantinya halaman ini merupakan halaman

awal ketika sudah login.

Gambar 4.7 Tampilan Halaman Dashboard Portal Berita

EDKPP Admin

4.2.8 Tampilan Halaman Post Page Portal Berita EDKPP Admin

Halaman post page porta berita edkpp admin, merupakan halaman untuk

membuat artikel berita dan informasi yang akan disajikan kepada user atau

pengunjung portal berita edkpp. Gambar 4.8 Tampilan Halaman Post Page Portal

Berita EDKPP Admin.

Gambar 4.8 Tampilan Halaman Post Page Admin

 45

4.2.9 Tampilan Halaman General Setting Portal Berita EDKPP Admin

Halaman general setting portal berita admin merupakan halaman yang
berisikan pengaturan profile pada admin. Gambar 4.9 Tampilan Halaman General
Setting Portal Berita Admin.

Gambar 4.9 Tampilan Halaman General Setting

Portal Berita EDKPP Admin
 46

4.2.10 Tampilan Halaman Beranda Portal Berita EDKPP Admin

Halaman beranda portal berita admin merupakan halaman bagi admin
melihat hasil dari postingan yang telah dibuat sebelummnya di post page. Gambar
4.10 Tampilan Halaman Beranda Portal Berita Admin.

Gambar 4.10 Tampilan Halaman Beranda Portal Berita

EDKP Admin
 47

4.2.11 Tampilan Halaman Portal Berita dan Informasi User

Pada halaman ini user akan masuk pada sebuah portal berita dan informasi
yang berkaitan dengan edkpp. Gambar 4.11 Tampilan Halaman Portal Berita dan
Informasi User

Gambar 4.11 Tampilan Halaman Beranda Portal

Berita dan Informasi EDKPP

Gambar 4.12 Tampilan Halaman Postingan

Berita dan Informasi EDKPP
 48

4.2.12 Tampilan Halaman Registrasi User EDKPP

Pada tampilan halaman registrasi ini, user atau pengguna baru akan
diarahkan untuk mengisi form terlebih dahulu. Fungsi registrasi ini nantinya akan
berguna saat akan masuk kedalam aplikasi EDKPP.

Gambar 4.13 Tampilan Halaman Registrasi User

4.2.13 Tampilan Halaman Login User

Halaman login berguna sebagai pintu masuk user ke dalam aplikasi edkpp.
Login dapat berfungsi setelah menyelesaikan pendaftaran pada halaman registrasi
user.

Gambar 4.14 Tampilan Halaman Login User EDKPP

 49

4.2.14 Tampilan Halaman Dashboard User

Halaman dashboard user sama seperti dengan halaman dashboard admin
pada aplikasi edkpp, dimana sama – sama berfungsi halaman beranda pada aplikasi
edkpp.

Gambar 4.15 Tampilan Halaman Dashboard User

4.2.15 Tampilan Halaman Data Populasi Ternak User

Halaman data populasi ternak merupakan halaman yang berisikan data –
data pada populasi ternak dinas ketahanan pangan dan peternakan provsu. Data –
data yang suda di input terlebih dahulu oleh admin edkpp sebelumnya. Gambar 4.16
Tampilan Data Populasi Ternak User.

Gambar 4.16 Tampilan Halaman Data Populasi Ternak User EDKPP

 50

4.2.16 Tampilan Halaman Data Ternak Masuk User

Halaman ini mirip seperti data populasi ternak pada user. Sama – sama
menampilkan data yang telah diinput oleh admin EDKPP. Data – data yang tersedia
akan terbaca oleh sistem user. Gambar 4.17 Tampilan Halaman Data Ternak Masuk
User

Gambar 4.17 Tampilan Halaman Data Ternak Masuk EDKPP

 51

4.2.17 Tampilan Halaman Laporan User EDKPP

Halaman laporan user berfungsi sebagai wadah atau tempat memberikan
saran, krtikan dan masukan terhadap data – data pada aplikasi edkpp yang salah
atau tidak akurat. Gambar 4.18 Tampilan Halaman Laporan User

Gambar 4.18 Tampilan Halaman Pelaporan User EDKP bagian 1

 52

Gambar 4.19 Tampilan Halaman Pelaporan User EDKPP bagian 2

 53

BAB V

PENUTUP

5.1 Kesimpulan
Berdasarkan pembahasan dan hasil penerapan pada aplikasi edkpp untuk
pelayanan information pada dinas ketahanan pangan dan peternakan yang berbasis
web, maka dapat diambil kesimpulan sebagai berikut :
a. Perancangan aplikasi edkpp untuk e-information pada layanan dinas ketahanan
pangan dan peternakan berbasis web bermaksud untuk mempermudah masyrakat
dalam hal mendapatkan data pada dinas ketahanan dan peternakan provsu jadi lebih
mudah.
b. Penggunaan pada sistem aplikasi edkpp e-information layanan dinas ketahanan
pangan dan peternakan provsu yang tedibangun dengan secara dinamis, dapat
membuat para pengguna mendapatkan kemudahan masyarakat pemesanan.

5.2 Saran
Berikut ini merupakan suatu saran dari penulis dalam pembahasan mengenai
perancangan edkpp e-information layanann pada dinas ketahanan pangan dan
peternakan provsu berbasis web :
a. Diharapkan kedepannya sistem aplikasi ini dapat terus berkembang sesuai dengan
kebutuhan setiap pengguna.
b. Diharapkan juga pada aplikasi ini dapat memiliki jarak penggunaan yang lebih luas
dari yang sebelummnya.
 Daftar Pustaka

A. M. Rusdi Nur dan Sayuti, Perancangan Mesin-Mesin Industri, Yogyakarta:

Deepublish, 2018.

A. Simangunsong, “Sistem Informasi Pengarsipan Dokumen Berbasis Web,” Jurnal

Mantik Penusa, p. 11–19, 2018.
B. Fachri. PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS
WEB, Sumatera Utara, 2017.

D. K. P. d. P. P. S. Utara, “Dinas Ketahanan Pangan dan Peternakan Provinsi Sumatera

Utara,” Rencana Aksi Perjanjian Kinerja, 2020. [Online]. Available:
http://www.dishanpangternak.sumutprov.go.id.

Faisal, “Aplikasi Smart Trash Can Dalam Mengatasi Persoalan Sampah,” Jurnal Teknik
Informatika UIN Makassar , 2017.

Fauzi, Sistem Informasi Akuntansi (Berbasis Akuntansi), Yogyakarta: Deepublish,

2017.

K. d. B. H. Rukun, Sistem Informasi Berbasis Expert, Yogyakarta: CV Budi Utama,

2018.

M. d. Hamidin, Analisis Dan Perancangan Sistem Informasi, Yogyakarta: Deepublish,

2017.

I. L. &. S. Eviana, “Aplikasi Administrasi Kenaikan Gaji,” J. Kahtulistiwa Inform, p.

21–29, 2017.

S. L. S. S. M. F. J. T. C. a. M. F. Misty E. Vermaat, Discovering Computers ©2018:

Digital Technology, Data, and Devices, Boston: Cengage Learning, 2018.

C. Northwood, The Full Stack Developer, Apress, 2018.

F. S. a. S. D. Gottfried Vossen, The Web at Graduation and Beyond, Springer, 2017.

J. Robbins, Learning Web Design, Canada: O’Reilly Media, Inc, 2018.

C. P. M. C. S. J. N. E. a. N. D. Ben Shneiderman, Designing the User Interface,

Pearson, 2018.

Salamun, “SISTEM MONITORING NILAI SISWA BERBASIS ANDROID,”

RABIT(Jurnal Teknologi dan Sistem Informasi Univrab) , p. VOL. 2 No. 2, 2017.

54
R. Rerung, Pemrograman Web Dasar, Yogyakarta: Deeppublish, 2018.

V. S. a. r. h. Sianipar, Tutorial Pemograman Java, BALIGE: BALIGE PUBLISHING,

2020.

S. M. Ummy Gusti Salamah, Tutorial Cascading Style Sheets (CSS), Bandung: Media
Sains Indonesia, 2021.

R. d. S. M. A. S., Rekayasa Perangkat Lunak Terstruktur, Bandung: Informatika, 2018.

Hamdan, Industri 4.0: Pengaruh Revolusi Industri Pada Kewirausahaan Demi,

NUSAMBA, 2018.

Hasan, M. A., & Nasution, N. (2018). Rancang Bangun Aplikasi Pembuatan Web
Blog Berbasis Web Menggunakan HTML5. INOVTEK Polbeng - Seri
Informatika, 3(1), 68. https://doi.org/10.35314/isi.v3i1.362
Nazir, M., Putri, S. F., & Malik, D. (2022). Perancangan Aplikasi E-VOTING
Menggunakan Diagram UML (Unified Modelling Language). Jurnal Ilmiah
Komputer Terapan dan Informasi, 1(1), 5-9.

M. S. ,. A. Drs. H. Kasiyanto Kasemin, Agresi Perkembangan Teknologi, Jakarta:

Prenada Media, 2017.

B. Fachri, PERANCANGAN SISTEM INFORMASI PERPUSTAKAAN BERBASIS

WEB, Sumatera Utara, 2017.

I. Eviana, Lisnawanty dan D. O. & Sihombing, “Aplikasi Administrasi Kenaikan Gaji

Berkala Berbasis Web Pada Penanggulangan Bencana Daerah Provinsi Kalbar,”
JURNAL KHATULISTIWA INFORMATIKA, pp. 21-29, 2017.

Putri, R. E. (2018). Perancangan Aplikasi Rekam Medis Menggunakan Bahasa

Pemograman VB. Net 2010. Jurnal Teknik dan Informatika, 5(2), 49-55.

Setiawan, Y., Fitri, I., & Sholihatih, I. D. (2022). Electronic Electronic Customer
Relationship Management Menggunakan Framework Codeigniter dengan
Metode Waterfall Berbasis Website. Jurnal JTIK (Jurnal Teknologi Informasi
dan Komunikasi), 6(2), 202-214.

55
 LAMPIRAN

Source Code Halaman Login

<?php
defined('BASEPATH') OR exit('No direct script access allowed');

class Auth extends CI_Controller

public function __construct()

parent::__construct();

$this->load->library('form_validation'); //agar bisa

menggunakan validasi di register

public function index()

$this->form_validation->set_rules('email', 'Email',
'trim|required|valid_email');

$this->form_validation->set_rules('password', 'Password',
'trim|required');

if($this->form_validation->run() == false) {

$data['title'] = 'Login'; //menerapkan judul title

$this->load->view('templates/auth_header', $data);

$this->load->view('auth/login');

$this->load->view('templates/auth_footer');

}else{

$this->_login();

56
 private function _login()

$email = $this->input->post('email');

$password = $this->input->post('password');

$user = $this->db->get_where('user', ['email' => $email])-

>row_array();

if($user) {

if($user['is_active'] == 1){

if(password_verify($password, $user['password']))
{

$data= [

'email' => $user['email'],

'role_id' => $user['role_id']

];

$this->session->set_userdata($data);
if($user['role_id'] ==1) {

redirect('admin');

redirect('user');

}else{

$this->session->set_flashdata('message','<div
class="alert alert-danger" role="alert">Password salah</div>' );

redirect('auth');

}else{

$this->session->set_flashdata('message','<div
class="alert alert-danger" role="alert">Email tidak aktif</div>'
);

redirect('auth');

}else{

57
 $this->session->set_flashdata('message','<div
class="alert alert-danger" role="alert">Email tidak
terdaftar</div>' );

redirect('auth');

public function registration()

$this->form_validation->set_rules('name', 'Nama',
'required|trim');

$this->form_validation->set_rules('email', 'Email',
'required|trim|is_unique[user.email]', [

'is_unique' => 'Email sudah terdaftar',

]);

$this->form_validation->set_rules('password1', 'Password',
'required|trim|min_length[3]|matches[password2]', [

'matches' => 'Password tidak sama',

'min_length' => 'Password terlalu pendek',

]);

$this->form_validation->set_rules('password2', 'Password',
'required|trim|matches[password1]');

if($this->form_validation->run() == false) {

$data['title'] = 'Registration';

$this->load->view('templates/auth_header', $data);
//memanggil templates header & data judul title

$this->load->view('auth/registration');

$this->load->view('templates/auth_footer');

}else{

$data = [

58
 'name' => htmlspecialchars($this->input-
>post('name', false)),

'email' => htmlspecialchars($this->input-

>post('email', false)),

'image' => 'default.jpg',

'password' => password_hash($this->input-
>post('password1'), PASSWORD_DEFAULT),

'role_id' => 2,

'is_active' => 1,

'date_created' => time()

];

$this->db->insert('user', $data); //memasukkan data ke

database

$this->session->set_flashdata('message','<div
class="alert alert-success" role="alert">

Selamat! Akun Anda Sudah Terdaftar</div>' );

$this->session->set_flashdata('message','<div
class="alert alert-success" role="alert">

Pendaftaran Berhasil! Silahkan Login <?=</div>' );

redirect('auth');//kembalikan ke halaman login

public function logout()

$this->session->unset_userdata('email');

$this->session->unset_userdata('role_id');

$this->session->set_flashdata('message','<div class="alert
alert-success text-center" role="alert">Kamu telah log out</div>'
);

//session_destroy();

59
 redirect('auth','refresh');

Source Code Halaman Admin

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

class Admin extends CI_Controller

public function index()

$data['title'] = 'Dashboard';

$this->load->model('Admin_model');

$data['user'] = $this->db->get_where('user', ['email' =>

$this->session->userdata('email')])->row_array();

$data['pternak'] = $this->Admin_model->pternak();

$data['tmasuk'] = $this->Admin_model->tmasuk();

$this->load->view('templates/header', $data); //$data

untuk menampilkan nama user di dashboard

$this->load->view('templates/sidebar', $data);

$this->load->view('templates/topbar', $data);

$this->load->view('admin/index', $data);

$this->load->view('templates/footer');

Source Code Halaman User

<!-- Begin Page Content -->

<div class="container-fluid">

60
 <!-- Page Heading -->

<h1 class="h3 mb-4 text-gray-800"><?= $title;

?></h1>

<div class="row">

<div class="col-xl-6 col-md-6 mb-4">

<div class="card border-left-primary

shadow h-100 py-2">

<div class="card-body">

<div class="row no-gutters

align-items-center">

<div class="col mr-2">

<div class="text-
center">

<h>Selamat
Datang</h></div>

<div class="h5 mb-0

font-weight-bold text-gray-800"></div>

</div>

<div class="col-auto">

</div>

</div>

</div>

</div>

</div>

<div class="col-xl-6 col-md-6 mb-4">

<div class="card border-left-success

shadow h-100 py-2">

<div class="card-body">

<div class="row no-gutters

align-items-center">

<div class="col mr-2">

<div class="text-
center">

61
 Fitur</div>

<div class="h5 mb-0

font-weight-bold text-gray-800"></div>

</div>

</div>

<div class="col-auto">

<li>Data Ternak (<?=

$pternak+$tmasuk ?>)</li>

<li><a
href="https://forms.gle/FqDKuXUtRrEv5e4d6">Laporkan
Masalah</a></li>

</div>

</div>

</div>

</div>

</div>

</div>

<!-- /.container-fluid -->

</div>

<!-- End of Main Content -->

62