ABSTRAK. Kata Kunci: buku, online, e-commerce, dashboard, laporan. Universitas Kristen Maranatha

Transkripsi

1 ABSTRAK Saung-buku.com adalah salah satu website katalog buku online yang sudah berjalan saat ini. Dalam pengembangannya, saung-buku.com berencana membangun pemesanan buku secara online melalui website. Oleh karena itu, saung-buku.com membutuhkan aplikasi yang dapat mendukung proses pemesanan buku secara online dan dashboard yang digunakan untuk memantau perkembangan trafik website sehingga dapat meningkatkan hubungan dengan pengunjung / pembeli. Saung-buku.com juga membutuhkan aplikasi laporan yang dapat dibuat dan dikustomisasi oleh pengguna admin. Selain itu terdapat pula modul tiket dan testimoni yang dapat digunakan oleh pengunjung member untuk membangun hubungan antar penjual dan pembeli. Aplikasi ini dibangun dengan menggunakan PHP, MySQL, HTML5 dan CSS. Kata Kunci: buku, online, e-commerce, dashboard, laporan v

2 ABSTRACT Saung-buku.com is one of the online book catalog website that already operating in internet. In order to elaborate, saung-buku.com will be developing several features including ordering books online via website. Therefore, it needs application that support ordering book online and also dashboards that applicable to monitoring website traffic so it could increase relationship between visitor and buyer. Saungbuku.com also needs reporting application that could create and customized by admin user. And there is also ticketing for member and testimonial for member to show their gratitude or complaints about seller or ordering services. This application builds using PHP, MySQL, HTML5 and CSS3. Keywords: book, online, e-commerce, dashboard, report vi

3 DAFTAR ISI LEMBAR PENGESAHAN... i PERNYATAAN ORISINALITAS LAPORAN PENELITIAN... ii PERNYATAAN PUBLIKASI LAPORAN PENELITIAN... iii PRAKATA... iv ABSTRAK... v ABSTRACT... vi DAFTAR ISI... vii DAFTAR GAMBAR... xi DAFTAR TABEL... xiv DAFTAR NOTASI/ LAMBANG... xvi DAFTAR SINGKATAN... xx DAFTAR ISTILAH... xxi BAB 1. PENDAHULUAN Latar Belakang Masalah Rumusan Masalah Tujuan Pembahasan Ruang Lingkup Kajian Sumber Data Sistematika Penyajian... 3 BAB 2. KAJIAN TEORI E-Commerce Customer Relationship Management Definisi Customer Relationship Management Kegunaan CRM PHP MySQL HTML UML Use Case Activity... 9 vii

4 2.6.3 Class Perancangan Basis Data Entity Relationship Kardinalitas BAB 3. ANALISIS DAN RANCANGAN SISTEM Analisis Sistem Sistem yang Sudah Ada Pengembangan Sistem UML Use Case Definisi Aktor Definisi Use Case Skenario Use Case Activity Class Perancangan Basis Data Perancangan Antar Muka Halaman Login Member Halaman Registrasi Halaman Katalog Buku Keranjang Belanja Checkout Konfirmasi Pembayaran Melacak Status Pemesanan Ticketing Member Melihat Histori Pemesanan Dashboard Admin Pemrosesan Pesanan Pengelolaan Stok Mengelola Laporan BAB 4. HASIL PENELITIAN Implementasi Antarmuka viii

5 4.1.1 Konten User Admin Konten User Member Konten User Non Member BAB 5. PEMBAHASAN DAN UJI COBA HASIL PENELITIAN Admin Konten Sign In Dashboard Mengelola Buku Mengubah Profil Mengelola Pelanggan Mengelola Pemesanan Mengelola Stok Mengelola Tiket Mengelola Laporan Member Konten Sign In Mengubah Profil Melihat Histori Pemesanan Melihat Katalog Buku Melakukan Pemesanan Buku Melihat Keranjang Belanja Checkout Melakukan Konfirmasi Pembayaran Melacak Status Pemesanan Membuka Tiket Non Member Konten Registrasi Melihat Katalog Buku BAB 6. SIMPULAN DAN SARAN Simpulan Saran Saran Pengembangan Aplikasi ix

6 6.2.2 Saran Pelaksanaan Penelitian DAFTAR PUSTAKA x

