ditambahkan pada tagihan.

83 Gambar 3.19 Activity Diagram untuk me-request video baru Gambar 3.19 di atas menunjukkan langkah-langkah yang dilakukan apabila pelanggan ingin melakukan request video. Pertamatama pelanggan dapat melihat video pada daftar video yang tersedia. Apabila video yang diinginkan oleh pelanggan tersebut tersedia pada daftar, maka pelanggan tinggal memilih video tersebut untuk kemudian ditambahkan pada tagihan. Namun jika video yang diinginkan tersebut tidak tersedia, maka pelanggan dapat melakukan permintaan untuk pengadaan video baru dengan mengisi form request terlebih dahulu. Apabila variabel-variabel yang ada pada form untuk melakukan request video baru tersebut telah

84 valid, maka data tersebut akan ditambahkan pada database. Jika masih ada kesalahan atau ada yang tidak valid pada variable-variabel tersebut, maka form tersebut dibatalkan. Gambar 3.20 Activity Diagram untuk menonton video Gambar 3.20 di atas menunjukkan alur pelanggan untuk menyaksikan video. Pelanggan melihat list video yang tersedia dan memilih video yang ingin ditonton. Kemudian sistem akan menampilkan video yang dipilih.

85 Gambar 3.21 Activity Diagram untuk melihat news Gambar 3.21 menunjukkan proses untuk melihat berita / news. Pelanggan memilih news yang akan dilihat, kemudian sistem akan menampilkan isi dari news tersebut.

Gambar 3.22 Activity Diagram untuk mengatur data pelanggan 86

87 Gambar 3.22 menunjukkan alur bagaimana administrator mengatur data pelanggan. Pengaturan data pelanggan sendiri terdiri atas tiga bagian: menambah data pelanggan baru, mengubah / mengganti data pelanggan yang sudah ada serta menghapus data pelanggan yang sudah tidak terpakai lagi. Untuk penambahan pelanggan baru, pertama-tama calon pelanggan harus menghubungi perusahaan / orang yang mengurus pendaftaran untuk memberikan informasi-informasi yang diperlukan. Ketika data pelanggan telah berbentuk hardcopy, kemudian dimasukkan ke dalam sistem oleh administrator melalui menu yang tersedia. Jika variabel-variabel yang dimasukkan valid, maka administrator akan menggenerate username tersebut. Apabila variabel-variabel tersebut tidak valid akan ada konfirmasi ulang dan apabila setelah diulang dan masih tidak valid, maka penambahan pelanggan baru akan dibatalkan. Untuk mengubah data pelanggan, administrator masuk ke dalam menu mengubah data dan kemudian mengisi form pengubahan data. Apabila variable-variabel yang diisi di form sudah valid, maka data tersebut akan di-update di database. Apabila tidak valid, maka pembatalan pengubahan data akan dilakukan. Untuk penghapusan data, administrator tinggal masuk ke menu data pelanggan dan memilih data pelanggan mana yang ingin dihapus. Konfirmasi penghapusan data pelanggan tersebut akan muncul setelah data dipilih (diklik). Jika benar maka data akan dihapus dan database

88 pelanggan akan diupdate dan proses selesai. Jika tidak maka penghapusan data dibatalkan. Gambar 3.23 Activity Diagram untuk mengatur channel / jadwal / news / video Gambar 3.23 menunjukkan alur yang hampir sama dengan gambar 3.22. Perbedaannya pada gambar 3.22 menjelaskan pengaturan data pelanggan, sedangkan pada gambar 3.23 menjelaskan pengaturan channel / jadwal / news / video. Untuk melakukan penambahan, pengubahan dan penhapusan data tersebut, administrator cukup masuk ke dalam menu dan memilih salah satu langkah pilihan yang akan dilakukan (insert / update / delete). Untuk

89 insert dan update, akan muncul sebuah form yang akan diisi. Pada delete hanya muncul sebuah konfirmasi yang menanyakan apakah benar data tersebut ingin didelete atau tidak. Setelah form diisi maka variabelvariabel pada form tersebut akan divalidasi. Apabila data yang dimasukkan tersebut valid, maka database akan diupdate. Apabila tidak valid, maka pembatalan akan terjadi. Gambar 3.24 Activity Diagram untuk melihat tagihan Gambar 3.24 di atas menunjukkan bagaimana administrator dan pelanggan melihat daftar tagihan mereka. Administrator dan pelanggan tinggal memilih menu daftar tagihan, kemudian sistem akan menampilkan daftar tagihannya.

