LAPORAN SKRIPSI

HALAMAN JUDUL PORTAL PROBLEM SOLVING PEMESANAN UNDANGAN

ALDILA SURYANING TIAS

NIM. 2014-53-034

DOSEN PEMBIMBING:

NANIK SUSANTI, S.Kom., M.Kom

DIANA LAILY FITHRI, S.Kom., M.Kom

PROGRAM STUDI SISTEM INFORMASI

FAKULTAS TEKNIK

UNIVERSITAS MURIA KUDUS

2019

ii

HALAMAN PERSETUJUAN

iii

HALAMAN PENGESAHAN

PERSETUJUAN KEASLIAN

iv

v

PORTAL PROBLEM SOLVING PEMESANAN

UNDANGAN

Nama mahasiswa : Aldila Suryaning Tias

NIM : 201453034

Pembimbing :

1. Nanik Susanti, S.Kom, M.Kom

2. Diana Laily Fithri, S.Kom., M.Kom

RINGKASAN Perkembangan teknologi komputer pada saat ini sangat berarti bagi semua

kalangan dan banyak digunakan di berbagai bidang pekerjaan. Salah satu contoh membuat

perkembangan ekonomi Indonesia mengalami peningkatan dalam kurun waktu tiga tahun

terakhir. Semakin berkembangnya teknologi turut serta membantu para pelaku usaha untuk

memasarkan produknya secara online, sehingga dapat meningkatkan peluang usaha yang

dikembangkan dengan pemanfaatan platform digital. Pada proses pemesanan undangan

ditemukan beberapa kesulitan dalam menentukan pilihan segala jenis undangan

dikarenakan pelanggan kurang mengetahui informasi tentang undangan yang ditawarkan.

Dalam pemasaran undangan juga pedagang masih memanfaatkan brosur/ katalog dan juga

mulut ke mulut. Keterlambatan dalam pengiriman undangan yang sudah ditentukan.

Pedagang kurang memasarkan jasanya atau kurang terkenal dan membuat omset pedagang

tidak stabil dan kurang maksimal.

Tujuan dari penelitian ini adalah untuk menghasilkan suatu aplikasi portal yang

dapat memberikan solusi pada pelanggan mengenai undangan yang baik dan bagus,

memberikan pelayanan yang lebih cepat kepada pelanggan, memberikan berbagai pilihan

undangan sesuai dengan keinginan pelanggan, kemudahan pengiriman undangan yang

tepat waktu, kemudahan dalam pembayaran dan untuk memajukan UMKM khususnya

penyedia jasa layanan pembuatan undangan di berbagai daerah Indonesia. Menghasilkan

beberapa laporan untuk kebutuhan dari pelanggan , pedagang dan admin. Metode

pengembangan sistem menggunakan metode Waterfall yang meliputi Analisis kebutuhan

perangkat lunak, Desain, Pembuatan kode program, Pengujian dan Pemeliharaan

(maintenance). Perancangan sistem informasi menggunakan Unified Modelling Language

(UML) yang diharapkan dapat menghasilkan rancangan sistem baru yang lebih baik dan

dapat menyelesaikan permasalahan yang ada yang diimplementasikan ke dalam aplikasi

web dengan memanfaatkan bahasa pemograman PHP dan database MySQL. Pemanfaatan

framework (CI) CodeIgniter.

Kata kunci : teknologi, undangan, web, solusi

vi

ABSTRACT

PROBLEM SOLVING INVITATION BOOKING PORTAL

Student Name : Aldila Suryaning Tias

Student Identity Number : 201453034

Supervisor :

1. Nanik Susanti, S.Kom, M.Kom

2. Diana Laily Fithri, S.Kom., M.Kom

The development of computer technology at this time is very meaningful to all

circles and is widely used in various fields of work. One example is that Indonesia's

economic development has increased in the past three years. Increasingly developing

technology also helps businesses to market their products online, so that they can increase

business opportunities developed by using digital platforms. In the invitation booking

process found several difficulties in determining the choice of all types of invitations

because customers are less aware of information about the invitation offered. In invitation

marketing, traders also use brochures / catalogs and also word of mouth. Delay in sending

specified invitations. Traders do not market their services or are less well-known and make

traders turnover unstable and less than optimal.

The purpose of this study is to produce a portal application that can provide

