You are on page 1of 38

DPPL

DESKRIPSI PERANCANGAN PERANGKAT LUNAK

Web Based Indovision Customer Care


(WebICC)

untuk :
Universitas Atma Jaya Yogyakarta

Dipersiapkan oleh:
Loritha Amanda Salu / 2637

Program Studi Teknik Informatika Fakultas Teknologi Industri

Universitas Atma Jaya Yogyakarta

Program Studi Teknik Nomor Dokumen Halaman


Informatika
DPPL- 1/39
Fakultas Teknologi Industri Revisi Tgl : 02-06-2004
DAFTAR PERUBAHAN
Revisi Deskripsi
A

INDEX - A B C D E F G
TGL

Ditulis
oleh

Diperik
sa oleh

Disetuj
ui oleh

Program Studi Teknik Informatika DPPL-WebICC 2/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Daftar Halaman Perubahan

Halaman Revisi Halaman Revisi

Program Studi Teknik Informatika DPPL-WebICC 3/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Daftar Isi
1 Pendahuluan................................................................................................................................................7
1.1 Tujuan.................................................................................................................................................7
1.2 Ruang Lingkup................................................................................................................................7
1.3 Definisi dan Akronim................................................................................................................7
1.4 Referensi..........................................................................................................................................7
2 Deskripsi Dekomposisi........................................................................................................................8
2.1 Dekomposisi Data.........................................................................................................................8
2.1.1 Deskripsi Entitas Data User..........................................................................................8
2.1.2 Deskripsi Entitas Data Pembayaran...........................................................................8
2.1.3 Deskripsi Entitas Data Referensi Role..................................................................8
2.1.4 Deskripsi Entitas Data Paket.......................................................................................8
2.1.5 Deskripsi Entitas Data Schedule................................................................................8
2.1.6 Deskripsi Entitas Data Pelanggan..............................................................................9
2.1.7 Deskripsi Entitas Data Channel..................................................................................9
2.1.8 Deskripsi Entitas Data Isi Paket..............................................................................9
3 Dekomposisi Modul................................................................................................................................11
3.1 Rancangan Arsitektur..............................................................................................................11
4 Perancangan Antarmuka dan Fungsional..................................................................................12
4.1 Antarmuka Login..........................................................................................................................12
4.1.1 Deskripsi Tombol Login....................................................................................................12
4.2 Antarmuka Register Member..................................................................................................13
4.2.1 Deskripsi Tombol Register............................................................................................13
4.3 Antarmuka Change Password..................................................................................................14
4.3.1 Deskripsi Tombol Change.................................................................................................14
4.4 Antarmuka Admin..........................................................................................................................15
4.5 Antarmuka Pengelolaan User...............................................................................................15
4.5.1 Deskripsi Tombol Tambah.................................................................................................16
4.5.2 Deskripsi Tombol Edit......................................................................................................16
4.5.3 Deskripsi Tombol Hapus....................................................................................................17
4.6 Antarmuka Pengelolaan Schedule......................................................................................17
4.6.1 Deskripsi Tombol GO...........................................................................................................18
4.6.2 Deskripsi Tombol Tambah.................................................................................................18
4.6.3 Deskripsi Tombol Hapus....................................................................................................19
4.7 Antarmuka Pengelolaan Paket.............................................................................................19
4.7.1 Deskripsi Tombol Tambah (Paket)..............................................................................20
4.7.2 Deskripsi Tombol Edit (Paket)...................................................................................20
4.7.3 Deskripsi Tombol Hapus (Paket)................................................................................21
4.7.4 Deskripsi Tombol Tambah (Channel).........................................................................21
4.7.5 Deskripsi Tombol Edit (Channel)..............................................................................21
4.7.6 Deskripsi Tombol Hapus (Channel)............................................................................22
4.7.7 Deskripsi Tombol Tambah (Isi Paket)....................................................................22
4.8 Antarmuka Tampil Informasi User...................................................................................23
4.8.1 Deskripsi Tombol GO...........................................................................................................23
4.9 Antarmuka Operator..................................................................................................................24
4.10 Antarmuka Pengelolaan Pelanggan...................................................................................24
4.10.1 Deskripsi Tombol Tambah.................................................................................................25
4.10.2 Deskripsi Tombol Edit......................................................................................................26
4.10.3 Deskripsi Tombol Hapus....................................................................................................27
4.11 Antarmuka Pembayaran Via Kartu Kredit.....................................................................27
4.11.1 Deskripsi Tombol Bayar....................................................................................................28
4.12 Antarmuka Pembayaran Tunai...............................................................................................29
4.12.1 Deskripsi Tombol Bayar....................................................................................................30
4.13 Antarmuka Tampil Informasi Pelanggan.......................................................................31
4.13.1 Deskripsi Tombol GO(1)....................................................................................................31
4.13.2 Deskripsi Tombol Cetak....................................................................................................32
Program Studi Teknik Informatika DPPL-WebICC 4/ 38
Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
4.14 Antarmuka Tampil Informasi Pembayaran.....................................................................32
4.14.1 Deskripsi Tombol GO...........................................................................................................33
4.14.2 Deskripsi Tombol Cetak....................................................................................................35
4.15 Antarmuka User............................................................................................................................35
4.16 Antarmuka Paket..........................................................................................................................35
4.17 Antarmuka Schedule..................................................................................................................36
4.17.1 Deskripsi Tombol GO(1)....................................................................................................37
4.17.2 Deskripsi Tombol GO(2)....................................................................................................37
4.18 Antarmuka Informasi Pelanggan Pribadi.....................................................................38
4.19 Antarmuka Kontak Person......................................................................................................39

Program Studi Teknik Informatika DPPL-WebICC 5/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Daftar Gambar
Gambar 1. Antarmuka Login.............................................12
Gambar 2. Antarmuka Register Member..................................13
Gambar 3. Antarmuka Change Password...................................14
Gambar 4. Antarmuka Admin.............................................15
Gambar 5. Antarmuka Pengelolaan User..................................16
Gambar 6. Antarmuka Pengelolaan Schedule..............................17
Gambar 7. Antarmuka Pengelolaan Paket.................................20
Gambar 8. Antarmuka Tampil Informasi User.............................23
Gambar 9. Antarmuka Operator..........................................24
Gambar 10. Antarmuka Pengelolaan Pelanggan............................25
Gambar 11. Antarmuka Pembayaran Via Kartu Kredit......................28
Gambar 12. Antarmuka Pembayaran Tunai.................................30
Gambar 13. Antarmuka Informasi Pelanggan..............................31
Gambar 14. Antarmuka Informasi Pembayaran.............................33
Gambar 15. Antarmuka User.............................................35
Gambar 16. Antarmuka Paket Langganan..................................36
Gambar 17. Antarmuka Schedule Acara...................................37
Gambar 18. Antarmuka Informasi Pelanggan Pribadi......................38
Gambar 19. Antarmuka Kontak Person....................................39

Daftar Tabel
Tabel 1. Deskripsi Entitas Data User...................................8
Tabel 2. Deskripsi Entitas Data Pembayaran.............................8
Tabel 3. Deskripsi Entitas Data Referensi Role.........................8
Tabel 4. Deskripsi Entitas Data Paket..................................8
Tabel 5. Deskripsi Entitas Data Schedule...............................8
Tabel 6. Deskripsi Entitas Data Pelanggan..............................9
Tabel 7. Deskripsi Entitas Data Channel................................9
Tabel 8. Deskripsi Entitas Data Isi Paket..............................9