90 Gambar 3.25 Activity Diagram untuk meng-input tagihan Gambar 3.25 di atas memperlihatkan langkah-langkah yang dilakukan oleh administrator untuk memasukkan tagihan. Administrator terlebih dahulu harus mengisi form dan kemudian variabel-variabel yang di input akan divalidasi. Apabila sudah valid, maka baru di input ke dalam database. Jika tidak valid, maka proses input tagihan akan dibatalkan. 4. Perancangan Class Diagram Di bawah ini adalah gambar perancangan class diagram dari sistem Internet TV Extended, termasuk bagian front-end dan back-end dari sistem.

91 User -ID -Username -Password -Nama -Alamat -Email -Telp * Jadwal -ID -Tgl -NamaAcara -JamMulai -JamAkhir -Desc +add Jadwal() +edit Jadwal() +delete Jadwal() * * Media -ID -Nama Header -TglTagihan -TglJatuhTempo Pelanggan +Set PasswordBaru() +Set VoD() +Set RequestVideoBaru() +add Request() +Get Channel() +Get Jadwal() +Get News() +Get Video() +Get Tagihan() 1 1 Tagihan -ID * * * Detail -TglBeli -JudulVideo -HargaVideo Channel -AlamatChannel * * +add Channel() +edit Channel() +delete Channel() * * Request -ID -Tgl -Judul -Desc -Status +add Request() +edit Request() * 1 1 * Video -Desc -Image -Durasi -Harga -Alamat +add Video() +edit Video() +delete Video() 1 * Genre -ID -Jenis +add Genre() +edit Genre() +delete Genre() * * 1 1 1 Admin +Set PasswordBaru() +add Pelanggan() +edit Pelanggan() +edit Request() +delete Pelanggan() +Set Channel() +Set Jadwal() +Set News() +Set Video() +Get Tagihan() 1 1 1 News -ID -Tgl -Judul -Desc +add News() +edit News() +delete News() * Gambar 3.26 Perancangan Class Diagram

92 5. Perancangan Sequence Diagram Gambar 3.27 Sequence Diagram Login pelanggan / administrator Gambar di atas menunjukkan daur hidup aktor (administrator dan pelanggan) yang berhubungan dengan sistem Internet TV Extended. Pertama-tama melalui aplikasi front-end berupa web, administrator dan pelanggan masuk ke dalam halaman dimana sistem Internet TV Extended berada. Administrator dan pelanggan melakukan login dengan memasukkan username dan password. Web akan mengecek apakah username dan password tersebut sesuai dengan database. Jika valid, maka administrator dan pelanggan akan di redirect ke halaman home. Gambar 3.28 Sequence Diagram mengubah password pelanggan / administrator

93 Gambar di atas menunjukkan urutan bagaimana aktor (administrator dan pelanggan) mengganti password. Pertama-tama administrator dan pelanggan akan meminta ke web dan web akan merespon dengan mengirim form ke administrator dan pelanggan lewat aplikasi front-end untuk kemudian diisi terlebih dahulu. Jika form tersebut telah diisi dengan benar (valid), maka database akan di update dengan data yang baru dimasukkan tersebut. Gambar 3.29 Sequence Diagram melihat dan mengganti channel Gambar di atas menampilkan daur hidup bagaimana pelanggan / administrator mengganti channel. Pelanggan / administrator memilih channel yang ingin ditonton kemudian sistem akan memintanya dari database. Database akan mengecek keberadaan channel tersebut dan mengirim alamat link channel ke sistem dan sistem akan mengambil isi

94 alamat link channel streaming dari server dan menampilkannya pada aplikasi front- end. Untuk mengganti channel, siklus yang mirip dengan siklus memilih channel akan terulang. Pelanggan / administrator memilih channel lain, sistem meminta ke database, database mengirim alamat link channel dan sistem kembali mengambil isi alamat tersebut dan menampilkannya di aplikasi front-end, dan demikian seterusnya. Gambar 3.30 Sequence Diagram melihat video pelanggan Gambar di atas menunjukkan siklus menampilkan video kepada pelanggan / administrator. Siklusnya mirip dengan siklus mengganti channel. Ketika pelanggan ingin menonton video, sistem akan meminta daftar video yang tersedia ke database dan menampilkannya ke aplikasi front-end. Pelanggan / administrator memilih video, sistem kemudian meminta video tersebut ke database dan database akan memberikan alamat link video streaming yang diminta tersebut. Sistem mengambil isi

