PERANCANGAN WEBSITE SISTEM INFORMASI PENJUALAN ACCESORIES COMPUTER/ LAPTOP PADA
BENZ COMPUTER
SKRIPSI
MUHAMAD LUTFI 1410512050
PROGRAM STUDI S1 SISTEM INFORMASI FAKULTAS ILMU KOMPUTER
UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAKARTA 2021
PERANCANGAN WEBSITE SISTEM INFORMASI PENJUALAN ACCESORIES COMPUTER/ LAPTOP PADA
BENZ COMPUTER
SKRIPSI
Diajukan Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Komputer
MUHAMAD LUTFI 1410512050
PROGRAM STUDI S1 SISTEM INFORMASI FAKULTAS ILMU KOMPUTER
UNIVERSITAS PEMBANGUNAN NASIONAL VETERAN JAKARTA 2021
ii
PERNYATAAN ORISINALITAS
Skripsi ini adalah hasil karya sendiri, dan semua sumber yang dikutip maupun yang dirujuk telah saya nyatakan dengan benar.
Nama : Muhamad Lutfi
NIM : 1410512050
Tanggal : 05 Juli 2021
Bilamana di kemudian hari ditemukan ketidaksesuaian dengan pernyataan saya ini, maka saya bersedia dituntut dan diproses sesuai dengan ketentuan yang berlaku.
Jakarta, 05 Juli 2021 Yang Menyatakan,
(Muhamad Lutfi)
iii
PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI UNTUK KEPENTINGAN AKADEMIS
Sebagai civitas akademik Universitas Pembangunan Nasional Veteran Jakarta, saya yang bertanda tangan di bawah ini:
Nama : Muhamad Lutfi
NIM : 1410512050
Fakultas : Ilmu Komputer
Program Studi : Sistem Informasi
Demi pengembangan ilmu pengetahuan, menyetujui untuk memberikan kepada Universitas Pembangunan Nasional Veteran Jakarta Hak Bebas Royalti Non eksklusif (Non-exclusive Royalty Free Right) atas karya ilmiah saya yang berjudul:
PERANCANGAN WEBSITE SISTEM INFORMASI PENJUALAN ACCESORIES COMPUTER/LAPTOP
Beserta perangkat yang ada (jika diperlukan). Dengan Hak Bebas Royalti ini Universitas Pembangunan Nasional Veteran Jakarta berhak menyimpan, mengalih media/formatkan, mengelola dalam bentuk pangkalan data (database), merawat, dan mempublikasikan Skripsi saya selama tetap mencantumkan nama saya sebagai penulis/pencipta dan sebagai pemilik Hak Cipta.
Demikian penyataan ini saya buat dengan sesungguhnya.
Dibuat di : Jakarta Pada tanggal : 05 Juli 2021
Yang menyatakan,
(Muhamad Lutfi)
iv Perancangan Sistem Informasi Penjualan Accessories Komputer/Laptop Pada Benz Computer
LEMBAR PERSETUJUAN
Mengetahui :
Nama : Muhamad Lutfi
NIM : 1410512050
Program Studi : Sistem Informasi Judul Tugas Akhir :
Sebagai Bagian Persyaratan yang diperlukan untuk mengikuti ujian siding skripsi pada program Studi Sistem Informasi Fakultas Ilmu Komputer, Universitas Pembangunan Nasional Veteran Jakarta.
Mengetahui
Ati Zaidiah, S.Kom., MTI Ketua Program Studi
Meyetujui,
Kraugusteeliana, S.Kom., M.kom., MM Ria Astriratma, S.Komp., M.Cs Pembimbing 1 Pembimbing 2
Ditetapkan di : Jakarta Tanggal Persetujuan : 05 Juli 2021
v
LEMBAR PENGESAHAN
Dengan ini dinyatakan bahwa Skripsi berikut:
Nama : Muhamad Lutfi
NIM : 1410512050
Program Studi : Sistem Informasi S.1
Judul Tugas Akhir: Perancangan Website Sistem Informasi Penjualan Accesories Computer/Laptop pada Benz Computer
Telah berhasil dipertahankan dihadapan Tim Penguji dan diterima sebagai bagian dari persyaratan yang diperlukan untuk memperoleh gelar Sarjana Komputer pada Program Studi Sistem Informasi, Fakultas Ilmu Komputer, Universitas Pembangunan Nasional Veteran Jakarta.
Theresiawati, S.Kom., MTI I Wayan Widi, S.Kom., MTI
Penguji I Penguji II
Kraugusteeliana, S.Kom., M.kom., MM Ria Astriratma, S.Komp., M.Cs
Pembimbing I Pembimbing II
Dr. Ermatita, M.Kom Ati Zaidiah, S.Kom., MTI
Dekan Ketua Program Studi
Ditetapkan di : Jakarta Tanggal Ujian : 15 Juli 2021
vi
PERANCANGAN WEBSITE SISTEM INFORMASI PENJUALAN ACCESORIES COMPUTER/LAPTOP PADA
BENZ COMPUTER
Muhamad Lutfi
ABSTRAK
Perkembangan teknologi saat ini sangat berkembang karena adanya internet. Dengan internet, dapat mempermudah suatu perusahaan dalam hal penjualan berbasis online. Penelitian dilakukan untuk merancang sebuah sistem informasi penjualan komputer yang berbasis web pada Benz Computer. Dimana dengan adanya sisten informasi penjualan website menjadikan alat alternatif bagi penjualan tersebut. Sehingga dapat mempermudah didalam melakukan proses transaksi, pengelolaan data penjualan dan pengelolaan data barang. Untuk mendapatkan kebutuhan dalam penelitian, dilakukan dengan melalui metode pengumpulan data dengan teknik observasi, wawancara dan studi pustaka. Dalam melaksanakan penelitian ini metode pengembangan sistem yang digunakan yaitu model waterfall sebagai salah satu metode yang tepat dengan tahapannya yaitu:
analisis, desain, pengodean, pengujian dan implementasi. Dengan tools perancangan menggunakan Unified Modelling Language (UML) yaitu use case, activity diagram, class diagram, dan sequence diagram. Dan pada penelitian ini menggunakan PHP dan MySql sebagi bahasa pemrograman serta database. Hasil akhir dari penelitian ini diantaranya menghasilkan suatu sistem informasi penjualan berbasis website yang dapat mempermudah proses transaksi, pengolahan data penjualan dan pembuatan laporan. Serta memudahkan owner unuk mengawasi proses penjualan yang ada pada Benz Computer.
Kata Kunci: Sistem informasi Penjualan, Waterfall, PHP, MySql
vii
WEBSITE DESIGN INFORMATION SYSTEM SALES ACCESSORIES COMPUTER / LAPTOP ON BENZ COMPUTER
Muhamad Lutfi
ABSTRACT
The development of technology is currently very developed because of the internet. With the internet, it can make it easier for a company in terms of online- based sales. The research was conducted to design a web-based computer sales information system on Benz Computer. Where the existence of a website sales information system makes it an alternative tool for these sales. So that it can make it easier to process transactions, manage sales data and manage goods data. To get the need for research, it is done through data collection methods with observation, interviews and literature studies. In carrying out this research the system development method used is the waterfall model as one of the appropriate methods with the stages: analysis, design, coding, testing and implementation. With design tools using the Unified Modeling Language (UML), namely use cases, activity diagrams, class diagrams, and sequence diagrams. And in this study using PHP and MySql as programming languages and databases. The final results of this research include producing a website-based sales information system that can facilitate transaction processing, sales data processing and report generation. As well as making it easier for the owner to oversee the sales process on Benz Computer.
Keywords: Sales information system, Waterfall, PHP, MySql
viii
KATA PENGANTAR
Puji dan syukur penulis panjatkan kehadirat Allah SWT atas segala karunia-Nya, sehingga penelitian ini berhasil diselesaikan. Penelitian ini dilaksanakan sejak bulan Januari 2021 hingga Mei 2021 dengan Judul Perancangan Website Sistem Informasi Penjualan Accessories Computer/Laptop pada Benz Computer. Dalam penulisan ini tentunya tidak lepas dari bantuan pembimbing, petunjuk dan dorongan baik secara materil maupun secara moril dari berbagai pihak. Dalam kesempatan ini, penulis bermaksud menyampaikan rasa terima kasih kepada :
1. Bapak Nazarudin dan Ibu Sumiati sebagai kedua orang tua yang memberikan sokongan baik moril maupun materil, dan yang tentunya tidak pernah berhenti mendoakan kesuksesan dan kelancaran dalam penyusunan ini.
2. Ibu Dr. Ermatita, M.Kom. selaku Dekan Fakultas Ilmu Komputer Universitas Pembangunan Nasional Veteran Jakarta.
3. Ibu Ati Zaidiah, S.Kom., MTI. Sebagai Kepala Program Studi Sistem Informasi.
4. Ibu Kraugusteeliana, S.Kom., M.Kom., MM. dan Ibu Ria Astriratma, S.Komp., M.Cs selaku Dosen Pembimbing yang telah memberikan bimbingan dan saran yang sangat bermanfaat.
5. Teman-teman seperjuangan Program Studi S1 Sistem Informasi 2014.
6. Bapak Zaqi Mashuri Sebagai Owner Benz Computer.
Penulis menyadari bahwa skripsi ini masih jauh dari sempurna, untuk itu penulis mengharapkan saran dan kritik yang bersifat membangun dalam menyempurnakan penelitian ini. Akhir kata dari penulis, semoga skripsi ini dapat bermanfaat bagi para pembaca khususnya mahasiswa Fakultas Ilmu Komputer Universitas Pembangunan Nasional Veteran Jakarta.
Jakarta, 05 Juli 2021
Penulis
ix
DAFTAR ISI
Halaman
PERNYATAAN ORISINALITAS ... ii
PERNYATAAN PERSETUJUAN PUBLIKASI SKRIPSI UNTUK KEPENTINGAN AKADEMIS ... iii
LEMBAR PERSETUJUAN... iv
LEMBAR PENGESAHAN ... v
ABSTRAK ... vi
KATA PENGANTAR ... viii
DAFTAR ISI ... ix
DAFTAR GAMBAR ... xiii
DAFTAR TABEL ... xv
DAFTAR LAMPIRAN ... xvi
DAFTAR SIMBOL ... xvii
BAB I ... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah... 2
1.4 Tujuan dan Manfaat ... 2
1.5 Luaran Yang Diharapkan ... 3
1.6 Sistematika Penulisan ... 3
BAB II ... 4
2.1 Konsep Dasar Sistem ... 4
2.1.1 Pengertian Sistem ... 4
2.1.2 Karakteristik Sistem ... 4
2.2 Konsep Dasar Informasi ... 6
2.2.1 Pengertian Informasi ... 6
2.2.2 Kualitas Informasi... 6
2.3 Sistem Informasi ... 7
2.3.1 Pengertian Sistem Informasi ... 7
2.3.2 Komponen Sistem Informasi ... 8
x
2.4 Definisi Penjualan ... 8
2.4.1 Penjualan Online ... 9
2.5 Metode Analisa PIECES ... 9
2.6 Unified Modeling Language (UML) ... 10
2.6.1 Use Case Diagram ... 11
2.6.2 Class Diagram... 11
2.6.3 Activity Diagram ... 11
2.6.4 Sequence Diagram ... 12
2.7 Metode Waterfall ... 12
2.8 Pengertian Web... 14
2.8.1 PHP (Hypertext Preprocessor) ... 14
2.8.2 Javascript ... 15
2.8.3 MySql... 15
2.8.4 Database Management System (DBMS) ... 16
2.9 Definisi Internet ... 16
2.10 Black-Box Testing ... 16
2.11 Cascading Style Sheets (CSS) ... 17
2.12 Penelitian Terdahulu ... 17
BAB III ... 22
3.1 Alur Penelitian ... 22
3.2 Metode Penelitian... 23
3.3 Tahapan Penelitian ... 23
3.3.1 Pengumpulan Data ... 23
3.4 Studi Literatur ... 23
3.5 Identifikasi Masalah ... 23
3.6 Analisa Sistem ... 24
3.7 Rancangan Aplikasi Sistem... 24
3.8 Uji Coba ... 24
3.9 Waktu Serta Tempat Penelitian ... 25
3.10 Alat Bantu Penelitian ... 25
3.10.1 Kebutuhan Hardware ... 25
3.10.2 Kebutuhan Software ... 26
xi
3.11 Tahapan Kegiatan... 26
BAB 4 ... 27
4.1 Profil Benz Computer ... 27
4.1.1 Sejarah ... 27
4.1.2 Visi dan Misi ... 27
4.2 Stuktur Organisasi ... 28
4.2.1 Tugas dan Fungsi ... 28
4.3 Sistem Informasi Penjualan Layanan Pemesanan Barang ... 28
4.3.1 Dokumen yang Digunakan ... 28
4.3.2 Prosedur Sistem Berjalan ... 30
4.4 Analisa Permasalah ... 31
4.5 Masalah Pokok ... 33
4.5.1 Masalah Sistem ... 33
4.5.2 Masalah Teknologi Pengolahan Data ... 34
4.6 Analisis Kebutuhan Informasi ... 34
4.7 Analisis Sistem Berjalan ... 34
4.8 Rancangan Umum Sistem Usulan ... 35
4.9 Metode Pengembangan Yang Digunakan ... 35
4.10 Antisipasi Masalah ... 36
4.11 Teknologi yang Digunakan ... 36
4.12 Sistem Usulan ... 36
4.12.1 Sistem Informasi Layanan Kustomisasi Pemesanan Pada Benz Computer ... 36
4.12.2 Tujuan dan Saran ... 37
4.13 Rancangan Logik ... 38
4.13.1 Use Case Diagram ... 39
4.13.2 Skenario Use Case ... 39
4.13.3 Class Diagram... 44
4.13.4 Activity Diagram ... 44
4.13.5 Sequence Diagram ... 50
4.14 Rancangan Database ... 53
4.15 Rancangan Fisik ... 55
xii
4.15.1 Stuktur Direktori Sistem ... 55
4.15.2 Rancangan User Interface Sederhana ... 56
4.16 Kebutuhan Konfigurasi Sitem Jaringan ... 58
4.18.1 Perangkat Keras dan Perangkat Lunak ... 58
4.17 Test Aplikasi ... 60
4.18 Implementasi ... 62
4.18.1 Implementasi Aplikasi Admin ... 64
4.18.2 Implementasi Aplikasi Pelanggan ... 70
4.18.3 Implementasi Aplikasi Owner ... 75
BAB V ... 77
5.1 Kesimpulan ... 77
5.2 Saran ... 77
DAFTAR PUSTAKA ... 78
RIWAYAT HIDUP ... 80
LAMPIRAN ... 81
xiii
DAFTAR GAMBAR
Gambar 1 Metode Waterfall (Shalahuddin 2013) ... 13
Gambar 2 Flowchart Metode Penelitian ... 22
Gambar 3 Struktur Organisasi ... 28
Gambar 4 Sistem yang berjalan ... 35
Gambar 5 Use Case Diagram ... 39
Gambar 6 Class Diagram ... 44
Gambar 7 Activity Diagram Registrasi ... 45
Gambar 8 Activity Diagram Manajemen Produk ... 46
Gambar 9 Activity Diagram Login Pelanggan ... 47
Gambar 10 Activity Diagram Pesan Barang ... 48
Gambar 11 Activity Diagram Pembayaran ... 49
Gambar 12 Sequence Diagram Registrasi Pelanggan ... 50
Gambar 13 Sequence Diagram Login Pelanggan ... 50
Gambar 14 Sequence Diagram Pilih Data Barang ... 51
Gambar 15 Sequence Diagram Mengelola Data Barang... 52
Gambar 16 Sequence Diagram Laporan Data Transaksi ... 53
Gambar 17 Struktur Direktori ... 55
Gambar 18 Struktur Aplikasi Menu Utama ... 56
Gambar 19 Tampilan Halaman Menu Utama ... 56
Gambar 20 Tampilan Halaman Menu Admin ... 57
Gambar 21 Menu Login Admin ... 64
Gambar 22 Halaman Dashboard ... 65
Gambar 23 Menu Daftar Kategori ... 65
Gambar 24 Menu Tambah Kategori ... 66
Gambar 25 Menu Daftar Produk ... 66
Gambar 26 Menu Tambah Produk ... 67
Gambar 27 Menu Data Transaksi ... 67
Gambar 28 Halaman Data Pelanggan ... 68
Gambar 29 Data User... 68
Gambar 30 User Role ... 69
xiv
Gambar 31 Cetak Data Transaksi ... 69
Gambar 32 Halaman Menu Utama ... 70
Gambar 33 Login Pelanggan ... 70
Gambar 34 Halaman Registrasi ... 71
Gambar 35 Detail Produk... 71
Gambar 36 Menu Pemesanan ... 72
Gambar 37 Metode Pembayaran ... 72
Gambar 38 Konfirmasi Pembayaran ... 73
Gambar 39 Tampilan Kategori Produk ... 73
Gambar 40 Tampilan Edit Profile ... 74
Gambar 41 Ubah Password ... 74
Gambar 42 Tampilan History Belanja ... 75
Gambar 43 Laporan Penjualan ... 75
Gambar 44 Cetak Laporan Owner ... 76
xv
DAFTAR TABEL
Tabel 1 Penelitian Terdahulu ... 17
Tabel 2 Tahapan Kegiatan ... 26
Tabel 3 Dokumen Masukan ... 29
Tabel 4 Dokumen Keluaran ... 29
Tabel 5 Dokumen Simpanan ... 29
Tabel 6 Rancangan Logik ... 38
Tabel 7 Use Case Diagram Registrasi ... 39
Tabel 8 Use Case Tambah Produk ... 40
Tabel 9 Use Case Diagram Cetak Hasil Laporan ... 40
Tabel 10 Use Case Diagram Pesan Barang... 41
Tabel 11 Use Case Diagram Manajemen Penjualan ... 41
Tabel 12 Use Case Diagram Manajemen User ... 42
Tabel 13 Use Case Diagram Manajemen Pengaturan Web ... 43
Tabel 14 Struktur File ... 54
Tabel 15 Deskripsi Struktur Direktori Sistem ... 57
Tabel 16 Rancangan Masukan ... 58
Tabel 17 Rancangan Keluaran ... 58
Tabel 18 Spesifikasi Server Hosting ... 59
Tabel 19 Spesifikasi Perangkat Keras Komputer Client ... 59
Tabel 20 Spesifikasi Perangkat Lunak ... 60
Tabel 21 Pengujian Sistem Pelanggan ... 60
Tabel 22 Pengujian Sistem Admin ... 61
Tabel 23 Pengujian Sistem Owner ... 62
xvi
DAFTAR LAMPIRAN
Lampiran 1 Bukti Pembayaran Lunas dan Surat Jalan ... 81
Lampiran 2 Bukti Pembayaran Sebagai Pembukuan ... 82
Lampiran 3 Hasil Wawancara ... 83
Lampiran 4 Halaman Login ... 84
Lampiran 5 Halaman Dashboard Admin ... 84
Lampiran 6 Daftar Kategori ... 85
Lampiran 7 Daftar Barang ... 85
Lampiran 8 Daftar Tambah Barang ... 86
Lampiran 9 Data Transaksi ... 86
Lampiran 10 Data User ... 87
Lampiran 11 Halaman Tampilan Utama ... 87
Lampiran 12 Halaman Login Pelanggan ... 88
Lampiran 13 Halaman Registrasi ... 88
Lampiran 14 Halaman Detail Barang ... 89
Lampiran 15 Halaman Form Pemesanan ... 89
Lampiran 16 Halaman Metode Pembayaran ... 90
Lampiran 17 Konfirmasi Bukti Pembayaran ... 90
Lampiran 18 Halaman Laporan Penjualan ... 91
Lampiran 19 Pembayaran Produk ... 91
Lampiran 20 Data User Role... 92
Lampiran 21 Data Pelanggan ... 92
Lampiran 22 Halaman Pengaturan ... 93
Lampiran 23 Data Provinsi ... 93
Lampiran 24 Data Ongkir ... 94
Lampiran 25 Cek Hasil Turnitin ... 95
xvii
DAFTAR SIMBOL
1. Unified Modeling Language Use Case Diagram
No. Nama Simbol Penjelasan
1. Actor Actor ataupun pengguna sistem.
Actor tidak terbatas cuma manusia saja, bila suatu sistem berbicara dengan aplikasi lain serta memerlukan input ataupun membagikan output, hingga aplikasi tersebut pula dapat dikira bagaikan actor.
2. Use Case Use case digambarkan sebagai
lingkaran elips dengan nama use case dituliskan didalam elips tersebut.
3. Association Asosiasi digunakan untuk
menghubungkan actor dengan use case. Asosiasi digambarkan dengan sebuah garis yang menghubungkan antara Actor dengan Use Case.
4. Association Asosiasi antara aktor dan use case yang menggunakan panah terbuka untuk mengindikasikan bila aktor berinteraksi secara pasif dengan sistem.
5. Include Include merupakan di dalam use
case lain atau pemanggilan use case oleh use case lain.
6. Extend Extend merupakan perluasan dari
use case lain jika kondisi atau syarat terpenuhi.
xviii 2. Activity Diagram
No. Nama Simbol Penjelasan
1. Start Point Start point diletakkan pada pojok kiri atas dan merupakan awal aktifitas.
2. End Point End point, akhir aktifitas.
3. Activities Activities menggambarkan suatu
proses atau kegiatan bisnis.
4. Fork Fork (percabangan) digunakan
untuk menunjukkan kegiatan yang dilakukan secara paralel atau untuk menggabungkan dua kegiatan paralel menjadi satu.
5. Join Join (penggabungan) digunakan
untuk menunjukkan adanya
dekomposisi.
6. Decision Points
Decision points menggambarkan pilihan untuk pengambilan keputusan, true atau false.
xix 3. Class Diagram
No Nama Simbol Keterangan
1. Class Class adalah blok-blok
pembangun pada pemprograman berorientasi objek. Sebuah class digambarkan sebagai sebuah kotak yang terdiri atas 3 bagian, bagian
tengah mendefinisikan
property/atribut class. Bagian akhir mendefinisikan method- method dari sebuah class.
2. Association
1..* Owned by 1..1
Sebuah Asosiasi merupakan sebuah relationship paling umum antara 2 class dan dilambangkan
oleh sebuah garis yang
menghubungkan antara 2 class garis ini bisa melambangkan tipe- tipe relationship dan juga dapat
menampilkan hukum-hukum
multiplisitas pada sebuah relationship. (Contoh : One-to- one, one-to-many,many-to-many 3. Composition Jika sebuah class tidak bisa berdiri
sendiri dan harus merupakan bagian dari class yang lain, maka class
tersebut memiliki relasi
composition terhadap class tempat dia bergantung tersebut. Sebuah relationship composition
digambarkan sebagai garis dengan ujung berbentuk jajaran genjang berisi/solid.
4. Dependency Kadang kala sebuah class diagram
menggunakan class yang lain. Hal ini disebut depedency. Umumnya penggunaan depedency digunakan untuk menunjukkan operasi pada suatu class yang menggunakan class yang lain. Sebuah depedency
xx dilambangkan sebagai sebuah panah bertitik-titik.
5. Aggregation Aggregation mengidikasikan
keseluruhan bagian relationship dan biasanya disebut sebagairelasi.
