## SISTEM INFORMASI PENJADWALAN PETUGAS SHOLAT 5 WAKTU DAN JUM’AT PADA MASJID JAMI’ HUJJATUL ISLAM BERBASIS WEB MOBILE

## Sri Tita Faulina
Program Studi Manajemen Informatika, AMIK AKMI Baturaja Jl. A. Yani No. 267 A Baturaja, OKU, Sumatera Selatan
Email: SriTita@Yahoo.Co.id

## ABSTRAK
Dalam  penulisan  penelitian  ini  penulis  akan  menjelaskan  tentang  pembuatan  program sistem informasi penjadwalan petugas sholat 5 waktu dan sholat jum’at berbasis web mobile ini dengan menggunakn adobe dreaweaver cs 3.
Kebutuhan  -  kebutuhan  yang  di  perlukan  dalam  membangun  suatu  sistim  informasi yaitu mengunakan UML.database nya di buat menggunakan MySQL dan sistem informasi ini di kembangkan  menggunakan  adobe  dreamweaver.  Hasil  pengembangan  sistem  informasi  ini meliputi data petugas,data jadwal petugas sholat 5 waktu,data jadwal petugas sholat jum’at,data acara dan data kegiatan.
Kata Kunci : Jadwal, Sholat, Petugas

## ABSTRACT
In this writing the authors will explain about the making of information system scheduling program officers prayers 5 time and Friday prayers based on this mobile web by using adobe dreaweaver cs 3.
Needs - needs in need in building an information system that uses UML.database created using MySQL and this information system developed using adobe dreamweaver. The results of this  information  system  development  include  officer  data,  schedule  data  of  prayer  time  5, schedule data of Friday prayers, event data and activity data.
Keywords: Schedule, Prayer, Officer

## I. PENDAHULUAN 1.1  Latar Belakang
Sekarang  ini  kebutuhan  akan  informasi yang  akurat  sangatlah  diperlukan  untuk suatu instansi, organisasi maupun perusahaan.  Komputer  sesuai  fungsinya sebagai  alat  mengolah  data  untuk  menjadi informasi  yang  benar,  akurat  dan  tepat waktu.  Perkembangan  teknologi  internet yang  pesat  telah  memacu  munculnya berbagai  aplikasi  baru  termasuk  di  bidang teknologi informasi. Web mobile salah satu revolusi  di  bidang  informasi  berbasis teknologi  internet.  Web  mobile  diharapkan dapat dijadikan alternatif bagi
pengembangan  sistem  informasi  dengan biaya yang rendah.
Masjid  jami’  hujjatul  islam  merupakan salah  satu  masjid  yang  belum  memiliki sistem  informasi  yang  berbasis  web  mobile. Keterbatasan  dalam  menyediakan  informasi mengenai  penyusunan  penjadwalan  petugas yang belum menggunakan sistem komputerisasi  menjadi  hambatan  tersendiri bagi  masjid  jami’  hujjatul  islam  ini.  Maka dari  itu  sistem  informasi  penjadwalan petugas  sholat  5  waktu  dan  sholat  jum’at pada  masjid  jami’  hujjatul  islam  berbasis web  mobile  ini  sudah  saatnya  diperlukan guna  memberikan  kemudahan  bagi  pihak
masjid jami’ hujjaul islam dalam memberikan informasi mengenai penjadwalan petugas sholatnya. Dalam era komputerisasi ini pengolahan  data  dan  penyebaran  informasi dirasakan  kurang  efektif  dan  efisien  apabila sumber  itu  dalam  bentuk  tulisan  di  papan masjid  yang  sifatnya  mengandalkan  orang yang  bertugas  itu  datang  sendiri  kemasjid tersebut. Pada masjid jami’ hujjatul islam ini untuk proses penyampaian informasi mengenai  penjadwalan  petugas  sholat  5 waktu  dan  sholat  jum’at  dilakukan  secara manual.  Sehingga  menimbulkan  berbagai permasalahan  seperti  petugas  yang  tidak hadir  pada  saat  dia  bertugas    dan permasalahan  lainnya  yang  berhubungan dengan penjadwalan petugas sholat 5 waktu dan sholat jum’at. Hal ini menyulitkan para petugas  yang  akan  bertugas.  Berdasarkan uraian diatas maka penulis mengambil judul “Sistem  Informasi  Penjadwalan  Petugas Sholat 5 Waktu Dan Jum’at Pada Masjid Jami’  Hujjatul  Islam  Berbasis  Web Mobile”.

