LAPORAN SKRIPSI

Sistem Informasi Penjualan Sepatu Berbasis Web Pada Toko

Doom-Q JEPARA

Laporan ini disusun guna memenuhi salah satu syarat untuk

Menyelesaikan program studi Sistem Informasi S-1 pada Fakultas Teknik

Universitas Muria Kudus

Disusun Oleh :

Nama : Noor Izza Ari Wibowo

NIM : 2010-53-006

Progdi : Sistem Informasi

Fakultas : Teknik

FAKULTAS TEKNIK

UNIVERSITAS MURIA KUDUS

KUDUS

2015

ii

iii

iv

v

MOTTO DAN PERSEMBAHAN

MOTTO

Janganlah menangis karena sudah terjadi

Tersenyumlah karena telah terjadi

Belajar dari masa lalu

Hidup untuk sekarang Dan berencana untuk esok hari

Tidak ada yang tidak mungkin

Jika dilakukan dengan sungguh-sungguh

Lakukan yang terbaik Dan tuhan akan memberikan yang terbaik

Jutaan tangis

Hanya satu

Senyumanlah yang dapat menyembunyikan

Berkata dengan jujur adalah cara yang sederhana

Dimana ada cinta

Disitu ada kehidupan

Untuk hidup dalam kehidupan

Kita harus menghilangkan rasa takut akan salah

PERSEMBAHAN

Skripsi ini penulis persembahkan kepada:

1. Allah SWT yang telah menciptakan

aku.

2. Kedua orang tuaku yang selalu men-

dukung dan selalu memberikan doa dan

restunya.

3. Ani tersayang dan temanku yang

selalu memberikan doa dan semangat.

4. Almamater.

vi

RINGKASAN

Sistem Informasi Penjualan Pada Toko Sepatu Doom-Q merupakan sistempenjualan online berbasis WEB yang tujuannya membantu menyediakan informasiyang dibutuhkan oleh para konsumen mengenai Toko Sepatu Doom-Q yanginteraktif, dinamis serta mudah diakses sehingga para konsumen mendapatkanlayanan yang memuaskan.Perancangan sistem dilakukan dengan model waterfall dan bahasa pemodelanmenggunakan UML. Sedangkan desain pemrograman yang digunakan adalahAdobe Dreamweaver CS5 Version 11.0 Build 4909, dengan menggunakandatabase MySQL.Implementasi penelitian ini menghasilkan sebuah aplikasi Sistem InformasiPenjualan Sepatu Pada Toko Doom-Q Jepara berbasis WEB yang tujuannyamembantu Toko Sepatu Doom-Q dalam melakukan penjualan dan pemasaranproduk secara online. Untuk membangun sebuah sistem dibutuhkan adanyamasukan berupa data yang nantinya akan diproses oleh sistem sehingga sistemdapat memberikan informasi dan penyimpanan yang bermanfaat bagipenggunanya.

Kata Kunci: Sistem Informasi, Penjualan, Web.

vii

KATA PENGANTAR

Segala puji bagi Allah Yang Maha Pengasih dan Penyayang yang telah

melimpahkan rahmat dan kasih sayang-Nya sehingga pada kesempatan kali ini

penulis dapat menyelesaikan Laporan Skripsi di Program Studi Sistem Informasi

Fakultas Teknik Universitas Muria Kudus.

Penyusunan skripsi ini merupakan salah satu syarat untuk menyelesaikan

Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muri

Kudus.

Penulis menyadari bahwa di dalam penyusunan Laporan Skripsi ini

tentunya masih terdapat berbagai kekurangan, sehingga penulis akan sangat

menghargai segala masukan yang berguna dari pembaca.

Pada kesempatan ini penulis menyampaikan ucapan terima kasih kepada:

1. Dr. Suparnyo, SH., MS, selaku Rektor Universitas Muria Kudus.

2. Bapak Rochmad Winarso, S.T, M.T, selaku Dekan Fakultas Teknik

Universitas Muria Kudus.

3. Bapak Rhoedy Setiawan, M.Kom, selaku Ketua Program Studi Sistem

Informasi Fakultas Teknik Universitas Muria Kudus.

4. Bapak Yudie Irawan, M.Kom, selaku pembimbing akademik yang telah

banyak memberikan petunjuk, nasehat, bimbingan, dan arahan.

5. Bapak Pratomo Setiaji, S.Kom, M.Kom selaku pembimbing utama yang

telah banyak memberikan petunjuk, nasehat, bimbingan, dan arahan hingga

terselesaikannya penulisan laporan ini.

6. Bapak Wiwit Agus Triyanto, M.Kom selaku pembimbing pembantu yang

