i

LAPORAN SKRIPSI

HALAMAN JUDUL

SISTEM INFORMASI WEB PORTAL UNTUK PENJUALAN KASUR KAPUK

DI KABUPATEN PATI

FATHANUDDIN SAHAL

NIM. 201453119

DOSEN PEMBIMBING

Arif Setiawan, S.Kom, M.Cs

Andy Prasetyo Utomo, S.Kom, MT

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK

UNIVERSITAS MURIA KUDUS

2019

ii

HALAMAN PERSETUJUAN

iii

HALAMAN PENGESAHAN

PERNYATAAN KEASLIAN

v

SISTEM INFORMASI WEB PORTAL UNTUK PENJUALAN KASUR KAPUK

DI KABUPATEN PATI

Nama Mahasiswa : Fathanuddin Sahal

NIM : 201453119

Pembimbing :

1. Arif Setiawan, S.Kom, MCs

2. Andy Prasetyo Utomo, S.Kom, MT

RINGKASAN

UD. Sari Kapuk yang berlokasi di Jl. Pati - Purwodadi, Desa Karaban,

Kecamatan Gabus, Kabupaten Pati, Jawa Tengah menyediakan berbagai macam

property jenis Kasur Kapuk. Pada proses bisnis yang berjalan pada UD. Sari Kapuk saat

ini masih memiliki beberapa kekurangan yaitu Penjualan yang masih sederhana yaitu

pembeli hanya datang saja untuk pemesanan, tidak adanya informasi tentang

ketersediaan barang, apabila pelanggan datang masih harus datang dengan jarak yang

jauh.

Tujuan yang ingin dicapai pada penelitian ini adalah untuk membangun suatu

aplikasi portal penjualan kasur kapuk berbasis web yang dapat menangani pemesanan

barang oleh pelanggan baik langsung maupun tidak langsung, transaksi pembayaran,

serta penjualan penjualan sangat mudah. Penelitian ini memaparkan proses

pembangunan SISTEM INFORMASI WEB PORTAL UNTUK PENJUALAN KASUR

KAPUK DI KABUPATEN PATI ini dengan menggunakan metode waterfall. Analisis

kebutuhan dilakukan dengan cara observasi pada obyek penelitian, studi literatur sistem

yang berjalan, dan wawancara. Hasil analisa akan digambarkan ke dalam perancangan

sistem menggunakan model UML (Unified Modeling Language) yang hasil akhirnya

akan diimplementasikan ke dalam sebuah aplikasi web menggunakan bahasa

pemrograman PHP dan database MySQL.

Dalam penelitian ini penulis membuat aplikasi WEB PORTAL UNTUK

PENJUALAN KASUR KAPUK DI KABUPATEN PATI yang dapat memberikan

kemudahan pada pelanggan dalam melakukan pemesanan barang dan juga memudahkan

pihak penjual dalam melakukan penjualan.

Kata Kunci: web portal, kasur kapuk, web

INFORMATION SYSTEM FOR WEB PORTALS FOR SALES OF KAPUK

MATERIALS IN PATI DISTRICT

Student Name : Fathanuddin Sahal

Student Identity Number : 201453119

Supervisor :

1. Arif Setiawan, S.Kom, MCs

2. Andy Prasetyo Utomo, S.Kom, MT

ABSTRACT

UD. Sari Kapuk, located on Jl. Pati - Purwodadi, Karaban Village, Gabus

Subdistrict, Pati Regency, Central Java, provide various types of Kapuk mattress types.

In the business process that runs on UD. Sari Kapuk currently still has a few

shortcomings, namely simple sales, namely buyers only come to order, there is no

information about the availability of goods, if customers come they still have to come

long distances.

The aim to be achieved in this research is to build a web-based kapok mattress

sales portal application that can handle the ordering of goods directly or indirectly by

customers, payment transactions, and sales sales very easily. This study describes the

development process of WEB PORTAL INFORMATION SYSTEM FOR SALES OF

KAPUK MATTRESS IN PATI DISTRICT by using the waterfall method. Needs analysis

