Berikut adalah navigation diagram ketika memilih new dari layar staff management:

dokumen-dokumen yang mirip
dengan XP Embedded :

disebelah kiri layar.

BAB 1. PENDAHULUAN. Pada dekade akhir-akhir ini, pertumbuhan dari satellite service, perkembangan

Sistem Informasi Pendistribusian Penjualan Velg

Buku Panduan. Sistem Informasi Manajemen Lembaga Kursus dan Pelatihan (v.1.0)

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB IV IMPLEMENTASI DAN EVALUASI. mempersiapkan kebutuhan system (baik hardware maupun software), persiapan

Setting local IP address dan subnet mask dari VoIP Gateway tersebut. Berikut adalah cara mengkonfigurasi modem ADSL:

1. Persiapkan master yang akan diinstal, dan persiapkan Daemon Tools Lite untuk men-mount Image kan file iso yang kalian punya.

Layar Halaman Laporan Soal Guru

Halaman Abstrak UNIVERSITAS BINA NUSANTARA. Jurusan Teknik Informatika Skripsi Sarjana Komputer Semester Ganjil tahun 2007/2008

Berikut merupakan prosedur penggunaan pada non-login :

BAB 4. IMPLEMENTASI DAN EVALUASI. Setelah melakukan perancangan sistem dan antarmuka, maka langkah yang

PETUNJUK PENGGUNAAN APLIKASI CAFÉ VERSI 1.0

- Tunggu hingga proses selesai.

PETUNJUK SINGKAT PENGGUNAAN DVR ATM

Tampilan layar menu login

Gambar Menu utama. Pertama kali program dijalankan akan tampil form penentuan. harga servis yang merupakan halaman utama dari program.

PEDOMAN PENGGUNAAN SOFTWARE

BAB IV HASIL DAN UJI COBA

20. Halaman Detail Produk Setelah Login

BAB III PERANCANGAN SISTEM

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB III ANALISA DAN DESAIN SISTEM

Prosedur Pemakaian Program:

BAB 3 PERANCANGAN PROGRAM APLIKASI

BAB 3 ANALISIS DAN PERANCANGAN SISTEM

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI. Untuk menjalankan alat bantu normalisasi ini dibutuhkan sarana perangkat keras

BAB V PENGUJIAN DAN IMPLEMENTASI SISTEM. Pengujian merupakan bagian yang penting dalam siklus pembangunan

User Manual DIVIPOS Free Version 1.0 versi 1.0

BAB IV IMPLEMENTASI DAN EVALUASI

BAB 4 IMPLEMENTASI DAN EVALUASI

BUKU PANDUAN CCTV ATM Text Inserter

BAB V IMPLEMENTASI DAN PEMBAHASAN. 1. Sistem Operasi Microsoft Windows Microsoft SQL Server 2005

BAB 4 IMPLEMENTASI DAN EVALUASI. yang akan didistribusikan kedalam jaringan client-server. Pada bagian client terdapat

BAB 5 IMPLEMENTASI DAN EVALUASI. adalah penginstalan perangkat lunak SQL server terlebih dahulu lalu mengkopi sistem

BAB 3 ANALISIS DAN PERANCANGAN APLIKASI. misalnya EyeSpyFx. Aplikasi ini memiliki fitur untuk melakukan pemantauan keamanan

Aplikasi Document Imaging untuk PT. XYZ dapat diakses melalui web browser

BAB V IMPLEMENTASI DAN PEMBAHASAN. perpustakaan MTs. An Nuriyah Gresik dibutuhkan : 1. Sistem Operasi Microsoft Windows XP Profesional

Sistem Informasi Persediaan Barang Jadi & Setengah Jadi

BAB IV IMPLEMENTASI DAN PENGUJIAN

Prosedur penggunaan aplikasi

Membuat File Database & Tabel

PANDUAN MELAKUKAN PENGINPUTAN DATA USULAN ANGGOTA DPRD (RESES) APLIKASI SIMRENBANGDA KABUPATEN BANJARNEGARA

Bab III PERANCANGAN SISTEM

BAB IV IMPLEMENTASI DAN PENGUJIAN

BAB 3 PERANCANGAN PROGRAM

BAB 4 IMPLEMENTASI DAN EVALUASI. yang harus dilakukan user dalam menggunakan sistem Smart-Mall melalui PDA.

Halaman ini pada umumnya tidak berbeda dengan halaman Home sebelum. Login. Yang membedakan pada halaman ini yaitu pada bagian center ditampilkan

KEPUTUSAN DIREKTUR JENDERAL IMIGRASI NOMOR : F.753-IZ TAHUN 2002 TENTANG

Prosedur Menjalankan Program. Prosedur menjalankan program dijelaskan melalui tujuh bagian umum yaitu prosedur

Membuat File Database & Tabel

Tampilan Window Login

ditambahkan pada tagihan.

BAB 3 PERANCANGAN PROGRAM APLIKASI

PANDUAN APLIKASI 2014

BAB 3 PERANCANGAN PROGRAM

MANUAL BOOK APLIKASI COMPLETE MEDICAL SOFTWARE MANAGEMENT (CMSM) MODUL LABORATORIUM

BAB IV ANALISIS DAN PERANCANGAN SISTEM

BAB 3 PERANCANGAN PROGRAM

BAB IV ANALISA DAN PEMBAHASAN. diberikan dari kerja praktek ini adalah proses entry data alat tulis kantor yang

Login Member. 1. Home. Home merupakan layar yang pertama kali ditampilkan pada saat

Gambar 4.40 Layar Pelanggan

BAB 4 IMPLEMENTASI DAN EVALUASI. Pelaksanaan implementasi sistem bank soal pada Binus School Serpong. melibatkan beberapa elemen utama, yaitu:

BAB IV HASIL DAN UJI COBA

Pada menu Pengumuman, akan ditampilkan pengumuman yang diumumkan oleh petinggi perusahaan untuk para member.

BAB IV IMPLEMENTASI DAN PENGUJIAN. mencoba semua fitur masing masing tingkatan pengguna. Untuk melakukan

