RANCANG BANGUN SISTEM INFORMASI
PENJUALAN BERBASIS WEB PADA INDAH
CAKE DAN CATERING
Lia Isbandi
Sistem Informasi, Fakultas Ilmu Komputer, Universitas
Narotama Surabaya
ABSTRAK
Catering merupakan salah satu usaha jasa pelayanan dalam bidang makanan yang
sudah banyak diminati oleh banyak orang pada saat ini. Jasa catering sangat
membantu orang-orang dalam menyediakan makanan pada saat acara-acara tertentu,
yang pasti lebih efisien dan efektif di bandingkan harus membuat sendiri. Indah cake
dan catering merupakan salah satu usaha jasa pelayanan dalam bidang makanan dan
kue-kue yang telah berdiri sejak 1981, Kini membutuhkan sistem baru untuk
mengelolah usahanya menjadi lebih sukses dan dikenal lagi, apalagi dengan
berkembangnya teknologi informasi dan persaingan yang semakin ketat. Sistem
manajemen dan sistem informasi penjualan berbasis web, tentunya lebih efektif dan
efisien. Sistem tersebut yang ingin dibangun oleh Indah cake dan catering dengan
harapan akan membuat usahanya semakin dikenal dan sukses.
Kata Kunci : Sistem Informasi Penjualan, Berbasis Web, Waterfall
BAB I
PENDAHULUAN
1.1 Latar Belakang Masalah
Sejalan dengan berkembangnya
ilmu pengetahuan dan teknologi yang
dapat membantu manusia dalam
menciptakan sesuatu yang baru untuk
membantu mempermudah kehidupan
sehari-hari, menuntut manusia
beradaptasi sebagai pengguna pada
bidang teknologi informasi. Pada saat ini
dunia sudah mengenal teknologi yang
dinamakan dengan internet. Dengan
internet semua orang dapat
berkomunikasi dengan orang yang
berada di berbagai belahan dunia.
Melalui media ini mereka dapat
memperoleh dan menyampaikan
berbagai informasi yang dibutuhkan
kapan saja dan dimana saja. Dan disini
indah cake dan catering ingin
memanfaatkan media tersebut sebagai
salah satu sarana promosi untuk
menambah penghasilan dan
mengembangakan usaha menjadi lebih
baik lagi. Dilihat dari sudut pandang
pelanggan mereka menginginkan
pelayanan yang memuaskan juga efisien,
oleh karena itu indah cake dan catering
juga melayani via online dengan
memanfaatkan media internet untuk
memasarkan menu-menu yang dimiliki.
Untuk dapat membuat sistem
informasi seputar indah cake dan
catering tersebut, maka penulis
mengambil judul “ RANCANG
BANGUN SISTEM INFORMASI
PENJUALAN BERBASIS WEB PADA
INDAH CAKE DAN CATERING “.
1.2 Perumusan Masalah
Sesuai dengan permasalahan
yang sudah dikemukakan pada
pembahasan latar belakang, maka secara
garis besar rumusan masalah yang akan
diselesaikan adalah :
Bagaimana merancang dan membangun
sistem informasi penjualan berbasis web
pada indah cake dan catering yang dapat
digunakan untuk memberikan informasi
kepada konsumen luas tentang
perusahaan dengan cepat dan tepat yang
juga dinamis, mudah dikelola, dan user
friendly sehingga memberikan nilai
positif untuk perusahaan?
1.3 Batasan Masalah
Supaya lebih terarah, maka
penelitian dan perancangan dalam sistem
informasi ini, perlu adanya pembatasan
masalah sebagai berikut :
1. Pembangunan sistem informasi
ditekankan pada proses penjualan pada
indah cake dan catering dengan metode
waterfall.
2. Pembayaran dilakukan langsung
melalui rekening bank (transfer) tidak
secara online atau dengan COD (cash on
delivery).
3. Sistem informasi ini berlaku untuk
wilayah Surabaya, Sidoarjo dan
sekitarnya
4. Sistem yang dibangun dan dirancang
berbasis website.
5. Sistem dibangun dan dirancang
dengan bahasa pemrograman PHP, web
server apache dan database MySQL.
1.4 Tujuan Penelitian
Penelitian ini dibuat dan
dirancang dengan tujuan untuk :
Merancang dan membangun sistem
informasi penjualan berbasis web pada
indah cake dan catering yang dapat
mempermudah perusahaan dalam
memberikan informasi usahanya kepada
konsumen luas secara cepat dan tepat
juga dinamis, mudah dikelola, dan user
friendly.
1.5 Manfaat Penelitian
Sedangkan manfaat dari
perancangan dan pembuatan sistem
informasi penjualan pada indah cake dan
catering berbasis web ini adalah sebagai
berikut :
Manfaat :
1. Secara umum : memungkinkan untuk
melakukan pemanfaatan teknologi
informasi sebagai upaya untuk
memberikan pelayanan dan bahan
pembelajaran tentang sistem informasi
kepada masyarakat.
2. Bagi indah cake dan catering :
sebagai media atau sarana penjualan
untuk kemajuan dan bertambahnya
omset pada indah cake dan catering.
3. Bagi penulis : untuk memahami
proses pembuatan sistem informasi
berbasis web dan mengerti fungsi-fungsi
dari bahasa pemrograman khususnya
PHP.
BAB II
TINJAUAN PUSTAKA
2.1 Tinjauan Penelitian Terdahulu
Penelitian mengenai sistem
informasi penjualan sebelumnya pernah
dilakukan oleh Mochamad Hafidh
Zunaidi pada tahun 2013 dengan judul “
Rancang bangun sistem informasi
penjualan buku menggunakan PHP &
My SQL (Studi kasus CV. Putra Mandiri
Jaya)”. Dalam penelitian tersebut
diperoleh bahwa sistem informasi
penjualan buku yang dibuat dapat
memudahkan konsumen buku dalam
mencari buku sesuai dengan
kategori/jenis buku tanpa harus terbatasi
oleh waktu, jarak & cuaca karena buku
yang diinginkan dapat didapatkan
melalui internet (online).
Selain itu, penelitian sejenis juga
pernah dilakukan oleh Hery Wahyudi
pada tahun 2013 dengan judul “ Rancang
bangun sistem informasi penjualan dan
pembelian (studi kasus : PT. INDO
NUSA SENTOSA) “. Dalam penelitian
tersebut diperoleh bahwa sistem
informasi penjualan dan pembelian
berbasis web yang dibuat membantu
mempermudah karyawan dalam
pencarian data penjualan maupun
pembelian dan juga dapat membantu
pembuatan laporan stock barang, laporan
pembelian dan penjualan secara berkala.
2.2 Teori-Teori Dasar
Sistem adalah suatu jaringan kerja dari
prosedur-prosedur yang saling
berhubungan, berkumpul bersama-sama
untuk melakukan suatu kegiatan atau
untuk menyelesaikan suatu sasaran
tertentu. Sistem secara sederhana dapat
diartikan sebagai seperangkat elemen-
elemen yang bergabung menjadi satu
dengan lainnya untuk mencapai tujuan
bersama. Secara luas sistem merupakan
kumpulan dari elemen-elemen atau
subsistem-subsistem, sedangkan
subsistem adalah bagian dari sistem
yang lebih kecil dengan kata lain sistem
terdiri dari subsistem-subsistem yang
lebih kecil. (Fitriani, 2011)
2.3 Konsep Dasar Informasi
2.3.1 Pengertian Informasi
Informasi berbeda dengan data.
Data dapat didefinisikan sebagai fakta
dan angka yang belum punya arti dari
suatu kejadian dan belum mempunyai
nilai manfaat bagi pengguna atau .
Sedangkan informasi menurut Jogiyanto,
adalah data yang telah diolah menjadi
bentuk yang lebih berguna dan lebih
berarti bagi yang menerimanya.
Informasi merupakan hasil olahan data
yang mempunyai nilai informasi bagi
penerimanya. (Fitriani, 2011)
2.4 E-commerce ( Electronic
Commerce )
Definisi E-commerce suatu penjualan
secara elektronis, yang bisa dilakukan
dari jarak jauh (teknologi marketing)
yang digunakan di luar toko. Untuk
tempat yang jauh sekalipun tetap
dilakukan perdagangan dengan
memanfaatkan e-commerce. Perubahan
cara dan bentuk perdagangan telah
mengubah, menggeser dan menaklukkan
cara bisnis global yang tidak mengenal
jarak dan waktu. Kegiatan yang
dilakukan juga menjadi tidak banyak
lagi diwakili oleh tenaga manusia di saat
terjadi peningkatan keterpaduan
telekomunikasi dan komputasi secara
integral. Berdagang lewat elektronik
merupakan tantangan dan ancaman bagi
perdagangan tradisional. (Tyas, 2010)
2.4.1 Tipe E-Commerce
Ada 4 Tipe Aplikasi e-commerce
berdasarkan jenis aplikasi yang
digunakan (Tyas, 2010) yaitu :
1. I-Market
Suatu tempat atau arena di dunia maya
dimana calon pembeli dan penjual saling
bertemu untuk melakukan transaksi
secara elektronis melalui medium
Internet. Dari definisi tersebut terlihat
bahwa tipe bisnis yang terjadi adalah B-
to-C
2. Customer Care
Suatu usaha dari perusahaan untuk
menjalin hubungan interaktif dengan
pelanggan yang telah dimilikinya
sebagian besar aplikasi yang
dipergunakan bersifat B-to-C.
3. Vendors Management
Perusahaan melakukan proses
pemesanan, pengadaan, dan pembeliaan
bahan-bahan yang dibutuhkan dari
berbagai pemasok dan vendor melalui
Internet, dan para rekanan ini akan
mengirimkannya kepada perusahaan
sesuai dengan kebutuhan.Tipe B-to-B
merupakan platform transaksi yang
diterapkan dalam tipe e-commerce ini.
4. Extended Supply Chain
Melakukan optimisasi supply chain
perusahaan dengan cara menjalin
hubungan dengan seluruh rekanan atau
pihak-pihak lain yang terlibat langsung
dalam proses penciptaan produk atau
jasa melalui jalur elektronis semacam
Internet. Jelas terlihat bahwa seperti
halnya tipe e-commerce Vendor
Management, prinsip B-to-B merupakan
platform yang diterapkan dalam
pengembangan e-commerce terkait.
2.5 Metode Waterfall
Dalam perancangan sistem
informasi pada skripsi ini penulis
menggunakan metode Waterfall. Metode
Waterfall adalah metode yang
menyarankan sebuah pendekatan yang
sistematis dan sekuensial melalui
tahapan-tahapan yang ada pada SDLC
untuk membangun sebuah perangkat
lunak. Gambar menjelaskan bahwa
metode Waterfall menekankan pada
sebuah keterurutan dalam proses
pengembangan perangkat lunak. Metode
ini adalah sebuah metode yang tepat
untuk membangun sebuah perangkat
lunak yang tidak terlalu besar dan
sumber daya manusia yang terlibat
dalam jumlah yang terbatas.
Gambar.2.1 Diagram Waterfall Model
Requirements
Analysis
Design
Coding
Testing
Maintenance
Dari gambar 2.1 dapat dilihat
bahwa tahapan pada metode Waterfall
diawali oleh tahap analisis kebutuhan
yang merupakan tahap awal
pembangunan sebuah perangkat lunak.
Tahap ini didefinisikan sebagai sebuah
tahap yang menghasilkan sebuah kondisi
yang diperlukan oleh pengguna untuk
menyelesaikan permasalahan ataupun
mencapai sebuah tujuan. Tahap ini
bertujuan untuk megumpulkan
kebutuhan-kebutuhan pengguna dan
kemudian mentransformasikan ke dalam
sebuah deskripsi yang jelas dan lengkap.
Tahapan kedua adalah tahap
analisis sistem yang bertujuan untuk
menjabarkan segala sesuatu yang
nantinya akan ditangani oleh perangkat
lunak. Tahapan ini adalah tahapan
dimana permodelan merupakan sebuah
representasi dari object di dunia nyata.
Untuk memahami sifat perangkat lunak
yang akan dibangun, analis harus
memahami domain informasi, dan
tingkah laku yang diperlukan.
Tahap ketiga adalah tahap
perancangan perangkat lunak yang
merupakan proses multi langkah dan
berfokus pada beberapa atribut
perangkat lunak yang berbeda yaitu
struktur data, arsitektur perangkat lunak,
dan detil algoritma. Proses ini
menerjemahkan kebutuhan ke dalam
sebuah model perangkat lunak yang
dapat diperkirakan kualitasnya sebelum
dimulainya tahap implementasi.
Tahap implementasi adalah tahap
yang mengkonversi apa yang telah
dirancang sebelumnya ke dalam sebuah
bahasa yang dimengerti komputer.
Kemudian komputer akan menjalankan
fungsi-fungsi yang telah didefinisikan
sehingga mampu memberikan layanan-
layanan kepada penggunanya.
Tahap selanjutnya adalah tahap
pengujian. Terdapat dua metode
pengujian perangkat lunak yang umum
digunakan, yaitu metode black-box dan
white-box. Pengujian dengan metode
black-box merupakan pengujian yang
menekankan pada fungsionalitas dari
sebuah perangkat lunak tanpa harus
mengetahui bagaimana struktur di dalam
perangkat lunak tersebut. Sebuah
perangkat lunak yang diuji
menggunakan metode black-box
dikatakan berhasil jika fungsi-fungsi
yang ada telah memenuhi spesifikasi
kebutuhan yang telah dibuat
sebelumnya. Sedangkan metode white-
box menguji struktur internal perangkat
lunak dengan melakukan pengujian pada
algoritma yang digunakan oleh
perangkat lunak.
Tahap akhir dari metode
Waterfall adalah tahap perawatan. Tahap
ini dapat diartikan sebagai tahap
penggunaan perangkat lunak yang
disertai dengan perawatan dan
perbaikan. Perawatan dan perbaikan
suatu perangkat lunak diperlukan,
termasuk di dalamnya adalah
pengembangan, karena dalam
prakteknya ketika perangkat lunak
tersebut digunakan terkadang masih
terdapat kekurangan ataupun
penambahan fitur-fitur baru yang dirasa
perlu (Nugroho B. K., 2010).
2.6 Perancangan Desain Sistem
2.6.1 Flowchart
Flowchart digunakan untuk
melihat proses secara detail. Flowchart
dapat didefinisikan sebagai sebuah
gambaran yang menjelaskan proses yang
akan dilihat atau dikaji. Selain itu,
Flowchart biasanya digunakan untuk
merencanakan tahapan suatu kegiatan.
Pembuatan Flowchart harus dimulai dan
diakhiri dengan poin yang jelas. Tanda
panah menunjukkan arah aliran atau
proses selanjutnya. Dalam pembangunan
dan pengembangan suatu sistem
informasi, penggunaan Flowchart
merupakan alat yang tepat digunakan
untuk menggambarkan physical sistem.
Simbol-simbol Flowchart menunjukkan
secara tepat arti fisiknya, seperti terminal
hard disk, dan laporan-laporan
(Marimin, 2006).
2.6.2 Konteks Diagram
Diagram konteks adalah diagram
tingkat atas, merupakan diagram dari
sebuah sistem yang menggambarkan
aliran data yang masuk dan keluar dari
sistem dan yang masuk dan keluar dari
entitas luar (Koniyo, 2007). Hal yang
harus diperhatikan :
1. Memberikan gambaran tentang
seluruh sistem
2. Terminal yang memberikan masukan
kesistem disebut source
3. Terminal yang memberikan keluaran
disebut sink
4. Hanya ada satu proses
5. Tidak boleh ada data store
2.6.3 DFD ( Data Flow Diagram )
DFD adalah diagram yang
menunjukkan aliran data dalam sebuah
sistem informasi, hanya saja bedanya
dengan flow of document yaitu DFD ini
digunakan untuk menggambarkan aliran
data dalam sistem informasi yang
dikembangkan menggunakan komputer.
Untuk membaca suatu DFD kita harus
memahami dulu, elemen-elemen yang
menyusun suatu DFD. Ada empat
elemen yang menyusun suatu DFD,
yaitu :
1. Proses
Aktivitas atau fungsi yang dilakukan
untuk alasan bisnis yang spesifik,
biasanya berupa manual maupun
terkomputerisasi.
2. Data Flow
Satu data tunggal atau kumpulan logis
suatu data, selalu diawali atau berakhir
pada suatu proses.
3. Data Store
Kumpulan data yang disimpan dengan
cara tertentu. Data yang mengalir
disimpan dalam data store. Aliran data
di update atau ditambahkan ke data
store.
4. External entity
Orang, organisasi atau sistem yang
berada diluar sistem tetapi berinteraksi
dengan sistem.
Masing–masing elemen akan diberi
lambang tertentu untuk membedakan
satu dengan yang lain. Ada beberapa
metode untuk menggambarkan elemen-
elemen tersebut (Fatta, 2007).
2.6.4 CDM (Conceptual Data Model )
CDM mempresentasikan struktur
logika database dimana ia tidak
tergantung pada software dan struktur
penyimpanan data apapun. Model
konseptual ini sering berisi objek-objek
yang belum diimplementasikan dalam
database secara fisik. Ia memberikan
representasi formal dari kebutuhan data
untuk aktivitas enterprise dan bisnis
(Siswoutomo, 2006). Aturan CDM
sebagai berikut :
1. Mempresentasikan pengorganisasian
data dalam format grafis.
2. Memverifikasi validasi desain data.
3. Menghasilkan PDM dimana
menspesifikasikan implementasi secara
fisik pada database.
2.6.5 PDM ( Physical Data Model )
PDM menspesifikasikan
implementasi secara fisik pada database.
Dengan PDM, anda harus
mempertimbangkan secara detil
implementasi fisik. Anda juga harus
memperhitungkan target software
maupun struktur data storagenya
(Siswoutomo, 2006). PDM mengikuti
aturan-aturan sebagai berikut :
1. Mempresentasikan pengorganisasian
data secara fisik dalam format grafis.
2. Menghasilkan script pembuat dan
pemodifikasi database.
3. Mendefinisikan referential integrity
triggers and constraints.
4. Menghasilkan extended attributes.
5. Reverse engineer existing databases.
6. Mengenerate CDM.
Ada tiga cara untuk membuat PDM
yaitu:
1. Membuat PDM dari sebuah CDM
2. Membuat PDM dari scratch
3. Reverse engineer sebuah database ke
PDM
2.7 Perangkat Lunak yang
digunakan
2.7.1 MySQL
MySQL (My Structure Query
Languange) adalah sebuah perangkat
lunak sistem manajemen basis data SQL
(Database Management Sistem) atau
DBMS yang bersifat “terbuka” (open
source). Dari sekian banyak DBMS,
MySQL merupakan DBMS yang
multithread, multi- yang bersifat gratis di
bawah lisense GNU General Public
Licence (GPL) (Anhar, 2010).
2.7.2 XAMPP
XAMPP adalah suatu program
yang digunakan untuk server guna
mengeksekusi fungsi yang ada dalam
halaman website yang kita buat
sekaligus menampilkan halaman website
tersebut agar bisa diakses oleh user
(Anhar, 2010).
2.7.3 Notepad++
Notepad++ adalah sebuah penyunting
teks dan penyunting kode sumber yang
berjalan di sistem operasi windows.
Notepad++ menggunakan komponen
scintilla untuk dapat menampilkan dan
menyuntingkan teks dan berkas kode
sumber berbagai bahasa pemrograman.
Notepad++ didistribusikan
sebagai perangkat lunak bebas. Proyek
ini dilayani oleh Sourceforge.net dengan
telah diunduh lebih dari 27 juta kali dan
dua kali memenangkan
penghargaan SourceForge Community
Choice Award for Best DeveloperTool .
(Kurniawan, 2012)
2.8 Bahasa Pemrograman
2.8.1 PHP (Hypertext Preprocessor)
PHP yaitu bahasa pemrograman
web server-side yang bersifat open
source. PHP merupakan script yang
terintegrasi dengan HTML dan berada
pada server (server side HTML
embedded scripting). PHP adalah script
yang digunakan untuk membuat halaman
website yang dinamis. Dinamis berarti
halaman yang akan ditampilkan dibuat
saat halaman itu diminta client.
Mekanisme ini menyebabkan informasi
yang di terima client selalu yang terbaru
/ up to date. Semua script PHP
dieksekusi pada server di mana script
tersebut dijalankan (Anhar, 2010).
2.8.2 HTML ( Hyper Text Markup
Language )
HTML merupakan bahasa
pemrograman web yang memiliki sintak
atau aturan tertentu dalam menuliskan
script atau kode-kode, sehingga browser
dapat menampilkan informasi dengan
membaca kode-kode HTML. HTML
(Hyper Text Markup Language) adalah
sekumpulan simbol-simbol atau tag-tag
yang dituliskan dalam sebuah file yang
digunakan untuk menampilkan halaman
pada web browser. PHP dalam sistem
informasi web berfungsi sebagai server
side scripting language yaitu, sebagai
sederetan kode yang dieksekusi
seluruhnya di server, kemudian hasil
dari eksekusi tersebut dikirim ke klien.
Kita dapat mengkombinasikan HTML
dan PHP yaitu, dengan menuliskan
script HTML dibagian luar tag PHP
(Anhar, 2010).
BAB III
METODOLOGI PENELITIAN
3.1 Riwayat Perusahaan
Indah cake dan catering didirikan pada
tahun 1981, diambil dari nama anak
pemilik perusahaan dengan keyakinan
bahwa apapun yang dilakukan atas nama
anak akan ada saja jalan untuk usaha
tersebut. Pada awalnya usaha ini dimulai
dari bisnis kecil-kecilan, yaitu
pemesanan kue-kue kering dan basah
dengan modal yang minim, tetapi
dengan keyakinan juga kemampuan
yang telah dipelajari dan dimiliki oleh
pemilik tidak lama kemudian
berkembanglah usaha tersebut dengan
penambahan pemesanan catering. Usaha
yang dikelola oleh keluarga sendiri
dengan turun-temurun ini,semakin
berkembang dari tahun ke tahun dengan
adanya mutu dan kualitas yang selalu
dijaga oleh pemiliknya, dengan media
promosi brosur, kartu nama dan dari
mulut ke mulut. Salah satu keunggulan
dari indah cake dan catering adalah
mempunyai fleksibilitas dalam
menyediakan dan siap melayani
permintaan catering dan pembuatan cake
dalam acara/kegiatan apapun, selain itu
kami juga menerima untuk pesanan
personal.
3.2 Visi dan Misi Perusahaan
Sesuai misi dan visi kami, yaitu
kami akan memberikan anda kepuasan
berselera yang sangat terjamin, karena
kami selalu mencoba memberikan
tampilan, mutu, taste, kualitas dan
pelayanan yang professional, karena
kepuasan anda adalah tujuan kami.
VISI :
1. Melayani permintaan konsumen
secara professional.
2. Kepuasan konsumen adalah tujuan
utama kami.
3. Menjadi catering yang dikenal dan
dipercaya banyak orang.
MISI :
Memberikan kepuasan kepada
konsumen, dengan cara memberikan
mutu dan kualitas produk yang
memuaskan, terjamin, lain dari yang lain
dan tidak mengecewakan konsumen.
3.3 Struktur Organisasi
3.3.1 Diagram Struktur Organisasi
Gambar 3.1 Struktur Organisasi
Diagram diatas menunjukkan diagram
struktur organisasi di indah cake dan
catering. Keterangan mengenai tugas
dan wewenang dari masing-masing
anggota akan dijelaskan pada subbab-
subbab dibawah ini.
3.3.2 Tugas dan Wewenang
1. Pemilik
Sebagai pemilik dan pemegang
kekuasaan tertinggi di indah cake dan
catering yang juga berperan sebagai
pengawas umum di indah cake dan
catering.
2. Bagian Administrasi
a. Menerima dan membuat persetujuan
daftar stock bahan yang akan dibeli dari
bagian produksi
b. Menerima hasil pembayaran dan
bukti pembayaran dari customer service.
c. Membuat laporan pemesanan dan
pembayaran dari indah cake & catering
setiap bulannya untuk dilaporkan kepada
pemilik.
Bagian Produksi
Customer Service
Bagian
Administrasi
Pemilik
d. Membuat dan mengatur segala
sesuatu yang berhubungan dengan
administrasi untuk kelancaran proses
penjualan indah cake & catering.
3. Customer service
a. Melayani konsumen baik yang
hendak memesan, membayar maupun
yang bertanya-tanya.
b. Memberikan daftar menu pesanan
dan bukti cash pembayaran atau
pembayaran dimuka kepada bagian
administrasi.
4. Bagian Produksi
a. Membuat dan memberikan daftar
stock bahan makanan yang akan di beli
kepada bagian administrasi.
b. Menerima bahan makanan yang telah
dibeli.
c. Mengolah atau memasak bahan
makanan sesuai menu-menu yang
dipesan oleh konsumen.
d. Memberikan pesanan yang telah siap
kepada bagian administrasi untuk segera
di antar kepada konsumen yang
memesan.
3.4 Tahap-tahap Penelitian
Dalam pembuatan sistem
informasi ini meliputi beberapa tahap
yang harus dilaksanakan. Langkah
penyusunan sistem informasi mengikuti
alur metodologi penelitian dan
mengamati permasalahan yang muncul
dan hal-hal yang dijadikan acuan untuk
penyelesaian masalah. Beberapa teori
yang berhubungan dengan bahasa
pemrograman yang digunakan serta
pendukung lainnya yang akan digunakan
sebagai referensi untuk mencapai tujuan
yang telah ditentukan. Berikut
merupakan gambar Metodologi
Penelitian yang dijadikan acuan sebagai
pengerjaan Skripsi ini :
Rancang Bangun Sitem Informasi Penjualan Berbasis Web
Pada Indah Cake dan Catering
Tahap Persiapan
Identifikasi
Permasalahan
Analisis
Permasalahan
Tahap
Pengembangan
Tahap
Akhir
Requirements
Analisis
Design
Coding
Implementasi
Maintenance
Kesimpulan
Gambar 3.2. Tahap-tahap Penelitian
3.4.1 Tahap Persiapan
1. Identifikasi Permasalahan
Pada tahapan ini penulis melakukan
identifikasi permasalahan dengan cara
wawancara yang sebelumnya penulis
telah mempersiapkan pertanyaan-
pertanyaan yang akan diajukan kepada
pemilik indah cake dan catering yang
diantaranya adalah :
a. Sejarah berdirinya indah cake dan
catering ?
b. Inovasi-inovasi apa yang telah
dibuat?
c. Visi dan misi dari perusahaan ?
d. Tugas dan wewenang pegawai ?
e. Bentuk manajemen perusahaan ?
f. Alur penjualan ?
g. Kesan dan pesan dari konsumen ?
Dan jawaban dari pertanyaan-pertanyaan
yang telah diajukan oleh penulis adalah
sebagai berikut :
a. Sejarah berdirinya indah cake dan
catering sesuai dengan apa yang sudah
dijelaskan penulis diatas.
b. Inovasi-inovasi yang telah dibuat
hanya sebatas dari kue-kue hingga
makanan dengan beraneka macam
penyajian, dari segi kuantitas, event, dan
lain sebagainya.
c. Visi dan misi perusahaan sesuai
dengan penjabaran penulis diatas.
d. Tugas dan wewenang pegawai sesuai
dengan apa yang sudah dijabarkan
penulis diatas.
e. Bentuk manajemen perusahaan
sesuai dengan struktur organisasi yang
telah dijabarkan penulis diatas. Dan
semua prosedur masih dilakukan secara
manual.
f. Alur penjualan dari indah cake dan
catering masih dilakukan secara manual
dan telah sesuai dengan tugas dan
wewenang pegawai yang telah
dijabarkan oleh penulis diatas.
g. Kesan dan pesan konsumen terhadap
hasil olahan perusahaan sangat
memuaskan dan tidak mengecewakan
hanya saja terkadang ada pendapat
konsumen yang menginginkan
perusahaan membuat cara pemesanan
yang lebih efisien dan modern sesuai
dengan kecanggihan teknologi saat ini.
2. Analisis Permasalahan
Setelah penulis melakukan wawancara
kepada pemilik indah cake dan catering,
penulis menemukan beberapa
permasalahan dari wawancara tersebut
yaitu kurang efisiennya cara pemesanan
dan operasional cetak dari kegiatan-
kegiatan perusahaan. Dari permasalahan
tersebut penulis melakukan pemecahan
masalah yang akan dibuat dalam judul
skripsi ini yaitu rancang bangun sistem
informasi penjualan berbasis web pada
indah cake dan catering.
3.4.2 Tahap Pengembangan
Dalam tahap pengembangan penulis
memulai menyusun sistem yang baru
untuk memperbaiki pemecahan
permasalahan sistem informasi
penjualan yang ada pada perusahaan.
Dengan mengacu pada metode waterfall,
penulis mengembangkan sistem dengan
tahapan sebagai berikut:
1. Requirement
Disini penulis menggunakan beberapa
acuan diantaranya adalah :
a. Kebutuhan yang akan datang
Kebutuhan yang akan datang yang harus
dipersiapkan seiring dengan semakin
berkembangnya zaman juga
kecanggihan teknologi adalah
pemeliharaan dan pengembangan untuk
sistem informasi yang telah dibuat.
Sehingga perusahaan mempunyai daya
saing dengan perusahaan lain dan tetap
memegang konsumen yang sudah
berlangganan.
b. Kebutuhan Analisa perangkat
lunak
Kebutuhan analisa perangkat lunak (
software ) baik berupa aplikasi maupun
komponen pendukung yang digunakan
antara lain sistem operasi ( windows atau
linux ), XAMPP, PHP, notepad++,
database MYSQL, browser ( Mozilla
firefox, Google Chrome, dll )
c. Kebutuhan spesifikasi perangkat
lunak
Kebutuhan spesifikasi perangkat lunak
disesuaikan dengan kapasitas perangkat
keras yang digunakan, sehingga sistem
dapat beroperasi secara maksimal.
d. Kebutuhan verifikasi dan validasi
Kebutuhan verifikasi dan validasi
disesuaikan dengan kebutuhan perangkat
lunak yang ada, sehingga verifikasi dan
validasi berjalan sesuai dengan harapan.
2. Analisis Sistem
Dalam studi kasus ini indah cake dan
catering belum memiliki sistem
informasi penjualan, semua proses
penjualan masih dilakukan dengan cara
manual begitu juga dengan pembuatan
laporan penjualan masih dilakukan
secara manual tetapi juga dibuat
terkomputerisasi setiap bulannya untuk
kerapian penyajian laporan. Sehingga
penulis membuat sistem penjualan baru
berdasarkan manajemen yang sudah ada
dengan tambahan inovasi-inovasi yang
baru untuk kemajuan dan nilai positif
perusahaan.
3. Design
Penulis memulai mengolah data-data
yang telah didapat dari Software
requirement memetakannya kedalam
(function oriented design) perancangan
terstruktur yang akan digunakan sebagai
panduan dalam menjabarkan
keseluruhan data yang akan diproses
dalam perangkat lunak, serta
menentukan fungsi apa saja yang akan
dibangun. Design bisa dilihat langsung
pada data-data flowchart, diagram
berjenjang, context diagram, DFD,
CDM, PDM, dan tampilan user interface
yang telah dijabarkan penulis.
4. Coding
Penulis mengsistem informasikan design
sistem yang telah dibuat ke dalam
perangkat lunak. Perangkat lunak yang
digunakan dalam sistem ini adalah
notepad++ dan xammp dengan
menggunakan bahasa pemerograman
PHP dan basis data yang akan digunakan
adalah sql server.
5. Testing
Penulis akan menjabarkan hasil testing
implementasi pada bab 4 dan Berikut
adalah gambaran input output yang ada
pada Sistem informasi Penjualan
catering. Inputan yang diperlukan oleh
Sistem informasi Penjualan Catering
diantaranya data pemesanan, data
pembayaran. Data yang diberikan
tersebut diproses oleh sistem informasi
dan menghasilkan, bentuk laporan
penjualan.
Sistem Informasi
penjualan
Catering
Data pesanan Perhitungan
penjualan
Laporan
Penjualan
Gambar 3.3. Gambaran input - proses -
output pada sistem informasi penjualan
berbasis web pada indah cake dan
catering
6. Maintenance
Maintenance (pemeliharaan) dapat
dilakukan dengan cara antara lain :
a. Mengupdate atau memperbaharui isi
dari website
b. Mengupdate atau memperbaharui
tampilan website
c. Melakukan Back Up data
d. Melakukan monitor statistik website
e. Penambahan fitur-fitur yang menarik
3.5 Perancangan Sistem
3.5.1 Flowchart Dokumen
Daftar Produk Kue &
Makanan
Daftar ProdukKue &
Makanan
Memilih produk
Kue & Makanan
Pesanan Produk Kue &
Makanan
Info Total Pembayaran
Pesanan Produk Kue &
Makanan
Melakukan
Pembayaran DP
Pembayaran DP
Menghitung Total
Pembayaran
Info Total Pembayaran
Kwitansi Pembayaran DP
Melakukan Pelunasan
Pembayaran
Pelunasan
Pembayaran
Customer serviceKonsumen Pemilik
Mulai
Membuat
Laporan
Penjualan
Bulanan
Selesai
DP / Lunas
DP
LunasMembuat Kwitansi
Pelunasan
Kwitansi
Pelunasan 1
2
Bagian Keuangan
Laporan penjualan
Bulanan
1
Kwitansi
Pelunasan 1
Kwitansi
Pembayaran DP1
2
Pelunasan
Pembayaran
2
Laporan penjualan
Bulanan 1
2
Kwitansi
Pelunasan 2
Membuat
Kwitansi
Pembayaran DP
Membuat Kwitansi
Pelunasan
Kwitansi
Pelunasan 1
Kwitansi
Pelunasan 1
2
N
N
Pembayaran DP
N
N
Gambar 3.4. Document Flow
Pemesanan Menu
Keterangan :
Proses dimulai dari costumer service
menawarkan daftar produk kue dan
makanan kepada konsumen lalu
konsumen memesan produk kemudian
akan dihitung total pembayaran dari
menu yang dipesan. Konsumen dapat
melakukan pembayaran uang muka dulu
atau lunas kepada customer service dan
konsumen menyimpan bukti
pembayaran juga customer service
dimana salah satu bukti pembayaran
diberikan kepada bagian keuangan.
Setiap transaksi penjualan akan dicatat
oleh bagian keuangan dan bagian
keuangan akan membuatkan bukti
pembayaran untuk konsumen dan
disimpan dalam laporan keuangan untuk
diberikan kepada pemilik.
3.5.2 Flowchart Sistem
Mulai
Username &
Password
Login
Sesuai
Menu utama
Selesai
ya
tidak
Data Login
Gambar 3.5. Sistem Flow Login
Keterangan :
Proses dimulai dari user memasukkan
username dan password lalu disesuaikan
dengan data login jika sesuai akan
masuk ke menu utama dan jika tidak
sesuai user akan memasukkan kembali
username dan password sampai data
sesuai dengan data yang telah disimpan.
Mulai
Login
Form Pemasukkan
Data Baru
Mamasukkan Data
Baru
Data BaruPenyimpanan
Data Baru
Selesai
Gambar 3.6. Sistem Flow Pemasukkan
Data Baru
Keterangan :
Proses dimulai dari login lalu akan
muncul form pengisian untuk data baru
kemudian memasukkan atau mengisi
form data baru dan data baru akan
diproses dan tersimpan lalu selesai.
Mulai
Login
Delete
Edit
Edit / Delete
Selesai
Data
Tersimpan
Data PerubahanData Perubahan
Data yang dihapus Data Perubahan
Pemilihan Data
yang akan dihapus
Data Baru
Data yang dirubah
Delete / Kembali
Delete
Data dihapus /
Kembali
DeleteKembali
Gambar 3.7. Sistem Flow Perubahan
Data
Keterangan :
Proses dimulai dari login lalu akan
muncul data baru kemudian jika
pemilihan edit memasukkan data
perubahan kemudian data diproses untuk
disimpan lalu selesai dan jika delete
memilih data yang akan dihapus data
terhapus diproses lalu disimpan dan
selesai.
login
Mulai
Selesai
Data Produk Kue
& MakananPemilihan Produk
Kue & Makanan
Produk Kue/Makanan
Yang dipesan
Lunas / DP
Konfirmasi
pembayaran DP
Pembayaran
Data
Pemesanan
Jumlah Total
DP
Lunas
Konfirmasi
Pelunasan
Mengisi Testimoni
Data
Pembayaran
Data
Pembayaran
Konfirmasi
Pelunasan
Data
Pembayaran
Form Testimoni
Testimoni
Testimoni /
Tidak
Memasukkan
Testimoni
TestimoniTidak
Gambar 3.8. Sistem Flow Pemesanan
Keterangan :
Proses dimulai dari login kemudian
pemilihan produk kue dan makanan
kemudian data pemesanan di simpan lalu
penampilan jumlah total lalu
pembayaran lunas atau DP jika lunas
konsumen akan konfirmasi pembayaran
dan data pembayaran akan disimpan lalu
konsumen mengisi testimoni jika
memang ad pertanyaan atau ada yang
ingin disampaikan kemudian testimoni
tersimpan dan jika tidak maka proses
pemesanan akan langsung selesai. Dan
jika pembayaran di muka ( DP ) maka
konsumen konfirmasi pembayaran di
muka lalu 1 bulan sebelum hari H
konfirmasi pelunasan pembayaran dan
data pembayaran disimpan kemudian
jika ada yang mau disampaikan atau
pertanyaan maka konsumen mengisi
form testimoni dan akan tersimpan lalu
selesai.
login
Laporan Pemesanan
Konsumen
Mulai
Selesai
Laporan
Pemesanan
Konsumen
Pemasukkan Laporan
Pembayaran
Laporan
Pembayaran
Laporan
Tersimpan
Cetak/Tidak
Laporan Penjualan
& Pembayaran
Tidak
Pengaturan Page
Cetak
Pengaturan
simpan atau Cetak
Pemilihan tempat
menyimpan
Simpan
Laporan Penjualan
& Pembayaran
Cetak
Simpan/Cetak
SimpanCetak
Gambar 3.9. Sistem Flow Laporan
Keterangan :
Proses dimulai dari login lalu
pemasukkan laporan dari data yang
sudah ada kemudian laporan di simpan
apabila ingin diprint atau cetak maka
akan dicetak kemudian pengaturan
simpan atau langsung cetak jika cetak
pengaturan page kemudian akan dicetak
tetapi jika simpan pengaturan pemilihan
tempat penyimpanan kemudian akan
tersimpan dan selesai dan jika tidak
ingin dicetak maka akan langsung
selesai.
3.5.3 Diagram Berjenjang
0
Rancang Bangun Sistem Informasi Penjualan Berbasis Web pada
Indah Cake & Catering
1
Login
2
Pengolahan Data
Master
2.1
Pengolahan Data
Master Konsumen
2.2
Pengolahan Data
Master Lokasi
2.4
Pengolahan Data
Master Ekspedisi
3
Transaksi
3.1
Transaksi
Pemesanan
3.2
Transaksi
Pembayaran
4
Laporan
4.1
Laporan Pemesanan
Konsumen
4.3
Laporan Pembayaran
3.3
Testimoni
2.3
Pengolahan Data
Master Produk
Kue & Makanan
Gambar.3.10. Diagram Berjenjang
3.5.4 Konteks Diagram
Data Konsumen
Monitoring Pembayaran
Pilihan Lokasi
Jenis Ekspedis i
Pilihan Lokasi
Jenis Ekspedis i
Laporan Pembayaran Konsumen
Laporan Pemesanan
Data Pemesanan Konsumen
Info Pembayaran Konsumen
Info Pembayaran Konsumen
Data Pemesanan Konsumen
Login
Login
Login
Login
Login
Testimoni
Produk Kue & Makanan
Produk Kue & Makanan
Monitoring Pemesanan
Testimoni
Data Pemesanan Konsumen
Info Pembayaran Konsumen
0
Sistem Informasi Catering
+
Konsumen
Admin
Pemilik
Bag ian
Administrasi
Bag ian Dapur
Gambar.3.11. Konteks Diagram
3.5.5 DFD Level 0
Data Konsumen
Transaksi Pemesanan
Transaksi Pembayaran Konsumen
Data Konsumen
Testimoni Konsumen
Transaksi Pemesanan Konsumen
Transaksi Pembayaran
Monitoring Pembayaran
Laporan Pemesanan Konsumen
Laporan pembayaran
Jenis Ekspedisi
Pilihan Lokasi
Jenis Ekspedisi
Pilihan Lokasi
Detil Ekspedisi
Data Pilihan Ekspedisi
Laporan Pembayaran Konsumen
Laporan Pemesanan
Data Pilihan Kota
Detil Kota
Data Pemesanan Konsumen
Info Pembayaran Konsumen
Info Pembayaran Konsumen
Data Pemesanan Konsumen
Login
Login
Login
Data Login
Login
Login
Testimoni
Transaksi Pemilihan Produk
Produk Kue & Makanan
Info Testimoni
Detil Testimoni
Data Produk Kue & Makanan
Keterangan Pembayaran
Jumlah Pembayaran
Produk Kue & Makanan
Monitoring Pemesanan
Testimoni
Data Pemesanan Konsumen
Info Pembayaran Konsumen
Admin
Bag ian
Administrasi
Pemilik
Konsumen
Bag ian
Dapur
2
Peng olahan
Data Master
+
3
Transaksi
+
4
Laporan
+
2Data Master Produk
Kue & M akanan
3Transaksi
Pemesanan
4Transaksi
Pembayaran
7 Testimoni
1
Login
1 Login
5Data Master
Kota
6Data Master
Ekspedisi
8Data Master
Konsumen
Gambar.3.12. DFD Level 0
3.5.6 DFD Level 1 Sub Proses
Pengolahan Data Master
Data KonsumenData Konsumen
Jenis Ekspedis i
Jenis Ekspedis i
Pil ihan Lokasi
Data Pil ihan Ekspedisi
Data Pil ihan Kota
Pilihan Lokasi
Produk Kue & MakananData Produk Kue & Makanan
Produk Kue & Makanan
Bag ian
Dapur
2Data Master Produk
Kue & M akanan
Konsumen
5 Data Master Kota
6Data Master
Ekspedisi
2
Peng olahan Data
Master Produk
Kue & M akanan
3
Peng olahan Data
Master Lokasi
Konsumen
Konsumen
4
Peng olahan Data
Master Ekspedis i
Bag ian
Administrasi
Bag ian
Administrasi
8Data Master
KonsumenKonsumen
1
Data Master
Konsumen
Gambar.3.13. DFD Level 1 Sub Proses
Pengolahan Data Master
3.5.7 DFD Level 1 Sub Proses
Transaksi
Transaksi Pembayaran Konsumen
Testimoni Konsumen
Transaksi Pemesanan
Transaksi Pemesanan Konsumen
Transaksi Pembayaran
Detil Ekspedisi
Detil Kota
Data Pemesanan Konsumen
Info Pembayaran Konsumen
Info Pembayaran Konsumen
Data Pemesanan Konsumen
Testimoni
Transaksi Pemilihan Produk
Keterangan Pembayaran
Jumlah Pembayaran
Info Testimoni
Detil Testimoni
Testimoni
Info Pembayaran Konsumen
Data Pemesanan Konsumen
Konsumen
Konsumen
Konsumen
4Transaksi
Pembayaran
4Transaksi
Pembayaran
7 Testimoni
7 Testimoni
2Data Master Produk
Kue & M akanan
Admin
Bag ian
Dapur
Bag ian
Administrasi
Bag ian
Dapur
Bag ian
Administrasi
5 Data Master Kota
6Data Master
Ekspedisi
1
Transaksi
Pemesanan
2
Transaksi
Pembayaran
3
Testimoni
4Transaksi
Pembayaran
8Data Master
Konsumen
8Data Master
Konsumen
8Data Master
Konsumen
3Transaksi
Pemesanan
Gambar.3.14. DFD Level 1 Sub Proses
Transaksi
3.5.8 DFD Level 1 Sub Proses
Laporan
Monitoring Pembayaran
Laporan Pemesanan Konsumen
Laporan Pembayaran Konsumen
Laporan Pemesanan
Monitoring Pemesanan
Laporan pembayaran
Pemilik
Bag ian
Administrasi
Bag ian
Administrasi 4Transaksi
Pembayaran
3Transaksi
Pemesanan
1
Laporan
Pemesanan
Konsumen
2
Laporan
pembayaran
Pemilik
Gambar.3.15. DFD Level 1 Sub Proses
Laporan
3.5.9 CDM
Mempunyai
Mengisi Melihat
Konf irmasi Pembayaran
Melakukan Pemesanan
Login
Data Master Produk Kue & Makanan
ID Produk Kue & Makanan
Nama Kategori
Nama Produk Kue & Makanan
Jenis Produk Kue & Makanan
Gambar Produk Kue & Makanan
Jumlah Produk Kue & Makanan
Harga Produk Kue & Makanan
Transaksi Pemesanan
IDPEMESANAN
Tanggal Pemesanan
Status Transaksi
Alamat Pengiriman
Transaksi Pembayaran
IDPEMBAYARAN
Total Keseluruhan
Status Pembayaran
Testimoni
IDTESTIMONI
Info Testimoni
Login
Hak Akses
Username
Password
Data Master Konsumen
ID Konsumen
Nama Konsumen
Telp Konsumen
Alamat Konsumen
Gambar.3.16. CDM ( Conceptual Data
Model )
3.5.10 PDM
IDPEMESANAN = IDPEMESANAN
ID_PRODUK_KUE___MAKANAN = ID_PRODUK_KUE___MAKANAN
ID_KONSUMEN = ID_KONSUMEN
ID_KONSUMEN = ID_KONSUMEN
ID_KONSUMEN = ID_KONSUMEN
ID_KONSUMEN = ID_KONSUMEN
DATA_MASTER_PRODUK_KUE___MAKANAN
ID_PRODUK_KUE___MAKANAN char(7)
NAMA_KATEGORI varchar(25)
NAMA_PRODUK_KUE___MAKANAN varchar(25)
JENIS_PRODUK_KUE___MAKANAN varchar(25)
GAMBAR_PRODUK_KUE___MAKANAN long varchar
JUMLAH_PRODUK_KUE___MAKANAN integer
HARGA_PRODUK_KUE___MAKANAN numeric(10)
TRANSAKSI_PEMESANAN
IDPEMESANAN char(7)
ID_KONSUMEN char(7)
TANGGAL_PEMESANAN date
STATUS_TRANSAKSI varchar(25)
ALAMAT_PENGIRIMAN varchar(50)
TRANSAKSI_PEMBAYARAN
IDPEMBAYARAN char(7)
ID_KONSUMEN char(7)
TOTAL_KESELURUHAN integer
STATUS_PEMBAYARAN varchar(25)
TESTIMONI
IDTESTIMONI char(6)
ID_KONSUMEN char(7)
INFO_TESTIMONI varchar(100)
LOGIN
ID_KONSUMEN char(7)
HAK_AKSES varchar(25)
USERNAME varchar(25)
PASSWORD char(8)
DATA_MASTER_KONSUMEN
ID_KONSUMEN char(7)
NAMA_KONSUMEN varchar(25)
TELP_KONSUMEN numeric(12)
ALAMAT_KONSUMEN varchar(50)
MEMPUNYAI
ID_PRODUK_KUE___MAKANAN char(7)
IDPEMESANAN char(7)
Gambar.3.17. PDM ( Physical Data
Model )
BAB IV
HASIL DAN PEMBAHASAN
4.1 Implementasi
4.1.1 Implementasi Tampilan
Konsumen
Hasil penelitiannya adalah
sebuah sistem informasi berbasis web
pada indah cake dan catering dengan
tujuan mempermudah konsumen dalam
memesan makanan dan kue pada indah
cake dan catering tentunya dengan lebih
cepat dan tepat, juga membuat
perusahaan akan semakin dikenal
masyarakat luas sehingga menambah
jumlah konsumen langganan. Berikut
tampilan awal dari sistem informasi
tersebut :
Gambar.4.1 Tampilan Home Sistem
Informasi Indah Cake dan Catering
Tampilan di home terdiri dari gambar
keranjang belanja, gambar 6 menu
terpopuler, jenis produk, bank untuk
pembayaran, kontak yang bisa
dihubungi, dan keterangan. Sebelum
membeli produk konsumen terlebih
dahulu harus melakukan regristrasi tetapi
apabila hanya melihat-melihat saja
konsumen tidak perlu melakukan
registrasi. Berikut tampilan regristrasi
tersebut :
Gambar.4.2. Tampilan Regristrasi
Konsumen
Setelah konsumen selesai regristrasi data
akan tersimpan dan konsumen yang
ingin membeli produk harus login
terlebih dahulu dengan memasukkan
username dan password yang sudah
dibuat dan tersimpan sebelumnya pada
saat regristrasi. Berikut tampilan login
tersebut :
Gambar.4.3. Tampilan login Konsumen
Selanjutnya adalah tampilan product
yang berisi tentang produk-produk yang
ditawarkan oleh indah cake dan catering.
Berikut tampilannya :
Gambar.4.4. Tampilan Product
Apabila memilih tombol view maka
akan keluar macam-macam pilihan dari
menu yang dipilih, misal saya memilih
view makanan ringan maka akan keluar
tampilan sebagai berikut :
Gambar.4.5. Tampilan Pilihan Produk
Makanan Ringan
Dari tampilan tersebut apabila memilih
tombol beli maka akan keluar tampilan
sebagai berikut pada menu keranjang
belanja :
Gambar.4.6. Tampilan Keranjang
Belanja
Pada tampilan keranjang belanja berisi
produk-produk yang telah di pilih atau
akan di beli oleh konsumen didalamnya
juga berisi tombol drop yang berfungsi
untuk mengcancel pilihan produk yang
telah dipilih, tombol resume shopping
berfungsi untuk kembali ke menu pilihan
produk apabila ingin manambah
pembelian produk lagi, tombol update
cart untuk mengupdate jumlah harga
setelah ada penambahan quantity
pembelian dari produk, dan tombol
checkout untuk lanjut ke perintah
pembelian selanjutnya apabila
pembelian produk sudah selesai. Setelah
menekan tombol checkout maka akan
keluar tampilan sebagai berikut :
Gambar.4.7. Tampilan Finish Order
Tampilan finish order di atas bermaksud
untuk mengkonfirmasi tempat, nama dan
telepon pemesan sebelum produk
dikirim dan apabila ingin merubah
keterangan nama, alamat, atau telepon
pemesan langsung saja mengisi ulang
pada form yg disediakan yang ingin
dirubah jika sudah selesai maka pilih
tombol confirm receiver info. Setelah
menekan tombol tersebut maka akan
muncul tampilan sebagai berikut :
Gambar.4.8. Tampilan Receiver Info
Tampilan Receiver Info berisi tentang
keterangan atau info penerima atau
pemesan dan nama juga harga produk
yang telah dipesan yang sudah benar
tampilan tersebut juga berisi harga
pengiriman beserta total pembayaran
yang harus dibayarkan. Setelah semua
keterangan tersebut sudah benar maka
tombol yang harus diklik selanjutnya
adalah tombol confirm order dan akan
muncul tampilan sebagai berikut :
Gambar.4.9. Tampilan Checkout
Notification
Tampilan di atas berisi catatan ucapan
terima kasih kepada konsumen yang
telah melakukan pemesanan pada indah
cake dan catering juga catatan bahwa
data order sudah tersimpan di profil
konsumen dan peringatan apabila dalam
1 hari maka data order akan terhapus
atau transaksi batal. Apabila ingin
melihat data order maka konsumen harus
masuk ke profilnya seperti gambar
berikut :
Gambar.4.10. Tampilan Profile
Konsumen
Tampilan profile konsumen berisi profile
konsumen dan data transaksi yang telah
dilakukan oleh konsumen apabila
konsumen ingin mengupdate profile
maka konsumen bisa langsung
mengisikan profile ke form yang ingin
dirubah lalu tekan save update jika
perubahan sudah dirasa benar maka data
terbaru akan tersimpan. Dan jika
konsumen ingin melihat detail transaksi
yang dilakukan maka konsumen
menekan tombol view detail pada tabel
action dan akan muncul tampilan seperti
berikut :
Gambar.4.11. Tampilan Detail
Pemesanan atau Transaksi
Dan apabila ingin kembali ke profile
maka konsumen harus menekan tombol
back to profile lalu jika konsumen ingin
melakukan konfirmasi pembayaran
maka konsumen harus menekan tombol
confirm payment dan akan muncul
tampilan seperti berikut :
Gambar.4.12. Tampilan Confirm
Payment
Tampilan confirm payment berfungsi
untuk upload bukti pembayaran yang
sudah dilakukan oleh konsumen dengan
tambahan pengisian text apabila
diinginkan dan juga di tampilan ini berisi
tentang detail transaksi yang telah
dilakukan konsumen beserta dengan
total pembayaran yang harus dibayarkan
juga sudah termasuk biaya kirim.
Gambar.4.13. Tampilan Cara
Berbelanja
Tampilan cara berbelanja berisi tentang
cara-cara bagaimana membeli produk,
bagaimana mengupload atau
mengkonfirmasi bukti pembayaran dan
bagaimana cara mendaftar atau registrasi
untuk bisa melakukan pembelian
produk.
Gambar.4.14. Tampilan Komentar
Tampilan komentar berfungsi untuk
konsumen yang ingin bertanya atau
berkomentar tentang produk atau
pelayanan indah cake dan catering yang
akan dibalas admin melalui email
konsumen. Cara untuk mengisi komentar
yaitu masuk ke dalam menu komentar
dan mengisi form email, nama, dan
keterangan komentar lalu save apabila
sudah merasa benar.
Gambar.4.15. Tampilan Tentang Kami
Tampilan tentang kami berisi tentang
berdirinya indah cake dan catering atau
segala sesuatu tentang perusahaan yang
ingin dipublikasikan.
4.1.2 Implementasi Tampilan Head
Master
Tampilan head master bertujuan untuk
mengatur transaksi-transaksi dalam
tampilan konsumen, memasukkan data-
data perusahaan yang nantinya bisa
diatur untuk dipublikasikan ke tampilan
konsumen atau tidak, dan membuat
username dan password khusus untuk
karyawan-karyawan perusahaan,
sehingga mempermudah manajemen
perusahaan. Tampilan head master ini
terdiri dari menu-menu sebagai berikut :
1. Home
2. Master lokasi terdiri dari : Negara,
Provinsi, Kota
3. Master ekspedisi terdiri dari : Jenis
Ekspedisi dan ekspedisi ( kota )
4. Master produk terdiri dari : Paket
produk, Jenis produk, Kategori produk
dan produk
5. Monitoring penjualan
6. Head master
7. Testimoni
Menu-menu tersebut diatas nanti akan
diuraikan dan dijelaskan satu persatu di
gambar-gambar di bawah ini. Sistem
head master ini nantinya akan dikelola
oleh salah satu admin yang telah
ditunjuk oleh perusahaan untuk
diberikan tanggung jawab mengelola
sistem diantaranya mengatur username
dan password user dari luar maupun
perusahaan, mengatur tampilan, dan
mengatur testimoni. Berikut tampilan
awal head master :
Gambar.4.16. Tampilan Home Head
Master
Tampilan yang berisi menu master
lokasi ini terdiri dari daftar negara,
provinsi dan kota dan bertujuan untuk
memasukkan daftar-daftar Negara,
provinsi atau kota. Berikut tampilan
master lokasi tersebut :
Gambar.4.17. Tampilan Master Lokasi
Negara
Gambar.4.18. Tampilan Master Lokasi
Provinsi
Gambar.4.19. Tampilan Master Lokasi
Kota
Berikut adalah tampilan menu master
ekspedisi yang terdiri dari jenis
ekspedisi dan daftar ekspedisi :
Gambar.4.20. Tampilan Master
Ekspedisi
Gambar.4.21. Tampilan Master Jenis
Ekspedisi
Tampilan menu master ekspedisi diatas
digunakan untuk memasukkan jenis
ekspedisi. Menu ini terdiri dari jenis
ekspedisi yang dimaksud seperti jenis
ekspedisi reguler ( biasa ) dan yes (
tercepat ) atau mungkin bisa
ditambahkan dengan jenis ekspedisi kilat
tergantung dengan pilihan perusahaan
dan permintaan konsumen, sedangkan
untuk ekspedisi berisi tentang daftar
ekspedisi yaitu kota-kota dan harga yang
sudah ditarifkan.
Gambar.4.22. Tampilan Master Paket
Produk
Tampilan master paket produk berfungsi
untuk memasukkan jenis paket produk.
Menu ini juga bertujuan membedakan
jenis makanan berdasarkan harga, menu,
dan kapasitas pemesanan antara lain
paket reguler ( biasa ), middle ( standart
), exclusive ( mewah ) dan non paket
untuk kue-kue ringan dan basah juga
makanan ringan.
Gambar.4.23. Tampilan Master Jenis
Produk
Tampilan jenis produk berfungsi untuk
memasukkan jenis-jenis produk. Dimana
di indah cake dan catering terdiri dari 2
produk yaitu makanan dan kue-kue.
Gambar.4.24. Tampilan Master
Kategori Produk
Tampilan master kategori produk
berfungsi untuk memasukkan jenis
kategori produk. Dimana di indah cake
dan catering makanan terdiri dari
makanan ringan dan kue terdiri dari kue
ringan dan kue basah.
Gambar.4.25. Tampilan Master Produk
Menu master produk berfungsi untuk
memasukkan semua produk-produk dari
indah cake dan catering baik itu
makanan ataupun kue-kue. Dimana
dalam menu ini terdiri dari gambar
produk, kode produk, pilihan peket,
satuan produk, harga produk, stok
produk, dan keterangan produk.
Gambar.4.26. Tampilan Monitoring
Penjualan
Tampilan monitoring penjualan berisi
tentang transaksi-transaksi pemesanan
yang dilakukan konsumen antara lain
produk yang dipesan, total harga, nama
pemesan, alamat pemesan, id transaksi,
dan status pemesanan apakah sudah
dikirim atau yang dibatalkan juga yang
belum melakukan pembayaran.
Gambar.4.27. Tampilan Head Master
Menu head master di atas bertujuan
untuk mengatur username dan password
user-user dari perusahaan, sehingga
mempermudah manajemen perusahaan
dalam mengelola data-data penjualan.
4.2 Testing
4.2.1 Testing Tampilan Konsumen
Pada tahap pengujian yaitu untuk
memeriksa kesalahan tulisan, tulisan
materi, dan kesalahan kode yang
diberikan pada tombol navigasi. Fungsi
dari pengujian adalah untuk memastikan
bahwa hasil produksi aplikasi sesuai
dengan yang direncanakan. Pengujian
web meliputi ; kinerja tombol, tampilan
gambar, input output, dan target tercapai.
Pengujian menggunakan black box
testing :
Tabel.4.1. Hasil Pengujian Black Box
Tampilan Konsumen
No Modul Cara Kerja Keterangan
1. Menu
Register
Menampilkan
tombol
Register
Berhasil
Mengisi dan
Menampilkan
semua form
keterangan
User
Registration
Berhasil
Menampilkan
tombol Kota
Berhasil
Menampilkan
tombol
Finishing
Registration
Berhasil
2. Menu Login Menampilkan
tombol Login
Berhasil
Mengisi dan
Menampilkan
form Username
dan Password
Berhasil
Menampilkan
tombol
Proceed
Berhasil
Menampilkan
tombol Exit
Berhasil
3. Menu Home Menampilkan
tombol Home
Berhasil
Menampilkan
tombol
Keranjang
Belanja
Berhasil
Menampilkan
tombol Jenis
Produk
Berhasil
Menampilkan
tombol Beli
Berhasil
Menampilkan
Informasi Bank
Account
Berhasil
Menampilkan
Informasi
Contact Us
Berhasil
Menampilkan
Informasi
Testimoni
Berhasil
Menampilkan
Informasi
Keterangan
Berhasil
4. Menu Product Menampilkan
tombol Product
Berhasil
Menampilkan
tombol View
Makanan/Kue
Berhasil
Menampilkan
tombol Beli
Produk
Berhasil
Menampilkan
tombol
Resume
Berhasil
Menampilkan
tombol Update
Cart
Berhasil
Menampilkan
tombol
Checkout
Berhasil
Menampilkan
tombol Back to
Shopping
Cart
Berhasil
Menampilkan
tombol
Confirm
Receiver
Info
Berhasil
Mengisi dan
Menampilkan
semua
keterangan
form Receiver
Info
Berhasil
Menampilkan
tombol Back to
Receiver Info
Berhasil
Menampilkan
tombol
Confirm Order
Berhasil
Menampilkan
Informasi
Checkout
Notification
Berhasil
5.
Menu
Keranjang
Belanja
Menampilkan
tombol
Keranjang
Belanja
Berhasil
Menampilkan
tombol here
Berhasil
6.
Menu Cara
Berbelanja
Menampilkan
tombol Cara
Berbelanja
Berhasil
Menampilkan
tombol How to
Buy Product
Berhasil
Menampilkan
tombol How to
Confirm
Payment
Berhasil
Menampilkan
tombol How to
Register
Berhasil
7.
Menu
Komentar
Mengisi dan
Menampilkan
semua form
keterangan
Komentar
Berhasil
Menampilkan
tombol Save
Berhasil
8.
Menu
Tentang Kami
Menampilkan
tombol
Tentang Kami
Berhasil
Menampilkan
Informasi
Welcome
Message dan
Informasi
Perusahaan
Berhasil
9.
Menu Search Menampilkan
Informasi
Produk yang
dicari
Berhasil
10.
Menu User
profile
Menampilkan
tombol User
Profile
Berhasil
Mengisi dan
Menampilkan
semua form
keterangan
User Profile
Update
Berhasil
Menampilkan
tombol Save
Update
Berhasil
Menampilkan
tombol View
Detail
Transaction
Berhasil
Menampilkan
tombol
Berhasil
Confirm
Payment
Mengisi dan
Menampilkan
semua form
keterangan
Upload
Payment Proof
Berhasil
Menampilkan
tombol Choose
File
Berhasil
Menampilkan
tombol Back to
Profile
Berhasil
Menampilkan
tombol Upload
Proof
Berhasil
Menampilkan
Informasi
Detail
Transaction
Berhasil
Menampilkan
Informasi Data
telah
tersimpan
Berhasil
Menampilkan
tombol OK
setelah
Informasi data
tersimpan
Berhasil
4.2.2 Testing Tampilan Head Master
Tabel.4.4. Hasil Pengujian Black Box Tampilan Head
Master
No Modul Cara Kerja Keterangan
1. Menu
Head
Master
Menampilkan
tombol Head Master
Berhasil
Menampilkan
Informasi Daftar
Head Master
Berhasil
Menampilkan
tombol Show
Entries
Berhasil
Menampilkan
tombol Previous dan
Next
Berhasil
Mengisi dan
Menampilkan form
keterangan Nama
dan Password
Berhasil
Menampilkan
tombol Save
Berhasil
Menampilkan
tombol Edit
Berhasil
Menampilkan
tombol Update
Berhasil
Menampilkan
tombol Delete
Berhasil
Menampilkan
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol OK setelah
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol Batal setelah
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol Exit setelah
Informasi
Pembenaran Delete
Berhasil
2. Menu
Login
Mengisi dan
Menampilkan form
keterangan
Username dan
Password
Berhasil
Menampilkan
tombol Sign in
Berhasil
3. Menu
Home
Menampilkan
tombol Home
Berhasil
Menampilkan
Informasi Daftar
Transaksi
Pembelian
Berhasil
Menampilkan
tombol Kirim
Berhasil
Menampilkan
tombol Tolak
Berhasil
Menampilkan
tombol Cetak
Berhasil
4. Menu
Master
Lokasi
Negara,
Provins
i, Kota
Menampilkan
tombol Master
Lokasi Negara,
Provinsi, Kota
Berhasil
Menampilkan
Informasi Daftar
Negara, Provinsi,
Kota
Berhasil
Menampilkan
tombol Show
Entries
Berhasil
Menampilkan
tombol Previous dan
Next
Berhasil
Mengisi dan
Menampilkan
semua form data
keterangan Negara,
Provinsi, Kota
Berhasil
Menampilkan
tombol save
Berhasil
Menampilkan
tombol Edit
Berhasil
Menampilkan
tombol Update
Berhasil
Menampilkan Berhasil
tombol Delete
Menampilkan
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol OK setelah
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol Batal setelah
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol Exit setelah
Informasi
Pembenaran Delete
Berhasil
5. Menu
Master
Ekspedi
si dan
Jenis
Ekspedi
si
Menampilkan
tombol Master
Ekspedisi dan Jenis
Ekspedisi
Berhasil
Menampilkan
Informasi Daftar
Ekspedisi dan Jenis
Ekspedisi
Berhasil
Menampilkan
tombol Show
Entries
Berhasil
Menampilkan
tombol Previous dan
Next
Berhasil
Mengisi dan
Menampilkan
semua form data
keterangan
Ekspedisi dan Jenis
Ekspedisi
Berhasil
Menampilkan
tombol save
Berhasil
Menampilkan
tombol Edit
Berhasil
Menampilkan
tombol Update
Berhasil
Menampilkan
tombol Delete
Berhasil
Menampilkan
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol OK setelah
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol Batal setelah
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol Exit setelah
Informasi
Pembenaran Delete
Berhasil
6. Menu
Master
Produk,
Paket,
Jenis,
dan
Kategor
i
produk
Menampilkan
tombol Master
Produk, Paket,
Jenis, dan Kategori
Produk
Berhasil
Menampilkan
Informasi Daftar
Produk, Paket,
Jenis, dan Kategori
Produk
Berhasil
Menampilkan
tombol Show
Entries
Berhasil
Menampilkan
tombol Previous dan
Next
Berhasil
Mengisi dan
Menampilkan
semua form data
keterangan Produk,
Paket, Jenis, dan
Kategori Produk
Berhasil
Menampilkan
tombol Jenis Produk
Berhasil
Menampilkan
tombol Publikasi
Kategori Produk
Berhasil
Menampilkan
tombol Paket
Produk
Berhasil
Menampilkan
tombol Satuan
Berhasil
Menampilkan
tombol Pilih File
Gambar
Berhasil
Menampilkan
tombol Toggle
Publication
Berhasil
Menampilkan
tombol Mass
Editing
Berhasil
Menampilkan
tombol Save Editing
Berhasil
Menampilkan
tombol Delete All
Cards Within
Berhasil
Menampilkan
tombol save
Berhasil
Menampilkan
tombol Edit
Berhasil
Menampilkan
tombol Update
Berhasil
Menampilkan
tombol Delete
Berhasil
Menampilkan
Informasi
Berhasil
Pembenaran Delete
Menampilkan
tombol OK setelah
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol Batal setelah
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol Exit setelah
Informasi
Pembenaran Delete
Berhasil
7. Menu
Monitor
ing
Penjual
an
Menampilkan
tombol Monitoring
Penjualan
Berhasil
Menampilkan
Informasi Data
Keterangan
Transaksi Penjualan
Berhasil
Menampilkan
tombol Previous dan
Next
Berhasil
Menampilkan
tombol Cetak
Berhasil
Menampilkan
tombol Filter
Berhasil
8. Menu
Testimo
ni
Menampilkan
tombol Testimoni
Berhasil
Menampilkan
Informasi Data
keterangan
Testimoni
Berhasil
Menampilkan
tombol Previous dan
Next
Berhasil
Menampilkan Berhasil
tombol Filter
Menampilkan
tombol Show
Entries
Berhasil
Mengisi dan
Menampilkan
semua form data
keterangan
Testimoni
Berhasil
Menampilkan
tombol Publish
Berhasil
Menampilkan
tombol save
Berhasil
Menampilkan
tombol Edit
Berhasil
Menampilkan
tombol Delete
Berhasil
Menampilkan
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol OK setelah
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol Batal setelah
Informasi
Pembenaran Delete
Berhasil
Menampilkan
tombol Exit setelah
Informasi
Pembenaran Delete
Berhasil
BAB V
PENUTUP
5.1 Kesimpulan
Berdasarkan hasil yang diperoleh
dari rancang bangun sistem informasi
penjualan berbasis web pada indah cake
dan catering. Maka dapat disimpulkan
sebagai berikut :
1. Sistem informasi penjualan cake dan
catering ini dapat memudahkan
konsumen dalam memesan kue atau
makanan sesuai dengan kategori/jenis
kue dan makanan yang telah disediakan.
2. Sistem Informasi penjualan berbasis
web ini berjalan pada jaringan internet
(online) yang dapat memudahkan
konsumen yang tidak ingin dibatasi oleh
waktu, jarak dan cuaca.
3. Sistem informasi ini dibuat untuk
mempermudah pemilik dalam
mengelolah perusahaan dan
memudahkan karyawan dalam mengatur
tanggung jawabnya masing-masing.
5.2 Saran
Saran penulis untuk
pengembangan system informasi ini
kedepan yaitu antara lain :
1. Menambahkan pilihan alternatif cara
pembayaran dengan menggunakan “
credit card “ dengan bekerjasama
dengan bank-bank yang bersangkutan
dan penambahan sistem keamanan untuk
transaksi pembayaran untuk
meningkatkan kenyamanan konsumen
dalam melakukan transaksi online.
2. Menambahkan pilihan kota supaya
semakin luas dan banyak pelanggan dari
indah cake dan catering.
DAFTAR PUSTAKA
Anhar, (2010). Panduan Menguasai
PHP dan My SQL Secara
Otodidak. Media Kita : Jakarta.
Bayu Kristian Nugroho, (2010).
Rekayasa Perangkat Lunak,
Sistem Informasi Enkripsi SMS
Pada Telepon Selular Berbasis
J2ME Dengan Metode Vigenere
Cipher. Semarang : II (2) : 14-15
Ferry Kurniawan, (2012). Pengertian
Notepad dan Notepad++.
(http://aboutnotepad.blogspot.co
m/2013/04/notepad-dan-
notepad.html, diakses 23
Desember 2014)
Ema Utami dan Sukrisno, (2005).
Konsep Dasar Pengolahan Dan
Pemrograman Database Dengan
SQL Server, Ms. Access, Dan
Visual Basic. ANDI OFFSET :
Yogyakarta.
Hanif Al Fatta, (2007). Analisis Dan
Perancangan Sistem Informasi
Untuk Keunggulan Bersaing
Perusahaan Dan Organisasi
Modern. ANDI OFFSET :
Yogyakarta.
Anna Fitriani, (2011). Membangun
Sistem Informasi Database
Penjualan Pada Anna Catering.
II (2) : 4-6
Jogiyanto, (2005). Sistem Teknologi
Informasi. ANDI OFFSET :
Yogyakarta.
Kusrini dan Andri Koniyo, (2007).
Tuntunan Praktis Membangun
Sistem Informasi Akuntansi
Dengan Visual Basic Dan
Microsoft SQL Server. ANDI
OFFSET : Yogyakarta.
Zahra Arwananing Tyas, (2010).
Implementasi E-commerce Untuk
Ozone Distro. II (2) : 6-8
M. Suyanto, (2005). Pengantar
Teknologi Informasi Untuk
Bisnis. ANDI OFFSET :
Yogyakarta.
Marimin, Hendri Tanjung : Haryo
Prabowo, (2006). Sistem
Informasi Manajemen Sumber
Daya Manusia. Grasindo :
Jakarta.
Wiwit Siswoutomo, (2006). Kiat Jitu
Kerja Praktek Membangun
Software Dan Web. PT. Elex
Media Komputindo : Jakarta.