Perancangan Sistem ANALISIS DAN PERANCANGAN SISTEM

70 3. Perancangan input output 4. Perancangan menu

4.2.2 Gambaran Umum Sistem yang Diusulkan

Sistem Informasi Peminjaman ruangan kantor pada Telimek Lipi berbasis android merupakan suatu sistem aplikasi yang digunakan didalam peminjaman ruangan, dengan menggunakan teknologi android dalam menyampaikan informasinya sehingga pegawai dipermudah dalam meminjam ruangan dengan melalui android ini, dan tidak harus datang langsung ke bagian rumah tangga. Berikut ini adalah arsitektur jaringan gambaran umum sistem yang diusulkan : Gambar 4.3 Arsitektur Jaringan yang Diusulkan 71 Sistem ini akan digunakan oleh dua kategori pengguna, yaitu Administrator dan User. Kedua pengguna ini memiliki perbedaan baik hak akses maupun tugasnya. Pihak intern merupakan pihak dalam atau merupakan bagian dari sumber sistem ini pihak ini memiliki hak akses didalam memberikan informasi terbaru tentang sistem informasi, melakukan pengontrolan terhadap informasi yang diberikan, diantaranya adalah peagawai intansi terkait pada bidang sistem informasi yang bisa menambahkan data tentang sistem informasi itu sendiri sedangkan pihak ekstern atau pihak luar adalah semua orang yang menggunakan sistem ini yang hanya memiliki hak akses saja tanpa bisa melakukan pengaturan terhadap informasi yang diberikan atau dengan kata lain user yang menerima informasi saja.

4.2.3 Perancangan Prosedur Yang Diusulkan

Tahap - tahap pemodelan dalam analisis tersebut antara lain Usecase diagram, Activity Diagram, Sequence Diagram, Class Diagram, Component Diagram dan Deployment Diagram yang menghasilkan sistem lebih baik. Proses yang dirancang diuraikan menjadi beberapa bagian yang dapat membentuk sistem tersebut menjadi satu kesatuan komponen. 72

4.2.3.1 Use Case

Pegawai Admin Login User Melakukan Peminjaman «include» Melihat informasi ruangan Gambar 4.4 Use Case Diagram yang diusulkan

4.2.3.2 Skenario Uses case