solutions to customers about good and good invitations, provide faster service to

customers, provide various choices of invitations according to customer desires, ease of

sending timely invitations, ease of payment and to advance UMKM, especially providers

of invitation-making services in various regions of Indonesia. Produce several reports for

the needs of customers, traders and admin. The system development method uses the

Waterfall method which includes software requirements analysis, design, program code

creation, testing and maintenance. Information system design uses the Unified Modeling

Language (UML) which is expected to produce a new system design that is better and can

solve existing problems that are implemented into web applications by utilizing the PHP

programming language and MySQL database. Use of the CodeIgniter framework (CI).

Keyword: tecnology, invitation, web, solution

vii

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT yang telah

melimpahkan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan

penulisn laporan skripsi yang berjudul “Portal Problem Solving Pemesanan

Undangan”.

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 tak 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. Nanik Susanti,S.Kom., M.Kom selaku dosen pembimbing utama yang telah

memberikan pengarahan dan bimbingan selama penyusunan laporan skripsi ini.

e. Diana Laily Fithri, S.Kom.,M.Kom selaku dosen pembimbing pendamping

yang telah memberikan pengarahan dan bimbingan selama penyusunan laporan

skripsi ini.

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

membagi ilmu yang sudah didapat kepada penulis, serta seluruh staff

g. Bapak Asrukan, Ibu Sunarti selaku orang tua serta saudara-saudara saya

yang telah melimpahkan kasih sayang, perhatian, serta doa dan dukungan yang

dapat membangkitkan semangat saya dalam penulisan skripsi.

h. Veri Ermanto yang telah memberi semangat dan dukungan kepada saya.

i. Tim Banana Code yang telah banyak membantu dan memberikan semangat

kepada saya.

viii

j. Aripin, Agus, Rama, Firman, Surya, Adit, Pampam, Toyo, Joko, Ray, Faris,

Bowo, Aldila, Ivo, Ais serta teman-teman Program Studi Sistem Informasi yang

selalu memberikan semangat serta dukungan satu sama lain.

k. Retno, Kuni, Lulus , Diana, Devi, Ria yang telah memberi semangat.

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, 15 Februari 2019

Penulis

Aldila Suryaning Tias

ix

DAFTAR ISI

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

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

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

PERSETUJUAN KEASLIAN ............................................................................... iii

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

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

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

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

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

DAFTAR TABEL ................................................................................................. xv

DAFTAR LAMPIRAN ....................................................................................... xvii

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

PENDAHULUAN .................................................................................................. 1

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

1.2. Perumusan Masalah .................................................................................. 2

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

1.4. Tujuan ....................................................................................................... 2

1.5. Manfaat ..................................................................................................... 2

1.6. Metode Penelitian ..................................................................................... 3

1.6.1. Metode Pengumpulan Data ............................................................... 3

1.6.2. Metode Pengembangan Sistem ......................................................... 4

1.6.3. Metode Perancangan Sistem. ............................................................ 5

1.7. Kerangka Teori ......................................................................................... 6

BAB II ..................................................................................................................... 9

TINJAUAN PUSTAKA ......................................................................................... 9

2.1. Penelitian Terkait ..................................................................................... 9

2.2. Tabel Perbandingan Penelitian Terkait .................................................. 10

2.3. Landasan Teori ....................................................................................... 11

x

2.3.1. Pengertian Problem Solving ............................................................ 11

2.3.2. Portal Web ....................................................................................... 11

2.3.3. FOD (Flow Of Document) .............................................................. 11

2.3.4. UML (Unified Modeling Language) ............................................... 12

2.3.5. ERD (Entity Relationship Diagram) ............................................... 17

BAB III ................................................................................................................. 19

METODOLOGI PENELITIAN ............................................................................ 19

3.1. Analisis Sistem Lama ............................................................................. 19

3.2. Analisis dan Rancangan Sistem Baru ..................................................... 21

3.2.1. Analisa Kebutuhan .......................................................................... 21

3.2.2. Analisa Sistem Baru ........................................................................ 21

BAB IV ............................................................................................................. 79

IMPLEMENTASI DAN PEMBAHASAN ....................................................... 79

4.1. Hasil Pembahasan ................................................................................... 79

4.1.1. Implementasi Sistem ....................................................................... 79

4.1.2. Implementasi Layar Antar Muka .................................................... 79