95 dari alamat link video streaming yang diberikan tersebut dari server dan kemudian menampilkannya di front-end. Gambar 3.31 Sequence Diagram me-request jadwal acara TV Gambar di atas menampilkan daur hidup bagaimana daftar jadwal TV ditampilkan. Pelanggan meminta jadwal ke sistem, sistem meminta jadwal tersebut ke database. Kemudian database akan mengecek jadwal tersebut dan mengirim balik daftar jadwal TV ke sistem. Selanjutnya sistem menampilkannya pada aplikasi front-end. Gambar 3.32 Sequence Diagram melihat news

96 Gambar 3.32 di atas menunjuk siklus yang mirip dengan siklus meminta jadwal TV pada gambar 3.31. Perbedaannya terletak pada apa yang di-request. Pada siklus ini, yang akan diminta dan dikirim dari dan ke sistem adalah daftar news. Dan oleh sistem akhirnya akan ditampilkan di front-end. Pelanggan WEB Ms_Video & Ms_Request Merequest List Video Menampilkan List Video Video Terdapat Pada List Merequest List Video List Video Cek Video () Submit VoD VoD Berhasil Video Tidak Terdapat Pada List Submit VoD VoD Berhasil Simpan ke Database Merequest Video Baru Menampilkan Form Mengisi Form Cek Validitas Data () Request Berhasil Data Valid Request Berhasil Simpan ke Database Gambar 3.33 Sequence Diagram memesan video Gambar di atas menunjukkan urutan VoD dilakukan. Pertamatama pelanggan meminta daftar video yang tersedia pada sistem. Sistem meminta daftar video tersebut pada database. Database mengecek daftar video yang tersedia dan mengirimkannya kembali pada sistem. Sistem

97 menampilkan daftar tersebut pada aplikasi front-end. Kemudian pelanggan memilih video yang ingin dipesan. Jika video yang diinginkan ada pada daftar video yang ada, maka selanjutnya pelanggan melakukan submit video yang diinginkannya tersebut dan sistem akan meng-update database dan memberikan umpan balik ke sistem yang akan ditampilkan pada front-end. Apabila video yang diinginkan tersebut tidak tersedia pada daftar, maka pelanggan dapat meminta video tersebut ke administrator melalui sistem. Pelanggan tinggal mengklik pilihan untuk menambah video baru dan sistem akan menampilkan formulir permintaan yang harus diisi terlebih dahulu oleh pelanggan. Setelah semuanya diisi dengan benar maka sistem akan melakukan validasi data-data yang diisi pelanggan. Jika semua data pada formulir tersebut sudah valid, maka sistem akan menyimpan data-data tersebut pada database dan sistem akan memberitahu pelanggan bahwa permintaan pelanggan tersebut berhasil.

98 Gambar 3.34 Sequence Diagram insert / update data pelanggan Gambar di atas menunjukkan rangkaian proses melakukan penambahan dan pengubahan data pada pelanggan. Pertama administrator akan meminta list pelanggan dan sistem akan mengambilnya dari database dan menampilkannya di aplikasi front-end. Administrator memilih data pelanggan mana yang ingin ditambahkan atau diubah. Setelah memilih sistem akan menampilkan form untuk diisi. Sesudah diisi oleh administrator, sistem akan melakukan validasi terhadap variabelvariabel yang ada pada form. Apabila sudah valid, maka sistem akan mengirim data tersebut ke database untuk disimpan. Jika proses penyimpanan berhasil, database akan mengirim umpan balik ke sistem dan akan diteruskan ke front-end. Admin WEB Ms_User Merequest List Pelanggan Menampilkan List Pelanggan Delete Data Pelanggan Delete Berhasil Merequest List Pelanggan List Pelanggan Delete Data Pelanggan Delete Berhasil Cek List Pelanggan () Delete Database Gambar 3.35 Sequence Diagram delete data pelanggan

