45
BAB III ANALISIS DAN PERANCANGAN
3.1 Analisis Sistem
Analisis bertujuan untuk mengidentifikasi permasalahan-permasalahan yang terdapat pada sistem serta menentukan kebutuhan-kebutuhan dari sistem
yang akan dibangun.
Analisis ini dimaksudkan agar perangkat lunak yang dibangun tidak keluar dari cakupan sistem yang ada. Analisis sistem berisi tentang pemaparan
prosedur-prosedur yang berjalan pada aplikasi berupa pengecekan KRS, entry KRS, pengecekan KHS, pengecekan transkrip sementara, presensi kehadiran kuliah, dan
info pembayaran.
3.2 Perancangan Sistem
Pada bagian ini akan dibahas mengenai rancangan sistem yang ada pada “Aplikasi
Mobile
Administrasi Akademik”. Perancangan sistem akan dibagi menjadi beberapa tahapan yaitu : perancangan proses dan perancangan
antarmuka
user interface
.
3.2.1 Perancangan Proses
Pada perancangan Tugas Akhir ini, menggunakan diagram - diagram UML
Unified Modeling Language
yang bertujuan agar model yang dibuat mendekati realitas dan siap pakai.
Software
yang digunakan dalam merancang proses adalah
Rational Rose Enterprise Edition
. Diagram-diagram UML yang digunakan adalah sebagai berikut :
3.2.1.1 Use Case Diagram
Use case
diagram ini akan menggambarkan hubungan
actor
dengan proses-proses yang menjadi tanggung jawabnya. Dalam
use case
diagram ini, masing-masing aktor memiliki tanggung jawab masing-masing seperti yang
dijelaskan sebagai berikut :
Gambar 3.1
Use Case Diagra m
Aplikasi Mobile Administrasi Akademik
3.2.1.2
Activity Diagram
Activity Diagram
merupakan diagram yang memodelkan aliran kerja atau
workflow
dari urutan aktifitas dalam suatu proses yang mengacu pada
use case
diagram yang ada.
Activity Diagram
pada aplikasi
Mobile
Administrasi Akademik terdiri dari
Activity Diagram
Login,
Activity Diagram
View KRS,
Activity
Diagram
View Pengajuan KRS,
Activity Diagram
View Jadwal Kuliah,
Activity Diagram
View KHS,
Activity Diagram
View Transkrip,
Activity Diagram
View Absensi,
Activity Diagram
View Tagihan,
Activity Diagram
View Riwayat Pembayaran. Berikut ini penjelasan dari masing-masing
Activity Diagram
:
Gambar 3.2
Activity Diagram
Login
Pada Gambar 3.2 menjelaskan
Activity Diagram
Login pada Aplikasi
Mobile
Administrasi Akademik berbasis Android. Pertama pengguna membuka aplikasi lalu sistem akan menampilkan form login, lalu pengguna memasukkan
NPM, password, dan menekan tombol login dengan benar sehingga proses login sukses.
Sebelum sistem menampilkan
form login
, sistem akan mengecek nomor IMEI dari handphone pengguna. Apabila nomor IMEI sudah tergistrasi maka
sistem akan menampilkan form login, jika tidak maka pengguna harus melakukan registrasi terlebih dahulu.
Gambar 3.3
Activity Diagram View
KRS
Pada Gambar 3.3 menjelaskan Activity Diagram KRS, pertama sistem akan menampilkan Menu Utama. Didalam Menu Utama terdapat menu Mata
Kuliah yang dipilih oleh pengguna. Lalu pengguna memilih Menu KRS, setelah itu sistem akan menampilkan form KRS kepada pengguna sehingga pengguna
mengetahui daftar mata kuliah apa saja yang sudah terdaftar pada KRS.
Gambar 3.4
Activity Diagram
Pengajuan KRS
Pada Gambar 3.4 menjelaskan Activity Diagram Pengajuan KRS, pertama sistem akan menampilkan Menu Utama. Didalam Menu Utama terdapat menu
Mata Kuliah yang dipilih oleh pengguna. Lalu pengguna memilih Menu Pengajuan KRS, setelah itu sistem akan menampilkan form pengajuan KRS
kepada pengguna sehingga pengguna dapat mengajukan mata kuliah yang akan dipilih. Jika pengajuan KRS sukses, maka sistem akan menampilkan pengajuan
KRS yang telah diajukan oleh pengguna.
Gambar 3.5
Activity Diagram
Jadwal Kuliah
Pada Gambar 3.5 menjelaskan Activity Diagram Jadwal Kuliah, pertama sistem akan menampilkan Menu Utama. Didalam Menu Utama terdapat menu
Mata Kuliah yang dipilih oleh pengguna. Lalu pengguna memilih Menu Jadwal Kuliah, setelah itu sistem akan menampilkan form Jadwal Kuliah kepada
pengguna sehingga pengguna mengetahui jadwal kuliahnya.
Gambar 3.6
Activity Diagram
Nilai KHS
Pada Gambar 3.6 menjelaskan Activity Diagram Nilai KHS, pertama sistem akan menampilkan Menu Utama. Didalam Menu Utama terdapat menu
Nilai yang dipilih oleh pengguna. Lalu pengguna memilih Menu KHS. Setelah pengguna memilih, sistem akan menampilkan form KHS dimana user harus
memilih daftar KHS semester tertentu yang sudah ditempuh, setelah itu user memilih tombol lihat untuk diproses oleh sistem agar pengguna mendapatkan
informasi nilai-nilai KHS per-semester yang telah dipilih oleh pengguna.
Gambar 3.7
Activity Diagram
Nilai Transkrip
Pada Gambar 3.7 menjelaskan Activity Diagram Nilai Transkrip, pertama sistem akan menampilkan Menu Utama. Didalam Menu Utama terdapat menu
Nilai yang dipilih oleh pengguna. Lalu pengguna memilih Menu Transkrip. Setelah pengguna memilih, sistem akan menampilkan form Transkrip sehingga
pengguna dapat mengetahui seluruh nilai transkrip mata kuliah yang sudah ditempuh.
Gambar 3.8
Activity Diagram
Kehadiran Kuliah
Pada Gambar 3.8 menjelaskan Activity Diagram Kehadiran Kuliah, pertama sistem akan menampilkan Menu Utama. Didalam Menu Utama terdapat
menu Kehadiran yang dipilih oleh pengguna. Setelah pengguna memilih, sistem akan menampilkan form presentase kehadiran kuliah sehingga pengguna dapat
mengetahui informasi presentase kehadiran kuliah yang sedang ditempuh.
Gambar 3.9
Activity Diagram
Pembayaran
Pada Gambar 3.9 menjelaskan Activity Diagram Pembayaran, pertama sistem akan menampilkan Menu Utama. Didalam Menu Utama terdapat menu
Pembayaran yang dipilih oleh pengguna. Setelah pengguna memilih, sistem akan menampilkan form tagihan sehingga pengguna dapat mengetahui informasi
tagihan apakah sudah terbayar atau tidak.
Gambar 3.10
Activity Diagram
Riwayat Pembayaran
Pada Gambar 3.10 menjelaskan Activity Diagram Riwayat Pembayaran, pertama sistem akan menampilkan Menu Utama. Didalam Menu Utama terdapat
menu Pembayaran yang dipilih oleh pengguna. Setelah pengguna memilih, sistem akan menampilkan form riwayat pembayaran sehingga pengguna dapat
mengetahui informasi tersebut sebagai bukti telah melakukan pembayaran sebelumnya.
3.2.1.3
Sequence Diagram
Gambar 3.11
Sequence Diagram
Aplikasi
Mobile
Administrasi Akademik
Sequence Diagram
pada Gambar 3.11 menunjukkan proses aplikasi
mobile
administrasi akademik. Proses diawali dengan pengguna menginputkan NPM dan
password
lalu data yang diminta akan dikirim ke server, setelah itu server merespon data yang diminta lalu dikirim ke aplikasi sehingga pengguna dapat
melihat data yang diinginkan.
3.2.2 Perancangan Kerangka Kerja
Gambar 3.12 Perancangan Kerangka Kerja Aplikasi
Mobile
Administrasi Akademik
Perancangan kerangka kerja Aplikasi
Mobile
Administrasi Akademik Gambar 3.12 terdiri dari 10 tahapan dari mulai aksi yang dilakukan oleh
pengguna sampai dengan tampilnya respon data dari server. Adapun penjelasan setiap tahapan dari kerangka kerja aplikasi Aplikasi
Mobile
Administrasi Akademik adalah sebagai berikut:
1. Pengguna Aplikasi
Mobile
Administrasi Akademik melakukan aksi baik itu berupa penambahan data maupun permintaan data. Aksi dari pengguna akan
diterima oleh komponen XML yang berfungsi sebagai media untuk mengambil aksi dari pengguna.
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
Dalam menerapkan dari rancangan yang telah dijelaskan sebelumnya dibutuhkan beberapa perangkat keras untuk menyajikan aplikasi ini. Adapun alat-alat
yang dibutuhkan adalah : 1.
Handphone Berbasiskan Sistem Operasi Android Handphone digunakan untuk menjalankan program aplikasi yang telah
dikembangkan. Adapun handphone yang digunakan adalah sebagai berikut :
Gambar 4.1 Samsung Galaxy W
Type Handphone : Samsung Galaxy W Platform OS : Android OS - 2.3 Gingerbread
Memory : 512 MB RAM, 2 GB ROM Dimensi layar : 480 x 800 pixels, 3.7 inches
Procesor : 1.4 GHz Scorpion processor, Adreno 205 GPU Masukkan : Touch screen kapasitif, keyboard QWERTY, trackball
Konektivitas : Wi-Fi 802.11 bgn, Wi-Fi hotspot 2.
Kabel data serial
port
Fungsi dari kabel data ini adalah untuk menghubungkan antara PC dengan Handphone.
3. Satu unit PC dengan spesifkasi
Laptop hp G42 Processor Intel Core i3-380M 2.53 GHz RAM 4 GB
Harddisk 320 GB 2.5 inch 5400 rpm Monitor LCD 14”
Keyboard dan Mouse
4.2 Perangkat Lunak
Dalam menerapkan rancangan yang telah dibuat, dibutuhkan beberapa software untuk membuat aplikasi
mobile
administrasi akademik yaitu: 1
Bahasa Pemrograman
Java
Dalam hal ini digunakan
Java Development Kit
JDK 1.6 dan
Java Runtime Environment
JRE.
2 Sistem Operasi
Untuk penggunaan sistem operasi dapat digunakan Windows Vista atau Seven 32 atau 64 bit, Mac OS X 10.4.8 atau diatasnya, dan Linux.
3
Integrated Development Environment
IDE Intellij IDEA 11.12 Untuk memudahkan dalam pengembangan aplikasi, maka digunakan IDE
karena memiliki beberapa fasilitas yang diperlukan dalam pembangunan perangkat lunak. Adapun dalam pengembangan ini digunakan Intellij IDEA
11.12 dikarenakan telah mendukung
Android Development Tools
. 4
Android Software Development Kit
Android SDK Android SDK mencakup perangkat tools pengembangan yang komprehensif.
Android SDK terdiri dari debugger, libraries, handset emulator, dokumentasi, contoh kode program dan tutorial. Saat ini Android sudah mendukung
arsitektur x86 pada Linux distribusi Linux apapun untuk desktop modern, Mac OS X 10.4.8 atau lebih, Windows Vista atau Seven. Persyaratan
mencakup JDK, Apache Ant dan Python 2.2 atau lebih. IDE yang didukung secara resmi adalah Intellij IDEA 11.12 atau lebih dengan menggunakan
plugin
Android Development Tools
ADT. 5
Android Development Tools
ADT
Android Development Tools
ADT adalah
plugin
untuk Intellij IDEA yang dirancang untuk memberikan lingkungan yang terintegrasi yang kuat di mana
untuk membangun aplikasi Android. ADT memperluas kemampuan Intellij IDEA untuk membiarkan Anda cepat membuat proyek baru Android,
membuat UI aplikasi, menambahkan komponen berdasarkan Android
Kerangka API,
debug
aplikasi Anda menggunakan Android SDK alat, dan bahkan ekspor ditandatangani atau unsigned.
File APK untuk mendistribusikan aplikasi Anda. Berkembang di Intellij IDEA dengan ADT
sangat dianjurkan dan merupakan cara tercepat untuk memulai. Dengan
setup
proyek dipandu menyediakan, serta integrasi alat, XML kustom
editor
, dan panel keluaran
debug,
ADT memberikan Anda sebuah peningkatan luar biasa dalam mengembangkan aplikasi Android.
4.3 Penulisan Kode Program