PPTIK

Jl. Ganesha 10

40132
ITB Phone : 089681144333

Email : itb.pptik@gmail.com

MODUL
PENGENALAN
CAMERA DAN
MAPS
SERVICE

1
2
2

A. Pengertian
Camera dan Maps, merupakan sebuah fitur yang dapat kita gunakan atau
tambahkan kedalam aplikasi yang kita buat menggunakan Flutter. Seperti
namanya Camera tentunya untuk mengambil gambar, namun Camera disini
merupakan sebuah Camera yang berasal dari aplikasi yang kita buat, bukan
berasal dari aplikasi default atau bawaan yang sudah ada di gawai. Sementara
untuk Maps nanti kita akan menggunakan GPS yang tersedia di gawai kita.
Nantinya kita akan mengambil lokasi dan kordinat secara realtime menggunakan
GPS tersebut.

B. Cara Kerja
a. Camera
Cara kerja Camera ini sama saja, dimana nantinya mengakses
Camera yang ada di gawai kita namun tidak menggunakan aplikasi
bawaan, namun kita akan membuat tampilan baru untuk Camera ini.
Cara untuk membuatnya yaitu kita akan menambahkan atau melakukan
import package dari situs resmi yang telah disediakan oleh Flutter
https://pub.dev. Setalah membuka situs tersebut maka akan muncul
tampilan gambar dibawah.

Setelah itu ketik Camera di kolom pencariannya dan pilih

versions dan pilih versi “camera 0.7.0+4”.

www.pptik.id
3
3

setelah itu salin ke file “pubspec.yaml”, disimpan seperti gambar

dibawah
Nah setelah ditambahkan, buka terminal seperti yang terdapat di
code editor nya lalu ketikan perinta “flutter pub get” tunggu beberapa
saat sampai proses download selesai.
Untuk pembuatan syntax boleh mencoba dari dokumentasi yang
telah tersedia. Sementara untuk penggunaan service ini akan digunakan
saat pembuatan fitur pelaporan dan juga registrasi.

www.pptik.id
4
4

Berikut contoh tampilan dari service Camera ini.

Jadi untuk tampilannya lebih sederhana dari aplikasi Camera

bawaan. Dan sama saja menggunakan Camera dari gawai kita, yang
membedakan adalah, gambar yang diambil selanjutnya akan diolah
langsung oleh aplikasi yang dibuat, apakah untuk registrasi ataupun
pelaporan.

b. Maps
Untuk Maps Service ini kita akan menambahkan beberapa
package sekaligus, Karena Maps Service ini akan digunakan untuk
mengabil lokasi dan koordinat lalu menampilkannya di aplikasi setelah
itu akan langsung menyimpan lokasi dan koordinat tersebut ke server.
Maps Service ini digunakan dalam fitur pelaporan dan juga
registrasi. Pada saat registrasi itu seperti biasa kita harus menyertakan
alamat dan juga aplikasinya nanti langsung mengambil lokasi dan
koordinat lalu menyimpannya ke server. Lalu untuk fitur pelaporan, ini
menjadi sangat penting karena fitur ini dibuat supaya orang yang
melakukan pelaporan nanti itu realtime dan tidak bisa menggunakan
gambar yang sudah ada di galeri maupun fake location.
Selain itu Maps Service ini akan dapat menampilkan maps dan
titik dimana kita berada saat mengambil lokasi tersebut

www.pptik.id
5
5

Berapa package yang diperlukan diantara lain adalah sebagai

berikut:
1. Geolocator
2. Geocoder
3. Location
4. Flutter map
5. Latlong

www.pptik.id
6
6

www.pptik.id
7
7

Gambar-gambar diatas merupakan beberapa package yang

digunakan dalam pembuatan fitur Maps Service. Untuk menambahkan
package dan memilih versinya, sama seperti saat menambahkan
package untuk Camera. Untuk template maps yang akan digunakan
dalah maps verctor yang telah dibuat oleh PPTIK ITB. Berikut contoh
tampilan dari Maps Service yang akan kita buat dan implementasikan
nanti

www.pptik.id
8
8

Untuk pembuatan(syntax/code) dari

kedua Service ini akan dilakukan di modul selanjtunya. Kesimpulan
yang didapat, jadi kedua Service ini memiliki fungsi dan cara
implementasi yang berberda, namun sama seperti Service lainnya untuk
dapat menggunakan atau membuat sebuah Service kita memerlukan
sebuah package yang harus ditambahkan kedalam project kita

www.pptik.id