PERANCANGAN DAN PEMBUATAN SISTEM

INFORMASI ADMINISTRASI PADA LIAN SALON

AND BEAUTY ACCESSORIES

LAPORAN TUGAS AKHIR

Diajukan untuk Memenuhi Persyaratan Akademik Dalam
Menyelesaikan Pendidikan Pada Jurusan S1 SistemInformasi
Universitas Kristen Maranatha

Disusun oleh:

William Frado Pattipeilohy 1311601445

Roby
Asep
Akhim

Magister Ilmu Komputer

Universitas Budi Luhur

i
 ABSTRAK

Pengembangan sistem website Lian salon ini dilatarbelakangi oleh

permasalahan bahwa sistem pencatatan masih dilakukan secara manual.
Dengan adanya website ini, diharapkan proses pencatatan data member,
transaksi, dan proses pelaporan di Lian salon dapat dilakukan secara
tersistem, sehingga akan memudahkan untuk pengolahan dan pengecekan
data dikemudian hari.Secara umum, sistem website lian salon terdapat 5
modul utama, yaitu modul Data Pembelian, Data Penjualan, Data Master,
Data Stock, dan Laporan. Dalam laporan tugas akhir ini, akan dibahas lebih
mendetail terkait setiap modul yang ada didalamnya, mulai dari proses input
sampai output.Dalam website ini pula ditambahkan sebuah fitur CRM
(customer Relationship Management) untuk menjalin hubungan yang baik
dengan konsumen.Sebagai metodologi analisa, digunakan Flowchart, DFD
(Data Flow Diagram), ERD (Entity Relationship Diagram), serta beberapa
rancangan User Interface untuk memudahkan pengembangan.Data
dikumpulkan melalui hasil wawancara langsung dengan pemilik Lian
salon.Hasil penelitian yang dicapai adalah aplikasi dapat dikembangkan
sesuai kebutuhan dan terintegrasi dengan baik.

Kata Kunci :CRM, salon

ii
 DAFTAR ISI
JUDUL ........................................................................................................ i
LEMBAR PENGESAHAN ........................... Error! Bookmark not defined.
PRAKATA ................................................... Error! Bookmark not defined.
ABSTRAKSI ................................................................................................ ii
ABSTRACT ................................................. Error! Bookmark not defined.
DAFTAR ISI ............................................................................................... iii
DAFTAR GAMBAR .................................................................................... v
DAFTAR TABEL ....................................................................................... vii
BAB 1. PENDAHULUAN .................................................................... 1
1.1 Latar Belakang Masalah ............................................................. 1
1.2 Rumusan Masalah ...................................................................... 2
1.3 Tujuan Pembahasan ................................................................... 2
1.4 Ruang Lingkup Kajian ................................................................. 2
1.5 Sumber Data ............................................................................... 3
1.6 Sistematika Penulisan ................................................................. 3
BAB 2. KAJIAN TEORI ....................................................................... 4
2.1 Proses Bisnis .............................................................................. 4
2.2 Konsep Sistem Informasi ............................................................ 4
2.3 Analisis ........................................................................................ 5
2.4 Flowchart..................................................................................... 6
2.5 Entity Relationship Diagram ........................................................ 8
2.6 Data Flow Diagram ................................................................... 12
2.7 Kamus Data .............................................................................. 16
2.8 Process Specification (PSPEC) ................................................ 17
2.9 Blackbox Testing ....................................................................... 18
2.10 MySQL ...................................................................................... 19
2.11 PHP ........................................................................................... 20
BAB 3. ANALISIS DAN RANCANGAN SISTEM .............................. 25
3.1 Analisis ...................................................................................... 25
3.2 Perancangan ............................................................................. 31
3.2.1 Entity Relationship Diagram ............................................. 31

iii
 3.2.2 Perancangan Data Flow Diagram (DFD) .......................... 34
3.2.3 PSPEC (Process Specification) ........................................ 39
3.2.4 Perancangan User Interface ............................................. 47
BAB 4. HASIL PENELITIAN ............................................................. 53
4.1 Realisasi Program ..................................................................... 53
BAB 5. PEMBAHASAN DAN UJI COBA HASIL PENELITIAN ......... 59
5.1 Pengujian .................................................................................. 59
5.2 Black Box Testing ..................................................................... 59
BAB 6. SIMPULAN DAN SARAN ..................................................... 63
6.1 Kesimpulan ............................................................................... 63
6.2 Saran ........................................................................................ 63
Daftar Pustaka ......................................................................................... 64

iv
 DAFTAR GAMBAR
Gambar 1.1 Arah arus data ............................................................................... 15
Gambar3.1 Flowchart Proses Bisnis Pembelian Barang .................................... 26
Gambar 3.2Flowchart Proses Bisnis Penjualan Jasa ......................................... 27
Gambar 3.3 Flowchart Proses Bisnis Penjualan Barang .................................... 29
Gambar 3.4 Flowchart Proses Bisnis Penggajian Karyawan .............................. 30
Gambar 3.5 Entity Relationship Diagram ........................................................... 33
Gambar 3.6 DFD Level 0 ................................................................................... 34
Gambar 3.7 DFD Level 1 ................................................................................... 35
Gambar 3.8 DFD Level 2 Proses 1 .................................................................... 35
Gambar 3.9 DFD Level 2 Proses 2 ................................................................... 36
Gambar 3.10 DFD Level 2 Proses 3 .................................................................. 36
Gambar 3.11 DFD Level 2 Proses 4 .................................................................. 37
Gambar 3.12 DFD Level 2 Proses 5 .................................................................. 37
Gambar 3.13 DFD Level 3 Proses 2.1 ............................................................... 38
Gambar 3.14 DFD Level 3 Proses 3.1 ............................................................... 38
Gambar 3.15 DFD Level 3 Proses 4.1 ............................................................... 39
Gambar 3.16 Contoh User Interface Menu Login Member ................................. 48
Gambar 3.17 Tampilan Contact Us .................................................................... 48
Gambar 3.18 Tampilan Utama Website ............................................................. 49
Gambar 3.19 Tampilan Data Barang (Administrator) ......................................... 50
Gambar 3.20 Tampilan Data Jasa (Administrator) ............................................. 50
Gambar 3.21 Tampilan Data Absensi (Administrator) ........................................ 50
Gambar 3.22 Tampilan Data Karyawan (Administrator) ..................................... 51
Gambar 3.23 Tampilan Data Supplier (Administrator) ........................................ 51
Gambar 3.24 Tampilan Data Member (Administrator) ........................................ 52
Gambar 3.25 Tampilan Dashboard Administrator .............................................. 52
Gambar 4.1 Tampilan Home Screen.................................................................. 53
Gambar 4.2 Tampilan Login .............................................................................. 54
Gambar 4.3 Tampilan Ganti Password .............................................................. 54
Gambar 4.4 Tampilan Signup ............................................................................ 55
Gambar 4.5 Halaman Member........................................................................... 55
Gambar 4.6 Tampilan Menu Administrator......................................................... 56

v
Gambar 4.7 Tampilan Menu Data Master Member ............................................ 56
Gambar 4.8 Tampilan Tambah Absensi............................................................. 57
Gambar 4.9 Tampilan Tambah Pembelian......................................................... 57

vi
 DAFTAR TABEL

Tabel 2.1 Simbol Flowchart Standar .................................................................... 8

Tabel 2.2 Karakteristik Diagram Konteks ........................................................... 13
Tabel 2.3 Komponen DFD ................................................................................. 13
Tabel 3.1 PSPEC Proses 1.1 ............................................................................. 39
Tabel 3.2 PSPEC Proses 1.2 ............................................................................. 40
Tabel 3.3 PSPEC Proses 1.3 ............................................................................. 40
Tabel 3.4 PSPEC Proses 2.2 ............................................................................. 40
Tabel 3.5 PSPEC Proses 2.3 ............................................................................. 41
Tabel 3.6 PSPEC Proses 2.1.1 .......................................................................... 41
Tabel 3.7 PSPEC Proses 2.1.2 .......................................................................... 42
Tabel 3.8 PSPEC Proses 2.1.3 .......................................................................... 42
Tabel 3.9 PSPEC Proses 3.2 ............................................................................. 43
Tabel 3.10 PSPEC Proses 2.3 ........................................................................... 43
Tabel 3.11 PSPEC Proses 3.1.1 ........................................................................ 44
Tabel 3.12 PSPEC Proses 3.1.2 ........................................................................ 44
Tabel 3.13 PSPEC Proses 3.1.3 ........................................................................ 45
Tabel 3.14 PSPEC Proses 4.2 ........................................................................... 45
Tabel 3.15 PSPEC Proses 4.3 ........................................................................... 46
Tabel 3.16 PSPEC Proses 4.1.1 ........................................................................ 46
Tabel 3.17 PSPEC Proses 4.1.2 ........................................................................ 46
Tabel 3.18 PSPEC Proses 4.1.3 ........................................................................ 47

vii
 BAB 1. PENDAHULUAN

Dalam bab ini, akan dibahas mengenai latar belakang, rumusan

masalah, tujuan pembahasan, ruang lingkup kajian, sumber data, serta
sistematika penulisan dari laporan tugas akhir ini.

1.1 Latar Belakang Masalah

Lian Salon adalah sebuah salon kecantikan khusus wanita yang

beroperasi di kota Kudus, Jawa Tengah. Selain memberikan jasa di bidang
kecantikan, Lian Salon juga menjual berbagai macam aksesoris kecantikan
seperti baju, tas, beauty equipment, dsb.

Permasalahan yang dihadapi oleh Lian Salon belakangan ini adalah

dari bidang keuangan hingga penjualan dan pembelian barang yang masih
diatur secara manual, atau dengan pembukuan yang ditulis oleh pemilik
sendiri. Hal ini menjadi masalah yang cukup mengganggu kinerja salon
karena sering terjadinya kesalahan dalam pemberian harga jual kepada end
customer Lian Salon. Hal tersebut tentu dapat merugikan salon yang masih
dalam tahap pengembangan usahanya.

Dari permasalahan tersebutlah yang membuat penulis ingin merancang

dan mengembangkan sebuah software yang dapat meringankan atau
mempermudah kinerja salon. Sehingga Lian Salon dapat membuat sistem
keuangan, penjualan barang, pembelian barang, penjualan jasa, hingga
penggajian capster salon dan pembuatan laporan bulanan secara
sistematis dan terkomputerisasi.

1
 2

1.2 Rumusan Masalah

Berdasarkan latar belakang yang telah diuraikan di atas, muncul rumusan

permasalahan yang adalah sebagai berikut :

1. Bagaimana membuat sebuah sistem yang dapat proses transaksi

