ANALISIS DAN PERANCANGAN SISTEM TOKO ONL

(1)

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.

(2)

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

(3)

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

(4)

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)

(5)

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)

(6)

BAB II

ANALISIS SISTEM YANG BERJALAN

A. Sekilas tentang Kopma BS UPI

(7)

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

(8)

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.

(9)

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 BS UPI

Pelayan Bidang

Usaha Karyawan Gudang Supplier Keuangan Ketua

Konsumen

Mulai

Pembelian Cek Ketersediaan

Langsung

Memilih Barang

Memberikan Katalog online/ofine

Ketersediaan Pesan barang

Ada

Pesan dari Supplier

Tidak Ada Barang Gudang

Konfrmasi

Harga total ketentuan barangPeraturan dan

Pembuatan/

Pemesanan ke Supplier Stok Barang

List Produk yang dipesan

Konfrmasi Barang Masuk Pembayaran _konsu/ Invoice

Invoice

Menerima Data Statistik

Olah stratrgi perusahaan Order via Media

Sosial Tidak

Langsung

Barang untuk order tidak langsung

Gambar 1. Workflow sitem toko kopma bs UPI yang sedang berjalan

(10)

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.

(11)

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

(12)

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.

(13)

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

(14)

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.

(15)

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

(16)

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 Nama User

Case Deskripsi Aktor

1 Login Kegiatan untuk memasukkan username

dan password untuk mengakses sistem

Konsumen

2 Daftar Konsumen

Kegiatan untuk mendaftrakan Konsumen di sistem agar tercatat keaslian data dan syarat untuk melakukan transaksi

Konsumen

Manipulasi Data Pesanan/ Data Produk

3 Tambah barang Kegiatan menambah produk ke list keseluruhan atau transaksi di sistem toko online kopma-bs upi

Admin, Konsumen

4 Hapus barang Kegiatan menghapus produk ke list keseluruhan atau transaksi di sistem toko online kopma-bs upi

Admin, Konsumen

5 Ubah barang Kegiatan mengubah barang yang ada di list keseluruhan karena perubahan dari jumlah stok, harga, kondisi dll.

Admin

6 Pencarian barang Kegiatan mencari barang keseluruhan yang sudah di list oleh admin

Konsumen

7 Kategori barang Kegiatan mengklasifikasikan berbagai barang/produk di kopma-bs upi yang beragam dan heterogen

Admin

8 Lihat Daftar Pembelian

Kegiatan menampilkan list barang dan harga total yang telah dipilih sesuai keinginan konsumen

Konsumen

9 Info Barang Pesanan

Kegiatan menampilkan list barang dan harga yang dipesan ke admin

Admin

10 Konfirmasi bukti pembayaran

Kegiatan meminta bukti konfirmasi dengan data jumlah uang yang

dibayarkan dan no rekening konsumen

Konsumen

11 Info Pembayaran Kegiatan menampilkan bukti

pembayaran oleh konsumen ke admin

Admin

12 Proses Pengiriman

Kegiatan yang dilakukan oleh jasa pengiriman barang dari pihak kopma bs upi ke pelanggan

Admin

(17)

Konsumen

Admin Login

Pencarian Barang

Daftar

<<extend>>

Tambah barang

Hapus Barang

Ubah Barang Kategori Barang

List Pembelian

Info Pembayaran Konfrmasi

Bukti Pembayaran

Info Barang Pesanan

Proses Pengiriman Manipulasi

Data Pesanan

<<extend>> <<extend>> <<extend>>

Logout

<<include>>

<<extend>>

Manipulasi Data Produk

<<extend>>

<<include>>

<<include>> <<extend>>

<<include>>

<<extend>> <<extend>>

Gambar 2. Diagram Use Case Sistem Toko Online Kopma-BS UPI

C. Activity Diagram

(18)

1. Activity Diagram Konsumen

Login

Ketersediaan akun Daftar

Tidak Punya

List Katalog Barang

Punya

Pencarian Barang

Manipulasi Data Pesanan

Konfrmasi Bukti Pembayaran

Edit pesanan

Tidak

