password ubah dan masukkan data yang baru hapus dan pilih informasi yang akan dihapus logout Klik menu Beranda Klik menu pendidikan Klik menu

(1)

22

LAMPIRAN

(2)

23 Lampiran 1 Deskripsi kebutuhan fungsional sistem.

Level Kode

Fungsional Nama Proses Masukan Keluaran Deskripsi

Admin istrator

SIGDIDU-1.1

Melakukan login Isi username dan password

Halaman konten SIGDIDU

Sistem menampilkan navigasi bar dan link untuk aplikasi SIG

SIGDIDU-1.2

Edit Data Klik tombol ubah dan masukkan data yang baru

Tampilan data yang telah di-update

Sistem melakukan update data pada web.

SIGDIDU-1.3

Hapus data Klik tombol hapus dan pilih informasi yang akan dihapus Tampilan data yang telah dihapus Sistem melakukan penghapusan data pada web. SIGDIDU-1.4

Logout Klik menu

logout Tampilan Halaman Utama Sistem menampilkan halaman utama. Admin istrator & Pengg una Umum SIGDIDU-2 Menampilkan Halaman awal Sistem Klik menu Beranda Halaman beranda SIGDIDU Sistem menampilkan form login, arti lambang kota Bogor, deskripsi SIGDIDU, visi dan misi Kota Bogor SIGDIDU-2.1 Menampilkan infomasi Dinas Pendidikan Kota Bogor Klik menu pendidikan Tampilan halaman konten Dinas Pendidikan, Pemuda dan Olahraga Kota Bogor Sistem menampilkan halaman profil Dinas Pendidikan, Pemuda dan Olahraga secara lengkap SIGDIDU-2.2 Menampilkan infomasi Dinas Kependudukan Kota Bogor Klik menu kependudukan Tampilan halaman konten Dinas Kependudukan dan Pencatatan Sipil Kota Bogor

Sistem menampilkan halaman profil Dinas Kependudukan dan Pencatatan Sipil secara lengkap SIGDIDU-2.3 Menulis buku tamu

Klik menu Buku Tamu, isi form isian buku tamu yang tersedia

Tampilan form isian buku tamu

Sistem menampilkan form isian buku tamu

SIGDIDU-2.4

Melihat isi buku tamu

Klik menu Buku Tamu, lihat pada bagian Komentar dan Pesan

Tampilan isi buku tamu yang sudah masuk ke dalam database sistem

Sistem menampilkan isi buku tamu yang ada di dalam database sistem SIGDIDU-2.5 Melihat informasi letak geografis Kota Bogor

Klik menu letak geografis pada footer bar Tampilan halaman konten letak geografis Kota Bogor Sistem menampilkan halaman letak geografis Kota Bogor secara lengkap

SIGDIDU-2.6

Melihat isi menu kontak kami

Klik menu Kontak Kami pada footer bar

Tampilan halaman Kontak Kami Sistem menampilkan halaman Kontak Kami

(3)

24 Lampiran 1 lanjutan

Level Kode

Admin istrator & Pengg una Umum SIGDIDU-3 Menampilkan kolom pilihan peta SIGDIDU

Klik navigasi bar Tampilan side-column pilihan peta SIGDIDU

Sistem menyediakan pilihan peta SIG pendidikan dan SIG kependudukan SIGDIDU-3.1 Menampilkan halaman peta pendidikan

Klik gambar peta SIG pendidikan Tampilan halaman peta pendidikan Sistem menampilkan halaman peta pendidikan beserta fungsi-fungsi SIGDIDU-3.2 Menampilkan halaman peta kependudukan

Klik gambar peta SIG kependudukan Tampilan halaman peta kependudukan Sistem menampilkan halaman peta kependudukan beserta fungsi-fungsi SIGDIDU-3.3 Pemilihan layer peta Klik tanda checkbox layer peta Tampilan peta berdasarkan layer yang dipilih Sistem menampilkan peta sesuai dengan layer yang dipilih SIGDIDU-3.4 Zoom to full extent Klik tombol Zoom to full extent Kembali ke tampilan peta pada saat awal membuka halaman antarmuka peta

Sistem menampilkan kembali keadaan peta secara keseluruhan dengan koordinat yang sebenarnya

SIGDIDU-3.5

Back Klik Tombol

Back Kembali ke tampilan peta satu operasi zoom sebelumnya Sistem menampilkan kembali keadaan satu operasi zoom sebelumnya (bila ada)

SIGDIDU-3.6

Forward Klik Tombol

