BAB III ANALISIS DAN PERANCANGAN SISTEM

Transkripsi

1 BAB III ANALISIS DAN PERANCANGAN SISTEM 3.1 Analisis Sistem Analisis sistem bertujuan untuk menentukan hal-hal detail tentang yang akan dikerjakan oleh sistem yang dibangun dengan perangkat lunak (software), perangkat keras (hardware). Selain itu pada tahapan analisis ini diperlukan juga tahapan perancangan sistem yang meliputi Analisis permasalahn, solusi permasalahan, Analisis kebutuhan fungsional, Analisis kebutuhan non fungsional, DFD (Data Flow Diagram), dan ERD diagram awal. 3.2 Analisis Masalah Permasalahan-permasalah yang sering di hadapi oleh penjual ketika menjalankan e-commerce adalah: 1. Tidak dapat mengetahui order masuk secara real time. 2. Tidak dapat mengetahui terlaris. 3. Kesulitan dalam memonitor penjualan untuk melihat laporan laba/rugi sewaktu-waktu. 3.3 Perancangan Sistem Data Flow Diagram (DFD) Data Flow Diagram (DFD) adalah suatu model untuk menggambarkan asal data, tujuan data serta proses apa saja yang terjadi pada suatu sistem. Dengan menggunakan DFD diharapkan dapat memudahkan konsumen untuk mengerti bentuk aplikasi yang diterapkan Diagram Konteks Diagram konteks ini merupakan gambaran proses yang menggambarkan sistem informasi berbasis android yang dirancang. Pada diagram konteks tersebut, aliran data dijabarkan secara global. Pada Diagram konteks menggambarkan hubungan dari sitem yang menggambarkan aliran data-data yang masuk kedalam sistem. Data-data tersebut berasal dari admin maupun user yang mengakses sistem. 21

2 order kategori member sekilas info Administrator kota menu komentar banner bank 1 Sistem Monitoring Penjualan Online order + Gambar 3.1 Diagram Konteks Customer Berikut ini penjelasan dari diagram konteks di atas : a. Administrator Dalam hal ini admin adalah yang memiliki tanggung jawab untuk melakukan proses input, edit data pada sistem sehingga admin dapat memanajemen perusahaan yang akan diberikan kepada pimpinan perusahaan. admin sangat penting dalam sistem penjualanonlineini, karena admin yang memanage semua data. b. Customer Customer dapat melakukan pembelian,download konten-konten ataupun mengakses semua sistem yang disediakan. Sebelumnya Customer diwajibkan login anggota terlebih dahulu sebelum masuk dalam sistem tersebut. 22

3 3.3.3 DFD Level 1 Monitoring 6 registrasi REGISTRASI registrasi registrasi USER registrasi + user User Order Status Order 7 TABEL ADMIN admin LOGIN user USER + user 2 LOGIN Admin Login Admin Login Administrator 9 user TABEL USER admin TOKO + 4 ORDER + order MANAJEMEN ORDER + Order Status Order Order TABEL ORDER terlaris 10 5 Konifrmasi KONFIRMASI penjualan konfirmasi order order masuk MONITORING grafik terlaris grafik penjualan notifikasi order masuk 8 Produk VIEW PRODUK TABEL PRODUK 3 MANAJEMEN PRODUK + Produk Gambar 3.2 Data Flow Diagram Level 1 Dari gambar diatas terdapat beberapa proses proses yang masing-masing berfungsi sebagai berikut: 1. Login toko berfungsi untuk memverifikasi hak akses sebagai pemilik toko. 2. Manajemen berfungsi untuk input, edit, view dan delete data. 3. Manajemen order berfungsi untuk view dan update data order. 4. monitoring berfungsi untuk menampilkan notifkasi order dan lihat penjualan. 5. Registrasi user berfungsi untuk menginput data user atau pelanggan. 6. Login user berfungsi untuk mengidentifkasi user. 7. View berfungsi untuk menampilkan kepada user. 8. Order berfungsi untuk input data order. 23

4 3.3.4 DFD LEVEL 2 Adapun proses yang berkaitan dengan monitoring yaitu ada tiga proses manajemen antara lain, manajemen, manajemen order dan managemen monitoring. 3.1 insert [Produk] 3.2 [] update PemilikToko TABEL PRODUK 3.3 delete [] 3.4 view Gambar 3.3 Data Flow Diagram Level 2 proses manajemen 4.2 update [Status Order] status order 4.3 PemilikTok o order delete order TABEL ORDER [Order] 4.4 [order] view Gambar 3.4 Data Flow Diagram Level 2 proses manajemen order masuk 24

