BAB 3 SEJARAH ORGANISASI DAN ANALISIS SISTEM

BAB 3 SEJARAH ORGANISASI DAN ANALISIS SISTEM

Dalam bab ini akan diuraikan analisis masalah yang ada, analisis pemecahan masalah, dan pembuatan aplikasi berdasarkan analisis kebutuhan pembuatan aplikasi sehingga mampu mengatasi masalah yang ada.

3.1

Sejarah PT. Indonusa S ystem Integrator Prima PT. Indonusa System Integrator Prima ( selanjutnya disebut Indonusa ) mempunyai sejarah yang cukup panjang mulai dari tahun 1989. Namun, Indonusa mempunyai struktur organisasi yang tidak terlalu kompleks. Indonusa didirikan pada tahun 1989 sebagai PT. Tri Indonusa Surya. Pada waktu itu Indonusa bergerak di dalam Cabling Structured System. Indonusa melayani pemasangan jaringan di dalam kantor dan Indonusa sebagai supplier untuk beberapa alat – alat networking terutama berbagai jenis kabel. Perkembangan selanjutnya Indonusa mulai mengembangkan bisnisnya dalam bidang telekomunikasi ( 1999 ) yaitu dengan menjadi supplier untuk perangkat telekomunikasi dan menjadi agen produk VOIP ( Voice Over Internet Protocol ) dari sebuah perusahaan telekomunikasi. Pada waktu itu, Indonusa telah menjadi PT. Indonusa System Integrator Prima. Setelah bisnis telekomunikasinya berkembang, pada tahun 2000 Indonusa mulai mengepakkan sayapnya untuk menjadi ISP ( Internet Service Provider ). Indonusa mulai membangun produk akses internet yang dinamakan IP – Access.

50

51 IP – Access ini dikembangkan dengan tidak menggunakan media transmisi kabel tapi dengan media transmisi gelombang mikro ( microwave ). Hal ini dikarenakan infrastruktur kabel yang selama ini telah ada dirasakan kurang baik dalam mentransmisikan data dan tidak semua daerah terjangkau dengan system pengkabelan yang baik. Walaupun demikian, Indonusa tetap menggunakan jaringan kabel fiber optic sebagai backbone ke upstream – nya dengan menyewanya dari sebuah perusahaan penyedia saluran TV luar negeri. Setelah produknya selesai dikembangkan, Indonusa pun memperoleh ijin frekuensi dan ijin dari Dirjen Postel melalui ULO ( Uji Layak Operasi ) untuk menjadi ISP. Dengan demikian, Indonusa dapat secara resmi meluncurkan produknya. Indonusa telah menunjukkan keunggulan sebagai sebuah perusahaan yang bergerak dalam bidang sistem integrator dan structured cabling system sejak tahun 1998. Dengan Undang-undang Telekomunikasi Republik Indonesia, No. 36 tahun 1999, PT. Indonusa mengambil kesempatan untuk berkarya dalam bidang telekomunikasi khususnya dalam bidang komunikasi data dan network provider. PT. Indonusa membangun infrastruktur dengan teknologi tinggi berbasis jaringan IP. Berdasarkan konsesi Departemen Perhubungan, Direktoral Jenderal Pos dan Telekomunikasi No. 1499/PT.003/Tel/DJPT-2003, PT. Indonusa diakui sebagai ISP ( Internet Service Provider ) nasional. Sekarang ini, lokasi Indonusa sangat strategis untuk menjangkau daerah Jakarta Barat. Konstruksi gedung Indonusa cukup tinggi bila dibandingkan dengan gedung-gedung di sekitarnya. Bangunan yang lebih tinggi dari Wisma Indovision di daerah jangkauannya hanya Apartemen Taman Anggrek.

52 Di atas gedung Wisma Indovision, Indonusa mempunyai sebuah antena sektoral point – to – multipoint yang sanggup menjangkau area 90 derajat dari Wisma Indovision ke arah timur. Dengan demikian, antena tersebut dapat menjangkau sebagian daerah Jakarta Utara, sebagian daerah Jakarta Pusat dan sebagian daerah Jakarta Selatan. Pengujian terhadap

jangkauan antena

membuktikan bahwa sinyal mencapai nilai optimal pada jarak sekitar 400 meter sampai maksimum 15 km dari Wisma Indovision dengan ketentuan LoS ( Line of Sight ) maupun OloS ( Offline of Sight ). Tapi sebenarnya untuk OLoS, sinyal masih bisa didapat bila di sekeliling daerah yang bersangkutan terdapat gedung lain yang dapat digunakan sebagai pemantul sinyal gelombang mikro. Pembagian bandwidth untuk pelanggan diatur oleh router yang ada di data center Indonusa. Indonusa menggunakan gelombang mikro ber – frekuensi 3,5 Ghz untuk mencapai pengguna internetnya. Frekuensi ini cenderung stabil karena belum banyak orang yang menggunakannya. Dengan demikian, semakin kecil kemungkinannya terjadi interferensi.

53 3.2

S truktur Organisasi PT. Indonusa S ystem Integrator Prima

President Director

Finance Manager

Finance Division

Purchasing Division

Executive Director

Operational Manager

Technical Manager

Sales Division

Technical Division

Gambar 3.1 S truktur Organisasi Indonusa Tahun 2008

Dari Gambar 3.1 tersebut, maka struktur organisasi Indonusa dapat dijelaskan sebagai berikut : Struktur jabatan tertinggi adalah Direktur yang dalam operasionalnya sehari-harinya dibantu oleh Executive Director. Indonusa mempunyai 3 Manager yaitu Finance Manager, Operational Manager, Technical Manager. Finance Manager dalam kesehariannya dibantu oleh Finance Division yang terdiri dari 1 orang dan Purchasing Division yang terdiri dari 1 orang juga. Kemudian, Operational Manager dibantu oleh Sales Division yang menangani bagian pemasaran dan Technical Manager berwenang terhadap Technical Division yang menangani jaringan, router, dan server.

54 3.3

Wewenang dan Tanggung Jawab PT. Indonusa menetapkan pembagian tugas dan wewenang dengan jelas, yaitu sebagai berikut : 1.

BOD ( Board of Director ) Direktur mempunyai tugas dan wewenang sebagai berikut : a. Sebagai pendiri dan pemilik perusahaan, direktur juga berperan dalam menetapkan visi dan misi perusahaan. b. M embuat

prospek

yang

menetukan

arah

perkembangan

perusahaan di masa yang akan datang. c. M enetapkan

perencanaan

dan

pengambilan

keputusan

bisnis

perusahaan.

2.

Financial Manager

Financial Manager mempunyai tugas dan wewenang sebagai berikut : a. M engendalikan alur kas perusahaan. b. M embuat rencana anggaran pengeluaran dan pendapatan perusahaan. c. M embuat dan menganalisa laporan keuangan. d. Menentukan SOP (System Operating Procedure) perusahaan yang mencakup SOP Cash, Purchasing, Bank, Stock, dan Exspense.

55 2.1

Finance Division Finance Division mempunyai tugas dan wewenang sebagai berikut : a. Bertanggung jawab terhadap pembayaran pajak perusahaan. b. Mengurus berkaitan

invoice

dan

masalah-masalah

yang

dengan pembayaran ke supplier maupun dari

pelanggan. 2.2

Purchasing Division Purchasing Division mempunyai tugas dan wewenang sebagai berikut : a. M engawasi dan

pelaksanaan

administrasi secara umum

yang meliputi pembelian dan penjualan. b. M engendalikan stok persediaan barang dengan bekerja sama dengan penanggungjawab bagian gudang. c. M embuat delivery order, dan mencatat stok kartu barang masuk dan keluar. d. M enyimpan semua file – file yang berhubungan dengan transaksi pembelian, penjualan, dan persediaan. e. M embuat purchase order ( PO ) berdasarkan permintaan divisi.

56 3.

Operational Manager Operational Manager mempunyai tugas dan wewenang sebagai berikut : a. M enentukan dan memperkirakan target pendapatan perusahaan. b. M engendalikan aktifitas penjualan. c. M enangani SOP sales, termasuk seluruh kegiatan yang berkaiatan dengan penjualan dan pemasaran, mulai dari penyediaan proposal, penerimaan pemesanan pelanggan,

pengadaan

kontrak,

CRM (

Customer Relationship Management ), hingga penyediaan layanan berupa bantuan bagi pelanggan. 3.1 Sales Division Sales Division mempunyai tugas dan wewenang sebagai berikut: a. M enangani penjualan baik langsung ataupun tidak langsung ke customer. b. M elakukan SOP sales. 4.

Technical Manager Technical Manager dan staf – stafnya mempunyai tugas dan wewenang sebagai berikut : a. M embuat sistem sebagai solusi bagi pelanggannya. b. M elakukan pemantauan terhadap stabilitas sistem yang telah dibuat. c. Mengatasi masalah – masalah yang timbul pada sistem dan jaringan yang telah dipasang tersebut. d. M engembangkan secara teknis sistem yang sudah ada.

57 4.1

Operasional Network Staff Operasional Network Staff bertugas menangani keseluruhan

jaringan Indonusa dan pengembangannya, serta koneksi jaringan ke pelanggan. Berikut ini adalah lingkup kerja, wewenang dan tanggung jawab Operasional Network Staff : 1. Lingkup Kerja M enjamin koneksi jaringan Indonusa ke upstream dan ke pelanggan, koneksi jaringan internal Indonusa, kinerja switch, router dan server Indonusa serta pengembangannya. 2. Wewenang dan Tanggung Jawab a. Bertanggung jawab atas server, jaringan Indonusa ke upstream dan ke pelanggan serta koneksi jaringan internal Indonusa. b. Berwenang mengatur dan mengeluarkan kebijakan operasional. c. M elakukan instalasi pada calon pelanggan dan perbaikan koneksi jaringan pada pelanggan. d. M embuat

rencana

pengembangan

jaringan

Indonusa,

mengimplementasikan dan mengevaluasi kegiatan pelaksanaan. e. Bekerja sama dengan divisi keuangan dalam mebuat tagihan pelanggan.

58 3.4

Sistem Jaringan yang Sedang Berjalan

Gambar 3.2 Jaringan Indonusa Secara Keseluruhan

Sistem jaringan Indonusa telah berjalan cukup rapi sampai dengan saat ini. Indonusa mendapatkan akses internet melalui jaringan fiber optic dengan menyewanya dari sebuah perusahaan penyedia saluran TV luar negri. Indonusa memiliki lokasi PoP ( Point of Present ) dan beberapa server yang diletakkan di data center dan belum digunakan secara maksimal. Berikut ini adalah gambaran jaringan Indonusa secara umum.

59

Gambar 3.3 Jaringan Indonusa di sisi Gedung Wisma Indovision

Jaringan LAN Indonusa pada sisi data center Gedung Wisma Indovision menggunakan 1 buah switch D – Link pada kantor pusat Indonusa yang terhubung langsung pada modem VDSL. M elalui modem VDSL inilah yang kemudian menggunakan copper cable untuk dihubungkan kembali ke modem VDSL yang terletak pada data center di gedung wisma Indovision. Hal ini dilakukan karena kantor pusat dan data center Gedung Wisma Indovision terletak cukup berjauhan. Lalu, modem VDSL terhubung langsung pada switch D-Link menggunakan ip private. switch D-Link ini difungsikan hanya untuk aktivitas kantor saja seperti Samba dan PBX. Kesemuanya itu terhubung dalam satu gateway LAN.

60 Gateway LAN terhubung ke switch Cisco untuk mendapatkan ip public yang di mana switch Cisco tersebut pun terhubung langsung ke

gateway

internasional. Switch Cisco digunakan untuk menghubungkan server-server yang ada di data center Gedung Wisma Indovision seperti ns1, Web server, cacti, nagios, dan proxy. Gateway internasional terbagi menjadi 3 buah jalur yaitu ke switch Cisco, yang bertujuan mendistribusikan ke pelanggan melalui wireless, ke mikrotik wireless sebagai backbone dan ke switch Cisco untuk jalur Fiber Optic.

Gambar 3.4 Jaringan Indonusa di sisi Gedung Taman Anggrek dan Binus

Jaringan Indonusa di sisi Gedung Taman Anggrek berasal dari mikrotik wireless backbone yang terhubung pada switch Lynksys BiNus yang

61 dihubungkan ke mikrotik BiNus kemudian dipancarkan dan ditangkap oleh M ikrotik Indonusa di Apartemen Taman Anggrek dan dihubungkan ke gateway taman anggrek. Gateway taman anggrek berfungsi untuk mendistribusikan akses internet ke switch D-Link. Kemudian switch D – Link mendistribusikan ke server NM S ( Network Management Server ), DHCP dan TFTP server, dan pada akhirnya dihubungkan ke CM TS ( Cable Modem Termination System ). M ikrotik Binus terhubung ke switch Binus Kampus Anggrek yang bertujuan untuk mengambil akses internet dari upstream – nya di Gedung Cyber melalui backbone. Begitu pula Indonusa, melalui gateway internasional yang terhubung ke switch Cisco, untuk mendapatkan akses internet dari upstream – nya maka perlu adanya fiber optic yang terhubung langsung ke gedung Cyber.

Gambar 3.5 Jaringan Indonusa di sisi Gedung Cyber

62 Jaringan Indonusa pada sisi Gedung Cyber berawal pada Lantai 1 APJII di mana terdapat switch Cisco yang bertugas untuk menghubungkan serverserver maupun customer collocation yang kemudian terhubung ke switch D – Link yang terbagi 2 jalur, 1 untuk ke M 8 ( mobile 8 ) yang fungsinya untuk jalur VPN, dan yang satu ke switch Cisco untuk dihubungkan ke switch D – Link di Lantai 7 IDC ( Internet Data Centre ). Switch D – Link ini terhubung ke server – server dan upstream maupun ke switch Cisco untuk terhubung ke server – server yang berbeda subnet. Pada akhirnya, switch D – Link terhubung pada bwm ( bandwitdh management ) yang berguna untuk mengatur link ke router IIX ( Indonesia Internet Exchange ) dan router Internasional.

