IMPLEMENTASI MODEL PROTOTYPE PADA

PERANCANGAN WEBSITE DALAM UPAYA

MENINGKATKAN PENJUALAN DI TOKO
MAWDELISH KITCHENT

LAPORAN SKRIPSI

Untuk Memenuhi Salah Satu Syarat Ujian Sidang Skripsi

Guna Memperoleh Gelar Sarjana Teknik
Jurusan Teknik Informatika

Nama : Moch Anjar Gani A

NIM : 174060031

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

JAWA BARAT
BANDUNG
2021
 LEMBAR PENGESAHAN

IMPLEMENTASI MODEL PROTOTYPE PADA

PERANCANGAN WEBSITE DALAM UPAYA
MENINGKATKAN PENJUALAN DI TOKO
MAWDELISH KITCHENT

SKRIPSI

Nama : Moch Anjar Gani A

Pas
Foto NIM : 164060085

Pembimbing Ketua Program Studi

Teknik Informatika

Edi Firdaus, S.Kom., M.Kom. Bambang Subeno, S.T., M. Kom

NIK. 157 150 373 NIDN. 0424108201

Ketua STMIK JABAR,

Kosodin, S.T., M. Kom.

NIK. 065 990 679

i
 ABSTRACT

Mawdelish.Kitchent merupakan salah satu usaha di bidang kuliner

diwilayah Kota Bandung. Dalam proses melakukan penjualan produk kuliner
mawdelish hanya menggunakan sosial media seperti instagram dan whatsapp.
Tujuan pembuatan website adalah mempermudah pengurus Toko dalam transaki
penjualan dan pembelian. Teknik pengumpulan data menggunakan metode
observasi, studi literatur dan wawancara. Model pengembangan perangkat lunak
yang digunakan model prototype. Website media publikasi toko dibuat
menggunakan dengan Bahasa pemograman Php dengan database MySql. Hasil
dari penelitian ini berupa website media penjualan toko kue yang diharapkan
dapat memudahkan Mawdelish.Kitchent dalam pemprosesan data produk baru
yang ingin di publikasikan. Selain itu pelanggan juga dapat melihat seputar
informasi mulai dari informasi tentang profil toko dan produk
Mawdelish.Kitchent.
Kata Kunci : Website, P e n j u a l a n , M a w d e l i s h , P h p , M y s q l

ii
 ABSTRACT

Mawdelish.Kitchent is one of the businesses in the culinary sector in the

city of Bandung. This business in the culinary field was founded in 2020 and until
now, it has a variety of various culinary products that can be marketed to the
public. In the process of selling mawdelish culinary products, only use social
media such as Instagram and WhatsApp. The purpose of making a website is to
make it easier for shop administrators in sales and purchase transactions. The
data collection technique uses the method of observation, literature study and
interviews. The software development model used is the prototype model. The
store publication media website was created using Php programming language
with MySQL database. The results of this research are in the form of a cake shop
sales media website which is expected to facilitate Mawdelish.Kitchent in
processing data for new products that want to be published. In addition,
customers can also view information ranging from information about shop
profiles and Mawdelish.Kitchent products.
Keywords: Website, Sales, Mawdelish, Php, Mysql

iii
 KATA PENGANTAR

Segala puji dan syukur kehadirat Allah SWT yang telah memberikan

rahmat hidayah kepada penulis sehingga penulis dapat menyelesaikan laporan

Skripsi ini dengan judul “Pembuatan Website Transaksi Penjualan Toko Kue

Mawdelish Menggunakan PHP Dan MSQL”.

Penulis berusaha menyajikan laporan Skripsi ini sebaik mungkin namun

penulis menyadari sepenuhnya bahwa laporan kerja praktek ini masih banyak
kekurangan. Selama penyusunan laporan skripsi ini penulis banyak mendapat
bantuan dan dorongan serta bimbingan, baik moril maupun materil dari berbagai
pihak, untuk itu penulis menyampaikan terima kasih kepada :
1. Keluarga yang saya cintai, atas do’a, dorongan dan bimbingannya

sehingga penulis dapat menyelesaikan laporan skripsi.

2. Bapak Edi Firdaus. S.Kom., M.Kom. selaku dosen pembimbing yang

telah memberikan arahan dan bimbingannya selama penyusunan Skripsi ini

3. Bapak Kosidin, S.T., M.Kom selaku ketua STMIK JABAR.

4. Bapak Bambang Subeno,S.T., M.Kom Selaku Ketua Program Studi

Teknik Informatika STMIK JABAR.

5. Seluruh Dosen dan Staff Program Studi Teknik Inormatika STMIK

JABAR.

6. Seluruh rekan-rekan mahasiswa angkatan 2016/2017.

7. Semua pihak yang sangat berperan penting dalam membantu pembuatan

laporan, yang tidak bisa penulis sebutkan satu persatu.

iv
 Akhir kata penulis mengucapkan terima kasih kepada semua pihak

semoga mendapat balasan dari Allah SWT atas segala kebaikan yang telah

diberikan.

Bandung, Februari 2020

Penulis

v
 DAFTAR ISI

ABSTRACT............................................................................................................ii
ABSTRACT...........................................................................................................iii
KATA PENGANTAR...........................................................................................iv
DAFTAR ISI..........................................................................................................vi
DAFTAR GAMBAR.............................................................................................ix
DAFTAR TABEL..................................................................................................x
BAB I.......................................................................................................................1
PENDAHULUAN...................................................................................................1
1.1 Latar Belakang.................................................................................................1
1.2 Identifikasi Masalah.........................................................................................2
1.3 Rumusan Masalah............................................................................................2
1.4 Batasan Masalah..............................................................................................3
1.5 Tujuan Penelitian.............................................................................................3
1.6 Kegunaan Penelitian........................................................................................3
1.6.1 Kegunaan Teoritis....................................................................................3
1.6.2 Kegunaan Praktis.....................................................................................4
1.7. Jadwal Penelitian..............................................................................................4
1.8. Sistematika Penulisan......................................................................................5
BAB II.....................................................................................................................7
LANDASAN TEORI..............................................................................................7
2.1 Sistem Informasi...............................................................................................7
2.2 Toko...................................................................................................................8
2.3 World Wide Web (WWW)................................................................................8
2.4 PHP....................................................................................................................9
2.5 Basis Data........................................................................................................11
2.6 Diagram Konteks............................................................................................13
2.7 Unified Modeling Language (UML)...............................................................13
2.8 Pengembangan Sistem....................................................................................18
2.9 Web Browser..................................................................................................20
2.10 Protoype..........................................................................................................21
2.10.1 Fase Fase Metode Prototyping...............................................................22
2.11 Penjualan........................................................................................................23
2.12 Media...............................................................................................................23

vi
BAB III..................................................................................................................26
OBYEK DAN METODE PENELITIAN...........................................................26
3.1 Objek Penelitian.............................................................................................26
3.2 Metode Penelitian...........................................................................................26
3.2.1 Studi Literatur........................................................................................28
3.2.2 Pengumpulan dan Analisis Data...........................................................28
3.2.3 Perancangan dan Pengembangan Sistem.............................................29
3.2.4 Pengujian Sistem....................................................................................30
3.2.5 Implementasi Sistem..............................................................................31
3.3 Tools Pendukung............................................................................................31
3.3.1 Aplikasi Pendukung...............................................................................31
BAB IV PEMBAHASAN....................................................................................37
4.1 Hasil dan Pembahasan...................................................................................37
4.2 Analisis Sistem................................................................................................37
4.1.1 Analisis Kebutuhan Sistem....................................................................37
4.1.2 Analisis Dokumen Masukan..................................................................38
4.1.3 Analisis Dokumen Keluaran..................................................................39
4.3 Perancangan Sistem.......................................................................................39
4.2.1 Diagram Use Case...................................................................................39
4.2.2 Diagram Aktivitas..................................................................................44
4.2.3 Class Diagram.........................................................................................52
4.2.4 Squence Diagram....................................................................................52
4.4. Deskripsi Basis Data.......................................................................................54
4.4.1 Tabel Daftar............................................................................................54
4.4.2 Tabel Login.............................................................................................54
4.4.3 Tabel Customers.....................................................................................54
4.4.4 Tabel Products........................................................................................55
4.4.5 Tabel Products Category.......................................................................55
4.4.6 Tabel Orders...........................................................................................56
4.4.7 Tabel Payments.......................................................................................56
4.5 Perancangan Interface...................................................................................57
4.4.1 Interface Form Login.............................................................................57
4.4.2 Interface Home......................................................................................58
4.4.3 Interface Menu Produk..........................................................................58
4.4.4 Interface Halaman Dashboard.....................................................................59

vii
 4.4.4 Interface Form Produk..........................................................................59
4.4.6 Halaman Dasbor Pengguna...................................................................60
4.4.7 Interface Pembayaran............................................................................60
4.6 Pengujian........................................................................................................61
4.5.1 Pengujian Login......................................................................................62
4.5.2 Pengujian Home.....................................................................................63
4.5.3 Pengujian Produk..................................................................................63
4.5.4 Pengujian Pengguna...............................................................................66
4.5.5 Pengujian Pembayaran..........................................................................68
BAB V KESEMPULAN DAN SARAN..............................................................70
5.1 Kesimpulan.....................................................................................................70
5.2 Saran...............................................................................................................70
DAFTAR PUSTAKA...........................................................................................71

viii
 DAFTAR GAMBAR

Gambar 2 1. Model Prototype Menurut Yurindra (halaman 50)...........................20

Gambar 2 2. Siklus Protoype..............................................................................22Y
Gambar 3. 1. Metode Penelitian...............................................................................2
Gambar 4 1. Diagram Use case Penerapan Sistem Website Media Penjualan Toko
pada Mawdelish Kitchent.......................................................................................39
Gambar 4 2. Diagram Akvitas login......................................................................44
Gambar 4 3. Diagram Aktivitas Data Produk (Tambah Data)...............................45
Gambar 4 4. Diagram Aktivitas Data Produk (Hapus Data)..................................46
Gambar 4 5. Diagram Aktivitas Data Pelanggan (Hapus Data)............................47
Gambar 4 6. Diagram Aktivitas Data Pesanan (Edit Data)....................................48
Gambar 4 7. Diagram Aktivitas Data Pembayaran (Edit Data).............................49
Gambar 4 8. Diagram Aktivitas Daftar (Tambah Data).........................................50
Gambar 4 9. Diagram Aktivitas Daftar (Tambah Data).........................................51
Gambar 4 10. Class Diagram.................................................................................52
Gambar 4 11. Sequence Diagram Daftar...............................................................53
Gambar 4 12. Squence Diagram Login..................................................................53
Gambar 4 13. Interface Form Login......................................................................57
Gambar 4 14. Interface Menu Home.....................................................................58
Gambar 4 15. Interface Menu Produk Kami..........................................................58
Gambar 4 16. Interface Halaman Dashboard.........................................................59
Gambar 4 17. Interface Form Produk....................................................................60
Gambar 4 18. Halaman Dasbor Pengguna.............................................................60
Gambar 4 19. Interface Pembayaran......................................................................61
Gambar 4 20. Implementasi Interface login...........................................................62
Gambar 4 21. Implementasi Interface Home.........................................................63
Gambar 4 22. Implementasi Interface Data Produk...............................................63
Gambar 4 23. Implementasi Interface list form Produk.........................................64
Gambar 4 24. Implementasi Interface Pengguna...................................................66
Gambar 4 25. Implemantasi edit form pengguna...................................................66
Gambar 4 26. Implementasi Interface Pembayaran...............................................68

