Perancangan dan Perancangan Diagram Level Konteks

BAB 3 PERANCANGAN SISTEM

3.1 Perancangan dan Perancangan

Tahapan perancangan dan perancangan merupakan tahapan awal yang dilakukan penulis dalam membangun website ini. Pada tahapan ini penulis akan menjabarkan awal perancangan sistem, diagram alur, tujuan dan isi dari website yang akan dibangun. Website ini dirancang dengan menggunakan domain, hosting dan software website. Sebelum membangun software website, ada beberapa tahapan pertanyaan sebagai identifikasi awal yang perlu dilakukan, antara lain : a. Website apa yang akan dibuat ? b. Siapa saja yang di harapkan melihat website tersebut ? c. Apa saja aktifikasi yang di lakukan dalam website tersebut ? d. Apa saja yang ingin dicapai dari pembuatan website tersebut ? Dengan menjawab beberapa pertanyaan di atas, maka jawaban dari penulis untuk beberapa pertanyaan di atas sebagai berikut : a. Website yang akan di buat adalah sistem penjualan online store berbasis web, yang menyediakan berbagai macam jenis kue untuk setiap acara. Universitas Sumatera Utara b. Yang di harapkan untuk melihat website ini adalah pembeli yang ingin membeli kue yang tersedia. c. Aktifikasi yang dapat dilakukan dalam website tersebut adalah pengunjung dapat melihat semua jenis kue yang berfariasi sesuai dengan yang di butuhkan oleh konsumen di setiap moment. d. Target yang ingin dicapai dalam pembuatan website ini adalah dapat memberikan kemudahan terhadap teransaksi penjulan, juga pembeli dapat melakukan transaksi dari mana pun dan kapan pun hanya dengan menggunakan sebuah komputer yang telah memiliki akses internet. Tahapan selanjutnya adalah tahapan pembuatan bagan atau struktur dari website tersebut. Struktur website tersebut menampilkan struktur hirarki dan isi halaman perhalaman. Dengan adanya struktur, akan sangat mudah untuk memvisualisasikan isi dari setiap halaman website dan navigasi antar halaman. Adapun struktur dari website yang penulis buat di tunjukkan pada gambar berikut Universitas Sumatera Utara Gambar 3.1 Struktur Website

3.2 Perancangan Halaman Website

3.2.1 Halaman Home

Halaman ini merupakan halaman utama dari website. Halaman ini berisikan tentang perkenalan product dan update terbaru product yang di jual dan link-link utama menuju ke halaman-halaman lainnya. Home home Perkenalan product comment Cara pembelian pengiriman product Tentang kami Data toko Form pembelian Jasa pengiriman Birthday Cake Cake Cake Wedding Cookies Cupcake Pudding Admin Login Admin entries rss antrian ringkasan pesanan atau webblog Ringkasan komentar Universitas Sumatera Utara

3.2.2 Cara Pembelian

Halaman ini berisikan link-link yang menghubungkan data toko dan form pembelian. Dimana pembeli dapat melihat data toko dan dapat memesan product di form yang di sediakan di halaman ini .

3.2.3 Pengiriman

Halaman ini berisikan ke jasa pegiriman yang telah di sediakan , pembeli akan memilih satu tempat pengiriman baik itu TIKI ataupun JNE.

3.2.4 Product

Halaman ini berisikan aneka macam jenis kue yang di link kan ke jenis-jenis kue beraneka ragam yang tersedia untuk segala momen dan harganya masing-masing.

3.2.5 Tentang Kami

Halaman ini berisikan tentang info toko kue online store .

3.2.6 Halaman Admin

Halaman ini berisikan login yang akan menghubungkan ke halaman adminisrator. Halaman ini khusus hanya dapat di akses oleh adminstrator website untuk melakukan pengaturan website seperti menambah, menghapus dan mengubah data. Universitas Sumatera Utara

3.3 Diagram Level Konteks

Dalam perancangan sistem ini, penulis mencoba untuk memberikan gambaran mengenai alur pemesanan produk. Adapun rancangan DFD pada sistem ini adalah sebagai berikut: Info pemesanan kue info data katagori kue Info kue Kategori kue data pemesan kue Produk kue Laporan pemesanan kue Gambar 3.2 DFD Level Konteks Admin Sistem E-commerce pemesan Deliveri Universitas Sumatera Utara Tampilan Utama Product kue Cara Pembelian Pengiriman Data pemesan kue Kode kue Gambar 3.3 DFD Level 0 Pemesan Admin F1 F2 1.0 Input Data F3 F4 2.0 Pembuatan Laporan Deliver Universitas Sumatera Utara

3.4 Perancangan Diagram Alir flowchart Website