4.1.3. Tampilan Program ........................................................................... 79

4.2. Pengujian Sistem .................................................................................... 94

4.2.1. Black Box Testing ........................................................................... 94

4.2.2. Pengujian Normal............................................................................ 96

4.2.3. Pengujian Tidak Normal ................................................................. 96

BAB V ............................................................................................................... 97

PENUTUP ......................................................................................................... 97

5.1. Kesimpulan ............................................................................................. 97

5.2. Saran ....................................................................................................... 97

DAFTAR PUSTAKA ........................................................................................... 98

LAMPIRAN .......................................................................................................... 99

xi

DAFTAR GAMBAR Gambar 1. 1 Kerangka Pemikiran ............................................................................ 7

Gambar 3. 1 Flow Of Document Portal Problem Solving Pemesanan Undangan . 20

Gambar 3. 2 Bussiness Use Case Diagram ............................................................ 22

Gambar 3. 3 System Use Case Portal Problem Solving Pemesanan Undangan .... 23

Gambar 3. 4 Class Admin ...................................................................................... 29

Gambar 3. 5 Class Pelanggan ................................................................................ 29

Gambar 3. 6 Class Pedagang ................................................................................. 29

Gambar 3. 7 Class Konsultasi ................................................................................ 30

Gambar 3. 8 Class Solusi ....................................................................................... 30

Gambar 3. 9 Class Produk ..................................................................................... 30

Gambar 3. 10 Class Orders .................................................................................... 31

Gambar 3. 11 Class Pembayaran ........................................................................... 31

Gambar 3. 12 Class Pengiriman............................................................................. 31

Gambar 3. 13 Class Diagram Problem Solving Pemesanan Undangan ................ 32

Gambar 3. 14 Sequence Diagram Daftar ............................................................... 33

Gambar 3. 15 Sequence Diagram Produk .............................................................. 34

Gambar 3. 16 Sequence Diagram Konsultasi ........................................................ 35

Gambar 3. 17 Sequence Diagram Solusi ............................................................... 36

Gambar 3. 18 Sequence Diagram Orders .............................................................. 37

Gambar 3. 19 Sequence Diagram Pembayaran...................................................... 38

Gambar 3. 20 Sequence Diagram Pengiriman ....................................................... 39

Gambar 3. 21 Activity Diagram Daftar .................................................................. 40

Gambar 3. 22 Activity Diagram Produk ................................................................. 41

Gambar 3. 23 Activity Diagram Konsultasi ........................................................... 42

Gambar 3. 24 Activity Diagram Solusi .................................................................. 43

Gambar 3. 25 Activity Diagram Orders ................................................................. 44

Gambar 3. 26 Activity Diagram Pembayaran ........................................................ 45

Gambar 3. 27 Activity Diagram Pengiriman .......................................................... 46

Gambar 3. 28 Statechart diagram method tambah Daftar ..................................... 47

Gambar 3. 29 Statechart diagram method tambah Produk .................................... 47

xii

Gambar 3. 30 Statechart diagram method cari produk .......................................... 47

Gambar 3. 31 Statechart diagram method hapus produk ..................................... 48

Gambar 3. 32 Statechart diagram method ubah produk ....................................... 48

Gambar 3. 33 Statechart diagram method tambah konsultasi ............................... 49

Gambar 3. 34 Statechart diagram method tambah solusi ...................................... 49

Gambar 3. 35 Statechart diagram method tambah orders ..................................... 49

Gambar 3. 36 Statechart diagram method ubah orders ......................................... 50

Gambar 3. 37 Statechart diagram hapus orders..................................................... 50

Gambar 3. 38 Statechart diagram cari orders ........................................................ 51

Gambar 3. 39 Statechart diagram tambah pembayaran......................................... 51

Gambar 3. 40 Statechart diagram cari pembayaran .............................................. 51

Gambar 3. 41 Statechart diagram tambah pengiriman .......................................... 52

Gambar 3. 42 Statechart diagram cari pengiriman ................................................ 52

Gambar 3. 43 Menentukan entitas ......................................................................... 52

Gambar 3. 44 Menentukan atribut key (primary key)............................................ 53

Gambar 3. 45 Relasi antara entitas Pelanggan dan User ........................................ 53

Gambar 3. 46 Relasi antara entitas Pedagang dan User ......................................... 54

