APLIKASI PENGENALAN MAKANAN

KHAS KALIMANTAN TENGAH

BERBASIS WEB

TUGAS BESAR

Disusun Untuk Memenuhi Syarat Kelulusan Matakuliah

Rekonstruksi Perangkat Lunak

OLEH

YEHEZKIEL RAYNALDE M. B C1657201055

AGUSRIANTO C1657201048
FERNANDO JHONIANTO C1657201067
MEIFIN SUHANDI C1657201070

PROGRAM STUDI SISTEM INFORMASI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

(STMIK) PALANGKARAYA
2018
 APLIKASI PENGENALAN MAKANAN
KHAS KALIMANTAN TENGAH
BERBASIS WEB

TUGAS BESAR

Disusun Untuk Memenuhi Syarat Kelulusan Matakuliah

Rekonstruksi Perangkat Lunak

OLEH

YEHEZKIEL RAYNALDE M. B C1657201055

AGUSRIANTO C1657201048
FERNANDO JHONIANTO C1657201067
MEIFIN SUHANDI C1657201070

PROGRAM STUDI SISTEM INFORMASI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

(STMIK) PALANGKARAYA
2018
 KATA PENGANTAR

Puji syukur kami haturkan kepada Tuhan Yang Maha Esa, atas Rahmat dan

Karunia-Nya sehingga penulis dapat menyelesaikan tugas besar Rekonstruksi

Perangkat Lunak dengan judul Aplikasi Pengenalan Makanan Khas Kalimantan

Tengah Berbasis Web, dapat diselesaikan sesuai dengan rencana.

Pada kesempatan ini penulis mengucapkan terimakasih kepada pihak-pihak

yang telah membantu dalam penyelesaian Tugas Besar ini terutama kepada :

1. Bapak Hafiz Riyadli, M.Kom yang telah membimbing kami dalam

menyelesaikan tugas besar Rekonstruksi Perangkat Lunak.

2. Rekan-rekan kelompok yang dapat bekerja sama dengan baik dalam

mengerjakan tugas besar Rekonstruksi Perangkat Lunak.

3. Rekan-rekan yang turut membantu dalam pembuatan tugas besar ini.

Penulis menyadari bahwa dalam penyusunan tugas besar ini masih jauh dari

sempurna. Oleh karena itu, kami mengharapkan saran dan kritik yang membangun

demi kesempurnaan penyusunan karya ilmiah sederhana yang akan datang.

Palangka Raya, Oktober 2018

Penyusun

ii
 DAFTAR ISI
Halaman
HALAMAN SAMPUL DALAM ........................................................... i
KATA PENGANTAR ............................................................................ ii
DAFTAR ISI ....................................................................................... iii
DAFTAR TABEL ................................................................................... v
DAFTAR GAMBAR ............................................................................. vi
BAB I PENDAHULUAN
A. Latar Belakang Masalah .......................................... 1
B. Perumusan Masalah ................................................ 2
C. Batasan Masalah...................................................... 2
D. Tujuan Penelitian .................................................... 3
E. Manfaat Penelitian .................................................. 3
BAB II TINJAUAN PUSTAKA
A. Dasar Teori .............................................................. 4
1. Teori yang Berkaitan Dengan Topik Penelitian 4
2. Pemodelan yang Digunakan .............................. 5
3. Konsep Basis Data ............................................ 6
4. Perangkat Lunak yang Digunakan .................... 7
BAB III METODOLOGI PENELITIAN
A. Metode Penelitian.................................................... 12
1. Jenis Penelitian .................................................. 13
2. Metode Pengumpulan Data ............................... 14
BAB IV ANALISIS, DESAIN DAN IMPLEMENTASI
A. Tinjauan Umum ...................................................... 15
B. Studi Kelayakan ...................................................... 16
1. Kelayakan Waktu .............................................. 16
2. Kelayakan Sumber Daya ................................... 17
C. Analisis.................................................................... 18
1. Analisis Sistem yang Berjalan .......................... 18
2. Analsisi Kebutuhan Sistem ............................... 21
D. Desain Sistem .......................................................... 23
1. Desain Interface/Antarmuka ............................. 23
2. Penggunaan Metode Perancangan Sistem ......... 34
3. Desain Basis Data ............................................. 47
E. Implementasi ........................................................... 50
1. Implementasi Program ...................................... 50
F. Hasil Penelitian dan Pembahasan............................ 76
1. Pengguna ........................................................... 76
2. Admin................................................................ 82

iii
 BAB V PENUTUP
A. Kesimpulan ............................................................. 90
B. Saran ........................................................................ 90

DAFTAR PUSTAKA

iv
 DAFTAR TABEL
Halaman
Tabel 4.1 Analisis Sistem yang Berjalan ........................................ 20
Tabel 4.2 Kebutuhan Perangkat Keras ........................................... 21
Tabel 4.3 Kebutuhan Perangkat Lunak .......................................... 22
Tabel 4.4 Kegiatan Aktor dan Interaksinya dengan Sistem ........... 36
Tabel 4.5 Spesifikasi Tabel Admin ................................................ 47
Tabel 4.6 Spesifikasi Tabel Buku Tamu ........................................ 48
Tabel 4.7 Spesifikasi Tabel Galeri ................................................. 48
Tabel 4.8 Spesifikasi Tabel Kategori ............................................. 48

v
 DAFTAR GAMBAR
Halaman
Gambar 4.1 Rancangan Desain Interface Halaman Home ............. 23
Gambar 4.2 Rancangan Desain Interface Halaman Galeri ............. 24
Gambar 4.3 Rancangan Desain Interface Halaman Kumpulan
Galeri Makanan .......................................................... 25
Gambar 4.4 Rancangan Desain Interface Halaman Detail
Deskripsi Makanan ..................................................... 26
Gambar 4.5 Rancangan Desain Interface Halaman Buku Tamu ... 26
Gambar 4.6 Rancangan Desain Interface Halaman Daftar
Buku Tamu ................................................................. 27
Gambar 4.7 Rancangan Desain Interface Halaman About ............. 28
Gambar 4.8 Rancangan Desain Interface Halaman Login ............. 28
Gambar 4.9 Rancangan Desain Interface Halaman Admin .......... 29
Gambar 4.10 Rancangan Desain Interface Halaman Pengolahan
Buku Tamu ................................................................. 30
Gambar 4.11 Rancangan Desain Interface Halaman Update Data
Buku Tamu ................................................................. 31
Gambar 4.12 Rancangan Desain Interface Halaman Pengolahan
Data Galeri Makanan ................................................ 32
Gambar 4.13 Rancangan Desain Interface Halaman Input
Data Galeri Makanan .................................................. 33
Gambar 4.14 Rancangan Desain Interface Halaman Update
Data Galeri Makanan .................................................. 34
Gambar 4.15 Use Case Diagram Aplikasi Pengenalan
Makanan Khas Kalimantan Tengah ........................... 37
Gambar 4.16 Diagram Kelas Sistem Pengenalan
Makanan Khas Kalimantan Tengah ........................... 38
Gambar 4.17 Diagram Aktivitas Menampilkan Galeri Makanan dan
Menampilkan Detail Makanan ................................... 39
Gambar 4.18 Diagram Aktivitas Mengisi Buku Tamu .................... 40
Gambar 4.19 Diagram Aktivitas Menampilkan Tentang ................. 41
Gambar 4.20 Diagram Aktivitas Login Admin ................................ 41
Gambar 4.21 Diagram Aktivitas Tambah Data Galeri Makanan ..... 42
Gambar 4.22 Diagram Aktivitas Edit Data Galeri Makanan ........... 43
Gambar 4.23 Diagram Aktivitas Hapus Data Galeri Makanan ........ 44
Gambar 4.24 Diagram Aktivitas Edit Data Buku Tamu ................. 45
Gambar 4.25 Diagram Aktivitas Hapus Data Buku Tamu .............. 46
Gambar 4.26 Database Relationship ............................................... 49
Gambar 4.27 Source Code Koneksi.php ......................................... 50

vi
Gambar 4.28 Source Code index.php (Bagian Navigasi) ............... 51
Gambar 4.29 Source Code index.php (Bagian Halaman Utama) .... 51
Gambar 4.30 Source Code Index.php (Bagian Galeri) ................... 52
Gambar 4.31 Source Code Index.php (Bagian Buku Tamu) .......... 53
Gambar 4.32 Source Code Index.php (Bagian Tentang) ................ 54
Gambar 4.33 Source Code Login.php ............................................. 54
Gambar 4.34 Source Code Cek_admin.php .................................... 55
Gambar 4.35 Source Code Proses_tambah.php .............................. 55
Gambar 4.36 Source Code update_buku_tamu.php ........................ 56
Gambar 4.37 Source Code update_ galeri.php ................................ 57
Gambar 4.38 Source Code proses_hapus_buku_tamu.php ............. 58
Gambar 4.39 Source Code proses_hapus_galeri.php ...................... 59
Gambar 4.40 URL yang diketikkan pada address box
aplikasi browser ......................................................... 60
Gambar 4.41 Halaman Home .......................................................... 61
Gambar 4.42 Link pada halaman Home .......................................... 61
Gambar 4.43 Link untuk masuk halaman Detail Galeri .................. 62
Gambar 4.44 Gambar Halaman Detail Galeri ................................. 62
Gambar 4.45 Form untuk mengisi Buku Tamu ............................... 63
Gambar 4.46 Halaman Daftar Buku Tamu ..................................... 64
Gambar 4.47 Halaman About .......................................................... 64
Gambar 4.48 Link Login Admin ..................................................... 65
Gambar 4.49 Form Login ................................................................ 66
Gambar 4.50 Halaman Dashboard Administrator ........................... 66
Gambar 4.51 Halaman Pengolahan Buku Tamu ............................. 67
Gambar 4.52 Pilihan AKSI Edit Data dan Hapus Data ................... 68
Gambar 4.53 Form edit data buku tamu .......................................... 68
Gambar 4.54 Konfirmasi Menghapus Data ..................................... 69
Gambar 4.55 Halaman Data Pengolahan Data Galeri Makanan ..... 69
Gambar 4.56 Tombol Tambah Data ................................................ 70
Gambar 4.57 Form untuk menambah data Galeri Makanan ........... 70
Gambar 4.58 AKSI Pilihan Edit Data dan Hapus Data Galeri ........ 71
Gambar 4.59 Form Update Data Galeri .......................................... 71
Gambar 4.60 Tombol AKSI Edit Data dan Hapus Data Galeri ...... 72
Gambar 4.61 Konfirmasi Hapus Data Galeri .................................. 73
Gambar 4.62 Tampilan Hasil Halaman Home ................................ 76
Gambar 4.63 Tampilan Hasil Halaman Galery ............................... 77
Gambar 4.64 Tampilan Hasil Halaman Kumpulan
Galeri Makanan ......................................................... 78

