BAB III. Perancangan. baik yang. mendapat. gambaran. Tabel 3.1 GAMBAR NAMA FUNGSI. Kesatuan Luar. (External. Entity)

Transkripsi

1 BAB III PERANCANGAN SISTEM 3.1 Perancangan Sistem Perancangan sistem merupakan upaya untuk memulai memiliki sistem baik yang lama maupun yang baru. Perancangan sistem dilakukan setelah mendapat gambaran dengan jelas apa yang harus dilakukan. Desain sistem secara umum mengidentifikasikann komponen-komponenn sistem e-commerce yang akan didesain secaraa terinci. 3.2 Dataa Flow Diagram (DFD) Data Flow Diagram (DFD) adalah gambaran sistem secara logika. Digunakan untuk mengambarkan aliran data informasi dan transformasi (proses) dari data. Dimulai dari pemasukan data sampai menghasilkan keluaran (output) data Simbol-simboll DFD dan Flowcart Tabel 3.1 Simbol-simbol DFD dan Flowcart NO GAMBAR NAMA FUNGSI Kesatuan Luar Merupakan kesatuan luar di lingkungan 1. (External luar Sistem yang akan memberikan Entity) input atau menerima 32

2 33 Kegiatan dari hasil suatu arus data yang masuk dalam proses untuk 2. Proses (Process) dihasilkan arus data yang akan keluar atau untuk mengubah input menjadi 3. Aliran Data (Data Flow) outputt Data mengalir melalui sistem, dimulai dengan sebagian input dan diubah atau diproses menjadi input 4. Penyimpanan Data ( DataStorage) Data disimpan berikutnya untuk keperluan 5. Awal Proses Program (Start) Awal untuk memulai suatu program 6. Perintah Dasar Petunjuk untuk setiap aplikasii program 7. Proses Data Prosess data dari aplikasi yang tersedia 8. Aplikasi Program Aplikasi-aplikasi website tersebut yang terdapat pada 9. Database Tempat penyimpanan semua data

3 Diagram Level Konteks Dalam perancangan sistem ini, penulis mencoba untuk memberikan gambaran mengenai alur arus data dari sistem ini, khususnya mengenai alur pemesanan produk. Adapun rancangan DFD pada sistem ini adalah sebagai berikut: Gambar 3.1 DFD Level Konteks Sistem e-commerce padaa Toko Online

4 Data Flow Diagram Level Nol Gambar 3.2 DFD Level Nol Sistem e-commerce pada Toko Online

5 Perancangan Database Database merupakan kumpulan dari data yang saling berhubungan satu dengan lainnya, tersimpan di simpanan luar computer. Database merupakan salah satu komponen yang penting dalam sistem informasi yang berbasis e-commerce, karena berfungsi sebagai basis penyedia informasi bagi para pemakainya. Karena database merupakan kumpulan dari beberapa file, dalam hal ini file-file tersebut dikelompokkan secara terstruktur dalam beberapa tabel sesuai dengan informasi yang terkandung didalamnya. Berikut ini adalah langkah-langkah perancangan database yang penulis gunakan untuk membangun sistem e- Commerce ini: Field Name Tabel 3.2 Tabel dalam database NO TABLE NAME 1. core_website 2. catalog_category_product 3. directory_currency_rate 4. customer_address_entity 5. checkout_agreement 6. catalog_product_link 7. log_customer

6 Field Database Tabel 3.3 Field dalam database NO TABLE NAME FIELD NAME website_id code 1. core_website name sort_order default_group_id is_default category_id 2. catalog_category_product product_id position currency_from 3. directory_currency_rate currency_to rate entity_id entity_type_id attribute_set_id 4. customer_address_entity increment_id parent_id created_at updated_at is_active

7 38 agreement_id name content 5. checkout_agreement content_height checkbox_text is_active is_html link_id 6. catalog_product_link product_id linked_product_id link_type_id log_id visitor_id 7. log_customer customer_id login_at logout_at store_id Description Field Table 1) Core Website Tabel 3.4 Description core_website NO FIELD NAME TYPE WIDTH DESCRIPTION 1. website_id smallint 5 Website Id

8 39 2. code varchar 32 Code 3. name varchar 64 Website Name 4. sort_order smallint 5 Sort Order 5. default_group_id smallint 5 Default Group Id 6. is_default smallint 5 Defines Is Website Default 2) Catalog Category Product Tabel 3.5 Description category_product NO FIELD NAME TYPE WIDTH DESCRIPTION 1. category_id int 10 Category ID 2. product_id int 10 Product ID 3. position int 11 Position 3) Directory Currency Rate Tabel 3.6 Description currency_rate NO FIELD NAME TYPE WIDTH DESCRIPTION 1. currency_from varchar 3 Currency Code Convert From 2. currency_from varchar 3 Currency Code Convert To 3. rate decimal 24,12 Currency Conversion Rate

