Seminar Nasional Teknologi Informasi dan Multimedia 2015STMIK AMIKOM Yogyakarta, 6-8 Februari 2015

ISSN : 2302-3805

4.7-63

MEMBANGUN SISTEM INFORMASI SANGGAR TARI MELAYUBOUGENVILLE BERBASIS WEB

Maya Marselia

Magister Teknik Informatika STMIK AMIKOM YogyakartaJl Ring road Utara, Condongcatur, Sleman, Yogyakarta 55281

Email : maya.marselia@ymail.com

Abstrak

Sistem informasi Sanggar Tari Melayu Bougenvillehingga saat ini merupakan sistem informasi offline,dimana informasi hanya dibuat secara manual baikmelalui dokumen-dokumen yang tersimpan, media cetakmaupun lewat papan pengumuman yang terpasang dilingkungan sanggar. Kasus semacam ini terjadidikarenakan informasi hanya biar diperoleh waktu-waktu tertentu saja sehingga penyampaian informasidirasa kurang efektif mengingat daya jangkau informasiyang masih sempit dan terbatas. Sistem informasimanual yang telah ada dikembangkan menjadi sisteminformasi digital (komputerisasi) dalam bentuk sebuahwebsite online. Sistem ini menggunakan HTML(HyperText Markup Language) yang merupakan bahasadasar dalam pembuatan website. Agar website tampaklebih dinamis dan menarik, maka dalam HTML tersebutakan disisipkan pemrograman yang digunakan adalahPHP dengan Adobe Dreamweaver CS3 sebagai editorsedangkan database yang digunakan adalah MySQL.Melalui perkembangan sistem ini akses informasi dapatdilakukan kapanpun dan dimanapun tanpaberhubungan secara langsung dengan sumberiniformasi yang ada dan dengan adanya prosespendaftaran anggota secara online dapat memudahkanmasyarakat untuk mendaftar dengan cepat.

Kata kunci: sitem informasi, web

1. Pendahuluan

Sejalan dengan perkembangan teknologiinformasi, semakin bertambah pula kemampuankomputer dalam membantu menyelesaikanpermasalahan-permasalahan di berbagai bidang.Komputer dapat didefinisikan sebagai alat elektronikyang mampu melakukan beberapa tugas yaitu menerimainput, memproses input sesuai dengan programnya,menyimpan perintah dan hasil dari pengolahan,menyediakan output dalam bentuk informasi sertabekerja secara otomatis.

Jaringan komputer merupakan salah satu dariperkembangan teknologi. Jaringan komputer pada saatini bukanlah sesuatu yang baru lagi. Jaringan komputeryang popular saat ini adalah internet. Melalui internet,siapapun dengan mudah dapat mengakses informasi.Internet mempunyai arti hubungan komputer dengan

berbagai tipe yang membentuk sistem jaringan yangmencakup seluruh dunia (jaringan komputer global)dengan melalui jalur telekomunikasi seperti telepon,radio link, satelit dan lainnya. Di dalamimplementasinya, internet sudah merambah ke hampirsemua sisi kehidupan bermasyarakat, berbangsa danbernegara, bahkan antar Negara (Internasional). Internetberperan dalam dunia politik, pemerintahan, sosialekonomi, bisnis, kebudayaan, pendidikan dansebagainya. Di bidang kebudayaan misalnya, internetberperan sebagai media penyebaran informasi mengenaikebudayaan itu sendiri dan sebagai media promosi.

Salah satu jenis kebudayaan yang perlu dijagakelestariannya adalah tari tradisional. Untuk menggali,mengapresiasi, dan menjaga ketahanan kebudayaantradisional tidak sedikit minat masyarakat yang inginmempelajari khususnya dibidang tari tradisional.Melihat minat masyarakat yang semakin meningkatmaka didirikanlah Sanggar Tari Melayu Bougenville.

Pada saat ini, sistem informasi yang disajikan olehSanggar Tari Melayu Bougenville diantaranya yaitusistem promosi, sistem pendaftaran, maupun sistempengumuman hasil pendidikan, masih bersifat manual.Melihat kondisi permasalahan di atas, maka penulismembuat suatu sistem informasi berbasis web. Aplikasiwebsite ini dapat dimanfaatkan oleh pihak Sanggar TariMelayu Bougenville sebagai sarana promosi,komunikasi dan interaksi dengan masyarakat.Masyarakat juga dimudahkan dalam hal mendapatkaninformasi mengenai Sanggar Tari Melayu Bougenville.Ini juga dimaksudkan untuk lebih menambah citraSanggar Tari Melayu Bougenville di kalanganmasyarakat umum.