vii
Gambar 4.65 Tampilan Hasil Halaman Detail
Deskripsi Makanan .................................................... 79
Gambar 4.66 Tampilan Hasil Halaman Guest Book ....................... 80
Gambar 4.67 Tampilan Hasil Halaman Daftar Buku Tamu ............ 81
Gambar 4.68 Tampilan Hasil Halaman About ................................ 81
Gambar 4.69 Link Login Admin ..................................................... 82
Gambar 4.70 Tampilan Hasil Halaman Login ................................ 82
Gambar 4.71 Tampilan Hasil Halaman Dashboard ......................... 83
Gambar 4.72 Tampilan Hasil Halaman Pengolahan
Data Buku Tamu ........................................................ 84
Gambar 4.73 Tampilan Hasil Halaman Edit Data Buku Tamu ....... 85
Gambar 4.74 Tampilan Hasil Konfirmasi Hapus
Data Buku Tamu ........................................................ 86
Gambar 4.75 Tampilan Hasil Halaman Pengolahan
Data Galeri Makanan ................................................. 86
Gambar 4.76 Tampilan Hasil Halaman Edit Data Galeri ................ 87
Gambar 4.77 Tampilan Hasil Konfirmasi Hapus Data Galeri ........ 88
Gambar 4.78 Tampilan Hasil Halaman Tambah Data Galeri ......... 89

viii
 BAB I

PENDAHULUAN

A. Latar Belakang Masalah

Kuliner saat ini menjadi sebuah jenis wisata yang sangat banyak

dampaknya bagi perkembangan sebuah daerah. Kuliner merupakan sebuah

gaya hidup yang tidak dapat dipisahkan. Karena setiap orang memerlukan

makanan yang sangat dibutuhkan setiap hari, mulai dari makanan yang

sederhana hingga makanan yang berkelas tinggi dan mewah. Salah satu cara

meningkatkan luas daerah pemasaran adalah dengan menggunakan internet.

Pada era sekarang ini banyak perusahaan yang memanfaatkan jasa

pelayanan internet untuk menunjang kegiatan bisnisnya, seperti misalnya

sebagai media promosi yang dapat mengakses seluruh dunia serta dalam

waktu 24 jam. Demikian pula aplikasi web dan android yang sudah banyak

digunakan sebagai media perdagangan antara badan perusahaan maupun

badan usaha dengan pelanggannya. Terutama bagi badan usaha atau badan

usaha yang memiliki keinginan untuk memasarkan atau menjual produknya

secara global, tidak hanya dalam suatu wilayah tertentu.

Melihat masih terbatasnya informasi tentang kuliner khas Kalimantan

Tengah maka dibutuhkan sebuah aplikasi berbasis Web sebagai solusi media

guna membantu memperkenalkan suatu informasi kuliner yang memberikan

keterangan yang lengkap dan terperinci mengenai segala hal yang berkaitan

dengan kuliner tersebut yang berada di provinsi Kalimantan Tengah guna

1
 mewujudkan Provinsi Kalimantan Tengah sebagai salah satu daerah destinasi

atau tujuan pariwisata di Indonesia.

Berdasarkan dari permasalahan diatas maka penulis tertarik

mengangkat judul dari tugas besar Rekonstruksi Perangkat Lunak yaitu

“Sistem Informasi Pengenalan Makanan Khas Kalimantan Tengah Berbasis

Web”.

B. Perumusan Masalah

Dari latar belakang masalah diatas maka rumusan masalahnya adalah

“Bagaimana merancang dan membangun Aplikasi Pengenalan Makanan Khas

Kalimantan Tengah Berbasis Web ? “.

C. Batasan Masalah

Agar pembahasan dan penyusunan tugas ini dapat dilakukan secara

terarah dan tidak menyimpang serta sesuai dengan apa yang diharapkan,

maka perlu ditetapkan batasan – batasan dari permasalahan yang dihadapi,

yaitu:

1. Aplikasi ini hanya untuk menampilkan pengenalan makanan khas

kalimantan tengah.

2. Aplikasi ini mempunyai fungsi admin yang membatasi akses antara user

dengan admin.

3. Aplikasi ini mempunyai fitur untuk buku tamu yang dapat digunakan

oleh user untuk menyampaikan kritik dan saran.

4. Aplikasi ini tidak memiliki fungsi jual beli serta pemesanan makanan.

2
D. Tujuan Penelitian

Adapun tujuan yang ingin di capai pada penelitian tugas besar

Rekontruksi Perangkat Lunak ini adalah sebagai berikut :

1. Menghasilkan aplikasi pengenalan makanan khas berbasis website yang

mampu memberikan informasi tentang makanan khas yang ada di

Kalimantan Tengah.

2. Untuk memenuhi Tugas Besar mata kuliah Rekonstruksi Perangkat

Lunak.

E. Manfaat Penelitian

Adapun manfaat yang dapat diambil dari penelitian ini adalah sebagai

berikut :

1. Bagi STMIK Palangkaraya

Manfaat bagi STMIK Palangkaraya yaitu sebagai bahan kajian bagi

penulis mendatang dalam mengembangkan aplikasi sejenis.

2. Bagi Masyarakat

Manfaat bagi masyarakat yaitu memberikan informaasi tentang

masakan khas yang lengkap di Kalimantan Tengah.

3
 BAB II

TINJAUAN PUSTAKA

A. Dasar Teori

Penelitian ini membutuhkan pemahaman terhadap sejumlah teori-teori

untuk mendukung atau menjadi dasar serta referensi dalam penelitian dan

dalam membangun sistem. Berikut ini beberapa referensi yang berkaitan

dengan objek pembahasan-pembahasan dalam penelitian ini, diantaranya

sebagai berikut :

1. Teori yang Berkaitan dengan Topik Penelitian

a. Aplikasi

Menurut Yuhefizar (2012), Aplikasi merupakan program yang

dikembangkan untuk memenuhi kebutuhan pengguna dalam

menjalankan pekerjaan tertentu.

Menurut Sutabri (2012:147), Aplikasi adalah alat terapan yang

difungsikan secara khusus dan terpadu sesuai kemampuan yang

dimilikinya.

Dari pengertian diatas penulis menyimpulkan bahwa Aplikasi

adalah sebuah program yang dibuat dalam sebuah perangkat lunak

dengan komputer untuk memudahkan pekerjaan tertentu.

b. Pengenalan Makanan Khas

Indonesia merupakan Negara yang terdiri atas berbagai suku

bangsa dan memiliki keanekaragaman di berbagai daerah, salah

satunya adalah makanan khas daerah. Makanan Tradisional atau

4
 Khas adalah makanan yang biasa dikonsumsi oleh daerah tertentu,

dengan cita rasa khas yang diterima oleh masyarakat, sebab dalam

karakter masakan di suatu daerah biasanya mencerminkan karakter

masyarakatnya.

c. Web

Menurut Yuhefizar (1998), website adalah suatu metode untuk

menampilkan informasi di internet, baik merupakan teks, gambar,

suara maupun video yang interaktif dan mempunyai kelebihan untuk

menghubungkan suatu dokumen dengan dokumen lainnya yang

dapat diakses melalui sebuah browser.

Menurut Gregorious (2000:30), website adalah kumpulan

halaman web yang saling terhubung dan file – filenya saling terkait.

Web terdiri dari page atau halaman, dan kumpulan halaman yang

dinamakan homepage. Homepage berada di posisi teratas, dengan

halaman – halaman terkait berada di bawahnya. Biasanya setiap

halaman dibawah homepage disebut child page, yang berisi

hyperlink ke halaman lain dalam web.

2. Pemodelan yang Digunakan

a. Unified Modeling Language (UML)

Unified Modeling Language (UML) adalah salah satu standar

bahasa yang banyak digunakan di dunia industri untuk

mendefinisikan requirement, membuat analisis dan desain, serta

menggambarkan arsitektur dalam pemrograman berorientasi objek.

5
 UML merupakan bahasa visual untuk pemodelan dan komunikasi

mengenai sebuah sistem dengan menggunakan diagram dan teks-teks

pendukung.

UML muncul karena adanya kebutuhan pemodelan visual

untuk menspesifikasikan, menggambarkan, membangun, dan

dokumentasi dari sistem perangkat lunak.

UML hanya berfungsi untuk melakukan pemodelan. Jadi

penggunaan UML tidak terbatas pada metodologi tertentu, meskipun

pada kenyataannya UML paling banyak digunakan pada metodologi

berorientasi objek (Rosa A.S dan M. Shalahudin, 2014:133).

3. Konsep Basis Data

a. Pengertian Basis Data

Winarno dan Ali Zaki (2014:102), database merupakan suatu

tempat untuk menyimpan data yang jenisnya beraneka ragam.

Keuntungan menyimpan data di database adalah kemudahan dalam

penyimpanan dan menampilkan data karena dalam bentuk tabel.

Rosa dan M. Shalahudin (2014:43) Basis data adalah media

untuk menyimpan data agar dapat diakses dengan mudah dan cepat.

Subekti, Ichsan Risnandar, dan Hafni S.S., (2013:90) basis

data adalah kumpulan data yang tersimpan dalam tabel-tabel. Tabel-

tabel itu disusun berdasarkan baris dan kolom.

6
 DBMS (Database Management System) atau dalam bahasa

Indonesia sering disebut sebagai Sistem Manajemen Basis Data

adalah suatu sistem aplikasi yang digunakan untuk menyimpan,

mengelola dan menampilkan data (Rosa dan Shalahuddin, 2013:44).

DBMS membantu dalam pemeliharaan dan pengolahan

kumpulan data dalam jumlah besar, sehingga dengan menggunakan

DBMS tidak menimbulkan kekacauan dan dapat digunakan oleh

pengguna sesuai dengan kebutuhan. DBMS merupakan perantara

bagi pemakai dengan basis data. Untuk berinteraksi dengan DBMS

(basis data) menggunakan bahasa basis data yang telah ditentukan

oleh perusahaan DBMS. Bahasa basis data biasanya terdiri atas

perintah-perintah yang diformulasikan sehingga biasanya ditentukan

oleh user.

4. Perangkat Lunak yang Digunakan

Perangkat lunak yang digunakan penulis untuk membangun sistem

ini adalah sebagai berikut:

a. MySQL

MySQL adalah sebuah perangkat lunak sistem manajemen

basis data SQL (database management system) atau DBMS

yang multithread, multi-user, dengan sekitar 6 juta instalasi di

seluruh dunia. MySQL AB membuat MySQL tersedia sebagai

perangkat lunak gratis dibawah lisensi GNU General Public

License (GPL), tetapi mereka juga menjual dibawah lisensi

7
komersial untuk kasus-kasus dimana penggunaannya tidak cocok

dengan penggunaan GPL. MySQL juga memiliki beberapa

kelebihan, antara lain:

1) Portability

MySQL dapat berjalan stabil pada berbagai sistem operasi

seperti Windows, Linux, FreeBSD, Solaris dan lain-lain.

2) Open Source

MySQL didistribusikan secara open source (gratis), dibawah

lisensi GPL sehingga dapat digunakan cuma-cuma.

3) Multi User

MySQL dapat digunakan oleh beberapa user dalam waktu yang

bersamaan tanpa mengalami masalah atau konflik.

