BAB 3_2 Augmented Reality

BAB III

Analisis dan Perancangan

Bab ini menjelaskan tentang analisis dan gambaran perancangan Aplikasi

Pemantau Anak berbasis Android yang dikembangkan pada platform Android dan

menggunakan IDE Eclipse ADT untuk membangun dan mengembangkan aplikasi

ini. Aplikasi ini dirancang dengan sistem client-server, dimana aplikasi ini akan

dipasang pada masing-masing user yang menggunakan smartphone berbasis

Android. Pada sisi client akan dipasang pada perangkat Android yang ingin

dipantau, pada proyek ini user tersebut adalah anak. Pada perangkat client,

informasi tentang data lokasi client dapat dipantau pada GPS dan perangkat

smartphone yang aktif. Lalu data informasi tersebut dikirim ke sisi server dengan

menggunakan paket data berupa internet. Sedangkan untuk sisi server, digunakan

pada perangkat Android yang ingin memantau yaitu orang tua. Server akan

mendapatkan informasi berupa data lokasi client yang sudah masuk ke dalam

daftar akun yang ingin dipantaunya. Pada sisi server juga menggunakan paket

data berupa internet untuk dapat menerima data lokasi keberadaan client tersebut.

3.1 Gambaran Umum Aplikasi Pemantau Keberadaan Anak

Aplikasi ini menggunakan sistem client-server dimana terdapat 2 bagian penting

didalamnya, yaitu:

1. Aplikasi pada sisi client akan dipasangkan pada perangkat Android. Aplikasi

hanya dapat melakukan pendaftaran, mengkonfirmasi permintaan dari server

dan mengirimkan informasi berupa lokasi ke server.

2. Aplikasi pada sisi server akan dipasangkan pada perangkat Android. Aplikasi

ini dapat melakukan perdaftaran, mengirimkan permintaan untuk dapat

dipantau kepada client, menerima informasi berupa data lokasi dari client,

memantau lokasi client yang telah terhubung ke sistem server serta

mempunyai hak untuk menambah dan menghapus daftar akun yang ingin

dipantau.

3.1.1 Spesifikasi Sistem

Aplikasi pemantau anak berbasis Android ini dibangun dengan

spesifikasi kebutuhan-kebutuhan sebagai berikut:

1. Client bisa melakukan pendaftaran untuk dapat membuat akun untuk

dapat terdaftar di aplikasi ini sebagai akun client dengan

menggunakan email dan password.

2. Server dapat melakukan pemantauan terhadap client yang sudah

masuk dalam list di server.

3.2 Kebutuhan Fungsional

Aplikasi Pemantau Keberadaan Anak ini memiliki beberapa

kebutuhan fungsional berdasarkan user server dan client yang terlibat dalam

aplikasi ini sebagai berikut:

Tabel 3.1 : Kebutuhan Fungsional Aplikasi Pemantau Anak

Katerogi

Pengguna

Tugas Hak Akses Aplikasi Pengguna

Client - Mengirimkan data lokasi berupa koordinat ke server

• Terdaftar dalam server

• Menerima permintaan untuk dipantau

User yang

dipantau

Server - Mengelola sistem

- Menerima data lokasi

- Menampilkan data berupa lokasi dalam bentuk map

- Menjalankan aplikasi pemantau

• Mengirim permintaan untuk dapat memantau keberadaan

• Menghapus daftar user yang terpantau

• Memantau keberadaan

• Menerima data lokasi

• Menampilkan peta lokasi

Pengelola

aplikasi dan

pengguna

aplikasi

3.2.1 Use Case Diagram

Use Case Diagram aplikasi ini digunakan untuk menggambarkan

hubungan sejumlah external aktor dengan use case yang terdapat dalam

aplikasi. Use Case Diagram ini hanya menggambarkan keadaan

lingkungan aplikasi yang dapat dilihat dari luar oleh aktor.

Gambar 3.2 Use Case Aplikasi Client

Gambar 3.3 Use Case Aplikasi Server

3.2.2 Skenario Use Case

Dari gambar 3.1 dan gambar 3.2 terlihat bahwa terdapat dua use case untuk

aplikasi ini, skenario untuk kedua use case tersebut adalah sebagai berikut :

