BAB 3 PERANCANGAN SISTEM. Seiring dengan perkembangan teknologi informasi saat ini, serta untuk

Transkripsi

1 BAB 3 PERANCANGAN SISEM 3.1 Perancangan Sistem Seiring dengan perkembangan teknologi informasi saat ini, serta untuk meningkatkan efesiensi kerja dan waktu, maka masih banya ksistem yang ada saat ini yang masih manual dan harus diganti dengan system yang lebih baik lagi. Hal ini dilakukan dengan cara membangun system yang terkomputerisasi atau online. Untuk memulai membangun suatu program mengenai perancangan system informasi akademik, maka penulis terlebih dahulu merencanakan alur kerja berdasarkan kebutuhan dari user yang akan menggunakan aplikasi basis data ini. Perancangan merupakan proses yang dilakukan oleh perancang system untuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen system diaktualisasikan. Proses ini menyangkut tujuan sistem tersebut, audience, objek dan informasi domain. Perancangan yang baik harus mengetahui bagaiman amendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efesien dan elegan.

2 3.2 Data Flow Diagram (DFD) Perancangan Aplikasi Data Flow Diagram(DFD) merupakan model dari sistem untuk menggambarkan pembagian sistem kemodulyang lebih kecil. Salah satu keuntungan menggunakan diagramalir data adalah memudahkan pemakai yang kurang menguasai bidang komputer untuk mengerti sistem yang akan dikerjakan. Pada tahap analisa, penanganan notasi simbollingkaran dan anak panah menggambarkan arus data dalam perancangan sistem sangat membantu dalam komunikasi dengan pemakaian sistem menggunakan notasi notasi untuk menggambarkan arus dari data sistem. Disamping itu DFD adalah salah satu alat pembuatan model yang sering digunakan, khususnya bila fungsi fungsi system merupakan bagianyang lebih penting dan kompleks daripada data yang dimanipulasi oleh sistem. Dengan kata lain, DFD adalah alat pembuatan modelyangmemberikan penekanan hanyapada fungsi sistem. DFD juga merupakan alat perancangan system yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan system yang mudah dikomunikasikan oleh professional system kepada pemakai maupun pembuat program.

3 3.2.1 Diagram Konteks oko Mangamon Diagram Konteks adalah sebuah diagram sederhana yang menggambarkan hubungan antara entity luar, masukan dan keluaran dari sistem. Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. Berikut ini adalah diagram konteks dari oko online Mangamon: Gambar Diagram Kontek Mangamon

4 3.2.2 Data Flow Diagram (DFD) Level 0 Username dan pass Username dan pass Info produk Data admin D1Admin Informasi pemesanan Admin 2.1 Pemesanan Informasi pemesanan Pembeli Data produkdata kategori 3.1 Atur Produk Data produk D2 Produk D3Kategori Info produk Pengunjung Gambar Data Flow Diagram (DFD) Level 0

5 3.2.3 Data Flow Diagram (DFD) Level 1 a.admin log in b.costumer or Username Password 1 order 2 Produk kategori informasi Input data D1 Admin D2 produk C Produk 3 Kategori produk Aksesoris olahraga Baju olahraga Basket Bulu tangkis Futsal & sepakbola Hot item ennis D3 Kategori Gambar Data Flow Diagram (DFD) Level 1

6 3.3 Perancangan Database Aplikasi Database adalah kumpulan dari data yang berhubungan antara yang satu dengan yang lainnya, tersimpan diperangkat keras komputer dan menggunakan perangkat lunak untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem komputerisasi, karena database merupakan kumpulan dari beberapa file, dalam hal ini file file tersebut dikelompokan secara terstruktur dalam beberapa tabel sesuai dengan informasi yang terkandung di dalamnya ERD (Entity Relationship Diagram) Proses perancangan database menggunakan ERD ( Entity Relationship Diagram) ditunjukan pada Gambar id nama username password gambar Produk deskripsi memiliki id kategori kategori atur harga ukuran Admin nama gambar untuk id cek Bukti pembayaran upload harga Nama Nama_pembeli id pemesanan status alamat pembeli melakukan anggal jumlah No_hp Gambar ERD ( Entity Relationship Diagram)

7 3.3.2 Relationship (Relasi Antar abel) abel saling berelasi dalam aplikasi I-Commerce ini. Relasi antar tabel ditunjukan pada Gambar Gambar Relationship (Relasi Antar abel) Struktur abel Berikut ini rancangan tabel yang penulis gunakan dalam membangun aplikasi ini : abel Admins terdiri dari : abel abel Admins Field Name Data ype Size Description Username Varchar 50 Username