is done by observing the object of research, studying system literature that runs, and

interviewing. The results of the analysis will be drawn into the design of the system

using the UML (Unified Modeling Language) model whose final results will be

implemented into a web application using the PHP programming language and MySQL

database.

In this study the author made the application WEB PORTAL FOR KAPUK

MATERIAL SALES IN PATI DISTRICT which can provide convenience to customers in

ordering goods and also facilitate the seller in making sales.

Keywords: web portal, kapok mattress, web

vii

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT yang telah melimpahkan

rahmat dan hidayah-Nya, sehingga penulis mampu menyelesaikan penulisan laporan

skripsi yang berjudul “Sistem Informasi Web Portal untuk Penjualan Kasur Kapuk di

Kabupaten Pati”.

Penyusunan Skripsi ini ditujukan untuk memenuhi salah satu syarat memperoleh gelar

sarjana S1 pada program studi sistem informasi fakultas teknik Universitas Muria

Kudus.

Pelaksanaan penelitian dan penyusunan laporan skripsi ini tidak lepas dari bantuan dan

dukungan beberapa pihak, untuk itu penulis menyampaikan ucapan terima kasih

kepada:

a. Bapak Dr. Suparnyo, SH, MS selaku Rektor Universitas Muria Kudus.

b. Bapak Mohammad Dahlan, ST, MT selaku Dekan Fakultas Teknik Universitas

Muria Kudus.

c. Bapak Pratomo Setiaji, S.Kom, M.Kom selaku Ketua Progdi Sistem Informasi

Fakultas Teknik Universitas Muria Kudus.

d. Bapak Wiwit Agus Triyanto, M.Kom, selaku koordinator skripsi.

e. Arif Setiawan, S.Kom, MCs selaku dosen pembimbing utama yang telah

memberikan pengarahan dan bimbingan selama penyusunan laporan skripsi ini.

f. Andy Prasetyo Utomo, S.Kom, MT selaku dosen pembimbing pendamping yang

telah memberikan pengarahan dan bimbingan selama penyusunan laporan

skripsi ini.

g. Bapak Bambang pimpinan yang telah memberikan izin melakukan penelitian,

sehingga penulis dapat menyelesaikan laporan skripsi ini.

h. Dosen-dosen di program studi sistem informasi yang telah mendidik dan

membagi ilmu yang sudah didapat kepada penulis, serta seluruh staff

i. Kedua orang tua serta saudara-saudara saya yang telah melimpahkan kasih

sayang, perhatian, serta doa dan dukungan yang dapat membangkitkan

semangat saya dalam penulisan skripsi.

Penulis berharap semoga langkah selanjutnya diridhoi oleh Allah SWT. Akhirnya

sebagai penutup penulis berharap semoga Laporan Skripsi ini dapat memberikan

manfaat bagi pembaca untuk mengembangkan ilmu pengetahuan, khususnya di bidang

Teknologi dan Sistem Informasi. Amin.

ix

DAFTAR ISI

HALAMAN JUDUL ....................................................................................... i

HALAMAN PERSETUJUAN ...................................................................... ii

HALAMAN PENGESAHAN ...................................................................... iii

PERNYATAAN KEASLIAN ...................... Error! Bookmark not defined.

RINGKASAN ................................................................................................. v

ABSTRACT .................................................................................................. vi

KATA PENGANTAR ................................................................................. vii

DAFTAR ISI ................................................................................................. ix

DAFTAR GAMBAR ..................................................................................... xi

DAFTAR TABEL ....................................................................................... xiv

DAFTAR LAMPIRAN ................................................................................ xv

DAFTAR ISTILAH DAN SINGKATAN ................................................... xvi

BAB I PENDAHULUAN ............................ Error! Bookmark not defined.

1.1 Latar Belakang ........................................ Error! Bookmark not defined.

1.2 Rumusan Masalah .................................. Error! Bookmark not defined.

1.3 Batasan Masalah ..................................... Error! Bookmark not defined.