ix
 DAFTAR TABEL

Table 1. Jadwal Penelitan......................................................................................5Y

Tabel 2. 1. Simbol yang digunakan pada Class Diagram......................................14
Tabel 2. 2. Simbol yang digunakan pada Use Case Diagram................................15
Tabel 2. 3. Simbol yang digunakan pada Activity Diagram..................................17
Tabel 2. 4. Simbol yang digunakan pada Sequence Diagram..................................1
Tabel 4. 1. Tabel Daftar.........................................................................................54
Tabel 4. 2. Tabel Data Pengguna...........................................................................54
Tabel 4. 3. Tabel Data Customers..........................................................................55
Tabel 4. 4. Tabel Products.....................................................................................55
Tabel 4. 5. Tabel Products_Category.....................................................................56
Tabel 4. 6. Tabel Orders.........................................................................................56
Tabel 4. 7. Table Payments....................................................................................56
Tabel 4. 8. Pengujian Login...................................................................................62
Tabel 4. 9. Pengujian Tambah Data Produk..........................................................64
Tabel 4. 10. Pengujian Edit Data Produk...............................................................65
Tabel 4. 11. Pengujian Hapus Data produk...........................................................65
Tabel 4. 12. Pengujian Tambah Data Pengguna....................................................66
Tabel 4. 13. Pengujian Edit Data Pengguna...........................................................67
Tabel 4. 14. Pengujian Hapus Data Pengguna.......................................................68
Tabel 4. 15. Pengujian Tambah Data Pengguna....................................................68

x
 BAB I

PENDAHULUAN

1.1 Latar Belakang

Sistem penjualan dan promosi produk melalui internet sedang berkembang

pesat. Perusahaan yang memanfaatkan teknologi berbasis web sebagai suatu

strategi perusahaan dalam menawarkan produk kepada seluruh konsumen tanpa

harus dibatasi oleh ruang dan waktu. Persaingan yang semakin sengit, menuntut

para pengusaha untuk semaksimal mungkin guna memperkenalkan produk-

produk dan layanan yang diberikan pengusaha terhadap konsumen.

Mawdelish Kitchen adalah salah satu bidang usaha penjualan kue yang

tepat nya di kota bandung, selama ini penjualan dan pemasaran produk pada

Mawdelish Kitchent hanya disampaikan dalam media social seperti Instagram dan

whasapp saja, yang mana pelanggan hanya dapat mengetahui informasi mengenai

Mawdelish Kitchent melalui media sosial.

Website dapat membantu calon pelanggan mendapatkan informasi

mengenai produk yang di jual. Ketika pelanggan tertarik, mereka akan melakukan

transaksi penjualan di dalam website. Dengan begitu, penghasilan bisnis

Mawdelish Kitchen akan ikut meningkat. Jadi, solusi yang di ajukan untuk

mengembangkan bisnis penjualan pada took Mawdelish yaitu dengan membuat

website penjualan.

Oleh karena itu berdasarkan uraian di atas penulis mengangkat masalah

tersebut sebagai objek dalam penulisan tugas akhir, dengan judul “Pembuatan

1
Webiste Media Transaksi Penjualan Toko Kue Mawdelish Menggunakan

PHP dan Mysql”

2
 3

1.2 Identifikasi Masalah

Dari latar belakang di atas maka dapat diidentifikasi masalah sebagai

berikut.

1. Terdapat sistem penjualan dan pemasaran produk Mawdelish Kitchent

yang belum efektif, karena proses penjualan dan pemasaran toko

kurang luas.

2. Proses penginputan data produk penjualan dilakukan secara manual

dapat menyita waktu dan tenaga yang banyak, sehingga kesalahan

dalam input data produk toko bisa terjadi.

3. Minimnya Informasi tentang Toko Kue Mawdelish Kitchent

1.3 Rumusan Masalah

Berdasarkan uraian yang ada diidentifikasi masalah diatas, adapun

rumusan masalah dalam penelitian ini adalah :

1. Bagaimana merancang website media transaksi penjualan toko yang

mana mampu mempermudah proses penjulan dan memperluas

pemasaran.

2. Bagaimana merancang website media transaksi penjualan toko

menggunakan php dan mysql yang mana mampu mempermudah pemilik

dalam membuat laporan data produk toko.

3. Bagaimana membuat website media pemasaran toko menggunakan

PHP dan Mysql yang mana mampu mempermudah konsumen

mendapatkan info profil Mawdelish Kitchent.

 4

1.4 Batasan Masalah

Batasan masalah pada penelitian ini adalah sebagai berikut:

1. Aplikasi website ini hanya sebagai media transaksi penjulan dan

pemasaran atau publikasi.

2. Website ini merupakan website yang rencana kedepannya akan

dijadikan media penjualan dan pemasaran yang akan terus diperbarui,

baik dari segi informasi ataupun fitur yang ada.

3. Aplikasi website ini di rancang menggunakan metode prototype,.

1.5 Tujuan Penelitian

Sedangkan tujuan yang ingin dicapai dari penyusunan laporan Penelitian

ini adalah :

1. Merancang website Toko Kue Mawdelish Kitchent sebagai media

penjualan yang memiliki nilai guna tinggi karena mencangkup

keefiktifan dana dan ruang lingkup yang luas.

2. Membuat Website media pemasaran toko yang mana dapat

mempermudah pemilik untuk membuat laporan data produk yang

akan di jual atau di promosikan.

1.6 Kegunaan Penelitian

1.6.1 Kegunaan Teoritis

Adapun kegunaan teoritis dari penulisan Laporan Penelitian ini adalah

sebagai berikut :

1. Untuk lebih mengembangkan ilmu mengenai informasi dan komputer.

 5

2. Untuk mengukur sejauh mana penguasaan ilmu teknologi informatika

yang dikuasai oleh penulis.

1.6.2 Kegunaan Praktis

Penelitian tentang aplikasi persediaan ini diharapkan dapat mempermudah

pekerjaan pemilik toko di bagian transaki penjualan dan pemasaran dalam proses

penjualan dan pemasaran, hasil penelitian berupa prototype aplikasi pendataan

dapat digunakan sebagai rujukan pembuatan aplikasi penyimpanan data yang

lebih baik lagi.

1.7. Jadwal Penelitian

Penelitian ini dilaksanakan di Toko Kue Mawdelish Kitchen, di Jalan Kopo

Gg Pabrik Kulit Selatan No 263f Kecamatan Bojongloa Kaler, Kota

Bandung.

Table 1. Jadwal Penelitan

Tahun 2021 – 2022

No. Aktivitas Januari Februari Maret April
1 2 3 4 1 2 3 4 1 2 3 4 1 2 3 4
1 Persiapan
penelitian
2 Pelaksanaan
penelitian
3 Pengumpulan
data
4 Penyusunan
dan bimbingan
 6

1.8. Sistematika Penulisan

Penyusunan laporan skirpsi ini terdiri dari 5 bab dan masing-masing bab

tersebut berisi uraian singkat dan memperjelas selama mengadakan Penelitian

Lapangan. Hal ini di maksudkan agar pembahasan lebih sistematis dan spesifik

sesuai dengan topik permasalahan.

Penelitian lapangan ini terdiri dari 5 bab yaitu :

 7

BAB I PENDAHULUAN
Dalam bab ini terdiri dari latar belakang. Identifikasi
masalah perumusan masalah, batasan masalah, tujuan, dan,
ruang lingkup, metodologi, lokasi kerja.

BAB II LANDASAN TEORI

Bab ini berisi teori-teori yang menunjang, relevan, terkait
dengan masalah dan perancangan website di toko
mawdelish kitchent diantaranya : Sistem Informasi, Toko,
World Wide Web,PHP, Basis Data, Diagram Konteks,
Unfiled Modeling Lenguage, Pengembangan sistem, Web
Broser, Prototype, Penjualan, dan Pemasaran.

BAB III OBYEK DAN METODE PENELITIAN

Untuk bab ini akan membahas tentang toko mawdelish
kitchen dan analisis sistem yang berjalan serta pemilihan
metode apa yang akan digunakan untuk pengembangan
sistem yang akan di terapkan diantaranya : Objek
Penelitian, Metode Penelitian, dan Tools Pendukung.

BAB IV PEMBAHASAN
Bab ini menjadi inti dalam mempecahkan permasalahn
yang
di bahas di bab 1 dengan di tunjang berdasarkan landasan
teori di bab 2 dan menggunakan metodologi yang telah di
pilih di bab 3.

BAB V KESIMPULAN DAN SARAN

Berisi penjelasan secara singkat tentang hasil yang di
peroleh dari analisis sistem dan bentuk penerapan dari
aplikasi yang dibuat.
 8

BAB II

LANDASAN TEORI

2.1 Sistem Informasi

Pengertian dari sistem adalah kumpulan komponen yang berkaitan dan

memiliki suatu tujuan yang ingin dicapai (Rosa dan Shalahudin, 2013). Menurut

Scott sistem terdiri dari unsur-unsur seperti masukan (input), pengolahan

(processing), serta keluaran (output) (Al Fatta , 2007). Sedangkan pengertian dari

informasi adalah data pilihan yang telah diproses sehingga menjadi lebih

bermakna (Anwar, 2009).

Menurut Gordon. B. Davis, informasi adalah data yang telah diolah

menjadi bentuk yang lebih berarti bagi penerimanya dan bermanfaat dalam

pengambilan keputusan masa kini maupun yang akan datang (Kadir, 2003).

Sedangkan pengertian data adalah fakta-fakta atau kejadian yang berupa angka

atau kode tertentu yang belum memiliki arti/makna. Sistem informasi merupakan

sekumpulan atau kombinasi dari bagan-bagan yang membentuk suatu kesatuan

