BAB 3 PERANCANGAN SISTEM
3.1 Perancangan Sistem Perancangan sistem bertujuan untuk menentukan rancangan website periklanan. Perancangan sistem dimulai dengan perancangan Context Diagram (CD), dan Data Flow Diagram (DFD). Perancangan dan desain website dilakukan mulai dari merancang tampilan homepage awal, detail halaman website, dan
tampilan
admin.
3.1.1 Diagram Konteks Diagram konteks dari website periklanan ini ditunjukkan pada Gambar 3.1. Data Iklan
Data group Data kategori Data merk
Administrator
Update Status Iklan
Member
Website Periklanan
Lihat Status Iklan
Lihat Status Iklan PPC Update Status Iklan PPC Data deposit & status
Deposit
Gambar 3.1 Diagram Konteks
Universitas Sumatera Utara
3.1.2 Data Flow Diagram Level 0 Data Flow Diagram level 0 (DFD level 0) yang merupakan pengembangan dari context diagram ditunjukkan pada Gambar 3.2
Administrator
Data group
Data kategori
Data merk
Data discount Data iklan
1.0. Manajemen Group
Data group
group
2.0. Manajemen Kategori
3.0. Manajemen Merk
Data kategori
Data merk
kategori
merk
Update iklan
Data iklan 8.0. Lihat Iklan
5.0. View Iklan
Data iklan
9.0. Lihat discount
iklan Data iklan Data discount
Member
Data iklan
6.0. Input Iklan
Data iklan discount
Data discount
7.0. Input Discount
Data discount
Gambar 3.2 Data Flow Diagram Level 0
Universitas Sumatera Utara
Update discount
3.1.3 Data Flow Diagram Level 1 (Manajemen Group) Data Flow Diagram level 1 manajemen group pada admin ditunjukkan pada Gambar 3.3
Admin
Data group
Data group
Data group Data group
1.1. Input Group
1.2. View Group
1.3. Edit Group
1.4. Delete Group
Data group
Data group
Data group
Data group
group
Data group
Gambar 3.3 Proses Manajemen Group
Universitas Sumatera Utara
3.1.4 Data Flow Diagram Level 1 (Manajemen Kategori) Data Flow Diagram level 1manajemen kategori pada admin ditunjukkan pada Gambar 3.4
Admin
Data kategori
Data kategori
Data kategori Data kategori
2.1. Input Kategori
2.2. View Kategori
2.3. Edit Kategori
2.4. Delete Kategori
Data kategori
Data kategori
Data kategori
Data kategori
kategori
Data kategori
Gambar 3.4 Proses Manajemen Kategori
Universitas Sumatera Utara
3.1.5 Data Flow Diagram Level 1 (Manajemen Merk) Data Flow Diagram level 1 manajemen merk pada admin ditunjukkan pada Gambar 3.5
Admin
Data merk
Data merk
Data merk Data merk
3.1. Input Merk
3.2. View Merk
3.3. Edit Merk
3.4. Delete Merk
Data merk
Data merk
Data merk
Merk
Data merk
Data merk
Gambar 3.5 Proses Manajemen Merk
3.1.6 Flowchart Member Flowchart member pada website periklanan ini ditunjukkan pada gambar 3.6.
Universitas Sumatera Utara
START
LOGIN
INPUT IKLAN
N
DATA VALID/ LENGKAP?
Y
DATABASE
FINISH
Gambar 3.6 Flowchart member
3.1.7 Flowchart Admin Flowchart admin pada website periklanan ini ditunjukkan pada gambar 3.6.
Universitas Sumatera Utara
START
LOGIN
INPUT IKLAN
N
DATA VALID/ LENGKAP?
Y
DATABASE
FINISH
Gambar 3.7 Flowchart member
3.2 Perancangan Database Perancangan database dari aplikasi periklanan berbasis website ini menggunakan DBMS (Database Managing System)
MySQL. Database aplikasi periklanan
Universitas Sumatera Utara
berbasis website ini terdiri dari table about, iklan, artikel, kategori, kota, provinsi, acara, user.
3.2.1 Tabel About Tabel artikel berfungsi untuk menyimpan data tentang aplikasi website periklanan, yang ditunjukkan pada Tabel 3.1
Tabel 3.1 Tabel About Nama Field
Tipe Data
Ukuran Field
about_id
Int
11
Title
Varchar
100
status
Char
1
image
Varchar
100
description
Text
Modified_date
Datetime
Modified_userid
Int
Keterangan
11
3.2.2 Tabel Iklan Tabel Iklan berfungsi untuk menyimpan data iklan yang dibuat oleh member.
Tabel 3.2 Tabel Iklan
Universitas Sumatera Utara
Nama Field
Tipe Data
Ukuran Field
Advertising_id
Int
11
Ref_id
Varchar
20
Ad_type
Int
11
Title
Varchar
120
Title_seo
Varchar
150
Group_id
Int
Keterangan Primary key
11
Category_id
Int
11
Merk_id
Int
11
Price
Int
11
Nego
Char
1
Conditions
Char
1
Province_id
Int
11
City_id
Int
11
description
Text
Image1
Varchar
200
Image2
Varchar
200
Image3
Varchar
200
Image4
Varchar
200
Image5
Varchar
200
Image6
Varchar
200
active
Char
1
signed
Int
11
Member_id
Int
11
Created_date
DateTime
Modified_date
DateTime
Universitas Sumatera Utara
Signed_date
DateTime
Hits
Int
11
3.2.3 Tabel Artikel Tabel artikel digunakan untuk menyimpan data artikel yang akan ditampilkan pada website periklanan.
Tabel 3.3 Tabel Artikel Nama Field
Tipe Data
Ukuran Field
Keterangan
Artikel_id
Int
11
Primary Key
Kategori
Int
11
Title
Varchar
100
Title_seo
Varchar
100
Headline
Varchar
100
Active
Char
1
Image
Varchar
100
3.2.4 Tabel Kategori Tabel kategori digunakan untuk menyimpan kategori barang yang diiklankan pada website. Tabel 3.4 Tabel Kategori Nama Field
Tipe Data
Ukuran Field
Keterangan
Kategori_id
Int
11
Primary Key
Group_id
Int
11
Nama_kategori
Varchar
100
Universitas Sumatera Utara
Status
Char
Tanggal_buat
DateTime
Member_id
Int
Data_modifikasi
DateTime
Modifikasi_userid
Int
1
11
11
3.2.5 Tabel Provinsi Tabel kategori digunakan untuk menyimpan data provinsi yang diiklankan pada website. Tabel 3.5 Tabel Provinsi Nama Field
Tipe Data
Ukuran Field
Keterangan
Kota_id
Int
11
Primary key
Provinsi_id
Int
11
Kota_kode
Varchar
10
Nama_kota
Varchar
100
Status
Char
1
User_id
Int
11
3.2.6 Tabel User Tabel kategori digunakan untuk menyimpan data user yang diiklankan pada website. Tabel 3.6 Tabel User
Universitas Sumatera Utara
Nama Field
Tipe Data
Ukuran Field
Keterangan
User_id
Int
11
Primary key
User_name
Varchar
100
Password
Varchar
50
Full_name
Varchar
100
3.2.7 Tabel Acara Tabel kategori digunakan untuk menyimpan acara yang diiklankan pada website. Tabel 3.7 Tabel Acara Nama Field
Tipe Data
Ukuran Field
Keterangan
Acara_id
Int
11
Primary key
Provinsi_id
Int
11
Title
Varchar
100
Title_seo
Varchar
100
Universitas Sumatera Utara
BAB 4 IMPLEMENTASI SISTEM
4.1 Implementasi Desain dan Perancangan Desain
dan
perancangan
yang
telah
dibuat
sebelumnya,
kemudian
diimplementasikan untuk membuat aplikasi sesuai dengan yang diinginkan.
4.2 Halaman Utama Halaman utama merupakan halaman yang akan pertama kali dilihat oleh pengunjung website. Halaman ini berisi iklan dari barang yang diiklankan oleh orang yang ingin menjual produknya, informasi produk.
Gambar 4.1 Halaman Utama
4.3 Halaman Registrasi User Supaya dapat mengiklankan barang pada website periklanan ini, maka penjual harus melakukan registrasi terlebih dahulu. Setelah penjual sudah teregistrasi
Universitas Sumatera Utara
sebagai member, maka penjual barang bisa mengiklankan barangnya dengan cara melakukan login terlebih dahulu. Halaman ini ditunjukkan pada gambar 4.2
Gambar 4.2 Registrasi User
4.4 Halaman Sign In Penjual yang sudah terdaftar harus sign in terlebih dahulu untuk dapat masuk ke halaman pembuatan iklan barang, halaman ini ditunjukkan pada Gambar 4.3
Universitas Sumatera Utara
Gambar 4.3 Halaman Sign In
4.5 Halaman Profil Member Setelah member yang telah teregistrasi melakukan login, maka member akan diarahkan untuk melengkapi profilnya. Halaman profil member ditunjukkan pada gambar 4.4.
Universitas Sumatera Utara
Gambar 4.4 Halaman Edit Profil Member
4.6 Halaman Isi Iklan Setelah member selesai melakukan registrasi, maka member bisa mengisi iklan barang yang ingin dijualnya. Halaman isi iklan ditunjukkan pada gambar 4.5.
Universitas Sumatera Utara
Gambar 4.5 Halaman Isi Iklan
Universitas Sumatera Utara
4.7 Halaman Isi Discount Setelah member selesai melakukan registrasi, maka member bisa mengisi discount barang yang ingin dijualnya. Halaman isi iklan ditunjukkan pada gambar 4.5.
Gambar 4.6 Halaman Isi Discount
Universitas Sumatera Utara
BAB 5 KESIMPULAN DAN SARAN
5.1 Kesimpulan Dari hasil pembahasan dan uraian di atas, maka dapat ditarik kesimpulan sebagai berikut : 1) Aplikasi
periklanan
berbasis
website
ini
dapat
dibuat
dengan
menggunakan text editor sublime text, bahasa pemrograman HTML , CSS, dan XAMPP yang terdiri dari server Apache, PHP dan database MySQL. 2) Dengan adanya aplikasi website periklanan ini, maka setiap orang atau perusahaan akan semakin terbantu untuk mengiklankan barangnya dengan lebih cepat, mudah, dan lebih murah. 3) Dengan adanya website periklanan ini, maka setiap calon pembeli barang, dapat melihat berbagai iklan barang yang akan dibeli dengan lebih cepat dan mudah.
5.2 Saran Dari hasil pembahasan dan uraian di atas, maka penulis mempunyai saran-saran sebagai berikut : 1) Jenis barang atau produk yang bisa diiklankan pada aplikasi website ini masih sedikit, maka website ini perlu untuk dikembangkan lagi sehingga semakin banyak barang atau produk yang bisa diiklankan pada website tersebut.
Universitas Sumatera Utara
2) Sebaiknya isi dari website ditambahkan dengan fitur-fitur lain seperti informasi pariwisata, info discount barang, fitur chatting dan lain-lain sehingga website ini menjadi lebih menarik lagi. 3) Sebaiknya tingkat keamanan dari aplikasi website ini lebih ditingkatkan lagi, sehingga keamanan dari tranksaski jual-beli antara penjual dan pembeli barang bisa terjamin dengan baik.
Universitas Sumatera Utara
