laporan PKL berwarna
-
Upload
priat-moko -
Category
Documents
-
view
1.146 -
download
0
Transcript of laporan PKL berwarna
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 1/66
ii
HALAMAN PENGESAHAN
Laporan Praktek Kerja Lapangan dengan judul:
“Membangun Aplikasi Web untuk Video Broadcast CV. Izza Nusa Persada”
Disusun oleh:
Nama : Priatmoko
Nim : J2F008060
Fak / Jurusan / Program Studi : MIPA / Matematika / Teknik In formatika
Telah disetujui dan diseminarkan pada tanggal………………………….
Koordinator PKL
Beta Noranita, S.Si, M.Kom
NIP. 1973 08 29 1998 02 2 001
Menyetujui,
Dosen Pembimbing
Ragil Saputra, S.Si, M.Cs
NIP. 1980 10 21 2005 01 1 003
Mengetahui,
a.n Ketua Jurusan Matematika
Sekertaris Jurusan Matematika
FMIPA UNDIP
Drs. Agus Rusgiyono, Msi
NIP. 1964 08 03 1990 01 1 001
Ketua Program Studi
Ilmu Komputer FMIPA UNDIP
Drs. Eko Adi Sarwoko, M.Kom
NIP. 1965 11 07 1992 03 1 003
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 2/66
iii
KATA PENGANTAR
segala puji hanya milik Allah SWT, pencipta dan pengatur alam semesta.
Hanya dengan limpahan rahmat dan karunia-Nya, penulis dapat menyelesaikan
kuliah praktek kerja lapangan dan pembuatan laporan Praktek Kerja Lapangan
dengan baik.
Laporan Praktek Kerja Lapangan ini disusun sebagai dokumentasi dan
bukti untuk melengkapi mata kuliah Praktek Kerja Lapangan yang dilaksanakan
di CV. Izza Nusa Persada. Dengan adanya laporan Praktek Kerja Lapangan ini
diharapkan dapat mempermudah dalam memahami aplikasi yang dibangun selama
proses Praktek Kerja Lapngan.
Pada proses penyusunan laporan Praktek Kerja Lapangan hingga menjadi
sebuah dokumen yang utuh membutuhkan banyak in formasi, bimbingan, dan
bantuan dari berbagai macam pihak, maka perkenankanlah penulis menyampaikan
terima kasih kepada:
1. Drs. Muhammad Nur, DEA selaku Dekan FMIPA UNDIP yang telah
memberikan permohonan ijin untuk melakukan PKL di CV. Izza Nusa Persada
2. Drs. Agus Rusgiyono, Msi selaku Sekertaris Jurusan Matematika yang
membantu dalam proses perijinan PKL di CV. Izza Nusa Persada.
3. Beta Noranita, S.Si, M.Kom, selaku Koordinator PKL yang telah membantu
dalam proses perijinan PKL di CV. Izza Nusa Persada
4. Ragil Saputra, S.Si, M.Cs, selaku dosen pembimbing yang telah membantu
dalam proses perijinan dan bimbingan hingga terselesaikannya laporan PKL
ini.
5. Pihak CV. Izza Nusa Persada yang telah memberi kesempatan PKL, serta
Bapak Ramdhan yang telah memberikan bimbingan selama PKL.
6. Keluarga, teman-teman, dan semua pihak yang telah memberikan dorongan
serta bantuan dalam pelaksanaan PKL.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 3/66
iv
Penulis menyadari bahwa dalam laporan ini masih banyak kekurangan
baik dari segi materi ataupun dalam penyajiannya laporan karena keterbatasan
kemampuan dan pengetahuan penulis, oleh karena itu, kritik dan saran yang
membangun untuk perbaikan sangat penulis harapkan.
Semoga laporan ini dapat bermanfaat bagi semua pihak yang terlibat
dalam penyusunan laporan, pembaca dan penulis.
Semarang, Desember 2012
Penulis
Priatmoko
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 4/66
v
DAFTAR ISI
HALAMAN PENGESAHAN ........................................................................................... ii
KATA PENGANTAR ....................................................................................................... iii
DAFTAR ISI....................................................................................................................... v
DAFTAR GAMBAR ........................................................................................................ viii
DAFTAR TABEL................................................................................................................x
DAFTAR LAMPIRAN....................................................................................................... xi
ABSTRAK......................................................................................................................... xii
ABSTRACT...................................................................................................................... xiii
BAB I PENDAHULUAN .................................................................................................. 1
1.1 Latar Belakang .................................................................................................... 1
1.2 Rumusan Masalah ............................................................................................... 2
1.3 Batasan Masalah ................................................................................................. 2
1.4 Tujuan dan Manfaat ............................................................................................ 2
1.5 Metodologi.......................................................................................................... 2
1.6 Sistematika Penulisan ......................................................................................... 3
BAB II................................................................................................................................. 5
TINJAUAN UMUM PERUSAHAAN ............................................................................... 5
2.1 Profil Perusahaan ................................................................................................ 5
2.2 Struktur Oraganisasi CV. Izza Nusa Persada ...................................................... 6
2.3 Alamat dan Kontak CV. Izza Nusa Persada ........................................................ 6
BAB III LANDASAN TEORI........................................................................................... 7
3.1 Broadcasting ....................................................................................................... 7
3.2 Video Streaming ................................................................................................. 7
Gambar 3-1 proses video streaming ................................................................................... 8
3.3 Rekayasa Perangkat Lunak ................................................................................. 8
3.4 Pemodelan Analisis Sistem ............................................................................... 10
3.4.1 Pemodelan data ......................................................................................... 11
3.4.2 Pemodelan Fungsional .............................................................................. 13
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 5/66
vi
3.5 Perangkat Lunak Pendukung............................................................................. 14
3.5.1 XAMPP..................................................................................................... 14
3.5.2 Apache Web Server ................................................................................... 15
3.5.3 MySQL ..................................................................................................... 15
3.5.4 PHP ( Hypertext Preprocessor ) ................................................................. 16
3.5.5 HTML (Hyper Text Markup Language) ................................................... 16
3.5.6 Mozila Firefox .......................................................................................... 17
3.5.7 Flash Video ............................................................................................... 17
BAB IV ............................................................................................................................. 19
PEMBAHASAN ............................................................................................................... 19
4.1 Deskripsi Umum Perankat Lunak ..................................................................... 19
4.2 Pemodelan Analisis........................................................................................... 22
4.2.1 Pemodelan Data ........................................................................................ 22
4.2.2 Pemodelan Fungsional .............................................................................. 22
4.3 Desain Aplikasi ................................................................................................. 31
4.3.1 Desain Data ............................................................................................... 31
4.3.2 Desain Interface ........................................................................................ 35
4.4 Implementasi Aplikasi ...................................................................................... 44
4.4.1 Menu Home pada Halaman Pengunjung................................................... 44
4.4.2 Menu Indeks pada Halaman Pengunjung.................................................. 45
4.4.3 Menu Kolom pada Halaman Pengunjung ................................................. 46
4.4.4 Menu Profil pada Halaman Pengunjung ................................................... 47
4.4.5 Halaman Login Admin.............................................................................. 48
4.4.6 Halaman Utama Administrator ................................................................ 48
4.4.7 Halaman Pengelolaan Berita ..................................................................... 49
4.4.8 Halaman Preview Berita ........................................................................... 49
4.4.9 Halaman Pengelolaan Banner ................................................................... 50
4.4.10 Halaman Pengelolaan Iklan ...................................................................... 50
4.4.11 Halaman Pengelolaan Kategori Berita ...................................................... 51
4.4.12 Halaman Pengelolaan Kolom.................................................................... 51
4.4.13 Halaman Pengelolaan Komentar............................................................... 52
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 6/66
vii
4.4.14 Halaman Pengelolaan Link ........................................................................ 52
BAB V PENUTUP .......................................................................................................... 53
5.1 Kesimpulan ....................................................................................................... 53
5.2 Saran ................................................................................................................. 53
DAFTAR PUSTAKA ....................................................................................................... 54
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 7/66
viii
DAFTAR GAMBAR
Gambar 3-1 proses video streaming ……………………………….……..…….. 8
Gambar 3-2 diagram model proses waterfall …………………………………... 9
Gambar 4-1 ERD Aplikasi web untuk video broadcasting …...…..………........ 22
Gambar 4-2 DCD Aplikasi web untuk video broadcasting ………..…….…….. 23
Gambar 4-3 DFD level 1 Aplikasi web untuk video broadcasting ………..….... 24
Gambar 4-4 DFD level 2 proses pengelolaan berita ……….….................….… 27
Gambar 4-5 DFD level 2 proses pengelolaan kolom ………………..….……… 29
Gambar 4-6 DFD level 2 proses pengelolaan narasumber …………..….……… 30
Gambar 4-7 interface halaman utama pengunjung ……………………....…….. 36
Gambar 4-8 interface halaman indeks pengunjung ……………..........….……. 36
Gambar 4-9 interface halaman kolom ………………………………....……….. 37
Gambar 4-10 interface halaman kolom ………………………….…...………… 37
Gambar 4-11 interface halaman kolom …………………..………….....……… 38
Gambar 4-12 interface halaman utama administrator ………...……......……… 38
Gambar 4-13 interface halaman manajemen berita ……………...…....……….. 39
Gambar 4-14 interface halaman manajemen berita ……………...…...…….….. 39
Gambar 4-15 interface halaman manajemen banner ……………......….……… 40
Gambar 4-16 interface halaman manajemen iklan ……………...………...…… 40
Gambar 4-17 interface halaman manajemen kategori ………..…..…..………... 41
Gambar 4-18 interface halaman manajemen narasumber …………..….………. 41
Gambar 4-19 interface halaman manajemen komentar ……………..….……… 42
Gambar 4-20 interface halaman manajemen link …………………......….……. 42
Gambar 4-21 interface halaman manajemen password ………….…...……..…. 43
Gambar 4-22 interface halaman update profil …………………….….………... 43
Gambar 4-23 Tampilan menu home …………………………….….....………. 44
Gambar 4-24 tampilan menu indeks ………………………………...…………. 45
Gambar 4-25 tampilan menu kolom …………………………………...………. 46
Gambar 4-26 tampilan menu profil …………………………………..………… 47
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 8/66
ix
Gambar 4-27 tampilan halaman login ……………………………..……..…….. 48
Gambar 4-28 tampilan halaman utama administrator ………...…...……….….. 48
Gambar 4-29 tampilan halaman berita ……………………………...………….. 49
Gambar 4-30 tampilan halaman preview berita …………………..……….…… 49
Gambar 4-31 tampilan halaman banner …………………………...…………… 50
Gambar 4-32 tampilan halaman iklan …………………………..…..………….. 50
Gambar 4-33 tampilan halaman kategori ……………………...….……………. 51
Gambar 4-34 tampilan halaman kolom …………………………....…………… 51
Gambar 4-35 tampilan halaman komentar ………………….………..………… 52
Gambar 4-36 tampilan halaman link …………………………..…….….……… 52
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 9/66
x
DAFTAR TABEL
Tabel 3-1 Tabel SRS..............................................................................................10
Tabel 3-2 Simbol Entity Relationship Diagram ……………..…………..………12
Tabel 3-3 simbol dan notasi Data flow diagram …………..………………...…..14
Tabel 4-1 SRS software …………………………………………………………20
Tabel 4-2 Tabel Berita ……………………………………...….………………..31
Tabel 4-3 Tabel Video …………………………………………………………..31
Tabel 4-4 Tabel Video Posisi …………………………...………….……………32
Tabel 4-5 Tabel Kategori …………………………….……..…….……………..32
Tabel 4-6 Tabel Komentar ………………………………...…….………………33
Tabel 4-7 Tabel Narasumber ……………………………..….…..………………33
Tabel 4-8 Tabel Kolom …………………………………...……..………………33
Tabel 4-9 Tabel Profil …………………………………….……………………..34
Tabel 4-10 Tabel User ……………………………………..……………………34
Tabel 4-11 Tabel iklan ……………………………………..………...………….34
Tabel 4-12 Tabel link ……………………………………..……..………………35
Tabel 4-13 Tabel Banner ……………………………….……………………….35
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 10/66
xi
DAFTAR LAMPIRAN
Lampiran A. Surat Keterangan PKL dari Perusahaan
Lampiran B. Notulensi Seminar Laporan Praktek Kerja Lapangan
Lampiran C. Daftar Hadir Seminar Laporan Praktek Kerja Lapangan
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 11/66
xii
ABSTRAK
Sebagai sebuah perusahaan jasa pembuatan web yang sedang
berkembang, CV. Izza Nusa Persada berusaha untuk memperluas jenis usahanya
ke bidang yang dapat membantu memudahkan dalam publikasi produk dan
meningkatkan kepercayaan masyarakat. Mengacu pada hal tersebut, pihak
management CV. Izza Nusa Persada berencana untuk membangun sebuah web
sebagai sarana untuk menyiarkan berita video dan berita teks sehingga dapat
diakses di manapun menggunkan koneksi internet.
Pembangunan web broadcasting dilakukan menggunakan metode
waterfall yang mana di dalamnya terdapat beberapa proses yang dilakukan
secara berurutan dari analisis kebutuhan hingga implementasi web.
Dibangunnya web broadcast untuk kombinasi berita video dan berita teks
hendaknya dapat memenuhi kebutuhan CV. Izza Nusa Persada dalam
memperkenalkan produk-produk CV. Izza Nusa Persada kepada masyarakat
dunia.
Keyword: web, broadcast, waterfall ,internet
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 12/66
xiii
ABSTRACT
As a web developer company, CV. Izza Nusa Persada seeks to expand its
operations into the field types that can help facilitate the publication of products
and increase public confidence. Referring to this, the management of CV. Izza
Nusa Persada plans to build a website as a means to broadcast news video and
text news so it can be accessed from anywhere using the Internet connection.
Broadcasting web development is done using waterfall method which has
some processes are carried out sequentially from requirements analysis to
implementation web.
Built a web broadcast to a combination of news video and text news
should be able to meet the needs of CV. Izza Nusa Persada in introducing
products CV. Izza Nusa Persada to the world community.
Keywords: web, broadcast, waterfall, internet
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 13/66
1
BAB I
PENDAHULUAN
1.1 Latar Belakang
CV. Izza Nusa Persada merupakan suatu perusahaan yang bergerak di
bidang teknologi in formasi dengan bidang usaha utama penyedia jasa pembuatan
website atau web engineering. Pada perkembangan usahanya di bidang web
engineering, pihak manajemen CV. Izza Nusa Persada berupaya membukapeluang usaha baru untuk memperkuat bisnis utamanya di bidang teknologi
in formasi. Rencana tersebut berawal dari perkembangan yang pesat di berbagai
segi usaha pada bidang teknologi in formasi seperti penyiaran atau broadcasting
dan komunikasi seluler. Bertolak pada hal tersebut pihak manajemen CV. Izza
Nusa Persada memutuskan untuk membuka peluang usaha baru di bidang
penyiaran televisi online. Peluang usaha tersebut akan dimulai dengan penyiaran
berita-berita lokal untuk daerah Semarang.
Sebagai sebuah perusahaan dengan bisnis utama web engineering, pihak
manajemen CV. Izza Nusa Persada menginginkan penyiaran televisinya tidak
hanya dapat dimanfaatkan oleh masyarakat Semarang saja, akan tetapi dapat
diakses diseluruh penjuru dunia. Hal tersebut mungkin dapat dilakukan
menggunakan sebuah koneksi jaringan internet. Jaringan internet menjadi sebuah
alternatif terbaik untuk memulai penyiaran karena perkembangan pengguna yang
pesat, modal usaha yang tidak begitu besar, kemampuan untuk membangun
jaringan, kemudahan fasilitas interaksi dua arah secara langsung melalui surat
elektronik, chatting ataupun jejak pendapat melalui forum, dan dapat dipastikan
bahwa sasaran penggunanya merupakan orang yang mempunyai standar tingkat
pendidikan tertentu. Dengan kebutuhan-kebutuhan tersebut maka dibutuhkan
suatu web yang dapat digunakan untuk melakukan penyiaran atau broadcasting
melalui jaringan internet.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 14/66
2
1.2 Rumusan Masalah
Mengacu pada latar belakang yang ada maka masalah yang dirumuskan
adalah bagaimana membangun suatu web yang dapat memenuhi kebutuhan
penyiaran atau broadcasting berita dalam bentuk video streaming dan berita teks.
1.3 Batasan Masalah
Kuliah Praktek Kerja Lapangan yang dilakukan di CV. Izza Nusa Persada
dimaksudkan untuk membangun sebuah web yang dapat menyiarkan berita dalam
bentuk video streaming dan berita teks.
1.4 Tujuan dan Manfaat
Penyusunan laporan Praktek Kerja Lapangan ini dimaksudkan untuk
mendokumentasikan dan melaporkan proses pembuatan web broadcasting di
perusahaan CV. Izza Nusa Persada.
Manfaat yang dapat diperoleh dari penyusunan laporan ini adalah:
a) Bagi penulis
Sebagai sarana belajar dalam membangun suatu aplikasi pada sebuah
perusahaan, penyusunan laporan hasil pembuatan aplikasi, dan bekal awal
sebelum terjun ke dunia kerja.
b) Bagi perusahaan
Sebagai sarana dokumentasi pembuatan aplikasi sehingga mempermudah
pengambilan keputusan pemakaian aplikasi dan pedoman dalam
pengembangan serta pemeliharaan aplikasi jika akan digunakan lebih lanjut.
1.5 Metodologi
Penyusunan laporan Praktek Kerja Lapangan dapat diselesaikan dengan baik
menggunakan empat metode yaitu:
a) Metode Bimbingan
Metode bimbingan merupakan suatu metode yang dilakukan dengan cara
melakukan konsultasi secara langsung dengan seorang ahli atau narasumber.
Pada Praktek Kerja Lapangan ini, penulis melakukan konsultasi dengan pihak
CV. Izza Nusa Persada dan dosen pembimbing.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 15/66
3
b) Metode wawancara
Metode wawancara merupakan suatu metode yang dilakukan dengan
melakukan tanya jawab secara langsung dengan narasumber. Pada praktek
kerja lapangan ini, penulis melakukan wawancara dengan pihak CV. Izza
Nusa Persada untuk mendapatkan in formasi tentang kebutuhan terhadap web
broadcast .
c) Metode studi pustaka
Metode studi pustaka merupakan suatu metode yang dilakukan dengan
mempelajari literatur, yang berupa buku-buku, diktat ataupun bentuk lain
yang berhubungan dengan teori rekayasa perangkat lunak guna mendukung
penyelesaian PKL sampai dengan penyusunan laporan.
1.6 Sistematika Penulisan
Pembuatan dokumen dalam merancang suatu aplikasi dalam bentuk laporan
dimaksudkan untuk mempermudah dalam memahami aplikasi secara keseluruhan.
Sistematika penulisan dokumen yang digunakan pada laporan Praktek Kerja
Lapangan adalah sebagai berikut:
BAB I PENDAHULUAN
Bab ini membahas latar belakang masalah, perumusan masalah,
pembatasan masalah, tujuan dan manfaat penulisan, metode
pengambilan data, serta sistematika pembahasan.
BAB II TINJAUAN UMUM PERUSAHAAN
Bab ini berisi tentang profil, bidang usaha, dan pengalaman CV.
Izza Nusa Persada
BAB III DASAR TEORI
Bab ini membahas tentang dasar-dasar teori yang digunakan untuk
membangun aplikasi dan pembuatan laporan ini.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 16/66
4
BAB IV PEMBAHASAN
Bab ini membahas mengenai langkah-langkah dalam pembangunan
web broadcasting CV. Izza Nusa Persada
BAB V KESIMPULAN DAN SARAN
Bab ini merupakan kesimpulan dari bab-bab yang dibahas
sebelumnya dan saran bagi perusahaan dan pembaca sebagai bahan
masukan.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 17/66
5
BAB II
TINJAUAN UMUM PERUSAHAAN
2.1 Profil Perusahaan
CV. Izza Nusa Persada merupakan sebuah perusahaan yang bergerak
dibidang jasa teknologi in formasi, software, web developer, web hosting serta
pengadaan hardware komputer sebagai perangkat pendukung. Dalam
menjalankan fungsi-fungsi bisnisnya, CV. Izza Nusa Persada telah mendapatkan
kepercayaan secara hukum oleh pihak pemerintah. Dengan No. SIUP :
517/1932/11.01/PK/IX/2009 CV. Izza Nusa Persada secara resmi telah diakui
sebagai salah satu badan usaha di Indonesia.
Dalam menjalankan fungsi-fungsi bisnisnya CV. Izza Nusa Persada
mengeluarkan produk warna web sebagai sarana pemenuhan kebutuhan
pemasaran usaha khususnya usaha kecil dan menengah. Dengan hadirnya produk
warna web diharapkan dapat memudahkan pemilik usaha untuk memperkenalkanproduk usaha yang dimiliki menggunakan domain sendiri sehingga dapat dikenal
di pasar internasional.
Memperkuat tekadnya untuk ikut serta dalam mengembangkan bidang usaha
di Indonesia CV. Izza Nusa Persada memiliki visi ” Menjadi Perusahaan IT
Terdepan, Profesional dan Inovatif serta Berperan dalam Memajukan
Perekonomian Bangsa”. Bertolak pada visi tersebut CV. Izza Nusa Persada
memiliki beberapa misi diantaranya adalah:
• Membentuk Sumber Daya Manusia (SDM) dengan IPTEK dan IMTAK
• Menumbuhkan kewirausahaan dikalangan pelajar, mahasiswa dan masyarakat
• Membantu UMKM dalam meningkatkan daya saing usaha
• Membantu masyarakat untuk menemukan potensi peluang usaha
• Membuka lapangan pekerjaan seluas-luasnya.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 18/66
6
2.2 Struktur Oraganisasi CV. Izza Nusa Persada
Dalam menjalankan operasinya CV. Izza Nusa Persada memiliki struktur
organisasi sebagai berikut:
1) Project manager
J.Ramadhan, S.Si
2) System Analyst & senior Teknologi
Khoerul Umam, S.T
3) Market Development & Public Relations
Eko Aribowo, S.T
4) Programmer
Afry Rachmat
Hari Sulaksono
5) Document & Administration
Nita Nurkhikmah, S.E
6) Marketing
Arif Eka Atmaja, S.E
2.3 Alamat dan Kontak CV. Izza Nusa Persada
1) Alamat Kantor
Tembalang Regency Blok A. No.20, Jalan Gondang Timur IV, Bulusan –
Tembalang, Semarang 50275
2) Alamat email
3) Alamat website
• http://www.warnaweb.com
• http://www .izzamedia.com
4) Telepon
024-91170099
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 19/66
7
BAB III
LANDASAN TEORI
Pada bab ini membahas dasar teori yang mendukung pengembangan
pengembangan sistem yang dibangun. Bahasan tersebut meliputi konsep dasar
broadcasting atau penyiaran, video streaming, rekayasa perangkat lunak, dan
perangkat lunak pendukung yang digunakan selama pembangunan dan
implementasi.
3.1 Broadcasting Broadcasting merupakan suatu proses pengiriman sinyal ke berbagai lokasi
secara bersamaan melalui satelit, radio, televisi, ataupun komunikasi data pada
jaringan internet. Layanan broadcasting melalui jaringan internet memiliki dua
jenis tipe yaitu live streaming dan streaming .
Broadcast merupakan suatu bentuk komunikasi One to many (yang padadasarnya adalah One to all) yang paling dikenal, salah satu contohnya adalah
siaran TV. Dengan menggunakan broadcast maka in formasi yang akan dikirimkan
berasal dari satu sumber atau titik kepada semua penerima yang yang tergabung
dalam jaringan.
3.2 Video Streaming
Stream dalam bahasa Inggris memiliki arti sungai atau arus. Proses streaming
dapat dianalogikan dengan sebuah aliran air di sungai yang terus mengalir tidak
pernah berhenti kecuali sumber air telah kering. Begitu pula dalam bidang
teknologi in formasi streaming dapat diartikan sebagai sebuah aliran paket-paket
data secara kontinyu hingga datanya habis atau terkirim semuanya.
Secara garis besar, proses kerja video streaming pada jaringan internet dibagi
ke dalam tiga tahap utama, antara lain:
a. Digitalisasi video atau membagi data video yang telah terkompresi ke dalam
paket-paket data digital.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 20/66
8
b. Pengiriman paket – paket data video melalui suatu media jaringan internet.
c. Pihak penerima (client ) mulai men-decode dan menjalankan video walaupun
paket data yang lain masih dalam proses pengiriman ke komputer client .
Berikut merupakan gambaran umum dari web sebagai sarana untuk penyiaran
video streaming.
Gambar 3-1 proses video streaming
3.3 Rekayasa Perangkat Lunak
Terdapat beberapa definisi tentang perangkat lunak menurut para ahli.
Menurut Roger S. Pressman [4] perangkat lunak adalah (1) Perintah (program
komputer) yang bila dieksekusi memberikan fungsi dan unjuk kerja seperti yang
diinginkan. (2) Struktur data yang memungkinkan program memanipulasi
in formasi secara proporsional, dan (3) dokumen yang menggambarkan operasi
dan kegunaan program.
Pengertian rekayasa perangkat lunak menurut IEEE khususnya IEE93 [4]
adalah aplikasi dari sebuah pendekatan kuantifiabel. disiplin, dan sistematis
kepada pengembangan, operasi, dan pemeliharaan perangkat lunak; yaitu aplikasi
dari rekayasa perangkat lunak.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 21/66
9
Pada proses rekayasa perangkat lunak terdapat banyak model yang dapat
digunakan untuk membangun suatu perangkat lunak. Salah satu pendekatan atau
model proses untuk membangun perangkat lunak yaitu waterfall model
Metode Waterfall adalah metode yang menyarankan sebuah pendekatan yang
sistematis dan sekuensial melalui tahapan-tahapan yang ada pada SDLC (Software
Development Life Cycle) untuk membangun sebuah perangkat lunak (Ian
Sommerville, 2003).
Berikut merupakan gambar diagram dari model proses waterfall
Gambar 3-2 diagram model proses waterfall
Gambar 3-2 menjelaskan bahwa metode waterfall menekankan proses
pengembangan perangkat lunak pada keterurutan. Metode ini merupkan sebuah
metode yang tepat untuk membangun sebuah perangkat lunak yang tidak terlalu
besar dan sumber daya manusia yang terlibat dalam jumlah yang terbatas.
Berdasarkan gambar 3-2, fase-fase pada waterfall model meliputi:
1) Requirements definition: Mengumpulkan kebutuhan perangkat lunak secara
lengkap melalui konsultasi atau wawancara dengan user kemudian melakukan
analisis dan mengkonversi hasilnya kebentuk yang dipahami oleh user dan
kelompok pengembang. Hasil pendefinisian pada tahap ini akan menghasilkan
seluruh kebutuhan software yang dibangun menjadi SRS Software
Requirements Spesification). SRS merupakan dokumen yang berisi deskripsi
lengkap mengenai apa kemampuan software (what ) tanpa menjelaskan
bagaimana (how) software akan melaksanakan kemampuan tersebut. Standar
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 22/66
10
penulisan SRS yang digunakan adalah IEEE/ANSI 830-1998. Setiap
requirement dalam SRS diberikan unique identifier label. Berikut contoh
pendefinisan kebutuhan fungsional dalam SRS :
Tabel 3-1 Tabel SRS
SRS ID Deskripsi
SRS - XXXX – FXX ………………………………
Keterangan :
SRS : Software Requirement Spesification
XXXX : Nick name sistem yang dibangun
FXX : F adalah fungsional dapat optional berupa NF (Non
Fungsional), XX adalah nomor urut
2) System and software design : Membagi-bagi kebutuhan hasil dari proses
pertama menjadi sebuah arsitektur sistem keseluruhan
3) Implementation and unit testing : melakukan pengujian terhadap tiap unit
perangkat lunak bahwa telah berjalan sesuai dengan spesifikasi
4) Integration and system testing : unit program diintegrasikan dan diuji menjadi
sebuah sistem yang lengkap dan memastikan bahwa sistem telah berjalan
sesuai dengan spesifikasi. Setelah dilakukan pengujian sistem disampaikan ke
pemesan.
5) Operation and maintenance : sistem dijalankan untuk memenuhi suatu
kebutuhan pemesan dan perbaikan terhadap sistem jika terdapat kesalahan.
3.4 Pemodelan Analisis Sistem
Pada pelaksaan proses pembangunan suatu perangkat lunak atau proses
rekayasa perangkat lunak,terdapat serangkaian pemodelan sehingga menghasilkan
suatu spesifikasi perangkat lunak yang mewakili kebutuhan pemesan perangkat
lunak.
Terdapat banyak jenis model analisis dalam membangun suatu perangkat
lunak. Dua model analisis yang mendominasi proses perangkat lunak diantaranya
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 23/66
11
analisis terstruktur dan analisis berorientasi objek. Model analisis yang digunakan
untuk membangun aplikasi web dalam proyek di CV. Izza Nusa Persada adalah
analisis terstruktur.
Analisis sistem terstruktur merupakan aktivitas yang dilakukan untuk
membangun suatu model yang menggambarkan aliran in formasi berupa data dan
kontrol, pembagian fungsional dan perilaku sistem, serta menggambarkan esensi
dari perangkat lunak yang akan dibangun [4]. Berdasarkan definisi tersebut maka
analisis terstruktur dapat dibagi menjadi dua proses besar yaitu pemodelan data
dan pemodelan fungsi.
3.4.1 Pemodelan data
Pada proses rekayasa perangkat lunak, pemodelan data menjadi suatu
proses yang sangat penting karena akan menghasilkan deskripsi objek utama,
komposisi dari masing-masing objek, atribut yang menggambarkan objek, dan
hubungan antar objek-objek tersebut. Untuk memenuhi kebutuhan pemodelan
tersebut diperlukan suatu alat bantu yang disebut dengan Entity relationship
diagram atau sering disingkat dengan ERD.
ERD merupakan suatu notasi yang digunakan untuk melakukan aktivitas
pemodelan data. ERD terdiri dari sekumpulan objek-objek, yang disebut dengan
entitas dan hubungan yang terjadi diantara objek-objek tersebut. ERD hanya
berfokus pada data yang dipandang secara independen dari pemrosesan yang
mentrans formasikan data tersebut. ERD mempunyai tiga konsep dasar, yaitu
himpunan entitas, himpunan relasi, dan atribut [5].
1) Entitas
Entitas merupakan suatu objek dasar yang mewakili sesuatu yang nyata
eksistensinya ataupun abstrak berada didalam sistem dan dapat dibedakan dari
objek-objek yang lain. Suatu entitas mempunyai sekumpulan sifat, dan nilai
yang menggambarkan suatu objek. Dari sekumpulan sifat yang ada di dalam
entitas terdapat sebuah sifat yang unik yang digunakan untuk melakukan
identifikasi terhadap suatu objek. Sekumpulan entitas yang mempunyai tipe
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 24/66
12
sama (sejenis) dan berada dalam ruang lingkup yang sama membentuk suatu
himpunan entitas.
2) Atribut
Atribut merupakan sifat-sifat atau property yang dimiliki oleh entitas.
Berdasarkan sifat keunikannya, atribut dibagi menjadi dua, yaitu atribut key
(identifier ) dan atribut non-key (descriptor ). Atribut key digunakan untuk
menentukan suatu entitas secara unik ( primary key), sedangkan, atribut non-key
digunakan untuk spesifikasi karakteristik dari suatu entitas yang tidak unik.
3) Relasi dan himpunan relasi
Relasi menunjukkan hubungan alamiah yang terjadi antar entitas yang berbeda.
Kumpulan dari semua relasi yang ada diantara entitas-entitas dalam himpunan
entitas disebut dengan himpunan relasi atau sering disebut dengan relasi saja.
ERD menggunakan sejumlah notasi dan simbol untuk melakukan pemodelan
data. Simbol dan notasi yang digunakan dalam ERD dapat dilihat pada tabel
berikut :
Tabel 3-2 Simbol Entity Relationship Diagram
Notasi Keterangan
Menggamabarkan entitas
Menggambarkan atribut
Menggambarkan hubungan atau relasi
Menggambarkan aliran hubungan antar entitas
Menggambarkan gengeralisasi pada entitas
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 25/66
13
3.4.2 Pemodelan Fungsional
Selain penggambaran data melalui kamus data yang dihasilkan dari
pemodelan data, penggambaran fungsi secara keseluruhan dari sistem menjadi
sangatlah penting untuk memperjelas alur data mengalir dari masukan hingga
menghasilkan suatu keluaran dari user . Penggambaran fungsi tersebut disebut
dengan pemodelan fungsional.
Untuk melakukan pemodelan fungsional dibutuhkan suatu alat yang disebut
dengan Data Flow Diagram atau sering disebut dengan DFD. DFD merupakan
model dari system untuk menggambarkan pembagian sistem ke modul yang lebih
kecil [1].
Data Flow Diagram merupakan penjabaran lebih lanjut dari Data Context
Diagram. Pada DFD terdiri dari beberapa level yang merincikan setiap fungsinya,
level-level tersebut adalah :
• Level 0 : Merupakan level tertinggi dan biasa di sebut dengan DCD
• Level 1 : Merupakan penjabaran fungsi yang lebih rinci dari level 0
• Level 2 : Merupakan penjabaran fungsi yang lebih rinci dari level 1, dan
seterusnya.
Data flow diagram memiliki beberapa komponen pembentuk yaitu external
entity, data flow, proses, dan data store.
1) External Entity
External Entity merupakan sesuatu yang berada di luar sistem, tetapi
memberikan data ke dalam sistem atau menerima data dari sistem.
2) Data Flow (Arus Data)
Data Flow menggambarkan tempat mengalirnya data dalam sistem. Data flow
digambarkan dalam bentuk garis. Data flow mengalir di antara proses dan
data store. Data flow dapat merupakan input ke dalam sistem maupun output
dari sistem.
3) Proses
Proses menggambarkan apa yang dikerjakan oleh sistem. Proses akan
melakukan trans formasi data masukan menjadi data keluaran sesuai dengan
spesifikasi yang diinginkan.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 26/66
14
4) Data Store
Data store merupakan tempat penyimpanan data yang ada dalam sistem. DFD
menggunakan sejumlah notasi dan simbol untuk melakukan pemodelan
fungsi. Simbol dan notasi yang digunakan dalam DFD dapat dilihat pada table
berikut :
Tabel 3-3 simbol dan notasi Data flow diagram
Notasi Keterangan
External Entity (Entitas Eksternal)
Data Flow (Aliran Data)
Process (Proses)
Data Store
3.5 Perangkat Lunak PendukungPada bagian ini akan dijelaskan mengenai perangkat lunak atau aplikasi yang
digunakan untuk membangun dan menjalankan aplikasi web untuk video
streaming. Perangkat lunak yang digunakan selama membangun aplikasi ini
meliputi XAMPP, PHP, MySQL, Apache Server , HTML, dan Mozila Firefox,
flash .
3.5.1 XAMPP
XAMPP merupakan suatu bundel web Server yang memudahkan untuk
membangun aplikasi web secara offline.. Bundel XAMPP merupakan suatu
software open source yang berisi lain Apache Web Server , interpreter PHP, dan
basis data MySQL. Memasang XAMPP pada komputer membuat kita dapat
menjalankan file PHP dan bebrapa aplikasi secara offline di komputer.
XAMPP digunakan oleh para pengembang dan programmer web untuk
menguji dan memvalidasi sebuah halaman web tanpa harus terhubung dengan
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 27/66
15
internet. XAMPP dapat berjalan diberbagai sistem operasi seperti Microsoft,
Linux, Mac OS dan Sun Solaris.
3.5.2 Apache Web Server
Web Server merupakan sebuah software yang memroses dan melayani
permintaan file - file dari browser. Web Server yang dimaksud di sini adalah
simulasi dari sebuah web Server secara fisik. Aplikasi web Server yang digunakan
pada pembuatan aplikasi web untuk video streaming adalah apache Server.
Apache merupakan turunan dari web Server yang dikeluarkan oleh NSCA
yaitu NSCA HTTPd pada tahun 1995. Pada dasarnya, Apache adalah “APatCHy”
( patch) dan pengganti dari NCSA HTTPd. Apache web Server merupakan tulang
punggung permintaan dari client yang menggunakan browser, seperti Netscape
Navigator, Internet Explorer, Modzilla, lynx dan lain-lain.
Web Server dalam berkomunikasi dengan kliennya menggunakan protocol
HTTP ( Hyper Text Transfer Protocol). Apache berada di bawah GNU, General
Public Licensi yang bersifat free sehingga Apache dapat di-download gratis.
3.5.3 MySQL
MySQL merupkan sebuah perangkat lunak sistem manajemen basis data
SQL(Structure Query Language) atau DBMS. MySQL dibuat oleh MySQL AB,
sebuah perusahaan Swedia di bawah lisensi GNU General Public License (GPL)
sehingga MySQL dapat digunakan secara gratis.
MySQL memiliki beberapa keunggulan diantara beberapa aplikasi databse
lainnya. Beberapa keunggulan MySQL antara lain :
• MySQL dapat berjalan stabil pada berbagai sistem operasi seperti Windows,
Linux, FreeBSD, Mac Os X Server , Solaris, Amiga, dan lain-lain.
• MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan
tanpa mengalami masalah atau konflik.
• MySQL memiliki kecepatan yang menakjubkan dalam menangani query
sederhana, dengan kata lain dapat memproses lebih banyak SQL per satuan
waktu.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 28/66
16
• MySQL memiliki operator dan fungsi secara penuh yang mendukung perintah
Select dan Where dalam query.• MySQL memiliki beberapa lapisan sekuritas seperti level subnetmask, nama
host, dan izin akses user dengan sistem perizinan yang mendetail serta
password terenkripsi.
• MySQL mampu menangani database dalam skala besar, dengan jumlah
records lebih dari 50 juta dan 60 ribu tabel serta 5 milyar baris. Selain itu batas
indeks yang dapat ditampung mencapai 32 indeks pada tiap tabelnya.
• MySQL dapat melakukan koneksi dengan client menggunakan protokol
TCP/IP, Unix soket (UNIX), atau Named Pipes (NT)
• MySQL dapat mendeteksi pesan kesalahan pada client dengan menggunakan
lebih dari dua puluh bahasa.
• MySQL memiliki interface terhadap berbagai aplikasi dan bahasa
pemrograman dengan menggunakan fungsi API ( Application Programming
Interface), dan lain-lain.
3.5.4 PHP ( Hypertext Preprocessor)
PHP (Hypertext Preprocessor) merupakan bahasa Server-side scripting
yang menyatu dengan HTML untuk membuat halaman web yang dinamis. Server-
side scripting memliki arti bahwa Server memproses skrip dan hasilnya diolah
dalam bentuk HTML yang dapat ditampilkan dengan browser. PHP juga dapat
berjalan di berbagai jenis plat form, walaupun awalnya memang PHP berjalan di
sistem UNIX, namun pada saat ini PHP dapat berjalan di lingkungan sistem
operasi Windows. Sebagai bahasa skrip, PHP menjadi sangat populer untuk
membangun aplikasi berbasis web dan situs web dinamis karena PHP kompatibel
dengan banyak sistem basis data dan PHP dapat dijalankan di berbagai web
Server .
3.5.5 HTML (Hyper Text Markup Language)
HTML ( Hyper Text Markup Language) merupakan bentuk standar untuk
isi dan tampilan yang ada di halaman World Wide Web atau WWW [10].
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 29/66
17
hypertext Markup Language merupakan salah satu varian dari SGML (Standard
Generalized Markup Language), yang menjadi sebuah standar ISO ( International
Organization for Standarization) untuk pertukaran dokumen secara elektronik.
HTML sendiri secara formal diumumkan sebagai RFC 1866. HTML ( Hypertext
Markup Language) adalah suatu format data yang digunakan untuk membuat
dokumen hypertext yang dapat dibaca dari satu plat form ke plat form lainnya tanpa
melakukan suatu perubahan apapun.
Penulisan HTML diawali dan diakhiri dengan suatu perintah yang sudah
baku disebut dengan tag. Diantara kedua tag terdapat nilai-nilai dan atribut-
atribut. HTML merupakan bahasa pemrograman fleksibel karena dapat
meletakkan script dari bahasa pemrograman lain seperti PHP, Javascript, VB
script , dan bahasa C.
Dokumen HTML merupakan file teks murni yang dapat dibuat dengan
aplikasi text editor seperti notepad, notepad++, dan lain-lain.
3.5.6 Mozila Firefox
Mozilla firefox merupakan salah satu aplikasi browser yang dapat
digunakan untuk melakukan penjelajahan di jaringan internet. Mozilla firefox
yang memiliki nama asli phoenix dan kemudian untuk sesaat dikenal sebagai
Mozilla Firebird, merupakan sebuah browser penjelajah web yang dapat berjalan
di berbagai platform. Mozilla firefox dikembangkan oleh yayasan Mozilla yang
betujuan untuk mengembangkan sebuah browser web yang kecil, cepat, simpel,
dan dapat dikembangkan terpisah dari Mozilla Suite yang lebih besar. Firefox
telah menjadi fokus utama perkembangan Mozilla bersama dengan client e-mail
Mozilla Thunderbird, dan telah menggantikan Mozilla Suite sebagai rilis browser
resmi yayasan Mozilla
3.5.7 Flash Video
Flash Video merupakan format file yang digunakan untuk menyimpan
video dari Internet yang menggunakan program Adobe Flash Player. Content
Flash Video biasa juga masuk ke dalam file dengan ekstensi SWF. Terdapat dua
format file video yang berbeda yang didefinisikan oleh Adobe System dan support
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 30/66
18
Adobe Flash Player, yakni FLV dan F4V. Data audio dan video dalam file FLV
dikodekan dengan cara yang sama yaitu dalam file dengan ekstensi SWF. Format
FLV (Flash Video) sendiri menjadi format pilihan standard untuk file video di
web. Situs yang biasa mencantumkan format file video FLV adalah YouTube,
Google Video, Yahoo! Video, metacafe, Reuters.com, dan banyak provider
lainnya.
Implementasi flash video pada aplikasi web menggunakan bantuan skrip
javascript untuk menampilkan flash video. Pada pengembangan aplikasi web ini
menggunakan plugin flow player untuk menampilkan video streaming.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 31/66
19
BAB IV
PEMBAHASAN
Pada Bab ini dibahas mengenai proses rekayasa perangkat lunak yang
meliputi kebutuhan-kebutuhan perusahaan tentang sistem, fungsionalitas sistem
sesuai permintaan pihak perusahaan yang akan mengimplementasikan perangkat
lunak dibangun, deskripsi perangkat lunak secara detail, proses perancangan
perangkat lunak atau pemodelan sistem hingga menjadi dokumen lengkap tentangperangkat lunak yang dibangun sebagai sebuah dokumen rekayasa perangkat
lunak sehingga akan memudahkan untuk melakukan maintenance atau
pemahaman terhadap perangkat lunak.
4.1 Deskripsi Umum Perankat Lunak
Berdasar pada permintaan pihak CV. Izza Nusa Persada untuk dibangun
sebuah web yang dapat menampilkan sebuah berita namun tidak hanya berisi teks
akan tetapi dapat menampilkan sebuah video untuk mengilustrasikan sebuah
berita sehingga memudahkan pengunjung web dalam memahami berita dan lebih
menyenangkan serta memudahkan editor atau administrator dalam mengatur
konten berita. Mengacu pada hal tersebut dapat diketahui bahwa aplikasi yang
dibangun adalah sebuah aplikasi web yang dapat menampilkan berita dalam
bentuk text dan video streaming serta content management system (cms) untuk
mengatur isi berita.
Software ini memiliki dua fungsi utama yaitu:
1) Broadcasting atau penyiaran
Software mampu untuk melakukan broadcasting. Fungsi broadcasting yang
dimaksud merupakan fungsi untuk melakukan penyebaran in formasi melalui
jaringan internet. Bentuk In formasi yang ditampilkan berupa teks dan video
streaming. Selain itu, terdapat fungsi lainnya yaitu menampilkan berita text
hasil analisis dan pendapat dari ahli tentang suatu hal tertentu.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 32/66
20
2) Management content
Software mampu untuk melakukan management content . Fungsi management
content merupakan fungsi untuk melakukan pengaturan terhadap konten
utama web. Fungsi-fungsi tersebut meliputi melakukan penyimpanan file
video dan teks berita, melakukan perubahan data yang sudah disimpan,
menghapus data yang sudah disimpan, dan mengatur posisi berita video.
Selain itu, software juga dapat melakukan beberapa pengaturan lainnya seperti
melakukan tambah, ubah, dan hapus terhadap tampilan-tampilan sidebar
seperti banner, link, dan iklan.
Fungsi software secara lengkap dijabarkan lebih lanjut dalam kebutuhan
fungsionalitas software (SRS) berikut:
Tabel 4-1 SRS software
SRS ID Deskripsi
SRS-F-01 Login administrator
SRS-F-02 Manajemen berita
• menampilkan daftar berita yang telah diupload
• Menambahkan berita text dan video dengan ekstensi flv
• Mengubah data berita
• Menghapus data berita
• Preview berita
SRS-F-03 Manajemen posisi berita pada halaman utama pengunjung
(utama, list 1, list 2, list 3, list 4, list 5, list 6 , dan list 7 )
SRS-F-04 Manajemen kolom (hasil analisis dan pendapat dari ahli)
• Menampilkan daftar hasil analisis dan pendapat ahli
(narasumber)
• Menampilkan artikel hasil analisis dan pendapat ahli
(narasumber)
• Melakukan penambahan, pengubahan, dan penghapusan
artikel dari ahli (narasumber).
• Menampilkan daftar narasumber
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 33/66
21
• Melakukan penambahan, pengubahan, dan penghapusan
narasumber dengan batasan jumlah narasmber maksimaltujuh orang.
SRS-F-05 Manajemen banner berupa menambahkan, mengubah, dan
menghapus banner
SRS-F-06 Manajemen iklan berupa menambahkan, mengubah, dan
menghapus iklan
SRS-F-07 Manajemen link berupa menambahkan, mengubah, dan
menghapus link
SRS-F-08 Manajemen kategori berupa menambahkan, mengubah, dan
menghapus kategori berita
SRS-F-09 Manajemen komentar, membalas komentar dan menghapus
komentar
SRS-F-10 Merubah password administrator
SRS-F-11 Manajemen profil perusahaan
SRS-F-12 Menampilkan daftar video
SRS-F-13 Memainkan berita video pada halaman utama
SRS-F-14 Menampilkan detil berita dalam bentuk video dan penjelasan
dalam bentuk teks
SRS-F-15 Menampilkan video terkait pada detil video berdasarkan
kategori
SRS-F-16 Melakukan pencarian berdasarkan nama
SRS-F-17 Menampilkan berita berdasarkan waktu (tanggal, bulan, dan
tahun)
SRS-F-18 Menampilkan daftar narasumber yang memberikan ulasan
tentang sesuatu hal
SRS-F-19 Menampilkan hasil analisis atau pendapat narasumber
SRS-F-20 Menampilkan profil perusahaan
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 34/66
22
4.2 Pemodelan Analisis
Pemodelan analisis yang dilakukan pada dokumen pengembangan ini yaitu
pemodelan data dan pemodelan fungsional
4.2.1 Pemodelan Data
Pemodelan data dilakukan pada dokumen ini adalah melakukan
identifikasi tabel-tabel database yang akan digunakan di dalam software.
Pemodelan data dilakukan dengan menggunakan tool yang disebut dengan ERD
( Entity Relationship Diagram).
Berikut adalah ERD dari aplikasi web video broadcasting yang
menggambarkan relasi antar tabel di dalam database.
Gambar 4-1 ERD Aplikasi web untuk video broadcasting
4.2.2 Pemodelan Fungsional
Pemodelan fungsional yang dilakukan pada dokumen ini adalah
melakukan identifikasi terhadap fungsi-fungsi dan langkah-langkah kerja dari
kelompok
mengatur
mengatur
mengisi
menatur
mengatur
mengatur
mengatur
mengatur
mengatur
repon
terletak
memiliki
mengatur
user
id_user
user_name
password
session
berita
id_berita
judul_berita
isi_berita
id_video
video
id_video
judul_video
thumnail
id_kategori
tgl
jam
video_posisi
id_posisi
id_video
posisi
kategori
id_kategori
kategoriket
komentar
id_komentar
id_berita
komentar
nama
tgl
banner
id_banner
judul_banner
url
gambarstatus
link
id_link
nama
url_linkstatus
narasumber
id_narasumber
nama_narasumber
foto
alamat
kolom
id_kolom
id_narasumber
judul_kolom
isi_kolom
tgl_kolomstatus
profil
id_profil
nama_web
deskripsi_web
iklan
id_iklan
nama_iklan
gambar
status
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 35/66
23
aplikasi untuk menghasilkan suatu in formasi tertentu. Alat bantu atau tool yang
digunakan adalah DFD ( Data Flow Diagram).
Berikut adalah gambar dari DFD level nol atau sering disebut dengan
DCD ( Data Context Diagram) dari aplikasi web video broadcasting yang yang
menggambarkan alur atau langkah-langkah kerja dalam menghasilkan suatu
in formasi tertentu.
4.2.2.1 DFD level 0/ DCD (Data Context Diagram)
Gambar 4-2 DCD Aplikasi web untuk video broadcasting
DCD pada aplikasi web video broadcasting merupakan gambaran sederhana
dari fungsi-fungsi atau kebutuhan fungsional software. DCD tersebut
menggambarkan interaksi antara user dengan software. Interaksi antara user
dengan software diwujudkan dalam bentuk fungsi-fungsi dan respon dari
software. User pada aplikasi web video broadcasting dibagi menjadi dua yaitu
administrator dan pengunjung. Administrator berfungsi sebagai user yang
melakukan pengelolaan terhadap konten-konten web, sedangkan pengunjung
merupakan pengakses atau penikmat konten-konten yang disediakan oleh web.
Fungsi-fungsi yang dilakukan oleh administrator antara lain melakukan
insert, edit, delete berita video, narasumber, kolom, iklan, banner , link dan
mengatur posisi video. Sedangkan pengunjung dapat melakukan pencarian video
berdasarkan judul berita, melihat detil berita, melakukan pencarian berita
daftar_iklan
beri_komentar
daftar_komentar
informasi_profil
daftar_banner
daftar_link
daftar_berita
display_hasil_pencarian
pencarian_judul_berita
operasi _indeks_berita
indeks_berita
daftar_kolom
daftar_narasumber
detil_berita
data_user_lamadata_user_baruinformasi_profil
data_profil
daftar_kolom
data_kolom
daftar_narasumber
data_narasumber
daftar_link
data_link
daftar_iklandata_iklan
daftar_banner
data_banner
daftar_komentaroperasi_komentar
posisi_berita
posisi_beritadaftar_kategoridata_kategori
detil_berita
daftar_beritadata_berita
invalid_login
user_login
0
aplikasi web video broadcasting
+
administrator
pengunjung
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 36/66
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 37/66
25
Pada DFD level 1 tersebut terdapat tiga belas proses:
1) Otentifikasi User
Proses ini berfungsi untuk melakukan validasi terhadap login user yang
bertindak sebagai administrator web. Validasi menjadikan adanya filter atau
penyaringan terhadap orang-orang tertentu yang boleh mengakses halaman
administrator .
2) Pengelolaan Berita
Proses ini berfungsi untuk melakukan pengelolaan data berita dan video.
Pengelolaan berita tersebut meliputi insert, update, delete dan mengatur posisi
video.
3) Pengelolaan Kategori
Proses pengelolaan kategori berkaitan dengan pengelolaan berita. Kategori
memberikan pengelompokan terhadap berita-berita sehingga memudahkan
untuk mencari berita-berita yang sejenis atau melakukan pencarian secara
general.
4) Pengelolaan Posisi
Pengelolaan posisi dilakukan untuk melakukan pengelolaan terhadap posisi
video dihalaman utama web. Posisi tersebut meliputi posisi utama yaitu posisi
yang secara default berada pada halaman utama web. Selain itu juga terdapat
beberapa posisi lainnya yaitu list 1, list 2, list 3, list 4, list 5, list 6 , dan list 7
yang mendampingi posisi utama.
5) Pengelolaan Narasumber
Pengelolaan narasumber digunakan untuk melakukan pengelolaan narasumber
terpilih untuk memberikan suatu analisis atau pendapat terhadap suatu
persoalan tertentu. Pengelolaan narasumber meliputi insert, update, dan delete
narasumber.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 38/66
26
6) Pengelolaan Kolom
Kolom merupakan suatu kumpulan analisis atau pendapat dari suatu
narasumber tertentu terhadap suatu hal. Kolom dikelompokkan berdasarkan
penulis atau narasumber. Operasi yang dilakukan terhadap kolom meliputi
insert, update, dan delete.
7) Pengelolaan Komentar
Pengelolaan komentar digunakan untuk melakukan moderisasi terhadap
komentar yang masuk. Moderisasi komentar meliputi delete komentar, dan
memberi respon terhadap komentar. Pentingnya moderisasi yaitu untuk
melakukan filterisasi terhadap kelayakan komentar yang masuk.
8) Pengelolaan Banner
Banner digunakan untuk membuat link dalam bentuk gambar. Pemasangan
banner biasanya digunakan untuk menampilkan logo atau link gambar terhadap
sponsor atau pihak-pihak yang bekerja sama. Pengelolaan banner yang dapat
dilakukan adalah melakukan insert, update, dan delete banner.
9) Pengelolaan link
Link merupakan sesuatu yang berhubungan atau bertautan dengan halaman
lain. Link digunakan untuk menambahkan tautan-tautan terhadap suatu
halaman web yang menarik atau berhubungan dengan suatu topik tertentu.
Pengelolaan link yang dapat dilakukan meliputi insert, update, dan delete link.
10) Pengelolaan iklan
Iklan merupakan suatu media yang digunakan untuk memasarkan atau
mengenalkan suatu produk tertentu dari produsen atau dari sponsor. Media
iklan yang digunakan pada web ini adalah gambar yang ditampilkan secara
bergantian dengan menggunakan slide show. Pengelolaan iklan yang dapat
dilakukan meliputi insert, update, dan delete.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 39/66
27
11) Pengelolaan Profil
Profil menggambarkan atau mendeskripsikan perusahaan pemilik web seperti
nama perusahaan, usaha, dan deskripsi yang dapat menggambarkan suatu
perusahaan tersebut. Pengelolaan profil dilakukan dengan melakukan update
profil.
12) Pengelolaan user
Pada aplikasi ini yang bertindak sebagai user yang memiliki kewenangan untuk
melakukan fungsi-fungsi utama web adalah administrator . Pengelolaan user
yang dimaksud adalah melakukan pengubahan terhadap password
administrator.
13) Pencarian
Pencarian merupakan suatu fasilitas untuk melakukan pencarian terhadap judul
berita. Fasilitas pencarian ini digunakan oleh pengunjung untuk membantu
memudahkan dalam menemukan suatu in formasi yang dibutuhkan di dalam
web.
4.2.2.3 DFD Level 2 proses pengelolaan berita
Gambar berikut ini merupakan hasil decompose dari DFD level 1 proses
pengelolaan berita.
Gambar 4-4 DFD level 2 proses pengelolaan berita
identitas berita
kumpulan berita
[detil_berita]
[daftar_berita] [daftar_berita]
[operasi _indeks_berita]
[indeks_berita]
[detil_berita]
berita
berita
berita video
berita teks
[data posisi]
[data kategori]
[data video]
[data video]
[data teks]
[data
teks]video
berita non video[data_berita]
administrator
pengunjung
berita
video kategori
posisi
2.1
pengelolaan
data masukkan
2.2
pengelolan
berita text
2.3
pengelolaan
berita
multimedia
2.4
integrasi
berita
2.5
pengelolaan
detil berita
2.6
pengelolaan
daftar berita
2.7
pengelolaan
indeks berita
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 40/66
28
Pada DFD level 2 proses pengelolaan berita terdapat tujuh subproses
1) Pengelolaan masukan data
Subproses ini berfungsi untuk menerima masukan data berita dari
administrator . Data berita berita kemudian diproses dan dipisahkan menjadi
berita video dan berita teks.
2) Pengelolaan berita multimedia
Subproses ini berfungsi untuk melakukan pengelolaan berita multimedia
berupa video. Pada subproses ini dilakukan beberapa operasi antara lain
insert, update, dan delete terhadap video. Data video menyimpan foreign key
dari tabel kategori.
3) Pengelolaan berita teks
Subproses ini berfungsi untuk melakukan pengelolaan berita teks berupa
artikel yang menjelaskan berita video. Pada subproses ini dilakukan beberapa
operasi antara lain insert, update, dan delete terhadap artikel. Data artikel
memiliki foreign key data video untuk berelasi dengan data video.
4) Integrasi berita
Subproses ini berfungsi untuk menggabungkan antara berita teks dengan
berita video menggunkan foreign key pada berita teks. Dengan
menggabungkan data yang berelasi maka dihasilkan suatu berita yang
lengkap.
5) Pengelolaan daftar berita
Subproses ini berfungsi untuk melakukan pengelolaan berita yang telah
terintegrasi. Berita yang telah terintegrasi kemudian dikumpulkan menjadi
sebuah daftar berita yang lengkap terdiri dari berita video dan berita teks.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 41/66
29
6) Pengelolaan indeks berita
Subproses ini berfungsi untuk melakukan pengelolaan indeks berita. Hasil
dari pengelolaan dari indeks berita berupa berita yang dapat ditampilkan
berdasarkan waktunya.
7) Pengelolaan detil berita
Subproses ini berfungsi untuk menampilkan berita secara detil berupa teks
dan video. Hasil dari subproses ini berupa display video dan artikel yang
menjelaskan video tersebut.
4.2.2.4 DFD Level 2 proses pengelolaan kolom
Gambar berikut ini merupakan hasil decompose dari DFD level 1 proses
pengelolaan kolom.
Gambar 4-5 DFD level 2 proses pengelolaan kolom
Pada DFD level 2 proses pengelolaan kolom terdapat tiga subproses.
1) Pengelolaan data masukkan
Subproses ini berfungsi untuk melakukan pengelolaan masukan data kolom
berupa data teks. Pada subproses ini terdapat beberapa operasi seperti insert,
update, dan delete terhadap data kolom.
2) Integrasi kolom
Subproses ini berfungsi untuk melakukan integrasi data kolom dengan data
narasumber sehingga menjadi sebuah kolom yang lengkap.
[daftar_kolom]
[daftar_kolom]
kolom terintegrasi
[kolom]
[kolom]
[data narasumber]
[data_kolom]
administrator
pengunjung
kolom
narasumber
6.1
pengelolaan
masukkan
data kolom
6.2
integrasi
kolom
6.3
pengelolaan
daftar kolom
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 42/66
30
3) Pengelolaan daftar kolom
Subproses ini berfungsi untuk melakukan pengelolaan terhadap kolom hasil
integrasi. Kolom yang telah terintegrasi kemudian dikumpulkan menjadi
sebuah daftar kolom.
4.2.2.5 DFD Level 2 proses pengelolaan narasumber
Gambar berikut ini merupakan hasil decompose dari DFD level satu proses
pengelolaan narasumber.
Gambar 4-6 DFD level 2 proses pengelolaan narasumber
Pada DFD level 2 proses pengelolaan narasumber terdapat dua subproses.
1) Pengelolaan data masukkan
Subproses ini berfungsi untuk melakukan pengelolaan masukan data
narasumber berupa data teks dan gambar. Pada subproses ini terdapat
beberapa operasi seperti insert, update, dan delete terhadap data narasumber.
2) Pengelolaan daftar narasumber
Subproses ini berfungsi untuk melakukan pengelolaan terhadap data
narasumber yang telah disimpan di dalam database. Data narasumber yang
telah disimpan di dalam database ditampilkan dalam bentuk daftar.
[daftar_narasumber]
[daftar_narasumber]
[narasumber]
[narasumber][data_narasumber]administrator
pengunjung
narasumber
5.1pengelola
masukan
narasumber
5.2
pengelolaan
daftar
narasumber
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 43/66
31
4.3 Desain Aplikasi
Pada bagian ini akan dibahas mengenai desain aplikasi berupa desain tabel
data dan desain interface aplikasi web untuk video broadcast .
4.3.1 Desain Data
Berpedoman pada hasil analisis dan pemodelan diperlukan suatu desain data
untuk mempermudah dalam mentrans formasikan abstraksi data ke bentuk
implementasi.
Berdasarkan ERD yang dibuat pada tahap analis diperoleh beberapa tabel
untuk diimplementasikan pada basis data dengan deskripsi sebagai berikut:
4.3.1.1 Tabel Berita
Identifikasi/Nama : berita
Deskripsi Isi : berisi berita teks
Jenis : tabel transaksi
Primary Key : id_berita
Tabel 4-2 Tabel Berita
Id Field Deskripsi Tipe
Id_berita Identifikasi berita int(11)
judul_berita Judul berita varchar(150)
Isi_berita Isi berita text
Id_video Identifikasi video int(11)
4.3.1.2 Tabel video
Identifikasi/Nama : video
Deskripsi Isi : berisi berita video
Jenis : tabel transaksi
Primary Key : id_video
Tabel 4-3 Tabel Video
Id Field Deskripsi Tipe
Id_video Identifikasi video int(11)
Judul_video Judul video varchar(150)
thumbnail Menampilkan gambar video varchar(50)
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 44/66
32
Id_kategori Pengelompokkan video int(11)
tgl Tanggal upload video date
jam Jamupload video time
4.3.1.3 Tabel Video Posisi
Identifikasi/Nama : video_posisi
Deskripsi Isi : berisi posisi video pada halaman utama pengunjung
Jenis : tabel transaksi
Primary Key : id_posisi
Tabel 4-4 Tabel Video Posisi
Id Field Deskripsi Tipe
Id_Posisi Identikasi video int(11)
Id_video Identifikasi video int(11)
posisi Posisi video di halaman utama varchar(15)
4.3.1.4 Tabel Kategori
Identifikasi/Nama : kategori
Deskripsi Isi : berisi pengelompokan berita berdasarkan kategori tertentu
Jenis : tabel transaksi
Primary Key : id_kategori
Tabel 4-5 Tabel Kategori
Id Field Deskripsi Tipe
Id_kategori Identifikasi kategori int(11)
nama Nama kategori varchar(50)
ket Penjelasan tentang kategori varchar(300)
4.3.1.5 Tabel Komentar
Identifikasi/Nama : komentar
Deskripsi Isi : berisi komentar terhadap berita
Jenis : tabel transaksi
Primary Key : id_komentar
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 45/66
33
Tabel 4-6 Tabel Komentar
Id Field Deskripsi TipeId_komentar Identifikasi komentar int(11)
Id_berita Identifikasi berita int(11)
nama Nama komentator varchar(50)
email Email komentator varchar(50)
komentar Isi komentar varchar(800)
tgl Tanggal komentar timestamp
4.3.1.6 Tabel Narasumber
Identifikasi/Nama : Narasumber
Deskripsi Isi : berisi data narasumber
Jenis : tabel master
Primary Key : id_narasunber
Tabel 4-7 Tabel Narasumber
Id Field Deskripsi Tipe
id_narasumber Identifikasi narasumber int(11)
nama_narasumber Nama narasumber varchar(50)
foto Foto narasumber varchar(50)
email Email narasumber varchar(50)alamat Alamat narasumber varchar(200)
4.3.1.7 Tabel Kolom
Identifikasi/Nama : kolom
Deskripsi Isi : berisi hasil analisis dan pendapat dari narasumber
Jenis : tabel transaksi
Primary Key : id_kolomTabel 4-8 Tabel Kolom
Id Field Deskripsi Tipe
id_kolom Identifikasi kolom int(11)
id_narasumber Identifikasi narasumber int(11)
judul_kolom Judul kolom varchar(200)
isi_kolom Isi kolom text
tgl_kolom Tanggal upload kolom date
status_kolom Status kolom publish atau tidak varchar(9)
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 46/66
34
4.3.1.8 Tabel Profil
Identifikasi/Nama : profil
Deskripsi Isi : Berisi profil pemilik web
Jenis : tabel master
Primary Key : id_profil
Tabel 4-9 Tabel Profil
Id Field Deskripsi Tipe
id_profil Identifikasi profil int(11)
nama_web Nama web varchar(50)
deskripsi Deskripsi web text
4.3.1.9 Tabel User
Identifikasi/Nama : user
Deskripsi Isi : berisi data user pengelola web
Jenis : tabel master
Primary Key : id_user
Tabel 4-10 Tabel User
Id Field Deskripsi Tipe
id_user Identifikasi user int(11)
user _name User name milik pengguna varchar(50)
password Password user varchar(50)
Id_session Identifikasi session user varchar(100)
4.3.1.10 Tabel Iklan
Identifikasi/Nama : iklan
Deskripsi Isi : berisi data iklan
Jenis : tabel transaksi
Primary Key : id_iklan
Tabel 4-11 Tabel iklan
Id Field Deskripsi Tipe
id_iklan Identifikasi iklan int(11)
nama_iklan Nama iklan varchar(50)
status Status iklan varchar(9)
gambar_iklan Gambar iklan varchar(50)
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 47/66
35
4.3.1.11 Tabel link
Identifikasi/Nama : link
Deskripsi Isi : berisi data link
Jenis : tabel transaksi
Primary Key : id_link
Tabel 4-12 Tabel link
id field deskripsi Tipe
id_link identifikasi link int(11)
nama nama link varchar(100)
url_link alamat url varchar(100)
status status link varchar(9)
4.3.1.12 Tabel Banner
Identifikasi/Nama : banner
Deskripsi Isi : berisi data banner
Jenis : tabel transaksi
Primary Key : id_banner
Tabel 4-13 Tabel Banner
id field deskripsi Tipe
id_banner Identifikasi banner int(11)
Judul_banner Judul banner varchar(100)
url Alamat url varchar(100)
gambar Gambar banner varchar(100)
status Status banner varchar(9)
4.3.2
Desain Interface Desain interface merupakan suatu proses penggambaran tampilan yang
akan digunakan sebagai perantara antara user dengan aplikasi. Melalui desain
interface , user dapat dengan mudah memahami fungsi-fungsi dari suatu aplikasi.
Desain interface merupakan penjabaran secara detil tentang fungsi-fungsi suatu
aplikasi.
Berpedoman pada hasil analisis dan pemodelan, interface yang akan
digunakan pada software adalah sebagi berikut:
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 48/66
36
4.3.2.1 Interface Halaman Utama Pengunjung
Gambar 4-7 interface halaman utama pengunjung
Halaman utama pengunjung memiliki beberapa bagian yaitu: banner , menu,
tempat video, tempat judul video, pencarian side bar, menu tab, dan footer .
4.3.2.2 Interface Halaman Indeks Pengunjung
Gambar 4-8 interface halaman indeks pengunjung
Halaman indeks memiliki pola yang sama dengan halaman utama, tetapi
tampilan yang berbeda. Halaman utama menampilkan video berdasarkan gambar
dan judul sedangkan halaman indeks menampilkan video dengan judul dan waktu.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 49/66
37
4.3.2.3 Interface Halaman Kolom
Gambar 4-9 interface halaman kolom
Halaman kolom memiliki pola dasar yang sama dengan tampilan-tampilan
halaman pengunjung lainnya. Pada halaman ini menampilkan daftar narasumber
yang berkontribusi terhadap artikel-artikel pada kolom.
4.3.2.4 Interface Halaman Profil
Halaman profil memiliki interface yang sama dengan halaman kolom dengan
isi yang berbeda. Pada halaman kolom berisi daftar narasumber, sedangkan pada
halaman profil berisi deskripsi instansi pemilik web.
Berikut adalah tampilan halaman profil:
Gambar 4-10 interface halaman kolom
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 50/66
38
4.3.2.5 Interface Halaman Login
Gambar 4-11 interface halaman kolom
Halaman login memiliki dua form yaitu form user name dan password. Form
ini digunakan untuk memasukkan user name dan password sebagai sarana untuk
melakukan filterisasi user yang memiliki hak akses sebagai administrator.
4.3.2.6 Interface Halaman Utama Administrator
Gambar 4-12 interface halaman utama administrator
Halaman utama administrator terdiri dari banner, menu horizontal, menu
vertikal, footer, dan halaman yang bertuliskan selamat datang sebagai tempat yang
menampilkan hasil operasi menu. Halaman administrator memiliki banyak menu
yang digunakan untuk menjalankan kebutuhan fungsionalitas sesuai dengan SRS.
Menu-menu yang ada pada halaman administrator adalah:
1. manajemen berita
2. manajemen banner
3. manajemen iklan
4. manajemen kategori
5. manajemen kolom
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 51/66
39
6. manajemen komentar
7. manajemen link
8. log out
9. set password
10. profil
11. home
Menu-menu tersebut memiliki fungsi-fungsi tertentu sesuai dengan kebutuhan
fungsionalitas.
4.3.2.7 Interface Manajemen Berita
Gambar 4-13 interface halaman manajemen berita
Halaman utama manajemen berita berisi seluruh daftar berita yang telah di-
upload . Pada halaman utama manajemen berita terdapat beberapa menu yaitu
menu lihat daftar publish, tambah berita, dan view detil berita.
4.3.2.8 Interface Detil Berita
Gambar 4-14 interface halaman manajemen berita
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 52/66
40
Halaman detil berita berisi fasilitas untuk melakukan review terhadap berita
yang akan di-publish. Pengaturan posisi video juga dapat dilakukan melalui
halaman ini.
4.3.2.9 Interface Manajemen Banner
Gambar 4-15 interface halaman manajemen banner
Halaman ini menampilkan daftar banner yang telah di-upload. Halaman ini
merupakan halaman utama untuk melakukan operasi banner seperti insert, update,
dan delete.
4.3.2.10 Interface Manajemen Iklan
Gambar 4-16 interface halaman manajemen iklan
Halaman ini menampilkan daftar iklan yang telah di-upload. Halaman ini
merupakan halaman utama untuk melakukan operasi banner seperti insert, update,
dan delete.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 53/66
41
4.3.2.11 Interface Manajemen kategori
Gambar 4-17 interface halaman manajemen kategori
Halaman ini menampilkan daftar kategori berita yang telah di-upload.
Halaman ini merupakan halaman utama untuk melakukan operasi kategori seperti
insert, update, dan delete.
4.3.2.12 Interface Manajemen Narasumber
Gambar 4-18 interface halaman manajemen narasumber
Halaman ini menampilkan daftar narasumber kolom yang telah di-upload.
Halaman ini merupakan halaman utama untuk melakukan operasi terhadap
narasumber dan kolom seperti insert, update, dan delete.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 54/66
42
4.3.2.13 Interface Manajemen Komentar
Gambar 4-19 interface halaman manajemen komentar
Halaman ini menampilkan komentar pada suatu berita. Halaman ini
merupakan halaman utama untuk melakukan operasi terhadap komentar seperti
delete dan balas komentar.
4.3.2.14 Interface Manajemen Link
Gambar 4-20 interface halaman manajemen link
Halaman ini menampilkan daftar link. Halaman ini merupakan halaman
utama untuk melakukan operasi terhadap link seperti insert, update, dan delete.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 55/66
43
4.3.2.15 Interface update password
Gambar 4-21 interface halaman manajemen password
Halaman ini berfungsi untuk melakukan update password administrator .
Terdapat tiga form untuk melakukan update password yaitu form password lama,
form password baru dan konfirmasi password baru.
4.3.2.16 Interface update Profil
Gambar 4-22 interface halaman update profil
Halaman ini digunakan untuk membuat deskripsi profil instansi pemilik web.
Pada halaman ini terdapat dua form masukkan yaitu nama instansi dan deskripsi
instansi.
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 56/66
44
4.4 Implementasi Aplikasi
Aplikasi Web untuk Video Broadcast CV. Izza Nusa Persada merupakan
suatu aplikasi yang dibangun menggunakan kombinasi PHP, HTML, css, dan
javascript. Manajemen basis data pada aplikasi ini menggunakan mySQL.
4.4.1 Menu Home pada Halaman Pengunjung
Home merupakan menu yang menunjuk pada halaman utama web. Pada
tampilan ini pengunjung dapat melihat daftar berita yang telah di-upload. Selain
itu, pengunjung juga dapat memainkan video streaming berita. Berikut ini adalah
tampilan halaman utama:
Gambar 4-23 Tampilan menu home
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 57/66
45
4.4.2 Menu Indeks pada Halaman Pengunjung
Indeks merupakan menu yang menunjuk pada halaman web yang
menampilkan berita secara keseluruhan. Pada halaman ini pengunjung dapat
menampilkan berita berdasarkan waktunya.
Gambar 4-24 tampilan menu indeks
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 58/66
46
4.4.3 Menu Kolom pada Halaman Pengunjung
Menu Kolom merupakan menu yang menunjuk pada halaman yang
menampilkan artikel tentang permasalahan terkini dari narasumber tertentu.
Berikut merupakan tampilan menu kolom.
Gambar 4-25 tampilan menu kolom
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 59/66
47
4.4.4 Menu Profil pada Halaman Pengunjung
Menu profil merupakan suatu menu yang menunjuk pada halaman yang
memberikan deskripsi tentang instansi pemilik web. Berikut ini adalah tampilan
menu profil.
Gambar 4-26 tampilan menu profil
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 60/66
48
4.4.5 Halaman Login Admin
Halaman login merupakan tampilan awal dari halaman administrator .
Halaman ini berfungsi sebagai filterisasi user . Berikut adalah tampilan halaman
login.
Gambar 4-27 tampilan halaman login
4.4.6 Halaman Utama Administrator
Halaman utama administrator merupakan suatu halaman yang berisi menu-
menu sebagai sarana untuk melakukan pengaturan isi web. Berikut adalah
halaman utama administrator .
Gambar 4-28 tampilan halaman utama administrator
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 61/66
49
4.4.7 Halaman Pengelolaan Berita
Halaman berita merupakan halaman yang berisi daftar berita yang telah di-
upload . Pada halaman ini administrator dapat melakukan pengaturan terhadap
berita video. Berikut adalah tampilan halaman berita.
Gambar 4-29 tampilan halaman berita
4.4.8 Halaman Preview Berita
Halaman preview berita merupakan halaman yang digunakan untuk melihat
berita secara detil. Berikut adalah tampilan halaman berita.
Gambar 4-30 tampilan halaman preview berita
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 62/66
50
4.4.9 Halaman Pengelolaan Banner
Halaman banner merupakan halaman yang menampilkan daftar banner yang
telah di-upload . Pada halaman ini administrator dapat melakukan pengelolaan
terhadap banner .
Gambar 4-31 tampilan halaman banner
4.4.10 Halaman Pengelolaan Iklan
Halaman iklan merupakan halaman yang digunakan untuk melakukan
pengaturan terhadap iklan. Berikut adalah halaman iklan.
Gambar 4-32 tampilan halaman iklan
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 63/66
51
4.4.11 Halaman Pengelolaan Kategori Berita
Halaman ini berfungsi untuk menampilkan daftar kategori yang ada. Pada
halaman ini administrator dapat melakukan pengaturan terhadap kategori.
Berikut adalah tampilan halman kategori.
Gambar 4-33 tampilan halaman kategori
4.4.12 Halaman Pengelolaan Kolom
Halaman ini berisi daftar narasumber yang berkontribusi pada artikel kolom.
Pada halaman ini administrator dapat melakukan pengaturan terhadap narasumber
dan artikel kolom. Berikut adalah tampilan halaman kolom.
Gambar 4-34 tampilan halaman kolom
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 64/66
52
4.4.13 Halaman Pengelolaan Komentar
Halaman ini berfungsi untuk menapilkan komentar pada berita. Pada halaman
ini, administrator dapat melakukan moderisasi komentar. Berikut adalah tampilan
halaman komentar.
Gambar 4-35 tampilan halaman komentar
4.4.14 Halaman Pengelolaan Link
Halaman ini berisi daftar link yang telah di-upload . Pada halaman ini
administrator dapat melakukan pengaturan. Berikut adalah tampilan halaman
pengelolaan link.
Gambar 4-36 tampilan halaman link
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 65/66
53
BAB V
PENUTUP
5.1 Kesimpulan
Aplikasi Web untuk broadcast CV. Izza Nusa Persada merupakan suatu web
yang digunakan untuk menampilkan dan mengelola konten berita berita teks dan
berita video streaming. Aplikasi ini memiliki fungsi utama untuk melakukan
pengelolaan kombinasi berita video dengan berita teks dan melakukan
pengelolaan artikel kolom.
5.2 Saran
Aplikasi web ini hanya memiliki user tunggal untuk melakukan pengelolaan
konten, pengembangan lebih lanjut hendaknya dapat digunakan oleh lebih dari
satu user .
5/14/2018 laporan PKL berwarna - slidepdf.com
http://slidepdf.com/reader/full/laporan-pkl-berwarna 66/66
54
DAFTAR PUSTAKA
[1] Al Bahra Bin Ladjamudin B. 2006. Rekayasa Perangkat Lunak . Yogyakarta :
Garha Ilmu.
[2] Sommerville, Ian. 2001. Software Engineering .6th . Addison Wesley.
[3] Jogiyanto, H.M. 2005. Sistem Teknologi In formasi Edisi 2. Yogyakarta :
ANDI.
[4] Pressman, Roger S. 2001. Software Engineering : A Practitioner’s Approach
Fifth Edition. New York : McGraw - Hill Companies, Inc.
[5] Widodo, Aris Puji, Djalal ER Riyanto, dan Beta Noranita. 2004. Buku Ajar
Basis Data. Jurusan Matematika Fakultas MIPA Universitas Diponegoro.
[6] ---------. Basic Streaming Technology and RTSP Protocol.
http://www.cse.iitd.ernet.in/-pkalra/si v864/ streaming.pdf. Diakses pada
tanggal 17 November 2011 pukul 16.30
[7] --------. XAMPP. http://www.apachefriends.org/enlxampp.html
diakses pada tanggal 17 November 2011 pukul 16.35.
[8] --------. RTMP Specification License.
http://www.adobe.com/livedocs/flash/9.0/ActionScriptLangRefV3/flash/.
Diakses pada tanggal 17 November 2011 pukul 16.40.
[9] --------.Webcasting Live Video With Flash Media Live Encoder .
http://www.adobe.com/devnet/flashmediaServer /articles/ webcasting_fme/f i
gOl.jpg. Diakses tanggal 18 November 2011.
[10] -------. HTML Introduction. http://www.w3schools.com/html/html_intro.asp.
Diakses tanggal 18 November 2011.