32
BAB 3
PERANCANGAN SISTEM
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.
Universitas Sumatera Utara
33
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.
Universitas Sumatera Utara
34
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
Admin Pembeli
Universitas Sumatera Utara
35
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
Universitas Sumatera Utara
36 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
Universitas Sumatera Utara
37
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
Universitas Sumatera Utara
38 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
Universitas Sumatera Utara
39 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
Tutup Aplikasi
Universitas Sumatera Utara
40 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
Universitas Sumatera Utara
41
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 I : Pilih menu Kategori
Universitas Sumatera Utara
42 Langkah II
: Menampilkan halaman Kategori Produk Langkah III
: Menampilkan kategori yang dipilih
BAB 4 IMPLEMENTASI SISTEM
Bab ini menjelaskan tentang hasil pembahasan dari penelitian. Hasil penelitian yang diperoleh berupa implementasi dari rancangan aplikai yang dibuat pada bab
sebelumnya. Proses-proses pada bab sebelumnya tersebut termasuk ke dalam tahap proses model prototipe bagian analisis kebutuhan dan pemodelan cepat. Di
bab ini akan dibahas implementasi pengujian dari perancangan-perancangan tersebut berdasarkan skenario pengguna. Implementasi tersebut merupakan tahap
dalam system informasi berbasis web bagian pengujian dan evaluasi aplikasi. Aplikasi yang dibuat masih berupa system informasi yang baru dijalankan pada
localhost, belum diimplementasikan ke dalam Jersey Bola Shop. Pembuatan aplikasi ini menggunakan PHP sebagai bahasa pemrograman utama dan MySQL
sebagai basis data.
4.1. Pengertian Implementasi Sistem