Rancang Bangun Aplikasi Web GIS Pemetaan Fasilitas Umum Kota Tangerang Menggunakan Google Maps API

Slide1Teknik InformatikaInstitut Teknologi Indonesia Serpong, 28 Juni 2010 Eko A. Sasmito 115060006 Rancang  Bangun  Aplikasi  Web  GIS Pemetaan  Fasilitas  Umum  Kota  Tangerang Menggunakan  Google  Maps  API Rancang  Bangun  Aplikasi  Web  GIS Pemetaan  Fasilitas  Umum  Kota  Tangerang Menggunakan  Google  Maps  API

Slide2Teknik InformatikaInstitut Teknologi Indonesia Latar  Belakang Latar  Belakang • Banyak  fasilitas  umum • Banyak  fasilitas  umum • Akses  informasi  fasilitas  umum • Akses  informasi  fasilitas  umum • Kemajuan  dunia  internet • Kemajuan  dunia  internet

Slide3Teknik InformatikaInstitut Teknologi Indonesia Permasalahan Permasalahan • Fasilitas  umum  apa  saja • Fasilitas  umum  apa  saja • Lokasi  fasilitas  umum • Lokasi  fasilitas  umum • Akses  informasi • Akses  informasi

Slide4Teknik InformatikaInstitut Teknologi Indonesia Tujuan Tujuan • Penyajian  informasi  yang  lebih  baik • Penyajian  informasi  yang  lebih  baik • Membuat  aplikasi  Web  GIS • Membuat  aplikasi  Web  GIS

Slide5Teknik InformatikaInstitut Teknologi Indonesia Manfaat Manfaat • Kemudahan  akses  informasi • Kemudahan  akses  informasi • Dapat  diketahui  keberadaan  dari  lokasi fasilitas  umum • Dapat  diketahui  keberadaan  dari  lokasi fasilitas  umum

Slide6Teknik InformatikaInstitut Teknologi Indonesia Analisis  Fungsional Analisis  Fungsional • Menampilkan  lokasi  FasUm • Menampilkan  lokasi  FasUm • Pencarian  lokasi  FasUm • Pencarian  lokasi  FasUm • Menampilkan  rute • Menampilkan  rute • Menambah  lokasi • Menambah  lokasi

Slide7Teknik InformatikaInstitut Teknologi Indonesia Use  Case  Diagram Use  Case  Diagram

Slide8Teknik InformatikaInstitut Teknologi Indonesia Activity  Diagram (tampil  lokasi  berdasarkan  kategori) Activity  Diagram (tampil  lokasi  berdasarkan  kategori)

Slide9Teknik InformatikaInstitut Teknologi Indonesia Activity  Diagram (pencarian  lokasi) Activity  Diagram (pencarian  lokasi)

Slide10Teknik InformatikaInstitut Teknologi Indonesia Activity  Diagram (melihat  rute) Activity  Diagram (melihat  rute)

Slide11Teknik InformatikaInstitut Teknologi Indonesia Perancangan  Sistem Perancangan  Sistem • Arsitektur  Sistem • Arsitektur  Sistem

Slide12Teknik InformatikaInstitut Teknologi Indonesia Pengumpulan  data Pengumpulan  data • Website  resmi  Kota  Tangerang • Website  resmi  Kota  Tangerang • Megapolitan  Map  2009-2010 • Megapolitan  Map  2009-2010 • Yellow  Pages  Indonesia • Yellow  Pages  Indonesia • Situs  dari  masing-masing  lokasi,  dan • Situs  dari  masing-masing  lokasi,  dan • Survey  langsung  ke  lapangan • Survey  langsung  ke  lapangan

Slide13Teknik InformatikaInstitut Teknologi Indonesia Kategori  yang  ditampilkan Kategori  yang  ditampilkan • Apotik • Apotik • Bank • Bank • Hotel • Hotel • Kantor  Kecamatan • Kantor  Kecamatan • Kantor  Kelurahan • Kantor  Kelurahan • Kantor  Polisi • Kantor  Polisi • Kantor  Pos • Kantor  Pos • Puskesmas • Puskesmas • Rumah  Sakit • Rumah  Sakit

