Gambar 4.1 Flowchart

BAB IV PERANCANGAN SISTEM

Perancangan Algoritma

4.1.

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

No

Enkripsi

Yes No Kode OTP

Send by Email

Yes Authentication

No

End

Gambar 4.1 Flowchart

4.1.2. UML (Unifield Modeling Language)

http://digilib.mercubuana.ac.id/

Database

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.

http://digilib.mercubuana.ac.id/

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

http://digilib.mercubuana.ac.id/

4.1.2.2.

Sequence Diagram Halaman Login

Table Enkripsi

Table Email

User

Mengisi data login Masuk proses enkripsi

Modifikasi data

Batal Hasil telah disimpan Mengirim Data

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

http://digilib.mercubuana.ac.id/

Table Enkripsi

Table Email

Proses Enkripsi

Menerima Email

User

Login User

Input Password

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.

http://digilib.mercubuana.ac.id/

User

Username

Login Password

Enkripsi

Password

OTP

Gambar 4.5 E-R-D

4.2.2

Perancangan Database

Table 4.2. Database Field

Tipe

Ukuran

no

int

10

username

varchar

15

NotNull

password

varchar

15

NotNull

4.3.

Keterangan Primary Key

Perancangan Tampilan Antarmuka

Gambar 4.6 Halaman Login

http://digilib.mercubuana.ac.id/

NotNull

Gambar 4.7 Menu Enkripsi

http://digilib.mercubuana.ac.id/