xiii

DAFTAR ISI

Lembar Judul Tugas Akhir............................................................................................ i

Lembar Pernyataan Keaslian Tugas Akhir .................................................................. ii

Lembar Pernyataan Publikasi Karya Ilmiah ............................................................... iii

Lembar Persetujuan dan Pengesahan Tugas Akhir ..................................................... iv

Lembar Konsultasi Tugas Akhir .................................................................................. v

Kata Pengantar ........................................................................................................... vii

Lembar Abstraksi ........................................................................................................ ix

Daftar Isi...................................................................................................................... xi

Daftar Simbol ............................................................................................................ xiii

Daftar Gambar ............................................................................................................ xx

Daftar Tabel ............................................................................................................. xxii

Daftar Lampiran ...................................................................................................... xxiii

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

1.1. Latar Belakang Masalah ....................................................................... 1 1.2. Tujuan dan Manfaat .............................................................................. 2 1.3. Metode Penelitian ................................................................................. 3 1.4. Ruang Lingkup ..................................................................................... 5

BAB II LANDASAN TEORI ................................................................................. 7

2.1. Konsep Dasar Sistem ............................................................................ 7 2.2. Teori Pendukung ................................................................................ 24

BAB III ANALISIS SISTEM BERJALAN .......................................................... 29

3.1. Tinjauan Perusahaan ........................................................................... 29 3.1.1. Sejarah Institusi/Perusahaan ................................................... 29 3.1.2. Struktur Organisasi dan Fungsi .............................................. 30

3.2. Prosedur Sistem Berjalan ................................................................... 31 3.3. Activity Diagram ................................................................................ 35 3.4. Spesifikasi Dokumen Masukan .......................................................... 35 3.5. Spesifikasi Dokumen Keluaran .......................................................... 37 3.6. Permasalahan Pokok ........................................................................... 37 3.7. Pemecahan Masalah ........................................................................... 38

BAB IV PERANCANGAN SISTEM USULAN ................................................... 39

4.1. Tahapan Perancangan Sistem ............................................................. 39 4.1.1. Analisis Kebutuhan ................................................................. 39 4.1.2. Rancangan Diagram Use Case ............................................... 41 4.1.3. Rancangan Diagram Aktivitas ................................................ 52 4.1.4. Rancangan Dokumen Sistem Usulan...................................... 55 4.1.5. Rancangan Prototype .............................................................. 58

4.2. Perancangan Perangkat Lunak ........................................................... 76 4.2.1. Entity Relationship Diagram (ERD) ...................................... 76 4.2.2. Logical Record Structure (LRS) ............................................. 77 4.2.3. Spesifikasi File ....................................................................... 77

xiv

4.2.4. Class Model/Class Diagram ................................................... 84 4.2.5. Sequence Diagram .................................................................. 85 4.2.6. Spesifikasi Hardware dan Software ....................................... 92

4.3. Customer Check.................................................................................. 94 4.4. Jadwal Implementasi .......................................................................... 95

BAB V PENUTUP ................................................................................................. 96

5.1. Kesimpulan ......................................................................................... 96 5.2. Saran ................................................................................................... 96

Daftar Pustaka .......................................................................................................... 98

Daftar Riwayat Hidup ........................................................................................... 100

Surat Riset/PKL ..................................................................................................... 101

Lampiran ................................................................................................................ 102

xv

DAFTAR SIMBOL

A. Entity Relationship Diagram (ERD)

Simbol Deskripsi

Entitas Entitas merupakan data inti yang akan disimpan; bakal tabel

pada basis data; benda yang memiliki data dan harus

disimpan datanya agar dapat diakses oleh aplikasi komputer;

penamaan entitas biasanya lebih ke kata benda dan belum

merupakan nama tabel.

Atribut Field atau kolom data yang butuh disimpan dalam suatu

entitas.

Atribut Kunci Primer Field atau kolom data yang butuh disimpan dalam suatu

entitas dan digunakan sebagai kunci akses record yang

diinginkan; biasanya berupa id; kunci primer dapat lebih

dari satu kolom, asalkan kombinasi dari beberapa kolom

tersebut dapat bersifat unik (berbeda tanpa ada yang sama)

Relasi Relasi yang menghubungkan antar entitas; biasanya diawali

dengan kata kerja.

Asosiasi

Penghubung antara relasi dan entitas di mana di kedua

ujungnya memiliki multiplicity kemungkinan jumlah

pemakaian. Kemungkinan jumlah maksimum

keterhubungan antara entitas satu dengan entitas yang lain

disebut dengan kardinalitas. Misalkan ada kardinalitas 1 ke

M atau sering disebut dengan one to many menghubungkan

entitas A dan entitas B.

xvi

B. Use Case Diagram

Simbol Deskripsi

Use case Fungsionalitas yang disediakan sistem sebagai unit-unit

