i

PENGELOLAAN DATA PELANGGAN BERBASIS WEBSITE

LOKAL DI TOKO VIA COMPUTER PANGKALPINANG

LAPORAN KERJA PRAKTEK

Oleh :

NIM

1. 1311500099

NAMA

NADIATUL FAIZAH

PROGRAM STUDI TEKNIK INFORMATIKA

STMIK ATMA LUHUR

PANGKALPINANG

2019/2020

ii

iii

iv

ABSTRAK

Tujuan dari penelitian ini adalah membuat sebuah website pengelolaan data

pelanggan pada toko VIA Computer Pangkalpinang guna memudahkan karyawan

toko yang bersangkutan ketika ingin mencari data pelanggan atau ingin

menambahkan data pelanggan tanpa perlu mencari data pelanggan yang dimaksud

didalam buku secara manual. Dengan dibuatnya website ini akan sangat membantu

karyawan toko VIA Computer ketika bekerja, sehingga lebih efisien dan

menghemat banyak waktu. Metode perancangan sistem yang digunakan adalah

metode yang digunakan dalam penelitian ini adlaah metode waterfall. Dimana

penulis melakukan beberapa tahapan dalam membuat website pengelolaan data

pelanggan di toko VIA Computer, yaitu: analisis kebutuhan sistem/website, design,

sampai penginputan kode di website. Hasil dari penelitian ini yaitu sebuah website

pengelolaan data pelanggan yang dihubungkan dengan jaringan lokal toko VIA

Computer, Pangkalpinang.

Kata kunci : Website, Pengelolaan data, Pelanggan, Jaringan lokal

v

KATA PENGANTAR

Segala puji dan syukur kehadirat Allah SWT atas berkah, rahmat dan hidayah-Nya

yang senanstiasa dilimpahkan kepada penulis, sehingga bisa menyelesaikan laporan

Kuliah Praktek (KP) ini dengan judul : “Pengelolaan data pelanggan berbasis

website lokal di toko VIA Computer Pangkalpinang” sebagai syarat agar dapat

melaksanakan skripsi.

Penulis menyadari bahwa penulisan ini tidak dapat terselesaikan dengan baik tanpa

adanya dukungan dari berbagai pihak. Oleh karena itu, ucapan terimakasih kepada

semua pihak yang telah membantu dalam pengerjaan laporan ini, terutama kepada:

1. Kedua orang tua yang telah memberikan dukungan yang luar biasa baik moril

maupun materil serta doa yang tiada henti-hentinya kepada penulis.

2. Bapak R. Burham Isnanto Farid, S.Si, M.Kom selaku dosen pembimbing yang

telah bersabar dan berkenan memberikan tambahan ilmu, saran-saran serta

solusi pada setiap kesulitan yang penulis hadapi selama penulisan laporan KP

ini. Terimakasih banyak bapak.

3. Seluruh teman-teman yang selalu memberikan semangat yang tiada hentinya

selama proses penulisan laporan ini.

4. Terakhir, untuk Irfan Fadhillah, yang sudah sangat membantu memberikan

saran-saran, dan support kepada penulis dalam penulisan laporan ini.

Penulis menyadari bahwa laporan KP ini masih jauh dari sempurna dikarenakan

terbatasnya pengalaman dan pengetahuan yang dimiliki oleh penulis. Oleh karena

itu, penulis sangat mengharapkan segala bentuk saran serta kritik yang membangun

yang bermanfaat bagi para pembaca dan semua pihak.

Pangkalpinang, 03 Januari 2020

vi

DAFTAR SIMBOL

Entitas dalam ERD, objek yang diidentifikasi dalam

lingkungan pemakai.

Relasi dalam ERD, menunjukkan adanya hubungan diantara

sejumlah entitas yang berbeda.

Garis dalam ERD, sebagai penghubung antara relasi dengan

entitas, relasi dan entitas dengan atribut.

Panah dalam LRS, menunjukkan hubungan dimana objek

anak (decendent) berbagi perilaku dan struktur data dari objek

yang ada diatasnya objek induk.

Terminal dalam Flowchart, menyatakan permulaan atau akhir

suatu program.

Input/Output dalam Flowchart, menyatakan proses input atau

output tanpa tergantung jenis peralatannya.

Proses dalam Flowchart, menyatakan suatu tindakan (proses)

