SKRIPSI

SISTEM INFORMASI PEMESANAN PRODUK KONVEKSI DI INKSIDE

SABLON PRINTING BERBASIS WEB

THE INFORMATION SYSTEM BY ORDERING WEB BASED IN INKSIDE

SABLON PRINTING

BERNARDUS HENDRIK PASCA WISUDA

125610190

PROGRAM STUDI SISTEM INFORMASI

SEKOLAH TINGGI MANAJEMAN INFORMATIKA DAN KOMPUTER

AKAKOM

YOGYAKARTA

2019

i

SKRIPSI

SISTEM INFORMASI PEMESANAN PRODUK KONVEKSI DI INKSIDE

SABLON PRINTING BERBASIS WEB

THE INFORMATION SYSTEM BY ORDERING WEB BASED IN INKSIDE

SABLON PRINTING

Diajukan sebagai salah satu syarat untuk menyelesaikan studi jenjang strata

satu (S1) Program Studi Sistem Informasi

Sekolah Tinggi Manajemen Informatika dan Komputer

AKAKOM

Yogyakarta

Disusun Oleh

BERNARDUS HENDRIK PASCA WISUDA

125610190

PROGRAM STUDI SISTEM INFORMASI

SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER

AKAKOM

YOGYAKARTA

2019

ii

iii

iv

Halaman Persembahan

Puji dan syukur penulis panjatkan kepada Tuhan Yesus Kristus karena

atas kasih dan anugerah-Nya penulis masih dapat menyelesaikan tugas akhir ini

dengan baik. Pada kesempatan ini yang indah ini penulis ingin

mempersembahkan skripsi ini kepada:

Tuhan Yesus Kristus yang karena kasih karunia-Nya telah memberikan

kesempatan untuk menikmati indahnya dunia.

Kedua orang tua, Ayah dan Ibu tercinta yang tak henti-hentinya

mendukung baik moril, semangat maupun materi serta memberikan doa

sehingga penulis dapat menyelesaikan skripsi ini.

Adikku Florentina Meliana Citra yang telah memberikan doa dan

dukungannya dalam menyelesaikan skripsi ini.

Keluarga besar Partodiryo tidak bisa disebutkan satu-persatu, terima

kasih untuk doa, nasihat, masukan dan semangatnya selama ini.

Anastasia Nia terima kasih, janji mu sudah saya penuhi :’)

Teman- teman Ikhsan, Adit, Singgih, Rama, Apri, Nurul, Aji, Awan,

Udin, dan teman-teman lain yang tak bisa penulis sebutkan satu persatu

terima kasih mau membantu dalam proses penyusunan karya ini.

Teman- teman Danis, Sari, Ian, Titus, Mbak Tunjung, Mas Ery terima

kasih selalu diingatkan untuk segera menyelesaikan skripsi ini.

Teman- teman Kerontjong Biroe terima kasih karena selalu

mengingatkan bahwa saya harus mengerjakan skripsi.

Teman- teman Power Rangers yang juga tidak pernah bosan untuk

mengingatkan agar segera lulus kuliah.

Teman- teman LJBxPSS “KOE A*U KABEH!!!, TUR MATUR

NUWUN AKU SAIKI WES LULUS! ”.

Kepada semua teman-teman, saudara yang tidak bisa saya sebutkan satu

persatu, saya persembahkan skripsi ini untuk kalian semua.

“Panjang Umur dan Sehat Selalu Saudaraku.”

v

MOTTO

“Perjuangan merupakan bukti bahwa engkau belum menyerah.

Peperangan selalu menyertai lahirnya suatu mujizat”

“Manusia dapat menimbang-nimbang dalam hati, tetapi jawaban lidah

berasal daripada Tuhan. Hati manusia memikir-mikirkan jalannya,

tetapi Tuhanlah yang menetukan arah langkahnya”

“Serahkanlah hidupmu kepada TUHAN dan percayalah kepada-Nya,

dan Ia akan bertindak”

(mazmur 37:5)

“And now these three remain: faith, hope and love. But the

greatest of these is love.”

(1 Corinthians 13:13)

vi

Daftar Isi

Hal

Halaman Judul ................................................................................................ i

Halaman Pengesahan .................................................................................... ii

Halaman Pernyataan ..................................................................................... iii

Halaman Persembahan ................................................................................ iv

Motto ............................................................................................................ v

Daftar Isi ....................................................................................................... vi

Daftar Gambar ............................................................................................ xiii

Daftar Tabel .................................................................................................. x

Kata Pengantar ............................................................................................ xi

Abstrak ....................................................................................................... xii

Abstract ..................................................................................................... xiii

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

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

1.2 Rumusan Masalah ...................................................................... 2