Slide14Teknik InformatikaInstitut Teknologi Indonesia Kategori  yang  ditampilkan Kategori  yang  ditampilkan • Pasar  Swalayan • Pasar  Swalayan • Pasar  Tradisional • Pasar  Tradisional • SD • SD • SMP • SMP • SMA • SMA • Perguruan  Tinggi • Perguruan  Tinggi • Transportasi • Transportasi • Objek  Wisata,  dan • Objek  Wisata,  dan • Kategori  Lain-lain • Kategori  Lain-lain

Slide15Teknik InformatikaInstitut Teknologi Indonesia Perancangan  Database Perancangan  Database

Slide16Teknik InformatikaInstitut Teknologi Indonesia Perancangan  Navigasi Perancangan  Navigasi

Slide17Teknik InformatikaInstitut Teknologi Indonesia Perancangan  Interface (Halaman  Utama) Perancangan  Interface (Halaman  Utama)

Slide18Teknik InformatikaInstitut Teknologi Indonesia Perancangan  Interface (Halaman  Hasil  Cari) Perancangan  Interface (Halaman  Hasil  Cari)

Slide19Teknik InformatikaInstitut Teknologi Indonesia Perancangan  Interface (Halaman  Tambah  Lokasi) Perancangan  Interface (Halaman  Tambah  Lokasi)

Slide20Teknik InformatikaInstitut Teknologi Indonesia Perancangan  Interface (Halaman  Detail  Lokasi) Perancangan  Interface (Halaman  Detail  Lokasi)

Slide21Teknik InformatikaInstitut Teknologi Indonesia Implementasi Implementasi • Spesifikasi  Hardware: • Spesifikasi  Hardware:  Satu  unit  PC  :  Satu  unit  PC  : • Prosesor  :  Intel  Pentium  IV  3.06  GHz • Prosesor  :  Intel  Pentium  IV  3.06  GHz • Memori  :  1,5  Gb • Memori  :  1,5  Gb • Kapasitas  harddisk  :  80  Gb • Kapasitas  harddisk  :  80  Gb • Sistem  operasi  :  Windows  XP  SP2 • Sistem  operasi  :  Windows  XP  SP2  Koneksi  internet  Koneksi  internet

Slide22Teknik InformatikaInstitut Teknologi Indonesia Implementasi Implementasi • Spesifikasi  Software: • Spesifikasi  Software:  ApacheFriends  XAMPP  versi  1.7.0  ApacheFriends  XAMPP  versi  1.7.0 • Apache  2.2.11 • Apache  2.2.11 • PHP  5.2.8 • PHP  5.2.8 • MySQL  5.1.30 • MySQL  5.1.30  Bahasa  pemrograman  Javascript.  Bahasa  pemrograman  Javascript.  Web  browser  Mozilla  Firefox  versi  3.6.3.  Web  browser  Mozilla  Firefox  versi  3.6.3.  Adobe  Dreamweaver  CS3  Adobe  Dreamweaver  CS3  Adobe  Photoshop  CS3  Adobe  Photoshop  CS3  Google  Maps  API  Google  Maps  API

Slide23Teknik InformatikaInstitut Teknologi Indonesia Implementasi Implementasi • Register  API  Key • Register  API  Key http://code.google.com/apis/maps/signup.html http://code.google.com/apis/maps/signup.html

Slide24Teknik InformatikaInstitut Teknologi Indonesia Implementasi Implementasi • Key  yang  didapat: • Key  yang  didapat: • Diletakkan  di  code  program • Diletakkan  di  code  program

Slide25Teknik InformatikaInstitut Teknologi Indonesia Hosting Hosting • Web  Hosting • Web  Hosting • Domain • Domain

Slide26Teknik InformatikaInstitut Teknologi Indonesia Hosting Hosting • Web  Hosting • Web  Hosting Dracoola  Multimedia Dracoola  Multimedia www.dracoola.com www.dracoola.com

Slide27Teknik InformatikaInstitut Teknologi Indonesia Hosting Hosting • Domain  Name • Domain  Name www.tangerangmaps.com www.tangerangmaps.com

Slide28Teknik InformatikaInstitut Teknologi Indonesia Hosting Hosting • Upload  file • Upload  file FileZilla FileZilla

Slide29Teknik InformatikaInstitut Teknologi Indonesia Serpong, 28 Juni 2010 Eko A. Sasmito 115060006 Terima  Kasih Terima  Kasih