Program Studi Teknik Informatika DPPL-WebICC 6/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
1 Pendahuluan
1.1 Tujuan
Dokumen Deskripsi Perancangan Perangkat Lunak (DPPL) bertujuan
untuk mendefinisikan perancangan perangkat lunak yang akan
dikembangkan. Dokumen DPPL tersebut digunakan oleh pengembang
perangkat lunak sebagai acuan untuk implementasi pada tahap
selanjutnya.

1.2 Ruang Lingkup


Perangkat Lunak WebICC dikembangkan dengan tujuan untuk :
1. Menangani pencatatan dan pengelolaan data pelanggan.
2. Menangani pembayaran iuran langganan.
3. Menangani pengecekan dan pengelolaan masa aktif langganan.

1.3 Definisi dan Akronim


Daftar definisi akronim dan singkatan :
Keyword/Phrase Definisi
DPPL Deskripsi Perancangan Perangkat Lunak
disebut juga Software Design Description
(SDD) merupakan deskripsi dari perancangan
produk/perangkat lunak yang akan
dikembangkan.
WebICC Perangkat lunak pelayanan pelanggan dan
pengolahan informasi pelanggan serta
pembayaran iuran langganan indovision
berbasis Web.

1.4 Referensi
Referensi yang digunakan pada perangkat lunak tersebut adalah:
1. GLO2, Deskpripsi Perancangan Perangkat Lunak, Program
Studi Teknik Informatika - UAJY
2. Presman Roger S, Rekayasa Perangkat Lunak, McGraw-Hill
Book Co., Andi Yogyakarta, 1997

Program Studi Teknik Informatika DPPL-WebICC 7/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
2 Deskripsi Dekomposisi
2.1 Dekomposisi Data

2.1.1 Deskripsi Entitas Data User


Nama Tipe Panjang Keterangan
User_Id Character 5 User Id pengguna, Primary key
Password Character 5 Password pengguna
Id_Role Integer - Status pengguna
No_Pelanggan Integer - No. Pelanggan, Foreign Key

2.1.2 Deskripsi Entitas Data Pembayaran


Nama Tipe Panjang Keterangan
Id_Pembayaran Integer - Id Pembayaran, Primary key
No_Pelanggan Integer - Nomor pelanggan,Foreign Key
Saldo Currency - Sisa/Hutang pembayaran iuran
Periode Character 10 Periode pembayaran
Jenis_Byr Character 15 Jenis pembayaran iuran
Tgl_Byr Date 8 Tanggal pembayaran iuran
Tgl_Jth_Tempo Date 8 Tanggal jatuh tempo pembayaran
iuran
Status_Siaran Character 10 Status siaran

2.1.3 Deskripsi Entitas Data Referensi Role


Nama Tipe Panjang Keterangan
Id_Role Integer - Status pengguna sistem, Primary key
Role Character 15 Hak_Akses pengguna sistem

2.1.4 Deskripsi Entitas Data Paket


Nama Tipe Panjang Keterangan
Id_paket Integer - Id paket, Primary key
Nama_paket Character 50 Jenis-jenis paket langganan
Harga Currency - Harga paket

2.1.5 Deskripsi Entitas Data Schedule


Nama Tipe Panjang Keterangan
Id channel Integer - Id channel, Foreign Key
Id_program Integer - Id program, Primary Key
Tgl acara Date 8 Tanggal acara TV ditayangkan
Time Char 5 Waktu acara TV ditayangkan
Program_Title Character 75 Judul program/acara
Duration Character 5 Lamanya acara ditayangkan
Sinopsis Character 200 Sinopsis acara TV

2.1.6 Deskripsi Entitas Data Pelanggan


Nama Tipe Panjang Keterangan
No_Pelanggan Integer - Nomor pelanggan,Primary key
Nama_Pelanggan Character 50 Nama pelanggan
Lokasi Character 50 Lokasi tempat tinggal
Alamat Character 100 Alamat lengkap tempat tinggal

Program Studi Teknik Informatika DPPL-WebICC 8/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Kota Character 50 Kota tempat tinggal
No_Kartu Character 15 Nomor kartu langganan
Id Paket Integer - Id paket langganan, Foreign Key
Tgl_Aktif Date 8 Tanggal Aktif langganan
Status_Kartu Character 10 Status kartu langganan
Ket Character 100 Keterangan langganan
Email Character 50 Alamat email pelanggan
Pekerjaan Character 30 Pekerjaan pelanggan
Telpon Character 15 Nomor Telpon pelanggan
Fax Character 15 Nomor Fax pelanggan
HP Character 15 Nomor HP pelanggan
Pin Character 5 Nomor pin pelanggan

2.1.7 Deskripsi Entitas Data Channel


Nama Tipe Panjang Keterangan
Id channel Integer - Id Channel,Primary key
Nama channel Character 50 Nama channel

2.1.8 Deskripsi Entitas Data Isi Paket


Nama Tipe Panjang Keterangan
Id paket Integer - Id paket, Primary key composite key
Id channel Integer - Id channel, Primary key composite key

Data
Data Referensi Data User Data Pelanggan Pembayaran
Status Login_Id No_Pelanggan No_Pelanggan
Hak_Akses Password Nama_pelanggan Id_Pembayaran
Status Lokasi Saldo
No_Pelanggan No_Kartu Periode
Id_Paket Jenis_Byr
Tgl_Aktif Tgl_Byr
Status_Kartu Tgl_JthTempo
Data Memiliki Data Paket Ket Status_Siaran
Email
Id_Paket Id_Paket Telpon
Id_Channel Nama_Paket Fax
Harga Hp
Pekerjaan

Data Channel Data Schedule

Id_Channel Id_Channel
Nama_Channel Tgl_Acara
Id_Program
Jam
Program_Title
Duration
Sinopsis

Conceptual Data Model

Program Studi Teknik Informatika DPPL-WebICC 9/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
3 Dekomposisi Modul

3.1 Rancangan Arsitektur

Halaman
Register
utama dan
Member
Login

Halaman
Halaman Halaman
Menu
Menu User Menu Admin
Operator

Informasi
Informasi Informasi
Pelanggan Kontak Person
Paket Schedule
Pribadi

Pembayaran
Pengelolaan Pembayaran Informasi Informasi Pengelolaan Pengelolaan Pengelolaan
Via Kartu Informasi User
Pelanggan Tunai Pembayaran Pelanggan Paket Schedule User
Kredit
4 Perancangan Antarmuka dan Fungsional
4.1 Antarmuka Login
Merupakan form login yang digunakan untuk melakukan
proses login ke sistem. Prosesnya dengan melakukan pengecekan
ke tabel user terhadap input yang dimasukkan yaitu User ID dan
Password. Jika input yang dimasukkan sama dengan data yang ada
dalam tabel user maka proses akan dilanjutkan ke form
berikutnya tergantung hak akses yang dimiliki. Jika sebaliknya
akan muncul pesan kesalahan.

Animasi Logo Animasi Nama Perusahaan & Alamat

User ID :

Password :

Login
Company Profile

Change Password Register

Gambar 4.1. Antarmuka Login

4.1.1 Deskripsi Tombol Login


Merupakan tombol untuk mengeksekusi User ID dan password yang
telah dituliskan sebelumnya untuk masuk kedalam sistem. Sistem
akan mengecek kebenarannya dalam tabel user. Terdiri dari 3
buah akses yaitu :
Akses untuk Admin
Akses untuk Operator
Akses untuk User
Secara prosedural :
On_klik Login
Input user_id
Input Password
SQL : SELECT *
FROM User
WHERE user_id = teksuserid AND password = tekspassword