1.3 Ruang Lingkup ........................................................................... 2

1.4 Tujuan Penelitian ....................................................................... 3

1.5 Manfaat Penelitian ..................................................................... 3

1.6 Sistematika Penulisan ................................................................ 3

BAB II TINJAUAN PUSTAKA DAN DASAR TEORI ............................. 6

2.1 Tinjauan Pusaka ......................................................................... 6

2.2 Landasan Teori ........................................................................... 9

2.2.1 Proses Bisnis Inkside Screen Printing .............................. 9

2.2.2 Pengertian Pemasaran .................................................... 10

2.2.3 Pemesanan Customize .................................................... 10

2.2.4 Pengertian Sablon ........................................................... 10

2.2.5 Sistem Informasi ............................................................. 11

2.2.6 HTML ............................................................................. 12

2.2.7 PHP ................................................................................. 13

2.2.8 Mysql ............................................................................... 14

2.2.9 Database ......................................................................... 14

BAB III ANALISIS DAN PERANCANGAN SISTEM ........................... 15

3.1 Analisis Sistem ......................................................................... 15

3.2 Perancangan Sistem .................................................................. 17

3.2.1 Diagram Konteks (DAD Level 0) .................................. 17

3.2.2 Data Flow Diagram Level 1 ............................................ 18

3.2.3 Relasi Antar Tabel .......................................................... 21

3.2.4 Struktur Tabel ................................................................. 22

3.3 Rancangan Form ...................................................................... 27

3.3.1 Rancangan Hamalan Home Publik ................................ 27

3.3.2 Rancangan Halaman Register ........................................ 28

3.3.3 Rancangan Halaman Keranjang .................................... 29

3.3.4 Rancangan Halaman Cara Pemesanan ........................... 30

3.3.5 Rancangan Halaman Data Admin .................................. 31

vii

3.3.6 Rancangan Halaman Data Produk .................................. 32

3.3.7 Rancangan Halaman Data Bank ..................................... 32

3.3.8 Rancangan Halaman Data Bahan ................................... 33

3.3.9 Rancangan Halaman Data Order .................................... 34

3.3.10 Rancangan Halaman Kategori Produk ......................... 34

BAB IV IMPLEMENTASI DAN PEMBAHASAN SISTEM .................. 36

4.1 Implementasi Sistem ................................................................ 36

4.1.1 Koneksi database ............................................................ 36

4.2 Pembahasan Sistem ................................................................. 37

4.2.1 Halaman Home Publik .................................................... 37

4.2.2 Halaman Detail Produk .................................................. 38

4.2.3 Tampilan Halaman Profil Konveksi ............................... 40

4.2.4 Halaman Daftar Member ................................................ 40

4.2.5 Halaman Kategori Produk .............................................. 42

4.2.6 Halaman Keranjang Belanja ........................................... 43

4.2.7 Halaman Hasil Pencarian ............................................... 46

4.2.8 Halaman Riwayat Orders ............................................... 47

4.2.9 Halaman Login Admin ................................................... 48

4.2.10 Halaman Home Admin ................................................ 49

4.2.11 Halaman Data Admin ................................................... 50

4.2.12 Halaman Tambah Data Admin ..................................... 51

4.2.13 Halaman Data Kategori Produk ................................... 53

4.2.14 Halaman Tambah produk ............................................. 54

4.2.15 Halaman Data Orders ................................................... 55

4.2.16 Halaman Data Bahan .................................................... 57

4.2.17 Halaman Statis .............................................................. 58

4.2.18 Laporan Pemesanan Per Periode .................................. 58

4.2.19 Laporan Pemesanan Per Produk ................................... 60

4.2.20 Laporan Pemesanan Per Bahan .................................... 61

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

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

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

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

LAMPIRAN

viii

DAFTAR GAMBAR

Hal

Gambar 1 Proses Bisnis Inkside Screen Printing .......................................... 9

Gambar 2 Diagram Konteks (DAD Level 0) .............................................. 18

Gambar 3 Data Flow Diagram Level 1 ....................................................... 20

Gambar 4 Rancangan Relasi Tabel ............................................................. 21

Gambar 5 Rancangan Halaman Home Publik ............................................ 28

Gambar 6 Rancangan Halaman Register .................................................... 29

Gambar 7 Rancangan Halaman Keranjang Pemesanan .............................. 30

Gambar 8 Rancangan Halaman Cara Pemesanan ....................................... 31

Gambar 9 Rancangan Halaman Data Admin .............................................. 31

Gambar 10 Rancangan Halaman Data Produk............................................ 32

Gambar 11 Rancangan Halaman Data Bank ............................................... 33

Gambar 12 Rancangan Halaman Data Bahan ............................................. 33

