commit to user
3.3 Rancangan Tampilan Aplikasi
Rancangan aplikasi school map untuk SMA favorit wilayah Kotamadya Solo berbasis android adalah sebagai berikut :
1. Rancangan Tampilan Aplikasi Awal Splash Screen Rancangan tampilan Aplikasi Awal Splash Screen aplikasi school
map untuk SMA favorit wilayah Kotamadya Solo berbasis android ditunjukkan pada Gambar 3.9
Gambar 3.9 Rancangan Splash Screen Vertikal prototipe dari rancangan Splash Screen adalah sebagai berikut :
No Method Deskripsi
1 oncreate
Method ini pertama kali dijalankan saat aplikasi dijalankan.
2 run
Method ini dijalankan untuk mengatur lama tampilan splash screen kemudian berpindah ke
activity pembuka aplikasi
2. Rancangan Tampilan Pembuka Aplikasi Rancangan tampilan menu utama ditunjukkan pada gambar 3.10
Pada menu utama terdapat tiga menu yaitu menu SMA, menu panduan, dan menu about.
commit to user
Gambar 3.10 Tampilan Pemubuka Aplikasi
No Method Deskripsi
1 Oncreate
Method ini dijalankan pertama kali setelah splash screen selesai dijalankan
2 Onclick
Method ini dijalankan jika tombol masuk diklik dan masuk ke activity Menu Utama
3. Rancangan Tampilan Menu Utama Rancangan tampilan menu utama ditunjukkan pada gambar 3.11
Pada menu utama terdapat tiga menu yaitu menu SMA, menu panduan, dan menu about.
Gambar 3.11 Rancangan Menu Utama Vertikal prototipe dari rancangan tampilan menu utama adalah sebagai
berikut :
No Method Deskripsi
1 oncreate
Method ini dijalankan setelah tombol masuk pada pembuka aplikasi ditekan. Digunakan untuk
mengolah tombol Menu SMA, tombol Menu Panduan, tombol Menu About, dan tombol exit
commit to user
untuk pindah ke activity yang sesuai. 2
Onclick Pada tombol menu
SMA Method ini dijalankan jika tombol Menu SMA
diklik dan akan pindah ke activity untuk memunculkan tampilan Menu SMA
3 Onclick
Pada tombol menu Panduan
Method ini dijalankan jika tombol Menu Penduan diklik dan akan pindah ke activity untuk
memunculkan tampilan
Menu Panduan
Pemakaian Aplikasi 4
Onclick Pada tombol menu
About Method ini dijalankan jika tombol Menu About
diklik dan akan pindah ke activity untuk memunculkan tampilan Menu About
5 Onclick
Pada tombol Exit Method ini dijalankan jika tombol Exit diklik
dan akan memunculkan pesan dialog untuk konfirmasi keluar dari aplikasi
4. Rancangan Tampilan Menu SMA Rancangan tampilan menu SMA ditunjukkan pada gambar 3.12 .
Pada menu ini terdapat 12 SMA yang dapat dipilih.
Gambar 3.12 Rancangan Menu SMA Vertikal prototype dari rancangan tampilan Menu SMA adalah sebagai
berikut :
No Method Deskripsi
1 oncreate
Method ini dijalankan setelah tombol menu SMA pada menu utama ditekan. Digunakan
commit to user
untuk mengolah tombol menu sma, tombol menu panduan, tombol menu about, dan tombol
exit untuk pindah ke activity yang sesuai. 2
Onclick Pada tombol SMA
N 1 Method ini dijalankan jika tombol Exit diklik
dan menampilkan SMA N 1 Surakarta
3 Onclick
Pada tombol Back Method ini dijalankan jika tombol Back diklik
dan akan menampilkan Menu Utama
5. Rancangan Tampilan Menu Panduan pemakaian aplikasi Rancangan tampilan menu panduan ditunjukkan pada Gambar 3.13
Gambar 3.13 Rancangan Menu Panduan Pemakaian Aplikasi Vertikal prototype dari rancangan tampilan Menu Panduan adalah
sebagai berikut :
No Method Deskripsi
1 oncreate
Method ini dijalankan setelah tombol menu Panduan pada Menu Utama ditekan. Digunakan
untuk mengolah tampilan Menu Panduan dan tombol Back untuk kembali ke Menu Utama.
2 Onclick
Pada tombol Back Method ini dijalankan jika tombol Back diklik
dan akan menampilkan Menu Utama
6. Rancangan Tampilan Menu About
commit to user
Rancangan tampilan menu About ditunjukkan pada gambar 3.14
Gambar 3.14 Rancangan Menu About Vertikal prototype dari rancangan tampilan Menu About adalah sebagai
berikut :
No Method Deskripsi
1 oncreate
Method ini dijalankan setelah tombol Menu About pada Menu Utama ditekan. Digunakan
untuk mengolah tampilan Menu About dan tombol Back untuk kembali ke Menu Utama.
2 Onclick
Pada tombol Back Method ini dijalankan jika tombol Back diklik
dan akan menampilkan Menu Utama
7. Rancangan Tampilan SMA N 1 Surakarta Rancangan tampilan SMA N 1 Surakarta ditunjukkan pada gambar
3.15
Gambar 3.15 Rancangan SMA N 1 Surakarta Vertikal prototype dari rancangan tampilan SMA N 1 Surakarta adalah
sebagai berikut :
commit to user
No Method Deskripsi
1 oncreate
Method ini dijalankan setelah tombol SMA N 1 Surakarta pada Menu SMA ditekan. Digunakan
untuk mengolah tampilan SMA N 1 Surakarta, menampilkan website, dan tombol Lihat Map
untuk menampilkan peta. 2
Onclick Pada tombol
website Method ini dijalankan jika teks website diklik
dan akan menampilkan website SMA
3 Onclick
Lihat Map Method ini dijalankan jika tombol Lihat MAP
diklik dan akan menampilkan peta lokasi SMA
8. Rancangan Tampilan Peta SMA N 1 Surakarta Rancangan tampilan peta SMA N 1 Surakarta ditunjukkan pada
gambar 3.16
Gambar 3.16 Rancangan Menu About Vertikal prototype dari rancangan tampilan Peta SMA N 1 Surakarta
adalah sebagai berikut :
No Method Deskripsi
1 oncreate
Method ini pertama kali dijalankan setelah tombol Lihat Map pada SMA N 1 Surakarta
diklik.
commit to user
2 initmap
Method ini untuk menampilkan peta dari Google Maps.
3 initLocationManager
Method ini untuk mengatur GPS. 4
tampilkanPosisikeMap Method ini untuk menampilkan marker GPS ke peta
5 mapdirection
Method ini untuk mengatur jarak antara user dan lokasi SMA N 1 Surakarta
commit to user
26
BAB IV IMPLEMENTASI DAN ANALISIS
Kategori