## II.  LANDASAN TEORI
2.1  Pengertian Sistem
Menurut  Tata  Sutabri  (2012:3),  Sistem adalah  suatu  kumpulan  atau  himpunan  dari unsur,  komponen,  atau  variabel  yang terorganisasi,  saling  berinteraksi,  saling tergantung satu sama lain dan terpadu.
Menurut Jogianto dalam Richo Deska Herwiatmoko dan Indah Uly Wardati (2005: 2),  mengemukakan  bahwa  sistem  adalah kumpulan dari elemen-elemen yang berinteraksi  untuk  mencapai  suatu  tujuan tertentu.  sistem  ini  menggambarkan  suatu kejadiankejadian  dan  kesatuan  yang  nyata adalah  suatu  objek  nyata,  seperti  tempat, benda, dan orang-orang yang betul-betul ada dan terjadi.
Jadi sistem adalah sekumpulan elemen  yang  berintegrasi,  saling  tergantung satu  sama  lain  yang  digunakan  untuk mencapai suatu tujuan tertentu.
2.2  Pengertian Informasi
Menurut Tata Sutabri (2012:22), Informasi adalah data yang telah
diklasifikasikan atau diolah atau
diinterpretasikan  untuk  digunakan  dalam proses pengambilan keputusan. Menurut Nurwansya dalam Mohammad  Arifin  Nurul  Qhomar,dkk (2010),Informasih merupakan hasil pengolahan  data  sehingga  menjadi  bentuk yang penting bagi penerimanya dan mempunyai  kegunaan  sebagai  dasar  dalam pengambilan keputusan yang dapat dirasakan akibatnya secara langsung saat itu juga  atau  secara  tidak  langsung  pada  saat mendatang.
Jadi  informasi  adalah  data  yang  telah diklasifikasikan  atau  di  olah  sehingga menjadi bentuk yang penting bagi penerimanya sebagai dasar dalam pengambilan keputusan baik secara
langsung atau tidak.

## 2.3  Sistem Informasi
Menurut  Tata  Sutabri  (2012:38)., Sistem  informasi  adalah  suatu  sistem didalam suatu organisasi yang mempertemukan kebutuhan pengolahan transaksi  harian  yang  mendukung  fungsi operasi  organisasi  yang  bersifat  manajerial dengan kegiatan strategi dari suatu
organisasi untuk dapat menyediakan laporan-laporan  yang  diperlukan  oleh  pihak luar tertentu. Menurut Budi Sutedjo dalam
Viviliana  Siang,  dkk  (2002:  h.11),  sistem informasi  merupakan  kesatuan  elemen- elemen  yang  saling  berinteraksi  secara sistematis  dan  teratur  untuk  menciptakan dan  membentuk  aliran  informasi  yang  akan mendukung  pembuatan  keputusan  dan melakukan kontrol terhadap jalannya perusahaan.
Jadi  Sistem  informasi  adalah  suatu sistem  didalam  suatu  organisasi  yang  saling berinteraksi  secara  teratur  yang  dapat menyediakan laporan-laporan
yang diperlukan  dalam  mendukung  pembuatan keputusan.

## 2.4  Pengertian Penjadwalan
Menurut Thomas E. Morton dan David
W.  Pentico  dalam  Cahyo  Edi  Widodo (2001:12),  penjadwalan  merupakan  proses pengorganisasian,  pemilihan  dan  penentuan waktu  penggunaan  sumber  daya  yang  ada untuk  menghasilkan output seperti  yang
diharapkan  dalam  waktu  yang  diharapkan pula. Penjadwalan merupakan bagian strategis proses perencanaan dan
pengendalian  produksi  serta  merupakan rencana  pengaturan  urutan  kerja  serta pengalokasian  sumber  baik  waktu  maupun fasilitas  untuk  setiap  operasi  yang  harus diselesaikan.

