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.