Berdasarkan latar belakang diatas dapat dirumskanmasalah, yaitu :1. Perancangan sistem yang dibahas adalah sistem

informasi yang akan menampilkan informasi yangberhubungan dengan Sanggar Tari MelayuBougenville. Mencakup profil sanggar,kepengurusan, keanggotaan, kegiatan sanggar, bukutamu dan pendaftaran online.

2. Website ini disajikan dengan server AppServ,MySQL dan script php serta dibuat dengan softwaretambahan yaitu Adode Dreamweaver CS3 dan AdobePhotoshop.

Seminar Nasional Teknologi Informasi dan Multimedia 2015STMIK AMIKOM Yogyakarta, 6-8 Februari 2015

ISSN : 2302-3805

4.7-64

Agar penelitian ini tidak melebar, maka masalah dalampenelitian dibatasi menjadi : Bagaimana CaraMembangun Sistem Informasi Sanggar Tari MelayuBougenville Berbasis Web”, sehingga mempermudahmasyarakat atau anggota sanggar dalam memperolehinformasi data terbaru yang dimiliki sanggar dengancepat.

Tinjauan Pustaka

SistemPada dasarnya, pengertian sistem menurut bukuPengenalan Sistem Informasi adalah sekumpulanelemen yang saling terkait atau terpadu yangdimaksudkan untuk mencapai suatu tujuan. Sebagaigambaran, jika dalam sebuah sistem terdapat elemenyang tidak memberikan manfaat dalam mencapai tujuanyang sama, maka elemen tersebut dapat dipastikanbukanlah bagian dari sistem.[3] Sedangkan menurutJogiyanto (2001:2)[2] “Sistem adalah kumpulan darielemen-elemen yang berinteraksi untuk mencapai suatutujuan tertentu”.

InformasiMenurut McFadden, dkk dalam buku yang berjudulPengenalan Sistem Informasi mendefinisikan bahwa”Informasi adalah data yang telah diproses sedemikianrupa sehingga meningkatkan pengetahuan seseorangyang menggunakan data tersebut” (Abdul Kadir,2003:31)[3]. Sedangkan pendapat Davis ”Informasiadalah data yang telah diolah menjadi sebuah bentukyang berarti bagi penerimanya dan bermanfaat dalampengambilan keputusan saat ini atau saat mendatang”(Abdul Kadir, 2003:31)[3].Jadi, informasi adalah data yang sudah diolah menjadisuatu bentuk lain yang lebih berguna yaitu pengetahuanatau keterangan yang ditujukan bagi penerima dalampengambilan keputusan, baik masa sekarang atau yangakan datang.

Sistem InformasiPengertian sistem informasi menurut buku PengenalanInformatika Perspektif Teknik Dan Lingkunganmerupakan sebuah organisasi informasi yang terdiri atasbagian – bagian yang terkoneksi untuk mencapai tujuantertentu. [5]

Menurut pendapat Alter dalam buku yang berjudulPengenalan Sistem Informasi “Sistem Informasi adalahkombinasi antara prosedur kerja, informasi orang, danteknologi informasi yang diorganisasikan untukmencapai tujuan dalam sebuah organisasi” (AbdulKadir, 2003:11)[3]. Sedangkan menurut pendapatGelinas, Oram dan Wiggins “Sistem Informasi adalahsuatu sistem buatan manusia yang secara umum terdiriatas sekumpulan komponen berbasis komputer danmanual yang dibuat untuk menghimpun, menyimpan,dan mengelola data serta menyediakan informasi

keluaran kepada para pemakai” (Abdul Kadir,2003:11)[3].

World Wide WebWorld Wide Web (WWW), lebih dikenal dengan web,merupakan salah satu layanan yang didapat olehpemakai komputer yang terhubung ke internet.Web pada awalnya adalah ruang informasi dalaminternet, dengan menggunakan teknologi hyperteks,pemakai dituntun untuk menemukan informasi denganmengikuti link yang disediakan dalam dokumen webyang ditampilkan dalam browser web. [1]

Basis DataDatabase (Basis Data) adalah sebuah organisasipenyimpanan data yang bertujuan untuk menjagaketersediaan data, integritas atau konsistensi data,efisiensi dalam update dan retrieval (pengambilankembali) data serta efisiensi dalam penyimpanannya.Basis data ini berfungsi sebagai pangkalan data sebuahsistem informasi.[3]

