sebagai persyaratan guna meraih gelar sarjana strata 1...
TRANSCRIPT
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.