IEEE Paper Template in A4 (V1) - Open Journal Systems

13
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 07, No. 01, Tahun 2015
Rancang Bangun Situs Forum Komunitas Perfilman
Berbasis CodeIgniter
Andika Kurnia Adi Pradana1, Abidatul Izzah2 , Wendy Adnan Febianto3
Teknik Informatika, Politeknik Kediri
Jln. Mayor Bismo no. 27 Kediri
Email : [email protected]
Abstrak— Film merupakan media komunikasi yang bersifat
audio visual untuk menyampaikan
suatu pesan kepada
sekelompok orang yang berkumpul di suatu tempat tertentu. Saat
ini penggemar film disulitkan dengan jadwal pemutaran film dan
informasi tentang film terbaru. Oleh karena itu perlu dirancang
dan dibuat sebuah situs forum komunitas perfilman berbasis web
menggunakan Codeigniter dan Bootstrap. Pembuatan situs forum
komunitas perfilman berbasis web menggunakan Codeigniter dan
Bootstrap menggunakan metode pengamatan pada aplikasi
serupa di forum komunitas maya film lain, buku panduan tentang
CSS Bootsrtrap, Framework Codeigniter dan pencarian data di
internet. Perancangan forum komunitas maya berbasis web
menggunakan Codeigniter dan Bootstrap berhasil dibuat
menggunakan DFD dan dibangun menggunakan Framework
Codeigniter dan CSS Bootstrap.
Situs forum komunitas perfilman berbasis web menggunakan
Codeigniter dan Bootstrap ini memiliki tiga pengguna yaitu
admin, member dan pengunjung. Aplikasi admin memiliki fitur
menambah, mengubah dan menghapus slideshow, jadwal tayang,
berita, topik dan video. Aplikasi member memiliki fitur
menambah, mengubah dan menghapus tread, pesan, tentang dan
komentar. Aplikasi pengunjung memiliki fitur melihat diskusi,
forum film, berita, video trailer, jadwal tayang dan registrasi jika
ingin jadi member. Pada aplikasi ini sistem belum menyediakan
rating bintang, tambah teman dan chatting, akan lebih baik
apabila pada aplikasi ini ditambahkan rating bintang, tambah
teman dan chatting.
Kata Kunci— Film, Situs Forum Komunitas, Forum Online
I. PENDAHULUAN
Film merupakan salah satu bentuk seni yang bernilai tinggi.
film menjadi media yang sangat berpengaruh, melebihi mediamedia yang lain, karena secara audio dan visual dia berkerja
sama dengan baik dalam membentuk penontonnya tidak bosan
dan lebih mudah mengingat, karena formatnya yang menarik.
Saat ini para penggemar film di sulitkan dengan jadwal
pemutaran film pada bioskop, dikarenakan kesibukan oleh
pekerjaan yang malas datang ke bioskop dan mengakibatkan
penggemarnya tidak dapat melihat film kesayangan mereka
yang akan segera di putar dibioskop.
CodeIgniter adalah sebuah web application framework yang
bersifat open source digunakan untuk membangun aplikasi
PHP dinamis. Tujuan utama pengembangan CodeIgniter adalah
untuk membantu developer untuk mengerjakan aplikasi lebih
cepat daripada menulis semua code dari awal. CodeIgniter
menyediakan berbagai macam library yang dapat
mempermudah dalam pengembangan.
Bootstrap merupakan sebuah toolkit yang dikembangkan
oleh Twitter untuk mempermudah web depelover dalam
mendesain tampilan aplikasi. Dengan Bootstrap, developer
Pradana, Izzah, dan Febianto
web bisa menghemat waktu dalam mendesain tampilan aplikasi.
Di Bootstrap sudah tersedia CSS, HTML dan juga JQuery
Plugin untuk typography, forms, buttons, tables, grids,
navigation dan berbagai komponen interface lainnya. Bootstrap
pertama kali dirilis pada Agustus 2012 dan berlisesni open
source.Kelebihan utama dari Bootstrap adalah Responsive
Layout dan 12-column grid sistem.
Maka untuk mengatasi setiap masalah tersebut diperluhkan
suatu Situs forum komunitas perfilman Berbasis Web
Menggunakan Codeigniter Dan Bootstrap” yang dapat
memberikan informasi para penggemar film serta bertukar
informasi mengenai dunia perfilman.
II. LANDASAN TEORI
A. Situs Forum Komunitas Maya
Beberapa tahun yang lalu berhubungan dengan orang lain di
luar kota, luar pulau, atau luar negeri sangat sulit. Tarif telepon
yang masih mahal atau surat yang membutuhkan waktu yang
lama dalm pengiriman membuat orang, ralasi, dan keluarga
yang terpisah jauh akan sangat sulit dihubungi. Namun,
perkembangan teknologi yang pesat membuat berhubungan
dengan orang lain meskipun terpisah ribuan kilometer dan zona
waktu yang berbeda pun menjadi semudah membalikan telapak
tangan forum komunitas maya didefinisikan sebagai teknologi
digital yang memungkinkan interaksi sosial melalui berbagai
bentuk dan saluran, Castro (2012)
Forum komunitas maya identik dengan sosial media. Sosial
media terbagi atas dua suku kata sosial dan media. Sosial yaitu
merujuk pada komunikasi atau cara berinteraksi. Kemudian
media merupakan alat komunikasi, jadi sosial media adalah
komunikasi dua arah melalui tulisan, foto, video maupun audio
yang salurkan melalui jaringan internet Riese dkk. (2010)
Menurut Tuggle dkk. (2000) bahwa ada lima konsep inti
yang harus dipahami mengenai media yaitu:
 Semua media dibangun representasi didasarkan pada
