Diagram Konteks Data Flow Diagram Level 1

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