DPPL

DESKRIPSI PERANCANGAN PERANGKAT LUNAK

Sistem Penerimaan Siswa Baru (SIPS)

Untuk : Universitas Udayana

Dipersiapkan oleh: A.A Dewi Sintyarianti / 1019451047

Program Studi Teknik Elektro Non Reguler Fakultas Teknik Universitas Udayana

Program Studi Teknik Elektro

Fakultas Teknik

Nomor Dokumen

Halaman

Revisi

DPPL-SIPS

1/38
Tgl :

DAFTAR PERUBAHAN
Revisi Deskripsi

A B C D E F G

INDEX TGL Ditulis oleh Diperik sa oleh Disetuj ui oleh

Program Studi Teknik Informatika

DPPL-WebICC

2/ 39

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/ 39

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 Member Perpustakaan.......................................................................................8 2.1.3 Deskripsi Entitas Data Buku Perpustakaan............................................................................................8 2.1.4 Deskripsi Entitas Data Pengunjung Perpustakaan................................................................................8 2.1.5 Deskripsi Entitas Data Transaksi Pengembalian dan Peminjaman........................................................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 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

Program Studi Teknik Informatika

DPPL-WebICC

4/ 39

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.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/ 39

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 Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar Gambar 1. Antarmuka Login.............................................12 2. Antarmuka Register Member..................................13 3. Antarmuka Change Password...................................14 4. Antarmuka Admin.............................................15 5. Antarmuka Pengelolaan User..................................16 6. Antarmuka Pengelolaan Schedule..............................17 7. Antarmuka Pengelolaan Paket.................................20 8. Antarmuka Tampil Informasi User.............................23 9. Antarmuka Operator..........................................24 10. Antarmuka Pengelolaan Pelanggan............................25 11. Antarmuka Pembayaran Via Kartu Kredit......................28 12. Antarmuka Pembayaran Tunai.................................30 13. Antarmuka Informasi Pelanggan..............................31 14. Antarmuka Informasi Pembayaran.............................33 15. Antarmuka User.............................................35 16. Antarmuka Paket Langganan..................................36 17. Antarmuka Schedule Acara...................................37 18. Antarmuka Informasi Pelanggan Pribadi......................38 19. Antarmuka Kontak Person....................................39

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

Program Studi Teknik Informatika

DPPL-WebICC

6/ 39

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 SIPS dikembangkan dengan tujuan untuk : 1. 2. Menangani pencatatan dan pengelolaan data buku perpustakaan. Menangani pengelolaan data member perpustakaan.

1.3 Definisi dan Akronim Daftar definisi akronim dan singkatan : Keyword/Phrase DPPL Deskripsi Definisi Perancangan Perangkat Lunak

disebut juga Software Design Description (SDD) merupakan deskripsi dari perancangan produk/perangkat SIPS dikembangkan. Perangkat lunak sekolah, lunak pelayanan yang akan

perpustkaan data buku

pengelolaan

perpustakaan dan data member perpustakaan. 1.4 Referensi Referensi yang digunakan pada perangkat lunak tersebut adalah: 1. 2. 3. Jogiyanto, Analisis dan Desain Sistem Informasi, Andi Offset., Andi Yogyakarta, 2000. Presman Roger S., Rekayasa Perangkat Lunak, McGraw-Hill Book Co., Andi Yogyakarta, 1997. Ramadhan Arief,36 Jam Belajar Komputer Visual Basic,Jakarta, Elexmedia,2004

Program Studi Teknik Informatika

DPPL-WebICC

7/ 39

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 Id Username Password Hak Akses Tipe Integer Varchar Varchar Integer Panjang 2 15 15 2 Keterangan Auto_increment, Primary key Password pengguna

2.1.2

Deskripsi Entitas Data Member Perpustakaan

Nama Id No_induk Nama jk Kelas ttl Alamat Foto Tipe Integer varchar Varchar varchar varchar Varchar varchar varchar Panjang 4 5 150 2 5 100 250 75 Keterangan Primary key, Auto_increment Nomor Induk Siswa Nama member perpustakaan