Forward Kembali ke tampilan peta satu operasi zoom setelahnya Sistem menampilkan kembali keadaan satu operasi zoom setelahnya (bila ada).

SIGDIDU-3.7

Zoom In Klik Tombol

Zoom In lalu pilih area yang akan diperbesar

Tampilan peta dengan perbandingan skala yang lebih kecil

Sistem menampilkan peta dengan

perbandingan skala yang lebih kecil

SIGDIDU-3.8

Zoom Out Klik Tombol Zoom In lalu pilih area yang akan diperkecil

Tampilan peta dengan perbandingan skala yang lebih besar

Sistem menampilkan peta dengan

perbandingan skala yang lebih besar

SIGDIDU-3.9

Pan Map Klik Tombol Pan lalu pilih lokasi pada peta yang akan digeser Tampilan peta sesuai dengan pergeseran posisi tampilan yang diinginkan Sistem menampilkan peta sesuai dengan pergeseran posisi tampilan yang diinginkan

SIGDIDU-3.10

Identify Feature Klik Tombol Identity Feature dan klik lokasi pada peta yang akan diidentifikasi Tampilan informasi berupa tabel dengan atribut objek yang dipilih. Sistem menampilkan informasi dengan keluaran berupa tabel atribut objek terkait

(4)

Level Kode

Admin istrator & Pengg una Umum SIGDIDU-3.11

Tool Tip Feature Klik Tombol Tool Tip dan tentukan lokasi peta yang akan diidentifikasi tanpa melakukan klik pada objek yang diinginkan Tampilan informasi berupa tabel dengan atribut objek terkait Sistem menampilkan informasi dengan keluaran berupa tabel atribut objek terkait.

SIGDIDU-3.12

Refresh Map Klik tombol Refresh Map

Tampilan peta dengan layer yang diaktifkan

Sistem menampilkan peta yang telah di-refresh Admin istrator & Pengg una Umum SIGDIDU-4 Menampilkan grafik

Klik link grafik pada tabel informasi di halaman peta Tampilan grafik data pendidikan dan kependudukan Sistem menampilkan grafik pendidikan dan kependudukan sesuai dengan layer yang dipilih.

(5)

26 Lampiran 2 DFD level 1 SIGDIDU.

Informasi Profil Kota Bogor Informasi buku tamu Perintah navigasi peta

Data Pendidikan Data Kependudukan

Perintah navigasi peta

Tampilan / Informasi Peta SIGDIDU 1 Menampilkan peta 2 Cetak Peta 3 Menampilkan Informasi DBMS PostgreSQL DBMS PostgreSQL Administrator Pengguna Biasa Tampilan peta pendidikan

Tampilan peta kependudukan

Informasi Profil Kota Bogor Informasi Buku tamu

4 Menampilkan

grafik Perintah navigasi grafik

Gambar peta

Data Profil Kota Bogor Peta diperbaharui

Tampilan grafik pendidikan Tampilan grafik kependudukan

Data Pendidikan Data Kependudukan

Tampilan grafik pendidikan Tampilan grafik kependudukan Tampilan peta pendidikan Tampilan peta kependudukan

Perintah navigasi grafik Perintah navigasi peta

Kamus data SIGDIDU

No. Rincian Kamus Data Keterangan

1 Nama Perintah navigasi peta

Penggunaan Kebutuhan pengguna akan tampilan peta(input) Salah satu perintah navigasi peta (output)

2 Nama Tampilan peta pendidikan

Penggunaan Perintah pemilihan layer peta (input) Pewarnaan pada gambar peta (output)

Deskripsi Tampilan peta pendidikan = [informasi jumlah bangunan sekolah | nilai rata-rata UAS/UAN | pendanaan sekolah | fasilitas

pendidikan] Keterangan :

Jumlah bangunan sekolah = jumlah bangunan sekolah [SD | MI | SMP | MTs | SMA | MA | SMK]

Nilai rata-rata UAS/UAN = [nilai rata-rata UAS | nilai rata-rata UAN]

Pendanaan sekolah = dana dari pemerintah pusat + pemerintah daerah + yayasan+orang tua+ sumber dana lain

Fasilitas pendidikan = ruang kelas+ uks+lapangan olahraga+perpustakaan+ruang keterampilan+ruang badan pengawas+bengkel+ruang praktik+laboratorium

(6)

3 Nama Tampilan peta kependudukan

Penggunaan Perintah pemilihan layer peta (input) Pewarnaan pada gambar peta (output)

