bab 4 awal - thesis.binus.ac.idthesis.binus.ac.id/doc/lain-lain/2010-1-00075-if bab 4.3.pdf · pada...
TRANSCRIPT
189
Gambar 4.85 Halaman Home Administrator
Layar di atas merupakan layar yang pertama kali diakses
oleh administrator setalah sukses melakukan login. Pada layar
ini terdapat berita-berita mengenai sistem internet TV extended
seperti penambahan atau update content yang di tulis oleh
administrator. Untuk dapat mengunjungi layar ini administrator
dapat mengklik menu Home pada list menu yang terdapat
disebelah kiri layar.
190
Gambar 4.86 Halaman Administator Management
Layar di atas dapat dikunjungi dengan mengklik menu
Admin Management pada list menu yang terdapat pada sebelah
kiri layar. Halaman Administrator Management berfungsi untuk
mengatur data administrator, baik dalam mengganti password
dengan mengklik button Change Password maupun mengganti
data pribadi dengan.
191
Gambar 4.87 Halaman Administator Management (Change Password)
Layar di atas terdapat pada halaman Administator
Management dimana administartor mengklik button Change
Password yang memunculkan menu Pop-Up Window yang
terdiri dari tiga buah textbox yaitu Enter Old Password untuk
memasukkan password yang sekarang digunakan, Enter New
Password untuk memasukkan password baru, Re-Type New
Password untuk mengkofirmasi penggantian password yang
baru dan dua buah button yaitu Change Password untuk
mengganti password dan Cancel untuk membatalkan
penggantian password dan menutup Pop-Up Window
penggantian password.
192
Gambar 4.88 Halaman Administator Management (Edit Personal Data)
Layar di atas terdapat pada halaman Administator
Management dimana administrator mengklik button Edit
Personal Data yang memunculkan menu Pop-Up Window yang
dapat digunakan oleh user untuk mengganti data dirinya namun
user tidak dapat mengganti UserID dan Username. Setelah
mengganti data dirinya user dapat mengklik buttn Edit Data
yang akan mengganti data user yang lama dengan yang baru atau
button Cancel untuk membatalkan penggantian data diri dan
menutup Pop-Up Window penggantian data diri.
193
Gambar 4.89 Halaman Customer Management
Layar di atas dapat dikunjungi dengan mengklik menu
Customer Management pada list menu yang terdapat pada
sebelah kiri layar. Pada layar ini administrator dapat
menambahkan pelanggan baru, menghapus pelanggan dan
mengedit data pelanggan.
194
Gambar 4.90 Halaman Customer Management (Delete Customer)
Layar di atas menunjukkan Pop-Up Window berupa
konfirmasi yang akan muncul ketika administrator akan
menghapus data pelanggan.
Gambar 4.91 Halaman Customer Management (Customer Detail)
Layar di atas menunjukkan Pop-Up Window yang berisi
detil data pelanggan yang dipilih oleh administrator. Pada Pop-
Up Window terdapat dua button yaitu button Edit yang berfungsi
untuk mengedit data pelanggan dan button Close yang berfungsi
menuntup Pop-Up Window.
195
Gambar 4.92 Halaman Customer Management (Customer Edit)
Layar di atas menunjukkan Pop-Up Window penggantian
data pelanggan ketika administrator mengklik button Edit,
Administrator dapat mengganti data diri pelanggan dan mengklik
button Edit Data untuk melakukan penggantian atau mengklik
button Cancel untuk membatalkan penggantian data pelanggan.
196 Gambar 4.93 Halaman Customer Management (Customer Add)
Layar di atas menunjukkan Pop-Up Window yang berisi
form data diri pelanggan yang muncul ketika administrator
mengklik button Add Customer. Administrator dapat mengisi
form tersebut dan mengklik button Add untuk menambahkan
pelanggan atau mengklik button Cancel untuk membatalkan
penambahan pelanggan dan menutup Pop-Up Window.
Gambar 4.94 Channel Management
Layar di atas dapat dikunjungi dengan mengklik menu
Channel Management pada list menu yang terdapat pada sebelah
kiri layar. Pada layar ini administrator dapat menambahkan
channel baru, menghapus channel dan mengedit data channel.
197
Gambar 4.95 Halaman Channel Management (Channel Delete)
Layar di atas menunjukkan Pop-Up Window berupa
konfirmasi yang akan muncul ketika administrator akan
menghapus data channel.
Gambar 4.96 Halaman Channel Management (Channel Edit)
198
Layar di atas menunjukkan penggantian data channel
ketika administrator mengklik link button Edit, Administrator
dapat mengganti data channel dan mengklik link button Update
untuk melakukan penggantian atau mengklik button Cancel
untuk membatalkan penggantian data channel.
Gambar 4.97 Halaman Channel Management (Channel Add)
Layar di atas menunjukkan Pop-Up Window yang berisi
form data channel ketika administrator mengklik button Add
Customer. Administrator dapat mengisi form tersebut dan
mengklik button Add untuk menambahkan channel atau
mengklik button Cancel untuk membatalkan penambahan
channel dan menutup Pop-Up Window.
c
y
Gambar 4
Gambar 4
Kedu
channel yan
yang tersedia
4.98 Halama
4.99 Halaman
ua layar di
g dipilih ole
a pada menu
an Live Strea
n Live Strea
atas menam
eh administr
u disebelah k
aming 1
ming 2
mpilkan Live
rator berdasa
kiri layar.
e Streaming
arkan list ch
199
g dari
annel
200
Gambar 4.100 Halaman Manage Video
Layar di atas dapat dikunjungi dengan mengklik menu
Manage Video pada list menu yang terdapat pada sebelah kiri
layar. Pada layar ini administrator dapat melihat detail video,
menghapus video dan mencari video.
201 Gambar 4.101 Halaman Manage Video (Video Search)
Layar di atas menunjukkan administrator dapat mencari
video yang dinginkan dengan memasukkan kata kunci pada
search bar yang ada.
Gambar 4.102 Halaman Manage Video (Video Delete)
Layar di atas menunjukkan Pop-Up Window berupa
konfirmasi yang akan muncul ketika administrator akan
menghapus data video.
202
Gambar 4.103 Halaman Manage Video (Video Detail)
Layar di atas menunjukkan Pop-Up Window yang berisi
detil data video yang dipilih oleh administrator. Pada Pop-Up
Window terdapat dua button yaitu button Edit yang berfungsi
untuk mengedit data video dan button Close yang berfungsi
menuntup Pop-Up Window.
203 Gambar 4.104 Halaman Manage Video (Video Edit)
Layar di atas menunjukkan Pop-Up Window penggantian
data video ketika administrator mengklik button Edit,
Administrator dapat mengganti data video dan mengklik button
Edit Data untuk melakukan penggantian atau mengklik button
Cancel untuk membatalkan penggantian data video.
Gambar 4.105 Halaman View Video Admin
Layar di atas dikunjungi ketika administrator mengklik
gambar pada video yang ingin ditonton. Pada layar ini terdapat
video player yang akan memutar video yang dipilih. Pada video
player terdapat fungsi start dan pause untuk memulai dan
menghentikan video yang sedang di putar, progress bar yang
204
memungkinkan pelanggan untuk untuk mempercepat atau
mengulang video, time bar yang menunjukkan lamanya video
yang diputar, sound untuk mengatur tingkat suara dan full-screen
untuk memperbesar video player menjadi sama dengan ukuran
layar yang digunakan oleh administrator.
Gambar 4.106 Halaman Video Upload
Layar di atas dapat dikunjungi dengan mengklik menu
Video Upload pada list menu yang terdapat pada sebelah kiri
layar. Pada layar ini administrator melakukan upload video dan
mengisi data mengenai video yang akan diupload.
205
Gambar 4.107 Halaman Video Upload (Confirm Upload)
Layar di atas menunjukkan Pop-Up Window yang
menunjukkan data video yang akan diupload oleh administrator.
Apabila semua data telah terisi dengan benar maka administrator
dapat mengklik button Upload Video untuk mengupload video
dan bila data yang dimasukkan tidak sesuai makan dapat
mengklik button Cancel untuk membatalkan proses upload dan
menutup Pop-Up Window.
206
Gambar 4.108 Halaman View Video Request
Layar di atas dapat dikunjungi dengan mengklik menu
View Video Request pada list menu yang terdapat pada sebelah
kiri layar. Pada layar ini administrator dapat melihat detail video
yang direquest pelanggan.
207 Gambar 4.109 Halaman View Video Request (update status)
Layar di atas menunjukkan penggantian status request
video dari pelanggan. Administrator dapat mengganti status
request video setelah mengupload video yang direquest oleh
pelanggan.
Gambar 4.110 Halaman Billing User
Layar di atas dapat dikunjungi dengan mengklik menu
View Billing pada list menu yang terdapat pada sebelah kiri
layar. Pada layar ini administrator dapat melihat detil tagihan
setiap pelanggan dengan mengklik link button Detail.
208
Gambar 4.111 Halaman Billing User (Billing Search)
Layar di atas menunjukkan administrator dapat mencari
pelanggan yang dinginkan dengan memasukkan kata kunci pada
search bar yang ada.
Gambar 4.112 Halaman Billing User (Billing Detail)
209
Layar di atas menunjukkan detil billing dari pelanggan
yang dipilih oleh administrator. Pada layar ini terdapat link
button Back untuk kembali ke halaman sebelumnya.
Gambar 4.113 Halaman Schedule Management
Layar di atas dapat dikunjungi dengan mengklik menu
Schedule Management pada list menu yang terdapat pada
sebelah kiri layar. Pada halaman ini administrator dapat melihat
jadwal acara dengan mengklik button berbentuk kalender untuk
membuka kalender yang berfungsi memilih tanggal dan
dropdownlist untuk memilih channel yang disediakan.
210
Gambar 4.114 Halaman Schedule Management (Calender View)
Layar di atas menunjukkan kalender yang digunakan oleh
administrator untuk memilih jadwal acara yang sesuai dengan
tanggal dan bulan dari kalender yang dipilih oleh administrator.
Gambar 4.115 Halaman Schedule Management (Schedule View)
211
Layar di atas menampilkan susunan acara berdasarkan
tanggal dan nama channel yang dipilih oleh administrator. Pada
halaman ini administrator dapat menambahkan jadwal,
mengganti jadwal dan menghapus jadwal.
Gambar 4.116 Halaman Schedule Management (Schedule Delete)
Layar di atas menunjukkan Pop-Up Window berupa
konfirmasi yang akan muncul ketika administrator akan
menghapus data jadwal acara.
212
Gambar 4.117 Halaman Schedule Management (Schedule Edit)
Layar di atas menunjukkan Pop-Up Window penggantian
data jadwal acara ketika administrator mengklik button Edit,
Administrator dapat mengganti data jadwal acara dan mengklik
button Update untuk melakukan penggantian atau mengklik
button Cancel untuk membatalkan penggantian data jadwal
acara.
213
Gambar 4.118 Halaman Schedule Management (Schedule Add)
Layar di atas menunjukkan Pop-Up Window yang berisi
form data jadwal acara ketika administrator mengklik button
Add Schedule. Administrator dapat mengisi form tersebut dan
mengklik button Add untuk menambahkan jadwal acara atau
mengklik button Cancel untuk membatalkan penambahan jadwal
acara dan menutup Pop-Up Window.
214
Gamba 4.119 Halaman News Management
Layar di atas dapat dikunjungi dengan mengklik menu
News Management pada list menu yang terdapat pada sebelah
kiri layar. Pada layar ini administrator dapat melihat detil news,
mengganti news dan menambahkan news.
215 Gambar 4.120 Halaman News Management (News Delete)
Layar di atas menunjukkan Pop-Up Window berupa
konfirmasi yang akan muncul ketika administrator akan
menghapus news.
Gambar 4.121 Halaman News Management (News Edit)
Layar di atas menunjukkan Pop-Up Window penggantian
news ketika administrator mengklik button Edit, Administrator
dapat mengganti news dan mengklik button Update untuk
melakukan penggantian atau mengklik button Cancel untuk
membatalkan penggantian news.
216
Gambar 4.122 Halaman News Management (News Add)
Layar di atas menunjukkan Pop-Up Window yang berisi
form news ketika administrator mengklik button Add News.
Administrator dapat mengisi form tersebut dan mengklik button
Add untuk menambahkan news atau mengklik button Cancel
untuk membatalkan penambahan news dan menutup Pop-Up
Window.
217 4.2.6 Penggunaan Front-end sistem Internet TV Extended
Berikut ini adalah tampilan dari sistem internet TV extended yang secara
langsung berhubungan dengan user. Front-end sistem ini dirancang dengan
menyesuaikan semua fungsi yang umumnya dilakukan oleh pelanggan untuk
dapat mengakses fitur-fitur yang ada pada sistem ini.
Pada subbad ini akan dijelaskan mengenai cara menggunakan Front-end
sistem internet TV extended. Dimulai dengan layar login user.
Gambar 4.123 Halaman Login User
Layar di atas merupakan layar pertama yang akan
dikunjungin pelanggan, untuk dapat mengakses fitur-fitur dari
internet TV extended pelanggan harus melakukan login dengan
memasukkan username dan password yang dimiliki pelanggan.
218
Gambar 4.124 Halaman Home User
Layar di atas merupakan layar dikunjungi oleh pengguna
setelah sukses melakukan login. Pada layar ini terdapat berita-
berita mengenai sistem internet TV extended seperti penambahan
atau update content yang di tulis oleh administrator. Untuk dapat
mengunjungi layar ini pelanggan dapat mengklik menu Home
pada list menu yang terdapat disebelah kiri layar.