Gambar 3. 47 Relasi antara entitas Pelanggan dan Kiriman .................................. 54

Gambar 3. 48 Relasi antara entitas Kiriman dan Komen ....................................... 55

Gambar 3. 49 Relasi antara entitas Komen dan Komenlist ................................... 55

Gambar 3. 50 Relasi antara entitas Pedagang dan Produk ..................................... 55

Gambar 3. 51 Relasi antara entitas Kiriman dan Pesan ......................................... 56

Gambar 3. 52 Relasi antara entitas Pesan dan Produk ........................................... 56

Gambar 3. 53 Relasi antara entitas Pesan dan Bayar ............................................. 56

Gambar 3. 54 Relasi antara entitas Bayar dan Cek_Bayar .................................... 57

Gambar 3. 55 Relasi antara entitas Bayar dan Lunas............................................. 57

Gambar 3. 56 Relasi antara entitas Bayar dan Kirim ............................................. 58

Gambar 3. 57 Relasi antara entitas Bayar dan Terima ........................................... 58

Gambar 3. 58 ERD Portal Problem Solving pemesanan Undangan ...................... 59

Gambar 3. 59 Relasi Tabel ..................................................................................... 69

Gambar 3. 60 Desain Halaman Utama ................................................................... 70

xiii

Gambar 3. 61 Desain Halaman Pedagang .............................................................. 71

Gambar 3. 62 Halaman Registrasi Pelanggan ........................................................ 71

Gambar 3. 63 Halaman Login Pelanggan .............................................................. 72

Gambar 3. 64 Halaman Produk .............................................................................. 72

Gambar 3. 65 Halaman Beranda Pedagang............................................................ 73

Gambar 3. 66 Halaman Posting ............................................................................. 73

Gambar 3. 67 Halaman Beranda Pelanggan .......................................................... 74

Gambar 3. 68 Halaman Pemilihan Pedagang ......................................................... 74

Gambar 3. 69 Halaman Order ................................................................................ 75

Gambar 3. 70 Laporan Data Pelanggan ................................................................. 75

Gambar 3. 71 Laporan Data Pedagang .................................................................. 76

Gambar 3. 72 Laporan Data Pelunasan .................................................................. 76

Gambar 3. 73 Laporan Riwayat Pembayaran Pedagang ....................................... 77

Gambar 3. 74 Laporan Pemesanan dan Pembayaran ............................................. 77

Gambar 4. 1 Halaman Utama ................................................................................. 80

Gambar 4. 2 Halaman Registrasi Pelanggan .......................................................... 80

Gambar 4. 3 Halaman Login Pelanggan ................................................................ 81

Gambar 4. 4 Halaman Beranda (Posting) .............................................................. 81

Gambar 4. 5 Halaman Konsultasi .......................................................................... 82

Gambar 4. 6 Halaman Order .................................................................................. 82

Gambar 4. 7 Halaman Pembayaran DP.................................................................. 83

Gambar 4. 8 Halaman Pemilihan Jasa Kirim ......................................................... 83

Gambar 4. 9 Halaman Pilih Kirim ......................................................................... 84

Gambar 4. 10 Halaman Pelunasan ......................................................................... 84

Gambar 4. 11 Halaman Diterima ........................................................................... 85

Gambar 4. 12 Halaman Laporan Order Pelanggan ................................................ 85

Gambar 4. 13 Halaman Laporan Pembayaran ....................................................... 86

Gambar 4. 14 Halaman Registrasi Pedagang ......................................................... 86

Gambar 4. 15 Halaman Login Pedagang ............................................................... 87

Gambar 4. 16 Halaman Beranda Pedagang (Posting). ........................................... 87

Gambar 4. 17 Halaman Order ................................................................................ 88

xiv

Gambar 4. 18 Halaman Cek Pembayaran .............................................................. 88

Gambar 4. 19 Halaman Produk .............................................................................. 89

Gambar 4. 20 Halaman Pekerjaan Selesai ............................................................. 89

Gambar 4. 21 Laporan Order Pedagang ................................................................. 90

Gambar 4. 22 Laporan Pembayaran Pedagang ...................................................... 90

Gambar 4. 23 Halaman Cek Pembayaran Admin .................................................. 91

Gambar 4. 24 Halaman Data Pelanggan ................................................................ 91