4) Performance Tuning

MySQL memiliki kecepatan yang menakjubkan dalam

menangani query sederhana, dengan kata lain dapat memproses

lebih banyak SQL per satuan waktu.

5) Coloumn Types

MySQL memiliki tipe kolom yang sangat kompleks,

seperti integer, double, char, text, date dan lain-lain.

6) Command and Function

MySQL memiliki operator dan fungsi secara penuh yang

mendukung perintah select dan where dalam query.

8
 7) Struktur Tabel

MySQL memiliki struktur tabel yang lebih fleksibel dalam

menangani ALTER TABLE, dibandingkan database lainnya.

Dari berbagai kelebihan tadi MySQL juga memiliki kelemahan

yaitu feature-creep artinya MySQL berusaha kompatibel dengan

beberapa standar serta berusaha memenuhinya namun jika itu

diungkapkan kenyataannya bahwa fitur-fitur tersebut belum lengkap

dan belum berperilaku sesuai standar.

b. Sublime Text 3

Sublime Text 3 adalah sebuah code editor bagi para developers

yang fungsinya hampir sama seperti notepad++, aptana studio,

komodo, bluefish, dan code editor yang lainnya. Kelebihan dari

sublime text yaitu program ini sangat ringan dan mudah untuk

dijalankan.

c. Mozilla Firefox

Mozilla Firefox (aslinya bernama Phoenix dan kemudian untuk

sesaat dikenal sebagai Mozilla Firebird) adalah peramban web lintas

platform gratis yang dikembangkan oleh Yayasan Mozilla dan

ratusan sukarelawan.

Sebelum rilis versi 1.0-nya pada 9 November 2004, Firefox

telah mendapatkan sambutan yang sangat bagus dari pihak media,

termasuk dari Forbes dan Wall Street Journal. Dengan lebih dari 5

juta download dalam 12 hari pertama rilisnya dan 6 juta hingga 24

9
 November 2004, Firefox 1.0 adalah salah satu perangkat lunak

gratis, sumber terbuka (open-source) yang paling banyak digunakan

di antara pengguna rumahan.

Melalui Firefox, Yayasan Mozilla betujuan untuk

mengembangkan sebuah peramban web yang kecil, cepat, sederhana,

dan sangat bisa dikembangkan (terpisah dari Mozilla Suite yang

lebih besar). Sejak 3 April 2003, Firefox dan

klien surelThunderbird telah menjadi fokus utama pengembang

Yayasan Mozilla untuk menggantikan Mozilla Suite.

Firefox dapat dijalankan pada berbagai macam sistem operasi

seperti Microsoft Windows, Linux, Mac OS X, dan FreeBSD.

Adapun versi Mozilla Firefox yang penulis gunakan untuk

membangun sistem adalah Mozilla Firefox versi 51.0 Beta 6.

d. XAMPP

Menurut Utomo (2013:7) Xampp, merupakan bundle paket

instan yang terdiri dari Apache (Server), MySQL (database), dan

PHP. Paket instan ini banyak digunakan oleh beberapa programmer

web karena kemudahannya sehingga programmer tidak perlu

mengkonfigurasi dari awal melainkan tinggal pakai. Aplikasi

XAMPP ini dapat digunakan pada semua sistem operasi

(2000,XP,Vista,Windows7 dan Windows 10), serta tersedia juga

untuk versi Linux.

10
e. StarUML

Menurut Suhartanto, dkk. (2007). StarUML adalah software

permodelan yang mendukung UML (Unified Modeling Language).

Berdasarkan pada UML version 1.4 dan dilengkapi 11 macam

diagram yang berbeda, mendukung notasi UML 2.0 dan juga

mendukung pendekatan MDA (Model Driven Architecture) dengan

dukungan konsep UML. StarUML dapat memaksimalkan

pruduktivitas dan kualitas dari suatu software project.

11
 BAB III

METODOLOGI PENELITIAN

A. Metode Penelitian

Sugiyono dalam bukunya metode kuantitatif kualitatif dan R & D,

menyatakan bahwa penelitian merupakan metode penelitian yang digunakan

untuk mengembangkan atau memvaliditasi produk-produk yang digunakan

dalam pendidikan dan pembelajaran. yang dikutip oleh. (Sugiyono, 2010: 9)

Metode berasal dari bahasa inggris method yang artinya cara, yaitu cara

untuk mecapai tujuan. Menurut Wardi Bachtiar seperti dikutip Adon

Nasrullah J. metode penelitian berarti prosedur pencarian data, meliputi

penentuan populasi, sampling penjelasan konsep dan pengukurannya, cara-

cara pengumpulan data dan teknik analisisnya (Jamaludin, 2011: 54). Metode

yang digunakan dalam penelitian ini adalah metode kualitatif.

Metode kualitatif adalah metode penelitian yang berlandaskan pada

filsafat postpositivisme, digunakan untuk meneliti pada kondisi obyek yang

alamiah, (sebagai lawannya eksperimen) dimana peneliti adalah sebagai

instrument kunci, pengambilan sampel sumber data dilakukan secara

purposive dan snowbaal, teknik pengumpulan dengan trianggulasi

(gabungan), analisis data bersipat induktif atau kualitatif, dan hasil penelitian

kualitatif lebih menekankan makna dari pada generalisasi (Sugiyono 2010:

15).

Metode yang digunakan dalam penelitian ini adalah metode penelitian

kualitatif. Selain itu, metode penelitian kualitatif juga memposisikan peneliti

12
sebagai instrument inti. Dalam hal ini, peneliti banyak menghabiskan waktu

di daerah penelitian untuk mengamati dan memahami masalah secara

mendalam. Metode ini bersifat deskriptif, sehingga data yang dikumpulkan

lebih banyak berupa kata atau atau gambar daripada data dalam bentuk

angka-angka yang lebih menekankan proses daripada produk. Metode ini

cenderung menganalisis data secara induktif. Peneliti mengumpulkan data

atau bukti-bukti bukan untuk membuktikan hipotesis yang telah peneliti

miliki sebelum melaksanakan penelitian. Melainkan untuk mengembangkan

teori-teori berdasarkan hal-hal hkusus yang berhasil ditemukan dan

dikumpulkan dari lapangan. Selain itu, penelitian ini lebih menekankan

proses daripada produk, sehingga lebih banyak mempertanyakan bagaimana

mengapa daripada apa ( Zamroni, 1992:81-82).

Seperti yang telah dijelaskan di atas, bahwa metode penelitian ini

bersifat deskriptif. Dalam hal ini, penulis mendeskripsikan masalah-masalah

yang ditemukan dengan apa adanya. Penelitian yang bersifat deskriptif

bertujuan untuk memberikan gambaran tentang suatu gejala atau hubungan

antara dua gejala atau lebih ( Irawan Soeharto, 2008: 35).

1. Jenis penelitian

Jenis yang digunakan dalam penelitian ini adalah penelitian

research and development. Metode research and development adalah

metode penelitian yang digunakan untuk menghasilkan produk tertentu,

menguji keaktifan produk tersebut.

13
2. Metode pengumpulan data

Dalam pengumpulan data, penulis menggunakan beberapa metode

pengumpulan data selama penelitian. Metode pengumpulan data yang

digunakan, yaitu:

a. Observasi

Dalam penelitian ini penulis melakukan pengumpulan data secara

langsung terhadap permasalahan yang diambil baik berupa bertanya

kepada masyarakat umum dan pengumpulan data produk kuliner di

Kalimantan Tengah.

b. Wawancara

Untuk melengkapi data-data yang diperlukan dalam Aplikasi

Pengenalan Makanan khas Kalimantan Tengah ini maka dilakukan

wawancara terhadap masyarakat sekitar dan rumah makan yang

menyediakan makanan khas Kalimantan Tengah.

c. Metode Kepustakaan

Kepustakaan dengan mengambil acuan dari data – data yang ada

berkaitan dengan penelitian melalui membaca buku – buku dari

perpustakaan dan mencari referensi dari internet.

d. Metode dokumentasi

Teknik pengumpulan data ini digunakan untuk memperoleh data

dengan cara mendokumentasikan pengambilan dari internet berupa

gambar produk makanan khas dan sejenisnya agar dapat digunakan

dalam pembuatan aplikasi Web nantinya.

14
 BAB IV

ANALISIS, DESAIN DAN IMPLEMENTASI

A. Tinjauan Umun

Website atau situs adalah kumpulan halaman yang menampilkan

informasi data teks, data gambar diam atau gerak, data animasi, suara, video

dan atau gabungan dari semuanya, baik yang bersifat statis maupun dinamis

yang membentuk satu rangkaian bangunan yang saling terkait dimana

masing-masing dihubungkan dengan jaringan-jaringan halaman (hyperlink).

Bersifat statis apabila isi informasi website tetap, jarang berubah, dan

isi informasinya searah hanya dari pemilik website. Bersifat dinamis apabila

isi informasi website selalu berubah-ubah, dan isi informasinya interaktif dua

arah berasal dari pemilik serta pengguna website.

Seiring dengan kemajuan teknologi yang semakin berkembang, pada

saat ini kemajuan teknologi merupakan keharusan untuk mengikuti

perkembangan baik dari segi aktivitas dan ke efektifan dalam melakukan

kegiatan sehari-hari bagi manusia terutama di dunia internet. Seiring dengan

cepatnya perkembangan internet terutama di bidang website yang

memberikan kontribusi yang lebih bagi kemajuan teknologi. Seiring dengan

berkembangnya dunia website yang dulunya hanya berbasis desktop kini

website berkembang lebih maju yang dulunya bisa hanya berbasis desktop

kini sudah menggunakan berbasis web mobile yang bisa diakses melalui

perangkat komputer maupun smartphone.

15
 Seiring dengan meningkatnya kemajuan teknologi sekarang maka

penulis dengan memanfaatkan teknologi tersebut membuat aplikasi yang

memberikan informasi kepada masyarakat tentang pengenalan Makanan Khas

Kalimantan Tengah.

Dari permasalahan yang dipaparkan di atas maka penulis berinisiatif

membuat Aplikasi Pengenalan Makanan Khas Kalimantan Tengah Berbasis

Web.

B. Studi Kelayakan

Suatu studi kelayakan (Feasibility study) adalah suatu studi yang akan

digunakan untuk menentukan kemungkinan apakah pengembangan proyek

sistem layak diteruskan atau dihentikan. Studi kelayakan disebut juga dengan

istilah High point review (Jogiyanto,2008).

1. Kelayakan Waktu

Penilaian kelayakan waktu ini digunakan untuk menentukan bahwa

apakah pengembangan sistem akan dapat dilakukan dalam batas waktu

yang telah ditetapkan atau tidak, apabila dapat dilakukan dalam batas

waktu yang ditentukan maka sistem tersebut dapat dikatakan layak dari

segi waktu.

Kelayakan waktu yang digunakan untuk menentukan bahwa

pembuatan sistem dapat dilakukan dalam batas waktu yang telah

ditetapkan. Maka pembuatan sistem direncanakan selesai dalam waktu

