RANCANG BANGUN

SISTEM INFORMASI TERINTEGRASI TPQ SEKOTA BATU

( STUDI KASUS PPG KOTA BATU )

SKRIPSI

Sebagai Persyaratan Guna Meraih Gelar Sarjana Strata 1

Teknik Informatika Universitas Muhammadiyah Malang

Oleh:

RYKHAN BAHRIANTO

201210370311149

JURUSAN TEKNIK INFORMATIKA

FAKULTAS TEKNIK

UNIVERSITAS MUHAMMADIYAH MALANG

2017

i

ii

iii

KATA PENGANTAR

Puji syukur penulis panjatkan kepada Allah SWT karena telah

melimpahkan rahmat serta karunia-Nya sehingga penulis dapat menyelesaikan

laporan tugas akhir yang berjudul “Rancang Bangun Sistem Informasi

Terintegrasi TPQ Sekota Batu pada Studi Kasus PPG Kota Batu” dengan baik

dan lancar.

Pada tugas akhir ini penulis membahas tentang sistem informasi terintegrasi

TPQ sekota Batu, dimana sistem informasi ini menghubungkan antar TPQ sekota

Batu agar informasi, berita, pengumuman, administrasi data, dan kurikulum pada

PPG Kota Batu bisa tersebar dengan mudah, cepat, efektif dan efisien.

Penulis menyadari 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, 30 Januari 2017

Rykhan Bahrianto

NIM 201210370311132

iv

DAFTAR ISI

COVER

LEMBAR PERSETUJUAN .................................................................................... i

LEMBAR PENGESAHAN .................................................................................... ii

LEMBAR PERNYATAAN ................................................................................... iii

ABSTRAK ............................................................................................................. iv

ABSTRACT ............................................................................................................ v

LEMBAR PERSEMBAHAN ................................................................................ vi

KATA PENGANTAR .......................................................................................... vii

DAFTAR ISI ........................................................................................................ viii

DAFTAR GAMBAR ............................................................................................. xi

DAFTAR TABEL ................................................................................................ xiii

BAB I ...................................................................................................................... 1

PENDAHULUAN .................................................................................................. 1

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

1.2 Rumusan Masalah ................................................................................. 3

1.3 Batasan Masalah ................................................................................... 3

1.4 Tujuan Penelitian .................................................................................. 4

1.4 Metodologi Penelitian ........................................................................... 4

1.4.1 Studi Pustaka .......................................................................... 4

1.4.2 Analisa dan Perancangan Sistem ........................................... 4

1.4.3 Implementasi .......................................................................... 4

1.4.4 Pengujian ................................................................................ 5

1.4.5 Pembuatan Laporan ............................................................... 5

1.5 Sistematika Penulisan ........................................................................... 5

BAB II ..................................................................................................................... 7

LANDASAN TEORI .............................................................................................. 7

2.1 Definisi TPQ ......................................................................................... 7

2.2 Definisi Sistem ...................................................................................... 7

2.3 Definisi Informasi ................................................................................. 8

2.4 Definisi Sistem Informasi ..................................................................... 9

v

2.4.1 Komponen Sistem Informasi ................................................. 9

2.4.2 Perangkat Sistem Informasi ................................................. 10

2.5 Metode Perancangan Sistem ............................................................... 11

2.6 Website ............................................................................................... 12

2.7 PHP ..................................................................................................... 13

2.7.1 Pemrograman PHP ............................................................... 13

2.7.2 Sejarah PHP ......................................................................... 14

2.7.3 Konsep Dasar PHP ............................................................... 14

2.8 MySQL ............................................................................................... 15

2.9 Fungsi PHP dan MySQL .................................................................... 17

2.10 HTML ............................................................................................... 18

2.10.1 Pengenalan HTML ............................................................. 18

2.10.2 Struktur Dasar HTML ........................................................ 18

2.11 CSS ................................................................................................... 19

2.12 Java Script ......................................................................................... 19

BAB III ................................................................................................................. 21

ANALISA DAN PERANCANGAN SISTEM ..................................................... 21

3.1 Analisa Sistem .................................................................................... 21

3.1.1 Analisa Sistem PPG ............................................................. 21

3.1.2 Analisa Kebutuhan Fungsional ............................................ 22

3.1.3 Analisa Kebutuhan Non Fungsional .................................... 22

3.1.4 Arsitektur Sistem Informasi ................................................. 23

3.1.5 Use Case Diagram ................................................................ 23

3.1.6 Use Case Scenario ................................................................ 24

3.2 Perancangan Sistem ............................................................................ 34

3.2.1 Activity Diagram ................................................................. 34

3.2.2 Sequence Diagram ............................................................... 45

3.2.3 Class Diagram ...................................................................... 56

