SISTEM ADMINISTRASI MASJID MUHAMMADIYAH

DAERAH KOTAMALANG BERBASIS WEB

TUGAS AKHIR

Sebagai Persyaratan Untuk Meraih Gelar Sarjana strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Oleh :

TATAK PRIBADI

08560114

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2015

iv

KATA PENGANTAR

Dengan memanjatkan puji syukur kehadirat Allah SWT. Atas limpahan

rahmat dan hidayah-Nya sehingga peneliti dapat menyelesaikan tugas akhir yang

berjudul:

“Sistem Administrasi Masjid Muhammadiyah Daerah Kota Malang Berbasis

Web”

Di dalam tulisan ini disajiakan pokok-pokok bahasan yang meliputi

pendahuluan, dasar teori, analisis dan perancangan, implementasi dan pengujian

serta kesimpulan dan saran.

Peneliti meyadari sepenuhnya bahwa dalam penulisan tugas akhir ini

masih banyak kekurangan dan keterbatasan. Oleh karena itu peneliti

mengharapkan saran yang membangun agar tulisan ini bermanfaat bagi

perkembangan ilmu pengetahuan kedepan.

Malang, 25 Agustus 2015

Penulis

Tatak Pribadi

v

DAFTAR ISI

LEMBAR PERSETUJUAN

LEMBAR PENGESAHAN

LEMBAR PERNYATAAN

ABSTRAK......................................................................................................... i

LEMBAR PERSEMBAHAN........................................................................... iii

KATA PENGANTAR....................................................................................... iv

DAFTAR ISI......................................................................................................v

DAFTAR GAMBAR ........................................................................................vii

BAB I PENDAHULUAN

1.1 Latar Belakang ............................................................................... 1

1.2 Rumusan Masalah ..........................................................................2

1.3 Batasan Masalah ............................................................................ 2

1.4 Tujuan ............................................................................................ 2

1.5 Metodologi .....................................................................................2

1.6 Sistematika Penulisan .................................................................... 3

BAB II LANDASAN TEORI

2.1 Sistem Administrasi...................................................................... 5

2.1.1 Definisi Sistem......................................................................5

2.1.1.1 Karakteristik Sistem....................................................6

2.1.1.2 Klasifikasi Sistem....................................................... 6

2.1.1.3 Tujuan Sistem............................................................. 7

2.1.2 Definisi Administrasi............................................................8

2.1.2.1 Ciri-ciri Administrasi..................................................8

2.1.2.2 Fungsi Administrasi....................................................8

2.2 Metode Pengembangan Sistem.................................................... 9

2.2.1 Pengertian internet................................................................ 10

2.2.2 Pengertian HTML................................................................. 11

2.2.3 Pengertian PHP (Hypertext Preprocessor)........................... 12

2.2.4 Pengertian CSS..................................................................... 14

2.2.5 Pengertian MySQL............................................................... 15

2.2.6 Xampp...................................................................................17

2.2.7 WEB......................................................................................17

vi

BAB III ANALISA DAN PERANCANGAN SISTEM

3.1 ANALIS SISTEM......................................................................... 19

3.1.1 Analisis Data.........................................................................19

3.1.2 Analisis Kebutuhan Fungsional............................................ 20

3.1.3 Analisis Kebutuhan Non fungsional..................................... 20

3.2 PERANCANGAN SISTEM......................................................... 20

3.2.1 Flowchart..............................................................................21

3.2.2 Data Flow Diagram (DFD).................................................. 22

Data Flow Diagram (DFD) 0................................................. 23

Data Flow Diagram (DFD) level 1........................................ 23

3.2.3 Entity Relationship Diagram (ERD).....................................25

3.2.4 Rancangan Desain User Interface........................................ 26

BAB IV IMPLEMENTASI DAN PENGUJIAN SISTEM

4.1 IMPLEMENTASI HASIL........................................................... 31

4.1.1 Perangkat Yang Dibutuhkan.................................................31

4.1.2 Implementasi Fungsi Sistem.................................................32

4.1.2.1 Implementasi fungsi login.......................................... 32

4.1.2.2 Implementasi fungsi home..........................................35

4.1.2.3 Implementasi fungsi berita......................................... 36

4.1.2.4 Implementasi fungsi edit berita.................................. 37

4.1.2.5 Implementasi fungsi agenda ...................................... 39

4.1.2.6 Implementasi fungsi laporan.......................................40

4.1.2.7 Implementasi fungsi proposal.....................................41

4.1.2.8 Implementasi fungsi pesan......................................... 43

4.1.2.9 Implementasi fungsi logout........................................ 44

4.2 PENGGUJIAN SISTEM.............................................................. 45

4.2.1 Pengujian Fungsional............................................................45

BAB V KESIMPULAN

5.1 Kesimpulan .................................................................................... 47

5.2 Saran .............................................................................................. 47

DAFTAR PUSTAKA

vii

DAFTAR GAMBAR

Gambar 3.1 Flowchart sitem aminitrasi masjid muhammadiyah daerah

kota malang berbasis web......................................................................................21

Gambar 3.2 DFD (Data Flow Diagram) level 0................................................... 23

Gambar 3.3 DFD (Data Flow Diagram) level 1................................................... 24

Gambar 3.4 ERD (Entity Flow Diagram)............................................................. 25

Gambar 3.5 Tampilan halaman login.................................................................... 26

Gambar 3.6 Tampilan halaman home....................................................................26

Gambar 3.7 Tampilan halaman Berita...................................................................27

Gambar 3.8 Tampilan halaman edit berita............................................................ 27