7 DAFTAR GAMBAR Gambar 3.1 Proses bisnis sistem yang sudah ada Gambar 3.2 Proses bisnis pemesanan buku Gambar 3.3 Proses bisnis konfirmasi pembayaran Gambar 3.4 Proses bisnis melacak status pemesanan Gambar 3.5 Proses bisnis membuka tiket Gambar 3.6 Proses bisnis pemrosesan pemesanan Gambar 3.7 Use Case aplikasi Gambar 3.8 Activity registrasi member Gambar 3.9 Activity pemesanan buku Gambar 3.10 Activity melakukan konfirmasi pembayaran Gambar 3.11 Activity melacak status pemesanan Gambar 3.12 Activity membuka tiket Gambar 3.13 Activity memproses pemesanan Gambar 3.14 Activity mengelola stok Gambar 3.15 Activity mengelola laporan Gambar 3.16 Class aplikasi Gambar 3.17 Entity Relationship (ERD) Gambar 3.18 Perancangan halaman login Gambar 3.19 Perancangan halaman registrasi Gambar 3.20 Perancangan halaman katalog buku Gambar 3.21 Perancangan tampilan halaman detail buku Gambar 3.22 Perancangan halaman keranjang belanja Gambar 3.23 Perancangan halaman checkout mengisikan data pengiriman55 Gambar 3.24 Perancangan halaman checkout summary Gambar 3.25 Perancangan halaman konfirmasi pembayaran Gambar 3.26 Perancangan halaman melacak status pemesanan Gambar 3.27 Perancangan halaman tiket member Gambar 3.28 Perancangan halaman melihat histori status pemesanan Gambar 3.29 Perancangan halaman dahsboard admin Gambar 3.30 Perancangan halaman pemrosesan pemesanan xi

8 Gambar 3.31 Perancangan halaman pengelolaan stok Gambar 3.32 Perancangan halaman pengelolaan laporan Gambar 3.33 Perancangan halaman pengelolaan filter laporan Gambar 4.1 Halaman tampilan sign in Gambar 4.2 Halaman tampilan dashboard admin Gambar 4.3 Halaman tampilan daftar buku Gambar 4.4 Halaman tampilan menambah atau mengubah buku Gambar 4.5 Halaman tampilan mengubah profil user Gambar 4.6 Halaman tampilan daftar pengarang Gambar 4.7 Halaman tampilan menambah atau mengubah pengarang Gambar 4.8 Halaman tampilan daftar penerbit Gambar 4.9 Halaman tampilan menambah atau mengubah penerbit Gambar 4.10 Halaman tampilan daftar pelanggan Gambar 4.11 Halaman tampilan daftar pemesanan Gambar 4.12 Halaman tampilan detail pemesanan Gambar 4.13 Halaman tampilan menambahkan stok Gambar 4.14 Halaman daftar tiket member Gambar 4.15 Halaman tampilan mengelola tiket Gambar 4.16 Halaman tampilan membuat laporan Gambar 4.17 Halaman tampilan menambahkan filter laporan Gambar 4.18 Halaman tampilan hasil generate laporan Gambar 4.19 Halaman tampilan sign in pengguna Gambar 4.20 Halaman tampilan mengubah profil pengguna Gambar 4.21 Halaman tampilan melihat daftar histori pemesanan Gambar 4.22 Halaman tampilan melihat katalog buku Gambar 4.23 Halaman tampilan melihat detail buku Gambar 4.24 Halaman tampilan melihat keranjang belanja Gambar 4.25 Halaman tampilan chekcout Gambar 4.26 Halaman tampilan checkout summary Gambar 4.27 Halaman tampilan konfirmasi pembayaran Gambar 4.28 Halaman tampilan melacak status pemesanan Gambar 4.29 Halaman tampilan daftar tiket pengguna xii

9 Gambar 4.30 Halaman tampilan menambahkan tiket baru Gambar 4.31 Halaman tampilan registrasi pengunjung Gambar 4.32 Halaman tampilan melihat katalog buku Gambar 4.33 Halaman tampilan melihat detail buku xiii