## 2.5  Pengertian Web Mobile
Menurut  Eko  Priyo  Utomo  (2013:3), web  mobile  merupakan  web  atau  halaman website  internet  yang  dapat  digunakan  atau diakses pada perangkat mobile.
Menurut  Fling  dalam  Th.  Devi Indriasari  dan  Thomas  Adi  Purnomo  Sidhi, (2009) Mobile  Web merupakan  platform yang  paling  mudah  untuk  dipelajari,  paling murah  untuk  diproduksi,  terstandarisasi, yang  paling  tersedia,  dan  paling  mudah untuk  didistribusikan;  sesuai  dengan  prinsip Ubiquity.
Jadi  web  mobile  adalah  web  atau halaman website yg dapat digunakan atau di akses  pada  perangkat  mobile  serta  mudah untuk dipelajari,paling
murah,terstandarisasi,yang tersedia dan paling mudah untuk didistribusikan

## 2.6  Pengertian PHP
Menurut  Agus  Saputra,  dkk  (2013:3), PHP  merupakan  suatu  bahasa pemrograman yang  di  fungsikan  untuk  membangun  suatu website  dinamis.  PHP  berjalan  pada  sisi server,  sehingga  PHP  di  sebut  juga  sebagai bahasa Server Side Scripring, artinya bahwa dalam setiap/untuk menjalankan PHP, wajib membutuhkan web
server
dalam menjalankannya.
Menurut  bunafit  nugroho  dalam Akhmad  Sholikhin  dan  Berliana  Kusuma Riasti  (2004),  PHP  (hypertext  preprocessor) adalah  Bahasa  program  yang  berbentuk skrip yang diletakkan di dalam serverweb . Jadi  PHP  adalah  suatu  bahasa pemrograman  berbentuk  skrip  yang  di letakan di dalam serverweb untuk membangun suatu website dinamis.

## 2.7  Pengertian MySQL
Menurut  Agus  Saputra,  dkk  (2013:7), MySQL  merupakan  salah  satu  database popular  dan  mendunia.  Intinya  MySQL
bekerja menggunakan SQl Language ( Structure  Query  Language ).  Itu  dapat diartikan bahwa MySQL merupakan standar penggunaan  database  di  dunia  untuk pengolahan data.
Menurut    Yakub  dalam  Akhmad Sholikhin  (2008),  MySQL  merupakan  salah satu aplikasi database yang digunakan untuk menyimpan data dalam sebuah aplikasi. SQL adalah suatu bahasa komputer yang mengikuti standar American National Standard  Institute (ANSI),  yaitu  sebuah bahasa  standar  yang  digunakan  untuk mengakses  dan  melakukan  manipulasi sistem database Jadi  MySQL  adalah  salah  satu aplikasi database yang  digunakan  untuk menyimpan data dalam sebuah aplikasi yang popular dan mendunia.

## 2.8  Pengertian Dreamweaver
Menurut  Eko  PriyoUtomo  (2013:16), adobe  dremweaver  merupakan  aplikasi penyunting  untuk  halaman  web  yang dikeluarkan  oleh  adobe  system  yang sebelumnya  dikenal  dengan  macromedia dreamwaver yang dikeluarkan oleh macromedia.

## 2.9  Pengertian UML
Menurut  Rosa  A.S  &  M.  Shalahuddin (2014 :137), UML merupakan bahasa visual untuk pemodelan dan komunikasi mengenai sebuah sistem dengan menggunakan diagram dan teks-teks pendukung. Ada beberapa diagram yang disediakan dalam uml antara lain: 2.10  Use Case Diagram Use case diagram ( use case ) merupakan  pemodelan  untuk  kelakuan sistem informasi yang akan dibuat. Use case mendeskripsikan  sebuah  interaksi  antara satu  atau  lebih  aktor  dengan  sistem informasi yang akan dibuat. Secara kasar use case digunakan untuk mengetahui fungsi apa saja  yang  ada  didalam  sebuah  sistem informasi  dan  siapa  saja  yang  berhak menggunakan fungsi-fungsi itu.
Syarat  penamaan  pada use  case adalah nama didefinisikan sesimpel
mungkin  dan  dapat  dipahami.  Ada  dua  hal
utama pada use case yaitu pendefinisian apa yang disebut actor dan use case .