Deskripsi Tampilan peta kependudukan = [jumlah penduduk | riwayat kesehatan | pekerjaan]

Keterangan:

Jumlah penduduk = [jumlah penduduk laki-laki | jumlah penduduk perempuan]

Tipe data JPEG, PNG

4 Nama Informasi buku tamu

Penggunaan Pengisian form buku tamu yang terdiri atas nama, email, dan pesan (input)

Komentar pengguna (output)

Deskripsi Informasi buku tamu = nama + email + pesan

Tipe data alphanumeric

5 Nama Informasi profil Kota Bogor

Penggunaan Pengisian form buku tamu yang terdiri atas nama, email, dan pesan (input)

Komentar pengguna (output)

Deskripsi Informasi profil Kota Bogor = [visi misi | profil Dinas Pendidikan | Profil Dinas Kependudukan | Letak Geografis Kota Bogor | Lambang Kota Bogor]

Tipe data alphanumeric

6 Nama Perintah navigasi grafik

Penggunaan Kebutuhan pengguna (input)

Perintah pemilihan field grafik pada tabel informasi (output) Deskripsi Perintah navigasi grafik = *perintah untuk menampilkan grafik

pada tabel informasi*

7 Nama Tampilan grafik pendidikan

Penggunaan Perintah navigasi grafik (input)

Grafik untuk informasi yang dipilih pengguna (output) Deskripsi Tampilan grafik pendidikan = [informasi jumlah bangunan

sekolah | nilai rata-rata UAS/UAN | pendanaan sekolah | fasilitas pendidikan]

Keterangan :

Jumlah bangunan sekolah = *jumlah bangunan sekolah [SD + MI | SMP + MTs | SMA + MA + SMK]*

Nilai rata-rata UAS/UAN = [nilai rata-rata UAS | nilai rata-rata UAN]

Pendanaan sekolah = dana dari pemerintah pusat + pemerintah daerah + yayasan+orang tua+ sumber dana lain

Fasilitas pendidikan = ruang kelas+ uks+lapangan olahraga+perpustakaan+ruang keterampilan+ruang badan pengawas+bengkel+ruang praktik+laboratorium

(7)

8 Nama Tampilan grafik kependudukan

Penggunaan Perintah navigasi grafik (input)

Grafik untuk informasi yang dipilih pengguna (output) Deskripsi Tampilan grafik kependudukan = [jumlah penduduk | riwayat

kesehatan | pekerjaan] Keterangan:

Jumlah penduduk = [jumlah penduduk laki-laki + jumlah penduduk perempuan]

Riwayat kesehatan = [sehat + tuna rungu + tuna wicara + tuna netra]

