PERANCANGAN DAN IMPLEMENTASI RESOURCE SERVER DAN AUTHORIZATION SERVER MENGGUNAKAN TEKNOLOGI OTENTIKASI OAUTH 2 SKRIPSI YOSRINAL

Transkripsi

1 PERANCANGAN DAN IMPLEMENTASI RESOURCE SERVER DAN AUTHORIZATION SERVER MENGGUNAKAN TEKNOLOGI OTENTIKASI OAUTH 2 SKRIPSI YOSRINAL PROGRAM STUDI EKSTENSI S1 ILMU KOMPUTER FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI UNIVERSITAS SUMATERA UTARA MEDAN 2014

2 PERANCANGAN DAN IMPLEMENTASI RESOURCE SERVER DAN AUTHORIZATION SERVER MENGGUNAKAN TEKNOLOGI OTENTIKASI OAUTH 2 SKRIPSI Diajukan untuk melengkapi tugas dan memenuhi syarat memperoleh ijazah Sarjana Ilmu Komputer YOSRINAL PROGRAM STUDI EKSTENSI S1 ILMU KOMPUTER FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI UNIVERSITAS SUMATERA UTARA MEDAN 2014

3 PERSETUJUAN Judul : PERANCANGAN DAN IMPLEMENTASI RESOURCE SERVER DAN AUTHORIZATION SERVER MENGGUNAKAN TEKNOLOGI OAUTH 2 Kategori : SKRIPSI Nama : YOSRINAL Nomor Induk Mahasiswa : Program Studi Fakultas : EKSTENSI S1 ILMU KOMPUTER : ILMU KOMPUTER DAN TEKNOLOGI INFORMASI UNIVERSITAS SUMATERA UTARA Komisi Pembimbing : Dosen Pembimbing II Dosen Pembimbing I M. Anggia Muchtar, ST, MM.IT Dian Rachmawati, S.Si, M.Kom NIP NIP Diketahui/disetujui oleh Program Studi Ekstensi S1 Ilmu Komputer Ketua, Dr. Poltak Sihombing, M.Kom NIP

4 PERNYATAAN PERANCANGAN DAN IMPLEMENTASI RESOURCE SERVER DAN AUTHORIZATION SERVER MENGGUNAKAN TEKNOLOGI OTENTIKASI OAUTH 2 Saya mengakui bahwa skripsi ini adalah hasil karya saya sendiri, kecuali beberapa kutipan dan ringkasan yang masing-masing disebutkan sumbernya. Medan, Januari 2014 Yosrinal

5 PENGHARGAAN Bismillaahirrahmaanirrahim Alhamdulillahirrabbila lamin Puji dan syukur penulis panjatkan hanya kepada Allah SWT, yang memelihara dan mengatur seluruh kehidupan ini, tempat mengadu dan memohon pertolongan. Berkat berkahan karunia dan petunjuk yang diberikan darinya, penulis mampu menyelesaikan skripsi ini. Shalawat dan beriring salam penulis ucapkan kepada baginda Rasulullah Muhammad SAW. Skripsi ini dikerjakan sebagai salah satu syarat guna memperoleh gelar Sarjana Ilmu Komputer Fakultas Ilmu Komputer dan Teknologi Informasi Universitas Sumatera Utara. Penulis menyadari bahwa terselesaikannya skripsi ini tentunya tak lepas dari dorongan dan bantuan berbagai pihak. Oleh karena itu, dengan segala kerendahan hati penulis mengungkapkan rasa terima kasih dan penghargaan kepada : 1. Ibu Dian Rachmawati, S.Si, M,Kom, selaku Dosen Pembimbing I yang telah memberikan arahan, masukan, bimbingan, saran, serta motivasi yang membangun untuk penulis sehingga penulis dapat menyelesaikan skripsi ini dengan baik. 2. Bapak M. Anggia Muchtar, ST, MM.IT, selaku pembimbing II yang telah memberikan masukan, bimbingan, saran dan motivasi kepada penulis, serta sabar memberikan bantuan sehingga penulis dapat menyelesaikan skripsi ini dengan baik. 3. Bapak Ade Candra, ST, M.Kom selaku Dosen Pembanding I, yang telah memberikan kritik dan saran yang membangun bagi penulis. 4. Bapak Herriyance, ST, M.Kom sebagai Dosen Pembanding II yang telah memberikan kritik dan saran yang membangun bagi penulis. 5. Dekan dan Pembantu Dekan Fakultas Ilmu Komputer dan Teknologi Informasi berserta para pegawai yang bertugas di Program Studi Ilmu Komputer FASILKOM-TI USU. 6. Orang tua tercinta, Ayahanda Faizal Tahar dan Ibunda Rosdawati, Abangnda Yoseirsal untuk semua doa, dukungan, dan motivasi yang tak ternilai harganya. 7. Bapak dr. Alis Marajo dan Bapak Drs.H.Asyirwan Yunus, M.Si selaku Bupati Lima Puluh Kota dan Wakil Bupati Lima Puluh Kota - Sumatera Barat yang telah memberikan izin kepada penulis melakukan kegiatan tugas belajar. 8. Bapak Ambardi, SE, MM selaku Kepala Badan Penanaman Modal dan Pelayanan Perizinan Lima Puluh Kota beserta keluarga besar BPMPPT, yang telah memberikan kesempatan penulis melakukan tugas belajar. 9. Kepala Badan Kepegawaian Lima Puluh Kota Lima - Sumatera Barat beserta seluruh jajaran staf / pegawai, terimakasih atas bantuan yang telah diberikan kepada penulis selama ini. 10. Dolly Aswin Harahap, dan teman - teman sejawat Ekstensi 2011 Donny Sanjaya, Hedi Hermawan Harahap, Adam Kurniawan, Fatah Abdella Sutara,