2.1.3

Deskripsi Entitas Data Buku Perpustakaan

Nama id Judul Pengarang Thn_terbit Penerbit Isbn Kategori Kode_klas Jumlah_buku Lokasi asal Jumlah_temp Tgl_input Tipe Integer varchar varchar varchar varchar varchar varchar Varchar integer Varchar varchar Integer varchar Panjang 5 250 250 4 250 25 50 20 2 50 50 4 75 Keterangan Auto_increment,Primary key

2.1.4

Deskripsi Entitas Data Pengunjung Perpustakaan

Nama Id Nama Jk Kelas Perlu1 Perlu2 Perlu3 Perlu 4 Cari Saran Tgl_kunjung Jam_kunjung Tipe Integer Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar Varchar date Time Panjang 6 255 2 10 15 15 15 15 255 255 Keterangan Primary key, Auto_increment

Program Studi Teknik Informatika

DPPL-WebICC

8/ 39

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.1.5

Deskripsi Entitas Data Transaksi Pengembalian dan

Peminjaman
Nama Id Judul_buku Id_peminjam Nama_peminjam Tgl_pinjam Tgl_kembali Status Ket Denda Tipe Integer varchar Integer varchar varchar varchar varchar varchar integer Panjang 5 250 4 100 15 15 10 100 20 Keterangan Primary key, Auto_increment

Data Referensi Status Hak_Akses

Data User Login_Id Password Status No_Pelanggan

Data Pelanggan No_Pelanggan Nama_pelanggan Lokasi No_Kartu Id_Paket Tgl_Aktif Status_Kartu Ket Email Telpon Fax Hp Pekerjaan Data Schedule Id_Channel Tgl_Acara Id_Program Jam Program_Title Duration Sinopsis

Data Memiliki Id_Paket Id_Channel

Data Paket Id_Paket Nama_Paket Harga

Data Pembayaran No_Pelanggan Id_Pembayaran Saldo Periode Jenis_Byr Tgl_Byr Tgl_JthTempo Status_Siaran

Data Channel Id_Channel Nama_Channel

Conceptual Data Model

Program Studi Teknik Informatika

DPPL-WebICC

9/ 39

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

Program Studi Teknik Informatika

DPPL-WebICC

10/ 39

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 utama dan Login Register Member

Halaman Menu Operator

Halaman Menu User

Halaman Menu Admin

Informasi Pelanggan Pribadi

Informasi Paket

Informasi Schedule

Kontak Person

Pengelolaan Pelanggan

Pembayaran Tunai

Pembayaran Via Kartu Kredit

Informasi Pembayaran

Informasi Pelanggan

Informasi User

Pengelolaan Paket

Pengelolaan Schedule

Pengelolaan User

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. Jika hanya ingin melihat-lihat maka hanya mengisi form buku tamu.

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 SIPS.

Gambar 4.2. Antarmuka Register/Login 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

Program Studi Teknik Informatika

DPPL-WebICC

13/ 39

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_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 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 user.

Animasi Logo Animasi Nama Perusahaan dan Alamat

halaman

yang

digunakan

untuk

melakukan

perubahan password, baik itu bagi administrator, operator, dan

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 pengupdatean password. Proses dimulai dengan memasukkan user

untuk id dan

melakukan 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
DPPL-WebICC

akan

dilakukan,

jika
14/ 39

Program Studi Teknik Informatika

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

sebaliknya

maka

sistem

akan

menolak

proses

penggantian

password dan muncul pesan kesalahan. Secara prosedural :

On_klik Change 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 tentang masing.

Animasi Logo

utama sistem

dari

pengguna

dengan

hak

akses yang

sebagai Admin. Pada form tersebut berisi penjelasan singkat penggunaan ke serta pilihan sesuai link-link fungsinya menghubungkan halaman tertentu masing-

Animasi Nama Perusahaan dan Alamat