yang dilakukan oleh komputer.

Decision dalam Flowchart, menunjukkan suatu kondisi

tertentu yang akan menghasilkan dua kemungkinan jawaban:

ya / tidak.

Flow pada Flowchart, menyatakan jalannya arus suatu proses.

Aktor pada Use Case Diagram, mewakili peran, orang, sistem

yang lain, atau alat ketika berkomunikasi dengan use case.

vii

Use Case, merupakan abstarksi dari penghubung antara aktor

dengan use case.

Association pada Use Case Diagram, penghubung antara

aktor dengan use case.

Initial State pada Diagram Activity, merupakan proses mulai

pertama kali dalam activity.

State pada Diagram Activity, menyatakan aktivitas yang

terjadi di dalam activity.

Control Flow pada Diagram Activity, menyatakan urutan

pemindahan satu aktivitas.

Final State pada Activity Diagram, menyatakan proses

terakhir dalam activity.

Aktor pada Diagram Sequence, menyatakan orang, proses,

atau sistem lain yang berinteraksi dengan sistem.

Ditempatkan di bagian atas diagram.

Objek pada Diagram Sequence, sebuah objek yang

berpartisipasi secara berurutahn dengan mengirimkan atau

menerima pesan. Ditempatkan di bagian atas diagram.

Waktu aktif, menyatakan objek dalam keadaan aktif dan

berinteraksi dengan pesan.

Lifeline pada Diagram Sequence, menyatakan kehidupan

suatu objek.

Type Call Message pada Diagram Sequence, menyatakan

suatu objek memanggil operasi/metode yang ada pada objek

lain atau dirinya sendiri.

1.Nama_metode

viii

DAFTAR GAMBAR

Gambar 1. Gambar VIA Computer Tampak Depan ............................................. 17

Gambar 2. Gambar VIA Computer Tampak Samping.......................................... 17

Gambar 3. Gambar monitor yang dipakai untuk pengecekan unit PC .................. 21

Gambar 4. Gambar komputer utama yang dipakai pemilik toko .......................... 22

Gambar 5. Gambar spesifikasi komputer utama yang dipakai pemilik toko ........ 22

Gambar 6. Gambar netbook yang digunakan oleh karyawan ............................... 23

Gambar 7. Gambar spesifikasi netbook yang digunakan oleh karyawan ............. 23

Gambar 8. Gambar denah toko VIA Computer .................................................... 24

Gambar 9. Gambar ruangan penjualan di toko VIA Computer ............................ 25

Gambar 10. Gambar ruangan service di toko VIA Computer .............................. 25

Gambar 11. Gambar beberapa unit PC yang diservice ......................................... 25

Gambar 12. Gambar catatan data pelanggan toko VIA Computer ....................... 28

Gambar 13. Gambar Entity Relationship Diagram (ERD) ................................... 30

Gambar 14. Gambar Transformasi ERD ke LRS.................................................. 31

Gambar 15. Gambar Logical Record Structure (LRS) .......................................... 32

Gambar 16. Gambar Flowchart Login .................................................................. 33

Gambar 17. Gambar Flowchart input data pelanggan .......................................... 34

Gambar 18. Gambar Flowchart input data service................................................ 35

Gambar 19. Gambar rancangan layar utama ......................................................... 37

Gambar 20. Gambar rancangan layar login .......................................................... 38

Gambar 21. Gambar rancangan layar input data pelanggan ................................. 39

Gambar 22. Gambar rancangan layar input data service ...................................... 40

Gambar 23. Gambar rancangan layar display data pelanggan .............................. 41

Gambar 24. Gambar rancangan layar lihat data .................................................... 42

ix

Gambar 25. Gambar rancangan layar data lengkap pelanggan ............................. 43

Gambar 26. Gambar rancangan layar search ........................................................ 44

Gambar 27. Gambar Use Case diagram admin ..................................................... 45

Gambar 28. Gambar diagram activity login .......................................................... 48

Gambar 29. Gambar diagram activity input data pelanggan................................. 49

Gambar 30. Gambar diagram activity service input data service ......................... 50

Gambar 31. Gambar diagram sequence keseluruhan proses ................................. 51

Gambar 32. Gambar diagram sequence proses login ............................................ 52

Gambar 33. Gambar diagram sequence proses search .......................................... 53