If teksUserId = User_Id and teksPassword = Password then


If status = 1 then
Show (Page Admin)
Elseif status = 2 then
Show (Page Operator)
Elseif status = 3 then
Show (Page User)
Else
Output (Anda bukan member Indovision)
endif
endif

4.2 Antarmuka Register Member


Merupakan form yang digunakan untuk register bagi
pelanggan indovision yang terdaftar pada perusahaan dan belum
memiliki account (Password) untuk masuk ke sistem WebICC.

Animasi Logo Animasi Nama Perusahaan dan Alamat

Return to Login

Register Member

No. Pelanggan :
Pin Number :

New Password :
Confirm Password :

Register

Gambar 4.2. Antarmuka Register Member

4.2.1 Deskripsi Tombol Register


Merupakan tombol yang digunakan untuk menambahkan member
baru, bagi pelanggan indovision yang terdaftar pada perusahaan
dan belum memiliki account/password.
Secara prosedural :
On_klik Register
Input No_Pelanggan
SQL : SELECT Data_Pelanggan.No_Pelanggan
FROM Data_Pelanggan
WHERE Data_Pelanggan.No_Pelanggan = teksNoPelanggan
If Data_Pelanggan.No_Pelanggan = teksNoPelanggan then
SQL : SELECT Data_User.No_Pelanggan
FROM Data_User
WHERE Data_User.No_Pelanggan = teksNoPelanggan
If Data_User.No_Pelanggan = teksNoPelanggan then

Program Studi Teknik Informatika DPPL-WebICC 12/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Output (No. Pelanggan yang anda masukkan telah terdaftar, anda tidak
dapat melakukan Register)
Elseif Data_User.No_Pelanggan <> teksNoPelanggan then
Output password
SQL : INSERT INTO Data_User (User_Id, Password, No_Pelanggan)
VALUES (teksNoPelanggan, teksPassword, teksNoPelanggan)
Output : data user di-Tambah
endif
endif

4.3 Antarmuka Change Password


Merupakan halaman yang digunakan untuk melakukan
perubahan password, baik itu bagi administrator, operator, dan
user.

Animasi Logo Animasi Nama Perusahaan dan Alamat

Return to Login

Change Password

User Id :
Password :

New Password :

Confirm Password :

Change

Gambar 4.3. Antarmuka Change Password

4.3.1 Deskripsi Tombol Change


Merupakan tombol yang digunakan untuk melakukan
pengupdatean password.
Proses dimulai dengan memasukkan user id dan password
lama serta password baru, dimana sebelum proses penggantian
password sistem akan mengecek user id dan password lama ke
tabel user, jika user id dan password yang dimasukkan benar,
maka proses penggantian password akan dilakukan, jika
sebaliknya maka sistem akan menolak proses penggantian
password dan muncul pesan kesalahan.

Secara prosedural :
On_klik Change

Program Studi Teknik Informatika DPPL-WebICC 13/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Input user id
Input password lama
Input password baru
Ulangi input password baru
SQL : UPDATE data_user
SET Password = teksNewPass
WHERE user_id = teksUserId
Output : Updated password

4.4 Antarmuka Admin


Merupakan form utama dari pengguna dengan hak akses
sebagai Admin. Pada form tersebut berisi penjelasan singkat
tentang penggunaan sistem serta pilihan link-link yang
menghubungkan ke halaman tertentu sesuai fungsinya masing-
masing.

Animasi Logo Animasi Nama Perusahaan dan Alamat

Navigasi

Home
Pengelolaan User Petunjuk penggunaan secara singkat

Pengelolaan Schedule
Pengelolaan Paket
Tampil informasi user
Log Out

Gambar 4.4. Antarmuka Admin

4.5 Antarmuka Pengelolaan User


Merupakan form untuk mengelola data user meliputi tambah,
edit, hapus data user. Inputan data berupa User Id, Password
dan Hak Akses yang berhak mengakses sistem tersebut.

Program Studi Teknik Informatika DPPL-WebICC 14/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Animasi Logo Animasi Nama Perusahaan dan Alamat

Pengelolaan User
Navigasi

Hak Akses :

Home User ID :
Pengelolaan User
Password :
Pengelolaan Schedule
Confirm Password :
Pengelolaan Paket
Tampil informasi user
Tambah Edit Hapus
Log Out

Gambar 4.5. Antarmuka Pengelolaan User

4.5.1 Deskripsi Tombol Tambah


Merupakan tombol yang digunakan oleh admin untuk
menambahkan user baru ke dalam tabel user. Proses dimulai
dengan menekan Tombol Tambah, kemudian pilih Hak Akses pada
comboHakAkses untuk menentukan User Id dan Password,
selanjutnya tekan tombol Added untuk menyimpan Data User yang
baru.
Secara prosedural :
On_klik Tambah
Pilih Hak Akses
Generate user id dan password
SQL :INSERT INTO User (user_id, password, hak_akses)
VALUES (teksUserId, teksPassword, comboHakAkses)
Output : Added data user

4.5.2 Deskripsi Tombol Edit


Merupakan tombol yang digunakan untuk merubah data user
(password) yang sudah ada dalam tabel user sebelumnya. Proses
dimulai dengan menekan tombol Edit, kemudian masukkan user id
dan password lama, selanjutnya dilakukan pengecekan, jika user
id dan password valid maka password lama akan diganti dengan
password baru yang dimasukkan. Tekan tombol Updated untuk
mengupdate password.

Program Studi Teknik Informatika DPPL-WebICC 15/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Secara prosedural :
On_klik Edit
Pilih user_id
Input password lama
Input password baru
SQL : SELECT *
FROM Data_User
WHERE User_Id = teksUserId and Password = teksPassword
If user id is valid and password is valid then
SQL : "UPDATE Data_User
SET Password = teksConfirmPassword
WHERE User_Id = teksUserId and password = teksPassword"
Output : Updated password
endif

4.5.3 Deskripsi Tombol Hapus


Merupakan tombol yang digunakan untuk menghapus data user
yang tidak diperlukan lagi. Proses dimulai dengan menekan
tombol Hapus, kemudian masukkan User Id dan Password,
selanjutya dilakukan pengecekan user id dan password, jika
user id dan password valid maka proses penghapusan dapat
dilanjutkan, tekan tombol Deleted untuk menghapus data yang
dimasukkan.
Secara prosedural :
On_klik Hapus
Pilih User_Id
Input Password
SQL : SELECT *
FROM Data_User
WHERE User_Id = teksUserId and Password = teksPassword
If user id is valid and password is valid then
SQL : DELETE
FROM Data_User
WHERE user_id = teksUserId
Output : Deleted data user
endif

4.6 Antarmuka Pengelolaan Schedule


Merupakan form yang digunakan untuk mengelola schedule
acara meliputi tambah, edit, hapus, dengan masukan data
Channel, Tanggal, time, program, duration, synopsis, serta
pencarian data schedule berdasar nama_channel dan tgl_acara.

Program Studi Teknik Informatika DPPL-WebICC 16/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Animasi Logo Animasi Nama Perusahaan dan Alamat

Pengelolaan Schedule
Navigasi
Channel Tgl/Bln/Thn
GO Tambah Schedule

Home Time Program Duration Sinopsis


Pengelolaan User
Pengelolaan Schedule Nama Channel
Pengelolaan Paket Tgl/Bln/Thn
Tampil informasi user Id program Time Program Duration Sinopsis
Log Out Delete
Delete
Delete
Delete