99 Hampir serupa dengan gambar 3.34, gambar 3.35 menunjukan urutan penghapusan data pelanggan. Perbedaannya setelah administrator menerima tampilan daftar pelanggan, administrator tinggal memilih data pelanggan mana yang ingin dihapus dan sistem akan mengirim pesan ke database untuk menghapus data tersebut. Apabila database berhasil menghapus data tersebut, umpan balik akan dikirimkan ke sistem dan akan ditampilkan pada aplikasi front-end. Admin WEB Ms_Channel / Ms_Jadwal / Ms_News / Ms_Video Merequest List Channel / Jadwal / News / Video Menampilkan List Channel / Jadwal / News / Video Merequest List Channel / Jadwal / News / Video List Channel / Jadwal / News / Video Cek List Channel / Jadwal / News / Video () Insert / Update Channel / Jadwal / News / Video Menampilkan Form Mengisi Form Cek Validitas Data () Insert / Update Berhasil Data Valid Insert / Update Berhasil Simpan ke Database Gambar 3.36 Sequence Diagram insert / update channel / jadwal / news / video Gambar di atas mempunyai urutan yang menyerupai gambar 3.34. Perbedaannya terletak pada data yang ditambahkan dan diubah. Pada gambar 3.34 yang ditambahkan dan diubah adalah data pelanggan. Sedangkan pada gambar 3.36 yang diminta dan dikirim ke sistem adalah data channel / jadwal / news / video.

100 Gambar 3.37 Sequence Diagram delete channel / jadwal / news / video Hampir serupa dengan gambar 3.35, gambar di atas menunjukkan rangkaian proses penghapusan. Perbedaannya yang dihapus pada gambar 3.37 ini adalah data / jadwal / news / video. Gambar 3.38 Sequence Diagram melihat data daftar tagihan Gambar di atas menunjukkan urutan administrator melihat daftar tagihan. Administrator meminta daftar tagihan tersebut ke sistem dan

101 sistem akan memintanya dari database. Kemudian database akan keberadaan tagihan tersebut dan mengirimkannya kepada sistem dan sistem akan menampilkan daftar tagihan yang diminta pada aplikasi front-end. Gambar 3.39 Sequence Diagram meng-input tagihan Gambar di atas menunjukkan urutan proses meng-input tagihan yang dilakukan oleh administrator. Ketika administrator ingin meng-input tagihan, sistem akan menampilkan formulir untuk diisi. Setelah formulir selesai diisi, sistem akan mengecek kevalidtan variabel-variabel yang ada di formulir. Apabila sudah valid, maka data tagihan tersebut akan disimpan di database dan database akan memberikan feedback balik ke sistem jika penyimpanan berhasil. Sistem akan meneruskan feedback tersebut ke front-end.

102 6. Perancangan Basis Data Ms_Pelanggan Tabel ini menyimpan informasi tentang pelanggan yang berlangganan layanan Internet TV Extended. Primary Key : Id_Pelanggan Foreign Key : - Tabel 3.4 Database Ms_Pelanggan No Kolom Tipe Data Deskripsi 1 Id_Pelanggan int (auto) Id Pelanggan 2 Username_Pelanggan nvarchar(50) Username pelanggan yang digunakan untuk login 3 Password_Pelanggan nvarchar(50) Password pelanggan yang digunakan untuk login 4 Nama_Pelanggan nvarchar(50) Nama pelanggan 5 Alamat_Pelanggan nvarchar(max) Alamat pelanggan 6 Email_Pelanggan nvarchar(50) Email pelanggan 7 Telp Pelanggan nvarchar(50) No telp atau handphone pelanggan Ms_Admin Tabel ini menyimpan informasi tentang admin yang mengatur aplikasi Internet TV Extended.

103 Primary Key : Id_Admin Foreign Key : - Tabel 3.5 Database Ms_Admin No Kolom Tipe Data Deskripsi 1 Id_Admin int (auto) Id Admin 2 Username_ Admin nvarchar(50) Username Admin yang digunakan untuk login 3 Password_ Admin nvarchar(50) Password Admin yang digunakan untuk login 4 Nama_ Admin nvarchar(50) Nama Admin 5 Alamat_ Admin nvarchar(max) Alamat Admin 6 Telp Admin nvarchar(50) No telp atau handphone Admin Ms_Genre Tabel ini menyimpan informasi tentang genre-genre video yang terdapat pada aplikasi Internet TV Extended. Primary Key : Id_Genre Foreign Key : - Tabel 3.6 Database Ms_Genre No Kolom Tipe Data Deskripsi 1 Id_Genre int(auto) Id genre