3.5

Analisis Pada subbab ini akan dibahas mengenai hasil analisa sistem yang sedang berjalan di Indonusa, hasil analisis masalah dan beberapa kemungkinan penyelesaiannya. 3.5.1

Analisis Sistem yang Sedang Berjalan Sebagai ISP ( Internet Service Provider ) yang mempunyai motto ”Making All Connected”, membuat semua jaringan di dunia ini saling terhubung maka, Indonusa telah menyediakan akses internet untuk beberapa perusahaan di sekitar wilayah sebagian Jakarta Barat, sebagian Jakarta Selatan, sebagian Jakarta Utara, dan sebagian Jakarta Pusat. Indonusa memiliki visi untuk menerapkan teknologi informasi dan telekomunikasi secara optimal kepada pelanggannya. Oleh karena itulah, Indonusa telah mengembangkan beberapa server yang nantinya

63 akan memberikan content yang berguna bagi para pelanggan. Server – server

tersebut diletakkan di Gedung Cyber data center Indonusa

bersama dengan server yang sekarang sedang beroperasi. Sampai saat ini, di PT. Indonusa System Integrator Prima belum pernah dilakukan suatu perancangan sistem IPTV untuk para pengguna jasanya. Para konsumen PT. Indonusa System Integrator Prima menonton acara televisi lewat TV berbayar atau TV kabel dan video streaming yang kualitas gambarnya sangat bergantung pada kecepatan bandwith. IPTV pada skripsi ini merupakan suatu sistem baru yang akan menawarkan berbagai pengalaman baru dan kemudahan dalam menonton siaran televisi. Sistem IPTV ini memiliki fitur – fitur interaktif seperti fasilitas video on demand, jadwal acara, billing, dan video request. Sistem ini menggunakan suatu alat bernama set – top box sebagai pusat hiburan interaktif tersebut. Dengan berbagai kelebihan yang dimiliki membuat IPTV ini lebih kaya dalam hal fitur dan fasilitas, serta lebih mudah untuk dikembangkan lagi di kemudian hari.

3.5.2

Analisis Masalah PT. Indonusa System Integrator Prima membutuhkan suatu sistem IPTV yang interaktif dan memiliki kelebihan dibandingkan TV konvensional. Sistem IPTV ini pada kemudian hari akan diterapkan sebagai suatu bentuk penawaran baru dan fasilitas tambahan bagi para pelanggannya.

64 3.5.3

Analisis Penyelesaian Masalah Untuk mengatasi permasalahan akan kebutuhan PT. Indonusa System Integrator Prima tersebut, maka dirancanglah suatu sistem IPTV dengan berbagai kelebihan dan fitur – fitur seperti fasilitas video on demand, jadwal acara, billing, dan video request.

3.6

Perancangan Berikut ini akan dibahas mengenai perancangan keseluruhan sistem IPTV mulai dari penggambaran sistem, database, perancangan layar front – end dan back – end.

3.6.1

Perancangan Sistem IPTV Pada gambar 3.6 di bawah ini menunjukkan bahwa channel TV dan video diperoleh dari sumber yang berbeda. Channel TV diperoleh dari antenna / receiver, lalu di – encode menggunakan broadcast encoder sehingga formatnya sesuai dan dapat digunakan di Broadcast Streaming Server. Video juga di – encode terlebih dahulu pada VoD encoder sehingga dapat diputar di VOD Streaming Server. Hasil video tersebut disimpan di media storage dan kemudian diputar di VoD Streaming Server.

65

Gambar 3.6 Rancangan Sistem IPTV

Penjelasan mengenai gambar 3.6 ialah sebagai berikut : •

Broadcast Source Berupa antenna / receiver dan hanya dapat mengatur satu channel saja. Jadi untuk menyediakan lima channel, maka diperlukan lima antenna / receiver.

•

Broadcast encoder Berupa program yang dijalankan pada komputer. Input berupa sinyal analog dari antenna / receiver ke TV capture card, dan menghasilkan data yang telah dikompresi dan diformat untuk kemudian dapat ditransmisikan melalui jaringan LAN.

66 •

Broadcast streaming server M engambil channel dari setiap broadcast encoder, dan bukan sebaliknya ( encoder yang memberikan channel kepada broadcast streaming server )

•

VoD source Sumber video untuk memenuhi fitur VoD, dapat berupa CD, VCD, DVD, dll.

•

VoD encoder Berupa program yang dijalankan pada komputer. Input berupa video yang kemudian diubah formatnya sehingga sesuai dengan format yang dapat diputar di VoD Streaming Server.

•

Media Storage M erupakan tempat penyimpanan video – video. Sistem ini juga memungkinkan terdapatnya lebih dari satu media storage jika jumlah video sudah melebihi kapasitas yang tersedia.

•

VoD Streaming Server M engambil video dari media storage untuk kemudian ditampilkan kepada setiap set – top box melalui jaringan intranet.

•

Database Sebagai tempat

untuk

mengalokasikan

data dari

user

dan

administrator, serta alamat dari channel – channel dan video – video yang didistribusikan oleh streaming server.

67 •

Web Server Adalah sebuah perangkat lunak server yang berfungsi menerima permintaan HTTP dari klien yang dikenal dengan web browser dan mengirimkan kembali hasilnya dalam bentuk halaman-halaman web yang umumnya berbentuk dokumen HTM L.

•

IP network ( LAN ) M erupakan jaringan intranet berkecepatan tinggi dan digunakan untuk transmisi data dari streaming server ke set – top box.

•

Set – top box M erupakan alat yang digunakan pengguna untuk mengkonversi aliran data dari streaming server ( berupa sinyal digital ) menjadi analog untuk kemudian menjadi input ke televisi.

68 3.6.2

Perancangan Use Case Diagram IPTV System

Mengganti passwor d

Menonton dan mengganti siaran T V

<>

Mengatur data pelanggan

Mengganti password

Melihat jadwal TV Mengatur channel TV dan video Merequest dan menonton VoD Set-top box

Menginput jadwal acara TV

Administrator

Merequest video baru

Mengurus pembayaran Melihat status dan jumlah tagihan

Mengatur news Melihat news

Gambar 3.7 U se Case Diagram S istem IPTV Gambar 3.7 menunjukkan operasi apa saja yang dilakukan oleh set – top box dan administrator terhadap sistem. Dalam hal ini, pelanggan berhubungan dengan sistem melalui set – top box, maka dari itu aktor yang langsung berhubungan dengan sistem adalah set – top box ( mewakili dan atas instruksi dari pelanggan ).

69 3.6.3

Perancangan Flow of Events 1. Flow of Events untuk Mengatur Data Pelanggan

Mengatur Data Pelanggan Actor

: Administrator.

Preconditions : Pelanggan datang ke administrator. Flow of Events Basic Path

:

1. Use case dimulai ketika pelanggan datang ke administrator. 2. Jika pelanggan ingin mendaftar sebagai pelanggan IPTV a. Pelanggan mengisi formulir registrasi. b. Administrator mengecek kelengkapan isi formulir. c. Pengiriman set – top box ke tempat pelanggan. d. Administrator menginput data pelanggan ke database. 3. Jika pelanggan ingin mengganti data a. Pelanggan mengisi formulir penggantian data b. Administrator mengecek kelengkapan isi formulir c. Administrator mengupdate data pelanggan ke database. 4. Use case berakhir.

70

Alternative Path : 1. Jika data pelanggan tidak lengkap a. Administrator mengkonfirmasi ulang data pelanggan b. Alternative berakhir 2. Jika data pelanggan masih saja tidak sesuai, maka administrator membatalkan pendaftaran pelanggan baru Post condition : Penginputan data pelanggan baru ke dalam database.

71 2. Flow of Events untuk Mengganti Password

Mengganti Password Actor

: Administrator.

Preconditions : Administrator ingin mengganti password. Flow of Events Basic Path

:

1. Use case dimulai ketika administrator ingin mengganti password. 2. Administrator dapat mengganti password melalui menu ‘change password’ pada aplikasi back – end IPTV. 3. Administrator memasukkan password lama. 4. Administrator memasukkan password baru dan konfirmasinya. 5. Password baru menggantikan password sebelumnya di database. 6. Use case berakhir. Alternative Path : 1. Jika password lama yang dimasukkan salah maka password dalam database tidak terganti. 2. Alternative berakhir. Post Condition : Password dalam database terganti dengan password baru.

72 3. Flow of Events untuk Mengatur Channel TV dan Video

Mengatur Channel TV dan Video Actor

: Administrator.

Preconditions : Administrator ingin mengatur channel TV / video termasuk menambah channel TV / video baru, mengeditnya, ataupun menghapusnya. Flow of Events Basic Path

:

1. Use case dimulai ketika administrator ingin mengatur channel TV / video ( menambah channel TV / video baru, mengeditnya, ataupun menghapusnya ) ke media storage. 2. Administrator menambahkan data channel TV dan video, mengeditnya, ataupun menghapusnya ke database melalui aplikasi back – end IPTV. 3. Use case berakhir. Alternative Path : 1. Channel TV dan video tidak dapat diinput, diedit, ataupun dihapus dari media storage. 2. Jika terdapat masalah saat mengatur channel TV / video, penginputan, pengeditan, ataupun penghapusan ke database dibatalkan. 3. Alternative berakhir. Post Condition : Channel dan video baru dapat ditampilkan.

73 4. Flow of Events untuk Menginput Jadwal Acara TV

Menginput Jadwal Acara TV Actor

: Administrator.

Preconditions : Administrator ingin menginput jadwal acara channel TV. Flow of Events Basic Path

:

1. Use case dimulai ketika administrator ingin menginput jadwal acara channel TV. 2. Administrator melakukan perubahan pada jadwal acara channel TV. a. Jika administrator ingin menginput jadwal acara channel TV yang baru, administrator mengisi form yang kosong pada aplikasi back – end IPTV. b. Jika administrator ingin mengganti jadwal acara channel TV, administrator mengganti variabel tertentu yang ingin diubah pada aplikasi back – end IPTV. c. Jika administrator ingin menghapus jadwal acara channel TV, administrator menghapus keseluruhan variabel back – end IPTV. 3. Kemudian tekan tombol ‘OK’ dan data terinput ke database. 4. Use case berakhir.

74 Post Condition : Perubahan terhadap jadwal acara channel TV dilakukan ke database.

5. Flow of Events untuk Mengurus Pembayaran

Mengurus Pembayaran Actor

: Administrator.

Preconditions : Pelanggan datang untuk membayar tagihan video. Flow of Events Basic Path

:

1. Use case dimulai ketika ada pelanggan datang untuk membayar tagihan video. 2. Administrator mengecek pembayaran dari pelanggan. 3. Administrator menghapus tagihan pelanggan yang telah dibayar. 4. Use case berakhir. Alternative Path : 1. Jika pembayaran tidak valid, maka tagihan tidak dihapus. 2. Alternative berakhir. Post Condition : Tagihan pelanggan dihapus dari database.

75 6. Flow of Events untuk Mengatur News

Mengatur News Actor

: Administrator.

Preconditions : Ada berita baru yang ingin ditampilkan ke pelanggan. Flow of Events Basic Path

:

1. Use case dimulai ketika ada berita baru yang ingin ditampilkan ke pelanggan. 2. Administrator menambahkan berita baru ke database melalui aplikasi back – end IPTV. 3. Use case berakhir. Post Condition : Berita baru dapat dilihat oleh pelanggan.

76 7. Flow of Events untuk Mengganti Password

Mengganti Password Actor

: set – top box.

Preconditions : Pelanggan ingin mengganti password. Flow of Events Basic Path

:

1. Use case dimulai ketika pelanggan ingin mengganti password. 2. Pelanggan dapat mengganti password melalui menu ‘change password’ pada set – top box. 3. Pelanggan memasukkan password lama. 4. Pelanggan memasukkan password baru beserta konfirmasinya. 5. Password baru menggantikan password sebelumnya dalam database. 6. Use case berakhir. Alternative Path : 1. Jika password lama yang dimasukkan salah maka password dalam database tidak terganti. 2. Alternative berakhir. Post Condition : Password dalam database terganti dengan password baru

77 8. Flow of Events untuk Menonton dan Mengganti Siaran TV

Menonton dan Mengganti Siaran TV Actor

: set – top box.

Preconditions : Pelanggan ingin menonton dan mengganti channel TV. Flow of Events Basic Path

:

1. Use case dimulai ketika pelanggan ingin menonton dan mengganti channel TV. 2. Pelanggan dapat menonton siaran TV pada halaman ’Watch TV’ yang secara otomatis ditampilkan saat pelanggan mengaktifkan set – top box. 3. Pelanggan dapat mengganti channel TV dengan menekan nama channel TV yang diinginkan pada halaman ’Watch TV’. 4. Use case berakhir. Post Condition : Pelanggan dapat menonton channel TV yang diinginkan.

78 9. Flow of Events untuk Melihat Jadwal TV

Melihat Jadwal TV Actor

: set – top box.

Preconditions : Pelanggan ingin melihat jadwal acara channel TV. Flow of Events Basic Path

:

1. Use case dimulai ketika ada pelanggan yang ingin melihat jadwal acara channel TV. 2. Pelanggan memilih menu ’View Schedule’ pada set – top box. 3. Set – top box kemudian mengambil jadwal acara channel TV yang tersedia di database dan kemudian ditampilkan. 4. Use case berakhir. Post Condition : Pelanggan dapat melihat jadwal acara channel TV yang tersedia.

79 10. Flow of Events untuk Merequest dan Menonton VoD

