RANCANG BANGUN SISTEM INFORMASI PENJUALAN BERBASIS WEB PADA INDAH CAKE DAN CATERING

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

berkomunikasi

PENDAHULUAN

berada di berbagai belahan dunia.

1.1

dengan

orang

yang

Melalui media ini mereka dapat

Latar Belakang Masalah Sejalan dengan berkembangnya

memperoleh

dan

menyampaikan

ilmu pengetahuan dan teknologi yang

berbagai informasi yang dibutuhkan

dapat

kapan saja dan dimana saja. Dan disini

membantu

manusia

dalam

menciptakan sesuatu yang baru untuk

indah

membantu

memanfaatkan media tersebut sebagai

sehari-hari, beradaptasi

mempermudah menuntut sebagai

kehidupan manusia

pengguna

pada

salah

cake

satu

menambah

dan

sarana

catering

promosi

penghasilan

ingin

untuk dan

bidang teknologi informasi. Pada saat ini

mengembangakan usaha menjadi lebih

dunia sudah mengenal teknologi yang

baik lagi. Dilihat dari sudut pandang

dinamakan dengan internet. Dengan

pelanggan

internet

pelayanan yang memuaskan juga efisien,

semua

orang

dapat

mereka

menginginkan

oleh karena itu indah cake dan catering

informasi ini, perlu adanya pembatasan

juga

masalah sebagai berikut :

melayani

via

online

dengan

memanfaatkan media internet untuk

1. Pembangunan

memasarkan menu-menu yang dimiliki.

ditekankan pada proses penjualan pada

Untuk dapat membuat sistem informasi

seputar

catering

tersebut,

indah

cake

maka

mengambil

judul

“

BANGUN

SISTEM

dan

penulis

sistem

informasi

indah cake dan catering dengan metode waterfall. 2. Pembayaran

dilakukan

langsung

RANCANG

melalui rekening bank (transfer) tidak

INFORMASI

secara online atau dengan COD (cash on

PENJUALAN BERBASIS WEB PADA

delivery).

INDAH CAKE DAN CATERING “.

3. Sistem informasi ini berlaku untuk wilayah

1.2

Surabaya,

Sidoarjo

dan

Perumusan Masalah

sekitarnya

Sesuai

4. Sistem yang dibangun dan dirancang

yang

sudah

dengan

permasalahan

dikemukakan

pada

berbasis website.

pembahasan latar belakang, maka secara

5. Sistem

dibangun

dan

dirancang

garis besar rumusan masalah yang akan

dengan bahasa pemrograman PHP, web

diselesaikan adalah :

server apache dan database MySQL.

Bagaimana merancang dan membangun sistem informasi penjualan berbasis web pada indah cake dan catering yang dapat

1.4

Tujuan Penelitian Penelitian

ini

dibuat

digunakan untuk memberikan informasi

dirancang dengan tujuan untuk :

kepada

Merancang

konsumen

luas

tentang

dan

membangun

dan

sistem

perusahaan dengan cepat dan tepat yang

informasi penjualan berbasis web pada

juga dinamis, mudah dikelola, dan user

indah cake dan catering yang dapat

friendly

mempermudah

sehingga

memberikan

nilai

positif untuk perusahaan?

perusahaan

dalam

memberikan informasi usahanya kepada konsumen luas secara cepat dan tepat

1.3

juga dinamis, mudah dikelola, dan user

Batasan Masalah Supaya

lebih

terarah,

maka

penelitian dan perancangan dalam sistem

friendly.

1.5

penjualan buku menggunakan PHP &

Manfaat Penelitian Sedangkan

perancangan

dan

manfaat

dari

pembuatan

sistem

My SQL (Studi kasus CV. Putra Mandiri Jaya)”.

Dalam

penelitian

informasi penjualan pada indah cake dan

diperoleh

catering berbasis web ini adalah sebagai

penjualan buku

berikut :

memudahkan konsumen buku dalam Manfaat :

mencari

bahwa

tersebut

sistem

informasi

yang dibuat dapat

buku

sesuai

dengan

1. Secara umum : memungkinkan untuk

kategori/jenis buku tanpa harus terbatasi

melakukan

oleh waktu, jarak & cuaca karena buku

pemanfaatan

informasi

sebagai

memberikan

teknologi

upaya

pelayanan

dan

untuk

yang

bahan

melalui internet (online).

pembelajaran tentang sistem informasi

diinginkan

dapat

didapatkan

Selain itu, penelitian sejenis juga

kepada masyarakat.

pernah dilakukan oleh Hery Wahyudi

2. Bagi indah cake dan catering :

pada tahun 2013 dengan judul “ Rancang

sebagai media atau sarana penjualan

bangun sistem informasi penjualan dan

untuk

pembelian (studi kasus : PT. INDO

kemajuan

dan

bertambahnya

omset pada indah cake dan catering.

NUSA SENTOSA) “. Dalam penelitian

3. Bagi penulis : untuk memahami

tersebut

diperoleh

bahwa

proses

informasi

penjualan

dan

pembuatan

sistem

informasi

sistem

pembelian

berbasis web dan mengerti fungsi-fungsi

berbasis web yang dibuat membantu

dari bahasa pemrograman khususnya

mempermudah

karyawan

dalam

PHP.

pencarian

penjualan

maupun

data

pembelian dan juga dapat membantu BAB II

pembuatan laporan stock barang, laporan

TINJAUAN PUSTAKA

pembelian dan penjualan secara berkala.

2.1

Tinjauan Penelitian Terdahulu Penelitian

mengenai

sistem

2.2

Teori-Teori Dasar

informasi penjualan sebelumnya pernah

Sistem adalah suatu jaringan kerja dari

dilakukan

prosedur-prosedur

oleh

Mochamad

Hafidh

yang

saling

Zunaidi pada tahun 2013 dengan judul “

berhubungan, berkumpul bersama-sama

Rancang

untuk melakukan suatu kegiatan atau

bangun

sistem

informasi

untuk

menyelesaikan

suatu

sasaran

2.4

E-commerce ( Electronic

tertentu. Sistem secara sederhana dapat

Commerce )

diartikan sebagai seperangkat elemen-

Definisi E-commerce suatu penjualan

elemen yang bergabung menjadi satu

secara elektronis, yang bisa dilakukan

dengan lainnya untuk mencapai tujuan

dari jarak jauh (teknologi marketing)

bersama. Secara luas sistem merupakan

yang digunakan di luar toko. Untuk

kumpulan

tempat

dari

elemen-elemen

subsistem-subsistem,

atau

sedangkan

yang

jauh

dilakukan

sekalipun

perdagangan

tetap dengan

subsistem adalah bagian dari sistem

memanfaatkan e-commerce. Perubahan

yang lebih kecil dengan kata lain sistem

cara dan bentuk perdagangan telah

terdiri dari subsistem-subsistem yang

mengubah, menggeser dan menaklukkan

lebih kecil. (Fitriani, 2011)

cara bisnis global yang tidak mengenal jarak

2.3

Konsep Dasar Informasi

2.3.1 Pengertian Informasi Informasi berbeda dengan data.

dan

waktu.

Kegiatan

yang

dilakukan juga menjadi tidak banyak lagi diwakili oleh tenaga manusia di saat terjadi

peningkatan

keterpaduan

Data dapat didefinisikan sebagai fakta

telekomunikasi dan komputasi secara

dan angka yang belum punya arti dari

integral. Berdagang lewat elektronik

suatu kejadian dan belum mempunyai

merupakan tantangan dan ancaman bagi

nilai manfaat bagi pengguna atau .

perdagangan tradisional. (Tyas, 2010)

Sedangkan informasi menurut Jogiyanto, adalah data yang telah diolah menjadi

2.4.1

Tipe E-Commerce

bentuk yang lebih berguna dan lebih

Ada

4

berarti

berdasarkan

bagi

yang

menerimanya.

Tipe

Aplikasi jenis

e-commerce

aplikasi

yang

Informasi merupakan hasil olahan data

digunakan (Tyas, 2010) yaitu :

yang mempunyai nilai informasi bagi

1. I-Market

penerimanya. (Fitriani, 2011)

Suatu tempat atau arena di dunia maya dimana calon pembeli dan penjual saling bertemu secara

untuk

melakukan transaksi

elektronis

melalui

medium

Internet. Dari definisi tersebut terlihat

bahwa tipe bisnis yang terjadi adalah B-

2.5

