repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG...
Transcript of repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG...
![Page 1: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/1.jpg)
SKRIPSI
PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB
PADA SEKOLAH PROGRAM ADIWIYATA
(Studi Kasus: Kota Tangerang)
Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Sistem Informasi
Fakultas Sains dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah Jakarta
Disusun Oleh:
GILANG AGUNG NUSANTARA
1112093000058
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH
JAKARTA
2019 M / 1440 H
![Page 2: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/2.jpg)
SKRIPSI
PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB
PADA SEKOLAH PROGRAM ADIWIYATA
(Studi Kasus: Kota Tangerang)
Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Sistem Informasi
Fakultas Sains dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah Jakarta
Disusun Oleh:
GILANG AGUNG NUSANTARA
1112093000058
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH
JAKARTA
2019 M / 1440 H
![Page 3: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/3.jpg)
ii
SKRIPSI
PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB
PADA SEKOLAH PROGRAM ADIWIYATA
(Studi Kasus: Kota Tangerang)
Sebagai Salah Satu Syarat untuk Memperoleh Gelar Sarjana Sistem Informasi
Fakultas Sains dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah Jakarta
Disusun Oleh:
GILANG AGUNG NUSANTARA
1112093000058
PROGRAM STUDI SISTEM INFORMASI
FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH
JAKARTA
2019 M / 1440 H
![Page 4: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/4.jpg)
iii
LEMBAR PENGESAHAN
![Page 5: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/5.jpg)
iv
PENGESAHAN UJIAN
![Page 6: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/6.jpg)
v
PERNYATAAN
![Page 7: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/7.jpg)
vi
ABSTRAK
GILANG AGUNG NUSANTARA (1112093000058), “Pengembangan Sistem
Informasi Spasial Berbasis Web Pada Sekolah Program Adiwiyata (Studi Kasus:
Kota Tangerang)” di bawah bimbingan ZAINUL ARHAM dan ERI
RUSTAMAJI
Sekolah adiwiyata adalah salah satu program yang akan menciptakan warga
sekolah, khususnya peserta didik yang peduli dan berbudaya lingkungan, sekaligus
mendukung dan mewujudkan sumberdaya manusia yang memiliki semangat dan
motivasi yang kuat guna mewujudkan pembangunan. Dalam pelaksanaannya,
terdapat empat aspek yang harus menjadi perhatian sekolah untuk dikelola dengan
cermat dan benar apabila mengembangkan program adiwiyata yakni ; Kebijakan,
Kurikulum, Kegiatan, dan Sarana Prasarana. Dimana aspek tersebut nantinya di
olah menjadi dokumen adiwiyata. Akan tetapi kurangnya aplikasi pendukung,
sistem yang berjalan saat ini dokumen diolah menggunakan aplikasi Macro Excel
dan belum adanya database yang terintegrasi, dan belum tersedianya informasi dan
koordinat sekolah-sekolah yang sudah melaksanakan Adiwiyata dalam bentuk
digital sehingga mempermudah Dinas Lingkungan Hidup dalam mengawasi
sekolah-sekolah program adiwiyata dan dalam upaya pemerataan program
adiwiyata di wilayah Kota Tangerang. Maka dari itu dibutuhkan aplikasi pendukung
sebagai pengolah data yang dapat menyajikan data dalam bentuk tabel ataupun peta
digital. Dari permasalahan tersebut, penelitian ini ditujukan untuk menghasilkan
Sistem Informasi Spasial Sekolah Program Adiwiyata yang mampu menampilkan
data Sekolah Program Adiwiyata di Kota Tangerang. Metodologi penelitian yang
digunakan dalam perancangan sistem ini adalah dengan metode wawancara,
observasi, studi pustaka, dan literature sejenis. Sedangkan metodologi
pengembangan sistemnya menggunakan metode berorientasi objek dengan notasi
UML, menggunakan RAD, PHP sebagai Bahasa pemograman, dan MYSQL
sebagai tools untuk perancangan dan desain (Database Management System). Hasil
dari penelitian ini adalah tersedianya penyimpanan data secara digital dalam
database yang dapat dilihat pada fitur Peta Digital yang sekaligus dapat
memudahkan proses verifikasi dan validasi.
Kata kunci: Sistem Informasi Spasial, Sekolah Program Adiwiyata, Dinas
Lingkungan Hidup, Rapid Application Development, Unified Modelling Language,
ArcGis Online.
V Bab + 186 Halaman + xlvi Halaman + 84 Gambar + 39 Tabel + 4 Simbol +
Pustaka + Lampiran
Pustaka Acuan (24, 2005-2019)
![Page 8: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/8.jpg)
vii
KATA PENGANTAR
Assalamu’alaikum Wr.Wb.
Alhamdulillahirobbil’aalamin, puji syukur yang sebesar-besarnya kehadirat
Allah SWT, karena dengan limpahan rahmat, hidayah, dan taufiq-Nya, penulis
diberikan nikmat sehat dan ilmu sehingga dapat melaksanakan, dan menyelesaikan
penulisan skripsi dengan judul “Pengembangan Sistem Informasi Berbasis
Web Pada Sekolah Program Adiwiyata (Studi Kasus : Kota Tangerang)”.
Shalawat beriringan salam semoga selalu tercurah kepada junjungan Nabi
Muhammad SAW beserta keluarga, sahabat, kerabat, serta muslimin, dan muslimat,
semoga kita semua mendapatkan syafa’at dari beliau di akhirat kelak. Amin.
Pada kesempatan ini, penulis ingin mengucapkan terima kasih kepada
seluruh pihak yang telah banyak membantu baik moril dan materil dalam
menyelesaikan laporan ini. Untuk itu perkenankanlah penulis menyampaikan
ungkapan terima kasih kepada:
1. Bapak Dr. Agus Salim, M.Si, selaku Dekan Fakultas Sains dan Teknologi,
Universitas Islam Negeri Syarif Hidayatullah Jakarta.
2. Bapak A’ang Subiyakto Ph.D, selaku Ketua Program Studi Sistem Informasi
Fakultas Sains dan Teknologi, Universitas Islam Negeri Syarif Hidayatullah
Jakarta.
3. Ibu Nida’ul Hasanati, S.T.,MMSI, selaku Sekretaris Program Studi Sistem
Informasi Fakultas Sains dan Teknologi, Universitas Islam Negeri Syarif
Hidayatullah Jakarta.
![Page 9: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/9.jpg)
viii
4. Bapak Zainul Arham, M.Si selaku dosen pembimbing pertama, dan Bapak
Eri Rustamaji, MBA selaku dosen pembimbing kedua yang telah banyak
membimbing penulis dalam menyusun skripsi ini.
5. Dosen-dosen program studi Sistem Informasi yang telah memberikan
ilmunya selama penulis duduk dibangku kuliah.
6. Bapak Drs.H.Engkos Zarkasyi, M.Si selaku Kepala Dinas Lingkungan Hidup
Kota Tangerang yang telah mengizinkan penulis untuk melakukan penilitian.
7. Bapak Joko selaku Kepala Tim Progam Adiwiyata dan Ibu Annisa yang telah
banyak membantu, dan memberikan informasi yang saya butuhkan,
sehingga penulis bisa menyelesaikan skripsi ini, serta memberikan masukan
dan saran kepada penulis.
Penulis menyadari bahwa dalam penulisan skripsi ini masih jauh dari
sempurna, oleh karena itu penulis mengharapkan kritik dan saran agar menjadi
lebih baik lagi yang dapat disampaikan melalui email [email protected].
Akhir kata, penulis berharap, insya Allah semoga skripsi ini dapat
bermanfaat bagi diri penulis, serta para pembaca, terutama teman-teman Sistem
Informasi UIN Syarif Hidayatullah Jakarta, baik sebagai bahan karya tulis berupa
informasi, perbandingan maupun dasar untuk penelitian materi lebih lanjut.
Wassalamu’alaikum Wr.Wb.
Jakarta, 27 Juni 2019
Gilang Agung Nusantara
1112093000058
![Page 10: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/10.jpg)
ix
LEMBAR PERSEMBAHAN
Pada kesempatan kali ini, penulis ingin mempersembahkan skripsi ini
kepada seluruh pihak yang telah membantu baik moril dan materil dalam
menyelesaikan skripsi ini, terutama kepada:
1. Orang tua saya yang sangat saya cintai dan sayangi bapak Ayah Abdul Syukur
dan ibu Neneng Sunengsih. Terima kasih banyak atas Doa, motivasi,
arahan, serta kasih sayang yang tidak terhingga sepanjang masa. Semoga
kelak saya mampu membahagiakan dan membuat ayah dan ibu bangga.
2. Kakak dan adiku tercinta A Ima, udhis, Dhiza dan Zahra yang selalu memberi
doa serta motivasi selama pembuatan skripsi.
3. Keluarga SDN Karang Tengah 6, bapak mantan kepsek H.Marjalih, bapak
kepsek haini boy, ibu sul, mak siti, pak akhmad serta dewan guru lainnya yang
sabar memotivasi dan membimbing penulis dalam berbagai hal dari awal
sampai akhir penulisan skripsi.
4. Teman-teman operator sekolah karang tengah, pak asep, pak ifan, pak firman,
pak muha, bang kiki, bang furqon, pak heru, bu nina, bu lesa, sri, jarot, opik ,
bang aryo pak udin satu nasib dan satu perjuangan yang selalu setia menerima
keluh kesah saat penulis mengerjaan skripsi.
5. Anggota PESTA garis keras yaitu Joni, Agung, Lutpi, Meha, Cacing, Acus,
Eko, Padang dan Baok. Semoga selalu kompak .
6. Sahabat-sahabat SI B 2012, dan SI A 2012. Terima kasih untuk
kebersamaan, kerjasama, motivasi, dan selalu mendoakan dalam kebaikan.
Waktu bersama sahabat-sahabat sangatlah berkesan.
![Page 11: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/11.jpg)
x
7. Keluarga besar Sepakbola Uin Jakarta FORSA, Keluarga Besar SSC Saintek
Sport Club dan Keluarga Besar Futsal HIMSI, Keluarga Besar SSB Cipondoh
Putra, Keluarga bersar Zamrud FC yang telah memberikan banyak kesan dan
warna pada kehidupan penulis.
8. Seluruh pihak yang telah banyak berjasa terhadap proses penyelesaian
skripsi ini yang tidak bisa disebutkan namanya satu persatu namun tidak
mengurangi sedikitpun rasa hormat dan rasa terima kasih.
![Page 12: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/12.jpg)
xi
DAFTAR ISI
LEMBAR PENGESAHAN ................................................................................. iii
PENGESAHAN UJIAN ....................................................................................... iv
PERNYATAAN ..................................................................................................... v
ABSTRAK ............................................................................................................ vi
KATA PENGANTAR ......................................................................................... vii
LEMBAR PERSEMBAHAN .............................................................................. ix
DAFTAR ISI ......................................................................................................... xi
DAFTAR GAMBAR .......................................................................................... xvi
DAFTAR TABEL................................................................................................ xx
DAFTAR SIMBOL ........................................................................................... xxii
1. BAB 1 PENDAHULUAN ............................................................................. 2
1.1 Latar Belakang.......................................................................................... 1
1.2 Identifikasi Masalah ................................................................................. 4
1.3 Rumusan Masalah .................................................................................... 4
1.4 Batasan Masalah ....................................................................................... 5
1.5 Tujuan Penelitian ...................................................................................... 6
1.6 Manfaat Penelitian .................................................................................... 6
1.7 Metode Penelitian ..................................................................................... 8
1.8 Sistematika Penulisan ............................................................................... 9
2. BAB 2 LANDASAN_TEORI ..................................................................... 11
2.1 Konsep Dasar Pengembangan Sistem Informasi .................................... 11
2.1.1 Pengertian Pengembangan Sistem Informasi ................................. 11
2.1.2 Tujuan Pengembangan Sistem Informasi........................................ 11
2.2 Konsep Dasar Sistem Informasi ............................................................. 12
2.2.1 Pengertian Sistem............................................................................ 12
2.2.2 Pengertian Data dan Informasi ........................................................ 13
![Page 13: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/13.jpg)
xii
2.2.3 Pengertian Sistem Informasi ........................................................... 14
2.3 Sistem Informasi Geografis .................................................................... 15
2.3.1 Definisi Sistem Informasi Geografis ............................................... 15
2.3.2 Subsistem Pada SIG ........................................................................ 16
2.4 Peta ......................................................................................................... 17
2.4.1 Jenis-jenis Peta ................................................................................ 17
2.4.2 Skala Peta ........................................................................................ 19
2.4.3 Simbolisasi Peta .............................................................................. 20
2.5 Pengertian Program Adiwiyata............................................................... 20
2.5.2 Pengertian Sekolah .......................................................................... 20
2.5.1 Pengertian Adiwiyata ...................................................................... 21
2.5.3 Tujuan Sekolah Program Adiwiyata ............................................... 21
2.5.4 Prinsip Dasar Sekolah Program Adiwiyata ..................................... 21
2.5.5 Komponen Sekolah Program Adiwiyata ......................................... 22
2.5.6 Tahapan Penilaian Program Adiwiyata ........................................... 22
2.6 Metode Pengumpulan Data .................................................................... 26
2.6.1 Observasi ......................................................................................... 26
2.6.2 Wawancara ...................................................................................... 26
2.6.3 Studi Pustaka ................................................................................... 26
2.6.4 Studi Literatur ................................................................................. 27
2.7 Rapid Aplication Development (RAD) .................................................. 27
2.7.1 Tahap RAD ..................................................................................... 27
2.7.2 Keuntungan RAD ............................................................................ 30
![Page 14: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/14.jpg)
xiii
2.7.3 Kelemahan RAD ............................................................................. 30
2.8 UML ....................................................................................................... 31
2.8.1 Use Case Diagram ........................................................................... 31
2.8.2 Activity Diagram ............................................................................. 34
2.8.3 Class Diagram ................................................................................. 36
2.8.4 Sequence Diagram ........................................................................... 38
2.9 Normalisasi ............................................................................................. 40
2.9.1 Tahapan Normalisasi ................................................................... 40
2.9 Database ................................................................................................. 46
2.10 Bahasa Pemograman .............................................................................. 48
2.11.1 PHP ................................................................................................. 48
2.11.2 HTML ............................................................................................. 48
2.11.3 MySQL ............................................................................................ 48
2.11 Arcgis ..................................................................................................... 49
2.12 Teknik Pengujian Software..................................................................... 50
2.13.1 Black Box ........................................................................................ 51
3. BAB 3 METODOLOGI_PENELITIAN ................................................... 52
3.1 Tempat dan Waktu Penelitian ................................................................ 52
3.2 Data dan Perangkat Penelitian ................................................................ 52
3.3 Metodologi Pengumpulan Data .............................................................. 53
3.3.1 Observasi ......................................................................................... 53
3.3.2 Wawancara ...................................................................................... 54
3.3.3 Studi Pustaka ................................................................................... 54
3.3.3.1 Regulasi ....................................................................................... 54
![Page 15: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/15.jpg)
xiv
3.3.3.2 Standarisasi .................................................................................. 55
3.3.4 Studi Literatur ................................................................................. 55
3.4 Metode Pengembangan Sistem............................................................... 60
3.4.1 Fase Requirement Planning ............................................................ 60
3.4.1.1 Pengumpulan Data dan Syarat-syarat Informasi ......................... 61
3.4.1.2 Analisis Sistem Berjalan.............................................................. 61
3.4.1.3 Identifikasi Masalah Sistem Bejalan ........................................... 61
3.4.1.4 Analisis Sistem Usulan ................................................................ 61
3.4.2 Fase Workshop Design .................................................................... 61
3.4.3 Fase Implementasi ........................................................................... 62
3.5 kerangka Berpikir ................................................................................... 63
4. BAB 4 PEMBAHASAN .............................................................................. 65
4.1 Requirement Planning ............................................................................ 65
4.1.1 Gambaran Umum Perusahaan ......................................................... 65
4.1.1.1 Sejarah Singkat Perusahaan ......................................................... 65
4.1.1.2 Visi dan Misi Dinas Lingkungan Hidup Kota Tangerang ........... 66
4.1.1.3 Tugas Pokok dan Fungsi ............................................................. 67
4.1.1.4 Struktur Organisasi Dinas Lingkungan Hidup ............................ 68
4.1.2 Analisis Sistem Berjalan ................................................................. 71
4.1.2.1 Narasi Sistem Berjalan ................................................................ 71
4.1.2.2 Analisa Sistem Berjalan ............................................................... 72
4.1.2.3 Identifikasi Masalah .................................................................... 73
4.1.3 Analisis Sistem Usulan ...................................................................... 74
4.1.3.1 Narasi Sistem Usulan ................................................................... 74
![Page 16: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/16.jpg)
xv
4.2 Workshop Design.................................................................................... 75
4.2.1 Desain Proses .................................................................................. 76
4.2.1.1 Perancangan Use Case Diagram ................................................. 76
4.2.1.2 Perancangan Activity Diagram .................................................. 102
4.2.1.3 Perancangan Sequence Diagram ............................................... 123
4.2.1.4 Class Diagram ............................................................................ 137
4.2.2 Desain Database ............................................................................ 141
4.2.2.1 Normalisasi ................................................................................ 141
4.2.2.2 Skema Database........................................................................ 146
4.2.2.3 Spesifikasi Database ................................................................... 147
4.2.3 Desain Interface ............................................................................... 154
4.2.3.1 Struktur menu ............................................................................ 154
4.2.3.2 User Interface ............................................................................ 159
4.3 Implementation ..................................................................................... 172
4.3.1 Pengembangan Sistem .................................................................. 172
4.3.2 Pengujian ....................................................................................... 173
5. BAB 5 PENUTUP ...................................................................................... 182
5.1 Kesimpulan ........................................................................................... 182
5.2 Saran ..................................................................................................... 182
DAFTAR PUSTAKA ........................................................................................ 184
LAMPIRAN-LAMPIRAN ............................................................................... xxv
![Page 17: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/17.jpg)
xvi
DAFTAR GAMBAR
Gambar 1.1 Grafik Sekolah Mengikuti Program Adiwiyata di Kota Tangerang
2012 – 2017 (Dinas Lingkunga Hidup Kota Tangerang)........................................ 3
Gambar 2.1 Siklus Metode RAD (Sumber: Kendall, 2010) ................................ 28
Gambar 2.2 Simbol-simbol dalam Sequence Diagram (Kendall, 2010) ............. 39
Gambar 2.3 Tahapan Normalisasi (Kendall, 2010) ............................................. 41
Gambar 2.4 Contoh data SALES-REPORT (Kendall, 2010) .............................. 41
Gambar 2.5 Tahap Normalisasi Pertama (Kendall, 2010)................................... 43
Gambar 2.6 Tahap Normalisasi Kedua (Kendall, 2010) ..................................... 45
Gambar 2.7 Tahap Normalisasi Ketiga (Kendall, 2010) ..................................... 46
Gambar 2.8 Hierarki Database (Oetomo, 2006) ................................................ 47
Gambar 3.1 Tahapan Penelitian........................................................................... 64
Gambar 4.1 Struktur Organisasi DLH Kota Tangerang ...................................... 68
Gambar 4.2 Struktur Organisasi Bagian Adiwiyata Kota Tangerang ................. 70
Gambar 4.3 Rich Picture Sistem Berjalan ........................................................... 71
Gambar 4.4 Rich Picture Sistem usulan .............................................................. 74
Gambar 4.5 Usecase Diagram ............................................................................. 81
Gambar 4.6 Activity Diagram Login ................................................................. 102
Gambar 4.7 Activity Diagram Kelola Data User ............................................... 103
Gambar 4.8 Activity Diagram Registrasi ........................................................... 105
Gambar 4.9 Activity Diagram Verifikasi Registrasi .......................................... 106
Gambar 4.10 Activity Diagram Kelola Jadwal .................................................. 107
Gambar 4.11 Activity Diagram Upload Dokumen Adiwiyata .......................... 108
![Page 18: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/18.jpg)
xvii
Gambar 4.12 Activity Diagram Upload Dokumen ............................................ 109
Gambar 4.13 Activity Diagram Verifikasi Dokumen ........................................ 110
Gambar 4.14 Activity Diagram Validasi Dokumen .......................................... 111
Gambar 4.15 Activity Diagram Kelola Tingkat Sekolah ................................... 112
Gambar 4.16 Activity Diagram Kelola tingkat adiwiyata ................................. 114
Gambar 4.17 Activity Diagram Kelola UPT ..................................................... 116
Gambar 4.18 Activity Diagram Lihat lokasi sekolah adiwiyata ........................ 117
Gambar 4.19 Activity Diagram Update citra adiwiyata .................................... 118
Gambar 4.20 Activity Diagram Lihat citra adiwiyata........................................ 119
Gambar 4.21 Activity Diagram Kelola Informasi ............................................. 120
Gambar 4.22 Activity Diagram Lihat Informasi ................................................ 121
Gambar 4.23 Activity Diagram Logout ............................................................. 122
Gambar 4.24 Sequence Diagram Login ............................................................. 123
Gambar 4.25 Sequence Diagram Kelola Data User .......................................... 124
Gambar 4.26 Sequence Diagram Registrasi ...................................................... 125
Gambar 4.27 Sequence Diagram Verifikasi Registrasi ..................................... 125
Gambar 4.28 Sequence Diagram Kelola Jadwal ............................................... 126
Gambar 4.29 Sequence Diagram Lihat Jadwal .................................................. 127
Gambar 4.30 Sequence Diagram Upload Dokumen .......................................... 127
Gambar 4.31 Sequence Diagram Verifikasi Dokumen ..................................... 128
Gambar 4.32 Sequence Diagram Validasi Dokumen ........................................ 129
Gambar 4.33 Sequence Diagram Kelola Tingkat Sekolah ................................ 130
Gambar 4.34 Sequence Diagram Kelola Tingkat Adiwiyata ............................ 131
Gambar 4.35 Sequence Diagram Kelola UPT ................................................... 132
![Page 19: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/19.jpg)
xviii
Gambar 4.36 Sequence Diagram Lihat Lokasi Adiwiyata ................................ 133
Gambar 4.37 Sequence Diagram Update Citra Adiwiyata ................................ 133
Gambar 4.38 Sequence Diagram Lihat Citra Adiwiyata ................................... 134
Gambar 4.39 Sequence Diagram Kelola Informasi ........................................... 135
Gambar 4.40 Sequence Diagram Lihat Informasi ............................................. 136
Gambar 4.41 Sequence Diagram Logout ........................................................... 136
Gambar 4.42 Class Diagram Sistem Informasi Spasial Program Sekolah Adiwiyata
............................................................................................................................. 140
Gambar 4.43 Skema Database ........................................................................... 146
Gambar 4.44 Struktur Menu Admin .................................................................. 154
Gambar 4.45 Struktur Menu Staff Adiwiyata ................................................... 155
Gambar 4.46 Struktur Menu Kasi Perencanaan Lingkungan ............................ 156
Gambar 4.47 Struktur Menu Kabid Tata Lingkungan ....................................... 157
Gambar 4.48 Struktur Menu Sekolah ................................................................ 158
Gambar 4.49 Struktur Menu Publik .................................................................. 159
Gambar 4.50 Desain Interface Login ................................................................. 159
Gambar 4.51 Desain Interface Kelola User....................................................... 160
Gambar 4.52 Desain Interface Kelola User Tambah ........................................ 160
Gambar 4.53 Desain Interface Registrasi .......................................................... 161
Gambar 4.54 Desain Interface Verifikasi Registrasi ......................................... 161
Gambar 4.55 Desain Interface Kelola Jadwal ................................................... 162
Gambar 4.56 Desain Interface Kelola Jadwal Tambah ..................................... 162
Gambar 4.57 Desain Interface Lihat Jadwal ..................................................... 163
Gambar 4.58 Desain interface Upload dokumen tambah .................................. 163
![Page 20: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/20.jpg)
xix
Gambar 4.59 Desain interface Upload dokumen tambah .................................. 164
Gambar 4.60 Verifikasi dokumen ..................................................................... 164
Gambar 4.61 Desain Interface Validasi Dokumen ............................................ 165
Gambar 4.62 Desain Interface Kelola Tingkat Sekolah ................................... 165
Gambar 4.63 Desain Interface Kelola Tingkat Sekolah ................................... 166
Gambar 4.64 Desain Interface Kelola tingkat adiwiyata ................................... 166
Gambar 4.65 Desain Interface Kelola tingkat adiwiyata Tambah..................... 167
Gambar 4.66 Desain Interface Kelola UPT ....................................................... 167
Gambar 4.67 Desain Interface Kelola UPT Tambah ......................................... 168
Gambar 4.68 Desain Interface Lihat lokasi sekolah program adiwiyata ........... 168
Gambar 4.69 Desain Interface Citra adiwiyata ................................................. 169
Gambar 4.70 Desain Interface Lihat citra ......................................................... 169
Gambar 4.71 Desain Interface Kelola informasi ............................................... 170
Gambar 4.72 Desain Interface Kelola informasi ............................................... 170
Gambar 4.73 Desain Interface Lihat informasi ................................................. 171
Gambar 4.74 Desain Interface Logout .............................................................. 171
![Page 21: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/21.jpg)
xx
DAFTAR TABEL
Tabel 2.1 Kalender kegiatan Adiwiyata ............................................................... 25
Tabel 2.2 Simbol-simbol Use Case Diagram (Kendall,2010) .............................. 32
Tabel 2.3 Simbol-simbol dalam Activity Diagram (Kendall, 2010) .................... 35
Tabel 2.4 Simbol-simbol dalam Class Diagram (Kendall, 2010) ........................ 37
Tabel 4.1 Identifikasi Actor .................................................................................. 76
Tabel 4.2 Identifikasi Usecase ............................................................................. 77
Tabel 4.3 Use Case Narrative Login .................................................................... 82
Tabel 4.4 Use Case Narrative Kelola Data User .................................................. 83
Tabel 4.5 Use Case Narrative Registrasi Adiwiyata ............................................ 84
Tabel 4.6 Use Case Narrative Verifikasi Registrasi ............................................ 85
Tabel 4.7 Use Case Narrative Kelola Jadwal ...................................................... 87
Tabel 4.8 Use Case Narrative Lihat Jadwal ......................................................... 88
Tabel 4.9 Use Case Narrative Upload Dokumen Adiwiyata .............................. 89
Tabel 4.10 Use Case Narrative Verifikasi Dokumen Adiwiyata ......................... 90
Tabel 4.11 Use Case Narrative Validasi Dokumen Adiwiyata ........................... 91
Tabel 4.12 Use Case Narrative Kelola Tingkatan Sekolah ................................. 92
Tabel 4.13 Use Case Narrative Kelola Tingkat Adiwiyata ................................. 93
Tabel 4.14 Use Case Narrative Kelola Data UPT ............................................... 94
Tabel 4.15 Use Case Narrative Lihat Lokasi Sekolah ......................................... 96
Tabel 4.16 Use Case Narrative Update Citra Adiwiyata ..................................... 97
Tabel 4.17 Use Case Narrative Lihat Citra Adiwiyata ........................................ 98
![Page 22: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/22.jpg)
xxi
Tabel 4.18 Use Case Narrative Kelola Informasi ................................................ 99
Tabel 4.19 Use Case Narrative Lihat Informasi ................................................ 100
Tabel 4.20 Use Case Narrative Logout............................................................... 101
Tabel 4.21 Objek Potensial Class Diagram ........................................................ 137
Tabel 4.22 Seleksi Daftar Objek Potensial ........................................................ 138
Tabel 4.23 Proposed Objek List ......................................................................... 139
Tabel 4.24 Spesifikasi Database User ................................................................ 147
Tabel 4.25 Spesifikasi Database Tabel Sekolah ................................................. 147
Tabel 4.26 Spesifikasi Database Tabel Jadwal................................................... 148
Tabel 4.27 Spesifikasi Database Tabel UPT ...................................................... 149
Tabel 4.28 Spesifikasi Database Tabel Tingkat Sekolah ................................... 150
Tabel 4.29 Spesifikasi Database Tabel Tingkat Adiwiyata................................ 150
Tabel 4.30 Spesifikasi Database Tabel Dokumen .............................................. 151
Tabel 4.31 Spesifikasi Database Tabel Citra Adiwiyata .................................... 152
Tabel 4.32 Spesifikasi Database Tabel Informasi .............................................. 153
Tabel 4.33 Tabel Pengujian Black Box............................................................... 173
![Page 23: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/23.jpg)
xxii
DAFTAR SIMBOL
DIAGRAM UML (Unified Modelling Language)
No. Diagram Simbol Nama
1 Usecase Diagram
(Dennis, Wixom, &
Tegarden, 2012)
Usecase
Usecase
Aktor
Aktor
Asosiasi
Asosiasi
<<extend>>
Extend
<<include>>
Include
Subject Boundary
Subject boundary
2. Activity Diagram
(Dennis, Wixom, &
Tegarden, 2012)
Initial node
Fork
![Page 24: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/24.jpg)
xxiii
Join
Activity
Decision
Final-flow node
Control Flow
Swimlane
3. Sequence Diagram
(Sugiarti, 2013)
Boundary
Control
Entity
![Page 25: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/25.jpg)
xxiv
Aktor
Stimulus
Message2
Self stimulus
4. Class Diagram
(Dennis, Wixom, &
Tegarden, 2012)
Class
Association
Generalization
Dependency
Agregation
![Page 26: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/26.jpg)
1
![Page 27: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/27.jpg)
2
![Page 28: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/28.jpg)
1
1. BAB 1
PENDAHULUAN
1.1 Latar Belakang
Di Kota Tangerang kebersihan lingkungan merupakan bagian dari proses dan
pencapaian tujuan pembangunan daerah dan nasional karena dengan terciptanya
lingkungan yang sehat dapat turut menciptakan suasana nyaman, aman dan
harmonis, upaya pengelolaan lingkungan di segala bidang merupakan kebijakan
Pemerintah Kota Tangerang dalam menciptakan Pembangunan yang Berkelanjutan
(Sustainable Development). Berbagai inovasi pengelolaan lingkungan harus terus
dilakukan agar seluruh masyarakat dapat berpartisipasi aktif dalam menciptakan
Kota Tangerang yang lebih bersih, indah, dan bebas polusi. Untuk meningkatkan
pemahaman dan keikutsertaan masyarakat dalam pengelolaan lingkungan harus
dimulai dari usia dini dan dilakukan terus menerus (Badan Pengendalian
Lingkungan Hidup, 2016).
Dunia pendidikan adalah sarana yang paling tepat dalam mengajarkan dan
menerapkan upaya-upaya pengelolaan lingkungan, Dimana yang menjadi sasaran
adalah warga sekolah, mulai dari pendidik, tenaga pendidik, peserta didik dan
komponen lain yang ada disekolah maupun orang tua peserta didik (Badan
Pengendalian Lingkungan Hidup, 2016)
Dinas Lingkungan Hidup Kota Tangerang merupakan sebuah instansi
pemerintahan yang bergerak pada bagian lingkungan, sejak tahun 2013 Dinas
lingkungan Hidup (DLH) Kota Tangerang mendorong sekolah-sekolah
![Page 29: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/29.jpg)
2
menerapkan Program Adiwiyata di kota Tangerang. Program Adiwiyata merupakan
program yang akan menciptakan warga sekolah, khususnya peserta didik yang
peduli dan berbudaya lingkungan, sekaligus mendukung dan mewujudkan
sumberdaya manusia yang memiliki semangat dan motivasi yang kuat guna
mewujudkan pembangunan yang berkelanjutan. Manfaat yang didapat oleh sekolah
adiwiyata tidak semata hanya mendapatkan penghargaan saja tetapi dapat
meningkatkan standar kompetensi dasar dan standar kompetensi lulusan,
meningkatkan efisiensi penggunaan dana operasional sekolah, menciptakan
kebersamaan warga sekolah, menjadi contoh bagi warga sekitar dan turut
menciptakan kualitas lingkungan.
Mengacu kepada pasal 4 ayat (1) Undang-undang nomor 05 Tahun 2013
tentang sekolah adiwiyata “ Program Adiwiyata diikuti oleh : (1) a) Sekolah Dasar
(SD) atau Madrasah Ibtidaiyah (MI); b) Sekolah Menengah Pertama (SMP) atau
Madrasah Tsanawiyah (MTs); c) Sekolah Menengah Atas (SMA) atau Madrasah
Aliyah (MA); dan d)Sekolah Menengah Kejuruan (SMK) atau Madrasah Aliyah
Kejuruan (MAK). (2) Sekolah atau madrasah sebagaimana dimaksud pada ayat 1
berstatus negeri atau swasta yang telah terakreditasi.
![Page 30: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/30.jpg)
3
Program Adiwiyata sendiri terdiri dari 4 tingkatan yaitu : tingkat kota, tingkat
provinsi, tingkat nasional, dan tingkat mandiri, berdasarkan grafik di atas setiap
tahunnya sekolah yang mengikuti program adiwiyata terus mengalami peningkatan
dan sekolah-sekolah yang sudah menjalani program Adiwiyata berlanjut pada
jenjang berikutnya sampai pada tingkatan mandiri dimana sekolah yang sudah
mencapai tingkatan mandiri harus menaungi 10 sekolah di sekitar yang belum
melaksanakan program Adiwiyata tersebut.
Dinas Lingkungan Hidup Kota Tangerang mempunyai tugas pokok
merencanakan, melaksanakan, mengarahkan, mengawasi dan mengendalikan
kegiatan dibidang lingkungan berdasarkan kebijakan Pemerintah Daerah,
Sayangnya belum diimbangi dengan akses media informasi, dan belum adanya
Gambar 1.1 Grafik Sekolah Mengikuti Program Adiwiyata di Kota
Tangerang 2012 – 2017 (Dinas Lingkunga Hidup Kota Tangerang)
0
10 8
37
106
31
0 07 6
32
96
0 0 0
10 8
25
0 0 0 0
1018
0
15
30
45
60
75
90
105
120
2012 2013 2014 2015 2016 2017
Sekolah Mengikuti Program Adiwiyata Kota Tangerang 2012 - 2017
Adiwiyata kota Adiwiyata Provinsi Adiwiyata Nasional Adiwiyata mandiri
![Page 31: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/31.jpg)
4
pemetaan program Adiwiyata tersebut sebagai sarana informasi untuk pemerataan
program Adiwiyata pada setiap wilayah di Kota Tangerang
Berdasarkan uraian di atas maka untuk mendukung proses pendataan dan
mempermudah proses pengawasan sekolah adiwiyata penulis memilih judul:
“Pengembangan Sistem Informasi Spasial Berbasis Web Pada Sekolah
Program Adiwiyata (Studi Kasus : Kota Tangerang )”.
1.2 Identifikasi Masalah
Dari latar belakang yang telah dipaparkan sebelumnya, maka identifikasi
masalah sebagai berikut.
a. Tidak tersedianya media yang dapat menampilkan informasi dan hasil dari
program adiwiyata pada sekolah dan juga data lokasi sekolah program
adiwiyata di wilayah Kota Tangerang dalam bentuk digital.
b. Belum tersedianya media untuk melakukan proses verifikasi dan proses
validasi pada dokumen program adiwiyata.
1.3 Rumusan Masalah
Berdasarkan latar belakang yang telah dipaparkan dan permasalahan yang
dihadapi, maka dirumuskan masalah sebagai berikut :
“Bagaimana membangun sistem yang dapat menyimpan data dan
menampilkan informasi Sekolah program Adiwiyata dalam bentuk peta secara
digital di wilayah kota Tangerang ?”
![Page 32: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/32.jpg)
5
1.4 Batasan Masalah
Berdasarkan perumusan masalah sebelumnya, maka batasan masalah yang
dibahas adalah sebagai berikut :
1. Penelitian ini dilakukan pada Satuan Kerja Dinas Lingkungan Hidup (DLH)
Kota Tangerang, proses pendataan hanya dilakukan pada sekolah di wilayah
kota Tangerang
2. Pemeriksaan dokumen Adiwiyata hanya dilakukan pada sekolah yang baru
mengajukan program Adiwiyata pada tingkat kota, sedangkan pada sekolah
yang mengikuti Adiwiyata tingkat provinsi, nasional dan mandiri proses
pemeriksaan dokumen milik pemerintah provinsi dan kementrian dan hanya
melakukan upload sk adiwiyata sebagai pendataan oleh Dinas lingkungan
Hidup Kota Tangerang yang akan di olah menjadi peta digital.
3. Sistem yang dikembangkan tdak meliputi proses perhitungan penilaian pada
dokumen Adiwiyata
4. Data yang digunakan dalam penelitian ini adalah data sekunder berupa data
lokasi sekolah adiwiyata yang merupakan hasil pendataan dari Dinas
Lingkungan Hidup Kota tangerang berbentuk file Ms.Excel.
5. Metodologi pengembangan sistem yang digunakan yaitu metodologi
berorientasi objek dengan metode Rapid Application Development (RAD)
yang meliputi Fase Requirement Planning, Fase Workshop design, dan Fase
Implementasi. Pada fase implementasi hanya pada tahap pemrograman dan
testing menggunakan blackbox testing.
6. Tools yang digunakan untuk menggambarkan model pengembangan sistem
![Page 33: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/33.jpg)
6
ini menggunakan Unified Modelling Language (UML). Diagram yang
digunakan yaitu Use Case Diagram, Activity diagram, Sequence diagram, dan
Class diagram menggunakan Astah Profesional. Selain itu tools yang
digunakan untuk pengkodean menggunakan XAMPP, bahasa pemrograman
PHP dan database menggunakan MySql. Penelitian ini juga menggunakan
Arcgis Online sebagai peta yang akan digunakan dalam aplikasi.
7. Tidak membahas keamanan jaringan dan keamanan database..
1.5 Tujuan Penelitian
Tujuan umum dari penelitian ini adalah menghasilkan Sistem Informasi
Spasial Sekolah Program Adiwiyata Kota Tangerang yang mampu menampilkan
data sekolah adiwiyata di Kota Tangerang. Sedangkan tujuan khusus dari
penelitian ini adalah menghasilkan:
1. Mengembangkan sistem informasi spasial pemetaan sekolah yang sudah
mengikuti program adiwiyata .
2. Mengembangkan sistem informasi yang dapat mengajukan program dan
menyimpan dokumen adiwiyata yang dapat melakukan proses verifikasi dan
validasi dokumen .
1.6 Manfaat Penelitian
Berikut manfaat yang dijabarkan oleh penulis dengan diadakannya penelitian
ini, antara lain:
![Page 34: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/34.jpg)
7
a. Bagi Penulis
1) Untuk memenuhi salah satu syarat kelulusan strata satu (SI), Sistem
Informasi Fakultas Sains UIN Syarif Hidayatullah Jakarta.
2) Untuk mempraktekan secara langsung dan meningkatkan ilmu-ilmu yang telah
didapatkan selama duduk di perkuliahan.
3) Untuk mengetahui kondisi dan masalah sebenarnya yang terjadi di dunia
kerja serta membandingkan teori-teori yang ada dengan masalah yang
sebenarnya.
4) Untuk memperkenalkan gambaran umum perusahaan yang diperlukan
mahasiswa untuk memasuki dunia kerja.
b. Bagi Universitas
1) Mengetahui kemampuan mahasiswa dalam menguasai materi pelajaran
yang diperoleh dibangku kuliah dalam menerapkan ilmunya dan sebagai
bahan evaluasi.
2) Memberikan gambaran tentang kesiapan mahasiswa dalam menghadapi
dunia kerja yang sebenarnya.
3) Dapat meningkatkan kualitas lulusannya melalui pengalaman.
c. Bagi Pemerintah Daerah
Memberikan kemudahan kepada Pemerintah Daerah untuk memperoleh
informasi sekolah yang sudah mengikuti program Adiwiyata di kota Tangerang.
d. Bagi Dinas Lingkungan Hidup
1) Membantu dalam membuat pemetaan data sekolah adiwiyata Kota
Tangerang .
![Page 35: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/35.jpg)
8
2) Memudahkan dalam Mengawasi dan merencanakan pelaksanaan
program sekolah adiwiyata 2017.
1.7 Metode Penelitian
Metodologi ini terdiri dari 2 macam, yaitu metodologi pengumpulan data dan
metodologi pengembangan sistem. Menurut Zaenal A. Hasibuan dalam metodologi
pengumpulan data terdapat beberapa cara, diantaranya yang digunakan dalam
penelitian ini ada empat macam, yaitu:
1. Wawancara
Teknik pengumpulan data dilakukan dengan menggunakan teknik wawancara
yang berupa tanya jawab peneliti dengan responden (narasumber). Wawancara
tersebut berupa percakapan langsung (face to face) antara dua pihak atau lebih
untuk mendapatkan informasi secara lisan dengan tujuan untuk memperoleh data
yang dapat menjelaskan ataupun menjawab suatu permasalahan penelitian.
Wawancara merupakan salah satu faktor penting dalam menggali informasi dari
narasumber.
2. Observasi
Metode observasi merupakan salah satu cara yang bisa digunakan untuk
mengumpulkan data. Metode observasi ini biasanya digunakan untuk mengetahui
perilaku masyarakat secara detail di lokasi penelitian.
![Page 36: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/36.jpg)
9
3. Studi Pustaka
Studi pustaka adalah mencari referensi yang dapat menguatkan landasan dari
penelitian ini. Studi pustaka dilakukan dengan membaca berbagai buku, jurnal,
berita secara offline maupun secara Online.
4. Study literatur sejenis
Studi literatur sejenis dilaksanakan sebagai bahan untuk perbandingan
berdasarkan penelitian yang telah dilakukan oleh orang lain sebelumnya. Dengan
melakukan studi literatur sejenis maka dapat diketahui kekurangan dan kelebihan
dari penelitian sebelumnya, dan dengan itu bisa diambil manfaat atasnya.
Sedangkan untuk metodologi pengembangan sistem yang digunakan adalah
dengan metode Rapid Application Development (RAD), menggunakan Bahasa
pemodelan UML (Unified Modelling Language).
1.8 Sistematika Penulisan
Adapun sistematika dari penulisan laporan penelitian ini dibagi ke dalam lima
bab yaitu:
BAB 1 PENDAHULUAN
Bab ini menerangkan tentang latar belakang, identifikasi
dan rumusan masalah, batasan masalah, tujuan penelitian,
manfaat penelitian, metode penelitian serta sistematika
penulisan.
![Page 37: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/37.jpg)
10
BAB 2 LANDASAN TEORI
Bab ini menguraikan teori-teori yang mendukung dengan
konsep pengembangan sistem informasi spasial data
sekolah program adiwiyata kota Tangerang.
BAB 3 METODOLOGI PENELITIAN
Bab ini menguraikan penjelasan metode pengumpulan data
dan metode analisis dan perancangan sistem yang
digunakan untuk menyusun laporan Skripsi ini. Penjelasan
yang terkait merupakan tahap dan kegiatan dalam
penelitian.
BAB 4 HASIL DAN PEMBAHASAN
Bab ini berisi penjelasan dan pembahasan pengembangan
sistem informasi spasial data sekolah program adiwiyata
Kota Tangerang
BAB 5 PENUTUP
Pada bab ini merupakan akhir penulisan, dimana
berdasarkan uraian-uraian yang telah dibahas dituangkan
kedalam suatu bentuk simpulan akhir serta saran-saran
untuk perkembangan penelitian di masa yang akan datang.
![Page 38: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/38.jpg)
11
![Page 39: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/39.jpg)
11
2. BAB 2
LANDASAN_TEORI
2.1 Konsep Dasar Pengembangan Sistem Informasi
2.1.1 Pengertian Pengembangan Sistem Informasi
Menurut (Yulianto, et al., 2009), pengembangan sistem informasi ialah satu
set aktivitas, metode, praktik terbaik, siap dikirimkan, dan peralatan terotomasi
yang digunakan oleh stakeholder untuk mengembangkan dan memelihara sistem
informasi dan perangkat lunak. Biasanya pengembangan sistem dilakukan apabila
sistem yang lama sudah tidak bisa mengimbangi/memadai kebutuhan atau pun
perkembangan perusahaan, sehingga terdapat beberapa pendapat tentang definisi
pengembangan sistem
2.1.2 Tujuan Pengembangan Sistem Informasi
Menurut (Yulianto, et al., 2009), adapun tujuan dikembangkannya sistem
diharapkan akan terjadi peningkatan-peningkatan di sistem yang baru, yaitu
meningkatkan:
1. Performance (kinerja), peningkatan terhadap kinerja sistem yang baru sehingga
menjadi lebih efektif. Kinerja dapat diukur dari throughput (jumlah dari pekerjaan
yang dapat dilakukan suatu saat tertentu dan response time (rata-rata waktu yang
tertunda diantara dua transaksi atau pekerjaan ditambah dengan waktu response
untuk menanggapi pekerjaan tersebut).
2. Information (informasi), peningkatan terhadap kualitas informasi yang disajikan.
3. Economy (ekonomis), peningkatan terhadap manfaat-manfaat atau keuntungan-
keuntungan/penurunan-penurunan biaya yang terjadi.
![Page 40: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/40.jpg)
12
4. Control (pengendalian), peningkatan terhadap pengendalian untuk mendeteksi dan
memperbaiki kesalahan-kesalahan serta kecurangan-kecurangan yang dan akan
terjadi.
5. Efficiency (efisiensi), peningkatan terhadap efisiensi operasi.
6. Services (pelayanan), peningkatan terhadap pelayanan yang diberikan oleh sistem.
2.2 Konsep Dasar Sistem Informasi
2.2.1 Pengertian Sistem
Menurut (Yulianto, et al., 2009), sistem ialah interaksi dari elemen-elemen
yang saling berkaitan bekerja sama untuk mencapai tujuan. Elemen-elemen tersebut
ialah elemen sistem konvensional (data, manusia dan prosedur) dan elemen sistem
modern (data, manusia, prosedur, hardware dan software).
Sehingga dapat disimpulkan bahwa sistem:
1. Merupakan sebuah kumpulan elemen berupa prosedur.
2. Kumpulan elemen tersebut saling terhubung dan terintegrasi.
3. Memiliki fungsi, sasaran dan tujuan.
Karakteristik sistem pada umumnya memiliki input, proses dan output.
Namun lebih lanjut karakteristik sistem adalah sebagai berikut:
1. Komponen Sistem: sebuah sistem memiliki beberapa komponen yang saling
berhubungan dan berinteraksi.
2. Batasan Sistem: merupakan ruang lingkup sistem yang membatasi sistem
dengan lingkungan luar atau sistem yang lainnya.
![Page 41: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/41.jpg)
13
3. Lingkungan Luar Sistem: sesuatu yang terdapat pada luar batasan sistem yang
dapat mempengaruhi sistem.
4. Penghubung Sistem: antara komponen yang satu dengan yang lain terhubung
dengan sebuah media.
5. Masukan Sistem: sesuatu dari luar yang dimasukkan ke dalam sistem, untuk
kemudian diolah.
6. Keluaran Sistem: merupakan hasil atau keluaran dari pengolahan masukan
sistem.
7. Pengolahan Sistem: merupakan proses antara dari masukan sistem hingga
keluaran sistem.
8. Sasaran Sistem: merupakan tujuan atau sasaran sistem tersebut dibangun.
2.2.2 Pengertian Data dan Informasi
"Data items refer to an elementary description of things, events, activities,
and transactions that are recorded, classified, and stored but not organized to
convey any specific meaning. Data items can be numbers, letters, figures, sounds,
or images" (Rainer & Cegielski, 2011).
Dari penjelasan tersebut dapat diketahui bahwa data merupakan deskripsi
dasar dari sesuatu, peristiwa, aktivitas dan transaksi yang terekam, terklasifikasi
dan tersimpan tapi tidak terorganisir.
Selanjutnya (Rainer & Cegielski, 2011) juga berpendapat, "Information
refers to data that have been organized so that they have meaning and value to the
recipient". Gordon (Saputro, 2010) juga mendefinisikan informasi adalah data
![Page 42: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/42.jpg)
14
yang telah diolah menjadi bentuk yang berguna bagi penerimanya dan nyata, berupa
nilai yang dapat dipahami didalam keputusan sekarang maupun masa depan.
Dari pendapat para ahli tersebut, dapat dikatakan bahwa informasi erat
kaitannya dengan data dan dapat disimpulkan bahwa informasi adalah representasi
dari kenyataan yang kemudian diolah menjadi bentuk yang lebih bermanfaat untuk
tujuan tertentu.
Maka jika disimpulkan lebih lanjut maka informasi:
a. Berawal dari data yang merupakan representasi kenyataan.
b. Mengalami proses pengolahan.
c. Memiliki nilai manfaat bagi penggunanya.
d. Dibentuk dengan tujuan tertentu.
2.2.3 Pengertian Sistem Informasi
Saat ini sistem informasi dapat dikatakan sebagai manajemen sistem
informasi, yang merupakan perencanaan pengembangan, manajemen dan
penggunaan dari teknologi informasi untuk menolong manusia dalam berbagai
tugas yang berkaitan dengan pengolahan dan manajemen informasi. Sehingga
penulis katakan bahwa sistem informasi adalah sebuah sistem yang terdiri dari
beberapa komponen yaitu komputer, manusia, teknologi informasi dan prosedur
kerja yang saling terhubung dan terhimpun dalam sebuah organisasi untuk
melaksanakan operasi dan pengolahan data menjadi informasi yang bermanfaat
dalam rangka tercapainya tujuan organisasi.
“… we need to distinguish between management information systems, also
called information systems or IS, and information technology. Management
![Page 43: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/43.jpg)
15
information systems (MIS) deal with the planning for—and the development,
management, and use of—information technology tools to help people perform all
of the tasks related to information processing and management.” (Rainer &
Cegielski, 2011).
Saat ini hampir semua sistem informasi sudah menggunakan teknologi
komputer, sistem informasi ini disebut Computer Based Information System
(CBIS). Pada konsep dasarnya, sistem informasi tidak mengharuskan menggunakan
Teknologi Informasi. Tapi untuk mencapai hasil yang optimal, sebuah sistem
informasi disarankan menggunakan komputer yang sangat handal dalam
pengolahan dan pemrosesan informasi.
2.3 Sistem Informasi Geografis
2.3.1 Definisi Sistem Informasi Geografis
Sistem Informasi Geografis (SIG) adalah sebuah sistem atau teknologi
berbasis komputer yang dibangun dengan tujuan untuk mengumpulkan,
menyimpan, mengolah, dan menganalisa, serta menyajikan data-data dan informasi
dari suatu objek atau fenomena yang berkaitan dengan letak atau keberadaannya di
permukaan bumi. Pada dasarnya SIG dapat dirinci menjadi beberapa sub sistem
yang saling berkaitan mencakup input data, manajemen data, pemrosesan atau
analisis data, pelaporan (output), dan hasil Analisa (Ekadinata, et al., 2008).
Sistem informasi geografis adalah sistem yang dapat mendukung (proses)
pengambilan keputusan (terkait aspek) spasial dan mampu mengintegrasikan
deskripsi-deskripsi lokasi dengan karakteristik-karakteristik fenomena yang
![Page 44: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/44.jpg)
16
ditemukan di lokasi tersebut. SIG yang lengkap akan mencangkup metodologi
dan teknologi yang diperlukan; yaitu, data spasial, perangkat keras, perangkat
lunak dan struktur organisasi (Prahasta, 2009).
Dari semua pemaparan di atas dapat ditarik kesimpulan bahwa Sistem
Informasi Geografis adalah sistem terkomputerisasi yang dapat menyajikan
informasi geografis serta melakukan transaksi data geografis secara otomatis.
2.3.2 Subsistem Pada SIG
SIG dapat diuraikan menjadi beberapa sub-sistem sebagai berikut
(Prahasta, 2009):
1. Data input
Susbsistem ini bertugas untuk mengumpulkan, mempersiapkan, dan
menyimpan data spasial dan atributnya dari berbagai sumber. Sub-sistem ini
pula yang bertanggungjawab dalam mengonversikan atau
mentransformasikan format-format data asli ke dalam format (native) yang
dapat digunakan oleh perangkat SIG yang bersangkutan.
2. Data Output
Sub-sistem ini bertugas untuk menampilkan atau menghasilkan
keluaran (termasuk mengekspornya ke format yang dikehendaki) seluruh
atau sebagian basis data (spasial) baik dalam bentuk softcopy maupun
hardcopy seperti halnya table, grafik, report, peta dan lain sebagainya.
3. Data Management
Sub-sistem ini mengorganisasikan baik data spasial maupun table-
tabel atribut terkait ke dalam sebuah sistem basis data sedemikian rupa
![Page 45: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/45.jpg)
17
hingga mudah dipanggil kembali atau di-retrieve (di-load ke memori), di-
update dan di-edit.
4. Data Manipulation & analysis
Sub-sistem ini menentukan informasi-informasi yang dapat
dihasilkan oleh SIG. Selain itu, sub-sistem ini juga melakukan
manipulasi (evaluasi dan penggunaan fungsi- fungsi dan operasi
matematis & logika) dan pemodelan data untuk menghasilkan informasi
yang diharapkan.
2.4 Peta
Peta merupakan wahana bagi penyimpanan dan penyajian data kondisi
lingkungan, merupakan sumber informasi bagi para perencana dan pengambilan
keputusan pada tahapan dan tingkatan pembangunan (Bakosurtanal, 2005)
Peta merupakan gambaran permukaan bumi yang diperkecil, dituangkan
dalam selembar kertas atau media lain dalam bentuk dua dimensional. Melalui
sebuah peta kita akan mudah melakukan pengamatan terhadap permukaan bumi
yang luas, terutama dalam hal waktu dan biaya (Miswar, 2012)
2.4.1 Jenis-jenis Peta
Berdasarkan isinya, peta bisa dikelompokkan ke dalam 2 jenis yaitu:
1. Peta Umum
Peta umum merupakan peta yang berisikan semua kenampakan bumi
secara umum, baik kenampakan alami maupun kenampakan buatan manusia.
jenis-jenis peta umum yaitu:
![Page 46: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/46.jpg)
18
a Peta topografi: merupakan peta yang hanya menggambarkan suatu
wilayah tertentu di permukaan bumi.
b Peta kartografi: merupakan peta yang menggambarkan sebagian
permukaan bumi
c Peta Dunia: merupakan peta yang menggambarkan seluruh permukaan
bola bumi.
2. Peta Khusus
Peta dibuat untuk tujuan tertentu disebut juga peta tematik.
Berdasarkan sifat nilai datanya dibedakan menjadi 2 yaitu :
a. Peta kuantitatif : Merupakan peta yang akan menjawab lokasi
keberadaan suatu objek beserta nilai objek tersebut.
b. Peta Kualitatif : Merupakan peta yang menunjukkan keberadaan suatu
objek di lokasi tertentu.
Berdasarkan sifat datanya :
1. Peta Stasioner
Merupakan peta dengan sifat data yang menggambarkan permukaan bumi
yang memiliki sifat tetap ataus tabil. Contoh nya peta jalur pegunungan.
2. Peta Dinamis
Merupakan peta yang menggambarkan keadaan permukaan bumi yang selalu
berubah-ubah atau tidak stabil. Contohnya peta jaringan jalan atau peta
kepadatan penduduk.
![Page 47: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/47.jpg)
19
2.4.2 Skala Peta
Skala peta, dapat diartikan sebagai perbandingan (rasio) antara jarak dua
titik pada peta dan jarak sesungguhnya kedua titik tersebut di permukaan bumi atau
di lapangan, dan pada satuan yang sama. Skala peta adalah informasi yang mutlak
harus dicantumkan agar pemakai dapat mengukur jarak sesungguhnya pada peta.
Misalnya peta skala 1:250.000 artinya jarak 1 cm di peta sama dengan jarak 250.000
cm di lapangan (jarak horizontal). Skala pada peta dapat ditulis dengan dua cara
yaitu dengan cara menulis skala angka atau skala garis, tentang macam-macam
skala peta ini akan dibahas terpisah pada postingan yang lain (Gunawan, 2007)
1. Skala numeris
Digambarkan dalam bentuk 1 : 50.000 (numeric skala) atau 1/50.000. Artinya
1 satuan panjang di peta sama dengan 50.000 satuan panjang di lapangan
misalkan 1 cm di peta sama dengan 50.000 cm (0.5 km) di lapangan.
2. Skala dengan kalimat
Biasanya digunakan untuk peta-peta buatan Inggris atau negara-negara bekas
jajahan.
3. Skala grafis
Skala yang menampilkan suatu garis dengan beberapa satuan jarak yang
menyatakan suatu jarak pada tiap satuan jarak tertentu.
Macam - macam peta berdasarkan skala dapat dibedakan menjadi:
1. Peta skala besar
Memiliki skala antara 1: 5.000 sampai 1: 250.000.
2. Peta skala sedang
![Page 48: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/48.jpg)
20
Memiliki skala antara 1: 250.000 sampai 1: 500.000.
3. Peta skala kecil
Memiliki skala antara 1: 500.000 sampai 1: 1.000.000.
2.4.3 Simbolisasi Peta
Simbol peta adalah tanda atau gambar yang mewakili kenampakan yang ada
permukaan bumi yang terdapat pada peta kenampakannya. Simbol peta dapat
diklasifikasikan menurut bentuk dan sifatnya (Miswar, 2012):
1. Simbol Titik
Kenampakan-kenampakan geografi yang tidak memiiki dimensi (0) seperti
titik ketinggian, lokasi kota, mercusuar, lokasi tambang, dinyatakan dengan
simbol titik.
2. Simbol Garis
Kenampakan-kenampakan geografis yang berdimensi satu (1D) seperti jalan,
sungai, jalan KA, arah angin, dinyatakan dalam simbol garis.
3. Simbol Area
Kenampakan-kenampakan geografis yang berdimensi dua (2D) seperti area
perkebunan, wilayah administrasi, dinyatakan dalam simbol area.
2.5 Pengertian Program Adiwiyata
2.5.2 Pengertian Sekolah
Menurut Daryanto (Daryanto, 2001), sekolah adalah bangunan atau
lembaga untuk belajar serta tempat menerima dan memberi pelajaran, sekolah
sebagai suatu sistem sosial dibatasi oleh sekumpulan elemen kegiatan yang
![Page 49: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/49.jpg)
21
berinteraksi dan membentuk suatu kesatuan sosial sekolah yang demikian bersifat
aktif kreatif artinya sekolah dapat menghasilkan sesuatu yang bermanfaat bagi
masyarakat dalam hal ini adalah orang-orang yang terdidik
2.5.1 Pengertian Adiwiyata
Adiwiyata Mempunyai pengertian atau makna sebagai tempat yang baik dan
ideal, dimana dapat diperoleh segala ilmu pengetahuan dan berbagai norma serta
etika yang dapat menjadi dasar manusia menuju terciptanya kesejahteraan hidup
kita dan menuju kepada cita-cita pembangunan berkelanjutan (Badan Pengendalian
Lingkungan Hidup, 2016)
2.5.3 Tujuan Sekolah Program Adiwiyata
Tujuan Program Adiwiyata adalah mewujudkan warga sekolah yang
bertanggung jawab dalam upaya perlindungan dan pengelolaan lingkungan hidup
melalui tata kelola sekolah yang baik untuk mendukung pembangunan
berkelanjutan (Badan Pengendalian Lingkungan Hidup, 2016).
2.5.4 Prinsip Dasar Sekolah Program Adiwiyata
Pelaksanaan Program Adiwiyata diletakkan pada dua prinsip dasar berikut
ini (Kementrian Lingkungan Hidup, Peraturan Menteri Lingkungan Hidup
Republik Indonesia Nomor 05 Tahun 2013 Tentang Pedoman Pelaksanaan Program
Adiwiyata, 2013) :
1. Partisipatif: komunitas sekolah terlibat dalam manajemen sekolah yang
meliputi keseluruhan proses perencanaan,pelaksanaan, dan evaluasi sesuai
tanggung jawab dan peran.
![Page 50: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/50.jpg)
22
2. Berkelanjutan: seluruh kegiatan harus dilakukan secara terencana dan terus
menerus secara komprehensif.
2.5.5 Komponen Sekolah Program Adiwiyata
Untuk mencapai tujuan Program Adiwiyata, maka di tetapkan 4 (empat)
komponen program yang menjadi satu kesatuan utuh dalam mencapai sekolah
adiwiyata. Keempat komponen tersebut adalah :
1. Kebijakan Berwawasan Lingkungan
2. Pelaksanaan kurikulum Berbasis Lingkungan
3. Kegiatan Lingkungan Berbasis Partisipatif
4. Pengelolaan Sarana Pendukung Ramah Lingkungan
2.5.6 Tahapan Penilaian Program Adiwiyata
Penilaian Program Adiwiyata dilakukan dengan tahapan (Badan
Pengendalian Lingkungan Hidup, 2016):
A. Sekolah Adiwiyata kabupaten/Kota
1. Sekolah menyampaikan permohonan penilaian sebagai sekolah
adiwiyata kepada tim penilai kabupaten/kota.
2. Calon sekolah adiwiyata menyampaikan dokumen berdasarkan lembar
evaluasi sekolah adiwiyata dengan melampirkan bukti fisik berupa
kebijakan sekolah yang berwawasan lingkungan, yang terdiri dari
dokumen Kurikulum Tingkat Satuan Pendidikan (KTSP) dan Rencana
Kegiatan dan Aksi Sekolah/Madrasah (RKAS/M).
3. Bagi sekolah yang memenuhi standar administrasi dilakukan verifikasi
dengan menggunakan lembar evaluasi sekolah adiwiyata.
![Page 51: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/51.jpg)
23
4. Tim penilai adiwiyata kabupaten/kota melakukan verifikasi terkait
pencapaian dari 4 (empat) komponen adiwiyata, yaitu:
a. kebijakan berwawasan lingkungan;
b. pelaksanaan kurikulum berbasis lingkungan;
c. kegiatan lingkungan berbasis partisipatif; dan
d. pengelolaan sarana pendukung ramah lingkungan.
5. Berdasarkan hasil verifikasi, tim penilai adiwiyata kabupaten/kota
menetapkan nilai pencapaian sekolah.
6. Penetapan sekolah sebagai penerima penghargaan sekolah adiwiyata
tingkat kabupaten/kota apabila mencapai nilai paling rendah 56 (lima
puluh enam), yaitu 70% (tujuh puluh perseratus) dari total nilai paling
tinggi 80 (delapan puluh).
7. Sekolah adiwiyata tingkat kabupaten/kota dapat diusulkan untuk ikut
dalam seleksi penerimaan penghargaan sekolah adiwiyata tingkat
provinsi, apabila sudah mencapai nilai paling rendah 64 (enam puluh
empat) yaitu 80% (delapan puluh perseratus) dari total nilai paling
tinggi 80 (delapan puluh).
B. Sekolah Adiwiyata Provinsi
1. Tim penilai adiwiyata provinsi melakukan evaluasi terhadap dokumen
hasil penilaian yang diusulkan oleh kabupaten/kota, dan laporan
kegiatan pembinaan.
2. Calon sekolah adiwiyata tingkat provinsi yang terpilih, dilakukan
verifikasi.
![Page 52: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/52.jpg)
24
3. Berdasarkan hasil verifikasi, Tim penilai adiwiyata provinsi
menetapkan nilai pencapaian sekolah.
4. Penetapan sekolah sebagai penerima penghargaan sekolah adiwiyata
tingkat provinsi apabila mencapai nilai paling rendah 64 (enam puluh
empat), yaitu 80% (delapan puluh perseratus) dari total nilai paling
tinggi 80 (delapan puluh).
5. Sekolah adiwiyata tingkat provinsi dapat diusulkan untuk ikut dalam
seleksi penerimaan penghargaan sekolah adiwiyata tingkat nasional,
apabila sudah mencapai nilai paling rendah 72 (tujuh puluh dua) yaitu
90% (sembilan puluh perseratus) dari total nilai paling tinggi 80
(delapan puluh).
C. Sekolah Adiwiyata Nasional
1. Tim penilai adiwiyata nasional melakukan evaluasi terhadap dokumen
hasil penilaian yang diusulkan oleh provinsi dan laporan kegiatan
pembinaan.
2. Calon sekolah adiwiyata nasional yang terpilih, dilakukan verifikasi.
3. Berdasarkan hasil verifikasi, Tim penilai adiwiyata nasional
menetapkan nilai pencapaian sekolah.
4. Penetapan sekolah sebagai penerima penghargaan sekolah adiwiyata
nasional apabila mencapai nilai paling rendah 72 (tujuh puluh dua),
yaitu 90% (sembilan puluh perseratus) dari total nilai paling tinggi 80
(delapan puluh).
D. Sekolah Adiwiyata Mandiri
![Page 53: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/53.jpg)
25
1. Tim penilai adiwiyata nasional menetapkan sekolah adiwiyata nasional
yang akan dilakukan verifikasi berdasarkan usulan dari provinsi.
2. Sekolah adiwiyata nasional yang terpilih, dilakukan verifikasi.
3. Penetapan sekolah sebagai penerima penghargaan sekolah adiwiyata
mandiri apabila sekolah adiwiyata nasional tersebut telah melakukan
pembinaan terhadap sekolah lain, paling sedikit 10 (sepuluh) sekolah,
dan sekolah yang dibina tersebut telah mendapatkan penghargaan
adiwiyata kabupaten/kota.
4. Sekolah adiwiyata mandiri dapat diusulkan untuk ikut dalam seleksi
penerimaan penghargaan tingkat Asean Eco School.
Tabel 2.1 Kalender kegiatan Adiwiyata
(Badan Pengendalian Lingkungan Hidup, 2016)
NO KEGIATAN WAKTU
1 Penyempurnaan Panduan Adiwiyata Oktober
2 Sosialisasi Panduan Adiwiyata Nopember
3 Pelatihan / TOT Desember
4 Pembinaan Adiwiyata Januari-Desember
5 Monitoring Januari-Desember
6 Pemberian Penghargaan Maret-Juni
7 Evaluasi Keterlaksaan Program
Adiwiyata
Nopember
8 Informasi dan Komunikasi Program
Adiwiyata
Desember
![Page 54: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/54.jpg)
26
2.6 Metode Pengumpulan Data
Pengumpulan data adalah prosedur yang sistematis dan standar untuk
memperoleh data yang diperlukan (Nazir, 2009). Metode yang sering digunakan
dalam pengumpulan data diantaranya adalah:
2.6.1 Observasi
Pengumpulan data dengan observasi langsung adalah cara pengambilan
data dengan menggunakan mata tanpa ada pertolongan alat standar lain untuk
keperluan tersebut. Pengumpulan datamelalui pengamatan dan pencatatan oleh
pengumpul data terhadap gejala atau peristiwa yang diselidiki pada objek
penelitian (Nazir, 2009)
2.6.2 Wawancara
Wawancara adalah proses memperoleh keterangan untuk tujuan penelitian
dengan cara tanya jawab, sambil bertatap muka antara si penanya atau
pewawancara dengan si penjawab atau responden dengan menggunakan alat yang
dinamakan interview guide (panduan wawancara) (Nazir, 2009).
2.6.3 Studi Pustaka
Studi pustaka adalah teknik survei terhadap data yang telah ada dengan
menggali teori-teori yang telah berkembang dalam bidang ilmu yang
berkepentingan, mencari metode-metode serta teknik penelitian baik dalam
mengumpulkan data atau dalam menganalisis data yang telah pernah digunakan
oleh peneliti-peneliti terdahulu (Nazir, 2009).
![Page 55: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/55.jpg)
27
2.6.4 Studi Literatur
Studi literatur merupakan kegiatan menelusuri literature yang ada serta
menelaahnya secara tekun. Dengan mencari sumber data sekunder yang
mendukung penelitian serta mengetahui sampai mana ilmu berhubungan dengan
penelitian yang telah berkembang, kesimpulan dan generalisasi yang pernah
dibuat, sehingga situasi yang diperlukan dapat diperoleh (Nazir, 2009).
2.7 Rapid Aplication Development (RAD)
Metode pengembangan sistem yang akan digunakan oleh penulis adalah
Rapid Application Develoment (RAD). RAD adalah suatu pendekatan berorientasi
objek terhadap pengembangan sistem yang mencakup suatu metode pengembangan
perangkat lunak. RAD bertujuan mempersingkat waktu yang biasanya diperlukan
dalam siklus hidup pengembangan sistem tradisional antara perancangan dan
penerapan suatu sistem informasi (Kendall, 2010).
2.7.1 Tahap RAD
Terdapat tiga fase dalam RAD yang melibatkan penganalisis dan pengguna
dalam tahap penilaian, perancangan dan penerapan (Kendall, 2010). Adapun ketiga
fase tersebut adalah Perencanaan Syarat-Syarat (Requirement Planning), Proses
Desain (Workshop Design) dan Implementasi (Implementation). Berikut ini adalah
![Page 56: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/56.jpg)
28
Mengidentifikasi
tujuan dan syarat
informasi
Bekerja dengan
pengguna untuk
merancang sistem
Membangun
sistem
Mengidentifikasi
tujuan dan syarat
informasi
requirement planning
Workshop design
implementation
Gambar 2.1 Siklus Metode RAD (Sumber: Kendall, 2010)
1. Requirement Planning
Dalam fase ini, pengguna dan penganalisis bertemu untuk
mengidentifikasikan tujuan-tujuan aplikasi atau sistem serta untuk
megidentifikasikan syarat-syarat informasi yang ditimbulkan dari tujuan-
tujuan tersebut. Orientasi dalam fase ini adalah menyelesaikan masalah-
masalah perusahaan. Meskipun teknologi informasi dan sistem bisa
mengarahkan sebagian dari sistem yang diajukan, fokusnya akan selalu tetap
pada upaya pencapaian tujuan-tujuan perusahaan (Kendall, 2010).
2. Proses Desain (Workshop Design)
Fase ini adalah fase untuk merancang dan memperbaiki yang dapat
digambarkan sebagai workshop. Penganalisis dan dan pemrogram dapat
bekerja membangun dan menunjukkan representasi visual desain dan pola
kerja kepada pengguna. Proses desain ini dapat dilakukan selama beberapa
![Page 57: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/57.jpg)
29
hari tergantung dari ukuran aplikasi yang akan dikembangkan. Selama
workshop design RAD, pengguna merespon prototype yang ada dan
penganalisis memperbaiki modul-modul yang dirancang berdasarkan respon
pengguna. Apabila seorang pengembangnya merupakan pengembang atau
pengguna yang berpengalaman, Kendall menilai bahwa usaha kreatif ini
mendorong pengembangan sampai tingkat terakselerasi (Kendall, 2010).
3. Implementasi (Implementation)
Pada fase implementasi ini, penganalisis bekerja dengan para
pengguna secara intens selama workshop dan merancang aspek-aspek bisnis
dan nonteknis perusahaan. Segera setelah aspek-aspek ini disetujui dan
sistem-sistem dibangun dan disaring, sistem-sistem baru atau bagian dari
sistem diuji coba dan diperkenalkan kepada organisasi (Kendall, 2010).
Tahap ini terdiri atas dua tahapan, yaitu tahap pengimplementasian
sistem ke dalam bahasa pemrograman (coding) dan tahap black box testing
oleh beberapa owner, analyst dan developer dengan tujuan apakah masih
terdapat kesalahan (error).
a. Pemrograman (Coding)
Tujuan fase konstruksi adalah untuk membangun dan menguji
sebuah sistem fungsional yang memenuhi persyaratan bisnis dan desain
dan untuk mengimplementasi antarmuka sistem yang baru. Aspek
utama dari fase ini ialah pemrograman sistem (Whitten & Bentley,
2007).
![Page 58: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/58.jpg)
30
b. Black Box Testing
Yaitu tahap uji coba terhadap aplikasi atau software yang telah
dibangun. Adapun metode yang digunakan dalam testing ini yaitu
dengan black box testing.
Menurut Pressman (2010), pengujian black box disebut juga
pengujian behavioral, yang berfokus pada kebutuhan fungsional
software. Black box mencoba untuk menemukan kesalahan dalam
kategori berikut : (1) fungsi-fungsi yang tidak benar atau hilang, (2)
kesalahan interface, (3) kesalahan dan struktur data atau akses database
eksternal (4) kesalahan kinerja atau tingkah laku dan (5) inisialisasi dan
kesalahan terminasi.
2.7.2 Keuntungan RAD
Beberapa kelebihan yang dimiliki metode RAD antara lain (Pressman & Maxim,
2015):
a. Siklus dan fase pengembangan sistem yang relatif cepat.
b. Aplikasi dapat terlihat lebih cepat di awal, karena digunakan prototyping
dengan perancangannya menggunakan graphic user interface (GUI).
c. Memiliki fleksibilitas tinggi karena dibangun atas dasar modularisasi
dimana pengembang dapat mendesain ulang modul dan bersifat life cycles.
2.7.3 Kelemahan RAD
Kekurangan penerapan metode RAD adalah sebagai berikut (Kendall, 2010)
a. Dengan metode RAD, penganalisis berusaha mempercepat proyek dengan
terburu-buru.
![Page 59: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/59.jpg)
31
b. Kelemahan yang berkaitan dengan waktu dan perhatian terhadap detail.
Aplikasi dapat diselesaikan secara lebih cepat, tetapi tidak mampu
mengarahkan penekanan terhadap permasalahan-permasalahan
perusahaan yang seharusnya diarahkan.
c. RAD menyulitkan programmer yang tidak berpengalaman menggunakan
perangkat ini di mana programmer dan analyst dituntut untuk menguasai
kemampuan-kemampuan baru sementara pada saat yang sama mereka harus
bekerja mengembangkan sistem.
2.8 UML
Pendekatan UML layak untuk diselidiki dan dipahami, karena
penerimaannya yang luas dan pemakaiannya. UML menyediakan seperangkat alat
standar untuk mendokumentasikan analisis dan perancangan perangkat lunak. Alat
bantu UML mencakup diagram yang memungkinkan orang untuk
memvisualisasikan konstruksi dari sistem berorientasi obyek, mirip dengan cara
satu set cetak biru yang memungkinkan orang untuk memvisualisasikan
pembangunan gedung. Dokumentasi yang Anda buat dengan UML
menyediakan cara yang efektif untuk komunikasi antara tim pengembangan dan
tim bisnis dalam sebuah proyek (Kendall ., 2010).
2.8.1 Use Case Diagram
UML pada dasarnya didasarkan pada teknik analisis berorientasi objek
yang dikenal sebagai use case modeling. Model use case menunjukkan tampilan
sistem dari perspektif pengguna, sehingga menggambarkan apa yang dilakukan
sistem tanpa menjelaskan bagaimana sistem melakukannya. UML dapat digunakan
![Page 60: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/60.jpg)
32
untuk menganalisis model use case, dan untuk mendapatkan objek sistem dan
interaksinya satu sama lain dan dengan pengguna sistem. Dengan menggunakan
teknik UML, Anda menganalisis lebih lanjut objek dan interaksinya untuk
mendapatkan perilaku, atribut, dan hubungan objek. Kasus penggunaan memberi
pengembang pandangan tentang apa yang diinginkan pengguna. Ini bebas dari
teknis atau rincian implementasi Kita bisa memikirkan use case sebagai urutan
transaksi dalam sebuah sistem. Use case model didasarkan pada interaksi dan
hubungan kasus penggunaan individual (Kendall, 2010).
Use Case selalu menggambarkan tiga hal: aktor yang memulai sebuah
acara; acara yang memicu use case; dan use case yang melakukan tindakan yang
dipicu oleh acara tersebut (Kendall, 2010).
Tabel 2.2 Simbol-simbol Use Case Diagram (Kendall,2010)
Simbol Keterangan
Nama UseCase
Use Case
Fungsionalitas yang disediakan sistem
sebagai unit-unit yang saling bertukar pesan
antar unit atau aktor; biasanya dinyatakan
dengan menggunakan kata kerja di awal
frase nama use case.
Nama aktor
Aktor
Orang, proses, atau sistem lain yang
berinteraksi dengan sistem informasi yang
akan dibuat itu sendiri, jadi walaupun simbol
dari aktor adalah gambar orang, tapi aktor
belum tentu merupakan orang; biasanya
dinyatakan menggunakan kata benda di awal
frase nama aktor.
![Page 61: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/61.jpg)
33
Asosiasi / association
Komunikasi antara aktor dan use case yang
berpartisipasi pada use case atau use case
memiliki interaksi dengan aktor Relasi use
case tambahan ke sebuah use case dimana
use case yang ditambahkan dapat berdiri
sendiri walau tanpa use case tambahan itu;
mirip dengan prinsip inheritance pada
pemrograman berorientasi objek; biasanya
use case tambahan memiliki nama depan
yang sama dengan use case yang
ditambahkan, arah panah menunjuk pada
use case yang dituju contoh :
Extend
<<extend>>
Update data dosen
<<extend>>
![Page 62: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/62.jpg)
34
Include
<<include>>
Relasi use case tambahan ke sebuah use
case dimana use case yang ditambahkan
memerlukan use case ini untuk
menjalankan fungsinya atau sebagai syarat
dijalankannya use case ini. Ada dua sudut
pandang yang cukup besar mengenai
include di use case, include berarti use case
yang ditambahkan akan selalu dipanggil
saat use case tambahan dijalankan, contoh :
pendaftaran
<<include>
> Print Kartu anggota
2.8.2 Activity Diagram
Activity Diagram menunjukkan urutan aktivitas dalam suatu proses, termasuk
kegiatan yang berurutan dan parallel, dan keputusan yang dibuat. Activity Diagram
biasanya dibuat untuk satu use case dan mungkin menunjukkan skenario yang berbeda.
Simbol pada Activity Diagram diilustrasikan sebagai berikut (Kendall, 2010)
![Page 63: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/63.jpg)
35
Tabel 2.3 Simbol-simbol dalam Activity Diagram (Kendall, 2010)
Simbol Keterangan
Sebuah persegi panjang dengan bulat
ujung merupakan kegiatan, baik manual,
seperti menandatangani dokumen hukum,
atau otomatis satu, seperti metode atau
program.
Status awal (start) ditampilkan
sebagai lingkaran penuh.
Keadaan terakhir (End) ditampilkan
sebagai lingkaran hitam yang dikelilingi
oleh lingkaran putih
Panah mewakili sebuah peristiwa.
Peristiwa mewakili hal-hal yang terjadi
pada waktu dan tempat tertentu
Berlian mewakili Decisions / keputusan
(juga disebut cabang) atau
penggabungan/Join. Keputusan punya satu
panah pergi ke berlian dan beberapa keluar.
![Page 64: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/64.jpg)
36
Kotak persegi panjang yang panjang
mewakili sebuah bar sinkronisasi. Ini
digunakan untuk menunjukkan aktivitas
paralel, dan mungkin ada satu event masuk
ke bar sinkronisasi dan beberapa event
berjalan dari sana, symbol ini disebut
dengan Fork. Sinkronisasi di mana
beberapa event digabungkan menjadi satu
acara disebut Join
Rectangles mengelilingi simbol lain, yang
disebut swimlanes, menunjukkan partisi
dan digunakan untuk menunjukkan
aktivitas mana yang dilakukan pada
platform mana, seperti browser, server,
atau mainframe komputer; atau untuk
menunjukkan aktivitas yang dilakukan
oleh kelompok pengguna yang berbeda.
Swimlanes adalah zona yang bisa
digambarkan logika sekaligus tanggung
jawab kelas
2.8.3 Class Diagram
Class diwakili oleh persegi panjang pada class diagram. Dalam format yang
paling sederhana, segi empat mungkin hanya mencakup nama kelas, tapi juga
mencakup atribut dan metode. Atribut adalah apa yang diketahui class sebagai
karakteristik objek, dan metode (juga disebut operasi) adalah apa yang kelas tahu
tentang bagaimana melakukan sesuatu.
![Page 65: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/65.jpg)
37
Operasi adalah bagian kecil dari kode yang bekerja dengan atribut.
Diagram kelas mungkin hanya menunjukkan nama kelas; atau nama dan atribut
kelas; atau kelas nama, atribut, dan metode (Kendall, 2010). Berikut ini adalah
symbol-simbol dalam class diagram:
Tabel 2.4 Simbol-simbol dalam Class Diagram (Kendall, 2010)
Simbol Keterangan
Package
Package merupakan sebuah bungkusan dari satu atau
lebih kelas.
Operasi
Kelas pada struktur sistem
Antar muka / Interface
Sama dengan konsep interface dalam pemrograman
berorientasi objek.
Assosisasi
Relasi antar kelas dengan makna umum, asosiasi
biasanya juga disertai dengan multiplicity
![Page 66: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/66.jpg)
38
Assosisasi
Relasi antar kelas dengan makna umum, asosiasi
biasanya juga disertai dengan multiplicity
Assosiasi berarah / directed
assosiation
Relasi antar kelas dengan makna kelas yang satu
digunakan oleh kelas yang lain, asosiasi biasanya juga
disertai dengan multiplicity.
Generalisasi
Relasi antar kelas dengan makna generalisasi –
spesialisasi (umum-khusus)
Kebergantungan / defency
Relasi antar kelas dengan makna kebergantungan antar
kelas
Agregasi
Relasi antar kelas dengan makna semua-bagian (whole-
part)
2.8.4 Sequence Diagram
Sequence Diagram dapat menggambarkan suksesi interaksi antara kelas
atau instance objek. Sequence Diagram sering digunakan untuk menggambarkan
pengolahan yang dijelaskan dalam skenario use case. Dalam prakteknya, Sequence
Diagram berasal dari analisis use case dan digunakan dalam sistem desain untuk
mendapatkan interaksi, hubungan, dan metode objek dalam sistem. Sequence
![Page 67: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/67.jpg)
39
Gambar 2.2 Simbol-simbol dalam Sequence Diagram (Kendall, 2010)
Diagram digunakan untuk menunjukkan keseluruhan pola aktivitas atau interaksi
dalam use case. Setiap skenario use case dapat membuat satu Sequence Diagram,
meskipun Sequence Diagram tidak selalu diciptakan untuk skenario kecil (Kendall,
2010)
Berikut beberapa elemen dari Diagram Sequence dan tampilan stereotipnya
(Sparx Systems Pty.Ltd.,no date):
• Aktor - Sebuah instance dari seorang aktor saat runtime.
• Lifeline - Elemen Objek dengan Lifeline stereotip.
• Batas - Merupakan layar antarmuka pengguna atau perangkat input / output.
• Entity - Unsur yang gigih - biasanya diimplementasikan sebagai tabel atau
elemen database.
• Kontrol - Komponen aktif yang mengontrol pekerjaan apa
yang akan dilakukan, kapan dan bagaimana
![Page 68: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/68.jpg)
40
2.9 Normalisasi
Normalisasi adalah transformasi pandangan pengguna yang kompleks dan
penyimpanan data ke sekumpulan yang lebih kecil, struktur data yang stabil. Selain
menjadi lebih simpel dan stabil, struktur data dinormalisasi agar lebih mudah
dipelihara dibanding struktur data lainnya (Kendall, 2010).
2.9.1 Tahapan Normalisasi
Dimulai dengan tampilan pengguna atau penyimpanan data yang
dikembangkan untuk kamus data, analis untuk menormalkan struktur data ada
dalam tiga tahap. Setiap langkah melibatkan sebuah prosedur penting, yang
menyederhanakan struktur data. Relasi yang berasal dari tampilan pengguna atau
penyimpanan data kemungkinan besar tidak akan dikenali. Itu tahap pertama dari
proses ini mencakup menghapus semua kelompok yang berulang dan
mengidentifikasi kunci utama. Untuk melakukannya, relasi perlu dipecah menjadi
dua atau lebih relasi. Pada titik ini, hubungan Mungkin sudah dari bentuk normal
ketiga, tapi kemungkinan langkah lebih akan diperlukan untuk mengubahnya
hubungan ke bentuk normal ketiga. Langkah kedua memastikan bahwa semua
atribut nonkey sepenuhnya bergantung pada primary key. Semua Sebagian
dependensi dihapus dan ditempatkan dalam relasi lain. Langkah ketiga
menghilangkan ketergantungan transitif. Ketergantungan atransitif adalah satu di
mana Atribut nonkey bergantung pada atribut nonkey lainnya (Kendall, 2010)
![Page 69: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/69.jpg)
41
1. Bentuk Normal Pertama (1NF)
Langkah pertama dalam menormalisasi sebuah relasi adalah dengan
menghapus kelompok yang berulang (repeating groups). Dalam contoh
kita, relasi SALES- REPORT akan dibagi menjadi dua relasi yang terpisah
Gambar 2.3 Tahapan Normalisasi (Kendall, 2010)
Gambar 2.4 Contoh data SALES-REPORT (Kendall, 2010)
![Page 70: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/70.jpg)
42
Gambar atas menunjukkan bagaimana hubungan SALES-REPORT
yang asli dan tidak disengaja dinormalisasi dengan memisahkan relasinya
menjadi dua relasi baru. Perhatikan bahwa hubungan SALESPERSON
berisi kunci utama SALESPERSON-NUMBER dan semua atribut yang
tidak berulang (SALESPERSON-NAME dan SALES-AREA).
Relasi kedua, SALESPERSON-CUSTOMER, berisi primary key
dari relasi SALESPERSON (kunci utama SALESPERSON adalah
SALESPERSON-NUMBER), dan juga semua atribut yang merupakan
bagian dari grup yang berulang (CUSTOMER-NUMBER, CUSTOMER-
NAME, WAREHOUSE-NUMBER, WAREHOUSE-LOCATION, dan
SALES-AMOUNT).
Mengetahui SALESPERSON-NUMBER tidak secara otomatis
berarti itu anda akan tahu CUSTOMER- NAME, SALES-AMOUNT,
WAREHOUSE-LOCATION dan sebagainya. Dalam relasi ini, seseorang
harus menggunakan kunci bersambung (untuk keduanya yaitu
SALESPERSON-NUMBER dan CUSTOMER-NUMBER) untuk
mengakses seluruh informasi. Ini sangat mungkin untuk menuliskan
relasinya seperti berikut:
dan sebagainya. Dalam relasi ini, seseorang harus menggunakan
kunci bersambung (untuk keduanya yaitu SALESPERSON-NUMBER dan
CUSTOMER-NUMBER)
untuk mengakses seluruh informasi. Ini sangat mungkin untuk
menuliskan relasinya seperti berikut:
![Page 71: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/71.jpg)
43
SALESPERSON
(SALESPERSON NUMBER,
SALESPERSON-NAME,
SALES AREA)
SALESPERSON-
CUSTOMER
(SALESPERSON-NUMBER,
CUSTOMER-NUMBER,
CUSTOMER-NAME,
WAREHOUSE-NUMBER,
WAREHOUSE-LOCATION,
SALES-AMOUNT)
Relasi awal SALES-REPORT kini diubah menjadi dua yaitu
SALESPERSON (3NF) and SALESPERSON- CUSTOMER (1NF)
seperti gambar di bawah ini
Gambar 2.5 Tahap Normalisasi Pertama (Kendall, 2010)
![Page 72: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/72.jpg)
44
2. Bentuk Normal Kedua (2NF)
Dalam bentuk normal kedua, semua atribut akan berfungsi secara
fungsional tergantung pada primary key. Oleh karena itu, langkah
selanjutnya adalah menghapus semua ketergantungan sebagian atribut dan
tempatkan mereka dalam relasi lain. Relasi di bawah menunjukkan
bagaimana hubungan SALESPERSON-CUSTOMER dibagi menjadi dua
hubungan baru: SALES and CUSTOMER- WAREHOUSE.
SALES
(SALESPERSON-NUMBER,
CUSTOMER-NUMBER, SALES-
AMOUNT)
CUSTOMER-
WAREHOUSE
(CUSTOMER-NUMBER,
CUSTOMER-NAME,
WAREHOUSE-NUMBER,
WAREHOUSE-LOCATION)
![Page 73: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/73.jpg)
45
3. Bentuk Normal Ketiga (3NF)
Suatu relasi termasuk ke dalam bentuk normal ketiga jika
semua atribut yang bukan merupakan kunci utama memiliki
ketergantungan fungsional secara penuh kepada kunci utamanya dan
tidak ada yang memiliki ketergantungan transitif dimana atribut bukan
kunci tergantung kepada atribut bukan kunci yang lainnya. Jika dilihat
pada contoh table CUSTOMER-WAREHOUSE maka akan dibagi
menjadi dua table yaitu sebagai berikut:
Gambar 2.6 Tahap Normalisasi Kedua (Kendall, 2010)
![Page 74: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/74.jpg)
46
CUSTOMER
(CUSTOMER-NUMBER,
CUSTOMER-NAME,
WAREHOUSE-NUMBER)
WAREHOUSE
(WAREHOUSE-NUMBER,
WAREHOUSE-
LOCATION)
2.9 Database
(Oetomo, 2006), sebagai kumpulan informasi yang terintegrasi,
diorganisasikan dan disimpan dalam suatu cara yang memudahkan pengambilan
kembali. Karena berfungsi sebagai basis penyedia informasi bagi para pemakainya.
Tujuan dari desain database adalah untuk menentukan data-data yang dibutuhkan
dalam sistem sehingga informasi yang dihasilkan dapat terpenuhi dengan baik.
Desain database perlu dilakukan untuk menghindari pengulangan data.
Gambar 2.7 Tahap Normalisasi Ketiga (Kendall, 2010)
![Page 75: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/75.jpg)
47
Adapun hierarki database adalah sebagai berikut :
Gambar 2.8 Hierarki Database (Oetomo, 2006)
Dari gambar di atas dapat dijelaskan sebagai berikut :
1. Database yaitu kumpulan dari beberapa file/ tabel yang saling berhubungan
antara file yang satu dengan file yang lain.
2. File yaitu kumpulan dari record yang saling berkaitan dan memiliki format
field yang sama dan sejenis.
3. Record yaitu kumpulan dari field yang menggambarkan suatu unit data
individu tertentu.
4. Field yaitu suatu atribut dari record yang menunjukkan suatu item dari data
nilai record sebuah field.
5. Byte yaitu atribut dari field yang berupa karakter yang membentuk nilai dari
sebuah field.
Bit yaitu bagian terkecil dari data secara keseluruhan yaitu huruf karakter
ASCII (American Standard Code From Information Interchange) nol atau satu yang
merupakan komponen pembentuk byte.
![Page 76: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/76.jpg)
48
2.10 Bahasa Pemograman
2.11.1 PHP
PHP (akronim dari PHP: Hypertext Preprocessor) adalah bahasa
pemrograman yang dirancang untuk membangun aplikasi web. Ketika dipanggil dari
web browser, program yang ditulis dengan PHP dan akan di-parsing di dalam web
server oleh interpreter PHP dan diterjemahkan ke dalam dokumen HTML, yang
selanjutnya akan ditampilkan kembali ke web browser (Raharjo, Heryanto, &
Rosdiana, 2014).
2.11.2 HTML
HyperText Markup Language (HTML) adalah sebuah bahasa yang digunakan
untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam
sebuah internet browser. HTML adalah sebuah standar yang digunakan secara luas
untuk menampilkan halaman web.
HTML5 adalah standar baru dari HTML. HTML5 didesain untuk memenuhi
hampir semua kebutuhan user tanpa plugin tambahan. Kebutuhan-kebutuhan tersebut
antara lain menampilkan animasi, menjalankan aplikasi, memutar music dan film.
HTML5 juga cross-platform. Itu artinya dapat dijalankan di berbagai platform dan
device seperti smartphone, tablet, netbook, laptop bahkan smart TV (Hidayatullah &
Kawistara, 2013).
2.11.3 MySQL
MySQL adalah salah satu jenis database server yang sangat terkenal dan
banyak digunakan untuk membangun aplikasi web yang menggunakan database
sebagai sumber dan pengelolaan datanya. MySQL bersifat open source dan free (tidak
![Page 77: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/77.jpg)
49
perlu membayar untuk menggunakannya) pada berbagai platform, MySQL
merupakan database yang pertama kali didukung oleh bahasa pemrograman script
untuk internet (PHP dan Perl) (Arief, 2011).
2.11 Arcgis
ESRI (Environmental System Research Institute) yang berpusat
di Redlands, California, adalah salah satu perusahaan yang mapan dalam
pengembangan perangkat lunak untuk GIS. Memulai debutnya dengan produk
ArcInfo 2.0 pada awal 1990 an, ESRI terus memperbaiki produknya
untuk mengakomodasi berbagai kebutuhan dalam pengelolaan sumberdaya alam
dan lingkungan.
Dengan bervariasinya kalangan pengguna GIS, software ArcGIS yang
diproduksi oleh ESRI mencakup penggunaan GIS pada berbagai skala:
1. ArcGIS Desktop, ditujukan untuk pengguna GIS professional
(perorangan maupun institusi)
2. ArcObjects, dibuat untuk para developer yang selalu ingin membuat
inovasi dan pengembangan
3. Server GIS (ArcIMS, ArcSDE, lokal), dibuat bagi pengguna
awam yang mengumpulkan data spasial melalui aplikasi di internet
4. Mobile GIS, diciptakan bagi pengguna GIS yang dinamis, software
ini mengumpulkan data lapangan ArcGIS
![Page 78: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/78.jpg)
50
Desktop adalah jenis produk yang paling banyak digunakan oleh pengguna
GIS. Selanjutnya didalam ArcGIS Desktop terdapat beberapa paket modul dengan
fungsi yang berbeda-beda yaitu:
a. ArcCatalog
b. ArcMap
c. ArcToolbox
d. ArcGlobe
e. ArcScene
f. ArcReader
g. Dekstop Administrato
2.12 Teknik Pengujian Software
Tujuan dari pengujian adalah untuk menemukan kesalahan dan merupakan
sebuah tes yang bagus di mana dalam pengujian ini memiliki kemungkinan besar
untuk menemukan kesalahan. Karena itu seorang perekayasa perangkat lunak
(software engineer) seharusnya merancang dan mengimplementasikan sistem dasar
komputer atau produk dengan “kemampuan uji” pada pikirannya. Pada saat yang
sama, pengujian itu sendiri harus menunjukkan seperangkat karakteristik yang
mencapai tujuan untuk menemukan sebagian besar error dengan usaha yang
minimum. Pada penelitian ini, pengujian yang dipakai adalah metode blackbox
testing.
![Page 79: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/79.jpg)
51
2.13.1 Black Box
Menurut (Pressman & Maxim, 2015), black box testing juga disebut
pengujian tingkah laku, memusat pada kebutuhan fungsional perangkat lunak.
Teknik pengujian black box memungkinkan memperoleh serangkaian kondisi
masukan yang sepenuhnya menggunakan semua persyaratan fungsional untuk suatu
program. Beberapa jenis kesalahan yang dapat diidentifikasi adalah fungsi tidak
benar atau hilang, kesalahan antar muka, kesalahan pada struktur data (pengaksesan
basis data), kesalahan performasi, kesalahan inisialisasi dan akhir program.
![Page 80: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/80.jpg)
52
![Page 81: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/81.jpg)
52
3. BAB 3
METODOLOGI_PENELITIAN
3.1 Tempat dan Waktu Penelitian
Berikut merupakan tempat dan waktu penelitian dalam penelitian ini:
Tempat Penelitian : Dinas Lingkungan Hidup (DLH) Pada
Bidang Penataan dan Peningkatan Kapasitas
Lingkungan Hidup.
Alamat : Jl. Iskandar Muda No. 45 Neglasari 15129
Kota Tangerang
Waktu Penelitian : Oktober 2017 – November 2017
3.2 Data dan Perangkat Penelitian
a. Data Penelitian
Data yang digunakan dalam penelitian ini adalah sebagai berikut :
1. Data Sekolah Adiwiyata Kota Tangerang 2017
2. Buku Petunjuk Praktis Program Adiwiyata
3. Peraturan Menteri Lingkungan Hidup Republik Indonesia Nomor 05
Tahun 2013 Tentang Pedoman Pelaksanaan Program Adiwiyata
b. Perangkat Penelitian
Perangkat yang digunakan pada penelitian ini adalah:
1. Hardware atau perangkat keras :
a. Satu unit Laptop dengan spesifikasi sebagai berikut :
1). Processor Intel Core i5 – 7200U CPU @ 2.71 GHz
2). RAM 4 GB
![Page 82: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/82.jpg)
53
3). VGA Nvidia Geforce 930mx 2GB
2. Software atau perangkat lunak :
a. Sistem Operasi : Windows 10
b. Tools perancangan sistem : Star UML
c. IDE (Integrated Development Environment): XAMPP sebagai
aplikasi server
d. Tools perancangan mock up : Balsamiq Mockups for Windows
3.5.4
e. Sisi server konten:
1. Bahasa Pemrograman : Hypertext Preprocessor (PHP)
2. Database : MySQL
3. Format data : Keyhole Markup Languange (.kml/ .kmz)
f. Sisi web application: Google Chrome
3.3 Metodologi Pengumpulan Data
Dalam penyusunan laporan penelitian ini diperlukan data-data serta
informasi yang lengkap sebagai bahan yang dapat mendukung kebenaran materi
uraian dan pembahasan. Penulis menggunakan beberapa metode pengumpulan data
dalam penyusunan laporan penelitian ini, yaitu observasi, wawancara, studi pustaka
dan studi literatur. Berikut berikut penjelasanya:
3.3.1 Observasi
Pengumpulan data secara observasi dilakukan dengan mengunjungi
langsung tempat dilaksanakannya penelitian, yaitu Dinas Lingkungan Hidup
(DLH) Kota Tangerang yang dilakukan kurang lebih selama 2 bulan yaitu Oktober
![Page 83: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/83.jpg)
54
2017 sampai November 2017. Peneliti melakukan pengumpulan data dan informasi
Sekolah Program Adiwiyata di Kota Tangerang. Hasil yang dicapai dari
pengumpulan data dan informasi tersebut adalah pengembangan sistem informasi
spasial berbasis web pada sekolah program adiwiyata. Kegiatan pengamatan ini
dilakukan di bawah pengawasan ibu Dra. Eny Nuraeny, M.Si selaku Kepala Bidang
Penataan dan Peningkatan Kapasitas Lingkungan Hidup.
3.3.2 Wawancara
Wawancara ini dilakukan secara langsung dengan ibu Dra. Eny Nuraeny,
M.Si selaku Kepala Bidang Penataan dan Peningkatan Kapasitas Lingkungan
Hidup. Wawancara ini berguna untuk memperoleh data yang diperlukan dalam
pengembangan sistem. Dalam wawancara yang dilakukan diketahui bagaimana alur
sistem informasi itu dilakukan (sistem berjalan).
3.3.3 Studi Pustaka
3.3.3.1 Regulasi
Mengacu kepada pasal 4 ayat (1) Undang-undang nomor 05 Tahun 2013
tentang sekolah adiwiyata “ Program Adiwiyata diikuti oleh : (1) a) Sekolah Dasar
(SD) atau Madrasah Ibtidaiyah (MI); b) Sekolah Menengah Pertama (SMP) atau
Madrasah Tsanawiyah (MTs); c) Sekolah Menengah Atas (SMA) atau Madrasah
Aliyah (MA); dan d)Sekolah Menengah Kejuruan (SMK) atau Madrasah Aliyah
Kejuruan (MAK). (2) Sekolah atau madrasah sebagaimana dimaksud pada ayat 1
berstatus negeri atau swasta yang telah terakreditasi. Selain itu, pasal 9 ayat 2
menyebutkan Pembinaan sebagaimana dimaksud pada ayat (1) dilaksanakan
![Page 84: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/84.jpg)
55
secara berjenjang oleh tim pembina adiwiyata: a). nasional; b). provinsi; dan c.)
kabupaten/kota, sesuai dengan perincian tugasnya.
3.3.3.2 Standarisasi
Menurut Undang-undang nomor 5 tahun 2013 pasal 6 ayat 1 komponen
Adiwiyata meliputi : a). aspek kebijakan sekolah yang berwawasan lingkungan, b).
aspek kurikulum sekolah berbasis lingkungan. c). aspek kegiatan sekolah berbasis
partisipatif. d). aspek pengelolaan sarana dan prasarana .
3.3.4 Studi Literatur
Peneliti melakukan pengumpulan data dan membandingkan dengan studi
literatur sejenis yang sudah ada sebagai referensi. Berikut ini adalah penjabaran dari
literatur-literatur sejenis dengan penelitian yang dilakukan :
Tabel 3.1 Studi Literatur
No Judul Tata Cara Penelitian Hasil Sumber
1. Sistem Pendukung
Keputusan
Menentukan
Kelayakan Program
Adiwiyata Pada
Sekolah Tingkat
SMP dengan
Metode Simple
Additive Weighting
(SAW)
1. Pengumpulan data
menggunakan 2 Metode
yaitu wawancara
terhadap pihak terkait di
Badan Pelestarian
Lingkungan Hidup dan
pengamatan langsung
(observasi) untuk
mengetahui jalannya
program Adiwiyata.
2. pengembangan sistem
menggunakan Metode
Simple Additive
Hasil dari penelitian
ini adalah sebuah
sistem yang dapat
menentukan proses
Program Adiwiyata
pada Sekolah tingkat
SMP di Kabupaten
Bandung
menggunakan Metode
Simple Additive
Weighting. Keluaran
dari sistem ini berupa
penilaian kriteria dan
Jurusan
Informatika,
Fakultas MIPA,
Universitas
Jenderal
Achmad Yani,
Cimahi Jawa
Barat, 2016
![Page 85: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/85.jpg)
56
Weighting konsep dasar
metode SAW mencari
penjumlahaan terbobot
dari rating kinerja pada
setiap alternative pada
semua atribut
bobot kelayakan
Program Adiwiyata
Pada sekolah tingkat
SMP berdasarkan
penilaian setiap
kriteria Program
Adiwiyata.
2. Sistem Informasi
Geografis Pemetaan
Sekolah Berbasis
Web di Kecamatan
Wonodadi
Kabupaten Blitar
1. Pengumpulan data
menggunakan metode
wawancara, studi
pustaka, angket dan
kuisioner, kuisioner ini
diberikan kepada 10
responden yang akan
mencoba sistem dan
menjawab pertanyaan
yang ada dalam angket,
tujuannya untuk mencari
tahu tanggapan
responden terhadap
sistem yang telah dibuat
2. Pengembangan sistem
menggunakan metode
Data Flow Diagram,
diagram konteks, DFD
Level 1 dan Flowchart
Aplikasi
Pembuatan sistem
informasi geografis ini
dilakukan untuk
memudahkan
pencarian lokasi
sekolah di kecamatan
Wonodadi. Sistem ini
menampilkan letak
sekolah dari tingkat
sekolah dasar,
menengah pertama
dan menengah atas.
Program Studi
Teknik
Informatika,
Fakultas
Teknologi dan
Informasi,
Universitas
Islam Blitar,
2017
3. Sistem Informasi
Pengolahan Nilai
1. Data penelitian yang
diperoleh menggunakan
Hasil penelitian ini
berupa sistem
Program Studi
Sistem
![Page 86: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/86.jpg)
57
Secara Online
Berbasis
Lingkungan
(Adiwiyata) di
Kementrian
Lingkungan Hidup
beberapa teknik
pengumpulan data,
terdiri dari observasi
denganmelakukan
pengamatan terhadap
aktifitas penilaian dan
mengolah datapada calon
sekolah yang berbasis
lingkungan (Adiwiyata).
Melakukan wawancara
tanya jawab kepada
pihak terkait yang
terlibat dengan sistem.
kajian studi pustaka dari
berbagai literatur buku,
jurnal, ebook, melalui
media internet.
2. Pengembangan sistem
menggunakan model
Waterfall meliputi
tahapan analisa
kebutuhan software
dengan mengidentifikasi
dokumen masukan dan
keluaran serta kebutuhan
user interface.
informasi pengolahan
nilai sekolah secara
online (Adiwiyata).
sistem informasi
online ini dapat
diakses dimana saja
dan kapan saja, lebih
efektif dan efisien,
data tersimpan dengan
aman serta keakuratan
data dalam
penyampaian
informasi yang berupa
laporan
Informasi,
STIMK Nusa
Mandiri, DKI
Jakarta, 2016
4. Sistem Penilaian
Menuju Sekolah
Adiwiyata
Menggunakan
Metode Importance
1. penelitian ini
menggunakan 5 usulan
sarana dan prasarana
lingkungan sekolah yang
mempunyai nilai
Menghasilkan sistem
penilaian yang cepat
dan mempermudah
pengguna untuk
pencarian
Program Studi
Teknik
Informatika,
Fakultas
Teknik,
![Page 87: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/87.jpg)
58
Performance
Matrix, Oleh
Shahril Choirul
Anam
terendah, yang pertama
yaitu adanya monitoring
ekosistem
(sungai,danau,pantai dll)
sekitar sekolah dengan
presentase 15,3% yang
kedua adalah adanya
pemanfaatan air hujan
yang jatuh dati
atap/talang dengan
presentase 19,23% yang
ketiga adalah pengguna
energi lain selain listrik
dengan presentase 20,2%
yang keempat adalah
adanya kegiatan
observasi dan
pembelajaran dialam
dengan presentase 22,5%
yang kelima adalah
adanya penelitian
sederhana untuk siswa
tentang sumber polusi
dengan presentase
22,74% dari 100
responden.
2. menggunakan metode
Importance Performance
Matrix yang dapat
membantu untuk proses
pegerjaannya. Matrix
permasalahan yang
tepat dengan
menggunakan sistem
komputerisasi
Universitas
Nusantara
PGRI Kediri,
2017
![Page 88: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/88.jpg)
59
adalah salah satu metode
yang digunakan untuk
menghitung nilai
penerapan dari sebuah
kusioner untuk
menentukan seberapa
tinggi nilai penerapannya
terhadap sarana dan
prasarana. Dalam
penilaian ini yang di
nilai dalam sistem ini
vadalah Sampah, Energi,
Keanekaragaman hayati,
Air dan Makanan
Minuman.
5. Sistem Informasi
Manajemen
Adiwiyata Pada
Kementerian
Lingkungan Hidup
Republik Indonesia
1. Pengumpilan data
dilakukan dengan
observasi langsung pada
Kementerian
Lingkungan Hidup dan
wawancara terhadap
pihak terkait
2. pengembangan sistem
menggunakan metode
Rappid Aplication
Development RAD
sistem informasi
manajemen adiwiyata
pada kementerian
lingkungan hidup
republik indonesia
yang dapat membantu
sekolah sebagai tolak
ukur untuk
mengetahui
pencapaian nilai dan
jenjang adiwiyata.
Sistem ini dapat
digunakan untuk
jenjang pendidikan
SD, SMP , SMA
sederajat. User dapat
Jurusan Teknik
Informatika,
Teknologi
Informasi,
Politeknik
Negeri Malang,
2015
![Page 89: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/89.jpg)
60
mengetahui
pencapaian nilai dan
jenjang adiwiyata
berdasarkan hasil
simulasi adiwiyata
yang mengacu
pada keadaan yang
sebenernya di sekolah
yang melakukan
simulasi adiwiyata.
3.4 Metode Pengembangan Sistem
Proses pengembangan sistem dalam penelitian ini menggunakan metode
Rapid Application Development (RAD).
3.4.1 Fase Requirement Planning
Pada fase ini, peneliti mengidentifikasi kebutuhan sistem yang terkait
dengan pengembangan sistem informasi spasial sekolah program adiwiyata. Tidak
hanya itu, fase ini juga dapat menentukan batasan-batasan untuk sistem yang dibuat,
kendala, serta alternatif masalah. Pada fase ini, peneliti melakukan interaksi secara
langsung pada pihak yang terkait dalam proses dari sistem yang berjalan terutama
dalam hal proses pembuatan sistem informasi spasial Sekolah Program Adiwiyata.
Berikut ini adalah kegiatan yang peneliti lakukan di Requirement Planning :
![Page 90: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/90.jpg)
61
3.4.1.1 Pengumpulan Data dan Syarat-syarat Informasi
Pada tahap ini, peneliti melakukan pengumpulan data dengan melakukan
observasi, studi literatur, wawancara dan studi pustaka seperti yang telah
disebutkan di atas. Data tersebut antara lain :
a. Profil Dinas Lingkungan Hidup Kota Tangerang
b. Struktur Organisasi Dinas Lingkungan Hidup Kota Tangerang
c. Menggambarkan Ruang Lingkup Sistem
3.4.1.2 Analisis Sistem Berjalan
Selanjutnya peneliti menganalisis dan menggambarkan sistem berjalan,
yaitu bagaimana proses pembuatan sistem informasi spasial sekolah program
adiwiyata menggunakan rich picture.
3.4.1.3 Identifikasi Masalah Sistem Bejalan
Peneliti menganalisa dan mengidentifikasi masalah sistem berjalan,
masalah apa saja yang ada dalam proses pembuatan sistem informasi spasial
sekolah program adiwiyata.
3.4.1.4 Analisis Sistem Usulan
Selanjutnya peneliti menganalisa sistem usulan dengan membuat sistem
informasi spasial sekolah program adiwiyata pada Dinas Lingkungan Hidup (DLH)
Kota Tangerang yang digunakan untuk menyelesaikan masalah pada sistem
berjalan dan digambarkan dalam bentuk rich picture.
3.4.2 Fase Workshop Design
Pada fase ini peneliti melakukan perancangan berorientasi objek (Object-
Oriented) dengan memanfaatkan tools Unified Modeling Language (UML).
![Page 91: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/91.jpg)
62
Adapun dalam fase ini akan dibagai menjadi beberapa tahapan, yaitu desain proses,
desain database, dan desain tampilan (user interface).
Desain proses akan dilakukan dengan pembuatan use case diagram dari
sistem informasi spasial sekolah program adiwiyata yang akan menampilkan tugas-
tugas apa saja yang akan dilakukan dan actor-aktor apa saja yang terlibat, lalu
dilanjutkan dengan narasi use case-nya sebagai penjelas atau penjabaran dari use
case diagram, setelah itu akan dibuat activity diagram dari sistem informasi spasial
sekolah program adiwiyata untuk menunjukkan aliran aktifitas apa saja yang
dilakukan user terhadap sistem dan balasan sistem kepada user, dan setelah itu akan
dibuat class diagram yang berdasarkan pada objek-objek atau class-class potensial
yang ditentukan melalui potensial objek, setelah itu akan dibuat sequence diagram
dari sistem informasi spasial sekolah program adiwiyata yang menjelaskan secara
detail urutan proses yang dilakukan oleh sistem untuk mencapai tujuan dari use
case, interaksi antar class, operasi apa saja yang terlibat, urutan antar operasi dan
informasi yang diperlukan oleh masing-masing operasi.
Tahap berikutnya adalah desain database yang terdiri dari skema database
dan spesifikasi database dari sistem informasi spasial sekolah program adiwiyata.
Selanjutnya setelah ketiga tahap di atas selesai, peneliti akan membuat
rancangan front-end melalui visual User Interface (UI) sebagai gambaran tampilan
sistem informasi spasial sekolah program adiwiyata yang akan dibuat
3.4.3 Fase Implementasi
Pada fase ini aktivitas yang dilakukan adalah pemrograman (coding)
menggunakan bahasa pemrograman PHP, HTML dan CSS serta database
![Page 92: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/92.jpg)
63
menggunakan MySQL dan pengujian aplikasi dengan metode black-box testing.
Dengan selesainya tahap ini, maka berakhirlah pengembangan sistem informasi
spasial sekolah program adiwiyata.
3.5 kerangka Berpikir
Dalam melakukan penelitian ini peneliti melakukan tahapan-tahapan
kegiatan dengan mengikuti rencana kegiatan yang tertuang dalam kerangka
penelitian meliputi metode pengumpulan data dan metode pengembangan sistem
yang dapat dilihat pada gambar 3.5 berikut :
![Page 93: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/93.jpg)
64
Gambar 3.1 Tahapan Penelitian
![Page 94: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/94.jpg)
65
![Page 95: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/95.jpg)
65
4. BAB 4
PEMBAHASAN
4.1 Requirement Planning
Pada fase ini, peneliti memahami mengapa sistem informasi pemetaan
Sekolah Program Adiwiyata ini harus dibangun. Dimulai dengan mencari tahu
gambaran umum dari perusahaan dan memahami permintaan sistem.
4.1.1 Gambaran Umum Perusahaan
Peneliti mengumpulkan informasi tentang gambaran umum Dinas
Lingkungan Hidup Kota Tangerang untuk kebutuhan perancangan sistem.
4.1.1.1 Sejarah Singkat Perusahaan
Pemerintah Kota Tangerang terbentuk berdasarkan Undang – undang No.2
tahun 1993 tentang pembentukan Pemerintah Kotamadya Daerah Tingkat II
Tangerang .
Penanganan masalah Lingkungan Hidup yang ada secretariat Pemerintah
Kota Tangerang. Kemudian pada tahun 2000 bagian Lingkungan Hidup di
kembangkan, berubah nomenkelatur menjadi Bapedalda (Badan Pengendalian
Dampak Lingkungan Daerah). Dengan adanya Otonomi Daerah berdasarkan Perda
No. 12 tahun 2000 pada januari 2001 menjadi Dinas Lingkungan Hidup Kota
Tangerang yang merupakan Dinas Teknis pada Pemerintah Kota Tangerang yang
membidangi masalah Lingkungan Hidup secara umum. Sesuai dengan peraturan
Daerah Kota Tangerang Momor 6 tahun 2008 tentang pembentukan dan susunan
organisasi lembaga teknis daerah, Dinas Lingkungan Hidup berubah nomenkelatur
![Page 96: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/96.jpg)
66
menjadi Badan Pengendalian Lingkungan Hidup yang mana susunan organisasi dan
tata kerjanya diatur berdasarkan Peraturan Walikota Tangerang Nomor 41 tahun
2008 tentang organisasi dan tata kerja Badan Pengendalian lingkungan hidup, Badan
Pengendalian Lingkungan hidup berubah nomenkelatur menjadi badan lingkungan
hidup berdasarkan peraturan daerah nomor 82 tahun 2014 tentang susunan organisasi
dan tata kerja (SOTK), dan peraturan walikota tangerang nomor 13 tahun 2015
tentang organisasi perangkat daerah (OPD). Badan lingkungan hidup berubah
nomenkelatur menjadi dinas lingkungan hidup berdasarkan peraturan daerah nomor
8 tahun 2016 tentang pembentukan dan susunan perangkat daerah dan peraturan
walikota tangerang nomor 68 tahun 2016 tentang kedudukan, susunan organisasi dan
fungsi serta tata kerja dinas lingkungan hidup kota tangerang.
4.1.1.2 Visi dan Misi Dinas Lingkungan Hidup Kota Tangerang
a. Visi
“TERWUJUDNYA DLH KOTA TANGERANG YANG HANDAL DAN
PROAKTIF DALAM PERLINDUNGAN DAN PENGELOLAAN
LINGKUNGAN HIDUP”
b. Misi
a) Meningkatkan Pengelolaan Sumber Daya Alam dan Lingkungan Hidup
yang terintegrasi
b) Mewujudkan Peningkatan Peran dan Partisipasi Masyarakat.
c) Mewujudkan Penataan dan Penegakkan Hukum Lingkungan.
d) Meningkatkan Kualitas Sumberdaya Manusia dan Data Serta
Penyediaan Informasi Lingkungan.
![Page 97: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/97.jpg)
67
e) Meningkatkan Pengendalian Pencemaran dan/ atau kerusakan
Lingkungan Hidup dalam rangka pelestarian lingkungan hidup.
4.1.1.3 Tugas Pokok dan Fungsi
a. Tugas
Dinas Lingkungan Hidup mempunyai tugas pokok merumuskan,
menyelenggarakan, membina dan mengevaluasi penyusunan dan pelaksanaan
kebijakan daerah pada bidang urusan lingkungan.
b. Fungsi :
merumuskan kebijakan teknis dalam bidang lingkungan hidup;
1. merumuskan kebijakan teknis dalam bidang lingkungan hidup;
2. penyelenggaraan urusan pemerintahan daerah dan pelayanan umum
bidang lingkungan hidup;
3. pengawasan dan pembinaan tugas bidang lingkungan hidup;
4. pengelolaan administrasi kesekretariatan; dan
5. pelaksanaan tugas lain yang diberikan oleh Walikota sesuai dengan tugas
dan fungsinya
![Page 98: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/98.jpg)
68
4.1.1.4 Struktur Organisasi Dinas Lingkungan Hidup
Berikut ini adalah struktur organisasi dari Dinas Lingkungan hidup Kota
tangerang :
Gambar 4.1 Struktur Organisasi DLH Kota Tangerang
(Sumber : DLH Kota Tangerang)
1. Tugas Pokok Kepala Bidang Tata Lingkungan
a) perumusan kebijakan teknis Kajian Dan Informasi Lingkungan Hidup,
Analisis Dampak Lingkungan Hidup, serta Kemitraan dan Peningkatan
Kapasitas Lingkungan Hidup;
b) Perumusan perencanaan lingkungan dan instrument pencegahan pencemaran
dan perusakan lingkungan ;
c) pelaksanaan program peningkatan kualitas dan akses informasi sumber daya
alam dan lingkungan hidup;
d) penyusunan, pelaksanaan, pengorganisasian dan evaluasi Standar Operasinal
Prosedur (SOP) kegiatan bidang;
![Page 99: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/99.jpg)
69
e) pengawasan dan evaluasi pelaksanaan Kajian Dan Informasi Lingkungan
Hidup, Analisis Dampak Lingkungan Hidup, serta Kemitraan dan Peningkatan
Kapasitas Lingkungan Hidup;
f) pelaksanaan fungsi lain yang diberikan oleh Kepala Dinas.
2. Tugas Pokok Kepala Seksi Perencanaan Lingkungan
a) penyusunan bahan rumusan kebijakan teknis pengembangan kemitraan dan
peningkatan kapasitas lingkungan hidup;
b) penyusunan bahan kebijakan pengakuan keberadaan masyarakat hukum adat,
kearifan lokal atau pengetahuan tradisional dan hak kearifan lokal atau
pengetahuan tradisional dan hak MHA terkait dengan Perlindungan dan
Pengelolaan Lingkungan Hidup;
c) penyusunan bahan kebijakan penilaian serta pemberian penghargaan LH
tingkat kabupaten;
d) penyusunan bahan pembinaan, koordinasi dan fasilitasi pengembangan
kemitraan dan peningkatan kapasitas lingkungan hidup;
e) penyusunan materi penyuluhan lingkungan hidup bagi masyarakat serta
hubungan kerjasama dan pola kemitraan dibidang lingkungan hidup;
f) penyusunan dukungan program pemberian penghargaan tingkat Kota
g) pelaksanaan monitoring dan evaluasi pelaksanaan kegiatan Kemitraan dan
Peningkatan Kapasitas Lingkungan Hidup;
h) pelaksanaan fungsi lain yang diberikan oleh Kepala Bidang.
![Page 100: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/100.jpg)
70
Gambar 4.2 Struktur Organisasi Bagian Adiwiyata Kota Tangerang
3. Tugas Pokok Bagian Program Adiwiyata kabupaten/kota :
a) Mengembangkan/ Melaksanakan program adiwiyata tingkat Kabupaten/Kota
b) Sosialisasi program adiwiyata kepada sekolah
c) Bimbingan teknis kepada sekolah
d) Membuat Pilot project untuk 4 satuan pendidikan yang berbeda (SD, SMP,
SMA, SMK) setiap Kabupaten/Kota
e) Menetapkan penghargaan sekolah ADIWIYATA tingkat Kabupaten/ Kota
f) Melakukan Evaluasi dan pelaporan keterlaksanaan program ADIWIYATA
kepada Bupati/Walikota tembusan kepada Badan Lingkungan Hidup Propinsi .
![Page 101: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/101.jpg)
71
4.1.2 Analisis Sistem Berjalan
Gambar 4.3 Rich Picture Sistem Berjalan
4.1.2.1 Narasi Sistem Berjalan
1. Tenaga Administrasi sekolah melakukan pengajuan untuk mengikuti program
adiwiyata.
2. Staff menerima pengajuan adiwiyata dan memberikan jadwal pembinaan dan
penilaian Adiwiyata
3. Staff dan tim adiwiyata Melakukan pembinaan dilapangan kepada sekolah
yang mengikuti program adiwiyata.
![Page 102: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/102.jpg)
72
4. Setelah dilakukan pembinaan dan di beri waktu untuk melengkapi indikator
atau persyaratan sebagai sekolah adiwiyata, Staff dan tim adiwiyata melakukan
penilaian kepada Sekolah, penilaian sarana prasarana, penilaian dokumen
adiwiyata .
5. Staff mengelola dokumen adiwiyata sekolah
6. Selanjutnya staff dan tim adiwiyata melaporkan dokumen yang sudah diberi
penilaian kepada Kepala Seksi Perencanaan Lingkungan
7. kepala Seksi Perencanaan lingkungan melakukan verifikasi terhadap dokumen
adiwiyata.
8. kepala Seksi Perencanaan lingkungan memberikan dokumen kepada Kepala
Bidang Tata Lingkungan.
9. Kepala Bidang Tata lingkungan melakukan validasi terhadap dokumen
Adiwiyata.
10. Kepala Bidang Tata Lingkungan menerbitkan SK Sekolah Adiwiyata.
4.1.2.2 Analisa Sistem Berjalan
Kelebihan Sistem Berjalan
a) Pengguna terkait dapat bertanya kepada Tim Adiwiyata perihal
informasi tentang program Adiwiyata secara langsung dan
mendapatkan penjelasan dari Tim Adiwiyata dengan baik dan jelas.
Kekurangan Sistem Bejalan
a) Sekolah harus datang langsung ke tim Adiwiyata untuk melakukan
pengajuan dan melaporkan dokumen program Adiwiyata.
![Page 103: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/103.jpg)
73
b) Segala bentuk verifikasi dan validasi data dilakukan dalam bentuk
dokumen fisik.
4.1.2.3 Identifikasi Masalah
Setelah melihat dari sistem berjalan saat ini, terdapat beberapa masalah
pokok yang dihadapi oleh pihak perusahaan, di antaranya adalah :
1. Belum adanya sistem untuk mepermudah proses pengajuan dan pelaporan
dokumen Adiwiyata yang sudah dilakukan penilaian oleh tim adiwiyata
kepada Dinas Lingkungan Hidup Kota Tangerang .
2. Belum adanya informasi tentang penjadwalan pembinaan dan penilaian tim
Adiwiyata kepada pihak sekolah .
3. Belum tersedianya media yang mampu menampilkan data sekolah-sekolah
yang sudah mengikuti Program Adiwiyata.
![Page 104: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/104.jpg)
74
4.1.3 Analisis Sistem Usulan
Gambar 4.4 Rich Picture Sistem usulan
4.1.3.1 Narasi Sistem Usulan
1. Tenaga Administrasi Sekolah dapat melakukan registrasi mengikuti program
adiwiyata
2. Staff Adiwiyata mengelola regisrtasi sekolah untuk mengikuti program
adiwiyata
3. Staff Adiwiyata memberikan jadwal pembinaan dan penilaian kepada sekolah
melalui sistem yang sudah tersedia
4. Tenaga Administrasi Sekolah dapat melihat jadwal pembinaan dan penilaian
program adiwiyata di dalam sistem
![Page 105: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/105.jpg)
75
5. Staff dan tim adiwiyata melakukan pembinaan dengan waktu yg sudah di
jadwalkan pada setiap sekolah
6. Staff dan tim adiwiyata melakukan penilaian ke Sekolah
7. Staff dan tim adiwiyata melakukan upload dokumen Adiwiyata yang sudah
dilakukan penilaian.
8. Kepala Bidang Tata Lingkungan dan Kepala Seksi Perencanaan Lingkungan
dapat membaca data sekolah
9. Kepala Seksi Perencanaan Lingkungan melakukan verifikasi terhadap
dokumen adiwiyata yang telah tersedia dalam sistem
10. Kepala bidang Tata lingkungan melihat dokumen yang sudah di verifikasi dan
melakukan validasi di dalam sistem.
11. Staff adiwiyata mengupload citra adiwiyata ke dalam sistem
12. Setelah semua data sudah valid sekolah dapat mendownload sk yang sudah
diterbitkan di dalam sistem
13. Staff adiwiyata dapat mengelola informasi di dalam sistem yang sudah tersedia
14. Tenaga Administrasi Sekolah dapat membaca informasi pada sistem
15. Admin dapat mengelola data pengguna
16. Publik dapat melihat informasi
.
4.2 Workshop Design
Workshop design adalah tahapan dimana peneliti akan memberikan
informasi mengenai rancangan sistem yang diajukan guna menanggulangi
permasalahan-permasalahan sistem yang telah disebutkan sebelumnya.
![Page 106: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/106.jpg)
76
4.2.1 Desain Proses
Pada tahap desain proses akan menjelaskan bagaimana proses perancangan
sistem yang diusulkan dibuat dimulai dari use case diagram yang menjelaskan
aktifitas apa saja yang dilakukan seperti identifikasi actor, identifikasi use case,
perancangan use case, use case narrative (narasi use case), activity diagram yang
menjelaskan alur sebuah aktivitas pada sistem yang akan diusulkan, class diagram
yang menjelaskan objek-objek apa saja yang terlibat pada sistem dan sequence
diagram yang mengambarkan perilaku user terhadap sistem, berikut adalah
penjelasan tahap-tahap tersebut:
4.2.1.1 Perancangan Use Case Diagram
Use Case Diagram menjelaskan aktivitas apa saja yang dapat sistem lakukan
dan siapa saja user yang terlibat dalam aktivitas tersebut.
a. Identifikasi Actor
Tabel 4.1 Identifikasi Actor
No Aktor Penjelasan
1. Admin Orang yang mempunyai akses di seluruh fitur untuk
menjaga data yang masuk dan keluar.
2. Staff Adiwiyata Orang yang mengelola data lokasi Sekolah Program
Adiwiyata, data tingkatan Adiwiyata, Kelola
informasi, Kelola Pengajuan dan Kelola Dokumen.
3. Kepala Seksi
Perencanaan
Lingkungan
Orang yang membaca data lokasi Sekolah Program
Adiwiyata, membaca informasi serta memiliki akses
untuk melakukan verifikasi terhadap data yang ada.
![Page 107: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/107.jpg)
77
4. Kepala Bidang
Tata Lingkungan
Orang yang membaca data lokasi Sekolah Program
Adiwiyata, membaca informasi serta memiliki akses
untuk melakukan validasi terhadap data yang telah
diverifikasi sebelumnya.
5. Tenaga
Administrasi
Sekolah
yang memiliki akses pengajuan Program Adiwiyata,
melihat data lokasi Sekolah Program Adiwiyata,
membaca informasi
6. Publik Orang yang hanya memiliki akses untuk melihat
informasi dan data dalam bentuk peta.
b. Identifikasi Usecase
Tabel 4.2 Identifikasi Usecase
No Usecase Penejelasan Aktor
1 Login Use case ini menggambarkan
kegiatan memasukkan username
dan password untuk masuk ke
dalam sistem.
Admin, Staff
Adiwiyata, Kepala
Seksi Perencanaan
Lingkungan, Kepala
Bidang Tata
Lingkungan, Sekolah
2 Kelola Data
User
Use case ini menggambarkan
kegiatan mengelola data
pengguna sistem.
Admin
![Page 108: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/108.jpg)
78
3 Registrasi Use case ini menggambarkan
kegiatan melakukan registrasi
untuk mendaptkan user login
Tenaga Administrasi
Sekolah
4 Verifikasi
Registrasi
Use case ini menggambarkan
kegiatan menyetujui
kelengkapan Registrasi sekolah
Program Adiwiyata
Staff Adiwiyata
5 Kelola Jadwal Use case ini menggambarkan
kegiatan staff Adiwiyata
mengelola jadwal pembinaan dan
penilaian kegiatan Adiwiyata
Admin, Staff
Adiwiyata
6 Lihat Jadwal Use case ini menggambarkan
kegiatan membaca jadwal
pembinaan dan penilaian
program Adiwiyata
Sekolah, Staff
Adiwiyata, Kepala
Seksi Perencanaan
lingkungan, Kepala
Bidang Tata
Lingkungan
7 Upload
Dokumen
Use case ini menggambarkan
kegiatan Staff adiwiyata
melakukan upload dokumen
adiwiyata.
Staff Adiwiyata
![Page 109: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/109.jpg)
79
8 Verifikasi
Dokumen
Use case ini menggambarkan
kegiatan memverifikasi dokumen
adiwiyata
Kepala Seksi
Perencanaan
lingkungan
9 Validasi
Dokumen
Use case ini menggambarkan
kegiatan memvalidasi dokumen
Adiwiyata
Kepala Bidang Tata
Lingkungan
10 Kelola tingkat
sekolah
Use case ini menggambarkan
kegiatan mengelola data tingkat
sekolah
Admin, Staff
Adiwiyata
11 Kelola tingkat
adiwiyata
Use case ini menggambarkan
kegiatan mengelola data tingkat
adiwiyata
Admin, Staff
Adiwiyata
12 Kelola data
UPT
Use case ini menggambarkan
kegiatan mengelola data sekolah
perUPT
Admin, Staff
Adiwiyata
13 Lihat Lokasi
Sekolah
Adiwiyata
Use case ini menggambarkan
kegiatan membaca data lokasi
sekolah adiwiyata.
Sekolah, Staff
Adiwiyata, Kepala
Seksi Perencanaan
lingkungan, Kepala
Bidang Tata
Lingkungan, publik
![Page 110: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/110.jpg)
80
14 Update citra
Adiwiyata
Use case ini menggambarkan
kegiatan mengupdate foto
kegiatan adiwiyata
Staff Adiwiyata
15 Lihat citra
Adiwiyata
Use case ini menggambarkan
kegiatan membaca kegiatan
sekolah adiwiyata
Sekolah, Staff
Adiwiyata, Kepala
Seksi Perencanaan
lingkungan, Kepala
Bidang Tata
Lingkungan, Publik
16 Kelola
Informasi
Use case ini menggambarkan
kegiatan mengelola Informasi.
Admin, Staff
Adiwiyata
17 Lihat
Informasi
Use case ini menggambarkan
kegiatan membaca Informasi.
Sekolah, Staff
Adiwiyata, Kepala
Seksi Perencanaan
lingkungan, Kepala
Bidang Tata
Lingkungan, publik
18 Logout Use case ini menggambarkan
kegiatan keluar dari sistem.
Admin, Sekolah, Staff
Adiwiyata, Kepala
Seksi Perencanaan
Lingkungan, Kepala
Bidang Tata
Lingkungan,
![Page 111: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/111.jpg)
81
c. Use Case Diargam
Gambar 4.5 Usecase Diagram
![Page 112: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/112.jpg)
82
Keterangan Gambar:
Dalam use case diagram di atas, terdapat 6 aktor yang terlibat dalam Sistem
Informasi Spasial Berbasis Web Sekolah program Adiwiyata yang berstudi kasus di
Kota Tangerang yaitu Admin, Staff Adiwiyata, Kepala Bidang Tata lingkungan,
Kepala Seksi Perencanaan Lingkungan, Sekolah dan Publik. Terdapat 18 use case
dimana setiap user memiliki hak akses yang berbeda-beda seperti digambarkan di
atas
d. Narasi Use Case
Use case narrative merupakan pemaparan tentang kegiatan yang dilakukan
oleh actor dan respon yang diberikan oleh sistem sesuai dengan yang terjadi pada
Sistem Informasi Spasial Berbasis Web Sekolah program Adiwiyata yang berstudi
kasus di Kota Tangerang yang dirancang ini. Table berikut dibawah ini merupakan
use case narrative dari Sistem Informasi Spasial Berbasis Web Sekolah Program
Adiwiyata
1. Use Case Narrative Login
Tabel 4.3 Use Case Narrative Login
Use case name Login
Use case ide 01
Actor Admin, Staff Adiwiyata, Kepala Bidang Tata
Lingkungan, Kepala Seksi Perencanaan Lingkungan,
Tenaga Administrasi Sekolah
Description Use case ini menggambarkan kegiatan memasukkan
username dan password untuk masuk ke dalam sistem.
Pre Condition -
![Page 113: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/113.jpg)
83
Typical course of events Actor action System response
1. Membuka halaman
Utama
2. Menampilkan
halaman utama
3. Memilih menu Login 4. Menampilkan Form
Login
5. Mengisi Username dan
Password
6. Klik tombol Login 7. Menampilkan
Halaman utama jika
username dan
password sesuai
Alternate courses 7. Jika Username dan Password tidak sesuai maka
sistem menampilkan halaman login
Conclusion Use case ini dibuat untuk masuk ke dalam sistem.
Post condition -
2. Use Case Narrative Kelola Data User
Tabel 4.4 Use Case Narrative Kelola Data User
Use case name Kelola Data User
Use case ide 02
Actor Admin
Description Use case ini menggambarkan kegiatan mengelola data
pengguna sistem.
Pre Condition Login
Typical course of events Actor action System response
1. Memilih Menu User 2. Menampilkan data
User
![Page 114: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/114.jpg)
84
3. Memilih tombol tambah 4. Menampilkan form
Input
5. Mengisi data user
6. Klik submit 7. Menyimpan data ke
dalam Database
8.Menampilkan
notifikasi Success
Alternate courses 3a. Klik tombol ubah untuk merubah data user
sebelumnya
3b. Klik tombol hapus untuk menghapus data
data user sebelumnya
8. Jika gagal maka sistem akan menampilkan
notifikasi gagal
Conclusion Use case ini dibuat untuk memfasilitasi user untuk
megelola data user.
Post condition Data user akan disimpan ke dalam Database.
3. Use Case Narrative Registrasi Adiwiyata
Tabel 4.5 Use Case Narrative Registrasi Adiwiyata
Use case name Registrasi Adiwiyata
Use case ide 03
Actor Tenaga Administrasi Sekolah
![Page 115: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/115.jpg)
85
Description Use case ini menggambarkan kegiatan melakukan
registrasi ke dalam sistem untuk mendapatkan akun
Pre Condition -
Typical course of events Actor action System response
1. Memilih menu registrasi
2. Menampilkan
halaman registrasi
3. Mengisi form registrasi
4. Klik submit 5. Menyimpan data ke
dalam Database
6. Menampilkan
notifikasi Success
Alternate courses 6. Jika gagal maka sistem menampilkan notifikasi
Gagal
Conclusion Use case ini dibuat untuk melakukan registrasi untuk
mendapatkan akun
Post condition Registrasi di simpan ke database dan selanjutnya akan
di approve oleh Staff Adiwiyata
4. Use Case Narrative Verifikasi Registrasi
Tabel 4.6 Use Case Narrative Verifikasi Registrasi
Use case name Approve Verifikasi Registrasi
Use case ide 04
![Page 116: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/116.jpg)
86
Actor Staff Adiwiyata
Description Use case ini menggambarkan kegiatan menyetujui
registrasi adiwiyata yang dikirim oleh Sekolah
Pre Condition Login
Typical course of events Actor action System response
1. Memilih menu sekolah 2. Menampilkan list
Sekolah
3. Memilih tombol detail
pada sekolah
4. Menampilkan data
Registrasi sekolah
5. Memilih verifikasi 6. Menyimpan data
7. Menampilkan
notifikasi sukses
Alternate courses 5. Memilih tombol ‘Tolak’ maka sistem akan
menampilkan notifikasi penolakan dan kembali
menampilkan halaman detail
6. Jika gagal maka sistem menampilkan notifikasi
Gagal
Conclusion Use case ini dibuat untuk menyetujui registrasi yang
dikirim oleh sekolah
Post condition Registrasi Adiwiyata yang disetujui dapat login ke
sistem
![Page 117: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/117.jpg)
87
5. Use Case Narrative Kelola Jadwal
Tabel 4.7 Use Case Narrative Kelola Jadwal
Use case name Kelola jadwal
Use case ide 05
Actor Admin, Staff Adiwiyata
Description Use case ini menggambarkan kegiatan mengelola
Jadwal Pembinaan dan Penilaian Adiwiyata
Pre Condition Login
Typical course of events Actor action System response
1. Memilih menu Jadwal 2. Menampilkan data
Sekolah
3. memilih tombol tambah 4. menampilkan tombol
Tambah
5. Memilih sekolah dan
mengisi jadwal
6. Klik submit 7. Menampilkan
notifikasi sukses
Alternate courses 5a. Klik tombol ubah untuk merubah jadwal
sebelumnya
5b. Klik tombol hapus untuk menghapus data
Jadwal sebelumnya.
![Page 118: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/118.jpg)
88
Conclusion Use case ini dibuat untuk memfasilitasi user
mengelola jadwal pembinaan dan penilaian
Post condition Data jadwal akan disimpan ke database dan kemudian
ditampilkan
6. Use Case Narrative Lihat Jadwal
Tabel 4.8 Use Case Narrative Lihat Jadwal
Use case name Lihat Jadwal Pembinaan dan Penilaian
Use case ide 06
Actor Sekolah, Kepala Seksi Perencanaan Lingkungan,
Kepala Bidang Tata Lingkungan
Description Use case ini menggambarkan kegiatan melihat Jadwal
Pembinaan dan Penilaian
Pre Condition Login
Typical course of events Actor action System response
1. Memilih menu jadwal 2. Menampilkan jadwal
Alternate courses -
Conclusion Use case ini dibuat untuk melihat data jadwal
pembinaan dan penilaian
Post condition Menampilkan data jadwal pembinaan dan penilaian
untuk dilihat oleh user
![Page 119: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/119.jpg)
89
7. Use Case Narrative Upload Dokumen Adiwiyata
Tabel 4.9 Use Case Narrative Upload Dokumen Adiwiyata
Use case name Upload Dokumen Adiwiyata
Use case ide 07
Actor Staff Adiwiyata
Description Use case ini menggambarkan kegiatan Sekolah dalam
mengupload dokumen Adiwiyata yang sudah di nilai.
Pre Condition Login
Typical course of events Actor action System response
1. Memilih menu sekolah 2. Menampilkan
Data sekolah
3. Memilih tombol
Dokumen
4. Menampilkan menu
dokumen
4. Klik tambah 5. Menampilkan form
Tambah
6.Memilih tingkatan
Adiwiyata
7. Mengupload dokumen
dan mengisi form nilai
8. Klik submit 9.Menyimpan data ke
dalam database
![Page 120: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/120.jpg)
90
10.Menampilkan
notifikasi success
Alternate courses 10.Jika gagal maka sistem akan menampilkan
notifikasi gagal
Conclusion Use case ini dibuat untuk menngapload dokumen
adiwiyata sekolah
Post condition Dokumen Sekolah di simpan ke database dan
selanjutnya akan di verifikasi oleh Kasi
8. Use Case Narrative Verifikasi Dokumen Adiwiyata
Tabel 4.10 Use Case Narrative Verifikasi Dokumen Adiwiyata
Use case name Verifikasi Dokumen Adiwiyata
Use case ide 08
Actor Kepala Seksi Perencanaan lingkungan
Description Use case ini menggambarkan kegiatan memverifikasi
dokumen Adiwiyata
Pre Condition Login
Typical course of events Actor action System response
1. Memilih menu sekolah 2. Menampilkan data
Sekolah
3. memilih tombol
Dokumen
4. Menampilkan
dokumen yang sudah
![Page 121: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/121.jpg)
91
di upload
5. Memilih “Verifikasi” 7. Menampilkan
notifikasi Success
Alternate courses 5. Jika memilih “tolak” maka sistem akan memberi
notifikasi penolakan
Conclusion Use case ini dibuat untuk memfasilitasi user
melakukan verifikasi dokumen
Post condition Data verifikasi dokumen disimpan ke database dan
akan selanjutkan akan di validasi oleh kabid
9. Use Case Narrative Validasi Dokumen Adiwiyata
Tabel 4.11 Use Case Narrative Validasi Dokumen Adiwiyata
Use case name Validasi Dokumen Adiwiyata
Use case ide 09
Actor Kepala Bidang Tata Lingkungan
Description Use case ini menggambarkan kegiatan memvalidasi
dokumen
Pre Condition Login
Typical course of events Actor action System response
1. Memilih menu sekolah 2. Menampilkan data
Sekolah
3. memilih tombol
Dokumen
4. Menampilkan
dokumen yang sudah
![Page 122: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/122.jpg)
92
di upload
5. Memilih “Validasi” 7. Menampilkan
notifikasi Success
Alternate courses 5. Jika memilih “tolak” maka sistem akan memberi
notifikasi penolakan
Conclusion Use case ini dibuat untuk memfasilitasi user
melakukan validasi dokumen
Post condition Data validasi dokumen disimpan ke database dan akan
di tampilkan
10. Use Case Narrative Kelola Tingkatan Sekolah
Tabel 4.12 Use Case Narrative Kelola Tingkatan Sekolah
Use case name Kelola tingkatan sekolah
Use case ide 10
Actor Admin, Staff Adiwiyata
Description Use case ini menggambarkan kegiatan mengelola
tingkat sekolah
Pre Condition Login
Typical course of events Actor action System response
1. Memilih menu tingkat
Sekolah
2. Menampilkan data
Tingkat Sekolah
3. Memilih tombol
“tambah”
4. Menampilkan form
tambah data
![Page 123: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/123.jpg)
93
5. Mengisi form
6. Klik submit 7. Menyimpan data
8. Menampilkan
Notifikasi Success
Alternate courses 3a. Klik tombol ubah untuk merubah data tingkat
sekolah sebelumnya
3b. Klik tombol hapus untuk menghapus data
tingkat sekolah sebelumnya.
Conclusion Use case ini dibuat untuk memfasilitasi user membuat,
merubah dan menghapus data tingkat sekolah
Post condition Data tingkat sekolah akan disimpan ke database dan
kemudian ditampilkan
11. Use Case Narrative Kelola Tingkat Adiwiyata
Tabel 4.13 Use Case Narrative Kelola Tingkat Adiwiyata
Use case name Kelola tingkatan adiwiyata
Use case ide 11
Actor Admin, Staff Adiwiyata
Description Use case ini menggambarkan kegiatan mengelola
tingkat adiwiyata
Pre Condition Login
![Page 124: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/124.jpg)
94
Typical course of events Actor action System response
1. Memilih menu tingkat
Adiwiyata
2. Menampilkan data
Tingkat Adiwiyata
3. Memilih tombol
“tambah”
4. Menampilkan form
tambah data
5. Mengisi form
6. Klik submit 7. Menyimpan data
8. Menampilkan
Notifikasi Success
Alternate courses 3a. Klik tombol ubah untuk merubah data tingkat
sekolah sebelumnya
3b. Klik tombol hapus untuk menghapus data
tingkat sekolah sebelumnya
Conclusion Use case ini dibuat untuk memfasilitasi user membuat,
merubah dan menghapus data tingkat adiwiyata
Post condition Data tingkat adiwiyata akan disimpan ke database dan
kemudian ditampilkan
12. Use Case Narrative Kelola Data UPT
Tabel 4.14 Use Case Narrative Kelola Data UPT
Use case name Kelola Data UPT
Use case ide 12
![Page 125: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/125.jpg)
95
Actor Admin, Staff Adiwiyata
Description Use case ini menggambarkan kegiatan mengelola data
sekolah perkecamatan
Pre Condition Login
Typical course of events Actor action System response
1. Memilih menu data
UPT
2. Menampilkan data
UPT
3. Memilih tombol
“tambah”
4. Menampilkan form
tambah data
5. Mengisi form
6. Klik submit 7. Menyimpan data
8. Menampilkan
notifikasi Success
Alternate courses 3a. Klik tombol ubah untuk merubah data UPT
sebelumnya
3b. Klik tombol hapus untuk menghapus data
UPT sebelumnya.
Conclusion Use case ini dibuat untuk memfasilitasi user membuat,
merubah dan menghapus data UPT
Post condition Data UPT akan disimpan ke database dan kemudian
ditampilkan
![Page 126: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/126.jpg)
96
13. Use Case Narrative Lihat Lokasi Sekolah
Tabel 4.15 Use Case Narrative Lihat Lokasi Sekolah
Use case name Lihat Lokasi Sekolah Adiwiyata
Use case ide 13
Actor Admin, Staff Adiwiyata, Kepala Bidang Tata
Lingkungan, Kepala Seksi Perencanaan Lingkungan,
Tenaga Administrasi Sekolah
Description Use case ini menggambarkan kegiatan melihat data
sekolah adiwiyata
Pre Condition -
Typical course of events Actor action System response
1. Memilih menu Sekolah
Adiwiyata
2. Menampilkan data
sekolah adiwiyata
Alternate courses -
Conclusion Use case ini dibuat untuk melihat peta lokasi sekolah
adiwiyata
Post condition Menampilkan peta lokasi untuk dilihat oleh user
![Page 127: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/127.jpg)
97
14. Use Case Narrative Update Citra Adiwiyata
Tabel 4.16 Use Case Narrative Update Citra Adiwiyata
Use case name Update Data Citra Sekolah
Use case ide 14
Actor Staff Adiwiyata
Description Use case ini menggambarkan kegiatan melakukan
upload kegiatan adiwiyata
Pre Condition Login
Typical course of events Actor action System response
1. Memilih menu sekolah 2. Menampilkan
Data sekolah
3. Memilih tombol
Citra
4. Menampilkan menu
Citra
5. Klik tambah 6. Menampilkan form
Tambah
7.Memilih kategori
Adiwiyata
8. Mengupload foto
Kegiatan
9. Klik submit 10.Menyimpan data ke
dalam database
![Page 128: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/128.jpg)
98
11.Menampilkan
notifikasi success
Alternate courses 10.Jika gagal maka sistem akan menampilkan
notifikasi gagal
Conclusion Use case ini dibuat untuk mengupdate kondisi Citra
Sekolah
Post condition Data Citra Sekolah di simpan ke database
15. Use Case Narrative Lihat Citra Adiwiyata
Tabel 4.17 Use Case Narrative Lihat Citra Adiwiyata
Use case name Lihat Citra Adiwiyata
Use case ide 15
Actor Admin, Staff Adiwiyata, Kepala Bidang Tata
Lingkungan, Kepala Seksi Perencanaan Lingkungan,
Tenaga Administrasi Sekolah, Publik
Description Use case ini menggambarkan kegiatan melihat data
Citra Adiwiyata
Pre Condition -
Typical course of events Actor action System response
1. Memilih menu citra 2. Menampilkan data
Citra Adiwiyata
![Page 129: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/129.jpg)
99
Alternate courses -
Conclusion Use case ini dibuat untuk menampilkan data Citra
Adiwiyata
Post condition Menampilkan data citra Adiwiyata untuk dilihat oleh
user
16. Use Case Narrative Kelola Informasi
Tabel 4.18 Use Case Narrative Kelola Informasi
Use case name Kelola Informasi
Use case ide 16
Actor Admin, Staff Adiwiyata
Description Use case ini menggambarkan kegiatan mengelola data
Informasi
Pre Condition Login
Typical course of events Actor action System response
1. Memilih menu
Informasi
2. Menampilkan data
Informasi
3. Memilih tombol
“tambah”
4. Menampilkan form
tambah Informasi
5. Mengisi form
6. Klik submit 7. Menyi
mpan data ke
![Page 130: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/130.jpg)
100
dalam Database
8. Menampilkan
notifikasi Success
Alternate courses 3a. Klik tombol ubah untuk merubah informasi
sebelumnya
3b. Klik tombol hapus untuk menghapus informasi
Sebelumnya.
Conclusion Use case ini dibuat untuk memfasilitasi user membuat,
merubah dan menghapus informasi
Post condition Data informasi akan disimpan ke database dan
kemudian ditampilkan
17. Use Case Narrative Lihat Informasi
Tabel 4.19 Use Case Narrative Lihat Informasi
Use case name Lihat Informasi
Use case ide 17
Actor Kepela Bidang Tata Lingkungan, Kepala Seksi
Perencanaan Lingkungan,Tenaga Administrasi
Sekolah, Publik
Description Use case ini menggambarkan kegiatan Lihat Informasi
Pre Condition Login
Actor action System response
![Page 131: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/131.jpg)
101
Typical course of events 1. Memilih menu
Informasi
2. Menampilkan data
Informasi
Alternate courses -
Conclusion Use case ini dibuat untuk melihat informasi
Post condition Menampilkan data Informasi untuk dilihat oleh user
18. Use Case Narrative Logut
Tabel 4.20 Use Case Narrative Logout
Use case name Logout
Use case ide 18
Actor Admin, Staff Adiwiyata, Kepala Bidang Tata
Lingkungan, Kepala Seksi Perencanaan Lingkungan,
Tenaga Administrasi Sekolah
Description Use case ini menggambarkan kegiatan keluar dari
sistem.
Pre Condition Login
Typical course of events Actor action System response
1. Memilih menu logout
2.Menampilkan
halaman Login
Alternate courses -
Conclusion Use case ini dibuat untuk melakukan Logout
Post condition User keluar dari system
![Page 132: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/132.jpg)
102
Gambar 4.6 Activity Diagram Login
4.2.1.2 Perancangan Activity Diagram
Activity diagram menggambarkan rangkaian seluruh aktifitas yang terjadi
antara pengguna dengan sistem. Berikut merupakan beberapa activity sistem usulan.
1. Activity Diagram Login
Aktifitas Login . aktor membuka sistem kemudian sistem akan menampilkan
form login, selanjutnya aktor memasukan username dan password Jika username
dan password yang dimasukkan salah, maka sistem akan menampilkan pesan gagal
dan jika benar, maka akan masuk ke halaman utama.
![Page 133: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/133.jpg)
103
2. Activity Diagram Kelola Data User
Gambar 4.7 Activity Diagram Kelola Data User
![Page 134: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/134.jpg)
104
Aktifitas Kelola User . aktor memilih menu kelola user kemudian sistem
akan menampilkan data user, aktor dapat memilih tambah untuk menambah user
baru Aktor dapat memilih tombol “tambah” untuk menginput data baru. Kemudian
sistem akan menampilkan form input. Aktor kemudian mengisi data dan level user
baru. Setelah tombol simpan maka sistem akan menyimpan data . Kemudian aktor
dapat memilih tombol “Edit” untuk mengubah data user yang terdaftar. Setelah
dipilih edit maka sistem akan menampilkan form untuk mengubah data. Setelah
tombol simpan ditekan maka sistem akan menyimpan perubahan data tersebut.
Kemudian aktor dapat memilih tombol “hapus” untuk menghapus data yang dipilih.
Setelah tombol hapus ditekan maka sistem akan menampilkan popup konfirmasi
hapus yang berisi tombol “Ya” dan “Tidak”. Jika aktor memilih tombol “Ya” maka
sistem akan menghapus data. Jika aktor memilih tombol “Tidak” maka proses akan
dibatalkan.
![Page 135: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/135.jpg)
105
3. Activity Diagram Registrasi
Aktifitas Registrasi . aktor memilih menu registrasi kemudian sistem
menampilkan halaman registrasi dan menu form registrasi, selanjutnya aktor
melengkapi data registrasi dan sistem akan menyimpan data, jika proses berhasil
sistem akan mengirim email verifikasi kepada aktor dan selanjutnya sistem akan
menampilkan pesan sukses, jika proses gagal sistem akan menampilkan pesan gagal
Gambar 4.8 Activity Diagram Registrasi
![Page 136: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/136.jpg)
106
4. Activity Diagram Verifikasi Registrasi
Aktifitas Verifikasi Dokumen, Pertama aktor memilih menu dokumen
sekolah dan sistem menampilkan data dan dokumen sekolah, kemudian aktor melihat
dokumen sekolah untuk melakukan verifikasi dokumen dan sistem akan
menampilkan pesan konfirmasi, jika aktor melakukan verifikasi maka stasus
dokumen menjadi Y dan jika proses berhasil sistem akan menampilkan pesan sukses,
jika proses gagal sistem akan menampilkan pesan gagal.
Gambar 4.9 Activity Diagram Verifikasi Registrasi
![Page 137: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/137.jpg)
107
5. Activity Diagram Kelola Jadwal
Aktifitas Jadwal . aktor memilih menu kelola jadwal kemudian sistem akan
menampilkan data sekolah, aktor dapat memilih tambah untuk menambahkan jadwal
kepada sekolah,. Kemudian sistem akan menampilkan form input jadwal. Aktor
Gambar 4.10 Activity Diagram Kelola Jadwal
![Page 138: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/138.jpg)
108
kemudian mengisi data jadwal pembinaan dan penilaian. Setelah tombol simpan
maka sistem akan menyimpan data . Kemudian aktor dapat memilih tombol “Edit”
untuk mengubah data jadwal yang terdaftar. Setelah dipilih edit maka sistem akan
menampilkan form untuk mengubah data. Setelah tombol simpan ditekan maka
sistem akan menyimpan perubahan data tesebut.
Kemudian aktor dapat memilih tombol “hapus” untuk menghapus data yang dipilih.
Setelah tombol hapus ditekan maka sistem akan menampilkan popup konfirmasi
hapus yang berisi tombol “Ya” dan “Tidak”. Jika aktor memilih tombol “Ya” maka
sistem akan menghapus data. Jika aktor memilih tombol “Tidak” maka proses akan
dibatalkan.
6. Activity Diagram Lihat jadwal
Aktifitas Melihat Jadwal, aktor memilih menu jadwal dan sistem akan menampilkan
data jadwal sekolah.
Gambar 4.11 Activity Diagram Upload Dokumen Adiwiyata
![Page 139: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/139.jpg)
109
7. Activity Diagram Upload dokumen adiwiyata
Aktifitas Upload Dokumen, Pertama aktor memilih menu update dokumen
dan sistem akan menampilkan halaman upload dokumen, selanjutnya aktor
melakukan upload dokumen yang sudah dilakukan penilaian dan sistem akan
menyimpan dokumen, jika proses berhasil sistem akan menampilkan pesan sukses,
jika proses gagal sistem akan menampilkan pesan gagal.
Gambar 4.12 Activity Diagram Upload Dokumen
![Page 140: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/140.jpg)
110
8. Activity Diagram Verifikasi Dokumen
Aktifitas Verifikasi Dokumen, Pertama aktor memilih menu dokumen
sekolah dan sistem menampilkan data dan dokumen sekolah, kemudian aktor melihat
dokumen sekolah untuk melakukan verifikasi dokumen dan sistem akan
menampilkan pesan konfirmasi, jika aktor melakukan verifikasi maka stasus
dokumen menjadi Y dan jika proses berhasil sistem akan menampilkan pesan sukses,
jika proses gagal sistem akan menampilkan pesan gagal.
Gambar 4.13 Activity Diagram Verifikasi Dokumen
![Page 141: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/141.jpg)
111
9. Activity Diagram Validasi Dokumen
Aktifitas Validasi Dokumen, Pertama aktor memilih menu dokumen sekolah
dan sistem menampilkan data dan dokumen sekolah, kemudian aktor melihat
dokumen sekolah untuk melakukan validasi dokumen dan sistem akan menampilkan
pesan konfirmasi, jika aktor melakukan validasi maka stasus dokumen menjadi Y
dan jika proses berhasil sistem akan menampilkan pesan sukses, jika proses gagal
sistem akan menampilkan pesan gagal.
Gambar 4.14 Activity Diagram Validasi Dokumen
![Page 142: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/142.jpg)
112
10. Activity Diagram Kelola Tingkat Sekolah
Aktifitas Kelola Tingkat Sekolah. aktor memilih menu kelola tingkat sekolah
kemudian sistem akan menampilkan halaman kelola tingkat sekolah, aktor dapat
memilih tambah untuk menambahkan tingkat sekolah,. Kemudian sistem akan
Gambar 4.15 Activity Diagram Kelola Tingkat Sekolah
![Page 143: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/143.jpg)
113
menampilkan form input tingkat sekolah. Aktor kemudian mengisi data tingkat
sekolah. Setelah tombol simpan maka sistem akan menyimpan data . Kemudian aktor
dapat memilih tombol “Edit” untuk mengubah data jadwal yang terdaftar. Setelah
dipilih edit maka sistem akan menampilkan form untuk mengubah data. Setelah
tombol simpan ditekan maka sistem akan menyimpan perubahan data tersebut.
Kemudian aktor dapat memilih tombol “hapus” untuk menghapus data yang
dipilih. Setelah tombol hapus ditekan maka sistem akan menampilkan popup
konfirmasi hapus yang berisi tombol “Ya” dan “Tidak”. Jika aktor memilih tombol
“Ya” maka sistem akan menghapus data. Jika aktor memilih tombol “Tidak” maka
proses akan dibatalkan.
![Page 144: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/144.jpg)
114
11. Activity Diagram Kelola tingkat adiwiyata
Gambar 4.16 Activity Diagram Kelola tingkat adiwiyata
![Page 145: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/145.jpg)
115
Aktifitas Kelola Tingkat Adiwiyata. aktor memilih menu kelola tingkat
adiwiyata kemudian sistem akan menampilkan halaman kelola tingkat adiwiyata,
aktor dapat memilih tambah untuk menambahkan tingkat adiwiyata. Kemudian
sistem akan menampilkan form input tingkat sekolah. Aktor kemudian mengisi data
tingkat adiwiyata. Setelah tombol simpan maka sistem akan menyimpan data .
Kemudian aktor dapat memilih tombol “Edit” untuk mengubah data jadwal yang
terdaftar. Setelah dipilih edit maka sistem akan menampilkan form untuk mengubah
data. Setelah tombol simpan ditekan maka sistem akan menyimpan perubahan data
tersebut.
Kemudian aktor dapat memilih tombol “hapus” untuk menghapus data yang
dipilih. Setelah tombol hapus ditekan maka sistem akan menampilkan popup
konfirmasi hapus yang berisi tombol “Ya” dan “Tidak”. Jika aktor memilih tombol
“Ya” maka sistem akan menghapus data. Jika aktor memilih tombol “Tidak” maka
proses akan dibatalkan.
![Page 146: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/146.jpg)
116
12. Activity Diagram Kelola UPT
Gambar 4.17 Activity Diagram Kelola UPT
![Page 147: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/147.jpg)
117
Aktifitas Kelola UPT. aktor memilih menu upt sekolah kemudian sistem akan
menampilkan halaman upt, aktor dapat memilih tambah untuk menambahkan upt,.
Kemudian sistem akan menampilkan form upt. Aktor kemudian mengisi data upt.
Setelah tombol simpan maka sistem akan menyimpan data . Kemudian aktor dapat
memilih tombol “Edit” untuk mengubah data jadwal yang terdaftar. Setelah dipilih
edit maka sistem akan menampilkan form untuk mengubah data. Setelah tombol
simpan ditekan maka sistem akan menyimpan perubahan data tersebut.
Kemudian aktor dapat memilih tombol “hapus” untuk menghapus data yang
dipilih. Setelah tombol hapus ditekan maka sistem akan menampilkan popup
konfirmasi hapus yang berisi tombol “Ya” dan “Tidak”. Jika aktor memilih tombol
“Ya” maka sistem akan menghapus data. Jika aktor memilih tombol “Tidak” maka
proses akan dibatalkan.
13. Activity Diagram Lihat Lokasi sekolah adiwiyata
Gambar 4.18 Activity Diagram Lihat lokasi sekolah adiwiyata
![Page 148: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/148.jpg)
118
Aktifitas Melihat lokasi sekolah adiwiyata, aktor memilih menu tingkatan
sekolah dan sistem akan menampilkan data tingkatan Adiwiyata.
14. Activity Diagram Update citra adiwiyata
Gambar 4.19 Activity Diagram Update citra adiwiyata
![Page 149: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/149.jpg)
119
Aktifitas Update Citra Adiwiyata, Pertama aktor memilih menu update citra
adiwiyata dan sistem akan menampilkan halaman form dan menu upload foto,
selanjutnya aktor melakukan upload foto dan mengisi form dan sistem akan
menyimpan data foto, jika proses berhasil sistem akan menampilkan pesan sukses,
jika proses gagal sistem akan menampilkan pesan gagal.
15. Activity Diagram Lihat citra adiwiyata
Aktifitas Melihat citra, aktor memilih menu lihat citra dan sistem akan
menampilkan data citra.
Gambar 4.20 Activity Diagram Lihat citra adiwiyata
![Page 150: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/150.jpg)
120
16. Activity Diagram Kelola Informasi
Gambar 4.21 Activity Diagram Kelola Informasi
![Page 151: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/151.jpg)
121
Aktifitas Kelola Informasi. aktor memilih menu informasi sekolah kemudian
sistem akan menampilkan halaman informasi, aktor dapat memilih tambah untuk
menambahkan informasi,. Kemudian sistem akan menampilkan form informasi.
Aktor kemudian mengisi data informasi. Setelah tombol simpan maka sistem akan
menyimpan data . Kemudian aktor dapat memilih tombol “Edit” untuk mengubah
data jadwal yang terdaftar. Setelah dipilih edit maka sistem akan menampilkan form
untuk mengubah data. Setelah tombol simpan ditekan maka sistem akan menyimpan
perubahan data tersebut.
Kemudian aktor dapat memilih tombol “hapus” untuk menghapus data yang
dipilih. Setelah tombol hapus ditekan maka sistem akan menampilkan popup
konfirmasi hapus yang berisi tombol “Ya” dan “Tidak”. Jika aktor memilih tombol
“Ya” maka sistem akan menghapus data. Jika aktor memilih tombol “Tidak” maka
proses akan dibatalkan.
17. Activity Diagram Lihat Informasi
Gambar 4.22 Activity Diagram Lihat Informasi
![Page 152: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/152.jpg)
122
Aktifitas Melihat Informasi, aktor memilih menu lihat Informasi dan sistem
akan menampilkan data informasi.
18. Activity Diagram Logout
Aktifitas Memilih menu Logout, aktor melakukan logout kemudian sistem
akan menampilkan halaman login.
Gambar 4.23 Activity Diagram Logout
![Page 153: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/153.jpg)
123
4.2.1.3 Perancangan Sequence Diagram
1. Sequence Diagram Login
Sequence Diagram Login pada gambar melibatkan semua aktor.
Sequence ini menggambarkan aliran pesan yang memungkinkan aktor memasuki
halaman utama sistem dengan melakukan Login terlebih dulu. Untuk memulai login,
aktor harus mengisikan username dan password pada form login. Kemudian sistem
akan mengecek kesesuaian data dengan proses query database pada objek user. Jika
data tidak sesuai akan diberikan konfirmasi login gagal dan jika data lengkap akan
diberikan konfirmasi login sukses lalu masuk halaman utama sistem manajemen
pengetahuan.
Gambar 4.24 Sequence Diagram Login
![Page 154: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/154.jpg)
124
2. Sequence Diagram Data User
Sequence Diagram Kelola Data User pada gambar dilakukan oleh admin.
Sequence ini menggambarkan bagaimana aktor dapat mengelola data user, aktor
dapat menambah, merubah dan menghapus data user.
Gambar 4.25 Sequence Diagram Kelola Data User
![Page 155: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/155.jpg)
125
3. Sequence Diagram Registrasi
Sequence Diagram Registrasi pada gambar ini menggambarkan bagaimana
publik melakukan registrasi, yaitu dengan memilih menu registrasi dan mengisi form
registrasi untuk mendapatkan akun.
4. Sequence Diagram Verifikasi registrasi
Gambar 4.27 Sequence Diagram Verifikasi Registrasi
Gambar 4.26 Sequence Diagram Registrasi
![Page 156: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/156.jpg)
126
Sequence Diagram Verifikasi registrasi pada gambar ini menggambarkan
bagaimana aktor melakukan Verifikasi, yaitu dengan memilih menu dokumen
sekolah lalu akan tampil list dokumen sekolah dan melakukan Verifikasi.
5. Sequence Diagram Kelola Jadwal
Gambar 4.28 Sequence Diagram Kelola Jadwal
Sequence Diagram Kelola Jadwal pada gambar ini menggambarkan
bagaimana aktor dapat mengelola Jadwal, yaitu dengan memilih menu kelola jadwal
lalu akan tampil list sekolah dan menentukan jadwal.
![Page 157: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/157.jpg)
127
6. Sequence Diagram Lihat Jadwal
Sequence Diagram Lihat Jadwal pada gambar ini menggambarkan
bagaimana aktor dapat melihat jadwal, yaitu dengan memilih menu jadwal lalu akan
tampil list jadwal.
7. Sequence Diagram Upload Dokumen
Gambar 4.29 Sequence Diagram Lihat Jadwal
Gambar 4.30 Sequence Diagram Upload Dokumen
![Page 158: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/158.jpg)
128
Sequence Diagram Upload Diagram pada gambar ini menggambarkan
bagaimana aktor melakukan upload dokumen adiwiyata, yaitu dengan memilih menu
dokumen sekolah lalu akan tampil menu upload dokumen.
8. Sequence Diagram Verifikasi Dokumen
Sequence Diagram Verifikasi Dokumen pada gambar ini menggambarkan
bagaimana aktor melakukan Verifikasi, yaitu dengan memilih menu dokumen
sekolah lalu akan tampil list dokumen sekolah dan melakukan Verifikasi.
Gambar 4.31 Sequence Diagram Verifikasi Dokumen
![Page 159: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/159.jpg)
129
9. Sequence Diagram Validasi Dokumen
Sequence Diagram Validasi Dokumen pada gambar ini menggambarkan
bagaimana aktor melakukan Validasi, yaitu dengan memilih menu dokumen sekolah
lalu akan tampil list sekolah dan melakukan validasi.
Gambar 4.32 Sequence Diagram Validasi Dokumen
![Page 160: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/160.jpg)
130
10. Sequence Diagram Kelola Tingkat Sekolah
Gambar 4.33 Sequence Diagram Kelola Tingkat Sekolah
Sequence Diagram Kelola Tingkatan Sekolah pada gambar ini
menggambarkan bagaimana aktor dapat mengelola data Tingkatan Sekolah, yaitu
dengan memilih menu tingkatan sekolah lalu akan tampil list sekolah.
![Page 161: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/161.jpg)
131
11. Sequence Diagram Kelola Tingkat Adiwiyata
Sequence Diagram Kelola Tingkatan Sekolah pada gambar ini
menggambarkan bagaimana aktor dapat mengelola data Tingkatan Sekolah, yaitu
dengan memilih menu tingkatan sekolah lalu akan tampil list sekolah.
Gambar 4.34 Sequence Diagram Kelola Tingkat Adiwiyata
![Page 162: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/162.jpg)
132
12. Sequence Diagram Kelola UPT
Gambar 4.35 Sequence Diagram Kelola UPT
Sequence Diagram Kelola UPT pada gambar ini menggambarkan bagaimana
aktor dapat mengelola data UPT, yaitu dengan memilih menu kelola UPT lalu akan
tampil list sekolah per UPT.
![Page 163: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/163.jpg)
133
13. Sequence Diagram Lihat Lokasi Adiwiyata
Sequence Diagram Lihagt Lokasi sekolah adiwiyata pada gambar ini
menggambarkan bagaimana aktor dapat melihat lokasi sekolah adiwiyata, yaitu
dengan memilih menu lihat lokasi adiwiyata lalu akan tampil peta lokasi sekolah
adiwiyata.
14. Sequence Diagram Update Citra Adiwiyata
Gambar 4.36 Sequence Diagram Lihat Lokasi Adiwiyata
Gambar 4.37 Sequence Diagram Update Citra Adiwiyata
![Page 164: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/164.jpg)
134
Sequence Diagram Update Citra Adiwiyata pada gambar ini menggambarkan
bagaimana aktor melakukan update citra adiwiyata, yaitu dengan memilih menu citra
adiwiyata lalu akan tampil form dan menu upload foto citra.
15. Sequence Diagram Lihat Citra Adiwiyata
Sequence Diagram Lihat Citra Adiwiyata pada gambar ini menggambarkan
bagaimana aktor dapat melihat citra adiwiyata, yaitu dengan memilih menu menu
citra adiwiyata lalu akan tampil data citra adiwiyata.
Gambar 4.38 Sequence Diagram Lihat Citra Adiwiyata
![Page 165: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/165.jpg)
135
16. Sequence Diagram Kelola informasi
Gambar 4.39 Sequence Diagram Kelola Informasi
Sequence Diagram Kelola Informasi pada gambar ini menggambarkan
bagaimana aktor dapat mengelola data informasi, yaitu dengan memilih menu kelola
Informasi lalu akan tampil menu form mengisi Informasi.
![Page 166: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/166.jpg)
136
17. Sequence Diagram Lihat Informasi
Gambar 4.40 Sequence Diagram Lihat Informasi
Sequence Diagram Lihat Informasi pada gambar ini menggambarkan
bagaimana aktor dapat melihat informasi, yaitu dengan memilih menu informasi lalu
akan tampil informasi.
18. Sequence Diagram Logout
Gambar 4.41 Sequence Diagram Logout
![Page 167: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/167.jpg)
137
Sequence Diagram Logout pada gambar ini menggambarkan bagaimana
aktor melakukan Logout, yaitu dengan memilih tombol logout lalu system akan
melakukan logout.
4.2.1.4 Class Diagram
Class Diagram merupakan visualisasi dari struktur objek sistem yang
disarankan. Adapun langkah-langkah menentukan objek yang terlibat adalah sebagai
berikut:
1. Objek Potensial Class Diagram
Tabel 4.21 Objek Potensial Class Diagram
• Admin
• Sekolah
• Staff Adiwiyata
• Kabid Perencanaan Lingkungan
• Kasi Tata Lingkungan
• User
• Publik
• Login
• Logout
• Edit Profil
• Dokumen
• Jadwal
• Tingkat Sekolah
• Tingkat Adiwiyata
• Upt
• Verifikasi dokumen
• Validasi dokumen
• Citra Adiwiyata
![Page 168: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/168.jpg)
138
2. Menyeleksi Daftar Objek Potensial yang Diusulkan dari daftar potensial
diatas, maka dilakukan analisis untuk memilih objek.
Tabel 4.22 Seleksi Daftar Objek Potensial
Objek Cek Keterangan
Admin X Bagian dari User
Sekolah Y Bagian dari Sistem
Staff Adiwiyata X Bagian dari User
Kabid Perencanaan Lingkungan X Bagian dari User
Kasi Tata Lingkungan X Bagian dari User
User Y Bagian dari Sistem
Publik X Bagian dari User
Login X Bagian dari User
Logout X Bagian dari User
Edit Profil X Bagian dari User
Dokumen Y Bagian dari Sistem
Jadwal Y Bagian dari Sistem
Tingkat Sekolah Y Bagian dari Sistem
Tingkat Adiwiyata Y Bagian dari Sistem
Upt Y Bagian dari Sistem
Verifikasi dokumen X Bagian dari
Validasi dokumen X Bagian dari
Citra Adiwiyata Y Bagian dari Sistem
Informasi Y Bagian dari Sistem
![Page 169: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/169.jpg)
139
Tabel 4.23 Proposed Objek List
Proposed Objek List
User
Sekolah
Dokumen
Jadwal
Tingkat Sekolah
Tingkat Adiwiyata
Upt
Citra Adiwiyata
Informasi
3. Membuat Class Diagram Sistem Informasi Spasial Berbasis Web Program
Sekolah Adiwiyata
![Page 170: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/170.jpg)
140
Gambar 4.42 Class Diagram Sistem Informasi Spasial Program Sekolah Adiwiyata
![Page 171: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/171.jpg)
141
4.2.2 Desain Database
4.2.2.1 Normalisasi
BENTUK UNNORMAL
SEKOLAH
Id
Sekolah
Nama
Sekolah
Alamat Kode
Pos
Email Telepon Sk
Akreditasi
Sk
kurikulum
Sk
Pernyataan
Kepsek
Id
tingkat
sekolah
Tingkat
Sekolah
Id
Tingkat
Adiwiyata
Tingkat
Adiwiyata
Citra
Adiwiyata
Tgl_input Approve Tgl_approve User
Approve
20607159 SDN 1 Jl.Merbabu
raya
1 CILEDUG SD Akre.jpg Kuri.jpg Keps.jpg Sd01 SDN Ko1 Kota sarpras.jpg 21-10-
2018
15:22
N 21-10-2018
15:22
Staff
20604358 SMPN
3
Jl.Cipondoh
makmur
3 CILEDUG SD rgrre.jpg bfri.jpg Kerg.jpg Smp01 SMPN Nas1 Nasional Lapangan.jpg 21-10-
2018
15:22
N 21-10-2018
15:22
Staff
DOKUMEN
Id
dokumen
Tingkat
Adiwiyata
Dokumen
Sarpras
Dokumen
Kurikulum
Doumen
Partisipasi
Dokumen
Kebijakan
Approve Verifikasi Validasi Tgl_Input Tgl_Approve Tgl_Verifikasi Tgl_Validasi User
Input
User
Approve
User
Verifikasi
User
Validasi
1 Kota Dok1.rar Dok2.rar Dok3.rar Dok4.rar N N N 21-10-
2018
08:22
21-10-2018
15:22
21-10-2018
15:22
21-10-2018
15:22
Sekolah Staff Kasi Kabid
JADWAL
Id Jadwal Jadwal Pembinaan Jadwal Penilaian Keterangan Sekolah User Input Tgl_input
1 22 Juli 2018 22 September 2018 08.00 s/d 14.00 SDN 1 Tangerang Staff 21-07-2018 10:22
INFORMASI
Id Informasi Judul Informasi Isi Informasi Tgl_input Tgl_Update User Input
1 Sekolah adiwiyata kota tangerang Pelaksanaan kegiatan adiwiyata 02-02-18 10:22 02-02-18 10:22 Staff
USER
Id User Nama User level Username Password tgl_input tgl_update
1 Staff Adiwiyata Staff StaffAdiwiyata Sdskd7e9o38ry3sfhlsiflhilefsifhli33 03-04-18 10:22 03-04-18 10:22
![Page 172: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/172.jpg)
142
1NF BENTUK NORMAL PERTAMA
SEKOLAH
Id
Sekolah
Nama
Sekolah
Alamat Kode
Pos
Email Telepon Sk
Akreditasi
Sk
kurikulum
Sk
Pernyataan
Kepsek
Id
Tingkat
sekolah
Tingkat
Sekolah
Id
Tingkat
Adiwiyata
Tingkat
Adiwiyata
Citra
Adiwiyata
Tgl_input Approve Tgl_approve User
Approve
20607159 SDN 1 Jl.Merbabu
raya
1 CILEDUG SD Akre.pdf Kuri.pdf Keps.pdf Sd01 SDN Ko1 Kota sarpras.jpg 21-10-
2018
15:22
N 21-10-2018
15:22
Staff
20604358 SMPN
3
Jl.Cipondoh
makmur
3 CILEDUG SD rgrre.pdf bfri.pdf Kerg.pdf Smp01 SMPN Nas1 Nasional Lapangan.jpg 21-10-
2018
15:22
N 21-10-2018
15:22
Staff
SEKOLAH-CITRA ADIWIYATA
Id
Sekolah
Nama
Sekolah
Alamat Kode
Pos
Email Telepon Sk
Akreditasi
Sk
kurikulum
Sk
Pernyataan
Kepsek
Id
Tingkat
sekolah
Tingkat
Sekolah
Id
Tingkat
Adiwiyata
Tingkat
Adiwiyata
Citra
Adiwiyata
adiwiyata
Tgl_input Approve Tgl_approve User
Approve
SEKOLAH
Id
Sekolah
Nama
Sekolah
Alamat Kode
Pos
Email Telepon Sk
Akreditasi
Sk
kurikulum
Sk
Pernyataan
Kepsek
Id
Tingkat
sekolah
Tingkat
Sekolah
Id
Tingkat
Adiwiyata
Tingkat
Adiwiyata
Tgl_input Approve Tgl_approve User
Approve
CITRA ADIWIYATA
Id citra
adiwiyata
Id sekolah Foto citra nama citra Kategori citra adiwiyata
DOKUMEN
Id
dokumen
Tingkat
Adiwiyata
Dokumen
Sarpras
Dokumen
Kurikulum
Doumen
Partisipasi
Dokumen
Kebijakan
Approve Verifikasi Validasi Tgl_Input Tgl_Approve Tgl_Verifikasi Tgl_Validasi User
Input
User
Approve
User
Verifikasi
User
Validasi
1 Kota Dok1.rar Dok2.rar Dok3.rar Dok4.rar N N N 21-10-
2018
08:22
21-10-2018
15:22
21-10-2018
15:22
21-10-2018
15:22
Sekolah Staff Kasi Kabid
JADWAL
Id Jadwal Jadwal Pembinaan Jadwal Penilaian Keterangan Sekolah User Input Tgl_input
1 22 Juli 2018 22 September 2018 08.00 s/d 14.00 SDN 1 Tangerang Staff 21-07-2018 10:22
INFORMASI
Id Informasi Judul Informasi Isi Informasi Tgl_input Tgl_Update User Input
1 Sekolah adiwiyata kota tangerang Pelaksanaan kegiatan adiwiyata 02-02-18 10:22 02-02-18 10:22 Staff
![Page 173: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/173.jpg)
143
USER
Id User Nama User level Username Password tgl_input tgl_update
1 Staff Adiwiyata Staff StaffAdiwiyata Sdskd7e9o38ry3sfhlsiflhilefsifhli33 03-04-18 10:22 03-04-18 10:22
2NF BENTUK NORMAL KEDUA
SEKOLAH-TINGKATAN SEKOLAH- TINGKATAN ADIWIYATA
Id
Sekolah
Nama
Sekolah Alamat
Kode
Pos Email Telepon
Sk
Akreditasi
Sk
kurikulum
Sk
Pernyataan
Kepsek
Id
tingkat
sekolah
Tingkat
Sekolah
Id
Tingkat
Adiwiyata
Tingkat
Adiwiyata Tgl_input Approve Tgl_approve
User
Approve
20607159 SDN 1 Jl.Merbabu
raya 1 CILEDUG SD Akre.jpg Kuri.jpg Keps.jpg Sd01 SDN Ko1 Kota
21-10-
2018
15:22
N 21-10-2018
15:22 Staff
20604358 SMPN 3 Jl.Cipondoh
makmur 3 CILEDUG SD rgrre.jpg bfri.jpg Kerg.jpg Smp01 SMPN Nas1 Nasional
21-10-
2018
15:22
N 21-10-2018
15:22 Staff
SEKOLAH
Id
Sekolah
Nama
Sekolah
Alamat Kode
Pos
Email Telepon Sk
Akreditasi
Sk
kurikulum
Sk
Pernyataan
Kepsek
Tgl_input Approve Tgl_approve User
Approve
20607159 SDN 1 Jl.Merbabu
raya
1 CILEDUG SD Akre.jpg Kuri.jpg Keps.jpg 21-10-
2018
15:22
N 21-10-2018
15:22
Staff
20604358 SMPN 3 Jl.Cipondoh
makmur
3 CILEDUG SD rgrre.jpg bfri.jpg Kerg.jpg 21-10-
2018
15:22
N 21-10-2018
15:22
Staff
TINGKAT SEKOLAH
Id tingkat sekolah Tingkat
Sekolah
Tgl_input
Sd01 SDN 21-10-2018 15:22
Smp01 SMPN 21-10-2018 15:22
TINGKAT ADIWIYATA
Id Tingkat
Adiwiyata
Tingkat
Adiwiyata
Tgl_input
Ko1 Kota 21-10-2018 15:22
Nas1 Nasional 21-10-2018 15:22
![Page 174: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/174.jpg)
144
DOKUMEN Id
dokumen
Tingkat
Adiwiyata
Dokumen
Sarpras
Dokumen
Kurikulum
Doumen
Partisipasi
Dokumen
Kebijakan
Approve Verifikasi Validasi Tgl_Input Tgl_Approve Tgl_Verifikasi Tgl_Validasi User
Input
User
Approve
User
Verifikasi
User
Validasi
1 Kota Dok1.rar Dok2.rar Dok3.rar Dok4.rar N N N 21-10-
2018
08:22
21-10-2018
15:22
21-10-2018
15:22
21-10-2018
15:22
Sekolah Staff Kasi Kabid
JADWAL
Id Jadwal Jadwal Pembinaan Jadwal Penilaian Keterangan Sekolah User Input Tgl_input
1 22 Juli 2018 22 September 2018 08.00 s/d 14.00 SDN 1 Tangerang Staff 21-07-2018 10:22
INFORMASI
Id Informasi Judul Informasi Isi Informasi Tgl_input Tgl_Update User Input
1 Sekolah adiwiyata kota tangerang Pelaksanaan kegiatan adiwiyata 02-02-18 10:22 02-02-18 10:22 Staff
USER
Id User Nama User level Username Password tgl_input tgl_update
1 Staff Adiwiyata Staff StaffAdiwiyata Sdskd7e9o38ry3sfhlsiflhilefsifhli33 03-04-18 10:22 03-04-18 10:22
3NF BENTUK NORMAL KETIGA
SEKOLAH
Id
Sekolah
Nama
Sekolah
Alamat Kode
Pos
Email Telepon Sk
Akreditasi
Sk
kurikulum
Sk
Pernyataan
Kepsek
Tgl_input Approve Tgl_approve User
Approve
20607159 SDN 1 Jl.Merbabu
raya
1 CILEDUG SD Akre.jpg Kuri.jpg Keps.jpg 21-10-
2018
15:22
N 21-10-2018
15:22
Staff
20604358 SMPN 3 Jl.Cipondoh
makmur
3 CILEDUG SD rgrre.jpg bfri.jpg Kerg.jpg 21-10-
2018
15:22
N 21-10-2018
15:22
Staff
CITRA ADIWIYATA- KATEGORI CITRA ADIWIYATA
Id citra
adiwiyata
Id sekolah Foto citra nama citra Tgl_input tgl_update Kategori citra adiwiyata
CITRA ADIWIYATA
Id citra
adiwiyata
Id sekolah Foto citra nama citra Tgl_input tgl_update
KATEGORI CITRA ADIWIYATA
Id kategori citra adiwiyata Kategori citra adiwiyata Tgl_input tgl_update
TINGKAT SEKOLAH
Id tingkat sekolah Tingkat
Sekolah
Tgl_input
Sd01 SDN 21-10-2018 15:22
Smp01 SMPN 21-10-2018 15:22
![Page 175: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/175.jpg)
145
TINGKAT ADIWIYATA
Id Tingkat
Adiwiyata
Tingkat
Adiwiyata
Tgl_input
Ko1 Kota 21-10-2018 15:22
Nas1 Nasional 21-10-2018 15:22
DOKUMEN
Id
dokumen
Tingkat
Adiwiyata
Dokumen
Sarpras
Dokumen
Kurikulum
Doumen
Partisipasi
Dokumen
Kebijakan
Approve Verifikasi Validasi Tgl_Input Tgl_Approve Tgl_Verifikasi Tgl_Validasi User
Input
User
Approve
User
Verifikasi
User
Validasi
1 Kota Dok1.rar Dok2.rar Dok3.rar Dok4.rar N N N 21-10-
2018
08:22
21-10-2018
15:22
21-10-2018
15:22
21-10-2018
15:22
Sekolah Staff Kasi Kabid
JADWAL
Id Jadwal Jadwal Pembinaan Jadwal Penilaian Keterangan Sekolah User Input Tgl_input
1 22 Juli 2018 22 September 2018 08.00 s/d 14.00 SDN 1 Tangerang Staff 21-07-2018 10:22
INFORMASI
Id Informasi Judul Informasi Isi Informasi Tgl_input Tgl_Update User Input
1 Sekolah adiwiyata kota tangerang Pelaksanaan kegiatan adiwiyata 02-02-18 10:22 02-02-18 10:22 Staff
USER
Id User Nama User level Username Password tgl_input tgl_update
1 Staff Adiwiyata Staff StaffAdiwiyata Sdskd7e9o38ry3sfhlsiflhilefsifhli33 03-04-18 10:22 03-04-18 10:22
![Page 176: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/176.jpg)
146
4.2.2.2 Skema Database
Gambar 4.43 Skema Database
![Page 177: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/177.jpg)
147
4.2.2.3 Spesifikasi Database
1. Tabel User
Nama Tabel : User
Tipe Tabel : Master
Primary Key : Id_user
Tabel 4.24 Spesifikasi Database User
Nama Field Tipe Data Ukuran Keterangan
Id_user Int 11 Id user
Nama_user Varchar 100 Nama user
Level Int 11 Level setiap user
Username Varchar 100 Username
Password Varchar 100 Password
Tgl_input Timestamp - Tanggal data dibuat
Tgl_update Timestamp - Tanggal data diperbarui
2. Tabel Sekolah
Nama Tabel : Sekolah
Tipe Tabel : Master
Primary Key : Npsn_sekolah
Tabel 4.25 Spesifikasi Database Tabel Sekolah
Nama Field Tipe Data Ukuran Keterangan
Npsn_sekolah Varchar 11
nama_Sekolah Varchar 100 Nama sekolah
![Page 178: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/178.jpg)
148
Id_tingkat_sekolah Int 11 Id tingkat sekolah
Id_upt Int 11 Id upt
Alamat Text - Alamat sekolah
X Varchar 20 Letak koordinat
Y Varchar 20 Letak koordinat
Kode_pos Int 11 Kode pos sekolah
Email Varchar 100 Email sekolah
Telepon Varchar 100 Nomor telepon sekolah
Password Varchar 100
Tgl_input Timestamp - Tanggal input
Sk_akreditasi Varchar 100 Sk akreditasi sekolah
Sk_kurikulum Varchar 100 Sk kurikulum sekolah
Sk_peryataan_kepsek Varchar 100 Sk pernyataan kepsek
Verifikasi Enum ‘N’,’Y’ Status verifikasi
Keterangan_akun Text - Keterangan
3. Tabel Jadwal
Nama Tabel : jadwal
Tipe Tabel : Master
Primary Key : Id_jadwal
Tabel 4.26 Spesifikasi Database Tabel Jadwal
Nama Field Tipe Data Ukuran Keterangan
Id_jadwal Int 11 Id jadwal
![Page 179: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/179.jpg)
149
Jadwal_pembinaan Date - Jadwal pembinaan
Jadwal_penilaian Date - Jadwal penilaian
Keterangan Text - Keterangan tambahan
Id_sekolah Int 11 Id sekolah
Id_user Int 11 Id user
Tgl_input Timestamp Tanggal input
4. Tabel UPT
Nama Tabel : UPT
Tipe Tabel : Master
Primary Key : Id_upt
Tabel 4.27 Spesifikasi Database Tabel UPT
Nama Field Tipe Data Ukuran Keterangan
Id_upt Int 11 Id upt
Nama_upt Varchar 100 Nama upt
Tgl_input Timestamp - Tanggal input
![Page 180: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/180.jpg)
150
5. Tabel Tingkat Sekolah
Nama Tabel : Tingkat Sekolah
Tipe Tabel : Master
Primary Key : Id_tingkat_sekolah
Tabel 4.28 Spesifikasi Database Tabel Tingkat Sekolah
Nama Field Tipe Data Ukuran Keterangan
Id_tingkat_sekolah Int 11 Id tingkat sekolah
Nama_tingkat_sekolah Varchar 100 Nama tingkat sekolah
Tgl_input Timestamp - Tanggal input
6. Tabel Tingkat Adiwiyata
Nama Tabel : Tingkat Adiwiyata
Tipe Tabel : Master
Primary Key : Id_tingkat_sekolah
Tabel 4.29 Spesifikasi Database Tabel Tingkat Adiwiyata
Nama Field Tipe Data Ukuran Keterangan
Id_tingkat_adiwiyata Int 11 Id tingkat adiwiyata
Nama_tingkat_adiwiyata Varchar 100 Nama tingkat adiwiyata
Tgl_input Timestamp - Tanggal input
![Page 181: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/181.jpg)
151
7. Tabel Dokumen
Nama Tabel : Dokumen
Tipe Tabel : Transaksi
Primary Key : Id_dokumen
Tabel 4.30 Spesifikasi Database Tabel Dokumen
Nama Field Tipe Data Ukuran Keterangan
Id_dokumen Int 11 Id dokumen
Id_tingkat_adiwiyata Int 11 Id tingkat adiwiyata
Dokumen_sarpras Varchar 50 Dokumen sarpras
Nilai_sarpras Int 11
Dokumen_kurikulum Varchar 50 Dokumen kurikulum
Nilai_kurikulum Int 11
Dokumen_partisipasi Varchar 50 Dokumen partisipasi
Nilai_partisipasi Int 11
Dokumen_kebijakan Varchar 50 Dokumen kebijakan
Nilai_kebijakan Int 11
Sk_adiwiyata Varchar 50 Sk adiwiyata
Berita_acara Varchar 50
Approve_dokumen Enum ‘N’,’Y’ Status approve
Verifikasi_dokumen Enum ‘N’,’Y’ Status verifikasi
Validasi_dokumen Enum ‘N’,’Y’ Status validasi
Tgl_approve Timestamp - Tanggal approve
Tgl_verifikasi Timestamp - Tanggal verifikasi
![Page 182: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/182.jpg)
152
Tgl_validasi Timestamp - Tanggal validasi
Id_sekolah Int 11 Id sekolah
Id_user_approve Int 11 Id user yg meng approve
Id_user_verifikasi Int 11 Id user yang memverifikasi
Id_user_validasi Int 11 Id user yang memvalidasi
Keterangan_tolak Text - Keterangan ditolak
8. Tabel Citra Adiwiyata
Nama Tabel : Citra Adiwiyata
Tipe Tabel : Master
Primary Key : Id_citra_adiwiyata
Tabel 4.31 Spesifikasi Database Tabel Citra Adiwiyata
Nama Field Tipe Data Ukuran Keterangan
Id_citra_adiwiyata Int 11 Id citra adiwiyata
Foto_citra Varchar 50 Foto adiwiyata
Id_sekolah Int 11 Nama citra adiwiyata
Tgl_input Timestamp - Tanggal upload
Id_citra_kategori Int 11 Id sekolah
Verifikasi Enum ‘N’,’Y’ Verifikasi
![Page 183: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/183.jpg)
153
9. Tabel Informasi
Nama Tabel : Informasi
Tipe Tabel : Master
Primary Key : Id_informasi
Tabel 4.32 Spesifikasi Database Tabel Informasi
Nama Field Tipe Data Ukuran Keterangan
Id_informasi Int 11 Id informasi
Judul_informasi Text - Judul informasi
Isi_informasi Text - Isi informasi
Image Varchar 100 Gambar
Tgl_input Timestamp - Tanggal input
Tgl_update Timestamp - Tanggal memperbarui
Id_user Int 11 Id user
![Page 184: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/184.jpg)
154
Gambar 4.44 Struktur Menu Admin
4.2.3 Desain Interface
4.2.3.1 Struktur menu
Dalam tahapan ini ialah membuat tampilan rancangan
interface untuk memudahkan dalam pembangunan sistem sesuai
dengan level aksesnya:
1. Struktur Menu Admin
![Page 185: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/185.jpg)
155
2. Struktur Menu Staff Adiwiyata
Gambar 4.45 Struktur Menu Staff Adiwiyata
![Page 186: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/186.jpg)
156
3. Struktur Menu Kasi Perencanaan Lingkungan
Gambar 4.46 Struktur Menu Kasi Perencanaan Lingkungan
![Page 187: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/187.jpg)
157
4. Struktur Menu Kabid Tata Lingkungan
Gambar 4.47 Struktur Menu Kabid Tata Lingkungan
![Page 188: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/188.jpg)
158
5. Struktur Menu Sekolah
Gambar 4.48 Struktur Menu Sekolah
![Page 189: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/189.jpg)
159
6. Struktur Menu Publik
4.2.3.2 User Interface
1. Desain Interface Login
Gambar 4.49 Struktur Menu Publik
Gambar 4.50 Desain Interface Login
![Page 190: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/190.jpg)
160
2. Desain Interface Kelola User
Gambar 4.51 Desain Interface Kelola User
Gambar 4.52 Desain Interface Kelola User Tambah
![Page 191: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/191.jpg)
161
3. Desain Interface Registrasi
4. Desain Interface Verifikasi Registrasi
Gambar 4.53 Desain Interface Registrasi
Gambar 4.54 Desain Interface Verifikasi Registrasi
![Page 192: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/192.jpg)
162
5. Desain Interface Kelola Jadwal
Gambar 4.55 Desain Interface Kelola Jadwal
Gambar 4.56 Desain Interface Kelola Jadwal Tambah
![Page 193: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/193.jpg)
163
6. Desain Interface Lihat Jadwal
7. Desain interface Upload dokumen
Gambar 4.57 Desain Interface Lihat Jadwal
Gambar 4.58 Desain interface Upload dokumen tambah
![Page 194: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/194.jpg)
164
8. Desain Interface Verifikasi dokumen
Gambar 4.59 Desain interface Upload dokumen tambah
Gambar 4.60 Verifikasi dokumen
![Page 195: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/195.jpg)
165
9. Desain Interface Validasi Dokumen
10. Desain Interface Kelola Tingkat Sekolah
Gambar 4.61 Desain Interface Validasi Dokumen
Gambar 4.62 Desain Interface Kelola Tingkat Sekolah
![Page 196: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/196.jpg)
166
11. Desain Interface Kelola tingkat adiwiyata
Gambar 4.63 Desain Interface Kelola Tingkat Sekolah
Gambar 4.64 Desain Interface Kelola tingkat adiwiyata
![Page 197: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/197.jpg)
167
12. Desain Interface Kelola UPT
Gambar 4.65 Desain Interface Kelola tingkat adiwiyata Tambah
Gambar 4.66 Desain Interface Kelola UPT
![Page 198: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/198.jpg)
168
13. Desain Interface Lihat lokasi sekolah program adiwiyata
Gambar 4.67 Desain Interface Kelola UPT Tambah
Gambar 4.68 Desain Interface Lihat lokasi sekolah program adiwiyata
![Page 199: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/199.jpg)
169
14. Desain Interface Citra adiwiyata
Gambar 4.69 Desain Interface Citra adiwiyata
15. Desain Interface Lihat citra
Gambar 4.70 Desain Interface Lihat citra
![Page 200: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/200.jpg)
170
16. Desain Interface Kelola informasi
Gambar 4.71 Desain Interface Kelola informasi
Gambar 4.72 Desain Interface Kelola informasi
![Page 201: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/201.jpg)
171
17. Desain Interface Lihat informasi
18. Desain Interface Logout
Gambar 4.73 Desain Interface Lihat informasi
Gambar 4.74 Desain Interface Logout
![Page 202: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/202.jpg)
172
4.3 Implementation
4.3.1 Pengembangan Sistem
a. Google API
Adalah layanan google untuk menambahkan fitur google maps pada sistem
informasi spasial berbasis web sekolah program adiwiyata ini .
b. Coding
Proses pembuatan kode yang digunakan dalam sistem informasi spasial
pada sekolah adiwiyata adalah web dengan bahasa pemrograman PHP untuk
pengelolaan data non-spasial dan javascript untuk menghubungkan dengan data
spasial dari Arcgis . Pada proses ini peneliti dibantu oleh beberapa tools untuk
memudahkan proses pembuatan kode, antara lain:
1. Spesifikasi Hardware
a. Processor Intel Core i5-7200U, 3.16 GHz
b. Memory 4 GB
c. VGA Nvidia Geforce 930mx
2. Tools yang digunakan
a. PHP
b. MYSQL
c. XAMPP
![Page 203: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/203.jpg)
173
4.3.2 Pengujian
Tabel 4.33 Tabel Pengujian Black Box
No.
Nama Proses Aktor Aksi Hasil yang Diharapkan
Hasil
Login
1 Login Admin, Staff
Adiwiyata,
Kasi
Perencanaan
Lingkungan,
Kabid Tata
kingkungan
Login dengan
username dan
password yang
valid
User berhasil masuk
ke dalam sistem dan
menampilkan
halaman beranda
sesuai level user.
OK
2 Login Tenaga
Administrasi
Sekolah
Login dengan
Username dan
password yang
valid
Tenaga Administrasi
Sekolah berhasil
masuk ke dalam
sistem dan
menampilkan
halaman beranda
sekolah
OK
Kelola Data User
3 Menampilkan
Menu Data
User
Admin Membuka Halaman
Data User dengan
memilih menu user
Admin dapat
membaca data user
OK
4 Tambah Data
User
Admin Menambahkan data
user baru dengan
membuka dan
mengisi form
tambah user
Admin dapat
menambahkan data
user baru
OK
5 Edit Data User Admin Merubah data user
dengan memilih
tombol edit pada
data user yang
diinginkan
Admin dapat
merubah data user
OK
![Page 204: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/204.jpg)
174
6 Hapus User Admin Menghapus data
user dengan memilih
tomboh hapus pada
data user yang
diinginkan
Admin dapat
menghapus data user
OK
Registrasi
7 Registrasi Tenaga
Administrasi
Sekolah
Sekolah memilih
menu registrasi
untuk mendaftar
sebagai sekolah
adiwiyata
Sekolah berhasil
mendaftar dan
mendapatkan akun
OK
Verifikasi Registrasi
8 Verifikasi
Registrasi
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih menu
sekolah untuk
melakukan
verifikasi akun
sekolah adiwiyata
Staff berhasil
memverifikasi akun
sekolah dan sekolah
mendapatkan akun
OK
Kelola jadwal
9 Menampilkan
Menu Jadwal
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih menu
jadwal untuk
membaca
penjadwalan sekolah
Staff Adiwiyata
dapat membaca data
sekolah untuk
dilakukan
penjadwalan
OK
10 Tambah Jadwal
Admin, Staff Adiwiyata
Staff Adiwiyata memilih tombol
tambah dan mengisi
form jadwal untuk
memberikan
penjadwalan kepada
sekolah
Staff Adiwiyata berhasil memberikan
jadwal kepada
sekolah
OK
![Page 205: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/205.jpg)
175
11 Edit jadwal Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih menu edit
jadwal dan mengisi
perubahan jadwal
kepada sekolah
Staff Adiwiyata
berhasil melakukan
perubahan jadwal
kepada sekolah
OK
12 Hapus Jadwal Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol
hapus pada jadwal
yang ada pada daftar
sekolah
Staff Adiwiyata
berhasil menghapus
jadwal
OK
Lihat Jadwal
13 Lihat Jadwal Tenaga
Administrasi
Sekolah, Kasi
Perencanaan
Lingkungan,
Kabid Tata
kingkungan
User memilih menu
jadwal untuk
membaca jadwal
User dapat membaca
data jadwal
OK
Upload Dokumen Adiwiyata
14 Upload Dokumen
Adiwiyata
Staff Adiwiyata
Staff Adiwiyata memilih menu
upload dokumen dan
melakukan upload
dokumen Adiwiyata
Staff Adiwiyata dapat melakukan
upload dokumen
adiwiyata
OK
Verifikasi Dokumen Adiwiyata
![Page 206: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/206.jpg)
176
15 Verifikasi
Dokumen
Adiwiyata
Kasi
Perencanaan
Lingkungan
Kasi Perencanaan
Lingkungan
memilih menu
sekolah dan memilih
menu verifikasi
untuk melakukan
verifikasi pada
dokumen Adiwiyata
Kasi Perencanaan
Lingkungan dapat
melakukan verifikasi
dokumen Adiwiyata
OK
Validasi Dokumen Adiwiyata
16 Validasi
Dokumen
Adiwiyata
Kabid Tata
Lingkungan
Kabid Tata
Lingkungan
memilih menu
sekolah dan memilih
tombol validasi
untuk melakukan
validasi pada
dokumen Adiwiyata
Kabid Tata
Lingkugan dapat
melakukan validasi
dokumen Adiwiyata
OK
Kelola Tingkat Sekolah
17 Menampilkan
Menu Tingkat
Sekolah
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih menu
tingkat sekolah
untuk menampilkan
data tingkat sekolah
Staff Adiwiyata
dapat membaca data
tingkat sekolah
OK
18 Tambah
Tingkat
Sekolah
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol
tambah dan mengisi
form untuk mengisi
data tingkat sekolah
dan disimpan
kedalam sistem
Staff Adiwiyata
dapat menambahkan
data tingkat sekolah
OK
![Page 207: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/207.jpg)
177
19 Edit Tingkat
Sekolah
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol edit
dan mengisi form
untuk melakukan
perubahan data pada
tingkat sekolah
Staff Adiwiyata
dapat melakukan
perubahan data
tingkat sekolah
OK
20 Hapus Tingkat
Sekolah
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol
hapus untuk
melakukan
penghapusan pada
data tingkat sekolah
Staff Adiwiyata
dapat melakukan
penghapusan data
tingkat sekolah
OK
Kelola Tingkat Adiwiyata
21 Menampilkan
Menu Tingkat
Adiwiyata
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih menu
tingkat Adiwiyata
untuk menampilkan
data tingkat
Adiwiyata
Staff Adiwiyata
dapat membaca data
tingkat Adiwiyata
OK
22 Tambah
Tingkat
Adiwiyata
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol
tambah dan mengisi
form untuk mengisi
data tingkat
Adiwiyata dan
disimpan kedalam
sistem
Staff Adiwiyata
dapat menambahkan
data tingkat
Adiwiyata
OK
23 Edit Tingkat
Adiwiyata
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol edit
dan mengisi form
untuk melakukan
perubahan data pada
tingkat Adiwiyata
Staff Adiwiyata
dapat melakukan
perubahan data
tingkat Adiwiyata
OK
![Page 208: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/208.jpg)
178
24 Hapus Tingkat
Adiwiyata
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol
hapus untuk
melakukan
penghapusan pada
data tingkat
Adiwiyata
Staff Adiwiyata
dapat melakukan
penghapusan data
tingkat Adiwiyata
OK
Kelola UPT
25 Menampilkan
UPT
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih menu UPT
untuk menampilkan
data UPT
Staff Adiwiyata
dapat membaca data
UPT
OK
26 Tambah UPT Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol
tambah dan mengisi
form untuk mengisi
data UPT dan
disimpan kedalam
sistem
Staff Adiwiyata
dapat menambahkan
data UPT
OK
27 Edit UPT Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol edit
dan mengisi form
untuk melakukan
perubahan data pada
data UPT
Staff Adiwiyata
dapat melakukan
perubahan data UPT
OK
28 Hapus UPT Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol
hapus untuk
melakukan
penghapusan pada
data UPT
Staff Adiwiyata
dapat melakukan
penghapusan data
UPT
OK
Lihat Lokasi Sekolah Adiwiyata
![Page 209: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/209.jpg)
179
29 Menampilkan
Menu Lokasi
Sekolah
Adiwiyata
Admin, Staff
Adiwiyata,
Kasi
Perencanaan
Lingkungan,
Kabid Tata
Lingkungan
User memilih menu
lokasi sekolah
adiwiyata untuk
menampilkan
sekolah adiwiyata
dalam bentuk peta,
dan user memilih
filter yang
diinginkan
User dapat melihat
lokasi sekolah
adiwiyata
OK
Update Citra Adiwiyata
30 Update Citra
Adiwiyata
Staff
Adiwiyata
Staff Adiwiyata
memilih menu citra
Adowiyata dan
melakukan upload
foto
Staff Adiwiyata
Sekolah berhasil
melakukan upload
foto citra Adiwiyata
OK
Lihat Citra Adiwiyata
31 Menampilkan
Menu Citra
Adiwiyata
Admin, Staff
Adiwiyata,
Kasi
Perencanaan
Lingkungan,
Kabid Tata
Lingkungan,
Tenaga
Administrasi
Sekolah
User memilih menu
sekolah dan memilih
tombol citra untuk
menampilkan foto
citra Adiwiyata
User berhasil
membaca citra
Adiwiyata
OK
Kelola Informasi
36 Menampilkan
Menu
Informasi
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih menu
informasi untuk
menampilkan data
informasi
Staff Adiwiyata
dapat membaca data
informasi
OK
![Page 210: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/210.jpg)
180
37 Tambah
Informasi
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol
tambah dan mengisi
form untuk mengisi
informasi dan
disimpan kedalam
sistem
Staff Adiwiyata
dapat menambahkan
informasi
OK
38 Edit Informasi Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol edit
dan mengisi form
untuk melakukan
perubahan data pada
data informasi
Staff Adiwiyata
dapat melakukan
perubahan data
informasi
OK
39 Hapus
Informasi
Admin, Staff
Adiwiyata
Staff Adiwiyata
memilih tombol
hapus untuk
melakukan
penghapusan pada
data informasi
Staff Adiwiyata
dapat melakukan
penghapusan data
informasi
OK
Lihat Informasi
40 Menampilkan
Menu
Informasi
Admin, Staff
Adiwiyata,
Kasi
Perencanaan
Lingkungan,
Kabid Tata
Lingkungan,
Tenaga
Administrasi
Sekolah
User memilih menu
informasi lalu sistem
akan menampilkan
informasi
User berhasil
membaca informasi
OK
Logout
![Page 211: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/211.jpg)
181
41 Logout Admin, Staff
Adiwiyata,
Kasi
Perencanaan
Lingkungan,
Kabid Tata
Lingkungan,
Tenaga
Administrasi
Sekolah
Logout dengan
memilih menu
logout
User keluar dari
sistem dan kembali
pada halaman utama
OK
![Page 212: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/212.jpg)
182
![Page 213: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/213.jpg)
182
5. BAB 5
PENUTUP
5.1 Kesimpulan
Berdasarkan pembahasan yang sudah diuraikan pada bab-bab
sebelumnya, maka peneliti dapat mengambil kesimpulan dari penelitian
mengenai Pengembangan Sistem Informasi Spasial Berbasis Web pada Sekolah
Program Adiwiyata adalah sebagai berikut:
1. Tersedianya Sistem Informasi Spasial Sekolah Program Adiwiyata yang
dapat menampilkan informasi hasil dari program adiwiyata dan
koordinat sekolah program adiwiyata di wilayah Kota Tangerang dalam
bentuk peta digital.
2. Menghadirkan Aplikasi yang dapat menyimpan dokumen Adiwiyata yang
terintegrasi ke dalam database dan melakukan proses verifikasi dokumen
oleh Kasi Perencanaan Lingkungan dan kemudian dilakukan validasi
oleh Kepala Tata Lingkungan.
5.2 Saran
Berdasarkan kesimpulan dan analisis yang telah dilakukan, maka penulis
memberikan saran sebagai berikut:
1. Sistem Informasi Spasial Sekolah Program Adiwiyata dapat diterapkan
pada Adiwiyata tingkat provinsi ,Adiwiyata tingkat nasional maupun
![Page 214: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/214.jpg)
183
Adiwiyata tingkat mandiri.
2. Dalam Sistem Informasi Spasial Sekolah Program Adiwiyata
ditambahkan fitur perhitungan penilaian pada dokumen sekolah
adiwiyata untuk memudahkan proses tim adiwiyata mendapatkan hasil
penilaian .
![Page 215: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/215.jpg)
184
![Page 216: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/216.jpg)
184
DAFTAR PUSTAKA
Arief, M. R. (2011). Pemrograman Web Dinamis Menggunakan PHP dan MySQL.
Yogyakarta: ANDI.
Badan Pengendalian Lingkungan Hidup. (2016). Buku Petunjuk Praktis Program
Adiwiyata. Tangerang.
Bakosurtanal. (2005). Definisi Peta Digital. Bogor: Badan Koordinasi Survey dan
Pemetaan Nasional.
Daryanto. (2001). Evaluasi Pendidikan. Jakarta: Rineka Cipta.
Dennis, A., Wixom, B. H., & Tegarden, D. (2012). System Analysis Design UML
Version 2.0 Fourth Edition. Hoboken: John Wiley & Sons, Inc.
Ekadinata, A., Dewi, S., Hadi, D. P., Nugroho, D. K., & Johana, F. (2008). SISTEM
INFORMASI GEOGRAFIS DAN PENGINDERAAN JAUH MENGGUNAKAN
ILWIS OPEN SOURCE. Bogor: ICRAF Southeast Asia.
Gunawan, T. (2007). Fakta dan Konsep Geografi. Jakarta: Inter Plus.
Hidayatullah, P., & Kawistara, K. J. (2013). Pemrograman Web : Studi Kasus Web
Sistem Informasi Akademik. Bandung: Informatika.
Kementrian Lingkungan Hidup. (2013). Peraturan Menteri Lingkungan Hidup
Republik Indonesia Nomor 05 Tahun 2013 Tentang Pedoman Pelaksanaan
Program Adiwiyata.
Kementrian Lingkungan Hidup. (2019). Peraturan Menteri Lingkungan Hidup
Republik Indonesia Nomor 02 Tahun 2019 Tentang Pedoman Pelaksanaan
Program Adiwiyata.
![Page 217: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/217.jpg)
185
Kendall, J. E. (2010). Analisis dan Perancangan Sistem. Jakarta: Indeks.
Kendall, K. E., & Kendall, J. E. (2011). System Analysis and Design Eight Edition.
New Jersey: Pearson Prentice Hall.
Miswar, D. (2012). Kartografi Tematik. Bandar lampung: Anugerah Utama Raharja.
Mulyanto, A. (2009). Sistem Informasi Konsep & Aplikasi. Yogyakarta: Pustaka
Pelajar.
Nazir, M. (2009). Metode Penelitian. Jakarta: Ghalia Indonesia.
Oetomo, B. S. (2006). Perencanaan dan Pengembangan Sistem Informasi.
Yogyakarta.
Prahasta, E. (2009). Sistem Informasi Geografis : Konsep-Konsep Dasar (Perspektif
Geodesi dan Geomatika). Bandung: Informatika.
Pressman, R. S., & Maxim, B. R. (2015). Software Engineering: A Practitioner’s
Approach Eighth Edition. New York: McGraw-Hill.
Raharjo, B., Heryanto, I., & Rosdiana, E. (2014). Modul Pemrograman WEB (HTML,
PHP & MySQL). Bandung: Modula.
Rainer, R. K., & Cegielski, C. G. (2011). Introduction to Information Systems. (3rd
Edition). USA: John Wiley & Sons.
Saputro, D. (2010). Sistem Informasi Pemesanan Kamar Pada Hotel Wisnu
Prambanan Yogyakarta. Yogyakarta: AMIKOM Yogyakarta.
Sugiarti, Y. (2013). Analisis & Perancangan UML (Unified Modeling Language)
Generated VB.6.0. Yogyakarta: Graha Ilmu.
Whitten, J. L., & Bentley, L. D. (2007). Systems Analysis and Deisgn Methods. New
York: McGraw-Hill.
![Page 218: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/218.jpg)
186
Yulianto, A. A., Gartina, I., Astuti, R., Dewi, S., Sari, S. K., & Witanti, W. (2009).
Analisis dan Desain Sistem Informasi. Bandung: Politeknik Telkom Bandung.
![Page 219: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/219.jpg)
xxv
LAMPIRAN-LAMPIRAN
LAMPIRAN 1
HASIL WAWANCARA
Hari/Tanggal : Rabu, 18 Oktober 2017
Narasumber : Bapak Joko ( Kepala Program Adiwiyata )
Ibu Annisa ( bagian Adiwiyata )
Ibu Nurul ( Tim Penilai Adiwiyata )
Penanya : Gilang Agung Nusantara
Hasil : Mengetahui Proses bisnis yang berjalan dan mengetahui masalah
yang dihadapi Dinas Lingkungan Hidup Kota Tangerang
1. Apa itu program adiwiyata yang di gagasi dinas lingkungan
hidup kepada sekolah ?
Jawab : Program Adiwiyata pada sekolah adalah program dinas lingkungan
hidup untuk membantu meningkatkan mutu pendidikan melalui
edukasi berbasis lingkungan, mengembangkan sumber daya, siswa
guru, warga sekolah, dan mengedukasi merancang anggaran biaya
operasional sekolah menjadi lebih efektif , program adiwiyata
sendiri dilakukan dengan tahapan berjenjang dari tingkat kota,
tingkat provinsi, tingkat nasional dan tingkat mandiri.
![Page 220: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/220.jpg)
xxvi
2. Bagaimana proses adiwiyata dimulai ?
Jawab : Sekolah mengusulkan mengikuti program adiwiyata kepada kami
dengan membawa berkas persyaratan, selanjutnya setelah sekolah
yang memenuhi syarat sebagai calon sekolah adiwiyata tim kami
memberikan penjadwalan proses pembinaan dan proses penilaian,
pada pembinaan tim adiwiyata, pengawas sekolah pihak upt
pendidikan datang ke lingkungan sekolah dan melakukan
pembinaan kepada siswa, guru dan warga sekolah, pada penilaian
nanti hanya tim adiwiyata melakukan penilaian langsung dengan
melakukan pengecekan hasil dari adiwiyata berupa bukti fisik dan
bukti dokumentasi.
3. Bagaimana proses pengawasan dan penilaian adiwiyata pada sekolah yang
dilakukan oleh tim adiwiyata ?
Jawab : proses pengawasan dilakukan setelah dilakukannya pembinaan,
mengawasi pengerjaan dokumen,pengerjaan sarana prasarana
sekolah dan metode pembelajaran adiwiyata yang dilakukan pada
lingkungan sekolah, pengawasan dilakukan oleh kami tim
adiwiyata, upt pendidikan dan pengawas sekolah demi terus
berjalannya program adiwiyata pada sekolah , dan proses penilaian
adiwiyata dilakukan oleh tim adiwiyata dengan melakukan
pemeriksaan pada dokumen, pemeriksaan bukti fisik sarana
prasarana dan pemeriksaan pada pengetahuan sumber dayanya (
siswa, guru, warga sekolah ).
![Page 221: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/221.jpg)
xxvii
4. Apakah proses kegiatan adiwiyata didokumentasikan ?
Jawab : iya setiap proses selalu di dokumentasikan, seperti berkas usulan
sekolah, penjadwalan, kegiatan pembelajaran adiwiyata,
pendokumentasian sarana prasarana yang nantinya dokumen
tersebut dibagi menjadi 4 kriteria dokumen dan dimasukkan ke
dalam aplikasi macro excel.
5. Apakah ada kendala dalam proses adiwiyata tersebut ?
Jawab : kendala pada proses pengusulan karena sekolah harus datang
langsung ke dinas dan membawa bukti persyaratan, pemberian
jadwal pada sekolah karena makin banyaknya minat sekolah
mengikuti adiwiyata proses pembagian jadwal sedikit rumit karna
harus pintar mengatur jadwal agar tidak terjadi bentrok, proses
pengumpulan dokumen adiwiyata sekolah masih harus mengantar
dokumen macro adiwiyata ke dinas.
6. Apakah dengan sistem yang sudah berjalan ini sudah ada upaya perbaikan untuk
mengatasi pelayanan pada program adiwiyata ?
Jawab : Sudah, untuk mengatasi masalah-masalah tersebut kami
membentuk kordinator adiwiyata pada sekolah di setiap wilayah,
namun langkah tersebut belum terlalu membantu karena setiap
keputusan dikembalikan kepada dinas dan jika masih ada kesalahan
pada proses adiwiyata kordinator masih harus datang langsung ke
dinas.
![Page 222: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/222.jpg)
xxviii
7. Terkait dengan masalah tersebut apa yang dibutuhkan untuk meminimalisir hal
Tersebut ?
Jawab : Untuk mengatasi masalah-masalah yang ada di dinas lingkungan
hidup pada program adiwiyata, maka dibutuhkan sistem yang
terintegrasi antara dinas lingkungan hidup dan sekolah yang
mengikuti program adiwiyata, sehingga meminimalisir terjadinya
kehilangan data maupun redudansi data dan memudahkan proses
adiwiyata, dan di butuhkan sistem yang dapat mengawasi program
adiwiyata
8. harapan yang ingin dicapai dengan adanya aplikasi yang akan dibangun ini ?
Jawab : Saya berharap dengan adanya aplikasi ini dapat mempermudah
pengelolaan data dan pengelolaan dokumen adiwiyata, informasi
yang disajikan menjadi lebih akurat dan real-time sehingga proses
pembinaan, penilaian dan laporan kepada dinas menjadi lebih
mudah dan berjalan lancer.
![Page 223: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/223.jpg)
xxix
LAMPIRAN 2
TAMPILAN APLIKASI WEBSITE
1. Halaman login
2. Halaman Home
![Page 224: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/224.jpg)
xxx
3. Halaman Edit User
4. Halaman Edit Password
![Page 225: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/225.jpg)
xxxi
5. Halaman List Sekolah
6. Halaman Jadwal
![Page 226: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/226.jpg)
xxxii
7. Halaman Registrasi Sekolah
8. Halaman List Sekolah
![Page 227: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/227.jpg)
xxxiii
9. Halaman List Tingkat Adiwiyata
10. Halaman List UPT
![Page 228: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/228.jpg)
xxxiv
11. Halaman Informasi
12. Halaman Profil Sekolah
![Page 229: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/229.jpg)
xxxv
13. Halaman Upload Dokumen
14. Halaman Peta Sekolah Adiwiyata
![Page 230: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/230.jpg)
xxxvi
LAMPIRAN 3
CONTOH SOURCE CODE
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class Login extends CI_Controller {
public function index()
{
$this->load->view('login');
}
function sekolah()
{
$email = $this->input->post('npsn_sekolah');
$password = $this->input->post('password');
$login = $this->m_adiwiyata->login_sekolah($email, md5($password));
if ($login == 1)
{
$row = $this->m_adiwiyata->data_login_sekolah($email,
md5($password));
$data = array(
'logged' => TRUE,
'tipe' => 'sekolah',
'level' => '',
![Page 231: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/231.jpg)
xxxvii
'id_user' => $row['npsn_sekolah'],
'nama' => $row['nama_sekolah'],
);
$this->session->set_userdata($data);
echo"success";
}
else
{
echo"error";
}
}
function internal()
{
$email = $this->input->post('username');
$password = $this->input->post('password');
$login = $this->m_adiwiyata->login_internal($email, md5($password));
if ($login == 1)
{
$row = $this->m_adiwiyata->data_login_internal($email,
md5($password));
$data = array(
'logged' => TRUE,
![Page 232: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/232.jpg)
xxxviii
'tipe' => 'internal',
'level' => $row['level'],
'id_user' => $row['id_user'],
'nama' => $row['nama_user'],
);
$this->session->set_userdata($data);
echo"success";
}
else
{
echo"error";
}
}
function out()
{
$this->session->sess_destroy();
redirect('login');
}
}
![Page 233: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/233.jpg)
xxxix
Materai
Rp. 6000,-
Yang bertanda tangan di bawah ini,
Nama :
Nama sekolah/madrasah :
NPSN :
Alamat sekolah/madrasah:
Dengan ini menyatakan bahwa:
1. Data yang diberikan dalam dokumen ini adalah benar dan sesuai
dengan keadaan sesungguhnya.
2. Saya bertanggung jawab atas jawaban dan pernyataan yang diberikan
dalam dokumen ini.
3. Apabila Data Isian tidak sesuai dengan keadaan sesungguhnya
dengan tujuan memperoleh penilaian yang lebih baik, maka kami
bersedia tidak dilakukan penilaian dan/atau menerima sanksi lain
sesuai dengan ketentuan yang berlaku.
Demikian pernyataan ini saya buat dengan sesungguhnya dan penuh rasa
tanggung jawab.
Pernyataan ini dibuat pada tanggal , 20 Di
Kepala sekolah/madrasah,
( )
Catatan:
1. Tanda tangan harus mengenai materai.
2. Bubuhkan stempel sekolah/madrasah Saudara.
![Page 234: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/234.jpg)
xl
SURAT PERNYATAAN PEMBERLAKUAN KURIKULUM
Yang bertanda tangan di bawah ini:
Nama :
NIP :
Jabatan :
Nama Lembaga :
NSS/NSM :
NPSN :
Alamat :
Dengan ini menyatakan bahwa pada Tahun Pelajaran 2017/2018 Kurikulum yang digunakan di SD NEGERI adalah sebagai berikut:
No. Kelas/Tingkat Kurikulum Keterangan
1 1 Kurikulum 2013 -
2 2 Kurikulum 2013 -
3 3 Kurikulum 2013 -
4 4 Kurikulum 2013 -
5 5 Kurikulum 2013 -
6 6 Kurikulum 2013 -
Demikian surat pernyataan ini kami sampaikan, atas perhatiannya kami sampaikan terima kasih.
Di Kepala Sekolah
( )
Materai
Rp. 6000,-
![Page 235: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/235.jpg)
xli
![Page 236: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/236.jpg)
xlii
![Page 237: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/237.jpg)
xliii
![Page 238: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/238.jpg)
xliv
![Page 239: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/239.jpg)
xlv
![Page 240: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/240.jpg)
xlvi
![Page 241: repository.uinjkt.ac.idrepository.uinjkt.ac.id/dspace/bitstream/123456789/48120/1/GILANG AGUNG... · SKRIPSI PENGEMBANGAN SISTEM INFORMASI SPASIAL BERBASIS WEB PADA SEKOLAH PROGRAM](https://reader030.fdocument.pub/reader030/viewer/2022011812/5e25660340f0ba5f2a13a4c9/html5/thumbnails/241.jpg)
xlvii