yang saling bertukar pesan antar unit atau aktor; biasanya

dinyatakan dengan menggunakan kata kerja di awal frase

nama use case.

Actor

Orang, proses, atau sistem lain yang berinteraksi dengan

sistem informasi yang akan dibuat di luar sistem informasi

yang akan dibuat itu sendiri, jadi walaupun simbol dari aktor

adalah gambar orang, tapi aktor belum tentu merupakan

orang; biasanya dinyatakan menggunakan kata benda di

awal frase nama aktor.

Association Komunikasi antar aktor dan use case yang berpartisipasi

pada use case atau use case memiliki interaksi dengan aktor

Extend

- - - - - - - - - - - - - >

Relasi use case tambahan ke sebuah use case dimana use

case yang ditambahkan dapat berdiri sendiri walau tanpa use

case tambahan itu; mirip dengan prinsip inheritance pada

pemrograman berorientasi objek; biasanya use case

tambahan memiliki nama depan yang sama dengan use case

yang ditambahkan, misal arah panah mengarah pada use

case yang ditambahkan; biasanya use case yang menjadi

extend-nya merupakan jenis yang sama dengan use case

yang menjadi induknya.

Generalization Hubungan generalisasi dan spesialisasi (umum-khusus)

antara dua buah use case dimana fungsi yang satu adalah

fungsi yang lebih umum dari lainnya, misalnya: Arah panah

mengarah pada use case yang menjadi generalisasinya

(umum)

xv

Include

------------------------>

Relasi use case tambahan ke sebuah use case di mana use

case yang ditambahkan memerlukan use case ini untuk

menjalankan fungsinya atau sebagai syarat dijalankan use

case.

xvi

nam

a

swim

lane

C. Activity Diagram

Simbol Deksripsi

Status Awal Status awal aktivitas sistem, sebuah diagram

aktivitas memiliki status awal.

Aktivitas Aktivitas yang dilakukan sistem, aktivitas biasanya

diawali dengan kata kerja.

Percabangan Asosiasi percabangan dimana jika ada pilihan

aktivitas lebih dari satu.

Penggabungan Asosiasi penggabungan dimana lebih dari satu

aktivitas digabungkan menjadi satu.

Status Akhir Status akhir yang dilakukan sistem, sebuah

diagram aktivitas memilii sebuah status akhir.

Swimlane

nama swimlane

Atau

Swimlane memisahkan organisasi bisnis yang

bertanggung jawab terhadap aktivitas yang terjadi.

xvii

D. Class Diagram

Simbol Deksripsi

Class Kelas pada struktur sistem.

Interface Sama dengan konsep interface dalam

pemrograman berorientasi objek.

Association Relasi antarkelas dengan makna umum, asosiasi

biasanya juga disertai dengan multiplicity.

Directed association Relasi antarkelas dengan makna kelas yang satu

digunakan oleh kelas yang lain, asosiasi biasanya

juga disertai dengan multiplicity.

Generalization Relasi antarkelas dengan makna generalisasi-

spesialisasi (umum khusus).

Dependency Relasi antarkelas dengan makna kebergantungan

antar kelas.

Aggregation Relasi antarkelas dengan makna semua-bagian

(whole-part).

Nama-kelas

+ attribut

+ operasi

xviii

E. Sequence Diagram

Simbol Deskripsi

Actor

Atau

Nama_aktor

Tanpa waktu aktif

Orang, proses, atau sistem lain yang berinteraksi

dengan sistem informasi yang akan dibuat diluar

sistem informasi yang akan dibuat itu sendiri, jadi

walaupun simbol dari aktor adalah gambar orang,

tapi aktor belum tentu merupakan orang, biasanya

dinyatakan dalam menggunakan kata benda diawal

frase nama aktor.

Garis hidup atau lifeline Menyatakan kehidupan suatu objek.

Objek Menyatakan objek yang berinteraksi pesan.

Nama objek : nama kelas

Waktu aktif

Menyatakan objek dalam keadaan aktif dan

berinteraksi, semuanya yang terhubungdengan

waktu aktif ini adalah sebuah tahapan yang

dilakukan di dalamnya, misalnya

2: cekStatusLogin()

1: login() 3: open()

Maka cekStatusLogin() dan open()dilakukan

didalam metode login(). Aktor tidak memiliki

waktu aktif.

xi

Pesan tipe create

Menyatakan suatu objek membuat objek yang lain,

arah panah mengarah pada objek yang dibuat.

Pesan tipe call

1: Nama_metode()

Menyatakan suatu objek memanggil operasi atau

metode yang ada pada objek lain atau dirinya

sendiri,

1: nama_metode()

Arah panah mengarah pada objek yang memiliki

operasi atau metode, karena ini memanggil operasi

atau metode maka operasi atau metode yang