Merequest dan Menonton VoD Actor

: set – top box.

Preconditions : Pelanggan ingin merequest dan menonton VoD. Flow of Events Basic Path

:

1. Use case dimulai ketika pelanggan ingin merequest dan menonton VoD. 2. Pelanggan memilih menu ’Video on Demand’ di set – top box. 3. Pelanggan memasukkan username dan password. 4. Pelanggan memilih video yang diinginkan. 5. Request berhasil dan data dimasukkan ke dalam database. 6. Video ditampilkan pada set – top box. 7. Use case berakhir. Alternative Path : 1. Jika username / password yang dimasukkan pelanggan salah maka akan ditampilkan pesan kesalahan. 2. Alternative berakhir. Post Condition : Pelanggan dapat menonton video yang diinginkan.

80 11. Flow of Events untuk Merequest Video Baru

Merequest Video Baru Actor

: set – top box.

Preconditions : Pelanggan ingin merequest video baru. Flow of Events Basic Path

:

1. Use case dimulai ketika pelanggan ingin merequest video baru. 2. Pelanggan memilih menu ’Request’ pada set – top box. 3. Pelanggan memasukkan username dan password. 4. Pelanggan memasukkan data video yang ingin direquest. 5. Request video berhasil dan data dimasukkan ke dalam database. 6. Use case berakhir. Alternative Path : 1. Jika username / password yang dimasukkan pelanggan salah maka akan ditampilkan pesan kesalahan. 2. Alternative berakhir. Post Condition : Pelanggan dapat menonton video yang diinginkan.

81 12. Flow of Events untuk Melihat S tatus dan Jumlah Tagihan

Melihat S tatus dan Jumlah Tagihan Actor

: set – top box.

Preconditions : Pelanggan ingin melihat status dan jumlah tagihan. Flow of Events Basic Path

:

1. Use case dimulai ketika pelanggan ingin melihat status dan jumlah tagihan. 2. Pelanggan memilih menu ’View Billing’ pada set – top box. 3. Pelanggan memasukkan username dan password. 4. Set – top box menampilkan status dan jumlah tagihan pelanggan. 5. Use case berakhir. Alternative Path : 1. Jika username / password yang dimasukkan pelanggan salah maka akan ditampilkan pesan kesalahan. 2. Alternative berakhir. Post Condition : Pelanggan dapat melihat status dan jumlah tagihan.

82 13. Flow of Events untuk Melihat News

Melihat News Actor

: set – top box.

Preconditions : Pelanggan ingin melihat berita terbaru. Flow of Events Basic Path

:

1. Use case dimulai ketika pelanggan ingin melihat berita terbaru. 2. Pelanggan memilih menu ’News’ pada set – top box. 3. Set – top box menampilkan berita terbaru. 4. Use case berakhir. Post Condition : Pelanggan dapat melihat berita terbaru.

83 3.6.4

Perancangan Activity Diagram

Activity Dia gra m Manage Customer Data

Pegganti data pelanggan

Hal -hal admi ni stras i

M engi si form ul ir

P endaftar pelanggan baru

Mengi si formulir pendaftaran

Data tidak vali d Data tidak vali d

Konfirm as i ul ang Data vali d

Data valid

Konfirm as i ul ang

Data valid Data vali d

Update ke database

P engantar an S et-Top Box dan pengaktifan pelanggan

Data tidak vali d Data tidak vali d

Pem batalan

Pem batalan

Input ke database

Gambar 3.8 Activity Diagram Mengatur Data Pelanggan Gambar di atas menunjukkan alur dari pendaftaran pelanggan baru ataupun penggantian data pelanggan. Jika pelanggan ingin melakukan penggantian data, maka prosedur yang harus dilakukannya adalah mengisi formulir penggantian data, kemudian administrator akan memeriksa kebenaran data tersebut dan melakukan update ke database. Jika ada pelanggan baru yang ingin melakukan registrasi, maka pelanggan harus mengisi formulir pendaftaran, kemudian administrator melakukan pemeriksaan terhadap data yang diberikan pelanggan. Jika datanya tidak benar ( tidak valid ), maka pelanggan diberikan satu lagi

84 kesempatan untuk memberikan data yang benar. Jika data yang diberikan masih tidak valid, maka pendaftaran tidak dilakukan. Jika data yang diberikan sudah valid, maka dilakukan pengantaran set – top box dan pengaktifan ID pelanggan.

Activity Diagram Mengatur Channel TV dan Video

Menambah channel TV / Video bar u

Mengatur channel TV / Video

Menghapus channel TV / Video

Mengis i channel TV / VIdeo

Mengis i form yang ters edia

Validasi

v alid

Update ke database IPTV

tidak valid

Pembatalan

Gambar 3.9 Activity Diagram Mengatur Channel TV dan Video

Gambar 3.9 menunjukkan alur dari pengaturan channel dan video. Administrator dapat mengatur channel TV dan video yang meliputi menambah channel TV / video baru, mengedit channel TV / video, dan menghapus channel TV / video.

85 Alur yang sama terjadi pada proses saat administrator ingin menambah channel TV / video baru ataupun mengedit channel TV / video. Jika administrator ingin melakukan salah satu dari kedua proses tersebut, maka administrator menginput variabel – variabel pada form yang tersedia. Selanjutnya dilakukan validasi, jika variabel – variabel yang diinput valid, maka dilakukan update ke database IPTV ( sukses ). Sebaliknya jika tidak valid, maka terjadi pembatalan proses yang ingin dilakukan. Jika administrator ingin menghapus channel TV / video, maka dilakukan validasi terlebih dahulu. Jika valid ( administrator setuju menghapus ), maka dilakukan update ke database IPTV. Jika tidak valid, maka terjadi pembatalan proses penghapusan. Activity Diagram Mengurus Pembayaran

Pembayaran bulanan

Hal-hal administrasi

Pencetakan tagihan bulanan

Jumlah bayar salah

Konfirmasi pem bayaran

Pembatalan

Jumlah bayar benar Update ke database

Pengirim an tagihan

Gambar 3.10 Activity Diagram Mengurus Pembayaran

86 Gambar 3.10 menunjukkan proses bagian pembayaran tagihan pelanggan. Administrator akan mencetak tagihan pelanggan dalam setiap bulannya, lalu mengirimkannya ke alamat pelanggan masing – masing. Pelanggan

akan

datang untuk

melakukan

pembayaran

/

menyerahkan bukti transfer pembayaran. Jika jumlahnya sesuai setelah dicek oleh admistrator, maka data akan dimasukkan ke database sistem IPTV ( sukses ). Jika jumlahnya tidak sesuai, maka dilakukan pembatalan terhadap proses pembayaran tersebut, atau berarti tagihan belum terbayar.

Activi ty Di agram Layanan Menonton I PTV

Menonton TV

Mengakses layanan menonton ( pada sistem IPTV)

Menonton VOD

konfirmasi reques t Mengganti c hannel TV

Mer equest video baru

username dan pas swor d salah Pembatalan

username dan pas swor d benar

Update ke database

Gambar 3.11 Activity Diagram Layanan Menonton IPTV

87 Gambar 3.11 menunjukkan alur dari layanan menonton IPTV yang dapat dinikmati pelanggan. Ada tiga layanan utama disini, yaitu menonton dan mengganti channel TV, merequest dan menonton VoD, serta merequest video baru. Jika pelanggan ingin menonton dan mengganti channel TV, pelanggan dapat langsung mengakses layanan tersebut ( sukses ). Jika pelanggan ingin merequest dan menonton VoD, pelanggan terlebih dahulu harus memasukkan username dan password. Jika username dan passwordnya benar, maka dilakukan update tagihan ke database. Selanjutnya, pelanggan dapat menonton video yang diinginkan ( sukses ). Sebaliknya jika username dan password yang dimasukkan salah, maka proses request untuk menonton VoD tersebut akan dibatalkan. Jika pelanggan ingin merequest suatu video baru yang belum ada di daftar video layanan VoD, pelanggan juga harus memasukkan username dan password. Jika username dan passwordnya benar, maka dilakukan update ke database. Selanjutnya, request dari pelanggan tersampaikan ( sukses ).

88 3.6.5

Perancangan Class Diagram

Berikut adalah gambar rancangan class diagram untuk sistem IPTV. Gambaran ini mencakup bagian front – end atau back – end dari sistem.

Gambar 3.12 Class Diagram

89 3.6.6

Perancangan Sequence Diagram

Pe lang gan

Admi nistrator

Sis tem

Regist rasi

Cek v aliditas dat a()

Data V alid Simp an ke database()

Sukses menyimpan data

Set -Top Box

Gambar 3.13 Sequence Diagram Registrasi Pelanggan Gambar 3.13 menunjukkan daur hidup dari aktor – aktor yang berhubungan dalam sistem IPTV. Pertama – tama pelanggan melakukan registrasi ke administrator dan diperiksa apakah data sudah diisi dengan lengkap. Jika data valid maka administrator menyimpan data ke database. Setelah itu administrator mengantarkan set – top box ke alamat pelanggan.

90

Pelanggan

Adminis trator

Sistem

Penggantian data

Cek validitas data()

Set-Top Box

Dat a Valid Simpan ke database()

Sukses menyimpan data

Gambar 3.14 Sequence Diagram Penggantian Data Pelanggan Gambar 3.14 menunjukkan proses penggantian data pribadi pelanggan. Pelanggan memberikan data pribadinya yang baru, kemudian administator memeriksa kelengkapan datanya. Jika data sudah lengkap, maka administrator akan mengupdate database IPTV.

91

Pelan ggan

Admi nistrator

Pe mbayaran

Pembayaran

Cek jumlah pembayaran()

Jumlah benar Simp an ke d ata base()

Sukses menyimpan data Laporan bukti pembayaran

Gambar 3.15 Sequence Diagram Pembayaran Gambar 3.15 menjelaskan cara pembayaran yang dilakukan oleh pelanggan. Pelanggan akan mendatangi administrator untuk melakukan pembayaran. Administrator kemudian melakukan pengecekan apakah jumlah yang dibayar sesuai dengan jumlah tagihan. Jika jumlahnya sudah benar, maka pembayaran akan

disimpan di database. Kemudian

administrator memberikan bukti pembayaran kepada pelanggan.

92

Pelanggan

Sistem

Set-Top Box

connect ke web ambil daftar channel TV daftar channel TV tampilk an

pilih channel TV ambil alamat link channel streaming

alamat link channel streaming tampilkan channel TV streaming ganti c hannel TV ambil alamat link channel streaming yang baru alamat link channel streaming yang baru tampilkan streaming channel TV

Gambar 3.16 Sequence Diagram Menonton dan Me ngganti Channel TV

93 Gambar 3.16 menunjukkan cara untuk menonton dan mengganti channel TV. Pertama – tama pelanggan masuk ke halaman web ( front – end ), lalu set – top box akan mengambil daftar channel TV dari sistem dan menampilkannya. Pelanggan dapat memilih channel TV mana yang ingin ditonton, maupun mengganti channel TV. Keduanya dilakukan lewat perantaraan set – top box yang mengambil alamat link channel streaming dari server. Berikutnya, aplikasi front – end akan menampilkan hasil streaming dari server tersebut terhadap channel TV yang dipilih.

94

Pela ngg an

Set-To p Box

Sistem

pilih menu VOD minta username dan password

username dan password username d an password

usern ame da n password be nar

cek use rname d an p asswo rd()

tampilkan semua vid eo yang tersedia request video yang diin ginkan a mbil video yang diinginkan pelanggan strea ming vide o yan g diin ginka n pelanggan

sim pan ke d ataba se()

tampilkan video

Gambar 3.17 Sequence Diagram Merequest dan Menonton VoD Gambar 3.17 menunjukkan cara pelanggan untuk merequest dan menonton VoD. Setelah pelanggan memilih menu VoD dan memilih video yang diinginkan lewat aplikasi front – end, selanjutnya aplikasi front – end akan meminta konfirmasi username dan password pelanggan. Jika username dan password benar, maka akan dilakukan penyimpanan tagihan ke database dan pelanggan dapat menonton video yang tadi diminta.

95 3.6.7

Perancangan Database

1. MsPelanggan Tabel ini digunakan untuk menyimpan informasi pelanggan yang menggunakan aplikasi front – end IPTV. Primary key : idPelanggan Foreign key : Tabel 3.1 MsPelanggan No Kolom

Tipe Data

Deskripsi

1

idPelanggan

Int (auto)

Id pelanggan

2

usernamePelanggan

Varchar(30)

Username pelanggan yang digunakan untuk login

3

passwordPelanggan

Varchar(15)

Password pelanggan yang digunakan untuk login

4

namaPelanggan

Varchar(100)

Nama pelanggan

5

telpPelanggan

Varchar(20)

Nomer telp atau handphone yang digunakan pelanggan

6

alamatPelanggan

Varchar(200)

Alamat pelanggan

7

statusPelanggan

Char(1)

0 : status pelanggan masih menggunakan sistem IPTV 1 : status pelanggan sudah tidak menggunakan sistem IPTV

96 2. MsAdmin Tabel ini digunakan

untuk

menyimpan

informasi admin

yang

menggunakan aplikasi back – end IPTV. Primary key : idAdmin Foreign key : Tabel 3.2 MsAdmin No Kolom

Tipe Data

Deskripsi

1

idAdmin

Int (auto)

Id admin

2

usernameAdmin

Varchar(30)

Username

admin

yang

digunakan untuk login 3

passwordAdmin

Varchar(15)

Password

admin

yang

digunakan untuk login 4

hakAkses

Char(1)

1

:

admin

yang

bisa

mengakses semua halaman 2 : admin yang hanya dapat mengakses

halaman

Customer M anagement dan Customer Billing 3 : admin yang hanya dapat mengakses

halaman

TV