untuk menghasilkan informasi sesuai dengan sebuah rencana (Anwar, 2009).

Sistem informasi dapat berupa kombinasi yang teratur dari manusia,

hardware, software, komunikasi, jaringan, sumber data, dan kebijakan dan

prosedur untuk mengumpulkan, mengubah, mentransformasi dan menyebarkan

informasi dalam sebuah organisasi (James A. O’Brien dan George M. Marakas,

2010). Menurut Gelinas, Oram dan Wiggins, sistem informasi adalah suatu sistem

buatan manusia yang secara umum terdiri atas sekumpulan komponen berbasis

komputer dan manual yang dibuat untuk menghimpun, menyimpan, dan

 9

mengelola data serta menyediakan informasi keluaran kepada para pemakai

(Kadir, 2003). Sistem informasi adalah seperangkat perangkat keras, perangkat

lunak, data, manusia dan komponen prosedural untuk memberikan data dan

informasi untuk orang yang tepat dan dalam waktu yang tepat. Berdasarkan teori

yang diuraikan di atas dapat disimpulkan bahwa sistem informasi merupakan

sekumpulan atau seperangkat komponen hardware, software, manusia dan

perangkat-perangkat pendukung yang saling berhubungan dan terorganisasi yang

bertujuan untuk memberikan suatu informasi.

2.2 Toko

Menurut Wikepedia, Toko atau kedai adalah sebuah tempat tertutup yang

di dalamnya terjadi kegiatan perdagangan dengan jenis benda atau barang yang

khusus, misalnya toko buku, toko buah, dan sebagainya. Secara fungsi ekonomi,

istilah "toko" sesungguhnya hampir sama dengan "kedai" atau "warung". Akan

tetapi pada perkembangan istilah, kedai dan warung cenderung bersifat tradisional

dan sederhana, dan warung umumnya dikaitkan dengan tempat penjualan

makanan dan minuman. Secara bangunan fisik, toko lebih terkesan mewah dan

modern dalam arsitektur bangunannya daripada warung. Toko juga lebih modern

dalam hal barang-barang yang dijual dan proses transaksinya.

2.3 World Wide Web (WWW)

WWW atau World Wide Web maupun Web saja adalah sebuah sistem

yang saling terkait dalam sebuah dokumen berformat hypertext yang berisi
 10

beragam informasi, baik tulisan, gambar, suara, video, dan informasi multimedia

lainnya dan dapat diakses melalui sebuah perangkat yang disebut web browser.

Untuk menterjemahkan dokumen hypertext kedalam bentuk dokumen

yang dapat dipahami oleh manusia, maka web browser melalui web client akan

membaca halaman web yang tersimpan di sebuah web server melalui protokol

yang sering disebut HTTP atau Hypertext Transfer Protocol.

Perangkat lunak web browser saat ini tersedia dalam berbagai produk

dengan kelebihan dan kekurangannya masing-masing. Beberapa web browser

yang paling terkenal saat ini adalah Mozilla Firefox, Internet Explorer, Opera,

Google Chrome, Safari dan lain sebagainya.

Dokumen hypertext yang tersimpan didalam sebuah web server memiliki

banyak link atau sambungan antara satu dokumen hypertext dengan dokumen

hypertext lainnya. Dengan adanya link antar dokumen hypertext, maka hal

tersebut dapat memudahkan pengakses untuk mengunjungi atau mendapatkan

dokumen-dokumen terkait yang diinginkannya.

2.4 PHP

PHP merupakan singkatan dari Hypertext Preprocesso. Dalam bukunya,

Abdul Kadir mengutip dari halaman resmi PHP, PHP merupakan bahasa

berbentuk skrip yang ditempatkan dan diproses di server. Hasilnya akan dikirim

ke klien, tempat pengguna menggunakan browser (Kadir, 2008).

Jika kita urutkan, konsep kerja PHP diawali dengan permintaan halaman

web oleh browser. Berdasarkan URL (Uniform Resource Locator) atau dikenal

dengan sebuah alamat internet, browser mendapatkan alamat dari web server,
 11

mengidentifikasi halaman yang dikehendaki, dan menyampaikan segala informasi

yang dibutuhkan oleh web server. Selanjutnya web server akan mencarikan

dokumen PHP yang diminta dan mengirimkannya ke mesin PHP. Untuk

selanjutnya mesin PHP inilah yang memproses dan memberikan hasilnya berupa

kode HTML ke web server. Kemudian, web server menyamaikannya ke klien.

Gambar 2. 1 Skema Konsep Kerja PHP

Secara khusus, PHP dirancang untuk membentuk aplikasi web dinamis.

Artinya, ia dapat membentuk suatu tampilan berdasarkan permintaan terkini.

Beberapa kelebihan dari pemrograma PHP sebagai berikut:

1. Bersifat bebas dipakai (open source), anda tidak perlu membayar

apapun untuk menggunakan aplikasi ini.

2. Dapat di berbagai macam sistem operasi.

3. Mudah dipelajari dan tanpa harus menggunakan perangkat yang canggih

sekalipun.

4. Kompetibel terhadap hampir semua database.

5. Banyak Web Server yang mendukung PHP seperti Apache, Lighttpd,

IIS dan lain-lain.

2.5 Basis Data

Sistem Basis Data atau Database Management System (DBMS)

merupakan sekumpulan basis data dengan para pemakai yang menggunakan basis

data secara bersama – sama, personil yang meancang dan mengelola basis data,

teknik-teknik yang merancan dan mengelola basis data dan sistem computer yang

mendukungnya.
 12

Suatu database terdiri dari banyak tabel. Tabel ini terdiri dari banyak field

yang merupakan kolomnya. Setiap kolom terdiri dari beberapa baris. Isi tiap baris

dari tabel inilah yang merupakan data. Untuk membuat sistem basis data yang

terintegrasi maka antara satu tabel dengan tabel lain mempunyai hubungan yang

harus selalu diperlihara. Setiap tabel mempunyai sebuah primary key, primary key

ini kemudian dihubungkan dengan tabel kedua dan menjadi foreign key untuk

tabel kedua ini. Dengan relational database ini maka data akan secara konsisten

disimpan di suatu tabel, kemudian tabel lain yang membutuhkan data lainnya

tinggal menghubungkan melalui foreign key.

MySQL adalah database yang menghubungkan script PHP menggunakan

perintah query dan escaps character yang sama dengan PHP. (Sadeli, 2014).

MySQL mempunyai tampilan klien yang mempermudah penggunanya dalam

mengakses database. MySQL adalah salah satu jenis database server yang sangat

terkenal. Hal ini disebabkan MySQL menggunakan SQL sebagai bahasa dasar

untuk mengakses databasenya. Selain itu, MySQL bersifat open source pada

pelbagai platform terkecuali untuk jenis Enterprise, yang bersifat komersial.

MySQL termasuk jenis RDBMS (Relational Database Management

System). Itulah sebabnya istilah seperti tabel, baris dan kolom digunakan pada

MySQL. Pada MySQL, sebuah database mengandung satu atau sejumlah tabel.

Tabel terdiri dari beberapa baris dan setiap baris mengandung satu atau beberapa

kolom. Adapun kelebihan dari database MySQL adalah sebagai berikut:

1. Bersifat Sumber terbuka (open source). Perangkat lunak MySQL dapat

disebarluaskan secara gratis dengan source code yang dapat digunakan

secara luas.
 13

2. Banyak pengguna. Database MySQL dapat dipakai oleh lebih dari satu

pengguna dalam waktu tertentu secara bersamaan tanpa mengalami

gangguan atau konflik.

3. Efektif dan portabilitas. Hal ini berarti MySQL dapat berjalan dengan

stabil untuk berbagai platform sistem operasi Linux, Windows,

FreeBSD, Mac Os X Server, Solaris, Amiga, dan masih banyak lagi.

4. Banyak tipe data. MySQL mendukung berbagai jenis tipe data dan

bervariasi seperti signed / unsigned integer, float, double, char, text,

date, timestamp, dan lain-lain.

5. Perintah dan Fungsi. Penggunaan operator dan fungsi pada MySQL secara

penuh yang mendukung perintah “Select” dan “Where” dalam perintah

SQL (query).

6. Keamanan. memiliki beberapa lapisan keamanan seperti password yang

telah dilakukan enkripsi.

7. Kapasitas data berskala besar. Database MySQL dapat menangani basis

data dalam jumlah yang besar, dengan jumlah record lebih dari 60 ribu

tabel serta 5 milyar baris. Selain itu batas indeks yang dapat ditampung

mencapai 32 indeks pada tiap tabelnya.

8. Konektivitas. Database MySQL melakukan koneksi dengan klien dengan

menggunakan protokol TCP/IP, Unix soket (UNIX), atau named pipes

(NT).
 14

2.6 Diagram Konteks

Diagram konteks memperlihatkan sistem yang dirancang secara

keseluruhan, semua external entity harus digambarkan sedemikian rupa, sehingga

terlihat data yang mengalir pada input-proses-output. Diagram konteks

menggunakan tiga buah symbol yaitu symbol untuk melambangkan external

entity, symbol untuk melambangkan data flow dan symbol untuk melambangkan

proses. Diagram konteks hanya boleh terdiri dari satu proses saja, tidak boleh

lebih dan pada Diagram konteks tidak digambaran data store. Proses pada diagram

konteks biasanya tidak diberi nomor [ CITATION Muh03 \l 1033 ].

2.7 Unified Modeling Language (UML)

UML (Unified Modelling Language) merupakan standar bahasa yang

banyak digunakan untuk mendefinisikan kebutuhan, membuat analisis dan desain

serta menggambarkan arsitektur dalam pemrograman berorientasi objek (Rosa dan

Shalahudin, 2013). UML yang digunakan dalam perancangan perangkat lunak ini

meliputi use case diagram, activity diagram, sequence diagram dan class diagram.

Dalam hal ini, Unified Modeling Language (UML) bukanlah merupakan

bahasa pemprograman tetapi model-model yang tercipta berhubungan langsung

dengan berbagai macam bahasa pemprograman. Sehingga memungkin melakukan

pemetaan (mapping) langsung dari model-model yang dibuat dengan Unified

Modeling Language dengan bahasa-bahasa pemprograman berorientasi obyek.

1. Class Diagram

Class diagram atau diagram kelas menggambarkan struktur sistem dari

segi pendefinisian kelas-kelas yang akan dibuat untuk membangun sistem (Rosa
 15

dan Salahuddin, 2014). Class diagram memberikan gambaran (diagram statis)

tentang sistem/perangkat lunak dan relas-relasi yang ada didalamnya. Pada class

diagram juga digambarkan bagaimana interaksi hubungan antar class dalam