penjualan barang dan jasa di salon?
2. Bagaimana penerapan CRM (Customer Relationship Management)
pada website?
3. Bagaimana membuatkan sebuah sistem yang mengatur penggajian
karyawan atau kapster salon agar tidak terjadi kesalahan?

1.3 Tujuan Pembahasan

Sesuai dengan pokok-pokok masalah yang telah dirumuskan, berikut tujuan
dari analisis, perancangan, dan dokumentasi :
1. Membuat sebuah sistem yang dapat mengatur proses transaksi
penjualan barang dan jasa di Lian Salon.
2. Membuat sistem dengan fitur CRM (Customer Relationship
Management).
3. Membuat sebuah sistem yang dapat mengatur penggajian karyawan /
capster salon dengan otomatis

1.4 Ruang Lingkup Kajian

Ruang lingkup kajian dari laporan tugas akhir ini adalah sebagai berikut :
1. Analisis dan perancangan padasistem aplikasi Lian Salon.
2. Pengembangan aplikasi Lian Salon dengan fitur-fitur sebagai berikut:
a. Data Master (Karyawan, Supplier, Jasa)
b. Transaksi (Pembelian, Penjualan)
c. Laporan (Penjualan Periodik, Keuangan)
d. CRM (Sistem Voucher, email gateway untuk promo)
 3

1.5 Sumber Data

Sumber data primer yang digunakan dalam penyusunan laporan ini berasal
dari data Lian Salon langsung, sedangkan sumber data sekunder berasal
dari buku, e-book,dokumen serta beberapa hasil wawancara penulis
dengan pihak Salon.

1.6 Sistematika Penulisan

BAB 1 PENDAHULUAN

Bab ini berisi pendahuluan-pendahuluan seputar alasan serta tujuan

penulisan laporan tugas akhir ini.

BAB 2KAJIAN TEORI

Bab ini berisi teori atau algoritma atau metode penunjang yang penulis
gunakan ketika membuat aplikasi ini

BAB 3 ANALISIS DAN RANCANGAN SISTEM

Dalam bab Analisis dan Desain berisi tentang semua pembahasan

secara lengkap mengenai analisis pemecahan masalah,
perancangan, desain aplikasi, dan penjelasan sistem.

BAB 4 HASIL PENELITIAN

Pada bab ini berisi tentang hasil penelitian laporan tugas akhir berupa
beberapa screenshot hasil akhir website.

BAB 5 PEMBAHASAN DAN UJI COBA HASIL PENELITIAN

Bab ini berisi tentang pembahasan serta uji coba hasil penelitian
berupa blackbox testing terhadap website yang sudah dibuat

BAB 6 SIMPULAN DAN SARAN

Bab ini berisi kesimpulan dan saran terhadap penelitian ini.

 BAB 2. KAJIAN TEORI

Dalam bab ini, akan dibahas mengenai landasan-landasan teori yang

digunakan sebagai dasar untuk pengembangan sistem.

2.1 Proses Bisnis

Proses bisnis adalah suatu kumpulan aktivitas atau pekerjaan terstruktur

yang saling terkait untuk menyelesaikan suatu masalah tertentu atau yang
menghasilkan produk atau layanan (demi meraih tujuan tertentu). Suatu
proses bisnis dapat dipecah menjadi beberapa subproses yang masing-
masing memiliki atribut sendiri tapi juga berkontribusi untuk mencapai
tujuan dari superprosesnya. Analisis proses bisnis umumnya melibatkan
pemetaan proses dan subproses di dalamnya hingga tingkatan aktivitas
atau kegiatan[1].

2.2 Konsep Sistem Informasi

2.2.1. Sistem

Sistem adalah suatu jaringan kerja dari prosedur-prosedur yang saling

berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan
atau untuk menyelesaikan suatu sasaran yang tertentu[1].

2.2.2. Informasi

Informasi diartikan sebagai data yang diolah menjadi bentuk yang lebih
berguna dan lebih berarti bagi yang menerimanya.Informasi itu sendiri

4
 5

kemudian diproses, dimanupulasi, direorganisasi sehingga memiliki nilai

pengetahuan (knowledge) bagi penggunanya [1].

2.2.3. Sistem Informasi

Definisi sistem informasi adalah adalah kombinasi dari teknologi informasi

dan aktivitas orang yang menggunakan teknologi itu untuk mendukung
operasi dan manajemen. Dalam arti yang sangat luas, istilah sistem
informasi yang sering digunakan merujuk kepada interaksi antara orang,
proses algoritmik, data, dan teknologi. Dalam pengertian ini, istilah ini
digunakan untuk merujuk tidak hanya pada penggunaan organisasi
teknologi informasi dan komunikasi (TIK), tetapi juga untuk cara di mana
orang berinteraksi dengan teknologi ini dalam mendukung proses
bisnis.Jadi system informasi adalah gabungan yang terorganisasi dari
manusia, perangkat lunak, perangkat keras, jaringan komunikasi dan
sumber data dalam mengumpulkan, mengubah, dan menyebarkan
informasi dalam organisasi[1].

2.3 Analisis

Analisis adalah penguraian suatu pokok atas berbagai bagiannya dan

penelaahan bagian itu sendiri serta hubungan antar bagian untuk
memperoleh pengertian yang tepat dan pemahaman arti keseluruhan. Atau
dapat diartikan juga sebagai kegiatan berfikir untuk menguraikan suatu
keseluruhan menjadi komponen sehingga dapat mengenal tanda-tanda
komponen, hubungannya satu sama lain dan fungsi masing-masing dalam
satu keseluruhan yang terpadu[1].
 6

2.4 Flowchart

Flowchart adalah penggambaran secara grafik dari langkah-langkah

danurut-urutan prosedur.Flowchart menolong analis dan programmer untuk
memecahkan masalah ke dalam segmen-segmen yang lebih kecil dan
menolong dalam menganalisis alternatif-alternatif lain dalam
pengoperasian[1].

Ada lima jenis flowchart, yaitu :

a) System flowchart

System flowchart merupakan bagan yang menunjukkan alur kerja

atau apa yang sedang dikerjakan di dalam sistem secara keseluruhan
dan menjelaskan urutan dari prosedur-prosedur yang ada di dalam
sistem. Dengan kata lain, flowchart ini merupakan deskripsi secara
grafik dari urutan prosedur-prosedur yang terkombinasi yang
membentuk suatu sistem.

b) Document flowchart

Document flowchart menelusuri alur dari data yang ditulis melalui

sistem. Kegunaan utamanya adalah untuk menelusuri alur form dan
laporan sistem dari satu bagian ke bagian lain baik bagaimana alur form
dan laporan diproses, dicatat dan disimpan.

c) Schematic flowchart

Schematic flowchart mirip dengan system flowchart yang

menggambarkan suatu sistem atau prosedur.Schematic flowchart ini
bukan hanya menggunakan simbol-simbol flowchart standar, tetapi juga
menggunakan gambar-gambar komputer, peripheral, form-form atau
peralatan lain yang digunakan dalam sistem.
 7

Schematic flowchart digunakan sebagai alat komunikasi antara

analis sistem dengan seseorang yang tidak familiar dengan simbol-
simbol flowchart yang konvensional. Pemakaian gambar sebagai ganti
dari simbol-simbol flowchartakan menghemat waktu yang dibutuhkan
oleh seseorang untuk mempelajari simbol abstrak sebelum dapat
mengerti flowchart. Gambar-gambar ini mengurangi kemungkinan salah
pengertian tentang sistem, hal ini disebabkan oleh ketidak-mengertian
tentang simbol-simbol yang digunakan.

d) Program flowchart

Program flowchart dihasilkan dari system flowchart.Program

flowchart merupakan keterangan yang lebih rinci tentang bagaimana
setiap langkah program atau prosedur sesungguhnya
dilaksanakan.Flowchart ini menunjukkan setiap langkah program atau
prosedur dalam urutan yang tepat saat terjadi.Programmer
menggunakan program flowchart untuk menggambarkan urutan
instruksi dari program komputer.Analis sistem menggunakan flowchart
program untuk menggambarkan urutan tugas-tugas pekerjaan dalam
suatu prosedur atau operasi.

e) Process flowchart

Process flowchart merupakan teknik penggambaran rekayasa

industrial yang memecah dan menganalisis langkah-langkah
selanjutnya dalam suatu prosedur atau sistem.Proses flowchart memiliki
lima simbol khusus, yaitu :

Simbol-simbol flowchart yang biasanya dipakai adalah simbol-simbol

flowchart standar yang dikeluarkan oleh ANSI dan ISO. Simbol-simbol ini
dapat dilihat pada Tabel 2.1 berikut ini :[1]
 8

Tabel 2.1 Simbol Flowchart Standar

No. Simbol Nama Fungsi

Permulaan atau akhir

1 TERMINATOR
program.

GARIS ALIR SATU ARAH

2 Arah aliran program.
(FLOW LINE)

Perbandingan
pernyataan, penyeleksian
3 DECISION data yang memberikan
pilihan untuk langkah
selanjutnya.

Dokumen yang
4 DOKUMEN merupakan input atau
output.

Pemrosesan secara
manual oleh manusia atau
5 MANUAL OPERATION
mesin dengan kecepatan
pekerjaan manusia.
Penyimpanan yang tidak
dapat diakses oleh
6 OFF-LINE STORAGE
komputer secara
langsung.

2.5 Entity Relationship Diagram

Entity Relationship Diagram (ERD)adalah model data tingkat tinggi yang

didasarkan pada pemodelan dari dunia nyata yang berisi objek dasar yang
 9

diberi nama Entitas dan hubungan antar entitas diberi nama relasi [2]. ERD
memiliki beberapa komponen, yaitu :

1. Entitas
Entitas adalah individu yang mewakili sesuatu yang nyata
(eksistensinya) dan dapat dibedakan dari sesuatu yang lain. Dapat berupa
orang, tempat, objek, kejadian.Dilambangkan dengan persegi panjang.
Himpunan Entitas (EntitySet) ialah sekelompok entitas yang sejenis dan
berada dalam lingkup yang sama. Sering disebut sebagai entitas saja.Pada
dasarnya, entitas menunjuk pada individu suatu objek, sedang himpunan
entitas menunjuk pada rumpun (family) dari individu tersebut.Menurut
sifatnya, entitas dibagi menjadi dua macam, yaitu:
a) Strong Entities
Memiliki atribut kunci yang unik.
b) Weak Entities
Tergantung pada strong entity, tidak dapat berdiri sendiri.Tidak
memiliki atribut kunci yang unik tetapi menggunakan diskriminator
dan atribut kunci dari strong entity-nya sebagai penanda unik.
2. Atribut
Atribut adalah mendeskripsikan karakteristik (properti) dari suatu
entitas.Dilambangkan dengan lingkaran/elips.Contoh karyawan memiliki
atribut berupa NIK (Nomor Induk Karyawan), Nama, Tempat lahir,
Golongan darah, dan Alamat. Ada beberapa tipe atribut, antara lain:
a) Atribut Sederhana (Simple Attribute)
Atribut atomik yang tidak dapat dipilah lagi.
b) Atribut Komposit (Composite Attribute)
Atribut yang masih dapat diuraikan lagi menjadi sub-sub atribut yang
masing-masing memiliki makna.
c) Atribut Bernilai Banyak (Multivalued Attribute)
Ditujukan pada atribut yang dapat diisi dengan lebih dari satu nilai
tetapi jenisnya sama. Dilambangkan dengan elips ganda.
 10