Schedule, Channel Setting, VOD dan News 5

namaAdmin

Varchar(100) Nama admin

97 6

telpAdmin

Varchar(20)

Nomer telp atau handphone yang digunakan admin

7

alamatAdmin

Varchar(200) Alamat admin

8

statusAdmin

Char(1)

0

: status

admin

masih

menggunakan sistem IPTV 1 : status admin sudah tidak menggunakan sistem IPTV

3. MsGenre Tabel ini digunakan untuk menyimpan genre yang ada dari suatu video. Primary key : idGenre Foreign key : Tabel 3.3 MsGenre No Kolom

Tipe Data

Deskripsi

1

idGenre

Int (auto)

Id genre dari video

2

namaGenre

Varchar(20) Nama genre dari video

3

statusGenre

Char(1)

Sebagai status pelengkap

98 4. MsChannel Tabel ini digunakan untuk menyimpan channel – channel yang tersedia dan ditampilkan pada aplikasi front – end IPTV. Primary key : idChannel Foreign key : Tabel 3.4 MsChannel No Kolom

Tipe Data

Deskripsi

1

idChannel

Int (auto)

Id channel

2

namaChannel

char(100)

Nama channel

3

nomerChannel

Char(3)

Nomer dari channel

4

alamatChannel

Varchar(255) Alamat

link

channel

streaming

5. MsVideo Tabel ini digunakan untuk menyimpan video – video yang tersedia dan ditampilkan pada aplikasi front – end IPTV. Primary key : idVideo Foreign key : idGenre dan namaGenre yang direferensikan dari M sGenre Tabel 3.5 MsVideo No Kolom

Tipe Data

Deskripsi

1

Int (auto)

Id video

idVideo

99 2

judulVideo

Varchar(100) Nama video

3

Artist

Text

Artist dari video

4

idGenre

Int

Id genre

5

namaGenre

Varchar(20)

Nama genre dari video

6

hargaVideo

M oney

Harga dari video yang dipilih oleh pelanggan

7

descVideo

Text

Description atau detail dari video

8

durationVideo

Ntext

Durasi lamanya video

9

alamatVideo

Varchar(255) Alamat link video streaming

10

imageVideo

Varchar(255) Alamat link dari image video

11

Ket

Char(1)

1

: menggunakan

image

default 2 : menggunakan image yang diupload admin

6. MsJadwal Tabel ini digunakan untuk menyimpan nama-nama program acara yang akan ditampilkan dari channel TV pada jam dan hari tertentu ( disesuaikan dengan jadwal dari distributor channel ). Primary key : idJadwal

100 Foreign key : idChannel yang direferensikan dari M sChannel idAdmin yang direferensikan dari M sAdmin Tabel 3.6 MsJadwal No Kolom

Tipe Data

Deskripsi

1

idJadwal

Int (auto)

Id jadwal

2

namaJadwal

Varchar(100) Nama dari program acara TV

3

idChannel

Int

Id channel

4

idAdmin

Int

Id Admin

5

tanggalJadwal

datetime

Tanggal dari jadwal program acara

6

jamM ulai

datetime

Jam

dimulainya

program

selesainya

program

acara 7

jamSelesai

datetime

Jam acara

8

statusJadwal

Char(1)

Sebagai status pelengkap

7. MsNews Tabel ini digunakan untuk menyimpan berita yang ingin disampaikan kepada pelanggan. Primary key : idNews Foreign key : idAdmin yang direferensikan dari M sAdmin

101 Tabel 3.7 MsNews No Kolom

Tipe Data

Deskripsi

1

idNews

Int (auto)

Id news

2

judulNews

Varchar(100) Judul news

3

isiNews

Text

Isi news

4

idAdmin

Int

Staff yang mengisi berita

5

tanggalNews

datetime

Tanggal dari news

6

statusNews

Char(1)

Sebagai status pelengkap

8. MsRequestVideoBaru Tabel ini digunakan untuk menyimpan request pelanggan terhadap video baru yang diinginkan. Primary key : idReq Foreign key : idGenre dan MsGenre,

namaGenre yang direferensikan

idPelanggan

yang

direferensikan

MsPelanggan

Tabel 3.8 MsRequest VideoBaru No Kolom

Tipe Data

Deskripsi

1

Int (auto)

Id dari request video baru

idReq

dari dari

102 2

idGenre

Int

Id genre

3

namaGenre

Varchar(20)

Nama dari genre video yang direquest

4

judulReq

Varchar(100) Judul dari request video baru

5

artistReq

Text

Artist

dari

video

yang

direquest 6

descReq

Text

Description atau penjelasan mengenai video baru yang direquest oleh pelanggan

7

idPelanggan

Int

Id

dari

pelanggan

yang

melakukan request 8

Ket

Char(1)

1 : statusnya pending 2 : statusnya complete

9

statusReq

Char(1)

Sebagai status pelengkap

9. MsTagihan Tabel ini digunakan untuk menyimpan tagihan atas video yang telah ditontonnya. Yang disimpan adalah video yang ditonton pelanggan, harga saat pelanggan menonton video tersebut ( agar pelanggan tidak merasa dirugikan karena harga sewaktu – waktu dapat berubah ), tanggal saat pelanggan menonton video tersebut. Primary key : idTagihan

103 Foreign key : hargaTagihan, judulVideo, idVideo, namaGenre yang direferensikan dari M sVideo idPelanggan yang direferensikan dari M sPelanggan

Tabel 3.9 MsTagihan No Kolom

Tipe Data

Deskripsi

1

idTagihan

Int (auto)

Id dari tagihan

2

hargaTagihan

M oney

Harga dari tagihan dari video yang ditonton pelanggan

3

tanggalTagihan

Datetime

Tanggal

saat

pelanggan

menonton video 4

idVideo

Int

Id video

5

namaGenre

Varchar(20)

Nama dari genre video yang direquest

6

judulVideo

Varchar(100) Judul

dari

video

yang

ditonton pelanggan 7

idPelanggan

Int

Id

dari

pelanggan

yang

menonton video 8

Ket

Char(1)

Diberi nilai 1 sebagai tanda bahwa data merupakan data dari M sTagihan

104 10. MsBayar Tabel ini digunakan untuk menyimpan pembayaran yang dilakukan oleh pelanggan. Yang disimpan adalah tanggal pembayaran, total pembayaran, tanggal pelanggan menonton video, petugas yang menerima pembayaran. Primary key : idBayar Foreign key : idPelanggan, judulVideo, tanggalTagihan, idTagihan dan hargaTagihan yang direferensikan dari M sTagihan idAdmin yang direferensikan dari M sAdmin Tabel 3.10 MsBayar No Kolom

Tipe Data

Deskripsi

1

Int (auto)

Id dari pembayaran yang

idBayar

dilakukan 2

totalBayar

M oney

Total

pembayaran

yang

dilakukan pelanggan 3

tanggalBayar

Datetime

Tanggal

saat

pelanggan

melakukan pembayaran 4

idAdmin

Int

Id dari admin yang menerima pembayaran

5

idPelanggan

Int

Id pelanggan

6

judulVideo

Varchar(100) Judul dari video

7

idTagihan

Int

Id tagihan

105 8

tanggalTagihan

Datetime

Tanggal

pelanggan

menonton video 9

hargaTagihan

M oney

Harga dari tagihan dari video yang ditonton pelanggan

10

Ket

Char(1)

Diberi nilai 2 sebagai tanda bahwa data merupakan data dari M sBayar

106

usernamePelanggan passwordPelanggan namaPelanggan t elpPelanggan alamatPelanggan statusPelanggan

judulNews isiNews tanggalNews statusNews

Ms Request Video Baru

FK7

judulReq artistReq descReq ket statusReq idGenre

PK idJadwal PK,FK5 idChannel PK,FK6 idAdmin

PK idNews PK,FK3 idAdmi n

PK i dPelanggan

PK idReq PK namaGenre PK,FK6 idPelanggan

Ms Jadwal

Ms News

Ms Pelanggan

Ms Tagihan PK PK PK PK,FK7

idTagihan hargaTagi han judul Video idPelanggan

FK6 FK6

tanggalTagihan ket idVideo namaGenre

namaJadwal tanggalJadwal jamMulai jamSelesai statusJadwal

Ms Admin PK

Ms Channel

idAdmin

PK idChannel

usernameAdmin passwordAdmin hakAkses namaAdmin telpAdmin alamat Admin st atusAdmin

namaChannel nomerChannel alamatChannel

Ms Video Ms Genre

PK PK

PK idGenre namaGenre statusGenre

FK5

idVideo namaGenre judulVideo artist hargaVideo descVideo alamatVideo imageVideo ket idGenre durat ion

Ms Bayar PK PK,FK7 PK,FK8 PK,FK8 PK PK,FK8

idBayar idAdmin idPelanggan judulVideo tanggal Tagihan hargaTagihan

FK8

totalBayar tanggalBayar ket idTagihan

Gambar 3.18 Relasi Antar Tabel Pada Database

107 3.6.8

Perancangan Back – End Sistem IPTV Bagian ini akan membahas perancangan yang akan dilakukan untuk pembuatan back – end sistem IPTV.

3.6.8.1 Perancangan S truktur Menu Pada perancangan layar back – end sistem IPTV, menu – menunya ialah sebagai berikut: Login

C hange name and password

Admini strator Management

Main Menu

C ust omer Management

TV Schedule

Channel Setting

Logout

Vi deo on Demand

A dd new administrat or

Add new c ust omer

Add new sc hedule

Add new channel

View vi deo request

Edit or delete administrat or

Edit or delete c ust omer

View or edit sc hedule

View or delet e channel

U pload v ideo

Delete s chedule

Customer Billing

New s

View c us tomer billing

Add news

Edit or delet e news

Edit or delete v ideo

Add new genre

Vi ew or delete genre

Gambar 3.19 S truktur Menu Back – End Sistem IPTV Seperti yang tertera pada gambar 3.19 menu back – end sistem IPTV dimulai dengan halaman login, yang bertujuan untuk membatasi orang – orang yang sekiranya tidak memiliki hak akses yang berhubungan dengan sistem, misalnya mengubah sistem. Setelah sukses login, administrator dapat mengganti username dan passwordnya pada

108 halaman Change username & Password. Kemudian dari menu utama ( Main Menu ), administrator dapat mengatur sistem dengan menggunakan menu – menu yang ada. Sedangkan pada menu logout, aplikasi akan berakhir dan kembali ke halaman login.

3.6.8.2 Perancangan Layar Berikut ini adalah rancangan layar – layar yang akan diterapkan pada pembuatan back – end sistem IPTV. 1. Layar Login PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management

Please login first!

Customer Management TV Schedule Channel Setting

Username Password

Video on Demand

Login

Customer Bi lling News

Gambar 3.20 Layar Login Layar ini merupakan halaman awal dari back – end sistem IPTV. Layar ini membatasi administrator yang mengatur sistem IPTV dan sekaligus membedakan jalannya sistem sesuai dengan hak akses yang dimiliki tiap – tiap administrator.

109 2. Layar Home PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management

Hi, [Admin Name]

Logout

Customer Management TV Schedul e

To change your username and password click here

Channel Setting Video on Demand Customer Billing News

Gambar 3.21 Layar Home M erupakan halaman home dari sistem IPTV. Layar ini muncul setelah login yang dilakukan administrator berhasil. M elalui halaman ini pula administrator dapat mengganti passwordnya. Pada halaman home ini terdapat menu – menu yang dapat diakses oleh administrator sesuai dengan hak akses yang mereka miliki.

3. Layar Administrator Change Password PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management

Hi, [Admin Name]

Customer Management

Change Password

Logout

TV Schedul e Channel Setting

Current Username

Video on Demand

New Username

Customer Billing

Current Password

News

New Password

Submit

Gambar 3.22 Layar Administrator Change Password

110 Layar ini digunakan untuk mengganti username dan password administrator. Jika ingin mengganti username dan password maka administrator harus memasukkan username dan passwordnya sekarang, dan password baru beserta konfirmasinya. Administrator yang dapat mengganti password adalah administrator yang sudah login.

4. Layar Administrator Management PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Add new administrator

Hi, [Admin Name]

Logout

Add new administrator

Edit or delete administrator Customer Management

Username

TV Schedul e

Password

Channel Setting

Name

Video on Demand

Address

Customer Billing

Telephone Number

News

Privilege Submit

Gambar 3.23 Layar Add new Administrator Layar ini hanya dapat diakses oleh administrator yang memiliki hak akses ’1’. Layar ini berfungsi untuk menambah administrator dengan menampilkan form yang berisi username, password, name, address, telephone number, dan privilege. Administrator yang memiliki hak akses ’1’ diwajibkan untuk memilih salah satu dari tiga hak akses yang tersedia ( yaitu ’1’, ’2’, ’3’ ). Jika tombol submit ditekan maka data akan diupdate ke database.

111 PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Add new administrator

Hi, [Admin Name]

Logout

Edit or Delete Administrator

Edit or delete administrator Name

Customer Management

User name

Address

Telp

Privilege

TV Schedule Channel Setting Video on Demand Customer Billing News Edit

Delete

Gambar 3.24 Layar Edit or Delete Administrator Layar ini berfungsi untuk mengedit atau menghapus administrator – administrator yang telah terdaftar sebelumnya. Proses edit atau delete dilakukan per satu username. Jika tombol edit ditekan maka akan muncul layar baru sebagai berikut : PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Add new administrator

Hi, [Admin Name]

Logout

Edit Administrator

Edit or delete administrator Customer Management

Name

Username

Address

Telp

TV Schedule Channel Setting Video on Demand Customer Billing News

Submit

Gambar 3.25 Layar Edit Administrator

Privilege

112 Pada tiap – tiap variabel telah terisi dengan data dari administrator yang akan diedit. Jika tombol submit ditekan maka data akan diupdate ke database. Sedangkan jika tombol delete yang ditekan, maka akan muncul layar sebagai berikut: PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Add new administrator