BAB III ANALISIS DAN PERANCANGAN SISTEM. Kambing Etawa Menggunakan Metode Pearson Square pada Peternakan Nyoto.

selanjutnya (menampilkan serial number yang tersedia). Back : untuk kembali ke halaman sebelumnya. Halaman yang akan muncul adalah sebagai berikut

Processor Intel Pentium III 233MHz

BAB V IMPLEMENTASI DAN PEMBAHASAN. Untuk dapat menjalankan aplikasi sistem informasi penjualan pada


GioBox ios Application Manual

SMARTSoft. Memulai Program SMARTSoft

BAB 4 IMPLEMENTASI. dirancang, spesifikasi perangkat lunak (software) dan perangkat keras (hardware) yang

BAB 4 IMPLEMENTASI DAN EVALUASI. sistem aplikasi basis data pada CV. Lumbung Rejeki yaitu : Monitor : SVGA 17. : Optical Mouse.

Gambar 4.35 Halaman Contact Us

Petunjuk Pemakaian Sistem

BAB IV HASIL DAN UJI COBA

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Prosedur Penggunaan Aplikasi. 1. Prosedur Penggunaan Aplikasi Client. a. Menu Utama

PANDUAN PENGGUNAAN. Joomla! Versi 1.5. Oleh: Anon Kuncoro Widigdo

BAB III ANALISIS MASALAH DAN RANCANGAN PROGRAM

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

Gambar 4.88 STD Guru Data Pribadi

BAB 4 IMPLEMENTASI DAN EVALUASI

BAB IV HASIL DAN UJI COBA

Manual. Alokasi Mengajar

BAB V HASIL DAN PEMBAHASAN

Gambar Halaman Pop Up Window Payment Detail/Transaction Detail

PETUNJUK PEMAKAIAN SOFTWARE

USER MANUAL TECC WEB BASE SYSTEM

Gambar 4.62 Layar Menu Penjualan Transaksi

Sistem Informasi Pengadaan ATK ( Alat Tulis Kantor )

BAB 3 ANALISIS DAN PERANCANGAN SISTEM

BAB IV IMPLEMENTASI DAN ANALISA

INSTRUKSI KERJA INSTALASI APLIKASI AGENPOS VERSI DIVISI JASA KEAGENAN & JASA LAINNYA PT DAPENSI TRIO USAHA

BAB IV HASIL DAN UJI COBA

Transkripsi:

90 Gambar 3.58 Navigation Diagram Edit Video Detail Berikut adalah navigation diagram ketika memilih submenu staff management dari menu setting: Gambar 3.59 Navigation Diagram Submenu Staff Management Berikut adalah navigation diagram ketika memilih new dari layar staff management:

91 Gambar 3.60 Navigation Diagram New Staff Detail Berikut adalah navigation diagram ketika memilih edit dari layar staff management: setting: Gambar 3.61 Navigation Diagram Edit Staff Detail Berikut adalah navigation diagram ketika memilih submenu list table dari menu

92 Gambar 3.62 Navigation Diagram Submenu List Table Berikut adalah navigation diagram ketika memilih submenu category dari submenu list table:

93 Main Menu (Menu Utama) Pilih Menu Administration Tampilkan Menu Administration Setting Pilih Close Kembali ke Menu Utama Pilih Submenu List Table Tampilkan option Submenu List Table Submenu List Table Pilih Submenu Category Tampilkan Layar Category Text Category Enable Button New Disable Button Edit Disable Button Save Enable Button Cancel Enable Pilih New Text Category Kosong Pilih Edit Text Category dirisi sesuai List yang dipilih Setting Pilih Save Simpan Data ke Database Layar Category Proses Kembali ke Layar Category Pilih Delete Tampilkan Konfirmasi Pilih No Kembali ke Layar Category Data Terhapus Piilh Yes Hapus Data dari Database Text Category Disable Button New Enable Button Edit Enable Button Save Disable Button Cancel Disable Data Tersimpan Pilih Cancel Setting disable Proses Kembali ke Layar Category Konfirmasi Gambar 3.63 Navigation Diagram Submenu Category

94 6. Navigation Diagram untuk Menu Windows Main Menu (Menu Utama) Proses Kembali ke Menu Utama Pilih Menu Windows Tampilkan Menu Windows Pilih Submenu Cascade Tampilan windows yang terbuka menjadi Cascade Pilih Submenu Tile Vertical Tampilan windows yang terbuka menjadi Tile Vertical Cascade Tile Vertical Windows Pilih Submenu Tile Horizontal Tampilan windows yang terbuka menjadi Tile Horizontal Tile Horizontal Pilih Submenu Arrange Icons Tampilan windows yang di-minimize menjadi teratur Arrange Icons Pilih Submenu Close All Tutup semua windows yang terbuka Close All Gambar 3.64 Navigation Diagram Submenu Windows 7. Navigation Diagram untuk Menu Help Gambar 3.65 Navigation Diagram Menu Help

95 3.6.8.4. Perancangan : main : Menjalankan aplikasi utama bukakoneksidatabase frmlogin.formload End modul main : bukakoneksidatabase : Membuka koneksi ke database Parameter Input : connectionstring Buka koneksi ke database sesuai dengan connectionstring End modul bukakoneksidatabase : frmlogin.formload : menjalankan form frmlogin Tampilkan form frmlogin End modul frmlogin.formload : frmlogin.btnlogin_click : Melakukan aksi ketika tombol login ditekan Jika CekAutentikasiStaff Maka mdiiptv.formload Lainnya Tampilkan pesan Autentikasi gagal End modul frmlogin.btnlogin_click : CekAutentikasiStaff : Memeriksa apakah staff dan passwordnya benar Parameter Input : ID staff, password staff Parameter Output : Cek Jika ID staff dan password staff sesuai dengan database Maka Set Cek = benar Lainnya

