analisis dan perancangan sistem pemesanan pada … awal.pdfmerancang sistem ini penulis menggunakan...
TRANSCRIPT
i
ANALISIS DAN PERANCANGAN SISTEM PEMESANAN PADA
PERCETAKAN BERBASIS WEB
SKRIPSI
IDA BAGUS SURYA WINANTARA
NIM. 1208605085
PROGRAM STUDI TEKNIK INFORMATIKA
JURUSAN ILMU KOMPUTER
FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM
UNIVERSITAS UDAYANA
BUKIT JIMBARAN
2016
ii
ii
SURAT PERNYATAAN KEASLIAN KARYA ILMIAH
Yang bertanda tangan di bawah ini menyatakan bahwa naskah Skripsi dengan
judul:
Analisis Dan Perancangan Sistem Pemesanan Pada Percetakan Berbasis Web
Nama : Ida Bagus Surya Winantara
NIM : 1208605085
Program Studi : Teknik Informatika
E-mail : [email protected]
Nomor telp/HP : 081236036878
Alamat : Dalung Permai Blok B3 No. 224, Br. Bumi Mekar Sari
Belum pernah dipublikasikan dalam dokumen skripsi, jurnal nasional maupun
internasional atau dalam prosiding manapun, dan tidak sedang atau akan diajukan
untuk publikasi di jurnal atau prosiding manapun. Apabila di kemudian hari
terbukti terdapat pelanggaran kaidah-kaidah akademik pada karya ilmiah saya,
maka saya bersedia menanggung sanksi-sanksi yang dijatuhkan karena kesalahan
tersebut, sebagaimana diatur oleh Peraturan Menteri Pendidikan Nasional Nomor
17 Tahun 2010 tentang Pencegahan dan Penanggulangan Plagiat di Perguruan
Tinggi.
Demikian Surat Pernyataan ini saya buat dengan sesungguhnya untuk dapat
dipergunakan bilamana diperlukan.
Denpasar, 26 April 2016
Yang membuat pernyataan,
(Ida Bagus Surya Winantara)
NIM. 120860508
iii
iii
LEMBAR PENGESAHAN TUGAS AKHIR
Judul : Analisis Dan Perancangan Sistem Pemesanan Pada
Percetakan Berbasis Web
Kompetensi : Rekayasa Perangkat Lunak (RPL)
Nama : Ida Bagus Surya Winantara
NIM : 1208605085
Tanggal Seminar : 15 April 2016
Disetujui oleh :
Pembimbing I Penguji I
Ida Bagus Made Mahendra, S.Kom, M.Kom Drs. I Wayan Santiyasa, M.Si
NIP. 198006212008121002 NIP. 196704141992031002
Pembimbing II Penguji II
I Komang Ari Mogi, S.Kom, M.Kom Ida Bagus Gede Dwidasmara, S.Kom., M.Cs.
NIP. 198409242008011007 NIP. 198503152010121007
Penguji III
I Gusti Ngurah Anom Cahyadi Putra, S.T., M.Cs
NIP. 1984031720100122004
Mengetahui,
Jurusan Ilmu Komputer FMIPA UNUD
Ketua,
Agus Muliantara, S.Kom., M.Kom.
NIP. 198006162005011001
iv
iv
Judul : Analisis Dan Perancangan Sistem Pemesanan Pada
Percetakan Berbasis Web
Nama : Ida Bagus Surya Winantara
NIM : 1208605085
Pembimging I : Ida Bagus Made Mahendra, S.Kom, M.Kom
Pembimging II : I Komang Ari Mogi, S.Kom, M.Kom
ABSTRAK
Percetakan merupakan sebuah usaha cetak yang menghasilkan produk
berupa kertas dalam berbagai jenis kertas seperti kartu nama, kartu undangan,
brosur, dan aneka produk lainnya. Usaha percetakan ini penting bagi masyarakat
yang ingin membuat suatu produk berupa kertas. Tetapi, ada permasalahan yang
masih dialami oleh percetakan. Permasalahan pada percetakan adalah pemesanan
produk yang dilakukan di dalam percetakan kurang optimal dikarenakan pelanggan
harus datang langsung ke percetakan atau pelanggan harus mengirimkan desain
produk melalui e-mail ke pihak percetakan untuk melakukan pemesanan.
Berdasarkan permasalahan diatas, dalam penelitian ini dirancang sebuah
sistem pemesanan pada percetakan berbasis web yang dapat membantu dan
memudahkan pelanggan dalam melakukan pemesanan produk secara online. Dalam
merancang sistem ini penulis menggunakan metode System Development Life Cycle
(SDLC) dengan pendekatan Waterfall untuk merancang sistem pemesanan pada
percetakan yang baik.
Dari hasil pengujian yang telah dilakukan dengan metode black box, sistem
yang dibangun sudah mampu membantu dan memudahkan pelanggan dalam
melakukan pemesanan produk dan desain produk pada percetakan dengan metode
pemesanan desain (pilih template, upload desain, atau custom desain). Berdasarkan
pengujian sistem yang dilakukan dengan menggunakan kuisioner, menunjukan
bahwa sistem pemesanan pada percetakan berbasis web ini dapat mempercepat dan
menghemat waktu pelanggan dalam melakukan proses pemesanan. Sistem
pemesanan pada percetakan ini telah berhasil dirancang dan diimplementasikan
pada sistem berbasis web.
Kata Kunci : Percetakan, Web, Waterfall, Pengujian Black Box,
Pengujian Kuisioner
v
v
Title : Analysis and Design of Ordering Systems at the Web-
Based Printing Shop
Name : Ida Bagus Surya Winantara
Registration : 1208605085
First Supervisor : Ida Bagus Made Mahendra, S.Kom, M.Kom
Second Supervisor : I Komang Ari Mogi, S.Kom, M.Kom
ABSTRACT
Printing shop is a printing business that produces products in the form of
paper in a variety of paper types such as business cards, invitations, brochures, and
various other products. The printing business is important for people who want to
make a product in the form of paper. However, there are problems still being
experienced by printing shop. Their problem is the less optimal ordering of products
made because customers have to come directly to the printing shop or the customer
must send the product design via e-mail to the printing shop to make an order.
Based on the above problem, the study designed an ordering system on web-
based printing shop that can help and enable customers to order products online. In
designing this system the writer used the method of System Development Life
Cycle (SDLC) with Waterfall approach to design a good system of booking on the
printing shop.
From the results of testing that was conducted by black box method, the
system built has been able to assist and enable customers to order products and
product design on printing shop with designs ordering method (select a template,
upload the design, or custom designs). Based on the system testing conducted by
using questionnaires, it showed that ordering system on this web-based printing
shop can speed up and save the customers' ordering process. The ordering system
at the printing shop has been successfully designed and implemented on a web-
based system.
Keywords : Printing shop, Web, Waterfall, Black Box Testing,
Questionnaire Testing
vi
vi
KATA PENGANTAR
Penelitian dengan judul “Analisis Dan Perancangan Sistem Pemesanan Pada
Percetakan Berbasis Web” ini disusun dalam rangkaian kegiatan pelaksanaan Tugas
Akhir di Jurusan Ilmu Komputer FMIPA UNUD. Sehubungan dengan telah
terselesaikannya penelitian ini, maka diucapkan terima kasih dan penghargaan
kepada berbagai pihak yang telah membantu penyusun, antara lain:
1. Bapak Ida Bagus Made Mahendra, S.Kom, M.Kom sebagai Pembimbing I
yang telah banyak meluangkan waktu untuk membantu pelaksanaan penelitian
ini;
2. Bapak I Komang Ari Mogi, S.Kom, M.Kom sebagai Pembimbing II yang telah
bersedia mengkritisi, memeriksa dan menyempurnakan penulisan ini;
3. Bapak Kepala Biro Administrasi Kemahasiswaan (BAK) Universitas Udayana
yang telah mengijinkan penggunaan data awal BAK pada penelitian ini serta
banyak membantu untuk menyediakan dokumen-dokumen pendukung lainnya;
4. Bapak-bapak dan ibu-ibu dosen di Jurusan Ilmu Komputer yang telah
meluangkan waktu turut memberikan saran dan masukan dalam pelaksanaan
penelitian;
5. Kawan-kawan di Jurusan Ilmu Komputer yang telah memberikan dukungan
moral dalam penyelesaian penelitian ini.
Disadari pula bahwa sudah tentu hasil-hasil dari penelitian ini masih
mengandung kelemahan dan kekurangan. Memperhatikan hal ini, maka masukan
dan saran-saran penyempurnaan sangat diharapkan.
Bukit Jimbaran, April 2016
Penyusun
Ida Bagus Surya Winantara
vii
vii
DAFTAR ISI
HALAMAN JUDUL .............................................................................................. iii
LEMBAR PENGESAHAN TUGAS AKHIR ....................................................... iii
ABSTRAK ............................................................................................................. iv
KATA PENGANTAR ........................................................................................... vi
DAFTAR ISI ......................................................................................................... vii
DAFTAR TABEL ................................................................................................. vii
DAFTAR GAMBAR ............................................................................................. xi
DAFTAR LAMPIRAN ........................................................................................ xiv
BAB I PENDAHULUAN ....................................................................................... 1
1.1 Latar Belakang ............................................................................................ 1
1.2 Rumusan Masalah ....................................................................................... 3
1.3 Batasan Masalah .......................................................................................... 3
1.4 Tujuan Penelitian ......................................................................................... 3
1.5 Manfaat Penelitian ....................................................................................... 3
1.6 Metodelogi Penelitian ................................................................................. 4
1.6.1 Obyek Penelitian ............................................................................... 4
1.6.2 Metode Pengumpulan Data ............................................................... 4
1.6.3 Metode Pengembangan Sistem ......................................................... 4
BAB II TINJAUAN PUSTAKA ............................................................................. 8
2.1 Sistem .......................................................................................................... 8
2.2 Metode System Development Life Cycle (SDLC) Pendekatan Waterfall .. 8
2.3 Website ...................................................................................................... 10
2.4 Entity Relationship Diagram (ERD) ......................................................... 10
2.5 Data Flow Diagram ................................................................................... 11
2.6 HTML ........................................................................................................ 13
2.7 CSS ............................................................................................................ 13
2.8 PHP ............................................................................................................ 13
2.9 JavaScript .................................................................................................. 14
2.10 MySQL ...................................................................................................... 14
viii
viii
2.11 CodeIgniter ................................................................................................ 14
2.12 Fabric.js ..................................................................................................... 15
2.13 Black Box Testing ...................................................................................... 16
2.14 Tinjauan Studi ........................................................................................... 16
BAB III ANALISIS DAN PERANCANGAN SISTEM ...................................... 17
3.1 Analisis Permasalahan ............................................................................... 17
3.2 Analisis Kebutuhan Sistem ....................................................................... 17
3.2.1 Kebutuhan Fungsional .................................................................... 17
3.1.1 Kebutuhan Non fungsional ............................................................. 19
3.3 Perancangan Sistem ................................................................................... 20
3.1.2 Pemodelan Proses ........................................................................... 20
3.1.3 Pemodelan Data .............................................................................. 30
3.1.4 Perancangan Antar Muka Sistem (Design Interface) ..................... 35
BAB IV HASIL DAN PEMBAHASAN .............................................................. 48
4.1 Gambaran Umum Sistem .......................................................................... 48
4.2 Implementasi Basis Data ........................................................................... 48
4.3 Implementasi Sistem ................................................................................. 55
4.4 Implementasi Antar Muka Sistem ............................................................. 60
4.5 Pengujian Sistem ....................................................................................... 76
4.5.1 Pengujian Black Box ....................................................................... 76
4.5.2 Pengujian Dengan Kuisioner .......................................................... 91
BAB V KESIMPULAN DAN SARAN ................................................................ 97
5.1 Kesimpulan ................................................................................................ 97
5.2 Saran .......................................................................................................... 97
DAFTAR PUSTAKA ........................................................................................... 98
LAMPIRAN .......................................................................................................... 99
ix
ix
DAFTAR TABEL
Tabel 1.2 Rancangan Tabel Pengujian Black Box ................................................... 7
Tabel 3.1 Kebutuhan Fungsional Sistem ............................................................... 19
Tabel 4.1 Tabel User Pada Basis Data Sistem ....................................................... 49
Tabel 4.2 Tabel Pesanan Pada Basis Data Sistem................................................. 50
Tabel 4.3 Tabel Detail Pesanan Pada Basis Data Sistem ...................................... 50
Tabel 4.4 Tabel Desain Pesanan Pada Basis Data Sistem .................................... 51
Tabel 4.5 Tabel File Desain Pesanan Pada Basis Data Sistem ............................. 51
Tabel 4.6 Tabel Produk Pada Basis Data Sistem .................................................. 52
Tabel 4.7 Tabel Template Produk Pada Basis Data Sistem .................................. 52
Tabel 4.8 Tabel Atribut Produk Pada Basis Data Sistem...................................... 53
Tabel 4.9 Tabel Atribut Pada Basis Data Sistem .................................................. 53
Tabel 4.10 Tabel Jenis Atribut Pada Basis Data Sistem ....................................... 54
Tabel 4.11 Tabel Atribut Pesanan Pada Basis Data Sistem .................................. 54
Tabel 4.12 Tabel Pembayaran Pada Basis Data Sistem ........................................ 54
Tabel 4.13 Tabel Pengiriman Pada Basis Data Sistem ......................................... 55
Tabel 4.14 Checklist Pengujian Black Box ........................................................... 77
Tabel 4.15 Pengujian Validasi Input Pada Proses Login ...................................... 77
Tabel 4.16 Pengujian Pemberian Hak Akses Pada Proses Login ......................... 78
Tabel 4.17 Pengujian Proses Logout ..................................................................... 78
Tabel 4.18 Pengujian Validasi Input Pada Proses Register .................................. 79
Tabel 4.19 Pengujian Pilih Produk Dan Pilih Atribut Produk .............................. 79
Tabel 4.20 Pengujian Pilih Metode Pemesanan Desain ........................................ 80
Tabel 4.21 Pengujian Pilih Template .................................................................... 80
Tabel 4.22 Pengujian Upload Desain ................................................................... 81
Tabel 4.23 Pengujian Custom Desain ................................................................... 81
Tabel 4.24 Pengujian Pengecekan Atribut Produk ............................................... 82
Tabel 4.25 Pengujian Pilih Metode Pengiriman Dan Pembayaran ....................... 82
Tabel 4.26 Pengujian Proses Pesan Produk Pada Keranjang Belanja ................... 83
Tabel 4.27 Pengujian Lihat Detail Pemesanan Produk ......................................... 83
x
x
Tabel 4.28 Pengujian Melihat Data Produk .......................................................... 83
Tabel 4.29 Pengujian Menambahkan Data Produk ............................................... 84
Tabel 4.30 Pengujian Mengedit Data Produk ....................................................... 85
Tabel 4.31 Pengujian Menghapus Data Produk .................................................... 86
Tabel 4.32 Pengujian Mengelola Data Template .................................................. 87
Tabel 4.33 Pengujian Melihat Data Pesanan......................................................... 88
Tabel 4.34 Pengujian Mengedit Status Pesanan ................................................... 88
Tabel 4.35 Pengujian Menghapus Data Pesanan .................................................. 88
Tabel 4.36 Pengujian Melihat Data User .............................................................. 89
Tabel 4.37 Pengujian Menambahkan Data User................................................... 89
Tabel 4.38 Pengujian Mengedit Data User ........................................................... 90
Tabel 4.39 Pengujian Menghapus Data User ........................................................ 90
xi
xi
DAFTAR GAMBAR
Gambar 2.1 Struktur Metode Waterfall .................................................................. 8
Gambar 3.1 Diagram Konteks Sistem ................................................................... 20
Gambar 3.2 DFD Level-0 Sistem.......................................................................... 21
Gambar 3.3 DFD Level-1 Proses 1 Sistem ........................................................... 24
Gambar 3.4 DFD Level-1 Proses 2 Sistem ........................................................... 26
Gambar 3.5 DFD Level-1 Proses 3 Sistem ........................................................... 28
Gambar 3.6 DFD Level-1 Proses 4 Sistem ........................................................... 29
Gambar 3.7 Entity Relationship Diagram Sistem ................................................. 35
Gambar 3.8 Rancangan Tampilan Header, Dan Footer Pelanggan...................... 36
Gambar 3.9 Rancangan Tampilan Beranda Pelanggan ......................................... 37
Gambar 3.10 Rancangan Tampilan Produk Pelanggan ......................................... 37
Gambar 3.11 Rancangan Tampilan Tentang Kami Pelanggan ............................. 37
Gambar 3.12 Rancangan Tampilan Kontak Kami Pelanggan .............................. 38
Gambar 3.13 Rancangan Tampilan Login / Daftar (Login) Pelanggan ................ 38
Gambar 3.14 Rancangan Tampilan Login / Daftar (Daftar) Pelanggan................ 38
Gambar 3.15 Rancangan Tampilan Produk Detail Pelanggan .............................. 39
Gambar 3.16 Rancangan Tampilan Pilih Template Pelanggan ............................. 40
Gambar 3.17 Rancangan Tampilan Desain Template Pelanggan ......................... 40
Gambar 3.18 Rancangan Tampilan Upload Desain Pelanggan ............................ 41
Gambar 3.19 Rancangan Tampilan Custom Desain Pelanggan ............................ 41
Gambar 3.20 Rancangan Tampilan Opsi Produk Pelanggan ................................ 42
Gambar 3.21 Rancangan Tampilan Keranjang Belanja Pelanggan ...................... 43
Gambar 3.22 Rancangan Tampilan Pesan Diterima ............................................. 43
Gambar 3.23 Rancangan Tampilan Daftar Pesanan Pelanggan ............................ 44
Gambar 3.24 Rancangan Tampilan Login Karyawan ........................................... 44
Gambar 3.25 Rancangan Tampilan Header, Sidebar Dan Footer Karyawan ...... 45
Gambar 3.26 Rancangan Tampilan Mengelola Produk Karyawan ....................... 45
Gambar 3.27 Rancangan Tampilan Mengelola Template Karyawan ................... 46
Gambar 3.28 Rancangan Tampilan Mengelola Pemesanan .................................. 46
xii
xii
Gambar 3.29 Rancangan Tampilan Mengelola User ............................................ 47
Gambar 4.1 Skema Basis Data Sistem .................................................................. 48
Gambar 4.2 Implementasi Header, Dan Footer Pelanggan .................................. 60
Gambar 4.3 Implementasi Tampilan Beranda Pelanggan ..................................... 61
Gambar 4.4 Implementasi Tampilan Produk Pelanggan....................................... 62
Gambar 4.5 Implementasi Tampilan Tentang Kami Pelanggan ........................... 62
Gambar 4.6 Implementasi Tampilan Kontak Kami Pelanggan ............................ 62
Gambar 4.7 Implementasi Tampilan Login / Daftar (Login) Pelanggan .............. 63
Gambar 4.8 Implementasi Tampilan Login / Daftar (Daftar) Pelanggan.............. 63
Gambar 4.9 Implementasi Tampilan Produk Detail Pelanggan ............................ 64
Gambar 4.10 Implementasi Tampilan Pilih Template Pelanggan ......................... 65
Gambar 4.11 Implementasi Tampilan Desain Template Depan Pelanggan .......... 65
Gambar 4.12 Implementasi Tampilan Desain Template Belakang Pelanggan ..... 65
Gambar 4.13 Implementasi Tampilan Upload Desain Pelanggan ........................ 66
Gambar 4.14 Implementasi Tampilan Custom Desain Pelanggan ........................ 67
Gambar 4.15 Implementasi Tampilan Opsi Produk Pelanggan ............................ 67
Gambar 4.16 Implementasi Tampilan Keranjang Belanja Pelanggan .................. 68
Gambar 4.17 Implementasi Tampilan Pop-Up Login / Daftar Pelanggan ............ 68
Gambar 4.18 Implementasi Tampilan Pesanan Diterima ..................................... 69
Gambar 4.19 Implementasi Tampilan Daftar Pesanan Pelanggan ........................ 69
Gambar 4.20 Implementasi Tampilan Detail Pesanan Pelanggan ........................ 70
Gambar 4.21 Implementasi Tampilan Login Karyawan ....................................... 70
Gambar 4.22 Implementasi Tampilan Header, Sidebar Dan Footer Karyawan .. 71
Gambar 4.23 Implementasi Tampilan Mengelola Produk Karyawan ................... 71
Gambar 4.24 Implementasi Tampilan Form Menambahkan Produk.................... 72
Gambar 4.25 Implementasi Tampilan Mengelola Template Karyawan ............... 73
Gambar 4.26 Implementasi Tampilan Tambah Template ..................................... 73
Gambar 4.27 Implementasi Tampilan Mengelola Pemesanan .............................. 74
Gambar 4.28 Implementasi Tampilan Mengelola Detail Pesanan ........................ 74
Gambar 4.29 Implementasi Tampilan Mengelola User (Karyawan) .................... 75
Gambar 4.30 Implementasi Tampilan Tambah User (Karyawan) ........................ 75
xiii
xiii
Gambar 4.31 Implementasi Tampilan Mengelola User (Pelanggan) ................... 75
Gambar 4.32 Implementasi Tampilan Tambah User (Pelanggan)........................ 76