Perancangan dan Implementasi Perangkat Lunak Portal myITS SSO Menggunakan Pendekatan Micro Front-end

Putra, Zydhan Linnar (2023) Perancangan dan Implementasi Perangkat Lunak Portal myITS SSO Menggunakan Pendekatan Micro Front-end. Other thesis, Institut Teknologi Sepuluh Nopember.

Text 05111940000118-Undergraduate_Thesis.pdf - Accepted Version Restricted to Repository staff only until 1 September 2025. Download (7MB) | Request a copy

Abstract

Saat ini, sebuah laman web sering kali menampilkan fungsionalitas yang berasal dari lintas domain. Namun, pendekatan yang sering digunakan saat ini adalah implementasi front-end yang berarsitektur monolitik dengan semua fungsionalitas tergabung pada kode dan deployment yang sama. Implementasi tersebut dapat mengalami masalah seiring dengan kompleksnya tampilan pada front-end. Hal ini menjadi permasalahan pada Portal myITS yang menampilkan informasi mengenai kalender, berita, daftar kegiatan, dan portal akses login ke aplikasi-aplikasi yang ada di ITS menggunakan metode Single-Sign On. Sebagai solusi, penulis mengusulkan untuk menerapkan pendekatan micro front-end yang memperluas konsep microservices dan menerapkannya pada front-end. Dengan pendekatan ini, domain yang ada akan dipecah menjadi beberapa sub domain kemudian setiap sub domain memiliki front-end masing-masing yang kemudian diintegrasikan dalam satu tampilan. Selain itu, penulis juga akan menganalisis beberapa kerangka kerja untuk implementasi micro front-end sehingga di akhir dapat ditemukan kerangka kerja yang cocok untuk micro-frontend. Arsitektur micro front-end yang digunakan pada pengembangan Portal myITS SSO bertujuan untuk mempermudah maintainability karena setiap tim dapat mengembangkan fitur secara independen. Dengan pendekatan ini, deployment dari setiap layanan dapat dipisahkan ke beberapa mesin, sehingga meningkatkan modifiability dengan memungkinkan perubahan pada satu layanan tanpa mempengaruhi layanan lainnya. Dengan menerapkan pendekatan micro front-end, Portal myITS SSO dapat lebih mudah diperbarui dan dikembangkan tanpa mengganggu keseluruhan sistem. Hasil dari tugas akhir ini adalah sistem yang lebih efektif dan efisien.
=================================================================================================================================
Currently, a web page often displays functionality that comes from cross-domain sources. However, the approach commonly used today is a monolithic front-end architecture where all functionality is combined in the same code and deployment. This implementation can experience problems as the front-end display becomes more complex. This is a problem for the myITS Portal, which displays information about calendars, news, event lists, and a login access portal to applications at ITS using the Single-Sign On method. As a solution, the author proposes to implement a micro front-end approach that extends the concept of microservices and applies it to the front-end. With this approach, the existing domain will be divided into several subdomains, each with its own front-end that is then integrated into a single display. In addition, the author will also analyse several frameworks for implementing micro front ends so that in the end a suitable framework for micro-frontends can be found. The micro front-end architecture used in the development of Portal myITS SSO aims to facilitate maintainability as each team can independently develop features. With this approach, the deployment of each service can be separated into multiple machines, thereby increasing modifiability by allowing changes to one service without affecting others. By implementing the micro front-end approach, Portal myITS SSO can be easily updated and developed without disrupting the entire system. The result of this final project is a more effective and efficient system.

Item Type:	Thesis (Other)
Uncontrolled Keywords:	Micro Front-end, Portal myITS SSO, Domain Driven Design
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:	Zydhan Linnar Putra
Date Deposited:	25 Sep 2023 01:36
Last Modified:	25 Sep 2023 01:36
URI:	http://repository.its.ac.id/id/eprint/102248

Actions (login required)

View Item