Gambar 4.6. Antarmuka Pengelolaan Schedule

4.6.1 Deskripsi Tombol GO


Merupakan tombol yang digunakan untuk mencari dan
mencocokkan data Channel dan Tanggal yang dimasukkan dengan
data Schedule dalam tabel schedule. Jika ditemukan data
Channel serta tanggal yang sesuai maka akan ditampilkan time,
program, duration, sinopsis dalam bentuk tabel berdasar nama
channel dan tgl yang dimasukkan.
Secara prosedural :
On_Klik GO
Input nama_channel
Input tgl_acara
SQL : SELECT *
FROM data_schedule
INNER JOIN data_channel
ON data_schedule.id_channel = data_channel.id_channel
WHERE data_channel.nama_channel = comboChannel AND data_schedule.tgl_acara =
comboTgl"
Output : tampil data schedule berdasar nama channel dan tgl acara

4.6.2 Deskripsi Tombol Tambah


Merupakan tombol yang digunakan untuk menambahkan data
schedule yang baru ke tabel schedule. Proses diawali dengan
menekan tombol Tambah Schedule, dilanjutkan dengan memilih
nama channel dan tanggal, kemudian dimasukkan data time,
program, duration, sinopsis, lalu tekan tombol Simpan Schedule

Program Studi Teknik Informatika DPPL-WebICC 17/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
untuk menyimpan data schedule yang baru ke dalam tabel
schedule. Begitupula untuk proses berikutnya.
Secara prosedural :
On_klik Tambah_Schedule
Input Nama_Channel
Input Tgl_Acara
Input Time
Input Program_Title
Input Duration
Input Sinopsis
SQL : "INSERT INTO [Data_Schedule] (id_channel, tgl_acara, jam, program_title,
duration, sinopsis)
VALUES (comboChannel, comboTgl, teksTime, teksProgram, teksDuration,
teksSinopsis)"
Output : Added data schedule

4.6.3 Deskripsi Tombol Hapus


Merupakan tombol yang digunakan untuk menghapus data
schedule yang tidak diperlukan lagi.
Secara prosedural :
"DELETE
FROM data_schedule
WHERE data_schedule.id_program = item.cells(1)"

4.7 Antarmuka Pengelolaan Paket


Merupakan form yang digunakan untuk mengelola paket
langganan meliputi tambah, edit, hapus Paket. Dengan inputan
jenis paket, harga dan isi paket, serta fungsi tambahan untuk
mengelola data channel dan isi paket. Untuk inputan data
channel adalah nama channel. Dan untuk inputan data isi paket
adalah nama paket dan nama channel.

Program Studi Teknik Informatika DPPL-WebICC 18/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Animasi Logo Animasi Nama Perusahaan dan Alamat

Pengelolaan Paket
Navigasi
Data Channel
Id Channel Nama Channel
Tambah Edit Hapus
Home
Pengelolaan User Data Paket
Pengelolaan Schedule Id Paket Nama Paket Harga
Pengelolaan Paket Tambah Edit Hapus
Tampil informasi user
Isi Paket
Log Out Nama Paket Nama Channel

>>

Nama Paket Nama Channel


Delete
Delete
Delete
Delete

Gambar 4.7. Antarmuka Pengelolaan Paket

4.7.1 Deskripsi Tombol Tambah (Paket)


Merupakan tombol yang digunakan untuk menambahkan data
paket-paket langganan yang tersedia. Proses dimulai dengan
menekan tombol Tambah, kemudian masukkan nama paket dan harga,
lalu tekan tombol Added untuk menambahkan data paket yang
baru.
Secara prosedural :
On_klik Tambah
Input nama_Paket
Input Harga
SQL : "INSERT INTO [Data_Paket] ([Nama_Paket],[Harga])
VALUES (teksNamaPaket, teksHarga)"
Output : Added data paket

4.7.2 Deskripsi Tombol Edit (Paket)


Merupakan tombol yang digunakan untuk mengupdate data
paket yang sebelumnya tersimpan dalam tabel paket dengan data
paket yang baru. Proses dimulai dengan menekan tombol Edit,
kemudian pilih id Paket, serta masukkan nama paket dan harga
yang baru, lalu tekan tombol Updated untuk mengupdate data
paket tersebut.

Program Studi Teknik Informatika DPPL-WebICC 19/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Secara prosedural :
On_klik Edit
Pilih Id_Paket
SQL : SELECT Nama_Paket, Harga
FROM Data_Paket
WHERE id_paket = comboIdPaket
Input Nama Paket
Input harga
SQL : "UPDATE Data_Paket
SET Nama_Paket = teksNamaPaket, Harga = teksHarga
WHERE Id_Paket = comboIdPaket"
Output : Updated data paket

4.7.3 Deskripsi Tombol Hapus (Paket)


Merupakan tombol yang digunakan untuk menghapus data
paket yang tidak diperlukan lagi. Proses dimulai dengan
menekan tombol Hapus, kemudian pilih id paket, untuk
menampilkan nama paket dan harga, lalu tekan tombol Deleted
untuk menghapus data paket yang dipilih.
Secara prosedural :
On_klik Hapus
Pilih id_paket
SQL : SELECT Nama_Paket, Harga
FROM Data_Paket
WHERE id_paket = comboIdPaket
SQL : "DELETE FROM Data_Paket
WHERE Id_Paket = comboIdPaket"
Output : Deleted data paket

4.7.4 Deskripsi Tombol Tambah (Channel)


Merupakan tombol yang digunakan untuk menambahkan data
channel baru. Proses dimulai dengan menekan tombol Tambah,
kemudian masukkan nama channel, lalu tekan tombol Added untuk
menyimpan data channel yang baru.
Secara prosedural :
On_klik Tambah
Input nama_channel
SQL : "INSERT INTO [Data_Channel] ([Nama_Channel])
VALUES (teksNamaChannel)"
Output : Added data channel

Program Studi Teknik Informatika DPPL-WebICC 20/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
4.7.5 Deskripsi Tombol Edit (Channel)
Merupakan tombol yang digunakan untuk mengupdate data
channel yang lama dengan data channel yang baru. Proses
dimulai dengan menekan tombol Edit, kemudian pilih id channel,
serta masukkan nama channel yang baru, lalu tekan tombol
Updated untuk memperbarui data channel yang dipilih.
Secara prosedural :
On_klik Edit
Pilih Id_Channel
SQL : SELECT nama_channel
FROM Data_Channel
WHERE id_Channel = comboIdChannel
SQL : UPDATE Data_channel
SET Nama_channel = teksNamaChannel
WHERE id_channel = comboIdChannel
Output : Updated data channel

4.7.6 Deskripsi Tombol Hapus (Channel)


Merupakan tombol yang digunakan untuk menghapus data
channel yang tidak diperlukan lagi. Proses dimulai dengan
menekan tombol Hapus, kemudian pilih Id Channel, untuk
menampilkan nama channel, lalu tekan tombol Deleted untuk
menghapus data channel yang dipilih.
Secara prosedural :
On_klik Hapus
Pilih Id_Channel
SQL : SELECT nama_channel
FROM Data_Channel
WHERE id_Channel = comboIdChannel
SQL : DELETE
FROM Data_channel
WHERE id_channel = comboIdChannel
Output : Deleted data channel

4.7.7 Deskripsi Tombol Tambah (Isi Paket)


Merupakan tombol yang digunakan untuk menambahkan data
isi paket yang baru. Proses dimulai dengan memilih nama paket
dan nama channel, kemudian tekan tombol Tambah Isi Paket,
untuk menyimpan data isi paket yang baru.
Secara prosedural :
On_klik Tambah
Input nama_paket

