Perancangan Antar Muka Desain

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