1.4 Tujuan ..................................................... Error! Bookmark not defined.

1.5 Manfaat ................................................... Error! Bookmark not defined.

a. Bagi Individu .......................... Error! Bookmark not defined.

b. Bagi Akademis ....................... Error! Bookmark not defined.

c. Bagi Intansi ............................. Error! Bookmark not defined.

1.6 METODE PENELITIAN .............. Error! Bookmark not defined.

1.6.1 Metode Pengumpulan Data .......... Error! Bookmark not defined.

1.6.2 Metode Pengembangan Sistem .... Error! Bookmark not defined.

1.6.3 Metode Perancangan Sistem ........ Error! Bookmark not defined.

1.7 KERANGKA PEMIKIRAN .................. Error! Bookmark not defined.

BAB II TINJAUAN PUSTAKA .................. Error! Bookmark not defined.

2.1 Penelitian Terkait .................................... Error! Bookmark not defined.

2.2 Tabel Perandingan Penelitian ................. Error! Bookmark not defined.

2.3 Landasan Teori .............................. Error! Bookmark not defined.

2.3.1 Pengertian Sistem Informasi ... Error! Bookmark not defined.

2.3.2 Definisi Web Portal Penjualan ..... Error! Bookmark not defined.

2.3.4 Unified Modeling Langguage (UML)Error! Bookmark not defined.

2.3.5 ERD (Entity Relationship Diagram)Error! Bookmark not defined.

BAB III METODOLOGI PENELITIAN ..... Error! Bookmark not defined.

3.1 Objek Penelitian ..................................... Error! Bookmark not defined.

3.1.1 Struktur Organisasi ....................... Error! Bookmark not defined.

3.1.2 Job Description ............................. Error! Bookmark not defined.

3.2 Analisa Sistem Lama .............................. Error! Bookmark not defined.

3.3 Analisa dan Rancangan Sistem Baru ...... Error! Bookmark not defined.

3.3.1 Analisa Kebutuhan ....................... Error! Bookmark not defined.

3.3.2 Rancangan Sistem Baru ............... Error! Bookmark not defined.

3.4 Rancangan Basis Data ............................ Error! Bookmark not defined.

3.4.1 Entity Relationship Diagram ........ Error! Bookmark not defined.

3.4.2 Kamus Data .................................. Error! Bookmark not defined.

3.4.3 Struktur Tabel ............................... Error! Bookmark not defined.

3.4.4 Relasi Tabel .................................. Error! Bookmark not defined.

3.5 Desain Input Output ....................... Error! Bookmark not defined.

BAB IV IMPLEMENTASI DAN PEMBAHASANError! Bookmark not defined.

4.1. Hasil Pembahasan .......................... Error! Bookmark not defined.

4.1.1. Implementasi Sistem .............. Error! Bookmark not defined.

4.1.2. Implementasi Antarmuka ....... Error! Bookmark not defined.

4.1.3. Tampilan Program .................. Error! Bookmark not defined.

4.2 Pengujian Sistem ............................ Error! Bookmark not defined.

4.2.3 Black Box Testing .................. Error! Bookmark not defined.

BAB V PENUTUP ....................................... Error! Bookmark not defined.

5.1 Kesimpulan ............................................. Error! Bookmark not defined.

5.2 Saran ....................................................... Error! Bookmark not defined.

xi

DAFTAR GAMBAR

Gambar 3. 1 Denah Lokasi UD. Sari Kapuk ................... Error! Bookmark not defined.

Gambar 3. 2 Struktur Organisasi UD. Sari Kapuk .......... Error! Bookmark not defined.

Gambar 3. 3 FOD Sistem Penjalan UD. Sari Kapuk ....... Error! Bookmark not defined.

Gambar 3. 4 Bussiness Use Case sistem portal penjualanError! Bookmark not

defined.

Gambar 3. 5 Use case diagram sistem portal penjualan UD. Sari Kapuk ............... Error!

Bookmark not defined.

Gambar 3. 6 Class Diagram User .................................... Error! Bookmark not defined.