3.2.2.1 Use Case Login

Aktor : Pengguna Server Pemantau Keberadaan Anak Kondisi awal : Pengguna telah terdaftar dan tidak tercatat masuk di server Skenario : • User menjalankan aplikasi

• User melakukan login dengan memasukkan data alamat email dan password.

Kondisi akhir : Pengguna tercatat masuk di server

3.2.2.2 Use Case Logout

Aktor : Pengguna Server Pemantau Keberadaan Anak Kondisi awal : Pengguna telah tercatat masuk di server Skenario : • User menjalankan aplikasi

• User melakukan login dengan memasukkan data alamat email dan password.

Kondisi akhir : Pengguna tidak tercatat masuk di server

3.2.2.3 Use Case Daftar

Aktor : Pengguna Client dan Server Pemantau Keberadaan Anak Kondisi awal : Pengguna tidak terdaftar dalam aplikasi Skenario : • User menjalankan aplikasi

• User melakukan daftar dengan memasukkan data nama lengkap, alamat email dan password.

Kondisi akhir : Pengguna terdaftar dalam aplikasi

3.2.2.4 Use Case Mengirim Permintaan

Aktor : Pengguna Server Pemantau Keberadaan Anak Kondisi awal : Pengguna belum bisa mengetahui siapa saja pengguna

yang dapat dipantau Skenario : • User sudah terdaftar atau login

• User menjalankan aplikasi

• User mengirimkan permintaan untuk dapat dipantau lokasinya oleh server

Kondisi akhir : Pengguna bisa mengetahui siapa pengguna yang dapat dipantau

3.2.2.5 Use Case Menerima Permintaan

Aktor : Pengguna Client Pemantau Keberadaan Anak

Kondisi awal : Pengguna tidak masuk dalam daftar anggota pengguna yang ingin dipantau oleh server

Skenario : • User sudah terdaftar • User menjalankan aplikasi

• User menerima permintaan dari server untuk dapat dipantau lokasinya di server

Kondisi akhir : Pengguna masuk dalam daftar anggota pengguna yang ingin dipantau oleh server

3.2.2.6 Use Case Meminta Data Lokasi ke Client

Aktor : Pengguna Server Pemantau Keberadaan Anak Kondisi awal : Pengguna belum bisa menerima data informasi berupa lokasi Skenario : • User terdaftar atau login

• User menjalankan aplikasi • User mengirim permintaan berupa data lokasi kepada

pengguna yang ingin dipantau

Kondisi akhir : Pengguna menerima data informasi berupa lokasi

3.2.2.7 Use Case Perbarui & Kirim Data ke Server

Aktor : Pengguna Client Pemantau Keberadaan Anak Kondisi awal : Koordinat posisi tidak diketahui Skenario : • User terdaftar di server

• User menjalankan aplikasi • User menerima permintaan data lokasi oleh server • Aplikasi menerima koordinat lokasi dari sensor GPS

• Aplikasi mengirim data koordinat lokasi ke server

Kondisi akhir : Data berupa koordinat lokasi dikirim ke server

3.2.2.8 Use Case Menerima Data Lokasi & Menampilan Peta Lokasi

Aktor : Pengguna Server Pemantau Keberadaan Anak Kondisi awal : Koordinat lokasi dan Peta Lokasi tidak berisi data informasi Skenario : • User melakukan login

• Aplikasi menerima koordinat lokasi dari server • Aplikasi mencari posisi yang tepat pada peta (Google

Map) sesuai dengan koordinat yang diterima

Kondisi akhir : Aplikasi menampilkan lokasi perangkat pada peta (Google Map) dan menandai lokasi sesuai dengan koordinat yang diterima

3.2.3 Analisis Kelas

Gambar 3.4 : Analisis Kelas Aplikasi

Berdasarkan gambar diatas terlihat bahwa diagram dibagi menjadi 3 kelas,

yaitu kelas boundary, kelas entity, dan kelas control.

3.2.4 Interaction Sequence Diagram

Diagram ini menggambarkan urutan proses yang akan terjadi dalam

aplikasi ini. Diagram ini juga menggambarkan method yang dijalankan