d) Atribut Bernilai Tunggal (Single-Valued Attribute)

Ditujukan pada atribut yang memiliki paling banyak satu nilai untuk
setiap data baris data.
e) Atribut Turunan (Derived Attribute)
Atribut yang nilai-nilainya diperoleh dari pengolahan atau dapat
diturunkan dari atribut atau tabel lain yang berhubungan.
Dilambangkan dengan elips titik-titik.
3. Relasi
Relasi menunjukkan adanya hubungan di antara sejumlah entitas yang
berasal dari himpunan entitas yang berbeda.Dilambangkan sebagai belah
ketupat.
Relasi rekursif adalah relasi yang dihubungkan oleh suatu relasi tidak
harus berbeda. Entitas yang sama dapat ikut serta lebih dari satu kali di
dalam relasi dengan peran (role) yang berbeda.
a) Spesialisasi
Proses mendekomposisikan himpunan entitas berdasarkan
pengelompokkan tertentu (proses top-down). Hasilnya adalah sub
entitas yang merupakan himpunan entitas yang beranggotakan
entitas-entitas yang merupakan bagian dari himpunan entitas yang
lebih superior/utama.
b) Generalisasi
Proses penyatuan kelompok-kelompok entitas dalam sebuah
himpunan entitas dengan atribut-atribut yang sama (proses bottom-
up).
c) Completeness constraint
Menentukan apakah setiap entitas di himpunan entitas
superior harus menjadi anggota dari paling sedikit satu sub entitas.
i. Total
Setiap entitas harus menjadi anggota dari salah satu sub
entitas. Dilambangkan dengan garis ganda.
ii. Partial
 11

Sebuah entitas tidak harus menjadi anggota dari salah satu

sub entitas.
d) Kardinalitas
Kardinalitas menunjukkan jumlah maksimum entitas yang dapat
berelasi dengan entitas pada himpunan entitas yang lain. Kardinalitas
relasi yang terjadi di antara dua himpunan entitas dapat berupa:
i. Satu ke Satu (One to One)
Setiap entitas pada himpunan entitas A berhubungan paling
banyak dengan satu entitas pada himpunan entitas B, dan begitu
juga sebaliknya.
ii. Satu ke Banyak (One to Many)
Setiap entitas pada himpunan entitas A dapat berhungan dengan
banyak entitas pada himpunan entitas B, tetapi tidak sebaliknya, di
mana setiap entitas pada himpunan entitas B berhubungan dengan
paling banyak dengan satu entitas pada himpunan entitas A.
iii. Banyak ke Satu (Many toOne)
Setiap entitas pada himpunan entitas A berhubungan paling
banyak dengan satu entitas pada himpunan entitas B, tetapi tidak
sebaliknya, di mana setiap entitas pada himpunan entitas A
berhubungan dengan paling banyak satu entitas pada himpunan
entitas B.
iv. Banyak ke Banyak (Many to Many)
Setiap entitas pada himpunan entitas A dapat berhubungan
dengan banyak entitas pada himpunan entitas B, dan demikian
juga sebaliknya, di mana setiap entitas pada himpunan entitas B
dapat berhubungan dengan banyak entitas pada himpunan entitas
A.
5. Kunci
Kunci adalah satu atau gabungan dari beberapa atribut yang dapat
membedakan semua baris data (row) dalam tabel secara unik. Ada 3
macam kunci yang dapat diterapkan pada suatu tabel, yaitu:
 12

a) Superkey
Satu atau lebih atribut yang dapat membedakan setiap baris data
dalam sebuah tabel secara unik.Mungkin ada lebih dari satu
superkey pada sebuah tabel.
b) Kunci kandidat (Candidate-Key)
Kumpulan atribut minimal yang dapat membedakan setiap baris data
dalam sebuah tabel secara unik. Sebuah candidate-key pastilah
superkey, tapi belum tentu sebaliknya. Pada sebuah tabel
dimungkinkan adanya lebih dari satu candidate-key.
c) Kunci primer (Primary-Key)
Kunci kandidat yang dipilih sebagai kunci utama untuk
mendefinisikan baris pada tabel.

2.6 Data Flow Diagram

Data Flow Diagram (DFD) dipopulerkan oleh Tom DeMarco dan Gane &
Sarson. Definisi dari DFD adalah suatu alat pemodelan yang digunakan
untuk memodelkan fungsi dari sistem, menggambarkan secara rinci
mengenai sistem sebagai jaringan kerja antar fungsi yang berhubungan
satu sama lain dengan menunjukkan dari dan ke mana data mengalir serta
penyimpanannya.Diagram tersebut memperlihatkan darimana data
dimasukkan dan data apa yang akan dihasilkan dari setiap proses. Hal
tersebut diperlukan untuk melihat detail proses dari aplikasi. DFD
menjelaskan bagaimana data mengalir dalam suatu sistem informasi,
bukan menjelaskan tentang logika program dan langkah pemrosesannya.
DFDpada umumnya dimulai dari level 0, 1, 2, dan seterusnya.Level ke-0
disebut dengan diagram konteks adalah diagram aliran data pada tingkat
paling atas yang merupakan penggambaran yang berfungsi untuk
memperlihatkan interaksi atau hubungan langsung antara Sistem Informasi
 13

dengan lingkungannya. Berikut ini adalah komponen dari diagram konteks

[1]

Tabel 2.2 Karakteristik Diagram Konteks

No. Simbol Nama Keterangan
Kelompok pemakai,
organisasi atau sistem lain
1 Entitas
dimana sistem melakukan
komunikasi.

Proses yang dilakukan di

2 Proses
dalam sistem.

Input sistem (data yang

3 Input
diterima dari lingkungan).
Output sistem (data yang
4 Output dialirkan oleh sistem ke
luar).

Setiap penurunan ke level yang lebih rendah, yaitu 1, 2, dst maka proses-
proses akan diurai lebih rinci dengan spesifikasi lebih jelas. Disebut DFD
leveled. DFD level terakhir yang tidak bisa di breakdown, aliran data-nya
diberi penjelasan dengan kamus data (data dictionary). DFD level terakhir
yang tidak bisa dipecah lagi/breakdown, prosesnya diberi penjelasan
dengan Spesifikasi Proses (Process Specification / PSPEC). Berikut ini
adalah komponen dari DFD :

Tabel 2.3 Komponen DFD

 14

No. Simbol Nama Keterangan

Digunakan untuk
menunjukkan
Data flow atau pergerakan/aliran dari
1
aliran data kumpulan data/informasi
dari satu bagian sistem ke
bagian sistem lainnya.
Data storage Bagian dari DFD yang
atau digunakan untuk
2
penyimpanan menunjukkan suatu
data kumpulan dari paket data.
bagian dari DFD yang
merubah satu atau lebih
3 Proses masukan menjadi keluaran-
keluaran. Nama lainnya
:bubble, function.
Seseorang atau
sekelompok orang dalam
suatu kelompok organisasi
atau departemen lain di
4 Entitas
dalam perusahaan. Dapat
terdiri dari orang, unit terkait
yang berinteraksi. Nama
lain : terminator

Ada beberapa hal yang tidak boleh dilakukan dalam penggambaran arah
arus data seperti yang ditunjukkan oleh gambar 1.1 [1]:
 15

Gambar 1.1 Arah arus data

Sebuah entitas tidak boleh secara langsung berhubungan dengan entitas

lainnya tanpa adanya perantara berupa sebuah proses. Entitas juga tidak
boleh secara langsung berhubungan dengan sebuah data store tanpa
adanya perantara berupa sebuah proses. Selain itu,data store tidak boleh
secara langsung berhubungan dengan data store lainnya tanpa adanya
perantara berupa proses diantaranya

Ada beberapa petunjuk yang dapat digunakan dalam pembuatan DFD,

yaitu sebagai berikut:
1. Penamaan yang jelas :
a) Setiap entitas diberi nama yang sesuai dengan suatu kata benda.
b) Nama aliran data dalam kata benda karena menunjukkan
seseorang, tempat atau sesuatu.
c) Proses diberi nama menggunakan format kata kerja - kata sifat -
kata benda untuk proses-proses yang rinci.
d) Penyimpanan data diberi nama dengan suatu kata benda.
2. Memberi nomor pada proses :
a) Nomor yang diberikan pada proses tidak harus menjadi nomor
urut.
 16

b) Penomoran dimaksudkan sebagai identifikasi proses dan

memudahkan penurunan (level yang lebih rendah) ke proses
berikutnya.
3. Penggambaran kembali :
a) Ukuran dan bentuk lingkaran tetap sama.
b) Panah yang melengkung dan lurus tidak jadi masalah.
4. Hindari proses yang mempunyai masukan tetapi tidak mempunyai
keluaran begitu juga sebaliknya hindari proses yang mempunyai
keluaran tetapi tidak mempunyai masukan.

2.7 Kamus Data

Kamus data adalah katalog fakta tentang data dan kebutuhan-kebutuhan

informasi dari suatu sistem informasi.Dengan menggunakan kamus data,
analis sistem dapat mendefinisikan data yang mengalir di sistem dengan
lengkap.Kamus data dibuat pada tahap analisis sistem.Kamus data dapat
digunakan sebagai alat komunikasi antara analis sistem dengan pemakai
sistem. Pada tahap perancangan sistem, kamus data digunakan untuk
merancang input, merancang laporan-laporan dan database.

Kamus data adalah suatu daftar data elemen yang terorganisir dengan
definisi yang tetap dan sesuai dengan sistem, sehingga user dan analis
sistem mempunyai pengertian yang sama tentang input, output, dan
komponen data store.

Semua aliran data dalam DFD dan semua data store (penyimpanan data)
harus didefinisikan dalam kamus data. Semua elemen data dan semua
elemen data store harus terlihat dalam aliran data pada DFD. Berikut ini
adalah fungsi dari kamus data :

1. Menjelaskan arti aliran data dan penyimpanan data dalam DFD.

 17

2. Mendeskripsikan komposisi paket data (elemen data) yang bergerak

melalui aliran data.
3. Mendeskripsikan nilai dan satuan (struktur data) yang relevan bagi
penyimpanan dan aliran.
4. Mendiskripsikan hubungan detail antar penyimpanan.