maksimal ± 6 minggu. Dalam pembangunan aplikasi ini dilakukan dalam

16
 tiga tahap yaitu, tahap pertama analisa sistem yang berjalan, tahap kedua

desain sistem dan yang terakhir tahap ketiga yaitu pembuatan sistem.

Jadi perkiraan waktu yang dibutuhkan berdasarkan 3 tahapan diatas

dapat dikatakan cukup dalam pembuatan sistem ini.

2. Kelayakan Sumber Daya

Kelayakan sumber daya menyoroti kebutuhan sistem yang telah

disusun dari aspek teknologi yang akan digunakan, jika teknologi atau

sumber daya yang dikehendaki untuk pengembangan sistem merupakan

teknologi yang mudah didapat, murah, dan tingkat pemakaiannya mudah,

maka secara teknis usulan kebutuhan sistem bisa dinyatakan layak.

Begitu juga dengan sumber daya manusianya, apabila sumber daya

manusia yang ada di kelompok atau tim memadai dalam membuat sistem

tersebut maka secara teknis usulan kebutuhan sistem bisa dinyatakan

layak.

Kelayakan sumber daya menyoroti kebutuhan sistem yang telah

disusun dari sumber daya manusia dan teknologi yang akan digunakan

untuk membangun sistem ini. Aplikasi ini merupakan sebuah sistem

berbasis web yang digunakan untuk membantu user dalam mengenal

makanan khas Kalimantan Tengah sehingga memerlukan personal

computer atau laptop. Dari segi teknologi sumber daya yang penulis

gunakan memadai sehingga dari segi teknologi dapat dikatakan layak.

Kemudian dari segi sumber daya manusia dalam kelompok ini cukup

17
 memahami dalam pemrograman berbasis web dan database mysql,

sehingga dari segi sumber daya manusia juga dapat dikatakan layak.

C. Analisis

1. Analisis Sistem Yang Berjalan

Untuk mengetahui kelemahan pada sistem yang sedang berjalan

pada Pengenalan Makanan Khas Kalimantan Tengah, penulis

menggunakan metode analisis PIECES. Berikut adalah hasil analisis

tersebut :

Analisis Sistem Lama Sistem Baru

Performance Dalam mengetahui Dengan menggunakan

(Kinerja) makanan khas Kalimantan sistem baru berbasis
Tengah masih dilakukan aplikasi Website,
pencarian dengan cara pencarian informasi
mendatangi tempat seperti mengenai makanan-
rumah makan atau restoran makanan khas yang ada di
yang ada di Kalimantan Kalimantan Tengah lebih
Tengah sehingga kurang mudah dan efisien tanpa
efisiennya penggunaan harus memakan waktu,
waktu, biaya dan tenaga. biaya serta tenaga yang
banyak.
Information Informasi yang diberikan Informasi mengenai
(Informasi) dalam pengenalan makanan pengenalan makanan khas
khas Kalimantan Tengah Kalimantan Tengah yang
hanya didapatkan apabila diberikan lebih cepat,
mendatangi rumah makan hanya dengan cara
yang menyediakan makanan mengunjungi web
khas Kalimantan Tengah pengunjung sudah

18
 atau bertanya kepada mendapatkan informasi
masyarakat setempat. yang lebih detail dan foto-
Rumah makan tersebut foto mengenai makanan
memberikan informasi khas serta rempah-rempah
tentang makanan khas yang digunakan untuk
Kalimantan Tengah melalui pembuatan makanan khas
media spanduk dan di menu yang ada di Kalimantan
makanan. Tengah.
Economic Dalam mengetahui Dengan membuka web
(Ekonomi) informasi tentang Makanan tersebut, sudah bisa
Khas Kalimantan Tengah mengetahui berbagai
prosedur yang digunakan macam menu dan detail
harus mendatangi rumah makanan-makanan khas,
makan tersebut, hal ini tanpa harus mengeluarkan
sangat memakan waktu dan biaya yang besar untuk
biaya untuk mendapatkan mendatangi rumah makan
informasi makanan khas khas Kalimantan Tengah,
tersebut. jadi sistem yang baru lebih
hemat dalam sisi ekonomi.
Control Dalam prosedur pengenalan Dengan adanya sistem
(Pengendalian) makanan khas Kalimantan baru, pengendalian
Tengah yang sedang (control) lebih mudah,
berjalan, data yang karena sudah berbentuk
didapatkan dari segi aplikasi berbasis web.
ketepatan waktu dan Cukup dengan membuka
kemudahan akses terbilang browser dan mengakses
kurang karena untuk halaman web, sudah
mendapatkan informasi mendapatkan informasi
tentang makanan tersebut mengenai makanan khas
memakan waktu untuk Kalimantan Tengah.

19
 mendatangi rumah makan
tersebut, serta kemudahan
dalam mengakses informasi
tersebut hanya didapatkan
dari menu makanan.
Efficiency Dari segi efisiensi makanan Dengan adanya aplikasi ini
(Efisiensi) Khas Kalimantan Tengah, segala sesuatu tentang
dianggap kurang efisien makanan khas yang ada di
karena masih melakukan Kalimantan Tengah sudah
pencarian informasi dengan efisien karena untuk
cara mendatangi rumah mencari informasi, biaya,
makan atau bertanya kepada tenaga dan waktu sudah
masyarakat sekitar. Hal ini dimudahkan.
sangat memakan banyak
biaya, tenaga dan waktu.
Service Pencari informasi dapat Dalam aplikasi berbasis
(Pelayanan) mengetahui informasi web pelayanan lebih
pengenalan makanan dari unggul karena dengan
spanduk dan menu makanan adanya tampilan galeri
yang ada di rumah makan yang menampilkan
tersebut. Prosedur ini menu-menu makanan
mengharuskan si pencari dan detail makanan khas
mendatangi rumah makan yang ada di Kalimantan
tersebut. Tengah. Jadi, si pencari
informasi tidak harus
mendatangi rumah
makan satu persatu.
Tabel 4.1 Analisis Sistem yang Berjalan

20
2. Analisis Kebutuhan Sistem

Analisis kebutuhan dilakukan untuk mengetahui kebutuhan yang

diperlukan untuk merancang dan membangun sistem. Berikut adalah

analisis kebutuhan sistem :

a. Kebutuhan Informasi

Informasi yang diperlukan dalam pembuatan aplikasi

pengenalan makanan khas Kalimantan Tengah ini terdiri dari:

1) Data gambar makanan

2) Data nama makanan

3) Data kategori makanan

4) Data deskripsi makanan

b. Kebutuhan Perangkat Keras

Perangkat keras (hardware) yang digunakan dalam pembuatan

sistem dan menjalankan sistem nantinya adalah sebagai berikut :

Pembuatan Sistem Menjalankan Sistem

Laptop dengan processor Intel(R) Processor Intel Celeron,

Celeron(R) CPU N3060 @ 1.60 GHz Pentium IV, atau lebih.

RAM sebesar 4.096 MB RAM sebesar 1.024 MB atau

lebih.

Harddisk 1 TB / 1024 GB Harddisk 80 GB atau lebih.

Mouse dan keyboard Mouse dan keyboard

Tabel 4.2 Kebutuhan Perangkat Keras

21
c. Kebutuhan Perangkat Lunak

Perangkat lunak (software) yang digunakan dalam pembuatan

sistem dan menjalankan sistem nantinya adalah sebagai berikut :

Pembuatan Sistem Menjalankan Sistem

Sistem Operasi Windows 10 Operasi sistem : Windows XP

atau lebih

Xampp 7.2.12, digunakan sebagai Web Browser : Mozilla

PHP dan SQL server Firefox dan Google Chrome

StarUML 2.8.1, digunakan untuk

membuat diagram UML

Corel Draw X7, digunakan untuk

desain antarmuka sistem

Sublime Text 3, digunakan untuk

text editor

Web Browser : Mozilla Firefox dan

Google Chrome

Tabel 4.3 Kebutuhan Perangkat Lunak

d. Kebutuhan Pengguna (User)

Kebutuhan pengguna mengidentifikasi kategori pengguna yang

dapat mengakses sistem yang dibuat. Kategori pengguna tersebut

adalah :

1) Pengguna aplikasi pengenalan makanan khas Kalimantan

Tengah yaitu para pengguna yang mengoperasikan aplikasi dan

22
 memiliki perangkat komputer atau laptop yang terhubung

dengan jaringan internet karena aplikasi ini bersifat online.

2) Admin merupakan aktor yang berperan dalam pengelolaan

sistem secara keseluruhan.

D. Desain Sistem

1. Desain Interface/Antarmuka

Pada tahapan ini akan diterangkan rancangan desain interface pada

halaman-halaman di dalam Sistem Pengelolaan Laboratorium STMIK

Palangkaraya Berbasis Web framework ini. Adapun rancangan desain

interface-nya adalah sebagai berikut:

a. Halaman Home

Halaman home adalah halaman yang muncul ketika pertama kali

membuka atau mengakses website. Halaman home ini terbagi

menjadi 4 bagian yaitu pertama home, kedua galeri, ketiga buku

tamu dan yang ke empat tentang. Berikut ini adalah rancangan

desain interface halaman home:

Gambar 4.1 Rancangan Desain Interface Halaman Home

23
b. Halaman Galeri

Halaman galeri adalah halaman yang akan muncul ketika menu

galeri di klik. Dalam halaman ini menampilkan tampilan seperti di

bawah ini :

Gambar 4.2 Rancangan Desain Interface Halaman Galeri

24
c. Halaman Kumpulan Galeri Makanan

Halaman Kumpulan Galeri Makanan adalah halaman untuk

menampilkan kumpulan makanan khas Kalimantan Tengah. Seperti

rancangan pada gambar 4.3 di bawah ini :

Gambar 4.3 Rancangan Desain Interface Halaman Kumpulan Galeri

Makanan

25
d. Halaman Detail Deskripsi Makanan

Halaman detail galeri adalah halaman untuk menampilkan detail

data makanan dari galeri. Seperti rancangan pada gambar 4.4 di

bawah ini :

Gambar 4.4 Rancangan Desain Interface Halaman Detail Deskripsi

Makanan

e. Halaman Buku Tamu

Halaman buku tamu adalah halaman yang digunakan pengguna

untuk menginput data buku tamu pada web Pengenalan Makanan

Khas Kal-Teng. Seperti rancangan pada gambar 4.5 di bawah ini :

Gambar 4.5 Rancangan Desain Interface Halaman Buku Tamu

26
f. Halaman Daftar Buku Tamu

Halaman daftar buku tamu adalah halaman yang digunakan

penggunan untuk melihat siapa saja yang sudah mengisi buku tamu

pada web Pengenalan Makanan Khas Kal-Teng. Rancangannya

seperti pada Gambar 4.6 di bawah ini :

Gambar 4.6 Rancangan Desain Interface Halaman Daftar Buku

Tamu

27
g. Halaman About

Halaman About adalah halaman yang digunakan untuk

menjelaskan tentang web Pengenalan Makanan Khas Kalimantan

