Lampiran 1 Karakteristik Pengguna SIG Denah Asrama Putri TPB

Transkripsi

1 LAMPIRAN 13

2 Lampiran 1 Karakteristik Pengguna SIG Denah Asrama Putri TPB Pengguna Hak Akses Tingkat Keterampilan Pengguna Umum Melihat tampilan Dapat utama SIG Denah menggunakan Asrama Putri komputer Melihat menumenu Terbiasa yang menggunakan disediakan SIG aplikasi internet Denah Asrama Putri kecuali menu Melihat denah SIG Denah Asrama Putri, menampilkan denah Gedung, kamar, fasilitas Asrama Putri Dapat menggunakan menu navigasi p halaman tampilan peta Dapat mengisi menu kritik dan saran Administrator Semua hak akses yang dimiliki aggota Mengelola basis data MySQL Administrator dapat menambah, menghapus, ataupun mengubah data berita sesuai dengan yang dibutuhkan Dapat menggunakan komputer Terbiasa menggunakan aplikasi internet Mampu menggunakan ArcView Tanggung Jawab Untuk tidak terlalu dibebankan dengan tanggung jawab Mengelola basis data MySQL Mengelola data vektor p ArcView Keterangan Siapa saja yang mengakses sistem ini Administrator dari sistem ini 14

3 Lampiran 2 Use Case Pengguna Umum Print denah Melakukan Zoom-in p denah Melakukan Zoom-out p denah Mengisi kritik dan saran Mengidentif ikasi lokasi Berita Kegiatan Asrama PPAMB Melihat Inf ormasi tentang Asrama TPB IPB Melihat denah Asrama Pengguna Umum Pencarian penghuni File Denah (sistem) BPA Pencarian no kamar SR Pencarian Fasilitas Melihat sebaran mahasiswa berdasarkan asal daerah Lampiran 3 Use Case Administrator Print Denah Melakukan Zoom-in p denah Melakukan Zoom-out p denah Berita Kegiatan Asrama Login Mengisi kritik dan saran Mengidentif ikasi lokasi p denah PPAMB Melihat Inf ormasi tentang Asrama TPB IPB Melihat denah Asrama Pengguna Umum Pencarian penghuni File Denah (sistem) BPA Pencarian no kamar SR Mengelola Berita Asrama Pencarian Fasilitas Mengubah Menambah Menghapus Melihat sebaran mahasiswa berdasarkan asal daerah 15

4 Lampiran 4 Entity Relational Diagram SIG Denah Asrama Putri TPB Asrama Putri TPB IPB Memiliki Fasilitas Umum 1 Terdiri dari N Gedung 1 Memiliki N Lantai 1 N 1 N Berisi Kamar dihuni Penghuni Lampiran 5 Diagram Keterhubungan Antartabel SIG Denah Asrama Putri TPB Asrama Putri TPB IPB PK Id_astri 1 1 N Fasilitas Umum PK Id_fasilitasUmum Fasilitas N Fasilitas Lantai PK Id_fasilitasLantai Lorong Lantai Fasilitas N N No kamar PK Id_noKamar Penghuni Gedung Kamar Lorong Lantai Penghuni 1 N PK Id_Penghuni Gedung Kamar Lorong Lantai Penghuni 16

5 Lampiran 6 Model Fisik Basisdata p ArcView Tabel Penghuni Lantai 1 dan 2 Field Tipe Keterangan ID Int (5) ID penghuni lantai Gedung String (100) Nama gedung Kamar Stirng (5) Nomor kamar Lorong String (5) Nomor lorong Lantai String (5) Nomor lantai Penghuni String (100) Nama Penghuni kamar Tabel Fasilitas Umum Field Tipe Keterangan ID Int (5) ID fasilitas Fasilitas String (100) Fasilitas yang ber di lingkungan asrama Tabel Fasilitas Lantai 1 dan 2 Field Tipe Keterangan ID Int (5) ID fasilitas lantai Lorong String (5) Nomor lorong Lantai String (5) Nomor lantai Fasilitas String (100) Nama fasilitas lantai Tabel No kamar lantai 1 dan 2 Field Tipe Keterangan ID Int (5) ID No kamar lantai Gedung String (100) Nama gedung Kamar Stirng (5) Nomor kamar Lorong String (5) Nomor lorong Lantai String (5) Nomor lantai Penghuni_1 String (100) Nama Penghuni kamar ke-1 Penghuni_2 String (100) Nama Penghuni kamar ke-2 Penghuni_3 String (100) Nama Penghuni kamar ke-3 Penghuni_4 String (100) Nama Penghuni kamar ke-4 Tabel Jalan Field Tipe Keterangan ID Int (5) ID jalan Jalan String (100) Nama jalan Tabel nama Field Tipe Keterangan ID Int (5) ID nama atribut Nama String (100) Nama gedung 17

