20
Panduan SIM (Sistem Informas Masjid dan Mushola) KKN MAMUSDA 4.0 Institut Agama Islam Imam Ghozali (IAIIG) Universitas Nahdlatul Ulama Al Ghazali (UNUGHA) Cilacap Materi Pembahasan : 1. Profil Masjid 2. Agenda (+ Kategori) 3. Pengumuman 4. Sekilas Info 5. Tausiyah (+ Kategori) 6. Jadwal Jumat 7. Lap Infaq 8. Takmir 9. Lembaga 10. Layanan 11. Inventaris 12. Perpustakaan 13. Galeri 14. Video A. Pendahuluan SIM MAMUDA adalah sebuah Aplikasi Menagemen pengelolan Informasi public berbasis Web dan Android APP tentang pengelolaan Masjid di era 4.0. Aplikasi ini menggunakan Wordpress dengan Thema WPMASJID dari CIUSS.com Dalam materi panduan ini kita akan membahas bagaimana menggunakan Aplikasi Informasi Masjid dengan sederhana. Adapun beberapa hal yang akan muncul ketika dalam proses pembelajaran nantinya kita simpan sebagai ide berkembang yang mana di versi selanjutnya bisa ditambahkan dalam panduan ini. Dalam Aplikasi ini ada 2 tampilan View: - Tampilan Front END - Tampilan Back END Tampilan Front END adalah Tampilan Website MAMUSDA saat dilihat Oleh pengunjung website atau Aplikasi dari Android secara umum/public Tampilan Back End adalah tampilan pengelola Website mamusda yang hanya diaksea oleh User yang memiliki hak akses admin website MAMUSDA. Download Aplikasi

Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

  • Upload
    others

  • View
    11

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

Panduan SIM (Sistem Informas Masjid dan Mushola)

KKN MAMUSDA 4.0

Institut Agama Islam Imam Ghozali (IAIIG)

Universitas Nahdlatul Ulama Al Ghazali (UNUGHA) Cilacap

Materi Pembahasan :

1. Profil Masjid 2. Agenda (+ Kategori) 3. Pengumuman 4. Sekilas Info 5. Tausiyah (+ Kategori) 6. Jadwal Jumat 7. Lap Infaq 8. Takmir 9. Lembaga 10. Layanan 11. Inventaris 12. Perpustakaan 13. Galeri 14. Video

A. Pendahuluan

SIM MAMUDA adalah sebuah Aplikasi Menagemen pengelolan Informasi public berbasis Web

dan Android APP tentang pengelolaan Masjid di era 4.0. Aplikasi ini menggunakan Wordpress

dengan Thema WPMASJID dari CIUSS.com

Dalam materi panduan ini kita akan membahas bagaimana menggunakan Aplikasi Informasi

Masjid dengan sederhana. Adapun beberapa hal yang akan muncul ketika dalam proses

pembelajaran nantinya kita simpan sebagai ide berkembang yang mana di versi selanjutnya bisa

ditambahkan dalam panduan ini.

Dalam Aplikasi ini ada 2 tampilan View:

- Tampilan Front END

- Tampilan Back END

Tampilan Front END adalah Tampilan Website MAMUSDA saat dilihat Oleh pengunjung website atau

Aplikasi dari Android secara umum/public

Tampilan Back End adalah tampilan pengelola Website mamusda yang hanya diaksea oleh User yang

memiliki hak akses admin website MAMUSDA.

Download Aplikasi

Page 2: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

B. Mari Kita Mulai

Cara Mengkases Aplikasi SIM MAMUSDA

Pertama yang harus dilakukan sebelum masuk ke dalam Area BACK END Aplikasi MAMUSDA

adalah anda harus memiliki akses sebagai pengelola Website MAMUSDA (katakanlah dalam hal

ini disebut sebagai administrator Website MAMUSDA). Jika belum memiliki Akun Administrator di

Website MAMUSDA silahkan hubungi TIM DAP Panitia KKN 2019 atau melakukan request Form

registrasi di Website https://mamusda.unugha.ac.id/namadesa/login.php Akan tampil Halaman

Login seperti dibawah ini.

Catatan : pada Baris URL Domain diatas Pada Kata “namadesa” di-isi sesui dengan nama Desa

masing-masing.

Contoh : NamaDesa = Karangsari → https://mamusda.unugha.ac.id/karangsari/login.php/

Untuk Login Gunakan Email Anda Saat Mendaftar di Pendaftaran Peserta KKN 2019. Password

Akan di Informasikan pada Saat pelatihan.

Jika Berhasil Login dengan Benar maka akan tampil Halaman Dasboad Admin WebMasjid seperti

tampilan dibawah ini :

Page 3: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

1. Mulai dengan Memperbaharu Informasi Masjid

Untuk memulai Memperbaharu informasi Masjid pilih Menu “WP Masjid V1.2”

Kemudian Tampil Halaman Editor Profil Masjid :

Dari halaman ini Lengkapi informasi Masjid Berupa :

