52
2 Class diagram web service
Berikut
class diagram
aplikasi
mobile
Direktori SMK pada Gambar 17.
Gambar 17. Desain
class diagram Webservice
2. Desain Antarmuka
Rancangan antarmuka dalam pengembangan aplikasi
mobile
Direktori SMK dapat di lihat pada gambar berikut ini.
a. Halaman
Dashboard
Utama Rancangan desain halaman
dashboard
dapat di lihat pada Gambar 18 berikut.
Gambar 18. Desain Halaman
Dashboard
Utama
53 b. Halaman SMK terdekat
Rancangan desain halaman SMK terdekat dapat di lihat pada Gambar 19.
Gambar 19. Desain halaman SMK terdekat c. Halaman Informasi Sekolah
Rancangan halaman informasi SMK dapat di lihat pada Gambar 20 berikut.
Gambar 20. Desain halaman informasi sekolah d. Menu fitur yang tersedia
Rancangan desain halaman fitur SMK dapat di lihat pada Gambar 21.
54 Gambar 21. Desain halaman fitur dalam menu
3. Desain Sistem
a. Persyaratan Sistem Pada pengembangan perangkat lunak aplikasi
mobile
Direktori SMK memerlukan beberapa persyaratan sistem yang harus dipenuhi antara lain:
Perangkat
smartphone
dengan didukung
GPS
,
Web-Service
dan koneksi internet. b. Desain Sistem
Rancangan desain sistem pada pengembangan perangkat lunak aplikasi
mobile
Direktori SMK dapat dilihat pada Gambar 22 berikut.
Gambar 22. Desain Sistem
55
4. Desain Basis Data
Rancangan desain basis data di rancang menggunakan perangkat lunak
MySQL Workbench Community Edition
yang digunakan dalam struktur basis data aplikasi
mobile
Direktori SMK. Rancangan relasi basis data yang terdapat dalam
server
basis data
database
dapat dilihat pada Gambar 23 di bawah ini.
Gambar 23. Rancangan desain basis data Berdasarkan rancangan relasi basis data yang dibuat, struktur data dari
masing-masing tabel dapat di lihat pada Lampiran 3.
56
D. Tahap Konstruksi
Tahap implementasi merupakan tahapan selanjutnya setelah menggambarkan dari tahapan desain. Pada tahap implementasi seluruh desain yang telah di
rancang kemudian di buat kedalam bentuk perangkat lunak yang meliputi:
1. Penulisan Kode Program a. Implementasi Sistem
Perangkat lunak dalam implementasi pengembangan aplikasi
mobile
Direktori SMK sepenuhnya menggunakan perangkat lunak
Integrated Development Environment
IDE Android Studio versi 1.5 yang dikembangkan oleh Google. 1 Implementasi
layout
aplikasi Dalam pengembangan fitur yang dibuat terdapat beberapa fungsi yang
digunakan dalam setiap aktifitas, setiap aktifitas yang dibuat berbeda sesuai dari diagram UML yang telah dibuat. Aktifitas dibuat kedalam
layout
dengan menggunakan bahasa XML sesuai standar pada Android.
Layout
yang dikembangkan
dalam aplikasi
mobile
Direktori SMK
antara lain:
activity_dashboard, activity_kecamatan, activity_terdekat, activity_dashboard, activity_splashscreen,
activity_maps, activity_tentang,
activity_program, activity_keahlian, activity_bidang, activity_kesukaan
dan
activity
_
bantuan
. Berikut potongan kode
layout
yang dapat di lihat pada Gambar 24 dibawah ini.