96 Set Cek = salah End modul CekAutentikasiStaff : mdiiptv.formload : Menjalankan form mdiiptv Jika IsAdministrator Maka Aktifkan menusetting Lainnya Non-aktifkan menusetting End modul mdiiptv.formload : mdiiptv.menustaffchangepassword_click : Melakukan aksi ketika menustaffchangepassword dipilih frmstaffchangepassword.formload End modul mdiiptv.menustaffchangepassword_click : mdiiptv.menulogout_click : Melakukan aksi ketika menulogout dipilih Tutup form mdiiptv frmlogin.formload End modul mdiiptv.menulogout_click : mdiiptv.menucustomermanagement_click : Melakukan aksi ketika menucustomermanagement dipilih frmcustomermanagement.formload End modul mdiiptv.menucustomermanagement_click : mdiiptv.menucustomerchangepassword_click : Melakukan aksi ketika menucustomerchangepassword dipilih

97 frmcustomerchangepassword.formload End modul mdiiptv.menucustomerchangepassword_click : mdiiptv.menurequestchannel_click : Melakukan aksi ketika menurequestchannel dipilih frmrequestchannel.formload End modul mdiiptv.menurequestchannel_click : mdiiptv.menurequestvideo_click : Melakukan aksi ketika menurequestvideo dipilih frmrequestvideo.formload End modul mdiiptv.menurequestvideo_click : mdiiptv.menupaybilling_click : Melakukan aksi ketika menupaybilling dipilih frmpaybilling.formload End modul mdiiptv.menupaybilling_click : mdiiptv.menubillinginformation_click : Melakukan aksi ketika menubillinginformation dipilih frmbillinginformation.formload End modul mdiiptv.menubillinginformation_click : mdiiptv.menuchannelschedule_click : Melakukan aksi ketika menuchannelschedule dipilih frmchannelschedule.formload End modul mdiiptv.menuchannelschedule_click : mdiiptv.menunewsandevents_click : Melakukan aksi ketika menunewsandevents dipilih

98 frmnewsandevents.formload End modul mdiiptv.menunewsandevents_click : mdiiptv.menuchannel_click : Melakukan aksi ketika menuchannel dipilih frmchannel.formload End modul mdiiptv.menuchannel_click : mdiiptv.menuvideoondemand_click : Melakukan aksi ketika menuvideoondemand dipilih frmvideoondemand.formload End modul mdiiptv.menuvideoondemand_click : mdiiptv.menustaffmanagement_click : Melakukan aksi ketika menustaffmanagement dipilih frmstaffmanagement.formload End modul mdiiptv.menustaffmanagement_click : mdiiptv.menucategory_click : Melakukan aksi ketika menucategory dipilih frmcategory.formload End modul mdiiptv.menucategory_click : mdiiptv.menuabout_click : Melakukan aksi ketika menuabout dipilih frmabout.formload End modul mdiiptv.menuabout_click

99 : frmstaffchangepassword.formload : Menampilkan form frmstaffchangepassword Set frmstaffchangepassword.txtstaffid = currentstaff.id End modul frmstaffchangepassword.formload : frmcustomermanagement.formload : Menampilkan form frmcustomermanagement Tampilkan rincian semua customer yang ada di database End modul frmcustomermanagement.formload : frmbillinginformation.formload : Menampilkan form frmbillinginformation Tampilkan rincian pembayaran semua customer pada periode waktu tertentu End modul frmbillinginformation.formload : frmchannelschedule.formload : Menampilkan form frmchannelschedule Tampilkan jadwal acara dari database untuk tiap channel End modul frmchannelschedule.formload : frmnewsandevents.formload : Menampilkan form frmnewsandevents Tampilkan semua news dan events dari database End modul frmnewsandevents.formload : frmchannel.formload : Menampilkan form frmchannel Tampilkan semua channel dari database End modul frmchannel.formload

100 : frmvideoondemand.formload : Menampilkan form frmvideoondemand Tampilkan semua video dari database End modul frmvideoondemand.formload : frmstaffmanagement.formload : Menampilkan form frmstaffmanagement Tampilkan semua staff dari database End modul frmstaffmanagement.formload : frmcategory.formload : Menampilkan form frmcategory Tampilkan semua category dari database End modul frmcategory.formload : frmstaffchangepassword.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmstaffchangepassword End modul frmstaffchangepassword.btnclose_click : frmcustomermanagement.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmcustomermanagement End modul frmcustomermanagement.btnclose_click : frmcustomerchangepassword.btnclose_click : Melakukan aksi ketika tombol close ditekan

101 Tutup form frmcustomerchangepassword End modul frmcustomerchangepassword.btnclose_click : frmrequestchannel.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmrequestchannel End modul frmrequestchannel.btnclose_click : frmrequestvideo.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmrequestvideo End modul frmrequestvideo.btnclose_click : frmpaybilling.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmpaybilling End modul frmpaybilling.btnclose_click : frmbillinginformation.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmbillinginformation End modul frmbillinginformation.btnclose_click : frmchannelschedule.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmchannelschedule End modul frmchannelschedule.btnclose_click : frmnewsandevents.btnclose_click : Melakukan aksi ketika tombol close ditekan

102 Tutup form frmnewsandevents End modul frmnewsandevents.btnclose_click : frmchannel.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmchannel End modul frmchannel.btnclose_click : frmvideoondemand.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmvideoondemand End modul frmvideoondemand.btnclose_click : frmstaffmanagement.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmstaffmanagement End modul frmstaffmanagement.btnclose_click : frmcategory.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmcategory End modul frmcategory.btnclose_click : frmabout.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmabout End modul frmabout.btnclose_click

103 : frmstaffchangepassword.btnsave_click : Melakukan aksi ketika tombol save ditekan Jika txtpasswordlama GetStaffPassword Maka Tampilkan pesan Password Salah Lainnya, Jika txtpasswordbaru txtkonfirmasipasswordbaru Maka Tampilkan pesan Password baru tidak sesuai Lainnya Simpan password baru (txtpasswordbaru) ke database End modul frmstaffchangepassword.btnsave_click : GetStaffPassword : Mengambil password staff dari database Parameter Input : ID staff Parameter Output : password staff Set password staff = password dari database untuk staff dengan ID staff ini End modul GetStaffPasswordFromDatabase : frmcustomermanagement.btnnew_click : Melakukan aksi ketika tombol new ditekan frmcustomerdetail.formload End modul frmcustomermanagement.btnnew_click : frmcustomermanagement.btnedit_click : Melakukan aksi ketika tombol edit ditekan frmcustomerdetail.formload End modul frmcustomermanagement.btnedit_click : frmcustomermanagement.btndelete_click : Melakukan aksi ketika tombol delete ditekan Hapus data customer dengan ID tersebut (sesuai yang dipilih dari grid) dari database End modul frmcustomermanagement.btndelete_click