Gambar 3. 7 Class Diagram Admin ................................ Error! Bookmark not defined.

Gambar 3. 8 Class Diagram Pembeli .............................. Error! Bookmark not defined.

Gambar 3. 9 Class Diagram Gudang ............................... Error! Bookmark not defined.

Gambar 3. 10 Class Diagram Provinsi ............................ Error! Bookmark not defined.

Gambar 3. 11 Class Diagram Kota .................................. Error! Bookmark not defined.

Gambar 3. 12 Class Diagram Produk .............................. Error! Bookmark not defined.

Gambar 3. 13 Class Diagram Gambar Produk ................ Error! Bookmark not defined.

Gambar 3. 14 Class Diagram Pengiriman ....................... Error! Bookmark not defined.

Gambar 3. 15 Class Diagram Keranjang ......................... Error! Bookmark not defined.

Gambar 3. 16 Class Diagram Alamat Kirim ................... Error! Bookmark not defined.

Gambar 3. 17 Class Diagram Konfirmasi Pembayaran ... Error! Bookmark not defined.

Gambar 3. 18 Class Diagram Sistem Informasi Portal Penjualan UD. Sari Kapuk Error!

Bookmark not defined.

Gambar 3. 19 Sequence Diagram Pendaftaran ................ Error! Bookmark not defined.

Gambar 3. 20 Sequence Diagram Kelola User ................ Error! Bookmark not defined.

Gambar 3. 21 Sequence Diagram Kelola Provinsi .......... Error! Bookmark not defined.

Gambar 3. 22 Sequence Diagram Kelola Kota................ Error! Bookmark not defined.

Gambar 3. 23 Sequence Diagram Kelola Produk ............ Error! Bookmark not defined.

Gambar 3. 24 Sequeunce Diagram Kelola Keranjang ..... Error! Bookmark not defined.

Gambar 3. 25 Sequence Diagram Konfirmasi PembayaranError! Bookmark not

defined.

Gambar 3. 26 Sequence Diagram Kelola Pengiriman ..... Error! Bookmark not defined.

Gambar 3. 27 Sequence Diagram Kelola Alamat Kirim . Error! Bookmark not defined.

Gambar 3. 28 Sequence Diagram Kelola Gambar ProdukError! Bookmark not

defined.

Gambar 3. 29 Activity diagram pendaftaran ................... Error! Bookmark not defined.

Gambar 3. 30 Activity diagram kelola gudang ............... Error! Bookmark not defined.

Gambar 3. 31 Activity diagram kelola provinsi .............. Error! Bookmark not defined.

Gambar 3. 32 Activity diagram kelola kota .................... Error! Bookmark not defined.

Gambar 3. 33 Activity diagram kelola produk ................ Error! Bookmark not defined.

Gambar 3. 34 Activity diagram kelola keranjang ........... Error! Bookmark not defined.

Gambar 3. 35 Activity diagram konfirmasi pembayaran Error! Bookmark not defined.

Gambar 3. 36 Activity diagram kelola pengiriman ......... Error! Bookmark not defined.

Gambar 3. 37 Activity diagram kelola alamat kirim ....... Error! Bookmark not defined.

Gambar 3. 38 Activity diagram kelola gambar produk ... Error! Bookmark not defined.

Gambar 3. 39 Activity diagram pendaftaran ................... Error! Bookmark not defined.

Gambar 3. 40 Statechart diagram tambah gudang ........... Error! Bookmark not defined.

Gambar 3. 41 Statechart diagram ubah gudang ............... Error! Bookmark not defined.

Gambar 3. 42 Statechart diagram hapus gudang ............. Error! Bookmark not defined.

Gambar 3. 43 Statechart diagram tambah provinsi ......... Error! Bookmark not defined.

Gambar 3. 44 Statechart diagram ubah provinsi ............. Error! Bookmark not defined.

Gambar 3. 45 Statechart diagram hapus provinsi ............ Error! Bookmark not defined.

Gambar 3. 46 Statechart diagram tambah kota................ Error! Bookmark not defined.