Gambar 3.9 Tampilan halaman agenda................................................................. 28

Gambar 3.10 Tampilan halaman edit agenda........................................................ 28

Gambar 3.11 Tampilan halaman laporan.............................................................. 29

Gambar 3.12 Tampilan halaman edit laporan....................................................... 29

Gambar 3.13 Tampilan halaman pesan................................................................. 30

Gambar 4.1 source code form login ..................................................................... 32

Gambar 4.2 frame pilihan login PDM dan takmir.................................................33

Gambar 4.3 source code form login admin........................................................... 33

Gambar 4.4 frame login username admin/PDM................................................... 34

Gambar 4.5 source code form login user.............................................................. 34

Gambar 4.6 frame login Username ...................................................................... 35

Gambar 4.7 source code form home......................................................................35

Gambar 4.8 frame home........................................................................................ 36

Gambar 4.9 source code form berita..................................................................... 36

Gambar 4.10 frame berita..................................................................................... 37

Gambar 4.11 source code form edit berita ........................................................... 38

Gambar 4.12 frame edit berita ............................................................................. 38

Gambar 4.13 source code form agenda................................................................. 39

Gambar 4.14 frame agenda................................................................................... 39

Gambar 4.15 source code form laporan................................................................ 40

Gambar 4.16 frame laporan...................................................................................41

Gambar 4.17 source code form proposal...............................................................42

Gambar 4.18 frame proposal................................................................................. 42

Gambar 4.19 source code form pesan................................................................... 43

Gambar 4.20 frame pesan......................................................................................44

Gambar 4.21 source code form logout.................................................................. 44

Gambar 4.22 frame untuk logout

48

DAFTAR PUSTAKA

[1] Al Fatta, Hanif. 2007. Analisis & perancangan system informasi: untuk

keunggulan Bersaing perusahaan & Organisasi Modern. Andi Offset:

Yogyakarta

[2] Yuanita, Sukadi. (2010). Sistem Informasi Administrasi Pembayaran Iuran

Bulanan (SPP) Dan Dana Sumbangan Pendidikan (DSP) Siswa Taman

Kanak - Kanak Negeri Pembina Kecamatan Pringkuku. Journal Speed -

Sentra Penelitian Engineering dan Edukasi. Vol 2 No 4, 1979-9330

[3] Nikmah S. dan Rohmadi. (Maret 2013). Perancangan Sistem Aplikasi

Administrasi Tk Mta Gemolong Berbasis Web. Seminar Riset Unggulan

Nasional Informatika dan Komputer: FTI UNSA. Vol 2 No 1, ISSN: 2302-

1136

[4] Agus Mulyanto. 2009. Sistem Informasi Konsep dan Aplikasi. Pustaka

Pelajar:

Yogyakarta

[5] Wongso, Fery. (September 2016). Perancangan Sistem Pencatatan Pajak

Reklame Pada Dinas Pendapatan Kota Pekanbaru Dengan Metode Visual

Basic. Jurnal Ilmiah Ekonomi dan Bisnis. Vol.14, No.2, 160-180, ISSN:

1829-9822

[6] Zakapedia. 2015. Pengertian Administrasi, Ciri, Fungsi & Menurut Para

Ahli. http://www.artikelsiana.com/2015/08/pengertian-administrasi-

menurut-para.html diakses maret 2016

[7] Admin. (september 2012). Pengertian Internet.

http://www.termasmedia.com/lainnya/internet/71-pengertian-internet.html

diakses januari 2016

[8] Andre. (Apr 2013). Belajar HTML Dasar Part 1: Pengertian HTML.http://www.duniailkom.com/belajar-html-pengertian-html/ diakses januari2016

49

[9] Nurul Imam. (September 2013). Apa Pengertian Dari PHP.

http://www.nurulimam.com/2013/09/apa-pengertian-dari-php.html diakses

april 2016

[10] Nurul Imam. (September 2013). Kelebihan & Kekurangan PHPKelebihan

& Kekurangan PHP. http://www.nurulimam.com/2013/09/kelebihan-

kekurangan-php.html diakses april 2016

[11] Nurul Imam. (September 2013) Mengenal Struktur PHP.

http://www.nurulimam.com/2013/09/mengenal-struktur-php.html

diakses april 2016

[12] Dani Eko H. (2014). Pembuatan Sistem Informasi Perpustakaan Berbasis

Website Pada Sekolah Menegah Pertama Negeri 1 Donorojo Kabupaten

Pacitan. IJNS - Indonesian Journal on Networking and Security - Vol 3

No 4, ISSN: 2302-5700

[13] Gunawan S dan Sukadi. (2011). Sistem Informasi Rekam Medis Pada

Rumah Sakit Umum Daerah (RSUD) Pacitan Berbasis Web Base. Journal

Speed - Sentra Penelitian Engineering dan Edukasi. Vol 3 No 4, ISSN:

1979-9330

[14] Dini S.Kom. 2015. Pengertian Web Server Menurut Para Ahli.

http://dosenit.com/ilmu-komputer/komputer-dasar/pengertian-web-server-

menurut-para-ahli diakses januari 2016

[15] Dwi Didik Prasetyo. 2004. Membangun Aplikasi Web.PT Elex Media

Komputindo Kelompok Gramedia:jakarta

[16] AS Rossa, Shalhuddin M. 2011. Rekayasa Perangkat

Lunak.Modula:Bandung

[17] Bunafit, Nugroho. 2005. Perancangan web dengan fireworks dan

Dreamweaver MX. Gava Media: Bandung