sebuah konstruksi piranti lunak seperti hubungan asosiasi, agregasi, komposisi,

dan inheritance dangeneralization.

Tabel 2. 1. Simbol yang digunakan pada Class Diagram

No. Gambar Nama Keterangan

1 Class
2 Association
3 Composition
4 Dependency
Class adalah blok - blok
pembangun pada pemrograman
berorientasi obyek. Sebuah
class digambarkan sebagai
sebuah kotak yang terbagi atas
3 bagian. Bagian atas
merupakan nama dari class,
bagian tengah adalah
property/atribut class dan
bagian akhir adalah metode
dari sebuah class.
Sebuah asosiasi merupakan
sebuah relationship paling
umum antara 2 class. Garis ini
bisa melambangkan tipe-tipe
relationship dan juga dapat
menampilkan hukum-hukum
multiplisitas pada sebuah
relationship.
Jika sebuah class tidak bisa
berdiri sendiri dan harus
merupakan bagian dari class
yang lain, maka class tersebut
memiliki relasi Composition
terhadap class tempat dia
bergantung tersebut.
Terkadang sebuah class
menggunakan class yang lain.
Hal ini disebut dependency.
Umumnya dependency
digunakan untuk menunjukkan
operasi pada suatu class yang
 16

menggunakan class yang lain.

5 Aggregation Aggregation mengindikasikan
keseluruhan bagian relationship
dan biasanya disebut sebagai
relasi.

2. Use Case Diagram

Use Case atau Diagram use case merupakan pemodelan untuk kelakuan

(behavior) sistem informasi yang akan dibuat. Use case mendeskripsikan sebuah

interaksi antara satu atau lebih aktor dengan sistem yang akan dibuat (Rosa dan

Salahuddin, 2014). Secara kasar, Use case digunakan untuk mengetahui fungsi-

fungsi yang ada di dalam sebuah sistem informasi dan orang-orang(aktor) yang

berhak menggunakan fungsi-fungsi itu.

Tabel 2. 2. Simbol yang digunakan pada Use Case Diagram

NO GAMBAR NAMA KETERANGAN

1 Actor
2 Dependency
3 Generalization
4 Include
5 Extend
6 Association
Menspesifikasikan himpuan peran yang
pengguna mainkan ketika berinteraksi
dengan use case.
Hubungan dimana perubahan yang terjadi
pada suatu elemen  mandiri (independent)
akan mempengaruhi elemen yang
bergantung padanya elemen yang tidak
mandiri (independent).
Hubungan dimana objek anak
(descendent) berbagi perilaku dan
struktur data dari objek yang ada di
atasnya objek induk (ancestor).
Menspesifikasikan bahwa use case
sumber secara eksplisit.
Menspesifikasikan bahwa use case target
memperluas perilaku dari use case
sumber pada suatu titik yang diberikan.
Apa yang menghubungkan antara objek
satu dengan objek lainnya.
 17

Menspesifikasikan paket yang

7 System
menampilkan sistem secara terbatas.

Deskripsi dari urutan aksi-aksi yang

8 Use Case
9 Collaboration
ditampilkan sistem yang menghasilkan
suatu hasil yang terukur bagi suatu aktor
Interaksi aturan-aturan dan elemen lain
yang bekerja sama untuk menyediakan
prilaku yang lebih besar dari jumlah dan
elemen-elemennya (sinergi).

3. Diagram Aktifitas

Diagram aktifitas atau activity diagram menggambarkan workflow (aliran

kerja) atau aktifitas dari sebuah sistem atau proses bisnis (Rosa dan Salahuddin,

2014). Yang perlu diperhatikan disini adalah bahwa diagram aktivitas

menggambarkan login Validasi username Ubah data 89 diagram aktivitas sistem

bukan apa yang dilakukan aktor, jadi aktivitas yang dapat dilakukan oleh sistem.

Tabel 2. 3. Simbol yang digunakan pada Activity Diagram

No.
SIMBOL KETERANGAN
1
Titik awal
2
Titik akhir
3
Activity
4
Pilihan untuk pengambilan keputusan
5 Fork; digunakan untuk menunjukan kegiatan yang
dilakukan secara paralel atau untuk
menggabungkan dua kegiatan paralel menjadi satu
 18

4. Diagram Sequence

Menurut Sukamto dan Shalahuddin (2014:165), Sequnce Diagram

menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu

hidup objek dan message yang dikirmkan dan diterima antar objek. Oleh karena

itu, untuk menggambar sequence diagram harus diketahui objek-objek yang

terlibat dalam sebuah use case beserta metode-metode yang dimiliki kelas yang

diinstansiasi menjadi objek itu. Membuat sequence diagram juga dibutuhkan

untuk melihat skenario yang ada pada use case.

Tabel 2. 4. Simbol yang digunakan pada Sequence Diagram

No Simbol Nama Deskripsi

Menggambarkan orang
Actor
1 yang berinteraksi
dengan sistem.

Menggambarkan
Entity Class
2 hubungan kegiatan yang
akan dilakukan.

Menggambarkan sebuah
Boundary Class
3 penggambaran dari
form.

Menggambarkan
Control Class
4 penghubung antara
boundary dengan tabel.

5 Lifeline Menggambarkan tempat

 19

mulai dan berakhirnya

sebuah pesan.

Line Message Menggambarkan

6
pengiriman pesan.

2.8 Pengembangan Sistem

Ada berbagai metode pengembangan sistem dalam membuat program

aplikasi salah satunya adalah prototype. Prototype adalah sebuah proses yang

memungkinkan developer membuat sebuah model software, metode ini digunakan

apabila client tidak dapat memberikan informasi secara maksimal mengenai

kebutuhan yang diinginkannya (Yurindra, 2017). Secara ideal, prototype

berfungsi sebagai sebuah mekanisme untuk mengidentifikasi kebutuhan software,

bila prototype yang sedang bekerja dibangun pengembangannya harus

menggunakan fragmen-fragmen program yang ada.

 20

Pengumpulan
kebutuhan/Analisis

Quick Design

Perubahan design dan Membangun

Prototype Prototype

Evaluasi Pelanggan

Pelanggan Puas

Pengembangan Skala besar

Gambar 2 1. Model Prototype Menurut Yurindra (halaman 50)

Tahapan proses dalam model prototyping secara umum adalah sebagai

berikut (Yurindra, 2017):

1. Pengumpulan kebutuhan

Developer dan klien akan bertemu terlebih dahulu dan kemudian

menentukan tujuan umum, kebutuhan yang diketahui, dan gambaran

bagian-bagian yang akan dibutuhkan berikutnya.

2. Perancangan

Perancangan dilakukan dengan cepat dan rancangan tersebut mewakili

semua aspek software yang diketahui, dan rancangann unu menjadi

dasar pembuatan prototype.

3. Mengkodekan sistem

Dalam tahap ini prototype yang telah disepakati diterjemahkan ke

dalam Bahasa pemrograman yang sesuai.

 21

4. Pengujian sistem

Pengujian ini dilakukan dengan white box, black box, basis path,

pengujian arsitektur dan lain-lain.

5. Evaluasi sistem

Pelanggan mengevaluasi sistem yang sudah jadi, tentang kesesuaian

dari sistem informasi yang dilbuat, jika belum sesuai maka akan

kembali ke tahap b dan c.

6. Implementasi sistem

Perangkat lunak yang telah diuji dan diterima pelanggan siap untuk

digunakan.

2.9 Web Browser

Web Browser adalah perangkat lunak/software yang digunakan untuk

menampilkan dokumen HTML. Web Browser akan membantu pengguna

mengakses halaman web yang disediakan oleh sebuah web server serta membantu

dalam hal navigasi. Pada saat ini Web Browser telah dikembangkan oleh

beberapa vendor dengan produk yang banyak dikenal oleh para pengguna,

diantaranya : Google Chrome, Mozilla Firefox, dan Opera.

Pada pengembangan sistem yang akan dibuat ini, penulis menggunakan

web browser dengan merk jual Mozilla Firefox versi 55.0.3. Penggunaan firefox

memiliki keunggulan yaitu memudahkan penulis untuk menemukan kesalahan

pada koding javascript. Kesalahan pada koding javascript dapat ditemukan dengan

cara menginspeksi elemen dari halaman yang tampil pada saat itu. Tampilan
 22

inspeksi yang mudah dimengerti menjadi keunggulan dan kemudahan bagi

penulis dalam mengembangan sistem.

2.10 Protoype

Sebuah prototipe adalah bagian dari produk yang mengekspresikan logika

maupun fisik antarmuka eksternal yang ditampilkan. Konsumen potensial

menggunakan prototipe dan menyediakan masukan untuk tim pengembang

sebelum pengembangan skal besar dimulai. Melihat dan mempercayai menjadi hal

yang diharapkan untuk dicapai dalam prototipe. Dengan menggunakan

pendekatan ini, konsumen dan tim pengembang dapat mengklarifikasi kebutuhan

dan interpretasi mereka.

     Prototyping perangkat lunak (software prototyping) atau siklus hidup

menggunakan protoyping (life cycle using prototyping) adalah salah satu metode

siklus hidup sistem yang didasarkan pada konsep model bekerja (working model).

Tujuannya adalah mengembangkan model menjadi sistem final. Artinya sistem

akan dikembangkan lebih cepat dari pada metode tradisional dan biayanya

menjadi lebih rendah. Ada banyak cara untuk memprotoyping, begitu pula dengan

penggunaannya. Ciri khas dari metodologi ini adalah pengembang sistem (system

developer), klien, dan pengguna dapat melihat dan melakukan eksperimen dengan

bagian dari sistem komputer dari sejak awal proses pengembangan.

 23

2.10.1 Fase Fase Metode Prototyping

Gambar 2 2. Siklus Protoype

 Analisa kebutuhan

Di tahap ini pengembang melakukan identifikasi software dan semua

kebutuhan sistem yang akan dibuat.

 Membangun prototyping

Membangun prototyping dengan membuat perancangan sementara yang

berfokus pada penyajian kepada pelanggan (misalnya dengan

membuat input dan format output).

 Evaluasi prototyping

Evaluasi ini dilakukan untuk mengetahui apakah prototyping sudah sesuai

dengan harapan pelanggan.

 Mengkodekan sistem

Pada tahap ini prototyping yang sudah disetujui akan diubah ke dalam

bahasa pemrograman.

 Menguji sistem

Di tahap ini dilakukan untuk menguji sistem perangkat lunak yang sudah

dibuat.Pengujian
 24

 Evaluasi Sistem

Perangkat lunak yang sudah siap jadi akan dievaluasi oleh pelanggan