6 Tanzilul Khoir Gultom dan seluruh teman - teman Ekstensi Kom A dan B dengan tidak mengurangi rasa persahabatan sedikit pun, salam kompak. 11. Seluruh kolega dan teman-teman dari jajaran Pemkab Lima Puluh Kota - Sumatera Barat Ronal Harsya, Ifdol Rahman, Pak Haji Salman, Uda Musmulyadi, HN, ST, Kak Melsy, Yengky Nofra Effendi, serta adik - adik dari CV. Ferrari Corp. (Harianto dan Ferdi), terimakasih untuk semua dukungan morilnya. Semoga Allah SWT membalas semua kebaikan yang telah kalian berikan. Medan, Januari 2014 Penulis Yosrinal

7 ABSTRAK OAuth adalah entitas yang dapat memberikan hak akses terhadap sumber yang dilindungi (protected resource). Dengan OAuth seseorang dapat berbagi data dengan orang lain seperti foto, video dan tulisan secara langsung sehingga dapat mengidentifikasi dan memudahkan dalam proses pengenalan dan pencarian informasi. Tujuan penelitian ini adalah merancang dan menerapkan prosedur mekanisme kerja teknologi OAuth 2 dengan melibatkan adanya otorisasi server yang merupakan sumber daya server itu sendiri dalam melakukan otentikasi dan otorisasi credential dari seorang client. Pada penelitian ini digunakan 3 (tiga) aplikasi yang bersifat single sign on, terdiri atas 3 halaman sign-in berbasis otentikasi OAuth 2 dari pemilik sumber daya (Resource Owner) dengan menerapkan proses kerja otentikasi OAuth 2. Otentikasi OAuth 2 lewat peran Authorization Server akan memvalidasi credential dari client seusai keberadaannya pada basis data, di proses dengan mengeluarkan sebuah halaman otorisasi (Authorize App) untuk diarahkan ke halaman utama setiap aplikasi web masing-masing. Otorisasi akhir dari kebenaran credential seorang client adalah di hasilkan sebuah akses token yang bekerja pada url (uniform resource locator) pada masing - masing aplikasi web. Kata Kunci: Authorization Server, OAuth 2, Otentikasi dan Otorisasi, Resource Server.

8 DESIGN AND IMPLEMENTATION OF RESOURCE SERVER AND AUTHORIZATION SERVER USING OAUTH 2 AUTHENTICATION TECHNOLOGY ABSTRACT OAuth is an entity that can grant access to a protected resource. With OAuth someone can share the data with others such as photos, videos and posts directly so as to identify and facilitate the process of recognition and information retrieval. The purpose of this research is to design and implement procedures work mechanism involving technology OAuth 2 authorization server is a server resource itself in the authentication and authorization of a client credential. In this study, the three applications that are single sign on, consisting of 3 pages sign in OAuth 2 authentication based on the owner of the resource (resource owner) by implementing OAuth 2 authentication work process. Authentication via OAuth 2 Authorization Server will validate the role of client credential after its existence on the basis of the data, in the process by issuing an authorization page ( Authorize app ) to be directed to the main page of any web application, respectively. Final authorization of a client credential truth is generated an access token that works on the url ( uniform resource locator ) on each web application. Keywords: Authentication and Authorization, Authorization Server, OAuth 2, Resource Server.

9 DAFTAR ISI Hal. PERSETUJUAN PERNYATAAAN PENGHARGAAN ABSTRAK ABSTRACT DAFTAR ISI DAFTAR TABEL DAFTAR GAMBAR ii iii iv vi vii viii x xi BAB 1 PENDAHULUAN 1.1 Latar Belakang Rumusan Masalah Batasan Masalah Tujuan Penelitian Manfaat Penelitian Metode Penelitian Sistematika Penulisan 4 BAB 2 TINJAUAN PUSTAKA Pengenalan OAuth OAuth OAuth Hibah Otorisasi (Authorization Grant) Authorization Code Implicit Resource Owner Password Credential Client Credential Access Token dan Refresh Token Access Token Refresh Token Jenis Client Profile Server Side Web Application Client Side User Agent Based Application Resource Owner Password Flow Workflow Client Profile Server Side Web Application Flow Client Side Web Application Flow Resource Owner Password Flow Proses Roles of Authetication Web Server Application Browser Based Application Sistem Informasi 26