Logout

Ya

(19)

2. Activity Diagram Admin

List Katalog Barang

Manipulasi List Produk

Info Barang Pesanan

Info Pembayaran

Proses Pengiriman Barang

Kelola Produk

Tidak

Ya

(20)

D. Sequence Diagram

Konsumen Login Daftar

Masukkan user dan Password Verifkasi

Tidak terverifkasi terdaftar Menampilkan form daftar

Katalog Barang

Masuk ke beranda berisi katalog barang Menamiplkan List Katalog barang beserta harga

Pencarian Barang

Memasukkan keyword barang yang diinginkan Menampilkan barang sesuai keyword yang dimasukkan

Manipulasi Data Pesanan

Tambah, Hapus Data Pemesanan Tampilan barang yang ditambahkan

Konfrmasi Pembayaran

Konfrmasi setelah melakukan pembayarak ke bank/ATM, dengan upload gambar Tampilan Konfrmasi berhasil

Manipulasi Data Barang

Info Barang Pesanan

Info Pembayaran

Proses Pengiriman

Logout Admin

Menekan tombol logout Kembali ke halaman login

Tampil List Barang Akses menu data pesanan Muncul tabel data pesanan dari konsumen

Akses menu info pembayaran Tambah, Hapus, Ubah Data Barang

Muncul tampilan konfrmasi pembayaran yang sudah dilakukan

Input status Pengiriman muncul tampilan status pengiriman

(21)

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

Konsumen

Sistem

Pemesanan

Online

Kopma BS UPI

Login

Data Produk Data Pengiriman

Validasi Info Pesanan

Validasi Info pengiriman Info Kriteria Produk

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

(22)

Admin

1.0 Manipulasi Data Produk

Produk Data Produk

2.0 Pencarian Data

Produk Tupple Produk

Record Kriteria Produk

Konsumen

Pemesanan PemesananKonfrmasi

5.0

Barang TuppleBarang

Info Pengiriman

Transaksi _PembayaranInfo

(23)

2. Data Flow Diagram Level 2

Konsumen

5.1 Pemilihan

Menu

5.3 Penghapusan Data Pesanan Data Pesanan

Data hapus pesanan

5.2 Penambahan Data Pesanan

Data tambah pesanan

5.4 Penyimpanan Data Pesanan

Tupple Hapus Pesanan Tupple Tambah Pesanan

Tabel Pesanan Tabel Pesanan

Gambar 8. Data Flow Diagram Level 2 Konsumen

Admin

2.1 Pemilihan

Menu

2.4 Penghapusan

Data Produk Data Barang

Data hapus produk

2.2 Penambahan Data Pesanan

Data tambah produk

5.4 Penyimpanan

Data Produk

Tupple Hapus Produk Tupple tambah produk

Tabel Produk Tupple Produk

2.3 Pengubahan Data Produk Data ubah produk

Tupple ubah barang

(24)

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

Produk (Admin) Konsumen

Pesanan

(25)

2. Spesifikasi Database a. Produk

Field Type Null Constraint Key

ID Produk Int (11) No Auto_Increment

Nama Barang Varchar (50) No

Harga Barang Varchar (50) No

Kategori Barang Varchar (20) No

Pemasok Varchar (20) No

Waktu Pasokan Date Yes

Jumlah Pasokan Int (11) No

Sisa Barang Int (11) No

b. Konsumen

ID Konsumen Int (11) No Auto_Increment

Username Varchar (20) No

Email Varchar(50) No

Password Varchar (11) No

Alamat Text No

No Kontak Int (12) No

c. Pesanan

ID Pesanan Int (11) No Auto_Increment

Jumlah Pesanan Int (11) No

Harga Satuan Int (11) No

Jumlah Harga Int (11) No

Total harga Int (11) No

d. Transaksi

(26)

ID Transaksi Int (11) No Auto_Increment

Metode Pembayaran Boolean No

Metode Pengiriman Boolean No

No Rekening Int (50) No

Atas Nama Varchar (50) No

Bukti transfer Image No

e. Pengiriman

ID Pengiriman Int (11) No Auto_Increment

