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.