laporan PKL berwarna

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 2 9 1998 02 2 0 01 Menyetujui, Dosen Pembimbing Ragil Saputra, S.Si, M.Cs  NIP. 1980 10 21 2005 01 1 00 3 Mengetahui, a.n Ketua Jurusan Matematika Sekertaris Jurusan Matematika FMIPA UNDIP Drs. Agus Rusgiyono, Msi  NIP. 1964 08 0 3 1990 01 1 0 01 Ketua Program Studi Ilmu Komputer FMIPA UNDIP Drs. Eko Adi Sarwoko, M.Kom  NIP. 1965 11 0 7 1992 03 1 0 03

Transcript of laporan PKL berwarna

Page 1: 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

Page 2: laporan PKL berwarna

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.

Page 3: laporan PKL berwarna

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

Page 4: laporan PKL berwarna

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

Page 5: laporan PKL berwarna

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

Page 6: laporan PKL berwarna

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

Page 7: laporan PKL berwarna

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

Page 8: laporan PKL berwarna

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

Page 9: laporan PKL berwarna

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

Page 10: laporan PKL berwarna

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

Page 11: laporan PKL berwarna

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 

Page 12: laporan PKL berwarna

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 

Page 13: laporan PKL berwarna

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.

Page 14: laporan PKL berwarna

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.

Page 15: laporan PKL berwarna

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.

Page 16: laporan PKL berwarna

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.

Page 17: laporan PKL berwarna

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.

Page 18: laporan PKL berwarna

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

•  [email protected]

•  [email protected]

3) Alamat website

•  http://www.warnaweb.com

•  http://www .izzamedia.com

4) Telepon

024-91170099

Page 19: laporan PKL berwarna

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.

Page 20: laporan PKL berwarna

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.

Page 21: laporan PKL berwarna

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

Page 22: laporan PKL berwarna

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

Page 23: laporan PKL berwarna

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

Page 24: laporan PKL berwarna

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

Page 25: laporan PKL berwarna

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.

Page 26: laporan PKL berwarna

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

Page 27: laporan PKL berwarna

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.

Page 28: laporan PKL berwarna

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

Page 29: laporan PKL berwarna

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 

Page 30: laporan PKL berwarna

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.

Page 31: laporan PKL berwarna

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.

Page 32: laporan PKL berwarna

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

Page 33: laporan PKL berwarna

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

Page 34: laporan PKL berwarna

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

email

tgl

banner

id_banner

 judul_banner

url

gambarstatus

link

id_link

nama

url_linkstatus

narasumber

id_narasumber

nama_narasumber

foto

email

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

Page 35: laporan PKL berwarna

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

Page 36: laporan PKL berwarna

5/14/2018 laporan PKL berwarna - slidepdf.com

http://slidepdf.com/reader/full/laporan-pkl-berwarna 36/66

Page 37: laporan PKL berwarna

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.

Page 38: laporan PKL berwarna

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.

Page 39: laporan PKL berwarna

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

Page 40: laporan PKL berwarna

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.

Page 41: laporan PKL berwarna

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

Page 42: laporan PKL berwarna

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

Page 43: laporan PKL berwarna

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)

Page 44: laporan PKL berwarna

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

Page 45: laporan PKL berwarna

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)

Page 46: laporan PKL berwarna

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)

Page 47: laporan PKL berwarna

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:

Page 48: laporan PKL berwarna

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.

Page 49: laporan PKL berwarna

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

Page 50: laporan PKL berwarna

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

Page 51: laporan PKL berwarna

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

Page 52: laporan PKL berwarna

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.

Page 53: laporan PKL berwarna

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.

Page 54: laporan PKL berwarna

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. 

Page 55: laporan PKL berwarna

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.

Page 56: laporan PKL berwarna

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 

Page 57: laporan PKL berwarna

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

Page 58: laporan PKL berwarna

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

Page 59: laporan PKL berwarna

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

Page 60: laporan PKL berwarna

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

Page 61: laporan PKL berwarna

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

Page 62: laporan PKL berwarna

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

Page 63: laporan PKL berwarna

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

Page 64: laporan PKL berwarna

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

Page 65: laporan PKL berwarna

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 .

Page 66: laporan PKL berwarna

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.