Program Studi Teknik Informatika DPPL-WebICC 21/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Input nama_channel
SQL : "INSERT INTO data_memiliki (id_paket, id_channel)
(SELECT data_paket.id_paket, data_channel.id_channel
FROM data_paket, data_channel
WHERE data_paket.nama_paket = teksNamaPaket And data_channel.nama_channel =
teksNamaChannel)"
Output : Added data isi paket

4.8 Antarmuka Tampil Informasi User


Merupakan form yang digunakan untuk melakukan pencarian
berdasar kategori pencarian dan menampilkan data user dalam
bentuk tabel.

Animasi Logo Animasi Nama Perusahaan dan Alamat

Informasi User
Navigasi
Pencarian
Kategori pencarian : Go
Home
Pengelolaan User User ID Password Hak Akses
Pengelolaan Schedule
Pengelolaan Paket
Tampil informasi user
Log Out

Gambar 4.8. Antarmuka Tampil Informasi User

4.8.1 Deskripsi Tombol GO


Merupakan tombol yang digunakan untuk mencari dan
mencocokkan data user id atau hak akses yang dimasukkan dengan
data yang tersimpan dalam tabel user dan selanjutnya
ditampilkan jika ditemukan data yang sesuai dalam bentuk
tabel.
SQL untuk tombol GO :
On_klik GO
Pilih Kategori pencarian
IF combokategori = All THEN
SELECT *
FROM Data_User
Output : tampil data user secara keseluruhan
ELSEIF combokategori = User ID THEN
Input User_Id
SELECT *
FROM Data_User
WHERE user_id = teksUserId
Output : tampil data user berdasar user id
Program Studi Teknik Informatika DPPL-WebICC 22/ 38
Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
ELSE
Input hak_akses
SELECT *
FROM Data_User
WHERE hak_akses = comboHakAkses
Output : tampil data user berdasar hak akses
ENDIF

4.9 Antarmuka Operator


Merupakan form utama dari pengguna dengan hak akses
sebagai Operator. Pada form tersebut berisi penjelasan singkat
tentang penggunaan sistem serta pilihan link-link yang akan
menghubungkan ke halaman tertentu sesuai fungsinya masing-
masing.

Animasi Logo Animasi Nama Perusahaan dan Alamat

Navigasi

Home

Pengelolaan pelanggan Petunjuk penggunaan secara singkat

Pembayaran Tunai

Pembayaran Via Kartu Kredit

Tampil informasi pelanggan

Tampil informasi pembayaran

Log Out

Gambar 4.9. Antarmuka Operator

4.10 Antarmuka Pengelolaan Pelanggan


Merupakan form yang digunakan untuk mengelola data
pelanggan yang meliputi Tambah, Edit, Hapus.

Program Studi Teknik Informatika DPPL-WebICC 23/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Animasi Logo Animasi Nama Perusahaan dan Alamat

Pengelolaan Pelanggan
Navigasi
Data pelanggan

No. Pelanggan :
Home :
Nama Pelanggan
Pengelolaan pelanggan Alamat lengkap :
Lokasi :
Pembayaran Tunai
Kota :
Pembayaran Via Kartu Kredit
Pekerjaan :
Tampil informasi pelanggan :
Telpon
Tampil informasi pembayaran Fax :

Log Out Handphone :


Email :

Detail langganan

No. Kartu :
Paket :
Status Kartu :

Tanggal Aktif :

Keterangan :

Tambah Edit Hapus

Gambar 4.10. Antarmuka Pengelolaan Pelanggan

4.10.1 Deskripsi Tombol Tambah


Merupakan tombol yang digunakan untuk menambahkan data
pelanggan baru yang dimasukkan. Proses dimulai dengan menekan
tombol Tambah, kemudian masukkan data pelanggan yang
diperlukan pada textbox atau dengan memilih pilihan yang
sesuai pada comboBox yang tersedia, lalu tekan tombol Added
untuk menyimpan data pelanggan baru yang dimasukkan.
Secara prosedural :
On_klik Tambah
Input No_Pelanggan
Input Nama_Pelanggan
Input Alamat
Input Lokasi
Input Kota
Input Pekerjaan
Input Telpon
Input Fax
Input Hp
Input Email

Program Studi Teknik Informatika DPPL-WebICC 24/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Input No_Kartu
Input Status_Kartu
Input Tgl_Aktif
Input Keterangan
SQL : "INSERT INTO [Data_Pelanggan] ([No_Pelanggan], [Nama_pelanggan], [Lokasi],
[Email], [no_kartu], [id_paket], [status_kartu], [tgl_aktif], [ket], [alamat],
[kota], [pekerjaan], [telpon], [fax], [hp])
VALUES (teksNoPelanggan, teksNamaPelanggan, teksLokasi, teksEmail, teksNoKartu,
comboPaket, comboStatusKartu, teksTglAktif, teksKet, teksAlamat, teksKota,
teksPekerjaan, teksTelpon, teksFax, teksHP)"
Output : Added data pelanggan

4.10.2 Deskripsi Tombol Edit


Merupakan tombol yang digunakan untuk mengupdate data
pelanggan yang lama dengan data pelanggan yang baru. Proses
dimulai dengan menekan tombol Edit, kemudian pilih No.
Pelanggan, serta masukkan data pelanggan yang akan di-Update,
lalu tekan tombol Updated untuk mengupdate data pelanggan yang
dipilih.
Secara prosedural :
On_klik Edit
Pilih No_Pelanggan
SQL : SELECT *
FROM Data_Pelanggan
WHERE No_Pelanggan = comboNoPelanggan
Input Nama_Pelanggan
Input Alamat
Input Lokasi
Input Kota
Input Pekerjaan
Input Telpon
Input Fax
Input Hp
Input Email
Input No_Kartu
Input Status_Kartu
Input Tgl_Aktif
Input Keterangan
SQL : "UPDATE Data_Pelanggan
SET Nama_Pelanggan = teksNamaPelanggan, Lokasi = teksLokasi, email = teksEmail,
no_kartu = teksNoKartu, status_kartu = comboStatusKartu, tgl_Aktif =
teksTglAktif, ket = teksKet, alamat = teksAlamat, Kota = teksKota, Telpon =
teksTelpon, Fax = teksFax, HP = teksHP, Pekerjaan = teksPekerjaan
WHERE No_Pelanggan = comboNoPelanggan
Output : updated data pelanggan

Program Studi Teknik Informatika DPPL-WebICC 25/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
4.10.3 Deskripsi Tombol Hapus
Merupakan tombol yang digunakan untuk menghapus data
pelanggan yang tidak dibutuhkan lagi. Proses dimulai dengan
menekan tombol Hapus, kemudian pilih No. Pelanggan, untuk
menampilkan data pelanggan sesuai No Pelanggan yang dipilih,
lalu tekan tombol Deleted untuk menghapus data pelanggan yang
dipilih.
Secara prosedural :
On_klik Hapus
Pilih No_Pelanggan
SQL : SELECT *
FROM Data_Pelanggan
WHERE No_Pelanggan = comboNoPelanggan
SQL : DELETE
FROM Data_Pelanggan
WHERE no_pelanggan = comboNoPelanggan
Output : deleted data pelanggan

4.11 Antarmuka Pembayaran Via Kartu Kredit