Navigasi
Home Pengelolaan User Pengelolaan Schedule Pengelolaan Paket Tampil informasi user Log Out Petunjuk penggunaan secara singkat

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

15/ 39

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 Pengelolaan User Pengelolaan Schedule Pengelolaan Paket Tampil informasi user Log Out Confirm Password : Tambah Edit Hapus User ID Password : : :

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. comboHakAkses 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

Proses dimulai dan Password,

dengan menekan Tombol Tambah, kemudian pilih Hak Akses pada untuk menentukan User Id selanjutnya tekan tombol Added untuk menyimpan Data User yang

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

16/ 39

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 dilakukan lagi. Proses user dimulai User id proses Id dan dengan dan menekan jika dapat tombol user id Hapus, dan kemudian password masukkan maka Password,

selanjutya

pengecekan valid

password,

penghapusan

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, time, edit, hapus, dengan masukan data serta Channel, Tanggal, program, duration, synopsis,

pencarian data schedule berdasar nama_channel dan tgl_acara.

Program Studi Teknik Informatika

DPPL-WebICC

17/ 39

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 Home Pengelolaan User Pengelolaan Schedule Pengelolaan Paket Tampil informasi user Log Out Nama Channel Tgl/Bln/Thn Id program Time Program Duration Sinopsis Delete Delete Delete Delete Time Program Duration Tambah Schedule Sinopsis

Gambar 4.6. Antarmuka Pengelolaan Schedule

4.6.1 Deskripsi Tombol GO Merupakan tombol yang data Schedule dalam tabel

digunakan schedule.

untuk Jika

mencari

dan data

mencocokkan data Channel dan Tanggal yang dimasukkan dengan ditemukan 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 nama tombol Tambah dan Schedule, dilanjutkan dengan memilih time, channel tanggal, kemudian dimasukkan data

program, duration, sinopsis, lalu tekan tombol Simpan Schedule

Program Studi Teknik Informatika

DPPL-WebICC

18/ 39

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 VALUES Output : INTO [Data_Schedule] (id_channel, tgl_acara, jam, program_title, teksDuration, duration, sinopsis) (comboChannel, comboTgl, teksTime, teksProgram, teksSinopsis)" Added data schedule

4.6.3 Deskripsi Tombol Hapus Merupakan tombol yang digunakan schedule yang tidak diperlukan lagi. Secara prosedural :
"DELETE FROM data_schedule WHERE data_schedule.id_program = item.cells(1)"

untuk

menghapus

data

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

19/ 39

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 Home Pengelolaan User Pengelolaan Schedule Pengelolaan Paket Tampil informasi user Log Out Nama Channel Tambah Edit Hapus

Data Paket
Id Paket Nama Paket Harga Tambah Edit Hapus

Isi Paket
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 lalu 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

langganan tombol

yang

tersedia.

Proses

dimulai data

dengan yang

menekan tombol Tambah, kemudian masukkan nama paket dan harga, tekan Added untuk menambahkan 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

20/ 39

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 paket menekan yang tidak diperlukan lagi. Proses id tombol Hapus, kemudian pilih

menghapus dimulai paket,

data untuk

dengan

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

4.7.5 Deskripsi Tombol Edit (Channel) Merupakan tombol yang digunakan untuk channel yang lama dengan data channel

mengupdate baru.

data

yang

Proses
21/ 39

Program Studi Teknik Informatika

DPPL-WebICC

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

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 channel menekan yang tidak nama diperlukan lalu lagi. tekan Proses Id tombol tombol Hapus, kemudian pilih

menghapus dimulai Channel, Deleted

data untuk untuk

dengan

menampilkan

channel,

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 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

Program Studi Teknik Informatika

DPPL-WebICC

22/ 39

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

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 Home Pengelolaan User Pengelolaan Schedule Pengelolaan Paket Tampil informasi user Log Out User ID Password Hak Akses : Go

Gambar 4.8. Antarmuka Tampil Informasi User