Gambar 3. 47 Statechart diagram ubah kota.................... Error! Bookmark not defined.

Gambar 3. 48 Statechart diagram hapus kota .................. Error! Bookmark not defined.

Gambar 3. 49 Statechart diagram tambah produk ........... Error! Bookmark not defined.

Gambar 3. 50 Statechart diagram ubah produk ............... Error! Bookmark not defined.

Gambar 3. 51 Statechart diagram hapus produk.............. Error! Bookmark not defined.

Gambar 3. 52 Statechart diagram tambah keranjang ....... Error! Bookmark not defined.

Gambar 3. 53 Statechart diagram hapus keranjang ......... Error! Bookmark not defined.

Gambar 3. 54 Statechart diagram konfirmasi pembayaranError! Bookmark not

defined.

Gambar 3. 55 Statechart diagram tambah pengiriman .... Error! Bookmark not defined.

Gambar 3. 56 Statechart diagram ubah pengiriman ........ Error! Bookmark not defined.

Gambar 3. 57 Statechart diagram hapus pengiriman ....... Error! Bookmark not defined.

Gambar 3. 58 Statechart diagram tambah alamat kirim .. Error! Bookmark not defined.

Gambar 3. 59 Statechart diagram ubah alamat kirim ...... Error! Bookmark not defined.

Gambar 3. 60 Statechart diagram hapus alamat kirim .... Error! Bookmark not defined.

Gambar 3. 61 Statechart diagram tambah gambar .......... Error! Bookmark not defined.

Gambar 3. 62 Statechart diagram hapus gambar ............. Error! Bookmark not defined.

Gambar 3. 63 Gambar entitas .......................................... Error! Bookmark not defined.

xiii

Gambar 3. 64 Atribut primary key .................................. Error! Bookmark not defined.

Gambar 3. 65 Kardinalitas provinsi kota ......................... Error! Bookmark not defined.

Gambar 3. 66 Kardinalitas produk gambar produk ......... Error! Bookmark not defined.

Gambar 3. 67 Kardinalitas keranjang .............................. Error! Bookmark not defined.

Gambar 3. 68 Kardinalitas keranjang detil keranjang ..... Error! Bookmark not defined.

Gambar 3. 69 Kardinalitas keranjang pengiriman ........... Error! Bookmark not defined.

Gambar 3. 70 Kardinalitas produk detil keranjang.......... Error! Bookmark not defined.

Gambar 3. 71 Kardinalitas alamat kirim pembeli............ Error! Bookmark not defined.

Gambar 3. 72 Kardinalitas alamat kirim kota.................. Error! Bookmark not defined.

Gambar 3. 73 Kardinalitas alamat kirim pengiriman ...... Error! Bookmark not defined.

Gambar 3. 74 ERD sistem informasi portal penjualan UD. Sari Kapuk ................. Error!

Bookmark not defined.

Gambar 3. 75 Relasi tabel database ud_sari_kapuk ........ Error! Bookmark not defined.

Gambar 3. 76 Rancangan halaman utama ....................... Error! Bookmark not defined.

Gambar 3. 77 Rancangan halaman login ......................... Error! Bookmark not defined.

Gambar 3. 78 Rancangan halaman pendafatran .............. Error! Bookmark not defined.

Gambar 3. 79 Rancangan halaman produk ...................... Error! Bookmark not defined.

Gambar 3. 80 Rancangan halaman provinsi .................... Error! Bookmark not defined.

Gambar 3. 81 Rancangan halaman kota .......................... Error! Bookmark not defined.

Gambar 3. 82 Rancangan halaman gambar produk ......... Error! Bookmark not defined.

Gambar 3. 83 Rancangan halaman alamat saya .............. Error! Bookmark not defined.

Gambar 3. 84 Rancangan halaman konfirmasi pembayaranError! Bookmark not

defined.

Gambar 4. 1 form login ..................................................................................................... i

Gambar 4. 2 form add data pendaftaran ............................................................................ i