Gambar 4. 25 Laporan Pelanggan .......................................................................... 92

Gambar 4. 26 Halaman Pedagang .......................................................................... 92

Gambar 4. 27 Laporan Pedagang ........................................................................... 93

Gambar 4. 28 Laporan Pelunasan Admin .............................................................. 93

Gambar 4. 29. Pengujian normal halaman data pelanggan .................................... 96

Gambar 4. 30. Pengujian tidak normal halaman registrasi .................................... 96

xv

DAFTAR TABEL

Tabel 2. 1 Tabel Perbandingan Penelitian.............................................................. 10

Tabel 2. 2 Simbol Bagan Arus Dokumen .............................................................. 11

Tabel 2. 3 Notasi Bussiness Use Case Diagram .................................................... 13

Tabel 2. 4 Notasi Use Case Diagram..................................................................... 14

Tabel 2. 5 Notasi Class Diagram ........................................................................... 15

Tabel 2. 6 Notasi Sequence Diagram ..................................................................... 16

Tabel 2. 6. Notasi activity diagram ........................................................................ 17

Tabel 2. 7. Notasi statechart diagram .................................................................... 17

Tabel 2. 8. Simbol-simbol pada Entity Relationship Diagram (ERD) .................. 18

Tabel 3. 1 Skenario Use Case Daftar ..................................................................... 23

Tabel 3. 2 Skenario Use Case Konsultasi .............................................................. 24

Tabel 3. 3 Skenario Use Case Solusi ..................................................................... 25

Tabel 3. 4 Skenario Use Case Produk .................................................................... 26

Tabel 3. 5 Skenario Use Case Orders .................................................................... 26

Tabel 3. 6 Skenario Use Case Pembayaran ........................................................... 27

Tabel 3. 7 Skenario Use Case Pengiriman ............................................................. 28

Tabel 3. 8 Tabel Pelanggan .................................................................................... 59

Tabel 3. 9 Tabel Pedagang ..................................................................................... 60

Tabel 3. 10 Tabel User ........................................................................................... 60

Tabel 3. 11 Tabel Produk ....................................................................................... 60

Tabel 3. 12 Tabel Kiriman ..................................................................................... 60

Tabel 3. 13 Tabel Komen ....................................................................................... 60

Tabel 3. 14 Tabel KomenList ................................................................................ 61

Tabel 3. 15 Tabel Orders ........................................................................................ 61

Tabel 3. 16 Tabel Pembayaran ............................................................................... 61

Tabel 3. 17 Tabel Pengiriman ................................................................................ 61

Tabel 3. 18 Tabel Tabel Pelunasan ........................................................................ 62

Tabel 3. 19 Tabel Cek Bayar.................................................................................. 62

Tabel 3. 20 Tabel Diterima .................................................................................... 62

xvi

Tabel 3. 21 Struktur Tabel User ............................................................................. 62

Tabel 3. 22 Struktur Tabel Pelanggan .................................................................... 63

Tabel 3. 23 Struktur Tabel Pedagang ..................................................................... 63

Tabel 3. 24 Struktur Tabel Produk ......................................................................... 64

Tabel 3. 25 Struktur Tabel Kiriman ....................................................................... 65

Tabel 3. 26 Struktur Tabel komen.......................................................................... 65

Tabel 3. 27 Struktur Tabel Komen_list .................................................................. 66

Tabel 3. 28 Struktur Tabel Pesan ........................................................................... 66

Tabel 3. 29 Struktur Tabel Pembayaran ................................................................. 67

Tabel 3. 30 Struktur Tabel Pengiriman .................................................................. 67

Tabel 3. 31 Struktur Tabel Cek Pembayaran ......................................................... 68

Tabel 3. 32 Struktur Tabel Pelunasan .................................................................... 68

Tabel 3. 33 Struktur Tabel Diterima ...................................................................... 69

Tabel 4. 1. Tabel skenario use case kelola registrasi ............................................. 94

Tabel 4. 2. Tabel identifikasi test case ................................................................... 95

Tabel 4. 3. Tabel identifikasi value case ................................................................ 95

xvii

DAFTAR LAMPIRAN

Lampiran 1 : Fotocopy Buku Bimbingan

Lampiran 2 : Fotocopy Surat Balasan

Lampiran 3 : Kode Program

Lampiran 4 : Biodata Penulis