Pengertian PHPMenurut dokumen resmi PHP, PHP singkatan dari PHPHypertext Preprocessor. Merupakan bahasa berbentukskrip yang ditempatkan dalam server dan diproses diserver. Hasilnyalah yang dikirimkan ke klien, tempatpemakai menggunakan browser.

Secara khusus, PHP dirancang untuk membentuk webdinamis. Artinya, dapat membentuk suatu tampilanberdasarkan permintaan terkini. Misalnya, Anda bisamenampilkan isi database ke halaman Web. Padaprinsipnya, PHP mempunyai fungsi yang sama dengnaskrip-skrip seperti ASP (Active Server Page), ColdFusion, ataupun Perl.

Yang menarik, kode PHP bisa berkomunikasi dengandatabase dan melakukan perhitungan-perhitungan yangkompleks. Pada saat ini, PHP cukup popular sebagaipiranti pemprograman Web, terutama di lingkunganLinux. Walaupun demikian, PHP sebenarnya juga dapatberfungsi pada server-server yang berbasis UNIX,Windows NT, dan Macintosh. Bahkan versi untukWindows 95/98 pun tersedia.Pada awalnya, PHP dirancang untuk diintegrasikandengan web server Apache. Namun, belakangan PHPjuga dapat bekerja dengan web server seperti PWS(Personal Web Server), IIS (Internet InformationServer), dan Xitami.[4]

Tata Laksana Sistem BerjalanTata laksana sistem berjalan adalah gambaran umumtentang sistem yang digunakan selama ini yang telahditerapkan pada Sanggar Tari Melayu Bougenville.Sistem ini dibuat agar tidak ada penyimpangan sertakesalahan yang tidak diinginkan selama Sanggar TariMelayu Bougenville. Berikut ini adalah diagram sistemberjalan yang telah diuraikan dalam bentuk diagramkonteks, diagram overview dan diagram rinci :

Seminar Nasional Teknologi Informasi dan Multimedia 2015STMIK AMIKOM Yogyakarta, 6-8 Februari 2015

ISSN : 2302-3805

4.7-65

Diagram konteks merupakan diagram level tertinggi daridiagram arus data yang menggambarkan masukan(input) ke dalam sistem dan keluaran (output) darisistem. Diagram ini terdiri dari 5 (lima) entitas, yaitucalon anggota, anggota, sekretaris, koordinator danpimpinan. Kelima entitas tersebut melakukan interaksiterhadap sistem informasi Sanggar. Arus data yangterjadi sepanjang interaksi antara sistem dengan kelimaentitas tersebut dapat dilihat pada diagram konteksberikut ini :

Gambar 1. Diagram konteks Sistem Berjalan Pada SanggarTari Melayu Bougenville

Diagram OverviewDiagram Overview merupakan diagram yangmenggambarkan keseluruhan proses yang terjadi didalam sistem berupa arus data yang mengalir dari danmenuju ke sistem serta tempat penyimpanan data. Selainitu, diagram Overview juga menunjukkan urutan-urutanproses utama dalam sebuah sistem dan menunjukkanpenyimpanan data dari diagram konteks. DiagramOverview sistem berjalan pada Sanggar Tari MelayuBougenville adalah sebagai berikut :

Gambar 2. Diagram Overview Sistem Berjalan PadaSanggar Tari Melayu Bougenville

Diagram Alir Data level 1 Proses PendaftaranAnggota

Gambar 3. DAD level 1 Proses Pendaftaran AnggotaSistem Berjalan Pada Sanggar Tari Melayu Bougenville

Diagram Alir Data level 1 Proses Pencatatan DataMaster

Gambar 4. DAD level 1 Proses Penginputan AnggotaSistem Berjalan Pada Sanggar Tari Melayu Bougenville

Diagram Alir Data level 1 Proses PembuatanLaporan

Gambar 5. DAD Level 1 Proses Laporan SistemBerjalan Pada Sanggar Tari Melayu Bougenville

Analisa Kelemahan Sistem BerjalanBerdasarkan gambaran umum tentang sistem informasisanggar yang saat ini digunakan pada Sanggar TariMelayu Bougenville, maka dilakukan proses analisispenyebab adanya permasalahan seperti penyediaan

Seminar Nasional Teknologi Informasi dan Multimedia 2015STMIK AMIKOM Yogyakarta, 6-8 Februari 2015

ISSN : 2302-3805

4.7-66

informasi yang dibutuhkan dalam waktu cepat tetapimasih memerlukan waktu yang cukup lama. Sistem yangdigunakan pada saat ini masih mempunyai kekuranganterutama dalam penyediaan informasi tentang sistempromosi dan sistem pendaftarannya. Proses analisis yangdilakukan adalah sebagai berikut:

Identifikasi Penyebab MasalahBerdasarkan analisis gambaran umum sistem informasiyang saat ini digunakan Sanggar Tari MelayuBougenville terdapat beberapa masalah pada sistemyang digunakan pada saat ini. Contohnya yaitu sistempromosinya yang hanya melalui pembagian brosurkepada pelajar maupun mahasiswa setiap menjelangtahun ajaran baru dan sistem pendaftaran dengan carapengambilan dan pengisian formulir oleh para calonanggota secara langsung di tempat pendaftaran.

Hasil Analisis Penyebab MasalahBerdasarkan identifikasi penyebab masalah pada sistemberjalan di atas, maka dapat disimpulkan bahwa sisteminformasi Sanggar Tari Melayu Bougenville yangditerapkan selama ini masih terdapat kekurangan danbelum dapat memenuhi kebutuhan informasi bagimasyarakat, anggota dan pengurus sanggar sepertisistem promosinya yang hanya melalui pembagianbrosur kepada pelajar maupun mahasiswa setiapmenjelang tahun ajaran baru dan sistem pendaftarandengan cara pengambilan dan pengisian formulir olehpara calon anggota secara langsung di tempatpendaftaran dengan waktu yang sangat terbatas yangtelah ditentukan oleh pihak sanggar.

Rekomendasi Pemecahan Masalah Sistem BerjalanMasalah utama pada sistem informasi yang digunakansekarang ini harus dilakukan perbaikan dan salah satusolusinya adalah menciptakan sebuah sistem informasidigital (komputerisasi) dalam bentuk sebuah websiteonline. Tujuan dari perancangan sistem ini adalahmemberikan kemudahan dalam penyampaian informasiMengenai Sanggar Tari Melayu Bougenville yang adasecara luas tidak hanya untuk para pngurus dan anggotasanggar tetapi juga untuk dapat diakses oleh masyarakatumum melalui internet. Melalui pengembangan sistemini akses informasi dapat dilakukan kapanpun dandimanapun tanpa harus berhubungan secara langsungdengan sumber informasi yang ada dan dengan adanyaproses pendaftaran anggota secara online dapatmemudahkan masyarakat untuk mendaftar dengancepat.

3. Pembahasan

Rancangan sistem informasi ini digambarkan penulisdengan menggunakan diagram arus data atau Data FlowDiagram (DFD). Diagram arus data ini merupakan alatbantu yang menggambarkan aliran data masukan dankeluaran dari sistem.

Diagram Konteks

Gambar 6. Diagram konteks Sistem Usulan PadaSanggar Tari Melayu Bougenville

Diagram Overview

Gambar 7. Diagram Overview Sistem Usulan PadaSanggar Tari Melayu Bougenville

ER-ModelEntity Relationship Model ini digunakan untukmemodelkan data berdasarkan objek-objek besertarelationship yang ada pada identifikasi permasalahanyang akan diselesaikan. Pemodelan ini dilakukan sesuaidengan tahap-tahap berikut ini :

1. Menentukan entity-entity yang ada

Seminar Nasional Teknologi Informasi dan Multimedia 2015STMIK AMIKOM Yogyakarta, 6-8 Februari 2015

ISSN : 2302-3805

4.7-67

Objek-objek yang dapat menjadi entity-entityadalah Admin, Buku tamu, Daftar, Kegiatan,Anggota, News.

2. Menentukan atribut-atribut dan atribut kunci daritiap-tiap entity.

Tabel 1. Atribut dari entityEntity Atribut

Admin User, id, pass, sesi, aktifBukutamu

Id, tgl, name, email, address, isi

Daftar Nama, nama_pgl, alamat1, alamat2,tpl_lahir, tgl_lahir, bln_lahir, thn_lahir,agama, status, hobbi, nama_sklh,almt_sklh, prestasi, nm_ayah, nm_ibu,krj_ayah, krj_ibu, bahasa, tinggi, ukuran,tgl_daftar, tgl_login, hp, telepon, online,hostname, photo

Kegiatan Id, nm_kegiatan, isi_kegiatan, tanggal,kegiatan_hit, gambar

Anggota Mid, user, pass, sesi, nama, nama_pgl,alamat1, alamat2, tpl_lahir, tgl_lahir,bln_lahir, thn_lahir, agama, status, hobbi,nama_sklh, almt_sklh, prestasi, nm_ayah,nm_ibu, krj_ayah, krj_ibu, bahasa, tinggi,ukuran, tgl_daftar, tgl_login, telepon, hp,online, hostname, photo