Gambar 34. Gambar diagram sequence proses input data .................................... 54

Gambar 35. Gambar tampilan halaman utama website ........................................ 55

Gambar 36. Gambar tampilan layar login di website ........................................... 56

Gambar 37. Gambar tampilan layar input data pelanggan di website .................. 57

Gambar 38. Gambar tampilan layar input data service di website ....................... 58

Gambar 39. Gambar tampilan layar display data pelanggan di website ............... 59

Gambar 40. Gambar tampilan layar lihat data di website ..................................... 60

Gambar 41. Gambar tampilan layar data lengkap pelanggan di website .............. 61

Gambar 42. Gambar tampilan layar search di website ........................................ 62

x

DAFTAR TABEL

Tabel 1. Tabel keterangan simbol Use Case .......................................................... 10

Tabel 2. Tabel stuktur organisasi toko VIA Computer ......................................... 20

Tabel 3. Tabel deskripsi use case login user ......................................................... 46

Tabel 4. Tabel deskripsi use case entry data pelanggan ........................................ 46

Tabel 5. Tabel deskripsi use case entry data service ............................................. 47

xi

DAFTAR LAMPIRAN

Lampiran 1 : Lembar berita acara konsultasi dengan dosen pembimbing KP

Lampiran 2 : Lembar berita acara kunjungan ke instansi

Lampiran 3 : Surat permohonan KP

Lampiran 4 : Surat persetujuan KP

xii

DAFTAR ISI

LEMBAR PENGESAHAN DOSEN PEMBIMBING.................................... ii

LEMBAR PENGESAHAN SELESAI RISET KP ........................................ iii

ABSTRAK ..................................................................................................... iv

KATA PENGANTAR .................................................................................... v

DAFTAR SIMBOL ........................................................................................ vi

DAFTAR GAMBAR ................................................................................... viii

DAFTAR TABEL ........................................................................................... x

DAFTAR LAMPIRAN .................................................................................. xi

DAFTAR ISI ................................................................................................. xii

BAB I PENDAHULUAN ............................................................................... 1

1.1 Latar Belakang .......................................................................................... 1

1.2 Rumusan Masalah ..................................................................................... 1

1.3 Batasan Masalah........................................................................................ 2

1.4 Tujuan Penelitian ...................................................................................... 2

1.5 Metodologi Penelitian ............................................................................... 2

1.6 Sistematika Penulisan ............................................................................... 4

BAB II LANDASAN TEORI ......................................................................... 6

2.1 Sistem Informasi ....................................................................................... 6

2.1.1 Pengertian Sistem ............................................................................. 6

2.1.2 Pengertian Informasi ......................................................................... 6

2.1.3 Pengertian Sistem Informasi ............................................................. 6

2.2 Database .................................................................................................... 6

2.3 Website ...................................................................................................... 7

2.3.1 Pengertian Website ............................................................................ 7

2.3.2 Pengertian Web Server ...................................................................... 7

2.3.3 Pengertian Web Browser ................................................................... 7

2.3.4 Pengertian Aplikasi Berbasis Web .................................................... 7

2.4 MySQL ...................................................................................................... 8

2.5 PHP ........................................................................................................... 8

xiii

2.6 XAMPP ..................................................................................................... 8

2.7 Hypertext Markup Language (HTML) ..................................................... 8

2.8 Cascadind Syle Sheet (CSS) ..................................................................... 9

2.9 Pelanggan ................................................................................................ 9

2.10 Pengelolaan Data ..................................................................................... 9

2.11 UML (Unifield Modelling Languange) ................................................... 9

2.12 Use Case Diagram .................................................................................. 9

2.13 Activity Diagram ................................................................................... 11

2.14 Sequence Diagram ................................................................................ 12

2.15 Class Diagram ...................................................................................... 12

2.16 Metode Waterfall Model ....................................................................... 12

2.17 Tinjauan Studi ....................................................................................... 14

2.17.1 Penelitian Yuliandri Nugroho (2012) ......................................... 14

2.17.2 Penelitian Aris, Laeliyah, Muhammad Iqbal Putra, Priskilawati

dan Sihabudin (2017) .................................................................. 14

2.17.3 Penelitian Jeanny Syntia Putri (2015) ......................................... 15

2.17.4 Penelitian Johan Aji Pribadi (2015) ............................................ 15