oleh masing-masing kelas setiap proses yang terjadi pada sistem.

3.2.4.1 Diagram Sequence Login

Gambar 3.4 : Diagram Sequence Login

Pada gambar diatas user yang berada pada posisi client Aplikasi,

menjalankan aplikasi kemudian aplikasi akan meminta masukkan data infromasi

login berupa alamat email dan password. Setelah user menekan tombol “ Masuk “,

maka aplikasi akan memeriksa data login. Apabila “ login berhasil “ maka akan ke

layar utama. Sedangkan jika user tidak terdaftar maka pengguna akan diminta

untuk memasukkan data login karena data login terdapat kesalahan.

3.2.4.2 Diagram Sequence Daftar

Gambar 3.5 : Diagram Sequence Daftar

Pada gambar diatas user yang berada pada posisi client Aplikasi,

menjalankan aplikasi dan memilih tombol “Daftarkan”, kemudian aplikasi akan

meminta masukkan data informasi pendaftaran berupa nama lengkap, alamat

email dan password. Setelah pengguna menekan tombol ‘Daftar’, maka aplikasi

akan memeriksa data pendaftaran. Jika user sudah mengisi lengkap maka akan

muncul layar utama. Sedangkan jika pengguna tidak mengisi data pendaftaran

dengan lengkap, maka user akan diminta untuk melengkapi data pendaftaran

karena pada data pendaftaran terjadi kesalahan.

3.2.4.3 Diagram Sequence Logout

Gambar 3.6 : Diagram Sequence Logout

Pada gambar diatas user yang berada pada posisi Client Aplikasi,

menjalankan aplikasi kemudian menekan tombol “Logout”, maka aplikasi akan

memperbarui DataAplikasi di server dan membawa user ke layar login.

3.2.4.4 Diagram Sequence Mengirim Data Lokasi

Gambar 3.7 : Diagram Sequence Mengirim Data Lokasi

Pada gambar diatas user yang berada pada posisi Client Aplikasi,

menjalankan aplikasi kemudian aplikasi akan mengambil koordinat posisi melalui

sensor GPS. Setelah koordinat didapat, akan dikirimkan ke server untuk

memperbarui data secara berkala.

3.2.4.5 Diagram Sequence Menerima Data Lokasi

Gambar 3.8 : Diagram Sequence Menerima Data Lokasi

Pada gambar user yang berada pada posisi Server, menjalankan aplikasi

kemudian aplikasi akan mengambil koordinat posisi dari server. Setelah koordinat

didapat, maka aplikasi akan meminta gambar peta pada googlemaps dan

menampilkan peta beserta tanda lokasi pengguna pada interface pengguna secara

berkala.

3.3 Diagram Kelas

Gambar 3.9 : Diagram Kelas

3.4 Algoritma dan Flowchart Program

3.4.1 Algoritma Program 3.4.1.1 Algoritma Program Client Pemantau Keberadaan Anak (Perangkat

Android) 1. Pengguna mendaftarkan nama lengkap, email dan password.

2. Pengguna memberikan nama perangkat untuk disimpan di basis data.

3. Setelah itu pengguna menekan tombol [Kirim] untuk mengirimkan

data pengguna, jika berhasil akan ada pesan “Pendaftaran Sukses”.

4. Di layar Client Pemantau Keberadaan Anak, ditampilkan bahwa

aplikasi telah berjalan dan pengguna sudah terdaftar di dalam aplikasi

tersebut.

5. Pengguna akan mendapat notifikasi dari server mengenai permintaan

untuk dapat dipantau melalui aplikasi ini.

6. Pengguna mengkonfirmasi permintaan tersebut.

7. Di layar Client Pemantau Keberadaan Anak ditampilkan perangkat

terhubung dengan server/tidak terhubung dengan server yang sudah

dikonfirmasi sebelumnya.

8. Jika perangkat Client Pemantau Keberadaan Anak terhubung dengan

server dan ketika server meminta data lokasi kepada client, aplikasi

akan mengirimkan data koordinat lokasi bujur & lintang ke server.

9. Jika perangkat Client Pemantau Keberadaan Anak tidak terhubung

dengan server, maka di layar akan ditampilkan pesan bahwa Client