Page 4: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

Data Masjid :

Data Jadwal Sholat :

Page 5: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

Data Logo Masjid (Digunakan Untuk memperbaharui Logo Masjid dan Icon)

Data Kalimat / Informasi yang perlu di rename (Tidak Harus Dirubah)

Page 6: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

2. Menambah Informasi Data Takmir Masjid :

Pilih Menu disebelah Kiri ; Takmir Masjid :

Dihalaman ini Klik Tombo Tambah Baru – Untuk Menambahkan Data takmir Masjid yang ada di

Masjid tersebut. Format isian untuk nama takmir masjid bisa melihat pada halaman dibawah ini :

Bagian yang Harus disi adalah (Lihat gambar) :

1. Masukan Judul : Isi Nama Lengkap Takmir Masjid

2. Area Konten : isi Profile Singkat Takmir (missal tempat tinggalnya, Kata sambutanya)

3. Jabatan /Posisi Takmir : Di-isi Nama Jabatan Takmir tersebut (missal : Ketua, Bendahara,

Pengurus harian, dll)

4. Feature Image (disebelah Kanan) : Di isi dengan Foto Takmir masjid

1

2

3

4

Page 7: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

3. Menambah Agenda Kegiatan Masjid

Menambahkan Agenda Pada Website Masjid digunakan untuk memberikan informasi jadwal

kegiatan masjid agar mudah di ketahui oleh Warga sekitar melalui media publikasi SIM Mamusda ini.

Pilih menu Agenda : → Kemudian Klik tambah Baru dan selanjutnya Isi Informasi Agenda apa yang

ingin ditambahkan:

Contoh isian Agenda :

Setelah di isi sudah lengkap Klik Tombol Publish

Page 8: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

4. Menambahkan Informasi Pengumuman Masjid

Menu ini digunakan untuk memberikan informasi berupa pengumuman-pengumuman masjid

(Informasi berita Duka, Informasi Undangan Syukuran Warga dan lain-lain yang sesuai).

Untuk menambahkan informasi pengumuman di website Masjid Pilih Menu : Pengumuman → Klik

Tambah Pengumuman

5. Menambahkan Pesan berjalan Pada Website (Sekilas Info)

Informasi ini digunakan untuk memberikan informasi yang bersifat singkat dan cukup menarik bagi

pengunjung website karena sifatnya yang Runing Text (teks Berjalan) sehingga harapanya mampu

menarik pengunjung website agar senantiasa membaca. Pada “Sekilas Info“ sebaiknya berupa info

singkat yang tidak terlalu Panjang. Seperti dibawah ini contoh tampilan di Front End nya.

Untuk memulainya bisa melihat pada contoh isian gambar berikut ini :

Page 9: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

6. Informasi Tausiyah

Pada menu ini diperuntukan untuk memudahkan pengelola dalam memposting Tausiyah dari para

Imam Masjid/Mushola, dan Atau dari para Kyai referensi yang sesuai dengan Topik dan kategorinya

(dapan dikelompokan tema tausiyahya berdasarkan Kategori-kategori yang sesuai).

Contoh Tampilan Yang harus di isi pada Form tausiyah :

Menambah Materi Tausyiah

Menambah Kategori Tausyiah

Menambah Topik Tausyiah

Melihat Data tausiyah yg sdh ada

Isi tausiyah

Kategori

Topik

Foto Ilustrasi

Simpan

Page 10: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

7. Info Jadwal Sholat Jumat

Pada Menu ini digunakan untuk menginformasikan terkait pelaksanaan Sholat jumat, mulai Dari

Tanggal Sholat Jumatnya, Jam Mulai nya, Siapa Imam Sholat Jumat yang sudah di jadwalkan, Siapa

Khatib nya, Siapa Muadzin nya.

8. Informasi Infaq

Dimenu ini digunakan untuk memberikan informas tentang informasi Infaq yang dikelola oleh

masjid/mushola.

Form Tampilan Untuk mengisi Informasi Infaq Sebagai Berikut :

Sebelum menambah Informasi Infaq Terlebih dahulu Menambahkan Periode Wakaf dalam Nama

Tahun dan Nama Bulan agar memudahkan Pengelompokan Laporan Infaq.

Periode Tahun :

Page 11: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

Periode Bulan :

Setelah menambahkan kelompok Nama tahun dan Nama Bulan, barulah kemudian bisa

menambahkan “Laporan Infaq Baru” pada Menu Ifaq.

9. Informasi Wakaf

Selain informasi infaq diatas juga pengelola masjid/mushola dapat menambahkan informasi Wakaf

yang dikelola Masjid dimenu Wakaf.

Page 12: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

Informasi wakaf yang dapat di-isi dalam Form isian wakaf adalah sebagai berikut :

10. Informasi Lembaga-lembaga Masjid (RISMA, Kelompok Yasinan, dll)

Page 13: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

11. Informasi Layanan Masjid