Pekerjaan = [Belum bekerja | Petani + Nelayan + Pedagang | PNS + Pensiunan | TNI AD + TNI AL + TNI AU + POLRI +

Tipe data SWF

9 Nama DBMS PostgreSQL (Data Storage)

Penggunaan Perintah navigasi peta/ perintah navigasi grafik/ informasi buku tamu/ kebutuhan informasi profil kota Bogor (input)

Data pendidikan, data kependudukan, data profil Kota Bogor, (output)

Deskripsi DBMS PostgreSQL = data tekstual Kota Bogor + data anggota + data pendidikan + data kependudukan + data spasial administrasi Kota Bogor

(8)

29 Lampiran 3 Entity relationship diagram

MA PENDUDUK SD KELURAHAN POLYGON G T KECAMATAN POLYGON G T Containment MI SMA SMP MTs SMK PEKERJAAN has has AGAMA

(9)

30 Lampiran 4 Tabel-tabel pada database SIGDIDU

No Nama tabel Kegunaan

1 kecamatan Memberikan informasi mengenai wilayah kecamatan 2 kelurahan Memberikan informasi mengenai wilayah kelurahan

3 namakec Memberikan informasi mengenai nama-nama kecamatan di Kota Bogor 4 namakel Memberikan informasi mengenai nama-nama kelurahan di Kota Bogor 5 t_sd Memberikan informasi mengenai data pendidikan sekolah dasar 6 t_mi Memberikan informasi mengenai data pendidikan madrasah ibtidaiyah 7 t_smp Memberikan informasi mengenai data pendidikan sekolah menengah

pertama

8 t_mts Memberikan informasi mengenai data pendidikan madrasah tsanawiyah 9 t_sma Memberikan informasi mengenai data pendidikan sekolah menengah atas 10 t_ma Memberikan informasi mengenai data pendidikan madrasah aliyah 11 t_smk Memberikan informasi mengenai data pendidikan sekolah menengah

kejuruan

12 t_penduduk Memberikan informasi mengenai data kependudukan masyarakat Kota Bogor, yaitu jumlah penduduk, riwayat kesehatan,

13 t_agama Memberikan informasi mengenai jumlah penganut masing-masing agama yang diakui secara resmi oleh pemerintah daerah Kota Bogor

14 t_pekerjaan Memberikan informasi mengenai jenis pekerjaan penduduk Kota Bogor 15 spatial_ref_sys Referensi spasial dari kolom geometri

(10)

31 Lampiran 5 Perancangan physical database SIGDIDU

Tabel Kecamatan

No. Field Tipe Keterangan

1. gid int4 (32) Id spasial kecamatan 2. kecamatan varchar (50) Nama kecamatan

3. count int8 (64) Jumlah kelurahan dalam kecamatan 4. luas(m2) float8 (53) Luas area kecamatan

5. keliling(m) float8 (53) Keliling kecamatan

6. the_geom geometry Berisi informasi spasial multipolygon layer kecamatan Tabel Kelurahan

1. gid int4 (32) Id spasial kelurahan 2. kelurahan varchar (50) Nama kelurahan 3. kecamatan varchar (50) Nama kecamatan 4. luas(m2) float8 (53) Luas area kelurahan 5. keliling(m) float8 (53) Keliling kelurahan

6. the_geom geometry Berisi informasi spasial multipolygon layer kelurahan Tabel spatial_ref_sys

1. srid int4 (32) Id Sistem Referensi Spasial 2. auth_name varchar (256) Bernilai “EPSG”

3. auth_srid int4 (32) Id Sistem Referensi Spasial dari auth_name

4. srtext varchar

(2048)

Representasi WKT (Well Known Text) dari Sistem Referensi Spasial

5. proj4text varchar (2048)

Berisi definisi koordinat Proj4

Tabel t_sd

1. gid int4(32) Id spasial

2. kecamatan varchar(50) Nama kecamatan

3. jum_sd int2(16) Jumlah bangunan sekolah dasar 4. jum_siswa int2(16) Jumlah siswa sekolah dasar 5. lulusan int2(16) Jumlah siswa lulus sekolah dasar 6. mengulang int2(16) Jumlah siswa mengulang sekolah dasar 7. putus_sekolah int2(16) Jumlah siswa putus sekolah dasar 8. total_dana int8(64) Total dana yang diterima sekolah dasar

9. pem_pusat int8(64) Besar dana yang diterima dari pemerintah pusat 10. yayasan int8(64) Besar dana yang diterima dari yayasan

11. ortu int8(64) Besar dana yang diterima dari orang tua siswa 12. pemda int8(64) Besar dana yang diterima dari pemerintah daerah 13. dana_lain int8(64) Besar dana yang diterima dari sumber dana lain 14. rk int2(16) Jumlah ruang kelas yang dimiliki sekolah 15. perpus int2(16) Jumlah perpustakaan yang dimiliki sekolah 16. lap_or int2(16) Jumlah lapangan olahraga yang dimiliki sekolah 17. uks int2(16) Jumlah unit kesehatan sekolah yang dimiliki sekolah 18. avg_uas float4(24) Nilai rata-rata UAS sekolah dasar

19. jumguru_ijazah int2(16) Jumlah guru berdasarkan latar belakang program studi 20. tahun_ajaran varchar(20) Tahun ajaran data sekolah dasar

21. padat float8(53) Jumlah sekolah dibandingkan dengan jumlah siswa 22. the_geom geometry Berisi informasi spasial multipolygon

(11)

Tabel t_mi

3. jum_mi int2(16) Jumlah bangunan sekolah madrasah ibtidaiyah 4. jum_siswa int2(16) Jumlah siswa sekolah madrasah ibtidaiyah 5. lulusan int2(16) Jumlah siswa lulus madrasah ibtidaiyah 6. mengulang int2(16) Jumlah siswa mengulang

7. putus_sekolah int2(16) Jumlah siswa putus sekolah

8. total_dana int8(64) Total dana yang diterima madrasah ibtidaiyah 9. pem_pusat int8(64) Besar dana yang diterima dari pemerintah pusat 10. yayasan int8(64) Besar dana yang diterima dari yayasan

11. ortu int8(64) Besar dana yang diterima dari orang tua siswa 12. pemda int8(64) Besar dana yang diterima dari pemerintah daerah 13. dana_lain int8(64) Besar dana yang diterima dari sumber dana lain 14. rk int2(16) Jumlah ruang kelas yang dimiliki sekolah 15. perpus int2(16) Jumlah perpustakaan yang dimiliki sekolah 16. lap_or int2(16) Jumlah lapangan olahraga yang dimiliki sekolah 17. uks int2(16) Jumlah unit kesehatan sekolah yang dimiliki sekolah 18. avg_uas float4(24) Nilai rata-rata UAS madrasah ibtidaiyah

19. jumguru_ijazah int2(16) Jumlah guru berdasarkanlatar belakang program studi 20. tahun_ajaran varchar(20) Tahun ajaran data madrasah ibtidaiyah

Tabel t_smp

3. jum_smp int2(16) Jumlah bangunan sekolah menengah pertama 4. jum_siswa int2(16) Jumlah siswa sekolah menengah pertama 5. lulusan int2(16) Jumlah siswa lulus sekolah menengah pertama 6. mengulang int2(16) Jumlah siswa mengulang

8. total_dana int8(64) Total dana yang diterima sekolah menengah pertama 9. pem_pusat int8(64) Besar dana yang diterima dari pemerintah pusat 10. yayasan int8(64) Besar dana yang diterima dari yayasan

11. ortu int8(64) Besar dana yang diterima dari orang tua siswa 12. pemda int8(64) Besar dana yang diterima dari pemerintah daerah 13. dana_lain int8(64) Besar dana yang diterima dari sumber dana lain 14. rk int2(16) Jumlah ruang kelas yang dimiliki sekolah 15. perpus int2(16) Jumlah perpustakaan yang dimiliki sekolah 16. lap_or int2(16) Jumlah lapangan olahraga yang dimiliki sekolah 17. uks int2(16) Jumlah unit kesehatan sekolah yang dimiliki sekolah 18. ruang_lain int2(16) Jumlah ruang lain yang dimiliki sekolah

19. lab int2(16) Jumlah laboratorium yang dimiliki sekolah 18. avg_uan float4(24) Nilai rata-rata UAS sekolah menengah pertama 20. jumguru_ijazah int2(16) Jumlah guru berdasarkan latar belakang program studi 21 jumguru_studi int2(16) Jumlah guru berdasarkan program studi yang diajarkan 22. tahun_ajaran varchar(20) Tahun ajaran data sekolah menengah pertama

(12)

Tabel t_mts

3. jum_mts int2(16) Jumlah bangunan sekolah madrasah tsanawiyah 4. jum_siswa int2(16) Jumlah siswa madrasah tsanawiyah

5. lulusan int2(16) Jumlah siswa lulus madrasah tsanawiyah 6. mengulang int2(16) Jumlah siswa mengulang

8. total_dana int8(64) Total dana yang diterima madrasah tsanawiyah 9. pem_pusat int8(64) Besar dana yang diterima dari pemerintah pusat 10. yayasan int8(64) Besar dana yang diterima dari yayasan

19. lab int2(16) Jumlah laboratorium yang dimiliki sekolah 18. avg_uan float4(24) Nilai rata-rata UAS madrasah tsanawiyah

20. jumguru_ijazah int2(16) Jumlah guru berdasarkan latar belakang program studi 21. tahun_ajaran varchar(20) Tahun ajaran data madrasah tsanawiyah

Tabel t_sma

3. jum_sma int2(16) Jumlah bangunan sekolah menengah atas 4. jum_siswa int2(16) Jumlah siswa sekolah menengah atas 5. lulusan int2(16) Jumlah siswa lulus sekolah menengah atas 6. mengulang int2(16) Jumlah siswa mengulang

8. total_dana int8(64) Total dana yang diterima sekolah menengah atas 9. pem_pusat int8(64) Besar dana yang diterima dari pemerintah pusat 10. yayasan int8(64) Besar dana yang diterima dari yayasan

19. lab int2(16) Jumlah laboratorium yang dimiliki sekolah 20. bp int2(16) Jumlah ruang badan pengawas sekolah 21. keterampilan int2(16) Jumlah ruang keterampilan

22. serbaguna int2(16) Jumlah ruang serbaguna

(13)

Tabel t_sma lanjutan

24. jumguru_ijazah int2(16) Jumlah guru berdasarkan latar belakang program studi 25. jumguru_studi int2(16) Jumlah guru berdasarkan program studi yang diajarkan 26. tahun_ajaran varchar(20) Tahun ajaran data sekolah menengah atas

Tabel t_ma

3. jum_ma int2(16) Jumlah bangunan madrasah aliyah 4. jum_siswa int2(16) Jumlah siswa madrasah aliyah 5. lulusan int2(16) Jumlah siswa lulus madrasah aliyah 6. mengulang int2(16) Jumlah siswa mengulang

22. serbaguna int2(16) Jumlah ruang serbaguna

23. avg_uan float4(24) Nilai rata-rata UAN madrasah aliyah

24. jumguru_ijazah int2(16) Jumlah guru berdasarkan latar belakang program studi 25. tahun_ajaran varchar(20) Tahun ajaran data madrasah aliyah

Tabel t_smk

3. jum_sma int2(16) Jumlah bangunan sekolah menengah kejuruan 4. jum_siswa int2(16) Jumlah siswa sekolah menengah atas

5. lulusan int2(16) Jumlah siswa lulus sekolah menengah atas 6. mengulang int2(16) Jumlah siswa mengulang

11. ortu int8(64) Besar dana yang diterima dari orang tua siswa 12. pemda int8(64) Besar dana yang diterima dari pemerintah daerah

(14)

Tabel t_smk lanjutan

13. dana_lain int8(64) Besar dana yang diterima dari sumber dana lain 14. rk int2(16) Jumlah ruang kelas yang dimiliki sekolah 15. perpus int2(16) Jumlah perpustakaan yang dimiliki sekolah 16. lap_or int2(16) Jumlah lapangan olahraga yang dimiliki sekolah 17. uks int2(16) Jumlah unit kesehatan sekolah yang dimiliki sekolah 18. ruang_lain int2(16) Jumlah ruang lain yang dimiliki sekolah

22. serbaguna int2(16) Jumlah ruang serbaguna 23. bengkel int2(16) Jumlah bengkel 24. ruang_praktik int2(16) Jumlah ruang lain

25. avg_uan float4(24) Nilai rata-rata UAN sekolah menengah atas

26. jumguru_ijazah int2(16) Jumlah guru berdasarkan latar belakang program studi 27. jumguru_studi int2(16) Jumlah guru berdasarkan program studi yang diajarkan 28. tahun_ajaran varchar(20) Tahun ajaran data sekolah menengah atas

Tabel t_penduduk

2. kecamatan varchar(50) Nama kecamatan 3. kelurahan varchar(30) Nama kelurahan

4. jum_laki int4(32) Jumlah penduduk laki-laki 5. jum_per int4(32) Jumlah penduduk perempuan 6. jum_penduduk int4(32) Jumlah penduduk

7. sehat int4(32) Jumlah penduduk sehat

8. tuna_wicara int2(16) Jumlah penduduk menderita tuna wicara 9. tuna_rungu int2(16) Jumlah penduduk menderita tuna rungu 10. tuna_netra int2(16) Jumlah penduduk menderita tuna netra 11. the_geom geometry Berisi informasi spasial multipolygon

Tabel t_agama

4. islam int2(16) Jumlah penduduk pemeluk Islam

5. kristen int2(16) Jumlah penduduk pemeluk Kristen protestan 6. katholik int2(16) Jumlah penduduk pemeluk Katholik 7. hindu int2(16) Jumlah penduduk pemeluk Hindu 8. buddha int2(16) Jumlah penduduk pemeluk Buddha 9. the_geom geometry Berisi informasi spasial multipolygon

(15)

Tabel t_pekerjaan

4. belum_kerja int2(16) Jumlah penduduk yang belum bekerja 5. petani int2(16) Jumlah penduduk bermatapencaharian petani 6. nelayan int2(16) Jumlah penduduk bermatapencaharian nelayan 7. pedagang int2(16) Jumlah penduduk bermatapencaharian pedagang 8. pns int2(16) Jumlah penduduk bermatapencaharian PNS 9. tni_ad int2(16) Jumlah penduduk bermatapencaharian TNI AD 10. tni_al int2(16) Jumlah penduduk bermatapencaharian TNI AL 11. tni_au int2(16) Jumlah penduduk bermatapencaharian TNI AU 12. polri int2(16) Jumlah penduduk bermatapencaharian POLRI 13. purnawirawan int2(16) Jumlah penduduk Purnawirawan

14. pensiunan int2(16) Jumlah penduduk Pensiunan

15. kar_swasta int2(16) Jumlah penduduk bermatapencaharian karyawan swasta 16. wiraswasta int2(16) Jumlah penduduk bermatapencaharian wiraswasta 17. buruh int2(16) Jumlah penduduk bermatapencaharian buruh 18. pembantu int2(16) Jumlah penduduk bermatapencaharian pembantu 19. pelajar int2(16) Jumlah pelajar

20. mahasiswa int2(16) Jumlah mahasiswa 21. ibu_rt int2(16) Jumlah ibu rumah tangga

22. dokter int2(16) Jumlah penduduk bermatapencaharian dokter 23. medis int2(16) Jumlah penduduk bermatapencaharian tenaga medis 24. pejabat int2(16) Jumlah pejabat tinggi negara

25 seniman int2(16) Jumlah penduduk bermatapencaharian seniman 26. the_geom geometry Berisi informasi spasial multipolygon

Tabel geometry_columns

1. oid

2. f_tabel_catalog varchar (30) Bernilai „ ” „

3. f_tabel_schema varchar (30) Hak akses tabel (publik)

4. f_tabel_name varchar (30) Nama tabel yang memiliki atribut spasial 5. f_geometry_column varchar (30) Nama kolom yang berisi informasi spasial (kolom

the_geom)

6. coord_dimension int Dimensi informasi spasial (bernilai “2”)

7. srid int Bernilai “-1”

(16)

37 Lampiran 6 Diagram hierarki antarmuka halaman awal

Halaman Awal Sistem

Beranda Kependudukan

Pendidikan

Letak Geografis

Deskripsi Isi Buku Tamu

Lihat Komentar Visi Misi

Buku Tamu Kontak kami

(17)

38 Lampiran 7 Diagram hierarki antarmuka halaman peta

Halaman Peta

Home

Back

Forward

Zoom

Pan

Identify

Select

Tool Tip

Refresh Map

Download

(18)

39 Lampiran 8 Halaman peta

Keterangan :

Representasi kelas dengan pewarnaan peta

Simbol Warna Keterangan

Merah Pewarnaan untuk kategori kelas rendah, data dengan nilai sepertiga terendah

Kuning Pewarnaan untuk kategori kelas sedang

Hijau Pewarnaan untuk kategori kelas tinggi, data dengan nilai sepertiga teratas

Peta referensi Tabel Informasi Pilih Layer Navigasi Skala Grafik

(19)

Tools pada bagian navigasi

Gambar Nama Fungsi

Zoom to full extend Untuk melihat seluruh peta sesuai extent-nya Back Untuk melihat peta pada keadaan sebelumnya

Forward Untuk melihat peta pada keadaan setelahnya Zoom in Untuk memperbesar tampilan peta

Zoom out Untuk memperkecil tampilan peta Pan Untuk menggeser peta

Identify Untuk melihat informasi atribut seluruh objek yang aktif

Select Untuk melihat informasi atribut tertentu

Tool tip Menampilkan atribut objek yang diidentifikasi dengan meng-hover peta

Refresh map Untuk memperbarui tampilan peta

Print Untuk mencetak peta

(20)

41 Lampiran 9 Struktur mapfile SIGDIDU

LAYER

NAME "t_islam" #nama layer

CONNECTIONTYPE POSTGIS #koneksi dengan PostGIS

CONNECTION "user=postgres password=1234 dbname=SIGDIDU host=localhost port=5432"

DATA "the_geom FROM t_agama USING UNIQUE gid" #tabel yang digunakan

TYPE polygon #tipe data spasial

SIZEUNITS PIXELS TOLERANCE 0

TOLERANCEUNITS PIXELS

METADATA #field yang ditampilkan pada tabel informasi

"DESCRIPTION" "Islam"

"RESULT_FIELDS" "gid, kecamatan, kelurahan, islam"

"RESULT_HEADERS" "Statistik, Kecamatan, Kelurahan, Muslim (jiwa)" "RESULT_HYPERLINK" "gid||Chart"

END #METADATA

CLASS

NAME "Rendah <=12000" #nama kelas

EXPRESSION ([islam] <= 12000) #penentuan range nilai kelas STYLE

COLOR 255 0 0 #pengaturan tampilan peta

OUTLINECOLOR 0 0 0 END TEMPLATE void END CLASS NAME "Sedang 12000-24000"

EXPRESSION ([islam] >= 12001 AND [islam] <= 24000) STYLE COLOR 255 255 0 OUTLINECOLOR 0 0 0 END TEMPLATE void END CLASS NAME "Tinggi 24000-36000" EXPRESSION ([islam] > 24000) STYLE COLOR 0 255 0 OUTLINECOLOR 0 0 0 END TEMPLATE void END END #LAYER

(21)

42 Lampiran 10 Hasil pengujian

No Kelas Uji Deskripsi Uji Kondisi Awal Skenario Uji Hasil yang

Diharapkan Hasil Uji

1 Menu Login Administrator Menguji validitas menu login Administrator Form login pada halaman awal administrator mengisi username atau password yang salah, lalu klik tombol login Muncul pesan “username dan password salah” Sukses Menguji validitas menu login administrator Form login pada halaman awal administrator tidak mengisi username atau password lalu klik tombol login Muncul pesan “username dan password salah” Sukses Menguji validitas menu login administrator Form login pada halaman awal administrator mengisi username atau password yang sesuai, lalu klik tombol login Masuk ke Halaman administrator Sukses 2 Menu utama sistem Menampilkan Profil Dinas Pendidikan Halaman Beranda Klik menu pendidikan Tampilan Halaman Dinas Pendidikan Sukses Menampilkan Profil Dinas Kependudukan Halaman Pendidikan Klik menu kependu-dukan Tampilan Halaman Dinas Kependudukan Sukses Menampilkan halaman Buku Tamu Halaman Kependudukan Klik menu Buku tamu Tampilan halaman Buku Tamu Sukses Mengisi komentar pada buku tamu dan melihat isi buku tamu

Halaman Kependudukan

isi form Buku Tamu dan klik tombol submit Muncul Pesan yang ditulis pada bagian Komentar dan Pesan Sukses Menampilkan Letak geografis Bogor Halaman Beranda Klik menu letak geografis Tampilan Halaman letak geografis Sukses Menampilkan isi menu kontak kami Halaman Beranda Klik menu Kontak kami Tampilan Halaman kontak kami Sukses Menampilkan Halaman Peta pendidikan Halaman Beranda Klik gambar SIG Pendidikan pada side-column Muncul halaman baru yang berisi halaman peta pendidikan Sukses Menampilkan Halaman Peta kependudukan Halaman Beranda Klik gambar SIG kependu-dukan pada side-column Muncul halaman baru yang berisi halaman peta kependudukan Sukses

(22)

3. Menu Halaman Peta

Memilih layer peta

Halaman peta Memberi checklist pada layer yang ingin diaktifkan

Tampilan layer peta yang aktif

Sukses

Melakukan proses zoom to full extent

Halaman peta Klik tombol zoom to full extent pada navigasi peta Peta ditampilkan sesuai extent-nya Melakukan proses undo pada peta

Halaman Peta Klik Tombol Back Kembali ke tampilan peta sebelum operasi terakhir Sukses Melakukan proses redo pada peta

Halaman Peta Klik tombol Forward Kembali ke tampilan peta setelah posisi terakhir Sukses Melakukan zoom in

Halaman Peta Klik Tombol Zoom In lalu pilih area yang akan dilakukan perbesaran Tampilan peta dengan perbandingan skala yang lebih kecil

Sukses

Melakukan zoom out

Halaman Peta Klik Tombol Zoom Out lalu pilih area yang akan dilakukan pengecilan Tampilan peta dengan perbandingan skala yang lebih besar

Sukses

Melakukan proses Pan Map

Halaman peta Klik Tombol Pan lalu pilih lokasi pada peta yang akan digeser Tampilan peta sesuai dengan pergeseran posisi tampilan yang diinginkan Sukses Melakukan Identifikasi layer

Halaman Peta Klik Tombol Identity dan klik lokasi pada peta yang akan diidentifikasi Tampilan informasi berupa tabel dengan atribut terkait Sukses Melakukan identifikasi otomatis pada peta

Halaman Peta Klik Tombol Tool Tip dan lakukan hover lokasi pada peta yang akan diidentifikasi Tampilan informasi atribut objek terkait Sukses Melakukan proses Refresh Map

Halaman Peta Klik tombol Refresh Map pada navigasi

Tampilan peta yang diperbarui

(23)

4. Menu Grafik Menampilkan grafik Tabel atribut peta Klik link grafik pada tabel informasi Muncul grafik sesuai dengan layer Sukses 5 Menu Administrator Melakukan kontrol Anggota Halaman Administrator Klik link “Anggota” pada menu administrasi Tampilan kontrol menu untuk mengubah dan menghapus anggota SIGDIDU Sukses Melakukan kontrol Buku Tamu Halaman Administrator Klik link “Buku Tamu” pada menu administrasi Tampilan kontrol menu untuk mengubah dan menghapus isi komentar pengguna Sukses Keluar dari halaman khusus Administrator Halaman Administrator Klik link “Keluar” pada menu Administrasi Tampilan kembali ke halaman awal administrator Sukses