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
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
ii
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 NIP. 198006212008121002
Drs. I Wayan Santiyasa, M.Si NIP. 196704141992031002
Pembimbing II
Penguji II
I Komang Ari Mogi, S.Kom, M.Kom NIP. 198409242008011007
Ida Bagus Gede Dwidasmara, S.Kom., M.Cs. 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
iii
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
iv
v
Title
: Analysis and Design of Ordering Systems at the WebBased 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 webbased 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 webbased system. Keywords
: Printing shop, Web, Waterfall, Black Box Testing, Questionnaire Testing
v
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
vi
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
vii
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
viii
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
ix
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
x
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
xi
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
xii
xiii
Gambar 4.31 Implementasi Tampilan Mengelola User (Pelanggan) ................... 75 Gambar 4.32 Implementasi Tampilan Tambah User (Pelanggan)........................ 76
xiii
xiv
DAFTAR LAMPIRAN Lampiran 1. Source Code Controller Orders
xiv