9 40 4) Customer Address Entity Tabel 3.7 Description customer_address_entity NO FIELD NAME TYPE WIDTH DESCRIPTION 1. entity_id int 10 Entity Id 2. entity_type_id smallint 5 Entity Type Id 3. attribute_set_id smallint 5 Attribute Set Id 4. increment_id varchar 50 Increment Id 5. parent_id int 10 Parent Id 6. created_at timestamp - Created At 7. updated_at timestamp - Updated At 8. is_active smallint 5 Is Active 5) Checkout Agreement Tabel 3.8 Description checkout_agreement NO FIELD NAME TYPE WIDTH DESCRIPTION 1. agreement_id int 10 Agreement Id 2. name varchar 255 Name 3. content text - Content 4. content_height varchar 25 Content Height 5. checkbox_text text - Checkbox Text 6. is_active smallint 6 Is Active 7. is_html smallint 6 Is Html

10 41 6) Catalog Product Link Tabel 3.9 Description catalog_product_link NO FIELD NAME TYPE WIDTH DESCRIPTION 1. link_id int 10 Link ID 2. product_id int 10 Product ID 3. linked_product_id int 10 Linked Product ID 4. link_type_id smallint 5 Link Type ID 7) Log Customer Tabel 3.10 Description log_customer NO FIELD NAME TYPE WIDTH DESCRIPTION 1. log_id int 10 Log ID 2. visitor_id bigint 20 Visitor ID 3. customer_id int 11 Customer ID 4. login_at timestamp - Login Time 5. logout_at timestamp - Logout Time 6. store_id smallint 5 Store ID 3.4 Flowchart Flowchart dalam bahasa Indonesia diterjemahkan sebagai diagram alir. Dari dua kata ini, maka dapat dibayangkan bahwa flowchart itu berbentuk diagram yang bentuknya dapat mengalirkan sesuatu.

11 42 Flowchart adalah representasi grafik dari langkah-langkah yang harus diikuti dalam menyelesaikan suatu permasalahan yang terdiri atas sekumpulan simbol, dimana masingmasing simbol merepresentasikan suatu kegiatan tertentu. Flowchart diawali dengan penerimaan input, pemrosesan input, dan diakhiri dengan penampilan output Flowchart Menu Utama Flowchart ini menjelaskan tentang bagaimana alur dan bentuk dari halaman utama toko online. Flowchart berisi menu-menu dan sub menu yang bisa digunakan pengunjung untuk melihat produk-produk toko online. Flowchart menu utama adalah sebagai berikut:

12 43

13 Flowchart Pembelian Barang Flowchart di atas menjelaskan bagaimana sebuah alur pembelian barang oleh pelanggan. Mulai dari pemilihan kategori sampai pengisian data yang akan diteruskan ke database.

14 Flowchart Login Member Flowchart diatas menjelaskan tentang login pelanggan yang sudah mempunyai akun member di toko online. Untuk masuk menjadi member harus login terlebih dahuluu dengan cara input kombinasi dan password. Jika password benar maka status pelanggan akan berubah menjadi member. Jika kombinasinya salah makaa web akan memberitahu bahwa dan password salah dan akan meminta dan password yang benar.

15 Flowchart Search Flowchart inii merupakan bagan pencarian sebuah produk toko online mulai dari input kata kunci pencarian kemudian web akan mencari. Apabila tidak ditemukan maka akan muncul halaman advance search untuk pencarian lebih detail. 3.5 Algoritma Program Algoritma adalah urutan langkah-langkah berhingga untuk memecahkan masalah logika atau matematika. Adapun algoritma yang akan dibahas antaraa lain yaitu: 1. Algoritma Menu Utamaa

16 47 a. Aktifkan Mozilla Firefox, ketikkan pada address bar kemudian tekan enter atau klik icon Search pada sudut kanan address bar. b. Setelah itu secara otomatis akan terbuka halaman Home Page, yaitu c. Setelah halaman Index muncul, maka terdapat berbagai menu yang telah ada. d. Jika ingin keluar pilih close pada menu browser maka akan keluar dari Web. 2. Algoritma Pemesanan Produk a. Pada halaman Home Page, pengunjung dapat memilih kategori yang diinginkan dengan beragam jenis produk dalam setiap kategori. Pilih kategori yang diinginkan, kemudian akan muncul keterangan tentang produk yang akan dibeli. Pilih Beli Sekarang untuk memasukkan barang ke keranjang belanja. b. Pembeli masih dapat membatalkan atau menambah produk yang ingin di beli. Setelah benar-benar produk ingin dibeli, pembeli harus mengklik proses checkout. Kemudian sistem akan mengarahkan ke dalam halaman login member atau isian data pembeli. c. Jika sudah selesai. Data pembeli akan di proses kemudian pesanan akan di antar ke data alamat yang telah diberikan pembeli pada saat mendaftarkan pembeli sebagai member. 3. Algoritma Member a. Klik Login pada menu Home Page, kemudian masukkan address dan password. Sekarang pembeli masuk sebagai member. b. Setelah itu pembeli dapat melakukan pembelian barang yang diinginkan. c. Klik menu keluar untuk keluar dari menu member.

17 48 4. Algoritma Search a. Pada halaman Index terdapat kotak Quick Find yang berfungsi untuk membantu pengunjung dan pembeli mencari data produk yang diinginkan tanpa melihat dari kategori. b. Masukkan nama produk yang ingin di cari misalnya Samsung. Maka akan tampil segala macam jenis Samsung yang tersedia di database. Apabila nama salah atau tidak terdapat dalam database, maka sistem akan memberi peringatan Hasil pencarian anda tidak ada..