telah banyak memberikan petunjuk, nasehat, bimbingan, dan arahan hingga

terselesaikannya penulisan laporan ini.

7. Ibu Noor Latifah, S.Kom, M.Kom, selaku koordinator skripsi dan

narasumber yang telah memberikan informasi tentang pelaksanaan

penyusunan skripsi.

8. Segenap dosen Universitas Muria Kudus, khususnya Program Studi Sistem

Informasi yang telah mengenalkan ilmu baru kepada penulis.

viii

9. Bapak Moh. Kaffi dan Ibu Sri Haryani Spd, orang tua penulis yang

senantiasa memberikan dukungan, semangat, doa dan materi yang sangat

berarti.

10. Kepada semua teman-teman Fakultas Teknik Program Studi sistem

Informasi khususnya angkatan 2010 yang tidak mungkin penulis sebutkan

satu persatu yang telah memberikan saran dan motivasi dalam penulisan

laporan ini penulis ucapkan terima kasih.

11. Dan semua pihak yang secara tidak langsung memberikan dukungan dan

bantuannya kepada penulis dalam penyusunan laporan skripsi ini.

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.

Kudus, 12 Februari 2015

Penulis

ix

DAFTAR ISI

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

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

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

SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH

UNTUK KEPENTINGAN AKADEMIS ............................................................... iv

HALAMAN MOTTO DAN PERSEMBAHAN .................................................... v

RINGKASAN ........................................................................................................ vi

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

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

DAFTAR TABEL .................................................................................................. xii

DAFTAR GAMBAR ............................................................................................. xiii

DAFTAR LAMPIRAN .......................................................................................... xviii

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

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

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

1.3. Batasan Masalah ............................................................................ 2

1.4. Tujuan dan Manfaat ....................................................................... 3

1.5. Tinjauan Pustaka ........................................................................... 3

1.6. Metodologi Penelitian .................................................................... 4

1.6.1. Metode Pengumpulan data .................................................... 4

1.6.1.1 Sumber Data Primer ..................................................... 5

1.6.2. Sumber Data Sekunder.......................................................... 5

1.6.3. Metode Pengembangan Sistem ............................................. 6

1.6.4. Metode Perancangan Sistem ................................................. 6

1.7. Sistematika Penulisan ..................................................................... 6

BAB II : LANDASAN TEORI ............................................................................. 8

2.1. Rancangan Sistem ........................................................................... 8

2.1.1 Sistem ................................................................................... 8

x

2.1.2 Karateristik Sistem ............................................................... 8

2.1.3 Informasi............................................................................... 10

2.1.4 Sistem Informasi................................................................... 10

2.1.5 Rancangan Sistem................................................................. 11

2.2. E-Commerce ................................................................................... 11

2.3. Penjualan ....................................................................................... 12

2.4. Tentang Website ............................................................................ 13

2.4.1 Pengertian Website ............................................................... 13

2.4.2 Unsur-unsur Dalam Penyediaan Website ............................. 13

2.5. Alat Bantu Perancangan Sistem ...................................................... 13

2.5.1 Bagan Alir (Flowchart) ......................................................... 13

2.5.2 UML (Unifed Modelling Language)...................................... 15

2.5.2.1 Notasi Dalam UML ..................................................... 16

2.5.2.2 Perancangan Database Menggunakan UML................ 17

BAB III TINJAUAN UMUM PERUSAHAAN

3.1. Gambaran Umum Intasnsi ............................................................... 20

3.1.1 Sejarah dan Gambaran Umum Toko Sepatu Doom-Q.......... 20

3.2. Letak Geografis Perusahaan ........................................................... 20

3.3. Visi Dan Misi.................................................................................. 21

3.4. Struktur Organisasi Toko Sepatu Doom-Q..................................... 21

3.5. Job Diskripsi Toko Sepatu Doom-Q............................................... 22

3.6. Prosedur Sistem Penjualan Manual di Toko Sepatu Doom-Q........ 23

3.7. FOD (Flow Of Document) Pada Sepatu Doom-Q .......................... 24

BAB IV : ANALISA PERANCANGAN

4.1 Analisa Kebutuhan Sistem ................................................................... 25

4.1.1 Analisa Kebutuhan Data dan Informasi ................................... 25

4.1.2 Analisa Aktor Sistem ................................................................ 26

4.2 Identifikasi Pemakaian Sistem ............................................................. 26

4.2.1 Kebutuhan Perangkat Keras...................................................... 26

4.2.2 Kebutuhan Perangkat Lunak ................................................... 26

xi

4.3. Perancangan Pemodelan Proses ...................................................... 27