dipanggil harus ada pada diagram kelas sesuai

dengan kelas objek yang berinteraksi.

Pesan tipe send

1: masukan

Menyatakan bahwa suatu objek mengirimkan data

atau masukkan atau informasi ke objek lainnya,

arah panah mengarah pada objek yang dikirim.

Pesan tipe return

1: keluaran

Menyatakan bahwa suatu objek yang telah

menjalankan suatu operasi atau metode

menghasilkan suatu kembalian ke objek tertentu,

arah panah mengarah pada objek yang menerima

kembalian.

Pesan tipe destroy

X

Menyatakan suatu objek mengakhiri hidup objek

yang lain, arah panah mengarah pada objek yang

diakhiri, sebaliknya jika ada create maka ada

destroy.

xii

DAFTAR GAMBAR

Gambar I.1 ................................................................ Tahapan Evolutionary Prototype 10

Gambar II.1 .................................................................. Karakteristik dari Suatu Sistem 11

Gambar II.2 .................................................. Blok Sistem Informasi yang Berinteraksi 17

Gambar II.3 ..................................................................................... Data dan Informasi 21

Gambar II.4 ......................................................................... Jendela Tampilan XAMPP 23

Gambar II.5 ............................................................... Tahapan Evolutionary Prototype 26

Gambar III.1 ............................................................... Struktur Organisasi Perusahaan 30

Gambar III.2 ...................................................................................... Activity Diagram 35

Gambar IV.1 ................................ Use Case Diagram Bagian Member & User Public 41

Gambar IV.2 ........................................................... Use Case Diagram Bagian Admin 46

Gambar IV.3 .................................................................. Activity Diagram User Public 52

Gambar IV.4 ........................................................................Activity Diagram Member 53

Gambar IV.5 .......................................................................... Activity Diagram Admin 54

Gambar IV.6 ................................................... Rancangan Interface Halaman Beranda 58

Gambar IV.7 ......................................... Rancangan Interface Halaman Tentang Kami 59

Gambar IV.8 .................................................... Rancangan Interface Halaman Produk 60

Gambar IV.9 ............................................. Rancangan Interface Halaman Jasa Desain 61

Gambar IV.10 .................... Rancangan Interface Halaman Login dan Daftar Member 62

Gambar IV.11 ........................................Rancangan Interface Peringatan Login Gagal 62

Gambar IV.12 Rancangan Interface Peringatan Berhasil Daftar Member (kiri) & Gagal

Daftar Member (kanan) .............................................................................................. 63

Gambar IV.13 ............................................ Rancangan Interface Halaman Pemesanan 65

Gambar IV.14 ............................................. Rancangan Interface Halaman Keranjang 64

Gambar IV.15 ................... Rancangan Interface Halaman Upload Bukti Pembayaran 65

Gambar IV.16 ................................. Rancangan Interface Peringatan Upload Berhasil 65

Gambar IV.17 Rancangan Interface Halaman Profil Member Memperbarui Data Diri 67

Gambar IV.18 Rancangan Interface Peringatan Data Berhasil Diperbarui (kiri) & Data

Gagal Diperbarui (kanan) ........................................................................................... 67

Gambar IV.19 .............................. Rancangan Interface Halaman Riwayat Pemesanan 67

Gambar IV.20 ............................... Rancangan Interface Halaman Rincian Pemesanan 68

Gambar IV.21 ......................... Rancangan Interface Halaman Admin – Data Pesanan 69

Gambar IV.22 Rancangan Interface Halaman Admin – Detail Data Pesanan, Status

Pembayaran, & Status Pesanan .................................................................................. 69

Gambar IV.23 ...................... Rancangan Interface Halaman Admin – Daftar Kategori 70

Gambar IV.24 Rancangan Interface Halaman Admin – Menambah atau Mengubah Kategori

70

Gambar IV.25 ........................ Rancangan Interface Halaman Admin – Daftar Produk 71

Gambar IV.26 Rancangan Interface Halaman Admin – Menambah atau Mengubah Produk

71

Gambar IV.27 ............ Rancangan Interface Halaman Admin – Tampil Data Member 72

Gambar IV.28 .......................... Rancangan Interface Peringatan Hapus Data Member 72

Gambar IV.29 .............. Rancangan Interface Halaman Admin – Detail Data Member 72

Gambar IV.30 ................... Rancangan Interface Halaman Admin – Company Profile 73

Gambar IV.31 Rancangan Interface Peringatan Company Profile Berhasil Diperbarui 73

xiii

Gambar IV.32 Rancangan Interface Halaman Admin – Memperbarui Username & Password

74

Gambar IV.33 Rancangan Interface Peringatan Berhasil (kiri) dan Gagal (kanan) dalam

Memperbarui Username & Password ........................................................................ 74

