PENGEMBANGAN PUSAT GROSIR SURABAYA (PGS)
ONLINE BERBASIS WEB
SKRIPSI
Oleh :
EDI SAKTIA
( 0735010056 )
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” J ATIM
SKRIPSI
PENGEMBANGAN PUSAT GROSIR SURABAYA (PGS)
ONLINE BERBASIS WEB
Disusun Oleh :
EDI SAKTIA
0735010056
Telah dipertahankan dihadapan dan diterima oleh Tim Penguji Tugas Akhir
Program Studi Sistem Informasi Fakultas Teknologi Industr i
Universitas Pembangunan Nasional ”Veteran” J awa Timur
Pada Tanggal 15 J uni 2012
Telah diperiksa, diuji dan disetujui :
Pembimbing : 1.
Nur Cahyo Wibowo, S.Kom, M.kom NPT. 3 7903 04 0197 1
Tim Penguji : 1.
Pr isa Mar ga Kusumantar a, S.Kom NPT. 38 211 0602 061
2.
Novianto Puji Rahar jo, S.Kom NIDN. 081 111 7901
2.
Pr iza Pandunata, S.Kom NPT. 38 301 0602 121
3.
Tikno, ST, M.Kom
Mengetahui,
Dekan Fakultas Teknologi I ndustr i
Univer sitas Pembangunan Nasional ”Veter an” J awa Timur
LEMBAR PENGESAHAN
PENGEMBANGAN PUSAT GROSIR SURABAYA(PGS)
ONLINE BERBASIS WEB
Disusun oleh :
EDI SAKTIA
0735010056
Telah disetujui mengikuti Ujian Negara Lisan
Periode VI Tahun Akademik 2011/2012
Pembimbing I
Nur Cahyo Wibowo, S.Kom, M.Kom NPT. 3 7903 04 0197 1
Pembimbing II
Novianto Puju Rahar jo, S.Kom NIDN. 081 111 7901
Mengetahui,
Ketua Program Studi Sistem Informasi
Fakultas Teknologi Industri
Universitas Pembangunan Nasional ”Veteran” Jawa Timur
YAYASAN KESEJ AHTERAAN PENDIDIKAN DAN PERUMAHAN
UNIVERSITAS PEMBANGUAN NASIONAL “VETERAN” J AWA TIMUR
FAKULTAS TEKNOLOGI INDUSTRI
PANITIA UJ IAN SKRIPSI / KOMPREHENSIF
KETERANGAN REVISI
Mahasiswa di bawah ini :
Nama
: EDI SAKTIA
NPM
: 0735010056
Program Studi : Sistem Informasi
Telah mengerjakan revisi skripsi dengan judul :
PENGEMBANGAN PUSAT GROSIR (PGS) ONLINE
BERBASIS WEB
Oleh karenanya mahasiswa tersebut diatas dinyatakan bebas revisi skripsi dan dijinkan
untuk membukukan skripsi dengan judul tersebut.
Surabaya, 22 Juni 2012
Dosen Penguji yang memerintahkan revisi:
1.)
Pr isa Marga Kusumantara, S.Kom
{
}
NPT.
3 7903 04 0197 12.)
Pr iza Pandunata, S.Kom
{
}
NPT.
38 301 0602 1213.)
Tikno, ST, M.Kom
{
}
Mengetahui,
Dosen Pembimbing I
Nur Cahyo Wibowo, S.Kom, M.Kom
NPT.
3 7903 04 0197 1Mengetahui,
Dosen Pembimbing II
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Allah SWT atas limpahan rahmat,
karunia serta hidayah-Nya, sehingga penulis dapat menyelesaikan Tugas Akhir (TA) di
Jurusan Sistem Informasi Fakultas Teknik Industri Universitas Pembangunan Nasional
“Veteran” Jawa Timur serta menyelesaikan pembuatan laporan TA dengan baik dan
lancar.
Permasalahan yang penulis bahas dalam laporan ini, mengenai Pengembangan
Pusat Grosir Surabaya (PGS) Online Berbasis Web.
Pada kesempatan ini penulis menyampaikan terima kasih kepada semua pihak
yang telah membantu penulis dalam menyeleseikan laporan ini.
Secara khusus penulis menyampaikan terima kasih kepada :
1.
Tugas akhir ini penulis dedikasikan kepada kedua orangtua penulis, yaitu Bapak
Efendi dan Ibu Wahyuana yang telah sabar dan mencurahkan segala kasih sayangnya
kepada penulis, serta dukungan material dan spiritual selama masa studi di UPN.
Kedua orang tua yang telah memberi dukungan doa dan materi.
2.
Bapak Nur Cahyo Wibowo S.Kom, M. Kom. Selaku dosen pembimbing I.
3.
Bapak Novyanto Puji Raharrjo S.Kom. Selaku dosen pembimbing II.
4.
Ibu Eka Dyar S.Kom Selaku dosen pembimbing PKL, yang banyak memberi saran
kepada penulis.
6.
Semua teman-teman yang sudah membantu proses penyeleseian laporan ini
khususnya seperti: Bayu Topan, Aprianto, Dany Safrian Syah, Dhiparendra, Edi
Saktia, Diah Putri, Syamsul Arifin mahasiswa Sistem Informasi Angkatan 2007.
7.
Akm. Yanuar Rahadi. Teman, aku sudah lulus sekarang. Semoga amal dan ibadahmu
diterima disis-Nya.
8.
Semua teman-teman rumah, khususnya Rizal, Fredi, Ita, Panji, Hendra, Adit, Ali,
Reza terima kasih sudah mau direpotkan.
9.
Bapak Bambang Roso Piningit yang sudah membimbing saya selema ini.
10.
Semua pihak yang telah membantu proses penyeleseian laporan ini yang tidak
mungkin penulis sebutkan satu persatu.
Kami menyadari bahwa masih banyak kekurangan dari laporan yang telah kami
buat. Oleh karena itu, kami mengharapkan saran dan kritik agar laporan ini menjadi lebih
baik dan mungkin dapat disempurnakan menjadi yang lebih baik lagi.
Kami berharap semoga laporan ini dapat memberikan manfaat baik bagi kami
selaku mahasiswa maupun bagi pihak Program Studi Sistem Informasi serta pihak–pihak
yang telah membaca laporan ini.
Surabaya, 22 Juni 2012
PENGEMBANGAN PUSAT GROSIR SURABAYA (PGS)
ONLINE BERBASIS WEB
SKRIPSI
Oleh :
EDI SAKTIA
( 0735010056 )
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL “VETERAN” J ATIM
SKRIPSI
PENGEMBANGAN PUSAT GROSIR SURABAYA (PGS)
ONLINE BERBASIS WEB
Disusun Oleh :
EDI SAKTIA
0735010056
Telah dipertahankan dihadapan dan diterima oleh Tim Penguji Tugas Akhir
Program Studi Sistem Informasi Fakultas Teknologi Industr i
Universitas Pembangunan Nasional ”Veteran” J awa Timur
Pada Tanggal 15 J uni 2012
Telah diperiksa, diuji dan disetujui :
Pembimbing : 1.
Nur Cahyo Wibowo, S.Kom, M.kom NPT. 3 7903 04 0197 1
Tim Penguji : 1.
Pr isa Mar ga Kusumantar a, S.Kom NPT. 38 211 0602 061
2.
Novianto Puji Rahar jo, S.Kom NIDN. 081 111 7901
2.
Pr iza Pandunata, S.Kom NPT. 38 301 0602 121
3.
Tikno, ST, M.Kom
Mengetahui,
Dekan Fakultas Teknologi I ndustr i
Univer sitas Pembangunan Nasional ”Veter an” J awa Timur
LEMBAR PENGESAHAN
PENGEMBANGAN PUSAT GROSIR SURABAYA(PGS)
ONLINE BERBASIS WEB
Disusun oleh :
EDI SAKTIA
0735010056
Telah disetujui mengikuti Ujian Negara Lisan
Periode VI Tahun Akademik 2011/2012
Pembimbing I
Nur Cahyo Wibowo, S.Kom, M.Kom NPT. 3 7903 04 0197 1
Pembimbing II
Novianto Puju Rahar jo, S.Kom NIDN. 081 111 7901
Mengetahui,
Ketua Program Studi Sistem Informasi
Fakultas Teknologi Industri
Universitas Pembangunan Nasional ”Veteran” Jawa Timur
YAYASAN KESEJ AHTERAAN PENDIDIKAN DAN PERUMAHAN
UNIVERSITAS PEMBANGUAN NASIONAL “VETERAN” J AWA TIMUR
FAKULTAS TEKNOLOGI INDUSTRI
PANITIA UJ IAN SKRIPSI / KOMPREHENSIF
KETERANGAN REVISI
Mahasiswa di bawah ini :
Nama
: EDI SAKTIA
NPM
: 0735010056
Program Studi : Sistem Informasi
Telah mengerjakan revisi skripsi dengan judul :
PENGEMBANGAN PUSAT GROSIR (PGS) ONLINE
BERBASIS WEB
Oleh karenanya mahasiswa tersebut diatas dinyatakan bebas revisi skripsi dan dijinkan
untuk membukukan skripsi dengan judul tersebut.
Surabaya, 22 Juni 2012
Dosen Penguji yang memerintahkan revisi:
1.)
Pr isa Marga Kusumantara, S.Kom
{
}
NPT.
3 7903 04 0197 12.)
Pr iza Pandunata, S.Kom
{
}
NPT.
38 301 0602 1213.)
Tikno, ST, M.Kom
{
}
Mengetahui,
Dosen Pembimbing I
Nur Cahyo Wibowo, S.Kom, M.Kom
NPT.
3 7903 04 0197 1Mengetahui,
Dosen Pembimbing II
KATA PENGANTAR
Puji syukur penulis panjatkan kehadirat Allah SWT atas limpahan rahmat,
karunia serta hidayah-Nya, sehingga penulis dapat menyelesaikan Tugas Akhir (TA) di
Jurusan Sistem Informasi Fakultas Teknik Industri Universitas Pembangunan Nasional
“Veteran” Jawa Timur serta menyelesaikan pembuatan laporan TA dengan baik dan
lancar.
Permasalahan yang penulis bahas dalam laporan ini, mengenai Pengembangan
Pusat Grosir Surabaya (PGS) Online Berbasis Web.
Pada kesempatan ini penulis menyampaikan terima kasih kepada semua pihak
yang telah membantu penulis dalam menyeleseikan laporan ini.
Secara khusus penulis menyampaikan terima kasih kepada :
1.
Tugas akhir ini penulis dedikasikan kepada kedua orangtua penulis, yaitu Bapak
Efendi dan Ibu Wahyuana yang telah sabar dan mencurahkan segala kasih sayangnya
kepada penulis, serta dukungan material dan spiritual selama masa studi di UPN.
Kedua orang tua yang telah memberi dukungan doa dan materi.
2.
Bapak Nur Cahyo Wibowo S.Kom, M. Kom. Selaku dosen pembimbing I dan
pembimbing PKL.
3.
Bapak Novianto Puji Raharjo S.Kom. Selaku dosen pembimbing II.
5.
Semua teman-teman yang sudah membantu proses penyeleseian laporan ini
khususnya seperti: Bayu Topan, Aprianto, Dany Safrian Syah, Dhiparendra, Edi
Saktia, Diah Putri, Syamsul Arifin mahasiswa Sistem Informasi Angkatan 2007.
6.
Alm. Yanuar Rahadi. Teman, aku sudah lulus sekarang. Semoga amal dan ibadahmu
diterima disis-Nya.
7.
Semua teman-teman rumah, khususnya Rizal, Fredi, Ita, Panji, Hendra, Adit, Ali,
Reza terima kasih sudah mau direpotkan.
8.
Bapak Bambang Roso Piningit yang sudah membimbing saya selema ini.
9.
Semua pihak yang telah membantu proses penyeleseian laporan ini yang tidak
mungkin penulis sebutkan satu persatu.
Kami menyadari bahwa masih banyak kekurangan dari laporan yang telah kami
buat. Oleh karena itu, kami mengharapkan saran dan kritik agar laporan ini menjadi lebih
baik dan mungkin dapat disempurnakan menjadi yang lebih baik lagi.
Kami berharap semoga laporan ini dapat memberikan manfaat baik bagi kami
selaku mahasiswa maupun bagi pihak Program Studi Sistem Informasi serta pihak–pihak
yang telah membaca laporan ini.
Surabaya, 22 Juni 2012
DAFTAR ISI
KATA PENGANTAR ... i
DAFTAR ISI ... iii
DAFTAR TABEL ... vii
DAFTAR GAMBAR ... viii
ABSTRAK ... xii
BAB I PENDAHULUAN... 1
1.1 Latar Belakang ... 1
1.2 Rumusan Masalah ... 2
1.3 Batasan Masalah ... 3
1.4 Tujuan ... 3
1.5 Manfaat ... 3
1.6 Sistematika Penulisan ... 4
BAB II TINJAUAN PUSTAKA ... 5
2.1 Fakta E-Commerce ... 5
2.2 Profil Pusat Grosir Surabaya (PGS)... 6
2.2.1 Visi dan Misi Pusat Grosir Surabaya (PGS) ... 6
2.2.2 Deskripsi Pengembangan Pusat Grosir Surabaya (PGS) Online ... 7
2.3 Lingkup Bidang Usaha... 9
2.4 PHP ... 10
2.5 MySQL ... 13
2.7 Database ... 14
2.8 Tooltips ... 16
BAB III ANALISA DAN PERANCANGAN SISTEM ... 18
3.1 Analisa Sistem ... 18
3.2 Perancangan Sistem ... 18
3.2.1 System Flow Registrasi Member Pelanggan ... 19
3.2.2 System Flow Login Member Pelanggan ... 19
3.2.3 System Flow Manage Pelanggan (Menampilkan Menu Profil)... 20
3.2.4 System Flow Manage Pelanggan (Menampilkan Transaksi) ... 21
3.2.5 System Flow Manage Pelanggan (Menampilkan List) ... 22
3.2.6 System Flow Searching ... 23
3.2.7 System Flow Logout Member Pelanggan ... 24
3.2.8 System Flow Registrasi Member Toko ... 25
3.2.9 System Flow Login Member Toko ... 26
3.2.10 System Flow Manage Toko (Menampilkan Menu Profil) ... 27
3.2.11 System Flow Manage Toko (Menampilkan Transaksi) ... 28
3.2.12 System Flow Manage Toko (Menampilkan Manajemen Produk) ... 30
3.2.13 System Flow Log Out Member Toko... 31
3.2.14 System Flow Admin ... 31
3.2.15 System Flow Admin Logout ... 33
3.2.16 Context Diagram ... 33
3.2.17 Data Flow Diagram-Level 0 ... 35
3.2.19 Data Flow Diagram-Level 1 (Registrasi Member Toko) ... 36
3.2.20 Data Flow Diagram-Level 1 (Manage Barang jualan) ... 37
3.2.21 Data Flow Diagram-Level 1 (Transaksi) ... 38
3.2.22 Data Flow Diagram-Level 1 (Registrasi Member Pelanggan) ... 39
3.2.23 Entity Relationship Diagram-Conceptual Data Model ... 39
3.2.24 Entity Relationship Diagram-Pyshical Data Model ... 41
3.2.215Struktur Tabel ... 42
3.3 Desain Form ... 48
3.3.1 Halaman Utama ... 48
3.3.2 Halaman Utama List Toko ... 48
3.3.3 Halaman Registrasi dan Login ... 49
3.3.4 Halaman Pelanggan Ubah dan Lihat Profil ... 50
3.3.5 Halaman Pelanggan List, Lihat Daftar Toko ... 51
3.3.6 Halaman Pelanggan Transaksi ... 51
3.3.7 Halaman Ubah Data Toko ... 52
3.3.8 Halaman Toko Manajemen Produk ... 53
3.3.9 Halaman Toko Daftar Produk ... 53
3.3.10 Halaman Toko Transaksi ... 54
3.3.11 Login Admin ... 55
3.3.12 Halaman Utama Admin ... 56
BAB IV PEMBAHASAN DAN IMPLEMENTASI ... 57
4.1 Kebutuhan Perangkat Yang Digunakan ... 57
4.1.2 Perangkat Lunak ... 57
4.2 Implementasi Sistem ... 58
4.2.1 Form Halaman Utama PGS ... 58
4.2.2 Form Login dan Registrasi ... 59
4.2.3 Form Registrasi Member Pelanggan ... 60
4.2.4 Form Halaman Login Member Pelanggan ... 61
4.2.5 Form Member Pelanggan (List Toko) ... 61
4.2.6 Form Member Pelanggan (Transaksi) ... 62
4.2.7 Form Konfirmasi Pembayaran ... 64
4.2.8 Form Ubah Data Pelanggan ... 66
4.2.9 Form Member Toko Login ... 66
4.2.10 Form Member Toko Manajemen Produk ... 67
4.2.11 Form Member Toko Transaksi ... 70
4.2.12 Form Member Toko Laporan Transaksi... 73
4.2.13 Form Searching Member Toko ... 75
4.2.14 Form Login Admin... 76
BAB V PENUTUP ... 82
5.1 Kesimpulan ... 82
5.2 Saran ... 82
Daftar Pustaka ... 83
DAFTAR TABEL
Tabel 3.1 Tabel Meber Pelanggan ... 43
Tabel 3.2 Tabel Member Toko ... 43
Tabel 3.3 Tabel Provinsi ... 44
Tabel 3.4 Tabel Transaksi... 44
Tabel 3.5 Tabel Kantong ... 45
Tabel 3.6 Tabel Barang Jualan Toko... 45
Tabel 3.7 Tabel Kurs ... 46
Tabel 3.8 Tabel Transaksi Detail ... 46
Tabel 3.9 Tabel Kategori ... 47
DAFTAR GAMBAR
Gambar 2.1 Gedung Pusat Grosir Surabaya ... 6
Gambar 2.2 Web Pusat Grosir Surabaya ... 7
Gambar 2.3 Skema PHP ... 10
Gambar 2.4 Contoh Source Code Tooltips Sederhana ... 17
Gambar 2.5 Hasil Tampilan Source Code Tooltips ... 17
Gambar 3.1 System Flow Registrasi Member Pelanggan ... 19
Gambar 3.2 System Flow Login Member Pelanggan ... 20
Gambar 3.3 System Flow Manage Pelanggan (Menampilkan Menu Profil)... 21
Gambar 3.4 System Flow Manage Pelanggan (Menampilkan Transaksi) ... 22
Gambar 3.5 System Flow Manage Pelanggan (Menampilkan List) ... 23
Gambar 3.6 System Flow Searching ... 24
Gambar 3.7 System Flow Logout Member Pelanggan ... 25
Gambar 3.8 System Flow Registrasi Member Toko ... 26
Gambar 3.9 System Flow Login Member Toko ... 27
Gambar 3.10 System Flow Manage Toko (Menampilkan Menu Profil)... 28
Gambar 3.11 System Flow Manage Toko (Menampilkan Transaksi) ... 29
Gambar 3.12 System Flow Manage Toko (Menampilkan Manajemen Produk) ... 30
Gambar 3.13 System Flow Log Out Member Toko... 31
Gambar 3.14 System Flow Admin ... 32
Gambar 3.15 System Flow Admin Logout ... 33
Gambar 3.17 Data Flow Diagram-Level 0 ... 35
Gambar 3.18 Data Flow Diagram-Level 1 (Manage Mater Data) ... 36
Gambar 3.19 Data Flow Diagram-Level 1 (Registrasi Member Toko) ... 37
Gambar 3.20 Data Flow Diagram-Level 1 (Manage Barang jualan) ... 37
Gambar 3.21 Data Flow Diagram-Level 1 (Transaksi) ... 38
Gambar 3.22 Data Flow Diagram-Level 1 (Registrasi Member Pelanggan) ... 39
Gambar 3.23 Entity Relationship Diagram-Conceptual Data Model ... 40
Gambar 3.24 Entity Relationship Diagram-Pyshical Data Model ... 42
Gambar 3.25 Desain Interface Form Index PGS ... 48
Gambar 3.26 Desain Interface Form Index 2 PGS ... 49
Gambar 3.27 Desain Interface Halaman Registrasi dan Login... 50
Gambar 3.28 Desain Interface Ubah Profil Pelanggan ... 50
Gambar 3.29 Desain Interface Lihat Daftar Toko ... 51
Gambar 3.30 Desain Interface Pelanggan Lihat Transaksi ... 52
Gambar 3.31 Desain Interface Ubah Profil Pelanggan ... 52
Gambar 3.32 Desain Interface Manajemen Produk ... 53
Gambar 3.33 Desain Interface Daftar Produk... 54
Gambar 3.34 Desain Toko Melihat Transaksi ... 55
Gambar 3.35 Desain Halaman Login Admin ... 55
Gambar 3.36 Desain Halaman Utama Admin ... 56
Gambar 4.1 Form Halaman Utama PGS ... 59
Gambar 4.2 Form Login dan Registrasi ... 59
Gambar 4.4 Form Login Pelanggan ... 61
Gambar 4.5 Form Member Pelanggan (List Toko) ... 62
Gambar 4.6 Form Member Pelanggan (Lihat Toko)... 62
Gambar 4.7 Form Member Pelanggan (Transaksi) ... 62
Gambar 4.8 Form Member Pelanggan Keranjang Belanja... 63
Gambar 4.9 Form Member Pelanggan Konfirmasi Pembayaran ... 64
Gambar 4.10 Form Member Pelanggan Konfirmasi Transaksi Telah Sukses ... 65
Gambar 4.11 Form Member Pelanggan Menu Transaksi... 65
Gambar 4.12 Form Member Pelanggan Ubah Data ... 66
Gambar 4.13 Form Login Toko ... 66
Gambar 4.14 Form Member Toko Uplod Barang ... 67
Gambar 4.15 Form Member Pelanggan Sukses Uplod ... 68
Gambar 4.16 Form Member Pelanggan Ubah Barang Jualan Toko ... 69
Gambar 4.17 Form Member Pelanggan Ubah Barang Jualan Toko Sukses ... 69
Gambar 4.18 Form Member Toko Transaksi ... 70
Gambar 4.19 Form Member Toko Detail Transaski ... 70
Gambar 4.20 Form Member Toko Action Transaksi ... 71
Gambar 4.21 Form Member Toko Action Transaksi Ubah ... 72
Gambar 4.22 Form Member Toko Action Transaksi Berhasil di Ubah ... 72
Gambar 4.23 Form Member Toko Action Transaksi Berhasil di Ubah ... 73
Gambar 4.24 Form Laporan Transaksi ... 73
Gambar 4.25 Form Mutasi Laporan Transaksi ... 74
Gambar 4.27 Form Detail Transkasi ... 75
Gambar 4.28 Form Searching ... 76
Gambar 4.29 Form Login Admin... 76
Gambar 4.30 Form Salah Login Admin ... 77
Gambar 4.31 Form Admin Pelanggan ... 77
Gambar 4.32 Form Admin Toko ... 78
Gambar 4.33 Form Admin Hapus Toko ... 78
Gambar 4.34 Form Admin Hapus Toko Berhasil ... 78
Gambar 4.35 Form Admin Provinsi ... 79
Gambar 4.36 Form Admin Provinsi Hapus ... 79
Gambar 4.37 Form Admin Provinsi Hapus Berhasil ... 80
Gambar 4.38 Form Admin Kategori ... 80
Gambar 4.39 Form Admin Kategori Input ... 81
Judul
: Pengembangan Pusat Grosir Surabaya Online (PGS) Berbasis Web
Pembimbing I : Nur Cahyo Wibowo, S. Kom, M. Kom
Pembimbing II: Novianto Puji Raharjo, S.Kom
Penyusun
: Edi Saktia
ABSTRAK
Internet merupakan salah satu fasilitas yang sangat praktis dan ekonomis untuk
menyampaikan informasi di hampir seluruh penjuru dunia, maka dibuatlah sebuah sistem
penjualan online mengenai Pusat Grosir Surabaya. Pusat Grosir Surabaya merupakan
pusat perdagangan di wilayah Surabaya, selama ini transaksi antar usahawan dan
pelanggan hanya terjadi pada Pusat Grosir Surabaya. Sehingga pelanggan yang tidak
berada di Pusat Grosir Surabaya tidak dapat melakukan transaksi.
Sistem penjualan online Pusat Grosir Surabaya adalah suatu web yang
menyediakan fasilitas untuk menjual produk dan membeli produk serta menyederhanakan
memperkenalkan produk dengan suatu media promosi yang menggunakan web.
Permasalahan yang timbul adalah ingin sebuah sistem penjualan online yang dapat
menampung berbagai macam toko dan berbagai macam barang jualan di Pusat Grosir
Surabaya.
Hasil dari uji coba menggunakan quisioner dengan adanya aplikasi ini diharapkan
dapat membantu masyarakat baik usahawan maupun pelanggan bertransaksi dengan
mudah. Aplikasi ini dikembangkan menggunakan PHP dan database MySQL dan di
desain tampilan dibangun menggunakan Tooltips.
BAB I
PENDAHULUAN
1.1 Latar Belakang
Pusat Grosir Surabaya (PGS) merupakan pusat perbelanjaan grosir di
Surabaya. Memiliki luas area perdagangan 32.000 m2 dan terdiri dari lima lantai.
Pedagang PGS menjual berbagai macam barang, antara lain seperti barang
keperluan rumah tangga, kain, pakaian, alat elektronik, keramik, alat pertukangan
dan perbengkelan, dan kerajinan. Pusat Grosir Surabaya terletak di dekat Tugu
Pahlawan Surabaya yang merupakan pusat perdagangan, sehingga membuat
masyarakat tertarik berjualan maupun berbelanja di Pusat Grosir Surabaya.
Dengan kebutuhan akan teknologi informasi yang dapat memberikan
fasilitas kepada usahawan dan masyarakat di Pusat Grosir Surabaya. Management
Pusat Grosir Surabaya mempunyai website yang dapat menampung usahawan di
Pusat Grosir Surabaya dengan fiture forum. Diharapkan dengan adanya website
ini usahawan Pusat Grosir Surabaya mempunyai jangkauan pasar yang luas.
Karena dapat diakses dari mana saja dan kapanpun, sehingga dapat meningkatkan
pendapatan usahawan Pusat Grosir Surabaya dan memberi citra yang baik di
masyarakat terhadap management Pusat Grosir Surabaya. Masyarakat juga dapat
dengan mudah mencari kebutuhan di website Pusat Grosir Surabaya.
Namun terdapat kekurangan dari website Pusat Grosir Surabaya sekarang
ini, yaitu hanya menampilkan informasi-informasi tentang PUSAT GROSIR
2
transaksi, hal seperti ini berbahaya, karena masih banyak website yang memiliki
kredibilitas tidak baik sehingga masyarakat harus berhati-hati.
Dari permasalahan itu perlu dibuatnya satu layanan PENGEMBANGAN
PUSAT GROSIR SURABAYA ONLINE BERBASIS WEB yang dapat
menampung berbagai macam toko dengan berbagai macam barang jualan. Sistem
ini memberikan fasilitas bagi usahawan yang ingin berjualan online dengan
mudah. Dengan mendaftar pada sistem, usahawan dapat membuat toko online dan
memajang foto barang jualan secara mudah. Melalui sistem ini juga customer
dapat melihat berbagai macam jenis barang dari berbagai toko melalui satu alamat
website. Dengan mendaftar pada sistem, customer dapat dengan mudah
bertransaksi. Sehingga transaksi dapat berlangsung aman dan sistem ini dapat
dipercaya masyarakat. Karena kunci dari berjualan secara online adalah
kepercayaan.
1.2 Rumusan Masalah
Berdasarkan latar belakang yang telah dijelaskan oleh penulis di atas,
maka penulis merencanakan dan membuat dan mengembangkan sebuah layanan
Pusat Grosir Surabaya Online terpadu berbasis website. Dalam sistem ini terdapat
beberapa rumusan masalah, antara lain:
a. Bagaimana membangun dan mengembangkan layanan Pusat Grosir
Surabaya Online terpadu berbasis website.
b. Bagaimana membuat sistem yang dapat menampung berbagai macam
3
1.2 Batasan Masalah
Dalam pembuatan sistem ini terdapat beberapa hal yang menjadi batasan
masalah. Adapun batasan masalah tersebut adalah sebagai berikut :
a. Pembayaran langsung disesuaikan dengan pemilik toko. Penjualan yang
dilakukan secara online dan sistem pembayarannya yang masih
menggunakan sistem manual yaitu mentransfer pembayaran melalui bank
dan mengkonfirmasi pengiriman kepada penjual
b. Setiap pelanggan hanya dapat melakukan satu transaksi dengan satu
penjual.
1.3 Tujuan
Berdasarkan latar belakang yang telah dijelaskan di atas, maka tujuan
akhir dari hasil implementasi ini adalah membuat website yang dapat menampung
berbagai macam toko dengan berbagai macam jenis barang jualan dan bertansaksi
dengan mudah.
1.5 Manfaat
Dengan adanya aplikasi ini diharapkan dapat membantu masyarakat baik
4
1.6 Sistematika Penulisan
Laporan Tugas Akhir ini terdiri dari 5 bab dengan rincian sebagai
berikut :
Bab I PENDAHULUAN
Bab ini akan memberikan penjelasan mengenai latar belakang,
rumusan masalah, batasan masalah, tujuan, manfaat, metodologi
serta sistematika penulisan yang digunakan.
Bab II TINJ AUAN PUSTAKA
Bab ini dibahas tentang tinjauan pustaka, misalnya: penjelasan
tentang Pusat Grosir Surabaya, PHP, DFD,Sql. HTML,Java Script.
Bab III ANALISA DAN PERANCANGAN SISTEM
Bab ini terdapat identifikasi permasalahan, analisa permasalahan,
dan perancangan yang digunakan meliputi; workflow, data flow
diagram (DFD), Entity Relationship Diagram (ERD).
Bab IV HASIL DAN PEMBAHASAN
Bab ini berisi hasil pembahasan dan uji coba yang dilakukan dalam
Pengembangan Pusat Grosir Surabaya online untuk Pusat Grosir
Surabaya (PGS).
Bab V PENUTUP
Bab ini berisi kesimpulan-kesimpulan dan saran-saran untuk
BAB II
TINJ AUAN PUSTAKA
2.1 Fak ta E-Commer ce
Tanpa disadari bahwa badai krisis telah menerpa sehingga dapatlah kita
jumpai banyak perusahaan atau industri yang terpaksa gulung tikar dikarenakan
tidak mampu bertahan. Terlebih adanya kebijakan pemerintah yang acap kali
tidak mendukung kegiatan para pengusaha lokal. Hal ini tentunya menambah
berat beban dunia usaha di tanah air. Begitu pula dengan dunia e-bisnis, mau tidak
mau terkena imbas dari badai krisis tersebut. Namun ternyata dunia e-bisnis
mampu bertahan, hal ini disebabkan karena kegiatan e-bisnis mampu mengurangi
banyak beban biaya yang terjadi apabila dilakukan secara offline. Sebut saja biaya
pegawai dan sewa bangunan untuk toko atau gerai.
Internet telah membawa sebuah revolusi dalam bagaimana perusahaan
berinteraksi dengan pelanggan mereka, mitra bisnis dan pemasok. Kehadiran web
yang efektif adalah dasar untuk memperkuat hubungan pelanggan dan
membangun merek kuat. Peningkatan loyalitas, pemahaman meningkatkan
kebutuhan pelanggan, serta penjualan meningkat pada biaya yang lebih rendah,
adalah beberapa manfaat melakukan bisnis di Internet. Berdasarkan data yang
diperoleh dari Nielsen (2009) saja maka di seluruh belahan dunia ini ada sebesar
2
2.2 Pr ofil Pusat Gr osir Surabaya
Pusat grosir Surabaya (PGS) Merupakan pusat perbelanjaan dan grosir
menengah ke bawah, berlantai empat dengan fasilitas parkir yang luas. Berlokasi
dekat Tugu Pahlawan Surabaya Pusat. PGS memiliki area perdagangan seluas
32.000 m2 dan area parkir seluas 27.000 m2, disamping itu juga memiliki fasilitas
ruang pamer yang cukup luas.
Gambar 2.1 Gedung Pusat Grosir Surabaya
Pusat Grosir Surabaya menyediakan berbagai macam barang keperluan
rumah tangga, kain, kelontong, pakaian, busana muslim, alat-alat elektronik,
souvenir, peralatan pertukangan dan Aksesoris , kerajinan dan sebagainya, yang
dapat dibeli baik secara partai maupun eceran.
2.2.1 Visi dan Misi Pusat Grosir Sur abaya
Menjadi pusat grosir terbesar, terlengkap dan terkenal di indonesia
khususnya indonesia timur dan mengelola dengan memberikan
a. Keamanan
b. Kenyamanan
c. Keselamatan
3
e. Ketertiban
Serta melakukan pengembangan secara berkesinambungan untuk kepuasan
pengunjung.
2.2.2 Deskr ipsi Pengembangan Pusat Gr osir Surabaya Online
Pada awalnya Pusat Grosir Surabaya memiliki situs web yang berfungsi
sebagai suatu informasi semata atau lebih dikenal dengan istilah situs web profil
perusahaan (company profile website) Seperti Gambar dibawah ini (Gambar 2.2)
Dimana dalam situs web tersebut hanya menampilkan informasi mengenai produk
yang dijual oleh pihak Pusat Grosir Surabaya namun Pelanggan tidak dapat
berinteraksi langsung dengan produk yang hendak dibelinya. Sehingga seiring
perjalanan waktu Pusat Grosir Surabaya yang menjual Baju, Dompet, Sepatu,
Busana muslim, Tas dan Aksesoris souvenir dan lainnya. Melihat adanya suatu
peluang untuk memperoleh keuntungan lebih besar yang dimungkinkan melalui
bentuk penjualana secara online.
4
Adapun bentuk e-bisnis yang digunakan adalah untuk menjawab tantangan
penjualan produk secara online tersebut adalah dengan menerapkan situs web
e-commerce sehingga para pembeli dapat langsung berinteraksi untuk memilih
produk yang diinginkan, sehingga pada akhirnya akan memudahkan pelanggan
sendiri. Dengan adanya paradigma bahwa konsep e-commerce dan e-marketing
dapat digunakan dalam mendukung e-bisnis maka Pusat Grosir Surabaya
menerapkan kedua konsep terebut dalam pengembangan situs web-nya agar
mampu mendatangkan keuntungan yang berasal dari penjualan produk yang
ditawarkan namun juga penjualan produk dapat berjalan dengan baik melalui
penerapan program afiliasi dengan para mitra kerja secara online.
Pengambangan Pusat Grosir Surabaya Online dibuat dengan bentuk
tampilan yang semenarik mungkin dengan tidak melupakan fungsi dari situs web
tersebut sebagai suatu media transaksi online dengan para pedagang maupun
pelanggan. Pedagang bisa membuat toko sendiri dengan cara mendaftarkan ke
Sistem yang telah tersedia di website pusat grosir surabaya setalah itu pedagang
yang sudah terdaftar bisa memajang barang daganganya di katalog produk yang
tampil secara terintegrasi dan sesuai katagori beserta harga, yang diinginkan
sesuai pedagang sendiri. Sedangkan pelanggan dapat langsung melakukan
transaksi pembelian dengan syarat mendaftarkan diri terlebih dahulu ke sistem.
Semua transaksi akan disimpan dalam sistem basis data sehingga akan
memudahkan bagi pihak Pusat Grosir Surabaya untuk melakukan penelusuran.
Pengembangan Pusat Grosir Surabaya ini juga menampilkan kemudahan
berinteraksi dengan pihak customer service sehingga memudahkan konsumen
5
Secara umum, implementasi e-commerce dan e-marketing dalam suatu
kegiatan e-bisnis dapat meningkatkan kualitas dari layanan yang
mampumenurunkan biaya operasional yang akhirnya akan menurunkan harga
penjualan. Ketika konsumen dapat memilih produk yang terbaik baginya, maka
Pusat Grosir Surabaya Online akan berlomba meningkatkan kualitas dari layanan
yang ada dan terus mencari ide-ide baru yang disukai pasar serta berusaha
mengurangi biaya produksi agar tetap mendapatkan harga yang terjangkau. Jika
siklus ini berjalan dengan baik, tingkat penjualan dan afiliasi online akan terus
meningkat, ragam dari layanan akan semakin banyak dan harga akan semakin
terjangkau. Selain itu semakin menumbuhkan kreatifitas melalui inovasi-inovasi
dalam berbisnis, serta memberikan keberanian bagi pemula bisnis untuk memula
usahanya karena beranggapan bahwa setiap orang dapat memulai bisnisnya walau
sekecil apapun.
2.3 Lingkup Bidang Usaha
Pendirian situs web Pengembangan Pusat Grosir Suarabaya berbasis Web
ini akan berfokus pada penjualan secara online terhadap beragam Tekstil seperti
Baju, busana muslim, tas, sepatu dan aksesoris seouvenir dan lainnya. Saat ini
Pusat Grosir Surabaya (PGS) sendiri telah terkenal di Surabaya dan sekitarnya
sehingga dengan adanya toko online ini maka diharapkan mampu menjaring lebih
banyak pembeli dan meningkatkan pendapatan yang ada. Hal ini didasari oleh
meningkatnya pertumbuhan Transaksi di Pusat Grosir Surabaya (PGS). Dengan
adanya peningkatan pertumbuhan yang sangat signifikan tersebut maka pangsa
6
Melalui situs web Pengambangan Pusat Grosir Surabaya Online ini maka akan
diberikan informasi mengenai katalog harga produk produk yang disediakan
pedagang yang dijual sehingga para pelanggan bisa melakukan transaksi. Atau
sekedar memperoleh informasi.
2.4 PHP
Menururt Wahyono, (2005) bahasa scripting adalah kode-kode yang
memiliki kemampuan mengakses dan memanipulasi data yang ada di database
server. Kode-kode ini dapat ditambahkan kode HTML atau berdiri sendiri dengan
sebuah file. Bahasa scripting yang paling banyak digunakan adalah Active Server
Page (ASP) dan Personal Home Page (PHP). Dengan bahasa scripting dapat
membuat halaman web yang tidak lagi bersifat statis, namun menjadi bersifat
dinamis.
Gambar 2.3 Skema PHP
ASP atau Active Server Page merupakan bahasa scripting yang
dikembangkan oleh Microsoft. Bahasa ini sebenarnya cukup familiar karena
ditulis menggunakan kode VBScript (Visual Basic Script) yang juga buatan
7
seperti Notepad atau Ultra Edit. Tetapi seperti halnya produk Microsoft yang
berorientasi komersial lainnya, ASP harus membayar lisensi untuk menggunakan
bahasa pemrograman ini.
Jika ingin yang gratis, PHP adalah jawaban yang tepat. PHP (dulu
Personal Home Page, sekarang PHP: Hypertext Prepocessor) merupakan program
yang dikembangkan secara ersama oleh para programer dari seluruh dunia yang
menekuni dunia open source. PHP dikembangkan khusunya untuk mengakses dan
memanipulasi data yang ada di database server open-source seperti MySQL.
Dengan demikian, tingkat kompatibilitasnya terhadap database server gratis
seperti MySQL sangat baik.
Penemu bahasa pemrograman ini adalah Rasmus Lerdorf yang bermula
dari keinginan sederhana ahli tersebut untuk mempunyai alat bantu (tool) dalam
memonitor pengunjung yang melihat situs web pribadinya. Inilah sebabnya pada
awal pengembangannya, PHP merupakan singkatan Personal Home Page tools,
sebelum akhirnya menjadi PHP: Hypertext Prepocessor. Pertengahan tahun 1995
dirilis PHP/FI (PHP-Form Interpreter) yang memiliki kemampuan dasar
membangun aplikasi web, memproses form, dan mendukung database MySQL.
Script PHP ini merupakan saingan berat ASP. Pada dasarnya memang cara
kerja kedua bahasa pemrograman web tersebut memiliki persamaan, yaitu script
disisipkan pada HTML dan dijalankan oleh web server, sebagai sebuah bahasa
pemrograman server-side, PHP juga memiliki keunggulan seperti:
a. Source program atau script tidak dapat dilihat menggunakan fasilitas view
HTML source, yang ada pada web browser, seperti Internet Explorer atau
8
b. Script tersebut dapat memanfaatkan sumber-sumber aplikasi yang dimiliki
oleh server, seperti misalnya untuk database connection. Saat ini, PHP
sudah mampu melakukan koneksi dengan berbagai database seperti
MySQL, Direct MS-SQL, Velocis, IBM, DB2, Interbase, PostgreSQL,
dBase, FrontBase, Solid, Empress, Mysql, Sysbase, FilePro (read-only –
personix, Inc), Unix dbm, Infomix, dan bahkan semua database yang
mempunyai provider ODBC, seperti misalnya Microsoft Access dan
lain-lain.
c. Pada aplikasi yang dibuat dengan PHP, saat dijalankan server akan
mengerjakan script dan hasilnya dikirimkan ke web browser. Hal itu
menyebabkan apilkasi tidak memerlukan kompatibilitas web browser atau
harus menggunakan web browser tertentu dan pasti dikenal oleh web
browser apapun.
d. PHP dapat melakukan semua aplikasi program CGI, seperti mengambil
nilai form, menghasilakan halaman web yang dianmis, mengirimkan dan
memnerima cooki. PHP juga dapat berkomunikasi dengan layanan yang
menggunakan protocol IMAP, SNMP, NNTP, POP3, HTTP dan lainnya.
Contoh query PHP :
<html>
<body>
<?
echo" Belajar PHP";
?>
</body>
9
2.5 MySQL
Dasar MySQL menurut Wahyono (2005), operasi data menggunakan data
pada umumnya mengikuti pola yang sama, yaitu melalui urutan langkah-langkah
berikut:
a. Membuka koneksi dengan database server.
b. Memilih dan membuka database yang diinginkan.
c. Mengirim perintah untuk mengambil, mengubah, dan atau menghapus data
yang di bentuk dalam bentuk query.
d. Mengakses hasil pengambilan data dengan query yang telah di buat.
e. Mengakhiri sambungan.
Ada banyak paket database yang bisa dikoneksikan dengan PHP. Seperti
MS Access, AQL Server, SQLite, MySQL, dan sebagainya.
Menurut Didik (2005) MySQL menyediakan database khusus bernama
mysql atau sering disebut database sistem. Pada prinsipnya hal ini tidak ini
banyak berpengaruh terhadap aplikasi multi-user yang anda buat, karena
umumnya administrasi user untuk aplikasi akan dibuat dalam database tersendiri.
Dibawah ini merupakan beberapa contoh Bahasa MySQL. Secara umum Fungsi
PHP ke MySQL sebagai berikut :
a. Membuat database
CREATE DATABASE (nama_database)
b. Membuat tabel
CREATE TABLE (nama_table)
10
d. Mencari dan menampilkan data
SELECT field1, field2,.. FROM nama_table WHERE syarat1, syarat2,...
ORDER BY nama_field
e. Mengubah data
UPDATE nama_table SET field=nilai_baru, field2=nilai_baru,... WHERE
syarat1, syarat2,...
f. Menghapus data
DELETE FROM nama_table WHERE syarat1, syarat2,...
2.6 PHPMyAdmin
Aplikasi PHPMyAdmin menurut Wahyono (2005) merupakan free
software yang bebas digunakan dan didistribusikan. Menggunakan fasilitas yang
ada pada PHPMyAdmin, programmer bisa melakukan manipulasi data database
dengan mudah. Mulai dari pembuatan database sampai pada manipulasi dan
organisasi data di dalamnya. Seperti yang sudah diinstal sebelumnya. File
PHPMyAdmin sudah diinstal dalam folder yang ditentukan sebagai localhost.
PHPMyAdmin bisa dijalankan menggunakan Internet Explore, browser lainnya,
dengan cara mengetikkan di dalamnya http:/Localhost/PHPMyAdmin.
2.7 Database
Menurut Wahyono (2005) dalam melakukan organisasi sejumlah besar
data, diperlukan metode yang tepat dalam mengelola. Seperti yang telah dibahas
11
file teks. Tetapi tentu saja menyimpan data dalam file teks memiliki banyak
kekurangan. Kekurangan pertama adalah file tidak memiliki struktur yang
terdefinisi dengan baik, sehingga lebih sulit dalam melakukan manipulasi data. Di
samping itu, file teks tidak memiliki kemampuan untuk mengolah data
menggunakan fungsi-fungsi otomatis, seperti misalnya menghitung total nilai,
jumlah data, dan lain sebagainya. Semakin besar ukuran file, pencarian data akan
menjadi lebih sulit
Untuk mengatasi berbagai kelemahan dalam pengolahan data
menggunakan file teks, diperlikan sebuah database. Database nerupakan
kumpulan data yang terorganisasi dalam file-file terstruktur yang khusus
digunakan untuk menampung data. Contoh database adalah buku induk
mahasiswa. Buku ini berisi kumpulan tentang data mahasiswa dengan item
meliputi nim, nama, alamat, tanggal lahir, dan sebagainya.
Unsur-unsur yang membentuk database tersebut.
a. Entitas : merupakan tempat informasi direkam, bisa berupa orang, tempat,
kejadian dan lain-lain.
b. File/Tabel : kumpulan record sejenis yang mempunyai panjang elemen
yang sama, atribut yang sama, namun berbeda nilai datanya.
c. Field atau Atribut : disebut juga data elemen, data field, atau data item
yang digunakan untuk menerangkan suatu entitas dan mempunyai harga
tertentu.
d. Data value : informasi atau data actual yang data yang disimpan pada tiap
12
e. Record /Tuple : kumpulan elemen yang saling berkaitan
menginformasikan tentang suatu entitas secara lengkap. Satu record
mewakili satu data atau informasi
Secara umum akses database harus melalui tiga tahap :
a. Koneksi ke database.
Mysql_Connect(“Nama Host”,”Nama User”,”Password”);
b. Query ke database.
Mysql_select_db('nama_database');
Mysql_query = (SELECT * FROM nama_table);
c. Pemutusan koneksi dari database.
Mysql_close;
2.8 Tooltips
Menururt Lukmanual Hakim (2010), Tooltip merupakan tampilan
informasi berupa teks maupun gambar yang tampil saat cursor di arahkan (mouse
over) pada sebuah item (biasanya pada link) dalam sebuah website.
Tujuan dari menggunakan tooltip ini bisa dibilang untuk menghemat
waktu si pengunjung website. Dari tooltip pengunjung bisa mendapatkan
penjelasan singkat dari link yang ingin dibaca. Apabila dari penjelasan singkat itu
tidak membuat pengunjung merasa ingin lebih tahu, maka pengunjung cukup
mengabaikan link tersebut. Begitu sebaliknya, apabila pengunjung dibuat merasa
ingin lebih tahu, barulah link tersebut diklik. Contoh Tooltips sederhana pada
13
Gambar 2.4 Contoh Source Code Tooltips Sederhana
Jika dijalankan pada browser. Maka akan terlihat seperti gambar di bawah ini
hasilhasilnya. (Gambar 2.4)
BAB III
ANALISIS DAN PERANCANGAN SISTEM
3.1 Analisis Sistem
Membuat Sistem yang dapat menampung berbagai macam toko dengan
berbagai macam jenis barang jualan dan bertansaksi dengan mudah dan aman.
Sistem informasi penjualan yang dapat diakses melalui media internet karena
telah berbasis website, user hanya memerlukan sebuah komputer yang memiliki
fasilitas browser dan terkoneksi dengan jaringan internet, sehingga pelanggan
dapat lebih mudah untuk mengetahui informasi tentang produk, pemesanan dan
fasilitas lainnya. Sedangkan Penjual bisa memajang produknya dengan fasilitas
yang telah disediakan. Sistem ini juga akan memudahkan bagi admin dalam
menjalankan sistem penjualan yang dikembangkan.
3.2 Per ancangan Sistem
Tujuan utama dari perancangan sistem adalah untuk membuat
perancangan sistem informasi online tentang kegiatan pemasaran secara online
dan pesanan secara online. Sebelum membuat program aplikasi, membuat proses
perancangan sistem terlebih dahulu. Hal ini dilakukan supaya aplikasi yang dibuat
dapat berfungsi sesuai dengan yang diharapkan yaitu membantu masyarakat baik
usahawan maupun customer bertransaksi dengan mudah. Adapun tahapan dalam
perancangan sistem yang dilakukan adalah pembuatan System Flow, Data Flow
Diagram (DFD) dan Entity Relationship Diagram (ERD) yang digunakan dalam
2
3.2.1 System Flow Registr asi Member Pelanggan
Didalam Systemflow akan terlihat pengguna dari program aplikasi ini serta
database yang dibutuhkan oleh aplikasi. Untuk melakukan transaksi anggota
pelanggan terlebih dahulu harus mendaftarkan di form yang telah tersedia.
Gambar 3.1 System Flow Registrasi Member Pelanggan
3.2.2 System Flow Login Member Pelanggan
Untuk masuk kehalaman profil pelanggan harus login terlebih dahulu,
setelah sukses login pelanggan bisa manage masing masing fitur yang sudah
3
Gambar 3.2 System Flow Login Member Pelanggan
3.2.3 System Flow Manage Pelanggan (Menampilkan Menu Pr ofil)
System Flow manage pelanggan menampilakan beberapa menu seperti
menu profil pelanggan, menu transaksi dan menu list. Menu profil pelanggan bisa
4
Gambar 3.3 System Flow Manage Pelanggan (Menampilkan Menu Profil)
3.2.4 System Flow Manage Pelanggan (Menampilkan Tr ansaksi)
Menu Transaki menamplikan semua daftar transaksi yang dilakukan
member pelanggan kepada member toko di menu ini terdapat tabel status bayar
dan progres yang fungsinya apakah barang yang dibeli pelanggan sudah lunas atau
tidak.
M a na g e P e lan gg a n (M e na m p ilka n m en u profil) (c)
S yste m P e lan gga n
M en am pilkan h alam a n uta m a pe langg an :
1. M e nam p ilakan m en u pro fil (C ) 2. M ena m pilkan tra nsaksi (D )
3. M en am p ilka n list (E )
Isi ub ah data m en u p ro fil
? c
M en am pilkan fo rm ub ah data
M e m be r_ pela ng g an
S im pan ? M e m be r_ pela ng g an
Se lesai T
M e nam p ilkan hasil ub ah data m em ber
5
Gambar 3.4 System Flow Manege Pelanggan (Menampilkan Transaski)
3.2.5 System Flow Manage Pelanggan (Menampilkan List)
Menu Pelanggan (Menampilkan List) terbagi menjadi 2 sub menu, sub
pertama menampilkan daftar toko yang berisi daftar toko sedangkan sub yang ke
2 menampilkan daftar kategori yang berisi data data kategori yang berisi barang
6
Manage Pelanggan (List) (e)
System Pelanggan Daftar toko ? E Member_toko Daftar kategori ? Selesai Kategori Transaksi ?
Menampilkan halaman utama pelanggan:
1. Menampilakan menu profil (C) 2. Menampilkan transaksi (D)
3. Menampilkan list (E)
Menampilkan form list : 1. Daftar Toko 2. Daftar Kategori
Y
T
Menampilkan hasil daftar toko Id dan nama toko Menampilkan hasil
daftar kategori kode dan nama
kategori
Y Y
T T
Gambar 3.5 System Flow Manege Pelanggan (List)
3.2.6 System Flow Sear ching
System Flow Search langsung menampilkan kolom untuk mencari data
7
Gambar 3.6 System Flow Searching
3.2.7 System Flow Log Out Member Pelanggan
System Flow Logout menampilkan form menu awal. Saat ingin logout,
harus login terlebih dahulu. Pilih logout, sistem akan menampilkan kembali form
login. Jika tidak memilih logout, halaman yang ditampilkan tetap halaman menu
8
Gambar 3.7 System Flow Log Out
3.2.8 System Flow Registr asi Member Toko
Didalam Systemflow akan terlihat pengguna dari program aplikasi ini serta
database yang dibutuhkan oleh aplikasi. Untuk melakukan transaksi member toko
9
Gambar 3.8 System Flow Registrasi Member Toko
3.2.9 System Flow Login Member Toko
Untuk masuk kehalaman profil member toko harus login terlebih dahulu,
setelah sukses login member toko bisa manage masing masing fitur yang sudah
10
Gambar 3.9 System Flow Login Member Toko
3.2.10 System Flow Manage Toko (Menampilkan Menu Pr ofil)
System Flow manage toko menampilakan beberapa menu seperti menu
profil toko, menu transaksi dan menu manajemen produk. Menu profil, member
toko bisa mengubah data pribadi dan akan disimpan di tabel member_toko Sistem
flow manage toko menampilakan 3 form utama menampilkan menu profil,
menampilkan menu transaksi dan menampilkan menu manjemen produk. Menu
profil member toko bisa mengubah data pribadi yang akan disimpan di tabel
11
Manage Toko (Menampilkan menu profil) (c)
System Toko
Isi ubah data menu profil
? c
Menampilkan form ubah data
Member_toko
Simpan ? Member_toko
Selesai T
Menampilkan hasil ubah data member
toko
Menampilkan halaman utama toko : 1. Menampilakan menu profil (C) 2. Menampilkan menu transaksi (D) 3. Menampilkan manajemen produk (E)
Gambar 3.10 System Flow Manage Toko(Menampilkan Menu Profil)
3.2.11 System Flow Manage Toko (Menampilkan Transaksi)
Menu Transaki menamplikan semua daftar transaksi yang dilakukan
12
dan progress yang fungsinya apakah barang yang dibeli member pelanggan sudah
lunas atau tidak.
Manage Toko (Menampilkan Transaksi) (d)
System Toko
d
Transaksi ?
Tansaksi
Member_toko
Member_pelang gan
Barang_jualan_t oko Menampilkan
form : daftar transaksi
Y
Selesai
Menampilkan halaman utama toko : 1. Menampilakan menu profil (C) 2. Menampilkan menu transaksi (D) 3. Menampilkan manajemen produk (E)
13
3.2.12 System Flow Manage Toko (Menampilkan Manajemen Pr oduk )
System flow tambah koleksi barang adalah sistem utama dari member
toko, di sistem ini member toko bisa mengunduh barang barang yang akan dijual
kepada member pelanggan barang barang dagangan akan tersimpan di tabel
kategori dan barang jualan toko. Di menu ini member toko bisa mengubah barang
dagangannya yang telah diunduh.
Gambar 3.12 System Flow Manage Toko(Menampilkan Manajemen
14
3.2.13 System Flow Logout Member Toko
System Flow Logout menampilkan form menu awal. Saat ingin logout,
harus login terlebih dahulu. Pilih logout, sistem akan menampilkan kembali form
login. Jika tidak memilih logout, halaman yang ditampilkan tetap halaman menu
awal.
Gambar 3.13 System Flow Logout Member Toko
3.2.14 System Flow Admin
System flow admin hanya berfungsi untuk memantau member pelanggan
15
pelanggan, member toko dan melakukan pengaturan untuk ongkos kirim provinsi
dan kategori
Gambar 3.14 System Flow Admin
Manage admin (h)
System Admin
Menampilakan form login admin h
Admin login ?
Input data login
Admin
Menampilkan form : 1. Pelanggan 2. Toko 3. Propinsi 4. Kategori Y T
Pelanggan ? Toko ? Provinsi ?
16
3.2.15 System Flow Admin Log Out
System Flow Logout menampilkan form menu awal. Saat ingin logout,
harus login terlebih dahulu. Pilih logout, sistem akan menampilkan kembali form
login. Jika tidak memilih logout, halaman yang ditampilkan tetap halaman menu
awal.
Gambar 3.15 System Flow Log Out Admin
3.2.16 Data Flow Diagram
Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan
notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya
17
Data Flow Diagram pada aplikasi ini terdiri atas Context Diagram, sampai
dengan level 1 sebagaimana terlihat pada gambar dibawah ini. Context Diagram
merupakan level paling awal dan tertinggi dari suatu DFD. Dalam context
diagram terlihat entity yang berperan dalam program aplikasi ini. Berikut gambar
context diagram tersebut. (Gambar 3.15)
Gambar 3.16 Contex Diagram Pusat Grosir Surabaya
Gambar di atas merupakan DFD level context diagram dimana pengguna
dari aplikasi ini adalah member pelanggan, member toko. Admin sebagai
administrator pada aplikasi ini, seperti mengelola data pelanggan, data toko dan
ongkos kirim. login_pelanggan konfirmasi_pembayaran reg_pelanggan keranjang_belanja info_reg_pelanggan login_toko reg_toko info_reg_toko status_transaksi data_toko ongkos_kirim login_admin data_kategori data_pelanggan 0
pusat grosir surabaya
+
member toko admin
18
3.2.17 DFD Level 0
Gambar dibawah merupakan DFD level 0 (nol). DFD level 0 adalah hasil
dari decompose proses yang berada di level context diagram. Hasil decompose
tersebut dibagi menjadi lima proses, yakni ; Proses manage master data, Proses
registrasi member toko, Proses Manage barang jualan toko, Proses Transaksi dan
Proses registrasi member pelanggan.
data_barang_jualan data_kategori status_transaksi data_ongkos_kirim data_toko id_member_toko data_toko data_barang data_barang data_transaksi data_brg_smntara data_transaksi data_reg_pelanggan info_reg_pelanggan keranjang_belanja reg_pelanggan konfirmasi_pembayaran login_pelanggan data_kurs username & pass
19
3.2.18 DFD Level 1 (Manage Master Data)
Data Flow Diagram Level 1 menggambarkan jalannya data ke sistem
menuju tabel. DFD Level 1 adalah hasil decompose proses 1 di DFD Level 0.
Pada level 1 admin ini di bagi menjadi 4 proses : hapus data toko, hapus data
pelanggan, input ongkos kirim dan login admin.
Gambar 3.18 DFD Level 1 Manage Master Data
3.2.19 DFD Level 1 (Registrasi Member Toko)
Data Flow Diagram Level 1 menggambarkan jalannya data ke sistem
menuju tabel. Dalam proses member toko ini terdapat 2 proses yang pertama
pengecekan data dan memberi info status registrasi.
20
Gambar 3.19 DFD Level 1 Registrasi Member Toko
3.2.20 DFD Level 1 (Manage Bar ang J ualan)
Data flow diagram level 1 ini menggambarkan 2 proses untuk mamanage
barang jualan yaitu proses login dan proses input barang jualan toko.
Gambar 3.20 DFD Level 1 Manage Barang Jualan
status_registrasi_toko info_reg_toko data_registrasi reg_toko member toko 4 member_toko 1 pengecekan data 2 memberi info status registrasi data_kategori data_barang data_kurs data_barang_jualan
username & pass login_toko
member
toko 4 member_toko
21
3.2.21 DFD Level 1 (Tr ansaksi)
Data Flow Diagram Level 1 menggambarkan jalannya data ke sistem
menuju tabel. DFD Level 1 adalah hasil decompose proses 1 di DFD Level 0.
Pada dfd level 1 ini memiliki 4 proses yang telah di decompose dari level 0 yaitu
login pelanggan, tambah belanjaan ke keranjang belanja, info tagihan dan
konfirmasi pembayaran.
Gambar 3.21 DFD Level 1 Transaksi
data_transaksi status_pembayaran status_transaksi data_transaksi data_ongkos_kirim data_brg_smntara data_transaksi konfirmasi_pembayaran keranjang_belanja data_barang
username & passw
22
3.2.22 DFD Level 1 (Registrasi Member Pelanggan)
Data Flow Diagram Level 1 menggambarkan jalannya data ke sistem
menuju tabel. Dalam proses member toko ini terdapat 2 proses yang pertama
pengecekan data dan memberi info status registrasi.
Gambar 3.22 DFD Level 1 Registrasi Meber Pelanggan
3.2.23 ERD - CDM
Entity Relationship Diagram (ERD) merupakan salah satu metode
pemodelan basis data yang digunakan untuk menghasilkan skema konseptual
untuk jenis/model data semantik sistem. Dimana sistem seringkali memiliki basis
data relasional, dan ketentuannya bersifat top-down. Diagram untuk
menggambarkan model Entitiy-Relationship ini disebut Entitiy-Relationship
diagram, ER diagram, atau ERD. Seperti pada Gambar 3.23.
status_reg_pelanggan
data_reg_pelanggan
info_reg_pelanggan
reg_pelanggan member
pelanggan
10 member_pela
nggan 1
pengecekan data registrasi
2
23
Gambar 3.23 ERD - CDM (Conceptual Data Model) Pusat Grosir Surabaya
Gambar 3.23 di atas merupakan CDM dari aplikasi yang akan dibuat.
24
aplikasi ini. Untuk entity member_pelanggan berisi 12 atribut, merupakan relasi
dari entitas Transaksi yang menjadi relasi adalah id_pelanggan, untuk
menyimpan data-data transaksi member pelanggan terhadap member toko akan
tersimpan di tabel transaksi
Entitas member_toko merupakan relasi dari entitas barang jualan toko
yang menjadi relasi adalah id_toko, untuk nama provinsi dan ongkos kirim di
ambil dari table provinsi. Entity barang jualan toko berisi data barang barang yang
akan di jual ke member pelanggan.
Entitas kantong merupakan relasi dari entitas transaksi yang menjadi yang
menjadi relasi adalah id_kantong, entitas tersebut berguna untuk merekam
penyimpanan sementara member pelanggan berbelanja di member toko.
Dan entitas konfirmasi berguna untuk mencatat kegiatan-kegiatan
konfirmasi mulai dari nama, rekening tujuan, jumlah transaksi dan
kegiatan-kegiatan yang digunakan untuk transaksi.
3.2.24 ERD – PDM
Model Relasional atau Physical Data Model (PDM) adalah model yang
menggunakan sejumlah tabel untuk menggambarkan data serta hubungan antara
data-data tersebut. Setiap tabel mempunyai sejumlah kolom di mana setipa kolom
memiliki nama yang unik beserta tipe datanya. PDM merupakan konsep yang
25
FK_MELAKUKAN
FK_MEM ILIKI_ 2
FK_M EMILIKI_5 FK_M EMILIKI FK_DET AIL_JUALAN FK_MEMILIKI2 FK_MEM ILIKI3 FK_TERDIRI_DARI FK_MENYIMPAN
Member Pel anggan kode_pelanggan kode_propinsi nama kelamin al amat kota kode_pos em ail te lp_rum ah passID status_user ... varchar(20) varchar(20) varchar(50) varchar(50) varchar(50) varchar(50) int varchar(50) varchar(50) varchar(50) char(1) <pk> <fk>
M ember T oko kode_toko kode_propinsi nama kelam in alam at kota negara kode_pos emai l telp_rumah status no_fa x nama_toko alam at_toko userID passID status_user ... varchar(20) varchar(20) varchar(50) varchar(50) varchar(50) varchar(50) varchar(50) int varchar(50) varchar(50) int int varchar(50) varchar(50) varchar(50) varchar(50) char(1) <pk> <fk>
Barang Jualan T oko kode_barang
kode_toko id_kurs kode_kategori nama_barang fil e_gam bar harga uang spesifikasi jumlah kualitas sta tus int varchar(20) varchar(20) varchar(20) varchar(50) varchar(50) float(8,2) numeric(10,0 ) varchar(50) varchar(50) national varchar(50) int <p <f <f <f Transaksi Detail kode_transaksi_detail kode_barang kode_transaksi jumlah varchar(20) int varchar(20) varchar(50) T ransaksi kode_transaksi kode_pelanggan tanggal j am status_bayar unik_transfer progres j umlah varchar(20) varchar(20) date tim e char(3) varchar(50) enum1 varchar(50) <pk> <fk> Ka ntong id_kantong kode_tran saksi uang tanggal jam varchar(20) varchar(20) numeri c(10,0) date time <pk> <fk> Kategori kode_kategori nama_kategori status ... varchar(20) varchar(50) int <pk> Prop insi kode_propi nsi nam a_propinsi ongkos_kirim ... varchar(20) varchar(20) varchar(20) <pk> Kurs id_kurs kurs_dollar varchar(20) varchar(20) <pk> Admin userID passID varchar(50) varchar(50)
Gambar 3.24 ERD - PDM (Physical Data Model)
3.2.25 Str uktur Tabel
Struktur tabel merupakan uraian struktur fisik dari tab-tabel yalng terdapat
pada database tabel yang berfungsi untuk menyimpan data-data yang saling
berhubungan. Adapun struktur tabel yang dibentuk untuk membangun aplikasi ini
26
1. Tabel Member Pelanggan
Primary Key : kode_pelanggan
Foreign Key : kode_provinsi
Fungsi : Menympan data member pelanggan
Tabel 3.1 Struktur TabelMember Pelanggan
Field Tipe Data Length Keter a ngan
Kode_pelanggan Varchar 20 Primary Key
Kode_provinsi Varchar 20 Foreign Key
Nama Varchar 50 -
Alamat Varchar 50 -
Kota Varchar 50 -
Kode_pos Varchar 50 -
Email Varchar 50 -
Telp_rumah Integer - -
UserID Varchar 50 -
PassID Varchar 50 -
Status_user Char 1 -
2. Tabel Member Toko
Primary Key : kode_tko
Foreign Key : kode_provinsi
Fungsi : Menyimpan data member toko
Tabel 3.2 Struktur TabelMember Toko
Field Tipe Data Length Keter a ngan
Kode_toko Varchar 20 Primary Key
Kode_provinsi Varchar 20 Foreign Key
Nama Varchar 50 -
27
Kota_toko Varchar 50 -
No_tlp_toko Integer - -
Nama_pemilik Varchar 50 -
Alamat_pemilik Varchar 50 -
UserID Varchar 50 -
PassID Varchar 50 -
Status_user Char 1 -
3. Tabel Provinsi
Primary Key : kode_provinsi
Foreign Key : -
Fungsi : Menyimpan data nama provinsi dan ongkos kirim.
Tabel 3.3 Struktur TabelProvinsi
Field Tipe Data Length Keter angan
Kode_provinsi Varchar 20 Primary Key
Nama_provinsi Varchar 20 -
Ongkos_kirim Varchar 20 -
4. Tabel Transak si
Primary Key : kode_transaksi
Foreign Key : kode_konfirmasi
Foreign Key 2 : id_pelanggan
Fungsi : Menyimpan data transaksi pelanggan.
Tabel 3.4 Struktur Tabel Transaksi
Field Tipe Data Length Keter a ngan
Kode_transaksi Varchar 20 Primary Key
Kode_konfirmasi Varchar 20 Foreign Key
Id_pelanggan Varchar 20 Foreign Key 2
Tgl_transaksi Datetime 50 -
28
Unik_transfer Char 3
progres Varchar 50 -
Total_harga float - -
5. Tabel Kantong
Primary Key : id_kantong
Foreign Key : kode_transaksi
Fungsi : Menyimpan data kantong belanjaan sementara.
Tabel 3.5 Struktur Tabel Kantong
Field Tipe Data Length Keter a ngan
Id_kantong Varchar 20 Primary Key
Kode_transaski Varchar 20 Foreign Key
Uang Numeric - -
Tanggal Date - -
Jam Datetime - -
6. Tabel Bar ang J ualan Toko
Primary Key : kode_barang
Foreign Key : id_toko
Foreign Key 2 : id_kurs
Foreign Key 3 : kode_kategori
29
Tabel 3.6 Struktur Tabel Barang Jualan Toko
Field Tipe Data Length Keter angan
Kode_barang Varchar 20 Primary Key
Id_toko Varchar 20 Foreign Key
Id_kurs Varchar 20 Foreign Key 2
Kode_kategori Varchar 20 Foreign Key 3
Nama_barang Varchar 50 -
File_gambar Varchar 50 -
Harga float - -
Uang Numeric - -
Spesifikasi Varchar 50 -
Jumlah Varchar 50 -
Kualitas Varchar 50 -
Status Char 1 -
7. Tabel Kur s
Primary Key : id_kurs
Foreign Key : -
Fungsi : Menyimpan data kurs dollar.
Tabel 3.7 Struktur Tabel Kurs
Field Tipe Data Length Keter angan
Id_kurs Varchar 20 Primary Key
Kurs_dollar Varchar 20 -
8. Tabel Transak si detail
Primary Key : kode_transaksi_detail
Foreign Key : kode_barang
Foreign Key 2 : kode_transaksi
30
Tabel 3.8 Struktur Tabel Transaksi Detail
Field Tipe Data Length Keter angan
Kode_transaksi_detail Varchar 20 Primary Key
Kode_barang Varchar 20 Foreign Key
Kode-transaksi Varchar 20 Foreign Key 2
Jumlah_barang Integer - -
9. Tabel Kategor i
Primary Key : kode_transaksi
Foreign Key : -
Fungsi : Menyimpan data nama kategori dan data lainnya.
Tabel 3.9 Struktur Tabel Kategori
Field Tipe Data Length Keter angan
Kode_kategori Varchar 20 Primary Key
Nama_kategori Varchar 50 -
status Char 1 -
10. Tabel Admin
Primary Key : -
Foreign Key : -
Fungsi : Menyimpan data nama kategori dan data lainnya.
Tabel 3.10 Struktur Tabel Admin
Field Tipe Data Length Keter angan
UserID Varchar 50 -
31
3. 3 Desain For m
Untuk menjalankan aplikasi ini dibutuhkan beberapa form yang digunakan
sebagai sarana untuk melakukan proses yang dibutuhkan.
3.3.1 Halaman Utama
Pada halaman utama ini terdapat fitur utama yaitu peta pusat grosir
surabaya yang isi nya toko toko yang berjualan di pusat grosir surabaya, jika
mouse diarahkan ke toko makan akan muncul tooltips yang berisi nama barang
dan harga barang. Ada juga kolom Searching untuk mencari barang dan nama
toko, selain itu ada tombol login dan registri.
Gambar 3.25 Desain Interface Form Index PGS
3.3.2 Halaman Utama List Toko
Pada halaman index terdapat beberapa barang jualan yang telah diuplod
oleh member toko. Dan terdapat 3 menu utama yaitu menu profil, menu list dan
32
Gambar 3.26 Desain Interface Form Index 2 PGS
3.3.3 Halaman Registr asi dan Login
Pada halaman Login dan Registrasi terdapat empat textbox yang masing
masing telah dipisah. Textbox pertama untuk memasukkan username dan textbox
kedua untuk memasukkan password. Selain itu, terdapat satu button dimana
Button Login untuk proses login. Dan terdapat 2 hyperlink unt