Kamus data berisi nama data, deskripsi data, sumber data, tujuan, bentuk
dan volume data, dan struktur data dimana struktur data ini berisi elemen-
elemen dengan menggunakan simbol-simbol dalam kamus data. Berikut ini
adalah simbol-simbol dalam kamus data (tabel IV)

Tabel 2.4 Simbol dalam kamus data

Simbol Arti
= Terdiri atas, mendefinisikan, diuraikan menjadi, artinya
+ Dan
() Optional (pilihan boleh ada atau boleh tidak)
{} Pengulangan
[] Memilih salah satu cara dari sejumlah alternatif, seleksi
** Komentar
@ Identifikasi atribut kunci
| Pemisah sejumlah alternatif pilihan antara simbol [ ]

2.8 Process Specification (PSPEC)

PSPEC digunakan untuk mendeskripsikan proses yang terjadi pada level

paling rendah dari DFD.Semua proses dalam DFD yang tidak dapat
dipecah lagi harus didefinisikan dalam PSPEC. Aliran data masuk (input)
dan keluar (output) dalam DFD dan hubungan ke data store harus sesuai
dan relevan dalam PSPEC. Berikut ini adalah syarat dari PSPEC [1]:

1. Dapat diverifikasi oleh pemakai dan penganalisa sistem, sehingga user

dan penganalis mengetahui isi dari proses.
 18

2. Mampu berkomunikasi secara efektif dari pemakai yang bervariasi.

Umumnya para analis membuat PSPEC dengan bahasa Inggris.
3. PSPEC dibuat ada yang sampai pada algoritma, tetapi yang penting
adalah memudahkan dalam pengimplementasian.
4. Untuk membuat hasil PSPEC yang bagus perlu didukung konstruksi-
konstruksi, seperti IF then ELSE, DO CASE, DO WHILE, REPEAT
UNTIL, kalimat-kalimat linier (aksi-aksi saja).

PSPEC berisi nomor proses, nama proses, deskripsi proses, input, output,
dan logika proses.

2.9 Blackbox Testing

Metode uji coba black box memfokuskan pada keperluan fungsional dari
software. Karena itu uji coba black box memungkinkan pengembang
software untuk membuat himpunan kondisi input yang akan melatih seluruh
syarat - syarat fungsional suatu program. Ujicoba blackbox berusaha untuk
menemukan kesalahan dalam beberapa kategori, diantaranya :[2]

1. Fungsi-fungsi yang salah atau hilang.

2. Kesalahan interface.
3. Kesalahan dalam struktur data atau akses database eksternal.
4. Kesalahan performa.
5. kesalahan inisialisasi dan terminasi.

Dengan mengaplikasikan uji coba blackbox, diharapkan dapat

menghasilkan sekumpulan kasus uji yang memenuhi kriteria berikut :

1. Kasus uji yang berkurang, jika jumlahnya lebih dari 1, maka jumlah
dari ujikasus tambahan harus didesain untuk mencapai ujicoba yang
cukup beralasan.
 19

2. Kasus uji yang memberitahukan sesuatu tentang keberadaan atau

tidaknya suatu jenis kesalahan, daripada kesalahan yang terhubung
hanya dengan suatu ujicoba yang spesifik

2.10 MySQL

MySQL adalah sebuah perangkat lunak system manajemen basis daya

SQL ( bahasa Innggris: database manajemen system) atau DBMS yang
multithread, multiuser, dengan sekitar 6 juta instalasi di seluruh dunia.
MySQL AB membuat MySQL tersedia sebagai perangkat lunak lisensi GNU
General Public Lisence (GPL), tetapi mereka juga menjual dibawah lisensi
komersial untuk kasus-kasus dimana penggunanya tidak cocok dengan
penggunaan GPL[3].

MySQL memiliki beberapa keistimewaan, antara lain :

1.Portabilitas
2.Perangkat lunak sumber terbuka
3.Multi-User
4.’Performance Tuning’
5.Ragam Tipe Data
6.Perintah dan fungsi
7.Keamanan
8.Skalabilitas dan Pembatasan
9.Konektivitas
10.Lokalisasi
11.Antar Muka
12.Klien dan Peralatan
13.Struktur Tabel

Dalam bahasa SQL pada umumnya informasi tersimpan dalam tabel-tabel

secara logic merupakan struktur dua dimensi terdiri dari baris (row atau
 20

record) dan kolom (columns atau field).Sedangkan dalam sebuah database

dapat terdiri dari beberapa table.

Beberapa tipe data dalam MySQL yang sering dipakai :

 Tipe data keterangan INT(M) [UNSIGNED]

 Angka-2147483648 s/d 2147483647 FLOAT (M,D)
 Angka pecahan
 DATE Tanggal
 Format : YYYY –MM – DD
 DATETIME : Tanggal dan Waktu
 Format : YYYY-MM-DD HH:MM:SS
 CHAR(M)

2.11 PHP

PHP yang merupakan singkatan dari PHP Hypertext Preprocessor

adalah sebuah bahasa scripting yang terpasang pada HTML. Sebagian
besar sintaks hamper mirip dengan bahasa C, Java dan Perl, ditambah
beberapa fungsi PHP yang spesifik[3].
PHP pertama kali dibuat oleh Rasmus Lerdroft, seorang ahli
pemprograman bahasa C, pada tahun 1994.Awalnya PHP digunakan
untuk melakukan penghitungan jumlah pengunjung pada halaman web
yang dibuatnya. Selanjutnya ia mengeluarkan Personal Home Page Tools
versi 1.0 secara gratis pada tahun 1995 yang berisi sekumpulan script
PERL yang dibuatnya untuk membuat halaman webnya menjadi dinamis.
Pada tahun 1996, Rasmus mengeluarkan PHP versi 2.0 yang memiliki
kemampuan mengakses baris data dan dapat terintegrasi dengan HTML.
PHP adalah bahasa (scripting language) pemrograman terbuka
(open source) untuk pengembangan dan penggunaan di web.PHP
 21

memproses seluruh perintah yang berada dalam scriptPHP di dalam web

server dan menampilkan outputnya ke web browser klien. Dengan
menggunakan PHP maka maintenance suatu situs web menjadi lebih
mudah. Proses update data dapat dilakukan dengan menggunakan
aplikasi yang dibuat dengan menggunakan script PHP.
Software PHP berkerja bersama dengan Web Server. Web Server
adalah software yang mengirim halaman web kepada dunia,
sehinggahalaman web dapat diakses dengan menggunakan URL ke
dalam web browser. PHP akan diproses dan dikirim oleh web server ke
web browser.Bahasa PHP tidak akan dikirimkan ke browser, sehingga
kode PHP amandan transparan terhadap pengguna.
PHP tergolong cepat karena bahasa script server side yang
disisipkan pada HTML, sehingga waktu tanggap menjadi pendek, PHP
pun dapat dikatakan aman karena pengguna tidak melihat kode PHP,
dirancang untuk berinteraksi dengan database tertentu, dan lisensi open
source sehingga mengijinkan para pemogram untuk memodifikasi fitur-
fitur yang dibutuhkan.
PHP dimulai dengan tanda tag <? dan diakhiri dengan tanda ?>. Dan
untuk mencetak menggunakan perintah echo atau print. Untuk membuat
variable menggunakan tanda $.
Script PHP menerapkan aturan case sensitive yakni adanya
perbedaan penulisan antara huruf besar dan huruf kecil. Setiap penulisan
di dalam script harus mengikuti aturan penulisan yang telah ditentukan,
case sensitive dikenakan terutama untuk nama variabel.

Ketika menggunakan PHP, maka server akan melakukan hal-hal

sebagai berikut :
1. Membaca perintah dari client atau browser.
2. Mencari halaman atau page di server.
3. Melakukan instruksi yang diberikan oleh PHP untuk melakukan
modifikasi pada halaman atau page.
 22

4. Mengirim kembali halaman tersebut kepada client melalui internet atau

intranet.
Beberapa perintah PHP yang berfungsi untuk melakukan koneksi
dengan MySQL:
1. mysql_connect = untuk membuat koneksi dengan database.
2. mysql_select_db = untuk memilih database.
3. mysql_query = untuk menuliskan query SQL.
4. mysql_fetch_assoc = untuk mengambil nilai dari hasil pengeksekusian
query SQL dalam bentuk namafield dari suatu tabel dan bentuk array.
5. mysql_fetch_row = untuk mengambil nilai dari hasil pengeksekusian
query SQL dalam bentuk namafield dalam suatu tabel.
6. mysql_fetch_array = untuk mengambil nilai dari hasil pengeksekusian
query SQL dalam bentuk array.
7. mysql_num_rows = untuk menghitung jumlah baris yang dihasilkan dari
suatu query.
8. mysql_error = untuk menampilkan pesan error yang terjadi pada
database.

Aturan penamaan variabel dalam PHP :

 Variabel tidak boleh diawali dengan angka, tetapi boleh berisi angka
setelah huruf.
 Tidak boleh mengandung unsur spasi dalam penamaan.
 Boleh menggunakan garis bawah ( _ ) pada awal, tengah ataupun akhir
variabel.

Keunggulan PHP :
1. Bahasa pemrograman PHP adalah sebuah bahasa script yang tidak
melakukan sebuah kompilasi dalam penggunaanya.
2. WebServer yang mendukung PHP dapat ditemukan dimana - mana dari
mulai IIS sampai dengan apache, dengan konfigurasi yang relatif
mudah.
 23

3. Dalam sisi pengembangan lebih mudah, karena banyaknya milis-milis

dan developer yang siap membantu dalam pengembangan.
4. Dalam sisi pemahaman, PHP adalah bahasa scripting yang paling
mudah karena referensi yang banyak.

PHP adalah bahasa opensource yang dapat digunakan di berbagai mesin

(linux, unix, windows) dan dapat dijalankan secara runtime melalui console
serta juga dapat menjalankan perintah-perintah sistem[4].

2.12 CRM
Customer Relationship Management atau lebih dikenal sebagai
CRMmerupakan sebuah fungsi terintegrasi yang menunjang sebuah
perusahaan dalambidang pemasaran, penjualan, dan pelayanan, yang
dapat meningkatkan nilaikepuasan pelanggan. Dengan meningkatnya nilai
kepuasan pelanggan maka angkapenjualan perusahaan akan mengalami
peningkatan.CRM mengatur hubungan antara perusahaan dengan para
pelanggansehingga keduanya mendapatkan nilai maksimum dari
hubungan tersebut.CRMmerupakan strategi yang baik untuk tetap dapat
menjalin hubungan denganpelanggan yang sudah ada sebelumnya, karena
dapat menekan pengeluaran yangberlebih dan tidak dibutuhkan, serta
dapat menarik pelanggan yang baru.
Oleh sebabitu, usaha untuk memahami dan mengerti kebutuhan-kebutuhan
para pelanggansangat dibutuhkan untuk menjaga kepercayaan pelanggan
dan meningkatkan nilailoyalitas pelanggan terhadap perusahaan [5].
Proses-proses yang terjadi didalam CRM meliputi sebuah proses
pencariancara untuk menambahkan nilai suatu hubungan dengan
pelanggan. Semua itu tidakhanya mencakup mengenai cara
berkomunikasi, semua itu mengenai apa yang harus dilakukan untuk
memelihara sebuah hubungan dan menunjukkan kepedulian perusahaan
terhadap pelanggan
24
 25