untuk mengetahui apakah sistem sesuai dengan yang diharapkan.

 Menggunakan sistem

Perangkat lunak yang sudah diuji dan disetujui oleh pelanggan siap

digunakan.

2.11 Penjualan

Pengertian dari penjualan adalah sejumlah total yang dikenakan kepada

pelanggan untuk barang dagangan yang dijual, termasuk penjualan tunai dan

kredit. Penjualan bisa diartikan dengan proses pemenuhan kebutuhan penjual dan

pembeli baik secara tunai maupun kredit. (Reeve, Warren, dan Durhac)

2.12 Media

Secara etimologi, kata media merupakan bentuk jamak dari medium, yang

berasal dan Bahasa Latin medius yang berarti tengah. Sedangkan dalam Bahasa

Indonesia, kata medium dapat diartikan sebagai antara atau sedang sehingga

pengertian media dapat mengarah pada sesuatu yang mengantar atau meneruskan

informasi (pesan) antara sumber (pemberi pesan) dan penerima pesan. Media

dapat diartikan sebagai suatu bentuk dan saluran yang dapat digunakan dalam

suatu proses penyajian informasi (AECT, 1977:162).

Istilah media mula-mula dikenal dengan alat peraga, kemudian dikenal dengan

istilah audio visual aids (alat bantu pandang/dengar). Selanjutnya disebut

instructional materials (materi pembelajaran), dan kini istilah yang lazim

digunakan dalam dunia pendidikan nasional adalah instructional media (media

 25

pendidikan atau media pembelajaran). Dalam perkembangannya, sekarang muncul

istilah e-Learning. Huruf “e” merupakan singkatan dari “elektronik”. Artinya

media pembelajaran berupa alat elektronik, meliputi CD Multimedia Interaktif

sebagai bahan ajar offline dan Web sebagai bahan ajar online.

Berikut ini beberapa pendapat para ahli komunikasi atau ahli bahasa tentang

pengertian media yaitu :

1. Orang, material, atau kejadian yang dapat menciptakan kondisi sehingga

memungkinkan siswa dapat memperoleh pengetahuan, keterapilan, dan sikap

yang baru, dalam pengertian meliputi buku, guru, dan lingkungan sekolah

(Gerlach dan Ely dalam Ibrahim, 1982:3)

2. Saluran komunikasi yang digunakan untuk menyampaikan pesan antara sumber

(pemberi pesan) dengan penerima pesan (Blake dan Horalsen dalam

Latuheru, 1988:11)

3. Komponen strategi penyampaian yang dapat dimuati pesan yang akan

disampaikan kepada pembelajar bisa berupa alat, bahan, dan orang (Degeng,

1989:142)

4. Media sebagai segala sesuatu yang dapat digunakan untuk menyalurkan pesan

dan pengirim pesan kepada penerima pesan, sehingga dapat merangsang pildran,

perasaan, perhatian, dan minat serta perhatian siswa sedemikian rupa, sehingga

proses belajar mengajar berlangsung dengan efektif dan efesien sesuai dengan

yang diharapkan (Sadiman, dkk., 2002:6)

 26

5. Alat yang secara fisik digunakan untuk menyampaikan isi materi, yang terdiri

antara lain buku, tape-recorder, kaset, video kamera, video recorder, film, slide,

foto, gambar, grafik, televisi, dan komputer (Gagne dan Briggs dalam Arsyad,

2002:4)

Berdasarkan beberapa pendapat di atas, dapat disimpulkan bahwa media

pengajaran adalah bahan, alat, maupun metode/teknik yang digunakan dalam

kegiatan belajar mengajar dengan maksud agar proses interaksi komunikasi

edukatif antara guru dan anak didik dapat berlangsung secara efektif dan efesien

sesuai dengan tujuan pengajaran yang telah dicita-citakan.

 27

BAB III

OBYEK DAN METODE PENELITIAN

3.1 Objek Penelitian

Penelitian yang dilakukan oleh penulis adalah penetian secara observatif,

yang dilakukan di Mawdelih Kitchent merupakan Toko yang bergerak dalam

bidang Kuliner di Bandung. Kantor kesekretariatan terletak di Mawdelish

Kitchent, di Jalan Kopo Gg Pabrik Kulit NO 263f, Kota Bandung.

3.2 Metode Penelitian

Pada laporan skripsi ini, penulis menggunakan pendekatan metodelogi

ataupun cara-cara yang dilakukan, secara garis besar digambarkan pada gambar

3.1.
 28

Identifikasi Masalah

Studi Literatur

Pengumpulan Dan
Analisis Data
(Wawancara,
Observasi)

Analisa sistem yang

Berjalan

Perancangan &
Pengembangan System
(Prototyping)

Pengkodean System
(PHP, HTML,MySQL)

Pengujian

Implementasi Sistem

Kesimpulan

Gambar 3. 1. Metode Penelitian

 29

3.2.1 Studi Literatur

Studi literature adalah serangkaian kegiatan yang berkenaan dengan

metode pengumpulan data. Referensi ini didapat dengan membaca buku-buku,

jurnal dan artikel laporan tertentu. Sehingga hasil dari studi literatur ini

didapatkan referensi yang relevan dengan perumusan masalah. Referensi berikut

berisikan tentang:

1. Rancang Bangun Website Toko Kue

2. Pemrograman PHP

3. Unified Modelling Language

4. Pengujian Sistem

3.2.2 Pengumpulan dan Analisis Data

1. Observasi Di Mawdelish Kitchent

Melakukan komunikasi langsung dengan personal yang mempunyai

hubungan langsung dengan masalah. Wawancara yang dilakukan dengan cara

penyampaian sejumlah pertanyaan kepada pihak-pihak yang bersangkutan di

Mawdelish Kitchen diantaranya :

1. Wawancara kepada Owner di Mawdelish Kitchent mengenai profil Toko

yang bergerak dibidang kuliner tersebut.

2. Wawancara kepada Pengelola Toko di Mawdelish Kitchen mengenai

system kerja yang dilakukan di Mawdelish Kitchen

3. Wawancara kepada Pengelola data di Mawdelish Kitchent mengenai

kelengkapan data dan kendala yang didapat saat pengelolaan data.

4. Wawancara kepada owner mengenai cara promosi dan pemasaran.

 30

3.2.3 Perancangan dan Pengembangan Sistem

Tujuan dari perancangan sistem secara umum adalah untuk memberikan

gambaran secara umum kepada user tentang sistem yang akan dibangun,

perancangan secara umum merupakan mengidentifikasi komponen-komponen

sistem informasi yang akan dirancang secara rinci. Setelah tahap analisa selesai

selanjutnya adalah tahap perancangan sistem (system design)

1. Merancang sistem Website Toko Kue

Perancangan sistem ini dilakukan dengan cara mengumpulkan,

menganalisa, serta menginterpresentasikan data dengan suatu metode

tertentu. Metode yang digunakan dalam perancangan ini menggunakan

metode berorientasi objek dengan menggunakan model proses prototype.

2. Merancang model Website Toko Kue

Rancangan model dilakukan dalam bentuk model logika dengan

menggunakan UML, Antara lain dengan menggunakan use case diagram

dan activity diagram. beberapa use case diagram dan activity diagram

yang digunakan dalam perancangan model diantara sebagai berikut:

a. Diagram Use Case Penerapan sistem Website Media Transaksi dan

Pemasaran Toko

b. Diagram Aktivtas Login

c. Diagram Aktivitas Data Produk ( Hapus Data )

d. Diagram Aktivitas Data Produk ( Tambah Data )

e. Diagram Aktivitas Data Produk ( Edit Data )

f. Diagram Aktvitas Data Pengguna ( Hapus Data )

 31

g. Diagram Aktvitas Data Pengguna ( Edit Data )

h. Diagram Aktvitas Data Pengguna ( Tambah Data )

i. Digram Aktivitas Data Penguna ( Transaksi )

3. Merancang output

Rancangan output dilakukan dengan cara menganalisa data dan kebutuhan

apa saja yang akan dihasilkan oleh sistem yang dibangun. contohnya

menganalisa output yang dihasilkan setelah proses pembuatan website.

4. Merancang input

Rancangan input dilakukan dengan cara menganalisa data dan kebutuhan

apa saja yang dibutuhkan oleh sistem, contohnya menganalisa data yang

harus dinputkan ketika proses pembuatan webiste, data yang harus

diinputkan ketika ada proses menampilkan informasi website.

5. Merancang basis data

Dalam tahap merancang basis data terlebih dahulu penulis

mengidentifikasi file-file yang diperlukan oleh sistem seperti, menentukan

kebutuhan file database sistem, menetukan parameter dari file database.

Setelah file-file yang dibutuhkan telah dapat ditentukan, maka parameter

dari dile selanjutnya juga dapat ditentukan.

3.2.4 Pengujian Sistem

Pengujian ini dilakukan untuk menemukan kesalahan pada aplikasi

sebelum masuk ketahap implementasi. Pengujian yang dipakai dengan

menggunakan metode pengujian Black-box, dengan cara menguji aplikasi dari

 32

segi spesifikasi fungsional tanpa menguji desain dan kode program. Pengujian ini

dilakukan pada point-point dari suatu kelas yang dianggap perlu diuji.

3.2.5 Implementasi Sistem

Pada tahap implementasi, sistem yang dibangun berupa website yang

dioprasikan menggunakan browser maka diperlukan sebuah software dan

hardware yang dapat menunjang agar sistem berjalan dengan baik. Setelah sistem

dapat berjalan dengan baik maka dilakukan pengujian apakah sistem dapat

menghasilkan informasi seperti yang di harapkan. Apabila sistem masih memiliki

kesalahan atau tidak memberikan informasi seperti yang di harapkan maka akan

dilakukan pengkodean kembali sampai sistem tidak memiliki kesalahan dan dapat

memberikan informasi seperti yang diharapkan.

3.3 Tools Pendukung

Dalam penyusunan laporan kerja praktek ini, penulis menggunakan Unified

Modeling Language (UML) sebagai peraga atau pemodelan perancangan sistem.

Serta penulis juga menggunakan beberapa aplikasi pendukung dalam penyusunan

laporan kerja praktek dan pembangunan aplikasi.

3.3.1 Aplikasi Pendukung

3.3.1.1 Analisa Kebutuhan Perangkat Keras dan Perangkat Lunak

Aplikasi yang dibangun memerlukan dukungan dari perangkat keras dan

perangkat lunak yang menunjang, agar aplikasi dapat berjalan secara optimal.

Spesifikasi minimal yang dibutuhkan untuk dapat menjalankan aplikasi ini adalah

sebagai berikut:
 33

1. Spesifikasi perangkat keras (hardware) yaitu:

a. Processor Inter i3 (setara atau lebih tinggi)

dan Mother Board yang compatible (mendukung).

b. Memory (RAM) minimal 4 GB.

c. Hardisk minimal 500 GB.

d. Mouse, Monitor dan Keyboard

2. Spesifikasi Perang kat lunak (software) yang dibutuhkan:

Sistem operasi Windows (7, 8 atau 10) , Linux atau Mac Os. Browser,

karena aplikasi berbasis web.

3.3.1.2 XAMPP

XAMPP adalah software web server apache yang di dalamnya tertanam

server MySQL yang didukung dengan bahasa pemrograman PHP untuk membuat

website yang dinamis. XAMPP sendiri mendukung dua sistem operasi yaitu

windows dan Linux. Untuk linux dalam proses penginstalannya menggunakan

command line sedangkan untuk windows dalam proses penginstalannya

menggunakan interface grafis sehingga lebih mudah dalam penggunaaan XAMPP

di Windows di banding dengan Linux.

XAMPP yang digunakan pada pengembangan sistem ini adalah versi 3.2.1.

Versi ini bukanlah yang terbaru, namun dapat menjalankan HTML5 dan PHP5

yang merupakan versi terbaru dari pemrograman web. Selain itu, versi 3.2.1. ini

juga tidak terlalu membutuhkan memori yang besar.

 34

3.3.1.3 Submlime Text

Sublime Text adalah aplikasi editor untuk kode dan teks  yang dapat

berjalan diberbagai platform operating system dengan menggunakan teknologi

Phyton API. Terciptanya  aplikasi  ini  terinspirasi  dari  aplikasi  Vim,  Aplikasi 

ini  sangatlah fleksibel  dan  powerfull.  Fungsionalitas  dari  aplikasi  ini  dapat 

dikembangkan dengan menggunakan sublime-packages. Sublime Text bukanlah

aplikasi open source dan juga aplikasi yang dapat digunakan secara gratis, akan

tetapai beberapa fitur pengembangann fungsionalitas (packages) dari aplikasi ini

merupakan hasil dari temuan dan mendapat dukungan penuh dari komunitas serta

memiliki lisensi aplikasi gratis.

Sublime  Text  mendukung  berbagai  bahasa  pemrograman  dan  mampu

menyajikan fitur  syntax  highlight  hampir di semua bahasa pemrogramman yang

didukung  ataupun  dikembangkan  oleh  komunitas  seperti;  C,  C++,  C#,  CSS, 

D, Dylan,  Erlang,  HTML,  Groovy,  Haskell,  Java,  JavaScript,  LaTeX,  Lisp, 

Lua, Markdown, MATLAB, OCaml, Perl, PHP, Python, R,  Ruby, SQL, TCL,

Textile and  XML.  Biasanya  bagi  bahasa  pemrograman  yang  didukung 

ataupun  belum terdukung  secara  default  dapat  lebih  dimaksimalkan  atau 

didukung dengan menggunakan add-ons yang bisa didownload sesuai

kebutuhan user.

3.3.1.4 HeidiSQL

HeidiSQL merupakan aplikasi database administrasi gratis dan open source.

HeidiSQL seperti halnya Microsoft SQL server dan PostgreSQL. HeidiSQL dapat

digunakan di windows maupun di linux. Heidi dibuat oleh Bahasa pemrograman

Java yang mulanya diperuntukkan untuk para pengguna Mac OS dan Linux.
 35

Fitur yang diberikan HeidiSQL sebagai berikut:

1. Koneksi Server

a. Menyimpan beberapa session dengan koneksi dan kredensial disimpan

di dalamnya

b. Protokol klien / server terkompresi untuk server yang kompatibel

c. Antarmuka dengan server melalui TCP / IP serta dapat menggunakan

protokol tunnel (SSH)

d. Dapat menalankan lebih dari 1 sesi database dalam satu jendela

e. Kelola pengguna di server: tambahkan, hapus dan edit pengguna, dan

kredensial mereka

f. Kelola hak pengguna secara global dan per basis data

g. Ekspor database ke file SQL atau ke server lain

h. Beberapa tab permintaan, dengan masing-masing memiliki beberapa

subtab untuk hasil Query yang dijalankan

2. Host Server

a. Melihat dan filter semua variabel server, seperti system_time_zone

b. Mengedit semua variabel server, baik untuk sesi ini atau dengan

cakupan global

c. Melihat variabel statistik server, dan nilai rata-rata per jam & detik

d. Saat ini menjalankan proses untuk menganalisis SQL yang dieksekusi

dan untuk menghentikan proses yang error

e. Melihat statistik perintah dengan persentase per perintah SQL

3. Database
 36

a. Melihat semua database di server, sambungkan ke satu database untuk

bekerja dengan tabel dan datanya

b. Melihat total database yang terhubung dan ukuran tabel dalam KB /

MB / GB dalam struktur basis data / table

c. Membuat yang baru, ubah nama basis data yang ada, kumpulan

karakter dan pengumpulan, jatuhkan (hapus) basis data

4. Tabel, Tampilan, Prosedur, Trigger dan Inventory

a. Melihat semua objek dalam database yang dipilih, kosongkan, ganti

nama, dan jatuhkan (hapus) objek

b. Mengedit kolom tabel, indeks, dan foreign key. Kolom virtual pada

server MariaDB didukung.

c. Mengedit kueri tampilan dan pengaturan

d. Mengedit prosedur SQL body dan parameter

e. Mengedit pemicu tubuh SQL dan pengaturan

f. Mengedit pengaturan waktu SQL yang dijadwalkan

3.3.1.5 Microsoft Office Visio

Microsoft Visio merupakan aplikasi yang berfungsi untuk membantu

pengguna dalam membuat gambar alur bisnis, diagram jaringan dasar, bagan

organisasi, bagan alur dasar dan diagram umum multi guna. Microsoft Visio
 37

membantu user/pengguna untuk menyederhanakan informasi yang kompleks

melalui diagram yang mudah dipahami.

Visio awalnya bukanlah buatan Microsoft Corporation, melainkan buatan

Visio Corporation , yang diakui oleh Microsoft pada tahun 2000. Versi yang telah

menggunakan nama Microsoft Visio adalah Visio 2002, Visio 2003, Visio 2007,

2010, 2013 dan 2016 yang merupakan versi terbaru. Visio 2007 Standard dan

Professional menawarkan antarmuka pengguna yang sama, tapi seri Professional

menawarkan lebih banyak pilihan template untuk pembuatan diagram yang lebih

lanjut dan juga penataan letak (layout).

 38

BAB IV

PEMBAHASAN

4.1 Hasil dan Pembahasan

Transaksi penjualan kue dilakukan secara online. Konsumen melakukan

transaksi melalui media browser jika konsumen ingin membeli kue setiap

konsumen tersebut harus login di halaman akun. Setelah konsumen berhasil

masuk kehalaman akun maka, konsumen bebas menentukan produk kue yang

ingin dibeli. Pada saat pemesanan produk, jika stok dan produk tersedia maka

secara otomatis akan masuk kekeranjang belanja member. Dari keranjang belanja

tersebut member akan mengetahui jumah produk yang akan dibeli, diskon sampai

jumlah pembayaran yang harus ditransfer ke rekening pemilik toko. Setelah

konsumen melakukan transfer, pihak pemilik akan memvalidasii transaksi

tersebut dan secepatnya akan mengirimkan produk tersebut ke konsumen. Melalui

website ini transaksi penjualan akan lebih cepat dan mudah sehingga pelayanan

kepada konsuman akan lebih efektif dan efisien.

4.2 Analisis Sistem

Pada sub-bab ini akan dibahas mengenai kebutuhan-kebutuhan fungsional

dan non-fungsional serta dokumen-dokumen masukan dan keluaran yang

dibutuhkan.

4.1.1 Analisis Kebutuhan Sistem

Spesifikasi kebutuhan dari analisa dan perancangan sistem informasi

penjualan online dapat dijabarkan sebagai berikut :

 39

a. Halaman Customer :

 User Calon custumer dapat melakukan registrasi

 User customer dapat login dengan account yang telah dibuat

apabila ingin melakukan pemesanan

 User Member dapat memilih barang yang akan dibeli dan

ditambahakan ke keranjang belanja

 User member dapat memilih barang berdasarkan kategori produk

 Sistem memfasilitasi user member dalam metode pembayaran

 User member dapat melakukan konfirmasi pembayaran

b. Halaman Admin :

 Admin dapat mengelola produk

 Admin dapat mengelola kategori produk

 Admin dapat mengelola data transaksi penjualan

 Admin dapat mengelola data artikel

 Admin dapat mengelola data customer

 Admin dapat mengelola data admin

4.1.2 Analisis Dokumen Masukan

Dalam sub bab ini akan menjelaskan data masukan yang akan digunakan

dalam sistem informasi ini.

1. Data Produk

Dokumen ini berisi data-data produk toko kue.

2. Data Harga
 40

Dokumen ini berisi data harga produk

3. Data Pengguna

Dokumen ini berisi data-data Pengguna.

4.1.3 Analisis Dokumen Keluaran

Dalam sub bab ini akan menjelaskan data keluaran dari sistem informasi

ini.

1. Cetak Laporan Produk

Dokumen ini berisi informasi produk atau promosi kepada pelanggan.

4.3 Perancangan Sistem

4.2.1 Diagram Use Case

Gambar 4 1. Diagram Use case Penerapan Sistem Website Media Penjualan

Toko pada Mawdelish Kitchent

Dari Diagram Use case di atas maka dapat di deskripsikan sebagai berikut :

1. Login

Use Case : Login

Aktor : Admin
Deskripsi : Aktor harus Login terlebih dahulu untuk bisa

masuk ke dalam system

Kondisi awal : Sebelum Login berhasil maka aktor tidak
 41

mempunyai akses untuk masuk kedalam sistem dan

tampilan pada layar utama

Kodisi Akhir : Setelah Login berhasil maka Admin mempunyai

akses untuk melihat data produk, pelanggan,

pesanan dan pendapatan.

2. Data Produk

Use Case : Data Produk

Aktor : Admin
Deskripsi : Merupakan list data produk dan form inputan

untuk produk baru dan juga terdapat fasilitas

untuk tambah, mengedit dan menghapus data

produk.
Kondisi awal : Pada awalnya menu ini menampilkan list data

produk disertai tombol hapus produk dan edit

produk.
Kondisi Akhir : Data akan di proses sesuai perintah yang

dimasukan
3. Data Pelanggan

Use Case : Data Pelanggan

Aktor : Admin
Deskripsi : Merupakan list data pengguna dan form inputan

untuk pengguna baru dan juga terdapat fasilitas

