ditambahkan pada tagihan.

(1)

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. Pertama-tama 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

(2)

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.

(3)

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.

(4)

(5)

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

(6)

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

(7)

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

(8)

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.

(9)

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

(10)

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.

(11)

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

(12)

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

(13)

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.

(14)

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

Merequest Video Baru

Request Berhasil Mengisi Form

Cek Video ()

Request Berhasil

Merequest List Video List Video

Simpan ke Database Menampilkan List Video

Menampilkan Form Cek Validitas Data () Video Terdapat Pada List Submit VoD Submit VoD VoD Berhasil VoD Berhasil Video Tidak Terdapat Pada List Simpan ke Database Data Valid

Gambar 3.33 Sequence Diagram memesan video

Gambar di atas menunjukkan urutan VoD dilakukan.

Pertama-tama 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

(15)

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

(16)

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 variabel-variabel 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

Delete Data Pelanggan

Cek List Pelanggan () Merequest List Pelanggan

List Pelanggan

Delete Database Menampilkan List Pelanggan

Delete Berhasil Delete Berhasil

Delete Data Pelanggan

(17)

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

Insert / Update Channel / Jadwal / News / Video

Mengisi Form

Cek List Channel / Jadwal / News /

Video () Merequest List Channel

/ Jadwal / News / Video List Channel / Jadwal

/ News / Video

Simpan ke Database Menampilkan List Channel

/ Jadwal / News / Video

Menampilkan Form

Data Valid Cek Validitas

Data ()

Insert / Update Berhasil Insert / Update Berhasil

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.

(18)

Gambar 3.37 Sequence Diagramdelete 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

(19)

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.

(20)

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.

(21)

Primary Key : Id_Admin Foreign Key : -

Tabel 3.5 Database Ms_Admin

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

(22)

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

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

(23)

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

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

(24)

• 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

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

(25)

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

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

(26)

Foreign Key : Id_Pelanggan, Id_Video

Tabel 3.13 Database Tr_Detail_Tagihan

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

(27)

7. Perancangan Layar

Berikut adalah rancangan tampilan antarmuka sistem yang akan dibangun.

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 Logo Indonusa

Gambar 3.40 Perancangan layar Login Pelanggan & Administator

Gambar di atas menunjukkan tampilan antarmuka halaman web untuk login bagi pelanggan & administrator.

(28)

Helo, Admin Log Out Administrator Management Customer Management Channel Management - Video Management View Billing Manage Video

View Video Request

Schedule Management News Management Logo Indonusa - Live Streaming Channel 1 Channel 2 Channel 3 Channel 4 View Video

Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx News Title

Gambar 3.41 Perancangan layar Home Administrator

Gambar di atas menunjukkan halaman home awal administrator setelah login.

(29)

AdminID

Change Password Edit Personal Data xxx xxx xxx xxx xxx xxx xxx AdminName Password Name Address E-Mail Phone Helo, Admin Log Out

Administrator Management Customer Management Channel Management - Video Management View Billing Manage Video

View Video Request

Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

Gambar 3.42 Perancangan layar Administator Manangement

Gambar di atas menunjukkan halaman Administator Management. Halaman Administrator Management berfungsi untuk mengatur data administrator, baik dalam mengganti password maupun mengganti data pribadi.

(30)

Customer Management Field Page Delete Update Add Customer Delete Update Delete Update Delete Update Delete Update Delete Update Delete Update Delete Update Delete Update Delete Update Delete Update

Helo, Admin Log Out

View Video Request

Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home Password UserID UserName Gambar 3.43 Perancangan layar Customer Management

Gambar di atas menunjukkan halaman Customer Management.

Halaman Customer Management berfungsi untuk mengatur data

pelanggan, baik dalam mengganti password maupun mengganti data pribadi.

(31)

Gambar 3.44 Perancangan layar Channel Management

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

(32)

Channel Name Helo, Admin Log Out

View Video Request

Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

00:00 /xx:xx

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.

(33)

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.

(34)

Gambar 3.47 Perancangan layar ConfirmUpload 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.

(35)

