LAPORAN SKRIPSI
SISTEM INFORMASI E-COMMERCE UNTUK PEMASARAN DAN PROMOSI PRODUK KUE KERING PADA RAHMA BAKERY
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
:
Tristria Eka Rahma Putri
NIM
:
2009-53-028
Program Studi
:
Sistem Informasi
Fakultas
:
Teknik
UNIVERSITAS MURIA KUDUS KUDUS 2013 i
HALAMAN PERSETUJUAN
Nama
: Tristria Eka Rahma Putri
NIM
: 2009-53-028
Bidang Studi
: Sistem Informasi S-1
Judul Skripsi
: Sistem Informasi E-Commerce Untuk Pemasaran dan Promosi Produk Kue Kering pada Rahma Bakery
Pembimbing I
: R. Rhoedy Setiawan, M.Kom
Pembimbing II
: Anteng Widodo,S.T, M.Kom
Dilaksanakan
: Semester Ganjil Tahun 2012/2013
Kudus, 18 Pebruari 2013 Yang Mengusulkan
Tristria Eka Rahma Putri
Menyetujui :
Pembimbing I
Pembimbing II
R. Rhoedy Setiawan, M.Kom
Anteng Widodo,S.T,M.Kom
ii
HALAMAN PENGESAHAN
Nama
: Tristria Eka Rahma Putri
NIM
: 2009-53-028
Bidang Studi
: Sistem Informasi
Judul Skripsi
: Sistem Informasi E-Commerce Untuk Pemasaran dan Promosi Produk Kue Kering pada Rahma Bakery
Pembimbing I
: R. Rhoedy Setiawan, M.Kom
Pembimbing II
: Anteng Widodo,S.T, M.Kom
Kudus, 2 Juli 2013
Telah diujikan pada ujian sarjana, tanggal 2 Juli 2013 dan dinyatakan LULUS
Penguji Utama
Penguji I
Penguji II
Supriyono, M.Kom
Eko Darmanto, S.Kom,M.Cs
Putri Kurnia Handayani, S.Kom
Mengetahui, Dekan Fakultas Teknik
Rochmad Winarso, ST., MT.
iii
SURAT PERNYATAAN PERSETUJUAN PUBLIKASI KARYA ILMIAH UNTUK KEPENTINGAN AKADEMIS Yang bertanda tangan di bawah ini, saya : Nama NIM Program Studi Jenjang Jenis Karya
: Tristria Eka Rahma Putri : 2009-53-028 : Sistem Informasi : Strata Satu (S1) : Skripsi
Demi pengembangan ilmu pengetahuan, dengan ini menyetujui untuk anggotakan ijin kepada pihak Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus Hak Bebas Royalti Non-Eksklusif (Non-exclusive Royalti-Free Right) atas karya ilmiah kami yang berjudul : “Sistem Informasi E-Commerce Untuk Pemasaran dan Promosi Produk Kue Kering pada Rahma Bakery” beserta perangkat yang diperlukan (apabila ada). Dengan Hak Bebas Royalti Non-Eksklusif ini pihak Universitas Muria Kudus berhak menyimpan, mengalih-media atau bentuk-kan, pengelolaannya dalam pangkalan data (database), untuk kepentingan akademis tanpa perlu meminta ijin dari saya. Saya bersedia untuk menanggung secara pribadi, tanpa melibatkan pihak Universitas Muria Kudus, segala bentuk tuntutan hukum yang timbul atas pelanggaran Hak Cipta dalam karya ilmiah saya ini. Demikian pernyataan ini saya buat dengan sebenarnya.
Kudus, 2 Juni 2013 Yang menyatakan,
Tristria Eka Rahma Putri
iv
HALAMAN MOTTO DAN PERSEMBAHAN
MOTTO Kepuasan terletak pada usaha, bukan pada hasil. Usaha dengan keras adalah kemenangan yang hakiki
Segala yang indah belum tentu bagi, tetapi segala yang baik sudah tentu indah.
Tak ada yang sempurna, selain ALLAH. Karena kesempurnaan manusia adalah justru karena dia memang “TAK SEMPURNA”!!
Aku tak perlu mencemaskan apa pun karena ALLAH SWT selalu bersamaku, restu orang tua dan guru-guru selalu menyertaiku, do’a orang-orang terkasih selalu mengiringi langkahku… BISSMILLAH.
PERSEMBAHAN Skripsi ini penulis persembahkan kepada: 1. Allah yang telah menciptakan aku, beserta Rosul-Nya. 2. Bapak dan Ibu yang selalu memberikan doa dan selalu memberikan restunya.
3. Adik - adik ku yang selalu memberikan semangat. 4. Sahabat
dan
Teman-teman
memberikan motivasi .
5. Almaterku.
v
yang
RINGKASAN
Laporan skripsi dengan judul “Sistem Informasi E-Commerce Untuk Pemasaran dan Promosi Produk Kue Kering pada Rahma Bakery” telah dilaksanakan dengan tujuan untuk menghasilkan suatu sistem informasi berbasis web untuk mempermudah Rahma Bakery dalam membantu kendala yang ada. Dengan adanya persaingan yang semakin ketat mendorong Rahma Bakery untuk membuat pemesanan secara online untuk meningkatkan pelayanan terhadap pelanggan dan mempertahankan pelanggan yang ada serta menarik pelanggan yang baru. Dengan demikian Rahma bakery dapat memperluas jangkauan pemasaran tanpa harus menghabiskan banyak waktu dan biaya. Sistem ini dirancang dengan menggunakan pemodelan UML. Sedangkan bahasa pemrograman yang digunakan adalah PHP dan database MySQL. Hasil dari perancangan sistem ini adalah menghasilkan sistem informasi ecommerce yang meliputi pengelolaan data dari produk, data pembeli, data pemesanan bahkan riwayat pemesanan yang telah dilakukan oleh pembeli. Sehingga tercapailah tujuan dari skripsi ini yaitu dapat mengatasi masalah yang ada di Rahma Bekery. Kata Kunci : E-Commerce, Promosi.
vi
KATA PENGANTAR
Alhamdulillah segala puji bagi Allah SWT yang telah melimpahkan rahmat dan pertolongan kepada penulis serta ni’mat dan karunia yang lebih sehingga tak mampu bagi penulis untuk sekedar menghitung dan mengucap syukur atas segala yang dianugrahkan Allah SWT kepada penulis satu per satu. Rahmat dan salam kepada Rosulullah, Muhammad SAW, beliaulah yang telah membawa kita dari kegelapan ke jalan cahaya. Penyusunan skripsi ini merupakan salah satu syarat yang harus dipenuhi untuk menyelesaikan Program Studi Sistem Informasi S-1 pada Fakultas Teknik Universitas Muria Kudus. Pada kesempatan ini, penulis ingin menyampaikan rasa terima kasih yang sebesar-besarnya kepada : 1.
Prof. Dr. dr. Sarjadi, Sp. PA selaku Rektor Universitas Muria Kudus.
2.
Bapak Rochmad Winarso, ST., MT. selaku Dekan Fakultas Teknik Universitas Muria Kudus.
3.
Bapak R. Rhoedy Setiawan, M.Kom selaku Kepala Program Studi Sistem Informasi Fakultas Teknik Universitas Muria Kudus dan Dosen Wali saya.
4.
Bapak R. Rhoedy Setiawan, M.Kom yang berkenan menjadi dosen pembimbing saya. Terim Kasih atas waktu, ilmu, saran, semangat, dan nasihat yang Bapak berikan selama bimbingan.
5.
Bapak Anteng Widodo,S.T,M.Kom selaku pembimbing dua saya. Saya beruntung mempunyai dosen pembimbing seperti Bapak.
6.
Ibu Lastri. Terima kasih atas ijin yang telah diberikan untuk melakukan penelitian di tempat ibu.
7.
Bapak dan ibuku, Terima kasih atas semangatnya. Do’a restu serta ridho sehingga aku bisa jadi seperti ini.
8.
Buat Seseorang yang selalu memberikan mega semangat, motivasi serta doa sehingga aku bisa seperti ini.
9.
Teman-temanku dikelas A angkatan 2009, yang telah menjadi teman setia selama perjalan hidup di kampus. Tangis tawa, suka duka, mengerjakan
vii
tugas bersama, kumpul-kumpul, serta semangat dan motivasi kalian yang tak kan ku lupa selama hidupku. Semua pihak yang membantu terselesaikannya laporan ini yang tidak dapat penulis sebutkan.
Penulis menyadari bahwa dalam penyusunan Laporan Skripsi masih jauh dari sempurna. Oleh karena itu, saran dan kritik yang membangun sangat penulis harapkan guna perbaikan penulisan di masa-masa mendatang. Penulis mohon maaf atas segala kekurangan dan kesalahan yang ada. Akhirnya, penulis berharap semoga tulisan ini bermanfaat. Amin.
Kudus, 2 Juni 2013
Penulis
viii
DAFTAR ISI
HALAMAN JUDUL .......................................................................................... i HALAMAN PERSETUJUAN ........................................................................... ii HALAMAN PENGESAHAN ............................................................................. iii HALAMAN PERNYATAAN ............................................................................ iv HALAMAN MOTTO DAN PERSEMBAHAN................................................. .v RINGKASAN .................................................................................................... vi KATA PENGANTAR ....................................................................................... vii DAFTAR ISI ...................................................................................................... ix DAFTAR TABEL .............................................................................................. xiv DAFTAR GAMBAR ........................................................................................ xv DAFTARLAMPIRAN .........................................................................................xx BAB I PENDAHULUAN ........................................................................................1 1.1 Latar Belakang Masalah ....................................................................... 1 1.2 Rumusan Masalah ................................................................................ 2 1.3 Batasan Masalah ................................................................................... 2 1.4 Tujuan Skripsi ...................................................................................... 2 1.5 Manfaat Skripsi .................................................................................... 3 1.6. Tinjauan Pustaka .................................................................................. 3 1.7.Metodologi Penelitian ........................................................................... 5 1.7.1.Obyek Skripsi .............................................................................. 5 1.7.2.Jenis dan Sumber Data ................................................................ 5 1.7.3.Metode Pengumpulan Data ......................................................... 6 1.7.4.Metode Rekayasa Perangkat Lunak ............................................ 6 1.7.5.Metode Perancangan ................................................................... 8 1.8 Sistematika Penulisan ............................................................................ 8
ix
BAB II LANDASAN TEORI ................................................................................10 2.1.Konsep Dasar Sistem Informasi .......................................................... 10 2.1.1.Pengertian Sistem ...................................................................... 10 2.1.2.Pengertian Informasi ................................................................. 11 2.1.3.Pengertian Sistem Informasi ..................................................... 12 2.2.Pengertian E-Commerce ..................................................................... 13 2.3.Pengertian Pemasaran ......................................................................... 14 2.4.Peran Promosi ..................................................................................... 14 2.5.Pengertian UKM ( Usaha Kecil Menengah ) ...................................... 15 2.6.Alat Bantu Yang Digunakan ............................................................... 16 2.6.1.Bagan Alir Sistem ( Flow Of Diagram ) ................................... 16 2.6.2.Bagan Alir Dokumen ( Flow Of Document ) ............................ 16 2.7.UML ( Unified Modelling Language ) ................................................ 18 2.7.1.Pengenalan UML....................................................................... 18 2.7.2.Diagram UML ........................................................................... 18 2.7.2.1.Class Diagram ................................................................... 19 2.7.2.2.Use Case Diagram ............................................................. 20 2.7.2.3.Activity Diagram ............................................................... 23 2.7.2.4.State Machine Diagram ..................................................... 25 2.7.2.5.Sequence Diagram ............................................................ 25 2.8. Perancangan Basis Data ..................................................................... 28 2.9.Diagram Hubungan Entitas ................................................................. 28 2.9.1. Entity Relation Database (ERD) .............................................. 28 2.10.Mengenal Rational Rose ................................................................... 33 2.11.Pengertian Internet ............................................................................ 34 2.12.Web ................................................................................................... 34 2.13.Perangkat Lunak Yang Digunakan ................................................... 35 2.13.1. My SQL .................................................................................. 35
x
BAB III TINJAUAN UMUM OBYEK PENELITIAN .........................................37 3.1. Sekilas Tentang UKM Produk Kue Pada Rahma Bakery ................. 37 3.2. Visi dan Misi ...................................................................................... 37 3.3. Struktur Organisasi Pada Rahma Bakery ........................................... 38 3.4. Denah Lokasi...................................................................................... 39 3.5. Analisa Sistem Yang Berjalan Saat Ini .............................................. 40 3.6 Permasalahan Yang Dihadapi ............................................................ 42 3.7 Pemecahan Masalah ........................................................................... 42 BAB IV ANALISA DAN PERANCANGAN SISTEM........................................44 4.1. Identifikasi Sistem .............................................................................. 44 4.1.1. Paparan Prosedur Sistem .......................................................... 44 4.1.2. Analisa Kebutuhan Data dan Informasi ................................... 45 4.2. Analisa Aktor ..................................................................................... 45 4.3. Analisa Perancangan Sistem .............................................................. 46 4.4. Business Use Case .............................................................................. 47 4.5. Use Case Diagram .............................................................................. 48 4.5.1. Use Case Deskripsi................................................................... 48 4.5.1.1. Deskripsi Use Case Kelola Daftar / Pembeli ................... 48 4.5.1.2. Deskripsi Use Case Kelola Forum ................................... 49 4.5.1.3. Deskripsi Use Case Kelola Berita .................................... 50 4.5.1.4. Deskripsi Use Case Kelola Laporan ................................ 51 4.5.1.5. Deskripsi Use Case Kelola Pemesanan ............................ 51 4.5.1.6. Deskripsi Use Case Kelola Produk .................................. 52 4.5.1.7. Deskripsi Use Case Kelola Daftar ................................... 53 4.5.1.8. Deskripsi Use Case Kelola Pesan Kue ............................. 54 4.6. Class Diagram .................................................................................... 54 4.7. Sequence Diagram .............................................................................. 60 4.7.1. Sequence Diagram Kelola Login ............................................. 60 4.7.2. Sequence Diagram Kelola Daftar ............................................. 61 4.7.3. Sequence Diagram Kelola Forum ............................................ 62
xi
4.7.4. Sequence Diagram Kelola Berita ............................................. 63 4.7.5. Sequence Diagram Kelola Laporan.......................................... 64 4.7.6. Sequence Diagram Kelola Pemesanan ..................................... 65 4.7.7. Sequence Diagram Kelola Produk ........................................... 66 4.7.8. Sequence Diagram Kelola Registrasi Pembeli ......................... 67 4.7.9. Sequence Diagram Kelola Pemesanan ..................................... 68 4.8. Activity Diagram ................................................................................ 69 4.8.1. Activity Diagram Kelola Login................................................ 69 4.8.2. Activity Diagram Kelola Daftar ............................................... 70 4.8.3. Activity Diagram Kelola Forum .............................................. 71 4.8.4. Activity Diagram Kelola Berita ............................................... 72 4.8.5. Activity Diagram Kelola Laporan ............................................ 73 4.8.6. Activity Diagram Kelola Pemesanan ....................................... 74 4.8.7. Activity Diagram Kelola Produk ............................................. 75 4.8.8. Activity Diagram Kelola Registrasi Pembeli ........................... 76 4.8.9. Activity Diagram Kelola Pemesanan ....................................... 77 4.8.10. Activity Diagram Kelola Lihat Berita .................................... 78 4.9. Statechart Diagram ............................................................................. 79 4.9.1. Statechart Diagram Kelola Login ............................................. 79 4.9.2. Statechart Diagram Kelola Daftar ............................................ 80 4.9.3. Statechart Diagram Kelola Forum............................................ 81 4.9.4. Statechart Diagram Kelola Berita ............................................ 82 4.9.5. Statechart Diagram Kelola Laporan ......................................... 83 4.9.6. Statechart Diagram Kelola Pemesanan .................................... 84 4.9.7. Statechart Diagram Kelola Produk........................................... 85 4.9.8. Statechart Diagram Kelola Registrasi Pembeli ........................ 87 4.9.9. Statechart Diagram Kelola Pemesanan .................................... 88 4.9.10. Statechart Diagram Kelola Lihat Berita ................................. 88 4.10. Perancangan Basis Data ................................................................... 89 4.10.1. ERD ( Entiy Relationship Diagram ) ..................................... 89 4.10.2. Struktur Tabel ......................................................................... 99
xii
4.11. Perancangan Interface .................................................................... 107
BAB V PEMBAHASAN DAN IMPLEMENTASI.............................................113 5.1.Identifikasi Sistem..............................................................................113 5.1.1. Identifikasi Kebutuhan Hardware ......................................... 113 5.1.2. Identifikasi Kebutuhan Brainware ......................................... 114 5.2.Tampilan Halaman Utama ................................................................ 114 BAB VI PENUTUP ….........................................................................................128 6.1. Kesimpulan ...................................................................................... 128 6.1. Saran .............. .................................................................................. 129 DAFTAR PUSTAKA LAMPIRAN
xiii
DAFTAR TABEL
Tabel 2.1.
: Simbol Bagan Alir Dokumen ..................................................... 16
Tabel 2.2.
: Simbol Pada Class Diagram ........................................................ 20
Tabel 2.3.
: Simbol Pada Use Case Diagram ................................................. 21
Tabel 2.4.
: Simbol Pada Aktivity Diagram ................................................... 24
Tabel 2.5.
: Simbol Pada State Mechine Diagram ......................................... 25
Tabel 2.6.
: Simbol Pada Sequence Diagram ................................................. 26
Tabel 2.7.
: Simbol-Simbol ERD ................................................................... 32
Tabel 4.1.
: Gambaran Kebutuhan Sistem, Aktok, dan Use Case .................. 46
Tabel 4.2.
: Deskripsi Use Case Kelola Daftar .............................................. 48
Tabel 4.3.
: Deskripsi Use Case Kelola Forum .............................................. 49
Tabel 4.4.
: Deskripsi Use Case Kelola Berita ............................................... 50
Tabel 4.5.
: Deskripsi Use Case Kelola Laporan ........................................... 51
Tabel 4.6.
: Deskripsi Use Case Kelola Pemesanan ....................................... 51
Tabel 4.7.
: Deskripsi Use Case Kelola Produk ............................................. 52
Tabel 4.8.
: Deskripsi Use Case Registrasi Pembeli ...................................... 53
Tabel 4.9.
: Deskripsi Use Case Pemesanan Kue............................................54
Tabel 4.10. : Struktur Tabel Admin..................................................................99 Tabel 4.11. : Struktur Tabel Daftar.................................................................100 Tabel 4.12. : Struktur Tabel Forum.................................................................101 Tabel 4.13. : Struktur Tabel Berita..................................................................102 Tabel 4.14. : Struktur Tabel Laporan .............................................................103 Tabel 4.15. : Struktur Tabel Pemesanan..........................................................103 Tabel 4.16. : Struktur Tabel Produk................................................................104 Tabel 4.17. : Struktur Tabel Shoping..............................................................105
xiv
DAFTAR GAMBAR
Gambar 2.1 : Diagram Relationship Unary ...........................................................29 Gambar 2.2 : Diagram Relationship Binary...........................................................29 Gambar 2.3 : Diagram Relationship Ternary ........................................................30 Gambar 2.4 : Diagram Kardinalitas One To One ..................................................31 Gambar 2.5 : Diagram Kardinalitas One To Many ...............................................31 Gambar 2.6 : Diagram Kardinalitas Many To Many .............................................32 Gambar 3.1 : Struktur Organisasi Rahma Bakery..................................................38 Gambar 3.2 : Denah Lokasi ...................................................................................39 Gambar 3.3 : Analisa Sistem Yang Berjalan .........................................................41 Gambar 4.1 : Business Usecase Diagram ..............................................................47 Gambar 4.2 : Sistem Use Case Diagram ................................................................48 Gambar 4.3 : Kelas Admin ....................................................................................55 Gambar 4.4 : Kelas Daftar .....................................................................................55 Gambar 4.5 : Kelas Forum .....................................................................................56 Gambar 4.6 : Kelas Berita .....................................................................................56 Gambar 4.7 : Kelas Laporan ..................................................................................57 Gambar 4.8: Kelas Pemesanan ..............................................................................57 Gambar 4.9 : Kelas Produk ....................................................................................58 Gambar 4.10 : Class Diagram ................................................................................59 Gambar 4.11 : Sequence Diagram Login ...............................................................60 Gambar 4.12 : Sequence Diagram Daftar ..............................................................61 Gambar 4.13 : Sequence Diagram Forum ..............................................................62 Gambar 4.14 : Sequence Diagram Berita...............................................................63 Gambar 4.15 : Sequence Diagram Laporan ...........................................................64 Gambar 4.16 : Sequence Diagram Pemesanan ......................................................65 Gambar 4.17 : Sequence Diagram Produk .............................................................66 Gambar 4.18 : Sequence Diagram Registrasi Pembelian ......................................67 Gambar 4.19 : Sequence Diagram Pemesanan ......................................................68 Gambar 4.20 : Activity Diagram Login .................................................................69
xv
Gambar 4.21 : Activity Diagram Daftar ................................................................70 Gambar 4.22 : Activity Diagram Forum ................................................................71 Gambar 4.23 : Activity Diagram Berita .................................................................72 Gambar 4.24 : Activity Diagram Laporan .............................................................73 Gambar 4.25 : Activity Diagram Pemesanan.........................................................74 Gambar 4.26 : Activity Diagram Produk ...............................................................75 Gambar 4.27 : Activity Diagram Registrasi Pembeli ............................................76 Gambar 4.28 : Activity Diagram Pemesanan.........................................................77 Gambar 4.29 : Activity Diagram Lihat Berita .......................................................78 Gambar 4.30 : Statechart Diagram Kelola Login ..................................................79 Gambar 4.31 : Statechart Diagram Lihat Data Daftar ...........................................80 Gambar 4.32 : Statechart Diagram Hapus Data Daftar ..........................................80 Gambar 4.33 : Statechart Diagram Simpan Data Daftar ........................................81 Gambar 4.34 : Statechart Diagram Lihat Forum....................................................81 Gambar 4.35 : Statechart Diagram Hapus Forum ..................................................82 Gambar 4.36 : Statechart Diagram Tambah Berita ................................................82 Gambar 4.37 : Statechart Diagram Hapus Berita ...................................................83 Gambar 4.38 : Statechart Diagram Lihat Laporan .................................................83 Gambar 4.39 : Statechart Diagram Cetakn Laporan ..............................................84 Gambar 4.40 : Statechart Diagram Lihat Pemesanan ............................................84 Gambar 4.41 : Statechart Diagram Ubah Status Pemesanan .................................84 Gambar 4.42 : Statechart Diagram Hapus Data Pemesanan ..................................85 Gambar 4.43 : Statechart Diagram Cetak Data Pemesanan ...................................85 Gambar 4.44 : Statechart Diagram Tambah Data Produk .....................................86 Gambar 4.45 : Statechart Diagram Ubah Data Kelola Produk ..............................86 Gambar 4.46 : Statechart Diagram Hapus Data Kelola Produk.............................87 Gambar 4.47 : Statechart Diagram Registrai Pembeli ..........................................87 Gambar 4.48 : Statechart Diagram Pemesanan ......................................................88 Gambar 4.49 : Statechart Diagram Lihat Berita ....................................................88 Gambar 4.50 : Entity ..............................................................................................89 Gambar 4.51 : Relasi admin dengan daftar ............................................................89
xvi
Gambar 4.52 : Relasi admin dengan forum ...........................................................90 Gambar 4.53 : Relasi admin dengan berita ............................................................90 Gambar 4.54 : Relasi admin dengan laporan .........................................................90 Gambar 4.55 : Relasi admin dengan pemesanan ...................................................90 Gambar 4.56 : Relasi admin dengan produk ..........................................................90 Gambar 4.57 : Relasi pembeli dengan pemesanan ................................................91 Gambar 4.58 : Relasi pembeli dengan produk .......................................................91 Gambar 4.59 : Derajat kardinalitas antara admin dengan daftar ............................91 Gambar 4.60 : Derajat kardinalitas antara admin dengan forum ...........................91 Gambar 4.61 : Derajat kardinalitas antara admin dengan berita ............................92 Gambar 4.62 : Derajat kardinalitas antara admin dengan laporan .........................92 Gambar 4.63 : Derajat kardinalitas antara admin dengan pemesanan ...................92 Gambar 4.64 : Derajat kardinalitas antara admin dengan produk ..........................93 Gambar 4.65 : Derajat kardinalitas antara pembeli dengan pemesanan ............... 93 Gambar 4.65 : Derajat kardinalitas antara pembeli dengan produk .......................93 Gambar 4.66 : ERD ( Entity Relationship Diagram) .............................................94 Gambar 4.67 : Transformasi antara admin dengan daftar ......................................95 Gambar 4.68 : Transformasi antara admin dengan forum .....................................95 Gambar 4.69 : Transformasi antara admin dengan berita ......................................96 Gambar 4.70 : Transformasi antara admin dengan laporan ...................................96 Gambar 4.71 : Transformasi antara admin dengan pemesanan .............................97 Gambar 4.72 : Transformasi antara admin dengan produk ....................................97 Gambar 4.73 : Transformasi antara pembeli dengan pemesanan ..........................98 Gambar 4.74 : Transformasi antara pembeli dengan produk .................................98 Gambar 4.75 : Relasi Tabel..................................................................................106 Gambar 4.76 : Tampilan Halaman Utama ...........................................................107 Gambar 4.77 : Tampilan Halaman Registrasi Member Baru ...............................107 Gambar 4.78 : Tampilan Halaman Login Member ..............................................108 Gambar 4.79 : Tampilan Halaman Produk ..........................................................108 Gambar 4.80 : Tampilan Halaman Shopping Cart ...............................................108 Gambar 4.81 : Tampilan Halaman Pemesanan ....................................................109
xvii
Gambar 4.82 : Tampilan Halaman Berita ............................................................109 Gambar 4.83 : Tampilan Halaman Forum ...........................................................109 Gambar 4.84 : Tampilan Halaman Tambah Produk ............................................110 Gambar 4.85 : Tampilan Halaman Update Produk ..............................................110 Gambar 4.86 : Tampilan Halaman Hapus Member .............................................110 Gambar 4.87 : Tampilan Halaman Hapus Berita .................................................111 Gambar 4.88 : Tampilan Halaman Hapus Forum ................................................111 Gambar 4.89 : Tampilan Halaman Cetak Transaksi Pemesanan .........................111 Gambar 4.90 : Tampilan Halaman Laporan Pemesanan ......................................112 Gambar 4.91 : Tampilan Halaman Transaksi Pemesanan ...................................112 Gambar 5.1 : Halaman Utama .............................................................................115 Gambar 5.2 : Halaman Produk .............................................................................115 Gambar 5.3 : Halaman Berita Promosi ................................................................116 Gambar 5.4 : Halaman Forum..............................................................................116 Gambar 5.5 : Halaman Login Pelanggan / Member ............................................117 Gambar 5.6 : Halaman Daftar / Registrasi Pelanggan Baru ................................117 Gambar 5.7 : Halaman Belanja / Shoping............................................................118 Gambar 5.8 : Halaman Data Pemesanan ..............................................................118 Gambar 5.9 : Halaman Rincian / Detail Pemesanan ............................................119 Gambar 5.10 : Halaman Konfirmasi ....................................................................119 Gambar 5.11 : Record Pemesanan .......................................................................120 Gambar 5.12 : Login Admin ................................................................................120 Gambar 5.13 : Kelola Menu ................................................................................121 Gambar 5.14 : Halaman Kelola Pemesanan ........................................................121 Gambar 5.15 : Halaman Kelola Cetak Laporan Pemesanan ...............................122 Gambar 5.16 : Halaman Kelola Ubah Status Pemesanan ....................................123 Gambar 5.17 : Halaman Tambah Produk ............................................................124 Gambar 5.18 : Halaman Ubah Produk ................................................................124 Gambar 5.19 : Halaman Kelola Member .............................................................125 Gambar 5.20 : Halaman Kelola Forum ................................................................125 Gambar 5.21 : Halaman Kelola Berita .................................................................126
xviii
Gambar 5.22 : Halaman Tambah Berita ..............................................................126 Gambar 5.23 : Halaman Kelola Laporan .............................................................127
xix
DAFTAR LAMPIRAN
Lampiran 1
: Buku Bimbingan Skripsi
Lampiran 2
: Surat Keterangan Penelitian
Lampiran 3
: Surat Balasan
Lampiran 4
: Biografi Penulis
xx
