BAB IV PERANCANGAN SISTEM 4.1 Perancangan Sistem Perancangan sistem adalah salah satu bagian inti dari penelitian ini. Sebelum perancangan dilakukan, proses analisa harus sudah selesai dilakukan terlebih dahulu. Penulis melakukan beberapa tahap proses perancangan sistem, di antaranya adalah pembuatan activity diagram, use case diagram, sequence diagram, dan entity relationship diagram. Tak hanya melakukan perancangan inti dari sistem saja, penulis juga melakukan perancangan dan desain dari antarmuka tampak depan dari Implementasi Cipher Substitusi untuk Keamanan Username dan Password pada Basis Data 4.2 Activity Diagram Activity diagram dari implementasi ini ada 2 (dua), yaitu ketika pengguna mendaftarkan dirinya dan ketika pengguna login. 21
1. Activity diagram registrasi Gambar 4.1 Activity Diagram Saat Pengguna Registrasi 22
2. Activity diagram login Gambar 4.2 Activity Diagram Saat Pengguna Login 23
4.3 Use Case Diagram Gambar 4.3 Use Case Diagram 4.3.1 Skenario Use Case 1. Use Case Registrasi Nama Use Case Aktor Tujuan Keadaan Awal Tabel 4.1 Tabel Use Case Registrasi Registrasi Pengguna Pengguna mendaftarkan diri ke dalam situs dengan memasukkan nama lengkap, username yang belum didaftarkan, dan password. Sistem menampilkan halaman registrasi. 24
Skenario Hasil 1. Pengguna memasukkan nama lengkap, username yang belum didaftarkan, dan password. 2. Sistem melakukan operasi XOR pada nomor urut registrasi dan tanggal registrasi. 3. Sistem mengenkripsi nama lengkap, username, dan password pengguna dengan cipher substitusi dengan key hasil operasi XOR yang telah dilakukan sebelumnya oleh sistem. Sistem menampilkan halaman bahwa pengguna berhasil mendaftarkan diri. 2. Use Case Login Nama Use Case Aktor Tujuan Keadaan Awal Skenario Hasil Tabel 4.2 Tabel Use Case Login Login Pengguna Pengguna masuk ke dalam situs dengan memasukkan username dan password yang telah didaftarkan sebelumnya. Sistem menampilkan halaman login. 1. Pengguna memasukkan username dan password yang dimiliki. 2. Sistem mendekripsi seluruh daftar pengguna. Sistem mencari kecocokan antara masukan pengguna dengan daftar seluruh pengguna yang telah didekripsi. Sistem menampilkan halaman awal pengguna. 25
4.4 Sequence Diagram 1. Sequence diagram registrasi Gambar 4.4 Sequence Diagram Registrasi 26
2. Sequence diagram login Gambar 4.5 Sequence Diagram Login 27
4.4 Perancangan Basis Data Penulis menggunakan sistem manajemen basis data MySQL untuk pembuatan implementasi keamanan username dan password pada basis data ini. Alasan penggunaan MySQL adalah karena data-data yang disimpan pada server bisa diakses dengan mudah melalui aplikasi berbasis web. 4.5.1 Struktur Tabel Struktur tabel dari basis data tugas_akhir yang digunakan oleh penulis hanya terdiri dari 1 (satu) buah tabel, yaitu tabel users. 1. Tabel users Tabel ini berisi daftar pengguna yang telah melakukan registrasi. Nomor urut registrasi dan tanggal registrasi digunakan oleh sistem untuk melakukan operasi XOR yang menjadi key dari enkripsi. Tabel 4.3 Struktur Tabel users No Nama Field Tipe Data Keterangan 1 id Integer Nomor urut registrasi 2 reg_date Timestamp Tanggal registrasi 3 full_name Varchar Nama lengkap pengguna 4 username Varchar Nama pengguna yang digunakan untuk login 5 password Varchar Kata sandi pengguna untuk login 4.5.2 Entity Relationship Diagram Berikut ini merupakan entity relationship diagram dari basis data tugas_akhir yang hanya terdiri dari 1 (satu) buah tabel: 28
Gambar 4.6 Entity Relationship Diagram untuk Database tugas_akhir 4.5 Flowchart Algoritma Untuk menjelaskan rancangan alur kerja dari algoritma enkripsi ini, penulis menggunakan flowchart untuk menjelaskan proses enkripsi dan dekripsinya. 29
Gambar 4.7 Flowchart Algoritma Enkripsi 30
4.6 Perancangan Antarmuka 1. Tampilan halaman awal Gambar 4.8 Tampilan Halaman Awal 2. Tampilan halaman registrasi Gambar 4.9 Tampilan Halaman Registrasi 31
3. Tampilan halaman login Gambar 4.10 Tampilan Halaman Login 4. Tampilan halaman utama pengguna Gambar 4.11 Tampilan Halaman Saat Pengguna Berhasil Masuk 32
5. Tampilan halaman ketika registrasi berhasil Gambar 4.12 Tampilan Halaman Saat Registrasi Berhasil 6. Tampilan halaman error login Gambar 4.13 Tampilan Halaman Error Login 33
7. Tampilan halaman error registrasi Gambar 4.14 Tampilan Halaman Error Registrasi 34