5 5.1 Notifikasi [order masuk] [notifikasi order masuk] TABEL ORDER [ terlaris] 5.2 grafik [grafik terlaris] Administrat or terlaris [penjualan] [grafik penjualan] 5.3 grfi penjualan perbulan Gambar 3.5 DFD level 2 proses Monitoring Perancangan Basis Data Pada tahap ini dilakukan transformasi dari data manual ke dalam bentuk basis data yang terbagi dalam beberapa tabel, didalamnya terdapat bagian yang dinamakan field. Tabel basis data pada sistem informasi manajemen penjualan mobil. 1. Entity Relationship Diagram (ERD) Komponen pada entity relationship diagram berupa himpunan entitas dan himpunan relasi. Komponen akan ditransformasikan menjadi tabel-tabel. Atribut pada diagram entity relationship dinyatakan sebagai field dari tabel. Entity relationship diagram dari sistem informasi penjualan mobil seperti pada gambar di bawah i 25

6 Shop_perusahaan id_perusahaan nama_perusahaan <pi> Relationship_4 kota Relationship_21 id_download judul nama_file tgl_posting hits download <pi> Date order_detail id_orders id_ jumlah id_kota id_perusahaan nama_kota ongkos_kirim <pi> Relationship_7 orders id_modul nama_modul link static_content gambar status aktif urutan modul Relationship_3 <pi> Text Boolean Boolean id_orders nama_kustomer alamat telpon status_order tgl_order jam_order id_kota Relationship_13 <pi> Text Variable characters (20) Date Time Relationship_9 admins Relationship_14 Relationship_20 username password nama_lengkap no_telp level blokir <pi> Variable characters (20) Variable characters (20) Boolean Relationship_12 mod_ym id nama username <pi> Relationship_17 Relationship_11 Relationship_15 sekilasinfo id_bank nama_bank no_rekening pemilik gambar mod_bank <pi> id_sekilas info tgl_posting gambar <pi> Date Relationship_8 Relationship_18 orders_temp id_orders_temp id_ id_session jumlah tgl_order_temp jam_order_temp stok_temp <pi> Date Time Relationship_2 users username password1 password nama_lengkap aktivasi cek_aktivasi no_telp level blokir id_session <pi> Variable characters (20) Variable characters (20) Boolean mainmenu id_main nama_menu link aktif <pi> Boolean Relationship_6 submenu id_sub nama_sub link_sub id_main <pi> hubungi id_hubungi nama subyek pesan tanggal <pi> Text Date Relationship_1 id_ id_kategori nama seo deskripsi harga stok berat tgl_masuk gambar dibeli diskon <pi> Text Decimal (5) Date banner id_banner judul url gambar tgl_posting <pi> Date Relationship_10 Relationship_19 ip tanggal hits online statistik Variable characters (20) Date Variable characters (255) Relationship_16 poling id_poling pilihan status rating aktif <pi> Boolean Boolean kategori id_kategori nama_kategori kategori_seo <pi> Relationship_5 header id_header judul url gambar tgl_posting <pi> Date komentar id_komentar id_berita nama_komentar url isi_komentar tgl jam_komentar aktif <pi> Text Date Time Boolean Gambar 3.5 Diagram Konseptual Database 26

7 2. Perancangan Struktur Tabel Berikut adalah struktur tabel yang dihasilkan: a. Tabel download Nama Tabel : Download Kunci Utama (*) : Id_download : Untuk menyimpan data data yang bisa di download oleh pengguna. Kamus Data : Download { Id_download * + Judul + Name_file + Tgl_posting + Hits} Tabel 3.1 Tabel Download id_download integer Primary Key Judul varchar 100 name_file varchar 100 tgl_posting date Hits integer b. Tabel Admin Nama Tabel : Admin Kunci Utama (*) : Username : Untuk menyimpan data administrator pengelola website. Kamus Data : Admin { Username * + password + Nama_lengkap + +No_telp + Level + Blokir } 27

8 Tabel 3.2 Tabel Admin Username varchar 50 Primary key Password varchar 50 nama_lengkap varchar 100 varchar 50 no_telp varchar 20 Level varchar 20 Blokir Boolean c. Tabel modul Nama Tabel : Modul Kunci Utama (*) : id_modul : Untuk menyimpan data modul. Kamus Data : Modul { id_modul * + nama_modul + link + static_content + gambar + status +aktif +urutan } Tabel 3.3 Tabel Modul Id_modul Primary key nama_modul Varchar 50 Link Varchar 100 Static_content Text Gambar Varchar 100 Status Boolean Aktif Boolean urutan d. Tabel order_detail Nama Tabel : order_detail Kunci Utama (*) : 28