perspektif yang menghasilkan pesan.
 Semua media menggunkan konstuksi bahasa,
menggunkan bahasa khusus untuk medium.
 Audiens aktif bernegoisasi makna dan bukan penerima
pasif atas hal yang mereka terima.
 Kebanyakan media adalah bisnis komersial dan masalah
ekonomi mempengaruhi keputusan mereka.
 Media telah tertanam nilai – nilai dan sudut pandang
berdasarkan bagaimana media terstruktur.
B. Perfilman
Effendy (1986) menyatakan bahwa film adalah media
komunikasi yang bersifat audio visual untuk menyampaikan
ISSN: 2252 – 486X
14
suatu pesan kepada sekelompok orang yang berkumpul di suatu
tempat tertentu. Pesan film pada komunikasi massa dapat
berbentuk apa saja tergantung dari misi film tersebut. Akan
tetapi, umumnya sebuah film dapat mencakup berbagai pesan,
baik itu pesan pendidikan, hiburan dan informasi. Pesan dalam
film adalah menggunakan mekanisme lambang-lambang yang
ada pada pikiran manusia berupa isi pesan, suara, perkataan,
percakapan dan sebagainya.
Film juga dianggap sebagai media komunikasi yang ampuh
terhadap massa yang menjadi sasarannya, karena sifatnya yang
audio visual, yaitu gambar dan suara yang hidup. Dengan
gambar dan suara, film mampu bercerita banyak dalam waktu
singkat. Ketika menonton film penonton seakan-akan dapat
menembus ruang dan waktu yang dapat menceritakan
kehidupan dan bahkan dapat mempengaruhi audiens.
Menurut Sumarno (1996) pada dasarnya film dapat
dikelompokan ke dalam dua pembagian dasar, yaitu kategori
film cerita dan non cerita. Pendapat lain menggolongkan
menjadi film fiksi dan non fiksi. Film cerita adalah film yang
diproduksi berdasarkan cerita yang dikarang, dan dimainkan
oleh aktor dan aktris. Pada umumnya film cerita bersifat
komersial, artinya dipertunjukan di bioskop dengan harga
karcis tertentu atau diputar di televisi dengan dukungan sponsor
iklan tertentu. Film non cerita adalah film yang mengambil
kenyataan sebagai subyeknya, yaitu merekam kenyataan dari
pada fiksi tentang kenyataan.
C. Pemrograman Framework
Framework adalah suatu kerangka kerja yang juga dapat
diartikan sebagai kumpulan kode program (terutama class dan
function) yang dapat membantu developer atau programmer
dalam menangani berbagai masalah – masalah dalam
pemrograman seperti koneksi ke database, pemanggilan
variable, file, dll sehingga developer lebih fokus dan lebih cepat
membangun aplikasi.
Bisa juga dikatakan Framework adalah komponen
pemrograman yang siap pakai kapan saja, sehingga
programmer tidak harus membuat kode program yang sama
untuk tugas yang sama. Misalkan saat anda membuat aplikasi
web berbasis ajax yang setiap kali harus melakukan
XMLHttpRequet, akan Xajax telah mempermudahnya untuk
anda denan menciptakan sebuah objek khusus yang siap
digunakan untuk operasi Ajax berbasis PHP. Itu adalah salah
satu contoh kecil, selebihnya Framework jauh lebih luas dari
itu.
Secara sederhana bisa dijelaskan bahwa Framework adalah
kumpulan fungsi (liberaries), maka seorang programmer tidak
perlu lagi membuat fungsi – fungsi (biasanya disebut kumpulan
library) dari awal, programmer tinggal memanggil kumpulan
library atau fungsi – fungsi itu sudah ditentukan oleh
framework. Beberapa contoh fungsi – fungsi standar yang telah
tersedia dalam suatu framework adalah fungsi paging, enkripsi,
email, SEO, session, security, kalender, bahasa, manipulasi
gambar, grafik, table bergaya, validasi, upload, captcha,
proteksi terhadap XSS (XSS filtering), template, kompresi,
XML dan lain – lain.
Manfaat dalam penggunaan Framework pada pembuatan
maupun pengembangan suatu aplikasi yaitu:
ISSN: 2252 – 486X
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 07, No. 01, Tahun 2015
 Manfaat dapat membantu kerja developer dalam
