Rekayasa Ulang LMS Bahasa Inggris pada Sisi Front End Menggunakan Kakas Bantu React Native dan Kerangka Kerja Expo

Rizki, Alfan Lukeyan (2025) Rekayasa Ulang LMS Bahasa Inggris pada Sisi Front End Menggunakan Kakas Bantu React Native dan Kerangka Kerja Expo. Other thesis, Institut Teknologi Sepuluh Nopember.

Text 5025211046-Undergraduate_Thesis.pdf - Accepted Version Restricted to Repository staff only Download (22MB) | Request a copy

Abstract

Dalam era digital yang terus berkembang, Learning Management System (LMS) telah menjadi alat penting dalam mendukung proses pembelajaran, khususnya dalam pembelajaran bahasa Inggris. Penelitian sebelumnya telah mengembangkan microservices terpisah untuk LMS Pembelajaran Bahasa Inggris, meliputi user service, learning process service, class control service, dan evaluation service. Namun, implementasi mereka menghadapi beberapa keterbatasan arsitektural yang signifikan, termasuk kebutuhan akan integrasi frontend yang lebih baik, peningkatan sistem autentikasi pengguna, dan pengalaman pengguna cross-platform yang optimal. Penelitian ini bertujuan untuk melakukan rekayasa ulang pada aplikasi LMS yang telah ada dengan membangun kembali secara menyeluruh arsitektur sistem dan antarmuka pengguna. Pendekatan rekayasa ulang melibatkan perancangan ulang seluruh ekosistem frontend dan mengintegrasikan semua microservices ke dalam pengalaman pengguna yang kohesif menggunakan React Native dan Expo. Aplikasi cross-platform tunggal ini akan melayani semua peran pengguna di platform web, iOS, dan Android dengan implementasi role-based access control. Metodologi penelitian terdiri dari tiga fase utama: analisis sistem dan pengumpulan kebutuhan, perancangan ulang arsitektur dan pengembangan, serta pengujian dan evaluasi komprehensif. Sistem baru akan mengintegrasikan fitur manajemen konten kelas, assignment dan assessment secara baik, mengimplementasikan autentikasi berbasis pengenalan wajah untuk keamanan yang ditingkatkan, dan menyediakan antarmuka pengguna cross-platform yang intuitif. Hasil Pengujian fungsional, seluruh fitur yang diuji berhasil berjalan dengan baik sesuai dengan skenario yang telah ditentukan. Dari total 62 skenario pengujian melalui pengujian manul dan 17 skenario pengujian otomatis, seluruhnya menunjukkan hasil pass dengan tingkat keberhasilan 100%.
=============================================================================================================================================
In this ever-evolving digital age, Learning Management Systems (LMS) have become an essential tool in supporting the learning process, particularly in English language learning. Previous research has developed separate microservices for English Language Learning LMS, including user services, learning process services, class control services, and evaluation services. However, their implementation faces several significant architectural limitations, including the need for better frontend integration, improved user authentication systems, and optimal cross-platform user experiences. This research aims to reengineer the existing LMS application by completely rebuilding the system architecture and user interface. The reengineering approach involves redesigning the entire frontend ecosystem and integrating all microservices into a cohesive user experience using React Native and Expo. This single cross-platform application will serve all user roles on web, iOS, and Android platforms with role-based access control implementation. The research methodology consists of three main phases: system analysis and requirements gathering, architecture redesign and development, and comprehensive testing and evaluation. The new system will integrate class content management, assignment, and assessment features effectively, implement facial recognition-based authentication for enhanced security, and provide an intuitive cross-platform user interface. Functional testing results: all tested features functioned properly according to the defined scenarios. Out of a total of 62 manual testing scenarios and 17 automated testing scenarios, all passed with a 100% success rate.

Item Type:	Thesis (Other)
Uncontrolled Keywords:	Multi Platform, React Native, Reengineering, Expo, Expo, Multi Platform, React Native, Rekayasa Ulang
Subjects:	L Education > L Education (General) T Technology > T Technology (General) > T57.5 Data Processing T Technology > T Technology (General) > T58.5 Information technology. IT--Auditing T Technology > T Technology (General) > T58.6 Management information systems
Divisions:	Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User:	Alfan Lukeyan Rizki
Date Deposited:	30 Jul 2025 07:46
Last Modified:	30 Jul 2025 07:46
URI:	http://repository.its.ac.id/id/eprint/123814

Actions (login required)

View Item