LAMPIRAN
11
Lampiran 1 Karakteristik Pengguna SIR-IPB Pengguna Hak Akses Pengguna Umum
• Melihat Tampilan utama SIR-IPB. • Melihat menu-menu yang disediakan SIR-IPB kecuali menu Administrator. • Melihat menu Informasi SIR-IPB, berupa informasi dari seluruh ruangan yang ada. • Melihat Denah SIRIPB, yang menampilkan denah ruangan kampus IPB darmaga, denah fasilitas, dan jalan. • Dapat melakukan proses zoom-in, zoom-out, recenter pada denah. • Dapat menggunakan tools info untuk melihat informasi dari setiap denah yang dipilih. • Dapat mengisikan kritik dan saran pada menu yang disediakan.
Administrator
• Semua hak akses yang dimilki oleh pengguna umum. • Melakukan proses modifikasi terhadap data yang akan dimasukkan. • Mengelola basis data MySQL • Mengelola basis data di ArcView • Mengelola data spasial di ArcView. • Mengelola map. file sistem
Tingkat Keterampilan • Dapat menggunakan komputer. • Familier dengan aplikasi internet.
• Mampu menggunakan komputer • Familier dengan aplikasi internet. • Mampu menggunakan ArcView • Mampu menggunakan Map Server.
Tanggung Jawab Untuk pengguna umum tidak terlalu dibebankan tanggung jawab.
• Maintenance sistem. • Melakukan modifikasi data yang ada.
Keterangan Pengguna biasa (siapa saja) yang mengakses sistem ini.
Administrator dari sistem.
12
Lampiran 2 Diagram ER SIR-IPB
13
Lampiran 3 Diagram Keterhubungan Antar tabel SIR-IPB ipb PK
1
Fasilitas
N
id_kampus
PK
id_fas
FK1
nama_fas id_kampus
kampus
1
N Departemen
Fakultas PK
id_fak
FK1
nama_fak singkatan id_kampus
1
N
PK
id_dept
FK1
nama_dept id_fak
1
ruang PK
id_ruang
FK1
kd_ruang nama_ruang wing level id_dept
N
14
Lampiran 4 Model Fisik Basisdata Pada ArcView Tabel R_level1 Field Id_ruang Kd_ruang Nama_ruang Wing Level Departemen Fakultas
Tipe Varchar (10) Varchar (10) Varchar (30) Varchar (5) Int (5) Varchar (30) Varchar (25)
Id ruangan Kode ruangan Nama ruangan Wing di mana ruangan tersebut berada Lantai tempat ruangan berada Departemen yang mengelola Fakultas yang mengelola
Tabel R_level2 Field Id_ruang Kd_ruang Nama_ruang Wing Level Departemen Fakultas
Tipe Varchar (10) Varchar (10) Varchar (30) Varchar (5) Int (5) Varchar (30) Varchar (25)
Keterangan Id ruangan Kode ruangan Nama ruangan Wing di mana ruangan tersebut berada Lantai tempat ruangan berada Departemen yang mengelola Fakultas yang mengelola
Tabel R_level3 Field Id_ruang Kd_ruang Nama_ruang Wing Level Departemen Fakultas
Tipe Varchar (10) Varchar (10) Varchar (30) Varchar (5) Int (5) Varchar (30) Varchar (25)
Keterangan Id ruangan Kode ruangan Nama ruangan Wing di mana ruangan tersebut berada Lantai tempat ruangan berada Departemen yang mengelola Fakultas yang mengelola
Tabel R_level4 Field Id_ruang Kd_ruang Nama_ruang Wing Level Departemen Fakultas
Tipe Varchar (10) Varchar (10) Varchar (30) Varchar (5) Int (5) Varchar (30) Varchar (25)
Keterangan
Keterangan
Id ruangan Kode ruangan Nama ruangan Wing di mana ruangan tersebut berada Lantai tempat ruangan berada Departemen yang mengelola Fakultas yang mengelola
15
Lampiran 4 lanjutan Tabel R_level5 Field Id_ruang Kd_ruang Nama_ruang Wing Level Departemen Fakultas
Tipe Varchar (10) Varchar (10) Varchar (30) Varchar (5) Int (5) Varchar (30) Varchar (25)
Keterangan Id ruangan Kode ruangan Nama ruangan Wing di mana ruangan tersebut berada Lantai tempat ruangan berada Departemen yang mengelola Fakultas yang mengelola
Tabel R_level6 Field Id_ruang Kd_ruang Nama_ruang Wing Level Departemen Fakultas
Tipe Varchar (10) Varchar (10) Varchar (30) Varchar (5) Int (5) Varchar (30) Varchar (25)
Keterangan Id ruangan Kode ruangan Nama ruangan Wing di mana ruangan tersebut berada Lantai tempat ruangan berada Departemen yang mengelola Fakultas yang mengelola
Tabel Fasilitas Field Kd_fas Nama_fas
Tipe Varchar (5) Varchar (30)
Keterangan Id bangunan Keterangan bangunan
Tipe Varchar (5) Varchar (20)
Id jalan Nama jalan
Tipe Varchar (5) Varchar (30)
Keterangan Id wing Nama Fakultas
Tabel Jalan Field Kd_jalan Nama
Keterangan
Tabel wing Field Kd_wing Fakultas
16
Lampiran 5 Model Fisik Basisdata Pada MySQL Tabel Departemen Field Id_dept nama_ dept id_fak
Tipe Varchar (5) Varchar (40) Varchar (5)
Keterangan Kode Departemen Nama Departemen Id Fakultas
Tabel Fakultas Field id_fak nama_fak singkatan
Tipe Varchar (3) Varchar (30) Varchar (20)
Keterangan Id Fakultas Nama Fakultas Singkatan fakultas
Tabel Fasilitas Field kd_fas nama
Tipe Varchar (5) Varchar (50)
Keterangan Id fasilitas Nama fasilitas
Field
Tipe Varchar (6) Varchar (20)
Keterangan Id kampus Nama kampus
Field Id_ruang Kd_ruang Nama_ruang Wing Level
Tipe Varchar (15) Varchar (15) Varchar (40) Varchar (4) Varchar (4)
Keterangan Id_ruangan kode ruangan Nama ruangan Wing ruangan Level ruang
Tipe Varchar (20) Varchar (20) Varchar (20)
Keterangan
Tabel ipb Id_kampus kampus Tabel Ruang
Tabel Admin Field User_ID Password Update User
User ID Password Update user
17
Lampiran 6 Hasil Pengujian Kesesuaian Hardware dan Software 1. Hasil survei hardware
Procesor Athlon AMD 2600+ Memori DDR 256 MB VGA GF 4 MX 4000 128MB Harddisk 80 GB Monitor dengan resolusi 1152x864 pixel
2. Hasil survei software • • • • • •
Windows XP Professional sebagai sistem operasi ArcView 3.3 sebagai perangkat lunak pembuat data spasial. MapServer for Windows (MS4W) sebagai aplikasi untuk impelementasi peta berbasis web pada Windows. PHP 5 sebagai bahasa pemrograman web. MySQL 5 sebagai DBMS (Database Management System). Macromedia Dreamweaver 8 sebagai editor PHP dan HTML.
Hasil Uji Hardware dan Software N O
SOFTWARE
1
Windows XP Profesisional
2
3
ArcView 3.3
MapServer
Kebutuhan Minimal Software
1.Processor 800 Mhz 2.Memori 256 Mb 3. VGA 64MB 64 bit 4.Harddisk 1,2 GB 5. Monitor 800x 600, 16 bit display 1.Processor 800 Mhz 2.Memori 128 Mb 3.VGA 64MB 64 bit 4.Harddisk 200 Mb free space 5.Monitor 800x600, 16 bit display 1.Processor 800 MHz 2.Memori 256 Mb 3. VGA 64MB 64 bit 4.Harddisk 600 Mb free space 5. Monitor 800x600, 16 bit
Hasil Survei Hardware
Hasil
Processor Athlon AMD 2600++
Memori DDR 256 MB
VGA GF 4MX 4000 128MB
4Gb available Harddisk space
Monitor Resolusi 1152x864 pixel
√
-
-
-
-
1
-
√
-
-
-
1
-
-
√
-
-
1
-
-
-
√
-
1
-
-
-
-
√
1
√
-
-
-
-
1
-
√
-
-
-
1
-
-
√
-
-
1
-
-
-
√
-
1
-
-
-
-
√
√
-
-
-
-
1
-
√
-
-
-
1
-
-
√ -
√
-
1 1
-
-
-
-
√
1
Sesuai
1
Tidak sesuai
18 Lampiran 6 lanjutan
N O
5
6
SOFTWARE
My SQL 5
Macromedia Dreamweaver 8
Ket: 1. Sesuai 0. Tidak Sesuai
Kebutuhan Minimal Software
1.Processor 800 Mhz 2.Memori 64 Mb 3. VGA 64MB 64 bit 4.Harddisk 200 Mb free space 5. Monitor 800x 600, 16 bit display 1.Processor 800 Mhz 2.Memori 256 Mb 3. VGA 128MB 128 bit 4.Harddisk 300 Mb free space 5. Monitor 1024 x768, 16 bit display
Hasil Survei Hardware
Hasil
Processor Athlon AMD 2600++
Memori DDR 256 MB
VGA GF 4MX 4000 128 Mb
4Gb available Harddisk space
Monitor Resolusi 1152x864
Sesuai
√
-
-
-
-
1
-
√
-
-
√
-
1
-
-
-
-
-
√
-
1
-
-
-
-
√
1
√
-
-
-
-
1
-
√
-
-
-
1
-
-
√
-
-
1
-
-
-
√
-
1
-
-
-
-
√
1
1
Tidak sesuai
19
Lampiran 7 Halaman Awal SIR-IPB
Lampiran 8 Logo Pada Setiap Halaman SIR-IPB
Lampiran 9 Halaman Depan SIR-IPB
20
Lampiran 10 Halaman Informasi SIR-IPB
Lampiran 11 Halaman Denah SIR-IPB
21
Lampiran 12 Halaman Administrator SIR-IPB
22
Lampiran 13 Context Diagram SIR-IPB
Lampiran 14 Data Flow Diagram Level 1
23
Lampiran 15 Data Flow Diagram Level 2 Proses 1
Lampiran 16 Data Flow Diagram Level 2 Proses 2
24
Lampiran 17 Data Flow Diagram Level 2 Proses 3
Lampiran 18 Data Flow Diagram Level 2 Proses 4
25
Lampiran 19 Manual Penggunaan SIR-IPB
MANUAL PENGUNAAN SISTEM INFORMASI GEOGRAFIS RUANGAN KAMPUS IPB DARMAGA (SIR-IPB)
Oleh : Riski Hamdani Nasution G64102029
DEPARTEMEN ILMU KOMPUTER FAKULTAS MATEMATIKA DAN ILMU PENGETAHUAN ALAM INSTITUT PERTANIAN BOGOR
26
2007 DAFTAR ISI Halaman DAFTAR TABEL ................................................................................................................................ ii DAFTAR GAMBAR............................................................................................................................ ii BAB 1. SPESIFIKASI SIR-IPB .......................................................................................................... 1 1.1 Deskripsi Umum Sistem............................................................................................................. ...1 1.2 Deskripsi Fungsional.................................................................................................................. ...1 1.3 Deskripsi Perangkat Keras ......................................................................................................... ...1 1.4 Deskripsi File ............................................................................................................................. ...1 1.5 Deskripsi Direktori ..................................................................................................................... ...1 BAB 2. INSTALASI DAN PANDUAN PEMAKAIAN..................................................................... 3 2.1 Instalasi....................................................................................................................................... ...3 2.2 Panduan Pemakaian.................................................................................................................... ...3 2.2.1 Halaman Awal SIR-IPB ..................................................................................................... ...3 2.2.2 Halaman Depan SIR-IPB ................................................................................................... ...4 2.2.3 Halaman Tentang SIR-IPB................................................................................................. ...4 2.2.4 Halaman Informasi SIR-IPB .............................................................................................. ...5 2.2.5 Halaman Pencarian............................................................................................................. ...5 2.2.6 Halaman Denah SIR-IPB ................................................................................................... ...5 2.2.7 Halaman Kritik dan Saran .................................................................................................. ...8 2.2.8 Halaman Administrator SIR-IPB ....................................................................................... ...9 2.2.9 Halaman Log in Administartor........................................................................................... ..10 2.2.10 Halaman Menu Administrator.......................................................................................... ..10 2.2.11 Halaman Input Fakultas.................................................................................................... ..11
27
DAFTAR TABEL Halaman 1 Tools Denah ........................................................................................................................................ 6 2 Layer Yang Terdapat Pada Halamn Denah......................................................................................... 7 3 Menu Navigasi .................................................................................................................................... 8
DAFTAR GAMBAR Halaman 1 Struktur File ....................................................................................................................................... 2 Halaman Awal SIR-IPB...................................................................................................................... 3 Halaman Depan SIR-IPB .................................................................................................................... 4 Halaman Tentang SIR-IPB ................................................................................................................. 5 Halaman Informasi SIR-IPB ............................................................................................................... 6 Halaman Menu Pencarian ................................................................................................................... 7 Halaman Denah................................................................................................................................... 8 Halaman Menu Manipulasi Denah...................................................................................................... 9 Macam-macam Perubahan Denah....................................................................................................... 10 Informasi Hasil Query....................................................................................................................... 11 Layer yang disediakan SIR-IPB........................................................................................................ 12 Menu Shorcut.................................................................................................................................... 13 Menu Navigasi ke Halaman .............................................................................................................. 14 Halaman Kritik dan Saran ................................................................................................................ 15 Tampilan Kritik dan Saran Pengguna .............................................................................................. 16 Form Kritik dan Saran Pengguna...................................................................................................... 17 Menu Navigasi Untuk Administrator................................................................................................ 18 Tampilan Login Administrator.......................................................................................................... 19 Tampilan Peringatan Menu Login..................................................................................................... 20 Halaman Menu Administrator........................................................................................................... 21 Tambah Fakultas ............................................................................................................................... 22 Daftar Data Fakultas ......................................................................................................................... 23 Menu Aksi......................................................................................................................................... 24 Ubah Data Fakultas........................................................................................................................... 25 Hapus Data Fakultas ......................................................................................................................... 26 Tampilan Menu Edit Ruang .............................................................................................................. 27 Daftar Departemen ............................................................................................................................ 28 Daftar Ruang..................................................................................................................................... 29 Daftar Fasilitas ..................................................................................................................................
1 3 4 4 5 5 6 6 7 7 7 8 8 8 9 9 9 10 10 10 11 11 12 12 12 13 13 14 14
28
BAB I SPESIFIKASI SIR-IPB 1.1 Deskripsi Umum Sistem Informasi Geografis Ruangan Kampus IPB Darmaga (SIR-IPB) merupakan perangkat lunak yang digunakan sebagai media penyampaian informasi geografis ruangan di kampus IPB Darmaga Bogor. Sistem ini dibangun berbasis web agar dapat diakses dari berbagai lokasi yang memiliki akses internet tanpa harus menginstal perangkat lunak tambahan sehingga penyampaian informasi akan lebih efisien dan efektif. Pada sistem ini dapat diketahui atribut ruang dari lokasinya dan dapat dilakukan pencarian lokasi ruang berdasarkan atributnya. Sistem ini juga memiliki sistem keamanan karena tidak semua informasi bisa diketahui oleh pengguna umum. 1.2 Deskripsi Fungsional Kemampuan sistem ini adalah sebagai berikut : 8. Menampilkan informasi geografis fasilitas umum di sekitar kampus IPB Darmaga berupa denah. Denah tersebut dapat di-zoom-in, zoom-out, diubah pusat koordinatnya, dan dilakukan query pada data spasialnya. 9. Melakukan pencarian dan menampilkan informasi ruangan yang terdapat di setiap fakultas dan masing-masing departemen. 10. Menampilkan informasi geografis denah ruang dalam kampus IPB Darmaga berupa denah ruang beserta informasi isi dari ruang tersebut. Denah tersebut dapat di-zoom-in, zoom-out, diubah pusat koordinatnya, dan dilakukan query pada data spasialnya. 11. Melakukan pemeliharaan seluruh basisdata yang ada dengan melakukan penambahan, perubahan dan penghapusan data. 1.3 Deskripsi Perangkat Keras Perangkat keras yang dibutuhkan untuk menjalankan sistem ini secara optimal adalah: 1. PC dengan processor minimal setara dengan Pentium II dengan memori sebesar 64 MB. 2. Ruang harddisk minimal sebesar 4 GB. 3. Monitor dengan resolusi 1024x768 pixel. 1.4 Deskripsi File Sistem ini dibentuk oleh beberapa file dengan ekstensi sebagai berikut : • *.shp dan *.shx yaitu file yang menyimpan data spasial setiap layer dari peta. • *.dbf yaitu file yang menyimpan data atribut masing-masing layer data spasial dari peta. • *.map yaitu file yang menyimpan konfigurasi setiap layer data pada peta. • *.jpg yaitu file yang merupakan data raster peta. • *.wld yaitu file yang menyimpan parameter transformasi dari bentuk citra data raster ke permukaan bumi. • *.php yaitu file yang menyimpan kode program. • *.class yaitu file yang menyimpan fungsi dan class pada kode program. • *.sql yaitu file yang menyimpan data atribut tambahan. 1.5 Deskripsi Direktori Struktur penyimpanan file pada sistem adalah seperti pada Gambar 1. MapServer apps gmap
MySQL
data
SIR-IPB
sir-ipb htdocs
Gambar 1 Struktur Penyimpanan File. Struktur penyimpanan file dibagi menjadi dua bagian, yang pertama untuk file pada MapServer. Direktori MapServer adalah direktori dimana server diinstal, direktori apps
29
menyimpan aplikasi yang dibangun menggunakan MapServer, direktori gmap menyimpan file-file yang dibangun pada aplikasi gmap, direktori sir-ipb menyimpan data spasial yang digunakan pada peta dan direktori htdocs menyimpan kode-kode program sistem. Sedangkan untuk file data SQL , disimpan di dalam direktori MySQL dengan database SIR-IPB.
30
BAB II INSTALASI DAN PANDUAN PEMAKAIAN 2.1 Instalasi Pada CD instalasi terdapat direktori Windows yang berisi berbagai paket yang digunakan untuk instalasi pada server berbasis Windows. Untuk menginstal SIR-IPB diperlukan ruang pada harddisk sekitar 4 GB namun sebaiknya tersedia ruang yang cukup besar karena sistem akan membangkitkan file denah yang cukup banyak. Untuk server berbasis Windows : 1. Buka CD instalan sistem dan buka folder Windows. 2. Salin paket instalasi MapServer berupa file “ms4w.zip” dari CD ke komputer server. 3. Extract file tersebut pada direktori “c:\ms4w\”. 4. Jalankan file “apache_install.bat” yang ada pada direktori “c:\ms4w\” dengan mengklik dua kali file tersebut. 5. Salin paket aplikasi yang merupakan paket contoh aplikasi gmap berupa file “gmap.zip”. 6. Extract file tersebut pada direktori “c:\ms4w\”. 7. Salin paket aplikasi “sistem.zip”. 8. Extract file tersebut pada direktori “c:\ms4w\apps\”. 9. Jalankan file “apache.exe” yang ada pada direktori “c:\ms4w\Apache\bin”. 10. Bila pada sistem belum terdapat aplikasi MySQL, instal tersebut dengan cara mengklik file setup.exe yang terdapat pada CD. “X:\Windows\MySQL\”; dengan X adalah drive CDROM. Bila sistem telah terinstal MySQL lanjutkan ke langkah 11. 11. Nyalakan layanan MySQL dengan menjalankan mode DOS lalu buka direktori MySQL dengan mengetik “CD \MySQL\bin\winMySQLadmin.exe”. 12. Salin direktori “phpmyadmin” ke direktori utama server. 13. Jalankan pada phpmyadmin pada web browser dengan mengetikkan alamat ”localhost/phpmyadmin/”; dengan localhost adalah alamat server. 14. Buat database baru dengan nama “SIR-IPB” lalu klik create. 15. Klik tab SQL, kemudian tombol Browse dan pilih data “SIR-IPB.sql” yang ada pada CD instalan. Dilanjutkan dengan mengklik tombol Go. 16. Tahap instalasi selesai. Untuk mulai menggunakan sistem ketik “localhost/gmap/” pada web browser; dengan localhost adalah alamat server. 2.2 Panduan Pemakaian 2.2.1. Halaman Awal SIR-IPB Pada saat sistem dipanggil untuk pertama kali, maka akan ditampilkan halaman awal SIR-IPB seperti pada Gambar 2.
Gambar 2 Halaman Awal SIR-IPB.
31
Halaman ini dapat diakses oleh setiap pengguna untuk masuk ke dalam sistem. Dengan mengklik menu “Masuk >>” maka pengguna akan dapat menggunakan sistem. 2.2.2. Halaman Depan SIR-IPB Halaman ini menyediakan informasi mengenai SIR-IPB yang disajikan dalam beberapa menu pilihan antara lain: Tentang SIR-IPB, Informasi, Denah, Saran dan Kritik dan Admin yang dapat dilihat pada Gambar 3.
Gambar 3 Halaman Depan Sistem SIR-IPB. Pada halaman ini yang disediakan berupa informasi seputar sejarah dan perkembangan IPB dari awal terbentuk hingga menjadi sebuah Institut Pertanian terkemuka di Indonesia. Pada halaman ini pengguna hanya dapat melihat informasi tersebut. 2.2.3. Halaman Tentang SIR IPB Pada halaman ini informasi yang disajikan berupa penjelasan singkat tentang SIR-IPB. Sehingga dapat diketahui secara singkat apa sebenarnya SIR-IPB tersebut, dan tujuannya dibuat untuk apa. Halaman ini juga dapat diakses oleh setiap pengguna yang dapat dilihat pada Gambar 4.
Gambar 4 Halaman Tentang SIR-IPB.
32
2.2.4. Halaman Informasi SIR-IPB Pada halaman ini disediakan informasi ruangan-ruangan yang terdapat pada setiap level. Informasi dibagi berdasarkan tingkatan level, sehingga ada enam pilihan informasi yang disajikan. Selain itu, disediakan juga menu pencarian untuk mempermudah pengguna mendapatkan informasi. Halaman ini dapat diakses oleh setiap pengguna yang dapat dilihat pada Gambar 5.
Gambar 5 Halaman Informasi SIR-IPB. 2.2.5 Menu Pencarian Pada halaman informasi yang terdapat pada Gambar 5 di atas disediakan sebuah menu pencarian untuk ruangan tertentu.Untuk lebih jelas menu pencarian tersebut dapat dilihat pada Gambar 6.
Gambar 6 Halaman Menu Pencarian. 2.2.6 Halaman Denah SIR-IPB Halaman ini menyediakan informasi berupa denah kampus IPB Darmaga yang ditampilkan dalam bentuk polygon. Informasi yang ditampilkan meliputi informasi fakultas, departemen, ruangan, fasilitas, dan jalan yang dapat dilihat pada Gambar 7.
33
Gambar 7 Halaman Denah SIR-IPB. Pada halaman ini disediakan berbagai tools yang digunakan untuk memanipulasi tampilan denah kampus IPB Darmaga. Tools yang disajikan berada di bawah denah yang dapat dilihat pada Gambar 8.
Gambar 8 Menu Manipulasi Denah. Tabel 1 Tools pada bagian bawah denah No Menu Toolbar Penjelasan 1 Zoom In Memperbesar denah daerah yang ditampilan pada sistem 2
Zoom Out
Memperkecil denah daerah yang ditampilan pada sistem
3
Recenter
Mengubah titik pusat dari denah yang ditampilkan
4
Query
Menampilkan data atribut (informasi) yang dimiliki layer. Informasi hasil query akan ditampilkan pada bagian bawah tampilan denah (Gambar 10) .
34
a.
b.
c.
d. Gambar 9 Macam-macam Perubahan Denah, (a) Denah awal, (b) zoom-in, (c) recenter, (d) zoom-out
Gambar 10 Informasi Hasil Query. Tampilan legenda pada sebelah kanan atas halaman (Gambar 7). Tools ini dapat digunakan untuk mengubah layer yang ditampilkan pada denah. Dengan cara memberi tanda centang di sebelah layer yang ingin ditampilkan dan menghilangkan tanda centang pada layer yang tidak ingin ditampilkan dan dilanjutkan dengan mengklik icon denah.
untuk mengaplikasikan perubahan
Gambar 11 Layer yang disediakan SIR-IPB. Tabel 2 Layer yang terdapat pada halaman denah No Layer Penjelasan 1 Perumdos Menampilkan denah Perumahan Dosen 2 Jalan Menampilkan denah jalan 3 Fasilitas Umum Informasi fasilitas umum di sekitar Kanpus IPB Darmaga 4 Gedung IPBBa Denah bangunan Kampus IPB Darmaga 5 Ruang Denah ruangan yang terdapat pada masing-masing level. Level(1,2,3,4.5.6)
35
Pada bagian bawah menu legenda disediakan juga menu shortcut yang dapat menampilkan dengan cepat koordinat denah ke masing-masing fakultas (Gambar 12).
Gambar 12 Menu Shorcut. Tampilan menu navigasi pada bagian bawah halaman dapat digunakan untuk pindah ke halaman lain (Gambar 13).
Gambar 13 Menu Navigasi ke Halaman Tabel 3 Menu navigasi No Menu 1 Halaman Depan 2 Tentang SIR-IPB. 3 Informasi 4 Denah 5 Admin
Penjelasan Menampilkan Halaman Depan Sistem Menampilkan Halaman Tentang SIR-IPB Menampilkan Halaman Informasi SIR-IPB Menampilkan Denah SIR-IPB Menampilkan Halaman Administrator SIR-IPB.
2.2.7. Halaman Kritik dan Saran Halaman ini berisi informasi kritik dan saran yang diberikan pengguna untuk sistem ini. Pada halaman ini juga disediakan form untuk mengisi kritik dan saran yang dapat dilihat pada Gambar 14 di bawah ini.
Gambar 14 Halaman Krtik dan Saran.
36
Gambar 15 Tampilan Kritik dan Saran Pengguna.
Gambar 16 Form Kritik dan Saran Pengguna. 2.2.8 Halaman Administrator SIR-IPB Untuk masuk ke halaman Admnistrator pengguna harus mengklik menu admin yang terdapat pada bagian bawah tampilan web, menu admin dapat dilihat pada Gambar 17.
Gambar 17 Menu Navigasi untuk Adminintrator.
37
2.2.9 Halaman Login Administrator Setelah masuk ke menu admin, maka akan muncul tampilan halaman Login untuk Administrator (Gambar 18).
Gambar 18 Tampilan Login Administrator. Untuk masuk ke dalam halaman Administrator pengguna harus memiliki User_ID dan Password yang benar. Tentunya pengguna tersebut harus mempunyai hak akses sebagai Administrator. Pengguna yang tidak memiliki hak akses, tidak dapat masuk ke halaman Administrator. Apabila salah memasukkan User_ID ataupun Password maka akan muncul tampilan peringatan dari sistem yang dapat dilihat pada Gambar 19.
Gambar 19 Tampilan Peringatan Menu Login. 2.2.10 Halaman Menu Administrator Apabila User_ID dan Password yang dimasukkan benar maka akan masuk ke dalam halaman Administrator (Gambar 20).
Gambar 20 Halaman Menu Administrator.
38
2.2.11 Halaman Input Fakultas Halaman Input Fakultas bertujuan untuk melakukan proses modifikasi data pada data fakultas. Halaman ini menyajikan menu tambah data, daftar data, ubah data, dan hapus data. Tampilan ini dapat dilihat pada gambar-gambar berikut. Pada Gambar 21 menampilkan proses tambah data untuk menu Input Fakultas. Pada menu ini dapat ditambahkan data sesuai dengan kebutuhan sistem.
. Gambar 21 Tambah Fakultas.
Gambar 22 Daftar Data Fakultas. Pada bagian kiri tampilan terdapat menu aksi. Menu aksi ini berisi fungsi untuk mengubah dan menghapus data yang dapat dilihat pada Gambar 23.
39
Gambar 23 Menu Aksi. Untuk mengubah data fakultas terlebih dahulu harus memilih menu ubah, maka akan muncul tampilan ubah data fakultas seperti yang terlihat pada Gambar 24.
Gambar 24 Ubah Data Fakultas. Untuk menghapus data fakultas terlebih dahulu harus memilih menu ubah, maka akan muncul tampilan ubah data fakultas seperti Gambar 25.
Gambar 25 Hapus Data Fakultas. Untuk menu input departemen dan input fasilitas prosesnya sama dengan input fakultas. Dimana fungsi tambah data, daftar data, ubah data dan hapus data juga dimiliki oleh menu ini. Sedangakan untuk menu edit ruang, perbedaannya hanya terdapat pada menu hapus data. Di dalam menu edit ruang fungsi hapus tidak ada. Tampilannya dapat dilihat pada Gambar 26.
40
Gambar 26 Tampilan Menu Edit Ruang. Untuk menu daftar fakultas, departemen, ruang dan fasilitas informasi yang ditampilkan berupa data dari masing masing fakultas, departemen, ruang dan fasilitas.
Gambar 27 Daftar Departemen.
41
Gambar 28 Daftar Ruang.
Gambar 29 Daftar Fasilitas.