Gambar 13 Rancangan Halaman Data Order .............................................. 34

Gambar 14 Rancangan Halaman Data Kategori Produk............................. 35

Gambar 15 Skrip Program Koneksi Database ............................................ 36

Gambar 16 Tampilan Halaman Home Publik ............................................. 37

Gambar 17 Skrip Program Halaman Home Publik ..................................... 38

Gambar 18 Tampilan Halaman Detail Produk ............................................ 39

Gambar 19 Skrip Program Halaman Home Publik ..................................... 39

Gambar 20 Tampilan Halaman Profil ......................................................... 40

Gambar 21 Tampilan Halaman Daftar Member ......................................... 41

Gambar 22 Skrip Program Halaman Daftar Member ................................. 41

Gambar 23 Tampilan Halaman Kategori Produk........................................ 42

Gambar 24 Skrip Program Halaman Kategori Produk ............................... 43

Gambar 25 Tampilan Halaman Keranjang Belanja .................................... 43

Gambar 26 Skrip Program Halaman Keranjang Belanja ............................ 44

Gambar 27 Tampilan Halaman Form Checkout ......................................... 45

Gambar 28 Skrip Program Halaman Form Checkout ................................. 45

Gambar 29 Tampilan Halaman Data Order ................................................ 46

Gambar 30 Tampilan Hasil Pencarian ........................................................ 46

Gambar 31 Tampilan Halaman Riwayat Orders ......................................... 47

Gambar 32 Skrip Program Halaman Form Checkout ................................. 47

Gambar 33 Tampilan Form Login Admin .................................................. 48

Gambar 34 Skrip Program Proses Login .................................................... 49

Gambar 35 Tampilan Login Gagal ............................................................. 49

Gambar 36 Tampilan Halaman Home Admin ............................................ 50

Gambar 37 Tampilan Halaman Data Admin .............................................. 50

Gambar 38 Skrip Program Tampilan Halaman Depan Admin ................... 51

Gambar 39 Tampilan Halaman Tambah Data Admin ................................ 52

Gambar 40 Skrip Program Tambah Admin ................................................ 52

Gambar 41 Tampilan Halaman Data Kategori Produk ............................... 53

Gambar 42 Skrip Program Tampilan Halaman Data Kategori Produk....... 54

Gambar 43 Tampilan Halaman Tambah Data Produk ................................ 54

ix

Gambar 44 Skrip Program Tambah Produk ................................................ 55

Gambar 45 Tampilan Halaman Data Orders ............................................... 56

Gambar 46 Skrip Program Halaman Transaksi .......................................... 56

Gambar 47 Tampilan Halaman Data Bahan ............................................... 57

Gambar 48 Skrip Program Halaman Data Bahan ....................................... 57

Gambar 49 Tampilan Halaman Data Statis ................................................. 58

Gambar 50 Tampilan Laporan Pemesanan Per Periode .............................. 59

Gambar 51 Skrip Program Laporan Pemesanan Per Periode ...................... 59

Gambar 52 Tampilan Laporan Pemesanan Per Produk .............................. 60

Gambar 53 Skrip Program Laporan Pemesanan Per Produk ...................... 60

Gambar 54 Tampilan Laporan Pemesanan Per Bahan ................................ 61

Gambar 55 Skrip Program Laporan Pemesanan Per Bahan ........................ 61

x

DAFTAR TABEL

Hal

Tabel 1 Perbandingan Penelitian Yang Pernah Dilakukan ............................ 8

Tabel 2 Desain Tabel Admin ...................................................................... 23

Tabel 3 Desain Tabel Pelanggan ................................................................. 23

Tabel 4 Desain Tabel Kategori ................................................................... 23

Tabel 5 Desain Tabel Produk ...................................................................... 24

Tabel 6 Desain Tabel Bank ......................................................................... 24

Tabel 7 Desain Tabel Header ...................................................................... 24

Tabel 8 Desain Tabel Transaksi .................................................................. 25

Tabel 9 Desain Tabel Keranjang ................................................................. 25

Tabel 10 Desain Tabel Transaksi_detail ..................................................... 26

Tabel 11 Desain Tabel Konfirmasi ............................................................. 26

Tabel 12 Desain Tabel Bahan Produk ......................................................... 26

Tabel 13 Desain Tabel Detail Produk ......................................................... 27

Tabel 14 Desain Tabel Halamanstatis .......................................................... 27

xi

Kata Pengantar

Segala puji dan syukur penulis panjatkan kapada Tuhan Yang Maha Esa

karena kasih dan karunia-Nyalah sehingga skripsi dengan judul: “Sistem

Informasi Pemesanan Produk Konveksi Di Inkside Sablon Printing Berbasis