## 2.11  Activity Diagram
Activity  diagram  menggambarkan workflow  (aliran  kerja)  atau  aktivitas  dari sebuah  sistem  atau  proses  bisnis  atau  menu yang  ada  pada  perangkat  lunak.  Yang  perlu diperhatikan  disini  adalah  bahwa  diagram aktivitas  menggambarkan  aktivitas  sistem bukan  apa  yang  dilakukan  aktor,  jadi aktivitas yang dapat dilakukan oleh sistem.
Diagram aktivitas juga banyak digunakan  untuk  mendefinisikan  hal-hal berikut: 1. Rancangan  proses  bisnis dimana  setiap urutan  aktivitas  yang  digambarkan merupakan proses bisnis yang didefinisikan. 2. Urutan  atau  pengelompokan  tampilan dari sistem/ user interface dimana setiap aktivitas  dianggap  memiliki  sebuah rancangan antar muka tampilan.
3. Rancangan  pengujian  dimana  setiap aktivitas  dianggap  memerlukan  sebuah pengujian  yang  perlu  didefinisikan kasus ujinya.
4. Rancangan  menu  yang  ditampilkan pada perangkat lunak.

## 2.12  Sequence Diagram
Sequence diagram adalah menggambarkan  kelakuan  objek  pada use
case dengan  mendeskripsikan  waktu  hidup objek  dan message yang  dikirimkan  dan diterima antar objek.

## 2.13  Class Diagram
Class diagram menggambarkan struktur sistem dari segi pendefinisian kelas- kelas  yang  akan  dibuat  untuk  membangun sistem.  Kelas  memiliki  apa  yang  disebut atribut  dan  metode  atau  operasi  (Rosa  A.S ,M.Shalahuddin, 2015:141).
1) Atribut  merupakan  variabel-variabel yang dimiliki oleh suatu kelas.
2) Operasi  atau  metode  adalah  fungsi- fungsi yang dimiliki oleh suatu kelas.

## III. HASIL DAN PEMBAHASAN
3.1 ANALISIS DAN PERANCANGAN
3.1.1  Analisis Sistem Salah satu tujuan dari sistem informasi  penjadwalan  petugas  ini  adalah agar  masyarakat  dapat  tau  siapa  petugas yang bertugas saat itu.

## 3.1.2  Perancangan Sistem
Rancangan hasil analisis pada penelitian  ini,  dibuat  penulis  menggunakan diagram UML .  Dimana  penulis  akan memakai use case diagram, activity diagram, skenario, clas diagram, sequence diagram.

## 3.1.3  Use Case Diagram
User Admin <<in clud e> > <<extend>> <<ex tend> > Melihat Jadwal Melihat Petugas Edit Acara Hapus Acara Input Acara Melihat Acara Hapus Kegiatan Edit Kegiatan Input Kegiatan Melihat Kegiatan Hapus Jadwal Edit Jadwal Input Jadwal Melihat Jadwal Melihat Petugas Melihat Acara Melihat Kegiatan Login Logout Hapus Petugas Edit Petugas Input Petugas <<e xten d>> <<extend>> Data kegiatan Data acara data Jadwal Data petugas <<in clud e> > <<inc lude> > <<include> > <<in clud e> > <<include > > <<include> > <<include> > <<include> > <<include> > <<i nclu de> > << inc lud e> > <<inc lude> > <<include> > <<include> > <<include> >
Gambar 1 . Use Case Diagram
3.1.4  Class Diagram admin +id_admin +nama +username +password +get id_admin() +set nama() +set username() +set password() Kelola jadwal petugas +input data jadwal() +edit data jadwal() +hapus data jadwal() database +database +username +password +membuka koneksi() +eksekusquerylinsert() +eksekusqueryselect() +eksekusqueryupdate() +eksekusquerydelete() +tutupkoneksi() sholat +id +imam +muaziin +tanggal +waktu +jenis +get id() +set imam() +set muaziin() +set tanggal() +set waktu() +set jenis() Jum’at +id +imam +khotib +muaziin +mahsyrol +tanggal +get id() +set imam() +set khotib() +set muaziin() +set mahsyrol() +set tanggal() login validasi Kegiatan +id +kegiatan +jenis +tanggal +jam +get id() +set kegiatan() +set jenis() +set tanggal() +set jam() Acara +id +acara +pengisi_acara +tanggal +jam +get id() +set acara() +set pengisi_acara() +set tanggal() +set jam() Kelola kegiatan +input data kegiatan() +edit data kegiatan() +hapus data kegiatan() Kelola acara +input data acara() +edit data acara() +hapus data acara() Kelola petugas +input data petugas() +edit data petugas() +hapus data petugas() petugas +id +nama +alamat +no_hp +get id() +set nama() +set alamat() +set no_hp()
Gambar 2 . Clas Diagram
3.1.5 Desain Database Database Admin Tabel 1 . Tabel Admin Nama Type Size *Id_admin Inte(auto) 11 Nama Varchar 30 Username Varchar 30 Password Varchar 20 Tabel 2 . Waktu Nama Type Size *Id Int(auto) 12 Imam Varchar 30 Muaziin Varchar 30 Tanggal Varchar 15 Waktu Varchar 15 Jenis Varchar 30 Tabel 3. Jumat Nama Type Size *Id Int(auto) 12 Imam Varchar 30 Khotib Varchar 30 Muaziin Varchar 30 Mahsyrol Varchar 30 Tanggal Varchar 15 Tabel 4 . Kegiatan Nama Type Size *Id Int(auto) 12 Kegiatan Varchar 30 Jenis Varchar 30 Tanggal Varchar 30 Jam Varchar 30 Tabel 5 . Acara Nama Type Size *Id Int(auto) 12 Acara Varchar 30 Penggisi_acara Varchar 30 Tanggal Varchar 30 Jam Varchar 30
Tabel 6 Petugas Tabel. Tabel Petugas Nama Type Size *id Int 12 Nama Varchar 30 Alamat Varchar 30 No Hp Varchar 15 3.2 Rancangan Tampilan
3.2.1  Tampilan Halaman Menu Utama
Gambar Selamat datang di web kami beranda acara Jadwal petugas sholat 5 waktu Jadwal petugas sholat jum’at kegiatan petugas login Copy right 2016 xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx Gambar 3 . Menu Utama