104 : frmcustomerdetail.formload : Menampilkan form frmcustomerdetail Parameter Input : IsEdit, ID customer Jika IsEdit Maka Tampilkan rincian customer berdasarkan ID customer End modul frmcustomerdetail.formload : frmcustomerdetail.btnsave_click : Melakukan aksi ketika tombol save ditekan Simpan data customer ke dalam database Tutup form frmcustomerdetail End modul frmcustomerdetail.btnsave_click : frmcustomerdetail.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmcustomerdetail End modul frmcustomerdetail.btnclose_click : frmcustomerchangepassword.btnsave_click : Melakukan aksi ketika tombol save ditekan Jika txtpasswordlama GetCustomerPassword Maka Tampilkan pesan Password Salah Lainnya, Jika txtpasswordbaru txtkonfirmasipasswordbaru Maka Tampilkan pesan Password baru tidak sesuai Lainnya Simpan password baru (txtpasswordbaru) ke database End modul frmcustomerchangepassword.btnsave_click Parameter Input : GetCustomerPassword : Mengambil password customer dari database : ID customer

105 Parameter Output : password customer Set password customer = password dari database untuk customer dengan ID customer ini End modul GetCustomerPassword : frmrequestchannel.txtid_keypress : Melakukan aksi ketika tombol ditekan pada textbox ID Parameter Input : keycode Jika keycode = enter Maka Jika CekCustomerExists Maka Tampilkan rincian channel yang direquest untuk ID customer ini Lainnya Tampilkan pesan ID tidak ditemukan End modul frmrequestchannel.txtid_keypress : CekCustomerExists : Memeriksa apakah ID customer ini ada di database Parameter Input : ID customer Parameter Output : Cek Jika ID customer terdapat dalam database Maka Set Cek = benar Lainnya Set Cek = salah End modul CekCustomerExists : frmrequestchannel.btnbrowse_click : Melakukan aksi ketika tombol browse ditekan frmfindcustomer.formload End modul frmrequestchannel.btnbrowse_click : frmfindcustomer.formload : Melakukan aksi ketika tombol browse ditekan Tampilkan semua customer dari database End modul frmfindcustomer.formload

106 : frmfindcustomer.btnok : Melakukan aksi ketika tombol OK ditekan Parameter Output : ID customer Kembalikan ID customer pada form pemanggil Tutup form frmfindcustomer End modul frmfindcustomer.btnok : frmfindcustomer.btncancel : Melakukan aksi ketika tombol cancel ditekan Tutup form frmfindcustomer End modul frmfindcustomer.btncancel : frmrequestchannel.btnrequest_click : Melakukan aksi ketika tombol request ditekan Tampilkan konfirmasi proses request Jika hasil konfirmasi adalah OK Maka Meminta inputan password customer Jika password customer salah Maka Tampilkan pesan Proses request dibatalkan Lainnya Simpan transaksi request pada database Lainnya Tampilkan pesan Proses request dibatalkan End modul frmrequestchannel.btnrequest_click : frmrequestchannel.btncancel_click : Melakukan aksi ketika tombol cancel ditekan Kosongkan isi form End modul frmrequestchannel.btncancel_click : frmrequestvideo.txtid_keypress : Melakukan aksi ketika tombol ditekan pada textbox ID

107 Parameter Input : keycode Jika keycode = enter Maka Jika CekCustomerExists Maka Tampilkan rincian video yang direquest untuk ID customer ini Lainnya Tampilkan pesan ID tidak ditemukan End modul frmrequestvideo.txtid_keypress : frmrequestvideo.btnbrowse_click : Melakukan aksi ketika tombol browse ditekan frmfindcustomer.formload End modul frmrequestvideo.btnbrowse_click : frmrequestvideo.cmbcategory_indexchange : Melakukan aksi ketika index cmbcategory berubah Tampilkan video sesuai dengan category yang dipilih End modul frmrequestvideo.cmbcategory_indexchange : frmrequestvideo.btnrequest_click : Melakukan aksi ketika tombol request ditekan Tampilkan konfirmasi proses request Jika hasil konfirmasi adalah OK Maka Meminta inputan password customer Jika password customer salah Maka Tampilkan pesan Proses request dibatalkan Lainnya Simpan transaksi request pada database Lainnya Tampilkan pesan Proses request dibatalkan End modul frmrequestvideo.btnrequest_click

108 : frmrequestvideo.btncancel_click : Melakukan aksi ketika tombol cancel ditekan Kosongkan isi form End modul frmrequestvideo.btncancel_click : frmpaybilling.txtid_keypress : Melakukan aksi ketika tombol ditekan pada textbox ID Parameter Input : keycode Jika keycode = enter Maka Jika CekCustomerExists Maka Tampilkan rincian biaya yang telah direquest oleh ID customer ini Lainnya Tampilkan pesan ID tidak ditemukan End modul frmpaybilling.txtid_keypress : frmpaybilling.btnbrowse_click : Melakukan aksi ketika tombol browse ditekan frmfindcustomer.formload End modul frmpaybilling.btnbrowse_click : frmpaybilling.cmbyear_indexchange : Melakukan aksi ketika index cmbyear berubah Tampilkan rincian biaya sesuai dengan tahun yang dipilih End modul frmpaybilling.cmbyear_indexchange : frmpaybilling.cmbmonth_indexchange : Melakukan aksi ketika index cmbmonth berubah Tampilkan rincian biaya sesuai dengan bulan yang dipilih End modul frmpaybilling.cmbmonth_indexchange