Merupakan form yang digunakan untuk menangani proses
pembayaran iuran via kartu kredit. Proses diawali dengan
memilih no.pelanggan kemudian dicocokkan dengan data pada
tabel pelanggan, jika ditemukan data yang sesuai maka
ditampilkan detail pelanggan yang dicari, dan selanjutnya
dilakukan pemasukan data pembayaran. Pada saat detail
pelanggan dan data pembayaran ditampilkan, maka secara
otomatis sistem akan mengupdate saldo terakhir pada data
pembayaran berdasar no. pelanggan yang dipilih.

Program Studi Teknik Informatika DPPL-WebICC 26/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Animasi Logo Animasi Nama Perusahaan dan Alamat

Pembayaran Via Kartu Kredit


Navigasi
Data Pembayaran

No. Pelanggan :
Home
Credit Card Number :
Pengelolaan pelanggan
Credit Card Type : Visa Master Card Discover
Pembayaran Tunai
Credit Card Own :
Pembayaran Via Kartu Kredit
Nama Pelanggan :
Tampil informasi pelanggan
Harga Paket :
Tampil informasi pembayaran
Saldo :
Log Out
Periode :
Status Siaran :

Jenis Pembayaran :

Tanggal Bayar :
Tanggal Jatuh Tempo :

Bayar

Gambar 4.11. Antarmuka Pembayaran Via Kartu Kredit

Secara prosedural :
On_Load
Pilih No_Pelanggan
SQL : "SELECT *
FROM data_pelanggan, data_paket, data_pembayaran
WHERE data_pelanggan.id_paket = data_paket.id_paket AND
data_pelanggan.no_pelanggan = comboNoPelanggan AND
data_pembayaran.id_pembayaran = (SELECT MAX (data_pembayaran.id_pembayaran)
FROM data_pembayaran WHERE data_pembayaran.no_pelanggan = comboNoPelanggan)
Cek status siaran
If status siaran = aktif then
Hitung Saldo
SQL : "UPDATE data_pembayaran
SET saldo = teksSaldo
WHERE no_pelanggan = comboNoPelanggan AND id_pembayaran = teksIdBayar"
endif
output : Updated saldo terakhir

4.11.1 Deskripsi Tombol Bayar


Merupakan tombol yang digunakan untuk menambahkan data
pembayaran iuran via kartu kredit serta menampilkan bukti
pembayaran iuran langganan. Proses dimulai dengan memilih No.
Pelanggan, pada form akan ditampilkan data dan detail
pelanggan serta pembayaran, kemudian masukkan CC Number, CC
Program Studi Teknik Informatika DPPL-WebICC 27/ 38
Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Type, CC Own, periode, dan status siaran. Lalu tekan tombol
Bayar untuk menyimpan data pembayaran iuran yang baru.
Sebelumnya akan dilakukan pengecekan, jika CC Number dan CC
Type yang dimasukkan valid maka dilanjutkan ke proses
perhitungan saldo dan perhitungan tanggal jatuh tempo, yang
kemudian akan disimpan dalam tabel data pembayaran.
Secara prosedural :
On_klik Bayar
Input cc_type
Input cc_number
Input cc_own
Input periode
Input status_siaran
Cek CC_Number
If cc_number is valid then
Cek cc_type
If cc_type is valid then
Hitung saldo terakhir
Hitung Tgl Jatuh Tempo
SQL : "INSERT INTO [Data_Pembayaran] ([No_Pelanggan], [saldo], [periode],
[status_byr], [tgl_byr], [tgl_jthTempo], [status_siaran])
VALUES ( @No_Pelanggan, @Saldo, @Periode, @Status_Byr, @Tgl_Byr,
@Tgl_JthTempo, @Status_Siaran)"
Output : Added data pembayaran
endif
endif

4.12 Antarmuka Pembayaran Tunai


Merupakan form yang digunakan untuk menangani proses
pembayaran iuran secara tunai.
Proses diawali dengan memilih no.pelanggan kemudian
dicocokkan dengan data pada tabel pelanggan, jika ditemukan
data yang sesuai maka ditampilkan detail pelanggan yang
dicari, dan selanjutnya dilakukan pemasukan data pembayaran.
Pada saat data pelanggan dan detail pembayaran ditampilkan,
maka secara otomatis sistem akan melakukan perhitungan saldo
dan mengupdate saldo pada data pembayaran sesuai no. pelanggan
yang dipilih.

Program Studi Teknik Informatika DPPL-WebICC 28/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Animasi Logo Animasi Nama Perusahaan dan Alamat

Pembayaran Tunai
Navigasi
Data Pembayaran

No. Pelanggan :
Home
Nama Pelanggan :
Pengelolaan pelanggan
Harga Paket :
Pembayaran Tunai
Saldo :
Pembayaran Via Kartu Kredit
Periode :
Tampil informasi pelanggan
Status Siaran :
Tampil informasi pembayaran
Jenis Pembayaran :
Log Out
Tanggal Bayar :
Tanggal Jatuh Tempo :

Bayar

Gambar 4.12. Antarmuka Pembayaran Tunai


Secara prosedural :
On_load
Pilih No_Pelanggan
SQL : "SELECT *
FROM data_pelanggan, data_paket, data_pembayaran
WHERE data_pelanggan.id_paket = data_paket.id_paket AND
data_pelanggan.no_pelanggan = comboNoPelanggan AND
data_pembayaran.id_pembayaran = (SELECT MAX (data_pembayaran.id_pembayaran)
FROM data_pembayaran WHERE data_pembayaran.no_pelanggan = comboNoPelanggan)
Cek status siaran
If status siaran = Aktif then
Hitung saldo
SQL : "UPDATE data_pembayaran
SET saldo = teksSaldo
WHERE no_pelanggan = comboNoPelanggan AND id_pembayaran = teksIdBayar"
Endif
Output : Updated saldo terakhir

4.12.1 Deskripsi Tombol Bayar


Merupakan tombol yang digunakan untuk menyimpan data
pembayaran yang dilakukan secara tunai. Proses dimulai dengan
memilih No. Pelanggan, pada form akan ditampilkan data dan
detail pelanggan serta pembayaran, kemudian masukkan periode
dan status siaran. Lalu tekan tombol Bayar untuk menyimpan
data pembayaran iuran yang baru. Sebelumnya akan dilakukan

Program Studi Teknik Informatika DPPL-WebICC 29/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
proses perhitungan saldo dan perhitungan tanggal jatuh tempo,
yang kemudian akan disimpan dalam tabel data pembayaran.
Secara prosedural :
On_klik Bayar
Input periode
Input status_siaran
Hitung Saldo
Hitung Tgl Jatuh Tempo
SQL : "INSERT INTO [Data_Pembayaran] ([No_Pelanggan], [saldo], [periode],
[status_byr], [tgl_byr], [tgl_jthTempo], [status_siaran])
VALUES ( @No_Pelanggan, @Saldo, @Periode, @Status_Byr, @Tgl_Byr, @Tgl_JthTempo,
@Status_Siaran)"
Output : Added data pembayaran
endif

4.13 Antarmuka Tampil Informasi Pelanggan


Merupakan form yang digunakan untuk mencari dan
menampilkan data pelanggan berdasarkan kategori pencarian yang
dipilih, yang ditampilkan dalam bentuk tabel.

Animasi Logo Animasi Nama Perusahaan dan Alamat

Informasi Pelanggan
Navigasi
Pencarian

Kategori Pencarian : GO
Home

Pengelolaan pelanggan Cetak


Daftar Pelanggan Secara Keseluruhan
Pembayaran Tunai No. No Tgl Status Peker
Nama Alamat Lokasi Kota Telpon Fax HP Email Ket
Pelanggan Kartu Aktif Kartu jaan
Pembayaran Via Kartu Kredit