Hi, [Admin Name]

Logout

Delete Administrator

Edit or delete administrator Customer Management TV Schedule Channel Setting

Do you really want to delete selected administrator(s)? Yes Name

Cancel Username

Address

Telp

Privilege

Video on Demand Customer Billing News

Gambar 3.26 Layar Delete Administrator Layar ini berfungsi untuk menghapus administrator yang telah terdaftar. Pada layar ini akan muncul konfirmasi terlebih dahulu. Jika yang dipilih ialah option Yes, maka data akan dihapus dari database. Sedangkan jika option Cancel yang dipilih, maka proses penghapusan dibatalkan.

113 5. Layar Cu stomer Management PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

Add new customer

Add new customer Edit or delete customer

Username

TV Schedul e

Password

Channel Setting

Name

Video on Demand

Address

Customer Billing

Telephone Number

News Submit

Gambar 3.27 Layar Add new Customer Layar ini hanya dapat diakses oleh administrator yang memiliki hak akses ’1’ dan ’2’. Layar ini berfungsi untuk menambah customer dengan menampilkan form yang berisi username, password, name, address, dan telp. Jika tombol submit ditekan maka data akan diupdate ke database. PT INDONUSA SYSTEM INTEGRATOR PRIMA Admi nistrator Management Customer Management

Hi, [Admin Name]

Logout

Edit or Delete Customer

Add new customer Edit or delete customer

Name

Username

Address

Telp

TV Schedule Channel Setting Video on Demand Customer Billing News Edit

Del ete

Gambar 3.28 Layar Edit or Delete Cu stomer

114 Layar ini berfungsi untuk mengedit atau menghapus pelanggan yang telah terdaftar sebelumnya. Proses edit atau delete dilakukan per satu username. Jika tombol edit ditekan maka akan muncul layar baru sebagai berikut : PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Cus tomer Management

Hi, [Admin Name]

Logout

Edit Customer

Add new customer Edit or delete customer

Name

Username

Address

Telp

TV Schedule Channel Setting Video on Demand Cus tomer Billing News

Submit

Gambar 3.29 Layar Edit Customer Pada tiap – tiap variabel telah terisi dengan data dari customer yang akan diedit. Jika tombol submit ditekan maka data akan diupdate ke database. PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

Delete Customer

Add new customer Edit or delete customer TV Schedule Channel Setting

Do you really want to delete selected customer(s)? Yes Cancel Name

Username

Address

Telp

Video on Demand Customer Billing News

Gambar 3.30 Layar Delete Customer

115 Layar ini berfungsi untuk menghapus pelanggan yang telah terdaftar. Pada layar ini akan muncul konfirmasi terlebih dahulu. Jika yang dipilih ialah option Yes, maka data akan dihapus dari database. Sedangkan jika option Cancel yang dipilih, maka proses penghapusan dibatalkan.

6. Layar TV Schedule PT INDONUSA SYSTEM INTEGRATOR PRIMA Admi nistrator Management Customer Management

Hi, [Admin Name]

Logout

Add New Schedule

TV Schedule [Channel Name]

Add new schedule View or edit schedule

[month]

v

[date]

v v

[year]

v

Delete schedule Channel Setting

Go!

Video on Demand Customer Billing News

Gambar 3.31 Layar Add New Schedule 1 Layar ini hanya dapat diakses oleh administrator yang memiliki hak akses ’1’ dan ’3’. Layar ini digunakan untuk menambah jadwal acara TV baru. Administrator terlebih dahulu harus memilih channel name, bulan, tanggal, dan tahun jadwal yang ingin ditambah. Setelah tombol Go ditekan, maka muncul layar sebagai berikut :

116 PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

Add New Schedule

TV Schedul e [Channel Name]

Add new schedule Delete schedule

+Add

[month] [date] [year]

View or edit schedule Time Start

Time End

Title

Channel Setting Video on Demand Customer Billing News

Gambar 3.32 Layar Add New Schedule 2 Layar ini menampilkan detail jadwal berupa time start, time end, dan title sesuai channel name dan waktu yang telah dipilih sebelumnya. Untuk menambahkan jadwal baru, digunakan tombol +Add. PT INDONUSA SYSTEM INTEGRATOR PRIMA Admi nistrator Management Customer Management

Hi, [Admin Name] Add New Schedule

TV Schedule Add new schedule View or edit schedule Delete schedule

Time End Title

Channel Setting Video on Demand Customer Billing

Time Start

Submit

News

Gambar 3.33 Layar Add New Schedule 3

Logout

117 Pada layar ini terdapat form pengisian jadwal acara TV baru yang terdiri dari time start, time end, dan title yang diisi oleh administrator. Jika tombol submit ditekan maka data akan diupdate ke database.

PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

View or Edit Schedule

TV Schedul e [Channel Name]

Add new schedule View or edit schedule

[month]

v

[date]

v v

[year]

v

Delete schedule Channel Setting

Go!

Video on Demand Customer Billing News

Gambar 3.34 Layar View or Edit Schedule 1 Layar ini hanya dapat diakses oleh administrator yang memiliki hak akses ’1’ dan ’3’. Layar ini digunakan untuk melihat atau mengedit jadwal acara TV. Administrator terlebih dahulu harus memilih channel name, bulan, tanggal, dan tahun jadwal yang ingin ditambah. Setelah tombol Go ditekan, maka muncul layar sebagai berikut :

118 PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

View or Edit Schedule

TV Schedul e [Channel Name]

Add new schedule

[month] [date] [year]

View or edit schedule Delete schedule

Time Start

Time End

Title

Channel Setting Video on Demand Customer Billing Submit

News

Gambar 3.35 Layar View or Edit Schedule 2 Layar ini berfungsi untuk melihat sekaligus mengedit jadwal acara TV. Pada layar ini form time start, time end, dan title akan langsung terisi dengan data dari jadwal yang ingin diedit. Jika tombol submit ditekan maka data akan diupdate ke database. PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

Delete Schedule

TV Schedul e [Channel Name]

Add new schedule View or edit schedule

[month]

v

[date]

v v

Delete schedule Channel Setting

Go!

Video on Demand Customer Billing News

Gambar 3.36 Layar Delete Schedule 1

[year]

v

119 Layar ini hanya dapat diakses oleh administrator yang memiliki hak akses ’1’ dan ’3’. Layar ini digunakan untuk menghapus jadwal acara TV. Administrator terlebih dahulu harus memilih channel name, bulan, tanggal, dan tahun jadwal yang ingin dihapus. Setelah tombol Go ditekan, maka muncul layar sebagai berikut : PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

Delete schedule

TV Schedul e [Channel Name]

Add new schedule

[month] [date] [year]

View or edit schedule Delete schedule

Tim e Start

Tim e End

Title

Channel Setting Video on Demand Customer Billing Delete

News

Gambar 3.37 Layar Delete Schedule 2 Layar ini berfungsi untuk menghapus jadwal acara TV dengan cara mengklik check box. Selanjutnya jika tombol delete ditekan maka akan muncul layar sebagai berikut:

120 PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management

Hi, [Admin Name]

Customer Management

Logout

Delete schedule

TV Schedule Do you real ly want to delete selected schedul e(s)?

Add new schedule

Yes

View or edit schedule Delete schedule

Time Start

Cancel Time End

Title

Channel Setting Video on Demand Customer Billing News

Layar 3.38 Layar Delete S chedule 3 Pada layar ini akan muncul konfirmasi terlebih dahulu. Jika yang dipilih ialah option Yes, maka data akan dihapus dari database. Sedangkan jika option Cancel yang dipilih, maka proses penghapusan dibatalkan.

7. Layar Channel Setting PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

Add new channel

TV Schedul e Channel Number

Channel Setting Add new channel

Channel Name

View or delete channel

Channel Address

Video on Demand Customer Billing

Submit

News

Gambar 3.39 Layar Add New Channel

121 Layar ini hanya dapat diakses oleh administrator yang memiliki hak akses ’1’ dan ’3’. Layar ini berfungsi untuk menambah channel TV baru. Pada layar ini terdapat form untuk mengisi detail dari channel baru berupa channel number, channel name, dan channel address. Selanjutnya jika tombol submit ditekan maka data akan diupdate ke database.

PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

View or delete channel

TV Schedule Channel Setting

Channel Number

Channel Name

Channel Addr ess

Add new channel View or delete channel Video on Demand Customer Billing News Delete

Gambar 3.40 Layar View or Delete Channel 1 Layar ini hanya dapat diakses oleh administrator yang memiliki hak akses ’1’ dan ’3’. Layar ini berfungsi untuk melihat atau menghapus channel TV. Layar ini menampilkan form berisi detail channel TV yaitu channel number, channel name, dan channel address. Proses delete hanya dapat dilakukan per satu channel dengan cara mengklik check box yang tersedia. Jika tombol delete ditekan, berikutnya akan muncul layar sebagai berikut :

122 PT INDONUSA SYST EM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Log out

View or delete channel

TV Schedule Channel Setting Add new channel View or delete channel

Do you really want to delete selected channel(s)? Yes Cancel

Channel Number

Channel Name

Channel Address

Video on Demand Customer Billing News

Gambar 3.41 Layar View or Delete Channel 2 Pada layar ini akan muncul konfirmasi terlebih dahulu. Jika yang dipilih ialah option Yes, maka data akan dihapus dari database. Sedangkan jika option Cancel yang dipilih, maka proses penghapusan dibatalkan.

8. Layar Video on Demand PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management

Hi, [Admin Name]

Logout

Customer Management

View video request

TV Schedule Username

Channel Setting

Genre

Title

Ar tist

Video on Demand View video request Upload video Edit or delete video Add new genre View or delete genre

Complete

Customer Billing News

Gambar 3.42 Layar View Video Request 1

Description

123 Layar ini menampilkan daftar request video dari pelanggan. Administrator dapat memenuhi request tersebut dengan terlebih dahulu memilih lewat check box, kemudian jika tombol complete ditekan, maka akan muncul layar sebagai berikut: PT INDONUSA SYST EM INTEGRATOR PRIMA Administrator Management

Hi, [Admin Name]

Customer Management

View vid eo request

TV Schedule

Log out

Do you really want to complete selected request(s)?

Channel Setting

Yes

Video on Demand View video request

Username

Cancel Genre

Title

Artist

Description

Upload video Edit or delete video Add new genre View or delete genre Customer Billing News

Gambar 3.43 Layar View Video Request 2 Pada layar ini akan muncul konfirmasi terlebih dahulu. Jika yang dipilih ialah option Yes, maka akan muncul layar berikutnya yaitu form pemenuhan request. Sedangkan jika option Cancel yang dipilih, maka proses dibatalkan.

124 PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management

Hi, [Admin Name]

Customer Management

Upload video

Logout

TV Schedule Channel Setting

File

Video on Demand

Genre

View video request

Browse v

Title

Upload video Edit or delete video

Artist

Add new genre

Description

View or delete genre Customer Billing

Duration Price

News

Picture

Browse Submit

Gambar 3.44 Layar Upload Video 1 Layar ini merupakan form untuk mengupload video baru. Pada form ini terdapat variabel file, genre, title, artist, description,duration, price, dan picture yang harus diisi oleh administrator sesuai format yang ditentukan Jika tombol submit ditekan maka data akan diupdate ke database.

125 PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management

Hi, [Admin Name]

Logout

Customer Management TV Schedul e

You've succesfully uploaded file

:

Channel Setting

Youve successfully uploaded picture

:

Video on Demand View video request

IMAGE

Upload video Edit or delete video Add new genre View or delete genre Customer Billing

Genre

:

Title

:

Artist

:

Description :

News

Duration

:

Price

:

Gambar 3.45 Layar Upload Video 2 Layar ini menampilkan hasil dari video yang telah diupload sebelumnya. Pada layar ini terdapat detail video berupa image, genre, title, artist, description,duration, dan price. PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

Edit or delete video

TV Schedul e Channel Setting

Genre

Video on Demand

Title

[genre]

[title]

View video request Upload video

[title]

Edit or delete video

Artist

:

Add new genre

Description

:

Duration

:

Price

:

View or delete genre Customer Billing News

IMAGE

Edit

Gambar 3.46 Layar Edit or Delete Video 1

Delete

126 Layar ini berfungsi untuk mengedit atau menghapus video – video yang ada di database. Pada layar ini terdapat daftar video – video yang ada, yang dikelompokkan berdasar genre. Selain itu terdapat detail dari video tersebut berupa image, title, artist, description, duration, dan price. Jika tombol edit ditekan maka akan muncul layar sebagai berikut: PT INDONUSA SYST EM INTEGRATOR PRIMA Administrator Management Customer Management TV Sc hedule

Hi, [Admin Name]

Log out

Edit video

Channel Setting IMAGE

Video on Demand View video request Upload video Edit or delete video

Genre

Add new genre

Title

View or delete genre

Artist

Customer Billing

v

Desc ription

News Duration Price Browse

Picture Submit

Gambar 3.47 Layar Edit or Delete Video 2 Layar ini berisi form untuk mengedit video yang menampilkan detail video berupa image, genre, title, artist, description, duration, price, dan picture. Jika tombol submit ditekan maka data akan diupdate ke database. Sedangkan jika pada gambar 3.46 tombol delete yang ditekan, maka akan muncul layar sebagai berikut:

127 PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management TV Schedul e

Hi, [Admin Name]

Logout

Delete Video Do you really want to delete selected video(s)?

Channel Setting Video on Demand

Yes

Cancel

View video request Upload video

[title]

Edit or delete video

Artist

Add new genre

Description :

View or delete genre Customer Billing

IMAGE

:

Duration

:

Price

:

News