untuk tambah, mengedit dan menghapus data

pengguna.
Kondisi awal : Pada awalnya menu ini menampilkan list data

pelanggan disertai tombol tambah pengguna,

 42

hapus pengguna dan edit pengguna.

Kodisi Akhir : Data akan di proses sesuai perintah yang

dimasukan

4. Data Pesanan

Use Case : Data Pesanan

Aktor : Admin
Deskripsi : Merupakan list data pesanan dan form inputan

untuk mengedit status pesanan yang telah

dibayar.
Kondisi awal : Pada awalnya menu ini menampilkan list data

pesanan.
Kodisi Akhir : Data akan di proses sesuai perintah yang

dimasukan

5. Data Pembayaran

Use Case : Data Pembayaran

Aktor : Admin
Deskripsi : Merupakan list data pembayaran dan form

inputan untuk membuat konfirmasi

pembayarn.
Kondisi awal : Pada awalnya menu ini menampilkan list data

sstatus pemabayaran yang belum ter

konfirmasi disertai tombol edit.

Kodisi Akhir : Data akan di proses sesuai perintah yang

dimasukan

6. Daftar
 43

Use Case : Daftar

Aktor : Customer
Deskripsi : Aktor harus daftar terlebih dahulu untuk bisa

memesan produk
Kondisi awal : Sebelum daftar berhasil maka aktor tidak

mempunyai akses untuk login dan memesan

suatu produk, dan hanya bisa melihat produk

tanpa membeli.
Kodisi Akhir : Setelah dafar berhasil maka customer

mempunyai akses untuk login, membeli

produk ,melihat data order, dan pembayaran,

7. Order

Use Case : Order

Aktor : Customer
Deskripsi : Aktor harus memilih produk terlebih dahulu

sebelum melakukan pembayaran

Kondisi awal : Aktor memilih produk apa dan memasukan

kedalam keranjang sebelum melakukan

pembayaran
Kodisi Akhir : Setelah memasukan produk kedalam

keranjang actor melakukann pembayaran,

8. Pembayaran

Use Case : Pembayaran

Aktor : Customer
Deskripsi : Aktor harus membayar suatu produk yang

telaah dipilih
Kondisi awal : Aktor memilih jenis pembayaran yang di

inginkan
Kodisi Akhir : Setelah memilih jenis pembayaran, actor
 44

melakukan pembayaran ssesuai jenis

pembayaran yang telah di pilih.

 45

4.2.2 Diagram Aktivitas

1. Diagram Aktivitas Login

Gambar 4 2. Diagram Akvitas login

Pada diagram diatas menjelaskan gambaran umum mengenai penggunaan

aplikasi dalam tahap login pada saat pertama kali user menjalankan aplikasi.
 46

2. Diagram Aktivitas Data Produk (Tambah Data)

Admin System

Klik Menu Produk

KilikTambah Produk

From Produk Baru

Masukan Data
Produk baru

Klik tombol simpan Validasi Form

Data tidak lengkap Data lengkap

Alert warning form

tidak valid

Pesan data produk

berhasil di simpan

Gambar 4 3. Diagram Aktivitas Data Produk (Tambah Data)

Pada diagram diatas menjelaskan gambaran umum mengenai penggunaan

aplikasi dalam tahap penambahan data Produk yang dilakukan oleh admin.
 47

3. Diagram Aktivitas Data Produk (Hapus Data)

Admin System

Klik Menu Produk

Kilik tombol Hapus

Produk

Tampil verifikasi
hapus

Pilih hapus / batal

Hapus

Batal
Hapus data pada
database

Tampil pesan
berhasil

Gambar 4 4. Diagram Aktivitas Data Produk (Hapus Data)

Pada diagram diatas menjelaskan gambaran umum mengenai penggunaan

aplikasi dalam tahap penghapusan data Produk yang dilakukan oleh admin.
 48

4. Diagram Aktivitas Data Pelanggan (Hapus Data)

Admin System

Klik Menu Pengguna

Kilik tombol Hapus

Pengguna

Tampil verifikasi
hapus

Pilih hapus / batal

Hapus

Batal
Hapus data pada
database

Tampil pesan
berhasil

Gambar 4 5. Diagram Aktivitas Data Pelanggan (Hapus Data)

Pada diagram diatas menjelaskan gambaran umum mengenai penggunaan

aplikasi dalam tahap penghapusan data Pelanggan yang dilakukan oleh admin.
 49

5. Diagram Aktivitas Data Pesanan (Edit Data)

Gambar 4 6. Diagram Aktivitas Data Pesanan (Edit Data)

 50

Pada diagram diatas menjelaskan gambaran umum mengenai penggunaan

aplikasi dalam tahap pengeditan data Pesanan yang dilakukan oleh admin.

6. Diagram Aktivitas Data Pembayaran (Edit Data)

Gambar 4 7. Diagram Aktivitas Data Pembayaran (Edit Data)

 51

Pada diagram diatas menjelaskan gambaran umum mengenai penggunaan

aplikasi dalam tahap penghapusan data Pesanan yang dilakukan oleh admin.

7. Diagram Aktivitas Daftar (Tambah Data)

Admin System

Klik Menu Pengguna

Kilik tombol
Pengguna

From Tambah
Pengguna

Update Data
Pengguna

Klik tombol simpan Validasi Form

Data lengkap
Data tidak lengkap

Alert warning form

tidak valid

Pesan Data
pengguna berhasil di
simpan

Gambar 4 8. Diagram Aktivitas Daftar (Tambah Data)

 52

Pada diagram diatas menjelaskan gambaran umum mengenai penggunaan

aplikasi dalam tahap pendaftaran dan login yang dilakukan oleh customer.

8. Diagram Aktivitas Order (Tambah Pesanan)

Admin System

Klik Menu Pengguna

Kilik tombol
Pengguna

From Tambah
Pengguna

Update Data
Pengguna

Klik tombol simpan Validasi Form

Data lengkap
Data tidak lengkap

Alert warning form

tidak valid

Pesan Data
pengguna berhasil di
simpan

Gambar 4 9. Diagram Aktivitas Daftar (Tambah Data)

 53

Pada diagram diatas menjelaskan gambaran umum mengenai penggunaan

aplikasi dalam tahap pendaftaran dan login yang dilakukan oleh customer

4.2.3 Class Diagram

Gambar 4 10. Class Diagram

4.2.4 Squence Diagram

Sequence Diagram digunakan untuk menggambarkan skenario atau

langkah langkah yang dilakukan sebuah event untuk menghasilkan keluaran

tertentu

a. Sequence Diagram Daftar

 54

Gambar 4 11. Sequence Diagram Daftar

b. Sequence Diagram Login

Gambar 4 12. Squence Diagram Login

 55

4.4. Deskripsi Basis Data

4.4.1 Tabel Daftar

Nama Basis Data : toko_kue

Nama Tabel : daftar
Field Kunci (Primary key) : id_user

Tabel 4. 1. Tabel Daftar

No Nama Field Type Ukuran Keterangan

1 Id_user Int 20 Primary Key
2 Username Varchar 16
3 Password Varchar 20
4 Nama Lengkap Varchar 16
5 No Hp Varchar 12
6 Email Varchar 20
7 Alamat Varchar 100

4.4.2 Tabel Login

Nama Basis Data : toko_kue

Nama Tabel : login
Field Kunci (Primary key) : id_user

Tabel 4. 2. Tabel Data Pengguna

No Nama Field Type Ukuran Keterangan

1 Id_user Int 11 Primary Key
2 Username Varchar 16
3 Password Varchar 20

4.4.3 Tabel Customers

Nama Basis Data : toko_kue

Nama Tabel : Customers
Field Kunci (Primary Key) : id_user
 56

Tabel 4. 3. Tabel Data Customers

No Nama Field Type Ukuran Keterangan

1 Id Bigint 20 Primary Key
2 User_id Bigint 20
3 Name Varchar 191
4 Phone_number Varchar 32
5 Address Varchar 191
6 Profile_picture Varchar 191

4.4.4 Tabel Products

Nama Basis Data : toko_kue

Nama Tabel : Products
Field Kunci (Primary Key) : id_products

Tabel 4. 4. Tabel Products

No Nama Field Type Ukuran Keterangan

1 Id Bigint 20 Primary Key
2 Category_id Int 10
3 Sku Varchar 32
4 Name Varchar 191
5 Description Varchar 191
6 Profile_name Varchar 191
7 Price Decimal 8
8 Current_discoun Decimal 8
t
9 Stock Int 10
10 Product_unit Varchar 32
11 Is_available Tinyint 1
12 Add_date Datetime 0

4.4.5 Tabel Products Category

Nama Basis Data : toko_kue

Nama Tabel : Products
Field Kunci (Primary Key) : id_products
 57

Tabel 4. 5. Tabel Products_Category

No Nama Field Type Ukuran Keterangan

1 Id Int 10 Primary Key
2 Name Varchar 191
4.4.6 Tabel Orders

Nama Basis Data : toko_kue

Nama Tabel : Products
Field Kunci (Primary Key) : id_products

Tabel 4. 6. Tabel Orders

No Nama Field Type Ukuran Keterangan

1 Id Bigint 20 Primary Key
2 User_id Bigint 20
3 Coupon_id Bigint 20
4 Order_number Varchar 16
5 Order_status Enum 0
6 Order_date Datetime 0
7 Total_price Decimal 8
8 Total_items Int 10
9 Payment_method Int 11
10 Delivery_data Text 0
11 Delivery_date Datetime 0
12 Finish_date Datetime 0

4.4.7 Tabel Payments

Nama Basis Data : toko_kue

Nama Tabel : Payments
Field Kunci (Primary Key) : id_payments

Tabel 4. 7. Table Payments

No Nama Field Type Ukuran Keterangan

1 Id Bigint 20 Primary Key
2 Order_id Bigint 20
3 Payment_price Decimal 8
4 Payment_date Datetime 0
5 Picture name Varchar 191
 58

6 Payment_status Enum 0
7 Confirmed_date Datetime 0
8 Confirmed_data Text 0

4.5 Perancangan Interface

4.4.1 Interface Form Login

Gambar 4 13. Interface Form Login

Perancangan interface diatas adalah perancangan form login untuk user

masuk ke dalam aplikasi.

 59

4.4.2 Interface Home

Gambar 4 14. Interface Menu Home

Perancangan interface diatas adalah perancangan halaman home untuk

home resto.

4.4.3 Interface Menu Produk

Gambar 4 15. Interface Menu Produk Kami

Perancangan interface diatas adalah perancangan halaman Produk kami.
 60

4.4.4 Interface Halaman Dashboard