Jumlah Barang Int (11) No

Alamat Penerima Text No

No Kontak Int (12) No

Nama Pengirim Varchar (50) No

Status Pengiriman Boolean No

Waktu Pengiriman Date No

Nama Kurir Boolean No

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

(27)

Distributor Katalog Barang

Beranda Tentang kami HEADER

Belum Punya Akun? DAFTAR DULU

Daftar

KONTEN TAWARAN PRODUK TERLARIS, TERBARU, TERBAIK

CAROUSEL GAMBAR-SHOW PRODUK

BERGERAK Nama Barang Kategori

Pencarian

Powered by sagurustudio.com

Belum Punya Akun? DAFTAR DULU

Daftar

BERGERAK

USER PANEL

Beranda Tentang kami

HEADER TERLARIS, TERBARU, TERBAIK

BERGERAK

USER PANEL

Dodol Kacang SPC Beli Rp.50.000,00 Plakat Gold No.1

Rp.100.000,00 Beli

Alat Tulis AIO Rp.60.000,00 Beli

Cake Kopma SPC Rp.30.000,00 Beli

Catering Kopma Rp.20.000,00 Beli

Powerbank 1000 Rp.200.000,00 Beli Qty Qty Qty

Qty Qty Qty

Status Transaksi

USER PANEL

Halaman beranda setelah konsumen login

Halaman katalog (list) barang

Halaman untuk iklan pencarian distributor

(28)

Powered by sagurustudio.com Selamat Datang,

Wendy Logout

Status Pengiriman

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 form dibawah ini

Submit

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

Website : kopma-bs.com HP : 0898878888

Alamat : Jl. Setiabudhi No.01 Universitas Pendidikan Indonesia

USER PANEL

Keranjang Belanja X

CHECKOUT

No Nama Barang Kuantitas (Qty) Jumlah Harga

1 Plakat Gold No.1 Alat Tulis AIO Cake Kopma SPC 2

Rp. 100.000,00 Edit Edit

Total harga Rp. 1.600.000,00

USER PANEL

Status Transaksi X

Mandiri (11223243543343 a.n : Kopma BS UPI) Silahkan Pilih Metode Pembayaran Transfer :

BNI (45665748598 a.n : Kopma BS UPI)

BRI (11223243543343 a.n : Kopma BS UPI)

Selanjutnya

No. Rekening

Atas Nama

JNE Reguler Selanjutnya, Silahkan Pilih Metode Pengiriman Anda :

TIKI

FedEx

Tampilan pop-up menu keranjang belanja

Tampilan pop-up form transaksi awal

Tampilan pop-up konfirmasi transaksi

(29)

USER PANELStatus Transaksi X

Selesai

Total Uang yang harus Ditransfer adalah :

Total Harga Barang : Rp.1.600.000,00 Biaya Pengiriman : Rp.20.000,00 Total Transfer : Rp.1.620.000,00

Dari Bank Mandiri

No Rekening 244656743436546 a/n Wendi Kuswiandi

Ke Bank Mandiri

No Rekening 11223243543343 a/n Kopma BS UPI

Bukti Transfer BROWSE

Silahkan Sertakan bukti transfer setelah anda melakukan transaksi, dengan mengisi form berikut

USER PANEL

Status Pengirimani

X

Selesai

Barang dikirimkan ke tujuan sesuai data user ketika mendaftar yaitu : Alamat : Kp. Sukatambah RT.05 RW.04 Kec. Cikajang Kab. Garut No Telpon : 08987712794

Atas Nama : Wendi Kuswiandi

Status :

Sudah Di Kirim Pada hari Senin Tanggal 30 Mei 2016

Ke Kurir JNE

Tunggu 2 atau 4 hari maksimal untuk barang sampai di tujuan

Terimakasih Telah Berbelanja di Online Shop Kopma BS UPI J

Barang yang di Pesan yaitu :

No Nama Barang Kuantitas (Qty)

1 Plakat Gold No.1 Alat Tulis AIO Cake Kopma SPC 2

3

1 10 30

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.

(30)

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.

(31)

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.