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 laporan-

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

Tidak

Ya

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

Mengidentifikasikan

kebutuhan pemakai

Mengembangkan

kebutuhan pemakai

Mengidentifikasikan

kebutuhan pemakai

Prototype

dapat

diterima?

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

Gambar 3.2 Diagram Menu User

Home

Profile

Service

Gallery

Contact Us

User

2. Perancangan Menu Admin

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.

Artikel

Tambah

Artikel

Edit Artikel

Hapus Artikel

Admin

Tambah

Gallery

Hapus Gallery

Gallery

Edit Profile

Edit Service

Edit Contact

Us

Halaman

Ganti

Password

Lihat Pesan

Admin

Logout

Adapun perancangan sistem yang diusulkan juga memiliki flowchart dari masing-

masing 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

Gambar 3.5 Rancangan untuk Halaman Utama Pengunjung

2. Halaman Admin

HEADER

HOME PROFILE SERVICE GALLERY CONTACT US

PENCARIAN

FOOTER

BERITA ATAU ARTIKEL

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

HEADER

FOOTER

SELAMAT DATANG ADMIN

ARTIKEL GALERY HALAMAN ADMIN LOGOUT

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