membangun aplikasi sehingga aplikasi bisa selesai dalam
waktu singkat.
 Penerapan design patterns memudahkan dalam rancangan,
pengembangan dan pemeliharaan system.
 Stabilitas dan handal, aplikasi yang kita bangun lebih
stabil dan handal karena berbasis pada Framework yang
sudah teruji stabilitas dan kehandalannya.
 Gaya kode konsisten, memudahkan dalam membaca kode
dan dalam menemukan bugs.
 Pengamanan perusahaan , Framework mengantisipasi dan
memasang perisai terhadap adanya berbagai masalah
keamanan yang mungkin timbul.
 Dokumentasi. Adanya dokumentasi dalam Framework
dapat mendisiplinkan kita untuk menulis dokumentasi
untuk apa yang kita tulis.
Pertama kelebihan dengan adanya Framework akan lebih
mempermudah memahami mekanisme kerja dari sebuah
aplikasi. Ini tentunya akan sangat membantu proses
pengembangan sistem yang dilakukan secara team. Semua
anggota di wajibkan untuk memahami dari pola kerja
Framework tersebut selebihnya anggota team hanya
mempelajari proses bisnis yang di kehendaki oleh sistem untuk
kemudian di tuangkan kedalam Framework tersebut. Dalam
artian setiap orang harus mempunyai metode yang sama dalam
menyelesaikan aplikasi tersebut.
Kedua dengan memakai Framework akan menghemat waktu
pengerjaan suatu aplikasi, karena setiap anggota sudah
memiliki sebuah acuan dalam menyelesaikan modul. Dalam hal
ini misalnya semakin banyak library yang ada semakin
mempercepat anggota untuk menemukan solusi karena tidak
setiap anggota harus membuat Class atau fungsi untuk kasus
yang relative sama.
Berikutnya team tidak akan di susahkan dengan adanya
perputaran anggota dalam artian jika ada anggota yang tidak
bisa melanjutkan lagi pekerjaannya anggota yang lain bisa
mengcover kekosongan tersebut. Bayangkan jia setiap modul
yang dikembangkan mempunyai logika yang berbeda tentunya
akan memakan waktu yang banyak untuk proses pemahaman
akan sistem tersebut.
Kesekian-kalinya dengan adanya Framework akan menjaga
interitas dari modul – modul yang dikembangkan. Tentunya hal
ini juga tergantung dari metode yang dikembangkan sendiri.
Framework hanya membantu dan memungkinkan atau
mempermudah proses integrasi, tidak berarti adanya
Framework sistem otomatis akan ter-integrasi. Dan masih ada
kelebihan – kelebihan lain yang dimiliki oleh Framework
CodeIgniter adalah sebuah web aplikasi Framework yang
bersifat open source digunakan untuk membangun aplikasi
PHP dinamis. Tujuan utama pengembangan CodeIgniter adalah
untuk membantu developer untuk mengerjakan aplikasi lebih
cepat daripada menulis semua code dari awal. Codeigniter
menyediakan berbagai macam library yang dapat
mempermudah
dalam
pengembangan.
CodeIgniter
diperkenalkan kepada publik pada tanggal 28 februari 2006.
CodeIgniter sendiri dibangun menggunakan konsep ModelView-Controller development pattern.
Pradana: Rancang Bangun Situs Forum …
15
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 07, No. 01, Tahun 2015
CodeIgniter sendiri merupakan salah satu Framework
tercepat dibandingkan dengan Framework lainnya. Pada acara
frOSCon (August 2008), pembuat php Rasmus Lerdorf
mengatakan dia menyukai CodeIgniter karena dia lebih ringan
dan cepat dibandingkan Framework lainnya ("because it is
faster, lighter and the least like a Framework.")
CodeIgniter memudahkan kita merancang sebuah aplikasi
berbasis website. Tools ini dapat meminimalkan penulisan
kode program yang sering kita lakukan secara manual, karena
dilengkapi library yang cukup lengkap untuk keperluan
pembuatan website. Dengan demikian, kita sebagai
pengembang dapat lebih memfokuskan perhatian pada sisi
perencanaan. Karena proses pembuatan website secara teknis
sudah diminimalkan dalam hal penulisan kodenya. Lalu kenapa
harus CodeIgniter.
D. CSS Bootstrap
Bootstrap merupakan sebuah Framework CSS dari Twitter,
yang menyediakan kumpulan komponen – komponen
antarmuka dasar pada web yang telah dirancang sedemikian
rupa untuk digunakan bersama – sama. Selain komponen
antarmuka, Bootstrap juga menyediakan sarana untuk
membangun layout halaman dengan mudah dan rapi, serta
modifikasi pada tampilan dasar HTML untuk membuat seluruh
halaman web yang dikembangkan senada dengan komponen –
komponen lainnya.
Bootstrap sendiri memilii kelebihan dan setiap
implementasunya pada suatu website, kelebihat tersebut yaitu:
1) Cepat. Bootstrap memiliki banyak library yang
menyediakan potongan kode yang siap Anda gunakan di
website Anda. Web developer tidak perlu membuang banyak
waktu untuk menulis baris kode, cukup dengan menemukan
potongan kode yang tepat dan menyocokkannya dengan
struktur website yang sedang dibangun. Sebagai tambahan lagi,
banyak aspek desain yang sudah dipermudah karena CSS
dalam Twitter Bootstrap dibangun dengan LESS
2) Flesibel. Hal yang luar biasa dari Twitter Bootstrap
adalah Anda dapat menjadikan Framework ini sepenuhnya
milik anda. Dengan sesuka hati Anda dapat membongkar
seluruh Framework, menyimpan yang berguna dan
membbuang yang tidak berguna bagi Anda. Inti dari Bootstrap
adalah framework ini memperbolehkan Anda menyesuaikan
pengguna sesuai kebutuhan pembuatan website Anda.
3) Faktor desain. Dalam faktor desain sendiri terdapat
beberapa yaitu: The Grid, LESS is more!, dan Java Kode
program
Pada proses penerapan atau pun pengimplementasian
bootstrap terdapat beberapa langkah yaitu Download file
Bootstrap, hasil download berupa file .Zip yang berisikan
folder CSS, JS, & IMG.
│ ├── bootstrap.min.js
└── img/
├── glyphicons-halflings.png
└── glyphicons-halflings-white.png
Selanjutnya Download juga JQuery.js / jQuery.min.js, ini
wajib ADA karena function Javakode program yang ada di
Twitter Bootstrap diambil dari jQuery.
Langkah kedua, Buat sebuah folder dengan nama sesuai
selera di direktori mana saja / lebih bagus jika dibuat di
direktori local webserver yang anda gunakan seperti Apache,
XAMPP & WAMPP.
Langkah ketiga Copy kan folder hasil download dari Twitter
Bootstrap (Folder : JS,CSS,IMG) kedalam folder yang telah
dibuat. Berikutnya copy kan hasil download jquery.js kedalam
Folder JS. Lalu buatlah file HTML dengan nama index.html,
letakkan / simpan di dalam folder yang dibuat.
III. ANALISA DAN PERANCANGAN SISTEM
A. Analisa Permasalahan Sistem
Penggemar film ketika ingin mendapat informasi tentang
film, penggemar tersebut akan mencari informasi dan bertanya
kepada kerabat atau temannya. Biasanya para penggemar film
mendapatkan informasi tentang film terbaru dari spanduk yang
dipasang di bioskop maupun di media cetak seperti koran, akan
tetapi penggemar film tersebut masih menyimpan banyak
pertanyaan kapan film tersebut akan ditayangkan. Oleh karena
itu penggemar film harus datang ke bioskop atau telepon untuk
menanyakan langsung pada pegawai bioskop.
Dari fakta yang terjadi, diperoleh kesimpulan yaitu
penggemar memperoleh informasi tentang film terbaru dari
kerabat, spanduk maupun media cetak. Situs forum komunitas
perfilman dapat digunakan oleh penggemar film sebagai media
pertukaran informasi, dengan fasilitas harus mendaftar sebagai
member, member dapat membuat tread berdasarkan kategori
dari film tersebut dan dapat memberikan pesan kepada
member-member yang lain. Sedangkan admin memiliki
fasilitas membuat jadwal tayang film di beberapa film bioskop,
mengelola data berita seputar film serta mengunggah video
trailer film terbaru yang di ambil dari link Youtube.
B. Arsitektur Sistem
Arsitektur sistem dalam pembuatan situs forum
komunitas perfilman yang akan dibuat ditunjukkan pada
Gambar 1 Para pengguna dapat mengakses dengan cara
mengakses antar muka atau tampilan.
bootstrap/
├── css/
│ ├── bootstrap.css
│ ├── bootstrap.min.css
├── js/
│ ├── bootstrap.js
Pradana, Izzah, dan Febianto
ISSN: 2252 – 486X
16
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 07, No. 01, Tahun 2015
Database server
1
2
3
Dashboard
member
Dashboard
admin
4
Admin
Member
Dashboard
pengunjung
D. Analisa Kebutuhan Pengguna
Aplikasi yang akan dibuat memiliki tiga kelompok pengguna,
yaitu admin, member dan pengunjung. Karakteristik masing –
masing pengguna adalah sebagai berikut:
1) Admin. Admin pada aplikasi ini berusia orang dewasa
(antara 18 sampai dengan 50 tahun). Admin dapat
mengoperasikan komputer dengan baik.
2) Member. Member pada aplikasi ini adalah dari berbagi
profesi antara usia remaja hingga dewasa. member merupakan
penggemar film yang menyukai dunia perfilman dan suka
memberikan informasi tentang dunia film.
3) Pengguna. Pengunjung pada aplikasi ini adalah dari
berbagai usia antara usia remaja sampai dewasa. pengunjung
merupakan penggemar film yang menyukai film dan selalu
mengikuti film terbaru setiap tahunnya. pengunjung juga bisa
mencari informasi tentang jadwal film yang ingin ditonton
sehingga pengunjung mempunyai banyak pertanyaan untuk
film yang mereka cari.
Pengunjung
E. Analisa Kebutuhan Fungsional
Forum komunitas maya perfilman merupakan media yang
disediakan
untuk berinteraksi bagi para penggunanya, dimana
Dari arsitektur pada 1 dapat dijelaskan bahwa Database
para
pengguna
dapat mencari informasi mengenai film terbaru
pada aplikasi menghubungkan ke internet yang kemudian akan
dan
jadwal
tayang
di bioskop. Member sebagai pengguna dapat
disampaikan pada aplikasi, yaitu admin, pengunjung dan
berinteraksi
dengan
member lain sesuai dengan fitur yang
member. Pada user admin, data dari database akan disampaikan,
kemudian admin memiliki wewenang untuk mengelola data sudah disediakan pada aplikasi tersebut. berdasarkan uraian
slideshow, data berita, data jadwal tayang, data topik, data diatas, sistem yang akan dibangun harus memiliki fungsi
video dan data member. Pada user member, data dari database sebagai berikut:
 Menampilkan video trailer film terbaru.