Gambar 3.48 Layar Edit or Delete Video 3 Layar ini berfungsi untuk menghapus video yang telah dipilih sebelumnya. Pada layar ini akan muncul konfirmasi terlebih dahulu. Jika yang dipilih ialah option Yes, maka data akan dihapus dari database. Sedangkan jika option Cancel yang dipilih, maka proses penghapusan dibatalkan.

128 PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management TV Schedul e

Hi, [Admin Name]

Logout

Add new genre

Channel Setting Video on Demand

Genre Name

View video request Upload video

Submit

Edit or delete video Add new genre View or delete genre Customer Billing News

Gambar 3.49 Layar Add New Genre Layar ini menampilkan form yang berfungsi untuk menambahkan genre baru dengan memasukkan nama genre. Jika tombol submit ditekan maka data akan diupdate ke database.

PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management TV Schedul e

Hi, [Admin Name]

Logout

View or delete genre Genre Name

Channel Setting Video on Demand View video request Upload video Edit or delete video Add new genre

Delete

View or delete genre Customer Billing News

Gambar 3.50 Layar View or Delete Gen re 1

129 Layar ini berfungsi untuk melihat atau menghapus genre yang ada. Proses delete dilakukan per satu genre dengan cara memilih check box. Jika tombol delete ditekan maka akan muncul layar sebagai berikut: PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management TV Schedule

Hi, [Admin Name]

Logout

View or delete genre Do you real ly want to delete selected genre(s)?

Channel Setting Video on Demand

Yes

Cancel

View video request Genre Name

Upload video Edit or delete video

[genre]

Add new genre View or delete genre Customer Billing News

Gambar 3.51 Layar View or Delete Gen re 2 Pada layar ini akan muncul konfirmasi terlebih dahulu. Jika yang dipilih ialah option Yes, maka data akan dihapus dari database. Sedangkan jika option Cancel yang dipilih, maka proses penghapusan dibatalkan.

130 9. Layar Cu stomer Billing PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

View Status

TV Schedule Please select period

Channel Setti ng Video on Demand

[month]

v

Customer Billing

[year]

v

Go!

View Customer Billing News

Gambar 3.52 Layar Customer Billing 1 Layar ini hanya dapat diakses oleh administrator yang memiliki hak akses ’1’ dan ’2’. Layar ini digunakan untuk melihat tagihan dari pelanggan. Administrator terlebih dahulu harus memilih bulan, tanggal, dan tahun periodenya. Setelah tombol Go ditekan, maka muncul layar sebagai berikut : PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer Management

Hi, [Admin Name]

Logout

View Status

TV Schedule Period : [month] [year]

Channel Setti ng Video on Demand

Username

Status

Customer Billing View Customer Billing News

Gambar 3.53 Layar Customer Billing 2

131 Pada layar ini ditampilkan semua pelanggan yang memiliki tagihan beserta status tagihannya, apakah sudah dibayar atau belum. Nama pelanggan tersebut dapat diklik untuk melihat rincian tagihannya. Setelah nama pelanggan dipilih, maka akan muncul layar sebagai berikut: PT INDONUSA SYSTEM INTEGRAT OR PRIMA Administrator Management Customer Management

Hi, [Admin Name] View Customer Billing

TV Schedule

Billing

Channel Setting

Period : [month] [year]

Video on Demand Customer Billing

Username

View Customer Billing News

Logo ut

: [username]

Name

: [name]

Address

: [address]

Telephone

: [telephone]

No

Date

Time

Video Name

Price

Total : Print

Pay

Gambar 3.54 Layar Customer Billing 3 Layar ini berisi keterangan dari pelanggan yaitu username, name, address, dan telephone beserta jumlah total dan rincian dari tagihan yang belum dibayar. Pada rincian tersebut terdapat detail dari video yang pernah ditonton yaitu title, date, dan price. Pada layar ini juga terdapat tombol print yang berfungsi untuk mencetak tagihan dari pelanggan tersebut. Sedangkan tombol pay berfungsi untuk mengubah status tagihan pelanggan menjadi telah dibayar.

132 10. Layar News PT INDONUSA SYSTEM INTEGRAT OR PRIMA Administrator Management

Hi, [Admin Name]

Customer Management

Logo ut

Add news

TV Schedule Channel Setting

Subject

Video on Demand Description

Customer Billing News Add news

Submit

Edit or delete news

Gambar 3.55 Layar Add News Layar ini hanya dapat diakses oleh administrator yang memiliki hak akses ’1’ dan ’3’. Layar ini berfungsi untuk menambah berita baru. Pada layar ini terdapat form untuk mengisi rincian berupa subject dan description. Jika tombol submit ditekan maka berita tersebut akan terkirim ke seluruh pelanggan. PT INDONUSA SYSTEM INTEGRATOR PRIMA Admi nistrator Management Customer Management TV Schedule

Hi , [Admin Name] Edit or delete news Date

Channel Setting

Logout

Subject

Video on Demand

[date1]

[subject1]

Customer Billing

[date2]

[subject2]

News

Subject :

Add news

by

:

Edit or delete news

Edi t

Delete

Gambar 3.56 Layar Edit or Delete News 1 Layar ini berfungsi untuk mengedit atau menghapus berita. Pada

133 layar ini terdapat rincian berupa tanggal dan subject dari berita yang ada. Jika tombol edit ditekan maka akan muncul layar sebagai berikut: PT INDONUSA SYSTEM INTEGRATOR PRIMA Admi nistrator Management Customer Management TV Schedule

Hi , [Admin Name]

Logout

Edit news Subject

Channel Setting Video on Demand

Descri ption

Customer Billing News Add news

Submi t

Edit or delete news

Gambar 3.57 Layar Edit or Delete News 2 Layar untuk mengedit berita ini berisi form news berupa subject dan description yang telah terisi. Jika tombol submit ditekan maka data akan diupdate ke database. Sedangkan jika pada gambar 3.56 tombol delete yang ditekan, maka akan muncul layar sebagai berikut: PT INDONUSA SYSTEM INTEGRATOR PRIMA Administrator Management Customer M anagement TV Schedule

H i, [Admin Name]

Logout

Edit or delete news D o you real ly want to delete selected news?

Channel Setting Video on Demand Customer Billing

Yes

Cancel

Subject : by :

News Add news Edit or delete news

Gambar 3.58 Layar Edit or Delete News 3 Pada layar ini akan muncul konfirmasi terlebih dahulu. Jika yang dipilih ialah option Yes, maka data akan dihapus dari database.Sedangkan jika option Cancel dipilih, maka proses penghapusan dibatalkan.

134 Perancangan Navigation Diagram 1. Navigation Diagram untuk Menu Utama Back – End S istem IPTV Pilih submenu Logout Kembali Kehalam an Login Ver ifikasi admin name dan password gagal kembali ke layar Login Mulai

Halaman Login Pilih menu change name and password Tampilkan layar change nam e and pas sword Change nam e and pas swor d

verifikas i adm in name dan password berhasil Tampilkan menu utama

Pilih menu Administrator Managem ent Tampilkan m enu A dministrator M anagement Adminis tratorManagem Management Administrator ent Pilih menu Customer Management Tam pilkan m enu Customer Managem ent Custom er Management Customer Managem ent

Menu Utam a

Pilih menu TV Sc hedule Tampilkan menu TV Schedule TV Schedule TV Schedule Pilih m enu channel setting Tampilkan menu channel setting Channel SettingSetting Channel Pilih menu Video on Demand Tampilk an menu Video on Demand Video Video on Demand on Demand Pilih m enu Cus tomer Billing Tampilkan m enu c ustomer Billing Custom er Billing P ilih menu News Tampilkan menu News News

Pilih submenu Home Kem bali ke menu Utama

Gambar 3.59 Navigation Diagram Menu Utama Back – End

135 2. Navigation Diagram untuk Menu Change Name and Password Pilih submenu Home Kembali ke Menu Utama

Menu Utama

Pilih menu change name and password

Layar change name and password

Tampilkan layar change name and password

Pilih submenu Logout Kembali ke layar Login

Halaman Login

Gambar 3.60 Navigation Diagram Menu Change Name and Password Berikut ialah navigation diagram saat memilih submenu change name and password:

Masukk an nama lama

Masukkan nama baru

Tampilkan nama lama

Tam pilkan nama baru

Proses selesai Kembali ke layar usernam e and password Data Terupdate Pilih Submit Update data ke Database

Menu Utama

Pilih menu change nam e and password Tampilkan layar change name and password

Layar c hange name and password

Pilih submenu Home Kembali ke Menu Utama

Masukkan password lama

Masukkan password baru

Tampilkan pass word lama

Tampilkan password baru

Gambar 3.61 Navigation Diagram Menu Change Name and Password

136 3. Navigation Diagram untuk Menu Administrator Management Pilih s ubmenu Home Menu Utama Kembali k e menu utama

Pilih menu Administrator Management Tampilk an menu Administrator Management Add new adminis tr ator

Administrator Management Pilih submenu Add new adminis trator Tampilkan submenu Add new adminis trator

Pilih submenu Edit or delete administrator Tampilk an s ubmenu Edit or delete administrator Edit or delete administrator

Halaman Login

Pilih submenu Logout Kembali ke layar Login

Gambar 3.62 Navigation Diagram Menu Administrator Management

Berikut adalah navigation diagram saat memilih submenu Add new administrator:

137 Menu utama

Pilih menu Adminis trator Management T ampilkan menu Administrator Management

Adminis trator Management

Pilih submenu Add new adminis trator

Data T er simpan

Tampilk an s ubmenu Add new administrator

Proses s elesai

Pilih s ubmit

Kembali ke s ubmenu Add new administrator

Simpan data ke database

Mas ukk an username

Mas ukk an Priv ilege

Tampilk an username

Tampilk an Privilege Add new adminis trator Masuk kan Telephone Number

Mas ukk an pass wor d

Tampilk an T elephone Number

Tampilk an pass wor d

Mas uk k an name

Mas ukk an address

Tampilk an name

Tampilk an address

Gambar 3.63 Navigation Diagram Menu Add new administrator

Berikut ialah navigation diagram saat memilih submenu Edit or Delete administrator: Menu utama

Pilih menu Adminis tr ator Management Tampilk an menu Adminis tr ator Management

Pilih s ubmenu Edit or delete administrator Administrator Management

Tampilkan submenu Edit or delete administrator Pilih option Edit

Layar Edit

Tampilkan layar Edit Edit or delete administrator

Layar Delete

Pilih option Delete Tampilk an layar Delete

Gambar 3.64 Navigation Diagram Menu Edit or Delete Administrator

138 Berikut adalah navigation diagram saat memilih submenu Edit administrator: Pilih submenu Edit or delete administr ator A dm inistrator M anagement

Tampilkan subm enu Edit or delete administrator Pilih option Edit Tam pilkan layar Edit Edit or delete administr ator

Pilih subm enu Back Kem bali ke Layar Edit or delete administrator Masukkan name Tam pilkan name Layar E dit

Mas ukk an P rivilege

Proses s elesai

Tampilkan Privilege

K embali ke Layar Edit or delete administrator

Mas ukk an addres s Tampilkan address Pilih subm it

Data Tersim pan

Sim pan ke database

Masukk an Telephone Number Tam pilkan Telephone Num ber

Gambar 3.65 Navigation Diagram Menu Edit Aministrator

Berikut

adalah navigation

diagram

saat

memilih

submenu Delete

administrator: Pilih submenu Edit or delete administr ator A dm inistrator M anagement

Tampilkan subm enu Edit or delete administrator Pilih option Delete Tampilkan Konfir mas i Edit or delete administr ator

Pilih Cancel Kem bali ke Layar Edit or delete administrator

Proses s elesai

K onfirmasi

K embali ke Layar Edit or delete administrator

Pilih yes

Data Terhapus

Hapus data dari Database

Gambar 3.66 Navigation Diagram Menu Delete Administrator

139 4. Navigation Diagram untuk Menu Customer Management Pilih s ubmenu Home Menu Utama

Kembali k e menu utama

Pilih menu Customer Management Tampilk an menu Customer Management

Add new cus tomer

Customer Management Pilih s ubmenu Add new customer T ampilkan s ubmenu Add new customer

Pilih submenu Edit or delete customer Tampilk an submenu Edit or delete customer Edit or delete customer

Halaman Login

Pilih submenu Logout Kembali ke layar Login

Gambar 3.67 Navigation Diagram Menu Customer Management

Berikut adalah navigation diagram ketika memilih submenu Add new customer:

140 Menu utama

Pilih menu Customer Management Tampilkan menu Customer Management

Customer Management

Pilih submenu Add new customer

Data T er simpan

Tampilkan submenu Add new customer

Proses selesai Kembali ke submenu Add new customer

Pilih submit Simpan data ke Database

Masukkan username

Masukkan Privilege

Tampilkan username

Tampilkan Privilege Add new customer Masukkan Telephone Number

Masukkan passwor d

Tampilkan T elephone Number

Tampilkan passwor d

Masukkan name

Masukkan address

Tampilkan name

Tampilkan address

Gambar 3.68 Navigation Diagram Menu Add New Customer

Berikut adalah navigation diagram ketika memilih submenu Edit or delete customer:

141

Menu utama

Pilih menu Customer Management Tampilkan menu Customer Management

Pilih submenu Edit or delete Customer

Customer Management

Tampilkan submenu Edit or delete Customer Pilih option Edit

Layar Edit

Tampilkan layar Edit Edit or delete Customer Pilih option Delete

Layar Delete

Tampilkan layar Delete

Gambar 3.69 Navigation Diagram Menu Edit or Delete Customer

Berikut adalah navigation diagram saat memilih submenu Edit Customer: P ilih submenu Edit or delete c ustom er Customer Management

Tampilk an subm enu Edit or delete customer Pilih option Edit Tam pilkan layar Edit Pilih subm enu Back