## 3.2.2  Tampilan Daftar Petugas Sholat 5
Waktu Gambar Selamat datang di web kami Copy right 2016 Daftar Petugas Sholat 5 Waktu no imam muazi n tangg al waktu jenis
Gambar 4 . Daftar Petugas Sholat 5 Waktu

## 3.2.3  Tampilan Daftar Petugas Sholat
Jum’at Gambar Selamat datang di web kami Copy right 2016 Daftar Petugas Sholat Jum’at no imam muazin tanggal masyirol khotib
Gambar 5 . Tampilan Daftar Petugas Sholat Jum’at

## 3.2.4  Tampilan Daftar Kegiatan
Gambar Selamat datang di web kami Copy right 2016 Daftar Kegiatan no kegiatan tanggal jam jenis Gambar 6 . Tampilan Daftar Kegiatan
3.2.5  Tampilan Daftar Acara Gambar Selamat datang di web kami Copy right 2016 Daftar Acara no acara tanggal jam Pengisi acara
Gambar 7 . Tampilan Daftar Acara

## 3.2.6  Tampilan Daftar Petugas
Gambar Selamat datang di web kami Copy right 2016 Daftar petugas no nama No hp alamat Gambar 8 . Tampilan Daftar Petugas

## 3.2.7  Tampilan Login
Gambar Selamat datang di web kami Copy right 2016 Username password Gambar login Gambar 9 . Menu Login
3.2.8  Tampilan Input Jadwal Sholat Jum’at Selamat datang di web kami Copy right 2016 xxxxxxxxxxxxxxxxxxxxxx Imam : Muaziin : khotib : masyirol : tanggal : xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx Input Jadwal Sholat Jum’at Batal Simpan no imam muazin tanggal masyirol khotib
Gambar 10. Tampilan Input Jadwal Sholat Jum’at

## 3.2.9  Tampilan Input Jadwal Sholat 5
Waktu Selamat datang di web kami Copy right 2016 xxxxxxxxxxxxxxxxxxxxxx Imam : Muaziin : Jenis : Waktu l : tanggal : xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx Input Jadwal Sholat 5 Waktu Batal Simpan no imam muazin tanggal waktu jenis
Gambar 11 . Tampilan Input Jadwal Sholat
5 Waktu 3.2.10 Tampilan Input Kegiatan Selamat datang di web kami Copy right 2016 xxxxxxxxxxxxxxxxxxxxxx kegiatan : Tanggal : jenis : Jam : xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx Input Kegiatan Batal Simpan no kegiatan tanggal jam jenis
Gambar 12 . Tampilan Input Kegiatan