1. Melihat Info ruangan Nama Use Case : Info ruangan Aktor : user Tujuan : untuk untuk dapat mengetahui ruangan yang dapat dipinjam 73 Tabel 4.3 Skenario proses info ruangan User Sistem 1. masuk ke menuutama 2. Tampil halaman utama 3. pilih menu ruangan 4. Menampilkan informasi ruangan yg dipilih 2. Skenario Login Pegawai Nama Usecase : Proses Login pegawai Aktor : User Tujuan : meihat profile user Tabel 4.4 Skenario Proses Login pegawai User Sistem 1. Pilih Menu Login 2. Tampil form login 3. Input masukan username dan password 74 4. Cek data username, password 5. Get data akun 6. Cocokan data akun 7. Get data sukses 8. Menampilkan profile user 3. Skenario peminjaman Nama Usecase : Proses peminjaman Aktor : User Tujuan : Untuk melakukan peminjaman ruangan Tabel 4.5 Skenario Proses Peminjaman User Sistem 1. Pilih Menu Login 2. Tampil form login User 3. Input masukan username dan password 4. Cek data username, password 5. Get data akun 75 6. Cocokan data akun 7. Get data sukses 8. Menampilkan profile user 9. klik button lihat ruangan 10. menampikan list ruangan 11. pilih ruangan 12.menampilkan detail ruangan 13. klik button pinjam 14. menampikan form peminjaman 15. cek ruangan 16. menampilkan button pinjam 4. Skenario pengembalian Nama Usecase : Proses pengembalian Aktor : User Tujuan : Untuk melakukan pengembalian ruangan 76 Tabel 4.6 Skenario Proses Pengembalian User Sistem 1. Pilih Menu Login 2. Tampil form login User 3. Input masukan username dan password 4. Cek data username, password 5. Get data akun 6. Cocokan data akun 7. Get data sukses 8. Menampilkan profile user 9. klik button lihat ruangan 10. menampikan list ruangan 11. pilih ruangan 12. menampilkan detail ruangan 13. klik button pengembalian 14. menampikan form pengembalian 15. mengiput tanggal pinjam 77 16. tampil pesan 5. Skenario Login Admin Nama Usecase : Proses Login Admin Aktor : Admin Tujuan : melihat profile admin Tabel 4.7 Skenario Proses Login Admin User Sistem 1. Pilih Menu Login 2. Tampil form login 3. Input masukan username dan password 4. Cek data username, password 5. Get data akun 6. Cocokan data akun 7. Get data sukses 8. Menampilkan menu data transaksi dan menu tambah data 78 6. Skenario Cek Data Transaksi Nama Usecase : Proses cek ruangan Aktor : Admin Tujuan : mengecek ruangan yang dipinjam Tabel 4.8 Skenario Proses Cek ruangan User Sistem 1. Pilih Menu Login 2. Tampil form login 3. Input masukan username dan password 4. Cek data username, password 5. Get data akun 6. Cocokan data akun 7. Get data sukses 8. Menampilkan menu data transaksi dan menu tambah ruangan 9. klik button data transaksi 10. menampilkan laporan transaksi 79 7. Skenario Tambah Data Ruangan Nama Usecase : Proses Tambah data Aktor : Admin Tujuan : menambah ruangan yang dipinjam Tabel 4.9 Skenario Proses Tambah Data Ruangan User Sistem 1. Pilih Menu Login 2. Tampil form login 3. Input masukan username dan password 4. Cek data username, password 5. Get data akun 6. Cocokan data akun 7. Get data sukses 8. Menampilkan menu button data transaksi dan menu tambah ruangan 9. klik button tambah ruangan 80 10. tampil form tambah ruangan

4.2.3.3 Activity Diagram

Diagram activity merupakan bagian dari penggambaran sistem secara fungsional menjelaskan proses - proses logika atau fungsi yang terimplementasi oleh kode program. Activity Diagram memodelkan event - event yang terjadi didalam suatu Use Case dan digunakan untuk pemodelan aspek dinamis dari sistem. a. Activity Diagram info ruangan User Sistem Masuk ke Menu utama menampilkan halaman utama klik menu ruangan menampilkan informasi ruangan yang dipilih Gambar 4.5 Activity Diagram info ruangan 81 b. Activity Diagram Login Pegawai User Sistem pilih menu login Input username dan password Tampil form login user mengecek data username dan password Tampil profile user cocok ya tidak Gambar 4.6 Activity Diagram Login Pegawai 82 c. Activity Diagram Peminjaman User Sistem pilih menu login Input username dan password Tampil form login user mengecek data username dan password tampil profile user cocok ya tidak klik list ruangan tampil list ruangan tersedia tidak pilih ruangan menampikan detail ruangan pilih button pinjam menampilkan form peminjaman cek ruangan menampilkan button pinjam ya Gambar 4.7 Activity Diagram Peminjaman 83 d. Activity Diagram Pengembalian User Sistem pilih menu login Input username dan password Tampil form login user mengecek data username dan password tampil profile user cocok ya tidak klik list ruangan tampil list ruangan pilih ruangan menampikan detail ruangan pilih button pengembalian menampilkan form pengembalian input tanggal peminjaman menampilkan pesan Gambar 4.8 Activity Diagram Pengembalian 84 e. Activity Diagram Login Admin Admin Sistem pilih menu login Input username dan password Tampil form login user mengecek data username dan password Tampil menu data transaksi dan menu tambah data cocok ya tidak Gambar 4.9 Activity Diagram Login Admin f. Activity Diagram Cek Data Transaksi User Sistem pilih menu login Input username dan password Tampil form login user mengecek data username dan password tampil menu data transaksi dan menu tambah data cocok ya tidak pilih data transaksi tampil detail transaksi Gambar 4.10 Activity Diagram Cek Data Transaksi 85 g. Activity Diagram Tambah Ruangan User Sistem pilih menu login Input username dan password Tampil form login user mengecek data username dan password tampil menu data transaksi dan menu tambah data cocok ya tidak pilih tambah ruangan tampil form tambah ruangan Gambar 4.11 Activity Diagram Tambah Ruangan h. Activity Diagram Logout User Sistem memilih tombol Logout menampilkan pesan keluar account Gambar 4.12 Activity Diagram Logout 86