4.8.1 Deskripsi Tombol GO Merupakan tombol yang data tabel. SQL untuk tombol GO :
On_klik GO Pilih Kategori pencarian IF combokategori = All THEN SELECT * FROM Data_User

digunakan tabel data

untuk dan

mencari

dan

mencocokkan data user id atau hak akses yang dimasukkan dengan yang tersimpan jika dalam user selanjutnya dalam bentuk ditampilkan ditemukan yang sesuai

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 ELSE Input hak_akses SELECT * FROM Data_User

Program Studi Teknik Informatika

DPPL-WebICC

23/ 39

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

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 masing.
Animasi Logo Animasi Nama Perusahaan dan Alamat

ke

halaman

tertentu

sesuai

fungsinya

masing-

Navigasi
Home Pengelolaan pelanggan Pembayaran Tunai Pembayaran Via Kartu Kredit Tampil informasi pelanggan Tampil informasi pembayaran Log Out Petunjuk penggunaan secara singkat

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

24/ 39

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 Pengelolaan pelanggan Pembayaran Tunai Pembayaran Via Kartu Kredit Tampil informasi pelanggan Tampil informasi pembayaran Log Out Nama Pelanggan Alamat lengkap Lokasi Kota Pekerjaan Telpon Fax 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, pada kemudian textbox masukkan atau dengan data pelanggan pilihan yang yang diperlukan memilih

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

25/ 39

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 dimulai dengan menekan tombol Edit,

untuk

mengupdate pilih

data No.

pelanggan yang lama dengan data pelanggan yang baru. Proses kemudian 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

26/ 39

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 menekan tombol Hapus, kemudian pilih

untuk No.

menghapus Pelanggan,

data untuk

pelanggan yang tidak dibutuhkan lagi. Proses dimulai dengan 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 pembayaran memilih tabel iuran via jika kartu kredit. no.pelanggan pelanggan, detail pemasukan dan sistem data akan kemudian dicocokkan data yang dicari,

menangani diawali sesuai saat maka dengan yang dan Pada

proses dengan pada maka detail secara data

Proses

data

ditemukan

ditampilkan dilakukan pelanggan otomatis

pelanggan data

selanjutnya

pembayaran. saldo

pembayaran mengupdate

ditampilkan,

terakhir

pada

pembayaran berdasar no. pelanggan yang dipilih.

Program Studi Teknik Informatika

DPPL-WebICC

27/ 39

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 Pengelolaan pelanggan Pembayaran Tunai Pembayaran Via Kartu Kredit Tampil informasi pelanggan Tampil informasi pembayaran Log Out Periode Status Siaran Jenis Pembayaran Tanggal Bayar Tanggal Jatuh Tempo : : : : : Bayar Credit Card Number Credit Card Type Credit Card Own Nama Pelanggan Harga Paket Saldo : : : : : : : Visa Master Card Discover

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 = = (SELECT MAX = data_paket.id_paket comboNoPelanggan AND AND data_pelanggan.no_pelanggan data_pembayaran.id_pembayaran 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

(data_pembayaran.id_pembayaran)

FROM data_pembayaran WHERE data_pembayaran.no_pelanggan = comboNoPelanggan)

4.11.1 Deskripsi Tombol Bayar Merupakan tombol yang digunakan untuk menambahkan data pembayaran Pelanggan, iuran pada via form kartu akan kredit serta menampilkan data dan bukti detail
28/ 39

pembayaran iuran langganan. Proses dimulai dengan memilih No. ditampilkan pelanggan serta pembayaran, kemudian masukkan CC Number, CC
Program Studi Teknik Informatika DPPL-WebICC
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, Bayar Type untuk yang

periode, dan status siaran. Lalu tekan tombol menyimpan data valid pembayaran maka iuran yang ke baru. proses

Sebelumnya akan dilakukan pengecekan, jika CC Number dan CC dimasukkan dilanjutkan 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 VALUES INTO ( [Data_Pembayaran] ([No_Pelanggan], @Periode, [saldo], [periode], @Tgl_Byr, [status_byr], [tgl_byr], [tgl_jthTempo], [status_siaran]) @No_Pelanggan, @Saldo, @Status_Byr, @Tgl_JthTempo, @Status_Siaran)" Output : Added data pembayaran endif endif

