Aplikasi Periklanan Berbasis Web Chapter III V
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
Website Periklanan
Member
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
Data group
Administrator
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
Data merk
Admin
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
Data merk
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
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
Website Periklanan
Member
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
Data group
Administrator
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
Data merk
Admin
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
Data merk
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