Tampil informasi pelanggan

Tampil informasi pembayaran

Log Out

Gambar 4.13. Antarmuka Informasi Pelanggan

4.13.1 Deskripsi Tombol GO(1)


Merupakan tombol yang digunakan untuk mencari dan
mencocokkan data pelanggan yang dimasukkan dengan data yang
tersimpan dalam tabel pelanggan dan selanjutnya ditampilkan
jika ditemukan data yang sesuai dalam bentuk tabel. Pencarian
data dilakukan berdasar kategori pencarian yang dipilih.
Secara prosedural :
On_klik Go
Pilih kategori pencarian
IF combokategori = No. Pelanggan THEN

Program Studi Teknik Informatika DPPL-WebICC 30/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Input no_pelanggan
SQL : "SELECT *
FROM data_pelanggan
INNER JOIN data_paket
ON data_pelanggan.id_paket = data_paket.id_paket
WHERE data_pelanggan.no_pelanggan LIKE comboNoPelanggan
Output : tampil data pelanggan berdasar No_Pelanggan
ELSEIF combokategori = Nama Pelanggan THEN
Input nama_pelanggan
SQL : "SELECT *
FROM data_pelanggan
INNER JOIN data_paket
ON data_pelanggan.id_paket = data_paket.id_paket
WHERE data_pelanggan.Nama_pelanggan LIKE teksNamaPelanggan"
Output : tampil data pelanggan berdasar nama_pelanggan
ELSEIF combokategori = Lokasi THEN
Input lokasi
SQL : "SELECT *
FROM data_pelanggan
INNER JOIN data_paket
ON data_pelanggan.id_paket = data_paket.id_paket
WHERE data_pelanggan.Lokasi LIKE teksLokasi"
Output : Tampil data pelanggan berdasar lokasi
ELSEIF combokategori = Paket THEN
SQL : "SELECT *
FROM data_pelanggan
INNER JOIN data_paket
ON data_pelanggan.id_paket = data_paket.id_paket
WHERE data_paket.Nama_Paket LIKE comboNamaPaket"
Output : tampil data pelanggan berdasar lokasi tempat tinggal pelanggan
ELSEIF comboKategori = ALL THEN
SQL : "SELECT *
FROM data_pelanggan
INNER JOIN data_paket
ON data_pelanggan.id_paket = data_paket.id_paket"
Output : tampil data pelanggan secara keseluruhan
ENDIF

4.13.2 Deskripsi Tombol Cetak


Merupakan tombol yang digunakan untuk mencetak data
pelanggan yang ditampilkan berdasar No. Pelanggan yang dipilih
atau dicetak secara keseluruhan.

4.14 Antarmuka Tampil Informasi Pembayaran


Merupakan form yang digunakan untuk mencari dan
menampilkan data pembayaran iuran berdasar pilihan kategori
pencarian. Pada saat form pertama kali di-load, maka secara

Program Studi Teknik Informatika DPPL-WebICC 31/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
otomatis sistem akan mengupdate saldo dari data pembayaran
secara keseluruhan berdasar no. pelanggan dan id pembayaran.

Animasi Logo Animasi Nama Perusahaan dan Alamat

Informasi Pembayaran
Navigasi
Pencarian

Kategori Pencarian : GO
Home
Jenis Pembayaran :
Pengelolaan pelanggan Cetak

Pembayaran Tunai No. Tgl Tgl Jenis Status


Nama Saldo Periode
Pelanggan Aktif Jth Tempo Bayar Siaran
Pembayaran Via Kartu Kredit

Tampil informasi pelanggan

Tampil informasi pembayaran

Log Out

Gambar 4.14. Antarmuka Informasi Pembayaran

Secara prosedural :
On_load
SQL : SELECT No_pelanggan
FROM data_pembayaran"
While no_pelanggan Not EOF
SQL : "SELECT *
FROM data_pelanggan, data_paket, data_pembayaran
WHERE data_pelanggan.id_paket = data_paket.id_paket AND
data_pelanggan.no_pelanggan = comboNoPelanggan AND
data_pembayaran.id_pembayaran = (SELECT MAX (data_pembayaran.id_pembayaran)
FROM data_pembayaran WHERE data_pembayaran.no_pelanggan = comboNoPelanggan)
Cek status siaran
If status siaran = Aktif then
Hitung saldo
SQL : "UPDATE data_pembayaran
SET saldo = teksSaldo
WHERE no_pelanggan = comboNoPelanggan AND id_pembayaran = teksIdBayar"
Endif
Output : Updated saldo terakhir
end while

4.14.1 Deskripsi Tombol GO


Merupakan tombol yang digunakan untuk mencari dan
mencocokkan masukan kunci pencarian yang dimasukkan dengan
data dalam tabel pembayaran yang selanjutnya ditampilkan dalam
bentuk tabel.
Secara prosedural :
On_klik GO

Program Studi Teknik Informatika DPPL-WebICC 32/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Pilih kategori pencarian
If comboKategori = No Pelanggan then
Input no_pelanggan
SQL : "SELECT *
FROM data_pelanggan, data_pembayaran
WHERE data_pelanggan.No_Pelanggan = Data_Pembayaran.No_Pelanggan AND
data_pembayaran.no_pelanggan = comboNoPelanggan AND data_pembayaran.status_byr
= comboStatusByr AND data_pembayaran.id_pembayaran = (SELECT MAX
(data_pembayaran.id_pembayaran) FROM data_pembayaran WHERE
data_pembayaran.no_pelanggan = comboNoPelanggan)"
Output : tampil data pembayaran terakhir berdasar no_pelanggan
Elseif comboKategori = Nama Pelanggan then
Input nama_pelanggan
SQL : "SELECT *
FROM data_pelanggan, data_pembayaran
WHERE data_pelanggan.No_Pelanggan = Data_Pembayaran.No_Pelanggan AND
data_pelanggan.nama_pelanggan LIKE teksNamaPelanggan AND
data_pembayaran.status_byr = comboStatusByr AND data_pembayaran.id_pembayaran =
(SELECT MAX (data_pembayaran.id_pembayaran) FROM data_pembayaran INNER JOIN
data_pelanggan ON data_pelanggan.no_pelanggan = data_pembayaran.no_pelanggan
AND data_pelanggan.nama_pelanggan LIKE teksNamaPelanggan)"
Output : tampil data pembayaran terakhir berdasar nama pelanggan
Elseif comboKategori = Tgl Jatuh Tempo then
Input tgl_jatuh_tempo
SQL : "SELECT *
FROM data_pelanggan, data_pembayaran
WHERE data_pelanggan.No_Pelanggan = Data_Pembayaran.No_Pelanggan AND
data_pembayaran.tgl_jthtempo = teksTglJatuhTempo AND data_pembayaran.status_byr
= comboStatusByr AND data_pembayaran.id_pembayaran = (SELECT MAX
(data_pembayaran.id_pembayaran) FROM data_pembayaran WHERE
data_pembayaran.tgl_jthtempo = comboTglJatuhTempo)"
Output : tampil data pembayaran berdasar tgl jatuh tempo
Elseif comboKategori = Jatuh Tempo then
SQL : "SELECT *
FROM data_pelanggan, data_pembayaran
WHERE data_pelanggan.No_Pelanggan = Data_Pembayaran.No_Pelanggan AND
data_pembayaran.status_byr = comboStatusByr AND data_pembayaran.tgl_jthtempo <=
Date(Now) AND data_pembayaran.id_pembayaran = (SELECT MAX
(data_pembayaran.id_pembayaran) FROM data_pembayaran WHERE
data_pembayaran.no_pelanggan = data_pelanggan.no_pelanggan ) "
Output : tampil data pembayaran telah jatuh tempo secara keseluruhan
Elseif comboKategori = ALL then
SQL : "SELECT *
FROM data_pelanggan, data_pembayaran
WHERE data_pelanggan.No_Pelanggan = Data_Pembayaran.No_Pelanggan AND
data_pembayaran.status_byr = comboStatusByr AND data_pembayaran.id_pembayaran =
(SELECT MAX (data_pembayaran.id_pembayaran) FROM data_pembayaran WHERE
data_pembayaran.no_pelanggan = data_pelanggan.no_pelanggan)"
Output : Tampil data pembayaran secara keseluruhan
endif