Gambar 3.48 Perancangan layar View Video

Gambar di atas menunjukkan halaman View Video. Halaman View

Video berfungsi untuk mencari dan menampilkan video dengan

(36)

Title Duration Genre Description Image xxx xxx xxx xxx Search by Title Ok

Helo, Admin Log Out

View Video Request

Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

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.

(37)

Video Name

Search by Title Ok

Helo, Admin Log Out

View Video Request

Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

00:00 /xx:xx

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.

(38)

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.

(39)

UserID

UserName

BuyDate VideoName Price

Total : xxx

xxx

Search by Name Ok

Helo, Admin Log Out

View Video Request

Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home BillingID Back User Email : User Phone : xxx xxx 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.

(40)

Gambar 3.53 Perancangan layar Schedule Management

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

(41)

Gambar 3.54 Perancangan layar Schedule Management Detail

Gambar di atas menunjukkan halaman Schedule Management. Setelah administrator memilih tanggal dan channel pada drop down list.

(42)

News Management Field

Add News Helo, Admin Log Out

View Video Request

Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

Delete Update

NewsDate

NewsID NewsTitle NewsDesc

Page Delete Update Delete Update Delete Update Delete Update Delete Update Delete Update Delete Update Delete Update Delete Update Delete Update

Gambar 3.55 Perancangan layar News Management

Gambar di atas menunjukkan halaman News Management.

(43)

Helo, User Log Out

Change Data & Password - Live Streaming Channel 1 Channel 4 Channel 2 Channel 3 VoD Request Logo Indonusa My Video Gallery News Title

Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Schedule xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx Home Contact Us Gambar 3.56 Perancangan layar Home User

Gambar di atas menunjukkan halaman Home User. Halaman Home User merupakan tampilan home awal pelanggan setelah login.

(44)

Helo, User Log Out

Schedule Change Data &

Password - Live Streaming Channel 1 Channel 4 Channel 2 Channel 3 VoD Request Logo Indonusa My Video Gallery UserID UserName Password Name Address E-Mail Phone

Change Password Edit Personal Data xxx xxx xxx xxx xxx xxx xxx

Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

Contact Us

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.

(45)

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.

(46)

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.

(47)

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.

(48)

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

(49)

Helo, User Log Out

Password - Live Streaming Channel 1 Channel 4 Channel 2 Channel 3 VoD Request Logo Indonusa My Video Gallery Search by Title Ok

Video Image Video Name

Video Image

Page

Buy

Video Name Buy

Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

Contact Us

Video Image Video Name Buy

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.

(50)

Helo, User Log Out

Password - Live Streaming Channel 1 Channel 4 Channel 2 Channel 3 VoD Request Logo Indonusa My Video Gallery Search by Title Ok Title Duration Genre Description FileName Price Buy Video Image Cancel xxx xxx xxx xxx xxx xxx VoD

Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

Contact Us

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.

(51)

Helo, User Log Out

Password - Live Streaming Channel 1 Channel 4 Channel 2 Channel 3 VoD Request Logo Indonusa My Video Gallery

Request New Video

Title

Genre

Description

Submit

Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

Contact Us

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.

(52)

Helo, User Log Out

Page

Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

Contact Us

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.

(53)

Title Duration Genre Description Image xxx xxx xxx xxx Helo, User Log Out

Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

Contact Us

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.

(54)

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.

(55)

Helo, User Log Out

Jakarta 10340, Indonesia Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home My Bill Contact Us User ID : User Name : User Email : User Phone : xxx xxx xxx xxx

Buy Date Video Title Price

Total :

Gambar 3.66 Perancangan Layar User Billing

Gambar di atas menunjukkan halaman User Billing. Halaman User Billing berfungsi untuk menampilkan tagihan pelanggan.

(56)

Helo, User Log Out

Tel: +62 (21) 392-8286 Fax: +62 (21) 392-8332 Home

My Bill

Contact Us

For Any Question and Problem Please Contact Administrator

Admin Name Admin Email Admin Phone xxx xxx xxx

Gambar 3.67 Perancangan Layar Contact Us