4.12 Antarmuka Pembayaran Tunai Merupakan form yang digunakan pembayaran iuran secara tunai. Proses data yang diawali sesuai dengan maka memilih

untuk

menangani

proses kemudian yang

no.pelanggan detail

dicocokkan dengan data pada tabel pelanggan, jika ditemukan ditampilkan pelanggan 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

29/ 39

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 Nama Pelanggan Harga Paket Pembayaran Tunai Pembayaran Via Kartu Kredit Tampil informasi pelanggan Tampil informasi pembayaran Log Out Saldo Periode Status Siaran Jenis Pembayaran Tanggal Bayar Tanggal Jatuh Tempo : : : : : : : : : Bayar

Home Pengelolaan pelanggan

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 = = (SELECT MAX = data_paket.id_paket comboNoPelanggan AND AND data_pelanggan.no_pelanggan data_pembayaran.id_pembayaran 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

(data_pembayaran.id_pembayaran)

FROM data_pembayaran WHERE data_pembayaran.no_pelanggan = comboNoPelanggan)

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

30/ 39

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 dipilih, yang ditampilkan dalam bentuk tabel.
Animasi Logo Animasi Nama Perusahaan dan Alamat

mencari

dan

menampilkan data pelanggan berdasarkan kategori pencarian yang

Informasi Pelanggan Navigasi

Pencarian Kategori Pencarian : GO

Home Pengelolaan pelanggan Pembayaran Tunai Pembayaran Via Kartu Kredit Tampil informasi pelanggan Tampil informasi pembayaran Log Out

Daftar Pelanggan Secara Keseluruhan No. Nama Alamat Lokasi Pelanggan Kota No Kartu Tgl Aktif

Cetak Status Peker Telpon Fax HP Email Kartu jaan Ket

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 Input no_pelanggan

Program Studi Teknik Informatika

DPPL-WebICC

31/ 39

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

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 atau dicetak secara keseluruhan.

untuk

mencetak

data

pelanggan yang ditampilkan berdasar No. Pelanggan yang dipilih

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

32/ 39

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 : Home Pengelolaan pelanggan Pembayaran Tunai Pembayaran Via Kartu Kredit Tampil informasi pelanggan Tampil informasi pembayaran Log Out Jenis Pembayaran : Cetak No. Pelanggan Nama Saldo Periode Tgl Aktif Tgl Jth Tempo Jenis Bayar Status Siaran GO

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 = = (SELECT MAX = data_paket.id_paket comboNoPelanggan AND AND data_pelanggan.no_pelanggan data_pembayaran.id_pembayaran 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

(data_pembayaran.id_pembayaran)

FROM data_pembayaran WHERE data_pembayaran.no_pelanggan = comboNoPelanggan)

4.14.1 Deskripsi Tombol GO Merupakan tombol yang mencocokkan masukan kunci

digunakan

untuk

mencari

dan

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

