Untuk membuat aplikasi pada tugas akhir ini terlebih dahulu dilakukan analisa sistem, kemudian analisa kebutuhan dan perancangan sistem dan terakhir perancangan antarmuka. Analisa sistem berguna untuk mengetahui data apa saja yang dibutuhkan dalam proses yang akan dikerjakan. analisa kebutuhan berguna untuk melakukan identifikasi user dan menentukan variabel kebutuhan untuk input dan output user. perancangan sistem berguna untuk mengintegrasikan semua proses-proses yang terjadi kemudian dilakukan perancangan database. sedangkan perancangan antarmuka bertujuan untuk digunakan sebagai jembatan antara pengguna dengan sistem aplikasi yang dibuat, sehingga pengguna dapat mengoperasikan aplikasi yang dibuat.
3.1 Analisis Sistem
Pembanguanan Sistem Informasi Pemesanan Produk secara On-line di perusahaaan Nirwana Art & Glass dimaksudkan untuk memudahkan pemilik usaha dalam mengelola usahanya dan membantu pelanggan dalam hal pemesanan produk secara online. dengan memanfaatkan bahasa pemograman web PHP dengan menggunakan database MySQL, yang berjalan pada sistem operasi Windows.
3.2 Analisis Kebutuhan
Bentuk-bentuk yang dibutuhkan dan yang tentunya kebutuhan pada aplikasi yang dibuat.
3.2.1 Identifikasi User a. Admin
Dalam hal ini admin mempunyai wewenang tertinggi dalam website ini, diantaranya :
1. Mengatur dan merawat website.
2. Menambah data informasi, data produk, dan data buku tamu. 3. Mengubah data informasi, data produk, dan data daftar pesanan. 4. Menghapus data informasi, data produk, data pemesanan, dan data
buku tamu b. Member
Adapun wewenang member dalam website ini, diantaranya : 1. Melihat produk
2. Memesan produk 3. Konfirmasi pembayaran c. Pengunjung
Adapun wewenang pengunjung dalam website ini, diantaranya :
1. Hanya bisa melihat informasi-informasi yaitu profil perusahaan dan produk-produk yang telah disediakan oleh admin atau pihak Perusahaan Nirwana Art & Glass.
2. Mendaftarkan diri menjadi member. 3. Dapat mengisi Buku Tamu.
3.3 Per ancangan Sistem
Didalam rancang bangun web ini, dibuat beberapa perancangan yang menjelaskan penggambaran sistem secara umum dan menyeluruh, sistem perancangan tersebut diantaranya Flowcart, Data Flow Diagram(DFD), dan perancangan Database.
3.3.1 Flowcart
Pada bagian ini yang akan dijelaskan adalah semua proses yang ada pada aplikasi yang dibuat agar dapat lebih menjelaskan tentang jalannya aplikasi, flowcart yang akan dijelaskan yaitu :
A. Flowcart Admin
Proses yang dapat dilakukan oleh admin melalui aplikasi yang dibuat, seperti yang tampak pada gambar 3.1 dibawah ini.
Pada gambar 3.1 dijelaskan bahwa admin masuk ke sistem informasi dengan menggunakan login admin. admin dapat melakukan aktivitas yaitu Menu Produk, Menu Informasi, Menu Daftar Pemesanan, Menu Gambar User, Menu Buku Tamu, dan Menu Laporan. Apabila admin sudah melakukan aktivitas tersebut admin dapat logout atau keluar dari sistem.
a. Menu Produk
Gambar 3.2 Flowchart Menu Produk
Pada Gambar 3.2 dijelaskan bahwa admin dapat melakukan tambah, edit dan hapus produk. Tambah produk berfungsi untuk menambahkan produk, admin mengisi data-data yang harus diisikan kemudian apakah disimpan jika ya maka disimpan ke database jika tidak apakah di-reset jika ya maka di-reset jika tidak apakah kembali ke menu utama jika ya maka kembali ke menu utama jika tidak maka kembali ke menu tambah data produk. Edit produk berfungsi untuk me-edit produk, admin mengisi data-data yang harus diisikan kemudian apakah di-edit jika ya maka di-edit ke database jika tidak apakah di-reset jika ya maka di-reset jika
tidak apakah kembali ke menu utama jika ya maka kembali ke menu utama jika tidak maka kembali ke menu edit data produk . Hapus produk berfungsi untuk menghapus data produk jika tidak dihapus maka admin bisa kembali ke menu utama.
b. Menu Informasi
Ga mbar 3.3 Flowchart Menu Informasi
Pada Gambar 3.3 dijelaskan bahwa admin dapat melakukan tambah, edit dan hapus informasi. Tambah informasi berfungsi untuk menambahkan informasi, admin mengisi data-data yang harus diisikan kemudian apakah disimpan jika ya maka disimpan ke database jika tidak apakah di-reset jika ya maka di-reset jika tidak apakah kembali ke menu utama jika ya maka kembali jika tidak maka kembali ke menu tambah informasi. Edit informasi berfungsi untuk me-edit informasi, admin mengisi data-data yang harus diisikan kemudian apakah di-edit jika ya maka di-edit ke database jika tidak apakah di-reset jika ya maka di-reset
jika tidak apakah kembali ke menu utama jika ya maka kembali ke menu utama jika tidak maka kembali ke menu edit data informasi. Hapus informasi berfungsi untuk menghapus data informasi jika tidak dihapus maka admin bisa kembali ke menu utama.
c. Menu Daftar Pemesanan
Gambar 3.4 Flowchart Menu Daftar Pemesanan
Pada Gambar 3.4 dijelaskan bahwa admin dapat melakukan edit, tampil dan hapus pemesanan. Edit pemesanan berfungsi untuk me-edit pemesanan, admin mengisi data-data yang harus diisikan kemudian apakah di-edit jika ya maka di-edit ke database jika tidak apakah di-reset jika ya maka di-reset jika tidak apakah kembali ke menu utama jika ya maka kembali ke menu utama jika tidak kembali ke menu edit data pemesanan. Tampil pemesanan berfungsi untuk mengetahui produk apa saja yang dipesan, jika admin tidak mengiginkan untuk mengetahui produk maka admin bisa kembali ke menu utama. Hapus pemesanan
berfungsi untuk menghapus data pemesanan jika tidak dihapus maka admin bisa kembali ke menu utama.
d. Menu Gambar User
Gambar 3.5 Flowchart Menu Gambar User
Pada Gambar 3.5 dijelaskan bahwa admin dapat melakukan tampil dan hapus gambar. Tampil gambar berfungsi untuk mengetahui bentuk gambar yang di-upload oleh member jika tidak menginginkan maka admin bisa kembali ke menu utama. Hapus gambar berfungsi untuk menghapus data gambar jika tidak dihapus maka admin bisa kembali ke menu utama.
e. Menu Buku Tamu
Pada Gambar 3.6 dijelaskan bahwa admin dapat melakukan tambah dan hapus informasi. Tambah buku tamu berfungsi untuk menambahkan menjawab komentar yang masuk, admin mengisi data-data yang harus diisikan kemudian apakah disimpan jika ya maka disimpan ke database jika tidak apakah di-reset jika ya maka di-reset jika tidak apakah kembali ke menu utama jika ya maka kembali jika tidak maka kembali ke menu tambah informasi. Hapus buku tamu berfungsi untuk menghapus data buku tamu jika tidak dihapus maka admin bisa kembali ke menu utama.
f. Menu Laporan
Gambar 3.7 Flowchart Menu Laporan
Pada Gambar 3.7 dijelaskan bahwa admin dapat melihat laporan produk, member, dan transaksi. Laporan produk berfungsi untuk mengetuhui jumlah produk yang terjual dan sisa produk, jika tidak apakah kembali ke menu utama
jika ya maka kembali menu utama jika tidak maka kembali ke menu laporan. Laporan member berfungsi untuk mengetuhui member yang telah mendaftar, jika tidak apakah kembali ke menu utama jika ya maka kembali menu utama jika tidak maka kembali ke menu laporan. Laporan transaksi berfungsi untuk mengetuhui transaksi yang telah lunas, apakah ingin mengetahui kedetailan produk yang dipesan jika ya maka detail produk dimunculkan jika tidak apakah ingin dicetak jika ya dicetak jika tidak apakah kembali ke menu utama jika ya maka kembali menu utama jika tidak maka kembali ke menu laporan.
B. Flowcart Member
Pada gambar 3.8 dijelaskan bahwa member masuk ke sistem informasi dengan menggunakan login member. Member dapat memilih menu cara pesan jika ya maka member dapat melihat cara memesan produk jika tidak apakah member ingin memilih menu informasi jika ya maka member dapat melihat informasi yang ada pada perusahaan jika tidak apakah member ingin melihat profil dari perusahaan jika ya maka member dapat melihat profil perusahaan jika tidak apakah member ingin mengubah profil member jika ya maka member dpat mengubah profil nya jika tidak apakah member ingin mengubah password jika ya maka member dapat mengubah passwordnya jika tidak apakah member ingin memesan produk jika ya maka member memesan produk jika tidak member dapat melanjutkan ke upload gambar sendiri jika tidak apakah member ingin melihat transaksi yang telah dilakukan jika ya maka member dapat melihat detail transaksi nya jika tidak apakah member melihat semua produk jika ya maka member dapat melihat semua produk yang ada pada perusahaan jika tidak apakah member ingi melihat produk terbaru jika ya maka member dapat melihat produk terbaru jika tidak apakah member ingin mencari produk jika ya maka member dapat mecari produk jika tidak member dapat me-logout (keluar dari sistem).
Pada menu kantong pemesanan dan daftar transaksi akan dijelaskan dibawah ini.
a. Menu Kantong Pemesanan
Gambar 3.9 Flowchart Kantong Pemesanan
Pada gambar 3.9 dijelaskan jika member ingin memesan produk maka masuk ke menu kantong pemesanan. Setelah itu apakah member untuk memilih produk Jika ya maka pilih produk jika tidak maka kembali ke kantong pemesanan. Setalah itu apakah menambah pesan jika member kembali memilih produk jika tidak apakah member ingin mengkonfirmasi pembayaran jika ya maka member dapat mengkonfirmasi pembayaran dengan mengedit alamat terlebih dahulu jika tidak dapat melanjutkan ke konfirmasi transaksi jika tidak maka akan kembali ke keranjang pemesanan. Kemudian apakah member ingin mengkonfirmasi transaksi jika iya apakah mau kembali kemenu awal jika tidak kembali ke konfirmasi pembayaran.
b. Menu Daftar Transaksi
Gambar 3.10 Flowchart Daftar Transaksi
Pada gambar 3.10 dijelaskan jika member ingin mengetahui transaksi yang telah dilakukan maka masuk ke menu daftar transaksi. Setelah masuk maka tampil daftar transaksi yang telah dilakukan. Kemudian apakah member ingin mengetahui detail transaksinya jika ya maka tampil detail transaksi jika tidak kembali ke menu daftar transaksi. Setelah itu apakah member ingin mencetak data transaksi jika ya maka cetak detail transaksi jika tidak apakah kembali ke menu utama jika ya kembali ke menu utama jika tidak maka kembali ke daftar transaksi.
C. Flowcart Pengunjung
Gambar 3.11 Flowchart Pengunjung
Pada gambar 3.11 dijelaskan bahwa pengunjung berkunjung website. Pengunjung dapat melakukan 9 aktivitas menu yaitu cara pesan, pendaftaran, informasi, profil, denah lokasi, buku tamu, semua produk, produk terbaru, dan cari produk. Jika pengunjung memilih menu cara pesan maka tampil cara pesan jika tidak apakah pengunjung ingin mendaftar menjadi member jika ya daftar jika tidak apakah pengunjung ingin melihat informasi jika ya tampil informasi jika tidak apakah pengunjung ingin melihat profil jika ya tampil profil jika tidak apakah pengunjung ingin melihat denah lokasi jika ya tampil denah lokasi jika tidak apakah pengunjung ingin mengisi buku tamu jika ya mengisi buku tamu jika tidak
apakah pengunjung ingin melihat semua produk yang ada jika ya tampil semua produk jika tidak apakah pengunjung ingin melihat produk terbaru jika ya tampi produk terbaru jika tidak apakah pengunjung ingin mencari produk jika ya cari produk jika tidak selesai.
3.3.2 Data Flow Diagram(DFD)
Data flow diagram (DFD) merupakan suatu diagram yang menggunakan notasi-notasi untuk menggambar arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, terstruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis.
A. DFD Level 0
Pada DFD Nirwana Art & Glass, terdapat 3 entitas yang terlibat, yaitu: entitas admin, entitas pengunjung, entitas member. Berikut gambar konteks diagram :
Pada gambar 3.12 DFD level 0 ini terdapat satu proses dan tiga entitas. Proses tersebut yaitu proses Website Nirwana Art & Glass dan memiliki entitas berupa admin, pengunjung dan member.
Pada entitas pengunjung, dapat melakukan proses, pendaftaran menjadi member, pencarian produk, mengisi buku tamu, dan mencari informasi. Bagi pengunjung yang ingin melakukan transaksi pemesanan harus mendaftar menjadi member terlebih dahulu. Dengan begitu pengunjung tidak perlu melakukan pendataan berulang-ulang setiap kali ingin memesan produk-produk Nirwana Art & Glass, karena data pengunjung yang telah terdaftar sebagai member akan secara otomatis disimpan didalam sistem.
Setelah pengunjung melakukan pendaftaran maka ia akan menjadi customer dan memperoleh User id dan password untuk login. Selain pengunjung melakukan aktivitas pendaftaran, pengunjung juga bisa melakukan aktivitas isi buku tamu dimana pengunjung juga bisa memberikan komentar yang ingin disampaikan.
Pada entitas member terjadi proses member melakukan login kemudian sistem akan memverifikasi apakah login sudah benar atau salah, jika salah maka akan melakukan login ulang, jika benar maka customer akan masuk ke halaman member, dan member bisa melakukan proses pemesanan secara online.
Pada entitas admin terjadi proses admin melakukan login kemudian sistem akan memverifikasi apakah login sudah benar atau salah, jika salah maka akan melakukan login ulang, jika benar maka customer akan masuk ke halaman admin ,admin bisa melakukan maintanance data, yaitu berupa penambahan data, pengubahan data, dan penghapusan data pada sistem.
B. DFD Level 1
Semua proses pada dfd level 0 didetailkan lagi ke dfd level 1, gambar 3.5 dfd level 1 sebagai berikut :
Gambar 3.13 DFD Level 1 Penjelasan Gambar3.13 DFD level 1:
v Proses Pendaftaran :
Pada proses pendaftaran hanya ada 1 entitas yang terlibat, yaitu entitas pengunjung, pada entitas pengunjung terjadi proses pengunjung melakukan pendaftaran agar bisa menjadi member dan melakukan proses pemesanan produk secara online, yaitu dengan memasukkan data pengunjung ke dalam sistem dan sistem akan memberikan id dan password untuk login sebagai member.
v Proses Mencari Produk :
Hanya ada 1 entitas pada proses pencarian, yaitu entitas pengunjung. Pada entitas ini akan melakukan pencarian produk-produk yang dimiliki oleh perusahaan Nirwana Art & Glass.
v Proses Isi Buku Tamu :
Pada proses isi buku tamu pengunjung dapat mengisikan komentarnya, di proses buku tamu juga terdapat 1 entitas yaitu pengunjung.
v Proses Informasi :
Pada proses informasi juga entitas yang beraktivitas adalah pengunjung. Pada proses ini pengunjung dapat melihat informasi-informasi seputar produk perusahaan Nirwana Art & Glass..
v Proses Pesan Produk :
Setelah member memasukkan username dan password dengan benar, customer dapat melakukan proses pemesanan produk secara online dan sistem akan menampilkan data hasil belanja customer.
v Proses Konfirmasi :
Disini jika member telah memesan produk maka secara otomatis akan diminta konfirmasi pembayaran lewat sistem.
v Proses Maintenance data Admin :
Proses ini hak akses untuk admin dimana admin dapat me-maintenance data yakni menambah data, mengubah data dan menghapus data.
C. DFD Level 2 Pr oses Pemesana n Pr oduk
Gambar proses pemesanan produkpada DFD level l diturunkan ke DFD level 2, adapun gambar DFD Level 2 proses pemesanan produkditunjukkan pada gambar 3.14.
Gambar 3.14 DFD Level 2 Pemesanan Produk
Untuk dapat melakukan proses pemesanan produk member harus login terlebih dahulu, setelah itu member dapat memilih produk yang hendak dipesan atau dibeli. Pemilihan produk atau pesan produk diambil dari data produk. Setelah member memesan produk, member dapat menyimpan data pesan dan data pesan yang disimpan akan masuk ke kantong belanja.
D. DFD Level 2 Pr oses Maitenance Data Admin
Gambar Maintenance Data Admin data pada DFD level l diturunkan ke DFD level 2, seperti gambar 3.15.
Gambar 3.15 DFD Level 2 Maitenance Data Admin
Disini admin dapat me-maintenance data : penambahan data, pengubahan data, dan penghapusan data. Adapun data yang dapat ditambahkan oleh admin adalah data produk, data informasi dan data buku tamu. Data yang dapat diubah adalah data produk, data informasi dan data belanja. Dan data yang dapat dihapus adalah data produk, data informasi, data buku tamu, data belanja.
3.3.3 Per ancangan Database
Perancangan database digunakan untuk membuat suatu database yang dibutuhkan oleh sistem informasi berbasis web yang dibuat. Database atau Basis data dapat didefinisikan dalam sejumlah sudut pandang sebagai berikut :
a. Himpunan kelompok data (arsip) yang saling berhubungan yang diorganisasikan sedemikian rupa agar kelak dapat dimanfaatkan kembali dengan cepat dan mudah.
b. Kumpulan data yang saling berhubungan yang disimpan secara bersama sedemikian rupa dan tanpa pengulangan (redudansi) yang tidak perlu untuk memenuhi berbagai kebutuhan.
c. Kumpulan file atau tabel atau arsip yang saling berhubungan yang tersimpan dalam media penyimpanan elektronik.
Rancangan basisdata adalah proses perancangan ER Data Model (ERD). ERD dibuat berdasarkan pengamatan dunia nyata yang terdiri dari entitas dan relasi antara entitas-entitas tersebut. Dibawah ini adalah ER Data Model dalam bentuk CDM untuk Website Nirwana Art & Glass.
A. Conseptual Data Model (CDM)
Adalah kerangka awal dari penyusunan isi database dengan membuat tabel-tabel yang dibutuhkan oleh sistem dengan perancangan data flow diagram yang ada dan bisa dikatakan bahwa ini adalah realisasi dari rancangan data flow diagram.
Terdapat sembilan tabel yang masing-masing terdapat atribut-atribut beserta primary key dan dari kesemua tabel tersebut dihubungkan sehingga memunculkan relasi antar tabel. tabel-tabel tersebut antara lain tabel admin, tabel customer, tabel buku_tamu, tabel belanja, tabel wilayah, tabel kantong, tabel detail_belanja, tabel informasi, tabel produk. Untuk lebih jelasnya dapat dilihat pada gambar 3.16.
Melakukan belanja detail meliputi admin ADMIN_ID ADMIN_USER ADMIN_PASS NAMA NAMA_BANK NO_REKENING EMAIL <pi> Integer Variable characters (10) Variable characters (6) Variable characters (20) Variable characters (10) Variable characters (12) Variable characters (30) <M> Identifier_1 <pi> customer ID USER NAMA_CUSTOMER ALAMAT KOTA KDPOST TELEPON BANK NO_REKENING EM AIL TANGGAL_DAFTAR <pi> Characters (5) Variable characters (10) Variable characters (20) Variable characters (30) Variable characters (12) Characters (6) Variable characters (12) Variable characters (10) Variable characters (12) Variable characters (30) Date <M> Identifier_1 <pi> buku_tamu ID_BUKU_TAMU NAMA EM AIL ISI TANGGAL <pi> Integer Variable characters (20) Variable characters (30) Text (50) Date <M> Identifier_1 <pi> belanja ID_BELANJA TANGGAL WAKTU ST ATUS_BAYAR UNIK_TRANSFER TOTAL_BAYAR <pi> Characters (6) Date T im e <Undefined> Characters (3) Integer <M>
Identifier_1 <pi> wilayah KD_WILAYAH NAMA_WILAYAH ONGKOS_KIRIM <pi> Characters (3) Variable characters (20) Integer <M> Identifier_1 <pi> kantong ID_KANTONG JUMLAH TANGGAL JAM ID_PRODUK ID <pi> Integer Integer Date Tim e Characters (5) Characters (5) <M> Identifier_1 <pi> detail _belanja ID_DBELANJA JUMLAH <pi> Integer Integer <M> Identifier_1 <pi> produk ID_PRODUK NAMA_PRODUK HARGA SATUAN VOLUME JUMLAH_BARANG FOTO KETERANGAN T ANGGAL_MASUK <pi> Characters (5) Variable characters (30) Integer Characters (10) Characters (10) Integer Image Text (60) Date & Time
<M> Identifier_1 <pi> informasi ID_INFORMASI JUDUL_INFORMASI ISI TANGGAL <pi> Integer Text (30) Text (50) Date <M> Identifier_1 <pi>
Gambar 3.16 Conceptual Data Model (CDM) B. Physical Data Model (PDM)
Model data ini dibuat dengan cara me-generate diagram data konseptual di atas. Diagram data fisik ini menghasilkan tabel-tabel yang akan digunakan dalam implementasi aplikasi.Dengan Physical data model kita dapat mengetahui model fisik hasil pengembangan dari sebuah konsep. Untuk lebih jelasnya bisa dilihat pada gambar 3.17.
FK_MELAKUKAN FK_BELANJA FK_DETAIL FK_MELIPUTI admin ADMIN_ID ADMIN_USER ADMIN_PASS NAMA NAMA_BANK NO_REKENING EMAIL int varchar(10) varchar(6) varchar(20) varchar(10) varchar(12) varchar(30) <pk> customer ID KD_WILAYAH USER NAMA_CUSTOMER ALAMAT KOTA KDPOST TELEPON BANK NO_REKENING EMAIL TANGGAL_DAFTAR char(5) char(3) varchar(10) varchar(20) varchar(30) varchar(12) char(6) varchar(12) varchar(10) varchar(12) varchar(30) date <pk> <fk> buku_tamu ID_BUKU_TAMU NAMA EMAIL ISI TANGGAL int varchar(20) varchar(30) text date <pk> belanja ID_BELANJA ID TANGGAL WAKTU STATUS_BAYAR UNIK_TRANSFER TOTAL_BAYAR char(6) char(5) date time <Undefined> char(3) i nt <pk> <fk> wil ayah KD_WILAYAH NAMA_WILAYAH ONGKOS_KIRIM char(3) varchar(20) int <pk> kantong ID_KANTONG JUMLAH TANGGAL JAM ID_PRODUK ID int int date ti me char(5) char(5) <pk> detail_belanj a ID_DBELANJA ID_PRODUK ID_BELANJA JUMLAH int char(5) char(6) int <pk> <fk2> <fk1> produk ID_PRODUK NAMA_PRODUK HARGA SATUAN VOLUME JUMLAH_BARANG FOTO KETERANGAN TANGGAL_MASUK char(5) varchar(30) int char(10) char(10) int longblob text datetime