## 3.2.11 Tampilan Input Acara
Selamat datang di web kami Copy right 2016 xxxxxxxxxxxxxxxxxxxxxx Acara : Tanggal : Pengisi acara : Jam : xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx Input Acara Batal Simpan no acara tanggal jam Pengisi acara
Gambar 13 . Tampilan Input Acara 3.2.12  Tampilan Input Petugas Selamat datang di web kami Copy right 2016 xxxxxxxxxxxxxxxxxxxxxx nama : No hp : alamat : xxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxx Input Jadwal Sholat Jum’at Batal Simpan no nama No hp alamat
Gambar 14 . Tampilan Input Petugas

## 3.2.13  Tampilan Simulasi Tampilan Di
Masjid
JADWAL SHOLAT MASJID JAMI’ HUJJATUL ISLAM SHOLAT 5 WAKTU SHOLAT JUM’AT no Tanggal imam muaziin Waktu Jenis no Tanggal imam mahsyrol khotib Muaziin ACARA no Acara jam Pengisi acara tanggal KEGIATAN no kegiatan jam jenis tangga
Gambar 15 . Simulasi Tampilan Di Masjid

## IV. HASIL DAN PEMBAHASAN
4.1 Hasil Hasil dari penelitian ini adalah berupa program yang dapat memberikan kemudahan  dan  kelancaran  kepada  pihak pengelolah masjid dalam memberikan
informasi  mengenai  jadwal  petugas  sholat, serta  mempermudah  masyarakat  dalam mendapatkan  informasi  mengenai  siapa petugas untuk hari itu.
Sistem  informasi  ini  di  susun  ke dalam  suatu  menu  yg  mampu  memberikan informasi mengenai jadwal petugas sholat 5 waktu,  jadwal  petugas  sholat  jum’at, kegiatan,  acara,  serta  daftar  petugas.  Untuk lebih jelas lagi  dapat  di  lihat  dari  sub  menu pembahasan.

## 4.2 Pembahasan
Yang akan di bahas penulis dalam bab
ini  mengenai  tampilan  dari  sebuah  program web mobile yang penulis buat sesuai dengan judul yang di ambil.

## 4.2.1  Menu Utama
Menu  utama  adalah  tampilan  menu yang  ada  pada  web  ini  di  mana  menu  ini memberikan  informasi  tentang  menu  yang ada pada web ini.
Gambar 16 . Menu Utama

## 4.2.2  Tampilan Jadwal Petugas Sholat 5 Waktu
Tampilan  jadwal  petugas  sholat  5 waktu  ini  memberikan  informasi  mengenai jadwal  para  petugas  yang  akan  bertugas pada sholat 5 waktu tersebut.
Gambar 17. Tampilan Jadwal Petugas
Sholat 5 Waktu

## 4.2.3  Tampilan Jadwal Petugas Sholat Jum’at
Tampilan jadwal petugas sholat jum’at berfungsi untuk memberikan informasi    mengenai  siapa  yang  akan bertugas untuk sholat jum’at.
Gambar 18. Tampilan Jadwal Petugas Sholat Jum’at

## 4.2.4  Tampilan Acara
Tampilan acara berfungsi untuk menampilkan  jadwal  acara  yang  akan  di laksanakan di masjid jami’ hujjatul islam ini.
Gambar 19. Tampilan Acara

## 4.2.5  Tampilan Kegiatan
Tampilan  kegiatan  berfungsi  untuk menampilkan  jadwal  kegiatan  yang  ada    di masjid jami’ hujjatul islam ini.
Gambar 20. Tampilan Kegiatan

## 4.2.6  Tampilan Petugas
Tampilan  petugas  berfungsi  untuk menampilkan  nama-nama  petugas  dan alamat  serta  no  hp  yang  bisa  di  hubungin sewaktu – waktu.
Gambar 21. Tampilan Petugas

## 4.2.7 Tampilan Login
Tampilan  login  ini  berfungsi  untuk menampilkan login admin yang akan masuk
ke menu admin
Gambar 22. Tampilan Login
4.2.8 Tampilan Menu Admin Tampilan menu admin ini menampilkan  isi  menu  yang  akan  di  olah oleh petugas admin
Gambar 23. Tampilan Menu Admin

## 4.2.9  Input Jadwal Petugas Sholat 5 Waktu
Input  jadwal  petugas  sholat  5  waktu berfungsi  untuk  memasukan  data  petugas sholat  5  waktu  yang  berisi  imam,muazin, tanggal, waktu, dan jenis.
Gambar 24 . Input Jadwal Petugas Sholat 5