33/ 39

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 AND = Data_Pembayaran.No_Pelanggan = (SELECT AND MAX WHERE data_pembayaran.no_pelanggan = comboNoPelanggan AND data_pembayaran.status_byr comboStatusByr data_pembayaran.id_pembayaran FROM (data_pembayaran.id_pembayaran) data_pembayaran

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 = LIKE FROM = Data_Pembayaran.No_Pelanggan teksNamaPelanggan data_pembayaran INNER AND AND JOIN data_pelanggan.nama_pelanggan (SELECT MAX

data_pembayaran.status_byr = comboStatusByr AND data_pembayaran.id_pembayaran = (data_pembayaran.id_pembayaran) ON data_pelanggan 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 AND = Data_Pembayaran.No_Pelanggan = (SELECT AND MAX WHERE data_pembayaran.tgl_jthtempo = teksTglJatuhTempo AND data_pembayaran.status_byr comboStatusByr data_pembayaran.id_pembayaran FROM (data_pembayaran.id_pembayaran) data_pembayaran

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 AND = Data_Pembayaran.No_Pelanggan = " (SELECT AND MAX WHERE data_pembayaran.status_byr = comboStatusByr AND data_pembayaran.tgl_jthtempo <= Date(Now) data_pembayaran.id_pembayaran FROM (data_pembayaran.id_pembayaran) data_pembayaran

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 (SELECT data_pelanggan.No_Pelanggan MAX =

Data_Pembayaran.No_Pelanggan FROM data_pembayaran

AND WHERE

data_pembayaran.status_byr = comboStatusByr AND data_pembayaran.id_pembayaran = (data_pembayaran.id_pembayaran) data_pembayaran.no_pelanggan = data_pelanggan.no_pelanggan)" Output : Tampil data pembayaran secara keseluruhan endif

Program Studi Teknik Informatika

DPPL-WebICC

34/ 39

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 pembayaran yang ditampilkan berdasar dicetak secara keseluruhan.

untuk No.

mencetak Pelanggan

data atau

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 masingmasing.
Animasi Logo Animasi Nama Perusahaan dan Alamat

Navigasi
Home Paket Schedule acara Informasi pelanggan Kontak person Log Out Kata pembuka dan penjelasan tentang perusahaan dan layanan yang disediakan

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

35/ 39

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

Navigasi
Home Paket Schedule acara Informasi pelanggan Kontak person Log Out Nama Paket

Paket Langganan

Nama Channel

Harga

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 menampilkan program TV informasi sesuai Channel

digunakan schedule Tanggal dan

untuk acara yang

mencari dari dipilih

dan serta

tentang

program-

berdasar program title.

Program Studi Teknik Informatika

DPPL-WebICC

36/ 39

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

Navigasi
Search by Channel dan Tgl Home Paket Schedule acara Informasi pelanggan Kontak person Log Out Search by program title Search by program title : Channel

Schedule Acara

Tgl/Bln/Thn GO

GO

Nama Channel Tgl/Bln/Thn Time Program Duration Sinopsis

Gambar 4.17. Antarmuka Schedule Acara

4.17.1 Deskripsi Tombol GO(1) Merupakan tombol yang digunakan channel dan

untuk

mencari

dan

menampilkan time, program, duration, sinopsis acara berdasar 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 dalam tabel schedule. Data yang

untuk akan

mencari

dan

mencocokkan masukkan judul program dengan data yang tersimpan ditemukan ditampilkan dalam tabel. Secara prosedural :
On_klik Go Input program_title SQL : "SELECT *

Program Studi Teknik Informatika

DPPL-WebICC

37/ 39

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 maka yang meliputi data pelanggan akan serta detail pelanggan dan data pembayaran. Pada saat data pelanggan ditampilkan secara otomatis sistem melakukan perhitungan saldo terakhir dan mengupdate data saldo.
Animasi Logo Animasi Nama Perusahaan dan Alamat

Navigasi
Data pelanggan Home Paket Schedule acara Informasi pelanggan Kontak person Log Out No. Pelanggan Nama Pelanggan Alamat Lengkap Lokasi Kota Pekerjaan 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

Informasi Pelanggan Pribadi

: : : : : : : : : :

: : : : :

: : : : : :

Gambar 4.18. Antarmuka Informasi Pelanggan Pribadi

Program Studi Teknik Informatika

DPPL-WebICC

38/ 39

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 FROM = (SELECT MAX WHERE (data_pembayaran.id_pembayaran) 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 data_pembayaran

data_pembayaran.no_pelanggan = teksNoPelanggan)

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

Navigasi

Kontak Person

Home Paket Schedule acara Informasi pelanggan Kontak person Log Out Nama dan alamat lengkap perusahaan yang dapat dihubungi

Gambar 4.19. Antarmuka Kontak Person

Program Studi Teknik Informatika

DPPL-WebICC

39/ 39

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