BAB III METODOLOGI PENELITIAN 3.1 Metode Pengumpulan Data a. Teknik Pengamatan (observation) Teknik pengamatan merupakan metode pengumpulan data dengan cara melakukan pengamatan secara langsung kepada objek yang diteliti sehingga dapat dipahami cara kerja sistem yang berjalan. Dalam hal ini penulis melakukan pengamatan langsung pada mebel jati ukir jepara h. Rachmat Bandar Lampung pada tanggal 26 Desember 2019 WIB. Pada saat penelitian berlangsung penulis mendapatkan beberapa masalah yaitu cara pemesanan produk dan pengolahan data yang masih menggunakan buku besar sistem yang berjalan saat ini masih kurang efektif dan menyulitkan calon konsumen dalam pemesanan produk banyak pelanggan beralih ke pemesanan dan pembelian produk secara online yang dirasakan lebih mudah. b. Teknik Wawancara Teknik wawancara merupakan metode pengumpulan data dengan cara mengajukan pertanyaan-pertanyaan atau tanya jawab langsung dengan narasumber yang berhubungan dengan masalah-masalah yang dibahas. Dalam hal ini tanya jawab dilakukan dengan Bapak Rachmat selaku mebel jati ukir jepara h. Rachmat dengan menanyakan proses pembelian produk, pengiriman barang, pengarsipan atau pengolahan data pada mebel jati ukir jepara h. Rachmat 21
22 c. Tinjauan Pustaka Tinjauan pustaka merupakan teknik pengumpulan data dengan cara membaca, mengutip, dan mengumpulkan teori-teori dari buku-buku, jurnal, internet serta mempelajari referensi dokumen dan catatan lain yang mendukung proses penelitian. Dalama tinjauan pustaka ada beberapa data yang menjadi acuan untuk pengembangan sistem sehingga data dapat di sesuaikan dalam kebutuhan sistem, ada pula data yang sudah didapat sebagai berikut : 1. Harga produk 2. Rute pengiriman yang di tuju Data di atas di dapat dari atas melakukan survei ke Mebel jati ukir jepara h. Rachmat dan atas izin pengurus, yang nantinya di gunakan sebagai pengembangan sistem. 3.2 Metode Pengembangan Sistem Metode pengembangan sistem yang digunakan dalam penulisan skripsi, menggunakan metode waterfall. Adapun tahapan-tahapan yang terdapat dalam metode penelitian dengan waterfall menggunakan analisis dan desain terstruktur yaitu: 1. Perencanaan (Planning) Pada tahap perencanaan sistem dilakukan pengumpulan data untuk menilai kelayakan sistem dan mengestimasi kebutuhan sistem baru yang akan dikembangkan. Perencanaan di mulai dari pengumpulan data yang dilakukan dengan beberapa metode pengumpulan data yang telah dijabarkan diatas. Pengumpulan data tersebut menghasilkan beberapa kebutuhan untuk sistem Custumer Relationship Management (CRM) seperti : a. merancang dan membangun Custumer Relationship Management (CRM) Sistem Informasi Layanan pada mebel jati ukir jepara h. Rachmat .
b. Membuat sistem pembelian produk secara online c. Membuat wadah pengaduan pelanggan melalui website. d. Mempermudah pengolahan data / pengarsipan data pemesananan maupun pengaduan. e. Membuat sistem promosi yang lebih menarik dan tidak membutuhkan banyak biaya. 2. Analisis (Analysis) Pada tahap analisis dimulai dengan menelaah data yang telah didapat secara keseluruhan yang telah tersedia dari berbagai sumber. Dari tahap analisis yang telah dilakukan, analisis tersebut menghasilkan beberapa kendala pada sistem pemesanan dan pengontrolan data yang saat ini berjalan, yaitu: a. Pemesanan dilakukan secara konvensional. b. Tidak adanya sistem pengaduan pelanggan. c. Tidak adanya wadah untuk konfirmasi mengenai pengiriman barang. d. Pengontrolan data yang masih menggunakan buku besar. Dan dari hasil analisis yang telah dijabarkan tersebut, penulis mendapatkan suatu rancangan sistem Custumer Relationship Management (CRM) Sistem layanan 3. Perancangan (Desain) Tahap ini lebih menekankan pada tahap desain sistem secara menyeluruh, desain sistem dilakukan untuk menindak lanjuti tahap sebelumnya dan sebagai acuan pembuatan program. Pada fase ini penulis melakukan perancangan arsitektur menggunakan Document Flowchart, Data Flow Diagram, desain input dan output, rancangan database, rancangan kamus data, dan pengkodeaan. Desain input meliputi pemesanan produk, pelanggan, pengaduan pelanggan . 4. Implementasi (Implementation) Pada tahap implementasi yaitu pengujian dari desain yang telah dirancang pada perancangan. Pada fase ini penulis melakukan pengkodean menggunakan bahasa pemrograman PHP, CSS, dan HTML5 serta perangkat lunak jQuery mobile, MySQL, Xampp, dan sublime text. 23
24 3.3 Analisis Sistem Pada tahap ini dilakukan analisis dari sistem yang sudah berjalan pada Mebel Jati Ukir Jepara H. Rachmat untuk mengetahui alur proses yang berjalan secara terinci digunakan flowchart. Flowchart dibuat untuk menerapkan proses apa saja yang dikerjakan, siapa yang mengerjakan, bagaimana proses dikerjakan, dan dokumen apa saja yang terlibat. 3.3.1 Prosedur Penjualan Furniture Pada Mebel Jati Ukir Jepara H. Rachmat Berikut Prosedur Penjualan pada Mebel Jati Ukir Jepara H. Rachmat yang berjalan: 1. Pembeli datang langsung ke Mebel Jati Ukir Jepara H. Rachmat untuk melakukan transaksi pembelian 2. Pembeli memilih furniture yang ada di mebel sesuai yang diinginkan 3. Setelah produk furniture sudah selesai dipilih, selanjutnya produk tersebut di beritahukan ke pelayan mebel untuk dilakukan proses pengecekan 4. Setelah pengecekan selesai, kasir mebel melakukan pendataan produk furniture yang di beli untuk dilakukan proses pembayaran 5. Pembeli mengisi data diri alamat untuk dilakukan pengiriman 6. Setelah jumlah harga sudah diketahui dan diberitahu oleh kasir mebel, maka pembeli membayar sesuai dengan jumlah yang sudah di beritahu oleh kasir mebel 7. Selanjutnya dilakukan proses pengiriman produk furniture ke lokasi pembeli
DATANG KE MEBEL MELAKUKAN PENGIRIMAN NOTA PEMBAYARAN MENYERAHKAN NOTA PEMBAYARAN NOTA JUMLAH PEMBELIAN NOTA JUMLAH PEMBELIAN PIMPINAN Pelanggan MELAKUKAN PEMBAYARAN START DEBIT PEMBAYARN FURNITURE SUDAH DI CEK PENGECEKAN PRODUK FURNITURE SUDAH DI CEK MENHITUNG JUMLAH PEMBELIAN INFO PEMBELIAN FURNITURE YANG DIPILIH FURNITURE YANG DIPILIH MENCATAT INFO PEMBELIAN ARSIP ARSIP NOTA PEMBAYARAN DITERIMA INFO PEMBELIAN FURNITURE DIKIRIM INFO PEMBELIAN INFO PEMBELIAN END TANDA TANGAN INFO PEMBELIAN DRIVER UANG CASH UANG CASH SALES FURNITER DITERIMA KASIR 5 Gambar 3.1 Diagram Alir Dokumen (DAD) Sistem Pemesanan Furniture Yang Berjalan 25
26 Hasil analisis terhadap proses pemesanan furniture yang berjalan pada mebel jati ukir jepara H.Rahcmat, didapat beberapa masalah sebagai berikut : 1. pembeli tidak dapat memesan secara online, karena hanya bisa dilakukan pembelian secara langsung ke mebel jati ukir jepara H.Rahcmat. 2. Proses pencatatannya pun masih dengan menggunakan buku besar sehingga membutuhkan waktu yang lama dan tidak efektif. 3. tidak adanya sistem untuk mempertahankan pelanggan yang sudah ada dan menarik pelanggan baru. 4. tidak adanya wadah untuk menampung masukan atau keluahan dari pelanggan. 5. Tidak ada sistem yang dapat menghubungi pelanggan setelah melakukan pembelian. 3.3.2 Desain Sistem Pada sub desain sistem akan dijelaskan komponen sistem yang akan di desain meliputi model sistem, input, output, database, teknologi dan kendali. 3.3.2.1 Desain Model Sistem Berikut adalah usulan model sistem yang dirancang untuk mengatasi masalah yang ada pada proses pemesanan pada mebel jati ukir jepara H.Rahcmat. Alur sistem yang diusulkan tersebut ditampilkan dalam bentuk context diagram dan data flow diagram.
Laporan Penjualan Sistem Penjualan furniture Data Komplain produk Pelanggan Data produk furniture Data Informasi produk Data kuisioner Pimpinan No order + format email + total pembayaran + no.rekening Data Detail informasi furnitureData Produk produk furnitureData Tanggapan permasalahan Data Konfirmasi pengirimanData pengirimanData login Data Hasil kuisioner Driver Data login Data registrasi Gambar 3.2 Context Diagram/ Level 0 Sistem Yang Di Usulkan 27
28 Laporan Penjualan 2.0 Sub Sistem Pengaduan Db.meubel Data Tanggapan permasalahan 4.0 Sub Sistem Pengiriman 1.0 Sub Sistem Penjualan Data RegistrasiData loginData Informasi produk Pelanggan 3.0 Sub Sistem Kuisioner Pimpinan Driver Data Konfirmasi pengiriman Db.meubelDb.meubelDb.meubel Data kuisionerData Hasil kuisioner 5.0 Laporan Penjualan Data Pengiriman Data Login Db.meubelData Detail informasi furnitureData Produk produk furnitureNo order + format email + total pembayaran + no.rekening Data produk furnitureData komplain produk Gambar 3.3 DFD Level 1 Sistem yang Diusulkan
Laporan Penjualan Db.meubel Pelanggan 1.1 Sub Sistem Penjualan Data Detail informasi furnitureData Produk produk furniture Pimpinan Data Registrasi Data loginData Informasi produk 1.2 Laporan Penjualan Gambar 3.4 DFD Level 1 Proses 1 Sistem Penjualan Penjualan 2.3PROSESPEMBELIAN 2.2PROSESCEK PRODUKFURNITURE Data Bukti transaksi pesanan Data Produk FurnitureData Informasi produkData Detail informasi furniture Produk 2.1.Proses registrasi 2.4PROSES UPLOAD BUKTI Detailpenjualan Data login Data produk Produk furniture Emailsender PELANGGAN Data registrasi Gambar 3.5 DFD Level 2 proses 1 Pemesanan 29
30 Laporan Penjualan Db.meubel PelangganData Tanggapan permasalahan 2.2 Laporan Penjualan Pimpinan 2.1 Sub Sistem Pengaduan Data Melakukan Komplain Produk Gambar 3.6 DFD Level 1 Proses 2 Sistem Pengaduan Laporan Penjualan PelangganData hasil Kuisioner Db.meubel 2.2 Laporan Penjualan Pimpinan Data Kuisioner 3.1 Sub Sistem Pengisian Kuisioner Gambar 3.7 DFD Level 1 Proses 3 Sistem Kuisioner
Laporan Penjualan Db.meubel Driver Data pengiriman 2.2 Laporan Penjualan 2.1 Sub Sistem Pengiriman Pimpinan Data Konfirmasi pengiriman Data Login Gambar 3.8 DFD Level 1 Proses 5 Sistem Pengiriman 3.3.3 Rancangan prosedur pemesanan furniture yang diusulkan Berikut Prosedur Penjualan Furniture yang diusulkan pada Mebel Jati Ukir H.Rachmat yang diusulkan: 1. Pelanggan melakukan registrasi dan terlebih dahulu sebelum melakukan pembelian. 2. Setelah regitrasi Pelanggan mendapat user dan password. 3. Pelanggan melihat produk furniture kemudian melakukan pembelian dimana memilih pelanggan bisa memilih produk yang diinginkan. 4. Pelanggan akan mendapat detail produk dan diminta untuk melakukan pembayaran. 5. Pelanggan melakukan pembayaran melalui transfer dan melakukan konfirmasi dengan kode yang didapat. 6. Pelanggan menyerahkan bukti pembayaran ke sistem dengan cara upload bukti pembayaran. 7. selanjutnya pelanggan tinggal menunggu konfirmasi pembayaran dan pengiriman 8. sambil menunggu, pelanggan dapat melihat Melihat profil perusahaan dan profil data diri pelanggan. 31
32 Mengelola pengiriman Mengelola pertanyaan Quisioner Ya Ya Tidak pendaftaran pendaftaran Mengelola hasil Quisioner Melihat profil pelanggan Mengelola keluhan Melihat profil perusahaan Mengelola data penjualan Upload bukti pembayaran pembayaran Beli (pesan) produk Mengelola konfirmasi order Login Login Melihat produk Mengisi Quisioner Customer Admin Mengelola data produk Transfer via bank Logout Mengelola data driver Start selesai Mengelola data Profil Perusahaan Gambar 3.9 Flowchat Sistem Yang Diusulkan
3.3.4 Rancangan Database Rancangan database merupakan suatu desain terinci yang menjelaskan hubungan antar tabel di dalam suatu sistem. Rancangan database dapat dilihat pada gambar dibawah ini. Gambar 3.10 Rancangan Database 33
34 3.3.5 Rancangan Relasi Antar Tabel Berikut adalah rancangan Relasi Antar Tabel untuk sistem pemesanan online pada mebel kati ukir jepara H.Rachmat. Gambar 3.11 Relasi Antar Tabel Mebel Jati Ukir
3.3.6 Rancangan Entity Relational Diagram (ERD) Berikut adalah rancangan ERD untuk sistem pemesanan online pada mebel kati ukir jepara H.Rachmat. user M status M M alamat M iddriver alamat stok MENGIRIM KodePelanggan MENJUAL nama Pelanggan jeniskelamin notelp NamaPelanggan idpemilikmebel nama nama 1 Harga Harga 1 1 1 PRODUK Varian ADMIN admin Email PEMILIK MEBEL NamaProduk KodeProduk Kabupaten MELAPOR pass Alamat DRIVER pass TRANSAKSI Password Telpon Gambar 3.12 Entity Relationship Diagram (ERD) 3.4 Kamus Data Kamus data merupakan penjabaran dari relasi antar tabel. Didalam kamus data terdapat penjelasan dari nama-nama field, baik tentang type field, size, maupun keterangannya. 35
36 a. Kamus Data Admin Nama Database : skripsi20_fela_meubel Nama Tabel : admin Primary Key : admin Media Penyimpanan : Harddisk Panjang Record : 45 Byte Tabel 3.1 Kamus Data Tabel Admin Field Nama Type Size Description Admin Varchar 10 Admin Nama Varchar 20 Nama Pass Varchar 8 Password Status Varchar 15 Status b. Kamus Data Bulan Nama Database : skripsi20_fela_meubel Nama Tabel : bulan Primary Key : admin Media Penyimpanan : Harddisk Panjang Record : 16 Byte Tabel 3.2 Kamus Data Tabel Bulan Field Nama Type Size Description Id Int 2 Admin Angkabln Varchar 2 Nama Namabln Varchar 9 Password Sktbln Varchar 3 Status
c. Kamus Data DetailPenjualan Nama Database : skripsi20_fela_meubel Nama Tabel : detailpenjualan Primary Key : NoFaktur Media Penyimpanan : Harddisk Panjang Record : 20 Byte Tabel 3.3 Kamus Data Tabel DetailPenjualan Field Nama Type Size Description NoFaktur Varchar 10 No Faktur KodeProduk Varchar 10 Kode Produk Jumlah Double Jumlah Penjualan Harga Double Harga SubTotal Double SubTotal d. Kamus Data Driver Nama Database : skripsi20_fela_meubel Nama Tabel : driver Primary Key : iddriver Panjang Record : 133 Byte Tabel 3.4 Kamus Data Tabel Driver Field Nama Type Size Description Iddriver Int 10 Id driver Nama Varchar 30 Nama driver Alamat Varchar 50 alamat driver Notelp Varchar 13 No telepon User Varchar 20 username Pass Varchar 8 password 37
38 e. Kamus Data Emailsender Nama Database : skripsi20_fela_meubel Nama Tabel : Emailsender Primary Key :email Panjang Record : 30 Byte Tabel 3.5 Kamus Data Tabel Emailsender Field Nama Type Size Description Email Varchar 20 Email pelanggan Pass Varchar 8 Password f. Kamus Data Kabupaten Nama Database : skripsi20_fela_meubel Nama Tabel : kabupaten Primary Key : kabupaten Media Penyimpanan : Harddisk Panjang Record : 20 Byte Tabel 3.6 Kamus Data Tabel Driver Field Nama Type Size Description Kabupaten Varchar 20 Kabupaten g. Kamus Data Keluhan Nama Database : skripsi20_fela_meubel Nama Tabel : Keluhan Primary Key : idkeluhan Media Penyimpanan : Harddisk Panjang Record : 82 Byte
Tabel 3.7 Kamus Data Tabel Keluhan Field Nama Type Size Description Idkeluhan Int 11 Id keluhan Nofaktur Varchar 10 No Faktur Kodepelanggan Varchar 10 Kode pelanggan Keluhan Text Keluhan Waktu Datetime Waktu Foto Varchar 50 Foto Sts int 1 Status h. Kamus Data Komentar Nama Database : skripsi20_fela_meubel Nama Tabel : komentar Primary Key : waktu Media Penyimpanan : Harddisk Panjang Record :41 Byte Tabel 3.8 Kamus Data Tabel Komentar Field Nama Type Size Description waktu Datetime Kode Pelanggan Nama Varchar 30 Nama Pelanggan Kodeproduk Varchar 11 No telepon Komen Text Email i. Kamus Data Konfirmasi Nama Database : skripsi20_fela_meubel Nama Tabel : konfirmasi 39
40 Primary Key : idPelanggan Media Penyimpanan : Harddisk Panjang Record : 52 Byte Tabel 3.9 Kamus Data Tabel Konfirmasi Field Nama Type Size Description id Int 11 Nomor id tgl Datetime Tanggal Nofaktur Varchar 10 Nama Pelanggan Konfirmasi Varchar 30 Konfirmasi Sts Int 1 Status j. Kamus Data Pelanggan Nama Database : skripsi20_fela_meubel Nama Tabel : Pelanggan Primary Key : idPelanggan Media Penyimpanan : Harddisk Panjang Record : 173 Byte Tabel 3.10 Kamus Data Tabel Pelanggan Field Nama Type Size Description KodePelanggan Varchar 10 Kode Pelanggan NamaPelanggan Varchar 50 Nama Pelanggan notelp Varchar 13 No telepon Email Varchar 20 Email Kabupaten Varchar 20 Kabupaten Alamat Varchar 50 Alamat Password Varchar 8 Password
k. Kamus Data Penjualan Nama Database : skripsi20_fela_meubel Nama Tabel : Penjualan Primary Key : NoFaktur Media Penyimpanan : Harddisk Panjang Record : 81 Byte Tabel 3.11 Kamus Data Tabel Penjualan Field Nama Type Size Description NoFaktur Varchar 10 No Faktur Tanggal Date Tanggal JumlahPenjualan Double Jumlah Penjualan TotalPenjualan Double Total Penjualan KodePelanggan Varchar 10 Kode Pelanggan Iddriver Int 10 Id driver Sts Int 1 Sts Waktuterkirim Datetime Waktu terkirim Bukti Varchar 50 Bukti l. Kamus Data Produk Nama Database : skripsi20_fela_meubel Nama Tabel : produk Primary Key : kdproduk Media Penyimpanan : Harddisk Panjang Record : 100 Byte 41
42 Tabel 3.12 Kamus Data Tabel Produk Field Nama Type Size Description KodeProduk Varchar 10 Kode Produk NamaProduk Varchar 20 Nama Produk Varian Varchar 20 Varian Produk Stok Double Stok Harga Double Harga Deskripsi Text Deskripsi Produk Gambar Varchar 50 Gambar m. Kamus Data Project Nama Database : skripsi20_fela_meubel Nama Tabel : project Primary Key : judul Media Penyimpanan : Harddisk Panjang Record : 83 Byte Tabel 3.13 Kamus Data Tabel Project Field Nama Type Size Description Judul Varchar 10 Judul Perusahaan Varchar 20 Perusahaan Alamat Text Alamat Notelp Varchar 13 Telepon Email Varchar 20 Email Website Varchar 20 Website
n. Kamus Data qsr_hasil Nama Database : skripsi20_fela_meubel Nama Tabel : qsr_hasil Primary Key : idqsr_hasil Media Penyimpanan : Harddisk Panjang Record : 54 Byte Tabel 3.14 Kamus Data Tabel Project Field Nama Type Size Description idqsr_hasil Int 11 Id quisioner hasil Waktu Datetime Waktu kodepelanggan Varchar 10 Kode pelanggan idqsr_tanya Int 11 Id quisioner tanya idqsr_jawab Int 11 Id quisioner jawab Status Int 11 Status o. Kamus Data qsr_jawab Nama Database : skripsi20_fela_meubel Nama Tabel : qsr_ jawab Primary Key : idqsr_ jawab Media Penyimpanan : Harddisk Panjang Record : 74 Byte Tabel 3.15 Kamus Data Tabel qsr_jawab Field Nama Type Size Description idqsr_ jawab Int 11 Id quisioner jawab idqsr_ tanya Int 11 Id quisioner tanya Urut Varchar 1 Urut Jawab Varchar 40 Jawab Status Int 11 Status 43
44 p. Kamus Data qsr_Tanya Nama Database : skripsi20_fela_meubel Nama Tabel : qsr_ tanya Primary Key : idqsr_ tanya Media Penyimpanan : Harddisk Panjang Record : 52 Byte Tabel 3.16 Kamus Data Tabel qsr_Tanya Field Nama Type Size Description idqsr_ tanya Int 11 Id quisioner tanya Tanya Varchar 40 Tanya Tgl datetime Tgl Status Int 1 Status q. Kamus Data Rating Nama Database : skripsi20_fela_meubel Nama Tabel : rating Primary Key : ipuser Media Penyimpanan : Harddisk Panjang Record : 21 Byte Tabel 3.17 Kamus Data Tabel Rating Field Nama Type Size Description Ipuser Varchar 10 Ip user Kodeproduk Varchar 10 Kode produk Rate Int 1 Rate
r. Kamus Data tahun Nama Database : skripsi20_fela_meubel Nama Tabel : tahun Primary Key : tahun Media Penyimpanan : Harddisk Panjang Record : 4 Byte Tabel 3.18 Kamus Data Tabel Tahun Field Nama Type Size Description Tahun Year 4 Tahun s. Kamus Data tempdetailpenjualan Nama Database : skripsi20_fela_meubel Nama Tabel : tempdetailpenjualan Primary Key : id Media Penyimpanan : Harddisk Panjang Record : 51 Byte Tabel 3.19 Kamus Data Tabel Temp Detail Penjualan Field Nama Type Size Description Id Int 11 Nomor id NoFaktur Varchar 10 NoFaktur KodeProduk Varchar 10 KodeProduk Jumlah Double Jumlah id_session Varchar 10 id_session Stok_temp Varchar 10 Stok_temp penjualan Harga Double Harga SubTotal Double Sub Total 45
46 t. Kamus Data Tentang Kami Nama Database : skripsi20_fela_meubel Nama Tabel : tentangkami Primary Key : tentangkami Media Penyimpanan : Harddisk Panjang Record : 0 Byte Tabel 3.20 Kamus Data Tabel Tentang Kami Field Nama Type Size Description Tentangkami Text 0 Tahun u. Kamus Data Testimoni Nama Database : skripsi20_fela_meubel Nama Tabel : testimoni Primary Key : testimoni Media Penyimpanan : Harddisk Panjang Record :21 Byte Tabel 3.21 Kamus Data Tabel Testimoni Field Nama Type Size Description idtestimoni Int 11 Id testimoni kodepelanggan Varchar 10 Kode pelanggan Testimoni Text Testimoni
3.5 Logika Program Aplikasi Pada Mebel Jati Ukir H.Rachmat a. Logika Program Login Admin Logika Program Admin digunakan untuk menjelaskan alur flowchart halaman website admin Gambar 3.13 Logika Program Pada Admin 47
48 b. Logika Program Menu Admin Logika program menu admin digunakan untuk menjelaskan alur flowchart menu admin yang terdapat pada website admin. Menu Utama Y Y Y Y Y Y Sing out Penjualan Penjualan Start Halaman Admin Laporan Laporan Hasil Quisioner Hasil Quisioner Master Master Pertanyaan Quisioner Pertanyaan Quisioner Tampilan menu QuisionerHasil QuisionerSing Out T T T T T Sing Out Gambar 3.14 Logika Program Menu Admin
c. Logika Program Registrasi Pelanggan Logika Program Registasi Pelanggan digunakan untuk menjelaskan alur flowchart didalam aplikasi mebel jati ukir. Input nama Kabupaten Alamat lengkapTeleponEmail Password Konfirmasi Password Tampil Halaman Penjualan Mebel register Start Sing Out Gambar 3.15 Logika Program Registrasi Pelanggan 49
50 d. Logika Program Login Pelanggan Logika Program login pelanggan digunakan untuk menjelaskan alur flowchart didalam aplikasi pada mebel jati ukir jepara H.Rachmat Gambar 3.16 Logika Program Login Pelanggan
e. Logika Program Halaman Utama Logika program halaman utama mebel digunakan untuk menjelaskan alur flowchart halaman utama pada aplikasi pada mebel jati ukir jepara H.Rachmat Menu Utama Quisioner Quisioner Y Y Y Y Y Y Y Y Y Beranda Testimoni Beranda Tentang kami Tentang kami Pesanan Pesanan Keranjang belanja Keranjang belanja Beranda Produk Tentang kamiCara beliTestimoniKontak QuisionerPesanan Profil Keranjang BelanjaSing Out Testimoni Kontak Kontak Produk Produk profil profil T Start Halaman Utama T T T T T T Cara beli T Sing Out Cara beli Gambar 3.17 Logika Program Halaman Utama 51
52 3.6 Desain Interface (Antarmuka) Rancangan output yang diusulkan adalah informasi yang dihasilkan dari proses input data yang dilakukan secara terkomputerisasi dengan menggunakan program khusus. a. Halaman Utama Luar Pada halaman ini berisi tampilan umum Sistem Pelayanan Mebel jati ukir Rancangan ini dapat dilihat pada gambar 3.18 Login | Pendaftaran Logo mebel Beranda Produk Tentang Kami Cara Beli Testimoni Kontak Slide gambar Produk Terbaru Produk 1 Produk 2 Produk 3 Gambar 3.18 Halaman Utama Luar sistem penjualan pada mebel Rancangan Input Rancangan input yang diusulkan pada sistem Pemesanan furniture pada mebel jati ukir dapat dilihat pada gambar dibawah ini. a. Halaman Pendaftaran Pelanggan Halaman ini digunakan sebagai register pendaftaran apabila calon pelanggan tidak memiliki akun. Rancangan halaman ini dapat dilihat pada gambar 3.19
53 Login | Pendaftaran Logo mebel Beranda Produk Tentang Kami Cara Beli Testimoni Kontak Akun Baru Belum terdaftar menjadi konsumen kami? Nama Kabupaten/kota Alamat Lengkap Telepon Email Password Konfirmasi iEmail Register Gambar 3.19 Halaman pendaftaran pada pelanggan mebel b. Halaman Login Pelanggan Halaman ini digunakan pelanggan untuk melakukan login ke halaman aplikasi, kemudian baru pelanggan dapat melakukan akses pada aplikasi. Rancangan halaman ini dapat dilihat pada gambar 3.20
54 13 Login | Pendaftaran Logo mebel Beranda Produk Tentang Kami Cara Beli Testimoni Kontak Login Email Password Login Gambar 3.20 Login pada sistem pelanggan Rancangan Output Rancangan output yang diusulkan adalah informasi yang dihasilkan dari proses input data yang dilakukan secara terkomputerisasi dengan menggunakan program khusus. a. Halaman Beranda Pada halaman ini berisi tampilan umum Sistem mebel jati ukir setelah melakukan login dan pendaftaran, Rancangan ini dapat dilihat pada gambar 3.21
55 Selamat Datang | User Logo meb el Bera nda Prod uk Tenta ng Kami Cara Beli Testi moni Konta k Quiiso ner pesan an Prof il Slide gambar Produk Terbaru Produk 1 Produk 2 Produk 3 Gambar 3.21 Halaman Beranda pada sistem pelanggan mebel b. Halaman Produk Pada halaman ini berisi tampilan produk yang di jual mebel jati ukir, Rancangan ini dapat dilihat pada gambar 3.22 Selamat Datang | User Logo meb el Bera nda Prod uk Tenta ng Kami Cara Beli Testi moni Konta k Quiiso ner pesan an Prof il Kategori semua Produk 1 Produk 2 Produk 3 Lemari pakai 2 Gambar 3.22 Produk penjualan pada mebel
56 c. Halaman Tentang Kami / Profil Usaha Mebel Pada halaman profil perusahaan Pelanggan dapat melihat profil dari mebel jati ukir Rancangan halaman ini dapat dilihat pada gambar 3.23 a. Selamat Datang | User b. Logo meb el c. d. Bera nda Prod uk Tenta ng Kami Cara Beli Testi moni Tentang Kami Konta k Quiiso ner pesan an Prof il e. f. Mebel jati ukir jepara H. Rachmat merupakan sebuah usaha yang bergerak di bidang penjualan furniture di Bandar Lampung. Adapun jenis produk g. furniture yang di produksi yaitu kursi, meja, dan lemari. Gambar 3.23 Halaman Tentang Kami profil usaha mebel d. Halaman Cara Beli Produk Pada halaman Cara Beli mejelaskan prosedur-prosedur cara pemesanan produk yang akan dibeli mulai dari daftar beli pembayaran sistem website pada mebel jati ukir ,Rancangan halaman ini dapat dilihat pada gambar 3.24 h. Selamat Datang | User i. Logo j. meb el Bera nda k. CARA BELI l. Prod uk Tenta ng Kami Cara Beli Testi moni Konta k Quiiso ner pesan an Prof il 1. Mohon untuk mendaftar pada halaman ini dan silahkan login terlebih dahulu 2. Pilih produk yang ingin Anda beli, klik m. e. Halaman Kontak Gambar 3.24 Cara Pembelian Produk Di Mebel Jati Ukir
57 e. Halaman Testimoni Pada halaman Kontak menjelaskan nomor telepon email mebel jati ukir yang bisa dihubungi oleh Pelanggan, Rancangan halaman ini dapat dilihat pada gambar 3.25 n. Selamat Datang | User o. Logo p. meb el q. Bera nda Prod uk Tenta ng Kami Cara Beli Testi moni Testimoni Konta k Quiiso ner pesan an Prof il r. s. Gambar 3.25 Testimoni Dari Pelanggan Mebel f. Halaman Kontak Pada halaman Kontak menjelaskan nomor telepon email mebel jati ukir yang bisa dihubungi oleh Pelanggan, Rancangan halaman ini dapat dilihat pada gambar 3.26 t. Selamat Datang | User u. Logo v. meb el w. Bera nda Prod uk Tenta ng Kami Cara Beli Testi moni KONTAK Konta k Quiiso ner pesan an Prof il x. Silahkan hubungi kami untuk informasi atau mengunjungi gerai kami jika y. Anda membutuhkan atau mengalami kendala pada proses pemesanan produk kami. Alamat Jl. P. Antasari Samping SPBU Lama Tanjungbaru, Kedamaian Bandar Lampung Telephone721 250582 Gambar 3.26 Kontak Dari Pihak Mebel
58 g. Halaman Quisioner Pada halaman Quisioner ada beberapa pertanyaan yang disiapkan untuk Pelanggan yang membeli produk, Rancangan halaman ini dapat dilihat pada gambar 3.27 z. Selamat Datang | User Logo meb el aa. Bera nda Prod uk Tenta ng Kami Cara Beli Testi moni Konta k Quiiso ner pesan an Prof il bb. QUISIONER h. Mohon isi quisioner dibawah ini dengan yang sebenarnya. 1. Jenis kelamin o Laki-laki o Perempuan Gambar 3.27 Quisioner Yang Dapat Diisi Oleh Pelanggan Rancangan Admin h. Halaman Login Admin Halaman ini digunakan Admin untuk melakukan login ke halaman aplikasi, untuk mengetahui produk apa saja yang perlu ditambahkan dan diedit. Rancangan halaman ini dapat dilihat pada gambar 3.28 Logo mebel jati ukir Gambar 3.14 Login Login Gambar 3.28 Login Admin
i. Halaman Home Admin Halaman ini digunakan Admin untuk melakukan untuk mengetahui produk apa saja yang perlu ditambahkan dan diedit. Rancangan halaman ini dapat dilihat pada gambar 3.29 Logo mebel jati ukir Master Penjualan laporan Logo mebel jati ukir Pertanyaan Quisisoner Hasil Gambar 3.29 Home Admin j. Halaman Master Data Driver Halaman ini digunakan Admin untuk melakukan untuk mengetahui data driver, nama nama driver dalamat. Rancangan halaman ini dapat dilihat pada gambar 3.30 Logo mebel jati ukir Master Data Driver nama Alamat No hp usernam e Data Produk aji pl 0856 aji Tentang Kami Gambar 3.30 Data Driver Mebel Jati Ukir 59
60 k. Halaman Master Data Produk Halaman ini digunakan Admin untuk melakukan untuk mengetahui data produk yang akan diinput kedalam sistem. Rancangan halaman ini dapat dilihat pada gambar 3.31 Logo mebel jati ukir Master Data Driver Kode produk Nama kategori harga Data Produk Jur 002 kursi tamu 2500.00 00 Tentang Kami Gambar 3.31 Data Produk Pada Mebel l. Halaman Penjualan Halaman ini digunakan Admin untuk melakukan untuk pengecekan data penjualan yang masuk. Rancangan halaman ini dapat dilihat pada gambar 3.31 Logo mebel jati ukir Penjualan Data Penjualan No faktur tangg al pelangga n status Konfirmasi Transfer Pengiriman Keluhan Gambar 3.31 Data Penjualan Produk Mebel
Rancangan Halaman Driver m. Halaman Login Driver Halaman ini digunakan driver untuk mengetahui produk mana saja yang akan dikirim . Rancangan halaman ini dapat dilihat pada gambar 3.32 Logo mebel username password login Gambar 3.32 Login Untuk Driver n. Halaman Pengiriman Halaman ini digunakan driver untuk mengetahui produk mana saja yang akan dikirim dan yang sudah dikirim. Rancangan halaman ini dapat dilihat pada gambar 3.33 Pengiriman pengiriman Sejarah Pengiriman Gambar 3.33 Data Pengiriman Produk 61