Program Studi Teknik Informatika DPPL-WebICC 33/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
4.14.2 Deskripsi Tombol Cetak
Merupakan tombol yang digunakan untuk mencetak data
pembayaran yang ditampilkan berdasar No. Pelanggan atau
dicetak secara keseluruhan.

4.15 Antarmuka User


Merupakan form utama dari pengguna dengan hak akses
sebagai User. Pada form tersebut berisi penjelasan singkat
tentang penggunaan sistem serta pilihan link-link yang
menghubungkan ke halaman tertentu sesuai fungsinya masing-
masing.

Animasi Logo Animasi Nama Perusahaan dan Alamat

Navigasi

Home

Paket Kata pembuka dan penjelasan tentang


perusahaan dan layanan yang
Schedule acara disediakan
Informasi pelanggan

Kontak person

Log Out

Gambar 4.15. Antarmuka User

4.16 Antarmuka Paket


Merupakan form yang digunakan untuk menampilkan informasi
tentang daftar paket-paket langganan yang tersedia yang
meliputi Nama Paket. Nama Channel dan Harga.

Program Studi Teknik Informatika DPPL-WebICC 34/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Animasi Logo Animasi Nama Perusahaan dan Alamat

Paket Langganan
Navigasi

Home Nama Paket Nama Channel Harga

Paket

Schedule acara

Informasi pelanggan

Kontak person

Log Out

Gambar 4.16. Antarmuka Paket Langganan

Secara prosedural :
On_load
SQL : "SELECT *
FROM data_Isi_Paket
INNER JOIN data_paket
ON data_Isi_Paket.id_paket = data_paket.id_paket
INNER JOIN data_channel
ON data_isi_paket.id_channel = data_channel.id_channel
ORDER BY data_paket.nama_paket"

4.17 Antarmuka Schedule


Merupakan form yang digunakan untuk mencari dan
menampilkan informasi tentang schedule acara dari program-
program TV sesuai Channel dan Tanggal yang dipilih serta
berdasar program title.

Program Studi Teknik Informatika DPPL-WebICC 35/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Animasi Logo Animasi Nama Perusahaan dan Alamat

Schedule Acara
Navigasi
Search by Channel dan Tgl
Channel Tgl/Bln/Thn
Home
GO
Paket
Search by program title
Schedule acara

Informasi pelanggan Search by program title : GO

Kontak person
Nama Channel
Log Out
Tgl/Bln/Thn
Time Program Duration Sinopsis

Gambar 4.17. Antarmuka Schedule Acara

4.17.1 Deskripsi Tombol GO(1)


Merupakan tombol yang digunakan untuk mencari dan
menampilkan time, program, duration, sinopsis acara berdasar
channel dan tanggal yang dipilih pada combo pilihan yang
tersedia. Data ditampilkan dalam bentuk tabel.
Secara prosedural :
On_klik Go
Input nama_channel
Input tgl_acara
SQL : "SELECT *
FROM data_schedule
INNER JOIN data_channel
ON data_schedule.id_channel = data_channel.id_channel
WHERE data_channel.nama_channel = comboChannel
AND data_schedule.tgl_acara = comboTgl"
Output : tampil data schedule acara berdasar nama channel dan tgl acara

4.17.2 Deskripsi Tombol GO(2)


Merupakan tombol yang digunakan untuk mencari dan
mencocokkan masukkan judul program dengan data yang tersimpan
dalam tabel schedule. Data yang ditemukan akan ditampilkan
dalam tabel.
Secara prosedural :
On_klik Go
Input program_title
SQL : "SELECT *

Program Studi Teknik Informatika DPPL-WebICC 36/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
FROM data_schedule, data_channel
WHERE data_schedule.id_channel = data_channel.id_channel
AND data_schedule.program_title LIKE teksProgram
ORDER BY data_channel.nama_channel"
Output : tampil data schedule berdasar program title
endif

4.18 Antarmuka Informasi Pelanggan Pribadi


Merupakan form yang digunakan untuk menampilkan informasi
pribadi dari pelanggan yang meliputi data pelanggan serta
detail pelanggan dan data pembayaran. Pada saat data pelanggan
ditampilkan maka secara otomatis sistem akan melakukan
perhitungan saldo terakhir dan mengupdate data saldo.

Animasi Logo Animasi Nama Perusahaan dan Alamat

Informasi Pelanggan Pribadi


Navigasi
Data pelanggan

Home No. Pelanggan :


Nama Pelanggan :
Paket
Alamat Lengkap :
Schedule acara
Lokasi :
Informasi pelanggan :
Kota
Kontak person Pekerjaan :

Log Out Telpon :


Fax :
HP :
Email :

Detail langganan

No. Kartu :
Paket :
Harga Paket :

Status Kartu :
Tgl Aktif :

Detail pembayaran

Periode :
Saldo(Rp) :
Jenis Pembayaran :
Status Siaran :
Tgl Bayar :
Tgl Jatuh Tempo :

Gambar 4.18. Antarmuka Informasi Pelanggan Pribadi

Program Studi Teknik Informatika DPPL-WebICC 37/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika
Secara prosedural :
On_load
SQL : "SELECT *
FROM data_pelanggan, data_paket, data_pembayaran
WHERE data_pelanggan.id_paket = data_paket.id_paket AND data_pelanggan.no_pelanggan =
teksNoPelanggan AND data_pembayaran.id_pembayaran = (SELECT MAX
(data_pembayaran.id_pembayaran) FROM data_pembayaran WHERE
data_pembayaran.no_pelanggan = teksNoPelanggan)
Cek status siaran
If status siaran = Aktif then
Hitung saldo
SQL : "UPDATE data_pembayaran
SET saldo = teksSaldo
WHERE no_pelanggan = teksNoPelanggan AND id_pembayaran = teksIdBayar"
Output : tampil data pelanggan dan data pembayaran telah terupdate
endif

4.19 Antarmuka Kontak Person


Merupakan form yang digunakan untuk menampilkan informasi
tentang alamat serta nama perusahaan yang dapat dihubungi.

Animasi Logo Animasi Nama Perusahaan dan Alamat

Kontak Person
Navigasi

Home

Paket
Nama dan alamat lengkap perusahaan
Schedule acara yang dapat dihubungi

Informasi pelanggan

Kontak person

Log Out

Gambar 4.19. Antarmuka Kontak Person

Program Studi Teknik Informatika DPPL-WebICC 38/ 38


Dokumen ini dan informasi yang dimilikinya adalah milik Program StudiTeknik Informatika-UAJY dan bersifat rahasia. Dilarang
untuk me-reproduksi dokumen ini tanpa diketahui oleh Program Studi Teknik Informatika

You might also like