3.2.4 Perancangan Database ......................................................... 57

3.2.5 Desain Antarmuka ............................................................... 58

BAB IV ................................................................................................................. 65

IMPLEMENTASI DAN PENGUJIAN ................................................................ 65

vi

4.1 Implementasi ....................................................................................... 65

4.1.1 Implementasi Database ........................................................ 65

4.1.2. Implementasi Kode Program dan Antarmuka ..................... 66

4.2 Pengujian Sistem ................................................................................. 72

4.2.1 Pengujian Blackbox ............................................................. 72

4.2.1 Pengujian User Acceptance Test (UAT) .............................. 75

BAB V .................................................................................................................. 81

PENUTUP ............................................................................................................. 81

5.1 Kesimpulan ......................................................................................... 81

5.2 Saran ................................................................................................... 81

DAFTAR PUSTAKA ........................................................................................... 82

LAMPIRAN……………………………………………………………………...84

vii

DAFTAR GAMBAR

Gambar 2.1 Kerangka kerja pengembangan sistem informasi (SDLC)................ 11

Gambar 3.1 Arsitektur Sistem. .............................................................................. 23

Gambar 3.2 Use case diagram............................................................................... 24

Gambar 3. 3 Activity Diagram melihat berita / informasi portal .......................... 35

Gambar 3. 4 Activity Diagram kelola data santri ................................................. 35

Gambar 3. 5 Activity Diagram kelola data ustad .................................................. 36

Gambar 3. 6 Activity Diagram laporan sumbangan ............................................. 37

Gambar 3. 7 Activity Diagram chatting ................................................................ 38

Gambar 3. 8 Activity Diagram info kemampuan santri ........................................ 39

Gambar 3. 9 Activity Diagram keterangan progress santri ................................... 40

Gambar 3. 10 Activity Diagram download file..................................................... 41

Gambar 3. 11 Activity Diagram kelola berita / informasi portal .......................... 42

Gambar 3. 12 Activity Diagram kelola data admin .............................................. 43

Gambar 3. 13 Activity Diagram kelola data TPQ ................................................. 44

Gambar 3. 14 Activity Diagram upload file ......................................................... 45

Gambar 3. 15 Sequence diagram melihat berita / informasi portal ...................... 46

Gambar 3. 16 Sequence diagram kelola data santri .............................................. 46

Gambar 3. 17 Sequence diagram kelola data ustad .............................................. 47

Gambar 3. 18 Sequence diagram laporan sumbangan .......................................... 48

Gambar 3. 19 Sequence diagram chatting ............................................................ 49

Gambar 3. 20 Sequence diagram info kemampuan santri .................................... 50

Gambar 3. 21 Sequence diagram keterangan progress santri ............................... 51

Gambar 3. 22 Sequence diagram download file ................................................... 52

Gambar 3. 23 Sequence diagram kelola berita / informasi portal ......................... 53

Gambar 3. 24 Sequence diagram kelola data admin ............................................. 54

Gambar 3. 25 Sequence diagram kelola data TPQ ............................................... 55

Gambar 3. 26 Sequence diagram upload file ........................................................ 56

Gambar 3. 27 Class Diagram sistem ..................................................................... 57

Gambar 3. 28 Entity Relationship Diagram (Conseptual Data Model) ................ 58

Gambar 3. 29 Entity Relationship Diagram (Phisical Data Model) ..................... 58

viii

Gambar 3. 30 Antarmuka portal web .................................................................... 60

Gambar 3. 31 Antarmuka login ............................................................................ 60

Gambar 3. 32 Antarmuka menu data santri .......................................................... 61

Gambar 3. 33 Antarmuka menu data ustad ........................................................... 61

Gambar 3. 34 Antarmuka grafik ........................................................................... 62

Gambar 3. 35 Antarmuka menu laporan sumbangan ............................................ 62

Gambar 3. 36 Antarmuka menu chatting .............................................................. 63

Gambar 3. 37 Antarmuka menu download file ..................................................... 63

Gambar 3. 38 Antarmuka menu kelola portal ....................................................... 64

Gambar 3. 39 Antarmuka menu kelola data admin .............................................. 64

Gambar 4. 1 Sql query untuk membuat database, table, dan field. ....................... 66

Gambar 4. 2 tampilan antarmuka portal sit-ppg ................................................... 66

Gambar 4. 3 tampilan antarmuka login sit-ppg..................................................... 67

Gambar 4. 4 kode program session login dan cek level admin ............................ 67

Gambar 4. 5 antarmuka menu data santri ............................................................. 68

Gambar 4. 6 antarmuka menu data ustad .............................................................. 68

Gambar 4. 7 antarmuka grafik pencapaian TPQ ................................................... 69