4.2.3.4 Sequence Diagram

Diagram sekuen menggambarkan kelakuan objek pada use case dengan mendeskripsikan waktu hidup objek dan message yang dikirimkan dan diterima antar objek. Oleh karena itu untuk menggambar diagram sekuen maka harus diketahui objek - objek yang terlibat dalam sebuah use case beserta metode - metode yang dimiliki kelas yang diinstansiasi menjadi objek itu. a. Sequence Diagram Login Pegawai Aplikasi Form Login User 1 : Pilih Menu login Jsonparser 3 : Input Username Password 4 : Cek Data 7 : get data sukses 2 : tampil form login 8 : menampilkan halaman profile user Gambar 4.13 Sequence Diagram Login Pegawai 87 b. Sequence Diagram Peminjaman Aplikasi Login User 1 : Login user Ruangan 3 : Input Username Password 4 : Cek Data 5: get data sukses Jsonparser 2 : Tapil Form Login 6 : tampil profile user 7 : klik list ruangan 8:cek data ruangan 19 : peminjaman sukses 9: tampil list ruangan 10 :pilih ruangan 11:cek data ruangan 12: tampil detail ruangan 13 :klik tombol pinjam 14:cek data ruangan 15: tampil form pinjam 16 :klik tombol cek 17:cek data ruangan 18: tampil button pinjam Gambar 4.14 Sequence Diagram Peminjaman 88 c. Sequence Diagram Pengembalian Aplikasi Login User 1 : Login user Ruangan 3 : Input Username Password 4 : Cek Data 5: get data sukses Jsonparser 2 : Tapil Form Login 6 : tampil profile user 7 : klik list ruangan 8:cek data ruangan 9: tampil list ruangan 10 :pilih ruangan 11:cek data ruangan 12: tampil detail ruangan 13 :klik tombol pengembalian 14:cek data ruangan 15: tampil form pengembalian 18: pengembalian sukses Gambar 4.15 Sequence Diagram Pengembalian 89 d. Sequence Diagram Login Admin Aplikasi Form Login Admin 1 : Pilih Menu login Jsonparser 3 : Input Username Password 4 : Cek Data 7 : get data sukses A 2 : tampil form login 8 : menampilkan menu data transaksi dan tambah ruangan Gambar 4.16 Sequence Diagram Login Admin 90 e. Sequence Diagram Cek Data Transaksi Aplikasi Login Admin 1 : Login user Data Transaksi 3 : Input Username Password 4 : Cek Data 5: get data sukses Jsonparser 2 : Tapil Form Login 8:cek data ruangan 9: tampil detail transaksi 7 :pilih data transaksi Gambar 4.17 Sequence Diagram Transaksi 91 f. Sequence Diagram Tambah Ruangan Aplikasi Login Admin 1 : Login user Tambah Ruangan 3 : Input Username Password 4 : Cek Data 5: get data sukses Jsonparser 2 : Tapil Form Login 8:cek data 9: tampil form tambah ruangan 7 :pilih tambah ruangan 10 :input data ruangan 11:mengolah data 12: tambah ruangan sukses Gambar 4.18 Sequence Tambah Ruangan g. Sequence Diagram Logout User Aplikasi User JsonParser 2 : reload data 1 : pilih menu logout 3 : Keluar account user Gambar 4.19 Sequence Diagram Logout User 92 h. Sequence Diagram Logout Admin Aplikasi Admin JsonParser 2 : reload data 1 : pilih menu logout 3 : Keluar account admin Gambar 4.20 Sequence Diagram Logout Admin