109 : frmpaybilling.btnpay_click : Melakukan aksi ketika tombol pay ditekan Tampilkan konfirmasi proses pembayaran Jika hasil konfirmasi adalah OK Maka Simpan transaksi pembayaran pada database Lainnya Tampilkan pesan Proses pembayaran dibatalkan End modul frmpaybilling.btnpay_click : frmpaybilling.btncancel_click : Melakukan aksi ketika tombol cancel ditekan Kosongkan isi form End modul frmpaybilling.btncancel_click : frmbillinginformation.cmbyear_indexchange : Melakukan aksi ketika index cmbyear berubah Tampilkan rincian biaya sesuai dengan tahun yang dipilih End modul frmbillinginformation.cmbyear_indexchange : frmbillinginformation.cmbmonth_indexchange : Melakukan aksi ketika index cmbmonth berubah Tampilkan rincian biaya sesuai dengan bulan yang dipilih End modul frmbillinginformation.cmbmonth_indexchange : frmchannelschedule.btnprev_click : Melakukan aksi ketika tombol prev ditekan Tampilkan jadwal acara tiap channel untuk satu hari sebelumnya End modul frmchannelschedule.btnprev_click

110 : frmchannelschedule.btnnext_click : Melakukan aksi ketika tombol next ditekan Tampilkan jadwal acara tiap channel untuk satu hari setelahnya End modul frmchannelschedule.btnnext_click : frmchannelschedule.btnsave_click : Melakukan aksi ketika tombol save ditekan Tampilkan konfirmasi proses simpan ke database Jika hasil konfirmasi adalah OK Maka Simpan acara-acara untuk semua channel pada database Lainnya Tampilkan pesan Proses penyimpanan dibatalkan End modul frmchannelschedule.btnsave_click : frmchannelschedule.btncancel_click : Melakukan aksi ketika tombol cancel ditekan Kosongkan isi form End modul frmchannelschedule.btncancel_click : frmnewsandevents.btnnew_click : Melakukan aksi ketika tombol new ditekan frmnewsdetail.formload End modul frmnewsandevents.btnnew_click : frmnewsandevents.btnedit_click : Melakukan aksi ketika tombol edit ditekan frmnewsdetail.formload End modul frmnewsandevents.btnedit_click

111 : frmnewsandevents.btndelete_click : Melakukan aksi ketika tombol delete ditekan Hapus news dengan ID tersebut (sesuai yang dipilih dari grid) dari database End modul frmnewsandevents.btndelete_click : frmnewsdetail.formload : Menampilkan form frmnewsdetail Parameter Input : IsEdit, ID news Jika IsEdit Maka Tampilkan rincian news berdasarkan ID news End modul frmnewsdetail.formload : frmnewsdetail.btnsave_click : Melakukan aksi ketika tombol save ditekan Simpan data news ke dalam database Tutup form frmnewsdetail End modul frmnewsdetail.btnsave_click : frmnewsdetail.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmnewsdetail End modul frmnewsdetail.btnclose_click : frmchannel.btnnew_click : Melakukan aksi ketika tombol new ditekan frmchanneldetail.formload End modul frmchannel.btnnew_click : frmchannel.btnedit_click : Melakukan aksi ketika tombol edit ditekan

112 frmchanneldetail.formload End modul frmchannel.btnedit_click : frmchannel.btndelete_click : Melakukan aksi ketika tombol delete ditekan Hapus channel dengan ID tersebut (sesuai yang dipilih dari grid) dari database End modul frmchannel.btndelete_click : frmchanneldetail.formload : Menampilkan form frmchanneldetail Parameter Input : IsEdit, ID channel Jika IsEdit Maka Tampilkan rincian channel berdasarkan ID channel End modul frmchanneldetail.formload : frmchanneldetail.btnsave_click : Melakukan aksi ketika tombol save ditekan Simpan data channel ke dalam database Tutup form frmchanneldetail End modul frmchanneldetail.btnsave_click : frmchanneldetail.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmchanneldetail End modul frmchanneldetail.btnclose_click : frmvideoondemand.btnnew_click : Melakukan aksi ketika tombol new ditekan frmvideodetail.formload End modul frmvideoondemand.btnnew_click

113 : frmvideoondemand.btnedit_click : Melakukan aksi ketika tombol edit ditekan frmvideodetail.formload End modul frmvideoondemand.btnedit_click : frmvideoondemand.btndelete_click : Melakukan aksi ketika tombol delete ditekan Hapus video dengan ID tersebut (sesuai yang dipilih dari grid) dari database End modul frmvideoondemand.btndelete_click : frmvideodetail.formload : Menampilkan form frmvideodetail Parameter Input : IsEdit, ID video Jika IsEdit Maka Tampilkan rincian video berdasarkan ID video End modul frmvideodetail.formload : frmvideodetail.btnsave_click : Melakukan aksi ketika tombol save ditekan Simpan data video ke dalam database Tutup form frmvideodetail End modul frmvideodetail.btnsave_click : frmvideodetail.btnclose_click : Melakukan aksi ketika tombol close ditekan Tutup form frmvideodetail End modul frmvideodetail.btnclose_click

114 : frmstaffmanagement.btnnew_click : Melakukan aksi ketika tombol new ditekan frmstaffdetail.formload End modul frmstaffmanagement.btnnew_click : frmstaffmanagement.btnedit_click : Melakukan aksi ketika tombol edit ditekan frmstaffdetail.formload End modul frmstaffmanagement.btnedit_click : frmstaffmanagement.btndelete_click : Melakukan aksi ketika tombol delete ditekan Hapus staff dengan ID tersebut (sesuai yang dipilih dari grid) dari database End modul frmstaffmanagement.btndelete_click : frmstaffdetail.formload : Menampilkan form frmstaffdetail Parameter Input : IsEdit, ID staff Jika IsEdit Maka Tampilkan rincian staff berdasarkan ID staff End modul frmstaffdetail.formload : frmstaffdetail.btnsave_click : Melakukan aksi ketika tombol save ditekan Simpan data staff ke dalam database Tutup form frmstaffdetail End modul frmstaffdetail.btnsave_click : frmstaffdetail.btnclose_click : Melakukan aksi ketika tombol close ditekan

