PERANCANGAN SISTEM PENGHUBUNG KABUPATEN SAMPANG MANAJEMEN APPLICATION PROGRAMMING INTERFACE (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang DAFTAR ISI BAB I – LAPORAN PENDAHULUAN ................................................................................................... 3 1.1. Latar Belakang ....................................................................................................................... 3 1.2. Ruang Lingkup Masalah ........................................................................................................ 3 BAB II – metodologi penelitian ........................................................................................................ 4 BAB III – HASIL DAN PEMBAHASAN ................................................................................................. 5 3.1 Use case diagram ................................................................................................................... 5 Gambar 1 Use Case Diagram Pengguna (Admin OPD / Developer App) ............................ 5 3.2 activity diagram...................................................................................................................... 6 Gambar 2 activity Diagram .......................................................................................................... 6 3.3 deployment diagram .............................................................................................................. 7 Gambar 3 deployment Diagram .................................................................................................. 7 3.4 design sistem .......................................................................................................................... 8 1. Halaman Login ................................................................................................................... 8 Gambar 4 menu login ....................................................................................................... 8 2. Halaman Dashboard ......................................................................................................... 8 Gambar 5 halaman dashboard ........................................................................................ 8 3. Menu Repository............................................................................................................... 9 Gambar 6 halaman menu ................................................................................................ 9 a. API ................................................................................................................................. 9 4. Web Consume ................................................................................................................. 14 BAB IV – laporan akhir .................................................................................................................... 20 (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang PERANCANGAN APLIKASI SISTEM PENGHUBUNG Manajemen Application Programming Interface (API) Kabupaten Sampang BAB I – LAPORAN PENDAHULUAN 1.1. LATAR BELAKANG Aplikasi Sistem Penghubung Kabupaten Sampang adalah sebuah aplikasi yang berbasis website yang dapat mengatur API dari semua sumber data yang di sediakan agar dapat di atur sesuai dengan kebutuhan aplikasi dan website lain yang akan menjadi pengguna. Saat ini proses API yang di sediakan tidak dapat di atur prosesnya, dan tidak dapat di kumpulkan dalam 1 wadah untuk dapat di lihat. Berdasarkan latar belakang yang telah dipaparkan pada paragraf diatas, maka Dinas Komunikasi dan Informatika Kabupaten Sampang mengajukan pembuatan sistem Aplikasi penghubung yang berbasis web agar dapat menampung semua API terkait dalam 1 repository. 1.2. RUANG LINGKUP MASALAH Identifikasi permasalahan ini akan di paparkan sebagai berikut: 1. Proses penggunaan API yang masih berjalan masing - masing dalam setiap website dan tidak dapat di monitor. 2. Belum adanya sistem yang membantu Kabupaten Sampang untuk menampung semua API website Kabupaten Sampang dalam 1 aplikasi Perumusan masalah pada kasus ini : 1. Bagaimana menampung API website Kabupaten Sampang dalam 1 wadah ? 2. Bagaimana membuat sistem Repository API yang secure dan teratur ? Batasan masalah pada kasus ini : 1. Input data sistem yang diperlukan adalah registrasi API pada aplikasi sistempenghubung.sampangkab.go.id dari web yang menyediakan API untuk dapat di gunakan oleh client melalui aplikasi tersebut. (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang BAB II – METODOLOGI PENELITIAN Untuk menyelesaikan rancangan Aplikasi Sistem Penghubung ini menggunakan metode penelitian dengan model Waterfall, diantaranya : NO 1 TAHAPAN Planning URAIAN Kebutuhan Akan Sistem Penghubung sudah jelas Agar dalam perancangan Aplikasi Sistem Penghubung ini mendapatkan kekurangan dan kelebihan mengenai 2 Analysis aplikasi ini. Kekurangan dalam hal ini dengan maksud dan tujuan agar aplikasi dapat diperbaiki dan dikembangkan guna memenuhi kebutuhan pengguna (OPD). Perancangan dengan mengedepankan fungsi dari Aplikasi Sistem Penghubung ini agar lebih dapat dimengerti oleh 3 Design semua pengguna (OPD) dan Developer jika OPD melibatkan pihak ke-3. Design menggunakan ERD seperti Use Case Diagram dan Activity Diagram. Sistem 4 Development Layanan Penghubung ini dibuat dengan menggunakan bahasa pemograman PHP dan Javascript sebagai (Front End dan Back End) serta Database yang digunakan adalah MySql. 5 Testing dan Integration Pengujian dilakukan pada aspek fungsionalitas kepada pengguna. Pemeliharaan akan dilakukan apabila ada kebutuhan 6 Maintenance pengguna dan update fitur atau memperbaiki kesalahan sistem yang tidak sesuai dengan kebutuhan pengguna. (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang BAB III – HASIL DAN PEMBAHASAN Berikut rancangan mengenai Aplikasi Sistem Penghubung yang akan dibuat dalam bentuk Use Case Diagram dan Activity Diagram. 3.1 USE CASE DIAGRAM GAMBAR 1 USE CASE DIAGRAM PENGGUNA (ADMIN OPD / DEVELOPER APP) (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang 3.2 ACTIVITY DIAGRAM GAMBAR 2 ACTIVITY DIAGRAM (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang 3.3 DEPLOYMENT DIAGRAM GAMBAR 3 DEPLOYMENT DIAGRAM (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang 3.4 DESIGN SISTEM Interface menggambarkan mengenai tampilan yang ada pada Sistem Penghubung, diantaranya : 1. HALAMAN LOGIN GAMBAR 4 MENU LOGIN Login kedalam Sistem Penghubung dengan Username dan Password yang sudah terdaftar. 2. HALAMAN DASHBOARD GAMBAR 5 HALAMAN DASHBOARD Setelah berhasil login, sistem akan menampilkan halaman dashboard sistem penghubung. (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang 3. MENU REPOSITORY GAMBAR 6 HALAMAN MENU A. API Untuk menambah data API, Test Response Url API dan Validasi format (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang Nama API : Di isi dengan nama api anda (Optional) URL API : Di isi dengan URL API yang sudah anda sediakan pada web server API anda Method API : Di isi dengan method API yang anda gunakan di web server API anda, method berupa POST dan GET Header API : Di isi dengan header API yang di butuhkan di web server API anda With Param : Pilih Tidak, karena standard api tidak menggunakan param ( mencakup detail data ) (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang Test API untuk memastikan API dapat berfungsi dengan baik (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang Klik Test API untuk mengetahui return API Lalu Klik Validasi Format untuk check format JSONnya, apakah bisa digunakan atau tidak (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang Jika ingin mengetahui format JSON yang di gunakan, anda bisa klik Format Standard JSON Jika format sudah benar, Klik Switch Status untuk aktifasi API (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang 4. WEB CONSUME Setalah mendaftarkan API pada aplikasi sistempenghubung.sampangkab.go.id, selanjutnya anda harus mendaftarkan WEB atau Aplikasi client yang akan menggunakan API anda, berikut adalah caranya : (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang Klik Add untuk menambahakan Nama Web : Isi dengan nama web atau aplikasi Client (optional) URL WEB : Isi dengan Url web atau aplikasi Client, harap tidak salah dalam mengiri url tersebut..!!! Repo API : Pilih Repo API yang ingin di Consume Jenis Web : Pilih jenis web client (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang Klik web lalu pilih Access Field yang akan di berikan kepada Client (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang Lalu Klik Commit jika sudah sesuai Lalu Klik GET REST API untuk di berikan kepda Client (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang Copy URL dan Header Authorization kepada Client untuk dapat di gunakan pada website atau aplikasi mereka Untuk memastikan API berjalan, anda bisa test menggunakan postman, seperti berikut (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang Jika autorization di isi dengan code yg salah, maka API tidak dapat di access (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang BAB IV – LAPORAN AKHIR 4.1. Kesimpulan Beberapa kesimpulan yang dapat di ambil : 1. Aplikasi tersebut dapat memantau kegiatan integrasi API yang ada di Kabupaten Sampang. 4.2. Saran Untuk memelihara aplikasi penghubung kabupaten sampang : 1. Aplikasi sistem-penghubung.sampangkab.go.id ini harus di manage sesuai kebutuhan, jika ada perubahan struktur API dari sisi web server API, maka harus di update pada aplikasi penghubung agar dapat terupdate. (0323) 325987 / 321550 [email protected] https://diskominfo.sampangkab.go.id Jalan Raya Pliyang, Sampang
