ANALISIS DAN PERANCANGAN SISTEM PEMESANAN PADA … Awal.pdfmerancang sistem ini penulis menggunakan...

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)


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


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.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

xiv

xiv

DAFTAR LAMPIRAN

Lampiran 1. Source Code Controller Orders

ANALISIS DAN PERANCANGAN SISTEM PEMESANAN PADA … Awal.pdfmerancang sistem ini penulis menggunakan...

Documents

Transcript of ANALISIS DAN PERANCANGAN SISTEM PEMESANAN PADA … Awal.pdfmerancang sistem ini penulis menggunakan...