BERBASIS WEB
TUGAS AKHIR
Oleh:
ALDO SERENA
1701092011
2020
SISTEM INFORMASI BARBESHOP PANGERAN TIGO
BERBASIS WEB
TUGAS AKHIR
Diajukan sebagai salah satu syarat untuk mendapatkan gelar Ahli Madya pada
Oleh:
ALDO SERENA
1701092011
2020
ii
iii
SISTEM INFORMASI BARBESHOP PANGERAN TIGO
BERBASIS WEB
Oleh :
ALDO SERENA
1701092011
Tugas akhir ini telah diuji dan dipertahankan di depan tim penguji sidang
Tugas Akhir Diploma III Politeknik Negeri Padang
Pada hari Senin tanggal September 2020
Tim Penguji,
Ketua Sekretaris
Ibuk/bapak Ibuk/bapak
Anggota Anggota
Ibuk/bapak Ibuk/bapak
iv
ABSTRAKSI
Barbershop berasal dari bahasa latin “barba” yang berarti “janggut”.
Barbershop pertama kali berdiri di wilayah Macedonia sekitar 400 tahun sebelum
masehi dan menyebar ke beberapa daerah lain seperti Mesir. Para pemangkas yang
bekerja di barbershop hanya melayani pangkas rambut, mencukur janggut atau
kumis.Kebutuhan suatu informasi akan berguna pada saat dihadapkan dengan
situasi yang penuh dengan persaingan didalam dunia bisnis barbershop di Kota
Padang salah satunya yaitu Barbershop Pangeran Tigo. Oleh karena itu dibuat
sebuah sistem informasi bertujuan memudahkan pemesanan. Sistem informasi
Barbershop Pangeran Tigo menggunakan bahasa pemrograman laravel dan
DBMS MySQL. Dalam merancang sistem informasi Barbershop Pangeran Tigo
metode yang digunakan adalah UML ( unified Modelling language) yang terdiri
dari use case, activity diagram, class diagram, sequence diagram, perancangan
user interface.
v
ABSTRACT
Barbershop comes from the Latin "barba" which means "beard". Barbershop
was first established in the Macedonian region around 400 BC and spread to
several other areas such as Egypt. Barbers who work in barbershop only serve
haircuts, shave beards or mustaches. The need for information will be useful when
faced with a situation full of competition in the barbershop business world in
Padang, one of which is Barbershop Pangeran Tigo. Therefore, an information
system aims to facilitate ordering. Prince Tigo's Barbershop information system
uses the laravel programming language and MySQL DBMS. In designing the
information system Barbershop Pangeran Tigo the method used was UML (unified
Modeling language) which consists of use cases, activity diagrams, class diagrams,
sequence diagrams, and user interface design.
vi
KATA PENGANTAR
Puji syukur atas rahmat Allah SWT yang telah diberikan terutama nikmat
kesehatan sehingga dapat menyelesaikan perkuliahan pada Program Studi DIII
Manajemen Informatika Jurusan Teknologi Informasi, Politeknik Negeri Padang.
Pembuatan Tugas Akhir (TA) ini tidak luput dari bimbingan dan bantuan dari
berbagai pihak, baik secara moril maupun materil. Untuk itu, dalam kesempatan ini
diucapkan terimakasih sebesar-besarnya kepada yang yang terhormat:
1. Kedua orang tua yang selalu memberikan dukungan, doa dan semangat
selama perkuliahan dan dalam proses pembuatan tugas akhir ini.
2. Bapak Ronal Hadi, ST., M.Kom selaku Ketua Jurusan Teknologi Informasi.
3. Ibu Defni, S.Si.,M.Kom selaku Koordinator Program Studi Manajemen
Informatika.
4. Ibu Dwiny Meidelfi, S.Kom.,M.Cs selaku dosen pembimbing I yang telah
menyediakan waktu, tenaga, dan pikiran untuk mengarahkan dalam
penyusunan laporan tugas akhir ini.
5. Bapak Aldo Erianda, S.ST.,M.T selaku dosen pembimbing II yang telah
memberikan tenaga, waktu, solusi, dan pikiran untuk mengarahkan dalam
penyusunan laporan tugas akhir ini.
6. Keluarga, sahabat dan teman-teman yang selalu membantu dan memberi
support selama perkuliahan dan proses pembuatan tugas akhir ini.
Akhir kata, semoga Allah SWT berkenan membalas semua kebaikan kepada
pihak-pihak yang telah membantu. Semoga laporan tugas akhir ini membawa
manfaat bagi semua orang.
Padang, September 2020
ALDO SERENA
vii
HALAMAN PERSEMBAHAN
Allah SWT
Alhamdulillahi rabbil’alamin
sembah sujud serta syukur kepada allah SWT,Taburan cinta dan kasih sayang-Mu
telah memberikan kekuatan, membekaliku dengan ilmu serta memperkenalkanku
dengan cinta. Atas karunia serta kemudahan yang engkau berikan akhirnya tugas
akhir yang sederhana ini dapat terselesaikan. Shalawat dan salam selalu
terlimpahkan keharibaan Rasulullah Muhammad SAW.
Kupersembahkan Karya sederhana ini kepada orang yang sangat kusayangi dan
kukasihi.
Mama dan Papa
Teruntuk mama dan papa yang yang telah menjadi orangtua aldo, Terima kasih
telah merawat aldo sampai sebesar sekarang. Terima kasih telah bekerja keras
untuk kuliah aldo. Mohon maaf aldo banyak salah, aldo berjanji setelah ini akan
mencari kerja dan membantu mama dan papa untuk uang sekolah adik-adik dan
biaya lainnya
Kaprodi Manajemen Informatika
Terima kasih kepada Ibu Defni yang telah membina dan mengajarkan aldo
sewaktu perkuliahan dan terimakasih untuk yang setiap perkuliahan memberikan
motivasi dan semangat sehingga intan bisa menyelesaikan tugas akhir ini. Semoga
ibu diberi kesehatan yang baik. Sehat selalu ya buk
Dosen Pembimbing
Teruntuk Ibu Dwiny Meidelfi, S.Kom.,M.Cs dan Bapak Aldo Erianda,
S.ST.,M.T.terimakasih karena ibu dan bapak yang telah meluangkan waktu untuk
membimbing aldo dalam pembuatan tugas akhir ini. Semoga arahan dan masukan
dari ibu dan bapak selama ini bisa intan amalkan didunia kerja nantinya.
.
Teman aciak
Terima kasih untuk semua teman yang telah meluangkan waktu untuk membuat
TA bersama-sama semoga kalian juga cepat selesai dan juga terima kasih utnuk
viii
dani yang telah membantu TA saya dari awal semoga allah membalas kebaikan
dani
MI 3 A
Teruntuk teman-teman MI A 17 terimakasih sudah mengenal, berteman dengan
kalian selama 3 tahun ini. Banyak suka duka yang sudah dilewati yang ga
mungkin aldo tulis disini. Terimakasih sudah saling membantu. Semoga kita
sukses semuanya amin.
Kakak-kakak Senior
Teruntuk senior aldo bg faiz bg erik kak olan bg fatur dan semuanya terima kaish
telah membimbing aldo dari awal kuliah sampai waktu saat sekarang ini
Wanita
Terimakasih untuk kamu telah ada di setiap aldo merasa gagal merasa kalah telah
menjadi penghibur aldo,tetap jadi wanita berbeda tetap dengan pemikiran aneh
yang kamu punya tetap jadi wanita spesial
ix
DAFTAR ISI
ABSTRAKSI ..................................................................................................... v
ABSTRACT ..................................................................................................... vi
x
2.5.1 Unified Modeling Language (UML) .................................................. 11
2.7 MySQL.............................................................................................. 17
xi
3.3.11 Halaman Barberman .......................................................................... 55
BAB V PENUTUP......................................................................................... 81
5.1 Kesimpulan........................................................................................ 81
xii
DAFTAR GAMBAR
xiii
Gambar 4. 11 Tampilan Halaman User Detail .................................................... 70
Gambar 4. 12 Tampilan Halaman Awal ............................................................. 71
Gambar 4. 13 Tampilan Halaman Testimony ..................................................... 71
Gambar 4. 14 Tampilan Halaman Daftar ............................................................ 72
Gambar 4. 15 Tampilan Halaman Login............................................................. 73
Gambar 4. 16 Tampilan Halaman setelah Login ................................................. 73
Gambar 4. 17 Tampilan Halaman Pilih Barberman ............................................ 74
Gambar 4. 18 Tampilan Halaman Pilih Jadwal Potong di rumah ........................ 74
Gambar 4. 19 Tampilan Halaman Pilih Jadwal Potong di Barbershop ................ 75
Gambar 4. 20 Tampilan Halaman Pembayaran di rumah .................................... 76
Gambar 4. 21 Tampilan Halaman Pembayaran di Barbershop ............................ 76
Gambar 4. 22 Tampilan Halaman Pilih Jenis Pembayaran .................................. 77
Gambar 4. 23 Tampilan Halaman Pembayaran menggunakan Debit ................... 77
Gambar 4. 24 Tampilan Halaman Pembayaran menggunakan ATM ................... 77
Gambar 4. 25 Tampilan Halaman Pembayaran menggunakan Gopay ................. 78
Gambar 4. 26 Tampilan Halaman Sukses ........................................................... 79
Gambar 4. 27 Tampilan Halaman Profil Pelanggan ............................................ 79
Gambar 4. 28 Tampilan Halaman Riwayat Transaksi Pelanggan ........................ 80
Gambar 4. 29 Tampilan Halaman Jadwal Potong Barberman ............................. 81
xiv
DAFTAR TABEL
xv
1
BAB I
PENDAHULUAN
suatu yang baru yang biasa memberikan hasil yang diinginkan oleh manusia
Tigo.
sebelum masehi dan menyebar ke beberapa daerah lain seperti Mesir. Para
waktu yang cukup lama, dan juga apabila pelanggan tidak ingin keluar
Pangeran Tigo
1.3 Tujuan
Tigo.
rambut.
1.5 Metodologi
BAB II
LANDASAN TEORI
beberapa tahapan dan aktivitas yang dilakukan sebagai cara untuk mencapai
ini adalah untuk merancang sebuah sistem informasi reservasi berbasis web,
Surakarta. Adapun jenis data yang digunakan yaitu data kualitatif yang
primer dari hasil kuesioner dan data sekunder yaitu sejarah perkembangan,
lapangan. Walaupun prosedur yang digunakan sudah cukup baik tetapi ada
per tiap barber-nya, penghitungan gaji yang masih manual, data yang
Suatu sistem pada dasarnya adalah sekumpulan elemen atau sub sistem yang
sebagai suatu kumpulan atau himpunan dari unsur, variabel, komponen yang saling
Secara umum informasi dapat diartikan sebagai hasil dari pengolahan data
menjadi suatu bentuk yang lebih berguna dan lebih berarti bagi penerimanya yang
digunakan untuk mengambil keputusan yang lebih baik. Informasi juga dapat
dan infrastruktur yang digabung menjadi satu dan saling berkaitan untuk
dan koordinasi.
satu sama lain. Komponen-komponen tersebut memiliki fungsi dan tugas masing-
masing sehingga sistem informasi sesuai dengan tujuan dan fungsi yang diinginkan
1. Masukan (input)
pengguna berupa data yang berasal dari satu atau berbagai sumber.
10
2. Keluaran (output)
lain.
keras seperti hub, switch, dan router juga termasuk perangkat keras yang
DML). Seluruh data dan informasi disimpan ke dalam satu atau beberapa
berisi data dan informasi dari gangguan dan ancaman yang dapat terjadi
alam, dan listrik yang tidak konsisten. Lain halnya dengan komponen
terhindar dari gangguan dan ancaman yang terjadi pada sistem informasi.
kabel (wireless).
merancang dan membuat sistem agar tujuan dalam membuat sistem sesuai dengan
bangun sistem ini hanya menggunakan 4 diagram UML yang terdiri dari
Diagram.
Untuk menjalakan sebuah model ada beberapa jenis diagram UML yang
mengetahui fungsi yang ada di dalam sebuah sistem informasi dan yang
simbol yang ada pada use case diagram terlihat pada Tabel 2.1
Simbol Keterangan
Actor Menggambarkan orang yang
berperan dalam sistem
dibuat dalam pembuatan sistem. Kelas memiliki atribut dan metode atau
oleh suatu kelas[3]. Berikut ini adalah simbol-simbol yang ada pada
Simbol Keterangan
Kelas Menggambarkan kelas pada pada
struktur sistem
Simbol Keterangan
Actor Menggambarkan himpunan peran
pengguna ketika berinteraksi dengan
sistem
Garis Hidup Menggambarkan kehidupan suatu objek
aktivitas dari sebuah sistem atau proses bisnis atau menu yang ada pada
aktivitas sistem bukan yang dilakukan actor, jadi aktivitas yang dapat
Simbol Keterangan
Node Aksi Mempresentasikan suatu tugas atau
aksi yang dilakukan oleh system
perangkat lunak.
Initial Mode Mempresentasikan titik mulai aktivitas.
sebuah sistem informasi. Hal ini dikarenakan bahwa basis data sebagai
berbagai bentuk.
17
2.7 MySQL
pada beberapa tabel yang terpisah sehingga manipulasi data akan menjadi jauh
bahasa query yang menjadi standar sistem basis data diselurh dunia yang
didalam database.
2.8 Laravel
digunakan secara luas untuk perancangan aplikasi web yang cepat dan
mudah.Laravel dibuat oleh Taylor Otwell pada tahun 2011. Framework ini
(model view controller). MVC itu sendiri adalah sebuah pendekatan perangkat
view.
19
sebagai berikut:
pengembangan aplikasi web dan juga moderasi dengan cara terbaik. Ini
internal dari pola “active record” yang menagatasi masalah pada hubungan
objek database.
Route.
20
POST.
View Composer, adalah kode unit logikal yang dapat dieksekusi ketika view
sedang loading.
controller.
controller.
untuk membuat library pada project anda dan composer sendiri akan meninstall
Tidak diperlukan meng-include semua file PHP atau class PHP yang
dalam
2.9 Framework
kumpulan perintah atau fungsi dasar yang menjadi aturan-aturan yang telah
ditentukan dan dapat berinteraksi satu sama lain sehingga ketika pembuatan sistem,
bertujuan untuk memudahkan pembuatan sistem yang menjadi lebih singkat, efektif
dan pembuatan alur kode program lebih terarah. Dengan menggunakan framework,
sebuah sistem yang dibangun akan tersusun secara terstruktur dan rapi karena sudah
2. Best Practice : kumpulan action yang telah diuji oleh para pakar.
practice.
BAB III
Sistem yang berjalan saat di Barbershop Pangeran Tigo dalam hal ini
untuk datang ke sebuah barbershop dikarenakan waktu yang antri yang cukup
kerumah, bagi pelanggan yang tidak ingin keluar rumah maka dapat
dasar data yang mempunyai hubungan antar relasi. ERD untuk memodelkan
data yang akan digunakan pada Sistem Informasi Barbershop Pangeran Tigo
1. Tabel User
Primary key : id
24
Primary key : id
3. Tabel Types
Primary key : id
4. Tabel Barbermans
Primary key : id
5. Tabel Comments
Primary key : id
6. Tabel Times
Primary key : id
26
Tabel 3.1
No Aktor Deskripsi
Diagram ini juga menggambarkan proses yang bisa dilakukan aktor pada
Identifikasi Use Case Diagram untuk sistem informasi dapat dilihat pada Tabel
3.10
Berikut adalah skenario dari masing-masing Use Case diagram yang telah
didefenisikan :
Skenario Alternatif
1. User memasukkan username,
password yang tidak sesuai.
2. Sistem akan memuat halaman
login dan menampilkan pesan
username dan password salah
Skenario Alternatif
1. Administrator memasukkan
data yang sama dengan sudah
ada.
2. Muncul pesan kesalahan pada
sistem.
30
Skenario Alternatif
1. Administrator memasukkan
data yang sama dengan sudah
ada.
2. Muncul pesan kesalahan pada
sistem.
Skenario Normal
Aksi Aktor Reaksi Sistem
3. Administrator memilih menu
testimony kemudian melakukan
pengelolaan data testimony
4. Sistem menerima pengelolaan
data testimony mulai dari
tambah, ubah, hapus, lihat data
testimony.
Skenario Alternatif
3. Administrator memasukkan
data yang sama dengan sudah
ada.
4. Muncul pesan kesalahan pada
sistem.
Proses dari activity user dapat dilihat pada gambar 3.3 yaitu,
melakukan login maka pelanggan dapat login terlebih dahulu. Setelah itu
tidak perlu mengisi alamat terlebih dahulu. Setelah itu pelanggan dapat
pembayaran.
serta menggambarkan hubungan antar tabel yang ada pada database. Berikut
Pada gambar 3.9 untuk tabel time,type dan comment tidak memiliki
relasi
tujuan sebagai pedoman dalam membuat tata letak dan susunan menu sistem
form login untuk fungsional umum ini terdiri dari email dan password sebelum
user login, berikut gambar form login yang berlaku pada setiap user
Halaman ini adalah halaman pertama yang akan tampil setelah user
melakukan login
Pangeran Tigo
50
Halaman ini adalah halaman pertama kali yang akan muncul setelah
dan dihalaman ini juga terdapat lokasi potong yang akan di pilih oleh
mengisikan alamat
3.3.7 Pembayaran
potong dirumah maka harga akan lebih mahal dari pada potong di tempat.
52
Halaman ini berisikan grafik dari total pelanggan dan total pendapatan
dipilih oleh pelanggan sebagai orang yang akan memotong rambut nya.
ada.
melakukan registrasi.
BAB IV
4.1 Implementasi
perangkat keras.
3. Ram : 4 GB
5. Hardisk :500gb
2. DBMS :MySQL
total pendapatan
6. Halaman Comment
pelanggan.
register dan juga di halaman dapat melihat status dari user apakah
register terlebih dahulu tapi apabila user telah memilki akun, user
login.
68
dan profil user dan profil user juga dapat di edit apabila nama
barbershop.
melakukan pembayaran
pending
untuk Barberman
4.2 Pengujian
lunak dan menjamin kualitas dari perangkat lunak tersebut. Tahap ini
pengaksesan data dapat dilakukan dengan cukup baik. Hal ini dapat dilihat
menghapus data
schedule
12 Halaman kelola Admin memilih menu 1. Admin dapat Sesuai
data comment kelola data comment mengakses menu
kelola data
comment
2. Pada saat
mengakses menu
kelola data
comment maka
yang pertama kali
muncul adalah list
data comment
13 Halaman 1. Admin menekan 1. Halaman tambah Sesuai
tambah data tombol tambah data comment
comment data pada tampil
halaman data 2. Admin berhasil
comment melakukan
2. Admin perubahan data
menginputkan
comment dan
menekan tombol
simpan.
14 Hapus data Admin menekan tombol Admin berhasil melakukan Sesuai
comment hapus pada salah satu hapus data
data comment
15. Halaman tampil Admin tidak dapat Halaman user detail Sesuai
data user detail menambah,edit dan tampil
menghapus data user
detail
16. Halaman utama Pelanggan berhasil Pelanggan dapat melihat Sesuai
pelanggan login ke dalam sistem testimony dari pelanggan
sebelumnya
17. Halaman pilih Pelanggan berhasil Pelanggan dapat memilih Sesuai
barberman masuk ke halaman pilih barberman
barberman
80
BAB V
PENUTUP
5.1 Kesimpulan
barbershop
tersebut
pertahun
5.2 Saran
dan keterbatasan, oleh sebab itu ada beberapa hal yang perlu
82
lain:
alamat
83
DAFTAR PUSTAKA