News Id, news_sumber, news_judul,news_head, news_isi, news_gambar,news_hit, news_tanggal

Sanggar_counter

Id

3. Menentukan relationship antar entity

Tabel 2. relationship antar entityEntity Relationship Entity

Anggota Mengisi Buku Tamu

4. Menentukan cardinality rasio dari relationship3

Tabel 3. cardinality rasio dari relationshipEntity Relationship Entity Cardinality

RasioAnggota Mengisi Buku

TamuM:1

Entity Relationship Model Sistem Informasi Sanggar

Gambar 8 ER Model Sistem Informasi Sanggar TariMelayu Bougenville

Operasional ProgramSistem informasi Sanggar Tari Melayu Bougenvilleberbasis web ini terdiri dari dua halaman utama yaituhalaman utama pengunjung dan halaman utamanpetugas.

Halaman Utama PengunjungHalaman ini adalah halaman yang akan muncul pertamakali ketika pengunjung membuka situs Sanggar TariMelayu Bougenville. Pada halaman utama ini terdapat 2form yaitu form login anggota untuk melihat biodataanggota secara detail dan form pencarian anggota untukmencari nama anggota. Pada halaman utama pengunjungini juga terdapat menu yaitu muka, tarian, prestasi,pengurus, contact, anggota, kegiatan, buku tamu,kurikulum dan login admin. Desain halaman utamapengunjung dan desain menu yang ada didalamnyahalaman utama dari Sanggar Tari Melayu Bougenvilleadalah sebagai berikut :

Seminar Nasional Teknologi Informasi dan Multimedia 2015STMIK AMIKOM Yogyakarta, 6-8 Februari 2015

ISSN : 2302-3805

4.7-68

Gambar 9. Tampilan Halaman Menu Utama Pengunjung

Halaman Utama AdminHalaman utama petugas ini merupakan halaman khususbagi petugas atau administrator. Petugas masuk kehalaman ini dengan cara memasukkan username danpassword. Pada halaman ini petugas dapat melakukanpengolahan pada semua data yang ada didalam databasesanggar_bougenville. Pengelolaan Administratormeliputi penginputan, pengeditan dan penghapusandata, pembuatan laporan anggota, dan laporan kegiatansanggar. Tampilan halaman utama petugas dari SistemInformasi Sanggar Tari Melayu Bougenville adalahsebagai berikut :

Gambar 10. Tampilan Halaman Login Admin

Kesimpulan

1. Sistem informasi yang saat ini digunakan SanggarTari Melayu Bougenville terdapat beberapa masalahcontohnya yaitu sistem promosinya yang hanyamelalui pembagian brosur kepada pelajar maupunmahasiswa setiap menjelang tahun ajaran baru dansystem pendaftaran dengan cara pengambilan danpengisian formulir oleh para calon anggota secaralangsung di tempat pendaftaran.

2. Dengan sistem informasi digital (komputerisasi)dalam bentuk sebuah website on-line akanmemberikan kemudahan dalam penyampaianinformasi Mengenai Sanggar Tari MelayuBougenville yang ada secara luas tidak hanya untukpara pengurus dan anggota sanggar tetapi juga untukdapat diakses oleh masyarakat umum melaluiinternet.

Daftar Pustaka[1]. Betha Sidik, Ir. dan Husni Iskandar Pohan, Ir., M.Eng.

Pemprograman Web dengan HTML. Bandung. 2007[2]. Hartono, Jogiyanto, MBA, Ph.D., Analisis & Disain,

Yogyakarta: Penerbit Andi. 1989[3]. Kadir, A. Dasar Pemprograman Web Dinamis Menggunakan

PHP. Yogyakarta: Penerbit Andi. 2002[4]. Prasetyo, I. R. Rancang Bangun Database Sistem Informasi

Siswa Menggunakan MySQL 5 dan Borland Delphi 7 Pada SMKNegeri 3 Pontianak. Program Diploma Komputer PoliteknikNegeri Pontianak: Tugas Akhir tidak diterbitkan. 2009

[5]. Purnomo, H. Com, M. dan Zacharias, T. Pengenalan InformatikaPerspektif Teknik dan Lingkungan. Yogyakarta: Andi. 2005

Maya Marselia, D3 Politeknik Negeri PontianakJurusan Teknik Komputer dan Jaringan, S1 UniversitasPendidikan Indonesia Bandung, dan saat ini sedangberada di progam pendidikan Pasca Sarjana MegisterTeknologi Informasi AMIKOM Yogyakarta.