to-C

Metode Waterfall Dalam

perancangan

2. Customer Care

informasi

Suatu usaha dari perusahaan untuk

menggunakan metode Waterfall. Metode

menjalin hubungan interaktif dengan

Waterfall

pelanggan

yang

menyarankan sebuah pendekatan yang

sebagian

besar

telah

dimilikinya

aplikasi

yang

sistematis

pada

skripsi

sistem

adalah

dan

ini

penulis

metode

sekuensial

yang

melalui

dipergunakan bersifat B-to-C.

tahapan-tahapan yang ada pada SDLC

3. Vendors Management

untuk membangun sebuah perangkat

Perusahaan

melakukan

proses

lunak.

Gambar

menjelaskan

bahwa

pemesanan, pengadaan, dan pembeliaan

metode Waterfall menekankan pada

bahan-bahan

sebuah

yang

dibutuhkan

dari

keterurutan

dalam

proses

berbagai pemasok dan vendor melalui

pengembangan perangkat lunak. Metode

Internet, dan para rekanan ini akan

ini adalah sebuah metode yang tepat

mengirimkannya

perusahaan

untuk membangun sebuah perangkat

sesuai dengan kebutuhan.Tipe B-to-B

lunak yang tidak terlalu besar dan

merupakan

sumber daya manusia yang terlibat

kepada

platform

transaksi

yang

diterapkan dalam tipe e-commerce ini. 4. Extended Supply Chain Melakukan

optimisasi

perusahaan

dengan

dalam jumlah yang terbatas. Requirements

supply chain cara

menjalin

hubungan dengan seluruh rekanan atau pihak-pihak lain yang terlibat langsung

Analysis Design Coding

dalam proses penciptaan produk atau jasa melalui jalur elektronis semacam

Testing

Internet. Jelas terlihat bahwa seperti halnya

tipe

e-commerce

Vendor

Management, prinsip B-to-B merupakan platform

yang

diterapkan

Maintenance

dalam

pengembangan e-commerce terkait.

Gambar.2.1 Diagram Waterfall Model

Dari gambar 2.1 dapat dilihat

dan

detil

algoritma.

Proses

ini

bahwa tahapan pada metode Waterfall

menerjemahkan kebutuhan ke dalam

diawali oleh tahap analisis kebutuhan

sebuah model perangkat lunak yang

yang

dapat diperkirakan kualitasnya sebelum

merupakan

tahap

awal

pembangunan sebuah perangkat lunak.

dimulainya tahap implementasi.

Tahap ini didefinisikan sebagai sebuah

Tahap implementasi adalah tahap

tahap yang menghasilkan sebuah kondisi

yang mengkonversi apa yang telah

yang diperlukan oleh pengguna untuk

dirancang sebelumnya ke dalam sebuah

menyelesaikan permasalahan ataupun

bahasa

mencapai sebuah tujuan. Tahap ini

Kemudian komputer akan menjalankan

bertujuan

fungsi-fungsi yang telah didefinisikan

untuk

megumpulkan

kebutuhan-kebutuhan

pengguna

dan

kemudian mentransformasikan ke dalam sebuah deskripsi yang jelas dan lengkap. Tahapan kedua adalah tahap

yang

dimengerti

komputer.

sehingga mampu memberikan layananlayanan kepada penggunanya. Tahap selanjutnya adalah tahap pengujian.

Terdapat

dua

metode

analisis sistem yang bertujuan untuk

pengujian perangkat lunak yang umum

menjabarkan

yang

digunakan, yaitu metode black-box dan

nantinya akan ditangani oleh perangkat

white-box. Pengujian dengan metode

lunak. Tahapan ini adalah tahapan

black-box merupakan pengujian yang

dimana permodelan merupakan sebuah

menekankan pada fungsionalitas dari

representasi dari object di dunia nyata.

sebuah perangkat lunak tanpa harus

Untuk memahami sifat perangkat lunak

mengetahui bagaimana struktur di dalam

yang

harus

perangkat

dan

perangkat

akan

segala

sesuatu

dibangun,

memahami

domain

analis

informasi,

tingkah laku yang diperlukan. Tahap perancangan

ketiga perangkat

adalah lunak

lunak

menggunakan

lunak

tersebut.

Sebuah

yang

diuji

metode

black-box

tahap

dikatakan berhasil jika fungsi-fungsi

yang

yang ada telah memenuhi spesifikasi

merupakan proses multi langkah dan

kebutuhan

berfokus

atribut

sebelumnya. Sedangkan metode white-

perangkat lunak yang berbeda yaitu

box menguji struktur internal perangkat

struktur data, arsitektur perangkat lunak,

lunak dengan melakukan pengujian pada

pada

beberapa

yang

telah

dibuat

algoritma

yang

digunakan

oleh

perangkat lunak. Tahap

informasi,

penggunaan

Flowchart

merupakan alat yang tepat digunakan metode

untuk menggambarkan physical sistem.

Waterfall adalah tahap perawatan. Tahap

Simbol-simbol Flowchart menunjukkan

ini

dapat

dari

diartikan

penggunaan disertai

akhir

sebagai

tahap

secara tepat arti fisiknya, seperti terminal

lunak

yang

hard

perawatan

dan

perangkat

dengan

disk,

dan

laporan-laporan

(Marimin, 2006).

perbaikan. Perawatan dan perbaikan suatu

perangkat

termasuk

di

lunak

diperlukan,

2.6.2

Konteks Diagram

dalamnya

adalah

Diagram konteks adalah diagram

karena

dalam

tingkat atas, merupakan diagram dari

lunak

sebuah sistem yang menggambarkan

tersebut digunakan terkadang masih

aliran data yang masuk dan keluar dari

terdapat

ataupun

sistem dan yang masuk dan keluar dari

penambahan fitur-fitur baru yang dirasa

entitas luar (Koniyo, 2007). Hal yang

perlu (Nugroho B. K., 2010).

harus diperhatikan :

pengembangan, prakteknya

ketika

perangkat

kekurangan

1. Memberikan 2.6

Perancangan Desain Sistem

tentang

seluruh sistem 2. Terminal yang memberikan masukan

2.6.1 Flowchart Flowchart

gambaran

digunakan

untuk

kesistem disebut source

melihat proses secara detail. Flowchart

3. Terminal yang memberikan keluaran

dapat

disebut sink

didefinisikan

sebagai

sebuah

gambaran yang menjelaskan proses yang

4. Hanya ada satu proses

akan dilihat atau dikaji. Selain itu,

5. Tidak boleh ada data store

Flowchart biasanya digunakan untuk merencanakan tahapan suatu kegiatan. Pembuatan Flowchart harus dimulai dan

2.6.3

DFD ( Data Flow Diagram ) DFD

adalah

diagram

yang

diakhiri dengan poin yang jelas. Tanda

menunjukkan aliran data dalam sebuah

panah menunjukkan arah aliran atau

sistem informasi, hanya saja bedanya

proses selanjutnya. Dalam pembangunan

dengan flow of document yaitu DFD ini

dan

digunakan untuk menggambarkan aliran

pengembangan

suatu

sistem

data

dalam

sistem

informasi

yang

elemen tersebut (Fatta, 2007).

dikembangkan menggunakan komputer. Untuk membaca suatu DFD kita harus

2.6.4

memahami dulu, elemen-elemen yang

CDM (Conceptual Data Model ) CDM mempresentasikan struktur

menyusun suatu DFD. Ada empat

logika

elemen yang menyusun suatu DFD,

tergantung pada software dan struktur

yaitu :

penyimpanan

1. Proses

konseptual ini sering berisi objek-objek

Aktivitas atau fungsi yang dilakukan

yang belum diimplementasikan dalam

untuk

alasan

biasanya

bisnis

berupa

database

dimana

data

ia

apapun.

tidak

Model

yang

spesifik,

database secara fisik. Ia memberikan

manual

maupun

representasi formal dari kebutuhan data

terkomputerisasi.

untuk aktivitas enterprise dan bisnis

2. Data Flow

(Siswoutomo,

Satu data tunggal atau kumpulan logis

sebagai berikut :

suatu data, selalu diawali atau berakhir

1. Mempresentasikan pengorganisasian

pada suatu proses.

data dalam format grafis.

3. Data Store

2. Memverifikasi validasi desain data.

Kumpulan data yang disimpan dengan

3. Menghasilkan

cara

menspesifikasikan implementasi secara

tertentu.

Data

yang

mengalir

disimpan dalam data store. Aliran data

2006).