115 Tutup form frmstaffdetail End modul frmstaffdetail.btnclose_click : frmcategory.btnnew_click : Melakukan aksi ketika tombol new ditekan Aktifkan txttype Set txttype = (kosong) End modul frmcategory.btnnew_click : frmcategory.btnedit_click : Melakukan aksi ketika tombol edit ditekan Aktifkan txttype Set txttype = dengan category yang dipilih dari list End modul frmcategory.btnedit_click : frmcategory.btnsave_click : Melakukan aksi ketika tombol save ditekan Simpan data category ke dalam database Non-aktifkan txttype End modul frmcategory.btnsave_click : frmcategory.btncancel_click : Melakukan aksi ketika tombol cancel ditekan Non-aktifkan txttype End modul frmcategory.btncancel_click : frmcategory.btndelete_click : Melakukan aksi ketika tombol delete ditekan Hapus category dengan ID tersebut (sesuai yang dipilih dari list) dari database End modul frmcategory.btndelete_click

116 3.6.9. Perancangan Front End Sistem IPTV Bagian ini membahas perancangan yang akan dilakukan untuk pembuatan front end sistem IPTV. 3.6.9.1. Perancangan Struktur Menu Dalam perancangan front end sistem IPTV, menu-menunya akan dirancang seperti berikut: About Configuration Mulai Layar Utama Administration Media Channel List Video List Channel Schedule Request Channel Video Gambar 3.66 Struktur Menu Front End Berikut adalah penjelasan dari masing-masing menu tersebut: Layar Utama: Layar ini adalah layar pertama yang dilihat oleh pelanggan ketika menyalakan Set-Top Box. Terdapat beberapa menu yang terdapat di dalamnya:

117 Menu Channel List adalah menu yang berisi daftar channel serta preview dari channel yang telah dipesan oleh pelanggan. Dari menu ini, pelanggan juga dapat langsung menonton dan sekaligus merekam channel yang dipilih. Menu Video List adalah menu yang berisi daftar video serta preview dari video yang telah dipesan oleh pelanggan. Dari menu ini, pelanggan juga dapat langsung menonton dan sekaligus merekam video yang dipilih. Menu Channel Schedule adalah menu yang berisi jadwal-jadwal siaran dari setiap channel yang terdaftar. Menu Request adalah menu yang dapat digunakan pelanggan untuk memesan video atau channel. Terdapat dua submenu, yaitu video dan channel: Submenu Video dapat digunakan pelanggan untuk memesan video yang tersedia di server. Submenu Channel dapat digunakan pelanggan untuk memesan channel yang tersedia di server. Menu Media adalah menu yang berisi daftar media yang pernah direkam oleh pelanggan sebelumnya pada menu Channel List atau Video List. Menu Administration adalah menu yang berisi detail tagihan untuk bulan berjalan. Menu Configuration adalah menu yang berfungsi untuk mengubah password pelanggan. Menu About adalah menu yang berisi keterangan mengenai pembuat aplikasi.

118 3.6.9.2. Perancangan Layar 1. Layar Channel List Gambar 3.67 Layar Channel List Layar ini adalah layar yang menampilkan seluruh daftar channel yang telah dipesan oleh pelanggan. Pelanggan dapat menekan tombol up atau down untuk memilih channel yang diinginkan, lalu dapat menekan tombol accept untuk memilih channel dan menonton dalam modus fullscreen.

119 2. Layar Video List Gambar 3.68 Layar Video List Layar ini adalah layar yang menampilkan seluruh daftar video yang telah dipesan oleh pelanggan. Pelanggan dapat menekan tombol up atau down untuk memilih video yang diinginkan, lalu dapat menekan tombol accept untuk memilih video dan menonton dalam modus fullscreen.

120 3. Layar Channel Schedule Gambar 3.69 Layar Channel Schedule Layar ini adalah layar yang menampilkan seluruh jadwal channel yang tersedia. Untuk memilih tanggal, pelanggan dapat menekan tombol left ataupun right. Untuk melihat keseluruhan jadwal, dapat menekan tombol up maupun down.

121 4. Layar Request Gambar 3.70 Layar Request Layar ini adalah layar yang dapat digunakan pelanggan untuk me-request channel ataupun video. Pelanggan dapat memilih video atau channel. Apabila pelanggan memilih video, maka pelanggan dapat memilih kategori video dengan menekan tombol left atau right, lalu menekan tombol accept untuk memilih video yang diinginkan. Apabila pelanggan memilih channel, maka dapat langsung memilih channel yang diinginkan. Pelanggan dapat menekan tombol up atau down untuk memilih video atau channel yang dipilih, lalu menekan tombol accept untuk memilih video atau channel. Tekan tombol back untuk kembali ke menu sebelumnya. Terdapat konfirmasi apabila pelanggan memilih satu atau lebih video atau channel. Video atau channel yang dipilih dapat langsung disaksikan pada menu channel list dan video list.

122 5. Layar Media Gambar 3.71 Layar Media Layar ini adalah layar yang digunakan pelanggan untuk menonton kembali channel atau video yang telah direkam, ketika pelanggan menggunakan modus perekaman dalam layar channel atau layar video.

123 6. Layar Administration Gambar 3.72 Layar Administration Pada layar ini akan ditampilkan daftar channel dan video yang di-request oleh pelanggan pada bulan tersebut. Layar ini ditujukan agar pelanggan dapat mengetahui berapa jumlah uang yang harus dibayarkan dalam bulan tersebut.disini pelanggan juga dapat mengetahui tanggal berapa request untuk channel dan video tersebut dilakukan.

124 7. Layar Configuration Gambar 3.73 Layar Configuration Layar ini ditujukan untuk mengganti password pelanggan. Ada tiga tahapan dalam penggantian password. Tahap pertama, pelanggan harus memasukkan password lamanya. Tahap kedua, pelanggan harus memasukkan password barunya. Dan tahap ketiga, pelanggan harus memasukkan kembali password barunya sebagai pencegahan terjadinya kesalahan dalam pengetikan. Setelah ketiga tahap ini dilalui, maka password baru pelanggan akan disimpan kedalam database.

