Purwarupa Sistem Informasi Geo-Social Berbasis Web dengan Memanfaatkan Geo-Tagging pada Citra Digital 1 2
1
Awalia Khumaira,
Tubagus Maulana Kusuma
Universitas Gunadarma (
[email protected]) 2
Universitas Gunadarma (
[email protected])
Abstraksi Geotagging adalah fitur pada handphone untuk mengetahui posisi dari foto yang telah dihasilkan. Informasi tersebut berupa GPS (latitude dan longitude). Dengan menggunakan geotagging pengguna dapat saling berbagi informasi yang hubungannya dengan sistem informasi geo-social. Sistem informasi Geo-Social merupakan sistem informasi yang menyediakan informasi berupa hubungan dan pengaruh timbal balik antara manusia dengan lingkungan alam atau manusia dengan manusia. Sekumpulan manusia tersebut akan membentuk suatu komunitas. Maka dibuat aplikasi Purwarupa Sistem Informasi Geo-Social berbasis web sebagai wadah untuk menciptakan suatu komunitas dunia maya dengan memanfaatkan geotagging pada citra digital. Pengguna yang berkunjung ke situs web GIS ini dapat saling bertukar informasi atau dapat melihat informasi latitude longitude pada peta berdasarkan kategori. Kata kunci : Geo-Tagging, Geo-Social, Google Api, Sistem Informasi.
1.
Pendahuluan
Perangkat Internet dan mobile dalam beberapa tahun belakangan ini mengalami
masing-masing
karena
kebutuhan
manusia
terhadap informasi yang meningkat dan kebiasaan orang dalam membentuk suatu komunitas
semakin
meningkat.
Pembentukan komunitas terjadi secara tatap muka langsung maupun tidak langsung. Umumnya komunitas terjadi karena adanya sekelompok orang yang saling berinteraksi yang mempunyai kepentingan yang sama untuk saling berbagi informasi. Seiring
dengan
jaringan-jaringan halaman (hyperlink).
perkembangan yang sangat pesat. Hal ini disebabkan
dihubungkan
Dibutuhkan
suatu
aplikasi
yang
dapat membangun sebuah jejaring sosial sebagai suatu wadah komunitas untuk masyarakat luas yang sudah mengenal dunia teknologi
dan
informasi
untuk
saling
bertukar informasi sesuai kepentingan yang dibutuhkan.
Teknologi
yang
sedang
berkembang saat ini juga terjadi pada mobile, produk yang diciptakan seperti hardware yang dapat berupa handphone, smartphone, GPS, dsb. Sedangkan pada sisi
perkembangan
teknologi
software,
berupa
aplikasi-aplikasi
yang
yang semakin pesat, maka para komunitas
menyediakan informasi secara instan, seperti
beralih pada komunitas dunia maya. Dimana
contohnya penggunaan aplikasi GIS pada
mereka tidak harus bertemu langsung untuk
handphone,
saling bertukar informasi, salah satu contoh
informasi apa saja
komunitas dunia maya adalah menggunakan
dimana foto tersebut diambil.
situs web.
dapat
melihat
berdasarkan
lokasi
Pada saat ini, banyak aplikasi GIS
Situs web dapat diartikan sebagai kumpulan
pengguna
halaman
yang
menampilkan
yang dikombinasikan dengan smartphone karena
pada
umumnya
perangkat
informasi data teks, data gambar diam atau
smartphone keluaran baru sudah memiliki
gerak, data animasi, suara, video dan atau
fitur GPS sehingga informasi bisa didapat
gabungan dari semuanya, baik yang bersifat
dimana saja dan kapan saja namun untuk
statis maupun dinamis yang membentuk
perkembangannya
suatu rangkaian yang saling terkait dimana
Purwarupa Sistem Informasi Geo-Social
dibuat
aplikasi
Berbasis Web dengan Memanfaatkan Geo-
1. Pengumpulan dan Analisis Data
Tagging pada Citra Digital.
Dalam pengumpulan data, metode
Dengan menggunakan Geo-Tagging,
yang
digunakan
adalah
pustaka,
pengambilan gambar atau foto tersebut
fasilitas internet untuk mencari bahan-bahan
termasuk data dan waktu ketika foto
yang dapat dijadikan referensi serta buku
diambil. Pada aplikasi situs web GIS ini
yang berhubungan dengan perancangan
dibuat dengan
aplikasi situs web Gis.
lokasi Provinsi DKI Jakarta. Berdasarkan
dari
penulis
studi
maka pengguna dapat mengetahui letak
mengambil contoh peta
dimana
metode
menggunakan
2. Perancangan uraian
diatas,
Proses perancangan ini dimaksudkan
penulisan ini mencoba membuat aplikasi
agar nantinya masyarakat dapat mudah
Purwarupa Sistem Informasi Geo-Social
memperoleh informasi secara cepat tempat-
Berbasis Web dengan Memanfaatkan Geo-
tempat yang ingin di kunjungi. Sehingga
Tagging pada Citra Digital.
maksud dan tujuan dari pembuatan aplikasi ini dapat terpenuhi.
2.
3. Pemrograman
Tujuan Penelitian
Aplikasi
Tujuan dari penelitian ini adalah menghasilkan aplikasi Purwarupa Sistem Informasi Geo-Social Berbasis Web yaitu memberikan suatu wadah untuk membentuk suatu komunitas dunia maya melalui situs
citra
digital
dan
dibangun
setelah
proses perancangan selesai. Aplikasi ini dibangun pada platform komputer dengan spesifikasi yang diperlukan. 4. Pengujian dan Implementasi
web GIS dengan memanfaatkan Geotagging pada
akan
Aplikasi
yang
sudah
dirancang
menampilkan
sebelumnya akan diuji. Apakah aplikasi ini
informasi pada peta berdasarkan latitude dan
mampu menyediakan informasi yang tepat
longitude(garis lintang dan bujur).
bagi pengguna, jika belum maka akan dilakukan perbaikan. Aplikasi yang telah
3.
Metode Penelitian Metodologi penelitian yang akan
digunakan adalah :
menjalani proses pengujian dan berhasil, maka
kemudian
aplikasi
ini
akan
diimplementasikan agar bisa dioperasikan
Kebenaran dan kelengkapan data diperiksa
pada lingkungan sebenarnya.
oleh
admin.
Selesai
mengisi
data
pengunjung dapat langsung logout dan kembali kehalaman home. Halaman terakhir 4.
Pembahasan
yaitu halaman peta, terdapat peta Jakarta
Dalam menggunakan aplikasi ini,
yang langsung koneksi ke Google Map,
pengguna dihadapkan pada tampilan awal
terdapat informasi dimana pengunjung dapat
halaman utama user yaitu tampilan home,
melihat langsung lokasi-lokasi yang terdapat
pada halaman home terdapat menu home,
pada peta Jakarta, pilihan kategori, galeri
profil, upload, dan peta. Pada halaman home
dan informasi yang terkait didalamnya.
terdapat foto peta daerah DKI Jakarta. Pada
Pada tampilan utama halaman admin
halaman profil terdapat penjelasan tentang
yaitu terdapat halaman login. Pada halaman
sejarah Dki Jakarta. Pada halaman upload
home admin terdapat menu data upload,
pengunjung
admin, data anggota, komentar, dan logout.
login,
dihadapkan
yaitu
pada
pengunjung
tampilan ingin
Pada halaman index terdapat menu untuk
mengupload harus menjadi member terlebih
Login admin yaitu dengan mengisi user dan
dahulu, sehingga untuk menjadi member
password kemudian tombol login. Pada
pengunjung
account.
halaman data upload terdapat form untuk
Apabila belum mempunyai account untuk
upload data, menu ubah, hapus data dan
login pengunjung dapat melakukan registrasi
logout. Pada halaman admin yaitu terdapat
pada menu registrasi yang terdapat di
data admin yang telah registrasi pada
sebelah kiri.
halaman admin, pada halaman ini terdapat
harus
yang
mempunyai
Pada tampilan registrasi pengunjung
menu untuk ubah, hapus dan logout. Pada
mengisi semua data yang dibutuhkan.
halaman
Setelah
registrasi serta terdapat daftar anggota yang
pendaftaran
sukses
pengunjung
data
anggota
terdapat
form
dan
telah melakukan registrasi pada halaman
masukkan username dan password untuk
user. Pada halaman ini juga terdapat menu
login. Pengunjung dapat masuk ke halaman
ubah, hapus, dan logout.
dapat
kembali
ke
menu
upload
upload, pada halaman upload ini pengunjung dapat mengisi data dan foto yang akan dimunculkan
ke
dalam
peta
Jakarta.
4.1
Hardware dan Software
Persiapan spesifikasi hardware dan software yang penulis gunakan untuk menyusun tugas akhir ini yaitu:
yang digunakan pada perancangan ini, yaitu
• Perangkat keras
linier dan navigasi hirarki. Navigasi linier,
o Processor Intel(R) Atom(TM) CPU N280
stuktur navigasi campuran. Struktur navigasi campuran yaitu gabungan antara navigasi
menampilkan satu demi satu tampilan layar secara terurut menurut urutannya dan tidak
@1.66GHz 1.67GHz
diperbolehkan o Memory DDR 256 MB
adanya
percabangan.
Navigasi hirarki, merupakan suatu struktur
o Hardisk 40 GB
yang mengandalkan percabangan untuk
o Monitor SVGA 32 bit
menampilkan
• Perangkat lunak
tertentu.
data
berdasarkan
kriteria
o System Operasi Windows 7 Untuk menjalankan aplikasi situs web GIS ini, spesifikasi komputer minimal adalah • System Operasi Windows XP Profesional • Processor Intel 133 MB (lebih disarankan 200 MHz keatas) Gambar 1: Struktur Navigasi
• Ruang kosong Hardisk 500 MB 2.
• Memory 32 MB 4.2
Gambar 3.1 di bawah ini merupakan
Perancangan Aplikasi
Perancangan dalam aplikasi meliputi beberapa hal berikut, yaitu : 1.
Pembuatan UML
Pembuatan Struktur Navigasi
model interaksi antara pengguna dan situs web Purwarupa Sistem Informasi Geo sosial berbasis Web dengan memanfaatkan Geo tagging pada citra digital yang ditampilkan
Struktur navigasi adalah alur yang digunakan dalam aplikasi yang dibuat. Struktur
navigasi
juga
menjelaskan
hubungan antar halaman, dan memberikan penjelasan mengenai alur cerita sebuah program atau aplikasi. Struktur navigasi
dalam sebuah Use Case Diagram.
latitude
longitude,
galeri
berdasarkan
kategori.
Gambar 2: Diagram Use Case 3. Pembuatan Aplikasi
Menu
Perancangan
Sebelum membuat suatu program atau aplikasi alangkah baiknya apabila dirancangkan suatu rancangan tampilan dari aplikasi yang akan dibuat. Rancangan input
Gambar 3 : Halaman Home
dan output ini sangat berguna dalam implementasinya
dengan
menggunakan
software PHP MySql dan Google Api. Membuat beberapa rancangan untuk aplikasi GIS ini diantaranya rancangan tampilan halaman home, pada halaman home terdapat menu registrasi, my profil, kalender, foto peta DKI Jakarta ,pengertian tentang gis dan geo tagging. Pada
Gambar 4 : Halaman Profil halaman
Profil
terdapat
registrasi, my profil, kalender, logo DKI Jakarta dan sejarah singkat DKI Jakarta. Pada halaman Upload terdapat menu untuk login, registrasi, form upload, dan logout. Pada halaman terakhir yaitu halaman peta terdapat registrasi, my profil, kalender, terdapat tampilan peta, informasi lokasi Gambar 5 : Halaman Login
4.
Pembuatan Database. Untuk membangun sebuah aplikasi,
diperlukan perancangan dalam database. Hal ini dilakukan untuk mempermudah jalannya suatu aplikasi. Pada aplikasi ini database hanya digunakan untuk menampung data yang
nantinya
jika
dibutuhkan
akan
ditampilkan dalam aplikasi ini. Database Gambar 6: Halaman Registrasi
akan di update secara berkala sesuai dengan perkembangan jumlah data yang di upload oleh pengunjung seperti data rumah sakit, apotek, kuliner dan wisata Jakarta Situs web GIS ini terdiri satu data base yang didalamnya terdapat enam table yang dapat dikelola oleh administrator yaitu diantaranya table galeri, tabel komentar, table pendaftaran, table tb_admin, table
Gambar 7: Halaman Upload
tb_upload, dan tb_registrasi. 4.1 Diagram)
Gambar 8: Halaman Peta
ERD
(Entity
Relationship
dapat berhubungan dengan database MySQL, maka MySQL harus diaktifkan. Kemudian ketikan alamat file tempat halaman utama disimpan setelah tulisan “http://localhost/ “ pada browser yang merupakan aplikasi dari server Apache.
6.
Implementasi Proses implementasi dilakukan agar
aplikasi yang telah dibuat dapat dikunjungi oleh masyarakat luas dengan mengunjungi situs dengan domain http://awaliagis.web.id.
7.
Penutup Kesimpulan Aplikasi
Purwarupa
Sistem
Informasi Geo-Social Berbasis Web dengan Memanfaatkan Geo-Tagging pada Citra Digital memiliki fitur home, profil, upload, dan peta yang dapat berfungsi dengan baik. Purwarupa Sistem Informasi Geo5.
Pengujian
Sosial Berbasis Web dengan Memanfaatkan
Pengujian dilakukan untuk melihat
Geo-Tagging pada Citra Digital dibuat
perkembangan terakhir dari situs yang
untuk membangun sebuah jejaring sosial
dibuat. Pengujian juga dilakukan pada server
sebagai wadah komunitas agar dapat saling
xampp sebagai sarana evaluasi sehingga
bertukar informasi tentang letak geografis
dapat
berdasarkan
diketahui
letak
kekurangan
dan
kesalahan yang mungkin dapat terjadi
kamera
didalamnya.
Geotagging.
Untuk menguji situs web GIS ini, pertama yang dilakukan adalah mengaktifkan server apache. Kemudian agar
foto
yang
Saran
dengan dilengkapi
menggunakan GPS
atau
Fitur yang terdapat pada aplikasi
[3]
Exif,
Purwarupa Sistem Informasi Geo-Sosial
http://menampilkan%20EXIF%20Da
Berbasis Web dengan memanfaatkan Geo-
ta%.html, 3 Agustus 2012
Tagging pada Citra Digital ini terbatas pada fitur
yang
sangat
sederhana
[4]
karena
dengan
memanfaatkan
geotagging sehingga perlu ditambahkan
ml, 14 September 2012 [5]
m/2012/04/konsep-dasar-geografi-
Salah satunya memperluas cakupan
sosial.html, 5 September 2012.
wilayah rumah sakit, apotek, kuliner dan
karena
itu
perlu
disempurnakan
lanjut.
[6]
Google Maps Api,
atau
https://developers.google.com/maps/
Sebaiknya
documentation/javascript/v2/basics?
dikembangkan
lebih
GeoSocial,http://muhsholeh.blogspot.co
fitur-fitur yang lebih menarik lagi.
wisata tidak hanya di Jakarta saja. Oleh
Digital,
http://definisi%20Citra%20Digital.ht
penggunaannya hanya sebagai situs web komunitas
Citra
hl=id, 2 September 2012
didukung dengan teknologi, ide-ide kreatif dan meningkatkan kualitas yang akan
[7]
Hasanuddin,
A.Z.,
membuat aplikasi situs web GIS ini menjadi
1995., “Penentuan Posisi dengan
lebih menarik untuk dikunjungi.
GPS dan Aplikasinya”. Pradnya Paramita. Jakarta. [8]
DAFTAR PUSTAKA
Muhammad Imansyah, 2003, PHP dan MySQL untuk Orang Awam, CV MAXICOM.
[1]
Prahasta,
Eddy,
2001,
Konsep-
[9]
Konsep Dasar Sistem Informasi Geografis,
Sistem Basis Data 1, Universitas
Informatika, Bandung. [2]
Geo tagging, http://geoTagging%20Foto%20Anda _files/GeoTagging%20Foto%20And a.html, 28 Juni 2012
Bertalya, Hurnaningsih, dkk, 2007,
Gunadarma, Jakarta. [10]
Jim Conallen, 1999, Modeling Web Applications with UML, Conallen, Inc.,
