3.4.1.2 Batasan
Adapun batasan dari sistem yang akan dibangun adalah : 1.
Perancangan login otentikasi berbasis teknologi OAuth 2 dan aplikasi layanan cafe online menggunakan bahasa pemrograman PHP Hypertext Preprocessor serta
menggunakan Database Management System MySQL. 2.
Permintaan otorisasi dari client di proses oleh Authorization Server yang data setiap client di tampung pada basis data.
3. Authorization Server akan menghasilkan halaman persetujuan otorisasi Authorize
App sebagai bentuk otoritas client yang sah untuk mengakses aplikasi. 4.
Client yang melakukan permintaan hak akses penuh menggunakan aplikasi pelayanan web single sign on, akan menghasilkan akses token yang muncul di
pengalamatan http hypertext transfer protocol, jika meniadakan, akses token tidak dihasilkan.
5. Redirect uri yang dituju, disesuaikan dengan pengalamatan aplikasi web single
sign on yang dibangun.
3.4.2 DFD Data Flow Diagram
Data Flow Diagram adalah alat pembuatan model yang memungkinkan pemilik sistem untuk mengambarkan sistem sebagai suatu jaringan proses fungsional yang
dihubungkan satu sama lain dengan alur data, baik secara manual maupun komputerisasi. DFD dari aplikasi yang dibuat dimulai dari DFD level 0 hingga DFD
level 2.
3.4.2.1 Diagram Konteks
Aliran data bersumber dari client yang dimasukkan ke dalam sistem, yang kemudian akan di proses dan menghasilkan output. client menginput data registrasi pada
Universitas Sumatera Utara
aplikasi penambahan client pada sistem seperti client id, client secret, dan redirect uri serta keterangan lain yang dibutuhkan pada sistem ini.
Gambar 3.4 DFD Level 0
Penjelasan proses diagram konteks DFD yaitu sebagai berikut : a.
Arus Data Masukan :
• Data client • reservasi
Keluaran : • data client dan web aplikasi sso
• Hak Akses web aplikasi sso
b. Entitas Luar
Nama Entitas : Resource Owner Keterangan : Merupakan pemilik web aplikasi sso single sign on, juga pihak
yang mengontrol dan memperbaiki sistem. Keluaran :
• Respon data id_client, redirect uri Nama Entitas : Client
Sistem Otentikasi
OAuth 2 Client
Resource Owner data client
Web Application SSO hak akses
hak akses
data client, redirect uri id_client
hak akses Web Application
Single Sign On
Universitas Sumatera Utara
Keterangan : Pengguna yang menggunakan sistem aplikasi web single sign on. Masukan :
• client id • client secret
• redirect uri
Keluaran : • access token
• Akses web single sign on
3.4.2.2 Data Flow Diagram Level 1
Proses yang ada pada DFD level 0 dipecah lagi menjadi proses-proses yang lebih kecil dan lengkap dalam DFD level 1.
Gambar 3.5 Data Flow Diagram Level 1
Register
1 Login
2 Melakukan
Otentikasi dan Otorisasi
OAuth 2
3 Akses Web
Application SSO Single Sign On
clients
tokens
reservasi client
Resource owner client id, client secret, redirect uri
client id, client secret, redirect uri
client_id, response_type, redirect_uri
client id, client secret client id, client secret
client_id, response_type, redirect_uri
data client data client
data client data client
authorize app authorize app
Pembaharuan data client management data client
reservasi pembaharuan data reservasi
manage data resevasi data resevasi
data resevasi reservasi
Universitas Sumatera Utara
Penjelasan proses DFD level 1 adalah sebagai berikut : 1.
Proses 1 Nama Proses : Proses Register
Masukan : - client id, client secret - redirect uri
Keluaran : - data client
2. Proses 2
Nama Proses : Proses Login Masukan
: - client id - client secret
Keluaran : - redirect uri
- response_type Keterangan : Pada proses ini client akan mendapatkan parameter - parameter
dari action post yang di input client saat melakukan aktivitas login.
3. Proses 3
Nama Proses : Melakukan Otentikasi dan Otorisasi OAuth 2 Masukan
: data client Keluaran
: halaman authorize app Keterangan : Pada proses ini client akan mendapatkan sebuah halaman
otorisasi akhir pada aplikasi sistem cafe online. 4.
Proses 4 Nama Proses : Akses Aplikasi Cafe
Masukan : reservasi
Keluaran : data reservasi
Keterangan : Pada proses ini client dapat melakukan aktivitas reservasi pada sistem.
Universitas Sumatera Utara
3.4.2.3 Data Flow Diagram Level 2