104 2 Jenis_Genre nvarchar(50) Jenis genre video Ms_Channel Tabel ini menyimpan informasi tentang channel yang tersedia pada aplikasi Internet TV Extended. Primary Key : Id_Channel Foreign Key : - Tabel 3.7 Database Ms_Channel No Kolom Tipe Data Deskripsi 1 Id_Channel int (auto) Id channel 2 Nama_Channel nvarchar(50) Nama channel 3 Alamat_Channel nvarchar(max) Alamat link channel streaming Ms_Video Tabel ini menyimpan informasi tentang video-video yang tersedia pada aplikasi Internet TV Extended. Primary Key : Id_Video Foreign Key : Id_Genre Tabel 3.8 Database Ms_Video No Kolom Tipe Data Deskripsi 1 Id_Video int (auto) Id video

105 2 Judul_Video nvarchar(50) Judul video 3 Desc_Video nvarchar(max) Deskripsi video 4 Image_Video nvarchar(max) Gambar awal video 5 Durasi nvarchar(50) Durasi lamanya video 6 Harga_Video money Harga video 7 Id_Genre int Id genre 8 Alamat_Video nvarchar(max) Alamat video dalam sistem Ms_Jadwal Tabel ini menyimpan informasi tentang jadwal acara tv. Primary Key : Id_Jadwal, Id_Channel Foreign Key : Id_Channel, Id_Admin Tabel 3.9 Database Ms_Jadwal No Kolom Tipe Data Deskripsi 1 Id_Jadwal int (auto) Id jadwal 2 Id_Channel int Id Channel 3 Tgl_Jadwal date Tgl jadwal suatu acara 4 Nama_Acara nvarchar(50) Nama acara 5 Desc_Acara nvarchar(max) Deskripsi suatu acara 6 Jam_Mulai time Waktu mulai tayang suatu acara 7 Jam_Akhir time Waktu selesai suatu acara 8 Id_Admin int Id admin

106 Ms_News Tabel ini menyimpan informasi tentang berita-berita terbaru tentang Internet TV Extended dan iklan. Primary Key : Id_News, Id_Admin Foreign Key : Id_Admin Tabel 3.10 Database Ms_News No Kolom Tipe Data Deskripsi 1 Id_News int (auto) Id news 2 Id_Admin int Id Admin 3 Judul_News nvarchar(50) Judul suatu news 4 Desc_News nvarchar(max) Isi dari suatu news 5 Tgl_News datetime Tanggal suatu news diinput Ms_Request Tabel ini menyimpan informasi request VoD pelanggan dan request video baru. Primary Key : Id_Request, Id_Pelanggan Foreign Key : Id_Pelanggan, Id_Genre Tabel 3.11 Database Ms_Request No Kolom Tipe Data Deskripsi 1 Id_Request int (auto) Id request

107 2 Id_Pelanggan int Id pelanggan 3 Judul_Video nvarchar(50) Judul video yang direquest 4 Desc nvarchar(max) Deskripsi video request 5 Tgl_Request datetime Tanggal suatu request dibuat 6 Id_Genre int Id genre Tr_Header_Tagihan Tabel ini menyimpan informasi header suatu form tagihan. Primary Key : Id_Tagihan, Id_Pelanggan Foreign Key : Id_Pelanggan, Id_Admin Tabel 3.12 Database Tr_Header_Tagihan No Kolom Tipe Data Deskripsi 1 Id_Tagihan int (auto) Id request 2 Id_Pelanggan int Id pelanggan 3 Tgl_Beli date Tanggal suatu video dibeli 4 Tgl_Jatuh_Tempo date Tanggal suatu tagihan jatuh tempo 5 Id_Admin int Id admin Tr_Detail_Tagihan Tabel ini menyimpan informasi detail suatu form tagihan. Primary Key : Id_Tagihan, Id_Pelanggan