Web” bisa diselesaikan dengan baik oleh penulis. Skripsi ini disusunn sebagai

salah satu syarat memperoleh gelar sarjana strata (S1) Program Studi Sistem

Informasi pada Sekolah Tinggi Manajemen Informatika dan Komputer

AKAKOM Yogyakarta.

Banyak proses yang dialami penulis dalam menyelesaikan skripsi ini,

semua tak lepas dari peran dan serta dari berbagai pihak yang telah membantu

baik berupa doa, bimbingan, dorongan dan kerjasama secara langsung maupun

tidak langsung, untuk itu penulis ingin menyampaikan rasa terima kasih yang

setinggi-tingginya kepada:

1. Bapak Ir. Totok Suprawoto, M.M., M.T, selaku Ketua Sekolah Tinggi

Manajemen Informatika dan Komputer AKAKOM Yogyakarta.

2. Ibu Pulut Suryati, S.Kom., M.Cs, selaku Ketua Program Studi Sistem

Informasi (SI) di STMIK AKAKOM dan selaku Dosen Penguji yang telah

banyak memberikan saran dan masukan dalam menyelesaikan skripsi ini.

3. Ibu Deborah Kurniawati, S.Kom.,M.Cs selaku Dosen Pembimbing yang

senantiasa dengan sabar membimbing, mengarahkan dan memberi banyak

saran dalam menyelesaikan skripsi ini.

4. Dara Kusumawati, S.E., M.M. selaku Dosen Penguji yang senantiasa

memberikan saran dan masukkan dalam menyelesaikan skripsi ini.

5. Pihak Inkside Sablon Printing yang telah membantu dan memberi ijin

untuk melakukan kegiatan penelitian

6. Kedua orang tua yang telah banyak memberikan dukungan baik moril

maupun materil serta doa yang tiada henti mengalir untuk penulis.

7. Adikku yang selalu memberikan motivasi dan senantiasa memberikan

semangat dan kasih sayang tiada henti kepada penulis.

8. Para teman dan sahabat, terimakasih atas dorongan, dukungan dan

semangat yang diberikan.

Penulis menyadari bahwa dalam penulisan skripsi ini masih banyak

terdapat kekurangan dan jauh dari sempurna, karena keterbatasan yang penulis

miliki.

Yogyakarta, 22 Juli 2016

Penulis

xii

Abstrak

Inkside Screen Printing adalah salah satu penyedia jasa sablon di Sleman.

Dalam melakukan pengolahan data pemesanannya, Inkside Screen Printing masih

dilakukan secara konvensional, yaitu menggunakan buku pencatatan pemesanan.

Konsumen harus datang ke toko atau menghubungi via chat media sosial ataupun

via telepon untuk memesan produk sablon. Sistem pengolahan yang masih

konvensional tersebut terkadang menimbulkan kendala, misalnya hilangnya

catatan pemesanan sehingga proses produksi pesanan menjadi tersendat.

Aplikasi sistem pemesanan ini dibangun dengan menggunakan bahasa

pemrograman PHP yang dikolaborasikan dengan framework bootstrap. Database

yang digunakan adalah MySQL. Framework bootstrap merupakan framework

HTML yang dapat membuat tampilan web bersifat responsif. Aplikasi ini

dilengkapi dengan fitur pencarian produk, keranjang belanja dan laporan

pemesanan.

Aplikasi ini telah berhasil diimplementasikan pada Inkside Screen Printing

sehingga pelanggan Inkside Screen Printing dapat melakukan pemesanan secara

online. Sistem ini selain dapat digunakan sebagai media penjualan juga dapat

digunakan sebagai media promosi produk Inkside Screen Printing. Tampilan

website akan menyesuaikan dengan jenis device yang digunakan oleh Pelanggan.

Kata-kunci: Bootstrap, Pemesanan, PHP, Website.

xiii

Abstract

Inkside Screen Printing is one of the screen printing vendors in Sleman.

Inkside Screen Printing still using conventional data processing method to process

the order from their customer. For example, they are write down their order in a

book. Meanwhile, the customer also need to come to their shop or call them in

order to make an order. Hence, this conventional data processing method

sometimes got a problem that make an obstacle to the production process.

This application was build using PHP method which mixed with

framework bootstrap. Meanwhile, the database which is used is MySQL.

Framework bootstrap is a HTML framework that can make the web display more

responsive. In addition, this application is equipped with some features; search

product, trolley, and order report.

Inkside Screen Printing has already implemented this application in to

their system order. The result is their customer can make an online order. In the

other hans, this application can also used as their product promotion. Meanwhile,

the website display will adjust to the device which is used by the customer.

Keywords: Bootstrap, Order, PHP, Website.