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 Profil <include> Edit Profil Penerima <extends> <Include> Kontak <include> Panggilan Kontak General Login <extends> <extends> <extends> Bantuan <extends> Tentang <Include> <Include> Keluar User General Melakukan Panggilan 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 Key Pesan_ASCII Key_ASCII Pengirim Pesan Key Konversi KarakterMenjadi Kode ASCII Enskripsi Key_ASCII No_tujuan Chipertext Laporan_terkirim No_Pengirim Chipertext Pengirim Pesan Chipertext Pemberian Elgamal Penerima Pesan Pemeriksa Elgamal Chipertext Deskripsi 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 Nama Tabel Tabel III.1 Rancangan Tabel Kontak solihin_websocket Kontak No 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 Nama Tabel Tabel III.2 Rancangan Tabel Log_vc solihin_websocket log_vc No Nama Field 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 Nama Tabel Tabel III.3 Rancangan Tabel Logs solihin_websocket Logs No 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 Nama Tabel Tabel III.4 Rancangan Tabel Status solihin_websocket Status No Nama Field 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 Nama Database Nama Tabel Tabel III.5 Rancangan Tabel User solihin_websocket User No 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 : 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 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 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 : 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 : 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 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 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 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 Panggilan Gambar.III.14. Desain Tampilan Video