9 : menyimpan data order pengguna Kamus Data : order_detail { Id_order + Id_ + Jumlah } Tabel 3.4 Tabel order detail Id_order Id_ Jumlah integer e. Tabel Mod_bank Nama Tabel : Mod_bank Kunci Utama (*) : id_bank : menyimpan data-data bank Kamus Data : Mod_bank { id_bank * + nama_bank + No_rekening + pemilik + gambar} Tabel 3.5 Tabel Mod_bank Id_bank Primary key nama_bank varchar 100 No_rekening varchar 100 Pemilik varchar 100 Gambar varchar 100 f. Tabel Mod_ym Nama Tabel : Mod_ym Kunci Utama (*) : id : menyimpan data ym pengguna Kamus Data : Mod_ym { id * + nama + username} 29

10 Tabel 3.6 Tabel Mod_ym Id Primary key Nama varchar 50 Username varchar 50 g. Tabel sekilasinfo Nama Tabel : sekilasinfo Kunci Utama (*) : id_sekilas : menyimpan data-data sekilas info yang bisa dilihat oleh pengguna Kamus Data : sekilasinfo { id_sekilas * + info + tgl_posting + gambar} Tabel 3.7 Tabel Sekilasinfo Id_sekilas Primary key Info varchar 100 Tgl_posting Date Gambar Varchar 100 h. Tabel Orders Nama Tabel : orders Kunci Utama (*) : id_ ordes : menyimpan data-data order pengguna atau pembeli Kamus Data : sekilasinfo { id_ ordes * + Nama_kustomer + Alamat + Telpon + + tatus_order + Tgl order + Jam_order + Id_kota } 30

11 Tabel 3.8 Tabel Orders Id_orders Primary key Nama_kustomer varchar 100 Alamat Text Telpon varchar 20 varchar 50 Status_order varchar 50 Tgl order Date Jam_order Time Id_kota integer i. Tabel Kota Nama Tabel : kota Kunci Utama (*) : id_kota : menyimpan data kota pengguna Kamus Data : kota { id_kota * + Id_perusahaan + Nama_kota + Ongkos_kirim } Tabel 3.9 Tabel Kota Id_kota Primary key Id_perusahaan Nama_kota varchar 100 Ongkos_kirim integer j. Tabel Orders temp Nama Tabel : orders_temp Kunci Utama (*) : id_ orders_temp : untuk menyimpan data order yang sudah di proses Kamus Data : orders_temp {id_orders_temp * + Id_ + Id_session + Jumlah + Tgl_order_temp + Jam_order_temp + Stok_temp } 31

12 Tabel 3.10 Tabel Orders_temp Id_orders_temp Primary key Id_ Id_session varchar 100 Jumlah integer Tgl_order_temp Date Jam_order_temp Time Stok_temp integer k. Tabel Users Nama Tabel : users Kunci Utama (*) : username : menyimpan data pendaftaran Kamus Data : users { username * + Password1 + Password + Nama_lengkap + + Aktivasi + Cek_aktivasi + No_telp + Level + Blokir + Id_session } Tabel 3.11 Tabel Users Username Varchar 50 Primary key Password1 Varchar 50 Password Varchar 50 Nama_lengkap Varchar 100 Varchar 100 Aktivasi Cek_aktivasi No_telp Varchar 20 Level Varchar 20 Blokir Bolean Id_session Varchar

13 l. Tabel Main_menu Nama Tabel : main_menu Kunci Utama (*) : id_ main : menyimpan data main menu yang ada di Toko Online Kamus Data : main_menu { id_main * + Nama_menu + Link + Aktif } Tabel 3.12 Tabel Main_menu Id_main Primary key Nama_menu varchar 50 Link Varchar 100 Aktif Boolean m. Tabel Submenu Nama Tabel : submenu Kunci Utama (*) : id_ sub : menyimpan data submenu yang ada di Trunojoyo Mobil Kamus Data : submenu { id_ sub * + Nama_sub _menu + Link_sub + Id_main } Tabel 3.13 Tabel Submenu Id_sub Primary key Nama_sub varchar 50 Link_sub Varchar 100 Id_main integer n. Tabel Hubungi Nama Tabel Kunci Utama (*) : hubungi : id_ hubungi 33

