3.1. Perancangan Sistem
Perencanaan dan perancangan merupakan sebuah tahap awal dalam membangun sebuah situs. Membuat suatu situs memerlukan persiapan, perencanaan yang baik, tujuan yang jelas dan percobaan yang berulang-ulang karena menyangkut semua elemen yang membentuk situs. Hal ini dilakukan dengan cara membangun sistem 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 sistemmuntuk mengerjakan spesifikasi sistem, membuat keputusan tentang bagaimana komponen system diaktulilasiskan. Proses ini menyangkut tujuan sistem tersebut, audience, objek dan informasi domain. Perancangan yang baik harus mengetahui bagaimana mendapatkan efek yang dibutuhkan oleh spesifikasi tersebut dengan cara paling fleksibel, efesien dan elegan.
3.2. Data Flow Diagram (DFD) Perancangan Aplikasi
Data Flow Diagram (DFD) adalah suatu diagram yang menggunakan notasi-notasi untuk menggambarkan arus dari data sistem, yang penggunaannya sangat membantu untuk memahami sistem secara logika, tersruktur dan jelas. DFD merupakan alat bantu dalam menggambarkan atau menjelaskan sistem yang sedang berjalan logis. Salah satu keuntungan menggunakan diagram alir data memudahkan pemakai yang kurang menguasai bidang komputer untuk menegerti sistem yang akan dikerjakan. Pada tahap analisa, penangan notasi simbol lingkaran dan anak panah menggambarkan arus data dalam perancangan sistem sangat membantu dalam komunikasi dengan pemakain 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 sistem merupakan bagian yang lebih penting dan kompleks dari pada data yang dimanipulasi sistem. Dengan kata lain, DFD adalah alat pembuatan model yang memberikan penekanan hanya pada fungsi sistem. DFD juga merupakan alat perancangan sistem yang berorientasi pada alur data dengan konsep dekomposisi dapat digunakan untuk penggambaran analisa maupun rancangan sistem yang mudah dikomunikasikan oleh profesional sistem kepada pemakai maupun pembuat program.
3.2.1. Diagram Konteks Aplikasi Internet Commerce Jersey Shop
Diagram Konteks adalah sebuah diagram sederhana yang menggambarkan hubugan antara entity luar, masukan dan keluaran dari sestem. Diagram konteks direpresentasikan dengan lingkaran tunggal yang mewakili keseluruhan sistem. Berikut ini adalah diagram konteks dari internet commerce jersey shop:
Info Produk
Data Pelanggan Info Produk Data Produk
Laporan Pemesanan
Pengolahan Barang Pemesanan
Gambar 3.2.1 Diagram Konteks I-Commerce Jersey Shop
Sistem Internet Commerce
Pengunjung
3.3. Perancangan Database
Database merupakan kumpulan dari data yang saling berhubungan satu dengan
yang lainnya, tersimpan di simpanan luar komputer dan digunakan perangkat lunak tertentu untuk memanipulasinya. Database merupakan salah satu komponen yang penting dalam sistem e-commerce, karena berfungsi sebagai basis penyedia informasi bagi para penggunanya. Karena database merupakan kumpulan dari beberapa file yang dikelompokkan secara terstruktur dalam beberapa tabel sesuai informasi yang dibutuhkan di dalamnya.
3.3.1 ERD (Entity Relationship Diagram )
Proses perancangan database menggunakan ERD (Entity Relationship Diagram ) ditunjukkan pada Gambar 3.3.1
Gambar 3.3.1. Entity Relationship Diagram
3.3.2. Relationship (Relasi Antar Tabel )
Tabel saling berelasi dalam aplikasi I-Commercee ini. Relasi ii ditunjukkan pada
Gambar 3.3.2. Relationship (Relasi Antar Tabel )
chekouttbl kode email no_hp pin_bb alamat provinsi kota kecamatan kode_pos metode pembayaran Admintbl Id Username Password Email Barangtbl nama kategori gambar harga rating kode jumlah pembayarantbl nama no_rek file kode
3.4. Struktur Tabel
Berikut ini rancangan tabel yang penulis gunakan dalam membangun aplikasi ini: 1. Tabel User terdiri dari
Tabel 3.1. Tabel user
Nama Field Type Data Size Keterangan
Id Integer 11 Primary Key
Username Varchar 32
Email Varchar 255
Password Varchar 255
2. Tabel Jersey Tabel 3.2. Tabel Jersey
Nama Field Type Data Size Keterangan
Nama Varchar 255 Primary Key
Kategori Varchar 255 Gambar Varchar 255 Harga Varchar 255 Rating Integer 11 Kode Varchar 10 Jumlah Integer 11
3. Tabel Pembayaran Tabel 3.3. Tabel Pembayaran
Nama Field Type Size Keterangan
Nama Varchar 32 Primary Key
No_rekening Varchar 32
File Text
Kode Varchar 10
4. Tabel Chekout Tabel 3.4. Tabel Chekout
Nama Field Type Data Size Keterangan
Kode Varchar 10 Primary Key
Email Varchar 255 Nama_Lengkap Varchar 255 No_Hp Varchar 13 Pin_BB Varchar 10 Alamat Text Provinsi Varchar 255 Kota Varchar 255 Kecamatan Varchar 255 Kode_Pos Integer 7 Metode_Pembayaran Varchar 255
3.5. Flowchart Perancangan Aplikasi Internet JB Shop
Flowchart menggambarkan aliran pada sistem aplikasi Internet commerce JB Shop. Secara umum, user masuk ke aplikasi melihat info produk lalu melakukan pemesanan. Selanjutnya kontak kita untuk info dan konfirmasi pemesanan.
3.5.1. Flowchart Menu Utama
Flowchart menu utama dapat dilihat pada gambar dibawah ini :
Y T START Pilih Kategori Pilih Produk Belanja Lagi? Menyerahkan Produk Pembayaran
Gambar 3.4. Menu Utama 3.5.2. Flowchart Login Admin
Flowchart menu utama dapat dilihat pada gambar dibawah ini :
T
Y
Gambar 3.4. Login Admin M asukkan Username &
Password Login Validasi Username & Password L_adm M _adm Valid
3.6. Algoritma Perancangan Internet Commerce JB Shop Algoritma Kategori Home
Langkah I : Pilih menu Home
Langkah II : Menampilkan halaman utama website Algoritma Kategori Cara Pesan
Langkah I : Pilih menu Cara Pesan
Langkah II : Menampilkan halaman Cara Pesan Algoritma Kategori Peraturan
Langkah I : Pilih menu Peraturan
Langkah II : Menampilkan halaman Peraturan Algoritma Kategori Bukti
Langkah I : Pilih menu Bukti
Langkah II : Menampilkan halaman Bukti Pengiriman Algoritma Kategori Hubungi
Langkah I : Pilih menu Hubungi Kami
Langkah II : Menampilkan halaman Hubungi Kami Algoritma Kategori Produk
Langkah II : Menampilkan halaman Kategori Produk Langkah III : Menampilkan kategori yang dipilih
BAB 4