2. Hasil aksi dari pengguna yang ditangkap oleh XML kemudian akan
disalurkan pada komponen Activity yang berfungsi sebagai controller setiap aksi dari pengguna sebelum akhirnya melakukan permintaan data ke server.
3. Permintaan data dilakukan oleh komponen Activity berdasarkan tipe
permintaan data dari pengguna yaitu mata kuliah, nilai, absensi, info pembayaran.
4. API Siamik akan melakukan permintaan data pada server yang merupakan
hasil permintaan data dari komponen Activity dengan menggunakan metode-metode yang terdapat pada API Siamik.
5. Setelah API Siamik melakukan permintaan data pada server dengan
menggunakan metode tertentu selanjutnya respon data hasil permintaan akan diunduh dari server oleh API Connections dengan menggunakan format
JSON. 6.
Format data JSON hasil respon data dari server akan dikirimkan pada komponen Parser yang selanjutnya akan dilakukan pemetaan data format
JSON ke dalam objek-objek tertentu sehingga mudah dibaca oleh program. 7.
Data hasil pemetaan oleh komponen Parser dikirimkan pada komponen Entity sebagai penampung data sementara dari server.
8. Data respon dari server yang telah ditampung oleh komponen Entity
selanjutnya dikirimkan pada komponen Adapter dalam bentuk objek data. 9.
Komponen Adapter bertugas untuk memetakkan setiap baris data yang diperoleh dari komponen Entity pada komponen XML.
10. Komponen XML akan menampilkan data-data yang telah dipetakkan oleh
komponen Adapter ke dalam tampilan
interface
pengguna.
3.2.3 Perancangan Antar Muka Desain
Interface
Perancangan antarmuka mendeskripsikan rencana tampilan dari setiap form yang akan digunakan pada
Aplikasi
Mobile
Administrasi Akademik
. Ada beberapa rancangan desain
interface
yang dapat dijelaskan sebagai berikut :
1. Desain
Interface
Menu Login
Gambaran umum dari perancangan antarmuka form login pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.13.
Gambar 3.13 Desain
Interface
Menu Login
2. Desain
Interface
Menu Utama
Gambaran umum dari perancangan antarmuka
Menu Utama
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.14.
Gambar 3.14 Desain
Interface
Menu Utama
Login
NPM : Password :
Masuk
KRS
Menu Akademik
Nilai Absensi
Info Tagihan
3. Desain
Interface
Menu KRS
Gambaran umum dari perancangan antarmuka
Menu KRS
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.15.
Gambar 3.15 Desain
Interface
Menu KRS
4. Desain
Interface
Pengajuan KRS
Gambaran umum dari perancangan antarmuka
KRS
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.16.
Gambar 3.16 Desain
Interface
Pengajuan KRS
Siamik Pengajuan KRS
Kelas :
Lihat Mata Kuliah
Kelas Reguler A
Pengajuan KRS
Menu KRS
KRS Jadwal Kuliah
5. Desain
Interface
KRS
Gambaran umum dari perancangan antarmuka
KRS
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.17.
Gambar 3.17 Desain
Interface
KRS
6. Desain
Interface
Pilih Jadwal Kuliah
Gambaran umum dari perancangan antarmuka Pilih
Jadwal Kuliah
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.18.
Gambar 3.18 Desain
Interface
Pilih Jadwal Kuliah
KRS Saat Ini
1. MK0001 Mobile App.
3 SKS Jumat 08.00-10.00
Ruang : 101 , Gedung Giri Santika Status Kunci : Tidak Terkunci
2. MK0002 Skripsi
4 SKS Selasa 09.00-11.00
Ruang : 101 , Gedung Giri Santika Status Kunci : Tidak Terkunci
Jadwal Kuliah Pilih Hari :
Lihat Jadwal
Jumat
7. Desain
Interface
Jadwal Kuliah
Gambaran umum dari perancangan antarmuka
Jadwal Kuliah
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.19.
Gambar 3.19 Desain
Interface
Jadwal Kuliah
8. Desain
Interface
Menu Nilai
Gambaran umum dari perancangan antarmuka
KHS
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.20.
Gambar 3.20 Desain
Interface
Menu Nilai
Jadwal Kuliah Hari Jumat
1. MK0001 Mobile App.
3 SKS Jumat 08.00-
10.00 Ruang : 101 , Gedung Giri
Santika
KHS
Menu Nilai
Transkrip
9. Desain
Interface
KHS
Gambaran umum dari perancangan antarmuka
KHS
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.20.
Gambar 3.20 Desain
Interface
KHS
10. Desain
Interface
Detail KHS
Gambaran umum dari perancangan antarmuka
Transkrip
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.21.
Gambar 3.21 Desain
Interface
Detail KHS
KHS Pilih Semester :
Lihat KHS
Semester Aktif
Detail KHS
1. MK0001 Mobile App.
3 SKS Nilai A
IPS : 2,85
2. MK0002 B. Pemrograman
3 SKS Nilai B-
3. MK0004 Kalkulus I
3 SKS Nilai B-
4. MK0005 ADBO
3 SKS Nilai B-
11. Desain
Interface
Transkrip
Gambaran umum dari perancangan antarmuka
Transkrip
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.22.
Gambar 3.22 Desain
Interface
Transkrip
12. Desain
Interface
Absensi
Gambaran umum dari perancangan antarmuka
Absensi
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.23.
Gambar 3.23 Desain
Interface
Absensi
Transkrip
1. MK0001 Mobile App.
3 SKS Nilai A
Indeks Prestasi : 3,00 SKS Kumulatif : 80
2. MK0002 B. Pemrograman
3 SKS Nilai B-
3. MK0003 Kalkulus I
3 SKS Nilai B-
Absensi
1. MK0001 Mobile App.
3 SKS Presentase Kehadiran 75
2. MK0002 B. Pemrograman
3 SKS Presentase Kehadiran 80
3. MK0003 Kalkulus I
3 SKS Presentase Kehadiran 70
13. Desain
Interface
Tagihan
Gambaran umum dari perancangan antarmuka
Pembayaran
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.24.
Gambar 3.24 Desain Interface Tagihan
14. Desain
Interface
Riwayat Pembayaran
Gambaran umum dari perancangan antarmuka
Riwayat Pembayaran
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.25.
Gambar 3.25 Desain
Interface
Riwayat Pembayaran
Tagihan
Jumlah Penagihan : Rp. 575.000 Total Tagihan
: Rp. 575.000
Riwayat Pembayaran Tahun Ajaran:
Lihat
TA. 20122013
15. Desain
Interface
Detail Riwayat Pembayaran
Gambaran umum dari perancangan antarmuka
Riwayat Pembayaran
pada Aplikasi
Mobile
Administrasi Akademik dapat dilihat pada Gambar 3.26.
Gambar 3.26 Desain Interface Detail Riwayat Pembayaran Riwayat Pembayaran
Tanggal Pembayaran : 12112012
Tagihan SPP Rp.575.000
67
BAB IV IMPLEMENTASI
Pada bab ini akan membahas tentang implementasi program dari hasil analisa dan perancangan sistem yang ada pada bab III, serta bagaimana cara sistem tersebut
dijalankan. Adapun pembahasan implementasi terdiri dari perangkat keras, perangkat lunak, dan penulisan kode program
4.1. Perangkat Keras