Tengah. Rancangannya seperti gambar 4.7 gambar di bawah ini :

Gambar 4.7 Rancangan Desain Interface Halaman About

h. Halaman Login Admin

Halaman login admin adalah halaman yang digunakan untuk

masuk ke halaman admin dan membutuhkan username dan password

admin. Rancangannya seperti pada gambar 4.8 di bawah ini :

Gambar 4.8 Rancangan Desain Interface Halaman Login

28
i. Halaman Admin

Halaman Admin adalah halaman yang pertama kali muncul

setelah admin berhasil masuk melalui proses login admin. Pada

halaman ini terdapat tempat untuk mengedit data buku tamu dan data

galeri pada web Pengenalan Makanan Khas Kalimantan Tengah.

Rancangannya seperti pada gambar 4.9 di bawah ini :

Gambar 4.9 Rancangan Desain Interface Halaman Admin

29
j. Halaman Pengolahan Buku Tamu

Halaman Pengolahan Buku Tamu adalah halaman untuk

menampilkan data-data yang ada pada buku tamu. Pada halaman ini

juga terdapat tombol untuk mengedit serta menghapus data buku

tamu. Rancangannya bisa dilihat pada Gambar 4.10 di bawah ini :

Gambar 4.10 Rancangan Desain Interface Halaman

Pengolahan Buku Tamu

30
k. Halaman Update Data Buku Tamu

Halaman Update Data Buku Tamu adalah halaman yang

ditampilkan ketika link edit data pada halaman pengolahan buku

tamu di klik. Pada halaman ini berisikan tempat untuk mengedit data

pada buku tamu. Rancangannya seperti pada gambar 4.11 dibawah

ini :

Gambar 4.11 Rancangan Desain Interface Halaman Update Data

Buku Tamu

31
l. Halaman Pengolahan Data Galeri Makanan

Halaman Pengolahan Data Galeri Makanan adalah halaman

yang digunakan untuk melihat data-data yang ada pada menu galeri.

Pada halaman ini terdapat fitur edit data, hapus data, dan cari data.

Rancangannya seperti pada gambar 4.12 dibawah ini :

Gambar 4.12 Rancangan Desain Interface Halaman Pengolahan

Data Galeri Makanan

32
m. Halaman Input Data Galeri Makanan

Halaman Input Data Galeri Makanan adalah halaman yang akan

di tampilkan ketika link edit data pada halaman pengolahan data

galeri makanan di klik. Pada halaman ini terdapat fitur untuk

mengedit data pada galeri kemudian di update. Rancangannya seperti

pada gambar 4.13 di bawah ini :

Gambar 4.13 Rancangan Desain Interface Halaman Input Data

Galeri Makanan

33
 n. Halaman Update Data Galeri Makanan

Halaman Update Data Galeri Makanan adalah halaman yang

akan tampil ketika link edit data pada halaman input data galeri di

klik. Halaman ini menampilkan form untuk mengedit data pada

menu galeri. Rancangannya seperti pada gambar 4.14 dibawah ini :

Gambar 4.14 Rancangan Desain Interface Halaman Update Data

Galeri Makanan

2. Penggunaan Metode Perancangan Sistem

Perancangan sistem merupakan tahap selanjutnya setelah

pendefinisian kebutuhan sistem. Tujuan perancangan sistem adalah untuk

memberikan gambaran yang jelas dan lengkap tentang rancang bangun dan

implementasi bagaimana sistem dibuat.

Perancangan sistem aplikasi pengenalan makanan khas Kalimantan

Tengah yang dibangun ini bersifat object oriented (berorientasi objek)

dengan menggunakan Unified Moodeling Language (UML) sebagai

bahasa pemodelan.

34
a. Perancangan Model UML

Perancangan model UML ditujukan untuk memberikan gambaran

secara umum tentang aplikasi yang akan dibangun. Menurut (Pender,

2002) untuk sistem yang kecil dan atau lebih spesifik, tidak diharuskan

membuat semua diagram. Namun semua diagram harus dibuat jika

bekerja pada sistem yang besar yang memiliki kode yang cukup

kompleks dan mengharuskan berpindah-pindah dari subprojek yang

satu ke subprojek yang lain.

Karena penelitian ini tidak melakukan proses yang kompleks serta

termasuk sistem yang kecil dan lebih spesifik yakni hanya

menampilkan makanan khas Kalimantan Tengah, maka diagram yang

digunakan hanya 3 yakni Use-Case Diagram, Class Diagram dan

Activity Diagram. Diagram UML ini dibuat dengan menggunakan

perangkat lunak StarUML.

1) Use Case Diagram

Diagram ini digunakan untuk mendeskripsikan tipikal interaksi

antara pengguna dengan sebuaj sistem melalu sebuah cerita

bagaimana sistem dipakai. Use Case Diagram ini terdiri dari

sebuah aktor dan interkasi yang dilakukannya. Aktor tersebut dapat

berupa manusia, perangkat keras, sistem lain, ataupun yang

berinteraksi dengan sistem.

a) Identifikasi aktor dan interaksinya dengan sistem

35
Sistem pengenalan makanan khas Kalimantan Tengah ini

adalah sistem yang digunakan oleh dua aktor yakni pengguna

dan admin. Interaksi aktor dengan sistem akan dijelaskan pada

tabel 4.1 berikut ini

Aktor Kegiatan

Pengguna 1. Membuka website

2. Galeri makanan
3. Detail makanan
4. Buku tamu
5. Tentang
Admin 1. Login
2. Galeri makanan
3. Buku tamu
Tabel 4.4 Kegiatan Aktor dan Interaksinya dengan Sistem

36
b) Pembuatan Use Case Diagram

Berdasarkan tabel 4.1 didapatkan spesifikasi kebutuhan

sehingga use case diagram dari sistem dapat dilihat pada

gambar 4.1 berikut ini :

Gambar 4.15 Use Case Diagram Aplikasi Pengenalan Makanan

Khas Kalimantan Tengah

Dilihat dari gambar 4.15, use case ini terdiri dari satu sub-

sistem yaitu sistem aplikasi pengenalan makanan khas

Kalimantan Tengah. Dalam sub-sistem ini aktor pengguna

dapat melihat galeri makanan, detail makanan, buku tamu dan

melihat tentang. Untuk aktor admin pada sub-sistem ini dapat

login, mengelola galeri makanan dan mengelola buku tamu.

37
2) Class Diagram

Class diagram adalah diagram yang menunjukkan kelas-kelas yang

ada dari sebuah sistem yang hubungannya secara logika. Karena itu

class diagram merupakan tulang punggung atau kekuatan dasar dari

hampir setiap metode berorientasi objek termasuk UML. Class

diagram bersifat statis yang digambarkan dengan kotak yang

terbagi atas tiga bagian yaitu, nama kelas, atribut, dan operasi.

Gambar 4.2 menggambarkan diagram kelas dari sistem pengenalan

makanan khas Kalimantan Tengah.

Gambar 4.16 Diagram Kelas Sistem Pengenalan Makanan Khas

Kalimantan Tengah

3) Activity Diagram

Pada pemodelan UML, activity diagram dapat digunakan untuk

menjelaskan bisnis dan alur kerja operasional secara step-by-step

dari komponen suatu sistem. Activity diagram menunjukkan

38
keseluruhan dari aliran kontrol. Berikut adalah activity diagram

dari sistem pengenalan makanan khas Kalimantan Tengah.

Gambar 4.17 Diagram Aktivitas Menampilkan Galeri Makanan dan

Menampilkan Detail Makanan

Gambar 4.17 diatas merupakan aktivitas untuk proses dalam

menampilkan galeri makanan dan menampilkan detail makanan.

Aktivitas ini dimulai dengan membuka website, kemudian website

akan menampilkan halaman awal, setelah dari menu awal pilih

menu galeri dan website akan menampilkan halaman galeri.

Apabila pengguna ingin melihat detail makanan maka klik pilih

39
detail kemudian website akan menampilkan detail makanan

tersebut.

Gambar 4.18 Diagram Aktivitas Mengisi Buku Tamu

Gambar 4.18 merupakan aktivitas untuk mengisi buku tamu,

aktivitas ini dimulai dengan membuka website, kemudian website

akan merespon dengan menampilkan halaman awal. Pilih menu

buku tamu, kemudian website akan merespon dengan menampilkan

halaman buku tamu, selanjutnya pengguna diminta untuk mengisi

buku tamu dan klik kirim pesan.

40
 Gambar 4.19 Diagram Aktivitas Menampilkan Tentang

Gambar 4.19 ini merupakan aktivitas untuk menampilkan tentang,

aktivitas ini dimulai dengan membuka website, kemudian website

akan merespon dengan menampilkan halaman awal. Pilih menu

tentang, kemudian website akan merespon dengan menampilkan

halaman tentang.

Gambar 4.20 Diagram Aktivitas Login Admin

Gambar 4.20 ini merupakan aktivitas untuk login admin, aktivitas

ini dimulai dengan admin mengklik login admin yang akan

41
direspon oleh sistem dengan menampilkan halaman login

kemudian admin diminta untuk memasukkan username dan

password, kemudian data akan dicek didatabase, apabila bernilai

false maka admin diminta untuk memasukkan username dan

password kembali, tetapi apabila data bernilai true maka sistem

akan merespon untuk menampilkan halaman depan admin.

Gambar 4.21 Diagram Aktivitas Tambah Data Galeri Makanan

Gambar 4.21 ini merupakan aktivitas untuk menambah data galeri

makanan, aktivitas ini dimulai dengan admin mengklik menu

pengolahan data galeri makanan, kemudian sistem akan merespon

dengan menampilkan halaman data galeri makanan. Pilih tambah

data kemudian sistem akan merespon dengan menampilkan

halaman input data, selanjutnya admin mengisi data makanan

42
kemudian klik simpan maka galeri makanan akan disimpan

didatabase.

Gambar 4.22 Diagram Aktivitas Edit Data Galeri Makanan

Gambar 4.22 ini merupakan aktivitas untuk edit data galeri

makanan, aktivitas ini dimulai dengan admin mengklik menu

pengolahan data galeri makanan, kemudian sistem akan merespon

dengan menampilkan halaman data galeri makanan. Pilih edit data

kemudian sistem akan merespon dengan menampilkan halaman

edit data, selanjutnya admin mengisi data makanan yang diedit

kemudian klik update maka galeri makanan yang ada didatabase

akan diupdate.

43
 Gambar 4.23 Diagram Aktivitas Hapus Data Galeri Makanan

Gambar 4.23 ini merupakan aktivitas untuk hapus data galeri

makanan, aktivitas ini dimulai dengan admin mengklik menu

pengolahan data galeri makanan, kemudian sistem akan merespon

dengan menampilkan halaman data galeri makanan. Pilih hapus

data kemudian sistem akan merespon dengan pemberitahuan

Apakah anda yakin ingin hapus data ? selanjutnya admin

melakukan konfirmasi, apabila “Ya” maka proses hapus data

dilakukan. Apabila “Tidak” maka kembali lagi untuk memilih data

