Rancang Bangun Aplikasi Web Modular dengan Pluggable User Interface

Lutfi, Zidan (2021) Rancang Bangun Aplikasi Web Modular dengan Pluggable User Interface. Undergraduate thesis, Institut Teknologi Sepuluh Nopember.

[thumbnail of 05111740000007-Undergraduate_Thesis.pdf] Text
05111740000007-Undergraduate_Thesis.pdf - Accepted Version
Restricted to Repository staff only until 1 October 2023.

Download (2MB) | Request a copy

Abstract

Pada awalnya dashboard SSO ingin menambahkan widget-widget informasi, akan tetapi fungsionalitas dari widget tersebut di luar dari tanggung jawab SSO, sebagai contoh weather, schedule, dan lain-lain. Dalam hal ini, SSO tidak memiliki tanggung jawab atas implementasi fungsionalitas widget tersebut. Tanggung jawab dashboard SSO hanya cukup menampilkan widget-widget tersebut. Dalam mengatasi permasalahan tersebut, terdapat solusi dengan microfrontend dimana pada satu halaman frontend dapat disusun dari banyak komponen frontend dengan fungsionalitas yang telah diimplementasikan pada backend dari tiap aplikasi yang berbeda. Dalam penerapan microfrontend pada dashboard SSO ini diperlukan pembuatan komponen user interface untuk tiap widget, untuk menjalankan fungsionalitasnya widget tersebut akan memanggil API ke backend dari widget tersebut. Pemanggilan API ini pun harus diamankan dengan cara memanggil API melalui API gateway. Dari API gateway akan ditambahkan header JWT dan diteruskan ke backend dari widget tersebut. Di dalam backend JWT tersebut didecode yang kemudian digunakan dalam pengambilan atau pengolahan data untuk menghindari user lain melakukan pengambilan atau pengolahan data yang bukan miliknya. Dengan penerapan microfrontend pada dashboard SSO dapat mengurangi ketergantungan widget pada dashboard SSO. Selain itu dengan menambahkan pengamanan dari API gateway dapat menghindarkan pengaksesan data oleh user lain.
======================================================================================================
At first dashboard SSO wanted to add information widgets, but the functionality of these widgets were not SSO’s responsibility, such as weather, schedules, and others. In this case, SSO is not responsible for the implementation of the widget functionality. The responsibility of the dashboard SSO is simply to display these widgets. In overcoming these problems, there is a solution with a microfrontend which on one page can be composed of many frontend components with functionality that has been implemented on the backend of each different application. In implementing the microfrontend in the dashboard SSO, it is necessary to create a user interface component for each widget, to carry out it’s function the widget will call the API to the widget’s backend. These API calls must also be secured by calling the API through the API gateway. From the API gateway, the JWT header will be added and passed to the widget backend. On the backend, the JWT is decoded which is then used in data retrieval or processing to prevent other users from retrieving or processing data that does not belong to it. By implementing the microfrontend in the dashboard SSO, it can reduce the dependency of the widgets on the dashboard SSO. In addition, adding security from the API gateway can prevent data access by other users.

Item Type: Thesis (Undergraduate)
Uncontrolled Keywords: SSO, Komponen User Interface, Microfrontend, API, User Interface Component
Subjects: T Technology > TK Electrical engineering. Electronics Nuclear engineering > TK5105.888 Web sites--Design. Web site development.
Divisions: Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User: Zidan Lutfi
Date Deposited: 15 Aug 2021 03:48
Last Modified: 15 Aug 2021 03:48
URI: http://repository.its.ac.id/id/eprint/86743

Actions (login required)

View Item View Item