6 Lampiran 7 Model Fisik Basisdata p MySQL Tabel tbl_news Field Tipe Keterangan id_news Int (11) Primary key judul Varchar(50) isi_berita Text Tanggal Varchar(20) Waktu Varchar(15) Waktu_pelaksanaan Varchar(50) photo Varchar(20) Tabel pesan Field Tipe Keterangan id_ks Int (5) Primary key pengirim varchar (30) isi Text judul Varchar(50) waktu varchar (30) Tabel tbl_admin Field Tipe Keterangan id_admin Int (11) Primary key username varchar (30) password varchar (30) Lampiran 8 Header sistem Lampiran 9 Halaman Berita 18

7 Lampiran 10 Halaman Tentang Sistem Lampiran 11 Halaman Tentang PPAMB Lampiran 12 Halaman BPA 19

8 Lampiran 13 Halaman Senior Residence Lampiran 14 Halaman Pesan dan Kesan 20

9 Lampiran 15 Tampilan Denah Asrama Menu Aktivasi Layer Lampiran 16 Icon SIG Asrama 21

10 Lampiran 17 Kamus Data Diagram Context Nama arus data Info Info denah Key word denah Alias Bentuk data Tampilan di layar Tampilan layar Arus data Penjelasan Periode Struktur data SIG Asrama SIG Asrama dokumen Pengguna Tampilan layar tentang informasi dari sistem untuk Tampilan layar tentang denah asrama dari sistem untuk Masukan dari untuk melakukan pencarian memilih menu informasi memilih menu denah melakukan pencarian Informasi tentang berita, sistem, PPAMB, BPA, SR, dan pesan & kesan Informasi denah Key word no kamar, penghuni, fasilitas. Lampran 18 DFD Level 1 Key word info denah Pengguna Info denah 1. Mengelola SIG Asrama Data denah dt_denah Info 2. Mengelola Info Info dt_info Info update Administrator 22

11 Lampiran 19 Kamus Data DFD Level 1 Nama arus data Info Info denah Key word denah Data denah Nama arus data Info Info update Alias Alias Bentuk data Tampilan di layar Tampilan layar Arus data Penjelasan Periode Struktur data Proses 2. Mengelola info Dari sistem ke Proses 1. Mengelola SIG Asrama. dari sistem ke Dokumen Pengguna Filed Proses 1. Mengelola SIG Asrama. Dari dt_denah ke Bentuk data Tampilan layar tentang informasi Tampilan layar tentang denah asrama Masukan dari untuk melakukan pencarian p denah Merupakan data yang mengalir untuk menampilkan denah asrama memilih menu informasi memilih menu denah melakukan pencarian memilih menu denah atau melakukan pencarian Informasi tentang berita, sistem, PPAMB, BPA, SR, dan pesan & kesan Informasi denah Key word no kamar, penghuni, fasilitas. Layer kamar, layer penghuni, layer fasilitas lantai, layer fasilitas, Arus data Penjelasan Periode Struktur data Field Proses 2. Mengelola info. Dari dt_info ke Dokumen Proses 2. Mengelola info. Dari ke Merupakan aliran data yang memberikan informasi Merupakan info update yang dilakukan oleh memilih menu informasi melakukan update info Informasi tentang berita, sistem, PPAMB, BPA, SR, dan pesan & kesan data berita dan data pesan 23