Digunakan untuk memberikan informasi layanan yang dikelola masjid misalnya : Layanan Amil

Zakat, Madrasah, Pernikahan, Pemakaman, Muallaf Center, Konseling dan lain-lain.

12. Informasi Koleksi Perpustakaan Masjid (tambahkan sesuai dengan Koleksi yang ada)

Page 14: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

13. Galeri Foto-Foto Kegiatan Masjid

Digunakan Untuk Menghimpun Foto-foto kegiatan Lingkungan Masjid, dalam menu ini siapkan

terlebih dahulu foto-foto yang hendak di publish. Dan yang perlu diperhatihan dalam menyiapkan

foto-foto untuk galeri sebaiknya ukuran file foto tidak lebih dari 200kb (kilobyte) agar ketika proses

upload tidak terlalu lama dan juga ketika website masjid nantinya saat di lihat melalui aplikasi juga

tidak terlalu lama proses loadingnya.

Dalam menambahkan foto-foto ke menu galeri foto ini juga bisa dilakukan sekaligus banyak foto.

Cara menambahkan Foto dalam Jumlah Banyak :

Judul galeri Foto

Tambah Foto

Keterangan Singkat

Cover Album Foto

Gunakan Tombol Shift pada keyboard

untuk memilih lebih dari 1 gambar/foto

Page 15: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

14. Galeri Video Kegiatan/Video Inspiratif Lain

Dalam menu galeri video ini dapat dimanfaatkan untuk menampilkan informasi dalam bentuk

video. Dan untuk memulai terlebih dahulu menyiapkan video di website Yotube terlebih dahulu.

Dan Kemudian Dari Video yang sudah di upload di Youtube Copu ID Video yang sudah di Upload Ke

Form isian Galeri Video dibawah ini.

Dalam Kasus ini kami berasumsi para pembaca sudah terbiasa mengupload video ke Youtube.

Sehingga cukup menjelaskan bagaimana mencari ID Code Video nya.

ID Video Youtube diperoleh dari URL (alamat

video) youtube ingin ditambahkan. Pada

contoh: ID Vodeo nya yg bergaris bawah.

Page 16: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

15. Menambahkan Menu Atas Pada Aplikasi Mamusda

Untuk mengatur Menu Pilih menu Appreance :

Kemudian Pilih Menu :

Untuk membuat Menu baru Pertamakali Isi nama Menu pada Kolom isian dan kemudian Klik Create

New. Namun Jika Menu pada tampilan website masjid anda sudah ada Maka Cukup

Mengedit/Menambahkan menu Tambahan jika diperlukan.

Sehingga Menjadi Seperti dibawah ini :

1 2

Page 17: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

Menambahkan Agenda, Laporan Infaq, Wakaf kedalam List Menu Tampilan Atas.

Pastikan Bahwa Kelompak Field Agenda sudah ditampilkan dalam Screen Dasboard Masjid. Untuk

memastikan coba cek pada Opsi “Screen Options” pada Pojok Kanan Atas Halaman

Dan Ceklist pada Screen Options sudah terceklist sesuai Nama Pilihan yang akan ditampilkan dalam

Menu :

Sehinga Ceklist diatas akan muncul pada Pilihan Opsi Menu items di samping Menu Pilihan seperti

pada Gambar diabwah ini

Page 18: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

Untuk menambahk salah satu Jenis Item menu caranya sebagai berikut :

Step By Step :

1 → memberi Centang Pada Menu Item

2 → Klik Add To Menu -- Hingga menu yg terpilih Muncul di Daftar Menu Item Structure

3 → Save menu

Ulangi Step diatas sesuai dengan menu apasaja yang akan ditambahkan ke Daftar menu tampilan

sesuai dengan struktur menu nya.

Jika sudah save menu dengan Klik Tombol Save Menu

1

2

3

Page 19: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

16. Menambahkan Informas Profil, Sejarah Mesjid melalui Menu Page

Add New Pages :

Panduan Umum Ketika menambahan Feature Image pada Post dan Pages

Page 20: Panduan SIM (Sistem Informas Masjid dan Mushola) KKN

Pada Pemilihan gambar/Foto yang akan ditambahkan sebagai Feature Image atau Include didalam

Kontek Artikel/post. Sebaiknya ukuran Foto berdimensi maximal 300pixel x600pixel atau tidak lebih

dari 200kb (kilobyte).

Demikian Panduan SIM Masjid pada Edisi kali ini, Insyallah kedepan panduan ini akan terus

dikembangkan sesuai denan Fitur yang ada dalam SIM masjid ini.

Untuk Mengakses hasil dari Post informasi Pengelolaan Masjid dapat di Download Aplikasi di

Playstore dengan Kata Kunci “MAMUSDA” atau dapat juga dengan cara Menscan QRCODE dibawah

ini :

Aplikasi MAMUSDA menggunakan Thema WPMASJID Credit CIUSS.COM

TTD

Panitia KKN MAMUSDA 4.0

UNUGHA -IAIIG

Cilacap 2019