10 2.9.1 Pengertian Sistem Informasi Pengertian Informasi Konsep Sistem Informasi 27 BAB 3 ANALISIS DAN PERANCANGAN SISTEM Analisis Permasalahan Analisis Kebutuhan Sistem Analisis Teknologi OAuth Perancangan Sistem Deskripsi Sistem Fungsi Utama Batasan DFD (Data Flow Diagram) Diagram Konteks Data Flow Diagram Level Data Flow Diagram Level Perancangan Basis Data Flowchart Sistem Flowchart Sistem Aplikasi Secara Umum Flowchart Otentikasi OAuth Perancangan Tampilan Rancangan Halaman Tambah Client Rancangan Halaman Sign-In Rancangan Halaman Utama Rancangan Halaman Menu dan Harga Rancangan Halaman Reservasi Pseudocode 50 BAB 4 IMPLEMENTASI DAN PENGUJIAN 4.1 Implementasi Sistem Spesifikasi Perangkat Lunak dan Perangkat Keras Implementasi Aktivitas Menambah Client Baru Implementasi Aktivitas Sign In Implementasi Proses Otentikasi Teknologi OAuth Implementasi Reservasi Pada Web Aplikasi Cafe Pengujian Sistem Pengujian Black Box Pengujian Tambah Client Baru Pengujian Sign In dengan Otentikasi OAuth Pengujian Reservasi 72 BAB 5 KESIMPULAN DAN SARAN Kesimpulan Saran 76 Daftar Pustaka 77

11 DAFTAR TABEL 2.1 Tugas dan Fungsi 4 (empat) Komponen OAuth Keterangan Server Side Web Application Flow Keterangan Server Side Web Application Flow Keterangan Resource Owner Password Flow Keterangan Proses Kerja Teknologi OAuth Keterangan Proses Schema Jaringan OAuth Tabel Reservasi Tabel Clients Tabel Tokens Kode Program Untuk Membuat Kode OAuth Spesifikasi Perangkat Pada Aplikasi Tahapan Pengujian Pada Sistem Daftar Client ID dan Client Secret Daftar Client ID dan Client Secret Dari Basis Data Clients Akses Token Yang Dihasilkan Dari Beberapa Client Yang Berbeda Data Akses Token Yang Berasal Dari Basis Data Tokens 71 Hal.

12 DAFTAR GAMBAR 2.1 Tiga Peran Aktif pada OAuth Otorisasi Akses Layanan bit.ly Menggunakan Account Twitter.com Lalu Lintas Transaksi OAuth Antar Muka Layanan Bit.ly Mekanisme Kerja OAuth Server Side Web Application Flow Client Side User Web Application Flow Resource Owner Password Flow Proses Otentikasi Web Server Application Proses Otentikasi Web Server Application Proses Otentikasi Web Server Application Auth Code dari Google API Halaman Auth Code dari Google API Proses Otentikasi Web Server Application Proses Otentikasi Web Sever Application Proses Otentikasi Browser Based Application Proses Otentikasi Browser Based Application Proses Otentikasi Browser Based Application Proses Otentikasi Browser Based Application Diagram Ishikawa Analisis Masalah Proses Kerja Teknologi OAuth 2 Pada Aplikasi Web Schema Jaringan OAuth DFD Level Data Flow Diagram Level Data Flow Diagram Level Flowchart Sistem Aplikasi Secara Umum Flowchart Otentikasi OAuth Rancangan Tampilan Halaman Tambah Client Rancangan Tampilan Halaman Sign-In Rancangan Tampilan Halaman Utama Rancangan Tampilan Halaman Menu dan Harga Rancangan Tampilan Halaman Reservasi Form Pendaftaran Client Baru Form Aktivitas Sign In Web SSO Form Aktivitas Sign In Web 2 SSO Form Aktivitas Sign In Web 3 SSO Halaman Authorize App Akses Token Dihasilkan Halaman Form Reservasi Halaman Tambah Client Baru Pesan Error Halaman Tambah Client Baru Pesan Sukses Halaman Tambah Client Baru 64 Hal.

13 4.11 Pengujian Tambah Client Baru Menggunakan Add-ons Firebug Halaman Aktivitas Sign In Pesan Error - 1 Halaman Aktivitas Sign In Pesan Error - 2 Halaman Aktivitas Sign In Pesan Error Menggunakan Add-ons Firebug Form Sign In Diisi Dengan Benar Halaman Authorize App Menggunakan Data Client Pengujian Form Sign-in Menggunakan Add-ons Firebug Akses Token Yang Dihasilkan Pada Halaman Utama Form Aktivitas Reservasi Form Aktivitas Reservasi Saat Diisi Balasan Dari Aplikasi Sistem Perihal Reservasi 74

14 DAFTAR LAMPIRAN Hal. A. Listing Program A-1 B. Curriculum Vitae B-1