Gambar 4. 8 antarmuka laporan sumbangan TPQ ................................................ 69

Gambar 4. 9 antarmuka menu chatting ................................................................. 70

Gambar 4. 10 antarmuka menu download file ...................................................... 70

Gambar 4. 11 antarmuka kelola portal sit-ppg ..................................................... 71

Gambar 4. 12 antarmuka kelola data admin ......................................................... 71

ix

DAFTAR TABEL

Tabel 2. 1 Struktur pembuatan tabel……………………………………………..19

Tabel 3. 1 Use case melihat berita / informasi portal…………………………...25

Tabel 3. 2 Use case kelola data santri …………………………………………..25

Tabel 3. 3 Use case kelola data ustad…………………………………………...26

Tabel 3. 4 Use case laporan sumbangan………………………………………...27

Tabel 3. 5 Use case chatting…………………………………………………….28

Tabel 3. 6 Use case info kemampuan santri…………………………………….29

Tabel 3. 7 Use case keterangan progress santri…………………………………30

Tabel 3. 8 Use case download file………………………………………………30

Tabel 3. 9 Use case kelola berita / informasi portal…………………………….31

Tabel 3. 10 Use case kelola data admin…………………………………………32

Tabel 3. 11 Use case kelola data TPQ…………………………………………..33

Tabel 3. 12 Use case upload file………………………………………………...34

Tabel 3. 13 Hasil analisa kebutuhan sistem……………………………………..59

Tabel 4. 1 Rekap hasil pengujian blackbox……………………………………..72

Tabel 4. 2 Skala likert …………………………………………………………..75

Tabel 4. 3 Kuesioner user……………………………………………………….75

Tabel 4. 4 Hasil perhitungan skala likert kuesioner user………………………..76

Tabel 4. 5 Persentase pengujian kelayakan……………………………………..76

Tabel 4. 6 Kuesioner super admin………………………………………………77

Tabel 4. 7 Hasil perhitungan skala likert kuesioner super admin……………….77

Tabel 4. 8 Persentase pengujian kelayakan……………………………………..78

Tabel 4. 9 Kuesioner admin…………………………………………………….78

Tabel 4. 10 Hasil perhitungan kuesioner admin………………………………...79

Tabel 4. 11 Persentase pengujian kelayakan……………………………………79

x

DAFTAR PUSTAKA

[1] Alamsyah, A. (2003). Pengantar Java Script. Ilmu Komputer, 40.

[2] Budiaji, W. (2013). SKALA PENGUKURAN DAN JUMLAH RESPON

SKALA LIKERT. ISSN, 7.

[3] Canovas, J., & Cabot, J. (2014). Composing JSON-based Web APIs.

Touluse: ICWE.

[4] Doyle, M. (2010). Beginning PHP 5.3. Indiana: Wiley Publishing.

[5] Hidayati, A. N. (2014). ANALISIS PERANCANGAN SISTEM INFORMASI

TRACER STUDY BERBASIS WEB DENGAN MENGGUNAKAN

CODEIGNITER. YOGYAKARTA: UNIVERSITAS NEGERI

YOGYAKARTA.

[6] Humam, A. (1995). Pedoman Pengelolaan Pembinaan dan Pengembangan

Membaca, Menulis, Memahami al-Qur'an. Yogyakarta: Litbang LPTQ

Nasional Team Tadarus AMM.

[7] Isaias, & Issa. (2015). High Level Models and Methodologies for

Information System. ISBN.

[8] Jogianto. HM, M. A. (2005). Pengenalan Ilmu Dasar Komputer,

Pemrograman, Sistem Informasi, dan Intelegensi Buatan. Yogyakarta:

Andi.

[9] Mutiara, A. B. (2014). TESTING IMPLEMENTASI WEBSITE REKAM

MEDIS ELEKTRONIK OPELTGUNASYS DENGAN METODE

ACCEPTANCE. KOMMIT, 8.

[10] Peranginangin, K. (2006). Aplikasi Web dengan PHP dan MySQL.

Yogyakarta: Andi.

[11] Poetra, A. (2003). Tutorial Cascading Style Sheet (CSS). Ilmu

Komputer, 22.

xi

[12] Rahardja, U., El Rayeb, A., & Saefullah, A. (2009). Siapa saja bisa

membuat Website dengan CSS dan HTML. Yogyakarta: Andi.

[13] Sutarman. (2003). Seri Pemrograman Web dengan PHP dan

MySQL. Yogyakarta: Andi.

[14] Welling, L., & Thomson, L. (2005). Php and Mysql Web

Development. Melbourne: Sams Publishing.

[15] winarko, E. (2006). Perancangan database dengan power designer

6.32. Jakarta: Prestasi pustaka.