Aturan

PDM

CDM

dimana

fisik pada database.

di update atau ditambahkan ke data store. 4. External entity

2.6.5

PDM ( Physical Data Model ) PDM

menspesifikasikan

Orang, organisasi atau sistem yang

implementasi secara fisik pada database.

berada diluar sistem tetapi berinteraksi

Dengan

dengan sistem.

mempertimbangkan

PDM,

anda

harus

secara

detil

implementasi fisik. Anda juga harus Masing–masing elemen akan diberi

memperhitungkan

target

lambang tertentu untuk membedakan

maupun

data

satu dengan yang lain. Ada beberapa

(Siswoutomo, 2006). PDM mengikuti

metode untuk menggambarkan elemen-

aturan-aturan sebagai berikut :

struktur

software storagenya

1. Mempresentasikan pengorganisasian

2.7.2

data secara fisik dalam format grafis.

XAMPP XAMPP adalah suatu program

2. Menghasilkan script pembuat dan

yang digunakan untuk server guna

pemodifikasi database.

mengeksekusi fungsi yang ada dalam

3. Mendefinisikan referential integrity

halaman

triggers and constraints.

sekaligus menampilkan halaman website

4. Menghasilkan extended attributes.

tersebut agar bisa diakses oleh user

5. Reverse engineer existing databases.

(Anhar, 2010).

website

yang

kita

buat

6. Mengenerate CDM. 2.7.3

Notepad++

Ada tiga cara untuk membuat PDM

Notepad++ adalah sebuah penyunting

yaitu:

teks dan penyunting kode sumber yang

1. Membuat PDM dari sebuah CDM

berjalan di sistem operasi windows.

2. Membuat PDM dari scratch

Notepad++

3. Reverse engineer sebuah database ke

scintilla untuk dapat menampilkan dan

PDM

menyuntingkan teks dan berkas kode

menggunakan

komponen

sumber berbagai bahasa pemrograman. 2.7

Notepad++ didistribusikan

Perangkat Lunak yang

digunakan

sebagai perangkat lunak bebas. Proyek

2.7.1 MySQL

ini dilayani oleh Sourceforge.net dengan

MySQL

(My

Structure

Query

telah diunduh lebih dari 27 juta kali dan

Languange) adalah sebuah perangkat

dua

kali

memenangkan

lunak sistem manajemen basis data SQL

penghargaan SourceForge

(Database Management Sistem) atau

Choice Award for Best DeveloperTool .

DBMS yang bersifat “terbuka” (open

(Kurniawan, 2012)

Community

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.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

Kita dapat mengkombinasikan HTML

pada

HTML

dan PHP yaitu, dengan menuliskan

embedded scripting). PHP adalah script

script HTML dibagian luar tag PHP

yang digunakan untuk membuat halaman

(Anhar, 2010).

server