Gambar 4 16. Interface Halaman Dashboard

Perancangan interface diatas adalah perancangan halaman Dashboard.

4.4.4 Interface Form Produk

Gambar 4 17. Interface Form Produk

 61

Perancangan interface diatas adalah perancangan Form Produk.

4.4.6 Halaman Dasbor Pengguna

Gambar 4 18. Halaman Dasbor Pengguna

Perancangan interface diatas adalah perancangan Dasbor Pengguna.

4.4.7 Interface Pembayaran

 62

Gambar 4 19. Interface Pembayaran

Perancangan interface diatas adalah perancangan Menu Laporan.

4.6 Pengujian

Dalam pengujian ini penulis telah menjelaskan bahwa akan menggunkan

pengujian blackbox yag mana hanya akan mengujia fungsional input/output dari

aplikasi serta keselarasan tampilan/interface yang dibuat saja.

Pengujian ini penulis sajikan dalam sebuah gambar interface dan table

pengujian sebagai berikut :

 63

4.5.1 Pengujian Login

Gambar 4 20. Implementasi Interface login

1. Table Pengujian Login

Tabel 4. 8. Pengujian Login

Kasus dan Hasil Uji (Data Normal)

Data Masukan Yang Pengamatan Kesimpulan
Diharapkan
Data login di Data login di sesuai
username: proses dan keluar proses dan keluar
admin alert berhasil di alert berhasil di
password : login dan halaman login dan halaman
admin redirect ke redirect ke
halaman admin halaman admin

Kasus dan Hasil Uji (Data Salah)

Data Masukan Yang Pengamatan Kesimpulan
Diharapkan
Paket soal : Tidak dapat masuk Tidak dapat masuk sesuai
admin kehalaman admin kehalaman admin
Pertanyaan : dan tampil alert dan tampil alert
12345 username dan username dan
password salah password salah
 64

4.5.2 Pengujian Home

Gambar 4 21. Implementasi Interface Home

4.5.3 Pengujian Produk

Gambar 4 22. Implementasi Interface Data Produk

 65

Gambar 4 23. Implementasi Interface list form Produk

1. Table Pengujian Tambah Data Produk

Tabel 4. 9. Pengujian Tambah Data Produk

Kasus dan Hasil Uji (Data Normal)

Data Masukan Yang Pengamatan Kesimpulan
Diharapkan
Nama Produk: Data disimpan ke Data disimpan ke sesuai
Chococip Cookie database kemudian database kemudian
Deskripsi: sistem sistem
Cemilan Nikmat menampilkan data menampilkan data
Harga : produk yang telah Produk yang telah
Rp.70.000.00 dibuat dibuat
Gambar Produk :
Jpg/png
Kasus dan Hasil Uji (Data Salah)
Data Masukan Yang Pengamatan Kesimpulan
Diharapkan
Nama Produk: Data tidak Data tidak sesuai
kosong tersimpan dan ada tersimpan dan ada
Deskripsi : notifikasi error notifikasi ‘error,
kosong isi form dengan
Harga: benar’
kosong
Gambar Produk :
kosong
 66

2. Table Pengujian Edit Data Produk

Tabel 4. 10. Pengujian Edit Data Produk

Kasus dan Hasil Uji (Data Normal)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan
Nama Produk: Data diubah Data diubah sesuai
Chococip Cookie (update) dari (update) dari
Deskripsi: database kemudian database kemudian
Cemilan Nikmat sistem sistem
Harga : menampilkan data menampilkan data
Rp.70.000.00 produk yang telah produk yang telah
Gambar Produk : diubah. diubah.
Jpg/png
Kasus dan Hasil Uji (Data Salah)
Data Masukan Yang Diharapkan Pengamatan Kesimpulan
Nama Produk: Data tidak diubah Data tidak sesuai
Chococip Cookie dan muncul tersimpan dan ada
Deskripsi: notifikasi error notifikasi ‘error,
Cemilan Nikmat isi form dengan
Harga : benar’
Rp.70.000.00
Gambar Produk :
Jpg/png

3. Table Pengujian Hapus Data Produk

Tabel 4. 11. Pengujian Hapus Data produk

Kasus dan Hasil Uji (Data Normal)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan
Pilih data yang Ketika di-klik Tampil kotak sesuai
akan dihapus tombol hapus, dialog konfirmasi
muncul kotak hapus, “anda yakin
dialog konfirmasi akan menghapus
hapus data ini ?”
 67

4.5.4 Pengujian Pengguna

Gambar 4 24. Implementasi Interface Pengguna

Gambar 4 25. Implemantasi edit form pengguna

1. Table Pengujian Tambah Data Pengguna

Tabel 4. 12. Pengujian Tambah Data Pengguna

Kasus dan Hasil Uji (Data Normal)

Data Masukan Yang Pengamatan Kesimpulan
Diharapkan
Nama Lengkap: Data disimpan ke Data disimpan ke sesuai
Moch Anjar Gani A database database
No.Hp:085963140823 kemudian sistem kemudian sistem
Alamat : Bandung menampilkan menampilkan
Foto Profil: data pengguna data Pengguna
yang telah dibuat yang telah dibuat

Kasus dan Hasil Uji (Data Salah)

 68

Data Masukan Yang Pengamatan Kesimpulan

Diharapkan
Nama Lengkap: Data tidak Data tidak sesuai
kosong tersimpan dan ada tersimpan dan ada
No.Hp:kosong notifikasi error notifikasi ‘error,
Alamat : kosong isi form dengan
Foto Profil: kosong benar’

2. Table Pengujian Edit Data Pengguna

Tabel 4. 13. Pengujian Edit Data Pengguna

Kasus dan Hasil Uji (Data Normal)

Data Masukan Yang Pengamatan Kesimpulan
Diharapkan
Nama Lengkap: Data diubah Data diubah sesuai
Moch Anjar Gani A (update) dari (update) dari
No.Hp:08596314082 database database
3 kemudian sistem kemudian sistem
Alamat : Bandung menampilkan menampilkan
Foto Profil: data pengguna data pengguna
yang telah yang telah
diubah. diubah.
Kasus dan Hasil Uji (Data Salah)
Data Masukan Yang Pengamatan Kesimpulan
Diharapkan
Nama Lengkap: Data tidak diubah Data tidak sesuai
kosong dan muncul tersimpan dan ada
No.Hp:kosong notifikasi error notifikasi ‘error,
Alamat : kosong isi form dengan
Foto Profil: kosong benar’

3. Table Pengujian Hapus Data Pengguna

Tabel 4. 14. Pengujian Hapus Data Pengguna

Kasus dan Hasil Uji (Data Normal)

Data Masukan Yang Diharapkan Pengamatan Kesimpulan
Pilih data pengguna Ketika di-klik Tampil kotak sesuai
yang akan dihapus tombol hapus, dialog konfirmasi
muncul kotak hapus, “Hapus
dialog konfirmasi data berhasil”
hapus
 69

4.5.5 Pengujian Pembayaran

Gambar 4 26. Implementasi Interface Pembayaran

Tabel 4. 15. Pengujian Tambah Data Pengguna

Kasus dan Hasil Uji (Data Normal)

Data Masukan Yang Pengamatan Kesimpulan
Diharapkan
Pengiriman Untuk: Data disimpan ke Data disimpan ke sesuai
Moch Anjar Gani A database database
No.Hp:085963140823 kemudian sistem kemudian sistem
Alamat : Bandung menampilkan menampilkan
Catatan: data pesanan data pesanan
yang telah dibuat yang telah dibuat

Kasus dan Hasil Uji (Data Salah)

Data Masukan Yang Pengamatan Kesimpulan
Diharapkan
Nama Lengkap: Data tidak Data tidak sesuai
kosong tersimpan dan ada tersimpan dan ada
No.Hp:kosong notifikasi error notifikasi ‘error,
Alamat : kosong isi form dengan
Catatan : kosong benar’
70
 71

BAB V

KESEMPULAN DAN SARAN

5.1 Kesimpulan

Kesimpulan yang didapat dari pembuatan Penerapan sistem media

pemasaran pada Sistem Informasi Mawdelish Kitchent sebagai Media promosi ini,

diantaranya adalah :

1. Sebagai sarana promosi yang baik karena website dapat diakses

dimanapun dan kapanpun

2. Dapat meminimalisir waktu, biaya dan efektifitas dari masyarakat dalam

melakukan penjualan.

3. Penggunaan bahasa pemograman PHP dan MySQL di dalam membangun

website merupakan pilihan yang tepat.

4. Mempermudah dalam membuat laporan penjualan dan mempermudah

dalam pengaturan jumlah persediaan produk

5.2 Saran

Mengingat banyaknya kekurangan dan pentingnya melakukan

pengembangan untuk menemukan sebuah sistem penjualan yang ideal maka ada

beberapa peulis sarankan, diantaranya :

1. Perlu adanya penambahan fasilitas lain yang mendukung fungsionalitas

website, sehingga konsumen akan terus mengunjungi website dengan kata

lain jika sering masuk website maka kemungkinan untuk belanja pun

semakin tinggi.
 72

2. Perlu adanya pengembangan pada desain tampilan agar lebih menarik

sehingga dapat lebih banyak memikat minat pelanggan.

DAFTAR PUSTAKA

Anwar, Moch. Idochi. 2009. Pengembangan Sistem Informasi di Perguruan

Tinggi. Jakarta : PT Rajagrafindo Persada.

Alfatta, Hanif. 2007. Analisis & Perancangan Sistem Informasi. Yogyakarta:

Andi.

Kadir, Abdul. 2003. Pengenalan Sistem Informasi. Yogyakarta: Andi Offset

Kadir, Abdul. 2008. Dasar Pemrograman Web Dinamis Menggunakan PHP.

Yogyakarta : Andi Offset.

Sadeli, Muhammad. 2014. Toko Baju Online dengan PHP dan MySQL.

Palembang : Maxicom.

Sarwono, Jonathan. 2006. Metode Penelitian Kuantitatif & Kualitatif.

Yogyakarta: Graha Ilmu.

Yurindra. 2017. Software Engineering. Yogyakarta: Deepublish.

A.S Rosa dan M. Shalahuddin. 2014. Rekayasa Perangkat Lunak Terstruktur dan

Berorientasi Objek. Bandung: Informatika.

Ibrahim, H. 1997. Media pembelajaran: Malang: FIP-IKIP

Astika, 2008. Publikasi Jurnal:

Kotler Philip Armstrong Garry, 2008. Prinsip-prinsip Pemasaran,Jilid 1,

Erlangga, Jakarta.

Marsum W. Restoran dan Segala Permasalahannya. edisi 4. Yogyakarta: Andi,

2005
73
74
75