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.

86

Gambar 3.22 Activity Diagram untuk mengatur data pelanggan

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

menampilkan daftar tagihannya.

tagihan,

kemudian

sistem

akan

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

*

Pelanggan

1

+Set PasswordBaru() +Set VoD() +Set RequestVideoBaru() +add Request() +Get Channel() +Get Jadwal() +Get News() +Get Video() +Get Tagihan()

* * *

Channel -AlamatChannel +add Channel() +edit Channel() +delete Channel() * *

Video -Desc -Image -Durasi -Harga -Alamat +add Video() +edit Video() +delete Video() 11

1

*

*

Genre -ID -Jenis +add Genre() +edit Genre() +delete Genre()

* 1 Tagihan -ID

Request -ID -Tgl -Judul -Desc -Status +add Request() +edit Request()

Admin

*

1

1

+Set PasswordBaru() +add Pelanggan() +edit Pelanggan() +edit Request() +delete Pelanggan() +Set Channel() +Set Jadwal() +Set News() +Set Video() +Get Tagihan() 1

1 1

* 11

* *

*

Header -TglTagihan -TglJatuhTempo

Detail -TglBeli -JudulVideo -HargaVideo

Gambar 3.26 Perancangan Class Diagram

News -ID -Tgl -Judul -Desc +add News() +edit News() +delete News()

92

5.

Gambar 3.27

Perancangan Sequence Diagram

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

Ms_Video & Ms_Request

WEB Merequest List Video

Merequest List Video

Cek Video ()

List Video Menampilkan List Video Video Terdapat Pada List

Submit VoD Submit VoD

Simpan ke Database

VoD Berhasil VoD Berhasil Video Tidak Terdapat Pada List

Merequest Video Baru Menampilkan Form Mengisi Form

Cek Validitas Data ()

Data Valid

Simpan ke Database

Request Berhasil Request Berhasil

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

Ms_User

WEB Merequest List Pelanggan Merequest List Pelanggan

Cek List Pelanggan ()

List Pelanggan Menampilkan List Pelanggan Delete Data Pelanggan Delete Data Pelanggan Delete Berhasil Delete Berhasil

Gambar 3.35 Sequence Diagram delete data pelanggan

Delete Database

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

Ms_Channel / Ms_Jadwal / Ms_News / Ms_Video

WEB 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 Cek Validitas Data ()

Mengisi Form

Data Valid Insert / Update Berhasil

Simpan ke Database

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.

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

No

Kolom

Database Ms_Pelanggan

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)

5

Alamat_Pelanggan

nvarchar(MAX) Alamat pelanggan

6

Email_Pelanggan

nvarchar(50)

Email pelanggan

7

Telp Pelanggan

nvarchar(50)

No telp atau handphone pelanggan

•

Nama 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 No

Kolom

Database Ms_Admin

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

No 1

Kolom Id_Genre

Database Ms_Genre

Tipe Data int(auto)

Deskripsi 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

No

Kolom

Database Ms_Channel

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

No 1

Kolom Id_Video

Database Ms_Video Tipe Data int (auto)

Deskripsi 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

No

Kolom

Database Ms_Jadwal

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

No

Kolom

Database Ms_News

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

No 1

Kolom Id_Request

Database Ms_Request

Tipe Data int (auto)

Deskripsi 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

No

Kolom

Database Tr_Header_Tagihan

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 No

Kolom

Database Tr_Detail_Tagihan

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 News Title

Home Administrator Management Customer Management

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx

Channel Management


- Live Streaming Channel 1


Channel 2 Channel 3


Channel 4 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx

- Video Management Manage Video


View Video xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx

View Video Request View Billing


Schedule Management News Management


Gambar 3.41 Perancangan layar Home Administrator

Gambar di atas menunjukkan halaman home awal administrator setelah login.

111

Logo Indonusa

Helo, Admin Log Out Home Administrator Management

AdminID

xxx

Customer Management

AdminName

xxx

Channel Management

Password

xxx

Name

xxx

Channel 1

Address

xxx

Channel 2

E-Mail

xxx

Channel 3

Phone

xxx

- Live Streaming

Change Password

Channel 4

Edit Personal Data

- Video Management Manage Video View Video View Video Request View Billing Schedule Management News Management 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 Management. Halaman Administrator Management berfungsi untuk mengatur data administrator, baik dalam mengganti password maupun mengganti data pribadi.

112

Logo Indonusa

Helo, Admin Log Out Home

Customer Management Field

Administrator Management

UserID

Customer Management

Delete

Update

Channel Management

Delete

Update

