PERANCANGAN SISTEM INFORMASI BARBERSHOP

BERBASIS WEB

LAPORAN TUGAS ANSI

Dosen Pengampu : Bety Wulan Sari, M.Kom

Disusun oleh:
15 – S1TI – 10
Nur Sultan Murahidi (15.11.9136)

JURUSAN TEKNIK INFORMATIKA

FAKULTAS ILMU KOMPUTER
UNIVERSITAS AMIKOM YOGYAKARTA
YOGYAKARTA
2017
 DAFTAR ISI

DAFTAR ISI...................................................................................................................... ii

DAFTAR TABEL ............................................................................................................ iii

DAFTAR GAMBAR .........................................................................................................iv

BAB III ANALISIS DAN PERANCANGAN..................................................................1

3.1 Deskripsi Organisasi ........................................................................................... 1

3.1.1 Gambaran Umum Organisasi ..................................................................1

3.1.2 Struktur Organisasi dan Job Description ................................................ 1

3.1.3 Workflow Alur Sistem Lama ..................................................................2

3.2 Analisis ................................................................................................................4

3.2.1 Analisis Kelemahan Sistem .....................................................................4

3.2.2 Analisis Kebutuhan Sistem......................................................................5

3.2.3 Analisis Kelayakan Sistem ......................................................................6

3.3 Perancangan ......................................................................................................11

3.3.1 Perancangan Proses ..............................................................................11

3.3.2 Perancangan Basis Data.........................................................................12

3.3.3 Perancangan Antar Muka ......................................................................16

i
 DAFTAR TABEL

Tabel 3.1 Jobdesc ................................................................................................................1

Tabel 3.2 Workflow ...........................................................................................................2

Tabel 3.3 Analisis PIECES .................................................................................................4

Tabel 3.4 Analisis Biaya Manfaat ....................................................................................... 7

ii
 DAFTAR GAMBAR

Gambar 3.1 Struktur Organisasi ......................................................................................... 1

Gambar 3.2 Diagram Konteks .......................................................................................... 11

Gambar 3.3 DFD Level 1..................................................................................................11

Gambar 3.4 ERD ...............................................................................................................12

Gambar 3.5 Relasi Tabel...................................................................................................12

Gambar 3.6 Struktur Tabel Pengguna ...............................................................................13

Gambar 3.7 Struktur Tabel Pelanggan ..............................................................................13

Gambar 3.8 Struktur Tabel Stylish ................................................................................... 13

Gambar 3.9 Struktur Tabel Produk ................................................................................... 14

Gambar 4.0 Struktur Tabel Disk Transaksi ......................................................................14

Gambar 4.1 Struktur Tabel Transaksi Rinci .....................................................................14

Gambar 4.2 Struktur Tabel Transaksi ...............................................................................15

Gambar 4.3 Form Login ...................................................................................................16

Gambar 4.4 User Registrasi .............................................................................................. 16

Gambar 4.5 Home Menu...................................................................................................17

Gambar 4.6 About Us .......................................................................................................17

Gambar 4.7 Contact Us .....................................................................................................18

Gambar 4.7 Product ..........................................................................................................18

Gambar 4.9 Location ........................................................................................................19

Gambar 5.0 Pesan .............................................................................................................19

iii
iv
 BAB III
ANALISIS DAN PERANCANGAN

3.1. Deskripsi Organisasi

3.1.1 Gambaran Umum Organisasi
DX Barbershop adalah sebuah tempat potong rambut yang ditujukan untuk anak
muda yang gemar sekali mencari gaya rambut terbaru. Tidak hanya itu pada barbershop
ini juga dapat melayani stylish baik itu laki laki maupun perempuan.
3.1.2 Struktur Organisasi dan Job Desc

Owner

Kasir Stylish
Gambar 3.1 Struktur Organisasi

Job Desc.
Tabel 3.1 Job Desc

Jabatan Deskripsi Tugas

 Bertanggung jawab penuh atas segala hal yang terjadi

Manager pada Barbershop
 Mengontrol Keuangan dan Karyawan

 Bertugas melayani pelanggan saat bertransaksi

Kasir  Menjadi admin dan customer service barbershop
 Melaporkan hal kepada manager

 Bertugas melakukan pemotongan rambut kepada

Stylish pelanggan
 Mencatat stock barang pada barbershop

1
3.1.3 Workflow Sistem Lama
Tabel 3.2 Workfloq

Jabatan
Aktivitas Pelanggan
Kasir Potong Rambut Manager
1. Pelanggan
memesan tipe
potong rambut
yang akan
dipakai
2. Memberitahukan
kepada kasir
3. Menerima
pesanan dari
pelanggan
4. Memberitahuka
n ke bagian
potong rambut
5. Memberikan
nomor antrian
Pemesana ke pelanggan
n (bila ramai)
6. Menunggu
Antrian
7. Setelah selesai
mengantri ke
bagian potong
rambut untuk
potong
8. Melakukan
Pemotongan
9. Bertanya
kepada
pelanggan
barangkali
ada
tambahan
service
Pembayar 1. Datang ke kasir