4.3.1 Business Use Case Diagram ................................................... 27

4.3.2 Use Case Diagram.................................................................... 29

4.3.3 Skenario Use Case .................................................................... 29

4.3.4 Class Diagram .......................................................................... 33

4.3.5 Sequence Diagram.................................................................... 36

4.3.6 Activity Diagram....................................................................... 46

4.3.7 Statechart Diagram .................................................................. 53

4.4 Perancangan Database ...................................................................... 59

4.4.1 ERD ( Entity Relationship Diagram) ....................................... 59

4.4.2 Menentukan hubungan antara entitas dan membuat ERD........ 63

BAB V : PEMBAHASAN DAN IMPLEMENTASI

5.1 Pembahasan ..................................................................................... 64

5.1.1 Identifikasi Kebutuhan Perangkat Lunak ............................... 64

5.1.2 Identifikasi Kebutuhan Perangkat Keras ................................ 64

5.2 Implementasi Sistem.......................................................................... 64

5.2.1 Tampilan Login Admin ........................................................ 65

5.2.2 Tampilan Form Utama Admin ............................................. 65

5.2.3 Tampilan Form Kategori ...................................................... 66

5.2.4 Tampilan Form Sepatu ......................................................... 66

5.2.5 Tampilan Form Supplier....................................................... 67

5.2.6 Tampilan Form Stock ........................................................... 67

5.2.7 Tampilan Form Laporan Pemesanan.................................... 68

5.2.8 Tampilan Login Member...................................................... 68

5.2.9 Tampilan Form Home .......................................................... 69

5.2.10 Tampilan Form Regristrasi ................................................... 69

5.2.11 Tampilan Form Pemesanan Member.................................... 70

5.2.12 Tampilan Form Status Pemesanan ....................................... 70

BAB VI : PENUTUP

6.1 Kesimpulan ...................................................................................... 71

6.2 Saran-saran....................................................................................... 71

xii

DAFTAR TABEL

Tabel 2.1 : Notasi pada Bisnis Use Case...................................................... 14

Tabel 2.2 : Notasi pada Use Case................................................................. 16

Tabel 4.1 : Proses Bisnis .............................................................................. 18

Tabel 4.2 : Tabel Obtimistik Kategori .......................................................... 24

Tabel 4.3 : Tabel Pesimistik Kategori ......................................................... 30

Tabel 4.4 : Tabel Obtimistik Sepatu ............................................................. 30

Tabel 4.5 : Tabel Pesimistik Sepatu ............................................................. 31

Tabel 4.6 : Tabel Obtimistik Supplier .......................................................... 31

Tabel 4.7 : Tabel Pesimistik Supplier........................................................... 31

Tabel 4.8 : Tabel Obtimistik Stock............................................................... 32

Tabel 4.9 : Tabel Pesimistik Stock .............................................................. 32

Tabel 4.10 : Tabel Obtimistik Member .......................................................... 32

Tabel 4.11 : Tabel Pesimistik Member .......................................................... 33

Tabel 4.12 : Tabel Obtimistik Pesan............................................................... 33

Tabel 4.13 : Tabel Pesimistik Pesan.............................................................. 34

Tabel 4.14 : Tabel Obtimistik Bayar .............................................................. 34

Tabel 4.15 : Tabel Pesimistik Bayar.............................................................. 34

Tabel 4.16 : Tabel Obtimistik Laporan........................................................... 35

Tabel 4.17 : Tabel Pesimistik Laporan.......................................................... 35

xiii

DAFTAR GAMBAR

Gambar 3.1 : Letak Geografis Toko Sepatu Doom-Q ............................................ 29

Gambar 3.2 : Struktur Organisasi Toko Sepatu Doom-Q....................................... 30

Gambar 3.3 : FOD Penjualan di Toko Sepatu Doom-Q ......................................... 32

Gambar 4.1 : Business Use case diagram Sistem Informasi Penjualan Sepatu

Berbasis Web Pada Toko Doom-Q JEPARA..................................... 27

Gambar 4.2 : Use Case Diagram Sistem Informasi Penjualan Sepatu Berbasis

Web Pada Toko Doom-Q JEPARA ..................................................... 29

Gambar 4.3 : class Admin....................................................................................... 34

Gambar 4.4 : class Pelanggan ................................................................................. 34

Gambar 4.5 : class Kategori.................................................................................... 34

Gambar 4.6 : class Sepatu....................................................................................... 35

Gambar 4.7 : class Supplier .................................................................................... 35

Gambar 4.8 : class Stock ......................................................................................... 35

Gambar 4.9 : class Pemesanan................................................................................ 36

Gambar 4.10 : class Pembayaran .............................................................................. 36