akan disampaikan, kemudian member memiliki wewenang
 Membuat tread baru berupa informasi tentang film.
untuk mengelola data tread, data pesan dan data tentang. Pada
 Mengirim pesan dan menerima pesan dari member lain.
user pengunjung, data dari database akan disampaikan,
 Menampilkan jadwal tayang.
kemudian pengunjung memiliki wewenang untuk melakukan
registrasi dan melihat website.
 Menampilkan berita - berita mengenai film.
 Memberikan komentar pada video trailer film, tread film
C. Analisa Kebutuhan Perangkat
dan forum diskusi.
Analisa perangkat terdiri dari dua yaitu hardware dan
software. Hardware adalah salah satu komponen dari sebuah F. Perancangan Database
computer yang sifat alatnya bisa dilihat dan diraba secara
Perancangan database ini
merupakan proses untuk
langsung atau bentuk nyata, yang berfungsi untuk mendukung menentukan isi dan pengaturan data yang dibutuhkan untuk
proses komputerisasi. Dan software adalah sekumpulan data mendukung berbagai rancangan sistem situs forum komunitas
elektronik yang disimpan oleh komputer dapat berupa program perfilman berbasis web menggunakan codeigniter dan
atau instruksi yang akan menjalankan suatu perintah.
bootstrap. DFD Level 0 merupakan diagram yang
1) Perangkat Keras
menggambarkan secara mendasar forum komunitas maya
Dalam perancangan dan pembuatan situs forum komunitas perfilman. Pada level 0 terdiri dari 3 entitas yang mempunyai
perfilman berbasis web menggunakan framework codeigniter akses terhadap aplikasi yaitu admin, member dan pengunjung.
dan css bootstrap, spesifikasi perangkat keras adalah sebagai
berikut : Laptop dengan Processor AMD E-300 APU with
Radeon HD Graphics, Ram 2.00 GB, dan HDD 500 GB
2) Perangkat Lunak
Perangkat keras hanya berfungsi jika diberikan instruksiintruksi. Instruksi-instruksi inilah disebut dengan perangkat
lunak, beberapa perangkat lunak yang digunakan antara lain :
Web browser Mozila Firefox. Web browser Google Chrome.
XAMPP 1.7.7. SQLyog Community Edition, dan Notepad++
6.5.1
Gambar. 1 Arsitektur sistem
Data member, Data video,
Data jadwal, Data berita, Data diskusi.
Data Tentang,
Data Tread, Data Pesan, Data Komentar.
WEBSITE MEDIA
SOSIAL
ADMIN
MEMBER
Record Data member, Record Data video ,
Record Data jadwal, Record Data berita, Record Data diskusi.
Record Data Tentang,
Record Data Tread, Record Data Pesan, Record Data komentar.
Registrasi
Lihat web
Pengunjung
Gambar. 2 DFD level 0
ISSN: 2252 – 486X
Pradana: Rancang Bangun Situs Forum …
17
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 07, No. 01, Tahun 2015
ERD merupakan suatu model untukk menjelaskan
hubungan atar data dalam basis data berdasarkan objek-objek
dasar data yang mempunyai hubungan antar relasi. ERD
menyediakan cara untuk mendeskripsikan perancangan basis
data pada peringkat logika.
2) Antarmuka Kategori Film
Halaman kategori berisi gambar – gambar yang
menampilkan detail suatu film yang berisikan sinopsis,
cuplikan film dan komentar.
Gambar. 5 Halaman Kategori Film
3) Antarmuka Kategori Berita
Gambar. 3 ERD
IV. HASIL DAN PEMBAHASAN
A. Hasil Perancangan Antarmuka
1) Antarmuka Beranda
Halaman berita digunakan untuk menampilkan informasi
sputar film yang sudah atau akan ditayangkan. Informasi yang
ditampilkan berupa judul film, gambar film dan alur cerita film
tersebut.
Halaman beranda memiliki slideshow yang berisi poster
film, cuplikan film terbaru yang akan ditayangkan, forum
diskusi yang digunakan untuk menampilkan dan menambah
komentar para member, tread film merupakan unggahan dari
member yang berdasarkan kategori film dan berita yang berisi
tentang berita film terbaru.
Gambar. 6 Halaman Kategori Berita
B. Skenario Uji Coba
Pada sub bab ini akan dibahas hasil dari analisa, perancangan
dan implementasi program yang telah dilakukan. Agar hasil yang
di dapat tidak keluar dari analisa sistem yang telah dibuat maka
di adakan skenario uji coba.
1) Uji coba admin
Gambar. 4 Antarmuka Beranda
Pradana, Izzah, dan Febianto
ISSN: 2252 – 486X
18
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 07, No. 01, Tahun 2015
Admin dapat melakukan tambah berita dengan klik tombol
tambah berita seperti Gambar 7.
Gambar. 7 Tampilan tambah berita
Setelah ini admin dapat mengisikan berita lalu klik tombol
input. Seperti Gambar 8.
Gambar. 11 Tampilan isi jadwal
Jika sudah jadwal tayang akan tampil di halaman
pengunjung seperti Gambar 12.
Gambar. 8 Tampilan isi berita
Jika sudah berita akan tampil di halaman pengunjung
seperti Gambar 9.
Gambar. 12 Tampilan jadwal
Admin dapat melakukan tambah video dengan klik tombol
tambah video seperti Gambar 13.
Gambar. 9 Tampilan berita
Admin dapat melakukan tambah jadwal tayang dengan klik
tombol tambah jadwal seperti Gambar 10.
Gambar. 13 Tampilan tambah video
Setelah ini admin dapat mengisikan video lalu klik tombol
input. Seperti Gambar 14.
Gambar. 10 Tampilan tambah jadwal
Setelah ini admin dapat mengisikan jadwal tayang lalu klik
tombol input. Seperti Gambar 11.
Gambar. 14 Tampilan isi video
ISSN: 2252 – 486X
Pradana: Rancang Bangun Situs Forum …
19
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 07, No. 01, Tahun 2015
Jika sudah video akan tampil di halaman pengunjung
seperti Gambar 15.
Gambar. 15 Tampilan video
2) Uji coba member
Member dapat melakukan tambah tread dengan klik
tombol tambah tread. Tampilan tambah tread seperti Gambar
16.
Gambar. 18 Tampilan tread
Member dapat melakukan tambah pesan dengan klik tombol
tulis pesan. Tampilan tambah pesan seperti Gambar 19.
Gambar. 19 Tampilan tulis pesan
Gambar. 16 Tampilan tambah tread
Setelah ini member dapat mengisikan tread lalu klik
tombol input. Seperti Gambar 17.
Setelah ini member dapat mengisikan pesan, pilih to untuk
mengirim member yang lain. lalu klik tombol input. Seperti
Gambar 20.
Gambar. 20 Tampilan isi pesan
Jika sudah, pesan akan tampil di halaman kotak masuk di
member lain. Seperti Gambar 21.
Gambar. 17 Tampilan tambah tread
Jika sudah tread akan tampil di halaman pengunjung di
bagian forum film kategori horror. Seperti Gambar 18.
Pradana, Izzah, dan Febianto
Gambar. 21 Tampilan masuk pesan
Member dapat melakukan tambah komentar dengan klik
komentar, lalu tambahkan komentar. Tampilan tambah
komentar seperti Gambar 22.
ISSN: 2252 – 486X
20
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 07, No. 01, Tahun 2015
Gambar. 22 Tampilan tambah komentar
Jika sudah, komentar akan tampil di halaman yang
dikomentar. Seperti Gambar 23.
Gambar. 23 Tampilan komentar
3) Uji coba pengunjung
Pengunjung dapat melakukan register dengan klik tombol
register here. Tampilan register seperti Gambar 24.
Gambar. 24 Tampilan register
Pengunjung dapat mengisikan form register. Tampilan
form register seperti Gambar 25.
Gambar. 25 Tampilan form register
Gambar. 26 Tampilan Situs Forum Komunitas Perfilman
V. KESIMPULAN
Berdasarkan pembahasan diatas, disimpulkan bahwa
perancangan situs forum komunitas perfilman berbasis web
menggunakan Codeigniter dan Bootstrap berhasil dibuat
menggunkan DFD dan dibangun menggunakan Framework
Codeigniter dan CSS Bootstrap. Fitur yang berhasil dibuat pada
situs forum komunitas perfilman berbasis web menggunakan
Codeigniter dan Bootstrap adalah cuplikan video film, forum
diskusi, tread film, berita, jadwal tayang dan pendaftaran bagi
member.
Pada situs forum komunitas perfilman berbasis web
menggunakan Codeigniter dan Bootstrap berhasil dibuat agar
member dapat menambah, mengubah dan menghapus data
tread, pesan, komentar dan tentang. Pada situs forum komunitas
perfilman berbasis web menggunakan Codeigniter dan
Bootstrap berhasil dibuat agar admin dapat menambah,
mengubah dan menghapus data slideshow, berita, jadwal
tayang, video, topik dan member. Keterbatasan situs forum
komunitas perfilman berbasis web menggunakan Codeigniter
dan Bootstrap adalah sistem belum menyediakan rating bintang
untuk film, chatting dan tambah teman.
Dengan keterbatasan kemampuan dan waktu yang tersedia
untuk pengembangan aplikasi agar lebih baik lagi, maka dari
hasil implementasi yang sudah dilakukan, disarankan pada
halaman detail dapat ditambahkan rating bintang untuk film.
Pada situs forum komunitas maya perfilman dapat ditambahkan
fitur chatting untuk member. Dapat ditambahkan fitur tambah
teman.
Pengunjung dapat melihat website yang sudah disediakan
oleh admin. Tampilan website seperti Gambar 26 .
ISSN: 2252 – 486X
Pradana: Rancang Bangun Situs Forum …
JURNAL INFORMATIKA & MULTIMEDIA, Vol. 07, No. 01, Tahun 2015
21
REFERENSI
[1]
[2]
[3]
[4]
[5]
[6]
[7]
Bertzzie. 2014. Bootstrap Sebuah Framework CSS Dari Twitter.
http://bertzzie.com/post/31/bootstrap-sebuah-framework-css-daritwitter, diakses pada 5 februari 2015 pukul 11:12 WIB
Castro, RMC. 2012. Quality of Life of Patients With Hypertension.
Journal of Health Sci. Inst, Vol. 30, No.2, 134-139.
Effendy, Onong Uchjana. 1986. Televisi Siaran, Teori dan Praktek.
Bandung : Alumni.
Riese, Michael. 2010. Using Social Media to Market Your Bussines.
Sidik Betha, 2004. Framework Codeigniter, Teknik Informatika Offset :
Bandung.
Sumarno, Marselli. 1996. Dasar-Dasar Apresiasi Film. Jakarta: PT
Gramedia Widiasarana Indonesia.
Toggle, 2000. Konsep inti media.
Pradana, Izzah, dan Febianto
ISSN: 2252 – 486X