RANCANG BANGUN SISTEM INFORMASI PENJUALAN BERBASIS WEB ...karyailmiah.narotama.ac.id/files/RANCANG...

RANCANG BANGUN SISTEM INFORMASI

PENJUALAN BERBASIS WEB PADA INDAH

CAKE DAN CATERING

Lia Isbandi

Sistem Informasi, Fakultas Ilmu Komputer, Universitas

Narotama Surabaya

[email protected]

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



Login

Login

Login

Login

Login

Testimoni

Produk Kue & Makanan


Monitoring Pemesanan

Testimoni



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


Laporan Pemesanan Konsumen

Laporan pembayaran

Jenis Ekspedisi

Pilihan Lokasi

Jenis Ekspedisi

Pilihan Lokasi

Detil Ekspedisi

Data Pilihan Ekspedisi


Laporan Pemesanan

Data Pilihan Kota

Detil Kota





Login

Login

Login

Data Login

Login

Login

Testimoni

Transaksi Pemilihan Produk


Info Testimoni

Detil Testimoni

Data Produk Kue & Makanan

Keterangan Pembayaran

Jumlah Pembayaran



Testimoni



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


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


Transaksi

Transaksi Pembayaran Konsumen

Testimoni Konsumen

Transaksi Pemesanan

Transaksi Pemesanan Konsumen


Detil Ekspedisi

Detil Kota





Testimoni

Transaksi Pemilihan Produk

Keterangan Pembayaran

Jumlah Pembayaran

Info Testimoni

Detil Testimoni

Testimoni



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


Transaksi


Laporan


Laporan Pemesanan Konsumen


Laporan Pemesanan


Laporan pembayaran

Pemilik

Bag ian

Administrasi

Bag ian

Administrasi 4Transaksi

Pembayaran

3Transaksi

Pemesanan

1

Laporan

Pemesanan

Konsumen

2

Laporan

pembayaran

Pemilik


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


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




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


Provinsi


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


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


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


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


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.

RANCANG BANGUN SISTEM INFORMASI PENJUALAN BERBASIS WEB ...karyailmiah.narotama.ac.id/files/RANCANG...

Documents

Transcript of RANCANG BANGUN SISTEM INFORMASI PENJUALAN BERBASIS WEB ...karyailmiah.narotama.ac.id/files/RANCANG...