Layar 3.38 Layar Delete S chedule 3
7. Navigation Diagram untuk Menu Video On Demand
Menu Utama
Video on Demand
View video r equest
Upload video
Halaman Login Pilih menu Video on Demand
Tampilk an menu Video on Demand
Pilih submenu View video r equest Tampilkan submenu View video r equest
Pilih submenu Upload video Tampilk an submenu Upload v ideo
P ilih s ubmenu Home K embali k e menu utama
Pilih submenu Logout Kembali k e layar Login Pilih submenu View or delete genre
Tampilk an submenu View or delete genre Pilih submenu Edit or delete v ideo Tampilk an submenu E dit or delete video
Pilih submenu A dd new genre T ampilkan s ubmenu Add new genr e
E dit or delete video
Add new genre
View or delete genr e
Gambar 3.79 Navigation Diagram Menu Video on Demand
Berikut adalah navigation diagram ketika memilih submenu View video request:
Me nu Utam a
Video on Dem and
Vie w video req uest Pilih m en u Video o n Dema nd Ta mpilkan m enu Video o n Dema nd
Pilih su bme nu View vide o reque st
Tamp ilkan su bme nu View vid eo reque st
Data te rha pus Pilih Yes
Hapu s data dari Databa se
P roses S ele sai Kem bali ke Layar Jad wal yang dipilih
Kon firm asi
Pilih option Com plete Tam pilka n Kon firm asi Pilih Can ce l
Kem bali ke laya r Jad wal yang d ip ilih
Gambar 3.80 Navigation Diagram Menu View video request Berikut adalah navigation diagram saat memilih submenu Upload video:
Menu utama
Video on Demand
Data Tersimpan
Upload Video Pilih menu Video on Demand Tampilkan menu Video on Demand
Pilih submenu Upload Video
Tampilk an submenu Upload Video
Masuk kan file Tampilk an file
Masukk an genr e Tampilkan genre
Masukk an Title Tampilkan Title
Masuk kan Ar tist Tampilk an Artist
Proses selesai Tampilkan lay ar Inf or mas i Video
Pilih submit Simpan ke database
Mas uk kan price T ampilk an price
Masuk kan Des cription Tampilkan Descr iption Informasi v ideo
Mas ukkan pic ture T ampilk an picture
Pilih option Back Kembali ke layar Edit
Mas uk kan dur ation Tampilkan dur ation
Berikut adalah navigation diagram saat memilih submenu Edit or Delete video:
Menu utama
Video on Demand Pilih menu Video on Demand Tampilkan menu Video on Demand
Pilih submenu Edit or delete video T ampilk an submenu Edit or delete video
Edit or delete v ideo Layar Edit
Layar Delete
Pilih option Edit Tampilkan layar Edit
Pilih option Delete Tampilk an layar Delete
Gambar 3.82 Navigation Diagram Menu Edit or Delete video Berikut adalah navigation diagram ketika memilih submenu Edit video :
Video on Demand
Data Tersimpan
Layar Edit Pilih submenu Edit or delete video Tampilkan submenu Edit or delete video
Masukkan Genre Tampilkan G enr e Masukkan Title Tampilkan Title Masukkan Ar tist Tampilkan Artist Masukkan Description Tampilkan Descr iption
Pr oses selesai Tampilkan layar Informasi Video
Pilih submit Simpan data ke Database Masukkan price T ampilkan pr ice Masukkan picture T ampilkan picture Informasi video
Pilih option Back Kembali ke Layar Edit or delete Video
Edit or delete video
Pilih option Edit T ampilkan layar Edit
Pilih option change def ault pictur e Kembali ke Layar Edit
Pilih option Back Kembali ke Layar
Edit
Masukkan dur ation Tampilkan dur ation
Berikut adalah navigation diagram saat memilih submenu Delete video:
Videon on Demand Pilih submenu Edit or delete video Tampilk an submenu Edit or delete video
Edit or delete video Pilih option Delete
Tampilkan Konfirmasi
Data Terhapus Proses selesai Kembali ke Layar Edit or
delete video
Pilih yes Hapus data dar i Database Pilih Cancel
Kem bali ke Layar Edit or delete video
Konfirmasi
Gambar 3.84 Navigation Diagram Menu Delete video
Berikut adalah navigation diagram saat memilih submenu Add new genre:
Menu utam a
Video on Dem and
Data Tersim pan
Add new genre Pilih m enu Video on Demand Tam pilkan m enu Video on Dem and
Pilih submenu Add new genre Tampilkan subm enu Add new genre
Masukkan Genre name Tam pilkan Genre name
Proses selesai Kembali ke layar Add
new genre
Pilih submit Sim pan data ke
D atabase
Berikut adalah navigation diagram saat memilih submenu View or Delete genre:
Video on Demand
Pilih submenu View or delete genre T ampilkan submenu View or delete genre
View or delete genre Pilih Cancel
Kembali ke View or delete genre
Data T erhapus Proses selesai Kembali ke layar View
or delete genre
Pilih yes Hapus data dari Database
Pilih option Delete Tampilkan Konfirmasi Konfirmasi
Menu Utama
Pilih menu Video on Demand Tampilkan menu Video on Demand
8. Navigation Diagram untuk Menu Customer Billing
Menu Utama
Customer Billing
View Customer Billin g Pilih menu Customer Billing T ampilkan menu Customer Billing
Pilih submenu View customer billing Tampilkan submenu View customer billing
Masukkan month Tampilkan m onth Masukkan year Tampilkan year Pilih Go Tampilkan list customer billing Pilih option Back
Kembali ke layar View C ustome r Billing
List Customer Billing Detail Billing
Pilih option Back Kembali ke layar List Customer Billing Pilih usernam e T ampilkan detail billing
Gambar 3.87 Navigation Diagram Menu Customer Billing
Berikut adalah navigation diagram ketika memilih submenu Detail Billing:
Konfirmasi Pilih option Pay Tampilkan konfirmasi List Customer Billing
Detail Billing
Pilih option Back Kembali ke layar List Customer Billing Pilih username T ampilkan detail billing
Pilih option Print T ampilkan layar Pr intout Billing
Layar Printout Billing
Pilih option Yes Kembali ke Detail
Billing Pilih option cancel Kembali ke Detail
Billing Pilih option Back Kembali ke Detail
9. Navigation Diagram untuk Menu News
M enu Utam a
News
A dd news
E dit or delete news
Halam an Login Pilih m enu News
Tam pilk an menu News
Pilih subm enu Add news Tampilkan subm enu Add news
Pilih subm enu E dit or delete news Tam pilk an subm enu Edit or delete news
P ilih s ubmenu Hom e K em bali k e m enu utam a
P ilih submenu Logout Kembali ke layar Login
Gambar 3.89 Navigation Diagram Menu News
Berikut adalah navigation diagram ketika memilih submenu Add News :
Menu Uta ma
News
Add news Pilih menu N ews Tampilkan m enu New s
Pilih menu Ad d news Tam pilkan me nu Add news
D ata Te rsim pan Proses Selesa i
Kembali ke Layar Add new s
Masukka n Description Tamp ilkan Description Masu kkan Sub ject
Tampilkan Su bject
Pilih Subm it Simpan data ke
Berikut adalah navigation diagram saat memilih submenu Edit or Delete News:
Menu utama
News Pilih menu News Tampilkan menu News
Pilih submenu Edit or delete news Tampilk an submenu Edit or delete news
Edit or delete news Layar Edit
Layar Delete
Pilih option Edit Tampilkan layar Edit
Pilih option Delete Tampilk an layar Delete
Gambar 3.91 Navigation Diagram Menu Edit or Delete News Berikut adalah navigation diagram ketika memilih submenu Edit News :
News
Data Tersimpan
Edit or delete news Pilih submenu Edit or delete news Tampilkan submenu Edit or delete news
Pilih submenu Back Kembali ke layar Edit
or delete news
Masukkan description T ampilkan description Pr oses selesai
Kembali ke layar Edit or delete news
Pilih submit Simpan data ke
Database
Layar Edit Pilih option Edit
Tampilkan layar Edit
Berikut adalah navigation diagram ketika memilih submenu Delete News :
News
Data Terhapus
Edit or delete news Pilih submenu Edit or delete news Tampilkan submenu Edit or delete news
Pilih option Delete Tampilkan konfirmasi
Proses selesai Kembali ke layar Edit or delete news
Pilih Yes Hapus data dar i
Database
Konfirmasi Pilih Cancel
Kembali ke layar Edit or delete news
3.6.9 Perancangan Front – End S istem IPTV
Bagian ini akan membahas perancangan yang akan dilakukan untuk pembuatan front – end sistem IPTV.
3.6.9.1 Perancangan S truktur Menu
Pada perancangan layar front – end sistem IPTV, menu – menunya ialah sebagai berikut:
Lay ar Utama
Login Main Menu
Change P as sword
Logout
Wat ch TV TV S chedule Video on
Demand Billi ng Reques t News Contac t us
Mulai
Gambar 3.94 S truktur Menu Front – End Sistem IPTV
Seperti yang tertera pada gambar 3.94 , menu front – end sistem IPTV dimulai dengan layar utama. Layar utama ini akan muncul pertama kali saat pelanggan menyalakan set – top box, yang berisi halaman login dan menu – menu utama pada front – end sistem IPTV.
Setelah pelanggan memasukkan username dan password pada halaman Login, pelanggan dapat mengubah password lewat menu Change password.
Ada beberapa menu utama yang dapat diakses tanpa keharusan login terlebih dahulu, yaitu menu Watch TV, TV Schedule, News, dan Contact us. Sedangkan menu – menu yang lain membutuhkan proses login terlebih dahulu, yaitu menu Video on Demand, Billing dan Request.
3.6.9.2 Perancangan Layar 1. Layar Login
PT INDONUSA SYSTEM INTEGRATOR PRIMA
W atch TV TV Schedule Video on Demand Billing Request News Contact Us
Please login first! Username Password
Login
Gambar 3.95 Layar login
Layar ini merupakan tempat login untuk pelanggan yang ingin melihat menu – menu tertentu, yaitu menu Video on Demand, Billing dan Request.