BAB 3. ANALISIS DAN RANCANGAN SISTEM

Dalam bab ini, akan dibahas mengenai analisis dan perancangan

sistem, berupa rancangan diagram alur (flowchart), diagram alur data, (Data
Flow Diagram), ERD (Entity Relationship Diagram), serta beberapa
rancangan User Interface.

3.1 Analisis

Secara garis besar, proses yang terjadi dalam Lian Salonterdiri dari4proses
yaitu :

1. Proses Pembelian Barang,

2. Proses Penjualan Jasa
3. Proses Penjualan Barang
4. Proses Penggajian Karyawan

yang masing-masing ditunjukkan pada gambar dibawah :

 26

Mengarsipkan
Nota

Gambar3.1Flowchart Proses BisnisPembelian Barang

Proses pembelian barang dimulai saat pihak salon bertemu dengan

supplier barang dan memilih barang yang akan di beli. Dilanjutkan dengan
penentuan barang yang telah dipilih untuk kemudian dibeli. Supplier
kemudian menuliskan nota total jumlah kepada pihak salon dan untuk
kemudian dibayar oleh pihak salon. Pihak supplier mengarsipkan salinan
nota sebagai bukti. Pihak salon menyimpan nota untuk diarsipkan dan
 27

kemudian membayar total jumlah pembelian mereka kepada supplier.

Setelah transaksi selesai pihak salon membukukan transaksinya di dalam
buku bulanan. Proses ini terjadi kepada semua supplier.

Gambar 3.2FlowchartProses Bisnis Penjualan Jasa

 28

Proses penjualan jasa terjadi saat customer datang ke salon dan

kemudian bertemu bagian customerservice salon untuk ditanyakan keluhan
atau permintaannya. Customerservice salon kemudian mendengarkan
keluhan ataupun permintaan khusus dari customer tersebut untuk dicarikan
solusinya.Solusi diberitahukan kepada pihak customer untuk disetujui. Jika
customer tidak setuju, pihak salon akan mencarikan solusi lain yang
mungkin lebih bisa diminati oleh customer. Apabila customer telah setuju
maka pihak salon akan mencatatnya dan langsung membukukan transaksi.
Dilanjutkan dengan proses jasa yang diminta oleh customer seperti gunting
rambut, creambath, dsb. Setelah proses selesai dilanjutkan dengan
pembayaran yang dilakukan oleh customer.
 29

Gambar 3.3Flowchart Proses BisnisPenjualan Barang

 30

Proses penjualan barang dimulai saat customer memilih barang

yang disediakan oleh pihak salon di bagian display. Pihak customer yang
tertarik boleh mengajukan penawaran harga terlebih dahulu kepada pihak
salon. Pihak salon pun akan mengajukan penawaran harganya hingga
mendapatkan kesepakatandari kedua pihak. Jika telah disetujui pihak salon
akan menuliskan nota untuk pihak customer, kemudian salinan dari nota
tersebut akan diarsipkan oleh pihak salon. Dilanjutkan dengan customer
membayar pihak salon. Kemudian salon membukukan transaksi tersebut di
buku transaksi.

Gambar 3.4Flowchart Proses BisnisPenggajian Karyawan

 31

Proses penggajian dimulai dengan pemilik salon melihat rekap data

karyawan selama 1 bulan terakhir untuk kemudian di jumlahkan dengan
standar komisi dari salon. Karyawan berhak mencocokan data yang ada
dengan yang diberikan owner salon. Kemudian salon menggaji karyawan
dan karyawan menerima gaji mereka.

3.2 Perancangan

3.2.1 Entity Relationship Diagram

Dalam pembuatan sistem, akan dirancang sebuah database yang terdiri

dari beberapa tabel yang digunakan untuk menyimpan data dimana
masing-masing tabel memiliki hubungan.

Sebelum membuat database, terlebih dahulu membuat sebuah rancangan

dari relasi tabel yang akan digunakan dengan baik agar data dapat
terintegrasi dengan baik.

Rancangan entity relationaltersebut dapat dilihat pada gambar 6:

 32

Value Deskripsi
Urutan Urutan
Tanggal
Urutan
Nama Nama
Keterangan
Gambar
Setting Promo Password
Tanggal IDMember
Diskon Pembagian IDReservasi Nama
KodePaket Kerja
Username

NamaPaket Telepon
IDKaryawan R_Karyawan_
R_Jasa_ R_Karyawan_ Alamat Reservasi Member
Reservasi
Paket PembagianKerja PembagianKerja Nama
Jasa

Karyawan IDBarang Nama

Harga Dasar Barang R_Reservasi_
R_PaketJasa_ Member
PaketDetail
Barang R_Member_
R_Karyawan_
IDJasa Nama Feedback
Urutan Absen Alamat
Jasa
Jumlah Telepon
Paket R_Barang_
KodePaket Detail Jasa Pembelian
Urutan Jam Masuk BarangDetail
R_Supplier_
R_Barang_ Supplier
Absen Pembelian
Penjualan
BarangDetail
Harga Dasar Tanggal Jam Keluar
R_PaketDetail_
IDSupplier Feedback
Jasa
Pembelian Nama

R_Jasa_ Penjualan
R_Karyawan_
Penjualan Penjualan NoFaktur
TotalHarga
JasaDetail JasaDetail Jual NoFaktur
TotalHarga
Beli Deskripsi
Tanggal Tanggal
Urutan
R_Penjualan_
R_Penjualan_ R_Feedback_
Penjualan R_Pembelian_
PenjualanJasa Nama Penjualan
Barang Pembelian
Detail
Kelompok
Jasa
Penjualan Penjualan
JasaDetail BarangDetail
Pembelian
Detail
Urutan HargaJual Urutan HargaJual
Urutan Keterangan
Jumlah Subtotal Jumlah Subtotal
Jumlah Subtotal
 33

Gambar 3.5Entity Relationship Diagram

 34

3.2.2 Perancangan Data Flow Diagram (DFD)

Gudang

Data Barang

Data Barang
Data Barang, Data Pembelian, Data
Data Laporan
Penjualan, Data Master, Data Absensi Sistem
Manajemen Informasi Owner
Data Barang, Data Pembelian, Data Salon
Data Laporan
Penjualan, Data Master, Data Absensi

Gambar 3.6 DFD Level 0

Keterangan :
Data Barang = IDbarang, Nama Barang HargaDasar, Jumlah
Data Pembelian = NoFakBeli, Tanggal, TotalHarga, Jumlah, Subtotal,
IDSupplier, IDBarang, HargaBeli
Data Penjualan = NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal,
IDBarang, IDJasa, HargaJual, IDKaryawan
Data Master = IDKaryawan, Nama, Telepon, Alamat, IDMember,
Username, Password, NamaMember, IDSupplier, NamaSupplier,
AlamatSupplier, Telepon, IDJasa, NamaJasa, HargaDasar, Kelompok
Data Absensi = Urutan, TanggalAbsen, JamMasuk, JamKeluar
Data Laporan = No Faktur, Tanggal , Total Jual, Total Beli
 35

NoFakBeli, Tanggal, TotalHarga, Jumlah,

NoFakturBeli NoFakturBeli
Subtotal, IDSupplier, IDBarang, HargaBeli 1 tbPembelian
NoFakturBeli NoFakturBeli
Pengelolaan
Data Data Pembelian tbPembelian Data Pembelian
NoFakBeli, Tanggal, TotalHarga, Jumlah,
Pembelian Detail Data Pembelian
Subtotal, IDSupplier, IDBarang, HargaBeli Data Pembelian

NoFakJual, Tanggal, TotalHarga,

Jumlah, Subtotal, IDBarang, NoFakturJual NoFakturJual
2 tbPenjualan
IDJasa, HargaJual, IDKaryawan NoFakturJual NoFakturJual 5
Pengelolaan
Pengelolaan
Data Data Penjualan tbPenjualan NoFakturJual
NoFakJual, Tanggal, TotalHarga, Laporan
Penjualan Data Penjualan Detail NoFakturJual
Jumlah, Subtotal, IDBarang,
IDJasa, HargaJual, IDKaryawan

NoFaktur, Tanggal,
TotalJual, TotalBeli
NoFaktur, Tanggal,
TotalJual, TotalBeli
IDKaryawan
tbKaryawan
IDKaryawan
Data Master 3
Pengelolaan IDSupplier
tbSupplier Manajemen
Data Master
Data Master IDSupplier

IDJasa
Manajemen tbJasa
IDJasa

IDbarang, Nama Barang

HargaDasar, Jumlah 4
IDBarang
IDbarang, Nama Barang HargaDasar, Jumlah Pengelolaan tbBarang
Data Barang & IDBarang
IDbarang, Nama Barang HargaDasar, Jumlah
Stock
IDbarang, Nama Barang
IDBarang
IDBarang

HargaDasar, Jumlah 6
Pengelolaan
Gudang Data Absensi

tbPembelian
Detail
Urutan, TanggalAbsen, JamMasuk, JamKeluar

Urutan, TanggalAbsen, JamMasuk, JamKeluar

Data Master = IDKaryawan, Nama, Telepon, Alamat, IDMember, Username, Password, NamaMember,
IDSupplier, NamaSupplier, AlamatSupplier, Telepon, IDJasa, NamaJasa, HargaDasar, Kelompok
Data Pembelian = NoFakBeli, Tanggal, TotalHarga, Jumlah, Subtotal, IDSupplier, IDBarang, HargaBeli
Data Penjualan = NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal, IDBarang, IDJasa, HargaJual, IDKaryawan
Gambar 3.7DFD Level 1

NoFaktur, Tanggal, TotalPembelian,

Jumlah, IDBarang
1.1
Tambah
Data
NoFaktur, IDBarang,

NoFaktur, IDBarang,
Jumlah, Subtotal
Jumlah, Subtotal

NoFaktur, Tanggal,
NoFaktur, Tanggal,

Pembelian
TotalPembelian

TotalPembelian, Jumlah, IDBarang

NoFaktur, Tanggal,
TotalPembelian

NoFaktur, Tanggal, NoFaktur, Tanggal,