Gambar 4. 3 form add data produk .................................................................................... i

Gambar 4. 4 form add data provinsi .................................................................................. i

Gambar 4. 5 Form add data kota ...................................................................................... i

Gambar 4. 6 Form add gambar produk ............................................................................. i

DAFTAR TABEL

Tabel 2. 1 Tabel Perbandingan Penelitian ....................... Error! Bookmark not defined.

Tabel 2. 2 Simbol bagan arus dokumen .......................... Error! Bookmark not defined.

Tabel 2. 3 Notasi Bussines Use Case Diagram ............... Error! Bookmark not defined.

Tabel 2. 4 Notasi Use Case Diagram ............................... Error! Bookmark not defined.

Tabel 2. 5 Notasi Class Diagram ..................................... Error! Bookmark not defined.

Tabel 2. 6 Squence Diagram ........................................... Error! Bookmark not defined.

Tabel 2. 7 Activity Diagram ............................................ Error! Bookmark not defined.

Tabel 2. 8 Notasi Statechart Diagram ............................. Error! Bookmark not defined.

Tabel 3. 1 Tabel Bussiness Use Case .............................. Error! Bookmark not defined.

Tabel 3. 2 Tabel sistem use case...................................... Error! Bookmark not defined.

Tabel 3. 3 Use Case Kelola Provinsi ............................... Error! Bookmark not defined.

Tabel 3. 4 Use Case Kelola Kota ..................................... Error! Bookmark not defined.

Tabel 3. 5 Use Case Kelola Produk ................................. Error! Bookmark not defined.

Tabel 3. 6 Use Case Pengiriman Barang ......................... Error! Bookmark not defined.

Tabel 3. 7 Use Case Memesan Barang ............................ Error! Bookmark not defined.

Tabel 3. 8 Use Case Kelola Alamat Kirim ...................... Error! Bookmark not defined.

Tabel 3. 9 Use Case Konfirmasi Pembayaran ................. Error! Bookmark not defined.

Tabel 3. 10 Use Case Mendaftar Akun............................ Error! Bookmark not defined.

Tabel 3. 11 Use Case Kelola Stok ................................... Error! Bookmark not defined.

Tabel 3. 12 Use Case Barang Keluar ............................... Error! Bookmark not defined.

Tabel 3. 13 Struktur tabel user......................................... Error! Bookmark not defined.

Tabel 3. 14 Strutur tabel pembeli .................................... Error! Bookmark not defined.

Tabel 3. 15 Struktur tabel provinsi .................................. Error! Bookmark not defined.

Tabel 3. 16 Struktur tabel kota ........................................ Error! Bookmark not defined.

Tabel 3. 17 Struktur tabel produk .................................... Error! Bookmark not defined.

Tabel 3. 18 Struktur tabel gambar_produk ...................... Error! Bookmark not defined.

Tabel 3. 19 Struktur tabel keranjang ............................... Error! Bookmark not defined.

xv

Tabel 3. 20 Struktur tabel detail_keranjang..................... Error! Bookmark not defined.

Tabel 3. 21 Struktur tabel pengiriman ............................. Error! Bookmark not defined.

Tabel 3. 22 Struktur tabel alamat_kirim .......................... Error! Bookmark not defined.

Tabel 3. 23 Struktur tabel pembayaran ............................ Error! Bookmark not defined.

Tabel 4. 1 Tabel skenariouse case kelola menu............... Error! Bookmark not defined.

Tabel 4. 2 Tabel identifikasi test case.............................. Error! Bookmark not defined.

Tabel 4. 3 Tabel identifikasi value case .......................... Error! Bookmark not defined.

DAFTAR LAMPIRAN

Lampiran 1 : Fotocopy Buku Bimbingan

Lampiran 2 : Fotocopy Surat Balasan

Lampiran 3 : Biodata Penulis

DAFTAR ISTILAH DAN SINGKATAN

FOD : Flow Of Document

UML : Unified Modelling Language

PHP : Hypertext Proprocessor

ERD : Entity Relationship Diagram

17