108 Foreign Key : Id_Pelanggan, Id_Video Tabel 3.13 Database Tr_Detail_Tagihan No Kolom Tipe Data Deskripsi 1 Id_Tagihan int (auto) Id request 2 Tgl_Beli datetime Tanggal suatu video dibeli 3 Judul_Video nvarchar(50) Judul video yang direquest 4 Harga_Video money Harga satuan suatu video 5 Id_Video int Id video

109 7. Perancangan Layar Berikut adalah rancangan tampilan antarmuka sistem yang akan dibangun. Logo Indonusa Username : Password : Log In PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.40 Perancangan layar Login Pelanggan & Administator Gambar di atas menunjukkan tampilan antarmuka halaman web untuk login bagi pelanggan & administrator.

110 Logo Indonusa Helo, Admin Log Out Home Administrator Customer Channel - Live Streaming Channel 1 Channel 2 News Title x xx x xx x xx Channel 3 Channel 4 - Video x xx x xx Manage Video View Video View Video Request View Billing Schedule x xx x xx x xx News PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.41 Perancangan layar Home Administrator setelah login. Gambar di atas menunjukkan halaman home awal administrator

111 Logo Indonusa Helo, Admin Log Out Home Administrator Customer Channel - Live Streaming AdminID AdminName Password Name Channel 1 Address Channel 2 E-Mail Channel 3 Phone Channel 4 Change Password Edit Personal Data - Video Manage Video View Video View Video Request View Billing Schedule News PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.42 Perancangan layar Administator Manangement Gambar di atas menunjukkan halaman Administator. Halaman Administrator berfungsi untuk mengatur data administrator, baik dalam mengganti password maupun mengganti data pribadi.

112 Logo Indonusa Helo, Admin Log Out Home Customer Field Administrator UserID UserName Password Customer Delete Update Channel Delete Update - Live Streaming Delete Update Channel 1 Delete Update Channel 2 Delete Update Channel 3 Delete Update Channel 4 Delete Update - Video Delete Update Manage Video Delete Update View Video Delete Update View Video Request Delete Update View Billing Page Schedule Add Customer News PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.43 Perancangan layar Customer Gambar di atas menunjukkan halaman Customer. Halaman Customer berfungsi untuk mengatur data pelanggan, baik dalam mengganti password maupun mengganti data pribadi.

113 Gambar 3.44 Perancangan layar Channel Gambar di atas menunjukkan halaman Channel. Halaman Channel berfungsi untuk mengatur channel, menambah, meng-update maupun menghapus saluran TV.

114 Logo Indonusa Helo, Admin Log Out Home Administrator Customer Channel Channel Name - Live Streaming Channel 1 Channel 2 Channel 3 00:00 /xx:xx Channel 4 - Video Manage Video View Video View Video Request View Billing Schedule News PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.45 Perancangan layar Live Streaming Admin Gambar di atas menunjukkan halaman Live Streaming Admin. Halaman Live Streaming Admin berfungsi untuk menonton siaran TV melalui saluran yang tersedia.

115 Gambar 3.46 Perancangan layar Upload Video Gambar di atas menunjukkan halaman Upload Video. Halaman Upload Video berfungsi agar Administator dapat meng-upload video yang di-request oleh pelanggan atau hanya sekedar untuk menambah video.

116 Gambar 3.47 Perancangan layar Confirm Upload Video Gambar 3.47 di atas menunjukkan halaman Upload Video setelah administrator menekan tombol upload. Halaman ini berfungsi untuk mengecek kevalidtan data video yang akan di-upload oleh administrator. Jika data valid, maka administrator akan menekan tombol submit dan data akan disimpan ke database. Jika data tidak valid, maka administrator dapat menekan tombol reset yang akan membatalkan upload.

117 Gambar 3.48 Perancangan layar View Video Gambar di atas menunjukkan halaman View Video. Halaman View Video berfungsi untuk mencari dan menampilkan video dengan memasukkan judul video yang ingin dicari pada search bar.

118 Logo Indonusa Helo, Admin Log Out Home Search by Title Ok Administrator Customer Channel - Live Streaming Channel 1 Channel 2 Channel 3 Image Title Duration Genre Description Channel 4 - Video Manage Video View Video View Video Request View Billing Schedule News PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.49 Perancangan layar View Video Detail Gambar 3.49 di atas menunjukkan halaman View Video Detail. Halaman ini akan muncul jika administrator mengklik salah satu gambar video yang ada pada halaman View Video.