(server

side

website yang dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat

BAB III

saat

METODOLOGI PENELITIAN

halaman

itu

diminta

client.

Mekanisme ini menyebabkan informasi

3.1

yang di terima client selalu yang terbaru

Indah cake dan catering didirikan pada

/ up to date. Semua script PHP

tahun 1981, diambil dari nama anak

dieksekusi pada server di mana script

pemilik perusahaan dengan keyakinan

tersebut dijalankan (Anhar, 2010).

bahwa apapun yang dilakukan atas nama

Riwayat Perusahaan

anak akan ada saja jalan untuk usaha 2.8.2 HTML ( Hyper Text Markup

tersebut. Pada awalnya usaha ini dimulai

Language )

dari

HTML

merupakan

bahasa

bisnis

kecil-kecilan,

yaitu

pemesanan kue-kue kering dan basah

pemrograman web yang memiliki sintak

dengan

atau aturan tertentu dalam menuliskan

dengan keyakinan juga kemampuan

script atau kode-kode, sehingga browser

yang telah dipelajari dan dimiliki oleh

dapat menampilkan informasi dengan

pemilik

membaca kode-kode HTML. HTML

berkembanglah usaha tersebut dengan

(Hyper Text Markup Language) adalah

penambahan pemesanan catering. Usaha

sekumpulan simbol-simbol atau tag-tag

yang dikelola oleh keluarga sendiri

yang dituliskan dalam sebuah file yang

dengan

digunakan untuk menampilkan halaman

berkembang dari tahun ke tahun dengan

pada web browser. PHP dalam sistem

adanya mutu dan kualitas yang selalu

informasi web berfungsi sebagai server

dijaga oleh pemiliknya, dengan media

side scripting language yaitu, sebagai

promosi brosur, kartu nama dan dari

sederetan

dieksekusi

mulut ke mulut. Salah satu keunggulan

seluruhnya di server, kemudian hasil

dari indah cake dan catering adalah

dari eksekusi tersebut dikirim ke klien.

mempunyai

kode

yang

modal

tidak

yang

minim,

lama

turun-temurun

fleksibilitas

tetapi

kemudian

ini,semakin

dalam

menyediakan

dan

siap

melayani

3.3.1

Diagram Struktur Organisasi

permintaan catering dan pembuatan cake

Pemilik

dalam acara/kegiatan apapun, selain itu kami juga menerima untuk pesanan

Bagian Produksi

personal.

Bagian Administrasi

Gambar 3.1 Struktur Organisasi Visi dan Misi Perusahaan

Diagram diatas menunjukkan diagram

Sesuai misi dan visi kami, yaitu

struktur organisasi di indah cake dan

kami akan memberikan anda kepuasan

catering. Keterangan mengenai tugas

berselera yang sangat terjamin, karena

dan

kami

anggota akan dijelaskan pada subbab-

3.2

selalu

mencoba

memberikan

tampilan, mutu, taste, kualitas dan

wewenang

dari

masing-masing

subbab dibawah ini.

pelayanan yang professional, karena kepuasan anda adalah tujuan kami.

3.3.2

VISI :

1. Pemilik

1. Melayani

permintaan

konsumen

Tugas dan Wewenang

Sebagai

pemilik

dan

pemegang

secara professional.

kekuasaan tertinggi di indah cake dan

2. Kepuasan konsumen adalah tujuan

catering yang juga berperan sebagai

utama kami.

pengawas umum di indah cake dan

3. Menjadi catering yang dikenal dan

catering.

dipercaya banyak orang.

2. Bagian Administrasi

MISI :

a. Menerima dan membuat persetujuan

Memberikan

kepuasan

kepada

daftar stock bahan yang akan dibeli dari

konsumen, dengan cara memberikan

bagian produksi

mutu

yang

b. Menerima hasil pembayaran dan

memuaskan, terjamin, lain dari yang lain

bukti pembayaran dari customer service.

dan tidak mengecewakan konsumen.

c. Membuat laporan pemesanan dan

dan

kualitas

produk

pembayaran dari indah cake & catering setiap bulannya untuk dilaporkan kepada pemilik. 3.3

Struktur Organisasi

Customer Service

d. Membuat sesuatu

dan

yang

mengatur

segala

metodologi

penelitian

dan

dengan

mengamati permasalahan yang muncul

administrasi untuk kelancaran proses

dan hal-hal yang dijadikan acuan untuk

penjualan indah cake & catering.

penyelesaian masalah. Beberapa teori

3. Customer service

yang

a. Melayani

berhubungan

alur

konsumen

baik

yang

berhubungan

pemrograman

dengan

bahasa

yang digunakan serta

hendak memesan, membayar maupun

pendukung lainnya yang akan digunakan

yang bertanya-tanya.

sebagai referensi untuk mencapai tujuan

b. Memberikan daftar menu pesanan

yang

dan

merupakan

bukti

cash

pembayaran

pembayaran

dimuka

kepada

atau bagian

administrasi.

telah

ditentukan. gambar

Berikut Metodologi

Penelitian yang dijadikan acuan sebagai pengerjaan Skripsi ini :

4. Bagian Produksi

Rancang Bangun Sitem Informasi Penjualan Berbasis Web

a. Membuat dan memberikan daftar

Pada Indah Cake dan Catering

stock bahan makanan yang akan di beli Identifikasi Permasalahan

kepada bagian administrasi. b. Menerima bahan makanan yang telah

Tahap Persiapan

Analisis Permasalahan

dibeli. c. Mengolah makanan

atau

sesuai

memasak menu-menu

bahan yang

Requirements Tahap Pengembangan

Analisis

Design

dipesan oleh konsumen.

Coding

Implementasi

d. Memberikan pesanan yang telah siap

Maintenance

kepada bagian administrasi untuk segera di

antar

kepada

konsumen

Tahap Akhir

Kesimpulan

yang

memesan. Gambar 3.2. Tahap-tahap Penelitian 3.4

Tahap-tahap Penelitian Dalam

pembuatan

sistem

informasi ini meliputi beberapa tahap yang

harus

dilaksanakan.

Langkah

penyusunan sistem informasi mengikuti

3.4.1 Tahap Persiapan

d. Tugas dan wewenang pegawai sesuai

1. Identifikasi Permasalahan

dengan apa yang sudah dijabarkan

Pada tahapan ini penulis melakukan

penulis diatas.

identifikasi permasalahan dengan cara

e. Bentuk

wawancara yang sebelumnya penulis

sesuai dengan struktur organisasi yang

telah

pertanyaan-

telah dijabarkan penulis diatas. Dan

pertanyaan yang akan diajukan kepada

semua prosedur masih dilakukan secara

pemilik indah cake dan catering yang

manual.

diantaranya adalah :

f. Alur penjualan dari indah cake dan

a. Sejarah berdirinya indah cake dan

catering masih dilakukan secara manual

catering ?

dan telah sesuai dengan tugas dan

mempersiapkan

b. Inovasi-inovasi

apa

yang

telah

wewenang

manajemen

pegawai

perusahaan

yang

telah

dibuat?

dijabarkan oleh penulis diatas.

c. Visi dan misi dari perusahaan ?

g. Kesan dan pesan konsumen terhadap

d. Tugas dan wewenang pegawai ?

hasil

e. Bentuk manajemen perusahaan ?

memuaskan dan tidak mengecewakan

f. Alur penjualan ?

hanya saja terkadang ada pendapat

g. Kesan dan pesan dari konsumen ?

konsumen

Dan jawaban dari pertanyaan-pertanyaan

perusahaan membuat cara pemesanan

yang telah diajukan oleh penulis adalah

yang lebih efisien dan modern sesuai

sebagai berikut :

dengan kecanggihan teknologi saat ini.

olahan

perusahaan

yang

sangat

menginginkan

a. Sejarah berdirinya indah cake dan catering sesuai dengan apa yang sudah

2. Analisis Permasalahan

dijelaskan penulis diatas.

Setelah penulis melakukan wawancara

b. Inovasi-inovasi yang telah dibuat

kepada pemilik indah cake dan catering,

hanya sebatas dari kue-kue hingga

penulis

makanan

macam

permasalahan dari wawancara tersebut

penyajian, dari segi kuantitas, event, dan

yaitu kurang efisiennya cara pemesanan

lain sebagainya.

dan operasional cetak dari kegiatan-

c. Visi dan misi perusahaan sesuai

kegiatan perusahaan. Dari permasalahan

dengan penjabaran penulis diatas.

tersebut penulis melakukan pemecahan

dengan

beraneka

menemukan

beberapa

masalah yang akan dibuat dalam judul

Kebutuhan analisa perangkat lunak (

skripsi ini yaitu rancang bangun sistem

software ) baik berupa aplikasi maupun

informasi penjualan berbasis web pada

komponen pendukung yang digunakan

indah cake dan catering.

antara lain sistem operasi ( windows atau linux ), XAMPP, PHP, notepad++,

3.4.2 Tahap Pengembangan

database MYSQL, browser ( Mozilla

Dalam tahap pengembangan penulis

firefox, Google Chrome, dll )

memulai menyusun sistem yang baru

c. Kebutuhan spesifikasi perangkat

untuk

lunak

memperbaiki

permasalahan

pemecahan

sistem

informasi

Kebutuhan spesifikasi perangkat lunak

penjualan yang ada pada perusahaan.

disesuaikan dengan kapasitas perangkat

Dengan mengacu pada metode waterfall,

keras yang digunakan, sehingga sistem

penulis mengembangkan sistem dengan

dapat beroperasi secara maksimal.

tahapan sebagai berikut:

d. Kebutuhan verifikasi dan validasi

1. Requirement

Kebutuhan

Disini penulis menggunakan beberapa

disesuaikan dengan kebutuhan perangkat

acuan diantaranya adalah :

lunak yang ada, sehingga verifikasi dan

a. Kebutuhan yang akan datang

validasi berjalan sesuai dengan harapan.

Kebutuhan yang akan datang yang harus

2.

dipersiapkan seiring dengan semakin

Dalam studi kasus ini indah cake dan

berkembangnya

catering

belum

informasi

penjualan,

kecanggihan

zaman teknologi

juga adalah

verifikasi

dan

validasi

Analisis Sistem

memiliki

sistem

semua

proses

pemeliharaan dan pengembangan untuk

penjualan masih dilakukan dengan cara

sistem informasi yang telah dibuat.

manual begitu juga dengan pembuatan

Sehingga perusahaan mempunyai daya

laporan

saing dengan perusahaan lain dan tetap

secara

memegang

terkomputerisasi setiap bulannya untuk

konsumen

yang

sudah

penjualan manual

masih

tetapi

dilakukan

juga

dibuat

berlangganan.

kerapian penyajian laporan. Sehingga

b.

penulis membuat sistem penjualan baru

lunak

Kebutuhan Analisa perangkat

berdasarkan manajemen yang sudah ada dengan tambahan inovasi-inovasi yang

baru untuk kemajuan dan nilai positif

catering. Inputan yang diperlukan oleh

perusahaan.

Sistem informasi Penjualan Catering

3. Design

diantaranya

Penulis memulai mengolah data-data

pembayaran.

yang

telah

didapat

requirement

data

pemesanan,

data

Data yang diberikan

dari

Software

tersebut diproses oleh sistem informasi

memetakannya

kedalam

dan menghasilkan, bentuk

(function oriented design) perancangan

laporan

penjualan.

terstruktur yang akan digunakan sebagai panduan

dalam

menjabarkan

Laporan Penjualan Sistem Informasi penjualan Catering

Data pesanan

keseluruhan data yang akan diproses dalam

perangkat

lunak,

Perhitungan penjualan

serta

menentukan fungsi apa saja yang akan dibangun. Design bisa dilihat langsung pada

data-data

berjenjang,

flowchart,

context

diagram

diagram,

DFD,

Gambar 3.3. Gambaran input - proses output pada sistem informasi penjualan berbasis web pada indah cake dan catering

CDM, PDM, dan tampilan user interface yang telah dijabarkan penulis.

6. Maintenance

4. Coding Penulis mengsistem informasikan design sistem yang telah dibuat ke dalam perangkat lunak. Perangkat lunak yang digunakan dalam sistem ini adalah notepad++

dan

menggunakan

xammp

bahasa

dengan

pemerograman

PHP dan basis data yang akan digunakan

a. Mengupdate atau memperbaharui isi dari website b. Mengupdate atau memperbaharui tampilan website c. Melakukan Back Up data

e. Penambahan fitur-fitur yang menarik

5. Testing Penulis akan menjabarkan hasil testing implementasi pada bab 4 dan Berikut adalah gambaran input output yang ada Sistem

dilakukan dengan cara antara lain :

d. Melakukan monitor statistik website

adalah sql server.

pada

Maintenance (pemeliharaan) dapat

informasi

Penjualan

3.5

dimana salah satu bukti pembayaran

Perancangan Sistem

diberikan

3.5.1 Flowchart Dokumen Konsumen

Customer service

Daftar Produk Kue & Makanan

Bagian Keuangan

Mulai

Pemilik Laporan penjualan Bulanan 2

Memilih produk Kue & Makanan

Daftar ProdukKue & Makanan

Pesanan Produk Kue & Makanan

Pesanan Produk Kue & Makanan

Info Total Pembayaran

Menghitung Total Pembayaran

Selesai

Melakukan Pembayaran DP Kwitansi Pelunasan

Pembayaran DP Kwitansi Pelunasan

Kwitansi Pelunasan

Membuat Kwitansi Pelunasan

2 1

Pembayaran DP

1

N

Kwitansi Pembayaran DP 1

keuangan

keuangan

akan

dan

bagian

membuatkan

untuk

bukti

konsumen

dan

diberikan kepada pemilik.

2

3.5.2

Flowchart Sistem

2

Mulai

N

Pelunasan Pembayaran Kwitansi Pelunasan

bagian

N

Kwitansi 1 Pembayaran DP

Melakukan Pelunasan Pembayaran

oleh

2

Membuat Laporan Penjualan Bulanan

Laporan penjualan Bulanan 1

Membuat Kwitansi Pembayaran DP

keuangan.

disimpan dalam laporan keuangan untuk

Info Total Pembayaran Lunas

bagian

Setiap transaksi penjualan akan dicatat

pembayaran

DP / Lunas DP

kepada

Pelunasan Pembayaran 1

Username & Password

Membuat Kwitansi Pelunasan

N

Kwitansi Pelunasan

2 1

Login

Gambar 3.4. Document Flow

Data Login

Sesuai tidak

Pemesanan Menu

ya

Menu utama

Keterangan : Proses dimulai dari costumer service

Selesai

menawarkan daftar produk kue dan makanan

kepada

konsumen

lalu

Gambar 3.5. Sistem Flow Login

konsumen memesan produk kemudian akan dihitung total pembayaran dari

Keterangan :

menu yang dipesan. Konsumen dapat

Proses dimulai dari user memasukkan

melakukan pembayaran uang muka dulu

username dan password lalu disesuaikan

atau lunas kepada customer service dan

dengan data login jika sesuai akan

konsumen

bukti

masuk ke menu utama dan jika tidak

service

sesuai user akan memasukkan kembali

pembayaran

menyimpan juga

customer

username dan password sampai data

Mulai

sesuai dengan data yang telah disimpan. Login

Data Baru

Mulai

Delete

Data dihapus / Kembali

Pemilihan Data yang akan dihapus

Edit / Delete

Login

Kembali

Delete Data Tersimpan

Delete / Kembali

Edit

Data Perubahan

Delete

Data Perubahan

Form Pemasukkan Data Baru

Data yang dihapus Selesai

Data Perubahan

Data yang dirubah

Mamasukkan Data Baru

Gambar 3.7. Sistem Flow Perubahan Penyimpanan Data Baru

Data Baru

Data Keterangan :

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.

Proses dimulai dari login lalu akan muncul pemilihan

data edit

baru

kemudian

memasukkan

jika data

perubahan kemudian data diproses untuk disimpan lalu selesai dan jika delete memilih data yang akan dihapus data terhapus diproses lalu disimpan dan selesai.

muka lalu 1 bulan sebelum hari H konfirmasi pelunasan pembayaran dan

Mulai

data pembayaran disimpan kemudian

login

jika ada yang mau disampaikan atau

Data Produk Kue & Makanan

Pemilihan Produk Kue & Makanan

pertanyaan maka konsumen mengisi Produk Kue/Makanan Yang dipesan

Data Pemesanan

form testimoni dan akan tersimpan lalu Jumlah Total

selesai. Mulai

Lunas / DP DP Data Pembayaran

Konfirmasi pembayaran DP

Lunas

login

Pembayaran

Konfirmasi Pelunasan

Data Pembayaran

Konfirmasi Pelunasan

Data Pembayaran

Laporan Pemesanan Konsumen


Laporan Pembayaran

Pemasukkan Laporan Pembayaran

Testimoni / Tidak Tidak

Form Testimoni

Cetak

Laporan Tersimpan

Pengaturan simpan atau Cetak

Testimoni Cetak/Tidak Pengaturan Page

Mengisi Testimoni Selesai

Cetak

Simpan

Tidak

Memasukkan Testimoni

Cetak

Testimoni

Simpan/Cetak

Selesai

Pemilihan tempat menyimpan

Laporan Penjualan & Pembayaran

Gambar 3.8. Sistem Flow Pemesanan

Simpan

Keterangan :

Laporan Penjualan & Pembayaran

Proses dimulai dari login kemudian pemilihan produk kue dan makanan kemudian data pemesanan di simpan lalu penampilan

jumlah

total

lalu

Gambar 3.9. Sistem Flow Laporan Keterangan :

pembayaran lunas atau DP jika lunas

Proses

konsumen akan konfirmasi pembayaran

pemasukkan laporan dari data yang

dan data pembayaran akan disimpan lalu

sudah ada kemudian laporan di simpan

konsumen

apabila ingin diprint atau cetak maka

mengisi

testimoni

jika

dimulai

dicetak

dari

kemudian

login

lalu

memang ad pertanyaan atau ada yang

akan

pengaturan

ingin disampaikan kemudian testimoni

simpan atau langsung cetak jika cetak

tersimpan dan jika tidak maka proses

pengaturan page kemudian akan dicetak

pemesanan akan langsung selesai. Dan

tetapi jika simpan pengaturan pemilihan

jika pembayaran di muka ( DP ) maka

tempat penyimpanan kemudian akan

konsumen konfirmasi pembayaran di

tersimpan dan selesai dan jika tidak

ingin dicetak maka akan langsung

3.5.5

DFD Level 0 Login

selesai.

Data Pemesanan Konsumen Info Testimoni

Info Pembayaran Konsumen

Konsumen

7

Testimoni

Testimoni

Detil Testimoni

Data Pemesanan Konsumen

3.5.3 Diagram Berjenjang

5

3

Data Master Kota

Login

Detil Kota Admin

Testimoni Transaksi Pemesanan Konsumen

0

Transaksi

Transaksi Pembayaran Konsumen

Rancang Bangun Sistem Informasi Penjualan Berbasis Web pada Indah Cake & Catering


Testimoni Konsumen

+

Data Master Konsumen

8

Info Pembayaran Konsumen

Transaksi Pemilihan Produk

1

2

Login

Pengolahan Data Master

4

3

Laporan

Transaksi

1

Data Master Produk Kue & M akanan

2

Login

Keterangan Pembayaran Transaksi Pemesanan

2.1 Pengolahan Data Master Konsumen

2.2 Pengolahan Data Master Produk Kue & Makanan

2.4

2.3 Pengolahan Data Master Lokasi

Data Pilihan Kota

Bag ian Dapur


Data Login

Pengolahan Data Master Ekspedisi Data Konsumen

3.1

3.2

3.3

Transaksi Pemesanan

Transaksi Pembayaran

Testimoni

3

1

Login

Transaksi Pemesanan

Login

Jumlah Pembayaran

4


Transaksi Pembayaran Laporan Pemesanan Konsumen

4.1

4.3


Laporan Pembayaran

Monitoring Pembayaran 2

Pilihan Lokasi Produk Kue & Makanan

4 Monitoring Pemesanan

Laporan pembayaran

Peng olahan Data Master

Jenis Ekspedisi

Gambar.3.10. Diagram Berjenjang

Produk Kue & Makanan

Laporan Data Pilihan Ekspedisi

+

+

Data Konsumen Pemilik

Pilihan Lokasi

Login Jenis Ekspedisi

6

Data Master Ekspedisi

Detil Ekspedisi Info Pembayaran Konsumen

Bag ian Administrasi

3.5.4 Konteks Diagram

Laporan Pembayaran Konsumen Login

Login Data Konsumen

Laporan Pemesanan

Data Pemesanan Konsumen Login

Konsumen

Bag ian Dapur Produk Kue & Makanan

Gambar.3.12. DFD Level 0 Data Pemesanan Konsumen Info Pembayaran Konsumen Produk Kue & Makanan Info Pembayaran Konsumen Pilihan Lokasi 0

Testimoni Login

Jenis Ekspedisi

Admin Testimoni

Sistem Informasi Catering

Laporan Pemesanan Monitoring Pemesanan Laporan Pembayaran Konsumen

+

Pilihan Lokasi Jenis Ekspedisi

Login Login

Pemilik Monitoring Pembayaran

Data Pemesanan Konsumen Info Pembayaran Konsumen

Gambar.3.11. Konteks Diagram


3.5.6 DFD Level 1 Sub Proses

3.5.8

DFD Level 1 Sub Proses

Pengolahan Data Master

Laporan 1

1 Konsumen


8

Data Konsumen

3

Data Konsumen


Monitoring Pemesanan

Pemilik

Transaksi Pemesanan



2



Bag ian Dapur


Konsumen

Laporan Pemesanan

2 Peng olahan Data Master Produk Kue & M akanan




2 5

Data Master Kota


3

Laporan Pembayaran Konsumen

Pilihan Lokasi

Laporan pembayaran

4 Laporan pembayaran


Peng olahan Data Master Lokasi

Pilihan Lokasi

Data Pilihan Kota

Konsumen

6


Pemilik

Monitoring Pembayaran

4 Jenis Ekspedisi

Konsumen

Peng olahan Data Master Ekspedisi

Data Pilihan Ekspedisi

Gambar.3.15. DFD Level 1 Sub Proses Bag ian Administrasi

Jenis Ekspedisi

Laporan Gambar.3.13. DFD Level 1 Sub Proses Pengolahan Data Master

3.5.9 Login Hak Aks es Username Pass word

CDM Transaksi Pemesanan IDPEMESANAN Tanggal Pemesanan Status Transaks i Alamat Pengiriman

Melakukan Pemesanan Login

3.5.7 DFD Level 1 Sub Proses Transaksi Detil Kota

5

Data Master Kota

Detil Ekspedisi Konsumen


6

1 Data Pemesanan Konsumen

Transaksi Pemesanan

3 Transaksi Pemesanan

Transaksi Pemesanan


Transaksi Pemesanan Konsumen

8

Data Master Konsumen ID Kons umen Nama Kons umen Telp Konsumen Alamat Konsumen

Konf irmasi Pembayaran

Transaksi Pembayaran IDPEMBAYARAN Total Kes eluruhan Status Pembayaran

Mempunyai


Mengisi Melihat Bag ian Administrasi

Bag ian Dapur


Transaksi Pemilihan Produk

2 Konsumen

4

Info Pembayaran Konsumen Transaksi Pembayaran


Jumlah Pembayaran Keterangan Pembayaran

4 Bag ian Administrasi

4


Transaksi Pembayaran Konsumen 8


7

Testimoni

Info Pembayaran Konsumen Bag ian Dapur

3 Detil Testimoni

Konsumen Testimoni

Testimoni 7

Info Testimoni

8

Admin

Testimoni

Testimoni


Testimoni Konsumen

Gambar.3.14. DFD Level 1 Sub Proses Transaksi

Testimoni IDTESTIMONI Info Testimoni


Transaksi Pembayaran Info Pembayaran Konsumen

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


2

Gambar.3.16. CDM ( Conceptual Data Model )

3.5.10 PDM TRANSAKSI_PEMESANAN IDPEMESANAN char(7) ID_KONSUMEN char(7) TANGGAL_PEMESANAN date STATUS_TRANSAKSI varchar(25) ALAMAT_PENGIRIMAN varchar(50)

ID_KO NSUMEN = ID_KO NSUMEN

LOGIN ID_KONSUMEN char(7) HAK_AKSES varchar(25) USERNAME varchar(25) PASSWORD char(8)

TRANSAKSI_PEMBAYARAN IDPEMBAYARAN char(7) ID_KONSUMEN char(7) TOTAL_KESELURUHAN integer STATUS_PEMBAYARAN varchar(25)

IDPEMESANAN = IDPEMESANAN


MEMPUNYAI ID_PRODUK_KUE___MAKANAN IDPEMESANAN

DATA_MASTER_KONSUMEN ID_KONSUMEN char(7) NAMA_KONSUMEN varchar(25) TELP_KONSUMEN numeric (12) ALAMAT_KONSUMEN varchar(50)


char(7) char(7)

ID_PRODUK_KUE___MAKANAN = ID_PRO DUK_KUE___MAKANAN ID_KO NSUMEN = ID_KO NSUMEN

TESTIMONI IDTESTIMONI char(6) ID_KONSUMEN char(7) INFO_TESTIMONI varchar(100)

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 varc har JUMLAH_PRODUK_KUE___MAKANAN integer HARGA_PRODUK_KUE___MAKANAN numeric (10)

Gambar.3.17. PDM ( Physical Data Model )

BAB IV Gambar.4.1 Tampilan Home Sistem

HASIL DAN PEMBAHASAN 4.1

Informasi Indah Cake dan Catering

Implementasi

4.1.1 Implementasi

Tampilan Tampilan di home terdiri dari gambar

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

perusahaan

tepat, akan

juga semakin

membuat dikenal

masyarakat luas sehingga menambah jumlah konsumen langganan. Berikut tampilan awal dari sistem informasi tersebut :

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

konsumen

tidak

melihat-melihat perlu

saja

melakukan

registrasi. Berikut tampilan regristrasi tersebut :

Gambar.4.2. Tampilan Regristrasi Konsumen

Gambar.4.4. Tampilan Product

Setelah konsumen selesai regristrasi data

Apabila memilih tombol view maka

akan tersimpan dan konsumen yang

akan keluar macam-macam pilihan dari

ingin membeli produk harus login

menu yang dipilih, misal saya memilih

terlebih dahulu dengan memasukkan

view makanan ringan maka akan keluar

username dan password yang sudah

tampilan sebagai berikut :

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

Gambar.4.5. Tampilan Pilihan Produk

ditawarkan oleh indah cake dan catering.

Makanan Ringan

Berikut tampilannya :

Dari tampilan tersebut apabila memilih

menekan tombol checkout maka akan

tombol beli maka akan keluar tampilan

keluar tampilan sebagai berikut :

sebagai berikut pada menu keranjang belanja :

Gambar.4.7. Tampilan Finish Order Tampilan finish order di atas bermaksud Gambar.4.6. Tampilan Keranjang

untuk mengkonfirmasi tempat, nama dan telepon

Belanja

pemesan

sebelum

produk

Pada tampilan keranjang belanja berisi

dikirim dan apabila ingin merubah

produk-produk yang telah di pilih atau

keterangan nama, alamat, atau telepon

akan di beli oleh konsumen didalamnya

pemesan langsung saja mengisi ulang

juga berisi tombol drop yang berfungsi

pada form yg disediakan yang ingin

untuk mengcancel pilihan produk yang

dirubah jika sudah selesai maka pilih

telah dipilih, tombol resume shopping

tombol confirm receiver info. Setelah

berfungsi untuk kembali ke menu pilihan

menekan tombol tersebut maka akan

produk

muncul tampilan sebagai berikut :

apabila

ingin

manambah

pembelian produk lagi, tombol update cart untuk mengupdate jumlah harga setelah

ada

penambahan

quantity

pembelian dari produk, dan tombol checkout pembelian

untuk

lanjut

selanjutnya

ke

perintah apabila

pembelian produk sudah selesai. Setelah Gambar.4.8. Tampilan Receiver Info

Tampilan Receiver Info berisi tentang

masuk ke profilnya seperti gambar

keterangan atau info penerima atau

berikut :

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.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 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

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 :

tentang detail transaksi yang telah dilakukan konsumen beserta dengan total pembayaran yang harus dibayarkan juga sudah termasuk biaya kirim.

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

Gambar.4.13. Tampilan Cara Berbelanja

pembayaran

maka konsumen harus menekan tombol

Tampilan cara berbelanja berisi tentang

confirm payment dan akan muncul

cara-cara bagaimana membeli produk,

tampilan seperti berikut :

bagaimana

mengupload

atau

mengkonfirmasi bukti pembayaran dan bagaimana cara mendaftar atau registrasi untuk produk.

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

bisa

melakukan

pembelian

Gambar.4.14. Tampilan Komentar

data perusahaan yang nantinya bisa

Tampilan komentar berfungsi untuk

diatur untuk dipublikasikan ke tampilan

konsumen yang ingin bertanya atau

konsumen atau tidak, dan membuat

berkomentar

username dan password khusus untuk

tentang

produk

atau

pelayanan indah cake dan catering yang

karyawan-karyawan

perusahaan,

akan

sehingga

manajemen

dibalas

admin

melalui

email

mempermudah

konsumen. Cara untuk mengisi komentar

perusahaan. Tampilan head master ini

yaitu masuk ke dalam menu komentar

terdiri dari menu-menu sebagai berikut :

dan mengisi form email, nama, dan

1. Home

keterangan komentar lalu save apabila

2. Master lokasi terdiri dari : Negara,

sudah merasa benar.

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

Gambar.4.15. Tampilan Tentang Kami Tampilan tentang kami berisi tentang berdirinya indah cake dan catering atau segala sesuatu tentang perusahaan yang ingin dipublikasikan.

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 4.1.2 Implementasi Tampilan Head Master

dan password user dari luar maupun

Tampilan head master bertujuan untuk mengatur

sistem diantaranya mengatur username

transaksi-transaksi

dalam

tampilan konsumen, memasukkan data-

perusahaan, mengatur tampilan, dan mengatur testimoni. Berikut tampilan awal head master :

Gambar.4.19. Tampilan Master Lokasi Kota Berikut adalah tampilan menu master ekspedisi

yang

terdiri

dari

jenis

ekspedisi dan daftar ekspedisi :

Gambar.4.16. Tampilan Home Head Master Tampilan yang berisi menu master lokasi ini terdiri dari daftar negara,

Gambar.4.20. Tampilan Master

provinsi dan kota dan bertujuan untuk

Ekspedisi

memasukkan

daftar-daftar

Negara,

provinsi atau kota. Berikut tampilan master lokasi tersebut :

Gambar.4.21. Tampilan Master Jenis Ekspedisi Tampilan menu master ekspedisi diatas Gambar.4.17. Tampilan Master Lokasi

digunakan untuk memasukkan jenis

Negara

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 Gambar.4.18. Tampilan Master Lokasi

tergantung dengan pilihan perusahaan

Provinsi

dan permintaan konsumen, sedangkan untuk ekspedisi berisi tentang daftar ekspedisi yaitu kota-kota dan harga yang sudah ditarifkan.

Gambar.4.22. Tampilan Master Paket

Gambar.4.24. Tampilan Master

Produk

Kategori Produk

Tampilan master paket produk berfungsi

Tampilan

master

untuk memasukkan jenis paket produk.

berfungsi

untuk

Menu ini juga bertujuan membedakan

kategori produk. Dimana di indah cake

jenis makanan berdasarkan harga, menu,

dan

dan kapasitas pemesanan antara lain

makanan ringan dan kue terdiri dari kue

paket reguler ( biasa ), middle ( standart

ringan dan kue basah.

catering

kategori

produk

memasukkan

makanan

terdiri

jenis

dari

), exclusive ( mewah ) dan non paket untuk kue-kue ringan dan basah juga makanan ringan.

Gambar.4.25. Tampilan Master Produk Gambar.4.23. Tampilan Master Jenis

Menu master produk berfungsi untuk

Produk

memasukkan semua produk-produk dari

Tampilan jenis produk berfungsi untuk

indah cake dan catering baik itu

memasukkan jenis-jenis produk. Dimana

makanan

di indah cake dan catering terdiri dari 2

dalam menu ini terdiri dari gambar

produk yaitu makanan dan kue-kue.

produk, kode produk, pilihan peket,

ataupun

kue-kue.

Dimana

satuan produk, harga produk, stok produk, dan keterangan produk.

dari pengujian adalah untuk memastikan bahwa hasil produksi aplikasi sesuai dengan yang direncanakan. Pengujian web meliputi ; kinerja tombol, tampilan Gambar.4.26. Tampilan Monitoring

gambar, input output, dan target tercapai. Pengujian

Penjualan Tampilan monitoring penjualan berisi

menggunakan

black

box

testing :

tentang transaksi-transaksi pemesanan yang dilakukan konsumen antara lain

Tabel.4.1. Hasil Pengujian Black Box

produk yang dipesan, total harga, nama

Tampilan Konsumen

pemesan, alamat pemesan, id transaksi, dan status pemesanan apakah sudah

No

1.

dikirim atau yang dibatalkan juga yang

Modul Menu Register

Cara Kerja Menampilkan

Berhasil

tombol Register Mengisi dan

belum melakukan pembayaran.

Keterangan

Berhasil

Menampilkan semua form keterangan User Registration Menampilkan

Gambar.4.27. Tampilan Head Master

Berhasil

tombol Kota

Menu head master di atas bertujuan

Menampilkan

untuk mengatur username dan password

tombol

user-user dari perusahaan, sehingga

Finishing

Berhasil

Registration

mempermudah manajemen perusahaan dalam mengelola data-data penjualan.

2.

Menu Login

Menampilkan tombol Login Mengisi dan

4.2

form Username

4.2.1 Testing Tampilan Konsumen

dan Password

Pada

Menampilkan

pengujian

yaitu

untuk

memeriksa kesalahan tulisan, tulisan materi,

dan

Berhasil

Menampilkan

Testing

tahap

Berhasil

kesalahan

kode

yang

diberikan pada tombol navigasi. Fungsi

Berhasil

tombol Proceed Menampilkan tombol Exit

Berhasil

3.

Menu Home

Menampilkan

Berhasil

Menampilkan

tombol Home Menampilkan

tombol Back to Shopping

Berhasil

tombol

Cart

Keranjang

Menampilkan

Belanja

tombol

Menampilkan

Receiver

Produk

Info Mengisi dan

Berhasil

keterangan

Account

form Receiver

Menampilkan

Contact Us

tombol Back to

Menampilkan

Testimoni

tombol

Menampilkan

Keterangan

Informasi

Notification Menu

Berhasil

tombol View

5.

Makanan/Kue Menampilkan

Keranjang Belanja

Menampilkan

Keranjang Belanja

Berhasil

Menampilkan

Produk

tombol here Berhasil 6.

tombol

Menu Cara

Menampilkan

Berbelanja

tombol Cara

Berhasil

Menampilkan

tombol Update

tombol How to

Cart

Buy Product

Menampilkan

Berhasil

Berhasil

Berbelanja

Resume Menampilkan

Berhasil

tombol

tombol Beli

Menampilkan

Berhasil

Checkout

Berhasil

tombol Product Menampilkan

Berhasil

Confirm Order

Berhasil

Informasi

Menampilkan

Berhasil

Receiver Info

Berhasil

Informasi

Menampilkan

Menu Product

Info

Berhasil

Informasi

Menampilkan

4.

semua

Berhasil

Informasi Bank

Menampilkan

Berhasil

Menampilkan

tombol Beli Menampilkan

Berhasil

Confirm

Berhasil

tombol Jenis

Menampilkan

Berhasil

Berhasil

Menampilkan

tombol

tombol How to

Checkout

Confirm Payment

Berhasil

Berhasil

Menampilkan

Berhasil

Confirm

tombol How to

Payment

Register

Mengisi dan

Menu

Mengisi dan

Komentar

Menampilkan

semua form

semua form

keterangan

keterangan

Upload

Komentar

Payment Proof

7.

Menampilkan

Berhasil

Menampilkan

Berhasil

Menampilkan

tombol Save Menu 8.

Tentang Kami

Menampilkan

File

Berhasil

Menampilkan

Tentang Kami

tombol Back to

Informasi

Menampilkan

Welcome

tombol Upload

Message dan

Proof

Informasi

Menampilkan

9.

10.

Menampilkan

Berhasil

Berhasil

Informasi Berhasil

Detail

Informasi

Transaction

Produk yang

Menampilkan

dicari

Informasi Data

Menu User

Menampilkan

profile

tombol User

tersimpan

Profile

Menampilkan

Mengisi dan

Berhasil

Profile

Berhasil

Perusahaan Menu Search

Berhasil

tombol Choose

tombol

Menampilkan

Berhasil

Berhasil

Berhasil

telah

Berhasil

Berhasil

tombol OK

Menampilkan

setelah

semua form

Informasi data

keterangan

tersimpan

User Profile Update Menampilkan

4.2.2 Berhasil

tombol Save

Berhasil

tombol View Detail

tombol

No

Modul

Cara Kerja

1.

Menu

Menampilkan

Head

tombol Head Master

Keterangan Berhasil

Master

Transaction Menampilkan

Tabel.4.4. Hasil Pengujian Black Box Tampilan Head Master

Update Menampilkan

Testing Tampilan Head Master

Menampilkan Berhasil

Informasi Daftar Head Master

Berhasil

Menampilkan

Berhasil

3.

tombol Show

Menu

Menampilkan

Home

tombol Home

Entries Menampilkan


Transaksi

Next

Pembelian Berhasil

Menampilkan

Menampilkan form

tombol Kirim

keterangan Nama

Menampilkan

dan Password

tombol Tolak

Menampilkan

Berhasil

Menampilkan

tombol Save Menampilkan

Berhasil

Berhasil

tombol Update Menampilkan

Berhasil

Menu

Menampilkan

Master

tombol Master

Lokasi

Lokasi Negara,

Negara,

Provinsi, Kota

Berhasil

Menampilkan

Pembenaran Delete

Negara, Provinsi, Berhasil

Menampilkan

Informasi

tombol Show

Pembenaran Delete

Entries Berhasil

Menampilkan

tombol Batal setelah

tombol Previous dan

Informasi

Next

Pembenaran Delete

Mengisi dan Berhasil

semua form data

Informasi

keterangan Negara,

Pembenaran Delete

Provinsi, Kota Menampilkan

Menu

Mengisi dan

Login

Menampilkan form

tombol save

keterangan

Menampilkan

Username dan

tombol Edit

Password

Menampilkan

tombol Sign in

Berhasil

Berhasil

Berhasil

Berhasil

Berhasil

Berhasil

Menampilkan

tombol Exit setelah

Menampilkan

Berhasil

Kota

tombol OK setelah

Menampilkan

Berhasil

Provins

Informasi Daftar

Menampilkan

2.

4.

Informasi

Menampilkan

Berhasil

i, Kota

tombol Delete Menampilkan

Berhasil

tombol Cetak

tombol Edit Menampilkan

Berhasil

Informasi Daftar

tombol Previous dan

Mengisi dan

Berhasil

Berhasil

Berhasil

Berhasil


Berhasil


Menampilkan tombol Edit

Berhasil

Informasi

Menampilkan

Pembenaran Delete

tombol Update

Menampilkan

Berhasil

Menampilkan

tombol OK setelah

tombol Delete

Informasi

Menampilkan

Pembenaran Delete Menampilkan

5.

Berhasil

Berhasil


Informasi

tombol OK setelah

Pembenaran Delete

Informasi Berhasil

Berhasil

Pembenaran Delete

tombol Exit setelah

Menampilkan

Informasi


Pembenaran Delete

Informasi

Menu

Menampilkan

Master

tombol Master

Menampilkan

Ekspedi

Ekspedisi dan Jenis

tombol Exit setelah

Ekspedisi

Informasi

si dan

Berhasil

Informasi Berhasil


Menampilkan

Berhasil

Berhasil

Berhasil

Pembenaran Delete

Jenis

Berhasil

Pembenaran Delete

Ekspedi

6.

Menu

Menampilkan

Master

tombol Master

Produk,

Produk, Paket,

Informasi Daftar

Paket,

Jenis, dan Kategori

Ekspedisi dan Jenis

Jenis,

Produk

Ekspedisi

dan

si Menampilkan

Menampilkan

Berhasil

Berhasil

Kategor

tombol Show

i

Entries

produk

Menampilkan

Berhasil

Menampilkan

tombol Previous dan

Informasi Daftar

Next

Produk, Paket,

Mengisi dan

Berhasil

Produk

semua form data

Menampilkan

keterangan

tombol Show

Ekspedisi dan Jenis

Entries

Ekspedisi

Menampilkan

tombol save

Berhasil

Berhasil

Jenis, dan Kategori

Menampilkan

Menampilkan

Berhasil

tombol Previous dan Next

Berhasil

Berhasil

Mengisi dan

Berhasil

Pembenaran Delete

Menampilkan

Menampilkan

semua form data

tombol OK setelah

keterangan Produk,

Informasi

Paket, Jenis, dan

Pembenaran Delete

Kategori Produk Menampilkan


Informasi Berhasil

Pembenaran Delete

tombol Publikasi

Menampilkan

Kategori Produk

tombol Exit setelah

Menampilkan

Berhasil

Pembenaran Delete

Produk

7. Berhasil

tombol Satuan Menampilkan

Menu

Menampilkan

Monitor

tombol Monitoring

ing

Penjualan

an

Gambar

Menampilkan

Menampilkan

Informasi Data

Berhasil

tombol Toggle

Keterangan

Publication

Transaksi Penjualan Menampilkan

Berhasil

tombol Mass

tombol Previous dan

Editing

Next

Menampilkan

Menampilkan

Berhasil

Menampilkan

Berhasil

Cards Within

8. Berhasil

Berhasil

Berhasil

Berhasil

Informasi

Menampilkan

Testimo

tombol Testimoni

Berhasil

Menampilkan

Berhasil

keterangan

Menampilkan

Berhasil

tombol Previous dan


Menu

Testimoni


Berhasil

Informasi Data


Berhasil

ni

tombol save Menampilkan

Berhasil

tombol Filter

tombol Delete All

Menampilkan

Berhasil

tombol Cetak

tombol Save Editing Menampilkan

Berhasil

Penjual

Berhasil

tombol Pilih File

Menampilkan

Berhasil

Informasi

tombol Paket

Menampilkan

Berhasil


tombol Jenis Produk Menampilkan

Berhasil

Berhasil

Next Menampilkan

Berhasil

tombol Filter Menampilkan

dan catering. Maka dapat disimpulkan Berhasil

tombol Show

1. Sistem informasi penjualan cake dan

Entries Mengisi dan

sebagai berikut :

Berhasil

Menampilkan

catering

ini

dapat

memudahkan

konsumen dalam memesan kue atau

semua form data

makanan sesuai dengan kategori/jenis

keterangan

kue dan makanan yang telah disediakan.

Testimoni Menampilkan

Berhasil

2. Sistem Informasi penjualan berbasis

tombol Publish Menampilkan

Berhasil

(online)

tombol save Menampilkan

Berhasil


Berhasil

Berhasil

Informasi

Berhasil

tombol OK setelah

waktu, jarak dan cuaca.

mempermudah

pemilik

dalam

perusahaan

dan

memudahkan karyawan dalam mengatur

5.2

Pembenaran Delete

Saran Saran

Berhasil


penulis

untuk

pengembangan system informasi ini

Informasi

kedepan yaitu antara lain :


memudahkan

tanggung jawabnya masing-masing.

Informasi

Menampilkan

dapat

konsumen yang tidak ingin dibatasi oleh

mengelolah


yang

3. Sistem informasi ini dibuat untuk


web ini berjalan pada jaringan internet

Berhasil

tombol Exit setelah Informasi Pembenaran Delete

1. Menambahkan pilihan alternatif cara pembayaran dengan menggunakan “ credit

card

“ dengan bekerjasama

dengan bank-bank yang bersangkutan BAB V PENUTUP 5.1 Kesimpulan Berdasarkan hasil yang diperoleh dari rancang bangun sistem informasi penjualan berbasis web pada indah cake

dan penambahan sistem keamanan untuk transaksi

pembayaran

untuk

meningkatkan kenyamanan konsumen dalam melakukan transaksi online.

2. Menambahkan pilihan kota supaya

Modern.

semakin luas dan banyak pelanggan dari

Yogyakarta.

indah cake dan catering.

Anna

ANDI

Fitriani,

(2011).

Sistem

OFFSET

:

Membangun

Informasi

Database

DAFTAR PUSTAKA

Penjualan Pada Anna Catering.

Anhar, (2010). Panduan Menguasai

II (2) : 4-6

PHP

dan

My

SQL

Secara

Jogiyanto, (2005). Sistem Teknologi Informasi. ANDI OFFSET :

Otodidak. Media Kita : Jakarta. Bayu

Yogyakarta.

Kristian

Nugroho,

(2010).

Rekayasa

Perangkat

Lunak,

Kusrini dan Andri Koniyo, (2007).

Sistem Informasi Enkripsi SMS

Tuntunan Praktis Membangun

Pada Telepon Selular Berbasis

Sistem

J2ME Dengan Metode Vigenere

Dengan

Cipher. Semarang : II (2) : 14-15

Microsoft SQL Server. ANDI

dan

Notepad++.

Visual

Akuntansi Basic

Dan

OFFSET : Yogyakarta.

Ferry Kurniawan, (2012). Pengertian Notepad

Informasi

Zahra

Arwananing

Tyas,

(2010).

(http://aboutnotepad.blogspot.co

Implementasi E-commerce Untuk

m/2013/04/notepad-dan-

Ozone Distro. II (2) : 6-8

notepad.html,

diakses

23

Suyanto,

(2005).

Teknologi

Desember 2014) Ema Utami

M.

dan Sukrisno, (2005).

Konsep Dasar Pengolahan Dan Pemrograman Database Dengan

Bisnis.

Pengantar

Informasi ANDI

Untuk

OFFSET

:

Yogyakarta. Marimin, Hendri Tanjung : Haryo

SQL Server, Ms. Access, Dan

Prabowo,

Visual Basic. ANDI OFFSET :

Informasi Manajemen Sumber

Yogyakarta.

Daya

Hanif Al Fatta, (2007). Analisis Dan Perancangan Sistem Informasi Untuk

Keunggulan

Perusahaan

Dan

Bersaing Organisasi

(2006).

Manusia.

Sistem

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 PADA INDAH CAKE DAN CATERING

Recommend Documents