Gambar IV.34 Rancangan Interface Halaman Admin – Membuat Laporan Transaksi Harian

75

Gambar IV.35 Rancangan Interface Peringatan Laporan Berhasil Dibuat & Konfirmasi Membuat

Laporan ...................................................................................................................... 75

Gambar IV.36 ...................................................... Entity Relationship Diagram (ERD) 76

Gambar IV.37 ............................................................. Logical Record Structure (LRS) 77

Gambar IV.38 .................................................................. Class Model/Class Diagram 84

Gambar IV.39 ............................. Sequence Diagram User Public Mendaftar Member 85

Gambar IV.40 ..................................... Sequence Diagram Member Melakukan Login 85

Gambar IV.41 ............................. Sequence Diagram Member Melakukan Pemesanan 86

Gambar IV.42 ............................ Sequence Diagram Member Memperbarui Data Diri 86

Gambar IV.43 .................... Sequence Diagram Member Melihat Riwayat Pemesanan 87

Gambar IV.44 ........................................ Sequence Diagram Admin Melakukan Login 87

Gambar IV.45 .................................... Sequence Diagram Admin Mengelola Kategori 88

Gambar IV.46 .................................. Sequence Diagram Admin Menghapus Ketegori 88

Gambar IV.47 ...................................... Sequence Diagram Admin Mengelola Produk 89

Gambar IV.48 ..................................... Sequence Diagram Admin Menghapus Produk 89

Gambar IV.49 ...................... Sequence Diagram Admin Melihat Detail Data Member 90

Gambar IV.50 .......................... Sequence Diagram Admin Menghapus Data Member 90

Gambar IV.51 ...................... Sequence Diagram Admin Mengubah Company Profile 91

Gambar IV.52 ............. Sequence Diagram Admin Mengubah Username & Password 91

Gambar IV.53 Sequence Diagram Admin Admin Membuat Laporan Transaksi Harian 92

xiv

DAFTAR TABEL

Tabel IV.1 .............................. Deskripsi Use Case Melakukan Login Bagian Member 42

Tabel IV.2 ..................................................... Deskripsi Use Case Melakukan Pesanan 42

Tabel IV.3 .....................Deskripsi Use Case Memperbarui Data Diri Bagian Member 43

Tabel IV.4 ............................................ Deskripsi Use Case Melihat Riwayat Pesanan 44

Tabel IV.5 ............................................. Deskripsi Use Case Melihat Produk & Harga 44

Tabel IV.6 ..................... Deskripsi Use Case Mendaftar Member Bagian User Public 45

Tabel IV.7 ................................ Deskripsi Use Case Melakukan Login Bagian Admin 46

Tabel IV.8 ............................................. Deskripsi Use Case Mengelola Data Member 47

Tabel IV.9 ........................................................Deskripsi Use Case Mengelola Produk 48

Tabel IV.10 .................................................... Deskripsi Use Case Mengelola Pesanan 48

Tabel IV.11 ................................. Deskripsi Use Case Memperbarui Company Profile 49

Tabel IV.12 ......................... Deskripsi Use Case Membuat Laporan Transaksi Harian 50

Tabel IV.13 Deskripsi Use Case Memperbarui Username & Password Bagian Admin 50

Tabel IV.14 .............................................................................. Spesifikasi File Produk 78

Tabel IV.15 ............................................................................ Spesifikasi File Member 79

Tabel IV.16 ........................................................................ Spesifikasi File Pemesanan 79

Tabel IV.17 ...................................................................... Spesifikasi File Pembayaran 80

Tabel IV.18 .................................................................. Spesifikasi File Detail Pesanan 81

Tabel IV.19 ............................................................... Spesifikasi File Kategori Produk 82

Tabel IV.20 ............................................................................... Spesifikasi File Admin 82

Tabel IV.21 .............................................................. Spesifikasi File Company Profile 83

Tabel IV.22 ...................................................................... Unit Testing Front End Web 94

Tabel IV.23 ....................................................................... Unit Testing Back End Web 94

Tabel IV.24 .................................................................................. Jadwal Implementasi 95

xv

DAFTAR LAMPIRAN

Lampiran A.1 ............................................................................................................ 102

Lampiran A.2 ............................................................................................................ 103

Lampiran A.3 ............................................................................................................ 103

Lampiran B.1 ............................................................................................................ 104

Lampiran B.2 ............................................................................................................ 105

Lampiran C.1 ............................................................................................................ 106

Lampiran C.2 ............................................................................................................ 106

Lampiran C.3 ............................................................................................................ 107

Lampiran C.4 ............................................................................................................ 107

Lampiran C.5 ............................................................................................................ 108

Lampiran D.1 ............................................................................................................ 108

Lampiran D.2 ............................................................................................................ 108

Lampiran D.3 ............................................................................................................ 109

Lampiran D.4 ............................................................................................................ 109