TotalPembelian 1.2 TotalPembelian
Cari tbPembelian
Manajemen tbPembelian
Data Detail
NoFaktur, Tanggal, Pembelian
NoFaktur, IDBarang,

TotalPembelian
Jumlah, Subtotal

NoFaktur, Tanggal, NoFaktur, Tanggal,

TotalPembelian
1.3 TotalPembelian
Lihat
Data
Pembelian

Gambar 3.8DFD Level 2 Proses 1

 36

2.1
NoFaktur, Tanggal, TotalPenjualan
Kelola

IDKaryawan, Jumlah, Subtotal

IDKaryawan, Jumlah, Subtotal

NoFaktur, IDBarang/IDJasa,
NoFaktur, IDBarang/IDJasa,
Data

NoFaktur, Tanggal,
NoFaktur, Tanggal, TotalPenjualan Penjualan

TotalPenjualan
NoFaktur, Tanggal,
TotalPenjualan
2.2 NoFaktur, Tanggal,
NoFaktur, Tanggal, TotalPenjualan TotalPenjualan
Cari tbPenjualan
Manajemen tbPenjualan
Data Detail
NoFaktur, Tanggal, TotalPenjualan Penjualan

IDKaryawan, Jumlah, Subtotal

NoFaktur, IDBarang/IDJasa,
2.3
NoFaktur, Tanggal, TotalPenjualan NoFaktur, Tanggal, TotalPenjualan
Lihat
Data
Penjualan

Gambar 3.9 DFD Level 2 Proses 2

IDMember, Username, Password, Nama

IDMember, Username, Password, Nama

IDJasa, NamaJasa, HargaJual

IDJasa, NamaJasa, HargaJual

IDKaryawan, NamaPegawai, Alamat

IDKaryawan, NamaKaryawan, Alamat, IDSupplier, IDKaryawan, NamaPegawai, Alamat

NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual 3.1 IDSupplier, Nama, Alamat, Telepon
Kelola
IDKaryawan, NamaKaryawan, Alamat, IDSupplier, Data Master IDSupplier, Nama, Alamat, Telepon
NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual

tbSupplier
r, N a ma
pplie a ma
IDSu pplie
r, N
IDSu
a m a
N
rya wan, tbKaryawan
IDKaryawan, NamaKaryawan, Alamat, IDSupplier,
3.2 IDKa
NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual a ma
Manajemen Cari an , N
ryaw
IDKa IDJasa, NamaJasa
Data Master
IDKaryawan, NamaKaryawan, Alamat, IDSupplier, tbJasa
NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual IDJasa, NamaJasa IDMe
Nam mber,
a Me
mb e
r
IDMe
mb e tbMember
r, Na
ma M
e mb
er

IDKaryawan, NamaKaryawan, Alamat, IDSupplier,

NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual
3.3
IDJasa, NamaJasa, HargaJual
Lihat
IDKaryawan, NamaKaryawan, Alamat, IDSupplier,
NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual Data Master IDSupplier, Nama, Alamat, Telepon
IDKaryawan, NamaKaryawan, Alamat

IDMember, Username, Password, Nama

Gambar 3.10 DFD Level 2 Proses 3

 37

IDBarang, Jumlah,
Tanggal
4.1
Kelola
Data Barang &
IDBarang, Jumlah,

IDBarang, Jumlah,
Tanggal Stok

IDBarang, Jumlah,

Tanggal
Tanggal
IDBarang, Jumlah, IDBarang, Jumlah,
Tanggal 4.2 Tanggal
Cari
Gudang tbBarang
Data Barang &
IDBarang, Jumlah, Stok
Tanggal

IDBarang, Jumlah, IDBarang, Jumlah,

Tanggal
4.3 Tanggal
Lihat
Data Barang &
Stok

Gambar 3.11 DFD Level 2 Proses 4

IDBarang, Jumlah, Subtotal

NoFakturBeli, IDSupplier

IDJasa, IDKaryawan, Jumlah, Subtotal

IDBarang, Jumlah, HargaJual, Subtotal

NoFaktur, TotalPembelian, Tanggal, Jumlah, Subtotal,
IDBarang, IDSupplier, IDJasa, IDKaryawan, JumlahBarang 5.1 NoFaktur, Tanggal, TotalHarga
Pembuatan
NoFaktur, TotalPembelian, Tanggal, Jumlah, Subtotal, Laporan
IDBarang, IDSupplier, IDJasa, IDKaryawan, JumlahBarang
tbPenjualan
rga
To talHa
Tan ggal,
ktur, tal
NoFa Subto tbPenjualan
Jual,
h, H arga BarangDetail
, Jumla
NoFaktur, TotalPembelian, Tanggal, Jumlah, rang
IDBa
Subtotal, IDBarang, IDSupplier, IDJasa, 5.2
IDKaryawan, JumlahBarang IDJasa, IDKaryawan, Jumlah, Subtotal tbPenjualan
Manajemen Cari
JasaDetail
Laporan
NoFaktur, TotalPembelian, Tanggal, Jumlah, Subtotal,
IDBarang, IDSupplier, IDJasa, IDKaryawan, JumlahBarang NoFakturBeli, IDSupplier

tbPembelian
IDBa
rang
, Ju m
lah, S
ubto
tal
tbPembelian
NoFaktur, TotalPembelian, Tanggal, Jumlah, Subtotal, Detail
IDBarang, IDSupplier, IDJasa, IDKaryawan, JumlahBarang 5.3 IDBarang, Jumlah, Subtotal
Lihat
NoFakturBeli, IDSupplier
Laporan
IDJasa, IDKaryawan, Jumlah, Subtotal

IDBarang, Jumlah, HargaJual, Subtotal

NoFaktur, Tanggal, TotalHarga

Gambar 3.12 DFD Level 2 Proses 5

 38

NoFaktur, IDBarang/IDJasa, IDKaryawan,

IDKaryawan, Jumlah, Subtotal

Jumlah, Subtotal

NoFaktur, IDBarang/IDJasa,

IDKaryawan, Jumlah, Subtotal

2.1.1

NoFaktur, IDBarang/IDJasa,
Tambah data

IDJasa, IDKaryawan,
NoFaktur, IDBarang/
Jumlah, Subtotal
IDJasa, IDKaryawan,
NoFaktur, IDBarang/
NoFaktur, IDBarang/IDJasa, IDKaryawan, Penjualan

Jumlah, Subtotal
Jumlah, Subtotal

NoFaktur, IDBarang/IDJasa, IDKaryawan,

Jumlah, Subtotal 2.1.2 tbPenjualan
Manajemen Ubah data tbPenjualan
Detail
NoFaktur, IDBarang/IDJasa, IDKaryawan, Penjualan

IDJasa, IDKaryawan,
NoFaktur, IDBarang/
Jumlah, Subtotal

Jumlah, Subtotal

IDKaryawan, Jumlah, Subtotal

NoFaktur, IDBarang/IDJasa,
NoFaktur, IDBarang/IDJasa, IDKaryawan,
Jumlah, Subtotal
2.1.3 NoFaktur, IDBarang/IDJasa, IDKaryawan,
Jumlah, Subtotal
Hapus data
Penjualan

Tanggal, IDKaryawan, IDMember

2.1.4 Tanggal, IDKaryawan, IDMember
Tambah Data tbReservasi
Tanggal, IDKaryawan, IDMember Reservasi Tanggal, IDKaryawan, IDMember

IDReservasi 2.1.5 Tanggal, IDKaryawan, IDMember

Hapus Data
Reservasi

Gambar 3.13 DFD Level 3 Proses 2.1

IDMember, Username, Password, Nama

IDMember, Username, Password, Nama

IDJasa, NamaJasa, HargaJual

IDJasa, NamaJasa, HargaJual

IDKaryawan, NamaPegawai, Alamat

IDKaryawan, NamaKaryawan, Alamat, IDSupplier,
NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual, IDKaryawan, NamaPegawai, Alamat
Kelompok, IDMember, Username, Password, Nama 3.1.1 IDSupplier, Nama, Alamat, Telepon
Tambah data
IDKaryawan, NamaKaryawan, Alamat, IDSupplier,
Master IDSupplier, Nama, Alamat, Telepon
NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual,
Kelompok, IDMember, Username, Password, Nama

tbSupplier
ma
r, Na
pplie r, Na
ma
IDSu pplie
IDSu
a
IDKaryawan, NamaKaryawan, Alamat, IDSupplier, a n, Nam
ryaw tbKaryawan
NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual, 3.1.2 IDKa
Kelompok, IDMember, Username, Password, Nama a ma
Manajemen Ubah data an , N
ryaw
IDKa IDJasa, NamaJasa
IDKaryawan, NamaKaryawan, Alamat, IDSupplier, Master
NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual,
tbJasa
Kelompok, IDMember, Username, Password, Nama IDJasa, NamaJasa IDMe
Nam mber,
a Me
mb e
r
IDMe
mb e tbMember
r, Na
ma M
e mb
er
IDKaryawan, NamaKaryawan, Alamat, IDSupplier,
NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual,
Kelompok, IDMember, Username, Password, Nama 3.1.3
IDJasa, NamaJasa, HargaJual
Hapus data
Master IDSupplier, Nama, Alamat, Telepon
IDKaryawan, NamaKaryawan, Alamat

IDMember, Username, Password, Nama

Gambar 3.14 DFD Level 3 Proses 3.1

 39

4.1.1
IDBarang, Jumlah, Tanggal
Tambah
Data Barang &

IDBarang, Jumlah,
IDBarang, Jumlah, Tanggal Stok

IDBarang, Jumlah,

Tanggal
Tanggal
4.1.2 IDBarang, Jumlah,
IDBarang, Jumlah, Tanggal
Ubah Tanggal
Gudang tbBarang
Data Barang &
Stok KodeBarang, Jumlah,
IDBarang, Jumlah, Tanggal
Tanggal

IDBarang, Jumlah, Tanggal 4.1.3 IDBarang, Jumlah, Tanggal

Hapus Data
Barang & Stok

Gambar 3.15 DFD Level 3 Proses 4.1

3.2.3 PSPEC (Process Specification)

Berikut adalah process specification hasil breakdown dari Data Flow

Diagram :

Tabel 3.1 PSPEC Proses 1.1

Nomor 1.1
Nama Tambah Data Pembelian
Deskripsi Menambah data transaksi pembelian
Input NoFakBeli, Tanggal, TotalHarga, Jumlah, Subtotal, IDSupplier,
IDBarang, HargaBeli
Output NoFakBeli, Tanggal, TotalHarga, Jumlah, Subtotal, IDSupplier,
IDBarang, HargaBeli
Logika if input = valid then
insert input to tbPembelian
if insert = success then
status message = ‘sukses’
else
 40

status message = ‘data gagal di input’

Tabel 3.2 PSPEC Proses 1.2