12 Lampiran 20 Data Flow Diagram Level 2 Info berita dt_berita Info berita 2.1 Mengelola berita Info berita update Info berita update Administrator Pengguna Data pesan Info pesan 2.2 Mengisi Pesan 2.3 Mengelola Pesan Info pesan update Data pesan Info pesan dt_pesan Lampiran 21 Kamus Data DFD Level 2 Info pesan update Nama arus data Info berita update Info berita Info pesan update Info pesan Data pesan Alias Bentuk data Dokumen Tampilan layar Arus data Penjelasan Periode Struktur data Proses 2.1 Dari ke penyimpanan dt_berita Proses 2.1 dari dt_berita ke Dokumen Proses 2.3 Dari ke penyimpanan dt_pesan Tampilan layar dokumen Proses 2.2 dari penyimpanan dt_pesan ke Proses 2.2 dari ke penyimpanan data pesan Merupakan pengelolaan dokumen berita yang dilakukan oleh Merupakan tampilan layar tentang berita Merupakan pengelolaan dokumen pesan yang dilakukan oleh Merupakan tampilan layar tentang pesan Merupakan data hasil dari pengisian tentang pesan&kesan melakukan update data berota memilih menu berita melakukan update data pesan saat memilih menu pesan&kesan mengisi formulir pesan&kesan Id_news, judul, isi_berita, photo, tanggal Id_news, judul, isi_berita, photo, tanggal Id_ks, pengirim. Isi, judul, waktu Id_ks, pengirim. Isi, judul, waktu Id_ks, pengirim. Isi, judul, 24

13 Lampiran 22 DFD Level 3 Info berita baru Menambah data berita baru Info berita baru Administrator Perbaikan info berita Mengubah berita Perbaikan info berita dt_berita Info berita menghapus Info berita Lampiran 23 Kamus Data DFD Level 3 Nama arus data Info berita baru Perbaikan info berita Info berita Alias Bentuk data Dokumen Arus data Penjelasan Periode Struktur data Proses dari ke penyimpanan dt_berita Dokumen Proses dari ke penyimpanan data Dokumen Proses dari dt_berita ke Memasukkan dokumen berita baru yang dilakukan oleh Memasukkan perbaikan dokumen berita yang dilakukan oleh Merupakan tampilan layar tentang berita melakukan input data berita melakukan perbaikan data berita memilih menu berita Id_news, judul, isi_berita, photo, tanggal Id_news, judul, isi_berita, photo, tanggal Id_news, judul, isi_berita, photo, tanggal Lampiran 24 Menu Pengguna Umum 25

14 Lampiran 25 Menu Pengguna Administrator Lampiran 26 Menu Navigasi Domain Tema Lampiran 27 Domain Gedung A2 Domain Gedung A2 26

15 Lampiran 28 Tema Sebaran Asal Penghuni berdasarkan daerah Lampiran 29 Halaman Login 27

16 Lampiran 30 Halaman Input Berita Baru Lampiran 31 Halaman Update Berita Pilih Edit Gambar Pilih edit isi berita Pilih Hapus 28

17 Lampiran 32 Halaman Hapus Pesan Pilih Hapus menghapus pesan Lampiran 33 Pengujian Sistem Menggunakan Metode Black-blox No Kelas Uji Deskripsi Uji Kondisi Awal Skenario Uji Hasil yang Diharapkan 1 Menu utama Menampilkan Halaman utama Pilih icon SIG tampilan halaman denah asrama denah asrama asrama Melakukan identifikasi p denah Memperbesar denah Memperkecil denah Menggeser denah Menampilkan denah gedung A1 p domain Menampilkan denah gedung A2 p domain Menampilkan denah gedung A3 p domain Menampilkan denah gedung Lantai 1 p tema Jendela tampilan peta Jendela tampilan peta Jendela tampilan peta Jendela tampilan peta Jendela tampilan peta Jendela tampilan peta Jendela tampilan peta Jendela tampilan peta Pilih navigasi identify Pilih navigasi zoom-in Pilih navigasi zoom-out Pilih navigasi pan Pilih domain Gedung A1 Pilih domain Gedung A2 Pilih domain Gedung A3 Pilih tema Gedung Lantai 1 Tampilan denah asrama Hasil identifikasi koordinat yang ditunjuk Tampilan denah diperbesar Tampilan denah diperkecil Tampilan menggeser sesuai yang diinginkan Tampilan Gedung A1 Tampilan Gedung A2 Tampilan Gedung A3 Tampilan Gedung Astri Lantai 1 Hasil Uji 29