Pemantau Keberadaan Anak tidak terhubung dengan server.

3.4.1.2 Algoritma Program Server Pemantau Keberadaan Anak (Perangkat

Android)

1. Pengguna mendaftarkan diri dengan menggunakan email dan

password jika belum terdaftar/memiliki akun di aplikasi ini.

2. Untuk pengguna yang sudah terdaftar dalam aplikasi ini, dapat

melakukan login dengan memasukkan data email dan password

sesuai dengan data saat mendaftar.

3. Pengguna menekan tombol [Sign in]/[Log in]

4. Jika alamat email dan password-nya benar, terdapat tampilan

[Daftar] yang didalamnya akan terdapat akun yang akan dipantau

disisi pengguna ini.

5. Didalam [Daftar] terdapat pilihan untuk menambah anggota di

dalamnya. Pengguna bisa menambah anggota dengan memasukkan

data berupa email pengguna client.

6. Ketika sudah mendapat konfirmasi dari pengguna sisi client, daftar

akan berisi anggota tersebut dengan info yang ditampilkan berupa

nama lengkap dan email.

7. Jika alamat email salah, maka pengguna client tersebut belum masuk

didalam [Daftar] dan belum bisa terpantau data berupa lokasinya.

8. Jika benar dan sudah dikonfirmasi, didalam [Daftar] akan secara

otomatis terisi pengguna tersebut.

9. Pengguna dapat menampilkan lokasi dari anggota yang ada di

daftarnya dengan memilih akun anggota yang ada di [Daftar]

tersebut.

10. Setelah itu, tinggal menunggu dari pihak client untuk mengirim info

lokasi tersebut ke server.

11. Pada perangkat pengguna akan tampil peta dimana lokasi dari

pengguna yang telah dipilih sebelumnya.

3.4.2 Flowchart Program

3.4.2.1 Flowchart Client Aplikasi Pemantau Anak

Gambar 3.10 : Flowchart Client Aplikasi

3.4.2.2 Flowchart Server

Gambar 3.11 : Flowchart Server Aplikasi

3.5 Perancangan Antarmuka

Tampilan antarmuka atau interface dari aplikasi Pemantau

Keberadaan Anak akan dideskripsi pada bagian ini. Dalam aplikasi ini

terdapat 2 antarmuka, yaitu:

1. Aplikasi Client Pemantau Keberadaan Anak (Android), dan

2. Aplikasi Server Pemantau Keberadaan Anak (Android).

3.5.1 Antarmuka Client Pemantau Keberadaan Anak

Gambar 3.12 : Antarmuka Client Pemantau Keberadaan Anak form Daftar

Deskripsi antarmuka aplikasi pengirim dijelaskan pada tabel 3.12 berikut:

Tabel 3.12 : Deskripsi Antarmuka Client Pemantau Keberadaan Anak – Form

Daftar

Jenis Nama Keterangan

Text Field namalengkap Tempat menampung value namalengkap

Text Field email Tempat menampung value email

Text Field password Tempat menampung value password

Button Daftar Untuk memerintahkan aplikasi mendaftarkan

data pengguna ke server

Toast Widget Informasi Pemberitahuan saat pendaftaran berhasil

Gambar 3.13 : Antarmuka Client Pemantau Keberadaan Anak – Layar Utama


Tabel 3.13 : Deskripsi Antarmuka Client Pemantau Keberadaan Anak – Layar

Utama


Label nama Tempat menampilkan nama pengguna

perangkat

Label email Tempat menampilkan email pengguna

Label status Tempat menampilkan status pengguna

Button NOTIFIKASI Untuk menampilkan notifikasi yang masuk

ke dalam akun pengguna

Gambar 3.14 : Antarmuka Client Pemantau Keberadaan Anak – Form Notifikasi


Tabel 3.14 : Deskripsi Client Pemantau Keberadaan Anak – Form Notifikasi


Label notifikasi Tempat menampilkan informasi tentang

notifikasi yang masuk

Button KONFIRMASI Untuk mengkonfirmasi permintaan yang

masuk melalui notifikasi

Button Kembali Untuk kembali ke Layar Utama

3.5.2 Antarmuka Server Pemantau Keberadaan Anak

