bab 4 awal - thesis.binus.ac.idthesis.binus.ac.id/doc/lain-lain/2010-1-00075-if bab 4.3.pdf · pada...

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

Upload: vuongthu

Post on 06-Mar-2019

214 views

Category:

Documents


0 download

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.