12 III. ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Sistem ng Ada Tahapan ini mempuni tujuan untuk menganalisis dan mengevaluasi permasalahan-permasalahan serta hambatan-hambatan ng terjadi pada sistem ng sedang berjalan pada Magistra Com. Analisis sistem ng sedang berjalan pada Magistra Com merupakan perusahaan penjualan komputer di Bandar Lampung ng sedang berkembang ng han memiliki sistem penjualan berbasis stand alone. Sistem ini memiliki masalah dalam pengembangan penjualan berbasis internet. 3.2 Analisis Sistem ng Baru Desain berbasis web pada Magistra Com akan dibangun dengan menggunakan beberapa hardware dan software antara lain : 1. Processor Intel P-4 (2,4 GHZ) 2. Ram minimum 2 GHZ 3. Harddisk Minimum 250 GB 4. Monitor 5. Mouse, Keyboard 6. Sistem Operasi Windows 7. Apache HTTP Server 2.2.6 untuk web server
13 8. PHP 5.2.3 sebagai server-side scripting 9. MySQL 5.0.45 untuk database 10. CSS untuk mengatur style halaman 11. JavaScript sebagai client-side scripting 12. Macromedia Dreamweaver 8 sebagai script editor Dalam mempermudah penginstalan penulis menggunakan Appserv Versi 2.5.9 ng mencakup 5 penggunaan software secara paket untuk mempermudah pembuatan sistem berbasis web. 3.3 Perancangan Sistem 3.3.1 Diagram Konteks (Context Diagram) Diagram konteks (context diagram) adalah suatu gambaran keseluruhan dari proses suatu sistem ng telah dirancang secara garis besar. Gambar 3.1 merupakan diagram konteks dari Aplikasi E-Commerce Penjualan Komputer Berbasis Web.
14 USER 1. Informasi Data 4. Konfirmasi Pemesanan 2. Register Pelanggan 3. Order Aplikasi Penjualan Komputer Pada Magistra.Com Berbasis Web 1. Pengolahan Data 3. Konfirmasi Pemesanan 2. Informasi Data 4. Cetak Pengiriman 5. Laporan Transaksi Penjualan ADMIN Gambar 3.3.1 Diagram Konteks Diagram konteks memiliki 2 entitas selaku pengguna sistem baik konsumen (user) maupun administrator (admin). Penjelesan Gambar 3.1 adalah sebagai berikut : Magistra Com memberikan informasi data barang kepada user, maka user akan melakukan registrasi, user memesan barang ke Magistra Com. Sehingga Pihak Magistra Com mengkonfirmasikan pemesanan barang kepada user. Admin mengolah data barang pada Magistra Com. Pihak Magistra Com memberikan informasi data barang kepada admin, sehingga admin mengkonfirmasi pemesanan barang kepada Magistra Com. Magistra Com memberitahukan pengiriman barang ke admin, dan memberitahukan laporan transaksi penjualan ke admin.
15 3.3.2 DFD Level 0 Data Flow Diagram (DFD) merupakan alat ng digunakan pada metodologi pengembangan sistem ng terstruktur. DFD level 0 terdapat pada Gambar 3.2 USER Informasi Data Pengolahan Data Informasi Data ADMIN jenis_barang merk_barang 1.0 Mengolah Informasi Data stok_barang pelanggan Register Pelanggan 2.0 Mengolah Data Pelanggan stok_barang Order Konfirmasi Pesanan 3.0 Order Konfirmasi Pesanan Cetak Pengiriman transaksi_penjualan pesanan detail_transaksi_penjualan 4.0 Mendapatkan Laporan Transaksi Penjualan Laporan Transaksi Penjualan Gambar 3.3.2 DFD Level 0 DFD 0 memiliki 2 entitas selaku pengguna sistem baik konsumen (user) maupun administrator (admin) secara lengkap penjelasan dari Gambar 3.2 adalah sebagai berikut :
16 1. Pada Proses 1.0 Admin dapat mengolah data barang ng dimiliki oleh perusahaan dalam hal mengatur stok barang ng ditawarkan kepada user agar user dapat mengetahui informasi data barang ng tersedia. 2. Pada Proses 2.0 supa dapat melakukan transaksi, maka user harus melakukan registrasi pelanggan terlebih dahulu sebagai hak akses dalam keamanan dan kenmanan penjualan komputer. 3. Pada Proses 3.0 Setelah memiliki hak akses pelanggan maka user dapat melakukan transakasi pemesanan barang ng diinginkan dan dapat langsung mendapatkan konfirmasi pemesanan barang ng telah diatur oleh sistem untuk melakukan transaksi pembaran melalui rekening. Kemudian admin langsung mengupdate pemesanan user ke dalam report pengiriman barang kepada pelanggan. 4. Pada Proses 4.0 Admin dapat mengetahui seluruh laporan transaksi penjualan sehingga dapat melakukan pengecekan keuangan. 3.3.2 Rancangan Tabel Data Perancangan Aplikasi E-Commerce Penjualan Komputer Berbasis Web pada Magistra Com di Bandar Lampung memiliki (8) delapan tabel antara lain : 1. admin Primary key : nama_user Unique key : - Jumlah field : 2 (dua)
17 Tabel 3.1 Admin Field Type Null Key Default Extra nama_user char(10) NO PRI pass_user varchar(50) NO 2. detail transaksi penjualan Primary key : - Unique key : - Jumlah field : 5 (lima) Tabel 3.2 Detail Transaksi Penjualan Field Type Null Key Default Extra nota char(12) NO PRI id_stok_barang int(11) NO jumlah int(2) NO harga_satuan int(11) NO jumlah_harga int(11) NO 3. jenis_barang Primary key Unique key Jumlah field : id_jenis_barang : jenis_barang : 2 (dua) Tabel 3.3 Jenis Field Type Null Key Default Extra id_jenis_barang int(11) NO PRI NULL auto_increment jenis_barang varchar(50) NO UNI 4. merk_barang Primary key Unique key Jumlah field : id_merk_barang : merk_barang : 2 (dua) Tabel 3.4 Merk Field Type Null Key Default Extra id_merk_barang int(11) NO PRI NULL auto_increment merk_barang varchar(50) NO UNI
18 5. Pelanggan Primary key Unique key Jumlah field : login : email, no_rekening : 8 (Delapan) Tabel 3.5 Pelanggan Field Type Null Key Default Extra login char(10) NO PRI password varchar(50) NO nama varchar(30) NO jenis_kelamin varchar(10) NO email varchar(50) NO UNI kota varchar(25) NO alamat varchar(225) NO status int(1) NO 6. Pesanan Primary key : - Unique key : - Jumlah field : 5 (lima) Tabel 3.6 Pesanan Field Type Null Key Default Extra login char(10) NO id_stok_barang int(11) NO jml_pesan int(3) NO harga_satuan int(11) NO jumlah_harga int(11) NO 7. Stok Primary key Unique key Jumlah field : id_stok_barang : tipe_barang : 9 (sembilan)
19 Tabel 3.7 Stok Field Type Null Key Default Extra id_stok_barang int(11) NO PRI NULL auto_increment id_jenis_barang int(11) NO id_merk_barang int(11) NO tipe_barang char(100) NO UNI keterangan varchar(225) NO stok int(3) NO harga_modal int(10) NO harga_jual int(10) NO gambar varchar(100) YES NULL 8. Transaksi Penjualan Primary key : nota Unique key : - Jumlah field : 10 (Sepuluh) Tabel 3.8 Transaksi Penjualan Field Type Null Key Default Extra nota char(12) NO PRI login char(10) NO total_bar int(11) NO tgl_transaksi datetime NO ke varchar(30) NO alamat varchar(225) NO jenis_bank varachar(30) no_rekening char(20) NO status int(1) NO tgl_update datetime NO
20 3.3.3 Relasi Antar Tabel * * ** * * ** ** * ** * Keterangan : * : Primary Key ** : Unique Key Ke 1 M Gambar 3.3 Relasi Antar Tabel Penjelasan Gambar 3.3: 1. Tabel jenis_barang : terdiri dari id_jenis_barang, jenis_barang. 2. Tabel merk_barang : terdir dari id_merk_barang, merk_barang. 3. Tabel stok_barang : terdiri dari id_stok_barang, id_jenis_barang, id_merk_barang, tipe_barang, keterangan, stok, harga_modal, harga_jual, gambar. Tabel ini memiliki foreign key antara lain :
21 a. id_jenis_barang ng berelasi dengan tabel jenis_barang pada tabel jenis_barang itu field id_jenis_barang 1 ke M pada tabel stok_barang field jenis_barang sebagaimana stok barang memiliki lebih dari satu jenis barang. b. id_merk_barang ng berelasi dengan tabel merk_barang pada tabel merk_barang itu field id_merk_barang 1 ke M pada tabel stok_barang field merk_barang sebagaimana stok barang memiliki lebih dari satu merk barang. 4. Tabel pelanggan : terdiri dari login, password, nama, jenis_kelamin, email, kota, alamat. 5. Tabel pesanan : terdiri dari login, id_stok_barang, jml_pesan, harga_satuan, jumlah_harga. Tabel ini memiliki foreign key antara lain : a. login ng berelasi dengan tabel pelanggan jika pelanggan sedang memesan barang bersifat tabel pelanggan dengan field login 1 ke M pada tabel pesanan field login sebagaimana pesanan memiliki berbagai pelanggan ng memesan barang. b. id_stok_barang ng berelasi dengan tabel stok_barang pada saat pemilihan barang maka table stok_barang dengan field id_stok_barang 1 ke M. Pada tabel stok barang akan terhubung dengan field id_stok_barang. Pada tabel pesanan memiliki berbagai barang ng dapat dipesan berdasarkan data barang. 6. Tabel trasaksi_penjualan : terdiri dari nota, login, total_bar, tgl_transaksi, ke, alamat, status, tgl_update. Foreign key dari tabel ini adalah login ng
22 berelasi dengan tabel pelanggan. pemesanan barang berdasarkan data pelanggan adalah melalui field login 1 ke M pada tabel transaksi_penjualan. 7. Tabel detail_transaksi_penjualan : terdiri dari nota, id_stok_barang, jumlah, harga_satuan, jumlah_harga. Tabel ini memiliki foreign key antara lain : a. nota ng berelasi dengan tabel transaksi penjualan sebagaimana detail pada transaksi penjualan barang bersifat tabel transaksi penjualan barang dengan field nota 1 ke M pada tabel detail transaksi penjualan barang. b. id_stok_barang ng berelasi dengan tabel stok barang sebagaimana informasi pemesanan barang berdasarkan berbagai barang ng telah dipesan dapat di proses. Pada tabel stok barang ng terhubung dengan field id stok barang pada tabel detail transaksi.
23 3.3.4 Diagram Alir Data (Flowchart) Start B A Menu Pilihan $pil= 1. Home 2. Pesanan 3. Login 4. Daftar Pelanggan 5. Keluar 6. Ubah Password C $pil==1 Informasi Data Pesan? Cek_sesi Pelanggan? Masukkan Jumlah Proses Input D Proses Input Berhasil Jumlah Pesan > Stok Cek Saldo > Nilai Pesan Stok Tidak Cukup Saldo Tidak Cukup C $pil==2 Proses Tampil Tampil Pesanan Tambah? Batal? Pesanan C Proses Batal Cek_sesi Pelanggan? $pil==5 Proses Log Out A Selesai Proses Simpan Pesanan $pil==6 Pengolahan Ubah Password Informasi Berhasil Disimpan $pil==3 Halaman Login $pil==4 Registrasi Pelanggan D End Gambar 3.4 Flowchart Halaman Menu Utama
24 Penjelasan Gambar 3.4 : Halaman menu utama terdiri dari : 1. Home : berisi informasi data barang ng dapat dipesan jika sudah melakukan login dan memasukkan jumlah barang ng dipesan. Dalam menu ini juga dapat dilikukan pengecekan barang maupun cek saldo Bank BRI secara otomatis jika saldo mencukupi diberikan keterangan saldo cukup. selain itu, pemesanan melebihi dari batas stok, maka informasi keterangan melebihi batas stok. Pesanan ng dimasukkan oleh user secara otomatis akan tersimpan dalam menu pesanan. 2. Pesanan : berisi informasi pesanan ng telah dipesan oleh pelanggan. Dalam menu ini, pelanggan juga dapat melakukan penambahan atau pembatalan pesanan. 3. Login : merupakan hak akses login baik pelanggan maupun administrator seperti terjadi dalam Gambar 3.5 4. Daftar Pelanggan : memuat daftar pelanggan ng mencakup verifikasi data no rekening maupun sandi ATM. 5. Keluar : Menu ini akan tampil jika pengguna halaman ini sudah melakukan login dan masuk dalam hak akses pelanggan. 6. Ubah Password : Menu ini akan ditampilkan jika pengguna halaman ini sudah melakukan login dan masuk dalam hak akses pelanggan.
25 Halaman Login Masukkan Login Masukkan Password Proses Submit Login or Password Salah Informasi Kesalahan Username Password Admin== Masuk Kehalaman Menu Utama Administrator Pelanggan= Proses Sesi B End Gambar 3.5 Flowchart Halaman Login Penjelasan Gambar 3.5 : Login dan password kemudian dicek apakah ng dimasukkan oleh user dan dicek apakah login admin atau login pelanggan. Selain itu, dilakukan juga verifikasi terhadap hubungan password. Jika login merupakan admin, maka akan ke akses login admin seperti ng terjadi pada Gambar 3.7. Jika login merupakan pelanggan, maka akan masuk ke halaman menu utama.
26 Registrasi Pelanggan Masukkan Login Masukkan Password Baru Masukkan Re- Password Baru Masukkan Nama Masukkan Jenis Kelamin Masukkan Jenis Kelamin Masukkan Email Masukkan Kota Masukkan Alamat Masukkan No Rekening Masukkan Sandi Rekening Masukkan Re- Sandi Rekening Random Pendefinisan Masukkan Pendefinisian Proses Submit Login Sudah Ada Informasi Login Tidak Dapat Dipakai Email Sudah Ada Email No Rekening No Rekening Sudah Ada Sandi!=Re- Sandi Sandi dangan Re- Sandi ng dimasukkan sama Password!=Re- Password Informasi Password dengan Re-Password Tidak Sama Proses Registrasi Baru Pelanggan Silahkan Anda Login End Gambar 3.6 Flowchart Registrasi Pelanggan
27 Penjelasan Gambar 3.6 : Pada menu ini, pelanggan dapat melakukan registrasi dengan cara memasukan data antara lain : Masukkan Login, Password Baru, Re-Password Baru, Nama, Jenis Kelamin, Email, Kota, Alamat, No. Rekening, Sandi Rekening, Re-Sandi Rekening, seharusn inputan tersebut diproses dengan validasi data sebagai cek : Login sudah ada, Email sudah ada, No. Rekening sudah ada, sandi dengan resandi, Password Baru dengan re-password Baru. Jika cek validasi data sudah terpenuhi maka inputan registrasi pelanggan dapat diproses.
28 Masuk Kehalaman Menu Utama Administrator Menu Pilihan $pil= 1. Home 2. Jenis 3. Merk 4. Stok 5. Informasi Pesanan 6. Laporan Penjualan 7. Ubah Password 8. Log Out 9. Bank BRI 10. Konstanta_batas Saldo $pil==1 Informasi Welcome this website Administrator $pil==2 Pengolahan Data Jenis $pil==3 Pengolahan Data Merk $pil==4 Pengolahan Data Stok $pil==5 Pengolahan Data Informasi Pesanan $pil==6 Informasi Laporan Penjualan $pil==7 Pengolahan Ubah Password $pil==8 Proses Keluar Administrator A $pil==9 Pengolahan Data Pelanggan Bank BRI $pil==10 Pengolahan Konstanta Batas Saldo Informasi Welcome this website Administrator End Gambar 3.7 Flowchart Halaman Menu Utama Administrator
29 Penjelasan Gambar 3.7 : Menampilkan menu-menu hak akses administrator dalam mengakses data barang maupun data pesanan ng sudah dipesan ataupun sudah ditransaksikan antara lain : 1. Home : terdapat informasi welcome to administrator. 2. Jenis : pengolahan data jenis barang. 3. Merk : pengolahan data merk barang. 4. Stok : pengolahan data stok barang. 5. Informasi Pesanan : terdapat informasi pesanan barang ng sudah dipesan ataupun ditransaksikan. 6. Laporan Penjualan : informasi penjualan barang. 7. Ubah Password : ubah password administrator.
30 Pengolahan Data Informasi Pesanan Masukkan Pesanan Proses Cari Cari== Proses Informasi Pesanan Proses Informasi Pesanan Informasi Data Pesanan Informasi Data Pesanan Proses Cetak Pesanan Cetak Lapopran Pesanan End Gambar 3.8 Flowchart Informasi Pesanan Pada Administrator Penjelasan Gambar 3.8 : Menampilkan seluruh informasi pesanan ng sudah dipesan maupun ditransaksikan dan pesanan tersebut dapat dicetak oleh administrator sebagai alat pengiriman barang.
31 Pengolahan Ubah Password Masukkan Password Baru Masukkan Re- Password Baru Proses Submit Password!=Re- Password Baru Informasi Kesalahan Password dengan Re- Password Baru sama Proses Ubah Password Password Baru Anda : *** End Gambar 3.9 Flowchart Ubah Password Pada Administrator dan Pelanggan Penjelasan Gambar 3.9 : Menu untuk merubah password pelanggan maupun administrator sesuai dengan hak akses masing-masing guna keamanan login pelanggan meupun administrator. Yang diperlukan antara lain : password baru, re-password baru selanjutn dilakukan validasi data. password baru dengan re-password baru sama maka terdapat informasi kesalahan.
32 Pengolahan Data Jenis Masukkan Jenis Proses Submit Submit= Jenis Informasi Jenis Informasi Berhasil Disimpan Proses Tampil Jenis Tampil Data Jenis Proses Pilih Edit Jenis Pilih= Proses Definisi Jenis Edit Jenis Proses Submit Proses Pilih Hapus Jenis Submit= Jenis Informasi Jenis Pilih= Proses Hapus Jenis Informasi Berhasil Disimpan Informasi Berhasil Dihapus End Gambar 3.10 Flowchart Pengolahan Jenis Pada Administrator
33 Penjelasan Gambar 3.10 : Menampilkan seluruh pengolahan data jenis barang baik input, tampil, edit dan hapus : 1. Input : berfungsi untuk memasukkan dan untuk melakukan validasi data jenis barang jika. 2. Tampil : menampilkan data-data jenis barang ng sudah disimpan dan dapat dipilih untuk mengedit ataupun menghapus data sesuai dengan baris data tampil jenis barang ng akan dipilih. 3. Edit : jenis barang ng telah terpilih dapat diubah dalam berntuk form seperti form input jenis barang. Jika jenis barang sudah ada maka tampilkan informasi jenis barang sudah ada dan kembali ke pengolahan jenis barang jika sudah terpenuhi cek validasi data maka jenis barang dapat diedit dan kembali ke pengolahan jenis barang jika disubmit maka proses selesai. 4. Hapus : jenis barang ng sudah dipilih akan terhapus dan kembali ke pengolahan jenis barang.
34 Pengolahan Data Merk Masukkan Merk Proses Submit Submit= Merk Informasi Merk Informasi Berhasil Disimpan Proses Tampil Merk Tampil Data Merk Proses Pilih Edit Merk Pilih= Proses Definisi Merk Edit Merk Proses Submit Proses Pilih Hapus Merk Submit= Merk Informasi Merk Pilih= Proses Hapus Merk Informasi Berhasil Disimpan Informasi Berhasil Dihapus End Gambar 3.11 Flowchart Pengolahan Merk Pada Administrator Penjelasan secara lengkap dapat dilihat pada penjelasan pada gambar 3.10
35 Pengolahan Data Stok Tan Input Input= Masukkan : 1. Jenis 2. Merk 3. Tipe 4. Keterangan 5. Stok 6. Harga Modal 7. Harga Jual 8. Upload Gambar Pencarian Stok Proses Submit Cari= Proses Tampil Stok Tipe Tipe Proses Tampil Stok Upload File >1 MB Kapasitas File Terlalu Besar Tampil Data Merk Proses Edit Tampil Stok Tipe selain Gambar ; jpg or gif Tipe Gambar Tidak Sesuai Informasi Berhasil Disimpan edit= Ubah : 1. Jenis 2. Merk 3. Tipe 4. Keterangan 5. Stok 6. Harga Modal 7. Harga Jual 8. Upload Gambar Proses Submit Tipe Tipe Upload File >1 MB Kapasitas File Terlalu Besar Tipe selain Gambar ; jpg or gif Tipe Gambar Tidak Sesuai Proses Hapus Tampil Stok Informasi Berhasil Diedit hapus= Proses Hapus Stok Informasi Berhasil Dihapus End Gambar 3.12 Flowchart Pengolahan Stok Pada Administrator
36 Penjelasan Gambar 3.12 : menampilkan seluruh pengolahan data stok barang baik input, tampil, edit dan hapus : 1. Input : Masukkan stok barang antara lain : Jenis barang, merk barang, tipe barang, keterangan, stok, harga modal, harga jual, dan upload gambar. Jika disubmit ataupun disimpan, maka cek validasi data stok barang. Jika tipe barang sudah ada, maka tampilkan informasi tipe barang sudah ada dan kembali ke pengolahan stok barang, jika kapasitas upload gambar lebih dari 1 MB, maka tampilkan informasi upload gambar maksimal 1 MB, dan kembali ke pengolahan stok barang. Selain itu, jika tipe upload gambar selain *.gif dan *.jpeg maka tampilkan informasi tipe upload gambar han diperbolehkan dengan tipe *.gif ataupun *.jpeg saja dan kembali ke pengolahan stok barang jika sudah terpenuhi cek validasi data, maka stok barang dapat disimpan dan kembali ke pengolahan stok barang jika disubmit stok barang ditampilkan. 2. Tampil : menampilkan data stok barang ng sudah disimpan dan dapat dipilih sebagaimana untuk mengedit ataupun menghapus data sesuai dengan baris data tampil stok barang ng akan dipilih. 3. Edit : stok barang ng telah terpilih dapat diubah dalam bentuk form seperti form input antara lain : Jenis barang, merk barang, tipe barang, keterangan, stok, harga modal, harga jual, upload gambar jika disubmit ataupun diedit maka cek validasi data stok barang dan sama dengan validasi form input stok barang.