- Live Streaming

Delete

Update

Channel 1

Delete

Update

Channel 2

Delete

Update

Channel 3

Delete

Update

Channel 4

Delete

Update

- Video Management

Delete

Update

Manage Video

Delete

Update

View Video

Delete

Update

View Video Request

Delete

Update

View Billing Schedule Management

UserName

Password

Page Add Customer

News Management 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 Management

Gambar di atas menunjukkan halaman Customer Management. Halaman Customer Management berfungsi untuk mengatur data pelanggan, baik dalam mengganti password maupun mengganti data pribadi.

113

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.

114

Logo Indonusa

Helo, Admin Log Out Home Channel Name

Administrator Management Customer Management Channel Management - Live Streaming Channel 1 Channel 2

00:00 /xx:xx

Channel 3 Channel 4 - Video Management Manage Video View Video View Video Request View Billing Schedule Management News Management 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


Ok

Search by Title

Administrator Management Customer Management

Image

Channel Management - Live Streaming Channel 1 Channel 2

Title

xxx

Duration

xxx

Genre

xxx

Description

xxx

Channel 3 Channel 4 - Video Management Manage Video View Video View Video Request View Billing Schedule Management News Management 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


Ok

Search by Title

Administrator Management Video Name

Customer Management Channel Management - Live Streaming Channel 1 Channel 2 Channel 3 Channel 4

00:00 /xx:xx

- Video Management Manage Video View Video View Video Request View Billing Schedule Management News Management 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


Ok

Search by Name

Administrator Management Customer Management

UserID

xxx

User Email :

xxx

Channel Management

UserName

xxx

User Phone :

xxx


BillingID

BuyDate

VideoName

Price

Channel 2 Channel 3 Channel 4 - Video Management Manage Video View Video Total :

View Video Request View Billing

Back

Schedule Management News Management 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 Management

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

123

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.

124

Logo Indonusa


News Management Field

Administrator Management

NewsID

Customer Management

Delete Update

Channel Management

Delete Update

- Live Streaming

Delete Update

Channel 1

Delete Update

Channel 2

Delete Update

Channel 3

Delete Update

Channel 4

Delete Update

- Video Management

Delete Update

Manage Video

Delete Update

View Video

Delete Update

View Video Request

Delete Update

View Billing Schedule Management

NewsDate

NewsTitle

NewsDesc

Page

Add News

News Management 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 Management

Gambar di atas menunjukkan halaman News Management. Halaman News Management berfungsi untuk mengatur news.

125

Logo Indonusa

Helo, User Log Out News Title

Home Change Data & Password Schedule - Live Streaming

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx

Channel 1 Channel 2


Channel 3 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxx

Channel 4


VoD


Request My Video Gallery 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.

126

Logo Indonusa

Helo, User Log Out Home Change Data & Password Schedule - Live Streaming Channel 1 Channel 2 Channel 3 Channel 4

UserID

xxx

UserName

xxx

Password

xxx

Name

xxx

Address

xxx

E-Mail

xxx

Phone

xxx

Change Password

VoD

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 Ok

Search by Title

Home Change Data & Password

Video Image

Video Name

Buy

Video Image

Video Name

Buy

Video Image

Video Name

Buy

Video Image

Video Name

Buy

Video Image

Video Name

Buy

Schedule - Live Streaming Channel 1 Channel 2 Channel 3 Channel 4 VoD Request My Video Gallery 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


Search by Title


VoD

Schedule Video Image - Live Streaming Channel 1 Channel 2 Channel 3 Channel 4 VoD

Title

xxx

Duration

xxx

Genre

xxx

Description

xxx

FileName

xxx

Price

xxx Buy

Request

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

Title

Schedule

Genre


Description 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


Search by Title


Video Image

Video Name

Video Image

Video Name

Video Image

Video Name

Video Image

Video Name

Video Image

Video Name

Schedule - Live Streaming Channel 1 Channel 2 Channel 3 Channel 4 VoD Request My Video Gallery 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


Search by Title

Home Change Data & Password Schedule

Image

- Live Streaming Channel 1 Channel 2 Channel 3

Title

xxx

Duration

xxx

Genre

xxx

Description

xxx

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.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 Schedule - Live Streaming

User ID :

xxx

User Email :

xxx

User Name :

xxx

User Phone :

xxx

Buy Date

Price

Video Title

Channel 1 Channel 2 Channel 3 Channel 4 VoD Request My Video Gallery Total :

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

xxx

Admin Email

xxx

Admin Phone

xxx

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.

ditambahkan pada tagihan

Recommend Documents