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 http://digilib.mercubuana.ac.id/
1. Activity diagram registrasi
Gambar 4.1 Activity Diagram Saat Pengguna Registrasi
22 http://digilib.mercubuana.ac.id/
2. Activity diagram login
Gambar 4.2 Activity Diagram Saat Pengguna Login
23 http://digilib.mercubuana.ac.id/
4.3 Use Case Diagram
Gambar 4.3 Use Case Diagram
4.3.1 Skenario Use Case 1. Use Case Registrasi
Tabel 4.1 Tabel Use Case Registrasi Nama Use Case
Registrasi
Aktor
Pengguna Pengguna mendaftarkan diri ke dalam situs dengan
Tujuan
memasukkan
nama
lengkap,
username
didaftarkan, dan password. Keadaan Awal
Sistem menampilkan halaman registrasi.
24 http://digilib.mercubuana.ac.id/
yang
belum
1. Pengguna memasukkan nama lengkap, username yang belum didaftarkan, dan password. 2. Sistem melakukan operasi XOR pada nomor urut registrasi dan tanggal registrasi.
Skenario
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
Hasil
mendaftarkan diri.
2. Use Case Login
Tabel 4.2 Tabel Use Case Login Nama Use Case
Login
Aktor
Pengguna
Tujuan Keadaan Awal
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.
Skenario
2. Sistem mendekripsi seluruh daftar pengguna. Sistem mencari kecocokan antara masukan pengguna dengan daftar seluruh pengguna yang telah didekripsi.
Hasil
Sistem menampilkan halaman awal pengguna.
25 http://digilib.mercubuana.ac.id/
4.4 Sequence Diagram
1. Sequence diagram registrasi
Gambar 4.4 Sequence Diagram Registrasi
26 http://digilib.mercubuana.ac.id/
2. Sequence diagram login
Gambar 4.5 Sequence Diagram Login
27 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
Gambar 4.7 Flowchart Algoritma Enkripsi
30 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
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 http://digilib.mercubuana.ac.id/
7. Tampilan halaman error registrasi
Gambar 4.14 Tampilan Halaman Error Registrasi
34 http://digilib.mercubuana.ac.id/