119 Logo Indonusa Helo, Admin Log Out Home Administrator Customer Channel - Live Streaming Search by Title Video Name Ok Channel 1 Channel 2 Channel 3 Channel 4 00:00 /xx:xx - Video Manage Video View Video View Video Request View Billing Schedule News PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.50 Perancangan layar Watch Video Admin Gambar 3.50 di atas menunjukkan halaman Watch Video Admin. Halaman ini akan muncul jika administrator mengklik salah gambar video yang ada pada halaman View Video Detail.

120 Gambar 3.51 Perancangan layar View Billing Gambar di atas menunjukkan halaman View Billing. Halaman View Billing berfungsi untuk mencari dan menampilkan tagihan pelanggan dengan memasukkan nama pelanggan yang ingin dicari pada search bar.

121 Logo Indonusa Helo, Admin Log Out Home Search by Name Ok Administrator Customer UserID User Email : Channel UserName User Phone : - Live Streaming Channel 1 BillingID BuyDate VideoName Price Channel 2 Channel 3 Channel 4 - Video Manage Video View Video View Video Request Total : View Billing Schedule News Back PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.52 Perancangan layar View Billing Detail Gambar di atas menunjukkan halaman View Billing Detail. Halaman ini akan muncul jika administrator memasukkan nama pelanggan yang tagihannya ingin dicari.

122 Gambar 3.53 Perancangan layar Schedule Gambar di atas menunjukkan halaman Schedule. Halaman Schedule berfungsi untuk mengatur jadwal acara TV yang akan ditayangkan beberapa hari mendatang.

123 Gambar 3.54 Perancangan layar Schedule Detail Gambar di atas menunjukkan halaman Schedule. Setelah administrator memilih tanggal dan channel pada drop down list.

124 Logo Indonusa Helo, Admin Log Out Home Administrator Customer Channel - Live Streaming Delete Update Delete Update Delete Update News Field NewsID NewsDate NewsTitle NewsDesc Channel 1 Delete Update Channel 2 Delete Update Channel 3 Delete Update Channel 4 Delete Update - Video Delete Update Manage Video Delete Update View Video Delete Update View Video Request Delete Update View Billing Schedule News Page Add News PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.55 Perancangan layar News Gambar di atas menunjukkan halaman News. Halaman News berfungsi untuk mengatur news.

125 Logo Indonusa Helo, User Log Out Home News Title Change Data & Password Schedule - Live Streaming Channel 1 Channel 2 Channel 3 Channel 4 VoD Request x xx x xx x xx x xx x xx x xx My Video Gallery Contact Us PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.56 Perancangan layar Home User Gambar di atas menunjukkan halaman Home User. Halaman Home User merupakan tampilan home awal pelanggan setelah login.

126 Logo Indonusa Helo, User Log Out Home Change Data & Password Schedule - Live Streaming Channel 1 Channel 2 Channel 3 Channel 4 UserID UserName Password Name Address E-Mail Phone VoD Change Password Edit Personal Data Request My Video Gallery Contact Us PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.57 Perancangan layar Change Password & Data Gambar di atas menunjukkan halaman Change Password & Data. Halaman Change Password & Data berfungsi untuk mengubah password dan data pribadi pelanggan.

127 Gambar 3. Perancangan View Sculhede (Pick Channel and Date) Gambar di atas menunjukkan halaman View Schedule. Halaman View Schedule berfungsi untuk mencari jadwal acara berdasarkan tanggal dengan menekan button yang berbentuk kalender dan channel yang diinginkan melalui dropdownlist oleh pelanggan.

128 Gambar 3. Perancangan Layar View Schedule (Show List) Gambar di atas menunjukkan halaman View Schedule.Pada halaman ini setelah pengguna mimilih channel dan menekan button kalender yang memunculkan menu kalender, maka pelanggan dapat melihat jadwal acara pada channel yang telah dipilih.

129 Gambar 3.58 Perancangan layar Live Streaming User Gambar di atas menunjukkan halaman Live Streaming User. Halaman Live Streaming User berfungsi untuk menonton siaran TV melalui saluran yang tersedia.

