BAB IV PERANCANGAN SISTEM 4.1. Perancangan Algoritma Dalam merancang proses pada Sistem Informasi ini penulis menggunakan Flowchart dan UML sebagai case tool dalam merancang proses yang terjadi di dalam aplikasi, yakni dengan membuat alur algoritma yang berjalan di sistem. 4.1.1. Flowchart Start Not Valid Login Password Yes Vakid Enkripsi No Yes No Kode OTP Send by Email Authentication Yes Database No End Gambar 4.1 Flowchart 4.1.2. UML (Unifield Modeling Language)
UML merupakan singkatan dari Unified Modelling Language yaitu suatu metode permodelan secara visual untuk sarana perancangan sistem berorientasi objek, atau definisi UML yaitu sebagai suatu bahasa yang sudah menjadi standar pada visualisasi, perancangan dan juga pendokumentasian sistem software. Tujuan dan fungsi dari penggunaan UML adalah : 1. Dapat memberikan bahasa permodelan visual kepada pengguna dari berbagai macam pemerograman maupun proses rekayasa. 2. Dapat menyatukan praktek-praktek terbaik yang ada dalam permodelan. 3. Dapat memberikan model yang siap untuk digunakan, merupakan bahasa permodelan visual yang ekspresif untuk mengembangkan sistem dan untuk saling menukar model secara mudah. 4. Dapat berguna sebagai blue print, sebab sangat lengkap dan detail dalam perancangannya yang nantinya akan diketahui informasi yang detail mengenai koding suatu program. 5. Dapat memodelkan sistem yang berkonsep berorientasi objek, jadi tidak hanya digunakan untuk memodelkan perangkat lunak (software) saja. 6. Dapat menciptakan suatu bahasa permodelan yang nantinya dapat dipergunakan oleh manusia maupun oleh mesin. Untuk merancang proses yang terjadi di dalam aplikasi, maka perlu membuat use case diagram, class diagram, sequence diagram, dan activity diagram. 4.1.2.1.Use Case Diagram Use case diagram yaitu salah satu jenis diagram pada UML yang menggambarkan interaksi antara sistem dan aktor, use case diagram juga dapat men-deskripsikan tipe interaksi antara si pemakai sistem dengan sistemnya.
Gambar 4.2 Use Case Diagram Deskripsi : Pada Use Case ini dilakukan prosedur dalam menggunakan aplikasi oleh user sebagai aktor untuk bisa login cek tabel 4.1. Tabel 4.1 Use Case Aplikasi User Login User Enkripsi Password Kirim Email Keluar
4.1.2.2. Sequence Diagram Halaman Login Table Enkripsi Table Email User Mengisi data login Masuk proses enkripsi Modifikasi data Batal Mengirim Data Hasil telah disimpan Gambar 4.3 Sequence Diagram Keterangan : a. Nama : Sequence Diagram Data User b.deskripsi : halaman ini disediakan bagi User untuk menggunakan pengamanan data tersebut. Sequence Diagram data user menunjukkan aktifitas yang dilakukan user, dimulai dari mengisi data login, masuk proses enkripsi, modifikasi data sampai dengan selesai. 4.1.2.3. Activity Diagram
User Table Enkripsi Table Email Login User Input Password Proses Enkripsi Menerima Email Gambar 4.4 Actifity Diagram Activity diagram memiliki pengertian yaitu lebih fokus kepada menggambarkan proses bisnis dan urutan aktivitas dalam sebuah proses. Dipakai pada business modeling untuk memperlihatkan urutan aktifitas proses bisnis. Memiliki struktur diagram yang mirip flowchart atau data flow diagram pada perancangan terstruktur. Memiliki pula manfaat yaitu apabila kita membuat diagram ini terlebih dahulu dalam memodelkan sebuah proses untuk membantu memahami proses secara keseluruhan. Dan activity dibuat berdasarkan sebuah atau beberapa use case pada use case diagram. 4.2. Perancangan Basis Data Pada tahap perancangan database (basis data), dibuat relasi antar entitas dan perancangan tabel sebagai penunjang aplikasi. 4.2.1 Entity Relationship Diagram Perancangan database dalam sistim merupakan hal terpenting dalam perancangan suatu sistim. Dan hal tersebut dapat digambarkan dengan Entity Relationship Diagram (ERD) seperti pada gambar di bawah ini.
User Login Password Enkripsi Username Password OTP Gambar 4.5 E-R-D 4.2.2 Perancangan Database Table 4.2. Database Field Tipe Ukuran Keterangan no int 10 Primary Key NotNull username varchar 15 NotNull password varchar 15 NotNull 4.3. Perancangan Tampilan Antarmuka Gambar 4.6 Halaman Login
Gambar 4.7 Menu Enkripsi