yang ingin dihapus.

44
 Gambar 4.24 Diagram Aktivitas Edit Data Buku Tamu

Gambar 4.24 ini merupakan aktivitas untuk edit data buku tamu,

aktivitas ini dimulai dengan admin mengklik menu pengolahan data

buku tamu, kemudian sistem akan merespon dengan menampilkan

halaman data buku tamu. Pilih edit data kemudian sistem akan

merespon dengan menampilkan halaman edit data, selanjutnya

admin mengisi data buku tamu yang diedit kemudian klik update

maka data buku tamu yang ada didatabase akan diupdate.

45
 Gambar 4.25 Diagram Aktivitas Hapus Data Buku Tamu

Gambar 4.25 ini merupakan aktivitas untuk hapus data buku tamu,

aktivitas ini dimulai dengan admin mengklik menu pengolahan data

buku tamu, kemudian sistem akan merespon dengan menampilkan

halaman data buku tamu. Pilih hapus data kemudian sistem akan

merespon dengan pemberitahuan Apakah anda yakin ingin hapus

data ? selanjutnya admin melakukan konfirmasi, apabila “Ya”

maka proses hapus data dilakukan. Apabila “Tidak” maka kembali

lagi untuk memilih data yang ingin dihapus.

46
3. Desain Basis Data

a. Desain tabel basis data (Database)

Database sistem pengenalan makanan khas Kalimantan Tengah

adalah database yang dibuat untuk menyimpan data-data yang akan

digunakan dalam pengenalan makanan khas Kalimantan Tengah

didalam database ini terdapat 4 tabel yaitu, tabel admin, tabel buku

tamu, tabel galeri dan tabel kategori. Berikut ini adalah desain dari

tabel-tabel yang dibuat dalam database sistem pengenalan makanan

khas Kalimantan Tengah :

1) Tabel Admin

Tabel Admin merupakan tabel yang menyimpan data login

admin. Berikut spesifikasi dari tabel admin :

Field Name Data Type Size Keterangan

Username varchar 15 Primary Key
Password varchar 15 -
Tabel 4.5 Spesifikasi Tabel Admin

2) Tabel Buku Tamu

Tabel Buku Tamu merupakan tabel yang menyimpan data

buku tamu yang di isi oleh pengguna. Berikut spesifikasi dari tabel

buku tamu :

Field Name Data Type Size Keterangan

bukutamu_id int 3 Auto Increment
(Primary Key)
bukutamu_tanggal date - -

47
 bukutamu_nama varchar 30 -
bukutamu_email varchar 30 -
bukutamu_judul varchar 30 -
bukutamu_pesan text - -
Tabel 4.6 Spesifikasi Tabel Buku Tamu

3) Tabel Galeri

Tabel Galeri merupakan tabel yang menyimpan data galeri

yang dikelola oleh admin. Berikut spesifikasi dari tabel galeri :

Field Name Data Type Size Keterangan

galeri_id int 3 Auto Increment
(Primary Key)
galeri_nama varchar 30 -
galeri_kategori_id int 3 Foreign Key
galeri_gambar text - -
galeri_deskripsi text - -
Tabel 4.7 Spesifikasi Tabel Galeri

4) Tabel Kategori

Tabel Kategori merupakan tabel yang menyimpan data

kategori dari makanan yang berelasi antara tabel galeri. Berikut

spesifikasi dari tabel kategori :

Field Name Data Type Size Keterangan

Kategori_id int 3 Auto Increment
(Primary Key)
Kategori_nama varchar 30 -
Tabel 4.8 Spesifikasi Tabel Kategori

48
b. Database Relationship

Database relationship menggambarkan relasi antara tabel yang

terdapat pada tabel basis data sistem. Pada gambar 4.26, terdapat

beberapa primary key yang digunakan untuk mewakili isi dari sebuah

tabel berdasarkan sebuah field dari tabel tersebut. Sedangkan foreign

key digunakan sebagai penghubung antara sebuah field primary key

dengan field yang lain yang dihubungkan melalui sebuah relationship

antar tabel dalam database. Dapat dilihat pada gambar 4.26 dibawah

ini merupakan relasi dari tb_galeri dan tb_kategori dimana memiliki

hubungan many to one atau banyak data di tb_galeri berhubungan

dengan satu data di tb_kategori.

Gambar 4.26 Database Relationship

49
E. Implementasi

Implementasi merupakan tahapan penerapan sebuah program dalam

pembangunan sistem. Implementasi dibuat berdasarkan hasil suatu analisis

serta desain yang terinci terhadap suatu sistem yang sedang berjalan.

1. Implementasi Program

Pada tahap implementasi program penulis akan menjelaskan yang

menjadi dasar dalam membangun Aplikasi Pengenalan Makanan Khas

Kalimantan Tengah. Berikut ini merupakan source code beserta

penjelasan fungsinya :

a. Koneksi.php

Koneksi.php ialah sebuah source code yang berfungsi untuk

melakukan koneksi PHP ke MySQL. Dapat dilihat pada gambar 4.27

dibawah ini :

Gambar 4.27 Source Code Koneksi.php

50
b. Index.php

1) Navigasi

Fungsi dari source code navigasi yang berada didalam file

Index.php ialah untuk menampilkan navigasi bar dimana navigasi

dipanggil sesuai dengan id. Dapat dilihat pada gambar 4.28

dibawah ini :

Gambar 4.28 Source Code index.php (Bagian Navigasi)

2) Halaman Utama

Fungsi dari source code halaman utama yang berada didalam

file Index.php ialah untuk menampilkan tampilan halaman utama

yang nantinya dipanggil menggunakan id tf-home. Dapat dilihat

pada gambar 4.29 dibawah ini :

Gambar 4.29 Source Code index.php (Bagian Halaman Utama)

51
3) Galeri

Fungsi dari source code galeri yang berada didalam file

Index.php ialah untuk menampilkan tampilan halaman galeri yang

nantinya dipanggil menggunakan id tf-galeri. Dapat dilihat pada

gambar 4.30 dibawah ini :

Gambar 4.30 Source Code Index.php (Bagian Galeri)

52
4) Buku Tamu

Fungsi dari source code halaman buku tamu yang berada

didalam file Index.php ialah untuk menampilkan tampilan halaman

buku tamu yang nantinya dipanggil menggunakan id tf-buku tamu,

halaman ini juga memiliki fungsi untuk menyimpan data buku

tamu yang nantinya akan disimpan ke database. Dapat dilihat pada

gambar 4.31 dibawah ini :

Gambar 4.31 Source Code Index.php (Bagian Buku Tamu)

53
 5) Tentang

Fungsi dari source code tentang yang berada didalam file

Index.php ialah untuk menampilkan tampilan halaman tentang

yang nantinya dipanggil menggunakan id tf-about. Dapat dilihat

pada gambar 4.32 dibawah ini :

Gambar 4.32 Source Code Index.php (Bagian Tentang)

c. Login.php

Login.php ialah sebuah source code yang berfungsi untuk

memproses login admin dengan mengecek apakah username dan

password yang diinputkan terdata pada tb_admin atau tidak. Jika

terdata maka admin akan dialihkan ke halaman admin, jika tidak maka

akan muncul notifikasi bahwa username atau password anda tidak

benar. Dapat dilihat pada gambar 4.33 dibawah ini :

Gambar 4.33 Source Code Login.php

54
d. Cek_admin.php

Cek_admin.php ialah sebuah source code yang berfungsi untuk

mengecek apakah admin sudah melakukan login atau belum, dengan

mengandalkan session_start() sebagai pemulai eksekusi session pada

server dan kemudian menyimpannya pada browser. Dapat dilihat pada

gambar 4.34 dibawah ini :

Gambar 4.34 Source Code Cek_admin.php

e. Proses_tambah.php

Proses_tambah.php ialah sebuah source code yang berfungsi

untuk menyimpan data galeri ke database. Dapat dilihat pada gambar

4.35 dibawah ini :

Gambar 4.35 Source Code Proses_tambah.php

55
f. Edit

1) Update Buku Tamu

Update buku tamu ialah sebuah source code yang berfungsi

untuk mengupdate data buku tamu yang telah tersimpan didatabase.

Dapat dilihat pada gambar 4.36 dibawah ini :

Gambar 4.36 Source Code update_buku_tamu.php

56
2) Update Galeri

Update galeri ialah sebuah source code yang berfungsi untuk

mengupdate data galeri yang telah tersimpan didatabase. Dengan

menggunakan struktur logika IF-ELSE ketika checkbox yang ada

pada halaman edit galeri diceklis maka logika yang akan dijalankan

adalah logika untuk mengubah foto, apabila tidak diceklis maka

hanya text yang akan diupdate. Dapat dilihat pada gambar 4.37

dibawah ini :

Gambar 4.37 Source Code update_ galeri.php

57
g. Hapus

1) Proses Hapus Buku Tamu

Proses hapus buku tamu ialah sebuah source code yang

berfungsi untuk menghapus data buku tamu dengan memilih id

buku tamu yang hendak dihapus. Dapat dilihat pada gambar 4.38

dibawah ini :

Gambar 4.38 Source Code proses_hapus_buku_tamu.php

2) Proses Hapus Galeri

Proses hapus galeri ialah sebuah source code yang berfungsi

untuk menghapus data galeri dengan memilih id galeri yang hendak

dihapus. Dapat dilihat pada gambar 4.39 dibawah ini :

Gambar 4.39 Source Code proses_hapus_galeri.php

58
2. Manual Program

Manual program adalah suatu dokumen komunikasi teknis yang

bertujuan memberikan bantuan untuk penggunaan suatu sistem, terutama

dikaitkan dengan peranti elektronik serta perangkat keras dan lunak

komputer. Manual biasanya ditulis oleh seorang penulis teknis, walaupun

kadang dilakukan oleh pemrogram, manajer produk atau proyek, atau staf

teknis lain, terutama di perusahaan yang lebih kecil.

Pada umumnya, manual program mengandung panduan tertulis dan

gambar terkait. Manual aplikasi komputer biasanya menyertakan

cuplikan layar tampilan program. Berikut adalah manual program untuk

Aplikasi Pengenalan Khas Kalimantan Tengah Berbasi Web :

a. Manual penggunaan aplikasi untuk pengunjung Website

Pengenalan Makanan Khas Kalimantan Tengah

Aplikasi Pengenalan Makanan Khas Kalimantan Tengah

merupakan suatu aplikasi yang mempermudah user dalam mencari

informasi mengenai makanan – makanan khas yang ada di Kal-Teng.

Setelah melakukan mengakses halaman dengan alamat url

http://localhost/webrpl/, user akan di arahkan secara otomatis ke

halaman utama website. Pada halaman inilah user akan menemukan

berbagai macam menu yang ada di website, serta langkah-langkah

nya akan dipaparkan melalui bahasan berikut ini :

Sebelum memasuki halaman home, user akan melakukan

langkah - langkah berikut :

59
1) Halaman Home

a) Buka aplikasi browser yang ada pada komputer anda

Contohnya : Firefox, Internet Explorer, Opera, Google

