Pembuatan Web Service Data Masyarakat Kab. Cianjur

Seminar skripsi yang saya lakukan untuk mempresentasikan tentang web service yang dibuat untuk memperoleh data masyarakat Kabupaten Cianjur menggunakan praktik REST API.

Transcript

1. Pembangunan Web Service Menggunakan REST API dengan Access Token untuk Aplikasi Pendaftaran Kartu Pencari Kerja Studi Kasus DISDUKCAPIL dan DISNAKERTRANS Kabupaten Cianjur M Iqbal Perkasa, 10113081 iqbalperkasa@email.unikom.ac.id SEMINAR SKRIPSI
2. Dosen Pembimbing dan Reviewer Eko Budi Setiawan, S.Kom., M.T. Rangga Gelar Guntara, S.Kom., M.Kom. Pembimbing Reviewer
3. Agenda 1.Latar Belakang 2.Landasan Teori 3.Analisis dan Perancangan 4.Demo Aplikasi
4. Latar Belakang
5. Data is the new oil! Clive Humby, 2006
6. Latar Belakang Masalah 1.4+ juta* data belum dimanfaatkan Operator input secara manual Harus datang ke kantor *Sumber: BNPB Indonesia, 2010
7. Rumusan Masalah Bagaimana membangun sebuah aplikasi web service menggunakan REST API dengan access token untuk aplikasi pendaftaran kartu pencari kerja pada Dinas Kependudukan dan Catatan Sipil Kabupaten Cianjur dan Dinas Ketenagakerjaan dan Transmigrasi Kabupaten Cianjur
8. Maksud Penelitian • Membangun web service menggunakan REST API dengan access token • Membangun aplikasi pendaftaran kartu pencari kerja
9. Tujuan Penelitian Memudahkan memonitor penggunaan data Mempercepat pendaftaran kartu pencari kerja Masyarakat mampu Mendaftar mandiri
10. Batasan Masalah 1.REST API 2.Client-server 3.Berbasis web dan Android 4.Data dikirim berformat JSON 5.PHP + MySQL + CodeIgniter 6.Android dengan NativeScript
11. Landasan Teori
12. Web Service • Web service adalah sistem perangkat lunak yang didesain dapat dioperasikan mesin ke mesin melalui jaringan • Pesan yang diterima dari proses program yang ada pada service dapat berupa XML atau JSON • Berbagai platform yang berbeda
13. Access Token • String unik berisi huruf, angka, atau kombinasi keduanya • Untuk mengidentifikasi dan memverifikasi apakah pemohon memiliki hak dalam mengakses web service
14. Access Token Access Token API Dribbble
15. REST • Salah satu gaya arsitektur web service • Resource diakses melalui alamat HTTP URL • Mengirim perintah dengan metode HTTP yang disebut verb • GET, POST, PUT, DELETE
16. Kode Balikan REST • 200 OK • 400 Bad Request • 401 Unauthorized • 403 Forbidden • 404 Not Found • 429 Too Many Requests • 500 Internal Server Error
17. JSON • Sebuah format teks, mudah diurai dan dibaca mesin/manusia • Terdapat dua struktur: • name/value → {“name”: “value”} • array → [“value_1”, “value_2”]
18. NativeScript • Membuat aplikasi Android/iOS menggunakan JavaScript. Magic! • Javacsript → Java/Swift • WebView seperti Ionic • Tampilan depan menggunakan XML dan CSS
19. NativeScript Contoh program XML NativeScript
20. NativeScript Hasil Program
21. Analisis dan Perancangan
22. Analisis Masalah Belum adanya aplikasi untuk memonitor penggunaan data. Operator secara manual memasukkan data pemohon. Belum adanya aplikasi untuk memonitor mendaftar kartu secara mandiri.
23. Arsitektur Sistem Server Disdukcapil Kab. Cianjur (Program) Server Pengembang Aplikasi (Program) Internet Internet Database Masyarakat Kab. Cianjur Database Sistem API Cianjur Pengguna Akhir (Masyarakat) Pengguna Akhir (Masyarakat)
24. Pembentukan Access Token • Enkripsi dari kombinasi string email dan waktu timestamp pembentukan • Timestamp digunakan untuk membuat key yang unik
25. Skenario Pembentukan Access Token Alamat Email email@domain.com Timestamp Pembuatan Token 1492035660 (12 April 2017 22:20) Fungsi SHA256 sha256(‘email@domain.com1492035660’) Access Token yang Didapat 91b37dee294eb66ce67c9d8bbbe6f71f0d9 baf8f9a697c37f35e4108bbccf9be
26. Function Pembentukan Access Token (PHP)
27. Alur Validasi Request API Validasi Access Token Kosong (403 Forbidden) Validasi Format Access Token (400 Bad Request) Validasi Access Token (401 Unauthorized) Validasi Access Token dengan Domain Terdaftar Validasi Batas Limit (429 Too Many Request) Validasi NIK Kosong (404 Not Found) Validasi Format NIK (400 Bad Request) Validasi NIK (404 Not Found) Selesai Mulai
28. Request dan Response API
29. Request API http://DOMAIN/apicianjur/api/get_data_by_nik 1. Endpoint URL
30. Request API • access_token Kunci validasi untuk mengakses data • nik NIK masyarakat yang akan diambil datanya 2. Parameter
31. Request API GET 3. HTTP Verb
32. Request API http://DOMAIN/apicianjur/api/get_data_by_nik ?access_token=ACCESS_TOKEN &nik=NIK 4. Otentikasi dan Ambil Data
33. Response API Response: Status: 200 OK X-Limit-Limit: 60 X-Limit-Remaining: 59 { "SUCCESS": true, "MESSAGE": [], "DATA": { "NIK": "3203190907650002", "NAMA_LGKP": "SARHINDI", "TMPT_LHR": "CIANJUR", ... }
34. Use Case Diagram Admin API Pengguna API/ Pengembang Aplikasi Pengguna Aplikasi/ Masyarakat Login Daftar Akun Generate Ulang Access Token Akses API Lihat Statistik <<include>> Kelola Access Token Verifikasi Access Token <<include>> <<include>> <<include>> <<extend>>
35. Class Diagram Login Controller + data : array of object - default_values() + daftar() - do_signup() Account Model # table : string - values : array of object + insert_account() Daftar Akun View - message : string - csrf_name : string - csrf_hash : string Login Controller + data : array of object - default_values() + index() - do_login() Login View - message : string - csrf_name : string - csrf_hash : string Access Token Controller + data : array of object + statistik() Access Token Model # table : string - query : object + get_access_token() + get_statistik_today() + get_statistik_week() + get_statistik_month() Lihat Statistik View - statistik : array - values : array Access Token Controller + data : array of object + verifikasi() + do_verified() Verifikasi Access Token View - values : array - list_access_token : array of object Access Token Controller + data : array of object + generate_ulang() + do_generate() Generate Access Token View - values : array Access Token Controller + data : array of object + ubah() - default_values() + process_form() Kelola Access Token View - values : array - csrf_name : string - csrf_hash : string Api Controller - data : array of object - db_ora : object - get : array of object - access_token : string - nik : string - return : array of object - limit_access_token : number - current_limit : number - http_origin : string - domain_list : array + get_data_by_nik() - stop() Api Model - custom_query : object - query_check : string - query : object - log : array of object + get_data_by_nik() - insert_log() - inc_limit()
36. Sequence Diagram Akses API Api Controller Access Token Model 1. get_data_by_nik() Pengguna 6. return Api Model 2. get_limit_access_token() 3. get_current_limit_access_token() 7. stop() alt [permintaan tidak valid] 8. get_data_by_nik() 13. return 14. stop() 9. get_custom_query_access _token() 10. return 11. insert_log() 4. get_access_token_by_access_token() 5. get_domain_list_access_token() 12. inc_limit()
37. Skema Relasi
38. Demo Aplikasi