Nomor 1.2
Nama Cari Data Pembelian
Deskripsi Mencari data transaksi pembelian
Input NoFakBeli, Tanggal, TotalHarga, Jumlah, Subtotal, IDSupplier,
IDBarang, HargaBeli
Output NoFakBeli, Tanggal, TotalHarga, Jumlah, Subtotal, IDSupplier,
IDBarang, HargaBeli
Logika if input = valid then
select from tbPembelian
return query

Tabel 3.3 PSPEC Proses 1.3

Nomor 1.3
Nama Lihat Data Pembelian
Deskripsi Mencari data transaksi pembelian
Input -
Output NoFakBeli, Tanggal, TotalHarga, Jumlah, Subtotal, IDSupplier,
IDBarang, HargaBeli
Logika select from tbPembelian
return query

Tabel 3.4 PSPEC Proses 2.2

Nomor 2.2
Nama Cari Data Penjualan
 41

Deskripsi Mencari data penjualan

Input NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal, IDBarang,
IDJasa, HargaJual, IDKaryawan
Output NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal, IDBarang,
IDJasa, HargaJual, IDKaryawan
Logika if input = valid then
select from tbPenjualan
return query

Tabel 3.5 PSPEC Proses 2.3

Nomor 2.3
Nama Lihat Data Penjualan
Deskripsi Mencari data penjualan
Input -
Output NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal, IDBarang,
IDJasa, HargaJual, IDKaryawan
Logika select from tbPenjualan
return query

Tabel 3.6 PSPEC Proses 2.1.1

Nomor 2.1.1
Nama Tambah Data Penjualan
Deskripsi Menambah data penjualan
Input NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal, IDBarang,
IDJasa, HargaJual, IDKaryawan
Output NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal, IDBarang,
IDJasa, HargaJual, IDKaryawan
Logika if input = valid then
insert input to tbPenjualan
if insert = success then
status message = ‘sukses’
 42

else
status message = ‘data gagal di input’

Tabel 3.7 PSPEC Proses 2.1.2

Nomor 2.1.2
Nama Ubah Data Penjualan
Deskripsi Mengubah data penjualan
Input NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal, IDBarang,
IDJasa, HargaJual, IDKaryawan
Output NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal, IDBarang,
IDJasa, HargaJual, IDKaryawan
Logika if input = valid then
update tbPenjualan
if update = success then
status message = ‘sukses’
else
status message = ‘data gagal di update’

Tabel 3.8 PSPEC Proses 2.1.3

Nomor 2.1.3
Nama Hapus Data Penjualan
Deskripsi Menghapus data penjualan
Input NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal, IDBarang,
IDJasa, HargaJual, IDKaryawan
Output NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal, IDBarang,
IDJasa, HargaJual, IDKaryawan
Logika if input = valid then
delete from tbPenjualan
if update = success then
status message = ‘sukses’
else
 43

status message = ‘data gagal di dihapus

Tabel 3.9 PSPEC Proses 3.2

Nomor 3.2
Nama Cari Data Master
Deskripsi Mencari data master
Input IDKaryawan, Nama, Telepon, Alamat, IDMember, Username,
Password, NamaMember, IDSupplier, NamaSupplier,
AlamatSupplier, Telepon, IDJasa, NamaJasa, HargaDasar,
Kelompok
Output IDKaryawan, Nama, Telepon, Alamat, IDMember, Username,
Password, NamaMember, IDSupplier, NamaSupplier,
AlamatSupplier, Telepon, IDJasa, NamaJasa, HargaDasar,
Kelompok
Logika if input = valid then
select from tbMaster
return query

Tabel 3.10 PSPEC Proses 2.3

Nomor 2.3
Nama Lihat Data Master
Deskripsi Mencari data master
Input -
Output IDKaryawan, Nama, Telepon, Alamat, IDMember, Username,
Password, NamaMember, IDSupplier, NamaSupplier,
AlamatSupplier, Telepon, IDJasa, NamaJasa, HargaDasar,
Kelompok
Logika select from tbMaster
 44

return query

Tabel 3.11 PSPEC Proses 3.1.1

Nomor 3.1.1
Nama Tambah Data Master
Deskripsi Menambah data master
Input IDKaryawan, Nama, Telepon, Alamat, IDMember, Username,
Password, NamaMember, IDSupplier, NamaSupplier,
AlamatSupplier, Telepon, IDJasa, NamaJasa, HargaDasar
Output IDKaryawan, Nama, Telepon, Alamat, IDMember, Username,
Password, NamaMember, IDSupplier, NamaSupplier,
AlamatSupplier, Telepon, IDJasa, NamaJasa, HargaDasar
Logika if input = valid then
insert input to tbMaster
if insert = success then
status message = ‘sukses’
else
status message = ‘data gagal di input’

Tabel 3.12 PSPEC Proses 3.1.2

Nomor 3.1.2
Nama Ubah Data Master
Deskripsi Mengubah data master
Input IDKaryawan, Nama, Telepon, Alamat, IDMember, Username,
Password, NamaMember, IDSupplier, NamaSupplier,
AlamatSupplier, Telepon, IDJasa, NamaJasa, HargaDasar,
Kelompok
Output IDKaryawan, Nama, Telepon, Alamat, IDMember, Username,
Password, NamaMember, IDSupplier, NamaSupplier,
 45

AlamatSupplier, Telepon, IDJasa, NamaJasa, HargaDasar,

Kelompok
Logika if input = valid then
update tbMaster
if update = success then
status message = ‘sukses’
else
status message = ‘data gagal di update’

Tabel 3.13 PSPEC Proses 3.1.3

Nomor 3.1.3
Nama Hapus Data Master
Deskripsi Menghapus data master
Input IDKaryawan, IDMember, IDSupplier, IDJasa
Output IDKaryawan, Nama, Telepon, Alamat, IDMember, Username,
Password, NamaMember, IDSupplier, NamaSupplier,
AlamatSupplier, Telepon, IDJasa, NamaJasa, HargaDasar
Logika if input = valid then
delete from tbMaster
if update = success then
status message = ‘sukses’
else
status message = ‘data gagal di dihapus'

Tabel 3.14 PSPEC Proses 4.2

Nomor 4.2
Nama Cari Data barang&stock
Deskripsi Mencari data barang&stock
Input IDBarang, Nama Barang HargaDasar, Jumlah
Output IDBarang, Nama Barang HargaDasar, Jumlah
 46

Logika if input = valid then

select from tbBarang
return query

Tabel 3.15 PSPEC Proses 4.3

Nomor 4.3
Nama Lihat Data barang&stock
Deskripsi Mencari data barang&stock
Input -
Output IDBarang, Nama Barang HargaDasar, Jumlah
Logika select from tbBarang
return query

Tabel 3.16 PSPEC Proses 4.1.1

Nomor 4.1.1
Nama Tambah Data barang&stock
Deskripsi Menambah data barang&stock
Input IDBarang, Nama Barang HargaDasar, Jumlah
Output IDBarang, Nama Barang HargaDasar, Jumlah
Logika if input = valid then
insert input to tbBarang
if insert = success then
status message = ‘sukses’
else
status message = ‘data gagal di input’

Tabel 3.17 PSPEC Proses 4.1.2

Nomor 4.1.2
Nama Ubah Data barang & stock
 47

Deskripsi Mengubah data barang & stock

Input IDBarang, Nama Barang HargaDasar, Jumlah
Output IDBarang, Nama Barang HargaDasar, Jumlah
Logika if input = valid then
update tbBarang
if update = success then
status message = ‘sukses’
else
status message = ‘data gagal di update'

Tabel 3.18 PSPEC Proses 4.1.3

Nomor 4.1.3
Nama Hapus Data barang & stock
Deskripsi Menghapus data barang & stock
Input IDBarang, Nama Barang HargaDasar, Jumlah
Output IDBarang, Nama Barang HargaDasar, Jumlah
Logika if input = valid then
delete from tbBarang
if update = success then
status message = ‘sukses’
else
status message = ‘data gagal di dihapus'

3.2.4 Perancangan User Interface

Berikut adalah beberapa rancangan user interface yang diajukan :

 48

Mozilla Firefox - Login

Login
Username :

Password :

Login

Gambar 3.16 Contoh User InterfaceMenu Login Member

Gambar 3.16 menampilkan login screen dari website. Pada menu ini,
terdapat username dan password yang harus diisi oleh user

Contact Us

Contact Us
Name :

Email :

Message :

MESSAGE

Submit

Gambar 3.17 Tampilan Contact Us

Gambar 3.17 menampilkan rancangan halaman contact us yang berisi

textbox nama, email, dan pesan untuk dikirimkan melalui email.
 49

Lian Salon

Header & Menu

DYNAMIC GALLERY

Content 1 Content 2 Content 2

Content 4 Testimonial

Footer 1 Footer 2 Footer 3

Gambar 3.18 Tampilan Utama Website

Gambar 3.18 menampilkan rancangan menu utama dari website yang berisi
kerangka mulai dari header, gallery, sampai ke footer.

Data Barang

Cari Data
Cari : [pilih berdasarkan] Cari Lihat Semua

KodeBarang NamaBarang Harga Jumlah

Tambah Ubah Hapus Print Kembali

 50

Gambar 3.19 Tampilan Data Barang (Administrator)

Gambar 3.19 menampilkan rancangan menu data barang yang berisi

datagrid beserta tombol operasi tambah, ubah, hapus, dan print.

Data Jasa

Cari Data
Cari : [pilih berdasarkan] Cari Lihat Semua

KodeJasa Nama Jasa Harga

Tambah Ubah Hapus Print Kembali

Gambar 3.20 Tampilan Data Jasa (Administrator)

Gambar 3.20 menampilkan rancangan menu jasa dari website yang berisi
datagridbeserta tombol operasi tambah, ubah, hapus, dan print.

Data Absensi

Cari Data
Cari : [pilih berdasarkan] Cari Lihat Semua

Tanggal Nama Pegawai Jam Masuk Jam Keluar

Tambah Ubah Hapus Print Kembali

Gambar 3.21 Tampilan Data Absensi (Administrator)

Gambar 3.21 menampilkan rancangan menu absensi dari website yang

berisi datagridbeserta tombol operasi tambah, ubah, hapus, dan print.
 51

Data Karyawan

Cari Data
Cari : [pilih berdasarkan] Cari Lihat Semua

KodeKaryawan Nama Telepon Alamat

Tambah Ubah Hapus Print Kembali

Gambar 3.22 Tampilan Data Karyawan (Administrator)

Gambar 3.22 menampilkan rancangan menu karyawan dari website yang

berisi datagridbeserta tombol operasi tambah, ubah, hapus, dan print.

Data Supplier

Cari Data
Cari : [pilih berdasarkan] Cari Lihat Semua

KodeSupplier Nama Supplier Telepon Alamat