8 Password varchar 50 Password Nama_lengkap varchar 100 Nama lengkap varchar 100 No_telp varchar 20 No telp Level Varchar 20 level abel hubungi terdiri dari : abel abel hubungi Field Name Data ype Size Description Id_hubungi Int 5 Id hubungi Id_kustomer Int 5 Id kustomer Subjek Varchar 100 subjek Pesan ext - pesan anggal Date - anggal abel kategori terdiri dari : abel abel Kategori Field Name Data ype Size Description Id_kategori Int 5 Id Nama_kategori Varchar 100 Nama kategori

9 abel kota terdiri dari : abel abel kota Field Name Data ype Size Description Id_kota Int 3 Id kota Nama_kota Varchar 100 Nama kota Ongkos_kirim Int 10 Ongkos kirim abel Kustomer terdiri dari: abel abel kustomer Field name Data type Size Description Id_kustomer Int 5 Id kustomer Password Varchar 50 Password Nama_lengkap Varchar 100 Nama lengkap Alamat ext - Alamat Varchar 100 elpon Varchar 20 elpon Id_kota Int 5 Id kota

10 abel modul terdiri dari abel abel modul Field name Data type Size Description Id_modul Int 5 Id modul Static_content ext - Static content Gambar Varchar 100 gambar abel Orders terdiri dari: abel abel Order Field Name Data type Size Description Id_orders Int 5 Id orders Status_orders Varchar 50 Status_order gl_order Date - gl order Jam_order ime - Jam order Id_kustomer Int 5 Id kustomer

11 abel order_detail terdiri dari: abel abel order_detail Field name Data type Size Description Id_orders Int 5 Id orders Id_produk Int 5 Id produk Jumlah Int 5 Jumlah abel order_temp terdiri dari: abel abel order_temp Field name Data type Size Description Id_orders_temp Int 5 Id orders temp Id_produk Int 5 Id produk Id_session Varchar 100 Id session Jumlah Int 5 Jumlah gl_orders_temp Date - gl orders temp Jam_order_temp ime - Jam order temp Stok_temp Int 5 Stok temp

12 abel produk terdiri dari: abel abel produk Field name Data type Size Description Id_produk Int 5 Id produk Id_kategori Int 5 Id kategori Nama_produk Varchar 100 Nama produk Deskripsi ext - Deskripsi Harga Int 20 Harga Stok Int 5 Stok Berat Decimal 5,2 Berat gl_masuk Date - gl masuk Gambar Varchar 100 Gambar Dibeli Int 5 dibeli Diskon Int 5 diskon 3.4 Flowchart Program Mangamon Flowchart menggambarkan aliran pada sistem aplikasi komik pada website Mangamon. Secara umum, user masuk ke aplikasi melihat info produk lalu melakukan pemesanan. Selanjutnya admin kita akan memeriksa pesanandan mengkonfirmasi pemesanan.

13 3.4.1 Flowchart Menu Utama Flowchart menu utama dapat dilihat pada gambar dibawah ini : SAR PILIH KAEGORI PILIH PRODUK BELANJA LAGI? MENERAHKAN PRODUK PEMBAARAN UUP APLIKASI Gambar Flowchart Menu Utama Flowchart Login Admin Flowchart login admin dapat dilihat pada gambar dibawah ini :

14 L_adm Masukkan Username & password Login Reset Hapus username & Password Validasi Username & Password X Valid M_adm Gambar Alur Flowchart Login Admin Flowchart Menu Admin Flowchar tmenu admin dapat dilihat pada gambar dibawah ini :

15 M_Admin ampilan Menu Admin Pilih Produk ambah Masukan ambah Produk Simpan Produk Data Simpan Data Data Produk Data Batal Disimpan Ubah Produk Ubah Produk Pilih Data Data Disimpan Ubah Ubah Data Data Batal Diubah Data Produk Data Diubah Hapus Produk Hapus Produk Pilih Data Hapus Hapus Data Data Produk Data Batal Dihapus Data Dihapus Kategori ambah Kategori ambah Kategori Masukan Data Simpan Simpan Data Data Kategori Data Batal Disimpan Ubah Kategori Ubah Produk Pilih Data Data Disimpan Ubah Ubah Data Data Batal Diubah Data Kategori Data Diubah Hapus Kategori Hapus Kategori Pilih Data Hapus Hapus Data Data Batal Dihapus Data Kategori keluar Data Dihapus X Gambar Alur Flowchart Menu Admin 3.5 Algoritma Perancangan oko Online Mangamon Algoritma Kategori Beranda Langkah I : Pilih menu Beranda.