130 Gambar 3.59 Perancangan layar Live Streaming User (Not Available) Gambar di atas menunjukkan halaman Live Streaming User, namun pengguna tidak dapat menggunakan fitur live streaming dikarenakan limit bandwidth telah tercapai.

131 Logo Indonusa Helo, User Log Out Home Search by Title Ok Change Data & Password Schedule Video Image Video Name Buy - Live Streaming Channel 1 Video Image Video Name Buy Channel 2 Channel 3 Video Image Video Name Buy Channel 4 VoD Video Image Video Name Buy Request My Video Gallery Video Image Video Name Buy Contact Us Page PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.60 Perancangan layar VoD Gambar di atas menunjukkan halaman VoD. Halaman VoD berfungsi agar pelanggan dapat melakukan VoD untuk video yang sudah tersedia.

132 Logo Indonusa Helo, User Log Out Home Search by Title Ok Change Data & Password Schedule - Live Streaming Channel 1 Channel 2 Channel 3 Channel 4 VoD Request Video Image Title Duration Genre Description FileName Price Buy VoD Cancel My Video Gallery Contact Us PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.61 Perancangan layar VoD Detail Gambar di atas menunjukkan halaman VoD Detail. Halaman ini akan muncul setelah pelanggan menekan tombol buy pada halaman VoD.

133 Logo Indonusa Helo, User Log Out Home Request New Video Change Data & Password Schedule Title Genre - Live Streaming Description Channel 1 Submit Channel 2 Channel 3 Channel 4 VoD Request My Video Gallery Contact Us PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.62 Perancangan layar Request Gambar di atas menunjukkan halaman Request. Halaman Request berfungsi agar pelanggan dapat me-request video yang tidak terdapat pada daftar video yang tersedia.

134 Logo Indonusa Helo, User Log Out Home Search by Title Ok Change Data & Password Schedule Video Image Video Name - Live Streaming Channel 1 Video Image Video Name Channel 2 Channel 3 Video Image Video Name Channel 4 VoD Video Image Video Name Request My Video Gallery Video Image Video Name Contact Us Page PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.63 Perancangan layar User Video Gallery Gambar di atas menunjukkan halaman User Video Gallery. Halaman User Video Gallery merupakan tempat penyimpanan video yang telah dibeli oleh pelanggan. Pada halaman tersebut pelanggan juga dapat menonton video yang telah dibeli.

135 Logo Indonusa Helo, User Log Out Home Change Data & Password Schedule Search by Title Image Ok - Live Streaming Channel 1 Channel 2 Channel 3 Channel 4 Title Duration Genre Description VoD Request My Video Gallery Contact Us PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.64 Perancangan layar User Video Gallery Detail Gambar di atas menunjukkan halaman User Video Gallery Detail. Halaman ini akan muncul setelah pelanggan mengklik salah satu gambar video pada halaman User Video Gallery.

136 Gambar 3.65 Perancangan layar Watch Video User Gambar di atas menunjukkan halaman Watch Video User. Halaman ini akan muncul setelah pelanggan mengklik salah gambar video pada halaman User Video Gallery Detail.

137 Logo Indonusa Helo, User Log Out Home Change Data & Password User ID : User Email : Schedule User Name : User Phone : - Live Streaming Buy Date Video Title Price Channel 1 Channel 2 Channel 3 Channel 4 VoD Request My Video Gallery My Bill Total : Contact Us PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.66 Perancangan Layar User Billing Gambar di atas menunjukkan halaman User Billing. Halaman User Billing berfungsi untuk menampilkan tagihan pelanggan.

138 Logo Indonusa Helo, User Log Out Home For Any Question and Problem Please Contact Administrator Change Data & Password Schedule - Live Streaming Channel 1 Admin Name Admin Email Admin Phone Channel 2 Channel 3 Channel 4 VoD Request My Video Gallery My Bill Contact Us PT. Indonusa System Integrator Prima Jl. Kebon Sirih Raya Kav. 63 Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Gambar 3.67 Perancangan Layar Contact Us Gambar di atas menunjukkan halaman Contact Us. Halaman Contact Us berfungsi agar pelanggan dapat mengetahui kontak admin yang dapat dihubungi bila terjadi gangguan pada web.