BAB 3 PERANCANGAN SISTEM. Perancangan sistem bertujuan untuk menentukan rancangan website periklanan.

(1)

BAB 3

PERANCANGAN SISTEM

3.1Perancangan 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.1Diagram Konteks

Diagram konteks dari website periklanan ini ditunjukkan pada Gambar 3.1.

Website Periklanan

Administrator Member

Data group Data kategori

Data merk

Update Status Iklan Lihat Status Iklan

Lihat Status Iklan PPC Update Status Iklan PPC

Data deposit & status

Data Iklan

Deposit

(2)

3.1.2Data Flow Diagram Level 0

Data Flow Diagram level 0 (DFD level 0) yang merupakan pengembangan dari context diagram ditunjukkan pada Gambar 3.2

Administrator 1.0. Manajemen Group 2.0. Manajemen Kategori 3.0. Manajemen Merk

group kategori merk Data group

Data group

Data kategori _{Data merk}

Data kategori Data merk

5.0. View Iklan Data iklan Member Data iklan 6.0. Input Iklan Data iklan iklan Data iklan 8.0. Lihat Iklan Data iklan

Data iklan Update iklan

discount

7.0. Input Discount

Data discount Data discount

9.0. Lihat discount

Data discount Data discount

Update discount

(3)

3.1.3Data Flow Diagram Level 1 (Manajemen Group)

Data Flow Diagram level 1 manajemen group pada admin ditunjukkan pada Gambar 3.3

Admin

1.1. Input Group

1.2. View Group

1.3. Edit Group

1.4. Delete Group

group

Data group

Gambar 3.3 Proses Manajemen Group

(4)

3.1.4Data Flow Diagram Level 1 (Manajemen Kategori)

Data Flow Diagram level 1manajemen kategori pada admin ditunjukkan pada Gambar 3.4

Admin

2.1. Input Kategori

2.2. View Kategori

2.3. Edit Kategori

2.4. Delete

Kategori

kategori

Data kategori

Gambar 3.4 Proses Manajemen Kategori

(5)

3.1.5Data Flow Diagram Level 1 (Manajemen Merk)

Data Flow Diagram level 1 manajemen merk pada admin ditunjukkan pada Gambar 3.5

Admin

3.1. Input Merk

3.2. View Merk

3.3. Edit Merk

3.4. Delete Merk

Merk

Data merk

Gambar 3.5 Proses Manajemen Merk

3.1.6Flowchart Member

(6)

START LOGIN INPUT IKLAN DATA VALID/ LENGKAP? DATABASE FINISH Y N

Gambar 3.6 Flowchart member

3.1.7Flowchart Admin

(7)

START LOGIN INPUT IKLAN DATA VALID/ LENGKAP? DATABASE FINISH Y N

Gambar 3.7 Flowchart member

3.2Perancangan Database

Perancangan database dari aplikasi periklanan berbasis website ini menggunakan DBMS (Database Managing System) MySQL. Database aplikasi periklanan

(8)

berbasis website ini terdiri dari table about, iklan, artikel, kategori, kota, provinsi, acara, user.

3.2.1Tabel 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 Keterangan

about_id Int 11 Title Varchar 100 status Char 1 image Varchar 100 description Text Modified_date Datetime Modified_userid Int 11 3.2.2Tabel Iklan

Tabel Iklan berfungsi untuk menyimpan data iklan yang dibuat oleh member.

(9)

Advertising_id Int 11 Primary key

Ref_id Varchar 20 Ad_type Int 11 Title Varchar 120 Title_seo Varchar 150 Group_id Int 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

(10)

Signed_date DateTime

Hits Int 11

3.2.3Tabel Artikel

Tabel artikel digunakan untuk menyimpan data artikel yang akan ditampilkan pada website periklanan.

Tabel 3.3 Tabel Artikel

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.4Tabel Kategori

Tabel kategori digunakan untuk menyimpan kategori barang yang diiklankan pada website.

Tabel 3.4 Tabel Kategori

Kategori_id Int 11 Primary Key

Group_id Int 11

(11)

Status Char 1 Tanggal_buat DateTime Member_id Int 11 Data_modifikasi DateTime Modifikasi_userid Int 11 3.2.5Tabel Provinsi

Tabel kategori digunakan untuk menyimpan data provinsi yang diiklankan pada website.

Tabel 3.5 Tabel Provinsi

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.6Tabel User

Tabel kategori digunakan untuk menyimpan data user yang diiklankan pada website.

(12)

User_id Int 11 Primary key

User_name Varchar 100

Password Varchar 50

Full_name Varchar 100

3.2.7Tabel Acara

Tabel kategori digunakan untuk menyimpan acara yang diiklankan pada website. Tabel 3.7 Tabel Acara

Acara_id Int 11 Primary key

Provinsi_id Int 11

Title Varchar 100

(13)

BAB 4

IMPLEMENTASI SISTEM

4.1Implementasi Desain dan Perancangan

Desain dan perancangan yang telah dibuat sebelumnya, kemudian diimplementasikan untuk membuat aplikasi sesuai dengan yang diinginkan.

4.2Halaman 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.3Halaman Registrasi User

Supaya dapat mengiklankan barang pada website periklanan ini, maka penjual harus melakukan registrasi terlebih dahulu. Setelah penjual sudah teregistrasi

(14)

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.4Halaman 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

(15)

Gambar 4.3 Halaman Sign In

4.5Halaman Profil Member

Setelah member yang telah teregistrasi melakukan login, maka member akan diarahkan untuk melengkapi profilnya. Halaman profil member ditunjukkan pada gambar 4.4.

(16)

Gambar 4.4 Halaman Edit Profil Member

4.6Halaman Isi Iklan

Setelah member selesai melakukan registrasi, maka member bisa mengisi iklan barang yang ingin dijualnya. Halaman isi iklan ditunjukkan pada gambar 4.5.

(17)

(18)

4.7Halaman Isi Discount

Setelah member selesai melakukan registrasi, maka member bisa mengisi discount barang yang ingin dijualnya. Halaman isi iklan ditunjukkan pada gambar 4.5.

(19)

BAB 5

KESIMPULAN DAN SARAN

5.1Kesimpulan

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.2Saran

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.

(20)

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.