BAB IV 4. DESKRIPSI KERJA PRAKTIK
4.1. Analisis Sistem Salah satu tantangan bisnis masa kini yang dihadapi oleh beberapa perusahaan baik di bidang apapun adalah kecepatan dalam melayani keinginan pelanggan dan menyesuaikan dengan kebutuhannya. Dalam permasalahan kali ini diharapkan sistem yang akan dirancang dapat membantu PT. Jawa Pos Koran dalam mempercepat dan menyesuaikan pelayanan terhadap pelanggannya khususnya pada divisi redaksi pada bagian iklan. Data yang terkait dengan aktivitas bisnis bagian iklan antara lain adalah data-data mengenai media yang akan menerbitkan, jenis iklan , kategori iklan dan paket yang diberikan. Di dalam data paket terdapat beberapa ketentuan antara lain area edar atau jangkauan penyebaran iklan yang diterbitkan pada surat kabar, jumlah penayangan iklan, jumlah huruf yang digunakan dan biaya yang dikenakan. Data-data tersebut di atas sangat perlu untuk diketahui oleh pelanggan perusahaan karena agar pelanggan dapat mengetahui informasi detil-detil iklan dengan akurat. Dalam hal ini, akan sangat merugikan jika pelanggan tidak mengetahui dengan tepat apa yang diinginkannya dari layanan iklan PT. Jawa Pos Koran ini. Berikut ini adalah rancangan sistem yang menjadi landasan dan acuan dalam pembuatan aplikasi order iklan pada PT. Jawa Pos Koran dengan menggunakan bahasa pemrograman PHP dengan database MySQL.
15
16 4.2. Perancangan Sistem Berdasarkan analisa sistem yang ada, maka akan dirancang suatu sistem yang sesuai dengan kebutuhan. Rancangan sistem yang dibuat berupa Data Flow Diagram (DFD) sebagai deskripsi alur dari sistem. DFD dibuat dengan menggunakan software PowerDesigner 6.
4.2.1. System Flow System flow merupakan bagan yang memiliki arus pekerjaan secara menyeluruh dari suatu sistem yang menjelaskan urutan prosedur-prosedur yang terdapat di dalam sistem.
17 A.
System Flow Mengelola Master Pengguna
Mengelola Master Pengguna Admin IT
Start
Data Pengguna, jenis pengguna 1 atau 2 Tidak
Data Pengguna Telah Tersimpan
Aplikasi
Validasi Data Pengguna
Pengguna
Valid ? Ya Menyimpan Data Pengguna
Menampilkan Pesan Sukses
Phase
End
Gambar 4.1 System Flow Master Pengguna
18 B.
System Flow Mengelola Master Detil Iklan (Media)
Mencatat Detil Iklan (Media) Admin Bagian
Aplikasi
Start
Data Detil Media
Tidak
Validasi Data Detil Media
Media
Valid ?
Ya Menyimpan Data Detil Media
Phase
End
Gambar 4.2 System Flow Detil Iklan (Media)
19 C.
System Flow Mengelola Master Detil Iklan (Jenis Iklan)
Mencatat Detil Iklan (Jenis Iklan) Admin Bagian
Aplikasi
Start
Data Detil Jenis Iklan
Tidak
Validasi Data Detil Jenis Iklan
Iklan
Valid ?
Ya Menyimpan Data Detil Jenis Iklan
Phase
End
Gambar 4.3 System Flow Detil iklan (Jenis iklan)
20 D.
System Flow Mengelola Master Detil Iklan (Kategori)
Mencatat Detil Iklan (Kategori) Admin Bagian
Aplikasi
Start
Data Detil Kategori
Tidak
Validasi Data Detil Kategori
Kategori
Valid ?
Ya Menyimpan Data Detil Kategori
Phase
End
Gambar 4.4 System Flow Detil Iklan (Kategori)
21 E.
System Flow Mengelola Master Detil Iklan (Paket)
Mencatat Detil Iklan (Paket) Admin Bagian
Aplikasi
Start
Data Detil Paket
Tidak
Validasi Data Detil Paket
Valid ?
Ya Menyimpan Data Detil Paket
Phase
End
Gambar 4.5 System Flow Detil Iklan (Paket)
Paket
22 F.
System Flow Mencatat Pendaftaran Member Pemasang
Pendaftaran Member Pemasang Operator
Start
Data Pemasang, Data Pengguna, jenis pengguna 3 atau 4 Tidak
Data Pemasang Telah Tersimpan
Aplikasi
Validasi Data Pemasang & Pengguna
Pengguna
Valid ?
Pemasang
Ya Menyimpan Data Pemasang & Peengguna
Menampilkan Pesan Sukses
Phase
End
Gambar 4.6 System Flow Mencatat Member Pemasang
23 G.
System Flow Mengelola Profil Member Pemasang
Mengelola Profil Member Pemasang Member
Aplikasi
Start
Halaman Profil Member
Menu “Edit Profil”
Menampilkan Halaman Edit Profil
Pemasang
Halaman Edit Profil Member Tidak
Data Member Ubahan
Simpan
Validasi Data Member Ubahan
Menyimpan Data Member Ubahan
Valid ?
Ya
Phase
End
Gambar 4.7 System Flow Profil Member Pemasng
24 4.2.2. Data Flow Diagram Seperti yang dijelaskan pada sebelumnya DFD memiliki peran untuk menggambarkan arus aliran data dalam suatu sistem yang akan dikembangkan secara logika.
A. Context Diagram Data Master Paket Data Master Kategori Data Master Media Staff Iklan
Data Master Iklan
Data Master Pengguna Internal
Admin IT
Data Notifikasi Staff Iklan Data Notifikasi Admin IT 0
Data Login Staff Iklan Data Order Iklan Data Detil Order Data Gambar
Data Login Admin
Aplikasi Order Iklan PT Jawa Pos
Data Waktu Muat Data Pemasang Data Pengguna
+
Data Notifikasi Pelanggan
Data Histori Order Iklan Pelanggan
Data Profil Member Data Login Pelanggan
Gambar 4.8 Context Diagram Aplikasi Order Iklan
Context diagram
pada sistem ini memiliki tiga external entity yang
menunjang jalannya sistem yang dibuat, yaitu admin IT, Staff Iklan dan Pelanggan.
25 B.
DFD Level 0
Pelang g an
Admin IT
Pelang g an
Staff Iklan
Pelang g an
Pelang g an [Data Log in Pelang gan] [Data Log in Staff Iklan] 1
[Data Pemasang ] [Data Peng guna] [Data Notifikasi]
1
[Data Log in Admin] Peng g una
8 Data Peng g una
Data Req uest M ember
Data Daftar Peng guna
4 Mencatat Pendaftaran Member
Meng ecek Hak Akses
Data Insert Peng g una Data Valid Log in Admin
Data Insert Peng g una
Data Insert Member Data Member
Data Tgl Order 2
1
Pemasang
Order Iklan
7
Peng g una 6
Meng elola Master Peng g una Pelang g an Data Valid Log in Staff Iklan
[Data Master Pengg una Internal]
Mencatat Order Iklan
[Data Gambar]
Data Insert Order Iklan Data Preview Gambar Data Insert Gambar
[Data Detil Order]
[Data Notifikasi]
6
Gambar
[Data Waktu Muat] Pelang g an Data Urutan Order
Admin IT
Pelang g an
Data Valid Log in Staff Iklan 2
8
Media
Data Profil Member
Iklan
Data Tgl Order Data Update Member Order Iklan
7
Data Insert Iklan
Kateg ori
Daftar Order
9
Data Insert Media
Data Daftar Iklan 4
Pemasang
3
Data Daftar Media 3
Data Tgl Muat
Data Login Pelang g an Sudah Member
Admin IT
Data Insert Kateg ori
Meng elola Master Detil Iklan
5 10 Meng elola Profil Member
Waktu Muat
[Data Profil M ember] Data Histori Order Iklan Data Daftar Order Data Ubah Status
Data Daftar Kategori
Data Req uest Form Histori Pelang g an
5
Paket
7
Data Insert Paket
Meng elola Order Iklan
Data Daftar Paket
8 [Data Order Iklan]
[Data Notifikasi]
Melihat Histori Order Iklan
[Data Master M edia]
[Data Master Paket] [Data Master Iklan] [Data Master Kateg ori]
Staff Iklan
Staff Iklan
Staff Iklan Staff Iklan
[Data Histori Order Iklan]
Staff Iklan Pelang g an
Staff Iklan
Gambar 4.9 DFD Level 0 Aplikasi Order Iklan
26 C.
Dekomposisi Proses Mengecek Hak Akses
Gambar 4.10 DFD Level 1 Mengecek Hak Akses
D. Dekomposisi Proses Mengelola Master Pengguna
Gambar 4.11 DFD Level 1 Mengelola Master Pengguna
27 E. Dekomposisi Proses Mengelola Master Detil Iklan 2
Media
[Data Valid Log in Staff Iklan] Meng ecek H ak Aks es
[Data Insert Media] 3.1
[Data Mas ter Media] Staff Iklan
Meng elola Master Media
2
[Data Daftar Media]
Media
+
3
Iklan ID M edia
3
Iklan
Notifikas i Simpan M edia
[Data Insert Iklan] [Data Daftar Iklan] 3.2
Staff Iklan [Data Mas ter Iklan]
Notifikas i Simpan Iklan
Meng elola Master Iklan
+ 4
[Data Notifikas i]
Kateg ori ID Iklan
4
Kateg ori
Notifikas i Simpan Kateg ori Staff Iklan
[Data Insert Kateg ori] [Data Daftar Kategori] Notifikas i Simpan Paket
Staff Iklan [Data Mas ter Kategori]
3.3 Meng elola Master Kateg ori
+ 5
Paket
5
Paket
ID Kateg ori [Data Insert Paket] 3.4 Staff Iklan [Data Mas ter Paket]
Meng elola Master Paket
[Data Daftar Paket]
+
Gambar 4.12 DFD Level 1 Mengelola Master Detil Iklan
28 1.
Dekomposisi Proses Mengelola Master Media [Data Valid Login Staff Iklan] Mengecek Hak Akses
[Data Mas ter Media] Staff Iklan
3.1.1 Validasi Input Data Media
Data Valid Inputan
[Data Daftar Media]
2
Media
2
Media
3.1.2 [ID Media] Mengelola Master Iklan
Menyimpan Data Media
[Data Ins ert Media]
Notifikasi Simpan Media
Data Notifikasi
[Notifikasi Simpan Media]
3.1.3 Menampilkan Notifikasi
Gambar 4.13 DFD Level 2 Mengelola Master Media
2.
Dekomposisi Proses Mengelola Master Iklan [ID Media] Meng elola Master Media
3.2.1 [Data Master Iklan] Staff Iklan
Validasi Input Data Iklan
[Data Daftar Iklan]
3
Iklan
3
Iklan
Data Valid Inputan
3.2.2 [ID Iklan] Meng elola Master Kategori
Menyimpan Data Iklan
[Data Insert Iklan]
Notifikasi Simpan Iklan
Data Notifikasi [Notifikasi Simpan Iklan]
3.2.3 Menampilkan Notifikasi
Gambar 4.14 DFD Level 2 Mengelola Master Iklan
29 3.
Dekomposisi Proses Mengelola Master Kategori [ID Iklan] Mengelola Master Iklan
3.3.1 Staff Iklan [Data Master Kategori]
Validasi Data Input Kategori
Data Valid Inputan
[Data Daftar Kategori]
4
Kategori 4
Kategori
3.3.2 [ID Kategori] Mengelola Master Paket
Menyimpan Data Kategori
[Data Insert Kategori]
Notifikasi Simpan Kategori
Data Notifikasi 3.3.3 [Notifikasi Simpan Kategori]
Menampilkan Notifikasi
Gambar 4.15 DFD Level 2 Mengelola Master Kategori
4.
Dekomposisi Proses Mengelola Master Paket [ID Kategori] Mengelola Master Kategori
3.4.1 Staff Iklan
[Data Mas ter Paket]
Validasi Data Input Paket
[Data Daftar Paket]
5
Paket
5
Paket
Data Valid Inputan
3.4.2 Menyimpan Data Paket
Data Notifikasi
[Data Ins ert Paket]
Notifikasi Simpan Paket
3.4.3 [Notifikasi Simpan Paket]
Menampilkan Notifikasi
Gambar 4.16 DFD Level 2 Mengelola Master Paket
30 F. Dekomposisi Proses Mencatat Pendaftaran Member [Data Request Member] Mengecek Hak Akses 4.1 Pelanggan
Entri Data Pemasang
Validasi Data Input Member
[Data Pengguna]
Entri Data Pengguna [Data Pemasang] 1
Data Valid Inputan
Pengguna
Pelanggan [Data Ins ert Pengguna] 4.2
[Data Ins ert Member]
Menyimpan Data Member
[Data Tgl Order] Menc atat Order Iklan
8
Pemas ang
Notifikasi Simpan Member
4.3 Pelanggan
Menampilkan Notifikasi
[Data Notifikasi]
Gambar 4.17 DFD Level 1 Mencatat Pendaftaran Member
G. Dekomposisi Proses Mengelola Profil Member [Data Log in Pelang g an Sudah Member] Meng ecek Hak Akses
[Data Tg l Order]
Mencatat Order Iklan
5.1 Pelang g an [Data Profil Member]
Menampilkan Profil Member
[Data Req uest Form Histori] Melihat Histori Order Iklan [Data Profil Member]
Data Ubahan Profil M ember 5.2 Validasi Data Update Profil Member
Data Profil Member
8
Data Valid Inputan
5.3
8
Pemasang
Pemasang
[Data Update Member]
Menyimpan Data Profil Member Notifikasi Simpan Profil Member
5.4 Data Notifikasi
Menampilkan Notifikasi
Gambar 4.18 DFD Level 1 Mengelola Profil Member
31 H. Dekomposisi Proses Mencatat Order Iklan
Mengelola Profil Member
Mencatat Pendaftaran Member
[Data Tgl Order]
[Data Tgl Order]
Pelanggan 6.1
[Data Detil Order]
[Data Member]
Validasi Data Input
[Data Waktu Muat]
8
Pemasang
[Data Preview Gambar]
Pelanggan Data Valid Inputan
6
Gambar
10
Waktu Muat
[Data Insert Order Iklan]
6
Gambar
Notifikasi Simpan Order Iklan [Data Urutan Order]
7
Order Iklan
9
Daftar Order
[Data Gambar] [Data Tgl Muat] 6.2 Menyimpan Data Order Iklan
Pelanggan
[Data Insert Gambar]
Data Notifikasi 6.3 Menampilkan Notifikasi
Gambar 4.19 DFD Level 1 Mencatat Order Iklan
I.
Dekomposisi Proses Mengelola Order Iklan [Data Valid Login Staff Iklan] Mengecek Hak Akses 7.1 Staff Iklan [Data Order Iklan]
Menampilkan Entri Data Order Iklan
Data Order Iklan Ubah Status Order Iklan
7.2 Mengubah Status Order Iklan
[Data Daftar Order]
7
Order Iklan
7
Order Iklan
[Data Ubah Status ]
Gambar 4.20 DFD Level 1 Mengelola Order Iklan
32 J.
Dekomposisi Proses Melihat Histori Order Iklan [Data Request Form Histori] Mengelola Profil Member 8.1 Menampilkan Form Histori Data Form Histori
8.2 Pelanggan
7
[Data Histori Order Iklan]
Order Iklan
Menampilkan Histori Order Iklan
[Data Histori Order Iklan]
Gambar 4.21 DFD Level 1 Melihat Histori Order Iklan
4.2.3. Perancangan Database Pada tahap ini, dilakukan penyusunan dan perancangan database yang akan digunakan beserta strukturnya. Rancangan database sistem yang dibuat berupa Entity Relational Diagram (ERD), yaitu alat untuk merepresentasikan model data yang ada pada sistem dimana terdapat entity dan relationship.
33 A.
ERD CONCEPTUAL DATA MODEL (CDM) DAFTAR_ORDER
PEMASANG id_pemasang email_pemasang nama_pemasang no_npwp alamat_pemasang1 alamat_pemasang2 no_telp
id_order tgl_order
PENGGUNA Memiliki
WAKTU_MUAT id_waktu tgl
id_pengguna password_pengguna jenis_pengguna Mencatat Tgl Order Mencatat Waktu
Dicatat GAMBAR ORDER_IKLAN
id_gambar tipe_gambar gambar ukuran_gambar nama_gambar
Mencatat Gambar
judul_iklan penjelasan_iklan total_biaya status_tayang
Mencatat Media MEDIA id_media nama_media
Mencatat Paket PAKET Mencatat Iklan
Bagian dari iklan
Mencatat Kategori Bagian dari paket
IKLAN id_iklan jenis_iklan
Bagian dari kategori
KATEGORI id_kategori nama_kategori
id_paket nama_paket jml_kolom jml_panjang jenis_warna jml_tayang biaya_paket area_edar jml_huruf
Gambar 4.22 ERD CDM Aplikasi Order Iklan
B. ERD PHYSICAL DATA MODEL (PDM) PENGGUNA PEMASANG ID_PEMASANG ID_PENGGUNA EMAIL_PEMASANG NAMA_PEMASANG NO_NPWP ALAMAT_PEMASANG1 ALAMAT_PEMASANG2 NO_TELP
int varchar(50) varchar(70) varchar(50) varchar(15) varchar(100) varchar(100) varchar(20)
ID_PEMASANG = ID_PEMASANG
ID_MEDIA = ID_MEDIA
MEDIA ID_MEDIA NAMA_MEDIA
int varchar(20)
ID_PENGGUNA PASSWORD_PENGGUNA JENIS_PENGGUNA
varchar(50) varchar(50) int
WAKTU_MUAT ID_ORDER = ID_ORDER
ORDER_IKLAN ID_GAMBAR int ID_PAKET int ID_KATEGORI int ID_IKLAN int ID_MEDIA int ID_ORDER int ID_PEMASANG int ID_WAKTU int JUDUL_IKLAN varchar(200) PENJELASAN_IKLAN text TOTAL_BIAYA decimal(13,2) STATUS_TAYANG int
ID_PAKET = ID_PAKET IKLAN int int varchar(50)
int datetime
ID_PENGGUNA = ID_PENGGUNA
ID_MEDIA = ID_MEDIA ID_IKLAN = ID_IKLAN
ID_IKLAN ID_MEDIA JENIS_IKLAN
DAFTAR_ORDER ID_ORDER TGL_ORDER
ID_KATEGORI = ID_KATEGORI
ID_IKLAN = ID_IKLAN
ID_WAKTU TGL
int datetime
ID_WAKTU = ID_WAKTU ID_GAMBAR = ID_GAMBAR
GAMBAR ID_GAMBAR TIPE_GAMBAR GAMBAR UKURAN_GAMBAR NAMA_GAMBAR
int varchar(25) image varchar(25) varchar(50)
PAKET ID_PAKET int ID_KATEGORI int NAMA_PAKET varchar(50) JML_KOLOM int JML_PANJANG int JENIS_WARNA varchar(2) JML_TAYANG int BIAYA_PAKET decimal(13,2) AREA_EDAR varchar(50) JML_HURUF int
KATEGORI ID_KATEGORI ID_IKLAN NAMA_KATEGORI
int int varchar(50)
ID_KATEGORI = ID_KATEGORI
Gambar 4.23 ERD PDM Aplikasi Order Iklan
34 4.2.4. Struktur Basis Data & Tabel Dalam hal merancang struktur tabel yang diperlukan, meliputi nama tabel, nama atribut, tipe data, serta data pelengkap seperti primary key, foriegn key, dan sebagainya. rancangan basis data aplikasi ini terdiri dari tabel-tabel sebagai berikut : 1. Nama tabel Fungsi
: Pengguna : Menyimpan
informasi
data
pengguna
yang
diperuntukkan sebagai pengguna aplikasi Primary key : id_pengguna Foreign key
: Tabel 4.1 Pengguna Foreign Key
Field Name
Type
Length
Constraint
id_pengguna
varchar
50
PK
password_pengguna
varchar
50
Not Null
jenis_pengguna
int
2. Nama tabel Fungsi
On
Field
Table
Not Null
: Media : Menyimpan informasi data media yang diperuntukkan sebagai reference dari tabel iklan
Primary key : id_media Foreign key
On
: -
35 Tabel 4.2 Media Foreign Key Field Name
Type
id_media
int
nama_media
varchar
3. Nama tabel Fungsi
Length
Constraint
On
On
Field
Table
PK 20
Null
: Iklan : Menyimpan informasi data iklan yang diperuntukkan sebagai reference dari tabel kategori
Primary key : id_iklan Foreign key
: id_media Tabel 4.3 Iklan Foreign Key
Field Name
Type
Length
Constraint
id_iklan
int
PK
id_media
int
FK
jenis_iklan
varchar
4. Nama tabel Fungsi
50
On Table
id_media
Media
Null
: Kategori : Menyimpan informasi data kategori yang diperuntukkan sebagai reference dari tabel paket
Primary key : id_kategori Foreign key
On Field
: id_iklan
36 Tabel 4.4 Kategori Foreign Key Field Name
Type
Length
Constraint
id_kategori
int
PK
id_iklan
int
FK
nama_kategori
varchar
5. Nama tabel Fungsi
50
On Field
On Table
id_iklan
Iklan
Null
: Paket : Menyimpan informasi data paket yang diperuntukkan sebagai reference dari tabel order_iklan
Primary key : id_paket Foreign key
: id_kategori Tabel 4.5 Paket Foreign Key
Field Name
Type
Length
Constraint On Field
id_paket
int
PK
id_kategori
int
FK
nama_paket
varchar
jml_kolom
int
Null
jml_panjang
int
Attribute
jenis_warna
varchar
jml_tayang
int
Attribute
biaya_paket
decimal 13,2
Attribute
area_edar
varchar
Attribute
jml_huruf
int
50
2
50
Null
Attribute
Attribute
id_kategori
On Table
kategori
37 6. Nama tabel Fungsi
: Gambar : Menyimpan informasi data gambar yang diperuntukkan sebagai reference dari tabel order_iklan
Primary key : id_gambar Foreign key
: Tabel 4.6 Gambar Foreign Key
Field Name
Type
Length
Constraint On Field
id_gambar
int
tipe_gambar
varchar
gambar
image
ukuran_gambar
varchar
25
Null
nama_gambar
varchar
50
Null
7. Nama tabel Fungsi
On Table
PK 25
FK Null
: Waktu_muat : Menyimpan informasi data tanggal penayangan yang diperuntukkan sebagai reference dari tabel order_iklan
Primary key : id_waktu Foreign key
: Tabel 4.7 Waktu_Muat Foreign Key
Field Name
Type
Length
Constraint On Field
id_waktu
int
PK
tgl
datetime
Not Null
On Table
38 8. Nama tabel Fungsi
: Daftar_order : Menyimpan informasi data tanggal pemesanan yang diperuntukkan sebagai reference dari tabel order_iklan
Primary key : id_order Foreign key
: Tabel 4.8 Daftar_order Foreign Key
Field Name
Type
Length
Constraint On Field
id_order
int
PK
tgl_orderr
datetime
Not Null
9. Nama tabel Fungsi
On Table
: Pemasang : Menyimpan
informasi
data
pemasang
yang
diperuntukkan sebagai reference dari tabel order_iklan Primary key : id_pemasang Foreign key
: id_pengguna
39
Tabel 4.9 Pemasang Foreign Key Field Name
Type
id_pemasang
int
id_pengguna
varchar
Length
Constraint On Field
On Table
id_pengg
Pengguna
PK 50
FK
una email_pemasang
varchar
70
Null
nama_pemasang
varchar
50
Null
no_npwp
varchar
15
Null
alamat_pemasang1
varchar
100
Null
alamat_pemasang2
varchar
100
Null
no_telp
varchar
20
Null
10. Nama tabel Fungsi
: Order_iklan : Menyimpan informasi data order_iklan yang digunakan antara lain sebagai histori order iklan
Primary key : id_order, id_paket, id_gambar, id_kategori, id_iklan, id_media, id_pemasang, id_waktu Foreign key
: id_order, id_paket, id_gambar, id_kategori, id_iklan, id_media, id_pemasang, id_waktu Tabel 4.10 Order_iklan Foreign Key
Field Name
Type
Length
Constraint On Field
id_gambar
int
PKFK
id_gambar
On Table gambar
40 Foreign Key Field Name
Type
Length
Constraint On Field
On Table
id_paket
int
PKFK
id_paket
Paket
id_kategori
int
PKFK
id_kategori
Kategori
id_iklan
int
PKFK
id_iklan
Iklan
id_media
int
PKFK
id_media
Media
id_order
int
PKFK
id_order
Order
id_pemasang
int
PKFK
id_pemasang
Pemasang
id_waktu
int
PKFK
id_waktu
Waktu
judul_iklan
varchar
penjelasan_iklan
text
total_biaya
decimal
status_tayang
int
200
Null Null
13,2
Null Null
4.2.5. Desain Input & Output Desain input/output merupakan rancangan input/output berupa form untuk memasukkan data dan laporan sebagai informasi yang dihasilkan dari pengolahan data. Desain input/output juga merupakan acuan pembuat aplikasi dalam merancang dan membangun sistem. 1.
Desain Input Desain input merupakan perancangan desain masukan dari pengguna
kepada sebuah sistem yang kemudian akan disimpan ke dalam database.
41 A. Form data master pengguna internal
Gambar 4.24 Form pendaftaran user baru
Form ini berfungsi untuk mencatat semua data mengenai detil data user. Data ini selanjutnya digunakan sebagai daftar pengguna yang dapat menggunakan aplikasi. Kolom “action” digunakan untuk mengubah data pengguna.
42 B. Form data master media
Gambar 4.25 Form simpan data media
Form ini berfungsi untuk mencatat data mengenai detil data media. Data ini selanjutnya digunakan sebagai referensi dari tabel iklan . Kolom “action” digunakan untuk mengubah data media.
43 C. Form data master jenis iklan
Gambar 4.26 Form simpan data jenis iklan
Form ini berfungsi untuk mencatat data mengenai detil data jenis iklan. Data ini selanjutnya digunakan sebagai referensi dari tabel kategori . Kolom “action” digunakan untuk mengubah data jenis iklan.
44 D. Form data master kategori
Gambar 4.27 Form simpan data kategori Form ini berfungsi untuk mencatat data mengenai detil data kategori. Data ini selanjutnya digunakan sebagai referensi dari tabel paket . Kolom “action” digunakan untuk mengubah data kategori.
45 E. Form data master paket
Gambar 4.28 Form simpan data paket Form ini berfungsi untuk mencatat data mengenai detil data paket. Data ini selanjutnya digunakan sebagai referensi dari tabel order_iklan . Kolom “action” digunakan untuk mengubah data paket.
F. Memilih tipe member saat pendaftaran
Gambar 4.29 Pilihan pendaftaran pemasang
Form ini adalah form yang digunakan pelanggan untuk mendaftar. Jadi, pelanggan bisa memilih sebagai member perusahaan atau perseorangan.
46 G. Mendaftar sebagai tipe member perusahaan
Gambar 4.30 Form pendaftaran pemasang tipe member perusahaan
Form ini berfungsi untuk mencatat semua data mengenai detil data pemasang. Untuk tipe member perusahaan terdapat kolom email perusahaan, nama perusahaan, no.npwp, alamat perusahaan(sesuai npwp), alamat perusahaan(alamat kantor perwakilan), no. telepon perusahaan, user id dan password.
47 H. Mendaftar sebagai tipe member perusahaan
Gambar 4.31 Form pendaftaran pemasang tipe member perseorangan
Form ini berfungsi untuk mencatat semua data mengenai detil data pemasang. Untuk tipe member perseorangan terdapat kolom email, nama lengkap, alamat, no. telepon, user id dan password.
48 I.
Form transaksi order iklan
Gambar 4.32 Form Transaksi Order Iklan
Form ini digunakan untuk melakukan transaksi order iklan. Jumlah waktu muat dan harga tergantung dari paket yang dipilih.
2.
Desain Output Desain output merupakan perancangan desain laporan yang merupakan
hasil dari data dari proses yang terjadi, yang tersimpan pada database yang kemudian akan diolah sedemikian rupa menjadi informasi yang berguna bagi pengguna aplikasi.
49 A. Form beranda member
Gambar 4.33 Form beranda member
Form ini digunakan untuk melihat profil member dan juga untuk merubah data member pemasang tipe member perusahaan.
B. Form histori order iklan
Gambar 4.34 Form histori order iklan
50 Form ini digunakan untuk melihat histori order iklan yang telah dilakukan pelanggan.
C. Form notifikasi order iklan
Gambar 4.35 Form notifikasi transaksi order iklan
Form ini digunakan untuk memberitahu pelanggan bahwa transaksi order iklan telah berhasil dan memberitahukan pelanggan agar segera melunasi tagihan biaya order iklan.
4.3. Implementasi dan Evaluasi Implementasi sistem ini akan menjelaskan detil aplikasi order iklan pada PT. Jawa Pos Koran, penjelasan spesifikasi minimum software/hardware yang digunakan and form-form yang ada pada aplikasi.
51 4.3.1. Teknologi 1. Perangkat Keras Spesifikasi perangkat keras minimum yang dibutuhkan untuk menjalankan aplikasi ini adalah satu unit komputer dengan :
a) Processor 1 Ghz b) Memori RAM sebesar 512MB c) Monitor resolusi minimal 1024 x 768 d) Koneksi internet minimal kecepatan 56 kbps e) Keyboard + mouse
2. Perangkat Lunak Berikut spesifikasi perangkat lunak yang harus terinstall dalam komputer pengguna : a) Internet Browser (Chrome, Mozilla Firefox, Safari, Opera) b) MySQL Server c) Xampp
52 4.3.2. Pengoperasian Program Dalam sub ini akan dijelaskan langkah-langkah dalam menjalankan aplikasi order iklan. A. Form Login
Gambar 4.36 Form Login Aplikasi Order Iklan
Form ini merupakan awal dari aplikasi order iklan. Hanya pengguna yang sudah terdaftar yang bisa melakukan login dan menggunakan aplikasi. Bagi pengguna yang ingin mendaftar dapat melakukan pendaftaran pada link di bawah tombol “Authentification”.
53 B. Form Master Data Pengguna
Gambar 4.37 Form Mengelola Master Pengguna Internal
Form ini berfungsi untuk mencatat semua data mengenai detil data user. Data ini selanjutnya digunakan sebagai daftar pengguna yang dapat menggunakan aplikasi. Kolom “ubah” digunakan untuk mengubah data pengguna.
C. Form Master Data Media
Gambar 4.38 Form Mengelola Master Media
54 Form ini berfungsi untuk mencatat data mengenai detil data media. Data ini selanjutnya digunakan sebagai referensi dari tabel iklan . Kolom “Ubah” digunakan untuk mengubah data media.
D. Form Master Data Jenis Iklan
Gambar 4.39 Form Mengelola Master Jenis Iklan
Form ini berfungsi untuk mencatat data mengenai detil data jenis iklan. Data ini selanjutnya digunakan sebagai referensi dari tabel kategori . Kolom “action” digunakan untuk mengubah data jenis iklan.
55 E. Form Master Data Kategori
Gambar 4.40 Form Mengelola Master Data Kategori
Form ini berfungsi untuk mencatat data mengenai detil data kategori. Data ini selanjutnya digunakan sebagai referensi dari tabel paket . Kolom “ubah” digunakan untuk mengubah data kategori.
56 F. Form Master Data Paket
Gambar 4.41 Form Mengelola Master Data Paket Form ini berfungsi untuk mencatat data mengenai detil data paket. Data ini selanjutnya digunakan sebagai referensi dari tabel order iklan . Kolom “ubah” digunakan untuk mengubah data paket.
57 G. Form Memilih Tipe Member
Gambar 4.42 Form Memilih Tipe Member Form ini berfungsi untuk mencatat data tipe member pelanggan. Data ini selanjutnya digunakan sebagai referensi dari tabel pengguna dan pemasang . Pelanggan harus memilih salah satu dari tipe member seperti gambar 4.41.
58 H. Mendaftar sebagai tipe member perusahaan
Gambar 4.43 Form Pendaftaran Member Perusahaan Form ini berfungsi untuk mencatat data pelanggan tipe member perusahaan. Data ini selanjutnya disimpan pada tabel pengguna dan pemasang . Pelanggan yang sudah menjadi member, nantinya akan dapat menggunakan aplikasi order iklan ini.
59 I.
Mendaftar sebagai tipe member perseorangan
Gambar 4.44 Form Pendaftaran Member Perseorangan Form ini berfungsi untuk mencatat data pelanggan tipe member perseorangan. Data ini selanjutnya disimpan pada tabel pengguna dan pemasang . Pelanggan yang sudah menjadi member, nantinya akan dapat menggunakan aplikasi order iklan ini.
60 J.
Form Transaksi Order Iklan
Gambar 4.45 Form transaksi Order Iklan Form ini berfungsi untuk mencatat data pemesanan/order iklan pelanggan perusahaan. Data ini selanjutnya disimpan pada tabel order_iklan . Pilihan media yang akan digunakan berpengaruh dengan pilihan jenis iklan. Begitu juga dengan
61 pilihan jenis iklan akan berpengaruh dengan pilihan kategori dan paket. Sedangkan jumlah tayang yang ada tergantung dari pilihan paket.
K. Form notifikasi order iklan
Gambar 4.46 Form Notifikasi Order iklan Form ini digunakan untuk memberitahu pelanggan bahwa transaksi order iklan telah berhasil dan memberitahukan pelanggan agar segera melunasi tagihan biaya order iklan.
62 L. Form beranda member
Gambar 4.47 Tampilan awal setelah member berhasil login Form ini digunakan untuk memberitahu pelanggan bahwa transaksi order iklan telah berhasil dan memberitahukan pelanggan agar segera melunasi tagihan biaya order iklan.
M. Form profil member
Gambar 4.48 Form Mengelola Profil Member Form ini digunakan untuk mengubah data profil member. Untuk mengubah profil, pelanggan perlu mengklik tombol “ubah data” seperti gambar 4.48.
63 N. Form histori order iklan
Gambar 4.49 Form histori pemesanan iklan Form ini digunakan untuk melihat histori order iklan yang telah dilakukan pelanggan. Adanya histori iklan ini ditujukan sebagai acuan bagi pelanggan untuk melakukan transaksi order iklan selanjutnya.