10 DAFTAR TABEL Tabel 3.1 Definisi Use Case Tabel 3.2 Skenario registrasi member Tabel 3.3 Skenario melihat katalog Tabel 3.4 Skenario melakukan pemesanan buku Tabel 3.5 Skenario melihat keranjang Tabel 3.6 Skenario checkout Tabel 3.7 Skenario melacak status pemesanan Tabel 3.8 Skenario melakukan konfirmasi pembayaran Tabel 3.9 Skenario membuka tiket Tabel 3.10 Skenario melihat histori pemesanan Tabel 3.11 Skenario memproses pemesanan Tabel 3.12 Skenario mengelola stok Tabel 3.13 Skenario mengecek stok Tabel 3.14 Skenario mengelola member Tabel 3.15 Skenario mengelola laporan Tabel 3.16 Skenario melihat laporan Tabel 3.17 Skenario melihat dashboard Tabel 5.1 Sign in Admin Tabel 5.2 Dashboard admin Tabel 5.3 Mengelola buku Tabel 5.4 Mengubah profil Tabel 5.5 Mengelola pelanggan Tabel 5.6 Mengelola pemesanan Tabel 5.7 Mengelola stok Tabel 5.8 Mengelola tiket Tabel 5.9 Mengelola laporan Tabel 5.10 Sign in member Tabel 5.11 Mengubah profil Tabel 5.12 Melihat histori pemesanan Tabel 5.13 Melihat katalog buku xiv

11 Tabel 5.14 Melakukan pemesanan buku Tabel 5.15 Melihat keranjang belanja Tabel 5.16 Checkout Tabel 5.17 Melakukan konfirmasi pembayaran Tabel 5.18 Melacak status pemesanan Tabel 5.19 Membuka tiket Tabel 5.20 Registrasi Tabel 5.21 Melihat katalog buku xv

12 DAFTAR NOTASI/ LAMBANG Jenis Notasi/Lambang Nama Arti Flowchart Terminator Menunjukkan awal dan akhir dari suatu diagram alir Flowchart Process Menggambarkan proses yang dilakukan Flowchart Manual Merupakan gambaran Process dari suatu proses yang dilakukan secara manual tanpa bantuan komputerisasi Flowchart Decision Menggambarkan Entity Relationship Entity Relationship Entity Relationship Entity Relationship Persegi Entitas Panjang Lingkaran / Atribut Elips Belah Ketupat Himpunan relasi Garis Kardinalitasi / Derajat Relasi xvi

13 Use Case Use Case Use Case Actor Merepresentasikan seseorang atau sesuatu yang berinteraksi dengan sistem Use Case Merupakan suatu rangkaian aktivitas yang dilakukan actor untuk menyelesaikan suatu proses System Merupakan suatu Boundaries batasan yang digunakan untuk membatasi use case dan sistem. Use Case include Dengan menggunakan notasi relasi ini, suatu use case menjadi suatu bagian dari use case lainnya. Use Case extends Notasi atau lambang ini menggambarkan use case tersebut. Use Case communicates Digunakan untuk melambangkan asosiasi antar use case. Activity Initial State Merupakan kondisi awal dari suatu objek. Activity Final State Merupakan suatu kondisi dimana objek berhenti melakukan aksi. Activity State Merupakan suatu xvii

14 Activity Activity Activity Activity Class Class Class Transition Decision Transition (Join) Transition (Fork) Association Aggregation Composition aktivitas dari suatu objek. Menggambarkan sebuah perubahan kondisi objek yang disebabkan oleh keadaan. Suatu titik pada diagram aktivitas yang mengindikasikan suatu kondisi dimana ada kemungkinan perbedaan transisi. Merupakan suatu kondisi dimana terdapat dua transisi yang masuk dan hanya mengeluarkan satu transisi saja. Merupakan suatu kondisi dimana terdapat satu transisi yang masuk dan mengeluarkan beberapa transisi. Menggambarkan hubungan antara dua kelas yang memiliki hubungan. Menggambarkan satu ke banyak kelas atau satu kelas ke banyak. Menggambarkan bagian dari suatu kelas. Kelas yang dihubungkan xviii

15 Class Class dengan relasi komposisi berarti merupakan bagian dari kelas tujuan. Inheritance / Merupakan relasi yang Generalization menggambarkan hubungan antara kelas anak dan kelas orang tua. Realization Hubungan antara dua elemen model, dimana satu elemen klien model menyadari perilaku yang elemen model lain (pemasok) menentukan. xix

16 DAFTAR SINGKATAN ERD UML CRM HTML PHP MySQL DBMS Entity Relationship Unified Model Language Customer Relationship Management Hypertext Markup Language PHP Hypertext Preprocessor My Structured Query Language Data Base Management System xx

17 DAFTAR ISTILAH Website Localhost E-Commerce Halaman yang ditampilkan di internet yang memuat informasi tertentu. Nama standar yang diberikan sebagai alamat loopback network interface. Transaksi yang dilakukan melalui sistem elektronik seperti televisi, internet dan jaringan computer lainnya. xxi