16 Langkah II : Menampilkan halaman utama website. Algoritma Kategori Profil Langkah I : Pilih menu Profil Langkah II : Menampilkan halaman profil seputar Sukamol Algoritma Kategori Produk Langkah I : Pilih menu Kategori Produk. Langkah II : Menampilkan halaman Kategori Produk. Langkah II :Pilih produk Algoritma Keranjang Belanja Langkah I : Pilih menu Kategori Keranjang Belanja Langkah II : Menampilkan Barang yang telah kita pilih untuk di beli Algoritma Hubungi kami Langkah I : Pilih menu estimoni. Langkah II : Menampilkan halaman estimoni pelanggan melalui pesan.

17 BAB 4 IMPLEMENASI SISEM 4.1 Definisi Implementasi Sistem Implementasi sistem merupakan langkah-langkah atau prosedur yang dilakukan dalam menyelesaikan desain sistemyang telah disetujui, untuk menguji, menginstall, dan memulai sistem baru atausistem yang diperbaiki untuk menggantikan sistem yang lama, sedangkan tahapimplementasi sistem merupakan tahap meletakkan sistem agar sistem dapat siap untukdioperasikan. 4.2 ujuan Implementasi Adapun tujuan implementasi sistem, yaitu: a. Mengkaji rangkaian sistem baik dari segi software maupun hardware sebagaisarana pengolah data dan penyaji informasi. b. Memastikan bahwa pemakai dapat mengoperasikan dengan mudah terhadapsistem yang baru dan mendapat informasi yang baik dan jelas.

18 4.3 Komponen dalam Implementasi Sistem Agar perancangan sistem yang telah kita kerjakan dapat berjalan baik atau tidak, maka perlu dilakukan pengujian terhadap sistem yang telah dikerjakan. Untuk itu dibutuhkan beberapa komponen utama yang mencakup perangkat keras (hardware), perangkat lunak (software) dan perangkat operator (brainware) Kebutuhan Perangkat Keras Perangkat keras (hardware) merupakan komponen peralatan yangmembentuk suatu sistem komputer dan peralatan tambahan lainnyayang mungkin komputer menjalankan tugasnya sesuai dengan yang diberikan.komponen ini bersifat nyata secara fisik, artinya dapat dilihat dandipergunakan, misalnya monitor, CPU (Central Processing Unit), printer, keyboard,dan mouse. Spesifikasi perangkat keras komputer yang digunakan dalam pembuatan website ini adalah: 1. Laptop dengan Processo Intel Core i3 2. Memory2 GB 3. Harddisk sebagai media penyimpanan 4. DVDR/W

19 4.3.2 Kebutuhan Perangkat Lunak Hardware tidak dapat menyelesaikan masalah tanpa adanya software. Software merupakan komponen di dalam sistem data berupa program atau instruksi untukmengontrol suatu sistem. Perangkat lunak yang diperlukan untuk menjalankanperangkat kerasnya adalah: 1. Windows 7 Ultimate 2. Apache 3. Mysql 4. Browser 5. Sublime ext Kebutuhan Brainware Perangkat Operator (Brainware) yang dapat menjalankan website ini terbagi menjadi 3 yaitu : 1. Administrator 2. Member 3. Visitor

20 4.4 ampilan Halaman Website Untuk menjalankan sistem guna web browser pada pengujian ini penulis menggunakan web browser Google Chrome setelah web browser jalan, ketikkan pada address bar untuk pengetesan halaman utama. Halaman utama sistem tersebut seperti pada gambar berikut : Gambar Halaman Home

21 Gambar Halaman Profil Gambar Halaman Cara Pemesanan

22 Gambar Halaman Produk Gambar Halaman Keranjang Belanja

23 Gambar Halaman estimoni Gambar Halaman Login Admin

24 Gambar Halaman Home Admin Gambar Halaman Edit Profil oko Admin

25 Gambar Halaman Info Rekening oko Admin Gambar Halaman Kategori Produk Admin

26 Gambar Halaman ambah Produk Admin Gambar Halaman Order Admin

27 Gambar Halaman Ongkos Kirim Admin Gambar Halaman Cara Pembelian Admin

28 BAB 5 KESIMPULAN DAN SARAN 5.1 Kesimpulan Dari keterangan dan bab-bab sebelumnya penulis dapat mengambil kesimpulan adalah sebagai berikut : 1. Web ini dibuat bertujuan untuk memudahkan user melakukan transaksi barang dengan cara yang lebih praktis dan nyaman. 2. E-commerce sangat berkembang di dunia maya dan banyak investor yang menanamkan modal di bisnis ini. 3. Perancangan web yang di tuntun harus menarik dan efektif, menjadikan web yang dapat di pakai semua masyarakat.

29 5.2 Saran Adapun beberapa saran penulis pada pembuatan sistem ini adalah: 1. Barang yang di jual semakin tambah banyak supaya pelanggan puas akan pelayanannya. 2. ampilan website yang menarik juga poin plus tersendiri bagi yang melihat.