2.17.5 Penelitian Buhori Muslim (2016) ............................................... 16

BAB III ORGANISASI ................................................................................ 17

3.1 VIA COMPUTER Pangkalpinang .......................................................... 17

3.1.2 Sejarah VIA Computer.................................................................. 18

3.1.3 Visi dan Misi VIA Computer ........................................................ 19

3.1.4 Struktur Organisasi ....................................................................... 20

3.1.5 Tugas dan Wewenang ................................................................... 20

3.2 Spesifikasi, Kegunaan dan Jumlah Komputer ........................................ 21

3.2.1 Monitor ......................................................................................... 21

3.2.2 Komputer ...................................................................................... 22

3.2.3 Netbook ......................................................................................... 23

3.3 Denah Toko VIA Computer .................................................................... 24

3.4 Software .................................................................................................. 24

3.5 Foto-foto .................................................................................................. 25

xiv

BAB IV PEMBAHASAN ............................................................................. 26

4.1 Definisi Masalah ..................................................................................... 26

4.1.1 Proses Bisnis Berjalan ................................................................... 26

4.1.2 Tampilan Layar Sistem Yang Sedang Ada Sekarang ................... 28

4.1.3 Rancangan Yang Diusulkan .......................................................... 28

4.1.4 Keuntungan dan Kerugian Sistem Yang Diusulkan ..................... 29

4.1.4.1 Keuntungan Sistem Yang Diusulkan ......................................... 29

4.1.4.2 Kerugian Sistem Yang Diusulkan .............................................. 29

4.2 Rancangan Basis Data ............................................................................. 30

4.2.1 Entity Relationship Diagram (ERD) ............................................. 30

4.2.2 Transformasi ERD ke LRS (Logical Record Structure) ............... 31

4.2.3 Logical Record Structure (LRS) ................................................... 32

4.3 Flowchart Aplikasi .................................................................................. 33

4.3.1 Flowchart Login ............................................................................ 33

4.3.2 Flowchat Input Data Pelanggan .................................................... 34

4.3.3 Flowchat Input Data Service ......................................................... 35

4.4 Rancangan Layar ..................................................................................... 37

a. Layar Utama .................................................................................. 37

b. Login ............................................................................................. 38

c. Input Data Pelanggan .................................................................... 39

d. Input Data Service ......................................................................... 40

e. Display Data Pelanggan ................................................................ 41

f. Lihat Data ....................................................................................... 42

g. Data Lengkap Pelanggan ............................................................... 43

h. Search ............................................................................................ 44

4.5 Use Case Diagram .................................................................................. 45

4.5.1 Deskripsi Use Case Diagram ........................................................ 45

a. Deskripsi Use Case Login Admin ................................................. 46

b. Deskripsi Use Case Entry Data Pelanggan.................................... 46

c. Deskripsi Use Case Entry Data Service ........................................ 47

4.6 Diagram Activity ..................................................................................... 48

xv

4.6.1 Diagram Activity Login ................................................................ 48

4.6.2 Diagram Activity Input Data Pelanggan ....................................... 49

4.6.3 Diagram Activity Input Data Service............................................ 50

4.7 Diagram Sequence .................................................................................. 51

4.7.1 Diagram Sequence Proses Login .................................................. 52

4.7.2 Diagram Sequence Proses Search ................................................. 53

4.7.3 Diagram Sequence Proses Input Data Pelanggan ......................... 54

4.8 Implementasi Interface Aplikasi ............................................................. 55

4.8.1 Tampilan Layar Utama ........................................................................ 55

4.8.2 Tampilan Layar Login .................................................................. 56

4.8.3 Tampilan Layar Input Data Pelanggan ......................................... 57

4.8.4 Tampilan Layar Input Data Service .............................................. 58

4.8.5 Tampilan Layar Display Data Pelanggan ..................................... 59

4.8.6 Tampilan Layar Lihat Data ........................................................... 60

4.8.7 Tampilan Layar Data Lengkap Pelanggan .................................... 61

4.8.8 Tampilan Layar Search ................................................................. 62

BAB V KESIMPULAN DAN SARAN ........................................................ 63

5.1 Kesimpulan ...................................................................................... 63

5.2 Saran ................................................................................................ 63

DAFTAR PUSTAKA ................................................................................... 65