18 No Kelas Uji Deskripsi Uji Kondisi Awal Skenario Uji Hasil yang Diharapkan Menampilkan Jendela tampilan Pilih tema denah gedung peta Gedung Lantai Lantai 2 p 2 tema Menampilkan denah gedung Lantai 3 p tema Menampilkan sebaran asal daerah p tema Melakukan pencarian nama penghuni kamar, no kamar, fasilitas Mencetak gambar peta 2 Menu Berita Menampilkan menu Berita 3 Menu Tentang Menampilkan Sistem menu Tentang Sistem 4 Menu PPAMB Menampilkan menu PPAMB 5 Menu BPA Menampilkan menu BPA 6 Menu SR Menampilkan 7 Menu Pesan dan Kesan menu SR Menampilkan menu Pesan dan Kesan Menambah data pesan dan kesan 8 Login Menguji keotentikan username dan password 9 Menu Input Berita Menampilkan menu Input Berita Menambah data Jendela tampilan peta Jendela tampilan peta Jendela tampilan peta Jendela tampilan peta Halaman menu utama Halaman menu utama Halaman menu utama Halaman menu utama Halaman menu utama Halaman menu utama Halaman Pesan dan Kesan Form pengisian username dan password Halaman menu utama Halaman menu Input Berita Pilih tema Gedung Lantai 3 Pilih tema Sebaran asal daerah Memasukkan query Memilih icon print Pilih menu Berita Pilih menu Tentang Sistem Pilih menu PPAMB Pilih menu BPA Pilih menu SR Pilih menu Pesan dan Kesan Memasukkan data pesan dan kesan Pengguna memasukkan username dan password Pilih menu Input Berita Memasukkan data berita asrama Tampilan Gedung Astri Lantai 2 Tampilan Gedung Astri Lantai 3 Tampilan sebaran asal daerah Tampilan peta dan hasil query Navigasi p pilihan print p halaman Tampilan halaman Berita Tampilan halaman Tentang Sistem Tampilan halaman PPAMB Tampilan halaman BPA Tampilan halaman SR Tampilan halaman Pesan dan Kesan Data dapat masuk ke dalam basis data asrama dan tampil p halaman pesan dan kesan Pengguna dapat masuk ke halaman utama Tampilan halaman Input Berita Data dapat masuk ke dalam basis data asrama dan tampil p halaman berita p atau p halaman update berita p halaman khusus Hasil Uji 30

19 No Kelas Uji Deskripsi Uji Kondisi Awal Skenario Uji Hasil yang Diharapkan 10 Menu Update Menampilkan Halaman menu Pilih menu Tampilan halaman Berita menu Update Update Update Berita 11 Menu Hapus Pesan Berita Memilih Edit isi berita Memperbaiki isi berita Memilih Hapus isi berita Memilih menu hapus pesan 12 Menu Logout Memilih menu logout Halaman menu Update Berita Halaman form edit berita yang dipilh Halaman menu Update Berita Halaman menu Hapus pesan Halaman menu Berita Pilih fungsi Edit Isi Berita Edit isi berita p form yang telah disajikan Pilih fungsi Hapus Pilih icon atau tulisan Hapus Pilih menu logout Tampilan halaman form edit berita Data meng-update isi berita dalam basis data asrama dan merubah isi berita yang dipilih p halaman berita atau Data berita terhapus p basis bata Data pesan dan kesan terhapus p basis bata Administrator telah keluar dari halaman Hasil Uji 31

