ii
KASUS : UIN SYARIF HIDAYATULLAH JAKARTA) Skripsi
Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Komputer
Fakultas Sains dan Teknologi
Universitas Syarif Hidayatullah Jakarta
Oleh: FIRMANSYAH
1110093000061
PROGRAM STUDI SISTEM INFORMASI FAKULTAS SAINS DAN TEKNOLOGI
UNIVERSITAS ISLAM NEGERI SYARIF HIDAYATULLAH JAKARTA
iii Skripsi
Sebagai Salah Satu Syarat Untuk Memperoleh Gelar Sarjana Komputer
Pada Fakultas Sains dan Teknologi
Universitas Islam Negeri Syarif Hidayatullah Jakarta
Oleh: FIRMANSYAH
1110093000061
Menyetujui, Pembimbing I,
Nuryasin, M.Kom NIP. 197607152011011005
Pembimbing II,
Eri Rustamaji, MBA NIP.
Mengetahui,
Ketua Program Studi Sistem Informasi Fakultas Sains dan Teknologi UIN Syarif Hidayatullah Jakarta
iv
Hidayatullah Jakarta)” telah diuji dan dinyatakan lulus dalam sidang
munaqosyah Fakultas Sains dan Teknologi pada hari Kamis, 26 Maret 2015. Skripsi ini telah diterima sebagai salah satu syarat untuk memperoleh gelar sarjana strata satu (S1) pada Program Studi Sistem Informasi.
Menyetujui, Penguji I
Zainul Arham, M.SI NIP.197407302007101002
Penguji II
Ir. Bakri La Katjong, MT, M.Kom NIP. 470035164
Pembimbing I
Nuryasin, M,Kom NIP. 197607152011011005
Pembimbing II
Eri Rustamaji, MBA NIP.
Mengetahui,
Dekan Fakultas Sains dan Teknologi
Dr. Agus Salim, S.Ag., M.Si NIP. 19720816 199903 1 003
Ketua Prodi Sistem Informasi
v
BENAR HASIL KARYA SAYA SENDIRI YANG BELUM PERNAH DIAJUKAN SEBAGI SKRIPSI ATAU KARYA ILMIAH PADA PERGURUAN TINGGI ATAU LEMBAGA MANAPUN.
Jakarta, Maret 2015
vi
Hidayatullah Jakarta) (Dibawah bimbingan NURYASIN dan ERI RUSTAMAJI)
UIN Syarif Hidayatullah Jakarta merupakan salah satu universitas yang memiliki bangunan fisik yang cukup banyak. Tampilan informasi peta kampus yang digunakan masih ditampilkan dalam bentuk PDF dari master plan kampus. Jika sebuah gedung baru dibuat, maka untuk melakukan update informasi peta terbaru perlu melakukan perubahan bentuk master plan yang baru menjadi bentuk PDF kembali. Hal ini mengakibatkan lamanya proses update informasi peta kampus. Sistem informasi peta kampus berbasis web ini bertujuan untuk meningkatkan proses penyediaan dan penyebaran informasi mengenai lokasi gedung di kampus UIN Syarif Hidayattullah Jakarta. Peranan penting baik dari aplikasi maupun hasil analisis dari sebuah Sistem Informasi Peta Kampus dan model 3D adalah dapat menampilkan informasi yang lebih menarik dan mudah dipahami dengan interpretasi berupa gambar/peta serta visual model 3D itu sendiri. Sistem ini dikembangkan dengan metode berorientasi objek menggunakan pendekatan
Rapid Application Development (RAD), tools Unified Modelling Language
(UML) dan Sketchup sebagai tools untuk proses pembuatan model 3 dimensi. Hasil dari penelitian ini adalah sebuah sistem informasi peta kampus berbasis web dan model 3D dengan Google Earth di UIN Syarif Hidayatullah Jakarta yang dapat menampilkan lokasi – lokasi gedung dan fakultas, beserta informasi mengenai fasilitas - fasilitas yang ada di UIN Syarif Hidayattullah Jakarta dalam bentuk peta digital.
Kata kunci: UIN Jakarta, Sistem Informasi Peta Kampus, Google Earth, Google Maps API, Model 3D, Sketchup, Rapid Application Development (RAD),
Unified Modelling Language(UML),
V Bab + Daftar Pustaka + Daftar Tabel + Daftar Gambar + Daftar Simbol + Daftar Lampiran
vii
memberikan rahmat dan hidayah-Nya sehingga penulis dapat menyelesaikan skripsi ini. Shalawat dan salam tak lupa tersirah untuk Nabi Muhammad SAW beserta keluarga dan sahabatnya. Aamiin.
Skripsi yang berjudul ―Sistem Informasi Peta Kampus Berbasis Web
dengan Model 3 Dimensi Menggunakan Google Earth (Studi Kasus : UIN Syarif Hidayattullah Jakarta)‖ ini merupakan salah satu komponen penting dalam persyaratan untuk memperoleh gelar sarjana (S-1) pada bidang Sistem Informasi, Fakultas Sains dan Teknologi Universitas Islam Negeri Syarif Hidayatullah Jakarta.
Dalam penyusunan laporan ini banyak sekali pihak yang terlibat yang membantu penulis sehingga skripsi ini dapat terselesaikan. Maka dengan rasa syukur serta hormat penulis mengucapkan terima kasih pada semua pihak yang telah memberikan bantuan, bimbingan, dan pengarahan serta dukungan moril dan materil. Oleh karena itu, dalam kesempatan ini penulis mengucapkan terima kasih yang sebesar-besarnya kepada :
1. Bapak. Dr. Agus Salim, M.Si selaku Dekan Fakultas Sains dan Teknologi Universitas Islam Negeri (UIN) Syarif Hidayatullah Jakarta.
viii
4. Bapak dan Ibu Dosen Fakultas Sains dan Teknologi yang telah memberikan ilmunya khususnya kepada penulis.
5. Bapak Muhammad Ali Meha, S.Sos selaku Pembimbing dari Biro Administrasi Umum dan Kepegawaian UIN Jakarta dan Pak Asep selaku kepala bagian ruang panel yang sudah membantu dalam mencarikan data - data.
6. Semua Staf dan Karyawan/i Biro Administrasi Umum dan Kepegawaian yang telah banyak membantu penulis dalam pelaksanaan skripsi ini.
7. Kedua Orangtua yang terus memberikan motivasi dan semangat untuk menyelesaikan skripsi ini. Kalian merupakan motivasi dan semangat terbesar dalam pembuatan skripsi ini, karena tanpa kalian penulis tidak akan ada apa-apanya. Kalian mengajarkan banyak hal yang membuat penulis menjadi orang yang kuat sampai saat ini. Kalian selalu ada menemani disaat penulis membutuhkan bantuan.
ix skripsi ini.
10.Dan pihak-pihak yang terkait dan berjasa dalam proses pembuatan skripsi ini yang mungkin tidak dapat disebutkan satu persatu tanpa mengurangi rasa terima kasih sedikitpun dari penulis.
Akhirnya penulis berharap semoga skripsi ini dapat menambah wawasan, serta berguna bagi penulis pada khususnya dan bagi pembaca pada umumnya.
Jakarta, Maret 2015
x
PENGESAHAN UJIAN………..……….. iv
PERNYATAAN………..……….……….. v
ABSTRAK………..………..……….. vi
KATA PENGANTAR………..……….. vii
DAFTAR ISI ………...………..……….. x
DAFTAR GAMBAR……….………..………...………….….. xv
DAFTAR TABEL………..………...….. xix
DAFTAR SIMBOL………..………...….. xxi
BAB I PENDAHULUAN 1.1. Latar Belakang ... 1
1.2. Rumusan Masalah ... 3
1.3. Batasan Masalah ... 4
1.4. Tujuan Penelitian ... 4
1.5. Manfaat Penelitian ... 4
1.6. Metodologi Penelitian ... 5
1.6.1. Metode Pengumpulan Data ... 5
1.6.2. Metode Pengembangan Sistem……… …… 6
1.7. Sistematika Penulisan………7
2. BAB II LANDASAN TEORI 2.1. Sistem Informasi ... 9
2.1.1. Definisi Sistem ... 9
xi
2.3. Peta ... 12
2.3.1. Pengertian Peta ... 12
2.3.2. Peta Tematik ... 13
2.4. Google Maps API ... 13
2.5. Keyhole Markup Language (KML) ... 15
2.5.1. Pengertian KML ... 15
2.5.2. Struktur Keyhole Markup Language ... 15
2.6. XML ... 16
2.7. UML ... 16
2.7.1. Definisi Unified Modeling Objek (UML) ... 16
2.7.2. Diagram UML ... 17
2.8. Desain 2 Dimensi ... 21
2.9. Objek 3 Dimensi ... 21
2.9.1.Kelebihan dan kekurangan media tiga dimensi………. 22
2.10. RAD ... 22
2.11. Web ... 24
2.12. Perangkat Lunak Penunjang... 24
2.12.1.PHP ... 24
2.12.2.MySQL ... 25
2.12.3.XAMPP ... 25
xii
2.11.6 Adobe PhotoShop ... 31
2.11.7 Google Earth ... 32
2.11.8 3D Warehouse ... 34
3. BAB III METODOLOGI PENELITIAN 3.1. Tempat dan Waktu Penelitian ... 35
3.2. Lokasi Penelitian ... 35
3.3. Bahan dan Perangkat Pendukung ... 36
3.2.1 Bahan……… ... .36
3.2.2 Perangkat Pendukung………36 3.4. Metode Penelitian ... 37
3.3.1 Metode Pengumpulan Data ... 37
3.3.2 Metode Pemodelan 3D ... 41
3.3.3 Metode Pengembangan Sistem ... 42
3.3.3.1 Proses Perencanaan Syarat ... 42
3.3.3.2 Workshop Design ... 42
3.3.3.3 Implementation ... 44
3.5. Kerangka Penelitian ... 45
xiii
4.1.2.1 Sejarah Singkat UIN ... 47
4.1.2.2 Struktur Organisasi ... 53
4.1.2.3 IdentifikasiKebutuhan Sistem ... 54
4.1.3 Sistem Berjalan………..… ……55
4.1.4 Identifikasi Masalah.……….…………...56
4.1.4.1Analisis Masalah ... 56
4.1.5 Sistem Usulan………...56
4.2. Workshop Design(Proses Desain)……….59 4.2.1. Membuat Desain Model dengan Pemodelan Object Oriented ... 59
5. 4.2.1.1 Use Case Diagram dan Narasi Use Case ... 59
6. 4.2.1.2 Activity Diagram ... 86
7. 4.2.1.3 Class Diagram ... 106
8. 4.2.1.4 Sequence Diagram ... 108
9. 4.2.2 Logical Record Structure ... 128
10.4.2.3 Perancangan Database ... 128
11. 4.2.4 Graphic UserInterface ... 136
12. 4.2.5 Rancangan Interface ... 138
13. 4.2.6 Implementasi ... 143
14. 4.2.6.1Persiapan Sistem ... 143
xiv
5.2 Saran ... 149
xv
Gambar 2.1Struktur KML ... 15
Gambar 2.2Contoh Diagram Model Use Case ... 18
Gambar 2.3 Contoh Model Class Diagram ... 19
Gambar 2.4 Contoh Model Activity Diagram ... 20
Gambar 2.5 Contoh Model Sequence Diagram ... 21
Gambar 2.6 Tahapan Rapid Application Development ... 23
Gambar 2.7 Tampilan Awal Sketchup ... 26
Gambar 2.8 Add Location ... 27
Gambar 2.9 Layer Dari Citra Google Earth ... 28
Gambar 2.10 Rectangles ... 28
Gambar 2.11 Push/Pull ... 29
Gambar 2.12 Import Foto ... 29
Gambar 2.13 Position ... 30
Gambar 2.14 Atur Posisi Pin ... 30
Gambar 2.15 Penyesuaian Bentuk Foto ... 30
Gambar 2.16 Hasil Penambahan Texture Foto.………. 31
Gambar 2.17 Hasil Akhir Model FST ... .. 31
Gambar 2.18 Tampilan Model 3 Dimensi Dalam Google Earth ... 33
Gambar 3.1 Kampus satu UIN Jakarta ... 35
Gambar 3.2 Kampus dua UIN Jakarta ... 36
xvi
Gambar 4.3 Sistem Usulan ... 57
Gambar 4.4 Use Case Diagram ... 64
Gambar 4.5Login Activity Diagram ... 86
Gambar 4.6Activity Diagram Kelola Data Gedung ... 87
Gambar 4.7Activity Diagram Kelola Data Fakultas ... 88
Gambar 4.8Activity Diagram Kelola Data Parkir ... 89
Gambar 4.9 Activity Diagram Mengelola Data Download ... 90
Gambar 4.10Activity Diagram Lihat Peta Kampus ... 91
Gambar 4.11Activity Diagram Kelola Berita ... 92
Gambar 4.12Activity Diagram Lihat Berita ... 93
Gambar 4.13Activity Diagram Lihat Model 3D ... 94
Gambar 4.14Activity Diagram Kelola Link Terkait ... 95
Gambar 4.15Activity Diagram Lihat Link Terkait ... 96
Gambar 4.16Activity Diagram Kelola Link Model 3D ... 97
Gambar 4.17Activity Diagram Lihat Tentang Kami ... 98
Gambar 4.18Activity Diagram Mengelola Tentang Kami ... 99
Gambar 4.19 Activity Diagram Lihat Data Download ... 100
Gambar 4.20 Activity Diagram Download ... 101
Gambar 4.21 Activity Diagram Mengelola User ... 102
xvii
... 107
Gambar 4.26Login Sequence Diagram ... 108
Gambar 4.27Kelola Data Gedung ... 109
Gambar 4.28Kelola Data Fakultas ... 110
Gambar 4.29Kelola Parkir ... 111
Gambar 4.30Mengelola Data Download ... 112
Gambar 4.31Mengelola Data Model 3D ... 113
Gambar 4.32Mengelola User ... 114
Gambar 4.33Lihat Peta Kampus... 115
Gambar 4.34Kelola Berita ... 116
Gambar 4.35Lihat Berita ... 117
Gambar 4.36Lihat Model 3D ... 118
Gambar 4.37Kelola Link Terkait ... 119
Gambar 4.38Lihat Link Terkait ... 120
Gambar 4.39 Mengelola Tentang Kami ... 121
Gambar 4.40 Lihat Tentang Kami ... 122
Gambar 4.41 Logout ... 123
Gambar 4.42 Sequence Diagram Registrasi ... 124
Gambar 4.43 Lihat Data Download ... 125
Gambar 4.44 Validasi Data ... 126
xviii
Gambar 4.49Struktur Menu Masyarakat ... 138
Gambar 4.50Struktur Menu Pengembang ... 138
Gambar 4.51 Halaman Utama ... 138
Gambar 4.52Halaman Login ... 139
Gambar 4.53Halaman Registrasi ... 139
Gambar 4.54Halaman Utama Admin ... 140
Gambar 4.55 Input Data Gedung ... 140
Gambar 4.56 Input Data Fakultas ... 141
Gambar 4.57 Input Parkir ... 141
Gambar 4.58 Input Berita ... 142
Gambar 4.59 Input Model ... 142
xix
Tabel 4.2 Daftar Diagram Use Case ... 60
Tabel 4.3 Narasi Use Case―Login‖ ... 65
Tabel 4.4 Narasi Use Case Mengelola data gedung ... 66
Tabel 4.5 Narasi Use Case Mengelola data fakultas ... 67
Tabel 4.6 Narasi Use Case Mengelola parkir ... 68
Tabel 4.7 Narasi Use Case Mengelola data download ... 70
Tabel 4.8 Narasi Use Case Mengelola user ... 71
Tabel 4.9 Narasi Use Case Lihat Peta ... 72
Tabel 4.10 Narasi Use Case Mengelola Berita ... 73
Tabel 4.11 Narasi Use Case Lihat Berita ... 74
Tabel 4.12 Narasi Use Case Lihat 3D Model ... 75
Tabel 4.13 Narasi Use Case Mengelola Link Terkait ... 76
Tabel 4.14 Narasi Use Case Lihat Link Terkait ... 77
Tabel 4.15 Narasi Use Case Mengelola Model 3D ... 78
Tabel 4.16 Narasi Use Case Lihat tentang kami ... 79
Tabel 4.17 Narasi Use Case Mengelola tentang kami ... 80
Tabel 4.18 Narasi Use Case Validasi ... 81
Tabel 4.19 Narasi Use Case Registrasi ... 82
Tabel 4.20 Narasi Use Case Download ... 83
xx
Tabel 4.25 Tabel User ... 130
Tabel 4.26 Tabel Gedung ... 131
Tabel 4.27 Tabel Model 3D ... 131
Tabel 4.28 Tabel Berita ... 132
Tabel 4.29 Tabel Link Terkait ... 133
Tabel 4.30 Tabel Fakultas ... 133
Tabel 4.31 Tabel Parkir ... 134
Tabel 4.32 Tabel Data Download... 135
Tabel 4.33 Tabel Tentang Kami ... 136
Tabel 4.34 Tabel Pengujian Sistem Admin, Kabag, Kabir, dan PR umum .... 145
xxi
(Whitten et al, 2004)
Simbol Keterangan
Actor
Use case
Association
<<dependson>> Depends on
<<uses>> Uses (includes)
Inheritance
Actor1
xxii
Simbol Keterangan
Class
1. class name
2. attributes
3. behaviors
Association
Generalization
Class 1
xxiii
Simbol Keterangan
Object
Lifeline
Messages
xxiv
Simbol Keterangan
Activity
Initiate Activities
Start of the Process
Termination of the
Process
Synchronization Bar
1
1.1Latar Belakang
Peta merupakan gambaran sebagian atau keseluruhan rupa bumi yang diperkecil ke dalam bidang datar dengan skala tertentu. Peta yang umumnya digunakan adalah peta tematik. Fungsi peta secara umum dikelompokkan menjadi empat bagian utama yaitu memperlihatkan posisi (baik horisontal maupun posisi vertikal dari suatu objek di permukan bumi), memperlihatkan ukuran, bentuk serta menghimpun dan menseleksi objek-objek tersebut.
Untuk saat ini perkembangan teknologi di bidang pemetaan sudah sangat signifikan. Sudah banyak yang mengembangkan peta biasa menjadi peta digital baik dalam bentuk 2 dimensi maupun 3 dimensi.
Berdasarkan survei yang telah dilakukan dengan melakukan wawancara dan penyebaran kuesioner kepada mahasiswa dan pengunjung UIN Jakarta, banyak diantara mereka merasa informasi yang ditampilkan kurang up to date. Selain itu ada pula permasalahan dari pihak penyedia informasi peta kampus, yaitu pada bagian Umum dan Kepegawaian akademik pusat. Hal ini diketahui berdasarkan hasil wawancara bahwa dalam visualnya, kampus UIN Jakarta hanya menampilkan PDF master plan kampus yang diterbitkan dibagian
baru menjadi bentuk PDF kembali. Sehingga memerlukan waktu yang cukup lama untuk melakukan update peta terbaru.
Hal ini terkait dengan UU No 28 tahun 2002 tentang bangunan gedung dan Peraturan Pemerintah RI No. 36 tahun 2005 mengenai pelaksanaan UU No 28 tahun 2002 pada pasal 96 tentang peran masyarakat sebagai pemantau dan penjaga ketertiban terkait bangunan gedung. Dan hal ini juga terkait dengan UU RI No 14 tahun 2008 tentang keterbukaan informasi publik dimana media informasi peta kampus perlu diterbitkan kepada publik.
Melihat permasalahan tersebut, maka diperlukan suatu sistem informasi peta kampus yang dapat memudahkan untuk melakukan proses update peta dengan mudah tanpa harus merubah bentuk master plan ke dalam bentuk PDF. Selain itu, dengan adanya peta 3D kampus UIN Jakarta berbasis Google Earth,
dapat memberikan informasi geografis serta visualisasi keadaan kampus secara 3 dimensi dapat menjadi media yang menarik dan menampilkan keadaan yang nyata.
Berikut grafik penggunaan produk Google :
Gambar 1.1 Grafik Penggunaan Google
Dapat di lihat dari grafik tersebut bahwa sekitar 93% publik menggunakan Google dan 85% digunakan sebagai yang utama. Yahoo 64% digunakan secara umum dan 10% sebagai mainly used. Bing, 30% digunakan secara umum dan 2% sebagai mainly used.
Maka dengan dibangunnya peta kampus berbasis web dengan Google Maps dan model 3D menggunakan Google Earth ini dapat menjadi suatu media informasi peta kampus yang interaktif dan diharapkan dapat membantu permasalahan yang ada.
Berdasarkan penjabaran latar belakang ini, maka penulis tertarik untuk mengembangkan sistem informasi peta kampus pada UIN Jakarta dengan judul penelitian: “PENGEMBANGAN SISTEM INFORMASI VISUAL 3 DIMENSI BERBASIS WEB LOKASI INFRASTRUKTUR AKADEMIK
(STUDI KASUS : UIN SYARIF HIDAYATULLAH JAKARTA)”
1.2Rumusan Masalah
1.3Batasan Masalah
Batasan masalah dari tugas akhir ini adalah:
1. Pembuatan peta dengan objek 3 dimensi hanya pada fakultas wilayah kampus 1 dan kampus 2.
2. Proses pengolahan data menggunakan software Google Sketchup untuk memberikan penggambaran 3 dimensi dalam aspek kartografi.
3. Peta yang dihasilkan menggunakan Google Maps API.
4. Peta 3 dimensi ditampilkan dengan menggunakan Google Earth.
1.4Tujuan Penelitian
Tujuan yang ingin dicapai dari penelitian ini adalah membangun suatu sistem informasi peta kampus berbasis web dengan model 3 dimensi menggunakan Google Earth pada UIN Jakarta yang dapat menampilkan informasi yang interaktif dan up to date dengan Google Maps dan membantu pengunjung dan mahasiswa untuk mencari informasi mengenai kampus UIN Jakarta.
1.5Manfaat Penelitian
Penelitian ini diharapkan dapat bermanfaat bagi:
Universitas
Peneliti
o Mengetahui kemampuan mahasiswa dalam memahami teori – teori yang diajarkan di bangku kuliah.
o Mengetahui sejauh mana mahasiswa dapat menerapkan ilmunya dan sebagai bahan evaluasi.
Masyarakat
o Dapat mengetahui wilayah UIN Jakarta serta bentuk dan model dari gedung – gedungnya
o Dapat mengetahui lokasi gedung – gedung UIN Jakarta
1.6Metodologi Penelitian
1.6.1 Metode Pengumpulan Data
Dalam menyusun skripsi ini, peneliti berusaha mendapatkan serta mengumpulkan data yang lengkap guna menyusun karya ilmiah ini. Untuk mengumpulkan data dari sampel penelitian, dilakukan dengan metode tertentu sesuai dengan tujuannya. Ada berbagai metode yang telah kita kenal antara lain wawancara, observasi (pengamatan), kuesioner atau angket, dan dokumenter serta studi pustaka. Adapun metode yang peneliti gunakan dalam mendapatkan data-data adalah sebagai berikut:
Dalam hal ini penelitian dilakukan di lapangan untuk memperoleh informasi serta data yang diperlukan. Adapun teknik yang ditempuh adalah:
1. Observasi langsung ke objek penelitian guna memperoleh data atau gambaran serta keterangan terhadap sistem berjalan. 2. Interview atau wawancara, yaitu peneliti mengumpulkan data
secara tatap muka langsung dengan mahasiswa/i UIN Jakarta guna mendapatkan data-data dan keterangan yang diperlukan. b. Penelitian Kepustakaan (Library Research)
Pengumpulan data dan informasi dengan cara membaca buku-buku dan referensi dari internet yang dapat dijadikan acuan pembahasan dalam masalah ini.
1.6.2 Metode Pengembangan Sistem
Metode yang digunakan dalam pengembangan sistem informasi peta kampus berbasis web ini adalah dengan strategi RAD (Rapid
Application Development) yang merupakan suatu pendekatan
berorientasi objek (Kendall, 2003). Ada tiga fase dalam RAD yaitu:
a. Requirement Planning
Dalam tahap ini akan diketahui apa saja yang menjadi kebutuhan sistem yaitu dengan mengidentifikasi kebutuhan informasi dan masalah yang dihadapi
b. Workshop Design
c. Implementation
Sistem diimplementasikan (coding) ke dalam bentuk yang dimengerti oleh mesin yang diwujudkan dalam bentuk program atau unit program.
1.7Sistematika Penulisan
Skripsi ini terdiri dari lima bab yang disusun sedemikian rupa dengan materi pembahasan yang saling berhubungan dengan sistematika sebagai berikut:
BAB I PENDAHULUAN
Bab ini akan diuraikan latar belakang, perumusan masalah, batasan masalah, tujuan dan manfaat penelitian, metodologi penelitian, dan sistematika penulisan.
BAB II LANDASAN TEORI
Dalam bab ini akan dijelaskan mengenai landasan teori yang relevan dengan permasalahan yang ada.
BAB III METODOLOGI PENELITIAN
Bab ini akan diuraikan metodologi penelitian yang digunakan diantaranya metodologi pengumpulan data dan metodologi pengembangan sistem.
BAB IV PEMBAHASAN
model 3D yang meliputi hasil wawancara, kuesioner, analisis, desain, implementasi, operasi, dan sistem pendukung.
BAB V PENUTUP
9
2.1Sistem Informasi 2.1.1 Definisi Sistem
Sistem adalah kumpulan elemen-elemen atau sumber daya yang saling berkaitan secara terpadu, terintegrasi dalam suatu hubungan tertentu, dan bertujuan untuk mencapai tujuan tertentu (Gondodiyoto, 2007). Sistem merupakan kumpulan dari komponen atau elemen-elemen atau subsistem-subsistem (Ladjamudin, 2005).
“Sistem adalah kumpulan dari elemen-elemen yang berinteraksi untuk mencapai suatu tujuan tertentu‖ (Jogiyanto,
2005).
Terdapat dua kelompok pendekatan di dalam mendefinisikan sistem, yaitu yang menekankan pada prosedurnya dan yang menekankan pada komponen atau elemennya (Jogiyanto, 2005).
a. Pendekatan sistem yang lebih menekankan pada prosedur mendefinisikan sistem sebagai suatu jaringan kerja dari prosedur-prosedur yang saling berhubungan, berkumpul bersama-sama untuk melakukan suatu kegiatan atau menyelesaikan suatu sasaran tertentu.
1. Sistem sebagai bagian-bagian yang saling berkaitan yang beroperasi bersama untuk mencapai beberapa sasaran atau maksud.
2. Sistem sebagai suatu komponen atau variabel yang terorganisir, saling berinteraksi, saling bergantung satu sama lain dan terpadu.
3. Sistem adalah sekelompok elemen yang terintegrasi dengan maksud yang sama untuk mencapai suatu tujuan.
4. Sistem sebagai seperangkat elemen-elemen yang terintegrasi dengan maksud yang sama untuk mencapai suatu tujuan bersama.
2.1.2 Definisi Informasi
Informasi dapat didefinisikan sebagai hasil dari pengelolaan data dalam bentuk lebih berguna dan lebih berarti bagi penerimanya yang menggambarkan suatu kejadian nyata yang digunakan untuk pengambilan keputusan (Jogiyanto, 2005).
2.1.3 Definisi Sistem Informasi
mempertemukan kebutuhan pengelolahan transaksi harian yang mendukung fungsi operasi organisasi yang bersifat manajerial dalam kegiatan startegi dari organisasi untuk menyediakan kepada pihak luar tertentu dengan informasi yang di perlukan untuk mengambil keputusan.
2.1Visualisasi
Visualisasi (visualization) adalah penampilan informasi yang bersifat komplek ke dalam bentuk visual (gambaran) (Chapman, 2004: 665). Secara umum, visualisasi dalam bentuk gambar baik yang bersifat abstrak ataupun nyata telah dikenal sejak awal dari peradaban manusia. Pada saat ini visualisasi telah berkembang dan banyak dipakai untuk keperluan ilmu pengetahuan, rekayasa, visualisasi desain produk, pendidikan, multimedia interaktif, kedokteran, dan lain-lain.
Visual berhubungan erat dengan mata atau penglihatan. Menurut beberapa ahli, visual juga merupakan salah satu bagian dari aktivitas belajar dimana aktivitas belajar itu sendiri terdiri atas: somatis (belajar dengan bergerak dan berbuat), auditori (belajar dengan berbicara dan mendengar), intelektual (belajar dengan memecahkan masalah dan merenung), dan visual (belajar dengan cara melihat, mengamati, dan menggambarkan). Keempat aktivitas belajat tersebut harus dikuasai supaya proses belajar dapat berlangsung secara optimal. Berikut ini adalah beberapa pengertian dan definisi visual:
Visual adalah syarat mutlak untuk memperkenalkan sebuah brand pada konsumen
2. Pujianto
Visual adalah komponen yang terlihat pada saat aplikasi dijalankan
3. Femi Olivia
Visual merupakan salah satu cara mengorganisasikan pemikiran dan meningkatkan kemampuan berpikir dan komunikasi
4. Agus Sachari
Visual merupakan bagian penting dalam proses pembentukan dialog budaya
5. Dendy Triadi, Addy Sukma Bharata
Visual merupakan bagian iklan yang sering digunakan sebagai
eye catcher
2.2Peta
2.2.1 Pengertian Peta
1. Abstraksi obyek-obyek permukaan bumi dengan menggunakan simbol-simbol.
2. Simbol – simbol digambarkan pada bidang datar sehingga diperlukan proyeksi peta.
3. Obyek-obyek permukaan bumi tersebut diperkecil.
2.2.2 Peta Tematik
Peta Tematik adalah peta yang menyajikan tema tertentu dan untuk kepentingan tertentu (land status, penduduk, transportasi dll.) dengan menggunakan peta rupa bumi yang telah disederhanakan sebagai dasar untuk meletakkan informasi tematiknya.
2.3Google Maps API
Google Maps adalah layanan aplikasi dan teknologi peta berbasis web yang disediakan google secara gratis, termasuk didalamnya website Google Maps (http:i/maps.google.com), Google Ride Fonde, Google transit, dan peta yang disisipkan pada website lain melalui Google Maps API.
untuk menampilkan gabungan dari potongan – potongan gambar yang di minta. Keseluruhan citra yang akan diintegrasikan ke dalam database google server, nantinya akan dapat dipanggil sesuai kebutuhan permintaan. Google juga menyedikan layanan Google Maps API yang memungkinkan para pengembang untuk menintegrasikan Google Maps ke dalam website masing – masing dengan menggunakan data point sendiri.
API atau Application Programming Interface merupakan suatu dokumentasi yang terdiri dari interface, fungsi, kelas, struktur dan sebagainya untuk membangun sebuah perangkat lunak. Dengan adanya API ini, maka memudahkan programmer untuk ―membongkar‖ suatu software untuk kemudian dapat dikembangkan atau diintegrasikan dengan perangkat lunak yang lain (Amri, M. Syaitul, 2011).
API dapat dikatakan sebagai penghubung suatu aplikasi dengan aplikasi lainnya yang memungkinkan programmer menggunakan sistem
2.4Keyhole Markup Language (KML) 2.4.1 Pengertian KML
KML adalah XML yang berfokus pada visualisasi geografis, termasuk anotasi peta dan citra. Visualisasi geografisnya mencakup tidak hanya penyajian data grafik di peta dunia tetapi juga dalam hal navigasi kendali dalam mengarahkan pengguna saat penggunaan peta.
KML mempunyai suatu set terstruktur berupa tempat, gambar,
polygon, model 3D, teks keterangan dan lain – lain untuk ditampilkan dalam Google Earth, Google Maps, dan mobile. Setiap tempat memiliki bujur dan lintang. Dari data XML inilah dapat dipetakan ke dalam Google Maps menjadi sebuah layer KML (Purvis, 2006).
1.4.2 Struktur Keyhole Markup Language (KML)
[image:40.595.111.513.186.703.2]Seperti yang sudah dijelaskan oleh Purvis (2006) secara umum, struktur penulisan file KML adalah sebagai berikut:
2.5XML
Extensible Markup Language (XML) adalah sebuah meta-language
yang berarti ini adalah sebuah bahasa yang memperbolehkan pengembang untuk membuat bahasa markup (sebuah bahasa yang mampu mendeskripsikan data sebuah dokumen dan menampilkannya pada dokumen yang lainnya) sendiri. Tidak seperti HTML, XML hanya berfungsi sebagai penyimpan data, tidak menampilkannya. XML mengubah struktur data menjadi sebuah dokumen dalam bentuk teks, tujuannya adalah untuk mempercepat proses pertukaran maupun penyajian data di internet (Holzner, 2003).
XML sendiri bisa digunakan untuk berbagai kebutuhan misal: membuat daftar buku pada sebuah perpustakaan, membuat daftar ikan di laut, selain itu juga XML bisa digunakan dalam pemrograman Google Maps sebagai data info window. XML dibuat oleh World Wide Web Consortium (W3C) dan telah dibakukan standarnya oleh Generalized
Markup Language (SGML) pada 1998.
2.6UML
2.6.1 Definisi Unified Modeling Language (UML)
yang baku, mudah di mengerti, serta di lengkapi dengan mekanisme yang efektif untuk berbagi (sharing) dan mengkomunikasikan rancangan mereka dengan yang lain (Munawar, 2005).
2.6.2 Diagram UML
Unified Modeling Language (UML) memiliki beberapa
diagram diantaranya (Munawar, 2005):
1. Use Case Diagram
Use case adalah deskripsi fungsi dari sebuah sistem dari perspektif pengguna. Use case bekerja dengan cara mendeskripsikan tipikal interaksi antara user (pengguna) sebuah sistem dengan sistemnya sendiri melalui sebuah cerita bagaimana sebuah sistem di pakai. (Munawar, 2005)
Dalam sebuah pembicaraan tentang use case, pengguna biasanya disebut dengan actor. Actor adalah sebuah peran yang bisa dimainkan oleh pengguna dalam interaksinya dengan sistem. Use case adalah alat bantu terbaik guna menstimulasi pengguna potensial untuk mengatakan tentang suatu sistem dari sudut pandangnya. Diagram use case mempunyai 3 notasi yang menunjukkan aspek dari sistem (Munawar, 2005):
mewakili peran orang, sistem yang lain atau alat ketika berkomunikasi dengan use case.
b. Use Case adalah abstraksi dari interaksi antara sistem dan
actor. Use case dibuat berdasarkan keperluan actor. Use Case harus merupakan ―apa‖ yang dikerjakan software
aplikasi, bukan ―bagaimana‖ software aplikasi
mengerjakannya. Setiap use case harus diberi nama yang menyatakan apa hal yang dicapai dari hasil interaksinya dengan actor.
c. Relationship (hubungan) yaitu hubungan antara
[image:43.595.111.515.214.611.2]actor/pelaku dengan use case dimana terjadi interaksi diantara mereka.
Gambar 2.2 Contoh Diagram Model Use Case (Munawar, 2005)
2. ClassDiagram
diletakkan di atas kotak. Bila class mempunyai nama yang terdiri dari 2 (dua) suku kata atau lebih, maka semua suku kata digabungkan tanpa spasi dengan huruf awal tiap suku kata menggunakan huruf besar. Atribute adalah property dari sebuah
class. Attribute ini melukiskan batas nilai yang mungkin ada pada obyek dari class. Sebuah class mungkin mempunyai nol atau lebih attribute (Munawar, 2005). Operation adalah sesuatu yang bisa dilakukan oleh sebuah class atau yang anda (atau
class yang lain) dapat lakukan untuk sebuah class.
Responsibility adalah keterangan tentang apa yang akan dilakukan class yaitu apa yang akan dicapai oleh attribute dan
[image:44.595.108.517.212.568.2]operation (Munawar, 2005).
Gambar 2.3 Contoh Model Class Diagram (Munawar, 2005)
3. ActivityDiagram
Activity Diagram adalah teknik untuk mendeskripsikan logika procedural, proses bisnis dan aliran kerja dalam banyak kasus. Activity diagram mempunyai peran seperti halnya
activity diagram bisa mendukung perilaku paralel sedangkan
[image:45.595.112.519.197.576.2]flowchart tidak bisa (Munawar, 2005).
Gambar 2.4 Contoh Model Activity Diagram (Munawar, 2005)
4. SequenceDiagram
Sequence diagram digunakan untuk menggambarkan
perilaku pada sebuah scenario. Diagram ini menunjukkan sejumlah contoh obyek dan message (pesan) yang diletakkan di antara obyek-obyek ini di dalam use case. Komponen utama
Gambar 2.5 Contoh Model Sequence Diagram (Munawar, 2005)
2.7 Desain 2 dimensi
Desain 2 dimensi adalah ruang yang hanya mengenal dua parameter dimensi, yaitu panjang dan lebar (Arief Ramadhan, S.Kom dkk, 2006). Dalam konsep 2 dimensi, kita tidak bisa mendapatkan dimensi ketebalan. Dalam 2 dimensi, kita akan mengenal dua sumbu koordinat atau axis, yaitu sumbu X dan sumbu Y.
2.8 Objek 3 dimensi
Menurut (Arief Ramadhan, S.Kom dkk, 2006), berbeda dengan ruang desain 2 dimensi yang hanya mengenal 2 parameter yaitu panjang dan lebar, dalam konsep ruang 3 dimensi ini bisa mendapatkan dimensi ketebalan. Dalam ruang desain 3 dimensi akan mengenal tiga sumbu koordinat, yaitu sumbu X, sumbu Y, dan sumbu Z.
alamat, bencana (gempa, tsunami, kebakaran), pembajakan dan atau perompakan, kejahatan, kecelakaan, dan peristiwa – peristiwa penting lainnya.
2.9.1 Kelebihan dan kekurangan media tiga dimensi
Menurut Moedjiono (1992) kelebihan dari media visual tiga dimensi:
1. Memberikan pengalaman secara langsung
2. Penyajian secara konkrit dan menghindari verbalisme 3. Dapat menunjukkan objek secara utuh baik kontruksi
maupun cara kerjanya
4. Dapat memperlihatkan struktur organisasi secara jelas 5. Dapat menunjukkan alur suatu proses secara jelas. Kelemahan media tiga dimensi yaitu:
1. Tidak bisa menjangkau sasaran dalam jumlah
2. Penyimpanannya memerlukan ruang yang besar dan perawatan yang rumit
3. Untuk membuat alat peraga ini membutuhkan biaya yang besar
4. Anak tuna netra sulit untuk membandingkannya 2.9 RAD
Gambar 2.6 Tahapan Rapid Application Development (RAD) (Kendall, 2003)
Ada tiga fase dalam RAD yaitu (Kendall, 2003):
1. Requiretment Planning, Dalam fase ini, penganalisis dan pengguna bertemu untuk mengidentifikasikan tujuan-tujuan aplikasi atau sistem serta untuk mengidentifikasikan syarat-syarat informasi yang ditimbulkan dari tujuan-tujuan tersebut.
2. Design Workshop, yaitu Fase ini adalah fase untuk merancang dan memperbaiki yang bisa digambarkan sebagai workshop. Selama
workshop Desain RAD, pengguna merespon working prototype
yang ada dan penganalisis memperbaiki modul-modul yang dirancang berdasarkan respon pengguna.
dari sistem diuji coba dan kemudian diperkenalkan kepada organisasi.
2.10Web
Aplikasi web adalah sebuah sistem informasi yang mendukung interaksi pengguna melalui antarmuka berbasis web. Fitur-fitur aplikasi web biasanya berupa data persistance, mendukung transaksi, dan komposisi halaman web dinamis yang dapat dipertimbangkan sebagai hibridisasi antara hipermedia dan sistem informasi. Aplikasi web adalah bagian dari client-side yang dapat dijalankan oleh browser web.
Client-side mempunyai tanggung jawab untuk pengeksekusian proses bisnis. Interaksi web dibagi ke dalam tiga langkah (Simarmata, 2010), yaitu: 1. Permintaan
Pengguna mengirimkan permintaan ke server web, biasanya via halaman web yang ditampilakan pada browser web.
2. Pemrosesan
Server web menerima permintaan yang dikirimkan oleh pengguna kemudian memproses permintaan tersebut.
3. Jawaban
Browser menampilkan hasil dari permintaan pada jendela browser. 2.11Perangkat Lunak Penunjang
2.11.1 PHP (Personal Home Page)
the fly, dokumen HTML yang dihasilkan dari suatu aplikasi bukan dokumen HTML yang dibuat dengan menggunakan editor teks atau editor HTML (Sidik, 2004).
2.11.2 MySQL
MySQL (My Structure Query Language) merupakan
software database yang termasuk paling popular di lingkungan
Linux, kepopuleran ini karena ditunjang performansi query dari
database-nya yang saat itu bisa dikatakan paling cepat dan jarang bermasalah (Sidik, 2005).
2.11.3 XAMPP
XAMPP merupakan suatu paket yang terdiri dari Apache, MySQL, PHP, dan Perl yang dapat digunakan untuk membantu proses instalasi produk tersebut (Sukarno, 2006).
Berikut adalah kelebihan XAMPP (Sukarno, 2006):
1. XAMPP dapat berjalan pada operating system Linux dan
Windows. Dan kemungkinan juga akan berjalan di Macintosh.
2. Mudah bagi programmer apabila ingin berganti versi PHP, cukup dengan melakukan switch versi.
3. Mudah dan cepat dalam proses instalasi. 2.11.4 Adobe Dreamweaver
Adobe Dreamweaver adalah sebuah software web design
Adobe Dreamweaver didukung dengan penggunaan CSS, XML, RSS, dan kemudahan-kemudahan lain yang diperlukan (M. Suyanto, 2003).
2.11.5 Sketchup
Sketchup adalah sebuah software komputer untuk membuat model 3 Dimensi (3-D) atas benda-benda fisik seperti gedung-gedung, peralatan rumah tangga, disain tata ruang dan sebagainya. Desain arsitektur merupakan salah satu aplikasi pemakaian SketchUp. Sebelum ada Google Building Maker, SketchUp adalah satu-satunya software yang dipakai untuk membuat bangunan-bangunan 3-Dimensi yang dapat di lihat di Google Earth, (Harrynov, 2009).
[image:51.595.111.517.209.648.2]Berikut merupakan tampilan dari Sketchup:
2.11.5.1 Teknik Membuat Model 3 Dimensi dengan Sketchup Berikut merupakan teknik bagaimana membuat model bangunan 3 dimensi dengan sketchup dan menampilkannya ke dalam Google Earth :
1. Pertama yang perlu dilakukan adalah menentukan lokasi,
dengan cara pilih menu Add Location , Add Location
[image:52.595.110.517.204.570.2]berfungsi untuk mengambil layer melalui google earth.
Gambar 2.8 Add Location
Seperti pada gambar di atas, mencari lokasi pada menu
Gambar 2.9 Layer Dari Citra Google Earth
Setelah mendapatkan layer google earth, maka selanjutnya adalah memilih gedung mana yang akan dibangun ke dalam bentuk 3 dimensi.
2. Jika sudah mendapat gedung yang diinginkan, selanjutnya adalah melakukan digitasi dengan tools Rectangles.
Gambar 2.10 Rectangles
Gambar 2.11 Push/Pull
3. Kemudian menampilkan efek tembok dengan data foto yang telah di dapat sebelumnya. Teknik yang digunakan seperti melakukan overlay. Pilih file/import.. lalu pilih foto yang akan di olah, kemudian pilih Use as texture, dan tempel bagian yang diinginkan.
Gambar 2.12 Import Foto
Gambar 2,13 Position
Atur posisi pin yang berwarna kuning.
Gambar 2.14 Atur Posisi Pin
[image:55.595.112.518.100.695.2]Gambar 2.16 Hasil Penambahan Texture Foto
Gambar 2.17 Hasil Akhir Model FST
4. Jika sudah mendapat hasil yang diinginkan, selanjutnya export
model menjadi KMZ file, tujuannya adalah agar dapat di lihat di dalam Google Earth. Dengan cara pilih file/export/3D Model. 5. Upload model tersebut ke 3dwarehouse.
2.11.6 AdobePhotoshop
perusahaan iklan sehingga dianggap sebagai pemimpin pasar (market leader) untuk perangkat lunak pengolah gambar/foto, dan, bersama Adobe Acrobat, dianggap sebagai produk terbaik yang pernah diproduksi oleh Adobe Systems. Versi kedelapan aplikasi ini disebut dengan nama Photoshop CS (Creative Suite), versi sembilan disebut Adobe Photoshop CS2, versi sepuluh disebut Adobe Photoshop CS3 , versi kesebelas adalah Adobe Photoshop CS4 , versi keduabelas adalah Adobe Photoshop CS5 , dan versi yang terakhir (ketigabelas) adalah Adobe Photoshop CS6.
2.11.7 Google Earth
Google Earth merupakan sebuah program globe virtual
yang sebenarnya disebut Earth Viewer dan dibuat oleh Keyhole, Inc. Program ini memetakan bumi dari superimposisi gambar yang dikumpulkan dari pemetaan satelit, fotografi udara dan globe GIS 3D. Tersedia dalam tiga lisensi berbeda: Google Earth, sebuah versi gratis dengan kemampuan terbatas; Google Earth Plus ($20), yang memiliki fitur tambahan; dan Google Earth Pro ($400 per tahun), yang digunakan untuk penggunaan komersial.
Google Earth adalah sebuah layanan Geographical
Information System yang menyediakan informasi mengenai peta dan seluk-beluknya. Salah satu keunggulan google earth adalah peta ini mencakup ke seluruh dunia (Zaki – 2010:1). Awalnya,
Keyhole.Inc. dan dinamai pertama kali dengan Earth Viewer 3D. Fiturnya saat itu masih sangat sederhana dan kemudian diakuisisi oleh Google pada tahun 2004 sejak itulah fiturnya mulai dilengkapi dan dipercanggih. Gambar peta dunia yang diperoleh oleh Google
Earth diambil dari beberapa gabungan sumber seperti fotografi udara, gambar dari satelit dan dari olahan GIS (Geographical Information System). Google Earth juga disebut sebagai peta raksasa yang memudahkan bagi pengguna yang memakai program ini untuk melihat lokasi-lokasi diseluruh penjuru dunia. Google
Earth ini tidak hanya sebagai peta saja tetapi juga memberikan informasi sedetil-detilnya mengenai bangunan-bangunan yang ada di dunia, dengan tampilan 3 Dimensinya. Berikut adalah gambar bangunan model 3D yang diakses melalui Google Earth :
2.11.8 3D Warehouse
35 3.1Tempat dan Waktu Penelitian
Tempat Penelitian : Biro Administrasi Umum dan Kepegawaian
UIN Syarif Hidayatullah Jakarta, Jl. Ir. H. Juanda No.95, Ciputat, Tangerang Selatan
Waktu Penelitian : Oktober 2014 – Januari 2015 3.2Lokasi Penelitian
Lokasi penelitian yang dipilih adalah UIN Syarif Hidayatullah Jakarta kampus 1 dan 2 yang beralamat di Jl. Ir. H. Juanda No. 95, Ciputat. Berikut adalah foto citra kampus 1 pada gambar 3.1 dan kampus 2 pada gambar 3.2 yang diambil dari Google Earth:
Gambar 3.2 Kampus dua UIN Jakarta (Google Earth) 3.2Bahan dan Perangkat Pendukung
3.2.1 Bahan
Bahan yang dikumpulkan untuk digunakan dalam pembuatan aplikasi sistem informasi peta kampus berbasis web dengan 3D modeling adalah berupa foto – foto bangunan, data tinggi dan luas gedung, dan informasi terkait kampus.
3.2.2 Perangkat Pendukung
Perangkat yang dipergunakan dalam penelitian ini adalah: 1. Perangkat Keras
a. Intel(R) Core (TM) i3-2310M CPU@2.10GHz
b. Hardisk 750GB
c. Memory 4GB
e. Perangkat keras lainnya (Keyboard, Mouse dan lain-lain) 2. Perangkat Lunak
a. Windows 7 Home Premium
b. Microsoft Word 2010
c. Sketchup d. Google Earth
e. Adobe Dreamweaver CS5 f. Notepad++
g. Adobe Photoshop h. XAMPP
i. PHP MySQL j. Star UML
k. Browser internet: Google Chrome
3.3Metode Penelitian
3.3.1 Metode Pengumpulan Data
A. Observasi
Dalam melakukan penelitian ini, penulis melaksanakan pengamatan langsung ke lapangan untuk mengumpulkan data dan informasi. Pengamatan ini dilakukan untuk mengambil foto – foto gedung fakultas dari berbagai sudut yang nantinya akan diolah untuk pembuatan model 3D, sekaligus mencari informasi fasilitas apa saja yang ada dalam gedung tersebut. Observasi ini dilakukan di kampus 1 dan kampus 2 UIN Syarif Hidayatullah Jakarta.
B. Studi Literatur dan Kepustakaan
Dalam tahapan ini, penulis mencari, menemukan, mengetahui dan mempelajari dari studi literatur atau buku-buku pedoman yang berkaitan dengan tema penulisan tugas akhir ini. Berikut literatur sejenis pendukung skripsi ini:
Tabel 3.1 Tabel Studi Literatur Sejenis
No. Peneliti Judul Penelitian Kelebihan Kekurangan
1
Eldy Murtaza
Implementasi Pemodelan 3D Di Kawasan Pelabuhan Ulee
Lheu
Dengan Menggunakan
2 Dewanto RA
Rancang Bangun Sistem Informasi Geografis Wisata
Kuliner berbasis Web dengan Google API
Sudah menampilkan map interaktif dengan google map Tidak memiliki bentuk 3D dari map tersebut 3 I.G.N Willy, D.G Pratomo, A.B. Cahyono
Pembuatan Peta 3 Dimensi Kampus Its Sudah memberikan perbandingan antara model 3D dengan bangunan aslinya Belum ditampilkan dalam web 4 Komang Setemen
Sistem Informasi Fasilitas Kampus Undiksha Melalui
Pengembangan Peta Interaktif Berbasis Web
Sudah memberikan tampilan yang
interaktif kedapa user
dan sudah berbasis web Tampilan dari peta masih terlalu datar dan kurang menarik
yang lebih up to date. Dengan memanfaatkan Google Earth untuk memberikan tampilan yang lebih menarik kepada user.
C. Kuesioner
Kegiatan menyebarkan kuesioner yang dilakukan oleh penulis adalah berkaitan dengan informasi apa saja yang dibutuhkan untuk sistem dan minat responden terhadap visual 3 dimensi. Penulis menyebarkan kuesioner kepada mahasiswa UIN Jakarta. Untuk penghitungan hasil dari penyebaran kuesioner ini menggunakan metode kualitatif.
Untuk pembuatan pertanyaan menggunakan metode tertutup, yaitu dengan menyediakan alternatif jawaban kepada responden dalam menjawab pertanyaan. Dalam penyediaan alternatif jawaban, penulis menggunakan metode skala Likert, yaitu bentuk jawaban pertanyaan dengan memberikan 5 pilihan.
D. Wawancara
Dalam tahap ini penulis melakukan wawancara untuk memperoleh informasi dengan cara mengajukan beberapa pertanyaan secara lisan untuk dijawab secara lisan pula oleh responden. Wawancara ini dilakukan kepada Bapak Jalul sebagai staff bagian umum dan Bapak Ali sebagai kepala biro umum administrasi dan kepegawaian rektorat UIN Jakarta.
wawancara yang bebas dan peneliti tidak menggunakan pedoman wawancara yang telah tersusun secara sistematis dan lengkap untuk pengumpulan datanya. Pedoman wawancara yang digunakan hanya berupa garis-garis besar permasalahan yang akan ditanyakan. Hal ini maksudkan agar memberikan suasana yang lebih nyaman antara penanya dan responden.
Wawancara ini juga dilakukan terhadap beberapa mahasiswa UIN Jakarta. Wawancara ini menghasilkan fitur – fitur dan informasi apa saja yang diperlukan untuk ditampilkan kedalam sistem.
3.3.2 Metode Pemodelan 3D
Adapun tahap-tahap dalam pembuatan pemodelan 3 dimensi ini di gambarkan dengan perancangan dari diagram berikut:
Pengumpulan data
Pemodelan 3D dengan Sketchup
Export 3D Google Earth
Simpan menjadi KML
3.3.3 Metode Pengembangan Sistem
Rapid Application Development (RAD) merupakan salah
satu metode prototyping Tahapan metode pengembangan sistem dengan rapid application development yang dilakukan adalah
sebagai berikut.
3.3.3.1Proses Perencanaan Syarat
Dalam fase ini penulis melakukan beberapa kegiatan diantaranya:
1. Mempelajari bagaimana membangun objek 3D
2. Menganalisa kebutuhan sistem
3. Data dan informasi mengenai gedung – gedung yang ada di UIN Jakarta
3.3.3.2Workshop Desain
Dalam proses ini penulis melakukan beberapa kegiatan diantaranya :
1. Perancangan Sistem
1.1Merancang Spesifikasi Actor dan Usecase
Disini penulis mengidentifikasikan actor dan use case yang akan di buat pada use casediagram.
1.2Merancang Use Case Diagram
Ditahap ini penulis mencoba untuk menangkap
Disini penulis mendeskripsikan use case yang telah dibuat pada use case diagram.
1.4Merancang Activity Diagram
Penulis membuat sebuah alur kerja dari satu aktivitas ke aktivitas lainnya. Tahap ini berguna ketika kita ingin menjelaskan bagaimana perilaku dalam berbagai
use case berinteraksi.
1.5Merancang Sequence Diagram
Penulis menjelaskan interaksi objek yang disusun dalam suatu urutan waktu
2. Perancangan Database
2.1Merancang Class diagram
Penulis memvisualisasikan struktur kelas-kelas dari sistem dan memperlihatkan hubungan antar kelas dan penjelasan detail tiap-tiap kelas didalam model desain (dalam logical view) dari sistem.
2.2Merancang Struktur data
Penulis merancang data dengan memperlihatkan detail isi database pada sistem berupa record data.
3.3.3.3Implementation
Dalam tahap ini sistem dibangun dengan menggunakan bahasa pemrograman PHP dan basis data MySql.
3.2 Testing Application (Uji coba aplikasi)
Dalam tahap ini penulis melakukan pengujian sistem dengan metode blackbox, dengan melakukan input data pada sistem dan melihat apakah outputnya sesuai dengan perancangan sistem yang dibangun.
3.4 Kerangka Penelitian
Mulai Metode Pengumpulan Data Studi Pustaka Kuesioner Wawancara Observasi Studi Literatur Sejenis Foto Gedung Informasi Gedung Metode RAD Requirement Planning Tujuan Perancangan Sistem Kebutuhan Sistem Sistem Berjalan Identifikasi Masalah Sistem Usulan Workshop Design Perancangan Proses
Usecase Diagram dan Narasi Usecase Activity Diagram Class Diagram Sequence Diagram Perancangan Database Perancangan User Interface
Implementation Persiapan Sistem Coding PHP Javascript
HTML Pengujuan Sistem
Black box testing Kesimpulan dan Saran
Selesai
Analisis Masalah Fitur – fitur Sistem
AJAX Logical Record Structure
46
Pada bab ini akan dijelaskan tahapan pengembangan sistem yang digunakan dalam penulisan skripsi. Dalam penelitian ini, menggunakan metode pengembangan sistem Rapid Application Development (RAD).
4.1Perencanaan Kebutuhan
Fase ini adalah fase dimana analyst sistem bertemu dengan
Pengunjung untuk sama-sama mengidentifikasi tujuan, syarat-syarat dari kebutuhan sistem yang ditimbulkan atas tujuan sistem yang dirumuskan, serta mengidentifikasi masalah yang menjadi latar belakang dalam perancangan sistem.
4.1.1 Tujuan Pengembangan Sistem
Berdasarkan permasalahan yang dikemukakan di atas, maka dapat dirumuskan tujuan dari pengembangan sistem adalah sebagai berikut:
1. Kemampuan sistem memberikan informasi mengenai fasilitas dan lokasi gedung – gedung di UIN Jakarta secara up to date.
2. Kemampuan sistem dalam menampilkan informasi gedung – gedung tersebut ke dalam bentuk tampilan web dengan menampilkan model 3 dimensi yang interaktif.
4.1.2 Kebutuhan Sistem
Pada tahap ini, pengenalan terhadap instansi tempat peneliti melakukan riset sangat diperlukan. Dalam hal ini adalah gambaran dari kampus UIN Jakarta sebagai tempat melakukan riset, dimulai dengan mengetahui bagaimana profil UIN Jakarta, dilanjutkan dengan mengidentifikasi syarat-syarat dari kebutuhan sistem yang ditimbulkan atas tujuan sistem yang telah dirumuskan.
4.1.2.1Sejarah Singkat UIN
Sejalan dengan perkembangan STI yang semakin besar, pada 22 Maret 1948 nama STI diubah menjadi Universitas Islam Indonesia (UII) dengan penambahan fakultas-fakultas baru. Sampai dengan 1948, UII memiliki empat fakultas, yaitu (1) Fakultas Agama, (2) Fakultas Hukum, (3) Fakultas Ekonomi, dan (4) Fakultas Pendidikan.
Periode ADIA (1957-1960)
ADIA didirikan pada 1 Juni 1957. Dengan pertimbangan UIN Syarif Hidayatullah Jakarta merupakan kelanjutan dari ADIA, hari jadi ADIA 1 Juni 1957 ditetapkan sebagai hari jadi atau Dies Natalis UIN Syarif Hidayatullah Jakarta. Sama seperti perguruan tinggi pada umumnya, masa studi di ADIA adalah 5 tahun yang terdiri dari tingkat semi akademi 3 tahun dan tingkat akademi 2 tahun.
ADIA memiliki tiga jurusan, yaitu Jurusan Pendidikan Agama, Jurusan Bahasa Arab, dan Jurusan Da’wah wal Irsyad yang juga dikenal dengan Jurusan
Khusus Imam Tentara. Komposisi kurikulum ADIA tidak jauh berbeda dengan kurikulum PTAIN dengan beberapa tambahan mata kuliah untuk kepentingan tenaga fungsional. Komposisi lengkapnya adalah Bahasa Indonesia, Bahasa Arab, Bahasa Inggris, Bahasa Perancis, Bahasa Ibrani, Ilmu Keguruan, Ilmu Kebudayaan Umum dan Indonesia, Sejarah Kebudayaan Islam, Tafsir, Hadits, Musthalah Hadits, Fiqh, Ushul Fiqh, Tarikh Tasyri’ Islam,
Periode Fakultas IAIN al-Jami’ah Yogyakarta (1960-1963)
Meningkatnya jumlah mahasiswa dan meluasnya area of studies menuntut perluasan dan penambahan, baik dari segi kapasitas kelembagaan, fakultas dan jurusan maupun komposisi mata kuliah. Untuk memenuhi kebutuhan tersebut, ADIA di Jakarta dan PTAIN di Yogyakarta diintegrasikan menjadi satu lembaga pendidikan tinggi agama Islam negeri. Integrasi terlaksana dengan keluarnya Peraturan Presiden Republik Indonesia No. 11 Tahun 1960 tertanggal 24 Agustus 1960 bertepatan dengan 2 Rabi’ul Awal 1380 Hijriyah. Peraturan Presiden
RI tersebut sekaligus mengubah dan menetapkan perubahan nama dari PTAIN menjadi Institut Agama Islam Negeri (IAIN) al-Jami’ah al-Islamiyah al-Hukumiyah.
IAIN With Wider Mandate
Jurusan Ekonomi dan Perbankan Islam pada Fakultas Syari’ah pada tahun akademik 1998/1999. Untuk lebih
memantapkan langkah konversi ini, pada 2000 dibuka Program Studi Agribisnis dan Teknik Informatika dan Program Studi Manajemen dan Akuntansi. Pada 2001 diresmikan Fakultas Psikologi dan Dirasat Islamiyah.
Pendayagunaan Aparatur Negara RI dan Dirjen Anggaran Departemen Keuangan RI Nomor 02/M-PAN/1/2002 tanggal 9 Januari 2002 dan Nomor S-490/MK-2/2002 tanggal 14 Februari 2002. Rekomendasi ini merupakan dasar bagi keluarnya Keputusan Presiden Nomor 031 tanggal 20 Mei Tahun 2002 tentang Perubahan IAIN Syarif Hidayatullah Jakarta menjadi UIN Syarif Hidayatullah Jakarta.
Periode UIN Syarif Hidayatullah Jakarta (Mulai 20 Mei 2002)
Program Sarjana (S1) pada Universitas Islam Negeri (UIN) Syarif Hidayatullah Jakarta Nomor Dj.II/37/2004 tanggal 19 Mei 2004.
Sebagai bentuk reintegrasi ilmu, UIN Syarif Hidayatullah Jakarta sejak tahun akademik 2002/2003 menetapkan nama-nama fakultas sebagai berikut:
1. Fakultas Ilmu Tarbiyah dan Keguruan 2. Fakultas Adab dan Humaniora
3. Fakultas Ushuluddin
4. Fakultas Syari’ah dan Hukum
5. Fakultas Ilmu Dakwah dan Ilmu Komunikasi 6. Fakultas Dirasat Islamiyah
7. Fakultas Psikologi
8. Fakultas Ekonomi dan Bisnis 9. Fakultas Sains dan Teknologi
10.Fakultas Kedokteran dan Ilmu Kesehatan 11.Fakultas Ilmu Sosial dan Ilmu Politik 12.Sekolah Pascasarjana
dan atau menciptakan ilmu pengetahuan keagamaan dan ilmu ilmu terkait lainnya dalam arti yang seluas-luasnya. 4.1.2.2Struktur Organisasi
Rektor
Pembantu Rektor Bidang Administrasi
Umum
Bagian Umum Bagian Organisasi,
Kepegawaian dan Peraturan Perundang
- undangan
Kepala Biro Administrasi Umum dan Kepegawaian
Gambar 4.1 Struktur Organisasi 1. Rektor dan Pembantu Rektor
Rektor dan Pembantu Rektor adalah unsur pimpinan UIN Syarif Hidayatullah Jakarta.
2. Kepala Biro Admistrasi Umum dan Kepegawaian Biro Administrasi Umum dan Kepegawaian mempunyai tugas memberikan layanan administrasi di bidang umum dan kepegawaian di lingkungan UIN Syarif Hidayatullah Jakarta.
1. Pelaksanaan administrasi umum; 2. Pelaksanaan administrasi kepegawaian 3. Pelaksanaan administrasi organisasi dan
tatalaksana
4.1.2.3Identifikasi kebutuhan sistem
Mengidentifikasi kebutuhan sistem merupakan langkah pertama yang dilakukan dalam tahap perencanaan sistem. Kebutuhan adalah sebuah kondisi yang menuntut suatu hal untuk dipenuhi. Untuk itu dibuatlah suatu pengembangan sistem yang dapat memenuhi kebutuhan masyarakat. Dari hasil penelitian diperoleh kebutuhan yang diharapkan, diantaranya adalah:
1. Untuk masyarakat kebutuhan akan suatu sistem yang memberikan informasi terkini mengenai kampus terkait fasilitas, lokasi gedung – gedung kampus, dan informasi mengenai gedung – gedung kampus.
2. Untuk UIN Jakarta dapat memberikan informasi yang
4.1.3 Sistem Berjalan
Sistem berjalan pada UIN Jakarta saat memberikan informasi mengenai letak kampus dengan sistem web yang menampilkan denah atau master plan dalam bentuk PDF. Jadi masyarakat umum hanya bisa melihat letak atau lokasi gedung yang ingin dituju.
Master Plan Kampus
Website
3. Di upload ke website
Pengunjung
5. Memberikan Informasi 4. Melihat Peta Kampus
Staff Umum
1. Master Plan dikelola oleh staff umum
2. Master Plan di ubah ke dalam bentuk PDF
Gambar 4.2 Sistem Berjalan Kelemahan :
1. Peta yang dipublikasikan di dalam web masih dalam bentuk denah
2. Hanya dapat memberikan informasi letak – letak gedung yang ada di kampus
Kelebihan :
Sudah ditampilkan kedalam website, sehingga masyarakat dapat melihat peta melalui internet
4.1.4 Identifikasi masalah 4.1.4.1 Analisis Masalah
Identifikasi masalah dilakukan pada sistem yang berjalan selama ini. Adapun hasil dari identifikasi adalah sebagai berikut:
1.Informasi yang ditampilkan hanya terbatas pada lokasi gedung, sehingga masyarakat hanya mengetahui letak gedung saja
2.Sistem yang ada masih menampilkan master plan kampus dalam bentuk PDF, sehingga kurang interaktif bagi masyarakat
3.Informasi kegiatan yang terkait untuk umum masih terbatas, karena informasi hanya tercapai pada internal saja
4.1.5 Sistem Usulan
1. Memberikan informasi yang up to date dari kegiatan yang ada di dalam kampus
2. Dapat memvisualisasikan bentuk dan rupa gedung dengan menggunakan model 3 dimensi
3. Adanya fungsi editing yang memungkinkan admin dalam mengelola dan memanipulasi peta
4. Menampilkan peta dengan platform google maps dan google earth yang interaktif dan menarik yang mudah digunakan
Admin Kabir Umum Database Disimpan PR Umum Pengembang
Kabag umum Masyarakat
1 2 3 4 5 12 20 8 9 6
10 1819
22 15 16 13 14 7 11 17 23 21
Gambar 4.3 Sistem Usulan Keterangan :
4. Admin mengelola data gedung 5. Admin mengelola data download 6. Admin mengelola data 3 dimensi 7. Admin mengelola halaman web 8. Kabag umum mengelola data parkir 9. Kabag umum mengelola data fakultas 10.Kabag umum mengelola data gedung 11.Kabag umum mengelola data download 12.PR umum memvalidasi data
13.PR umum melihat peta
14.PR umum melihat model 3 dimensi 15.Kabir umum memvalidasi data 16.Kabir umum melihat peta
17.Kabir umum melihat model 3 dimensi 18.Masyarakat melihat peta
19.Masyarakat melihat model 3 dimensi 20.Pengembang melihat peta
4.2 Workshop Design (Proses Desain)
Merupakan tahap lanjutan dari tahap perencanaan kebutuhan (Requirements Planning), dimana dilakukan pengidentifikasian dari solusi alternatif yang ada dengan pemilihan solusi terbaik. Setelah itu, dilanjutkan dengan melakukan pemodelan proses bisnis dan desain pemrograman untuk data-data yang telah diperoleh yang nantinya akan dimodelkan dalam arsitektur informasi. Adapun tahapan yang dilakukan dalam proses desain ini diantaranya sebagai berikut:
4.2.1 Membuat Model Desain dengan Pemodelan Object Oriented 4.2.1.1Use Case Diagram dan Narasi Use Case
Use Case mendeskripsikan interaksi antara Aktor aplikasi Pengembangan Sistem Informasi Peta Kampus Berbasis web. Seperti dijelaskan pada Tabel 4.1 berikut:
Tabel 4.1 Identifikasi Aktor dan Use Case
No Actor Description
1 Admin
Aktor yang bisa mengakses keseluruhan yang ada di dalam sistem dan mengelola peta kampus dan informasi.
2 Pengembang
3 Kabag Umum
Aktor yang dapat mengelola data gedung dan informasi kegiatan yang diadakan oleh kampus.
4 PR Umum
PR Umum adalah Pembantu Rektor bagian umum yang dapat mengakses menu validasi data
5 Kabir Umum
Kepala Biro umum adalah User yang dapat mengakses menu validasi data.
6 Masyarakat
Masyarakat merupakan user yang dapat melihat informasi yang ada dalam sistem
[image:87.595.113.517.105.756.2]Selanjutnya Tabel 4.2 dibawah ini akan memperlihatkan interaksi antar Aktor dengan sistem.
Tabel 4.2 Daftar Diagram Use Case
No Use Case Description Actor
1 Login Proses yang menggambarkan
kegiatan memasukkan
Pengunjungname dan password
untuk dapat mengakses sistem.
Admin, PR
umum, Kabir
umum, Kabag
umum,
2 Mengelola data gedung
Proses yang menggambarkan kegiatan mengelola data informasi mengenai fasilitas dari tiap gedung yang ada di kampus.
Admin, Kabag
umum
3 Mengelola data fakultas
Proses yang menggambarkan kegiatan mengelola data informasi mengenai fasilitas dari tiap fakultas yang ada di kampus.
Admin, Kabag
umum
4 Mengelola data Parkir
Proses yang menggambarkan kegiatan mengelola data informasi mengenai lokasi parkir di kampus
Admin, Kabag
umum
5 Mengelola data download
Proses yang menggambarkan kegiatan mengelola data yang dapat di download oleh pengembang
Admin, Kabag
umum
6 Mengelola User
Proses yang menggambarkan kegiatan mengelola data user
Admin
7 Validasi Proses yang menggambarkan kegiatan memvalidasi data dan informasi gedung, fakultas, dan parker
PR umum,
Kabir umum
kegiatan melihat peta kampus untuk mendapatkan informasi
Kabir umum,
Masyarakat,
Pengembang
9 Mengelola Berita
Proses yang menggambarkan kegiatan mengelola kegiatan yang akan ditampilkan di dalam sistem
Admin,
10 Lihat Berita Proses yang menggambarkan kegiatan melihat berita kegiatan yang diadakan oleh kampus
Pengemb