ANALISIS DAN PERANCANGAN SISTEM TOKO ONL
KATA PENGANTAR
Puji serta syukur kepada Allah SWT yang telah memberikan karunia dan rahmat-Nya sehingga
Tugas Analisis dan Perancangan Sistem dari hasil observasi mengenai Toko Online Kopma BS
Universitas Pendidikan Indonesia (Kopma BS UPI) ini dapat diselesaikan. Tak lupa shalawat
serta salam, semoga selalu tercurahkan kepada nabi besar kita Nabi Muhammad SAW, para
keluarganya, sahabat-sahabatnya, tabiit-tabiitnya sampai pada kita selaku umatnya.
Analisis Perancangan Sistem ini merupakan tugas yang disusun sebagai salah satu tugas mata
kuliah Analisis Perancangan Sistem. Dalam penyusunannya terdapat banyak kendala, namun
berkat bantuan dari banyak pihak dalam bentuk motivasi pengarahan maupun informasi maka
makalah ini dapat diselesaikan.
Pada kesempatan ini, penulis mengucapkan terima kasih kepada semua pihak yang telah
membantu, yaitu:
1. Allah SWT yang selalu memberikan kemudahan dari setiap kesulitan, selalu mengasihi dan
menyayangi hamba-Nya yang membutuhkan.
2. Pihak Kopma BS UPI yang telah mempersilahkan penulis untuk melakukan observasi di
tempat.
3. Dr. Deni Kurniawan, M.pd selaku dosen pengampu mata kuliah Analisis dan Perancangan
Sistem yang telah membimbing kami selama ini.
4. Seluruh teman-teman penulis yang sudah mengisi hari-hari penulis dan memberi motivasi
dan bantuannya.
Untuk itu hanya kepada Allah SWT penulis serahkan, semoga segala amal baik mereka
dapat diterima dan mendapat imbalan yang berlipat ganda. Amin.
i
DAFTAR ISI
KATA PENGANTAR................................................................................................................ i
DAFTAR ISI.............................................................................................................................. ii
BAB I PENDAHULUAN
A. Latar Belakang................................................................................................................. 1
B. Rumusan Masalah............................................................................................................ 1
C. Pembatasan Masalah........................................................................................................ 1
D. Tujuan dan Manfaat......................................................................................................... 2
E. Metode perancangan sistem............................................................................................. 2
BAB II ANALISIS SISTEM YANG BERJALAN
A. Sekilas tentang Kopma BS UPI....................................................................................... 4
B. Deskripsi Tugas................................................................................................................ 4
C. Analisa Sistem yang berjalan........................................................................................... 5
BAB III DESAIN SISTEM USULAN
A. Prosedur Perancangan Sistem.......................................................................................... 12
B. Use Case Diagram............................................................................................................ 12
C. Activity Diagram.............................................................................................................. 15
D. Sequence Diagram........................................................................................................... 18
E. Diagram Konteks.............................................................................................................. 19
F. Rancangan Database......................................................................................................... 22
G.Rancangan Prototype........................................................................................................ 24
H. Pengembangan, Testing dan Implementasi.................................................................... 27
BAB IV PENUTUP
A Kesimpulan....................................................................................................................... 28
B. Saran................................................................................................................................. 28
DAFTAR PUSTAKA................................................................................................................. 29
ii
BAB I
PENDAHULUAN
A. Latar Belakang
Dengan kemajuan teknologi saat ini, banyak hal yang dapat dilakukan oleh manusia dalam
melakukan kegiatan walaupun berada ditempat yang berbeda dan jauh. Perkembangan
teknologi sendiri memang bertujuan utnuk memudahkan pekerjaan manusia. Menyikapi
persaingan yang semakin kompetitif pada jalannya sebuah bisnis, maka akan memunculkan
ide untuk memadukan
antara
teknologi informasi
dengan bisnis. Toko online
menggambarkan cakupan yang luas mengenai teknologi informasi. Dengan menggunakan
toko online ini, penjual akan dapat memasarkan produknya kepada konsumen dengan
jangkauan yang cukup jauh, sehingga dapat memperluas produk atau jasa yang ditawarkan.
Kopma BS UPI salah satu perdagangan yang memiliki cukup banyak pelanggan khususnya
masyarakat UPI. Selain mendagangkan dagangannya berupa makanan, kopma BS UPI
membuka usaha catering. Untuk mempermudah jalannya usaha catering ini, maka dibuatlah
system toko online bagi konsumen yang memesan jasa catering kopma BS UPI. Melalui
layanan online ini diharapkan dapat memudahkan konseumen untuk mendapatkan informasi
secara lengkap.
B. Rumusan Masalah
Dengan adanya penjelasan tersebut di atas dapat teridentifikasi permasalahan, yaitu :
Bagaimana kopma-bs upi dapat memperluas jangkauan pemesanan produk kepada
konsumen melalui layanan toko online berbasis web?.
C. Pembatasan Masalah
Memperhatikan begitu luasnya masalah yang berhubungan dengan pemesanan produk
berbasis website, penyusun membatasi pembahasan analisis perancangan sistem ini mengenai
sistem pelayanan pemesanan melalui pembayaran secara cash (baik secara langsung maupun
1
via transfer bank).Pengembangan sistem toko online ini hanya diterapkan pada bidang usaha
penjualan Kopma-BS UPI.
D. Tujuan dan Manfaat
Penyusunan laporan ini bertujuan untuk menganalisa dan membuat aplikasi system
pemesanan produk berbasis online yang dapat menyajikan informasi yang dibutuhkan oleh
konsumen.
Sedangkan manfaat dari penyusunan dokumen ini adalah sebagai berikut :
a. Bagi penulis
Menambah wawasan penulis tentang teknologi informasi khususnya dalam ruang lingkup
pemesanan yang berbasis web/online.
b. Bagi produsen
Dengan penelitian ini diharapkan dapat mempermudah kinerja sehingga dapat
menguntungkan dalam hal pemasarannya.
E. Metode perancangan sistem
Metode System Development Life Cycle digunakan untuk pengembangan sistem. Pada
metode dan pendekatan ini terdapat 7 tahap diantaranya sebagai berikut :
1. Perencanaan (planning)
yaitu membuat perencanaan yang berkaitan dengan proyek sistem informasi, misalnya
alokasi waktu dan sumber daya, jadwal proyek, dan cakupan proyek.
2. Analisa (analysis)
Pada tahap ini dilakukan analisis terhadap workflow sistem yang sedang berjalan.
3. Desain (design)
Pada tahap ini dilakukan perancangan workflow manajemen dan design pemrograman
yang diperlukan untuk pengembangan aplikasi. Ada dua jenis desain yang akan dibuat
2
dalam aplikasi ini, yaitu desain proses bisnis dan desain pemrograman. Desain
pemrograman terdiri dari desain database dan desain screen layout.
4. Pengembangan
Yaitu kegiatan yang dilakukan adalah mentransfer dari hasil perancangan ke dalam
coding bahasa pemrograman. Bahasa pemrograman yang digunakan adalah PHP sebagai
aplikasi interface dan My SQL sebagai basis datanya.
5. Testing (testing)
Yaitu melakukan pengujian terhadap sistem informasi yang telah dibuat.
6. Implementasi (implementation)
Yaitu menerapkan sistem informasi yang telah dibuat untuk digunakan user.
7. Pengoperasian dan pemeliharaan (operations and maintenance)
Yaitu kegiatan untuk mendukung beroperasinya sistem.Pemeliharaan sistem akan
dilakukan oleh seorang administrator, yang akan meng-update data agar tetap up to date.
3
BAB II
ANALISIS SISTEM YANG BERJALAN
A. Sekilas tentang Kopma BS UPI
KOPMA Bumi Siliwangi Universitas Pendidikan Indonesia (Kopma BS UPI) adalah
lembaga ekonomi (badan usaha) yang juga lembaga kemahasiswaan tingkat
Perguruan Tinggi yang berupa Unit Kegiatan Mahasiswa (UKM). Sehingga KOPMA
mempunyai fungsi ganda, yaitu sebagai wahana pelayanan dan peningkatan
4
kesejahteraan
mahasiswa,
juga
sebagai
wahana
pendidikan
yaitu
tempat
pembentukan kader koperasi (human invesment). Fungsi dan peran itu diwujudkan
dengan kegiatan sehari-harinya dalam bentuk:
Menyediakan pelayanan untuk memenuhi kebutuhan pokok mahasiswa (student
basic need’s).
Menyelenggarakan program-program pendidikan, pelatihan dan kepemimpinan
(idealism dan leadership need’s)
Menyediakan sarana dan aktivitas yang dapat menunjang profesi.
Merupakan salah satu lembaga kemahasiswaan.
Dalam pelaksanaannya kopma bumi siliwangi dalam melaksanakan program
utamanya yang menjadi unggulan yaitu unit usaha.
B. Deskripsi Tugas
Dalam bagian ini dijelaskan mengenai Tugas pokok dan fungsi setiap bagian
organisasi. Penjabaran dari tugas pokok setiap bagian adalah sebagai berikut :
1. Ketua Bidang Usaha
Bertanggungjawab untuk menganalisis statistik perusahaan, untuk dirancang strategi
usaha selanjutnya.
2. Keuangan
Bertanggungjawab untuk mencatat setiap tansaksi yang dilakukan dan melakukan
pembukuan keuangan.
3. Pelayan Bidang Usaha
Bertugas mengantar menu pesanan ke konsumen dan proses transaksi secara langsung
maupun order pesanan tidak langsung. Selain itu berlaku sebagai pemasarna produk
dibagian order produk secara jarak jauh.
4. Karyawan Gudang
Bertugas merapihkan setiap barang di gudang dan memonitor keluar masuk barang lalu
menyalurkan setiap barang atau produk ke bagian penjualan.
5
C. Analisa Sistem yang berjalan
1. Sistem yang berjalan
a. Konsumen biasanya memesan produk atau barang secara langsung ke lokasi kopma
BS UPI atau melakukan order secara tidak langsung melalui nomor telepon resmi,
atau media sosial facebook dan line kopma BS UPI. Konsumen diberikan keleluasaan
untuk memilih produk atau barang berdasarkan katalog yang sudah disediakan.
Konsumen tidak dapat melakukan penawaran, karena harga produk atau barang sudah
ditentukan sebelumnya.
b. Setelah konsumen memilih produk atau barang, selanjutnya dilakukan pengecekan
ketersediaan stok barang di gudang sesuai dengan jumlah yang diinginkan.
c. Jika masih ada stok barang maka konsumen dapat memesan sesuai produk atau
barang yang disetujui, lalu akan dihitung harganya. Khusus untuk peminjaman barang
seperti projector maka harus ada jaminan KTP / KTM / Tanda Pengenal lainnya.
d. Karena jenis produk atau barang di kopma bersifat heterogen dan beragam maka
kopma membuat ketentuan atau peraturan mengenai pemesanan/pembelian suatu
barang yang dijelalaskan di bagian lain dalam tulisan ini.
e. Jika kasusnya pesanan dari jarak jauh maka selain proses diatas secara umum di
minta uang DP sebesar Rp.50.000 yang di transfer ke rekening kopma BS UPI.
Pesanan jarak jauh tidak berlaku untuk peminjaman barang seperti projector.
f. Setelah proses pemesanan selesai lalu dibuatkan invoice sebagai bukti transaksi.
Invoice dibuat rangkap 3 yaitu untuk consume, bagian keuangan dan pelayan bidang
usaha. Jika pemesanan jarak jauh maka pengganti invoice adalah bukti transfer ATM
yang dikirimkan oleh konsumen melalui SMS atau akun medsos kopma BS UPI.
g. Produk akan diterima konsumen secara langsung jika barang yang siap bawa/saji
seperti ATK. Jika barang yang memerlukan pembuatan khusus seperti cake, catering
maka produk atau barang akan dikirimkan dalam jangka waktu tertentu dan di
konfirmasi ke kontak konsumen sesuai data yang diberikan konsumen. Pengiriman
barang jika dekat dilakukan dengan kendaraan motor jik ajauh dikirimkan dengan
JNE khusus di kopma BS UPI.
h. Pelayan bidang usaha menyetorkan data transaksi ke bagian keuangan.
6
i. Jika produk atau barang sudah tidak tersedia maka unit usaha kopma akan membawa
barang stok dari supplier yang mengadakan kerjasama dengan kopma BS UPI.
j. Unit usaha kopma BS UPI juga membuka kesempatan bagi supplier lain yang ingin
bergabung menjajalkan produk atau barangnya. Tetapi sebelumnya terdapat
penawaran dan kesepakatan tentang harga barang yang akan dijajalkan sebelum
disetujui.
k. Karyawan gudang dapat mencatat barang yang baru masuk disertai dengan nama
barang, harga, supplier, dan jumlah stok.
Berikut ini gambaran dari sistem yang sedang berjalan dengan workflow:
Workfow Pemesanan Sistem penjualan dan pembelian produk atau barang Kopma BSUPI
Konsumen
Pelayan Bidang
Usaha
Karyawan Gudang
Mulai
Memberikan Katalog
online/of
ine
Stok Barang
Supplier
Keuangan
Ketua
Pesan dari Supplier
Menerima Invoice
Menerima Data
Statistik
Cek Ketersediaan
List Produk yang
dipesan
Olah data
Invoice
Olah stratrgi
perusahaan
Barang Gudang
Invoice
Total
Pendapatan
Rapat
Perusahaan
Data Statistik
Kebijakan/Strategi
baru
Langsung
Pembelian
Tidak
Langsung
Memilih Barang
Order via Media
Sosial
Tidak Ada
Pesan barang
Ketersediaan
Konfrmasi
Pembuatan/
Penambahan Barang
Ada
Penerapan
Peraturan dan
ketentuan barang
Harga total
Barang untuk order tidak langsung
Pemesanan ke
Supplier
JenisBarang
Barang
Tunggu
Bisa dibawa
Pembayaran
Selesai
u/
kons
Invoice
Konfrmasi Barang
Masuk
u/
keuangan
Gambar 1. Workflow sitem toko kopma bs UPI yang sedang berjalan
2. Peraturan dan ketentuan yang berlaku
7
a. BS-Catering
1) Uang DP dari pemesanan BS-Catering minimal Rp. 50.000
2) Minimal pemesanan BS-Catering 50 Dus (Pemesanan hanya berlaku di
hari weekend)
3) Bs-catering hanya dapat melayani mulai Pkl. 10.30-18.00 WIB, jika pesanan
diluar Kampus dan membutuhkan jasa delivery, maka dikenakan Biaya tambahan
sesuai dengan beban biaya Transportasi.
4) Pemesanan paling lambat H-1 dan dilakukan pada jam kerja (07.00-16.00
WIB)
b. BS-Cakes
1) Uang DP dari pemesanan BS-Catering minimal Rp. 50.000.
2) Minimal pemesanan BS-Cakes 50 Dus
3) Bs-Cakes hanya dapat melayani mulai Pkl. 08.00-18.00 WIB, jika pesanan diluar
Kampus dan membutuhkan jasa delivery, maka dikenakan Biaya tambahan sesuai
dengan beban biaya Transportasi.
4) Pemesanan paling lambat dilakukan H-2
c. Infocus
1) Biaya Peminjaman Rp 20.000,- / jam bagi Non Anggota dan Rp. 17.500,- / jam
bagi Anggota
2) Biaya Peminjaman Rp. 200.000,- / 12 jam bagi Non Anggota dan Rp. 175.000,- /
12 jam Bagi Anggota
3) Jika terjadi keterlambatan dalam pengembalian maka akan dikenakan Sanksi Rp.
5.000,- / 15 Menit dan berlaku kelipatannya
4) Toleransi keterlambatan waktu peminjaman hanya 30 menit setiap kali
peminjaman. Contoh : Si A meminjam 2 Jam dari Pkl. 08.00, akan tetapi
dikembalikan Pkl. 10.30. total lama peminjaman tidak 2,5 jam ( 08.00-10.30)
tetapi dihitung 2 jam karena 30 menit toleransi untuk perjalanan pengembalian.
5) Besaran Uang Muka (DP) minimal Rp. 10.000 untuk peminjaman dibawah 2 jam,
dan Rp. 20.000 untuk diatas 2 Jam.
6) Apabila peminjaman di cancel, maka uang muka tidak dapat diambil.
8
7) Biaya sewa memakai screen atau tidak, tetap dikenakan biaya yang sama sesuai
dengan peraturan No. 1 atau No. 2. ( screen dianggap bonus peminjaman )
8) Screen hanya dapat di sewa ketika tidak ada peminjaman Infocus+Screen.
9) Jika peminjam hanya ingin menyewa Screen, maka dikenakan biaya sewa Rp.
7.500/jam bagi Non Anggota dan Rp. 5.000/jam bagi Anggota.
d. Plakat
1) Untuk pemesanan plakat marmer bentuk plakat tidak dapat dipastikan, hanya dapat
ditentukan warna dan gambar background. Background dapat di tentukan oleh
pemesan.
2) Minimal waktu pemesanan, 3 hari untuk Plakat Marmer, 5 Hari untuk Plakat
Akrilik, Akrilik Kayu, dan Patung Wisuda (misal pemesanan Rabu untuk plakat
Marmer, maka plakat dapat diambil hari Jum’at mulai Pukul. 13.00 Wib)
3) Besarnya uang Muka (DP) untuk 1 Buah plakat minimal Rp. 10.000 dan Rp.
20.000 untuk 2 Plakat lebih.
4) Tidak ada potongan Harga (Diskon) pada setiap pemesanan plakat, diskon hanya
berlaku bagi pemesanan Minimal 15 Buah yaitu sebesar 5% dari harga jual untuk
semua jenis Produk Plakat
5) Jika setelah plakat jadi dan ada kesalahan, dan kesalahan tersebut berasal dari
konsumen maka dikenakan biaya tambahan Rp. 5000 untuk satu buah plakat.
6) Laporkan segera kepada bidang usaha mengenai adanya kesalahan tersebut agar
segera diperbaiki
e. BS- PG
Produk BS-PG adalah barang-barang yang bersifat kebutuhan umum seperti Pin,
Stiker, Kaos, Jaket, dll.
Peraturan dan Ketentuan Pemesanan
Jam Dinding, Gelas dll (tidak termasuk sticker)
9
1) Pemesanan jam dinding minimal 3 buah
2) Minimal pemesanan paling lambat 1 minggu
3) Dikenakan biaya tambahan Rp. 5000/buah
f. BS-Book
BS-Book adalah penyediakan berbagai jenis buku perkuliahan untuk berbagai
jurusan.
Peratuan dan Ketentuan
1) Lama pemesanan buku maksimal 1 minggu serta tuliskan dengan jelas judul buku,
pengarang dan penerbit seratakan juga harga dan jumlah pemesanan.
2) DP dari pemesanan minimal Rp. 10.000.
3) Apabila terjadi kesepakatan, catat kelengkapan Administrasi pada lembar data
pemesanan Produk BS-Book KOPMA BS UPI dalam Buku Data Transaksi Usaha
2015 KOPMA BS UPI sesuai dengan format yang telah disediakan.
3. Kelebihan dan Kelemahan Sistem yang berjalan
a. Kelebihan
1) Karena prosesnya masih bersifat manual dan belum terkomputerisasi dalam
proses transaksi, maka tidak memerlukan biaya yang mahal untuk pembelian dan
perawatan software dan hardware.
2) Tidak memerlukan biaya untuk membangun ataupun membeli program aplikasi
berbasis web yang dapat dipesan atau didesain sesuai dengan kebutuhan.
3) Tidak memerlukan biaya untuk membayar seorang programmer yang terlatih
untuk membangun atau mengembangkan suatu aplikasi berbasis web untuk sistem
penjualan tersebut.
b. Kelemahan
1) Layanan untuk wilayah pemasaran jauh masih belum optimal karena tidak
mempunyai layanan online web tetap, jadi susah untuk populer.
2) Layanan pemesanan dengan cara konsumen datang langsung ke perusahaan untuk
mendapatkan informasi mengenai produk mengakibatkan konsumen harus
menunggu giliran untuk mendapatkan informasi mengenai produk/barang.
10
3) Adanya kelebihan informasi pada bidang pelayan bidang usaha, dilihat dari faktur
rangkap 3 yang diterimanya.Sebab pada faktur tersebut terdapat nama konsumen,
detail harga dan detail barang yang dipesan. Padahal yang diperlukan hanya detail
barang saja.
4) Pada Bidang Keuangan dan Supplier masing-masing mendapatkan pesanan
barang dan menerima kembali detail pesanan setelah faktur dicetak oleh Bidang
Pemasaran dan Penjualan berbentuk faktur rangkap 2 untuk Bidang Keuangan dan
rangkap 3 untuk bidang Pengadaan. Sehingga pada kedua Bidang tersebut
mendapatkan dua informasi secara bersamaan pada satu pesanan.
5) Keakuratan pencatatan data relatif kurang terjaga karena dalam proses manipulasi
database hanya dapat dilakukan oleh seorang karyawan.
4. Identifikasi Masalah
a. Pemasalahan Pada Sistem yang Sedang Berjalan
Pertama, Layanan promosi dan pemesanan terbatas dan kurang optimal. Sebab
konsumen hanya dapat memperoleh detail informasi mengenai produk dengan cara
datang langsung ke perusahaan atau info sebatas di media sosial yang kurang untuk
populer.
Kedua, Adanya kelebihan informasi pada bidang produksi dan pengadaan, dilihat dari
invoice rangkap 3 yang diterimanya. Sebab pada invoice tersebut terdapat nama
konsumen, detail harga dan detail barang yang dipesan. Padahal yang diperlukan
hanya detail barang saja.
5. Pemecahan Masalah
Berdasarkan uraian di atas, maka tidak optimalnya layanan pemesanan dan transaksi
kopma-bs upi dapat diselesaikan dengan menggunakan suatu aplikasi dengan
memanfaatkan teknologi internet. Aplikasi yang penulis maksud adalah aplikasi toko
online berbasis web. Aplikasi ini layak untuk diterapkan pada bidang usaha kopma-bs
upi.
11
BAB III
DESAIN SISTEM USULAN
A. Prosedur Perancangan Sistem
Adapun prosedur perancangan sistem yang diusulkan diantaranya :
1. Konsumen dapat mencari barang dan membelinya di toko online http://kopma-upi.com.
2. Admin dapat mengakses data produk/barang yang tersedia di database.
3. Konsumen harus terdaftar terlebih dahulu agar dengan data login, konsumen dapat
terverifikasi benar dan dapat mengakses data pesanan yang telah ia lakukan.
4. Konsumen dapat mencari produk/barang sesuai kriteria yang diinginkan
5. Admin dapat menghapus, menambah dan mengubah data produk/barang dari data stok
yang tersedia.
6. Konsumen hanya dapat menambah dan menghapus data barang yang ia pesan.
7. Konsumen dapat melihat data tampilan pesanan yang ia lakukan. Didalamnya terdapat
prosedur pembayaran melalui transfer ATM/tunai yang dilakukan secara aman dengan
bukti penyetoran.
8. Admin dapat melihat info pemesanan dari konsumen untuk selanjutnya di transfer ke
bagian pengiriman barang.
12
9. Konsumen dapat menerima barang secara langsung melalui paket pengiriman seperti
JNE.
10. Di akhir penggunaan toko online konsumen dan admin dapat melakukan logout.
B. Use Case Diagram
Use case diagram mendeskripsikan ineraksi antara aktor didalam sistem informasi yang
dirancang dengan aplikasi yang dibuat. Use case diagram menjelaskan hubungan fungsional
yang diharapkan dari perancangan sebuah sistem. Dalam hal ini yang lebih ditekankan adalah
“apa” yang dapat diperbuat sistem, bukan “bagaimana”. Sebuah usecase menggambarkan
sebuah interaksi yang terjadi antara aktor dengan sistem. Use case merupakan sebuah
pekerjaan tertentu, misalnya login user ke sistem, membuat daftar nama siswa, memasukkan
nilai siswa, memasukkan jadwal pelajaran siswa, dan lain sebagainya. Seorang/ sebuah aktor
adalah sebuah entitas manusia atau mesin yang dapat berinteraksi dengan sistem untuk
melakukan pekerjaan-pekerjaan tertentu. Use case diagram dapat sangat membantu, terutama
saat kita sedang menyusun requirement dari sebuah sistem, membuat perencanaan modul
dalam sistem, mengkomunikasikan rancangan sistem dengan klien, dan merancang test case
untuk semua feature yang ada pada sistem. Jadi, usecase diagram sangat berpengaruh dalam
perancangan sebuah sistem atau dapat dikatakan bahwa use case diagram adalah dasar dari
perencanaan sistem.
1. Identifikasi Aktor
Indentifikasi aktor mendeskripsikan interaksi antar aktor di dalam sistem informasi
kopma bs upi, diantaranya :
a. Admin
Orang yang terdaftar sebagai admin toko online kopma-bs upi yang bertugas
menghapus, menambah, dan mengubah list barang yang ada di toko online dengan
menggunakan fungsi login.
b. Konsumen
Orang yang bebas dan harus terdaftar di toko online kopma-bs upi. Konsumen dapat
melakukan proses pembelian produk/barang kopma bs upi yang dapat menambah atau
menghapus produk belanja sesuai keinginan untuk menghasilkan transaksi di akhir.
2. Use Case Diagram
13
Hal yang pertama dilakukan adalah Identifikasi Diagram Use Case yang menggambarkan
interaksi antar aktor yang telah dijelaskan sebelumnya. Berikut ini identifikasi use case
dari sistem toko online kopma-bs upi.
No
1
Nama User
Case
Login
Deskripsi
Aktor
Kegiatan untuk memasukkan username
dan password untuk mengakses sistem
2
Daftar
Kegiatan
untuk
mendaftrakan
Konsumen
Konsumen di sistem agar tercatat
keaslian data dan syarat untuk
melakukan transaksi
Manipulasi Data Pesanan/ Data Produk
3
Tambah barang
Kegiatan menambah produk ke list
keseluruhan atau transaksi di sistem
toko online kopma-bs upi
4
Hapus barang
Kegiatan menghapus produk ke list
keseluruhan atau transaksi di sistem
toko online kopma-bs upi
5
Ubah barang
Kegiatan mengubah barang yang ada di
list keseluruhan karena perubahan dari
jumlah stok, harga, kondisi dll.
Konsumen
6
Konsumen
7
8
9
10
11
12
Pencarian barang Kegiatan mencari barang keseluruhan
yang sudah di list oleh admin
Kategori barang Kegiatan mengklasifikasikan berbagai
barang/produk di kopma-bs upi yang
beragam dan heterogen
Lihat Daftar
Kegiatan menampilkan list barang dan
Pembelian
harga total yang telah dipilih sesuai
keinginan konsumen
Info Barang
Kegiatan menampilkan list barang dan
Pesanan
harga yang dipesan ke admin
Konfirmasi bukti Kegiatan meminta bukti konfirmasi
pembayaran
dengan data jumlah uang yang
dibayarkan dan no rekening konsumen
Info Pembayaran Kegiatan menampilkan bukti
pembayaran oleh konsumen ke admin
Proses
Kegiatan yang dilakukan oleh jasa
Pengiriman
pengiriman barang dari pihak kopma bs
upi ke pelanggan
Konsumen
Admin, Konsumen
Admin, Konsumen
Admin
Admin
Konsumen
Admin
Konsumen
Admin
Admin
Berikut ini gambaran dari diagram use case dari sistem yang diusulkan :
14
Login
Konsumen
Daftar
Kategori Barang
List Pembelian
Pencarian Barang
Tambah barang
Manipulasi
Data Produk
Admin
Hapus Barang
Manipulasi
Data Pesanan
Ubah Barang
Konfrmasi
Bukti Pembayaran
Info Barang
Pesanan
Logout
Info Pembayaran
ProsesPengiriman
Gambar 2. Diagram Use Case Sistem Toko Online Kopma-BS UPI
C. Activity Diagram
Activity diagram adalah teknik untuk mendiskripsikan logika procedural, proses bisnis, dan
aliran kerja dalam banyak kasus. Activity diagram mempunyai peran seperti halnya
flowchart, akan tetapi perbedaannya dengan flowchart adalah activity diagram bisa
mendukung perilaku parallel sedangkan flowchart tidak bisa.. Activity diagram
menggambarkan aktifitas-aktifitas yang terjadi dalam sistem toko online kopma-bs upi.
Berikut activity diagram yang diusulkan :
15
1. Activity Diagram Konsumen
Daftar
Login
Tidak Punya
Ketersediaan akun
Punya
List
Katalog Barang
Pencarian Barang
Ya
Manipulasi Data
Pesanan
Edit pesanan
Tidak
Konfrmasi
Bukti Pembayaran
Logout
Gambar 3. Activity Diagram Konsumen Sistem Toko Online Kopma-BS UPI
16
2. Activity Diagram Admin
List
Katalog Barang
Ya
Manipulasi List
Produk
Kelola Produk
Tidak
Info Barang
Pesanan
Info Pembayaran
Proses Pengiriman
Barang
Gambar 4. Activity Diagram Admin Sistem Toko Online Kopma-BS UPI
17
D. Sequence Diagram
Konsumen
Login
Daftar
KatalogBarang
Pencarian
Barang
Manipulasi
DataPesanan
Konfrmasi
Pembayaran
Logout
Manipulasi
DataBarang
Info Barang
Pesanan
Info
Pembayaran
Proses
Pengiriman
Admin
Masukkan user
dan Password
Verifkasi
Tidak terverifkasi
terdaftar
Menampilkan formdaftar
Masuk ke berandaberisi katalog barang
Menamiplkan List Katalogbarang beserta harga
Memasukkan keyword barangyangdiinginkan
Menampilkan barang sesuai keyword yang dimasukkan
Tambah, Hapus Data Pemesanan
Tampilan barangyangditambahkan
Konfrmasi setelah melakukan pembayarak kebank/ATM, dengan upload gambar
Tampilan Konfrmasi berhasil
Menekan tombol logout
Kembali ke halaman login
Tambah, Hapus, Ubah Data Barang
Tampil List Barang
Akses menu datapesanan
Muncul tabel data pesanan dari konsumen
Akses menu info pembayaran
Muncul tampilan konfrmasi
pembayaran yang sudah dilakukan
Input status
Pengiriman
muncul tampilan
status pengiriman
Gambar 5. Sequence Diagram
18
E. Diagram Konteks
Diagram konteks atau disebut juga dengan model sistem fundamental merepresentasikan
seluruh elemen sistem sebagai sebuah lingkaran tunggal tepat ditengah data input dan data
output yang ditunjukan oleh anak panah dengan masuk kedalam sistem dan arah keluar
sistem secara berurutan.
Admin
Login
Data Produk
Data Pengiriman
Validasi
Info Pesanan
Sistem
Pemesanan
Online
Kopma BS UPI
Validasi
Info pengiriman
Info Kriteria Produk
Konsumen
Login
Data Pesanan
Kriteria Barang
Gambar 6. Data Flow Diagram Level 0
1. Data Flow Diagram (DFD) Level 1
Pada DFD level 1, dibagi menjadi 7 garis besar proses utama, yaitu:
a. Login
Proses yang dilakukan admin agar dapat mengakses data produk yang proses oleh
karyawan gudang.
b. Manipulasi Data Produk
Proses unduh dilakukan admin untuk menambah, mengubah dan menghapus barang.
c. Pencarian Kriteria Barang
Proses dimana konsumen melakukan pencarian sesuai kriteria produk yang
diinginkan lalu akan muncul hasil nya sesuai pencarian.
d. Login
Proses yang dilakukan konsumen agar dapat mengakses data pemesanan yang telah
dilakukan.
e. Manipulasi Data Pesanan
Proses ini digunakakn untuk memesan produk sesuai pilihan dan banyak barang yang
berlaku sesuai syarat dan ketentuan pembelian barang yang berlaku
f. Tampilan Data Pemesanan
Proses ini akan menampilkan pesanan konsumen dan akan dikirim ke admin.
g. Proses Pengiriman atau pembuatan Produk
Dalam proses ini akan melakukan rekuest ke anggota bidang usaha untuk pelaksanaan
teknis pengiriman atau pembuatan produk, dan nantinya akan dikirim konfirmasi ke
konsumen.
19
Info
Pembayaran
Transaksi
Store data
Admin
7.0
Proses
Pengiriman/
Pembuatan
Data
Produk
Data Produk
6.0
Konfrmasi
Pembayaran
Validasi
Transaksi
Pembayaran
Record Tupple
Barang Barang
1.0 Manipulasi
Data Produk
Pengiriman
Tupple Produk
5.0
Tampilan Data
Pemesanan
Record Pemesanan
Produk
Info Pengiriman
Record KriteriaProduk
2.0
Pencarian Data
Produk
Pesanan
Tupple
Pemesanan
Produk
Pilihan
Konfrmasi
Pemesanan
4.0
Manipulasi
Data Pesanan
Data Pemesanan
Info Katalog
Produk
Konsumen
Username Username
&
&
Password PassValid
Konsumen
Data Pembeli
3.0
Login
Gambar 7. Data Flow Diagram (DFD) Level 1
20
2. Data Flow Diagram Level 2
Konsumen
Data Pesanan
Data tambah pesanan
5.1
Pemilihan
Menu
5.2
Penambahan
Data Pesanan
Tupple Tambah Pesanan
Data hapus pesanan
5.3
Penghapusan
Data Pesanan
5.4
Penyimpanan
Data Pesanan
Tupple Hapus Pesanan
Tabel Pesanan
Tabel Pesanan
Gambar 8. Data Flow Diagram Level 2 Konsumen
Admin
Data Barang
Data tambah produk
2.1
Pemilihan
Menu
Data hapusproduk
Data ubah produk
2.2
Penambahan
Data Pesanan
2.3
Pengubahan
Data Produk
2.4
Penghapusan
Data Produk
Tupple ubah barang
Tupple tambah produk
5.4
Penyimpanan
Data Produk
Tupple Hapus Produk
Tupple Produk
Tabel Produk
Gambar 9. Data Flow Diagram Level 2 Admin
21
F. Rancangan Database
Pada tahap ini dirancang berbagai variable data dari yang terkecil yang memerlukan
penyimpanan dalam sebuah database. Dimulai dari relasi database atau hubungan interaksi
antar beberapa variable data yang satu dengan yang lainnya antar halaman web. Selanjutnya
ditentukan spesifikasi database yang menjabarkan tipe-tipe database yang disimpan sesuai
input yang akan terjadi di halaman web.
1. Relasi Database
Konsumen
Produk (Admin)
PK
Nama Barang
Username
Harga Barang
Email
FK
Jenis Barang
Pesanan
Jumlah
Pasokan
PK
Sisa Barang
Waktu Pasokan
Nama Barang
Harga Satuan
ID Transaksi
Metode
Pembayaran
Metode
pengiriman
No Kontak
ID Pesanan
Jumlah
Pesanan
Transaksi
Password
Alamat
Pemasok
PK
ID Konsumen
PK
ID Produk
Jumlah Harga
Total Harga
Pengiriman
PK
ID Pengiriman
Nama Barang
Jumlah barang
Alamat
Penerima
No Handphone
Nama Pengirim
No Rekening
Status
Pengiriman
Atas nama
Rekening
Waktu
Pengiriman
Bukti Transfer
Nama Kurir
Gambar 10. Relasi Database Sistem Toko Online Kopma BS-UPI
22
2. Spesifikasi Database
a. Produk
Field
ID Produk
Nama Barang
Harga Barang
Kategori Barang
Pemasok
Waktu Pasokan
Jumlah Pasokan
Sisa Barang
Type
Int (11)
Varchar (50)
Varchar (50)
Varchar (20)
Varchar (20)
Date
Int (11)
Int (11)
Null
No
No
No
No
No
Yes
No
No
Constraint Key
Auto_Increment
Null
No
No
No
No
No
No
Constraint Key
Auto_Increment
Null
No
No
No
No
No
No
Constraint Key
Auto_Increment
Null
Constraint Key
b. Konsumen
Field
ID Konsumen
Username
Email
Password
Alamat
No Kontak
Type
Int (11)
Varchar (20)
Varchar(50)
Varchar (11)
Text
Int (12)
c. Pesanan
Field
ID Pesanan
Nama Barang
Jumlah Pesanan
Harga Satuan
Jumlah Harga
Total harga
Type
Int (11)
Varchar (50)
Int (11)
Int (11)
Int (11)
Int (11)
d. Transaksi
Field
Type
23
ID Transaksi
Metode Pembayaran
Metode Pengiriman
No Rekening
Atas Nama
Bukti transfer
Int (11)
Boolean
Boolean
Int (50)
Varchar (50)
Image
No
No
No
No
No
No
Auto_Increment
Type
Int (11)
Varchar (50)
Int (11)
Text
Int (12)
Varchar (50)
Boolean
Date
Boolean
Null
No
No
No
No
No
No
No
No
No
Constraint Key
Auto_Increment
e. Pengiriman
Field
ID Pengiriman
Nama Barang
Jumlah Barang
Alamat Penerima
No Kontak
Nama Pengirim
Status Pengiriman
Waktu Pengiriman
Nama Kurir
G. Rancangan Prototype
Tahap ini merupakan gambaran yang jelas mengenai rancang bangun yang lengkap, kepada
para pengguna dan website yang diteliti, juga sebagai pemenuhan kebutuhan dari para
pengguna sistem. Berikut ini merupkan prototype atau tampilan dari perancangan sistem toko
online kopma BS UPI yang direncanakan, yaitu :
Halaman beranda website sebelum login
Tampilan pop-up form daftar user baru
24
LOGO
KOPMA BS
UPI
USER PANEL
LOGO
KOPMA BS
UPI
HEADER
Beranda
Katalog Barang
Distributor
Tentang kami
Pencarian
LOGIN
USER PANEL
LOGIN
Nama Barang
Username
HEADER
Beranda
Katalog Barang
Username
Kategori
Password
Login
CAROUSEL
GAMBAR-SHOW PRODUK
BERGERAK
BelumPunya Akun?
DAFTARDULU
X
Kategori
Email
Password
Login
CAROUSEL
GAMBAR-SHOW PRODUK
BERGERAK
Alamat
BelumPunya Akun?
DAFTARDULU
Daftar
Tentang kami
Nama Barang
Username
Password
Distributor
Pencarian
FORM DAFTAR
No Kontak
Daftar
Daftar
KONTEN
TAWARAN PRODUK
TERLARIS, TERBARU, TERBAIK
©2016 Kopma BS UPI
Powered by
sagurustudio.com
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Halaman katalog (list) barang
LOGO
KOPMA BS
UPI
USER PANEL
LOGO
KOPMA BS
UPI
HEADER
Beranda
Katalog Barang
Selamat Datang,
Logout
Wendy
Distributor
Tentang kami
Pencarian
USER PANEL
HEADER
Beranda
Katalog Barang
Selamat Datang,
Logout
Wendy
Distributor
Tentang kami
Pencarian
Nama Barang
Nama Barang konsumen login
Halaman beranda setelah
Kategori
Kategori
KeranjangBelanja
KeranjangBelanja
CAROUSEL
GAMBAR-SHOW PRODUK
BERGERAK
Plakat Gold No.1
StatusTransaksi
StatusTransaksi
KONTEN
TAWARAN PRODUK
TERLARIS, TERBARU, TERBAIK
Alat Tulis AIO
Rp.100.000,00
Rp.60.000,00
Beli
Beli
Qty
Qty
Cake Kopma SPC
Rp.30.000,00
Beli
Qty
StatusPengiriman
StatusPengiriman
Dodol Kacang SPC
Rp.50.000,00
Beli
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Halaman untuk iklan pencarian distributor
Qty
Catering Kopma
Rp.20.000,00
Beli
Qty
Powerbank 1000
Rp.200.000,00
Beli
Qty
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Halaman tentang perusahaan kopma BS UPI
25
LOGO
KOPMA BS
UPI
LOGO
KOPMA BS
UPI
HEADER
USER PANEL
Beranda
Selamat Datang,
Logout
Wendy
Katalog Barang
Distributor
Tentang kami
USER PANEL
Selamat Datang,
Logout
Wendy
DIBUTUHKAN DISTRIBUTOR
Bagi distributor yang berminat ingin menjajalkan produknya,
promosi, dan lain sebagainya. Silahkan ungkapkan nama produk
anda, tawaran harga, keunggulan produk dll untuk kami jajalkan.
Mari bekerjasama dengan kami, isi formdibawah ini
KeranjangBelanja
KeranjangBelanja
HEADER
Beranda
Katalog Barang
Distributor
Tentang kami
TentangKami
KOPMA Bumi Siliwangi Universitas Pendidikan Indonesia
(Kopma BS UPI) adalah lembaga ekonomi (badan usaha) yang
juga lembaga kemahasiswaan tingkat Perguruan Tinggi yang
berupa Unit Kegiatan Mahasiswa (UKM). Sehingga KOPMA
mempunyai fungsi ganda, yaitu sebagai wahana pelayanan dan
peningkatan kesejahteraan mahasiswa, juga sebagai wahana
pendidikan yaitu tempat pembentukan kader koperasi (human
invesment).
Hubungi Kami untuk lebih lanjutnya lagi
StatusTransaksi
StatusTransaksi
Submit
Status Pengiriman
Website : kopma-bs.com
HP : 0898878888
Alamat : Jl. Setiabudhi No.01 Universitas Pendidikan Indonesia
Status Pengiriman
©2016 Kopma BS UPI
Powered by
sagurustudio.com
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Tampilan pop-up form transaksi awal
LOGO
KOPMA BS
UPI
LOGO
KOPMA BS
UPI
HEADER
USER PANEL
Beranda
Katalog Barang
Selamat Datang,
Logout
Wendy
Distributor
Tentang kami
Nama Barang
Tampilan pop-up menu
keranjang belanja
Kategori
Nama Barang
No
KeranjangBelanja
Plakat Gold No.1
1
X
Kuantitas (Qty)
Harga Satuan
JumlahHarga
Aksi
1
Rp. 100.000,00
Rp. 100.000,00
Edit
Hapus
2
Alat Tulis AIO
10
Rp. 60.000,00
Rp. 600.000,00
Edit
Hapus
3
Cake Kopma SPC
30
Rp. 30.000,00
Rp. 900.000,00
Edit
Hapus
StatusTransaksi
Status Pengiriman
Total harga
Beranda
Katalog Barang
Selamat Datang,
Status TransaksiLogout
Wendy
Pencarian
Keranjang Belanja
USER PANEL
HEADER
Rp. 1.600.000,00
CHECKOUT
Distributor
Tentang kami
Pencarian
Nama Barang
Silahkan Pilih Metode Pembayaran
Kategori
Transfer :
Mandiri (11223243543343 a.n : Kopma BSUPI)
X
Selanjutnya, Silahkan Pilih
Metode Pengiriman Anda :
JNE Reguler
BNI (45665748598 a.n : Kopma BSUPI)
TIKI
BRI (11223243543343 a.n : Kopma BS UPI)
FedEx
KeranjangBelanja
No. Rekening
Statu
sTran
saksia
Atas
Nam
Status Pengiriman
Selanjutnya
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Tampilan pop-up konfirmasi transaksi
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Tampilan pop-up rincian pengiriman
26
LOGO
KOPMA BS
UPI
LOGO
KOPMA BS
UPI
HEADER
HEADER
Status Pengirimani
Beranda
Katalog Barang
USER
PANEL
Status
Transaksi
Selamat Datang,
Logout
Nama:Barang
WendyTotal Uang yang harus Ditransfer adalah
Total Harga Barang
Biaya Pengiriman
Total Transfer
Distributor
Pencarian
Beranda
Tentang kami
X
USER PANEL
Selamat Datang,
Logout
Wendy
: Rp.1.600.000,00
Kategori
: Rp.20.000,00
: Rp.1.620.000,00
2
Nama Barang
Kuantitas (Qty)
Nama Barang
1
Plakat Gold No.1
Kategori
Alat Tulis AIO
10
3
Cake Kopma SPC
No
1
Dari
Bank Mandiri
No Rekening 244656743436546
a/n Wendi Kuswiandi
Katalog Barang
Distributor
Barang yang di Pesan yaitu : Pencarian
Tentang kami
X
30
Barang dikirimkan ke tujuan sesuai data user ketika mendaftar yaitu :
Alamat
: Kp. Sukatambah RT.05 RW.04 Kec. Cikajang Kab. Garut
No Telpon : 08987712794
KeranjangAtas
BelanNam
ja a : Wendi Kuswiandi
KeranjangBelanja
Ke
Bank Mandiri
No Rekening 11223243543343
a/n Kopma BS UPI
StatusTransaksi
Silahkan Sertakan bukti transfer setelah anda melakukan transaksi, dengan
mengisi formberikut
Bukti Transfer
BROWSE
Status :
Sudah Di Kirim
Pada hari Senin Tanggal 30 Mei 2016
Ke Kurir
StatusTransaksi
JNE
Tunggu 2 atau 4 hari maksimal untuk barang sampai di tujuan
Terimakasih Telah Berbelanja di Online Shop Kopma BSUPI J
Status Pengiriman
Status Pengiriman
Selesai
Selesai
©2016 Kopma BS UPI
Powered by
sagurustudio.com
©2016 Kopma BS UPI
Powered by
sagurustudio.com
H. Pengembangan, Testing dan Implementasi
Pada tahap ini, digunakan PHP 5.0.3 sebagai bahasa pemrograman dan MySQL versi 5.0.27
sebagai
data
basenya,
sedangkan
web
servernya
menggunakan
Apache/2.0.53
(Win32)
mod_ssl/2.0.53, dan toolkit untuk SSLnya menggunakan OpenSSL/0.9.7e yang kesemuanya itu open
source dan handal. Dalam mengkonfigurasi GUI programnya pada pembuatan home page,
selanjutnya menggunakan Macromedia Dreamweaver MX sedangkan pengolahan gambarnya
menggunakan Adobe Photoshop CS.
Pada tahap ini dilakukan pengujian pemesanan produk secara online yang telah dibangun dengan
motode black box dan white box untuk unit test dan integration test. Dengan menggunakan metode
white box yaitu melakukan testing dengan melihat source code program dengan cara menjalankan
debugging program ternyata tidak ditemukan program yang error dan dengan metode black box yaitu
melakukan tanpa melihat source code program dan dijalankan oleh tester atau user untuk mengamati
program apakah telah menerima input, memproses, dan menghasilkan output ternyata telah berjalan
dengan benar.
Tahap ini merupakan tahap untuk melakukan training dan konversi data. Seteleh itu aplikasi
pemesanan produk berbasis web ini dapat dipakai oleh user (go live) menggantikan sistem yang lama.
Adapun perangkat keras yang digunakan pada tahap implementasi ini adalah Personal Computer (PC)
dengan prosessor core i3 2,4 Ghz, RAM 2 GB dan hardisk 500 GB.
BAB IV
27
PENUTUP
A Kesimpulan
Dari perancangan sistem pemesanan produk berbasis web toko onlie Kopma BS UPI ini, maka dapat
ditarik beberapa kesimpulan antara lain :
1. Dengan aplikasi yang diusulkan ini Kopma BS UPI khususnya Bidang usaha dapat meningkatkan
kinerja organisasi dengan semakin luasnya jangkauan pemasaran produk kepada konsumen
melalui layanan toko online berbasis web.
2. Sistem pemesanan produk berbasis web ini memudahkan konsumen untuk mendapatkan
informasi secara lengkap dan cepat, mulai dari informasi tentang nama dan gambar produk yang
tersedia hingga transaksi dan metode pengiriman.
3. Aplikasi ini memudahkan kinerja pimpinan organisasi dalam mendapatkan laporan/report secara
detail dari setiap bidang perusahaan.
4. Dengan diberlakukannya sistem ini, maka kesalahan data dan kesalahan penghitungan keuangan
hasil transaksi terhadap konsumen dapat diminimalisir.
5. Sistem basis data pada aplikasi ini lebih mudah diakses oleh seluruh bidang yang ada pada
Kopma BS UPI sehingga data mudah diupgrade dan terkontrol.
B Saran
Saran yang dapat penulis berikan guna pengembangan sistem pemesanan berbasis web ini yang lebih
baik lagi adalah :
1. Sistem yang diusulkan ini memfokuskan pada pembahasan mengenai pemesanan terhadap barang
saja dan belum memperhatikan aspek multimedia. Oleh karena itu penulis menyarankan agar
aplikasi web ini dapat dikembangkan secara lebih sempurna.
2. Di masa mendatang sistem ini dapat dikembangkan lagi menjadi e-commerce dengan sistem
transaksi online yang berlangsung secara real time.
3. Sistem toko online berbasis web ini perlu dilengkapi dengan sistem keamanan yang lebih baik
lagi seperti dengan mengaktifkan control security system untuk perkembangan selanjutnya.
4. Website ini memerlukan SDM yang handal dan kompeten dalam Maintenace website agar tidak
terlihat sederhana dan mampu meningkatkan daya tarik yang tinggi bagi setiap pengunjungnya.
DAFTAR PUSTAKA
28
Jogiyanto. 2001. Analisis dan Desain Sistem Informasi : Pendekatan Terstruktur Teori dan
Praktek Aplikasi Bisnis . Yogyakarta : Andi.
Kadir, Abdul. 2002. Dasar Pemrograman Web Dinamis menggunakan PHP. Yogyakarta: Andi.
Putranto, Erie. 2004. Cepat dan Mudah Membangun Toko Online. Yogyakarta: Andi.
29
Puji serta syukur kepada Allah SWT yang telah memberikan karunia dan rahmat-Nya sehingga
Tugas Analisis dan Perancangan Sistem dari hasil observasi mengenai Toko Online Kopma BS
Universitas Pendidikan Indonesia (Kopma BS UPI) ini dapat diselesaikan. Tak lupa shalawat
serta salam, semoga selalu tercurahkan kepada nabi besar kita Nabi Muhammad SAW, para
keluarganya, sahabat-sahabatnya, tabiit-tabiitnya sampai pada kita selaku umatnya.
Analisis Perancangan Sistem ini merupakan tugas yang disusun sebagai salah satu tugas mata
kuliah Analisis Perancangan Sistem. Dalam penyusunannya terdapat banyak kendala, namun
berkat bantuan dari banyak pihak dalam bentuk motivasi pengarahan maupun informasi maka
makalah ini dapat diselesaikan.
Pada kesempatan ini, penulis mengucapkan terima kasih kepada semua pihak yang telah
membantu, yaitu:
1. Allah SWT yang selalu memberikan kemudahan dari setiap kesulitan, selalu mengasihi dan
menyayangi hamba-Nya yang membutuhkan.
2. Pihak Kopma BS UPI yang telah mempersilahkan penulis untuk melakukan observasi di
tempat.
3. Dr. Deni Kurniawan, M.pd selaku dosen pengampu mata kuliah Analisis dan Perancangan
Sistem yang telah membimbing kami selama ini.
4. Seluruh teman-teman penulis yang sudah mengisi hari-hari penulis dan memberi motivasi
dan bantuannya.
Untuk itu hanya kepada Allah SWT penulis serahkan, semoga segala amal baik mereka
dapat diterima dan mendapat imbalan yang berlipat ganda. Amin.
i
DAFTAR ISI
KATA PENGANTAR................................................................................................................ i
DAFTAR ISI.............................................................................................................................. ii
BAB I PENDAHULUAN
A. Latar Belakang................................................................................................................. 1
B. Rumusan Masalah............................................................................................................ 1
C. Pembatasan Masalah........................................................................................................ 1
D. Tujuan dan Manfaat......................................................................................................... 2
E. Metode perancangan sistem............................................................................................. 2
BAB II ANALISIS SISTEM YANG BERJALAN
A. Sekilas tentang Kopma BS UPI....................................................................................... 4
B. Deskripsi Tugas................................................................................................................ 4
C. Analisa Sistem yang berjalan........................................................................................... 5
BAB III DESAIN SISTEM USULAN
A. Prosedur Perancangan Sistem.......................................................................................... 12
B. Use Case Diagram............................................................................................................ 12
C. Activity Diagram.............................................................................................................. 15
D. Sequence Diagram........................................................................................................... 18
E. Diagram Konteks.............................................................................................................. 19
F. Rancangan Database......................................................................................................... 22
G.Rancangan Prototype........................................................................................................ 24
H. Pengembangan, Testing dan Implementasi.................................................................... 27
BAB IV PENUTUP
A Kesimpulan....................................................................................................................... 28
B. Saran................................................................................................................................. 28
DAFTAR PUSTAKA................................................................................................................. 29
ii
BAB I
PENDAHULUAN
A. Latar Belakang
Dengan kemajuan teknologi saat ini, banyak hal yang dapat dilakukan oleh manusia dalam
melakukan kegiatan walaupun berada ditempat yang berbeda dan jauh. Perkembangan
teknologi sendiri memang bertujuan utnuk memudahkan pekerjaan manusia. Menyikapi
persaingan yang semakin kompetitif pada jalannya sebuah bisnis, maka akan memunculkan
ide untuk memadukan
antara
teknologi informasi
dengan bisnis. Toko online
menggambarkan cakupan yang luas mengenai teknologi informasi. Dengan menggunakan
toko online ini, penjual akan dapat memasarkan produknya kepada konsumen dengan
jangkauan yang cukup jauh, sehingga dapat memperluas produk atau jasa yang ditawarkan.
Kopma BS UPI salah satu perdagangan yang memiliki cukup banyak pelanggan khususnya
masyarakat UPI. Selain mendagangkan dagangannya berupa makanan, kopma BS UPI
membuka usaha catering. Untuk mempermudah jalannya usaha catering ini, maka dibuatlah
system toko online bagi konsumen yang memesan jasa catering kopma BS UPI. Melalui
layanan online ini diharapkan dapat memudahkan konseumen untuk mendapatkan informasi
secara lengkap.
B. Rumusan Masalah
Dengan adanya penjelasan tersebut di atas dapat teridentifikasi permasalahan, yaitu :
Bagaimana kopma-bs upi dapat memperluas jangkauan pemesanan produk kepada
konsumen melalui layanan toko online berbasis web?.
C. Pembatasan Masalah
Memperhatikan begitu luasnya masalah yang berhubungan dengan pemesanan produk
berbasis website, penyusun membatasi pembahasan analisis perancangan sistem ini mengenai
sistem pelayanan pemesanan melalui pembayaran secara cash (baik secara langsung maupun
1
via transfer bank).Pengembangan sistem toko online ini hanya diterapkan pada bidang usaha
penjualan Kopma-BS UPI.
D. Tujuan dan Manfaat
Penyusunan laporan ini bertujuan untuk menganalisa dan membuat aplikasi system
pemesanan produk berbasis online yang dapat menyajikan informasi yang dibutuhkan oleh
konsumen.
Sedangkan manfaat dari penyusunan dokumen ini adalah sebagai berikut :
a. Bagi penulis
Menambah wawasan penulis tentang teknologi informasi khususnya dalam ruang lingkup
pemesanan yang berbasis web/online.
b. Bagi produsen
Dengan penelitian ini diharapkan dapat mempermudah kinerja sehingga dapat
menguntungkan dalam hal pemasarannya.
E. Metode perancangan sistem
Metode System Development Life Cycle digunakan untuk pengembangan sistem. Pada
metode dan pendekatan ini terdapat 7 tahap diantaranya sebagai berikut :
1. Perencanaan (planning)
yaitu membuat perencanaan yang berkaitan dengan proyek sistem informasi, misalnya
alokasi waktu dan sumber daya, jadwal proyek, dan cakupan proyek.
2. Analisa (analysis)
Pada tahap ini dilakukan analisis terhadap workflow sistem yang sedang berjalan.
3. Desain (design)
Pada tahap ini dilakukan perancangan workflow manajemen dan design pemrograman
yang diperlukan untuk pengembangan aplikasi. Ada dua jenis desain yang akan dibuat
2
dalam aplikasi ini, yaitu desain proses bisnis dan desain pemrograman. Desain
pemrograman terdiri dari desain database dan desain screen layout.
4. Pengembangan
Yaitu kegiatan yang dilakukan adalah mentransfer dari hasil perancangan ke dalam
coding bahasa pemrograman. Bahasa pemrograman yang digunakan adalah PHP sebagai
aplikasi interface dan My SQL sebagai basis datanya.
5. Testing (testing)
Yaitu melakukan pengujian terhadap sistem informasi yang telah dibuat.
6. Implementasi (implementation)
Yaitu menerapkan sistem informasi yang telah dibuat untuk digunakan user.
7. Pengoperasian dan pemeliharaan (operations and maintenance)
Yaitu kegiatan untuk mendukung beroperasinya sistem.Pemeliharaan sistem akan
dilakukan oleh seorang administrator, yang akan meng-update data agar tetap up to date.
3
BAB II
ANALISIS SISTEM YANG BERJALAN
A. Sekilas tentang Kopma BS UPI
KOPMA Bumi Siliwangi Universitas Pendidikan Indonesia (Kopma BS UPI) adalah
lembaga ekonomi (badan usaha) yang juga lembaga kemahasiswaan tingkat
Perguruan Tinggi yang berupa Unit Kegiatan Mahasiswa (UKM). Sehingga KOPMA
mempunyai fungsi ganda, yaitu sebagai wahana pelayanan dan peningkatan
4
kesejahteraan
mahasiswa,
juga
sebagai
wahana
pendidikan
yaitu
tempat
pembentukan kader koperasi (human invesment). Fungsi dan peran itu diwujudkan
dengan kegiatan sehari-harinya dalam bentuk:
Menyediakan pelayanan untuk memenuhi kebutuhan pokok mahasiswa (student
basic need’s).
Menyelenggarakan program-program pendidikan, pelatihan dan kepemimpinan
(idealism dan leadership need’s)
Menyediakan sarana dan aktivitas yang dapat menunjang profesi.
Merupakan salah satu lembaga kemahasiswaan.
Dalam pelaksanaannya kopma bumi siliwangi dalam melaksanakan program
utamanya yang menjadi unggulan yaitu unit usaha.
B. Deskripsi Tugas
Dalam bagian ini dijelaskan mengenai Tugas pokok dan fungsi setiap bagian
organisasi. Penjabaran dari tugas pokok setiap bagian adalah sebagai berikut :
1. Ketua Bidang Usaha
Bertanggungjawab untuk menganalisis statistik perusahaan, untuk dirancang strategi
usaha selanjutnya.
2. Keuangan
Bertanggungjawab untuk mencatat setiap tansaksi yang dilakukan dan melakukan
pembukuan keuangan.
3. Pelayan Bidang Usaha
Bertugas mengantar menu pesanan ke konsumen dan proses transaksi secara langsung
maupun order pesanan tidak langsung. Selain itu berlaku sebagai pemasarna produk
dibagian order produk secara jarak jauh.
4. Karyawan Gudang
Bertugas merapihkan setiap barang di gudang dan memonitor keluar masuk barang lalu
menyalurkan setiap barang atau produk ke bagian penjualan.
5
C. Analisa Sistem yang berjalan
1. Sistem yang berjalan
a. Konsumen biasanya memesan produk atau barang secara langsung ke lokasi kopma
BS UPI atau melakukan order secara tidak langsung melalui nomor telepon resmi,
atau media sosial facebook dan line kopma BS UPI. Konsumen diberikan keleluasaan
untuk memilih produk atau barang berdasarkan katalog yang sudah disediakan.
Konsumen tidak dapat melakukan penawaran, karena harga produk atau barang sudah
ditentukan sebelumnya.
b. Setelah konsumen memilih produk atau barang, selanjutnya dilakukan pengecekan
ketersediaan stok barang di gudang sesuai dengan jumlah yang diinginkan.
c. Jika masih ada stok barang maka konsumen dapat memesan sesuai produk atau
barang yang disetujui, lalu akan dihitung harganya. Khusus untuk peminjaman barang
seperti projector maka harus ada jaminan KTP / KTM / Tanda Pengenal lainnya.
d. Karena jenis produk atau barang di kopma bersifat heterogen dan beragam maka
kopma membuat ketentuan atau peraturan mengenai pemesanan/pembelian suatu
barang yang dijelalaskan di bagian lain dalam tulisan ini.
e. Jika kasusnya pesanan dari jarak jauh maka selain proses diatas secara umum di
minta uang DP sebesar Rp.50.000 yang di transfer ke rekening kopma BS UPI.
Pesanan jarak jauh tidak berlaku untuk peminjaman barang seperti projector.
f. Setelah proses pemesanan selesai lalu dibuatkan invoice sebagai bukti transaksi.
Invoice dibuat rangkap 3 yaitu untuk consume, bagian keuangan dan pelayan bidang
usaha. Jika pemesanan jarak jauh maka pengganti invoice adalah bukti transfer ATM
yang dikirimkan oleh konsumen melalui SMS atau akun medsos kopma BS UPI.
g. Produk akan diterima konsumen secara langsung jika barang yang siap bawa/saji
seperti ATK. Jika barang yang memerlukan pembuatan khusus seperti cake, catering
maka produk atau barang akan dikirimkan dalam jangka waktu tertentu dan di
konfirmasi ke kontak konsumen sesuai data yang diberikan konsumen. Pengiriman
barang jika dekat dilakukan dengan kendaraan motor jik ajauh dikirimkan dengan
JNE khusus di kopma BS UPI.
h. Pelayan bidang usaha menyetorkan data transaksi ke bagian keuangan.
6
i. Jika produk atau barang sudah tidak tersedia maka unit usaha kopma akan membawa
barang stok dari supplier yang mengadakan kerjasama dengan kopma BS UPI.
j. Unit usaha kopma BS UPI juga membuka kesempatan bagi supplier lain yang ingin
bergabung menjajalkan produk atau barangnya. Tetapi sebelumnya terdapat
penawaran dan kesepakatan tentang harga barang yang akan dijajalkan sebelum
disetujui.
k. Karyawan gudang dapat mencatat barang yang baru masuk disertai dengan nama
barang, harga, supplier, dan jumlah stok.
Berikut ini gambaran dari sistem yang sedang berjalan dengan workflow:
Workfow Pemesanan Sistem penjualan dan pembelian produk atau barang Kopma BSUPI
Konsumen
Pelayan Bidang
Usaha
Karyawan Gudang
Mulai
Memberikan Katalog
online/of
ine
Stok Barang
Supplier
Keuangan
Ketua
Pesan dari Supplier
Menerima Invoice
Menerima Data
Statistik
Cek Ketersediaan
List Produk yang
dipesan
Olah data
Invoice
Olah stratrgi
perusahaan
Barang Gudang
Invoice
Total
Pendapatan
Rapat
Perusahaan
Data Statistik
Kebijakan/Strategi
baru
Langsung
Pembelian
Tidak
Langsung
Memilih Barang
Order via Media
Sosial
Tidak Ada
Pesan barang
Ketersediaan
Konfrmasi
Pembuatan/
Penambahan Barang
Ada
Penerapan
Peraturan dan
ketentuan barang
Harga total
Barang untuk order tidak langsung
Pemesanan ke
Supplier
JenisBarang
Barang
Tunggu
Bisa dibawa
Pembayaran
Selesai
u/
kons
Invoice
Konfrmasi Barang
Masuk
u/
keuangan
Gambar 1. Workflow sitem toko kopma bs UPI yang sedang berjalan
2. Peraturan dan ketentuan yang berlaku
7
a. BS-Catering
1) Uang DP dari pemesanan BS-Catering minimal Rp. 50.000
2) Minimal pemesanan BS-Catering 50 Dus (Pemesanan hanya berlaku di
hari weekend)
3) Bs-catering hanya dapat melayani mulai Pkl. 10.30-18.00 WIB, jika pesanan
diluar Kampus dan membutuhkan jasa delivery, maka dikenakan Biaya tambahan
sesuai dengan beban biaya Transportasi.
4) Pemesanan paling lambat H-1 dan dilakukan pada jam kerja (07.00-16.00
WIB)
b. BS-Cakes
1) Uang DP dari pemesanan BS-Catering minimal Rp. 50.000.
2) Minimal pemesanan BS-Cakes 50 Dus
3) Bs-Cakes hanya dapat melayani mulai Pkl. 08.00-18.00 WIB, jika pesanan diluar
Kampus dan membutuhkan jasa delivery, maka dikenakan Biaya tambahan sesuai
dengan beban biaya Transportasi.
4) Pemesanan paling lambat dilakukan H-2
c. Infocus
1) Biaya Peminjaman Rp 20.000,- / jam bagi Non Anggota dan Rp. 17.500,- / jam
bagi Anggota
2) Biaya Peminjaman Rp. 200.000,- / 12 jam bagi Non Anggota dan Rp. 175.000,- /
12 jam Bagi Anggota
3) Jika terjadi keterlambatan dalam pengembalian maka akan dikenakan Sanksi Rp.
5.000,- / 15 Menit dan berlaku kelipatannya
4) Toleransi keterlambatan waktu peminjaman hanya 30 menit setiap kali
peminjaman. Contoh : Si A meminjam 2 Jam dari Pkl. 08.00, akan tetapi
dikembalikan Pkl. 10.30. total lama peminjaman tidak 2,5 jam ( 08.00-10.30)
tetapi dihitung 2 jam karena 30 menit toleransi untuk perjalanan pengembalian.
5) Besaran Uang Muka (DP) minimal Rp. 10.000 untuk peminjaman dibawah 2 jam,
dan Rp. 20.000 untuk diatas 2 Jam.
6) Apabila peminjaman di cancel, maka uang muka tidak dapat diambil.
8
7) Biaya sewa memakai screen atau tidak, tetap dikenakan biaya yang sama sesuai
dengan peraturan No. 1 atau No. 2. ( screen dianggap bonus peminjaman )
8) Screen hanya dapat di sewa ketika tidak ada peminjaman Infocus+Screen.
9) Jika peminjam hanya ingin menyewa Screen, maka dikenakan biaya sewa Rp.
7.500/jam bagi Non Anggota dan Rp. 5.000/jam bagi Anggota.
d. Plakat
1) Untuk pemesanan plakat marmer bentuk plakat tidak dapat dipastikan, hanya dapat
ditentukan warna dan gambar background. Background dapat di tentukan oleh
pemesan.
2) Minimal waktu pemesanan, 3 hari untuk Plakat Marmer, 5 Hari untuk Plakat
Akrilik, Akrilik Kayu, dan Patung Wisuda (misal pemesanan Rabu untuk plakat
Marmer, maka plakat dapat diambil hari Jum’at mulai Pukul. 13.00 Wib)
3) Besarnya uang Muka (DP) untuk 1 Buah plakat minimal Rp. 10.000 dan Rp.
20.000 untuk 2 Plakat lebih.
4) Tidak ada potongan Harga (Diskon) pada setiap pemesanan plakat, diskon hanya
berlaku bagi pemesanan Minimal 15 Buah yaitu sebesar 5% dari harga jual untuk
semua jenis Produk Plakat
5) Jika setelah plakat jadi dan ada kesalahan, dan kesalahan tersebut berasal dari
konsumen maka dikenakan biaya tambahan Rp. 5000 untuk satu buah plakat.
6) Laporkan segera kepada bidang usaha mengenai adanya kesalahan tersebut agar
segera diperbaiki
e. BS- PG
Produk BS-PG adalah barang-barang yang bersifat kebutuhan umum seperti Pin,
Stiker, Kaos, Jaket, dll.
Peraturan dan Ketentuan Pemesanan
Jam Dinding, Gelas dll (tidak termasuk sticker)
9
1) Pemesanan jam dinding minimal 3 buah
2) Minimal pemesanan paling lambat 1 minggu
3) Dikenakan biaya tambahan Rp. 5000/buah
f. BS-Book
BS-Book adalah penyediakan berbagai jenis buku perkuliahan untuk berbagai
jurusan.
Peratuan dan Ketentuan
1) Lama pemesanan buku maksimal 1 minggu serta tuliskan dengan jelas judul buku,
pengarang dan penerbit seratakan juga harga dan jumlah pemesanan.
2) DP dari pemesanan minimal Rp. 10.000.
3) Apabila terjadi kesepakatan, catat kelengkapan Administrasi pada lembar data
pemesanan Produk BS-Book KOPMA BS UPI dalam Buku Data Transaksi Usaha
2015 KOPMA BS UPI sesuai dengan format yang telah disediakan.
3. Kelebihan dan Kelemahan Sistem yang berjalan
a. Kelebihan
1) Karena prosesnya masih bersifat manual dan belum terkomputerisasi dalam
proses transaksi, maka tidak memerlukan biaya yang mahal untuk pembelian dan
perawatan software dan hardware.
2) Tidak memerlukan biaya untuk membangun ataupun membeli program aplikasi
berbasis web yang dapat dipesan atau didesain sesuai dengan kebutuhan.
3) Tidak memerlukan biaya untuk membayar seorang programmer yang terlatih
untuk membangun atau mengembangkan suatu aplikasi berbasis web untuk sistem
penjualan tersebut.
b. Kelemahan
1) Layanan untuk wilayah pemasaran jauh masih belum optimal karena tidak
mempunyai layanan online web tetap, jadi susah untuk populer.
2) Layanan pemesanan dengan cara konsumen datang langsung ke perusahaan untuk
mendapatkan informasi mengenai produk mengakibatkan konsumen harus
menunggu giliran untuk mendapatkan informasi mengenai produk/barang.
10
3) Adanya kelebihan informasi pada bidang pelayan bidang usaha, dilihat dari faktur
rangkap 3 yang diterimanya.Sebab pada faktur tersebut terdapat nama konsumen,
detail harga dan detail barang yang dipesan. Padahal yang diperlukan hanya detail
barang saja.
4) Pada Bidang Keuangan dan Supplier masing-masing mendapatkan pesanan
barang dan menerima kembali detail pesanan setelah faktur dicetak oleh Bidang
Pemasaran dan Penjualan berbentuk faktur rangkap 2 untuk Bidang Keuangan dan
rangkap 3 untuk bidang Pengadaan. Sehingga pada kedua Bidang tersebut
mendapatkan dua informasi secara bersamaan pada satu pesanan.
5) Keakuratan pencatatan data relatif kurang terjaga karena dalam proses manipulasi
database hanya dapat dilakukan oleh seorang karyawan.
4. Identifikasi Masalah
a. Pemasalahan Pada Sistem yang Sedang Berjalan
Pertama, Layanan promosi dan pemesanan terbatas dan kurang optimal. Sebab
konsumen hanya dapat memperoleh detail informasi mengenai produk dengan cara
datang langsung ke perusahaan atau info sebatas di media sosial yang kurang untuk
populer.
Kedua, Adanya kelebihan informasi pada bidang produksi dan pengadaan, dilihat dari
invoice rangkap 3 yang diterimanya. Sebab pada invoice tersebut terdapat nama
konsumen, detail harga dan detail barang yang dipesan. Padahal yang diperlukan
hanya detail barang saja.
5. Pemecahan Masalah
Berdasarkan uraian di atas, maka tidak optimalnya layanan pemesanan dan transaksi
kopma-bs upi dapat diselesaikan dengan menggunakan suatu aplikasi dengan
memanfaatkan teknologi internet. Aplikasi yang penulis maksud adalah aplikasi toko
online berbasis web. Aplikasi ini layak untuk diterapkan pada bidang usaha kopma-bs
upi.
11
BAB III
DESAIN SISTEM USULAN
A. Prosedur Perancangan Sistem
Adapun prosedur perancangan sistem yang diusulkan diantaranya :
1. Konsumen dapat mencari barang dan membelinya di toko online http://kopma-upi.com.
2. Admin dapat mengakses data produk/barang yang tersedia di database.
3. Konsumen harus terdaftar terlebih dahulu agar dengan data login, konsumen dapat
terverifikasi benar dan dapat mengakses data pesanan yang telah ia lakukan.
4. Konsumen dapat mencari produk/barang sesuai kriteria yang diinginkan
5. Admin dapat menghapus, menambah dan mengubah data produk/barang dari data stok
yang tersedia.
6. Konsumen hanya dapat menambah dan menghapus data barang yang ia pesan.
7. Konsumen dapat melihat data tampilan pesanan yang ia lakukan. Didalamnya terdapat
prosedur pembayaran melalui transfer ATM/tunai yang dilakukan secara aman dengan
bukti penyetoran.
8. Admin dapat melihat info pemesanan dari konsumen untuk selanjutnya di transfer ke
bagian pengiriman barang.
12
9. Konsumen dapat menerima barang secara langsung melalui paket pengiriman seperti
JNE.
10. Di akhir penggunaan toko online konsumen dan admin dapat melakukan logout.
B. Use Case Diagram
Use case diagram mendeskripsikan ineraksi antara aktor didalam sistem informasi yang
dirancang dengan aplikasi yang dibuat. Use case diagram menjelaskan hubungan fungsional
yang diharapkan dari perancangan sebuah sistem. Dalam hal ini yang lebih ditekankan adalah
“apa” yang dapat diperbuat sistem, bukan “bagaimana”. Sebuah usecase menggambarkan
sebuah interaksi yang terjadi antara aktor dengan sistem. Use case merupakan sebuah
pekerjaan tertentu, misalnya login user ke sistem, membuat daftar nama siswa, memasukkan
nilai siswa, memasukkan jadwal pelajaran siswa, dan lain sebagainya. Seorang/ sebuah aktor
adalah sebuah entitas manusia atau mesin yang dapat berinteraksi dengan sistem untuk
melakukan pekerjaan-pekerjaan tertentu. Use case diagram dapat sangat membantu, terutama
saat kita sedang menyusun requirement dari sebuah sistem, membuat perencanaan modul
dalam sistem, mengkomunikasikan rancangan sistem dengan klien, dan merancang test case
untuk semua feature yang ada pada sistem. Jadi, usecase diagram sangat berpengaruh dalam
perancangan sebuah sistem atau dapat dikatakan bahwa use case diagram adalah dasar dari
perencanaan sistem.
1. Identifikasi Aktor
Indentifikasi aktor mendeskripsikan interaksi antar aktor di dalam sistem informasi
kopma bs upi, diantaranya :
a. Admin
Orang yang terdaftar sebagai admin toko online kopma-bs upi yang bertugas
menghapus, menambah, dan mengubah list barang yang ada di toko online dengan
menggunakan fungsi login.
b. Konsumen
Orang yang bebas dan harus terdaftar di toko online kopma-bs upi. Konsumen dapat
melakukan proses pembelian produk/barang kopma bs upi yang dapat menambah atau
menghapus produk belanja sesuai keinginan untuk menghasilkan transaksi di akhir.
2. Use Case Diagram
13
Hal yang pertama dilakukan adalah Identifikasi Diagram Use Case yang menggambarkan
interaksi antar aktor yang telah dijelaskan sebelumnya. Berikut ini identifikasi use case
dari sistem toko online kopma-bs upi.
No
1
Nama User
Case
Login
Deskripsi
Aktor
Kegiatan untuk memasukkan username
dan password untuk mengakses sistem
2
Daftar
Kegiatan
untuk
mendaftrakan
Konsumen
Konsumen di sistem agar tercatat
keaslian data dan syarat untuk
melakukan transaksi
Manipulasi Data Pesanan/ Data Produk
3
Tambah barang
Kegiatan menambah produk ke list
keseluruhan atau transaksi di sistem
toko online kopma-bs upi
4
Hapus barang
Kegiatan menghapus produk ke list
keseluruhan atau transaksi di sistem
toko online kopma-bs upi
5
Ubah barang
Kegiatan mengubah barang yang ada di
list keseluruhan karena perubahan dari
jumlah stok, harga, kondisi dll.
Konsumen
6
Konsumen
7
8
9
10
11
12
Pencarian barang Kegiatan mencari barang keseluruhan
yang sudah di list oleh admin
Kategori barang Kegiatan mengklasifikasikan berbagai
barang/produk di kopma-bs upi yang
beragam dan heterogen
Lihat Daftar
Kegiatan menampilkan list barang dan
Pembelian
harga total yang telah dipilih sesuai
keinginan konsumen
Info Barang
Kegiatan menampilkan list barang dan
Pesanan
harga yang dipesan ke admin
Konfirmasi bukti Kegiatan meminta bukti konfirmasi
pembayaran
dengan data jumlah uang yang
dibayarkan dan no rekening konsumen
Info Pembayaran Kegiatan menampilkan bukti
pembayaran oleh konsumen ke admin
Proses
Kegiatan yang dilakukan oleh jasa
Pengiriman
pengiriman barang dari pihak kopma bs
upi ke pelanggan
Konsumen
Admin, Konsumen
Admin, Konsumen
Admin
Admin
Konsumen
Admin
Konsumen
Admin
Admin
Berikut ini gambaran dari diagram use case dari sistem yang diusulkan :
14
Login
Konsumen
Daftar
Kategori Barang
List Pembelian
Pencarian Barang
Tambah barang
Manipulasi
Data Produk
Admin
Hapus Barang
Manipulasi
Data Pesanan
Ubah Barang
Konfrmasi
Bukti Pembayaran
Info Barang
Pesanan
Logout
Info Pembayaran
ProsesPengiriman
Gambar 2. Diagram Use Case Sistem Toko Online Kopma-BS UPI
C. Activity Diagram
Activity diagram adalah teknik untuk mendiskripsikan logika procedural, proses bisnis, dan
aliran kerja dalam banyak kasus. Activity diagram mempunyai peran seperti halnya
flowchart, akan tetapi perbedaannya dengan flowchart adalah activity diagram bisa
mendukung perilaku parallel sedangkan flowchart tidak bisa.. Activity diagram
menggambarkan aktifitas-aktifitas yang terjadi dalam sistem toko online kopma-bs upi.
Berikut activity diagram yang diusulkan :
15
1. Activity Diagram Konsumen
Daftar
Login
Tidak Punya
Ketersediaan akun
Punya
List
Katalog Barang
Pencarian Barang
Ya
Manipulasi Data
Pesanan
Edit pesanan
Tidak
Konfrmasi
Bukti Pembayaran
Logout
Gambar 3. Activity Diagram Konsumen Sistem Toko Online Kopma-BS UPI
16
2. Activity Diagram Admin
List
Katalog Barang
Ya
Manipulasi List
Produk
Kelola Produk
Tidak
Info Barang
Pesanan
Info Pembayaran
Proses Pengiriman
Barang
Gambar 4. Activity Diagram Admin Sistem Toko Online Kopma-BS UPI
17
D. Sequence Diagram
Konsumen
Login
Daftar
KatalogBarang
Pencarian
Barang
Manipulasi
DataPesanan
Konfrmasi
Pembayaran
Logout
Manipulasi
DataBarang
Info Barang
Pesanan
Info
Pembayaran
Proses
Pengiriman
Admin
Masukkan user
dan Password
Verifkasi
Tidak terverifkasi
terdaftar
Menampilkan formdaftar
Masuk ke berandaberisi katalog barang
Menamiplkan List Katalogbarang beserta harga
Memasukkan keyword barangyangdiinginkan
Menampilkan barang sesuai keyword yang dimasukkan
Tambah, Hapus Data Pemesanan
Tampilan barangyangditambahkan
Konfrmasi setelah melakukan pembayarak kebank/ATM, dengan upload gambar
Tampilan Konfrmasi berhasil
Menekan tombol logout
Kembali ke halaman login
Tambah, Hapus, Ubah Data Barang
Tampil List Barang
Akses menu datapesanan
Muncul tabel data pesanan dari konsumen
Akses menu info pembayaran
Muncul tampilan konfrmasi
pembayaran yang sudah dilakukan
Input status
Pengiriman
muncul tampilan
status pengiriman
Gambar 5. Sequence Diagram
18
E. Diagram Konteks
Diagram konteks atau disebut juga dengan model sistem fundamental merepresentasikan
seluruh elemen sistem sebagai sebuah lingkaran tunggal tepat ditengah data input dan data
output yang ditunjukan oleh anak panah dengan masuk kedalam sistem dan arah keluar
sistem secara berurutan.
Admin
Login
Data Produk
Data Pengiriman
Validasi
Info Pesanan
Sistem
Pemesanan
Online
Kopma BS UPI
Validasi
Info pengiriman
Info Kriteria Produk
Konsumen
Login
Data Pesanan
Kriteria Barang
Gambar 6. Data Flow Diagram Level 0
1. Data Flow Diagram (DFD) Level 1
Pada DFD level 1, dibagi menjadi 7 garis besar proses utama, yaitu:
a. Login
Proses yang dilakukan admin agar dapat mengakses data produk yang proses oleh
karyawan gudang.
b. Manipulasi Data Produk
Proses unduh dilakukan admin untuk menambah, mengubah dan menghapus barang.
c. Pencarian Kriteria Barang
Proses dimana konsumen melakukan pencarian sesuai kriteria produk yang
diinginkan lalu akan muncul hasil nya sesuai pencarian.
d. Login
Proses yang dilakukan konsumen agar dapat mengakses data pemesanan yang telah
dilakukan.
e. Manipulasi Data Pesanan
Proses ini digunakakn untuk memesan produk sesuai pilihan dan banyak barang yang
berlaku sesuai syarat dan ketentuan pembelian barang yang berlaku
f. Tampilan Data Pemesanan
Proses ini akan menampilkan pesanan konsumen dan akan dikirim ke admin.
g. Proses Pengiriman atau pembuatan Produk
Dalam proses ini akan melakukan rekuest ke anggota bidang usaha untuk pelaksanaan
teknis pengiriman atau pembuatan produk, dan nantinya akan dikirim konfirmasi ke
konsumen.
19
Info
Pembayaran
Transaksi
Store data
Admin
7.0
Proses
Pengiriman/
Pembuatan
Data
Produk
Data Produk
6.0
Konfrmasi
Pembayaran
Validasi
Transaksi
Pembayaran
Record Tupple
Barang Barang
1.0 Manipulasi
Data Produk
Pengiriman
Tupple Produk
5.0
Tampilan Data
Pemesanan
Record Pemesanan
Produk
Info Pengiriman
Record KriteriaProduk
2.0
Pencarian Data
Produk
Pesanan
Tupple
Pemesanan
Produk
Pilihan
Konfrmasi
Pemesanan
4.0
Manipulasi
Data Pesanan
Data Pemesanan
Info Katalog
Produk
Konsumen
Username Username
&
&
Password PassValid
Konsumen
Data Pembeli
3.0
Login
Gambar 7. Data Flow Diagram (DFD) Level 1
20
2. Data Flow Diagram Level 2
Konsumen
Data Pesanan
Data tambah pesanan
5.1
Pemilihan
Menu
5.2
Penambahan
Data Pesanan
Tupple Tambah Pesanan
Data hapus pesanan
5.3
Penghapusan
Data Pesanan
5.4
Penyimpanan
Data Pesanan
Tupple Hapus Pesanan
Tabel Pesanan
Tabel Pesanan
Gambar 8. Data Flow Diagram Level 2 Konsumen
Admin
Data Barang
Data tambah produk
2.1
Pemilihan
Menu
Data hapusproduk
Data ubah produk
2.2
Penambahan
Data Pesanan
2.3
Pengubahan
Data Produk
2.4
Penghapusan
Data Produk
Tupple ubah barang
Tupple tambah produk
5.4
Penyimpanan
Data Produk
Tupple Hapus Produk
Tupple Produk
Tabel Produk
Gambar 9. Data Flow Diagram Level 2 Admin
21
F. Rancangan Database
Pada tahap ini dirancang berbagai variable data dari yang terkecil yang memerlukan
penyimpanan dalam sebuah database. Dimulai dari relasi database atau hubungan interaksi
antar beberapa variable data yang satu dengan yang lainnya antar halaman web. Selanjutnya
ditentukan spesifikasi database yang menjabarkan tipe-tipe database yang disimpan sesuai
input yang akan terjadi di halaman web.
1. Relasi Database
Konsumen
Produk (Admin)
PK
Nama Barang
Username
Harga Barang
FK
Jenis Barang
Pesanan
Jumlah
Pasokan
PK
Sisa Barang
Waktu Pasokan
Nama Barang
Harga Satuan
ID Transaksi
Metode
Pembayaran
Metode
pengiriman
No Kontak
ID Pesanan
Jumlah
Pesanan
Transaksi
Password
Alamat
Pemasok
PK
ID Konsumen
PK
ID Produk
Jumlah Harga
Total Harga
Pengiriman
PK
ID Pengiriman
Nama Barang
Jumlah barang
Alamat
Penerima
No Handphone
Nama Pengirim
No Rekening
Status
Pengiriman
Atas nama
Rekening
Waktu
Pengiriman
Bukti Transfer
Nama Kurir
Gambar 10. Relasi Database Sistem Toko Online Kopma BS-UPI
22
2. Spesifikasi Database
a. Produk
Field
ID Produk
Nama Barang
Harga Barang
Kategori Barang
Pemasok
Waktu Pasokan
Jumlah Pasokan
Sisa Barang
Type
Int (11)
Varchar (50)
Varchar (50)
Varchar (20)
Varchar (20)
Date
Int (11)
Int (11)
Null
No
No
No
No
No
Yes
No
No
Constraint Key
Auto_Increment
Null
No
No
No
No
No
No
Constraint Key
Auto_Increment
Null
No
No
No
No
No
No
Constraint Key
Auto_Increment
Null
Constraint Key
b. Konsumen
Field
ID Konsumen
Username
Password
Alamat
No Kontak
Type
Int (11)
Varchar (20)
Varchar(50)
Varchar (11)
Text
Int (12)
c. Pesanan
Field
ID Pesanan
Nama Barang
Jumlah Pesanan
Harga Satuan
Jumlah Harga
Total harga
Type
Int (11)
Varchar (50)
Int (11)
Int (11)
Int (11)
Int (11)
d. Transaksi
Field
Type
23
ID Transaksi
Metode Pembayaran
Metode Pengiriman
No Rekening
Atas Nama
Bukti transfer
Int (11)
Boolean
Boolean
Int (50)
Varchar (50)
Image
No
No
No
No
No
No
Auto_Increment
Type
Int (11)
Varchar (50)
Int (11)
Text
Int (12)
Varchar (50)
Boolean
Date
Boolean
Null
No
No
No
No
No
No
No
No
No
Constraint Key
Auto_Increment
e. Pengiriman
Field
ID Pengiriman
Nama Barang
Jumlah Barang
Alamat Penerima
No Kontak
Nama Pengirim
Status Pengiriman
Waktu Pengiriman
Nama Kurir
G. Rancangan Prototype
Tahap ini merupakan gambaran yang jelas mengenai rancang bangun yang lengkap, kepada
para pengguna dan website yang diteliti, juga sebagai pemenuhan kebutuhan dari para
pengguna sistem. Berikut ini merupkan prototype atau tampilan dari perancangan sistem toko
online kopma BS UPI yang direncanakan, yaitu :
Halaman beranda website sebelum login
Tampilan pop-up form daftar user baru
24
LOGO
KOPMA BS
UPI
USER PANEL
LOGO
KOPMA BS
UPI
HEADER
Beranda
Katalog Barang
Distributor
Tentang kami
Pencarian
LOGIN
USER PANEL
LOGIN
Nama Barang
Username
HEADER
Beranda
Katalog Barang
Username
Kategori
Password
Login
CAROUSEL
GAMBAR-SHOW PRODUK
BERGERAK
BelumPunya Akun?
DAFTARDULU
X
Kategori
Password
Login
CAROUSEL
GAMBAR-SHOW PRODUK
BERGERAK
Alamat
BelumPunya Akun?
DAFTARDULU
Daftar
Tentang kami
Nama Barang
Username
Password
Distributor
Pencarian
FORM DAFTAR
No Kontak
Daftar
Daftar
KONTEN
TAWARAN PRODUK
TERLARIS, TERBARU, TERBAIK
©2016 Kopma BS UPI
Powered by
sagurustudio.com
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Halaman katalog (list) barang
LOGO
KOPMA BS
UPI
USER PANEL
LOGO
KOPMA BS
UPI
HEADER
Beranda
Katalog Barang
Selamat Datang,
Logout
Wendy
Distributor
Tentang kami
Pencarian
USER PANEL
HEADER
Beranda
Katalog Barang
Selamat Datang,
Logout
Wendy
Distributor
Tentang kami
Pencarian
Nama Barang
Nama Barang konsumen login
Halaman beranda setelah
Kategori
Kategori
KeranjangBelanja
KeranjangBelanja
CAROUSEL
GAMBAR-SHOW PRODUK
BERGERAK
Plakat Gold No.1
StatusTransaksi
StatusTransaksi
KONTEN
TAWARAN PRODUK
TERLARIS, TERBARU, TERBAIK
Alat Tulis AIO
Rp.100.000,00
Rp.60.000,00
Beli
Beli
Qty
Qty
Cake Kopma SPC
Rp.30.000,00
Beli
Qty
StatusPengiriman
StatusPengiriman
Dodol Kacang SPC
Rp.50.000,00
Beli
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Halaman untuk iklan pencarian distributor
Qty
Catering Kopma
Rp.20.000,00
Beli
Qty
Powerbank 1000
Rp.200.000,00
Beli
Qty
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Halaman tentang perusahaan kopma BS UPI
25
LOGO
KOPMA BS
UPI
LOGO
KOPMA BS
UPI
HEADER
USER PANEL
Beranda
Selamat Datang,
Logout
Wendy
Katalog Barang
Distributor
Tentang kami
USER PANEL
Selamat Datang,
Logout
Wendy
DIBUTUHKAN DISTRIBUTOR
Bagi distributor yang berminat ingin menjajalkan produknya,
promosi, dan lain sebagainya. Silahkan ungkapkan nama produk
anda, tawaran harga, keunggulan produk dll untuk kami jajalkan.
Mari bekerjasama dengan kami, isi formdibawah ini
KeranjangBelanja
KeranjangBelanja
HEADER
Beranda
Katalog Barang
Distributor
Tentang kami
TentangKami
KOPMA Bumi Siliwangi Universitas Pendidikan Indonesia
(Kopma BS UPI) adalah lembaga ekonomi (badan usaha) yang
juga lembaga kemahasiswaan tingkat Perguruan Tinggi yang
berupa Unit Kegiatan Mahasiswa (UKM). Sehingga KOPMA
mempunyai fungsi ganda, yaitu sebagai wahana pelayanan dan
peningkatan kesejahteraan mahasiswa, juga sebagai wahana
pendidikan yaitu tempat pembentukan kader koperasi (human
invesment).
Hubungi Kami untuk lebih lanjutnya lagi
StatusTransaksi
StatusTransaksi
Submit
Status Pengiriman
Website : kopma-bs.com
HP : 0898878888
Alamat : Jl. Setiabudhi No.01 Universitas Pendidikan Indonesia
Status Pengiriman
©2016 Kopma BS UPI
Powered by
sagurustudio.com
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Tampilan pop-up form transaksi awal
LOGO
KOPMA BS
UPI
LOGO
KOPMA BS
UPI
HEADER
USER PANEL
Beranda
Katalog Barang
Selamat Datang,
Logout
Wendy
Distributor
Tentang kami
Nama Barang
Tampilan pop-up menu
keranjang belanja
Kategori
Nama Barang
No
KeranjangBelanja
Plakat Gold No.1
1
X
Kuantitas (Qty)
Harga Satuan
JumlahHarga
Aksi
1
Rp. 100.000,00
Rp. 100.000,00
Edit
Hapus
2
Alat Tulis AIO
10
Rp. 60.000,00
Rp. 600.000,00
Edit
Hapus
3
Cake Kopma SPC
30
Rp. 30.000,00
Rp. 900.000,00
Edit
Hapus
StatusTransaksi
Status Pengiriman
Total harga
Beranda
Katalog Barang
Selamat Datang,
Status TransaksiLogout
Wendy
Pencarian
Keranjang Belanja
USER PANEL
HEADER
Rp. 1.600.000,00
CHECKOUT
Distributor
Tentang kami
Pencarian
Nama Barang
Silahkan Pilih Metode Pembayaran
Kategori
Transfer :
Mandiri (11223243543343 a.n : Kopma BSUPI)
X
Selanjutnya, Silahkan Pilih
Metode Pengiriman Anda :
JNE Reguler
BNI (45665748598 a.n : Kopma BSUPI)
TIKI
BRI (11223243543343 a.n : Kopma BS UPI)
FedEx
KeranjangBelanja
No. Rekening
Statu
sTran
saksia
Atas
Nam
Status Pengiriman
Selanjutnya
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Tampilan pop-up konfirmasi transaksi
©2016 Kopma BS UPI
Powered by
sagurustudio.com
Tampilan pop-up rincian pengiriman
26
LOGO
KOPMA BS
UPI
LOGO
KOPMA BS
UPI
HEADER
HEADER
Status Pengirimani
Beranda
Katalog Barang
USER
PANEL
Status
Transaksi
Selamat Datang,
Logout
Nama:Barang
WendyTotal Uang yang harus Ditransfer adalah
Total Harga Barang
Biaya Pengiriman
Total Transfer
Distributor
Pencarian
Beranda
Tentang kami
X
USER PANEL
Selamat Datang,
Logout
Wendy
: Rp.1.600.000,00
Kategori
: Rp.20.000,00
: Rp.1.620.000,00
2
Nama Barang
Kuantitas (Qty)
Nama Barang
1
Plakat Gold No.1
Kategori
Alat Tulis AIO
10
3
Cake Kopma SPC
No
1
Dari
Bank Mandiri
No Rekening 244656743436546
a/n Wendi Kuswiandi
Katalog Barang
Distributor
Barang yang di Pesan yaitu : Pencarian
Tentang kami
X
30
Barang dikirimkan ke tujuan sesuai data user ketika mendaftar yaitu :
Alamat
: Kp. Sukatambah RT.05 RW.04 Kec. Cikajang Kab. Garut
No Telpon : 08987712794
KeranjangAtas
BelanNam
ja a : Wendi Kuswiandi
KeranjangBelanja
Ke
Bank Mandiri
No Rekening 11223243543343
a/n Kopma BS UPI
StatusTransaksi
Silahkan Sertakan bukti transfer setelah anda melakukan transaksi, dengan
mengisi formberikut
Bukti Transfer
BROWSE
Status :
Sudah Di Kirim
Pada hari Senin Tanggal 30 Mei 2016
Ke Kurir
StatusTransaksi
JNE
Tunggu 2 atau 4 hari maksimal untuk barang sampai di tujuan
Terimakasih Telah Berbelanja di Online Shop Kopma BSUPI J
Status Pengiriman
Status Pengiriman
Selesai
Selesai
©2016 Kopma BS UPI
Powered by
sagurustudio.com
©2016 Kopma BS UPI
Powered by
sagurustudio.com
H. Pengembangan, Testing dan Implementasi
Pada tahap ini, digunakan PHP 5.0.3 sebagai bahasa pemrograman dan MySQL versi 5.0.27
sebagai
data
basenya,
sedangkan
web
servernya
menggunakan
Apache/2.0.53
(Win32)
mod_ssl/2.0.53, dan toolkit untuk SSLnya menggunakan OpenSSL/0.9.7e yang kesemuanya itu open
source dan handal. Dalam mengkonfigurasi GUI programnya pada pembuatan home page,
selanjutnya menggunakan Macromedia Dreamweaver MX sedangkan pengolahan gambarnya
menggunakan Adobe Photoshop CS.
Pada tahap ini dilakukan pengujian pemesanan produk secara online yang telah dibangun dengan
motode black box dan white box untuk unit test dan integration test. Dengan menggunakan metode
white box yaitu melakukan testing dengan melihat source code program dengan cara menjalankan
debugging program ternyata tidak ditemukan program yang error dan dengan metode black box yaitu
melakukan tanpa melihat source code program dan dijalankan oleh tester atau user untuk mengamati
program apakah telah menerima input, memproses, dan menghasilkan output ternyata telah berjalan
dengan benar.
Tahap ini merupakan tahap untuk melakukan training dan konversi data. Seteleh itu aplikasi
pemesanan produk berbasis web ini dapat dipakai oleh user (go live) menggantikan sistem yang lama.
Adapun perangkat keras yang digunakan pada tahap implementasi ini adalah Personal Computer (PC)
dengan prosessor core i3 2,4 Ghz, RAM 2 GB dan hardisk 500 GB.
BAB IV
27
PENUTUP
A Kesimpulan
Dari perancangan sistem pemesanan produk berbasis web toko onlie Kopma BS UPI ini, maka dapat
ditarik beberapa kesimpulan antara lain :
1. Dengan aplikasi yang diusulkan ini Kopma BS UPI khususnya Bidang usaha dapat meningkatkan
kinerja organisasi dengan semakin luasnya jangkauan pemasaran produk kepada konsumen
melalui layanan toko online berbasis web.
2. Sistem pemesanan produk berbasis web ini memudahkan konsumen untuk mendapatkan
informasi secara lengkap dan cepat, mulai dari informasi tentang nama dan gambar produk yang
tersedia hingga transaksi dan metode pengiriman.
3. Aplikasi ini memudahkan kinerja pimpinan organisasi dalam mendapatkan laporan/report secara
detail dari setiap bidang perusahaan.
4. Dengan diberlakukannya sistem ini, maka kesalahan data dan kesalahan penghitungan keuangan
hasil transaksi terhadap konsumen dapat diminimalisir.
5. Sistem basis data pada aplikasi ini lebih mudah diakses oleh seluruh bidang yang ada pada
Kopma BS UPI sehingga data mudah diupgrade dan terkontrol.
B Saran
Saran yang dapat penulis berikan guna pengembangan sistem pemesanan berbasis web ini yang lebih
baik lagi adalah :
1. Sistem yang diusulkan ini memfokuskan pada pembahasan mengenai pemesanan terhadap barang
saja dan belum memperhatikan aspek multimedia. Oleh karena itu penulis menyarankan agar
aplikasi web ini dapat dikembangkan secara lebih sempurna.
2. Di masa mendatang sistem ini dapat dikembangkan lagi menjadi e-commerce dengan sistem
transaksi online yang berlangsung secara real time.
3. Sistem toko online berbasis web ini perlu dilengkapi dengan sistem keamanan yang lebih baik
lagi seperti dengan mengaktifkan control security system untuk perkembangan selanjutnya.
4. Website ini memerlukan SDM yang handal dan kompeten dalam Maintenace website agar tidak
terlihat sederhana dan mampu meningkatkan daya tarik yang tinggi bagi setiap pengunjungnya.
DAFTAR PUSTAKA
28
Jogiyanto. 2001. Analisis dan Desain Sistem Informasi : Pendekatan Terstruktur Teori dan
Praktek Aplikasi Bisnis . Yogyakarta : Andi.
Kadir, Abdul. 2002. Dasar Pemrograman Web Dinamis menggunakan PHP. Yogyakarta: Andi.
Putranto, Erie. 2004. Cepat dan Mudah Membangun Toko Online. Yogyakarta: Andi.
29