Analisis Sistem Perangkat Keras Perangkat Lunak

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