Gambar 4.11 : class Member .................................................................................... 37

Gambar 4.12 : Class diagram Sistem Informasi Penjualan Sepatu Berbasis Web

Pada Toko Doom-Q JEPARA ......................................................... 38

Gambar 4.13 : Sequence diagram Kategori .............................................................. 39

Gambar 4.14 : Sequence diagram Sepatu ................................................................. 40

Gambar 4.15 : Sequence diagram Supplier............................................................... 41

Gambar 4.16 : Sequence diagram Stock ................................................................... 42

Gambar 4.17 : Sequence diagram Pemesanan ........................................................... 43

Gambar 4.18 : Sequence diagram pembayaran......................................................... 44

Gambar 4.19 : Sequence diagram Member............................................................... 45

Gambar 4.20 : Sequence diagram Admin ................................................................. 45

Gambar 4.21 : Activity diagram kategori .................................................................. 46

Gambar 4.22 : Activity diagram Sepatu .................................................................... 47

Gambar 4.23 : Activity diagram Supplier ................................................................. 48

xiv

Gambar 4.24 : Activity diagram Stock ...................................................................... 49

Gambar 4.25 : Activity diagram Pemesanan ............................................................. 50

Gambar 4.26 : Activity diagram Pembayaran ........................................................... 51

Gambar 4.27 : Activity diagram Member ................................................................. 52

Gambar 4.28 : Activity diagram Laporan.................................................................. 53

Gambar 4.29 : Statechart Diagram tambah Admin .................................................. 53

Gambar 4.30 : Statechart Diagram edit Admin........................................................ 54

Gambar 4.31 : Statechart Diagram hapus Admin .................................................... 54

Gambar 4.32 : Statechart Diagram Pembeli............................................................. 54

Gambar 4.33 : Statechart Diagram Tambah kategori............................................... 54

Gambar 4.34 : Statechart Diagram Ubah kategori ................................................... 55

Gambar 4.35 : Statechart Diagram Hapus Kategori................................................. 55

Gambar 4.36 : Statechart Diagram Tambah Sepatu................................................. 55

Gambar 4.37 : Statechart Diagram Ubah Sepatu ..................................................... 55

Gambar 4.38 : Statechart Diagram Hapus Sepatu.................................................... 56

Gambar 4.39 : Statechart Diagram Tambah Supplier .............................................. 56

Gambar 4.40 : Statechart Diagram Ubah Supplier................................................... 56

Gambar 4.41 : Statechart Diagram Hapus Supplier ................................................. 56

Gambar 4.42 : Statechart Diagram Tambah Stock................................................... 57

Gambar 4.43 : Statechart Diagram Ubah Stock ....................................................... 57

Gambar 4.44 : Statechart Diagram Hapus Stock ..................................................... 57

Gambar 4.45 : Statechart Diagram Tambah Member .............................................. 57

Gambar 4.46 : Statechart Diagram Ubah Member................................................... 58

Gambar 4.47 : Statechart Diagram Hapus Member .................................................. 58

Gambar 4.48 : Statechart Diagram Tambah Pesan .................................................. 58

Gambar 4.49 : Statechart Diagram Hapus Pesan ...................................................... 58

Gambar 4.50 : Statechart Diagram Tambah Pembayaran ........................................ 59

Gambar 4.51 : Statechart Diagram Acc Pembayaran............................................... 59

Gambar 4.52 : ERD( Entity Relational Diagram) .................................................... 63

Gambar 5.1 : Tampilan Form Login Admin .......................................................... 65

Gambar 5.2. : Tampilan Form Menu Utama Admin............................................... 65

xv

Gambar 5.3. : Tampilan Form Kategori ................................................................. 66

Gambar 5.4. : Tampilan Form Sepatu .................................................................... 66

Gambar 5.5. : Tampilan Form Supplier .................................................................. 67

Gambar 5.6. : Tampilan Form Stock....................................................................... 67

Gambar 5.7. : Tampilan Form Pemesanan .............................................................. 68

Gambar 5.8. : Tampilan Form Login Member........................................................ 68

Gambar 5.9 : Tampilan Form Home ...................................................................... 69

Gambar 5.10 : Tampilan Status Regristrasi .............................................................. 69

Gambar 5.11 : Tampilan Status Pembayaran............................................................ 70

Gambar 5.12 : Tampilan Form Status Pemesanan ................................................... 70

xvi

DAFTAR LAMPIRAN

Lampiran 1 : Surat Keterangan dari (Toko Sepatu Doom-Q)

Lampiran 2 : Buku Bimbingan Skripsi

Lampiran 3 : Riwayat Penulis