4.2.3.5 Class Diagram

Class adalah sebuah spesifikasi yang jika diinstansiasi akan menghasilkan sebuah objek dan merupakan inti dari pengembangan dan desain berorientasi objek. Class menggambarkan keadaan atributproperti suatu sistem, sekaligus menawarkan layanan untuk memanipulasi keadaan tersebut metodafungsi. Berikut Class Diagram Aplikasi Peminjaman ruangan telimek LIPI. 93 Index - imagebutton onclik:void oncreate:void Menu utama -login : string -daftar member : string -ruangan : string -help : string -about : string -profile : string onclik:void oncreate:void Help -help : string -ok : button onclik:void oncreate:void Login User - username :string - password : string - login:button onclik:void oncreate:void Transaksi - id_transaksi :int - id_data_pegawai : int - id_ruangan :int - tgl_pinjam : string - jam_pinjam : string - tgl_pinjam : string -acara :string - simpan : button - keluar : button onclik:void oncreate:void Login admin - username :string - password : string - login:button onclik:void oncreate:void Profile - imagebutton onclik:void oncreate:void About - imagebutton onclik:void oncreate:void Login Admin - username :string - password : string - login:button onclik:void oncreate:void Gambar 4.21 Class Diagram Aplikasi Peminjaman ruangan

4.2.3.6 Component Diagram

Component diagram menggambarkan sruktur dan hubungan antar komponen piranti lunak, termasuk ketergantungan dependency diantaranya. Umumnya komponen terbentuk dari beberapa class dan atau package, tapi dapat juga dari komponen- komponen yang lebih kecil. 94 Login Ruangan Cara Peminjaman About Aplikasi Logout Profile Gambar 4.22 Component Diagram yang Diusulkan

4.2.3.7. Deployment Diagram

Diagram Deployment menggambarkan rinci bagaimana komponen dideploy dalam infrastruktur sistem, dimana komponen akan terletak pada mesin Server atau perangkat keras apa, bagaimana kemampuan jaringan pada lokasi tersebut, spesifikasi Server dan hal-hal yang lain bersifat fisikal. Internet Permintaan Koneksi Database Handphone Android OS 2.2 600 MHz ARMv6 160 Mb storage, 384 RAM 256 Mb storage 2 Gb microSD DataBase Server MySql Gambar 4.23 Deployment Diagram yang Diusulkan 95

4.2.4. Perancangan Antar Muka

Perancangan antarmuka merupakan tahap yang harus dikerjakan pada proses pembuatan sebuah aplikasi. Antarmuka atau interface adalah suatu bagian yang berhubungan langsung dengan pengguna aplikasi. Perancangan antarmuka ini bertujuan untuk mempermudah proses pembuatan aplikasi Informasi Lokasi Fasilitas Umum di Bandung pada Mobile, agar aplikasi yang dihasilkan terlihat lebih menarik dan mudah dimengerti pada saat dioperasikan. Berikut ini adalah tampilan antarmuka yang dirancang pada Aplikasi Paminjaman Ruangan Kantor LIPI. 1. Menu Utama Gambar 4.24 Menu Utama 96 Gambar di atas merupakan tampilan dari Menu utama yang terdapat sub menu - menu. 2. Login Gambar 4.25 Login user Gambar di atas merupakan tampilan dari form Login untuk user dan admin, para pegawai yang telah memiliki account saja yang dapat melakukan peminjaman. 97 3. Ruangan Gambar 4.26 Ruangan Gambar di atas merupakan tampilan ruangan - ruangan dapat di pinjam oleh pegawai. 4. Help Gambar 4.27 Help 98 Gambar di atas merupakan tampilan dari petunjuk untuk melakukan peminjaman. 5. About Gambar 4.28 About Gambar di atas merupakan tampilan dari petunjuk mengenai menu- menu aplikasi. 6. Profile Gambar 4.29 Profile 99 Gambar di atas merupakan tampilan profil perusahaan. 7. Sub Menu Admin Gambar 4.30 Submenu Admin Gambar di atas merupakan tampilan sub – sub menu yang terdapat pada Admin. 100