Edit or delete customer

Kembali ke Layar Edit or delete customer Mas ukkan name Tampilk an name Pros es selesai Layar Edit

Kembali k e Layar Edit or delete c ustom er

Masukkan addres s Tampilkan address Pilih submit M asukkan Telephone Number

Data Tersimpan

Simpan k e database

Tampilkan Telephone Number

Gambar 3.70 Navigation Diagram Menu Edit Customer

Berikut adalah navigation diagram saat memilih submenu Delete Customer:

142 Pilih submenu E dit or delete customer

Cus tomer Management

Tampilk an submenu Edit or delete cus tomer Pilih option Delete Tampilkan Konfir mas i Edit or delete customer

Pilih Cancel Kembali ke Layar Edit or delete customer

Proses s elesai

K onfirmasi

K embali ke Layar Edit or delete customer

Pilih yes Hapus data dari Database

Data Terhapus

Gambar 3.71 Navigation Diagram Menu Delete Customer

5. Navigation Diagram untuk Menu TV Schedule P ilih s ubmenu Home Menu Utama K embali k e menu utama

P ilih menu TV S chedule Tampilkan menu TV S chedule A dd new sc hedule

TV S chedule Pilih submenu A dd new s chedule Tampilk an submenu A dd new sc hedule

P ilih s ubmenu View or edit s chedule View or edit sc hedule Tampilkan s ubmenu View or edit s chedule

P ilih submenu Delete sc hedule Tampilkan submenu Delete schedule Delete sc hedule

P ilih s ubmenu Logout Halaman Login Kembali ke layar Login

Gambar 3.72 Navigation Diagram Menu TV Schedule

143 Berikut adalah navigation diagram saat memilih submenu Add new Schedule: Menu Utama

Pilih menu TV Schedule Tampilkan m enu TV Sche dule Masukkan channel name Tampilkan ch annel name TV Schedule Masukkan month Tampilkan m onth Pilih submenu Add new schedule

Masu kkan date

Tampilkan su bmenu Add new schedule

Add new schedule

Masukkan Time End Tampilkan Tim e End

Tampilkan date

Pilih option Back Kembali ke layar Add new schedule

Pilih Go Tam pilkan jadwal yang dipilih

Masukkan Title Tampilkan Tit le

Form Pengisian Jadwal

Pilih option Back Kembali ke layar Jadwal yang dipilih

Jadwal yang dip ilih

Pilih add Tampilkan form Pengisian jadwal

Pilih Submit Simpan data ke Database

Data Tersim pan

Proses Selesai Kem bali ke Layar Jadwal yang dipilih

Gambar 3.73 Navigation Diagram Menu Add new Schedule

144 Berikut adalah navigation diagram ketika memilih submenu View or Edit Schedule: Menu Utama

Pilih menu TV Schedule Tampilkan menu TV Schedule Masukkan channel name Tampilkan ch annel name TV Schedule Masukkan month Tampilkan m onth Pilih subm enu View or edit schedule

Masu kkan date Tampilkan date

Tampilkan submenu View or edit schedule

View or edit schedule

Pilih Go Tam pilkan jadwal yang dipilih

Masukkan Time End Tampilkan Time End

Masukkan Title Tampilkan Tit le

Form View or edit schedule

Ma sukkan Time start Tam pilkan Time start

Data Tersim pan

Pilih option Back Kembali ke layar View or edit schedule

Pilih Submit Simp an data ke Database

Proses Selesai Kembali ke Form View or edit schedule

Gambar 3.74 Navigation Diagram Menu View or Edit Schedule

145 Berikut adalah navigation diagram saat memilih submenu Delete Schedule: Menu Utama

Pilih menu TV Schedule Tampilkan menu TV Schedule Masukkan channel name Tampilkan ch annel name TV Schedule Masukkan month Tampilkan m onth Pilih submenu Delete schedule

Masu kkan date Tampilkan date

Tampilkan submenu D elete schedule

D elete schedule

Pilih Go Tam pilkan jadwal yang dipilih

Pilih option Delete Tam pilkan konf irmasi Pilih option Back

Jadwal yang dipilih

Kembali ke layar Delete schedule

Pilih Cancel Kem bali ke layar Jadwal yang dipilih Konfirm asi

Data terhapus

Pilih Yes Hapus data dari Database

Proses Selesai Kembali ke Layar Jadwal yang dipilih

Gambar 3.75 Navigation Diagram Menu Delete Schedule

146 6. Navigation Diagram untuk Menu Channel Setting Pilih submenu Home

Menu Utam a

Kembali ke m enu utama

Pilih menu Channel S etting Tampilkan m enu Channel Setting

Add new channel

Channel Setting Pilih submenu A dd new channel Tam pilkan subm enu Add new channel

Pilih submenu V iew or delete channel Tampilk an s ubmenu View or delete channel

View or delete channel

Halam an Login

Pilih subm enu Logout Kembali ke layar Login

Gambar 3.76 Navigation Diagram Menu Channel Setting

Berikut adalah navigation diagram saat memilih submenu Add New Channel:

147 Menu utama

Pilih menu Channel Setting Tampilkan menu Channel Setting

Channel Setting

Pilih submenu Add new channel

Data T er simpan

Tampilkan submenu Add new channel

Proses selesai Kembali ke submenu Add new channel

Pilih submit Simpan data ke database

Masukkan channel number T ampilkan channel number Add new channel

Masukkan channel name T ampilkan channel name

Masukkan channel address Tampilkan channel addr ess

Gambar 3.77 Navigation Diagram Menu Add new channel

Berikut adalah navigation diagram saat memilih submenu View or Delete Channel: Menu Utama

Pilih menu Channel Seting Tampilk an menu Channel Setting

Pilih s ubmenu View or delete channel

Channel Setting

T ampilkan submenu View or delete channel

Pilih Canc el Kembali k e View or delete c hannel

View or delete channel

Pilih option Delete Tampilkan Konfir mas i Pros es selesai

Konfirmasi

Kembali ke Lay ar View or delete channel

Pilih yes Hapus data dari Databas e

Data T er hapus

Gambar 3.78 Navigation Diagram Menu View or Delete channel

148 7. Navigation Diagram untuk Menu Video On Demand Pilih s ubmenu Home

Menu Utama

Kembali k e menu utama

Pilih menu Video on Demand Tampilk an menu Video on Demand

Video on Demand Pilih submenu View video r equest Tampilkan submenu View video r equest View video r equest Pilih submenu Upload video Tampilk an submenu Upload v ideo Upload video Pilih submenu Edit or delete v ideo Tampilk an submenu Edit or delete video Edit or delete video

Pilih submenu Add new genre T ampilkan s ubmenu Add new genr e Add new genre Pilih submenu View or delete genre Tampilk an submenu View or delete genre View or delete genr e

Pilih submenu Logout Halaman Login

Kembali k e layar Login

Gambar 3.79 Navigation Diagram Menu Video on Demand

Berikut adalah navigation diagram ketika memilih submenu View video request:

149 Me nu Utam a

Pilih m en u Video o n Dema nd Ta mpilkan m enu Video o n Dema nd

Video on Dem and

Pilih su bme nu View vide o reque st Tamp ilkan su bme nu View vid eo reque st

P roses S ele sai Kem bali ke Layar Jad wal yang dipilih

Vie w video req uest

Pilih Can ce l Kem bali ke laya r Jad wal yang d ip ilih

Pilih option Com plete Tam pilka n Kon firm asi

Pilih Yes Hapu s data dari Databa se

Kon firm asi

Data te rha pus

Gambar 3.80 Navigation Diagram Menu View video request

Berikut adalah navigation diagram saat memilih submenu Upload video: Menu utama Pilih option Back Kembali ke layar Edit Pilih menu Video on Demand Tampilkan menu Video on Demand Informasi v ideo Video on Demand Proses selesai Tampilkan lay ar Inf or mas i Video Pilih submenu Upload Video Tampilk an submenu Upload Video Data Tersimpan Mas ukkan pic ture

Pilih submit Simpan ke database

T ampilk an picture

Masuk kan file

Mas uk kan price

Tampilk an file

T ampilk an price Upload Video

Masukk an genr e Tampilkan genre

Masuk kan Des cription Tampilkan Descr iption

Mas uk kan dur ation Tampilkan dur ation Masukk an Title

Masuk kan Ar tist

Tampilkan Title

Tampilk an Artist

Gambar 3.81 Navigation Diagram Menu Upload video

150 Berikut adalah navigation diagram saat memilih submenu Edit or Delete video: Menu utama

Pilih menu Video on Demand Tampilkan menu Video on Demand

Pilih submenu Edit or delete video Video on Demand

T ampilkan submenu Edit or delete video Pilih option Edit

Layar Edit Tampilkan layar Edit Edit or delete video Pilih option Delete Layar Delete Tampilkan layar Delete

Gambar 3.82 Navigation Diagram Menu Edit or Delete video

Berikut adalah navigation diagram ketika memilih submenu Edit video : Video on Demand

Pilih option change def ault pictur e Kembali ke Layar Edit

Pilih submenu Edit or delete video

Informasi video

Tampilkan submenu Edit or delete video

Pr oses selesai Tampilkan layar Informasi Video

Edit or delete video

Pilih option Edit

Pilih option Back

T ampilkan layar Edit

Kembali ke Layar Edit

Pilih option Back

Data Tersimpan

Pilih submit Simpan data ke Database

Kembali ke Layar Edit or delete Video Masukkan Genre

Masukkan picture

Tampilkan G enr e

T ampilkan picture Layar Edit

Masukkan Title

Masukkan price

Tampilkan Title

T ampilkan pr ice

Masukkan dur ation Tampilkan dur ation Masukkan Ar tist

Masukkan Description

Tampilkan Artist

Tampilkan Descr iption

Gambar 3.83 Navigation Diagram Menu Edit video

151 Berikut adalah navigation diagram saat memilih submenu Delete video: Pilih submenu Edit or delete video Videon on Demand

Tampilk an submenu Edit or delete video Pilih option Delete Tampilkan Konfirmasi Edit or delete video

Pilih Cancel Kem bali ke Layar Edit or delete video

Proses selesai

Konfirmasi

Kembali ke Layar Edit or delete video

Pilih yes Hapus data dar i Database

Data Terhapus

Gambar 3.84 Navigation Diagram Menu Delete video

Berikut adalah navigation diagram saat memilih submenu Add new genre: Menu utama

Pilih menu Video on Demand Tampilkan menu Video on Demand

Video on Demand

Pilih submenu Add new genre

Data Tersimpan

Tampilkan subm enu Add new genre

Proses selesai Kembali ke layar Add new genre

Pilih submit Simpan data ke Database

Add new genre

Masukkan Genre name Tampilkan Genre name

Gambar 3.85 Navigation Diagram Menu View or Delete Genre

152 Berikut adalah navigation diagram saat memilih submenu View or Delete genre: Menu Utama

Pilih menu Video on Demand Tampilkan menu Video on Demand

Pilih submenu View or delete genre Video on Demand

T ampilkan submenu View or delete genre

Pilih Cancel Kembali ke View or delete genre

View or delete genre

Pilih option Delete Tampilkan Konfirmasi Proses selesai

Konfirmasi

Kembali ke layar View or delete genre

Pilih yes Hapus data dari Database

Data T erhapus

Gambar 3.86 Navigation Diagram Menu View or Delete Genre

153 8. Navigation Diagram untuk Menu Customer Billing Menu Utama

Pilih menu Customer Billing Tampilkan menu Customer Billing

Customer Billing Masukkan month Tampilkan m onth Pilih submenu View customer billing

Masukkan year

Tampilkan submenu View customer billing

Tampilkan year

View Customer Billin g

Pilih option Back Kembali ke layar View C ustome r Billing

Pilih option Back Kembali ke layar List Customer Billing

Detail Billing

Pilih Go Tampilkan list customer billing

List Customer Billing

Pilih usernam e Tampilkan detail billing

Gambar 3.87 Navigation Diagram Menu Customer Billing

Berikut adalah navigation diagram ketika memilih submenu Detail Billing: List Customer Billing

Pilih username T ampilkan detail billing

Pilih option Back Kembali ke layar List Customer Billing

Detail Billing

Pilih option Print T ampilkan layar Printout Billing

Layar Printout Billing

Pilih option Pay Tampilkan konfirmasi

Pilih option Back Kembali ke Detail Billing Pilih option Yes

Konfirmasi

Kembali ke Detail Billing Pilih option cancel Kembali ke Detail Billing

Gambar 3.88 Navigation Diagram Menu Detail Billing

154 9. Navigation Diagram untuk Menu News P ilih s ubmenu Hom e M enu Utam a

K em bali k e m enu utam a

Pilih m enu News Tam pilk an menu News

A dd news

News Pilih subm enu Add news Tampilkan subm enu Add news

Pilih subm enu E dit or delete news Tam pilk an subm enu Edit or delete news E dit or delete news

Halam an Login

P ilih submenu Logout Kembali ke layar Login

Gambar 3.89 Navigation Diagram Menu News

Berikut adalah navigation diagram ketika memilih submenu Add News : Menu Uta ma

Pilih menu N ews Tampilkan m enu New s

News

Pilih menu Ad d news Tam pilkan me nu Add news

Pilih Subm it Simpan data ke D atabase Proses Selesa i Kembali ke Layar Add new s

Add news

Masu kkan Sub ject

Masukka n Description

Tampilkan Su bject

Tamp ilkan Description

D ata Te rsim pan

Gambar 3.90 Navigation Diagram Menu Add News

155 Berikut adalah navigation diagram saat memilih submenu Edit or Delete News: Menu utama

Pilih menu News Tampilkan menu News

News

Pilih submenu Edit or delete news Tampilkan submenu Edit or delete news Pilih option Edit