125 8. Layar About Gambar 3.74 Layar About Layar ini ditujukan untuk menampilkan pembuat aplikasi ini dan sekaligus sebagai bukti bahwa aplikasi ini merupakan aplikasi buatan sendiri. 3.6.9.3. Perancangan Navigation Diagram Berikut ini adalah rancangan navigation diagram untuk menu front end sistem IPTV.

Gambar 3.75 Navigation Diagram Menu Utama Front End 126

127 1. Navigation Diagram untuk Menu Channel List Gambar 3.76 Navigation Diagram Menu Channel List 2. Navigation Diagram untuk Menu Video List Gambar 3.77 Navigation Diagram Menu Video List

128 3. Navigation Diagram untuk Menu Channel Schedule Main Menu (Menu Utama) Pilih Menu Channel Schedule Tampilkan Layar Channel Schedule Tekan Back Kembali ke Menu Utama Tekan Down Tampilkan Jadwal Tayang Berikutnya Tekan Left Tampilkan jadwal tayang hari sebelumnya Channel Schedule Tekan Up Tampilkan Jadwal Tayang Sebelumnya Tekan Right Tampilkan jadwal tayang hari berikutnya Gambar 3.78 Navigation Diagram Menu Channel Schedule 4. Navigation Diagram untuk Menu Request Main Menu (Menu Utama) Tekan Back Kembali ke Menu Utama Pilih Menu Request Tampilkan Layar Request Pilih Video Tampilkan Category dan Video yang tersedia Video Category Request Pilih Channel Tampilkan Channel yang tersedia Channel Tekan Back Kembali ke Layar Request Gambar 3.79 Navigation Diagram Menu Request

129 5. Navigation Diagram untuk Menu Request ketika memilih Video Request Tekan Back Kembali ke Layar Request Pilih Video Tampilkan Category dan Video yang tersedia Tekan Kiri Pilih Category sebelumnya Video Category Tekan Kanan Pilih Category berikutnya Tekan Back Me-request Video (jika ada yang dipilih) Dan kembali ke Video Category Tekan Accept Pilih Video yang ingin di-request Tekan Atas / Bawah Memilih Video untuk di-request Video Tekan Kanan Memilih / Membatalkan Video untuk di-request Gambar 3.80 Navigation Diagram Menu Request Video 6. Navigation Diagram untuk Menu Request ketika memilih Channel Request Tekan Back Me-request Channel (jika ada yang dipilih) Dan kembali ke Layar Request Pilih Channel Tampilkan Channel yang tersedia Tekan Atas / Bawah Memilih Channel untuk di-request Channel Tekan Kanan Memilih / Membatalkan Channel untuk di-request Gambar 3.81 Navigation Diagram Menu Request Channel

130 7. Navigation Diagram untuk Menu Media Main Menu (Menu Utama) Tekan Back Kembali ke Menu Utama Pilih Menu Media Tampilkan Layar Media Tekan Down Pilih Media berikutnya Tekan Accept Tampilkan Media fullscreen Tekan Record Delete Media Tekan Up Pilih Media sebelumnya Media Tekan Volume Mengatur besar suara Tekan Nomor(1-9) Tampilkan Media yang sesuai nomor Tekan Mute Menghilangkan suara / mengembalikan suara Tekan Pause Menghentikan Media sementara / melanjutkan Media Gambar 3.82 Navigation Diagram Menu Media

131 8. Navigation Diagram untuk Menu Configuration Gambar 3.83 Navigation Diagram Menu Configuration 9. Navigation Diagram untuk Menu About Gambar 3.84 Navigation Diagram Menu About

132 3.6.9.4. Perancangan : main : Menjalankan aplikasi utama bukakoneksidatabase mdiiptv.formload End modul main : bukakoneksidatabase : Membuka koneksi ke database Parameter Input : connectionstring Buka koneksi ke database sesuai dengan connectionstring End modul bukakoneksidatabase : RunStoredProcedure : Menjalankan sebuah stored procedure dari database Parameter Input : procedurename Parameter Output : result Jalankan stored procedure sesuai nama procedure End modul RunStoredProcedure : GetVideoChannelByCustomer : Mengambil daftar video atau channel berdasarkan pelanggan Parameter Input : sender Parameter Output : targetdt Jika sender = btnmenuvideo Maka Set result = RunStoredProcedure IPTV_GetCustomerRequestedVideo Lainnya Set result = RunStoredProcedure IPTV_GetCustomerRequestedChannel Set targetdt = result End modul GetVideoChannelByCustomer : FillVideoChannelList : Mengambil daftar video atau channel Parameter Input : sender Parameter Output : targetdt Jika sender = btnrequestvideo Maka

133 Set result = RunStoredProcedure IPTV_GetVideoForRequest Lainnya Set result = RunStoredProcedure IPTV_GetChannelForRequest Set targetdt = result End modul GetVideoChannelByCustomer : mdiiptv.formload : Menjalankan form mdiiptv frmmenus.formload End modul mdiiptv.formload : frmmenus.formload : Menjalankan form frmmenus Tampilkan semua button menu End frmmenus.formload : frmmenus.btnmenu_click : Melakukan action apabila tombol menu di klik Parameter Input : btnmenu Jika btnmenu = btnmenuvideo or btnmenu = btnmenuchannel Maka frmchannels.formload Lainnya, Jika btnmenu = btnmenurequest Maka frmrequests.formload Lainnya, Jika btnmenu = btnmenuschedule Maka frmschedules.formload Lainnya, Jika btnmenu = btnmenumedia Maka frmmedia.formload Lainnya, Jika btnmenu = btnmenuadministration Maka frmadministration.formload Lainnya, Jika btnmenu = btnmenuconfiguration Maka frmconfiguration.formload Lainnya, Jika btnmenu = btnmenuabout Maka frmabout.formload End frmmenus.btnmenu_click