BAB V IMPLEMENTASI DAN PENGUJIAN SISTEM

5.1. Implementasi

Tahap implementasi pada sebuah sistem informasi merupakan tahap dimana sistem yang telah dirancang, menjelaskan mengenai pembuatan sistem yang sesuai dengan analisis dan perancangan sebelumnya. Setelah tahap implementasi dilakukan maka dibutuhkan sebuah pengujian sistem untuk membuktikan bahwa aplikasi dapat berjalan sesuai dengan yang diharapkan.

5.1.1. Batasan implementasi

Dalam implementasi perangkat lunak tentunya dibutuhkan dukungan perangkat lunak dan perangkat keras yang baik agar mendukung saat penulisan program atau coding. Perangkat yang penyusun gunakan pada saat melakukan implementasi adalah sebagai berikut. 5.1.2. Implementasi Perangkat Keras dan Lunak 5.1.2.1. Implementasi Perangkat Keras

1. Handphone Berbasis Sistem Operasi Android

Handphone di gunakan untuk menjalankan program aplikasi yang telah di buat. Adapun handphone yang di gunakan adalah Samsung Galaxy Mini dengan spesifikasi sebagai berikut: 101 a. Model : Samsung GALAXY mini S5570 b. Sistem Operasi : Android 2.2 Google AP Froyo c. Memory : 1 GB internal dan 2GB microSD d. Dimensi Layar : 110.4 x 60.8 x 12.1 m e. Display : 3,14 inchi QVGA TFT f. Konektivitas : Wi-Fi 802.11 bgn Bluetooth v2.1 with A2DP g. USB v2.0 Earjack 3.5 mm 2. Kabel data serial port Fungsi dari kabel data ini adalah menghubungkan antara komputer dengan handphone untuk mentransmisikan data. 3. Spesifikasi Laptop a. Laptop Aspire 4736 b. Intel Pentium Dual- core processor T6600 c. Memory 2 GB DDR2 d. Hardisk 320 GB HDD

5.1.2.2. Implementasi Perangkat Lunak

Dalam menerapkan rancangan yang telah di buat, di butuhkan beberapa software untuk membuat program aplikasi peminjaman ruangan kantor yaitu : 1. Bahasa Pemrograman Java Dalam hal ini digunakan Java Development Kid JDK 1.6 dan Java Runtime Environment JRE. 102 2. Sistem Operasi Untuk penggunaan sistem operasi dapat digunakan Windows 8 32-bit. 3. Integrated Development Environment IDE Eclipse 3.4 atau 3.5 Untuk memudahkan dalam pembuatan atau pengembangan aplikasi, maka digunakan IDE karena memiliki beberapa fasilitas yang diperlukan dalam pembuatan atau pembangunan perangkat lunak. Adapun dalam pembuatan ini digunakan Eclipse v3.4 atau 3.5 dikarenakan telah mendukung Android Development Tools. 4. Android Software Development Kit Android SDK Android SDK menyediakan development environment dengan semua komponen yang diperlukan. Antara lain tools pengembangan, libraries, dokumentasi, dan contoh aplikasi serta disertakan pula emulator untuk mensimulasikan aplikasi berjalan pada perangkat. 5. Android Development Tools ADT Android membuat kostum plugin untuk IDE Eclipse, sehingga dengan adanya ADT ini memberikan kemudahan dalam pembuatan atau pengembangan aplikasi, membuat tampilan antarmuka aplikasi, menambahkan komponen yang diperlukan, men-debug aplikasi dengan menggunakan perangkat SDK Android, dan bahkan membungkus aplikasi yang telah dikembangkan untuk di distribusikan. Adapun ADT yang digunakan adalah ADT 0.9.5.