SISTEM INFORMASI KEGIATAN MASJID BERBASIS MOBILE WEB (STUDI KASUS : MASJID NURUL ANWAR PERUMAHAN BUMI CITRA FAJAR SIDOARJO) Indra Fahruddin , M.Noor Al Azam Program Studi Sistem Informasi Fakultas Teknik Komputer Universitas Narotama Surabaya
[email protected],
[email protected]
Abstrak Perkembangan jaman yang kian melesat diiringi dengan kebutuhan untuk mendapatkan informasi yang sangat cepat, tepat dan akurat sangat mempengaruhi pola hidup manusia, hal ini juga akan mempengaruhi perkembangan ilmu pengetahuan dan kemajuan teknologi (IPTEK). Hampir setiap hari bahkan setiap waktu bermunculan teknologi-teknologi baru yang tercipta berkat kemajuan IPTEK tersebut yang dapat membantu dan mempermudah pekerjaan manusia khususnya informasi mengenai kegiatan masjid. Masjid Nurul Anwar merupakan masjid yang terletak di Perumahan Bumi Citra Fajar Sidoarjo, letak yang strategis menjadikan Masjid Nurul Anwar selalu ramai oleh jamaah. Informasi tentang kegiatan masjid yang kurang menjadikan jamaah tidak tahu misalnya tentang jadwal pengajian maupun jadwal sholat. Berdasarkan permasalahan diatas maka dibuatlah sebuah Sistem Informasi Kegiatan Masjid Berbasis Mobile Web, Sistem Informasi ini menggunakan bahasa pemrograman php dan database menggunakan MySql. Mobile Web digunakan karena sebagian besar jamaah memiliki ponsel yang minimal dapat mengakses situs internet. Dengan kemudahan tersebut jamaah dapat mengakses Sistem Informasi Kegiatan Masjid dimana pun dengan menggunakan ponsel. Kata Kunci : Sistem Informasi Kegiatan Masjid, Mobile Web, PHP, MySql
I.
PENDAHULUAN
Latar Belakang Sistem informasi di Masjid Nurul Anwar Perumahan Bumi Citra Fajar Sidoarjo masih dilakukan secara manual (paper based). Hal ini menyebabkan kurangnya tingkat efisiensi dari pengambilan data pada saat dibutuhkan dan kurangnya sosialisasi informasi kegiatan masjid kepada jamaah. Pada era globalisasi ini laju teknologi informasi dan terutama pengembangan sistem informasi sudah merupakan kebutuhan primer di segala bidang usaha. Sistem Informasi merupakan alat bantu untuk mengatasi keterbatasan dalam memecahkan permasalahan yang membutuhkan tingkat kecepatan dan keakuratan yang cukup tinggi. Pengolahan data dalam jumlah yang banyak sangatlah membuang waktu jika harus dikerjakan dengan sistem manual, oleh karena itu penulis ingin membangun dan merancang sistem informasi kegiatan masjid berbasis mobile web dengan studi kasus di Masjid Nurul Anwar Perumahan Bumi Citra Fajar Sidoarjo.
Rumusan Masalah Bagaimana merancang dan membangun Sistem Informasi Kegiatan Masjid berbasis mobile web ? Batasan Masalah 1.
2.
3.
4. 5.
Sistem informasi kegiatan masjid ini mengelola data kegiatan masjid yaitu jadwal sholat fardlhu, jadwal sholat jumat, jadwal pengajian Laporan yang dihasilkan pada sistem informasi ini adalah : a. Laporan Jadwal Sholat Fardlhu b. Laporan Jadwal Sholat jumat c. Laporan Jadwal Pengajian Sistem informasi kegiatan masjid ini dibuat berbasis mobile web dengan menggunakan web server apache Sistem informasi kegiatan masjid ini menggunakan bahasa pemrograman php Sistem informasi kegiatan masjid ini menggunakan database mysql
Tujuan Mempermudah pengurus masjid dalam mengatur jadwal sholat fardhlu, jadwal sholat jum’at, jadwal pengajian di Masjid Nurul Anwar Perumahan Bumi Citra Fajar Sidoarjo. Manfaat Jamaah lebih mudah mengetahui informasi seputar kegiatan masjid yaitu : jadwal sholat rawatib, jadwal sholat jum’at, jadwal pengajian di Masjid Nurul Anwar Perumahan Bumi Citra Fajar hanya dengan menggunakan mobile phone. II. LANDASAN TEORI
baris dan setiap baris mengandung satu atau beberapa kolom (Kardi, 2004, p.348). DDL (Data Definition Languages) DDL digunakan untuk mendefinisikan, mengubah, serta menghapus basis data dan objekobjek yang diperlukan dalam basis data, misalnya tabel, view, user, dan sebagainya. Secara umum, DDL yang digunakan adalah create untuk membuat objek baru, use untuk menggunakan objek, alter untuk mengubah objek yang sudah ada, dan drop untuk menghapus objek. DDL digunakan oleh administrator basis data dalam pembuatan sebuah aplikasi basis data. 1. 2.
Mengunakan Perintah create. Menggunakan Perintah Alter
PHP PHP singkatan dari Personal Home Page Tools, adalah sebuah bahasa scripting yang dibundel dengan HTML, yang dijalankan disisi server. Sebagian besar perintahnya berasal dari C, Java dan Perl dengan beberapa tambahan fungsi khusus PHP. Bahasa ini memungkinkan para pembuat aplikasi web menyajikan halaman HTML dinamis dan interaktif dengan cepat dan mudah, yang dihasilkan server. PHP juga dimaksudkan untuk mengganti teknologi lama seperti CGI (Common Gateway Interface). PHP singkatan dari Hypertext Preprocessor. PHP merupakan bahasa berbentuk skrip yang ditempatkan dalam server dan diproses server. Hasil akan dikirim pada nomor yang mengirimkan pesan pendaftaran member. Secara khusus PHP dirancang untuk membentuk web dinamis. PHP adalah salah satu bahasa pemrograman dalam pembuatan web. PHP bersifat server side dan bisa dikoneksikan dengan database seperti MySQL, PostgreSQL, SQL server, oracle dsb. Kareba PHP bersifat server side, maka untuk dapat menjalankan PHP pada browser, maka anda diharuskan terlebih dahulu menginstall web server yang bisa anda dapatkan secara gratis dari internet,misalnya Apache, PHP Triad, PWS, Wammp, Xampp, dsb. MySQL MySQL (My Structured Query Language) adalah salah satu jenis database server yang sangat terkenal. Hal tersebut dikarenakan MySQL menggunakan SQL sebagai bahasa dasar untuk mengakses database. SQL adalah suatu bahasa permintaan terstruktur yang telah distandarkan untuk semua program pengakses database. Pada MySQL, sebuah database mengandung satu atau sejumlah tabel. Setiap tabel terdiri atas sejumlah
DML (Data Manipulation Language) DML berfungsi untuk memanipulasi data dalam database yang telah dibuat. Perintahperintah yang digunakan diantaranya : 1. Insert, menyisipkan atau menambahkan data baru kedalam tabel 2. Select, mengambil atau menampilkan data dari tabel. 3. Update, memperbaharui data yang lama ke data yang baru. 4. Delete, menghapus data dalam tabel.
III. ANALISA DAN PERANCANGAN SISTEM Analisa Masalah Di era teknologi yang serba digital ini, namun masjid sebagai tempat ibadah umat islam masih jarang tersentuh oleh teknologi ini. Sebagian besar masjid di Indonesia masih memakai sistem yang manual, seringkali masyarakat kesulitan untuk mengetahui informasi kegiatan di masjid khususnya informasi jadwal sholat fardhlu, jadwal sholat jumat, dan jadwal pengajian. Untuk memudahkan jamaah mengetahui informasi seputar kegiatan masjid tersebut maka penulis memberikan sebuah solusi yaitu merancang sistem informasi kegiatan masjid berbasis mobile web yang dapat diakses dimana saja dan kapan saja dengan sebuah mobile seluler, sedangkan bagi jamaah yang sedang online di komputernya dapat juga mengaksesnya.
Flowchart Sistem
Diagram Konteks
Untuk membuat sebuah sistem informasi kegiatan masjid yang baik maka diperlukan sebuah flowchart sistem. Pengurus masjid memberikan sebuah input manual data kegiatan masjid, kemudian dari satu input tersebut akan dipecah menjadi jadwal sholat dan jadwal pengajian. Kemudian dari jadwal pengajian harus dimasukkan dahulu data masternya yakni data ustadz dan kitab, setelah itu baru dimasukkan data transaksinya yakni jadwal pengajian, terakhir dari alur jadwal pengajian ini yaitu proses laporan. Sedangkan dari alur jadwal sholat akan dipecah lagi menjadi jadwal sholat fardlhu dan jadwal sholat jumat. Dari alur jadwal sholat fardlhu harus dimasukkan data master yakni data imam dan muadzin, kemudian dimasukkan data transaksinya kemudian baru diproses di laporan. Untuk jadwal sholat jumat agak sedikit berbeda yakni dimulai dari memasukkan data master yaitu data imam, muadzin, ustadz, dan bilal kemudian baru diproses di laporan. Alur terakhir dari semua data tersebut akan dicetak sebuah laporan. Untuk lebih jelasnya dapat dilihat di gambar 3.1 flowchart sistem.
Gambar 3.2 Diagram Konteks Gambar 3.2 diatas menunjukkan DFD konteks diagram dari sistem. Pada DFD tersebut terdapat tiga entity yaitu Pengurus Masjid, Admin, dan Jamaah. Pada DFD konteks diagram menggambarkan proses secara umum dari Sistem Informasi Kegiatan Masjid, yang didapatkan beberapa input data yang menghasilkan sebuah output setelah diproses oleh Sistem Informasi Kegiatan Masjid. Data Flow Diagram DFD Level 0 Data Imam Data Ustadz Data Kitab Data Muadzin
Data Imam 1
Data ustadz
Master
Data Kitab
Data Bilal
Data Muadzin Data Bilal
Data Imam
1
Imam
2
Ustadz
3
Kitab
4
Muadzin
5
Bilal
Data Ustadz Data Kitab
2
Data Muadzin
Transaksi
data Jadwal Pengajian
Data Bilal data Jadwal Sholat Fardlhu
ADMIN data Jadwal Sholat Fardlhu data Jadwal Sholat Fardlhu 3 Laporan
data Jadwal Sholat Jum'at data Jadwal Pengajian
6
Jadwal Sholat Fardlhu
7
Jadwal Sholat Jum'at
8
Jadwal Pengajian
data Jadwal Sholat Jum'at
data Jadwal Sholat Jum'at
Pengurus Masjid
data Jadwal Pengajian
Laporan Jadwal Sholat Fardlhu Laporan Jadwal Sholat Jum'at Laporan Jadwal Pengajian
Jamaah
Gambar 3.3 DFD Level 0 Pada gambar 3.3 DFD Level 0 Sistem Informasi Kegiatan Masjid yang terdapat tiga proses yaitu proses master, proses transaksi dan proses laporan. Pada gambar 3.4 DFD Level 0 terdapat tiga entity antara lain Admin, Pengurus Masjid, dan Jamaah. Pada gambar 3.4 dapat diketahui data yang diproses dan menghasilkan beberapa laporan yang dikirimkan kepada Jamaah.
Gambar 3.1 Flowchart Sistem
Conceptual Data Model (CDM) Imam
Jadwal Sholat Fardlhu
id_imam
Variable characters (5) <M> nama Variable characters (50) alamat Variable characters (50) kota Variable characters (50) no_hp Variable characters (20) telp_rmh Variable characters (15) email Variable characters (50) Identifier_1 ...
tgl_sholat imam_id muadzin_id sholat waktu
Relationship_1
Bilal
Relationship_5
id_bilal Variable characters (5) <M> nama Variable characters (50) alamat Variable characters (50) kota Variable characters (50) no_hp Variable characters (20) telp_rmh Variable characters (15) email Variable characters (50)
Date Variable characters (5) Variable characters (5) Variable characters (15) Time
Relationship_2 Relationship_3
Identifier_1 ...
Jadwal Sholat Jumat Ustadz id_ustadz Variable characters (5) <M> nama Variable characters (50) alamat Variable characters (50) kota Variable characters (50) no_hp Variable characters (20) telp_rmh Variable characters (15) email Variable characters (50)
Relationship_4
tgl_sholat waktu imam_id ustadz_id bilal_id muadzin_id materi
Date Time Variable Variable Variable Variable Variable
characters (5) characters (5) characters (5) characters (5) characters (50)
Muadzin Relationship_6
Identifier_1 ... Relationship_8 jadwal_pengajian Kitab kode_kitab Variable characters (5) <M> nama Variable characters (50) kriteria Variable characters (50) penulis Variable characters (50) penerbit Variable characters (50) Identifier_1 ...
Relationship_7
tgl_pengajian ustadz_id kitab_kode materi hari pukul tempat
Date Variable Variable Variable Variable Time Variable
characters (5) characters (5) characters (50) characters (15)
id_muadzin Variable characters (5) <M> nama Variable characters (50) alamat Variable characters (50) kota Variable characters (50) no_hp Variable characters (20) telp_rmh Variable characters (15) email Variable characters (50) Identifier_1 ...
characters (50)
Identifier_1 ...
Gambar 3.7 Conceptual Data Model Physical Data Model (PDM) Imam id_imam nama alamat kota no_hp telp_rmh email ...
Jadwal Sholat Fardlhu
varchar(5) varchar(50) varchar(50) varchar(25) varchar(20) varchar(15) varchar(50)
varchar(5) varchar(50) varchar(50) varchar(25) varchar(20) varchar(15) varchar(50)
tgl_sholat waktu id_imam id_ustadz id_bilal id_muadzin materi ...
date time varchar(5) varchar(5) varchar(5) varchar(5) varchar(50)
Kitab kode_kitab nama_kitab kriteria penulis penerbit ...
Gambar 4.1 Halaman Utama
date varchar(5) varchar(5) varchar(15) time
Jadwal Sholat Jumat
Ustadz id_ustadz nama alamat kota no_hp telp_rmh email ...
tgl_sholat id_imam id_muadzin sholat waktu ...
varchar(5) varchar(50) varchar(50) varchar(50) varchar(50)
Bilal id_bilal nama alamat kota no_hp telp_rmh email ...
Muadzin
Jadwal Pengajian tgl_pengajian id_ustadz kode_kitab materi hari pukul tempat ...
date varchar(5) varchar(5) varchar(50) varchar(15) time varchar(25)
varchar(5) varchar(50) varchar(50) varchar(25) varchar(20) varchar(15) varchar(50)
Gambar 4.1 merupakan halaman utama sistem informasi kegiatan masjid diantaranya terdiri dari menu profil, jadwal pengajian, jadwal sholat, data masjid, galeri, tentang kami.
id_muadzin nama alamat kota no_hp telp_rmh email ...
varchar(5) varchar(50) varchar(50) varchar(25) varchar(20) varchar(15) varchar(50)
Gambar 3.8 Physical Data Model IV. IMPLEMENTASI SISTEM Implementasi Program Pembuatan Sistem Informasi Kegiatan Masjid berbasis mobile web ini dengan menggunakan bahasa pemrograman php dan sistem informasi ini menggunakan database mysql. Sedangkan untuk emulator web berbasis mobile menggunakan opera mobile emulator 11 Tampilan Sistem Informasi Kegiatan Masjid Program Sistem Informasi Kegiatan Masjid akan membantu pengurus masjid untuk mengatur jadwal sholat fardlhu, jadwal sholat jumat, dan jadwal pengajian. Untuk masuk dalam Sistem Informasi dengan menggunakan browser dengan alamat http://localhost/masjid-nurul-anwar.
Gambar 4.3 Halaman Imam Gambar 4.3 merupakan halaman untuk memasukkan data imam yaitu ID Imam, nama, alamat, kota, no hp, telp rumah, email.
Gambar 4.6 merupakan halaman untuk memasukkan data bilal yaitu ID bilal, nama, alamat, kota, no hp, telp rumah, email.
Gambar 4.4 Halaman Ustadz Gambar 4.4 merupakan halaman untuk memasukkan data ustadz yaitu ID Ustadz, nama, alamat, kota, no hp, telp rumah, email.
Gambar 4.7 Halaman Kitab Gambar 4.7 merupakan halaman untuk memasukkan data kitab yaitu kode kitab, nama, kriteria, penulis, dan penerbit.
Gambar 4.5 Halaman Muadzin Gambar 4.5 merupakan halaman untuk memasukkan data muadzin yaitu ID muadzin, nama, alamat, kota, no hp, telp rumah, email. Gambar 4.8 Halaman Jadwal Pengajian Gambar 4.8 merupakan halaman untuk memasukkan data jadwal pengajian yaitu tanggal pengajian, ustadz, kitab, hari, waktu, dan tempat.
Gambar 4.6 Halaman Bilal
Saran dan Pengembangan Saran dan pengembangan yang dapat disampaikan dalam membangun sistem informasi kegiatan masjid berbasis mobile web adalah sebagai berikut: 1.
2. Gambar 4.9 Halaman Jadwal Sholat Fardlhu Gambar 4.9 merupakan halaman untuk memasukkan data jadwal sholat fardlhu yaitu tanggal sholat, ustadz, imam, muadzin, dan waktu.
Gambar 4.10 Halaman Jadwal Sholat Jumat Gambar 4.10 merupakan halaman untuk memasukkan data jadwal sholat jumat yaitu tanggal sholat, ustadz, bilal, imam, muadzin, waktu dan materi. V. KESIMPULAN DAN SARAN Kesimpulan Dari uraian bab-bab sebelumnya maka dapat ditarik suatu kesimpulan tentang sistem informasi kegiatan masjid berbasis mobile web yakni pengolahan data kegiatan masjid menjadi lebih mudah dan efektif serta jamaah mendapatkan informasi tentang kegiatan masjid menjadi lebih mudah.
Untuk kenyamanan jamaah dalam mencari informasi kegiatan masjid maka kelak penulis akan menambahkan fitur berbasis SMS yang akan secara otomatis mengirimkan SMS kepada jamaah tentang kegiatan masjid tersebut. Pembuatan tampilan yang lebih user friendly dan compatible dengan semua jenis handphone
DAFTAR PUSTAKA Kadir, Abdul. (1999). Konsep dan Tuntunan Praktis Basis Data. Yogyakarta : Andi Yogyakarta Lucas, Henry C. Jr. (1987). The Analysis, Design, and Implementation of Information Systems. . Jakarta : Erlangga. Kadir, Abdul, (2010). From Zero to A Pro : Membuat Aplikasi Laporan Menggunakan PHP. Yogyakarta : Andi Yogyakarta Nash, J.F., and Robert, M. B. (1984). Accounting Informasi System. New York : Macmillan Publishing Company. Nugroho, S. (n.d). Berbasis teknologi informasi. http://pariwisata.jogja.co.id Setyanto, A. (n.d). Sistem informasi berbasis multimedia. Retrieved Juli 27, 2010 from http://dosen.amikom.ac.id/download/artike l/Sistem%20Informasi%20Berbasis20%M ultimedia.doc. PHP. Retrieved Juli 30, 2010 from http://www.wikipedia.com Saputra, Agus. (2011). Trik dan Solusi Jitu Pemrograman PHP. Jakarta : PT Elex Media Komputindo Jakarta Sugiri, A.Md.,S.Pd dan Kurniawan, Budi,.S.Kom. (2007). Desain Web Menggunakan HTML dan CSS. Yogyakarta : Andi Yogyakarta Membangun web mobile berbasis php.Retrieved November 20, 2011 from .http://www.kiwilstudio.com Kadir, Abdul. (2004). Dasar Pemrograman Web Dinamis dengan. JSP. Yogyakarta : Graha Ilmu