134 : frmchannels.formload : Menjalankan form frmchannels GetVideoChannelByCustomer btnmenu Play channel / video End frmchannels.formload : frmchannels.btnchannel_keydown : Melakukan action apabila menekan tombol pada keyboard Parameter Input : keycode Jika keycode = Q Maka Tutup frmchannels Lainnya, Jika keycode = + Maka Tambah volume channel / video Lainnya, Jika keycode = - Maka Kurangi volume channel / video Lainnya, Jika keycode = M Maka Jika muted Maka Set volume menjadi unmute Lainnya Set volume menjadi mute Lainnya, Jika keycode = W Maka Pilih channel / video sebelumnya Lainnya, Jika keycode = S Maka Pilih channel / video selanjutnya Lainnya, Jika keycode = A Maka Pilih 5 channel / video sebelumnya Lainnya, Jika keycode = D Maka Pilih 5 channel / video selanjutnya Lainnya, Jika keycode > 0 dan keycode < 9 Maka Pilih nomor channel / video sesuai keycode Lainnya, Jika keycode = P Maka Jika paused Maka Play channel / video Lainnya Pause channel / video Lainnya, Jika keycode = E Maka Jika fullscreen Maka Set ukuran channel menjadi normal Lainnya Set ukuran channel menjadi fullscreen

135 Lainnya, Jika keycode = R Maka Jika recording Maka Berhenti rekam channel Lainnya Mulai rekam channel End frmchannels.btnchannel_keydown : frmrequests.formload : Menjalankan form frmrequests FillVideoChannelList btnrequestvideo Ulangi untuk setiap channel / video Jika sudah pernah dipesan Maka Tampilkan masa aktif End frmrequests.formload : frmrequests.btnrequest_keydown : Melakukan action jika menekan tombol pada keyboard Parameter Input : keycode Jika keycode = S Maka FillVideoChannelList btnrequestchannel Lainnya, Jika keycode = W Maka FillVideoChannelList btnrequestvideo Lainnya, Jika keycode = E Maka Pilih kategori (frmrequests.btncategory_keydown) Lainnya, Jika keycode = A Or keycode = Q Maka Tutup frmrequests End frmrequests.btnrequest_keydown : frmrequests.btncategory_keydown : Melakukan action jika menekan tombol pada keyboard Parameter Input : keycode Jika keycode = E Maka Pilih channel / video (frmrequests.list_keydown) Lainnya, Jika keycode = A Maka

136 Pilih kategori sebelumnya Lainnya, Jika keycode = D Maka Pilih kategori selanjutnya Lainnya, Jika keycode = Q Maka Pilih jenis request (frmrequests.btnrequest_keydown) End frmrequests.btncategory_keydown : frmrequests.list_keydown : Melakukan action jika menekan tombol pada keyboard Parameter Input : keycode Jika keycode = W Maka Pilih item sebelumnya Lainnya, Jika keycode = S Maka Pilih item selanjutnya Lainnya, Jika keycode = E Maka Jika selected Maka Unselect item Lainnya Select item Lainnya, Jika keycode = Q Maka Jika terdapat item yang diselect Maka Jika konfirmasi = setuju Maka Ulangi untuk setiap item yang diselect RunStoredProcedure IPTV_CreateTrCustomer Pilih kategori (frmrequests.btncategory_keydown) End frmrequests.list_keydown : frmschedules.loadschedules : Menjalankan form frmschedules Parameter Input : date RunStoredProcedure IPTV_GetChannelName Ulangi untuk setiap channel Set result = RunStoredProcedure IPTV_GetProgramNameByChannelStart Tampilkan result ke grid

137 End frmschedules.loadschedules : frmschedules.formload : Menjalankan form frmschedules frmschedules.loadschedules End frmschedules.formload : frmschedules.btnnavigation_keydown : Melakukan action jika menekan tombol pada keyboard Parameter Input : keycode Jika keycode = D Maka frmschedules.loadschedules (day + 1) Lainnya, Jika keycode = A Maka frmschedules.loadschedules (day 1) Lainnya, Jika keycode = S Maka Scroll ke bawah Lainnya, Jika keycode = Q Maka Tutup frmschedules End frmschedules.btnnavigation_keydown : frmmedia.formload : Menjalankan form frmmedia frmmedia.getmediarecorded Play media End frmmedia.formload : frmmedia.getmediarecorded : Mengambil semua media yang pernah direkam Ulangi untuk setiap file di direktori rekam Jika file extension = avi Maka Tambah file ke daftar media End frmmedia.getmediarecorded

138 : frmmedia.btnmedia_keydown : Melakukan action apabila menekan tombol pada keyboard Parameter Input : keycode Jika keycode = Q Maka Tutup frmmedia Lainnya, Jika keycode = + Maka Tambah volume media Lainnya, Jika keycode = - Maka Kurangi volume media Lainnya, Jika keycode = M Maka Jika muted Maka Set volume menjadi unmute Lainnya Set volume menjadi mute Lainnya, Jika keycode = W Maka Pilih media sebelumnya Lainnya, Jika keycode = S Maka Pilih media selanjutnya Lainnya, Jika keycode = A Maka Pilih 5 media sebelumnya Lainnya, Jika keycode = D Maka Pilih 5 media selanjutnya Lainnya, Jika keycode > 0 dan keycode < 9 Maka Pilih nomor media sesuai keycode Lainnya, Jika keycode = P Maka Jika paused Maka Play media Lainnya Pause media Lainnya, Jika keycode = E Maka Jika fullscreen Maka Set ukuran media menjadi normal Lainnya Set ukuran media menjadi fullscreen Lainnya, Jika keycode = R Maka Jika konfirmasi delete = yes Maka Hapus file rekaman End frmmedia.btnmedia_keydown

139 : frmadministration.formload : Menjalankan form frmadministration Tampilkan tagihan bulan saat itu End frmadministration.formload : frmconfiguration.formload : Menjalankan form frmconfiguration Meminta inputan password End frmconfiguration.formload : frmabout.formload : Menjalankan form frmabout Tampilkan Halaman About End frmabout.formload

2024 © DocPlayer.info Pengaturan dan alat privasi | Ketentuan | Tanggapan