2
 2.Memberikan
tagihan yang
harus dibayar ke
pelanggan

Pembayara
3. Melakukan
n
pembayaran
(lanjutan)

4. Mencatat
Pembayaran

1. Hasil Catatan
transaksi
dimasukan ke
buku
2. Hasil catatan
stock barang
yang diterima
dari bagian
potong rambut
dimasukan ke
buku

3. Mendapat
Pelaporan kan
laporan
dari buku
yang
diberikan
kasir
4. Melakuka
n
pembelian
barang
(bila ada
stock
yang
kurang)

3
3.2. Analisis
3.2.1 Analisis Kelemahan Sistem
3.2.1.1 Analisis PIECES
Tabel 3.3 PIECES

Sistem Lama Sistem Baru

Performance  masih kurang  performa akan meningkat
diakibatkan masih belum kare sistem sekarang sudah
dibentuknya sistem yang terkomputerasi sehingga
dapat membantu dapat membagi job secara
pekerjaan dan membagi pasti
bagi job secara pasti
Information  sebelum di buatkan  pemberian informasi akan
sebuah sistem, Informasi maksimal karena sudah
pada barbershop itu terkomputerasi dan sudah
masih kurang sebagai ada website untuk
contoh informasi membagikan informasi
pembayaran daan detail sehingga pelanggan dapat
harga transaksi dan menerima informasi
harga dimana saja
Economy  kurang terlalu  peningkatan ekonomi
memaksimalkan peluang dijamin akan meningkat
sehingga sehingga karena mampu memberikan
ekonomi dalam hal pelayanan yang lengkap
pendapatan tidak
maksimal
Control  bagi manager sulit untuk  manager dapat dengan
mengontrol pegawainya langsung mengontrol
dari jarak jauh pegawainya dan
mengawasinya dari sebuah
sistem
Eficiency  tidak terlalu efisiensi  setelah adanya sistem akan
sehingga terkadang dapat membuat barbershop ini
membuat penumpukan bejkerja secara efisiensi
pelanggan karena sudah ada pembagia
jadwalnya
Service  sulit untuk melakukan  pelayanan akan meningkat
relation antara pegawai, karena mereka dapat saling
pelanggan dan manager berbagi dari sebuah website

4
3.2.2 Analisis Kebutuhan Sistem
3.2.2.1 Analisis Kebutuhan Fungsional
 Sistem Dapat Melakukan proses transaksi
 Sistem Dapat memberikan laporan transaksi
 Sistem dapat melakukan entry produk baru

3.2.2.1 Analisis Kebutuhan Non Fungsional

1. Operasional
 Menggunakan OS Windows 7
 Spesifikasi Komputer Minimal Intel Core i3
 Menggunakan RAM Minimal 2 GB
 Printer untuk mencetak detail transaksi
2. Kinerja
 Waktu untuk proses order maksimal 5 Menit
 Waktu untuk proses transaksi maksimal 2 Menit
3.Keamanan
 Sistem Web dilengkapi admin menu
 Sistem dilengkapi pertanyaan keamanan dan captcha
 Dilengkapi CCTV untuk mengamankan lokasi Barbershop
4.Informasi
 Validasi bila memasukan password dan username salah
 Pemberian petunjuk sign up pada sistem

5
3.2.3 Analisis Kelayakan Sistem
3.2.3.1 Analisis Kelayakan Teknologi
 Dari segi Hardware DX Barbershop sudah memiliki komponen yang
memadai untuk dioperasikan bila menggunakan sistem tersebut
diantaranya : Keyboard,Mouse,Printer,Monitor
 Dari segi software sudah tersedia aplikasi browser untuk koneksi ke
internet diantaranya : Mozilla,Opera,Chrome
 Dari segi brainware DX Barbershop menugaskan seorang kasir yang
dapat mengoperasikan sistem tersebut
3.2.3.2 Analisis Kelayakan Operasional
 Pengembangan sistem baru dibangun dengan pengoperasian yang cukup
mudah
 Tampilan dan design dibuat simple guna memudahkan pengoperasian
sistem
3.2.3.4 Analisis Kelayakan Hukum
 Pada pembangunan sistem ini DX Barbershop membangun tanpa
adanya pelanggaran hukum dan dikembangkan oleh Developer yang
sudah memiliki ijin
 Penggunaan Sistem Operasi dan Software hanya menggunakan yang
orisinil sehingga tidak melanggar hukum

6
3.2.3.5 Analisis Kelayakan Ekonomi
3.2.3.5.1 Analisis Biaya Manfaat
Tabel 3.4 Analisis Biaya Manfaat

Keterangan Tahun 0 (Rp) Tahun 1 (Rp) Tahun 2 (Rp) Tahun 3 (Rp)

Biaya Pengadaan

Komputer Admin 2,000,000 0 0 0

Monitor LCD 700,000 0 0 0

Printer Nota 500,000 0 0 0

Keyboard 40,000 0 0 0

Mouse 15,000 0 0 0

