CODEIGNITER
SKRIPSI
Oleh :
RIZKY GUNTUR DWI SAPUTRO
0934010015
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL
CODEIGNITER
SKRIPSI
Diajukan Untuk Memenuhi Sebagai Persyaratan Dalam Memperoleh Gelar Sarjana Komputer
Program Studi Teknik Informatika
Oleh :
RIZKY GUNTUR DWI SAPUTRO
0934010015
PROGRAM STUDI TEKNIK INFORMATIKA
FAKULTAS TEKNOLOGI INDUSTRI
UNIVERSITAS PEMBANGUNAN NASIONAL
SISTEM INFORMASI MX KARAOKE KELUARGA
BERBASIS WEB MENGGUNAKAN FRAMEWORK
CODEIGNITER
Disusun oleh :
RIZKY GUNTUR DWI SAPUTRO
0934010015
Telah disetujui mengikuti Ujian Negara Lisan Gelombang IV Tahun Akademik 2012 / 2013
Pembimbing I
I Gede Susrama, ST. M.Kom
NIP/NPT. 3 7006 06 02111
Pembimbing II
Sugiarto, S.Kom
NIP/NPT. 3 8702 13 03431
Mengetahui,
Ketua Program Studi Teknik Informatika Fakultas Teknologi Industri
Universitas Pembangunan Nasional ”Veteran” Jawa Timur
SISTEM INFORMASI MX KARAOKE KELUARGA
BERBASIS WEB MENGGUNAKAN FRAMEWORK
CODEIGNITER
Disusun Oleh :
Rizky Guntur Dwi Saputr o
0934010015
Telah dipertahankan dan diterima oleh Tim Penguji Skripsi Program Studi Teknik Informatika Fakultas Teknologi Industri
Universitas Pembangunan Nasional ”Veteran” Jawa Timur Pada Tanggal 20 Desember 2013
Pembimbing : 1.
I Gede Susrama, ST. M.Kom NIP/NPT. 3 7006 06 02111
Tim Penguji : 1.
Yisti Vita Via, S.ST. M.Kom NIP/NPT. 3 8604 130 3471
2.
Sugiarto, S.Kom
NIP/NPT. 3 8702 13 03431
2.
Ir. L. Urip Widodo, MT
NIP/NPT. 19570414 198803 1 001
3.
Ir. Bambang Wahyudi, MS
NIP/NPT. 19580711 198503 1 001
Mengetahui,
Dekan Fakultas Teknologi Industri
Universitas Pembangunan Nasional ”Veteran” Jawa Timur
KETERANGAN REVISI
Kami yang bertanda tangan di bawah ini menyatakan bahwa mahasiswa berikut :
Nama : RIZKY GUNTUR DWI SAPUTRO
NPM : 0934010015
Jurusan : Teknik Informatika
Telah mengerjakan revisi / tidak ada revisi*) pra rencana (design) / skripsi ujian lisan gelombang V , TA 2013/2014 dengan judul:
“SISTEM INFORMASI MX KARAOKE KELUARGA BERBASIS WEB MENGGUNAKAN FRAMEWORK CODEIGNITER”
Surabaya, 20 Desember 2013 Dosen Penguji yang memeriksa revisi
1) Yisti Vita Via, S.ST. M.Kom
NIP/NPT. 3 8604 130 3471
{ }
2) Ir. L. Urip Widodo, MT
NIP/NPT. 19570414 198803 1 001
{ }
3) Ir. Bambang Wahyudi, MS
NIP/NPT. 19580711 198503 1 001
{ }
Mengetahui, Dosen Pembimbing
Pembimbing I
I Gede Susr ama, ST. M.Kom NIP/NPT. 3 7006 06 02111
Pembimbing II
KATA PENGANTAR
Assalamu’alaikum Wr. Wb.
Syukur Alhamdulillah atas segala limpahan karunia dan kasih sayang Allah SWT, sehingga dengan segala keterbatasan waktu, tenaga, dan pikiran yang dimiliki oleh penulis, akhirnya skripsi yang berjudul “SISTEM INFORMASI MX KARAOKE KELUARGA BERBASIS WEB MENGGUNAKAN FRAMEWORK CODEIGNITER” dapat terselesaikan sesuai dengan waktu yang telah ditetapkan.
Melalui Skripsi ini, penulis merasa mendapat kesempatan besar untuk memperdalam ilmu pengetahuan yang diperoleh selama di perkuliahan, terutama dengan implementasi Teknologi Informasi dalam kehidupan sehari-hari. Namun demikian penulis menyadari bahwa Skripsi ini masih memiliki banyak kelemahan dan kekurangan. Oleh karena itu, kritik dan saran yang bersifat membangun sangatlah diharapkan dari berbagai pihak agar Skripsi ini bisa lebih baik lagi, sehingga dapat userikan manfaat bagi semua pihak yang membutuhkannya.
Dalam penyusunan Skripsi ini, banyak pihak yang telah memberikan bantuan baik materiil maupun spiritual ini, sehingga pada kesempatan ini penulis mengucapkan rasa terima kasih yang sebesar-besarnya kepada:
1. ALLAH SWT dan RASUL-Nya. Alhamdulillah atas segala kelancaran dan kemudahan yang selalu engkau limpahkan kepada penulis.
3. Bapak I Gede Susrama, ST, M.Kom dan Bapak Sugiarto, S.Kom. selaku dosen pembimbing. Terimakasih banyak telah sabar membimbing dan memberi saran yang sangat bermanfaat kepada penulis.
4. Teman-teman kost Bona, Aris, mas Piyox terimakasih selalu memberi hiburan play dan all in dalam momen menyusun laporan.
5. Teman-teman seperjuangan TF’09 Agus, Albert, Agil, Odie, Sahrul, Arif, Paulus terima kasih sudah menemani dalam suka dan duka menyelesaikan Skripsi ini.
6. Dina Okvika Putri makasih banget support, waktu dan doanya dear.
7. The last and the best, thanks to my beloved family ayah, ibu, mas Whawied yang selalu menjadi motivasi untuk cepat lulus kuliah.
Serta pihak-pihak lain yang ikut memberikan informasi dan data-data di dalam menyelesaikan laporan Skripsi ini, penulis mengucapkan terima kasih.
Akhir kata penulis harap agar Skripsi yang disusun sesuai dengan kemampuan dan pengetahuan yang sangat terbatas ini dapat bermanfaat bagi semua pihak yang membutuhkan.
Wassalamu’alaikum Wr. Wb
Surabaya, Desember 2013
Halaman LEMBAR PENGESAHAN
ABSTRAK ... i
KATA PENGANTAR ... ii
DAFTAR ISI ... iv
DAFTAR GAMBAR ... viii
DAFTAR TABEL ... xi
BAB I PENDAHULUAN ... 1
1.1. Latar Belakang ... 1
1.2. Rumusan Masalah ... 2
1.3. Batasan Masalah ... 2
1.4. Tujuan Penelitian ……….. ... 3
1.5. Manfaat Penelitian ... 3
1.6. Sistematika Penulisan ... 3
BAB II TINJAUAN PUSTAKA ... 6
2.1 Profile MX Karaoke Keluarga ... 6
2.1.1 Visi Dan Misi MX Karaoke Keluarga ... 6
2.1.2 Struktur Organisasi ... 6
2.2.Konsep Dasar Sistem Informasi ... 7
2.2.1Komponen Sistem Informasi ... 7
2.2.2Elemen Sistem Informasi ... 10
2.3.PHP ... 11
2.4. MySQL ... 12
2.4.1 Keunggulan MySQL ... 13
2.5. Model View Controller (MVC) ... 14
b. Activity Diagram Mengelola Berita ... 28
c. Activity Diagram Mengelola FAQ ... 28
d. Activity Diagram Mengelola Promo ... 29
e. Activity Diagram Mengelola Lagu ... 30
f. Activity Diagram Management Saran Dan Kritik ... 31
g. Activity Diagram Management Shoutbox ... 31
h. Activity Diagram Proses Registrasi ... 32
i. Activity Diagram Input Shoutbox ... 33
j. Activity Diagram Input Saran Dan Kritik ... 33
3.4.3 Class Diagram ... 34
3.4.4. Sequence Diagram ... 35
a. Sequence Diagram Proses Login ... 35
d. Sequence Diagram Mengelola Promo ... 37
e. Sequence Diagram Mengelola Lagu ... 38
f. Sequence Diagram Management Saran Dan Kritik ... 38
g. Sequence Diagram Management Shoutbox ... 39
h. Sequence Diagram Proses Registrasi ... 40
i. Sequence Diagram Input Shoutbox ... 40
4.1.1 Perangkat Keras (Hardware) yang digunakan ... 53
4.1.2 Perangkat Lunak (Software) yang digunakan ... 53
BAB V KESIMPULAN DAN SARAN ... 85
5.1Kesimpulan ... 85
5.2Saran ... 85
Pembimbing II : Sugiar to, S.Kom
Peneliti : Rizky Guntur Dwi Saputr o
ABSTRAK
Perkembangan teknologi saat ini telah mencakup ke berbagai aspek, termasuk bisnis dalam hiburan. Salah satu hiburan yang digemari masyarakat sekarang ini adalah karaoke. Perusahaan yang bergerak dibidang usaha karaoke pasti berfikir bagaimana cara mendapatkan pelanggan dan bersaing dengan kompetitor-kompetitor lainnya. Oleh karena itu perusahaan perlu menerapkan teknologi informasi dan komunikasi, terutama yang berkaitan dengan proses peningkatan pelayanan pada pelanggan.
Sistem informasi ini dibangun dengan framework codeigniter. Pelanggan dapat melihat promosi, lagu terbaru dan lagu terpopuler di MX Karaoke Keluarga. Bagi pelanggan yang menginginkan fasilitas khusus yaitu mendapat informasi tentang MX Karaoke Keluarga langsung melalui email dan sms, pelanggan dapat melakukan registrasi terlebih dahulu.
Dengan adanya website sistem informasi ini, pelangggan dapat mengetahui informasi dan promosi terbaru dari perusahaan dengan mengakses internet, sehingga dapat menghemat waktu dan biaya dibandingkan dengan datang langsung ke tempat outlet.
1.1 Latar Belakang
Perkembangan perusahaan di Indonesia dari masa ke masa semakin meningkat. Tingginya tingkat persaingan antar perusahaan mengakibatkan setiap perusahaan harus dapat mengelola perusahaannya secara professional, seperti halnya sebuah perusahaan, sejak dari bagaimana sebuah perusahaan memiliki mutu yang baik, relevansi sampai dengan daya saing yang tinggi.
Dewasa ini teknologi komputer berkembang sangat pesat, mengikuti kebutuhan hidup manusia. Komputer semakin banyak dibutuhkan untuk membantu manusia dalam kehidupan sehari-hari. Telah diketahui bersama bahwa komputer dapat dimanfaatkan untuk berbagai keperluan, misalnya dapat digunakan dalam dunia hiburan.
Dari pemaparan singkat diatas maka dirancang suatu sistem informasi yang memberikan kemudahan bagi pelanggan untuk berinteraksi dengan perusahaan melalui website. Fitur SMS dan Email akan ditambahkan untuk memberikan informasi kepada para pelanggan dengan mudah dan cepat. Dengan fitur website yang ada, maka akan membantu perusahaan untuk mempertahankan pelanggan dan meningkatkan jumlah pelanggan yang berkunjung di tempat karaoke tersebut. Berdasarkan hal inilah yang melatarbelakangi penulis mengangkat judul “Sistem Informasi MX Karaoke Keluarga Berbasis Web Menggunakan Framework CodeIgniter”.
1.2. Perumusan Masalah
Berdasarkan latar belakang di atas, maka perumusan masalah yang ada adalah:
a. Bagaimana merancang dan mengimplementasikan sistem informasi MX Karaoke Keluarga berbasis web menggunakan framework codeigniter?
b. Bagaimana membuat fitur SMS Gateway dan Email sebagai fitur penunjang sistem informasi MX Karaoke Keluarga?
c. Bagaimana cara menyajikan sistem informasi yang mudah digunakan?
1.3. Batasan Masalah
a. Memberikan informasi kepada pelanggan yang berkaitan dengan MX Karaoke Keluarga.
b. Untuk mendapatkan informasi tentang promo karaoke dari email dan handphone yang bersifat sms gateway pelanggan diharuskan untuk mendaftar menjadi anggota terlebih dahulu.
c. Sistem informasi ini dirancang menggunakan bahasa pemrograman PHP dengan framework codeigniter.
1.4 Tujuan Penelitian
Tujuan utama dari penelitian ini adalah untuk menghasilkan sistem informasi berbasis web menggunakan framework codeigniter di MX Karaoke Keluarga. Diharapkan sistem ini dapat bermanfaat dan menjadikan sistem informasi yang mudah, cepat dan menjadi informasi yang mendasar untuk pelanggan dalam memonitoring kegiatan di MX Karaoke Keluarga.
1.5 Manfaat
Adapun manfaat dalam pembuatan skripsi ini, meliputi:
a. Mempermudah pelanggan untuk mendapatkan informasi tentang MX Karaoke Keluarga.
b. Member yang sudah aktif akan mendapatkan informasi tentang promo terbaru melalui SMS dan Email.
c. Web perusahaan sebagai media promosi di dunia luar. 1.6 Sistematika Penulisan
gambaran yang lebih jelas, maka diuraikan secara singkat mengenai materi dari bab-bab dalam penulisan tugas akhir ini sebagai berikut:
BAB I PENDAHULUAN
Bab ini berisi latar belakang, perumusan masalah, batasan masalah, tujuan penelitian, manfaat penelitian, dan sistematika penulisan pembuatan tugas akhir ini.
BAB II TINJ AUAN PUSTAKA
Pada bab ini menjelaskan tentang teori-teori pemecahan masalah yang berhubungan dan digunakan untuk mendukung dalam pembuatan tugas akhir ini.
BAB III ANALISIS DAN PERANCANGAN SISTEM
Bab ini menjelaskan tentang tata cara metode perancangan sistem yang digunakan untuk mengolah sumber data yang dibutuhkan sistem antara lain: UML, CDM dan PDM, perancangan database, dan desain antarmuka
BAB IV HASIL DAN PEMBAHASAN
implementasi proses, dan implementasi antarmuka, serta uji coba program yang telah dibuat.
BAB V PENUTUP
Bab ini berisi kesimpulan dan saran dari penulis untuk pengembangan sistem.
DAFTAR PUSTAKA
2.1 Pr ofile MX Karaoke Keluar ga
MX Karaoke Keluarga yang khusus bergerak di bidang jasa hiburan karaoke. MX Karaoke Keluarga sudah berdiri sejak pertengahan Juli tahun 2008, dan kini telah mengalami perkembangan dari pembangunan ruang karaoke baru dan perbaikan fasilitas yang telah ada, MX Karaoke Keluarga beralamat di Kompleks Ruko Giant Sun City A3-A5 Sidoarjo.
2.1.1 Visi Dan Misi MX Karaoke Keluar ga Visi :
Menjadi salah satu tempat hiburan bernyanyi untuk keluarga, kerabat, saudara, dan teman-teman terdekat.
Misi:
• Memberikan fasilitas dan pelayanan yang baik untuk kenyamanan customer.
• Memberikan informasi, lagu-lagu terbaru, serta promo-promo menarik.
2.1.2 Struktur Organisasi
2.2 Konsep Dasar Sistem Infor masi
Sistem informasi adalah suatu sistem dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dengan kegiatan strategi dari suatu organisasi untuk dapat menyediakan kepada pihak luar tertentu dengan informasi yang diperlukan untuk mengambil keputusan. Sistem informasi dalam suatu organisasi dapat dikatakan sebagai suatu sistem yang menyediakan informasi bagi semua tingkatan dalam organisasi tersebut kapan saja diperlukan. Sistem ini menyimpan, mengambil, mengubah, mengolah dan mengkomunikasikan informasi yang diterima dengan menggunakan sistem informasi atau peralatan sistem lainnya.
2.2.1 Komponen Sistem Informasi
Sistem informasi terdiri dari komponen komponen yang disebut blok bangunan (building blok), yang terdiri dari komponen input, komponen model, komponen output, komponen teknologi, komponen hardware, komponen software, komponen basis data, dan komponen control. Semua komponen tersebut saling berinteraksi satu dengan yang lain membentuk suatu kesatuan untuk mencapai sasaran.
1. Komponen input
2. Komponen model
Komponen ini terdiri dari kombinasi prosedur, logika, dan model matematik yang akan memanipulasi data input dan data yang tersimpan di basis data dengan cara yang sudah ditentukan untuk menghasilkan keluaran yang diinginkan.
3. Komponen output
Hasil dari sistem informasi adalah keluaran yang merupakan informasi yang berkualitas dan dokumentasi yang berguna untuk semua pemakai sistem. 4. Komponen Data
Secara konseptual, data adalah deskripsi tentang benda, kejadian, aktivitas, dan transaksi yang tidak mempunyai makna dan tidak berpengaruh langsung secara langsung kepada pemakainya atau disebut juga sebagai sekumpulan fakta mentah dalam isolasi.
5. Komponen teknologi
Teknologi merupakan “tool box” dalam sistem informasi, Teknologi digunakan untuk menerima input, menjalankan model, menyimpan dan mengakses data, menghasilkan dan mengirim keluaran, dan membantu pengendalian dari sistem secara keseluruhan.
6. Komponen Jaringan (network)
Sistem penghubung yang memungkinkan suatu sumber dipakai secara bersama-sama, baik pada waktu dan tempat bersamaan ataupun berbeda. 7. Komponen hardware
atau lebih mudah dikatakan sebagai sumber data dan informasi untuk memperlancar dan mempermudah kerja dari sistem informasi
8. Komponen software
Software berfungsi sebagai tempat untuk mengolah, menghitung, dan memanipulasi data yang diambil dari hardware untuk menciptakan suatu informasi.
9. Komponen basis data
Basis data (database) merupakan kumpulan data yang saling berkaitan dan berhubungan satu dengan yang lain, tersimpan di perangkat keras computer dan menggunakan perangkat lunak untuk memanipulasinya. Data perlu disimpan dalam basis data untuk keperluan penyediaan informasi lebih lanjut. Data di dalam basis data perlu diorganisasikan sedemikian rupa supaya informasi supaya informasi yang dihasilkan berkualitas. Organisasi basis data yang baik juga berguna untuk efesiensi kapasitas penyimpanannya. Basis data diakses atau dimanipulasi menggunakan perangkat lunak paket yang disebut DBMS (Database Management System).
10.Komponen Kontrol
2.2.2. Elemen Sistem Informasi
Sistem informasi terdiri dari elemen-elemen yang terdiri dari orang, prosedur, perangkat keras, perangkat lunak, basis data, jaringan computer dan komunikasi data. Semua elemen ini merupakan komponen fisik.
1. Orang
Orang atau personil yang dimaksudkan yaitu operator computer, analis sistem, programmer, personil data entry dan manajersistem informasi/EDP.
2. Prosedur
Prosedur merupakan elemen fisik. Hal ini disebabkan karena prosedur disediakan dalam bentuk fisik seperti buku panduan dan instruksi. Ada 3 jenis prosedur yang dibutuhkan, yaitu instruksi untuk pemakai, instruksi untuk penyiapan masukan, intruksi pengoperasian untuk karyawan pusat komputer. 3. Perangkat Keras
Perangkat keras bagi suatu sistem informasi terdiri atas komputer (pusat pengolahan, unit masukan/keluaran), peralatan penyiapan data, dan terminal masukan/keluaran.
4. Perangkat Lunak
Perangkat lunak dapat dibagi dalam 3 jenis utama :
a. Sistem perangkat lunak umum, seperti sistem pengoperasian dan sistem manajemen data yang memungkinkan pengoperasian sistem komputer. b. Aplikasi perangkat lunak umum, seperti model analisis dan keputusan. c. Aplikasi perangkat lunak yang terdiri atas program yang secara spesifik
5. Basis Data
File yang berisi program dan dat dibuktikan dengan adanya media penyimpanan secara fisik seperti diskette, hard disk, magnetic tape dan sebagainya.
6. Jaringan Komputer
Jaringan Komputer adalah sebuah kumpulan computer, printer dan peralatan lainnya yang terhubung dalam satu kesatuan. Informasi dan data bergerak melalui kabel-kabel atau tanpa kabel sehingga memungkinkan pengguna jaringan computer dapat saling bertukar dokumen dan data.
7. Komunikasi Data
Komunikasi data adalah merupakan bagian dari telekomunikasi yang secara khusus berkenaan dengan transmisi atau pemindahan data dan informasi diantara computer-komputer dan piranti-piranti yang lain dalam bentuk digital yang dikirimkan melalui media komunikasi data. Data berarti informasi yang disajikan oleh isyarat digital. Komunikasi data merupakan bagian vital dari suatu sistem informasi karena sistem ini menyediakan infrastruktur yang memungkinkan computer- computer dapat berkomunikasi satu sama lain. (Yoan, 2013)
2.3 PHP
halaman. Lalu hasilnya diperlihatkan oleh user melalui internet browser seperti Mozilla dan Opera. Dengan kata lain, script PHP sendiri sebagai penyusun program tidak perlu diperlihatkan ke user.
PHP dapat melakukan apa saja yang bisa dilakukan program CGI lain, yaitu mengolah data dengan tipe apapun, menciptakan halaman web yang dinamis, serta menerima dan menciptakan cookies. Untuk keamanan lebih lanjut, jenis web server juga sangat berpengaruh. PHP ialah bahasa pemrograman berbasis web yang akan userikan penampilan canggih jika dipadukan dengan web server yang userikan tingkat keamanan cukup tinggi, dalam hal ini Apache. Apache telah digunakan sebagai web server karena terbukti benar-benar teruji dan dapat diandalkan. Hampir 70% dari jumlah server di dunia menggunakan Apache sebagai web server. (Referens 3, Anonim, 2013)
2.4 MySQL
Sebenarnya berbagai jenis database server berkembang di lingkungan pemrograman web. Jika kita menggunakan sistem operasi server dari Microsoft seperti Windows NT dan Windows 2000 Server, database server yang paling tepat digunakan adalah Microsoft SQL Server. Jika menggunakan sistem operasi server berbasis LINUX, database server yang paling tepat digunakan adalah MySQL. Meski demikian, database server MySQL juga sangat stabil berjalan di lingkungan Windows dan pada perkembangannya banyak digunakan oleh perusahaan Internet maupun perusahaan publik lainnya.
Jika menengok pada sejarahnya, cikal bakal MySQL adalah miniSQL yang dikembangkan oleh MySQL AB (perusahaan IT Swedia) sejak tahun 1979 di bawah komando Michael Widenius Monty. MySQL realease 1.0 dikeluarkan Mei 1996 secara terbatas untuk kalangan sendiri. Baru dilepas untuk public bulan Oktober 1996 setelah muncul versi 3. Sejak tahun 2000, MySQL muncul sebagai produk opensource sejati menggunakan lisensi GPL (General Public License). MySQL merupakan salah satu database terbesar yang digunakan dalam pengolahan data dunia. Hal ini terbukti digunakannnya MySQL oleh beberapa perusahaan dan institusi besar dunia seperti NASA (USA), Yahoo!Finance, Aizawa (Japanese Security). (Nugroho, 2004)
2.4.1 Keunggulan MySQL
b. Perangkat lunak yang open source. MySQL didistribusikan sebagai perangkat lunak Open Source, dibawah lisensi GPL sehingga digunakan secara gratis.
c. Multi-User. MySQL dapat digunakan oleh beberapa user dalam waktu yang bersamaan tanpa mengalami crash.
d. Security. MySQL memiliki beberapa lapisan keamanan seperti level subnetmask, nama host dan izin akses user dengan sistem perizinan yang mendetail serta sandi terenkripsi.
e. Table structure, MySQL memiliki struktur tabel yang lebih fleksibel dalam menangani ALTER TABLE, dibandingkan database lainnya semacam PostgreSQL ataupun Oracle. (Nugroho, 2004)
2.4.2 Keuntungan Hubungan PHP dan MySQL a) Mereka free (gratis) sehingga efektif biayanya.
b) Mereka berorientasi web (web-oriented). Keduanya dirancang secara khusus untuk pemggunaan website dan memiliki sekumpulan fitur yang difokuskan pada pembangunan website dinamis.
c) Customizable. Keduanya open source, sehingga mengijinkan pemrograman untuk memodifikasi software PHP dan MySQL pada lingkungan yang cocok untuk mereka sendiri. (Nugroho, 2004)
2.5 Model View Contr oller (MVC)
sebuah aplikasi, seperti manipulasi data, user interface dan bagian yang menjadi kontrol aplikasi.
Secara sederhana dapat dikatakan bahwa desain dan proses data berada pada tempat yang terpisah. Saat ini Model View Controller merupakan suatu konsep yang cukup populer dalam pembangunan aplikasi web, yang berawal pada bahasa small talk. Terdapat tiga jenis komponen yang membangun suatu MVC pattern, yaitu :
1. Model
Model berhubungan dengan data dan interaksi ke database atau webservice. Model juga mempresentasikan struktur data dari aplikasi yang bisa berupa basis data maupun data lain, misalnya dalam bentuk file teks, XML maupun webservice. Biasanya didalam model akan berisi class dan fungsi untuk melakukan manipulasi data seperti insert, update, delete dan search, namun tidak dapat berhubungan dengan bagian View secara langsung. Aplikasi website biasanya menggunakan databse untuk menyimpan data, oleh karena itu Model biasanya akan berhubungan dengan perintah-perintah SQL.
2. View
View hanya dikhususkan untuk menampilkan data-data hasil dari model dan controller. Bagian ini tidak memiliki akses secara langsung terhadap bagian model.
3. Controller
Controller merupakan penghubung anatara Model dan View. Didalam Controller inilah terdapat class dan fungsi-fungsi yang memproses permintaan dari View kedalam struktur data didalam Model. Controller juga tidak boleh berisi kode untuk mengakses basis data. Tugas controller adalah menyediakan berbagai variabel yang akan ditampilkan di view, memanggil model untuk melakukan akses ke database, menyediakan penanganan error, mengerjakan proses logika dari aplikasi, serta melakukan validasi atau pengecekan terhadap input. (Ardhana. Kusuma, 2012)
2.6 CodeIgniter
CodeIgniter (CI) adalah framework pengembangan aplikasi (Application Development Framework) dengan menggunakan PHP, suatu kerangka pembuatan program dengan menggunakan PHP. Pengembangan dapat langsung menghasilkan program dengan cepat, dengan mengikuti kerangka kerja untuk membuat yang telah disiapkan oleh framework CI ini.
2.6.1 Kebutuhan CodeIgniter
Framework bisa diartikan sebagai alat yang digunakan untuk membantu pekerjaan. Karena untuk pembuatan website maka framework disini dapat diartikan sebagai alat yang digunakan untuk mempermudah pembuatan website. Jika dengan CMS maka kita tinggal menjalankan saja tidak perlu lagi memikirkan untuk menulis kode program sendiri, tetapi tidak demikian dengan framework. Menggunakan framework kita masih harus menulis kode-kode. (Ardhana. Kusuma, 2012)
2.6.2 Fitur-Fitur CodeIgniter
Berikut fitur-fitur yang didukung oleh CodeIgniter : a. Sistem berbasis Model View Controller.
b. Kompatibel dengan PHP versi 4. c. Ringan dan Cepat.
d. Terdapat dukungan untuk berbagai basis data. e. Mendukung Active Record Database
f. Mendukung form dan validasi data masukan. g. Keamanan dan XSS filtering.
h. Tersedia class untuk manipulasi gambar (cropping, resizing, rotate dan lain-lain).
i. Tersedia class untuk melakukan pagination (membuat tampilan perhalaman). j. Mendukung enkripsi data.
m. Pencatatan error yang terjadi.
n. Tersedia class untuk membuat calendar.
o. Tersedia class untuk mengetahui user agent, misalnya tipe browser dan sistem operasi yang digunakan pengunjung.
p. Tersedia class untuk pembuatan template website. q. Menghasilkan clean URL.
r. URI routing yang fleksibel.
s. Mendukung hooks, ekstensi class dan plugin.
t. Memiliki helper yang sangat banyak jumlahnya. (Ardhana. Kusuma, 2012)
2.7 SMS Gateway
SMS Gateway sebuah gerbang yang menghubungkan antara komputer dengan client melalui SMS. Client secara tidak langsung berinteraksi dengan aplikasi / sistem melalui SMS Gateway. Saat melakukan SMS, maka informasi terpenting yang diperlukan adalah nomor tujuan dan pesan, maka itulah yang sebenarnya diolah oleh SMS Gateway.
2.8 Electronic Mail (E-mail)
Surat elektronik (disingkat rater atau surel atau surat-e) atau pos elektronik (disingkat pos-el) atau nama umumnya dalam bahasa Inggris “e-mail atau email” (ejaan indonesia: imel) adalah sarana kirim mengirim surat melalui jalur internet. Dengan surat biasa umumnya pengiriman perlu membayar per pengiriman (dengan membeli perangko), tetapi surat elektronik umumnya biaya yang dikeluarkan adalah biaya untuk membayar sambungan internet. (Maulana. Adam, 2013)
2.8.1 Kelebihan Penggunaan E-mail a) Nyaman
Untuk mengirim surat tidak perlu ke kantor pos, cukup duduk di depan komputer yang terhubung internet dan ketik pesan lalu dikirim ke alamat tujuan. Bahkan sekarang ini e-mail bisa dikirim melalui media komunikasi mobile seperti ponsel dan PDA (Personal Assistant Data). Cepat hanya dengan hitungan detik e-mail dapat dikirimkan ke belahan dunia manapun. Murah biaya pengiriman relatif sangat murah dibandingkan penggunaan telepon atau surat, terutama jika mengirim surat atau interlokal ke luar daerah atau luar negeri. Hemat sumber daya, kita tidak perlu membeli kertas, pulpen, atau memboroskan tinta printer untuk digandakan lalu dikirimkan ke beberapa orang sekaligus yang tidak sedikit mengeluarkan biaya.
b) Global
di server yang tidak akan hilang kecuali dihapus. Pesan multimedia, pesan yang dikirim tidak hanya sekedar teks (tulisan) saja. Isi e-mail dapat berupa gambar, foto, video, program, bahkan suara. (Maulana. Adam, 2013)
2.8.2 Kelemahan Penggunaan E-mail a) Salah Kirim
Bila sebuah e-mail yang berisi dokumen-dokumen penting salah alamat, maka ada kemungkinan dokumen tersebut disalahgunakan.
b) Pemalsuan Identitas
Kita tidak bisa memastikan identitas seseorang hanya dengan mengetahui alamat e-mail yang dimilikinya.
c) Kebanjiran E-mail
Hal ini bisa terjadi karena mailbox sudah terlalu lama tidak dibuka atau dihapus.
d) Sampah E-mail
Banyak sekali e-mail sampah (junkmail/spam) yang berupa iklan komersial yang tidak kita harapan.
e) Respon Lambat
2.9 Validitas Kappa Cohen
Reliabilitas antar rater ini dipakai menilai konsistensi dua orang rater dalam menilai performansi individu melalui checklist yang menghasilkan data nominal. Misalnya untuk mengetahui kesamaan psikolog menilai ada tidaknya simtom depresi pada klien (1=ada, 0=tidak), mengetahui kesamaan antara observer terhadap emosi objek. Data yang dihasilkan adalah data nominal, misalnya (1=senang, 2=sedih, 3=takut, 4=marah). Semakin banyak kemiripan hasil penilaian antara satu rater dan rater lainnya maka koefisien reliabilitas yang dihasilkan akan tinggi. Kappa Cohen dihitung dengan menggunakan tabel kontingensi 2x2 seperti gambar berikut 2.2.
.
Gambar 2.2 Kontigensi 2x2 Kappa Cohen Sumber : (Murti. Bisma, 2011)
Cara menghitung Kappa Cohen secara manual seperti penjelasan di bawah ini. Sel a dan b disebut sel konkordan, sel b dan c disebut sel diskordan.
O11 ialah frekuensi teramati sel 11 (= sel a) O22 ialah frekuensi teramati sel 22 (= sel d). N ialah jumlah semua pengukuran.
Gambar 2.4 Proporsi frekuensi kesepakatan harapan Sumber : (Murti. Bisma, 2011)
E11 ialah frekuensi harapan sel 11 (= sel a). E22 ialah frekuensi harapan sel 22 (= sel d).
Dengan Tabel 2x2 (gambar 2.2), dapat dihitung E11 dan E22:
Gambar 2.5 Penghitungan E11 dan E22
Sumber : (Murti. Bisma, 2011)
Pada bab ini dijelaskan mengenai rancangan penelitian untuk pembuatan sistem informasi berbasis web menggunakan framework codeigniter di MX Karaoke Keluarga. Rancangan penelitian pada bab ini akan dibagi dalam dua pokok bahasan yaitu : analisa sistem, dan perancangan sistem.
3.1 Analisis Sistem
Sistem informasi ini akan dibangun dengan framework codeigniter. Pengguna dapat melihat promosi, lagu terbaru dan lagu terpopuler di MX Karaoke Keluarga. Bagi pengguna yang menginginkan mendapat fasilitas khusus yaitu mendapat informasi tentang MX Karaoke Keluarga langsung melalui email dan sms, pengguna dapat melakukan registrasi terlebih dahulu.
Terdapat halaman register untuk pengguna yang ingin menjadi member di MX Karaoke Keluarga. Setelah melakukan registrasi pengguna akan mendapat email balasan dari MX Karaoke Keluarga yang berisi link halaman untuk verifikasi akun yang telah dibuat. Setelah melakukan verifikasi akun, akun pengguna sudah aktif sebagai member di MX Karaoke Keluarga.
3.2 Perancangan Sistem
tahapan penting, yaitu: perancangan proses, perancangan database, dan perancangan antarmuka.
3.3 Perancangan Pr oses
Sistem perancangan proses yang ada pada aplikasi ini 3 entitas luar yang terdapat dalam sistem ini, yaitu :
a) Admin
Entitas admin sebagai administrator memiliki hak akses penuh terhadap sistem. Input data yang dibutuhkan dalam sistem ini seperti berita, faq, promo dan lagu.
b) User
User hanya dapat mengakses halaman utama website.
c) Member
Dalam kasus ini entitas member dapat mengganti data akun member, download lagu dan memberi saran dan kritik.
3.4 Unified Modeling Language (UML)
3.4.1 Use Case Diagram
Dalam sistem ini terdapat dua aktor yaitu admin dan user masing-masing memiliki usecase dan relasi. Admin dan user memiliki usecase proses registrasi. Admin memiliki usecase mengelola promo, mengelola berita, mengelola faq, mengelola lagu, management shoutbox, management saran dan kritik yang semua itu harus melalui proses login. User memiliki usecase input saran dan kritik yang harus melalui proses login, user juga memiliki usecase input shoutbox.
input shoutbox
3.4.2 Activity Diagr am
Activity diagram menggambarkan berbagai alir aktifitas dalam sistem yang sedang dirancang, bagaimana masing-masing alir berawal, decision yang mungkin terjadi dan bagaimana masing-masing alir berakhir. Terdapat 10 activity diagram dalam sistem ini yang dilakukan oleh admin dan user yaitu proses login, mengelola berita, mengelola faq, mengelola promo, mengelola lagu, management saran, management shoutbox, proses register, input saran dan input shoutbox.
a. Activity Diagram Proses Login
Activity diagram proses login menerangkan bagaimana alur kerja aktifitas login yang dilakukan user dan sistem, dimulai dengan user membuka menu login kemudian sistem merespon dengan menampilkan form login, user dapat memasukkan username dan password pada form login, kemudian sistem akan melakukan proses validasi apakah username dan password yang dimasukkan benar atau salah, jika benar sistem akan menampilkan halaman utama dan selesai jika salah sistem akan menampilkan form login kembali.
menu login
input username dan password
menampilkan halaman utama
tampilkan form login proses validasi
benar
salah
b. Activity Diagram Mengelola Berita
Activity diagram mengelola berita menerangkan bagaimana alur kerja aktifitas mengelola berita yang dilakukan admin dan sistem, dimulai dengan admin membuka menu berita dan sitem merespon menampilkan form berita, admin dapat mengupdate berita atau hanya melihat berita saja, ketika admin mengupdate berita maka sistem akan memvalidasi jika benar maka data akan disimpan dan ditampilkan, jika salah maka sistem akan menampilkan form berita lagi.
membuka menu berita
update view
menampilkan form berita
simpan data validasi
benar
salah
menampilkan data
s is te m adm in
Gambar 3.3 Activity Diagram Mengelola Berita c. Activity Diagram Mengelola FAQ
faq atau hanya melihat faq saja, ketika admin mengupdate faq maka sistem akan memvalidasi jika benar maka data akan disimpan dan ditampilkan, jika salah maka sistem akan menampilkan form faq lagi.
membuka menu faq
update view
menampilkan form faq
validasi
simpan data salah
benar
tampilkan data
s i stem admin
Gambar 3.4 Activity Diagram Mengelola FAQ d. Activity Diagram Mengelola Pr omo
membuka
Gambar 3.5 Activity Diagram Mengelola Promo e. Activity Diagram Mengelola Lagu
Activity diagram mengelola lagu menerangkan bagaimana alur kerja aktifitas mengelola lagu yang dilakukan admin dan sistem, dimulai dengan admin membuka menu lagu dan sitem merespon menampilkan form lagu, admin dapat mengupdate promo atau hanya melihat daftar lagu saja, ketika admin mengupdate lagu maka sistem akan memvalidasi jika benar maka data akan disimpan dan ditampilkan, jika salah maka sistem akan menampilkan form lagu lagi.
membuka
f. Activity Diagram Management Sar an Dan Kritik
Activity diagram management saran dan kritik menerangkan bagaimana alur kerja aktifitas management saran dan kritik yang dilakukan admin dan sistem, dimulai dengan admin membuka menu saran dan kritik, sistem merespon menampilkan data saran dan kritik, admin dapat menghapus data saran dan kritik, ketika admin menghapus data maka sistem akan memvalidasi jika benar maka data akan disimpan, jika salah maka sistem akan menampilkan data saran dan kritik lagi.
membuka menu saran dan kritik
hapus data
menampilkan data saran dan kritik
simpan data validasi
ya tidak
s is tem admin
Gambar 3.7 Activity Diagram Management Saran Dan Kritik g. Activity Diagram Management Shoutbox
membuka menu
Gambar 3.8 Activity Diagram Management Shoutbox h. Activity Diagram Proses Registrasi
Activity diagram proses registrasi menerangkan bagaimana alur kerja aktifitas proses registrasi yang dilakukan user dan sistem, dimulai dengan user membuka menu registrasi, sistem merespon menampilkan form registrasi, user dapat mengisi data registrasi, kemudian sistem akan memvalidasi jika benar maka data akan disimpan, jika salah maka sistem akan menampilkan form registrasi lagi.
membuka menu
i. Activity Diagram Input Shoutbox
Activity diagram input shoutbox menerangkan bagaimana alur kerja aktifitas input shoutbox yang dilakukan user dan sistem, dimulai dengan user membuka menu contact us, sistem merespon menampilkan form shoutbox, user dapat mengisi data shoutbox atau hanya melihat data shoutbox saja, ketika user mengisi data kemudian sistem akan memvalidasi jika benar maka data akan disimpan dan ditampilkan, jika salah maka sistem akan menampilkan form shoutbox lagi.
membuka menu contact us
insert view
menampilkan form shoutbox
simpan data validasi
salah
benar
tampilkan data
s is tem us er
Gambar 3.10Activity Diagram Input Shoutbox j. Activity Diagram Input Sar an Dan Kritik
membuka menu
Gambar 3.11Activity Diagram Input Saran Dan Kritik 3.4.3 Class Diagram
Class diagram digunakan untuk menampilkan kelas-kelas dan paket-paket di dalam sistem. Class diagram memberikan gambaran sistem secara statis dan relasi. Dalam sistem ini terdapat class dengan relasinya masing-masing memiliki atribut dan operation.
faq
3.4.4 Sequence Diagram
Sequence diagram digunakan untuk menggambarkan skenario atau rangkaian langkah-langkah yang dilakukan sebagai sebuah respon dari suatu kejadian atau even untuk menghasilkan output tertentu. Terdapat 10 sequence diagram dalam sistem ini yang dilakukan oleh admin dan user yaitu proses login, mengelola berita, mengelola faq, mengelola promo, mengelola lagu, management saran, management shoutbox, proses register, input saran dan input shoutbox.
a. Sequence Diagr am Proses Login
Sequence diagram proses login menerangkan langkah-langkah yang dilakukan user dalam proses login, dimulai dari user melakukan entry data ke view v_home atau interface v_home, kemudian data akan diproses ke control login, kemudian mengambil data ke model m_login atau entity m_login, kemudian data dikembalikan ke proses login dan interface home.
: user
: user : v_home : v_home : login : login : m_login : m_login 1: entryData( )
2: postData( )
3: getData( ) 4: 5:
b. Sequence Diagr am Mengelola Berita
Sequence diagram mengelola berita menerangkan langkah-langkah yang dilakukan admin dalam mengelola berita, dimulai dari admin melakukan entry data ke view berita atau interface berita, kemudian data akan diproses ke control admin_berita, kemudian memasukkan data ke model m_berita atau entity m_berita, kemudian data dikembalikan ke proses admin_berita dan interface berita.
: admin
: admin : berita : berita : admin_berita : admin_berita : m_berita : m_berita 1: entryData( )
2: postData( )
3: insertData( )
4: 5:
Gambar 3.14 Sequence Diagram Mengelola Berita c. Sequence Diagr am Mengelola FAQ
: admin
Gambar 3.15 Sequence Diagram Mengelola FAQ d. Sequence Diagr am Mengelola Pr omo
Sequence diagram mengelola promo menerangkan langkah-langkah yang dilakukan admin dalam mengelola promo, dimulai dari admin melakukan upload data ke view promo_manage atau interface promo_manage, kemudian data akan diproses ke control admin_promo, kemudian memasukkan data ke model m_promo atau entity m_promo, kemudian data dikembalikan ke proses admin_promo dan interface promo_manage.
e. Sequence Diagr am Mengelola Lagu
Sequence diagram mengelola lagu menerangkan langkah-langkah yang dilakukan admin dalam mengelola lagu, dimulai dari admin melakukan upload data ke view lagu atau interface lagu, kemudian data akan diproses ke control admin_lagu, kemudian memasukkan data ke model m_lagu atau entity m_lagu, kemudian data dikembalikan ke proses admin_ lagu dan interface lagu.
: admin
: admin : lagu : lagu : admin_lagu : admin_lagu : m_lagu : m_lagu 1: uploadData( )
2: postData( )
3: insertData( )
4: 5:
Gambar 3.17 Sequence Diagram Mengelola Lagu f. Sequence Diagr am Management Sar an Dan Kritik
: admin
: admin : saran : saran : admin_saran : admin_saran : m_saran : m_saran
1: hapusData( )
2: indexView( )
3: deleteData( )
4:
5:
Gambar 3.18 Sequence Diagram Management Saran Dan Kritik g. Sequence Diagr am Management Shoutbox
Sequence diagram management shoutbox menerangkan langkah-langkah yang dilakukan admin dalam management shoutbox, dimulai dari admin melakukan penghapusan data ke view shoutbox atau interface shoutbox, kemudian data akan diproses ke control admin_shoutbox, kemudian menghapus data ke model m_shoutbox atau entity m_shoutbox, kemudian data dikembalikan ke proses admin_shoutbox dan interface shoutbox.
: admin
: admin : shoutbox : shoutbox : admin_shoutbox : admin_shoutbox : m_shoutbox : m_shoutbox
1: hapusData( )
2: indexView( )
3: deleteData( )
4:
5:
h. Sequence Diagr am Proses Registrasi
Sequence diagram proses registrasi menerangkan langkah-langkah yang dilakukan user dalam proses registrasi, dimulai dari user melakukan entry data ke view v_register atau interface v_register, kemudian data akan diproses ke control register, kemudian memasukkan data ke model m_register atau entity m_register, kemudian data dikembalikan ke proses register dan interface v_register.
: user
: user : v_register : v_register : register : register : m_register : m_register 1: entryData( )
2: postData( )
3: insertData( ) 4: 5:
Gambar 3.20 Sequence Diagram Proses Registrasi i. Sequence Diagram Input Shoutbox
: user
: user : v_contact_us : v_contact_us : contact_us : contact_us : m_shoutbox : m_shoutbox 1: entryData( )
2: postData( )
3: insertData( ) 4: 5:
Gambar 3.21 Sequence Diagram Input Shoutbox j. Sequence Diagr am Input Sar an Dan Kritik
Sequence diagram input saran menerangkan langkah-langkah yang dilakukan user dalam input saran, dimulai dari user melakukan entry data ke view
v_contact_us atau interface v_contact_us, kemudian data akan diproses ke control contact_us, kemudian memasukkan data ke model m_saran atau entity m_saran.
: user
: user : v_contact_us : v_contact_us : contact_us : contact_us
: m_saran kritik : m_saran kritik 1: entryData( )
2: postData( )
3: insertData( )
3.5 Perancangan Database
Sebuah system aplikasi yang bersifat dinamis harus memiliki sebuah database atau sekumpulan data yang dapat di-input, di-edit, dan dihapus oleh administrator. Sebelum membuat database, maka dibuatlah perancangan database yang terstruktur dengan CDM (Conceptual Data Model) dan PDM (Physical Data Model).
3.5.1 ConceptualData Model (CDM)
Berita berelasi dengan admin untuk mendapat username admin sebagai identitas admin yang mengelola berita. Faq berelasi dengan admin untuk mendapat username admin sebagai identitas admin yang mengelola faq. Promo berelasi dengan admin untuk mendapat username admin sebagai identitas admin yang mengelola promo. Lagu berelasi dengan admin untuk mendapat username admin sebagai identias admin yang mengelola lagu.
mengel ola_promo
<pi> Variabl e characters (50) Variabl e characters (50)
em ail_m em ber <pi>
admin
3.5.2 PhysicalData Model (PDM)
PDM adalah hasil generate dari CDM. Sebelum di generate, programmer bisa melakukan check model, untuk mengetahui apakah ada relasi yang error. Apabila error maka harus di ulangi proses relasinya, apabila sekedar warning maka masih bisa ditoleransi untuk melakukan generate.
beri ta
Gambar 3.24 Physical Data Model (PDM)
phpmyadmin database. Hal ini mencegah terjadinya kesalahan dalam membuat field dan relasi di dalam sistem.
3.6 Perancangan Tabel
Dari CDM (Conceptual Data Model) dan PDM (Physical Data Model) sebelumnya, maka dapat dibuat tabel-tabel yang akan menjadi acuan dari pembuatan sebuah database.
Berikut ini adalah detail masing-masing tabel pada subbab berikut ini: a. Tabel Admin
Tabel admin akan menyimpan data-data member mulai dari username, password, nama_admin, alamat_admin dan no_telepon_admin.
Tabel 3.1 admin
FieldName Data Type Size Keterangan
username varchar 20 latin1_swedish_ci
password varchar 100 latin1_swedish_ci
nama_admin varchar 20 latin1_swedish_ci
alamat_admin varchar 20 latin1_swedish_ci no_telepon_admin varchar 20 latin1_swedish_ci
b. Tabel Customer
Tabel 3.2 customer
FieldName Type Size Keterangan
email_customer varchar 50 latin1_swedish_ci
username varchar 20 latin1_swedish_ci
password_customer varchar 50 latin1_swedish_ci nama_depan varchar 20 latin1_swedish_ci nama_belakang varchar 20 latin1_swedish_ci
alamat_customer text latin1_swedish_ci
kota varchar 20 latin1_swedish_ci
kodepos varchar 10 latin1_swedish_ci
no_telepon varchar 12 latin1_swedish_ci jenis_identitas varchar 6 latin1_swedish_ci no_identitas varchar 20 latin1_swedish_ci email_key varchar 100 latin1_swedish_ci
aktif varchar 5 latin1_swedish_ci
c. Tabel Saran
Tabel saran menyimpan data id_saran, email_customer yang mengirim saran, tanggal_saran, nama, dan saran.
Tabel 3.3 saran
FieldName Data Type Size Keterangan
id_saran int 5
email_customer varchar 20 latin1_swedish_ci
tanggal_saran date latin1_swedish_ci
Nama varchar 50 latin1_swedish_ci
d. Tabel Shoutbox
Tabel shoutbox menyimpan data id_shoutbox, username admin yang mengelola shoutbox, tanggal_shoutbox, nama_user, email_user dan komentar.
Tabel 3.4 shoutbox
FieldName Data Type Size Keter angan
id_shoutbox int 5
username varchar 20 latin1_swedish_ci
tanggal_shoutbox date
nama_user varchar 20 latin1_swedish_ci
email_user varchar 50 latin1_swedish_ci
komentar text latin1_swedish_ci
e. Tabel Berita
Tabel berita menyimpan data id_berita, username admin yang mengelola berita, judul_berita, tanggal_berita, dan berita.
Tabel 3.5 berita
FieldName Data Type Size Keter angan
id_berita int 5
username varchar 20 latin1_swedish_ci
judul_berita varchar 225 latin1_swedish_ci
tanggal_berita date
Berita varchar 225 latin1_swedish_ci
f. Tabel Faq
Tabel 3.6 faq
FieldName Data Type Size Keterangan
id_faq int 5
username varchar 20 latin1_swedish_ci
tanggal_faq date
pertanyaan text latin1_swedish_ci
jawaban text latin1_swedish_ci
g. Tabel Pr omo
Tabel promo menyimpan data id_promo, username admin yang mengelola promo dan nama_gambar yang diupload.
Tabel 3.7 promo
FieldName Data Type Size Keterangan
id_promo int 5
username varchar 20 latin1_swedish_ci nama_gambar varchar 20 latin1_swedish_ci
h. Tabel lagu
Tabel promo menyimpan data idx, kode_lagu, username admin yang mengelola lagu, judul, artist, bahasa, qty dan path.
Tabel 3.8 lagu
FieldName Data Type Size Keterangan
idx decimal 15,0
artist varchar 225 latin1_swedish_ci
bahasa varchar 3 latin1_swedish_ci
qty int 4
path varchar 225 latin1_swedish_ci
3.7 Perancangan Antar Muka
Perancangan Antar Muka (interface) yang dibuat pada website dan telah ter-design dengan teratur sebagai berikut :
a. Tampilan awal website
Untuk perkiraan tampilan awal website seperti pada gambar dibawah ini. Terdapat menu atas dibagian baris atas, header, contents dan contents samping kanan.
b. Tampilan Halaman Admin
Halaman Admin digunakan untuk mengelola sistem baik berupa tambah data, hapus, dan edit. Untuk perkiraan tampilan halaman Admin pada sistem ini seperti gambar dibawah ini, terdapat menu di bagian atas, header, contents, dan menu samping.
Gambar 3.26 Tampilan Halaman Admin
c. Tampilan Halaman Member
Gambar 3.27 Tampilan Halaman Member d. Tampilan Halaman User
Halaman user untuk user biasa yang mengakses halaman website. Untuk perkiraan tampilan halaman user pada sistem ini seperti gambar dibawah ini, terdapat menu di bagian atas, header, contents dan contents samping kanan.
e. Tampilan Login
Perkiraan tampilan login sebelum masuk ke halaman Admin, Member pada sistem ini.
Gambar 3.29 Tampilan Login Form Login
Username
Password
BAB IV
HASIL DAN PEMBAHASAN
Pada bab ini akan dibahas mengenai hasil dan pembahasan dari perancangan sistem website yang telah dibuat pada bab sebelumnya. Bagian implementasi sistem website ini meliputi: implementasi proses, implementasi database, dan uji coba .
4.1 Spesifikasi Sistem
Peralatan yang digunakan untuk semua proses dari keseluruhan transaksi yang ada termasuk pembuatan laporan adalah menggunakan perangkat keras dan perangkat lunak. Pada proses pengujian ini dibutuhkan beberapa peralatan-peralatan baik berupa perangkat keras dan perangkat lunak.
4.1.1 Perangkat Keras (Hardware) yang Digunakan
Laptop ACER, Type 4738Z, Memory RAM 1GB DDR3, Intel®Pentium®processor P6100, Graphics Intel® HD, HDD 320GB.
4.1.2 Perangkat Lunak (Software) yang Digunakan a. Sistem Operasi Microsoft Windows 7 Ultimed b. Rational Rose Enterprise Edition
4.2 Implementasi Pr oses
Pada perancangan proses dijelaskan pembuatan proses bagaimana sistem aplikasi website ini diatur dan ditata sehingga setiap entitas saling ber-relasi dengan baik.
4.2.1 Halaman Menu Utama
Pada gambar 4.1 merupakan tampilan pada saat akses halaman utama dari Sistem Informasi MX Karaoke Keluarga Berbasis Web Menggunakan Framework CodeIgniter. Terdapat menu home, profile, price, register, promo, chart, contact us, faq. Di dalam halaman utama ini terdapat Menu samping dari halaman utama ini terdapat form login, dan like halaman facebook.
a. Menu Profile
Pada Gambar 4.2 merupakan tampilan halaman profile. Pada halaman menu profile ini yang ditampilkan adalah profile dari MX Karaoke Keluarga. Pada halaman ini terdapat links promo, mx top chart, mx new entry dan lastest news yang berisi judul berita, tanggal posting berita dan isi berita.
Gambar 4.2 halaman menu profile
b. Menu Price
c. Menu Register
Pada Gambar 4.4 merupakan tampilan halaman register bagi user yang belum terdaftar sebagai member. Calon member wajib mengisi semua data yang terdapat pada form ini, data yang di masukkan harus valid dan sesuai, terutama untuk data email jika calon member memasukkan data email tidak valid maka akan muncul peringatan untuk mengecek kembali .
Gambar 4.4 halaman menu register
Setelah calon member melakukan pendaftaran member, calon member akan mendapat email yang berisi link verifikasi. Calon member diharuskan mengakses link tersebut untuk verifikasi akun. Setelah itu akun member sudah sukses terdaftar.
d. Menu Promo
Gambar 4.5 halaman menu promo
e. Menu Chart
Pada menu chart ini terdapat 4 menu tambahan yaitu menu new entry, top chart, all song dan download song. Pada Gambar 4.6 merupakan tampilan halaman menu new entry yang disediakan untuk memberikan informasi tentang lagu terbaru dan user bisa mendengarkan cuplikan dari lagu tersebut.
Pada Gambar 4.7 merupakan tampilan halaman menu top chart yang disediakan untuk memberikan informasi tentang lagu terbanyak yang diputar dan user bisa mendengarkan cuplikan dari lagu tersebut.
Gambar 4.7 halaman menu top chart
Pada Gambar 4.8 merupakan tampilan halaman menu all song yang disediakan untuk memberikan informasi tentang semua lagu berisi pencarian lagu menurut negara dan jumlah lagu yang nantinya akan muncul nama artist dan judul lagu. Menu samping dari halaman ini terdapat search song, user dapat mencari lagu berdasarkan judul dan artist.
Pada Gambar 4.9 merupakan tampilan halaman menu download song yang disediakan untuk mendownload lagu karaoke. Daftar lagu karaoke yang bisa didownload hanya bisa dilihat oleh member.
Gambar 4.9 halaman menu download song
f. Menu Contact Us
g. Menu FAQ
Pada Gambar 4.11 merupakan tampilan halaman menu faq yang berisi pertanyaan yang sering ditanyakan dan jawabannya.
Gambar 4.11 halaman menu faq
4.2.2 Halaman Admin
Gambar 4.12 halaman Admin
a. Menu Admin FAQ
Pada Gambar 4.13 merupakan tampilan halaman menu admin faq berisi form input pertanyaan dan jawaban faq. Terdapat fungsi delete dan edit untuk menghapus dan merubah data yang sudah ada.
b.Menu Admin Promo
Pada Gambar 4.14 merupakan tampilan halaman menu admin promo berisi form upload gambar untuk menambahkan gambar promo dan fungsi delete untuk menghapus gambar promo yang sudah ada.
Gambar 4.14 halaman menu admin promo
c. Menu Admin Sar an
Pada Gambar 4.15 merupakan tampilan halaman menu admin saran berisi email customer, tanggal, nama, saran dan action. Terdapat action delete untuk menghapus data saran dan kritik yang telah dikirim oleh member.
d. Menu Admin Shoutbox
Pada Gambar 4.16 merupakan tampilan halaman menu admin shoutbox berisi komentar dari user. Terdapat fungsi delete untuk menghapus komentar yang telah dikirim oleh user. Admin dapat menghapus komentar yang dinilai kurang pantas ditampilkan di website.
Gambar 4.16 halaman menu admin shoutbox
e. Menu Admin Member
f. Menu Admin Lagu
Pada menu admin lagu ini terdapat 3 menu tambahan yaitu menu new entry, top chart dan download song. Pada Gambar 4.18 merupakan tampilan halaman menu admin new entry yang disediakan untuk menambahkan cuplikan dari lagu tersebut.
Gambar 4.18 halaman menu admin new entry
Pada Gambar 4.19 merupakan tampilan halaman menu admin top chart yang disediakan untuk menambahkan cuplikan dari lagu tersebut.
Gambar 4.19 halaman menu admin top chart
Pada Gambar 4.20 merupakan tampilan halaman menu admin download song yang disediakan untuk menambahkan video lagu tersebut.
g. Menu Admin Send SMS
Pada Gambar 4.21 merupakan tampilan halaman menu admin send sms. Admin dapat mengirim informasi terbaru ke semua member melalui sms.
Gambar 4.21 halaman menu admin send sms
h. Menu Admin Send Email
Pada Gambar 4.22 merupakan tampilan halaman menu admin send email. Admin dapat mengirim informasi terbaru ke semua member melalui email.
Gambar 4.22 halaman menu admin send email
i. Menu Admin Change Password Administrator
sewaktu-Gambar 4.23 halaman menu admin change password administrator
4.2.3 Halaman Member
Pada Gambar 4.24 merupakan tampilan halaman member Sistem Informasi MX Karaoke Keluarga Berbasis Web Menggunakan Framework CodeIgniter. Halaman ini merupakan halaman hak akses member, pada halaman utama member ini sama seperti halaman menu utama user. Pada hak akses member terdapat menu tambahan akun saya dan logout, download lagu dan form input saran dan kritik pada menu download song dan contact us akan muncul.
a. Menu Member Download Song
Pada Gambar 4.25 merupakan tampilan halaman menu member download song. Member dapat melihat daftar lagu karaoke yang bisa didownload dan member juga bisa mendownload lagu-lagu tersebut.
Gambar 4.25 halaman menu member download song
b.Menu Member Contact Us
c. Menu Member Akun Saya
Pada Gambar 4.27 merupakan tampilan halaman menu member akun saya. Pada menu ini member bisa merubah data diri member kecuali email member.
Gambar 4.27 halaman menu member akun saya 4.3 Implementasi Database
Pada perancangan database di jelaskan bagaimana alur dari kumpulan data atau database. Berikut ini merupakan implementasi table yang dibuat pada mysql pada XAMPP :
Pada website ini, penulis menggunakan database dengan nama web yang terdiri dari 8(delapan) tabel yang dilingkari, yaitu tabel admin, berita, customer, faq, lagu, promo, saran, shoutbox.
Berikut ini adalah detail masing-masing tabel pada subbab berikut ini: a. Tabel Admin
Tabel admin berisi 5 kolom yaitu menyimpan data-data admin mulai dari username, password, nama_admin, alamat_admin, no_telepon_admin.
Tabel 4.2 Tampilan Tabel admin
b. Tabel Berita
Tabel berita berisi 5 kolom yaitu menyimpan data-data berita mulai dari id_berita, username, judul_berita, tanggal_berita, berita.
Tabel 4.3 Tampilan Tabel berita
c. Tabel Customer
nama_depan, nama_belakang, alamat_customer, kota, kodepos, no_telepon, jenis_identitas, no_identitas, email_key dan aktif.
Tabel 4.4 Tampilan Tabel customer
d. Tabel Faq
Tabel faq berita berisi 5 kolom yaitu menyimpan data-data faq mulai dari id_faq, username, tanggal_faq, pertanyaan dan jawaban.
Tabel 4.5 Tampilan Tabel faq
e. Tabel Lagu
Tabel 4.6 Tampilan Tabel lagu
f. Tabel Promo
Tabel promo berisi 3 kolom yaitu menyimpan data-data promo mulai dari id_promo, username dan nama_gambar.
Tabel 4.7 Tampilan Tabel promo
g. Tabel Saran
Tabel promo berisi 5 kolom yaitu menyimpan data-data saran mulai dari id_saran, email_customer, tanggal_saran, nama dan saran.
h. Tabel Shoutbox
Tabel shoutbox berisi 6 kolom yaitu menyimpan data-data shoutbox mulai dari id_shoutbox, username, tanggal_shoutbox, nama_user, email_user dan komentar.
Tabel 4.9 Tampilan Tabel shoutbox
4.4 Skenario Uji Coba
Untuk mamastikan bahwa sistem ini berjalan lancar, penyusun akan menyusun skenario yang akan dicoba, antara lain:
a. Uji coba pendaftaran member pada Sistem Informasi MX Karaoke Keluarga.
b. Uji coba login member untuk masuk ke halaman member. c. Uji coba forgot password untuk member yang lupa password. d. Uji coba login admin untuk masuk ke halaman admin.
e. Uji coba send email oleh admin pada halaman admin. f. Uji coba send sms oleh admin.
4.5 Pelaksanaan Uji Coba
4.5.1 Uji coba pendaftar an member
Pengisian data user harus valid, mulai dari pengisian email sampai pengisian nomor identitas seperti gambar 4.28. Apabila salah satu field atau beberapa field tidak diisi maka user tidak bisa melanjutkan proses pendaftaran dengan muncul beberapa notifikasi dibawah field seperti gambar 4.29.
Gambar 4.28 Tampilan Form Register
Apabila form pendaftaran sudah diisi dengan benar, maka akan muncul pemberitahuan seperti pada gambar 4.30, user harus melakukan verifikasi data melalui email yang telah dikirim oleh admin untuk mengaktifkan data akun sebelum melakukan login.
Gambar 4.30 Tampilan Registrasi Sukses dan menerima email verifikasi User dapat mengaktifkan data akun dengan mengakses link yang ada di email verifikasi akun seperti pada gambar 4.31.
Gambar 4.31 Tampilan Verifikasi akun pendaftaran member
4.5.2 Uji coba login member
Gambat 4.32 Tampilan Login Member
Apabila saat login member salah memasukkan username atau password maka akan pendapat peringatan bahwa salah username atau password seperti pada gambar 4.33.
Gambar 4.34 Tampilan Halaman Member
4.5.3 Uji coba forgot password
Member yang lupa dengan password saat melakukan login member dapat menggunakan menu forgot password untuk bisa masuk ke halaman member. Dengan mengisi alamat email member pada form forgot password seperti pada gambar 4.35, maka sistem akan mengirim password sementara ke email member, yang nantinya dapat digunakan untuk melakukan login member.
Username dan password sementara akan dikirim melalui email member seperti pada gambar 4.36. Member dapat melakukan login member dengan username dan password sementara tersebut.
Gambar 4.36 Tampilan Email Forgot Password 4.5.4 Uji coba login admin
Apabila saat login admin salah memasukkan username atau password maka akan pendapat peringatan bahwa salah username atau password seperti pada gambar 4.38.
Gambar 4.38 Tampilan Salah Username atau Password
Apabila username dan password diisi dengan benar maka admin dapat langsung mengakses halaman admin seperti pada gambar 4.39.
Gambar 4.39 Tampilan Halaman Admin
4.5.5 Uji cobasend email
Gambar 4.40 Tampilan Form Send Email
Member yang sudah terdaftar akan mendapat email dari admin tentang informasi dan promosi terbaru dari MX Karaoke Keluarga seperti pada gambar 4.41.
4.5.6 Uji coba send sms
Pada dasarnya send sms hanya digunakan untuk memberikan informasi dan promosi dari MX Karaoke Keluarga kepada member yang sudah terdaftar seperti pada gambar 4.42.
Gambar 4.42 Tampilan Form Send SMS
Member yang sudah terdaftar akan mendapat sms dari admin tentang informasi dan promosi terbaru dari MX Karaoke Keluarga seperti pada gambar 4.43.
4.6 Pengujian Validitas Aplikasi
Pengujian Validitas Aplikasi dilakukan untuk mencari seberapa jauh kesamaan atau kesepakatan responden dalam menilai website “Sistem Informasi MX Karaoke Keluarga”. Pertanyaan kuesioner bisa dilihat pada lampiran (terlampir).
Kuesioner ini terdiri dari tiga puluh pertanyaan yang akan diisi oleh dua responden yang berbeda. Jawaban dari responden hanya akan terdiri dari dua pilihan, yakni “yes” dan “no”. Bila responden menjawab “yes”, maka nilai default-nya adalah 2. Bila responden menjawab “no”, nilai default-nya adalah 1. Angka-angka ini digunakan sebagai pembeda antara jawaban pertama dan jawaban kedua dalam SPSS. Berikut adalah tabel yang merupakan hasil jawaban responden:
Tabel 4.10 Data Observasi Responden
Responden A Responden W
Responden A Responden W
Setelah hasil jawaban koresponden telah terkumpul, langkah berikutnya adalah mengelompokkannya berdasarkan hasil kesepakatan. Berikut adalah tabel pengelompokannya:
Tabel 4.11 Tabel kesepakatan responden
Untuk menghitung nilai Kappa-nya, harus diketahui terlebih dahulu nilai Pe (expected agreement) dan Po (observed agreement). Rumus yang digunakan seperti yang tertulis pada bab dua.
Po = (23+2)/30 Po = 0,833 Po = (a + d) / N
Pe = E11 + E22
E11 = (25 * 26) / 30 = 21,667
E22 = (5 * 4 ) / 30 = 0,667
5.1Kesimpulan
Dari hasil observasi dan data-data yang telah diuraikan, dapat ditarik kesimpulan mengenai beberapa hal dalam penulisan laporan tugas akhir ini yaitu:
a) Membuat Sistem informasi MX Karaoke Keluarga berbasis web menggunakan framework codeigniter, sehingga mempermudah pelanggan untuk mendapatkan informasi tentang MX Karaoke Keluarga.
b) Pada sistem ini, fitur SMS Gateway dan Email digunakan untuk memberikan informasi promosi kepada pelanggan yang sudah mendaftar sebagai member dan telah melakukan verifikasi atau aktifasi akun.
c) Sistem ini mudah digunakan oleh pelanggan, dengan menambahkan frequently asked questions (FAQ) dapat membantu pelanggan untuk menjawab pertanyaan-pertanyaan mendasar yang sering ditanyakan sehingga dapat mempermudah dalam mengoperasikan sistem informasi ini.
5.2Sar an
yang dapat dikembangkan diantaranya adalah:
a) Dalam pembuatan sistem informasi MX Karaoke Keluarga ini, interface websitenya kurang begitu menarik, harapan kedepan antar muka sistem ini bisa dibuat dengan ajax atau template yang lebih menarik.
b) Fitur SMS Gateway dan Email dapat dikembangkan lebih luas tidak hanya untuk menyampaikan informasi promosi saja.