Perancangan Sistem Informasi Berbasis Web Sebagai Media Informasi dan Promosi pada MM Studio Musik Banjarnegara Naskah Publikasi Diajukan oleh Andi Prasetia 08.12.2835 Kepada SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER AMIKOM YOGYAKARTA 2012
Designing Web-Based Information System For Media Information and Promotion Of MM Studio Music Banjarnegara Perancangan Sistem Informasi Berbasis Web Sebagai Media Informasi dan Promosi pada MM Studio Musik Banjarnegara Andi Prasetia Jurusan Sistem Informasi STMIK AMIKOM YOGYAKARTA Abstract Website is one of the Internet technology used to process the information. A website allows users to interact and find information on the internet. In the preparation of this thesis website created for a music company, the MM Studio Music Banjarnegara. This thesis is titled "Designing Web-Based Information System For Media Information and Promotion Of MM Studio Music Banjarnegara ". Designing websites using Adobe Dreamweaver CS3 for coding editor, Adobe Photoshop CS3 to design the appearance and image, as the XAMPP web server package and database, for coding programming using PHP, CSS and Java Script. With the MM Studio Music Banjarnegara website is expected to facilitate the MM studio in providing information about the company profile as well as promote the general public and especially for people who have a hobby of music in Banjarnegara. Keywords: website, mm studio musik, banjarnegara, information system.
1. Pendahuluan Aspek perkembangan teknologi di dunia ini semakin berkembang dengan cepat, Salah satu aspek teknologi yang ada yaitu Internet. Dimana manfaat internet yang dulunya lebih banyak digunakan oleh kalangan perkantoran dan bisnis, sekarang boleh dikatakan internet menjadi hal wajib bagi berbagai kalangan dan sebagian besar kalangan muda. Dengan adanya internet informasi akan tersebar dengan cepat dan dapat di lihat semua orang yg terhubung dengan jaringan internet. Dalam perancangan sistem informasi berbasis web pada MM studio musik Banjarnegara diharapkan dapat memberikan informasi yang dapat di update setiap saat sehingga informasi yang di terima oleh pelanggan atau pengunjung adalah informasi yang terbaru (up to date). Dan dengan perancangan website pada MM studio ini dapat menekan biaya promosi jika di bandingkan dengan cara konvensional karena biaya relatif lebih murah dan juga dapat memberikan citra pada MM studio musik dimana MM studio musik telah mengikuti dan menyesuaikan dengan perkembangan teknologi saat ini. 2. Landasan Teori 2.1 Definisi Sistem Secara sederhana sistem dapat diartikan sebagai suatu kumpulan atau himpunan dari unsur atau variabel-variabel yang saling terorganisasi, saling berinteraksi, dan saling bergantung sama lain. 1 2.2 Pengertian Informasi Informasi merupakan hasil olahan data, di mana data tersebut sudah diproses dan diinterpretasikan menjadi sesuatu yang bermakna untuk pengambilan keputusan. 2 2.3 Pengertian Sistem Informasi Suatu sistem di dalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi harian, mendukung operasi, bersifat manajerial, dan Hanif Al Fatta, Analisis dan Perancangan Sistem Informasi, hal.3 Kusrini, M.Kom, Konsep Dan Aplikasi Sistem Pendukung Keputusan, hal.4
merupakan kegiatan strategi dari suatu organisasi, serta menyediakan laporanlaporan yang diperlukan oleh pihak luar. 3 2.4 Definisi Promosi Promosi merupakan insentif jangka pendek untuk mendorong pembelian atau penjualan dari suatu produk atau jasa. Promosi adalah kombinasi strategi yang paling baik dari variable-variable periklanan, penjualan personal, dan alat promosi yang lain, yang semuanya direncanakan untuk mencapai tujuan program penjualan. Promosi adalah komunikasi dari penjual yang menginformasikan, membujuk, dan meningkatkan para calon pembeli suatu produk dalam rangka mempengaruhi pendapatan mereka atau memperoleh suatu respon. 2.5 Definisi Internet Interconnected Network atau yang lebih populer dengan sebutan internet adalah sebuah sistem komunikasi global yang menghubungkan komputer komputer dan jaringan-jaringan komputer diseluruh dunia. 4 2.6 Definisi Basis Data Basis data adalah kumpulan data yang saling berelasi. Data sendiri merupakan fakta mengenai obyek, orang, dan lain-lain. 5 2.7 Hypertext Preprocessor (PHP) PHP atau biasa disebut juga dengan Hypertext preposesor, merupakan server side scripting yang digunakan untuk membuat suatu halaman web menjadi dinamis. Selain itu PHP juga merupakan HTML embedded, yaitu penulisan script PHP bisa disisipkan ke dalam script HTML. 2.8 Adobe Dreamweaver CS3 Kusrini, M.Kom, Konsep Dan Aplikasi Sistem Pendukung Keputusan, hal.11 4 Melwin Syafrizal, Pengantar Jaringan Komputer, hal.195 Kusrini, M.Kom, Strategi Perancangan dan Pengelolaan Basis data, hal 2
Dreamweaver adalah software aplikasi desain web visual. Anda tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah halaman web. Dengan kelebihan ini, seorang programmer dapat langsung melihat hasil buatannya tanpa harus dibuka melalui browser karena aplikasi ini bisa langsung menampilkan desain dari halaman web yang sedang dibuat. Dreamweaver juga dapat membuat file seperti HTML, PHP, java script, CSS, dll. 2.9 XAMPP Kepanjangan dari XAMPP yaiu Apache, PHP, MySQL dan phpmyadmin. XAMPP merupakan tool yang menyediakan paket perangkat lunak ke dalam satu buah paket. Dengan menginstall XAMPP maka tidak perlu lagi melakukan instalasi dan konfigurasi web server Apache, PHP dan MySQL secara manual. XAMPP akan menginstalasi dan mengkonfigurasikannya secara otomatis untuk anda atau auto configuration. 3. Analisis Sistem Tahapan ini sangat penting karena menentukan bentuk sistem yang harus dibangun. Tahapan ini bisa merupakan tahapan yang mudah jika klien sangat paham dengan masalah yang dihadapi dalam organisasinya dan tahu betul fungsionalitas dari sistem informasi yang akan dibuat. Tetapi tahap ini bisa menjadi tahap yang paling sulit jika klien tidak bisa mengidentifikasi kebutuhan atau tertutup terhadap pihak luar yang ingin mengetahui detail proses-proses bisnisnya. 3.1 Metode Pengumpulan Data Untuk pengambilan data dalam penelitian ini dengan menggunakan beberapa metode yaitu : a) Metode Wawancara Merupakan cara pengumpulan data dengan jalan tanya jawab sepihak yang dikerjakan dengan sistematik dan berlandaskan kepada tinjauan penelitian Melakukan pengamatan dan pencatatan secara langsung terhadap penggunaan objek dengan maksud mendapatkan informasi yang sesuai dengan kondisi yang sebenarnya. b) Metode Observasi Observasi merupakan pengamatan langsung terhadap objek yang akan diteliti. Melakukan pengamatan secara langsung dengan pihak yang
berkaitan secara langsung dengan berbagai pihak yang berkaitan dan terlibat langsung dengan sistem secara tepat dan akurat. c) Dokumentasi Dokumentasi merupakan mencari data mengenai hal-hal atau variabel yang berupa catatan, transkip buku, surat kabar, majalah, notulen, agenda dan sebagainya. d) Studi Pustaka Studi pustaka merupakan metode pengumpulan data dari buku-buku referensi, literatur atau bahan teori-teori lainnya yang diperlukan yang berkaitan dengan penyusunan laporan. 3.2 Metode Analisis Sistem Analisis sistem (system analysis) merupakan penguraian dari suatu sistem informasi yang utuh ke dalam bagian-bagian komponennya dengan maksud mengidentifikasikan dan mengevaluasi permasalahan, hambatan dan kebutuhan yang diharapkan sehingga menghasilkan website yang baik. 3.3 Metode Pengembangan Sistem Metode pengembangaan sistem yang digunakan dalam pembuatan dan perancangan website MM Studio Musik Banjarnegara adalah metode prototype.
Mengidentifikasikan kebutuhan pemakai Mengembangkan kebutuhan pemakai Prototype dapat diterima? Tidak Ya Mengidentifikasikan kebutuhan pemakai Gambar 3.1 Metode Prototype 3.4 Analisis Kebutuhan Sistem Sejalan dengan tujuan perancangan sistem website yang dibuat, maka diperlukan perangkat teknologi pendukung. Perangkat teknologi itu meliputi personil, peralatan dan perlengkapan. Analisa kebutuhan sistem bertujuan untuk mengetahui sistem apa yang cocok diterapkan. Serta siapa saja pengguna yang akan menggunakan sistem ini. 3.5 Analisis Kelayakan Sistem Analisis kelayakan system adalah analisis yang digunakan untuk menentukan proses pengembangan system, yaitu apakah sistem tersebut akan dihentikan atau akan dilanjutkan. Adapun pertimbangan yang dilakukan yaitu sebagai berikut ini: 1. Kelayakan Teknis
2. Kelayakan Operasional 3. Kelayakan Hukum 4. Kelayakan Teknologi 5. Kelayakan Ekonomi 3.6 Analisis Biaya dan Manfaat Analisis biaya dan manfaat pada penerapan dan pengembangan suatu sistem dipertimbangkan pada dua aspek, yaitu antara lain : Besarnya dana yang diperlukan untuk mengembangkan sistem ini dan manfaat yang diperoleh oleh sistem dari pengembangan sistem ini. Untuk menganalisa kelayakan ekonomi digunakan kalkulasi yang dinamakan Cost Benefit Analysis atau Analisis Biaya dan Manfaat. 3.7 Perancangan Sistem Tujuan dari perancangan sistem secara umum adalah untuk memberikan gambaran secara umum kepada user atau pengguna tentang sistem yang baru atau sistem yang diusulkan. Perancangan sistem secara umum mengidentifikasikan komponen-komponen sistem informasi yang akan didesain secara rinci sebagai berikut : 3.7.1 Perancangan Menu Perancangan menu pada website MM Studio Musik Banjarnegara dibagi menjadi 2 bagian, yakni : 1. Perancangan Menu User Home Profile User Service Gallery Contact Us Gambar 3.2 Diagram Menu User
2. Perancangan Menu Admin Tambah Artikel Edit Artikel Hapus Artikel Gallery Tambah Hapus Gallery Edit Profile Admin Halaman Edit Service Edit Contact Ganti Admin Lihat Pesan Logout Gambar 3.3 Diagram Menu Admin 3.7.2 Perancangan Proses Setelah diagram menu telah ditentukan, tahap berikutnya adalah merancang proses system, di dalam halaman admin sendiri terdapat 3 proses utama, yaitu input data baru, edit data lama, dan hapus data. Apabila salah satu atau semua proses dilakukan maka proses tersebut akan disimpan dalam database.
Adapun perancangan sistem yang diusulkan juga memiliki flowchart dari masingmasing menu. Perancangan system yang diusulkan sebagai berikut : Gambar 3.4 Flowchart Sistem Yang Diusulkan 3.7.3 Perancangan Database Perancangan database harus dilakukan secara cermat agar dihasilkan database yang efisien dalam penggunaan ruang penyimpanan, cepat dalam pengaksesan dan mudah dalam manipulasi data. Didalam website MM Studio ini menggunakan satu database yang terdiri atas 5 tabel. Tabel-tabel yang terdapat di dalam database website MM Studio Musik Banjarnegara. 3.7.4 Perancangan Interface Website MM Studio Musik Banjarnegara ini terdiri dari dua halaman utama, yaitu halaman user (pengunjung) dan halaman administrator. Halaman administrator berguna untuk memantau dan mengatur isi dari keseluruhan halaman dari website. Interface website MM Studio Musik dibagi menjadi beberapa bagian yaitu: 1. Halaman User
PENCARIAN HEADER HOME PROFILE SERVICE GALLERY CONTACT US BERITA ATAU ARTIKEL FOOTER Gambar 3.5 Rancangan untuk Halaman Utama Pengunjung 2. Halaman Admin
ARTIKEL GALERY HALAMAN ADMIN LOGOUT HEADER SELAMAT DATANG ADMIN FOOTER Gambar 3.6 Rancangan Halaman untuk Admin 4 Implementasi dan Pembahasan Kegiatam implementasi sistem dilakukan dengan dasar kegiatan yang telah direncanakan dalam rencana implementasi. 4.1 Pembahasan Interface Berikut adalah tampilan dari halaman website MM Studio Musik Banjarnegara : 1. Halaman pertama saat pengunjung masuk website
Gambar 4.1 Halaman Pertama user 2. Halaman utama untuk user atau pengunjung (Home) Pada halaman ini pengunjung dapat melihat semua artikel berita dan mengeklik tulisan selengkapnya untuk membaca artikel berita tersebut. Gambar 4.2 Halaman Utama 3. Halaman Utama Admin Halaman ini digunakan untuk mengedit profile, service, dan contact us yang akan dilihat oleh user atau pengunjung.
Gambar 4.3 Edit Halaman 5 Kesimpulan Dari berbagai uraian dan penjelasan keseluruhan materi pada bab-bab sebelumnya dan dalam mengakhiri pembahasan Perancangan Sistem Informasi Berbasis Web Sebagai Media Informasi dan Promosi Pada MM Studio Musik Banjarnegara, Maka dapat ditarik kesimpulan sebagai berikut : 1. Aplikasi web merupakan salah satu media yang tepat untuk memberikan informasi sekaligus sebagai media promosi pada MM Studio Musik Banjarnegara. 2. Website MM Studio Musik dapat memberikan informasi kepada pengguna dengan lebih cepat dan tepat sesuai kebutuhan dari pada media konvensional (brosur, phamflet). Selain itu sistem informasi ini juga lebih mudah apabila dilakukan pembaruan atau perbaikan informasi karena menggunakan teknologi berbasis web. 6 Daftar Pustaka Al Fatta, Hanif. 2007. Analisis dan Perancangan Sistem Informasi untuk Keunggulan Bersaing Perusahaan dan Organisasi Modern. Yogyakarta: Andi Offset. Ambang Utomo, Hakim. 2008. Membangun Aplikasi PHP + Ajax Tanpa Mengenal Script. Yogyakarta: Andi Offset. Hakim, Lukmanul. Membongkar Trik Rahasia Master PHP dan Jquery, Penerbit Lokomedia : Yogyakarta
Hermawan, Julius. 2004. Analisa Desain dan Pemrograman Berorientasi Obyek dengan UML dan Visual Basic.Net. Yogyakarta: Andi Offset. Kusrini. 2007. Strategi Perancangan dan Pengelolahan Basis Data. Yogyakarta: Andi Offset. Kusrini. 2007. Konsep dan Aplikasi Sistem Pendukung Keputusan. Yogyakarta: Andi Offset. M. Suyanto. 2004. Analisis dan Desain Aplikasi Multimedia untuk Pemasaran. Yogyakarta: Andi Offset. Syafrizal, Melwin. 2005. Pengantar Jaringan Komputer. Yogyakarta: Andi Offset. http://www.apachefriends.org/en/xampp.html diakses tanggal 2 Desember 2011 http://www.w3schools.com/ diakses tanggal 5 Desember 2011