BAB III ANALISIS DAN DESAIN SISTEM
III.1. Analisis Masalah Analisa
sistem
pada
android
yang
berjalan
bertujuan
untuk
mengidentifikasi serta melakukan evaluasi terhadap aplikasi Android dikarenakan belum adanya aplikasi berbasis Android untuk komunikasi video perangkat Android menjadi multiguna yang dapat membantu kinerja pengamanan menjadi lebih efektif dan efesien. Analisis dilakukan agar dapat menemukan masalahmasalah dalam melakukan percakapan yang diperlukan yang diberikan oleh pihak pengguna. Adapun analisis sistem ini meliputi input, proses dan output yang dijabarkan sebagai berikut :
III.2. Evaluasi Sistem yang Berjalan Sistem yang sedang berjalan memiliki beberapa kelemahan yang dijabarkan sebagai berikut: 1. Perlu dilakukannya rancangan aplikasi komunikasi video yang dapat membantu pengguna Android. 2. Perlunya diciptakan suatu aplikasi yang dapat memudahkan pihak pengguna dalam melakukan komunikasi video. 3. Belum adanya aplikasi berbasis Android untuk komunikasi video pada sistem Android. 4. Sistem yang sedang berjalan pada saat ini masih menggunakan sistem biasa dimana setiap komunikasi video yang ingin melakukan komunikasi.
23
24
Sistem yang sedang berjalan memiliki beberapa kelebihan yang dijabarkan sebagai berikut: 1.
Sistem dapat memudahkan pengguna berkomunikasi video.
2.
Informasi yang disajikan pada sistem cukup akurat dan efektif.
III.3. Desain Sistem Desain sistem pada penelitian ini dibagi menjadi dua desain, yaitu desain sistem secara global untuk penggambaran model sistem secara garis besar dan desain sistem secara detail untuk membantu dalam pembuatan sistem. III.3.1. Desain Sistem Secara Global Desain sistem secara global menggunakan bahasa pemodelan UML yang terdiri dari flowchart, dan Blok Diagram.
III.3.1.1. Usecase Diagram Rancangan ini disusun dengan tujuan mendesain dan merepresentasikan program. Fungsinya adalah untuk memudahkan komunikasi video yang akan dibuat pada gambar III.1 berikut.
25
Pemanfaatan Teknologi Websoket Sebagai Komunikasi Video Berbasis Android Menerima Panggilan
Penerima
Profil
Edit Profil
Kontak
Panggilan Kontak
<extends> <extends>
General
Login
<extends>
Bantuan
<extends> <extends>
Tentang
Keluar User Melakukan Panggilan
General
Registrasi
Pemanggil
Gambar.III.1. Use Case Komunikasi Video
26
III.3.1.2. Flow Chart Start
Panggilan Kontak
Vaild
Panggilan Video
Komunikasi Video
End
Gambar.III.2. Flow Chart
III.3.1.3. Blok Diagram Pada tahap ini, proses tunggal dari context diagramakan dibagi menjadi enam proses yang lebih terperinci, yaitu proses konversi ASCII, proses enkripsi, proses pemberian header, proses pengiriman pesan, proses pemeriksaan One Time Pad, proses dekripsi, dan proses perubahan kode ASCII menjadi karakter kembali pada gambar III.2 berikut.
27
Pesan_ASCII
Key
Pesan Pengirim Key
Key_ASCII
Konversi KarakterMenjadi Kode ASCII
Enskripsi
Key_ASCII
Chipertext No_tujuan Laporan_terkirim No_Pengirim
Pengirim Pesan
Chipertext
Pemberian Elgamal
Pemeriksa Elgamal
Chipertext
Deskripsi
Chipertext
Penerima
Pesan
pesan
Konversi KarakterMenjadi Kode ASCII
Pesan_ASCII
Gambar.III.4. Blok Diagram
III.4. Desain Database III.4.1. Desain Table Merancang struktur tabel pada basis data sistem yang akan dibuat, berikut ini merupakan rancangan struktur tabel tersebut: 1. Struktur Tabel Kontak Tabel kontak digunakan untuk menyimpan data id_user, id_user_kontak, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.1 di bawah ini:
28
Nama Database
Tabel III.1 Rancangan Tabel Kontak solihin_websocket
Nama Tabel No
Kontak
Nama Field
Tipe Data
Boleh Kosong
Kunci
1.
id_user
int(4)
Tidak
Foreign Key
2.
id_user_kontak
int(4)
Tidak
Foreign Key
2. Struktur Tabel Log_vc Tabel log_vc digunakan untuk menyimpan data pemanggil, dipanggil, waktu, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.2 di bawah ini:
Nama Database
Tabel III.2 Rancangan Tabel Log_vc solihin_websocket
Nama Tabel No
Nama Field
log_vc Tipe Data
Boleh Kosong
Kunci
1.
pemanggil
int(4)
Tidak
Foreign Key
2.
dipanggil
int(4)
Tidak
Foreign Key
3.
waktu
datetime
Tidak
-
3. Struktur Tabel Logs Tabel logs digunakan untuk menyimpan data id_user, waktu, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.3 di bawah ini:
29
Nama Database
Tabel III.3 Rancangan Tabel Logs solihin_websocket
Nama Tabel No
Logs
Nama Field
Tipe Data
Boleh Kosong
Kunci
1.
id_user
int(4)
Tidak
Foreign Key
2.
waktu
datetime
Tidak
-
4. Struktur Tabel Status Tabel status digunakan untuk menyimpan data id_user, status, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.4 di bawah ini:
Nama Database
Tabel III.4 Rancangan Tabel Status solihin_websocket
Nama Tabel No
Nama Field
Status Tipe Data
Boleh Kosong
Kunci
1.
id_user
int(4)
Tidak
Foreign Key
2.
status
varchar(25)
Tidak
-
5. Struktur Tabel User Tabel user digunakan untuk menyimpan data id_user, username, password, nama_lengkap, foto, selengkapnya mengenai struktur tabel ini dapat dilihat pada tabel III.5 di bawah ini:
30
Tabel III.5 Rancangan Tabel User solihin_websocket
Nama Database Nama Tabel No
User
Nama Field
Tipe Data
Boleh Kosong
Kunci
1.
id_user
int(4)
Tidak
Primary Key
2.
username
varchar(25)
Tidak
Unique
3.
password
varchar(25)
Tidak
-
4.
nama_lengkap
varchar(25)
Tidak
-
5.
foto
Text
Boleh
-
III.5. Desain User Interface Berikut ini adalah rancangan atau desain input sebagai antarmuka pengguna:
Gambar.III.5. Desain Tampilan Depan
31
1.
Desain Tampilan Register Desain yang dirancang untuk melihat tampilan register untuk memulai pesan
terlihat seperti pada gambar III.3 berikut : Websocket VC
15:36
Registrasi Silakan masukan data-data pada form dibawah ini untuk registrasi ke sistem
Nama Lengkap Username Password
Daftar
Reset
Gambar.III.6. Desain Tampilan Register
2.
Desain Tampilan Login Desain tampilan kirim pesan baru yang dirancang untuk melakukan Login
terlihat seperti pada gambar III.4 berikut :
32
Websocket VC
15:36
Registrasi Silakan masukan username dan password yang sudah anda registrasikan pada form dibawah ini
Username Password
Login
Reset
Gambar.III.7. Desain Tampilan Login
3.
Desain Tampilan Menu Desain tampilan menu yang dirancang untuk melihat menu-menu terlihat
seperti pada gambar III.5 berikut :
33
15:36
Websocket VC
Profil Kontak Bantuan Tentang Keluar
Gambar.III.8. Desain Tampilan Menu 4.
Desain Tampilan Form Profil Desain tampilan profil yang dirancang untuk melihat profil anda terlihat
seperti pada gambar III.6 berikut : 15:36
Websocket VC
Nama Kontak
Nama Lengkap
Username Password
Gambar.III.9. Desain Tampilan Profil
34
5.
Desain Tampilan Daftar Kontak Desain tampilan daftar kontak yang dirancang untuk melakukan panggilan
video seperti pada gambar III.7 berikut : Websocket VC
15:36
Daftar Kontak Nama Kontak Nama Kontak Nama Kontak
Gambar.III.10. Desain Tampilan Daftar Kontak
6.
Desain Tampilan Panggilan Video Desain tampilan panggilan video yang dirancang untuk melakukan panggilan
video terlihat seperti pada gambar III.8 berikut :
35
Websocket VC
15:36
Nama Lengkap
Kembali kedaftar kontak
Gambar.III.11. Desain Form Panggilan Video
7.
Desain Tampilan Bantuan Desain tampilan Bantuan untuk mengatur mengetauhi tentang video call
terlihat seperti pada gambar III.9 berikut :
36
Websocket VC
15:36
Bantuan xxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxx
Gambar.III.12. Desain Tampilan Bantuan
8.
Desain Tampilan Tentang Desain tampilan tentang untuk mengetahui aplikasi terlihat seperti pada
gambar III.10 berikut :
37
Websocket VC
15:36
Bantuan xxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxx
Aplikasi Versi Pembuatan
: : :
Gambar.III.13. Desain Tampilan Tentang
9.
Desain Tampilan Video Desain tampilan video untuk mengatur percakpan video terlihat seperti pada
gambar III.11 berikut :
38
Websocket VC
15:36
Panggilan
Gambar.III.14. Desain Tampilan Video