Tambah Ubah Hapus Print Kembali

Gambar 3.23 Tampilan Data Supplier (Administrator)

Gambar 3.23 menampilkan rancangan menu supplier dari website yang

berisi datagridbeserta tombol operasi tambah, ubah, hapus, dan print.
 52

Data Member

Cari Data
Cari : [pilih berdasarkan] Cari Lihat Semua

Kode Member Nama Member Username Password

Tambah Ubah Hapus Print Kembali

Gambar 3.24 Tampilan Data Member (Administrator)

Gambar 3.20 menampilkan rancangan menu member dari website yang

berisi datagridbeserta tombol operasi tambah, ubah, hapus, dan print.

Dashboard

Dashboard Barang Jasa Supplier Karyawan Absensi Penjualan Pembelian Logout

Home > Barang

Insert Delete

Data Barang : Sort Order Action

Barang A 0 [Edit]
Barang B 0 [Edit]
Barang C 0 [Edit]
Barang D 0 [Edit]

Continue

Gambar 3.25 Tampilan Dashboard Administrator

Gambar 3.25 menampilkan rancangan menu dashboard dari website yang

berisi daftar menu ke halaman lainnya.
 53

BAB 4. HASIL PENELITIAN

4.1 Realisasi Program

Berikut ditampilkan beberapa screenshot dari hasil realisasi program :

Gambar 4.1 Tampilan Home Screen

Gambar 4.1 menampilkan home screen dari websit. Pada menu ini,
terdapatketerangan tentang Lian Salon, untuk dapat dilihat oleh
pengunjung.
 54

Gambar 4.2 Tampilan Login

Gambar 4.2 menampilkan login form dari program untuk menentukan level
akses dari user. Pada menu ini, user diharuskan mengisi fieldusername dan
password yang kosong, kemudian menekan tombol login untuk melakukan
proses login. Terdapat pula link untuk mengganti password, lupa password,
maupun signup.

Gambar 4.3 Tampilan Ganti Password

Gambar 4.3 menampilkan halaman ganti password. Pada menu ini, user
diharuskan mengisi data-data yang diminta untuk melakukan proses ganti
password.
 55

Gambar 4.4 Tampilan Signup

Gambar 4.4 menampilkan halaman signup. Pada menu ini, user diharuskan
mengisi data-data yang diminta untuk melakukan proses pendaftaran
menjadi member.

Gambar 4.5 Halaman Member

Gambar 4.5 menampilkan halaman member. Pada menu ini, member dapat
melakukan reservasi sebelum datang ke salon dengan mengisi data-data
yang dimintasepert diatas.
 56

Gambar 4.6 Tampilan Menu Administrator

Gambar 4.6 menampilkan halaman administrator. Di halaman ini, terdapat

seluruh menu yang dapat diakses oleh administratormulai dari data master,
absensi, reservasi, penjualan, pembelian, sampai laporan, dengan sub-
menu masing-masing

Gambar 4.7 Tampilan Menu Data Master Member

Gambar 4.7 menampilkan halaman data master member. Di halaman ini,

terdapat seluruh data member yang sudah teregistrasi. Administrator juga
dapat menambah, edit, maupun menghapus data member yang ada.
 57

Gambar 4.8 Tampilan Tambah Absensi

Gambar 4.8 menampilkan halaman tambah data absensi. Administrator

diharuskan untuk mengisi data yang dibutuhkan untuk menambahkan data
absensi.Halaman ini dilengkapi pula dengan fitur auto-complete untuk
pengisian id/nama karyawan.

Gambar 4.9 Tampilan Tambah Pembelian

Gambar 4.9 menampilkan halaman tambah data pembelian

barang.Administrator diharuskan untuk mengisi data yang dibutuhkan
 58

untuk menambahkan data absensi.Halaman ini dilengkapi pula dengan

fitur auto-complete untuk pengisian data supplier maupun data barang.
 59

BAB 5. PEMBAHASAN DAN UJI COBA HASIL

PENELITIAN

5.1 Pengujian
Dalam pembuatan websiteLian Salon ini, diperlukan pengujian-pengujian
tertentu untuk menguji kemampuan dari sistem yang terdapat dalam
aplikasi ini. Pengujian dilakukan dengan metode Black Box Testing, dimana
program diuji coba secara langsung untuk mengetahui bug-bug yang
terdapat dalam aplikasi.

5.2 Black Box Testing

Berikut adalah beberapa hasil pengujian terhadap aplikasi website Lian
Salon :

Tujuan Test Hasil yang Hasil yang Kesimpulan

Data diharapkan diperoleh
Untuk Field User dapat User dapat masuk ke Proses validasi kecocokan
mengetahui Username akses ke halaman menu antara data vaild yang diisi
respon yang & halaman menu dengan data yang ada di
muncul jika password database berjalan dengan baik
field Diisi
username dengan
dan oleh data
password yang valid
benar
 60

Tujuan Test Hasil yang Hasil yang Kesimpulan

Data diharapkan diperoleh
Untuk Username Muncul Tidak bisa akses, dan Proses validasi kelengkapan
mengetahui kosong message muncul message box pengisian fielduntuk username
respon yang box“User tidak ”User tidak dikenal” berjalan dengan baik
muncul jika dikenal” dan
field tidak bisa
username akses ke
tidak diisi halaman menu

Untuk password Muncul Tidak bisa akses, dan Proses validasi kelengkapan
mengetahui kosong message muncul message box pengisian fielduntuk password
respon yang box“password ”Password salah !!” berjalan dengan baik
muncul jika salah” dan
field tidak bisa
password akses ke
tidak diisi halaman menu

Untuk Username Muncul Tidak bisa akses, dan Proses validasi kecocokan
mengetahui salah message muncul message box antara data username yang
respon yang box“User tidak ”User tidak dikenal” diisi dengan data username
mucul jika dikenal” dan yang ada di database berjalan
field tidak bisa dengan baik
username akses ke
salah halaman menu
 61

Tujuan Test Hasil yang Hasil yang Kesimpulan

Data diharapkan diperoleh
Untuk Sembarang Data tersortir Data tersortir Fitur searching pada seluruh
mengetahui Data berdasarkan berdasarkan kategori modulmaster berjalan dengan
respon yang inputan dari dan inputan dari user baik.
muncul jika user
fieldcari
diberikan
input data
Untuk Data sesuai Data Muncul messagebox Proses penambahan data pada
mengetahui pilihan user bertambah berisi pesan “input seluruh modulmasterberjalan
apakah sesuai input data berhasil”, dan dengan baik.
proses dari user data pada database
penambahan ter-update
data berhasil
atau tidak

Tujuan Test Hasil yang Hasil yang Kesimpulan

Data diharapkan diperoleh

Untuk Data sesuai Data Muncul messagebox Proses penambahan data pada
mengetahui pilihan user bertambah berisi pesan “input seluruh modul master berjalan
apakah sesuai input data berhasil”, dan dengan baik.
proses dari user data pada database
penambahan ter-update
data berhasil
atau tidak
 62

Untuk Data sesuai Data terhapus Muncul messagebox Proses delete data pada
mengetahui pilihan user sesuai pilihan berisi pesan “data seluruh modul master berjalan
apakah dari user berhasil dihapus”, dengan baik.
proses dan data pada
deletedata database ter-update
berhasil atau
tidak

Keterangan :
Untuk semua data master, semua Kode yang adalah Primary Key
menggunakan metode autonumber, sehingga tidak terjadi duplikasi data
dan tidak diperlukan pengujian lebih lanjut.
 63

BAB 6. SIMPULAN DAN SARAN

6.1 Kesimpulan

Setelah melakukan analisa dan aplikasi websiteLian Salon, dapat ditarik

beberapa kesimpulan yaitu :

1. Proses pencatatan data transaksi barang maupun jasa dapat

dilakukan secara tersistem, sehingga memudahkan pengolahan dan
pengecekan data di kemudian hari.
2. Sistem pelaporan bulanan dapat dilakukan secara tersistem
sehingga lebih mudah untuk diproses lebih lanjut
3. Proses pencatatan data member dapat dilakukan secara tersistem,
sehingga memudahkan pengolahan dan pengecekan data di
kemudian hari.

6.2 Saran

Saran yang disampaikan dalam pengembangan website ini adalah

penggunaan konsep object oriented programmingberupa frameworkdalam
pengembanganwebsite Salon Lian, sehingga komponen-komponen
website yang sama tidak dikembangkan berkali-kali sehingga terjadi
duplikasi.
 Daftar Pustaka

[1] J. M. Hartono, Analisis dan Desain Sistem Informasi : Pendekatan

Terstruktur Teori dan Praktek Aplikasi Bisnis. Yogyakarta: Andi, 1993.
[2] G. Marakas J. O’Brien, Management Information System.: McGraw-
Hill, 2010.
[3] A. Nur Alan, Jago PHP dan MySQL : Dalam Hitungan Menit
Membahas PHP dan MySQL dari Nol Hingga Akhir Untuk Pemula,
Edisi Pertama ed. Bekasi: Dunia Komputer, 2010.
[4] L. Hakim, Trik Rahasia Master PHP Terbongkar Lagi. Yogyakarta:
Lokomedia, 2009.
[5] G. Schell R. McLeod, Management Information System, 10th ed.,
2007.
[6] A. Prijono T. M. Zakaria, Perancangan Antarmuka untuk Interaksi
Manusia dan Komputer. Bandung: Informatika, 2007.
[7] Syahnan. (2008, Apr.) Syahnan Weblog. [Online].
http://syahnanweb.blogspot.com/2008/04/landasan-teori-sistem-
informasi.html
[8] G. Armstrong P. Kotler, Principles of Marketing, Tenth Edition. New
Jersey: Pearson Prentice Hall, 2004.
[9] D. Odang, Berbisnis Lewat Internet Dengan PayPal. Yogyakarta:
Mediakom, 2008.
[10] N. D. Mohiqbal. (2008, Dec.) Gunadarma Website. [Online].
http://mohiqbal.staff.gunadarma.ac.id/Downloads/files/5150/Standard
_Dokumentasi+TI.pdf
[11] M. Earth. (2008, Dec.) Meylonesome Blogspot. [Online].
http://meylonesome.blogspot.com/2008/12/perancangan-sistem-dan-
analisis.html

64
 65

[12] T. Davenport, Process Innovation: Reengineering work through

information technology. Boston: Harvard Business School Press,
1993.
[13] E. W. Larson C. F. Gray, Manajemen Proyek Proses Manajerial.
Yogyakarta: Andi, 2007.
[14] A. Basuki, Membangun Web Berbasis PHP Dengan Framework
CodeIgniter. Yogyakarta: Lokomedia, 2010.
[15] Arbie, Manajemen Database MySQL. Yogyakarta: Andi, 2005.