Gambar 3.15 : Antarmuka Server Pemantau Keberadaan Anak – Form Login


Tabel 3.15 : Deskripsi Server Pemantau Keberadaan Anak – Form Login




Button Masuk Untuk memerintahkan aplikasi mengirim dan memeriksa data pengguna ke server

Button Daftar Untuk mendaftarkan perangkat ke server

Text Field Login_error Untuk menampilkan info jika

email/password salah

Toast Widget Informasi Pemberitahuan saat login berhasil

Gambar 3.16 : Antarmuka Server Pemantau Keberadaan Anak – Form Daftar


Tabel 3.16 Deskripsi Antarmuka Server Pemantau Keberadaan Anak – Form

Daftar


Text Field namalengkap Tempat menampung value namalengkap



Button Daftar Untuk memerintahkan aplikasi mendaftarkan

data pengguna ke server

Button Masuk Untuk memerintahkan aplikasi mengirim dan

memeriksa data pengguna ke server

Toast Widget Informasi Pemberitahuan saat pendaftaran berhasil

Gambar 3.17 : Antarmuka Server Pemantau Keberadaan Anak – Layar Utama


Tabel 3.17 : Deskripsi Antarmuka Server Pemantau Keberadaan Anak – Form

Daftar


Label nama Tampil nama pengguna

Label email Tampil alamat email pengguna

Button Daftar

Anggota Untuk menampilkan tampilan dimana terdapat

anggota yang terdaftar dalam Daftar pengguna

Button Logout Untuk mengeluarkan pengguna dari aplikasi

dan kembali ke tampilan Form Login

Gambar 3.18 : Antarmuka Server Pemantau Keberadaan Anak – Form Daftar

Anggota



Daftar


Label Nama

Anggota

Tampil nama anggota yang masuk dalam

Daftar pengguna

Button Tambah

Anggota

Untuk menambahkan anggota didalam daftar

anggota pengguna

Button Kembali Untuk kembali ke tampilan Layar Utama



Gambar 3.19 : Antarmuka Server Pemantau Keberadaan Anak – Form Tampil

Peta



Daftar


Label Peta Tampil peta lokasi anggota yang dipilih

sebelumnya di Daftar




Gambar 3.20 : Antarmuka Server Pemantau Keberadaan Anak – Form Tambah

Anggota



Daftar


TextField email Tempat menampung value email pengguna

yang ingin ditambah

Button Tambahkan

Untuk mengeksekusi perintah menambahkan

anggota dan mengirim permintaan untuk

dikonfirmasi oleh client




DAFTAR PUSTAKA

1. Wahyu, “ Pengertian GPS ”, diakses pada 11 Maret 2013 pukul 21.30 WIB

2. Lina Meulina, “ Pengertian Cara Kerja dan Manfaat “,

http://tokobacaangratis.blogspot.com/2013/11/pengertian-cara-kerja-dan-

manfaat-atau.html, , 11 maret 2014 22.00

3. arief ready, “ Pengertian GPS Global Positioning System ”,

http://lihatilmu.blogspot.com/2013/07/pengertian-gps-global-positioning-

system.html, diakses pada11 Maret 2014 pukul 22.05 WIB

4. Nurul Azmi, “ Pemanfaatan Google Api (Google Maps ) pada Website

Pariwisata Menggunakan Framework Codeignter “, Tahun 2013, diakses

pada 8 Februari 2014, pukul 5.13 WIB

5. Muhammad Amrin Hakim, Ary Mazharuddin, Baskoro Adi Pratomo, “

Monitoring Lokasi Anak Menggunakan Handphone ber-GPS “, Tahun

2011, diakses pada 9 Februari 2014, pukul 6.33 WIB

6. Bima Luhur Pambudi, Ignatius Eric Varian, Wiedjaja Atmadja, “ Sistem

Pelacak Menggunakan GPS Tracker untuk Ponsel Android ”, Tahun 2012,

diakses pada 10 Februari 2014 pukul 11.05 WIB.

7. Laporan Agus Supriyadi, “ Aplikasi Pelacak Perangkat Android “, Tahun

2013.

BAB 3_2 Augmented Reality

Documents

Transcript of BAB 3_2 Augmented Reality