## Waktu

## 4.2.10  Input Jadwal Petugas Sholat Jum’at
Input  jadwal  petugas  sholat  jum’at berfungsi  untuk  memasukan  data  petugas sholat  jum’at  yang  berisi  imam,  khotib, muazin, masyirol, dan tanggal.
Gambar 25 . Input Jadwal Petugas Sholat Jum’at
4.2.11  Input Acara Input acara berfungsi untuk
memasukan  data  acara  yang  ada  di  masjid berisi acara, pengisi acara, tanggal, dan jam.
Gambar 26 . Input Acara

## 4.2.12  Input Kegiatan
Input  kegiatan  berfungsi  untuk memasukan data kegiatan apa saja yang ada di  masjid  ini  di  dalam  nya  berisikan kegiatan, jenis, tanggal, dan jam.
Gambar 27 . Input Kegiatan

## 4.2.13  Input Petugas
Input petugas berfungsi untuk
memasukan  data  petugas  yang  berisi  nama, alamat, serta no hp.
Gambar 28. Input Petugas

## V. KESIMPULAN DAN SARAN 5.1 Kesimpulan
Hasil  dari  penelitian  ini  maka  dapat disimpulkan sebagai berikut:
1. Informasi  ini  mampu  menampilakan informasi  mengenai  jadwal  petugas sholat 5 waktu dan jum’at.
2. Dapat  membantu  dalam  memberikan jadwal petugas sholat kepada masyarakat.

## 5.2 Saran
Guna untuk meningkatkan dan
menyempurnakan  website  ini  maka  penulis memberikan saran sebagai berikut:
1. Penjadwalan  ini  harus  slalu  di  update setiap bulan demi  memberikan informasi kepada masyarakat.
2. Untuk  mendukung  kinerja  sistem  maka penulis  mengusul  kan  agar  di  masjid  di pasang LCD untuk menampilkan
informasi jadwal di dalam masjid.

## VII.  DAFTAR PUSTAKA
A.S,  Rosa,  M.  salahudin,  2015, Rekayasa Perangkat  Lunak  Terstruktur  dan Berorientasi Objek, Informatika Bandung, Bandung Herwiatmoko,  Richo,  Deska,  Indah  Uly Wardati, Perancangan Sistem Inventaris Gudang Pada Sekolah Menengah  Kejuruan  Negeri  3  Pacitan , IJNS Ichwan,  M.  ,2011, Pemrograman  Basis Delphi7 & MySQL , Informatika
Bandung, Bandung
Indriasari  ,Th.  Devi,  Thomas  Adi  Purnomo Sidhi,2011, sistem  Pencarian  Orang
Hilang  Berbasis  Mobile  Web  Dengan
Social Network Analysis, Teknik Informatika, Fakultas Teknologi Industri, Universitas Atma Jaya Yogyakarta, Yogyakarta Nugroho,  Bunafit,  2012, Panduan  Proyek Panduan  Membuat  Program  Toko Dengan PHP, MySQL dan Dreamweaveer  Point  of  Sale  (POS) Bervasis Web, PT Alif Media, Jakarta. Qhomar, Mohammad, Arifin, Nurul,dkk, membangun Website Komunitas  Ikatan  Alumni  Universitas Sahid Surakarta, Universitas Sahid,Surakarta Saputra,  Agus,  dkk,  2013, Menyelesaikan Website  12  juta  secara  profesiona, PT. Elek Media Komputindo.
Sholikhin, Akhmad ,Berliana Kusuma Riasti ,  Pembangunan  Sistem  Informasi Inventarisasi  Sekolah  Pada  Dinas Pendidikan Kabupaten Rembang Berbasis Web, Ijns Sutabri, Tata, 2012, Analisis Sistem Informasi, CV. Andi Offset, Yogyakarta Utomo,  Eko  Priyo,  2013, Mobile  Web Programming , CV. Andi Offset, Yogyakarta. Widodo,  Cahyo  Edi,  2014, Program  Studi Matematika Jurusan Pendidikan Matematika  Fakultas  Matematika  Dan Ilmu  Pengetahuan  Alam ,  Universitas
Negeri Yogyakarta, Yogyakarta.