Layar Edit Tampilkan layar Edit Edit or delete news Pilih option Delete Layar Delete Tampilkan layar Delete

Gambar 3.91 Navigation Diagram Menu Edit or Delete News

Berikut adalah navigation diagram ketika memilih submenu Edit News : News Data Tersimpan Pilih submenu Edit or delete news Tampilkan submenu Edit or delete news Proses selesai Kembali ke layar Edit or delete news

Pilih submit Simpan data ke Database

Pilih option Edit Tampilkan layar Edit Edit or delete news

Layar Edit Pilih submenu Back Kembali ke layar Edit or delete news Masukkan description T ampilkan description

Gambar 3.92 Navigation Diagram Menu Edit News

156 Berikut adalah navigation diagram ketika memilih submenu Delete News : News

Pilih submenu Edit or delete news Tampilkan submenu Edit or delete news

Proses selesai Kembali ke layar Edit or delete news

Data Terhapus

Pilih Yes Hapus data dari Database Pilih Cancel Kembali ke layar Edit or delete news Edit or delete news

Konfirmasi Pilih option Delete Tampilkan konfirmasi

Gambar 3.93 Navigation Diagram Menu Delete News

157 3.6.9

Perancangan Front – End S istem IPTV Bagian ini akan membahas perancangan yang akan dilakukan untuk pembuatan front – end sistem IPTV.

3.6.9.1 Perancangan S truktur Menu Pada perancangan layar front – end sistem IPTV, menu – menunya ialah sebagai berikut:

Mulai

Layar Utama

Login

Main Menu

Change P assword

Logout

Wat ch TV

TV S chedule

Video on Demand

Billi ng

Request

News

Contact us

Gambar 3.94 S truktur Menu Front – End Sistem IPTV

Seperti yang tertera pada gambar 3.94 , menu front – end sistem IPTV dimulai dengan layar utama. Layar utama ini akan muncul pertama kali saat pelanggan menyalakan set – top box, yang berisi halaman login dan menu – menu utama pada front – end sistem IPTV.

158 Setelah pelanggan memasukkan username dan password pada halaman Login, pelanggan dapat mengubah password lewat menu Change password. Ada beberapa menu utama yang dapat diakses tanpa keharusan login terlebih dahulu, yaitu menu Watch TV, TV Schedule, News, dan Contact us. Sedangkan menu – menu yang lain membutuhkan proses login terlebih dahulu, yaitu menu Video on Demand, Billing dan Request.

3.6.9.2 Perancangan Layar 1. Layar Login PT INDONUSA SYSTEM INTEGRATOR PRIMA Watch TV

Please login first!

TV Schedule Video on Demand

Username Password

Billing Request

Login

News Contact Us

Gambar 3.95 Layar login Layar ini merupakan tempat login untuk pelanggan yang ingin melihat menu – menu tertentu, yaitu menu Video on Demand, Billing dan Request.

159 2. Layar Change Password PT INDONUSA SYSTEM INTEGRATOR PRIMA W atch TV

Hi, [Customer Name]

TV Schedul e

Change Password

Logout

Video on Demand Billing

Current Password

Request

New Password

News

Confirm New Password

Contact Us Submit

Gambar 3.96 Layar Change Password Layar ini digunakan untuk mengganti password pelanggan. Jika pelanggan

ingin

mengganti

password

maka

pelanggan

harus

memasukkan passwordnya sekarang, dan password baru beserta konfirmasinya. Pelanggan yang dapat mengganti password adalah pelanggan yang sudah login.

3. Layar Watch TV PT INDONUSA SYSTEM INTEGRATOR PRIMA Watch TV

Hi,Guest! Login here

TV Schedule

Watch TV

Video on Demand Channel List:

Bil ling Request

001 [channel1]

News

002 [channel2]

Contact Us

003 [channel3]

Gambar 3.97 Layar Watch TV 1

160 PT INDONUSA SYSTEM INTEGRATOR PRIMA Watch TV

Hi, [Customer Name]

TV Schedule

To change your password click here

Video on Demand

Logout

Watch TV

Billing Channel List:

Request News

001 [channel1]

Contact Us

002 [channel2] 003 [channel3]

Gambar 3.98 Layar Watch TV 2 Layar ini merupakan tempat pelanggan menonton acara TV yang diinginkan. Untuk mengakses layanan menonton TV ini, pelanggan tidak diharuskan login terlebih dahulu. Secara garis besar, gambar 3.97 dan 3.98 ialah sama, perbedaannya hanya terletak pada kalimat sapaan kepada pelanggan. Jika pelanggan belum login, maka tampilan layarnya akan seperti gambar 3.97. Jika ingin login, dapat dilakukan melalui menu ’login here’ yang terdapat di atas screen play. Jika pelanggan sudah login, maka tampilan layarnya menjadi seperti gambar 3.98, dan terdapat menu logout di sisi kanan atas. Selain itu ada pula subject dari berita terbaru. Di sebelah screen play terdapat list channel – channel seluruh channel TV yang tersedia.

161 2. Layar TV Schedule PT INDONUSA SYSTEM INTEGRATOR PRIMA Watch TV

Hi,Guest! Logi n here

TV Schedule

TV Schedule

Vid eo on Dema nd [Channel Name]

Bil ling Request

[month]

v

[d ate]

v v

[year]

v

News Contact Us Go!

Gambar 3.99 Layar TV Schedule 1a PT INDONUSA SYSTEM INTEGRATOR PRIMA Watch TV

Hi, [Customer Name]

TV Schedule

To change your password click here

Video on Demand

TV Schedule

Billing

[Channel Name]

Request [month]

News

Logout

v

[date]

v v

[year]

v

Contact Us Go!

Gambar 3.100 Layar TV Schedule 1b Layar pada gambar 3.99 dan 3.100 merupakan layar untuk melihat jadwal acara TV. Perbedaannya hanya terletak pada kalimat sapaan yang ditujukan untuk pelanggan. Pada gambar 3.99 menunjukkan layar saat pelanggan belum login, di mana terdapat menu login di bagian atas. Sedangkan gambar 3.100 adalah layar saat pelanggan sudah login, di mana terdapat menu logout pada sisi kanan atas. Pelanggan terlebih

162 dahulu harus memilih channel name, bulan, tanggal, dan tahun jadwal yang ingin dilihat. Setelah tombol Go ditekan, maka muncul layar sebagai berikut: PT INDONUSA SYSTEM INTEGRATOR PRIMA Watch TV

Hi,Guest! Login here

TV Schedul e

TV Schedule

Video on Demand [Channel Name]

Billing

[month] [date] [year]

Request News Contact Us

Time Start

Time End

Title

Gambar 3.101 Layar TV Schedule 2a PT INDONUSA SYSTEM INT EGRATOR PRIMA

TV Schedule

Hi, [Customer Name] To change your password click here

Video on Demand

TV Schedule

Watch TV

Billing

Logout

[Channel Name]

Request

[month] [date] [year]

News Contact Us

Time Start

Time End

Title

Gambar 3.102 Layar TV Schedule 2b Layar pada gambar 3.101 dan 3.102 merupakan layar tempat munculnya jadwal acara TV sesuai channel dan tanggal yang telah dipilih. Perbedaannya hanya terletak pada kalimat sapaan yang ditujukan

163 untuk pelanggan. Pada gambar 3.101 menunjukkan layar saat pelanggan belum login, di mana terdapat menu login di bagian atas. Sedangkan gambar 3.102 adalah layar saat pelanggan sudah login, di mana terdapat menu logout pada sisi kanan atas. Adapun jadwal acara TV tersebut dijelaskan dalam form yang berisi time start, time end, dan judul acaranya.

3. Layar Video on Demand Layar ini hanya bisa diakses oleh pelanggan yang sudah login. PT INDONUSA SYSTEM INTEGRATOR PRIMA Watch TV TV Schedule

Hi, [Customer Name] To change your password click here

Video on Demand

Video on Demand

Billing

Search

by

Artist

Logout

v

Search

Request News Contact Us

Genre [genre]

Title [title]

[title] Artist

:

Description :

IMAGE

Duration

:

Price

:

Buy

Gambar 3.103 Layar Video on Demand 1 Layar ini merupakan tempat pelanggan untuk melihat dan memilih video yang ingin ditonton. Terdapat menu untuk logout di sisi kanan atas. Pada layar ini terdapat rincian dari video – video yang tersedia, yang telah dikelompokkan menurut genre videonya. Untuk

164 memudahkan pelanggan dalam mencari video yang diinginkan, terdapat menu search berdasarkan judul atau arits, yang dapat diakses dengan memasukkan kata kunci. Untuk tiap video disertai dengan keterangan title, picture, artist, description, duration, dan price. Jika tombol buy ditekan, maka akan muncul layar berikut: PT INDONUSA SYSTEM INTEGRATOR PRIMA Watch TV

Hi, [Customer Name]

TV Schedule

To change your password click here

Video on Demand

Video on Demand

Billing

Logout

[title]

Request [Artist]

News Contact Us

[Description] [Duration]

Gambar 3.104 Layar Video on Demand 2 Layar ini merupakan tempat munculnya screen video yang diputar sesuai permintaan pelanggan. Di samping screen player terdapat title, artist, description, dan duration dari video yang sedang diputar. Pada layar ini terdapat pula menu logout pada sisi kanan atas.

165 4. Layar Billing Layar ini hanya bisa diakses oleh pelanggan yang sudah login. PT INDONUSA SYSTEM INTEGRAT OR PRIMA Logout

Watch TV

Hi, [Customer Name]

TV Schedule

To change your password click here

Video on Demand

Billing

Billing

No

Date

Time

Video Name

Price

Request News Contact Us Total :

Gambar 3.105 Layar Billing Layar ini merupakan tempat pelanggan untuk melihat rincian tagihan mereka. Terdapat menu untuk logout di sisi kanan atas. Pada layar ini terdapat rincian tagihan berupa judul video yang pernah ditonton, waktu tonton, serta harga per video. Selain itu juga ada total tagihan yang harus dibayarkan oleh pelanggan.

166 5. Layar Request Video Baru Layar ini hanya bisa diakses oleh pelanggan yang sudah login. PT INDONUSA SYSTEM I NTEGRATOR PRIMA Logout

Watch TV

Hi, [ Customer Name]

TV Schedule

To change your password click here

Video on Demand

Request

Billing Request

[videoTit le]

Request Status [status]

Cancel

News Request Form

Cont act Us

v

Genre Tit le Artist Descript ion

Submit

Gambar 3.106 Layar Request Video Baru Layar ini merupakan tempat pelanggan untuk merequest video baru. Terdapat menu untuk logout di sisi kanan atas. Pada layar ini terdapat form untuk merequest video baru, yang harus diisi oleh pelanggan. Variabel – variabel yang harus diisi ialah genre, title, artist, serta description. Selain itu juga ada keterangan tentang status request yang pernah disampaikan, apakah sudah terpenuhi atau belum. Jika tombol submit ditekan, maka request video baru dari pelanggan ini akan dikirim ke administrator.

167 6. Layar News PT INDONUSA SYSTEM INTEGRATOR PRIMA Watch TV

Hi,Guest! Login here

TV Schedule

News

Video on Demand Date

Billing

Subject

Request

[date1]

[subject1]

News

[date2]

[subject2]

Contact Us

Subject : by

:

Gambar 3.107 Layar News 1a PT INDONUSA SYSTEM INT EGRATOR PRIMA W atch TV

Hi, [Customer Name]

TV Schedule

To change your password click here

Video on Demand

News Date

Billing

Lo gout

Subject

Request

[date1]

[subject1]

News

[date2]

[subject2]

Contact Us Subject : by

:

Gambar 3.108 Layar News 1b Layar pada gambar 3.107 dan 3.108 menunjukkan tampilan saat customer membuka menu news. Perbedaan layar pada gambar 3.107 dan 3.108 hanya terletak pada kalimat sapaan yang ditujukan untuk pelanggan. Pada gambar 3.107 menunjukkan layar saat pelanggan belum login, di mana terdapat menu login di bagian atas. Sedangkan gambar

168 3.108 adalah layar saat pelanggan sudah login, di mana terdapat menu logout pada sisi kanan atas. Pada layar ini terdapat news – news yang telah diupload oleh administrator, dan dimunculkan dengan tanggal serta subject dari news. Setelah subject salah satu news dipilih, maka akan muncul form berisi tanggal, subject, serta penjelasan dari isi news.

7. Layar Contact Us PT INDONUSA SYSTEM INTEGRATOR PRIMA Watch TV

Hi,Guest! Login here

TV Schedule

Contact Us

Video on Demand For further information / for reports problem, please contact:

Billing Request

Admin (021-1234567)

News

[email protected]

Contact Us

Gambar 3.109 Layar Contact U s 1 PT INDONUSA SYSTEM INTEGRATOR PRIMA Watch TV

Hi, [Customer Name]

TV Schedule

To change your password click here

Video on Demand

Contact Us

Billing

Logout

For further information / for reports problem, please contact:

Request News

Admin (021-1234567)

Contact Us

[email protected]

Gambar 3.110 Layar Contact U s 2 Layar pada gambar 3.109 dan 3.110 merupakan layar tampilan saat pelanggan memilih menu contact us. Perbedaan layar pada gambar

169 3.109 dan 3.110 hanya terletak pada kalimat sapaan yang ditujukan untuk pelanggan. Pada gambar 3.109 menunjukkan layar saat pelanggan belum login, di mana terdapat menu login di bagian atas. Sedangkan gambar 3.110 adalah layar saat pelanggan sudah login, di mana terdapat menu logout pada sisi kanan atas. Pada layar ini terdapat informasi berupa nomor telepon serta alamat e-mail dari administrator yang dapat dihubungi oleh pelanggan jika terjadi masalah atau pelanggan ingin mengetahui informasi lebih lanjut mengenai sistem IPTV.