14 : Untuk menyimpan data data hubungi oleh pengguna Kamus Data : hubungi { i id_ hubungi * + nama + + Subyek + Pesan + tanggal } Tabel 3.14 Tabel Hubungi Id_hubungi Primary key Nama varchar 50 Varchar 50 Subyek Varchar 100 Pesan Text Tanggal Date o. Tabel Banner Nama Tabel : banner Kunci Utama (*) : id_ banner : menyimpan data banner yang bisa di lihat pengguna Kamus Data : banner { id_ banner * + Judul + url + Gambar + Tgl_posting } Tabel 3.15 Tabel Banner Id_banner Primary key Judul varchar 100 url Varchar 100 Gambar Varchar 100 Tgl_posting date p. Tabel Poling Nama Tabel : poling Kunci Utama (*) : id_ poling : menyimpan data poling oleh pengguna Kamus Data : poling { id_ poling * + pilihan + status + rating + aktif 34

15 Tabel 3.16 Tabel Poling Id_poling Primary key Pilihan varchar 100 Status Boolean Rating integer Aktif Boolean q. Tabel Kategori Nama Tabel : kategori Kunci Utama (*) : id_ kategori : menyimpan data kategori yang ada di Tunojoyo Mobil Kamus Data : kategori { id_ kategori * + Nama_kategori + Kategori_seo } Tabel 3.17 Tabel Kategori Id_kategori Primary key Nama_kategori Varchar 100 Kategori_seo varchar 100 r. Tabel Header Nama Tabel : header Kunci Utama (*) : id_ header : menyimpan data header yang bisa dilihat oleh pengguna Kamus Data : header { id_ header * + judul + url + gambar + Tgl_posting } Tabel 3.18 Tabel Header Id_header Primary key Judul varchar 100 url varchar 100 Gambar varchar 100 Tgl_posting date 35

16 s. Tabel Komentar Nama Tabel : komentar Kunci Utama (*) : id_ komentar : menyimpan data komentar pengguna Kamus Data : komentar { id_ komentar * + Id_berita + komentar + url + Isi_komentar + Tgl + Jam_komentar + aktif } Tabel 3.19 Tabel Komentar Id_komentar Primary key Id_berita Komentar varchar 100 url varchar 100 Isi_komentar Text Tgl date Jam_komentar Time Aktif Boolean t. Tabel Produk Nama Tabel : Kunci Utama (*) : id_ : menyimpan data Kamus Data : { id_ * + Id_kategori + Nama_ + Produk_seo + deskripsi + harga + Stok + Berat + Tgl_masuk + Gambar + Dibeli + diskon } 36

17 Tabel 3.20 Tabel Produk Id_ Primary key Id_kategori Nama_ Varchar 100 Produk_seo Varchar 100 Deskripsi Text Harga Stok Berat Decimal 5 Tgl_masuk Date Gambar Varchar 100 Dibeli Diskon u. Tabel Statistik Nama Tabel : statistik : menyimpan data sattistik pengguna Kamus Data : statistik { ip + tanggal + hits + online } Tabel 3.21 Tabel Statistik Ip Varchar 20 Tanggal Date Hits Online Varchar 255 v. Tabel Shop_Pengiriman Nama Tabel : Shop_pengiriman 37

18 : menyimpan data pengiriman yang akan dikirim Kamus Data : Shop_pengiriman { Id_perusahaan* + nama_perusahaan } Tabel 3.22 Shop Pengiriman Id_perusahaan Foreign Key Nama_perusahaan Varchar Perancangan Layout Perancangan Desain Spalsh Screen Admin Splash screen adalah tampilan awal yang hanya berdurasi beberapaa detik. splash screen biasanya digunakan untuk menampilakan informasi yang bersifat sekilas pada user. Selain informasi, splash screen juga bisa digunakan sebagai penghias tampilan pada setiap pembuatan aplikasi. Logo Loading... Gambar 3.6 Desain Spalsh Screen 38

19 3.4.2 Perancangan Desain From Login Menu login merupakan tampilan saat member ataupun non meber masuk kedalam menu utama dalam aplikasi sehingga nanti member atau non member dapat melakukan transaksi dan melihar. Username Password Gambar 3.7 Desain From Login Perancangan Desain Menu Utama Admin Pada saat aplikasi dijalankan, menu utama merupakan tampilan utama untuk aplikasi. Member ataupun Non Member memilih menu yang akan mereka gunakan. Terdapat enam button pada menu utama dalam aplikasi yaitu 39

20 LOGO MENU Dashboard Cara Pembelian Ganti Password Manajemen Produk Modul Admin Komentar Menu Transaksi Footer Gambar 3.8 Desain Menu Utama Admin Perancangan Desain Halaman Monitoring Terdapat dua grafik yang akan menjelaskan tentang monitoring penjualan. Berikut merupakan rancangan halaman monitoring: 40

21 LOGO Grafik Penjualan / Produk Grafik Penjualan Perbulan Footer Gambar 3.9 Desain Halaman Monitoring Perancangan Desain Menu Utama Toko Online Menu toko online yang akan di gunakan oleh user, terdapat beberapa menu toko yang dapat di akses oleh user / pembeli yaitu: home, kategori, cara 41

22 pemberlian, kami, cart dan kontak. Berikut merupakan halaman menu utama toko online: LOGO HOME KATEGORI CARA PEMBELIAN CART CONTACT Halaman / Site Footer Gambar 3.10 Desain Menu Utama Toko Online 42