20 Lampiran 34 Pedoman Instalasi, Pemakaian dan Perawatan Sistem 1 Instalasi P CD instalasi terdapat beberapa direktori, yang digunakan untuk instalasi sistem p komputer. Berikut tahapan instalasi Sistem Informasi Geografi Denah Asrama Putri TPB IPB: Buka CD instalasi, kemudian buka folder Software Pendukung. Install software pendukung secara berurutan JDK (versi jdk-6u3-windows-i586-p.exe), phptriad (versi, phptriad2-2-1). Salin/copy folder G \Software\Source Code\alov-work dari CD instalasi ke direktori C:\apache\htdocs p komputer Aktifkan Apache server dan MySQL dengan cara meng-klik Start Apache dan MySQL- D-NT p windows Start->All Programs->PHPTriad Untuk membuat database, jalankan phpmyadmin dengan mengetikkan alamat p web browser, kemudian buat database baru p text field yang ber di bawah teks create new database dengan nama alov lalu klik create. Kemudian browse file alov.sql p folder G \Software\Source Code\database\alov.sql p CD instalasi. Tahap instalasi selesai. Untuk memulai menggunakan sistem, ketik p web browser, dengan localhost sebagai server 2 Panduan Pemakaian a. Halaman awal Sistem, p halaman ini ditampilkan denah asrama yang dapat dilihat p Gambar 1. Menu Aktivasi Layer Gambar 1 Halaman Tampilan Denah Asrama Putri TPB IPB P halaman denah asrama disediakan berbagai menu yang digunakan untuk memanipulasi tampilan peta. Menu-menu tersebut yaitu: Menu aktivasi layer dan legenda peta yang berfungsi menampilkan peta sesuai dengan layer yang dipilih. Menu Navigasi Denah Asrama Menu navigasi tampilan denah dapat dilihat p Gambar 2, serta fungsi navigasi dapat dilihat p Tabel 2. P menu navigasi tampilan denah terdapat empat domain, yaitu suatu batasan kepemilikan luasan dari data yang akan ditampilkan. Empat domain tersebut lah 32

21 Asrama Putri, Gedung A1, Gedung A2, dan Gedung A3. Selain itu, p menu navigasi terdapat empat tema, yaitu Asrama Putri TPB IPB, Gedung Lantai 1, Gedung Lantai 2, dan Sebaran Asal Penghuni. Suatu tema yang ditampilkan dibentuk dari pengelompokan layer-layer sehingga tampilan denah lebih informatif. Domain Gambar 2 Navigasi Tampilan Denah Tema Toolbar Tabel 2 Fungsi Navigasi Denah Asrama Penjelasan Melakukan identifikasi denah tertentu Memperbesar denah Memperkecil denah Menggeser tampilan denah ke koordinat tertentu Pencarian terhp data atribut peta P bagian pencarian, ketika query dimasukkan, maka akan menghasilkan sesuai dengan query yang dimasukkan, hasilnya dapat dilihat p Gambar 3. Untuk melihat lebih jelas p peta hasil dari pencarian dapat meng-klik button On Map p Attribut data yang dihasilkan setelah melalukukan Klik On Map Gambar 3 Hasil Query b. Halaman Berita SIG Denah Asrama Putri TPB IPB P halaman ini informasi yang disajikan berupa berita tentang asrama, seperti kegiatankegitan yang akan dikan di asrama, atau berita kegitan PPAMB yang sudah dilaksanakan. Halaman ini dapat diakses oleh setiap yang dapat dilihat p Gambar 4. Gambar 4 Halaman Berita Klik detail atau judul berita atau foto untuk melihat informasi berita lebih lengkap 33

22 c. Halaman Tentang sistem P halaman ini informasi yang disajikan berupa penjelasan singkat mengenai sistem. Halaman ini dapat diakses oleh setiap, dapat dilihat p Gambar 5. Gambar 5 Halaman Tentang Sistem d. Halaman PPAMB P halaman ini informasi yang disajikan berupa penjelasan mengenai PPAMB (Program Pembinaan Akademik dan Multi Budaya). Informasi ini diharapkan khususnya mahasiswa baru mengetahui kegiatan-kegitan yang di Asrama. Halaman PPAMB dapat dilihat p Gambar 6. Gambar 6 Halaman PPAMB 34