Installasi Perangkat
30,000 0 0 0
Keras

Biaya Pengadaan/tahun 3,285,000 0 0 0

Total Biaya Pengadaan 3,285,000

Biaya Persiapan Operasi

OS Windows 7 350,000 0 0 0

Biaya Persiapan Operasi/tahun 350,000 0 0 0

Total Biaya Persiapan

350,000
Operasional

Biaya Proyek

Tahap Analisis Sistem

Biaya Transport 100,000 0 0 0

Biaya Dokumentasi 30,000 0 0 0

7
Tahap Desain Sistem

Biaya Programmer 800,000 0 0 0

Biaya Dokumentasi 30,000 0 0 0

Tahap Penerapan Sistem

Biaya Pelatihan 100,000 0 0 0

Biaya Proyek/tahun 1,060,000 0 0 0

Total Biaya Proyek 1,060,000

Biaya Operasional dan

Perawatan

Perawatan 0 200,000 250,000 300,000

Biaya Perawatan/tahun 0 200,000 250,000 300,000

Total Biaya Perawatan 750,000

Total Biaya Keseluruhan 5,445,000

Manfaat

Berwujud

Penghematan biaya
0 1,500,000 1,600,000 1,600,000
oprasional

Penurunan Kesalahan 0 500,000 500,000 500,000

Tidak Berwujud

Peningkatan Kepuasan
0 500,000 500,000 500,000
Pekerjaan

Peningkatan
0 2,000,000 2,000,000 2,000,000
Pengambilan Keputusan

8
 Pendapatan Manfaat/tahun 0 4,500,000 4,600,000 4,600,000

Total Pendapatan Manfaat 13,700,000

TOTAL PROCEED Rp 8,255,000

PAY BACK PERIOD

Total Biaya Keseluruhan = Rp 5,445,000
PROCEED I (Tahun 1) = Rp 4,500,000

Sisa biaya investasi tahun 1 = Rp 945,000

PAY BACK PERIOD

Total Biaya Keseluruhan = Rp 5,445,000
PROCEED I (Tahun 1) = Rp 4,500,000

Sisa biaya investasi tahun 1 = Rp 945,000

Pay Back tertutup pada tahun ke 1 dan 2,4 bulan ((Rp 945,000 / Rp 4,600,000) x 12)

ROI
Total Biaya = Rp 5,445,000
Total Manfaat = Rp 13,700,000

Prosentase = (Rp 13,700,000 - Rp 5,445,000) / 100

= 82,55%

9
NPV
Dengan ditetapkan suku bunga diskonto 5%
NPV= - nilai investasi + Proceed I + Proceed II + Proceed III
(1+i)1 (1+i)2 (1+i)3
NPV= -5,445,000 + 4,500,000 + 4,600,000 + 4,600,000
(1+5%)1 (1+5%)2 (1+5%)3
NPV= -5,445,000 + 4,285,714 + 2,190,476 + 1,460,317
NPV= 2,491,507

Berdasarkan perhitungan Pay Back Period maka seluruh biaya akan tertutup dalam
jangka waktu 1 tahun 2,4 bulan, perhitungan ROI sebesar 82,55%, dan NPV sebesar Rp
2,491,507. Dengan demikian maka dapat dinyatakan bahwa sistem informasi ini layak
secara ekonomi.

10
3.3 Perancangan Sistem
3.3.1 Perancangan Proses
3.3.1.1 Data Flow Diagram
1. Diagram Konteks

Gambar 3.2 Diagram Konteksi

2. Dfd Level 1

Gambar 3.3 DFD Level 1i

11
3.3.2 Perancangan Basis Data
3.3.2.1 ERD

Gambar 3.4 ERD

3.3.2.2 Relasi Tabel

Gambar 3.5 Relasi Tabel

12
3.3.2.3 Struktur Tabel
1. Struktur Tabel Pengguna

Gambar 3.6 Struktur Tabel Penggunal

2. Struktur Tabel Pelanggan

Gambar 3.7 Struktur Tabel Pelanggan

3. Struktur Tabel Stylish

Gambar 3.8 Struktur Tabel Stylish

13
4. Struktur Tabel Produk

Gambar 3.9 Struktur Tabel Produk

5. Struktur Tabel Disk Transaksi

Gambar 4.0 Struktur Tabel Disk Transaksi

6. Struktur Tabel Transaksi Rinci

Gambar 4.1 Struktur Tabel Transaksi Rincii

14
6. Struktur Tabel Transaksi

Gambar 4.2 Struktur Tabel Transaksi

15
3.3.3 Perancangan Antar Muka
1. Admin & User Login

Gambar 4.3 Admin & User Login

2. User Registrasi

Gambar 4.4 User Registrasi

16
3. Home Menu

Gambar 4.5 Home Menu

4. About Us

Gambar 4.6 Menu About Us

17
5. Contact Us

Gambar 4.7 Menu Contact

6. Product

Gambar 4.8 Menu Produk

18
7. Location

Gambar 4.9 Menu Location

8. Pesan

Gambar 5.0 Menu Pesan

19