Chrome, Safari, dll.

b) Ketikan alamat url http://localhost/webrpl pada addressbox.

Gambar 4.40 URL yang diketikkan pada address box aplikasi

browser.

c) Tekan tombol Enter, maka halaman Home akan tampil.

Berikut tampilan dan sedikit penjelasan dari setiap bagian

tampilannya.

Gambar 4.41 Halaman Home

Berikut ini adalah penjelasan beberapa bagian dari halaman

home :

1. Link Home: jika bagian ini di klik maka akan tetap

kembali ke halaman home.

60
 2. Link Galeri : jika bagian ini di klik maka akan tampil

halaman galeri.

3. Link Guest Book : Jika link ini di klik maka akan

menampilkan halaman Guest Book.

4. Link About : Jika link ini diklik maka akan tampil

halaman About/Tentang web.

2) Halaman Galeri

a) Halaman ini tampil ketika user meng klik link GALERY pada

halaman Home di klik. Seperti gambar di bawah ini :

Gambar 4.42 Link pada halaman Home

61
b) Kemudian akan muncul halaman Galeri seperti pada gambar

dibawah ini :

Gambar 4.43 Link untuk masuk halaman Detail Galeri

c) Selanjutnya user bisa mengakses halaman detail makanan

dengan cara mengklik link KLIK DISINI pada gambar Panah

diatas, maka akan tampil halaman detail galeri seperti pada

gambar di bawah ini :

Gambar 4.44 Gambar Halaman Detail Galeri

Pada Halaman ini user bisa melihat foto beserta deskripsi

lengkap mengenai informasi makanan khas yang ada di Kal-

Teng.

62
3) Halaman Guest Book

a) Jika user ingin mengakses halaman Guest book. Maka tinggal

di klik saja link GUEST BOOK pada tombol navigasi di

header. Maka akan tampil halaman seperti pada gambar di

bawah ini.

Gambar 4.45 Form untuk mengisi Buku Tamu

b) Pada halaman ini user bisa mengisi buku tamu dengan cara

menginput data pada bagian yang di beri tanda di atas.

Selanjutnya klik tombol KIRIM PESAN, maka data akan

disimpan.

63
 c) User bisa melihat daftar buku tamu terakhir yang diisi user

sebelumnya dengan cara meng klik tombol LIHAT BUKU

TAMU. Maka akan tampil halaman Buku Tamu seperti pada

gambar di bawah ini :

Gambar 4.46 Halaman Daftar Buku Tamu

4) Halaman About

a) Halaman ini akan tampil jika user mengklik link About pada

navigasi. Maka halaman About akan tampil seperti pada

gambar di bawah ini :

Gambar 4.47 Halaman About

64
b. Manual penggunaan aplikasi untuk Administrator Website

Pengenalan Makanan Khas Kalimantan Tengah

Administrator Pengenalan Makanan Khas Kal-Teng merupakan

user yang mengelola data-data yang ada di dalam website. Setelah

melakukan login yang tampil ketika link Login Admin pada footer

website, user akan di arahkan secara otomatis ke halaman

Administrator. Pada halaman Administrator inilah pengelolaan data

dilakukan, cara serta langkah-langkah nya akan dipaparkan melalui

bahasan berikut ini :

1) Login

Sebelum memasuki halaman Administrator, user (admin)

diharuskan melakukan login terlebih dahulu. Untuk

melakukannya, ikuti langkah berikut :

a) Pada Footer website terdapat link Login Admin. Untuk

memasuki halaman login user harus mengklik link tersebut.

Gambar 4.48 Link Login Admin

65
b) Maka halaman login untuk mengakses halaman Administrator

akan tampil. Setelah tampil halaman login, isikan username

dan password.

Gambar 4.49 Form Login

c) Jika tidak ada kesalahan pada username/password yang user

(admin) isikan pada form login, maka secara otomatis anda

akan diarahkan ke halaman Dashboard . Berikut tampilan dan

sedikit penjelasan dari setiap bagian tampilannya.

Gambar 4.50 Halaman Dashboard Administrator

66
 Berikut ini adalah penjelasan beberapa bagian dari halaman

dashboard :

1. Link Profil dan Logout: Pada bagian jika di klik maka

akan muncul dropdown link untuk merubah profil dan

logout user.

2. Data management Area (Buku Tamu): pada bagian ini

data-data buku tamu ditampilkan dan dikelola sesuai menu

yang terpilih.

3. Data management Area (Galeri Makanan): pada bagian

ini data-data galeri makanan ditampilkan dan dikelola

sesuai menu yang terpilih.

2) Pengolahan Buku Tamu

Berikut adalah tampilan pengolahan buku tamu ketika user

(admin) mengklik “View Detail” pada halaman Dashboard.

Dalam pengolahan buku tamu terdapat dua aksi yaitu mengedit

dan menghapus data buku tamu.

Gambar 4.51 Halaman Pengolahan Buku Tamu

67
 Berikut langkah-langkah mengedit dan menghapus Data

Buku Tamu :

a) Mengedit data buku tamu :

Pilih salah satu data yang akan di edit. Sebagai contoh disini

pilih Edit Data pada kolom AKSI daftar pertama.

Gambar 4.52 Pilihan AKSI Edit Data dan Hapus Data

Ket : Klik Edit Data.

Kemudian editlah data yang ingin di ubah.

Gambar 4.53 Form edit data buku tamu

Setelah selesai mengedit data, klik Tombol “Update” untuk

menyimpan data namun jika ingin membatalkan edit data klik

Tombol “Kembali”.

68
 b) Menghapus data buku tamu

Klik tombol Hapus Data yang ada di kolom AKSI sesuai data

yang ingin dihapus.

Gambar 4.54 Konfirmasi Menghapus Data

Akan muncul dialog Konfirmasi “Apakah anda yakin ?” klik

OK untuk melanjutkan proses penghapusan atau Cancel untuk

membatalkan proses penghapusan data.

3) Pengolahan Galeri Makanan

Pada Pengolahan Data Galeri Makanan user (admin) dapat

Menambah Data, Mengedit Data, dan Mengapus Data. Berikut

adalah tampilan pengolahan Galeri Makanan ketika admin

mengklik “View Detail” pada halaman Dashboard.

Gambar 4.55 Halaman Data Pengolahan Data Galeri Makanan

69
a) Menambah Data Galeri Makanan

Admin dapat menambah data pada halaman Galeri Makanan.

Langka-langkahnya adalah sebagai berikut :

Klik Tombol Tambah Data pada halaman Pengolahan Data

Galeri.

Gambar 4.56 Tombol Tambah Data

Kemudian akan muncul halaman Input Data seperti gambar di

bawah ini :

Gambar 4.57 Form untuk menambah data Galeri Makanan

Pada bagian nomor 1 adalah tempat untuk user menambah

data. Dimana terdapat tempat untuk menginput data berupa

text dan foto.

Setelah selesai mengisi dan memasukan foto, pilih opsi nomor

2 . Tombol Simpan untuk menyimpan data dan Kembali untuk

membatalkan.

70
b) Mengedit Data Galeri Makanan

Data-data yang sudah tersimpan dapat di edit oleh user

(admin). Langkah-langkahnya adalah sebagai berikut :

Pada form Data Galeri terdapat AKSI Edit Data dan Hapus

Data.

Gambar 4.58 AKSI Pilihan Edit Data dan Hapus Data Galeri

Pilih AKSI Edit Data dengan cara mengklik Edit Data seperti

yang ditunjukan Panah 1 pada gambar di atas. Setelah itu akan

muncul form Update Data Galeri seperti pada gambar dibawah

ini :

Gambar 4.59 Form Update Data Galeri

71
 Panah No.1 adalah tempat untuk mengedit data Galeri dan

panah No.2 tombol Update dan Kembali untuk menyimpan

atau membatalkan Edit Data Galeri.

c) Menghapus Data Galeri Makanan

User (Admin) dapat menghapus data-data yang ada

didalam Galeri. Langkah-langkahnya adalah sebagai berikut :

Pilih data yang ingin dihapus kemudian klik tombol Hapus

Data pada kolom AKSI seperti yang ditunjukan oleh panah

No.2 pada gambar dibawah ini.

Gambar 4.60 Tombol AKSI Edit Data dan Hapus Data Galeri

72
 Klik tombol Hapus Data yang ada di kolom AKSI sesuai data

yang ingin dihapus.

Gambar 4.61 Konfirmasi Hapus Data Galeri

Akan muncul dialog Konfirmasi “Apakah anda yakin ?” klik

OK untuk melanjutkan proses penghapusan atau Cancel untuk

membatalkan proses penghapusan data.

3. Manual Instalasi

Sebelum melakukan instalasi untuk menjalankan aplikasi

Pengenalan Makanan Khas Kalimantan Tengah Berbasis Web. Maka

dibutuhkan spesifikasi perangkat keras (hardware) dan perangkat lunak

(software), serta langkah-langkah yang harus dilakukan untuk dapat

menjalankan situs web agar dapat berfungsi sebagaimana mestinya.

a. Kebutuhan Perangkat Keras

Untuk dapat menjalankan sistem yang dibuat ini diperlukan

perangkat keras dan perangkat lunak dengan spesifikasi tertentu.

Adapun kebutuhan perangkat keras dan perangkat lunak untuk

sistem ini adalah sebagai berikut :

73
 1) Kebutuhan Minimum Client

Untuk menjalankan aplikasi ini sebagai client membutuhkan

komputer dengan spesifikasi minimum sebagai berikut:

a) Processor Intel Celeron, Pentium IV, atau lebih.

b) Memory 1 Gb atau lebih.

c) Harddisk 20 Gb atau lebih.

d) Monitor dengan resolusi minimal 1024 x 768.

e) VGA Card 8 MB, Printer, Mouse, dan keyboard

2) Kebutuhan Minimum Server

Untuk menjalankan aplikasi ini sebagai server

membutuhkan komputer dengan spesifikasi minimum sebagai

berikut :

a) Processor Pentium 1,6 Ghz

b) Memory dengan RAM 2 GB

c) Hardisk 80Gb

d) VGA on Board

e) Monitor Super VGA (800x600) dengan minimum 256 warna

CD-ROM atau DVD-ROM

f) Keyboard + mouse

b. Kebutuhan Perangkat Lunak

Perangkat lunak adalah komponen non fisik yang digunakan

untuk membuat sistem komputer dapat berjalan dan melakukan

tugasnya.

74
 1) Kebutuhan Minimum Client

Adapun perangkat lunak yang dibutuhkan dan telah

diujicobakan pada komputer client yaitu:

a) Operating System : Windows XP

b) Browser : Google Chrome , Mozilla Firefox 11.0 keatas.

2) Kebutuhan Minimum Server

Adapun perangkat lunak yang dibutuhkan dan telah diuji

cobakan pada komputer server yaitu:

a) Operating System : Windows XP Service Pack 2

b) Web Server : Apache 2.2.x

c) Programming Language : PHP 5.3.1 keatas.

d) Database : MySQL version 5.x.x