23 e. Halaman BPA P halaman ini informasi yang disajikan berupa struktur organisasi Bn Pengelola Asrama. Halaman ini dapat dilihat p Gambar 7. Gambar 7 Halaman BPA f. Halaman SR P halaman ini informasi yang disajikan mengenai SR(Senior Residence). Halaman ini dapat dilihat p Gambar 8. Gambar 8 Halaman SR 35

24 g. Halaman Pesan dan Kesan P halaman ini berupa informasi pesan dan kesan yang diberikan untuk sistem ini, atau tentang Asrama. P halaman ini juga tersedia form untuk mengisi pesan dan kesan yag dapat dilihat p Gambar 9. Gambar 9 Pesan dan Kesan h. Halaman Login Untuk masuk ke halaman, klik tulisan admin yang ber p footer p setiap halaman. Seperti terlihat p Gambar 10. Klik Admin Gambar 10 Footer Setelah meng-klik Admin maka akan masuk halaman Login.Halaman Login dapat dilihat p Gambar 11. Pengguna harus memiliki username dan password yang benar untuk memasuki halaman Administrator. Gambar 11 Halaman Login 36

25 i. Halaman Awal Administrator Apabila username dan password yang dimasukkan benar maka akan masuk ke halaman seperti yang terlihat p Gambar 11. P halaman ini dapat memilih menu-menu yang disajikan. j. Halaman Input Berita Baru Gambar 11 Halaman Administrator P halaman ini Administrator dapat menambah berita baru, yang akan ditampilkan p halaman berita. Administrator dapat meng-upload foto yang akan ditampilkan dengan cara mencari foto apa yang akan ditampilkan. Perlu diperhatikan, untuk nama file foto tidak boleh memililiki spasi, karena jika nama file fotonya memiliki spasi, foto tidak akan dimunculkan p halaman berita. Halaman ini dapat dilihat p Gambar 12. Gambar 12 Halaman Input Berita Baru 37

26 k. Halaman Update Berita P halaman ini, dapat mengubah dan menghapus isi berita, serta mengubah gambar/foto yang akan ditampilkan. dengan. Halaman ini dapat dilihat p Gambar 13. Pilih Edit Gambar Pilih edit isi berita Pilih Hapus menghapus berita Gambar 13 Halaman Update Berita l. Halaman Hapus Pesan P halaman ini, dapat menghapus isi pesan dan kesan yang diisi oleh. Halaman ini dapat dilihat p Gambar 14. Pilih Hapus menghapus pesan Gambar Halaman Hapus Pesan 38

27 3 Perawatan Sistem P tahapan perawatan Sistem Informasi Geografi Denah Asrama TPB IPB, terdapat dua kategori yaitu perawatan database untuk denah dan perawatan p database untuk data berita dan pesan dan kesan. a. Perawatan p database untuk denah asrama. Perawatan p denah, perlu dilakukan minimal satu bulan sekali, atau p saat perubahan penghuni asrama. Cara melakukan perawatan data penghuni asrama yaitu dengan menggunakan software ArcView, atau bagi yang belum terlalu mahir menggunakan Arcview, dapat menggunakan Microsoft Office Exel Perawatan database dengan menggunakan Microsoft Office Exel 2003 hanya sebatas update p isi data atribut saja. Misalkan, jika kita ingin mengubah nama-nama penghuni kamar, maka dengan mudah dapat membuka file.dbf (misalnya, Penghuni Lantai 1.dbf) p folder C:\apache\htdocs\alov-work\denah_asrama dengan menggunakan Microsoft Office Exel 2003 kemudian mengubah isi data atributnya, setelah itu simpan kembali file tersebut dengan format file yang sama, maka penghuni kamar telah ter-update. b. Perawatan p database untuk data berita dan pesan dan kesan Perawatan p data berita atau pesan dan kesan dapat dilakukan sesai dengan yang telah dijelaskan p panduan an p halaman. 39