19 0 1 MB
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 Roby Asep Akhim
1311601445
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. 4.1 BAB 5.
HASIL PENELITIAN ............................................................. 53 Realisasi Program ..................................................................... 53 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 masingmasing 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 simbolsimbol 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. 1
Simbol
Nama
TERMINATOR
Fungsi Permulaan atau akhir 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
5
MANUAL OPERATION
manual oleh manusia atau mesin dengan kecepatan pekerjaan manusia. Penyimpanan yang tidak
6
OFF-LINE STORAGE
dapat diakses oleh 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 bottomup). 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,
1
Entitas
organisasi atau sistem lain dimana sistem melakukan komunikasi.
2
Proses
3
Input
Proses yang dilakukan di dalam sistem. Input sistem (data yang 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 prosesproses 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
1
Data flow atau
pergerakan/aliran dari
aliran data
kumpulan data/informasi dari satu bagian sistem ke bagian sistem lainnya.
2
Data storage
Bagian dari DFD yang
atau
digunakan untuk
penyimpanan
menunjukkan suatu
data
kumpulan dari paket data. bagian dari DFD yang merubah satu atau lebih
3
Proses
masukan menjadi keluarankeluaran. Nama lainnya :bubble, function. Seseorang atau sekelompok orang dalam suatu kelompok organisasi
4
Entitas
atau departemen lain di 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 elemenelemen 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 konstruksikonstruksi, 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 fiturfitur yang dibutuhkan. PHP dimulai dengan tanda tag . 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 3.2.1
Perancangan 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
Pembagian Kerja
Diskon KodePaket
Tanggal
IDReservasi
IDMember
Nama Username
Telepon
NamaPaket IDKaryawan Paket Jasa
R_Jasa_ PembagianKerja
R_Karyawan_ PembagianKerja
R_Karyawan_ Reservasi
Alamat
Member
Reservasi
Nama
Karyawan
IDBarang
Nama Barang
Harga Dasar
R_Reservasi_ Member
R_PaketJasa_ PaketDetail IDJasa
Urutan
R_Member_ Feedback
Barang
R_Karyawan_ Absen
Nama Jasa
Alamat Jumlah
KodePaket
Password
Paket Detail
Jasa
Urutan
Jam Masuk Absen
Tanggal
Harga Dasar
Telepon R_Barang_ Pembelian BarangDetail
Jam Keluar
R_Supplier_ Pembelian
R_Barang_ Penjualan BarangDetail
R_PaketDetail_ Jasa
Supplier
IDSupplier
R_Karyawan_ Penjualan JasaDetail
Feedback Nama
Pembelian Penjualan
R_Jasa_ Penjualan JasaDetail
NoFaktur Jual
NoFaktur Beli
TotalHarga Tanggal
R_Penjualan_ PenjualanJasa
R_Penjualan_ Penjualan Barang
Penjualan JasaDetail
Penjualan BarangDetail
TotalHarga Deskripsi
Tanggal
Urutan
R_Pembelian_ Pembelian Detail
R_Feedback_ Penjualan
Nama
Kelompok Jasa
Urutan
HargaJual Jumlah
Subtotal
Urutan
Pembelian Detail HargaJual
Jumlah
Subtotal
Urutan
Keterangan Jumlah
Subtotal
33
Gambar 3.5Entity Relationship Diagram
34
3.2.2
Perancangan Data Flow Diagram (DFD)
Data Barang, Data Pembelian, Data Penjualan, Data Master, Data Absensi Manajemen Data Barang, Data Pembelian, Data Penjualan, Data Master, Data Absensi
Data Barang
Data Barang
Gudang
Sistem Informasi Salon
Data Laporan Owner Data Laporan
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, Subtotal, IDSupplier, IDBarang, HargaBeli
1 Pengelolaan Data Pembelian
NoFakJual, Tanggal, TotalHarga, Jumlah, Subtotal, IDBarang, IDJasa, HargaJual, IDKaryawan
2 Pengelolaan Data NoFakJual, Tanggal, TotalHarga, Penjualan Jumlah, Subtotal, IDBarang, IDJasa, HargaJual, IDKaryawan
NoFakturBeli
NoFakturBeli
Data Pembelian
NoFakturJual
NoFakturJual
tbPenjualan tbPenjualan Detail
Data Penjualan Data Penjualan
5 Pengelolaan Laporan
NoFakturJual
NoFakturJual
NoFakturJual NoFakturJual
tbKaryawan
IDKaryawan IDSupplier
Manajemen
tbSupplier
IDSupplier IDJasa
Manajemen
Data Pembelian
NoFaktur, Tanggal, TotalJual, TotalBeli
3 Pengelolaan Data Master
Data Pembelian
tbPembelian Detail
Data Pembelian
IDKaryawan
Data Master Data Master
NoFakturBeli
tbPembelian
NoFakturBeli
NoFaktur, Tanggal, TotalJual, TotalBeli
NoFakBeli, Tanggal, TotalHarga, Jumlah, Subtotal, IDSupplier, IDBarang, HargaBeli
tbJasa
IDJasa
IDbarang, Nama Barang HargaDasar, Jumlah
Gudang
IDBarang
tbBarang
IDBarang
IDBarang IDBarang
4 Pengelolaan & Barang Data IDbarang, Nama Barang HargaDasar, Jumlah Stock IDbarang, Nama Barang HargaDasar, Jumlah
IDbarang, Nama Barang HargaDasar, Jumlah
6 Pengelolaan 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
Manajemen NoFaktur, Tanggal, TotalPembelian
NoFaktur, Tanggal, TotalPembelian
1.2 Cari Data Pembelian
1.3 Lihat Data Pembelian
NoFaktur, Tanggal, TotalPembelian
tbPembelian
NoFaktur, Tanggal, TotalPembelian
Gambar 3.8DFD Level 2 Proses 1
NoFaktur, IDBarang, Jumlah, Subtotal
NoFaktur, IDBarang, Jumlah, Subtotal
NoFaktur, Tanggal, TotalPembelian
NoFaktur, Tanggal, TotalPembelian
NoFaktur, Tanggal, TotalPembelian, Jumlah, IDBarang
1.1 Tambah Data Pembelian
tbPembelian Detail NoFaktur, IDBarang, Jumlah, Subtotal
NoFaktur, Tanggal, TotalPembelian, Jumlah, IDBarang
NoFaktur, Tanggal, TotalPembelian
Gambar 3.7DFD Level 1
NoFaktur, Tanggal, TotalPenjualan
Manajemen NoFaktur, Tanggal, TotalPenjualan
NoFaktur, Tanggal, TotalPenjualan
tbPenjualan
tbPenjualan Detail
NoFaktur, Tanggal, TotalPenjualan
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, NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual
IDKaryawan, NamaKaryawan, Alamat, IDSupplier, NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual
3.1 Kelola Data Master
IDKaryawan, NamaPegawai, Alamat IDSupplier, Nama, Alamat, Telepon IDSupplier, Nama, Alamat, Telepon
tbSupplier IDSu
IDKaryawan, NamaKaryawan, Alamat, IDSupplier, NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual
Manajemen
IDKa
3.2 Cari Data Master
IDKaryawan, NamaKaryawan, Alamat, IDSupplier, NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual
IDKaryawan, NamaKaryawan, Alamat, IDSupplier, NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual
3.3 Lihat Data Master
rya
a ma
r, N pplie IDSu a m a N wan,
a ma
a ma an , N ryaw IDKa IDJasa, NamaJasa
IDJasa, NamaJasa
IDMe
IDKaryawan, NamaKaryawan, Alamat, IDSupplier, NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual
r, N pplie
mb e
IDMe Nam mber, a Me mb e r
r, Na
ma M
e mb
tbKaryawan
tbJasa
tbMember
er
IDJasa, NamaJasa, HargaJual IDSupplier, Nama, Alamat, Telepon IDKaryawan, NamaKaryawan, Alamat
IDMember, Username, Password, Nama
Gambar 3.10 DFD Level 2 Proses 3
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
2.3 Lihat Data Penjualan
NoFaktur, Tanggal, TotalPenjualan
NoFaktur, Tanggal, TotalPenjualan
2.2 Cari Data Penjualan
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
NoFaktur, Tanggal, TotalPenjualan
NoFaktur, Tanggal, TotalPenjualan
2.1 Kelola Data Penjualan
NoFaktur, Tanggal, TotalPenjualan
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
36
37
IDBarang, Jumlah, Tanggal
IDBarang, Jumlah, Tanggal
IDBarang, Jumlah, Tanggal
4.2 Cari Data Barang & Stok
Gudang IDBarang, Jumlah, Tanggal
IDBarang, Jumlah, Tanggal
IDBarang, Jumlah, Tanggal
IDBarang, Jumlah, Tanggal
tbBarang
IDBarang, Jumlah, Tanggal
4.3 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 NoFaktur, TotalPembelian, Tanggal, Jumlah, Subtotal, IDBarang, IDSupplier, IDJasa, IDKaryawan, JumlahBarang
5.1 Pembuatan Laporan
NoFaktur, Tanggal, TotalHarga
tbPenjualan NoFa
Manajemen
NoFaktur, TotalPembelian, Tanggal, Jumlah, Subtotal, IDBarang, IDSupplier, IDJasa, IDKaryawan, JumlahBarang
NoFaktur, TotalPembelian, Tanggal, Jumlah, Subtotal, IDBarang, IDSupplier, IDJasa, IDKaryawan, JumlahBarang
5.2 Cari Laporan
IDBa
, rang
ktur,
Tan
To ggal,
h, H Jumla
arga
talHa
Jual,
rga
Subto
tal
IDJasa, IDKaryawan, Jumlah, Subtotal
tbPenjualan BarangDetail tbPenjualan JasaDetail
NoFakturBeli, IDSupplier
tbPembelian IDBa
NoFaktur, TotalPembelian, Tanggal, Jumlah, Subtotal, IDBarang, IDSupplier, IDJasa, IDKaryawan, JumlahBarang
5.3 Lihat Laporan
rang
IDBarang, Jumlah, Tanggal
4.1 Kelola Data Barang & Stok
, Ju m
lah, S ubto
tal
IDBarang, Jumlah, Subtotal NoFakturBeli, IDSupplier IDJasa, IDKaryawan, Jumlah, Subtotal IDBarang, Jumlah, HargaJual, Subtotal
NoFaktur, Tanggal, TotalHarga
Gambar 3.12 DFD Level 2 Proses 5
tbPembelian Detail
2.1.2 Ubah data Penjualan
Manajemen
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
tbPenjualan
2.1.3 Hapus data Penjualan
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
2.1.4 Tambah Data Reservasi
Tanggal, IDKaryawan, IDMember Tanggal, IDKaryawan, IDMember
Tanggal, IDKaryawan, IDMember
tbReservasi Tanggal, IDKaryawan, IDMember
2.1.5 Hapus Data Reservasi
IDReservasi
tbPenjualan Detail
Tanggal, IDKaryawan, IDMember
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, Kelompok, IDMember, Username, Password, Nama IDKaryawan, NamaKaryawan, Alamat, IDSupplier, NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual, Kelompok, IDMember, Username, Password, Nama
3.1.1 Tambah data Master
IDKaryawan, NamaPegawai, Alamat IDSupplier, Nama, Alamat, Telepon IDSupplier, Nama, Alamat, Telepon
tbSupplier pplie IDSu
Manajemen
IDKaryawan, NamaKaryawan, Alamat, IDSupplier, NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual, Kelompok, IDMember, Username, Password, Nama IDKaryawan, NamaKaryawan, Alamat, IDSupplier, NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual, Kelompok, IDMember, Username, Password, Nama
3.1.2 Ubah data Master
3.1.3 Hapus data Master
r, Na
ma
ma r, Na
pplie IDSu a Nam , n a ryaw IDKa a ma an , N ryaw IDKa IDJasa, NamaJasa
IDJasa, NamaJasa
IDMe IDKaryawan, NamaKaryawan, Alamat, IDSupplier, NamaSupplier, Alamat, IDJasa, NamaJasa, HargaJual, Kelompok, IDMember, Username, Password, Nama
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
NoFaktur, IDBarang/ IDJasa, IDKaryawan, Jumlah, Subtotal
NoFaktur, IDBarang/ IDJasa, IDKaryawan, Jumlah, Subtotal
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
NoFaktur, IDBarang/ IDJasa, IDKaryawan, Jumlah, Subtotal
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
2.1.1 Tambah data Penjualan
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
NoFaktur, IDBarang/IDJasa, IDKaryawan, Jumlah, Subtotal
38
mb e
IDMe Nam mber, a Me mb e r
r, Na
ma M
e mb
tbKaryawan
tbJasa
tbMember
er
IDJasa, NamaJasa, HargaJual IDSupplier, Nama, Alamat, Telepon IDKaryawan, NamaKaryawan, Alamat
IDMember, Username, Password, Nama
Gambar 3.14 DFD Level 3 Proses 3.1
39
IDBarang, Jumlah, Tanggal
Gudang IDBarang, Jumlah, Tanggal
IDBarang, Jumlah, Tanggal
4.1.2 Ubah Data Barang & Stok
IDBarang, Jumlah, Tanggal
IDBarang, Jumlah, Tanggal
IDBarang, Jumlah, Tanggal
4.1.1 Tambah Data Barang & Stok
IDBarang, Jumlah, Tanggal
IDBarang, Jumlah, Tanggal
tbBarang
KodeBarang, Jumlah, Tanggal
4.1.3 Hapus Data Barang & Stok
IDBarang, Jumlah, Tanggal
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 :
Cari
[pilih berdasarkan]
KodeBarang
Harga
NamaBarang
Tambah
Ubah
Lihat Semua
Jumlah
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 :
Harga
Nama Jasa
KodeJasa
Lihat Semua
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 :
Cari
[pilih berdasarkan]
Tanggal
Jam Masuk
Nama Pegawai
Tambah
Ubah
Lihat Semua
Jam Keluar
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 :
Cari
[pilih berdasarkan]
Telepon
Nama
KodeKaryawan
Tambah
Ubah
Lihat Semua
Alamat
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 :
Cari
[pilih berdasarkan]
KodeSupplier
Telepon
Nama Supplier
Tambah
Ubah
Lihat Semua
Alamat
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 :
Cari
[pilih berdasarkan]
Username
Nama Member
Kode Member
Tambah
Ubah
Lihat Semua
Password
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
Sort Order
Action
Barang A
0
[Edit]
Barang B
0
[Edit]
Barang C
0
[Edit]
Barang D
0
[Edit]
Data Barang :
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. 4.1
HASIL PENELITIAN
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 submenu 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
Data
diharapkan
diperoleh
Untuk
Field
User
mengetahui
Username
akses
respon yang
&
halaman menu
muncul
password
jika
field
Diisi
username
dengan
dan
oleh data
password
yang valid
benar
dapat ke
Kesimpulan
User dapat masuk ke
Proses
halaman menu
antara data vaild yang diisi
validasi
kecocokan
dengan data yang ada di database berjalan dengan baik
60
Tujuan
Test
Hasil yang
Hasil yang
Data
diharapkan
diperoleh
Kesimpulan
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
dikenal”
dan
field
tidak
bisa
username
akses
tidak diisi
halaman menu
jika
ke
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
salah”
dan
field
tidak
bisa
password
akses
tidak diisi
halaman menu
jika
ke
Untuk
Username
Muncul
Tidak bisa akses, dan
Proses
mengetahui
salah
message
muncul message box
antara data username yang
respon yang
box“User tidak
”User tidak dikenal”
diisi dengan data username
mucul
dikenal”
dan
yang ada di database berjalan
field
tidak
bisa
dengan baik
username
akses
salah
halaman menu
jika
ke
validasi
kecocokan
61
Tujuan
Test
Hasil yang
Hasil yang
Data
diharapkan
diperoleh
Kesimpulan
tersortir
Fitur searching pada seluruh
berdasarkan
berdasarkan kategori
modulmaster berjalan dengan
respon yang
inputan
dan inputan dari user
baik.
muncul
user
Untuk
Sembarang
Data
mengetahui
Data
jika
tersortir
dari
Data
fieldcari diberikan input data Untuk
Data sesuai
Data
Muncul messagebox
Proses penambahan data pada
mengetahui
pilihan user
bertambah
berisi pesan “input
seluruh
apakah
sesuai
data berhasil”, dan
dengan baik.
proses
dari user
input
modulmasterberjalan
data pada database ter-update
penambahan data berhasil atau tidak
Tujuan
Test
Hasil yang
Hasil yang
Data
diharapkan
diperoleh
Kesimpulan
Untuk
Data sesuai
Data
Muncul messagebox
Proses penambahan data pada
mengetahui
pilihan user
bertambah
berisi pesan “input
seluruh modul master berjalan
apakah
sesuai
data berhasil”, dan
dengan baik.
proses
dari user
penambahan data berhasil atau tidak
input
data pada database ter-update
62
Untuk
Data sesuai
Data terhapus
Muncul messagebox
Proses
mengetahui
pilihan user
sesuai pilihan
berisi
seluruh modul master berjalan
dari user
berhasil
apakah
pesan
“data
dihapus”,
proses
dan
data
deletedata
database ter-update
delete
data
dengan baik.
pada
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.
pada
63
BAB 6.
6.1
SIMPULAN DAN SARAN
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.: McGrawHill, 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-sisteminformasi.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-dananalisis.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.