e) Kedua item diatas dapat diperoleh pada XAMPP (basic

package) version 1.6.6a

f) Browser Google Chrome, Mozilla Firefox 11.0 keatas.

g) XAMPP (basic package) version 1.7.3

c. Instalasi Program

Untuk membangun sebuah system aplikasi web E-Auction, ada

beberapa tahapan instalasi yang perlu dilaksanakan agar tidak

terjadi gangguan sewaktu program dijalankan dan pengaturan

(setting) sistem. Tahapan yang perlu dilakukan adalah :

1) Install sistem operasi Microsoft Windows XP/VISTA/SEVEN.

2) Install XAMPP Control.

75
 3) Install browser internet (Opera, Internet Explorer, Mozilla

Firefox, atau Google Chrome).

F. Hasil Penelitian dan Pembahasan

1. Pengguna

a. Halaman Home

Halaman home adalah halaman yang muncul saat pengguna

pertama kali masuk kedalam situs web. Pada halaman ini terdapat

navigasi bar berupa Home, Galery, Guest Book dan About. Untuk

tampilan halaman home dapat dilihat pada gambar 4.62

Gambar 4.62 Tampilan Hasil Halaman Home

76
b. Halaman Galery

Halaman galery adalah halaman yang muncul saat pengguna

mengklik menu “Galery”. Pada halaman ini terdapat link untuk

menuju ke halaman kumpulan galeri makanan. Untuk tampilan

halaman galery dapat dilihat pada gambar 4.63

Gambar 4.63 Tampilan Hasil Halaman Galery

77
c. Halaman Kumpulan Galeri Makanan

Halaman kumpulan galeri makanan adalah halaman yang muncul

ketika pengguna mengklik link “Klik Disini” pada halaman galery.

Pada halaman ini pengguna dapat melihat kumpulan galeri makanan

dan dapat mencari makanan berdasarkan kategori yaitu makanan

kuah, panggang, goreng dan tumis. Untuk tampilan halaman

kumpulan galeri makanan dapat dilihat pada gambar 4.64

Gambar 4.64 Tampilan Hasil Halaman Kumpulan Galeri Makanan

78
d. Halaman Detail Deskripsi Makanan

Halaman detail deskripsi makanan adalah halaman yang muncul

ketika pengguna mengklik link “Detail” pada halaman kumpulan

galeri makanan. Pada halaman ini pengguna dapat melihat foto, nama,

kategori dan deskripsi makanan. Untuk tampilan halaman detail

deskripsi makanan dapat dilihat pada gambar 4.65

Gambar 4.65 Tampilan Hasil Halaman Detail Deskripsi Makanan

79
e. Halaman Guest Book

Halaman guest book adalah halaman yang muncul saat pengguna

mengklik menu “Guest Book”. Pada halaman ini pengguna dapat

mengisi pesan kemudian mengirim pesan untuk disimpan ke database,

pengguna juga dapat melihat 5 daftar buku tamu terakhir. Untuk

tampilan halaman guest book dapat dilihat pada gambar 4.66

Gambar 4.66 Tampilan Hasil Halaman Guest Book

80
f. Halaman Daftar Buku Tamu

Halaman daftar buku tamu adalah halaman yang muncul saat

pengguna mengklik link “Lihat Buku Tamu” pada halaman guest

book. Pada halaman ini pengguna dapat melihat 5 daftar buku tamu

terakhir. Untuk tampilan halaman daftar buku tamu dapat dilihat pada

gambar 4.67

Gambar 4.67 Tampilan Hasil Halaman Daftar Buku Tamu

g. Halaman About

Halaman about adalah halaman yang muncul saat pengguna

mengklik menu “About”. Pada halaman ini hanya menampilkan

tentang website. Untuk tampilan halaman about dapat dilihat pada

gambar 4.68

Gambar 4.68 Tampilan Hasil Halaman About

81
2. Admin

a. Halaman Login

Untuk masuk ke halaman login, admin menuju halaman footer

dan mengklik link “Login Admin”. Gambar 4.69 dibawah ini

adalah link untuk “Login Admin”.

Gambar 4.69 Link Login Admin

Setelah admin sudah mengklik link untuk menuju ke halaman

login, maka halaman login admin akan ditampilkan. Pada halaman

login ini admin memasukkan username dan password untuk dapat

masuk ke halaman dashboard admin. Untuk tampilan halaman

login dapat dilihat pada gambar 4.70

Gambar 4.70 Tampilan Hasil Halaman Login

82
b. Halaman Dashboard

Halaman dashboard adalah halaman yang muncul apabila

admin berhasil login. Pada halaman ini admin dapat melakukan

logout dengan cara mengklik username yang ada di pojok kiri

halaman. Pada halama ini juga terdapat 2 menu pilihan pengolahan

data yaitu pengolahan data buku tamu dan pengolahan data galeri

makanan. Untuk tampilan halaman dashboard dapat dilihat pada

gambar 4.71

Gambar 4.71 Tampilan Hasil Halaman Dashboard

83
c. Halaman Pengolahan Data Buku Tamu

Halaman pengolahan data buku tamu adalah halaman yang

muncul apabila admin mengklik menu pilihan “Pengolahan Data

Buku Tamu” pada halaman dashboard. Pada halaman ini admin

dapat melakukan aksi ”Edit Data” dan “Hapus Data”. Untuk

tampilan halaman pengolahan data buku tamu dapat dilihat pada

gambar 4.72

Gambar 4.72 Tampilan Hasil Halaman Pengolahan Data Buku

Tamu

84
d. Halaman Edit Data Buku Tamu

Halaman edit data buku tamu adalah halaman yang muncul

apabila admin mengklik aksi “Edit Data” pada halaman

pengolahan data buku tamu. Pada halaman ini admin dapat

mengedit data buku tamu kemudian mengklik button “Update”

apabila sudah selesai mengedit. Untuk tampilan halaman edit data

buku tamu dapat dilihat pada gambar 4.73

Gambar 4.73 Tampilan Hasil Halaman Edit Data Buku Tamu

85
e. Konfirmasi Hapus Data Buku Tamu

Konfirmasi hapus data buku tamu adalah notifikasi yang

muncul apabila admin mengklik aksi “Hapus Data” pada data

yang ingin dihapus. Untuk tampilan konfirmasi hapus data buku

tamu dapat dilihat pada gambar 4.74

Gambar 4.74 Tampilan Hasil Konfirmasi Hapus Data Buku Tamu

f. Halaman Pengolahan Data Galeri Makanan

Halaman pengolahan data galeri makanan adalah halaman

yang muncul apabila admin mengklik menu pilihan “Pengolahan

Data Galeri Makanan” pada halaman dashboard. Pada halaman ini

admin dapat melakukan aksi edit data, hapus data dan tambah data.

Untuk tampilan halaman pengolahan data galeri makanan dapat

dilihat pada gambar 4.75

Gambar 4.75 Tampilan Hasil Halaman Pengolahan Data Galeri

Makanan

86
g. Halaman Edit Data Galeri

Halaman edit data galeri adalah halaman yang muncul apabila

admin mengklik aksi “Edit Data” pada halaman pengolahan data

galeri makanan. Pada halaman ini admin dapat mengedit data galeri

kemudian mengklik button “Update” apabila sudah selesai

mengedit. Untuk tampilan halaman edit data galeri dapat dilihat

pada gambar 4.76

Gambar 4.76 Tampilan Hasil Halaman Edit Data Galeri

87
h. Konfirmasi Hapus Data Galeri

Konfirmasi hapus data galeri adalah notifikasi yang muncul

apabila admin mengklik aksi “Hapus Data” pada data yang ingin

dihapus. Untuk tampilan konfirmasi hapus data galeri dapat dilihat

pada gambar 4.77

Gambar 4.77 Tampilan Hasil Konfirmasi Hapus Data Galeri

88
i. Halaman Tambah Data Galeri

Halaman tambah data galeri adalah halaman yang muncul

apabila admin mengklik aksi “Tambah Data” pada halaman

pengolahan data galeri makanan. Pada halaman ini admin

memasukkan data galeri makanan seperti nama, kategori, foto dan

deskripsi, setelah selesai memasukkan data kemudian admin

mengklik button “Simpan”. Untuk tampilan halaman tambah data

galeri dapat dilihat pada gambar 4.78

Gambar 4.78 Tampilan Hasil Halaman Tambah Data Galeri

89
 BAB V

PENUTUP

A. Kesimpulan

Dari hasil pembahasan pada bab-bab sebelumnya dapat diambil beberapa

kesimpulan dari tugas besar yang berjudul “Aplikasi Pengenalan Makanan

Khas Kalimantan Tengah Berbasis Web” adalah sebagai berikut :

1. Aplikasi yang dibuat dengan menggunakan bahasa pemrograman PHP

dan database menggunakan MySQL. Pada akhirnya didapatkan suatu

program Aplikasi Pengenalan Makanan Khas Kalimantan Tengah.

2. Aplikasi Pengenalan Makanan Khas Kalimantan Tengah berbasis web ini

dibangun untuk membantu dan mempermudah pengguna dalam

mengenal makanan khas Kalimantan Tengah agar pengguna tidak lagi

kesusahan dalam mengetahui makanan khas yang ada di Kalimantan

Tengah.

B. Saran

Berdasarkan hasil penulisan dan implementasi program, maka penulis

memberikan saran yang kiranya dapat bermanfaat dalam mengembangkan

sistem ini menjadi lebih baik lagi. Adapun saran-saran tersebut adalah sebagai

berikut :

1. Dalam pengembangan selanjutnya sebaiknya ditambahkan fitur google

maps untuk menampilkan alamat rumah makan yang menjual makanan

khas Kalimantan Tengah tersebut.

90
2. Ada baiknya untuk tahap pengembangan sistem baru ini nantinya

diharapkan dibuat semenarik mungkin dari segi tampilan dan

dikembangkan lebih lanjut dengan tambahan informasi yang lebih

lengkap lagi, seperti informasi rumah makan yang menjual makanan khas

tersebut.

91
 DAFTAR PUSTAKA

Aditya Rahmatullah Pratama, 2016. Belajar UML – Activity Diagram,

https://www.codepolitan.com/mengenal-uml-contoh-uml-diagram-model-
activity-diagram diakses pada tanggal 17 November 2018.

Badriyah, T., 2007, Software Engineering- Topik : Unified Modeling Language

(UML), Institut Teknologi Sepuluh November, Surabaya.

Budi Raharjo, Imam Heryanto, E.rosdiana K. Modul Pemrograman (HTML, PHP,

MySQL). Bandung : Modula, 2014.

Sidik, Betha, 2012, Pemrograman Web dengan PHP, Bandung : Informatika.

Yuhefizar, 2012, CMM Website Interaktif MCMS Joomla (CMS), Gramedia,

Jakarta.

Yuni97, 2017. Tutorial Membuat CRUD PHP dengan MySQL,

https://www.codepolitan.com/tutorial-membuat-crud-php-dengan-mysql-
59897c72d8470# diakses pada tanggal 9 November 2018.

92