Pengembangan Front-End Aplikasi Mysre: Aplikasi Tinjauan Literatur Untuk Peneliti Pemula

Hariyanti, Uun; Jayadi, Delisya; Afirianto, Tri; Nurtantyana, Rio; Zulvarina, Prima; Hariyanti, Uun; Jayadi, Delisya; Afirianto, Tri; Nurtantyana, Rio; Zulvarina, Prima

doi:10.25126/jtiik.124

Open access Jurnal SINTA 2

Pengembangan Front-End Aplikasi Mysre: Aplikasi Tinjauan Literatur Untuk Peneliti Pemula

Jurnal Teknologi Informasi dan Ilmu Komputer (JTIIK) · Vol. 12 No. 4 (2025) · pp. 895–902

DOI: 10.25126/jtiik.124
ISSN: 2528-6579, 2355-7699
Published: 2025-08-29
Publisher: Fakultas Ilmu Komputer, Universitas Brawijaya
Language: id
License: creativecommons.org/licenses/by-sa/4.0

Abstract

Bahasa Indonesia

Keterampilan menuliskan suatu tinjauan literatur yang komprehensif seringkali menjadi tantangan bagi peneliti pemula, terutama mahasiswa jenjang sarjana. Artificial intelligence (AI) seringkali digunakan sebagai salah satu solusi untuk menjawab tantangan tersebut. Namun, penggunaan AI yang tanpa kontrol dapat berdampak negatif pada pengembangan kemampuan peneliti. Berdasarkan latar belakang tersebut, penelitian ini bertujuan untuk membangun frond-end aplikasi berbasis web yang disebut MySRE, yang dapat digunakan oleh peneliti pemula berlatih membuat suatu tinjuan literatur dengan berbantuan AI. Penelitian ini merupakan jenis penelitian rancang bangun yang menerapkan metode System Development Life Cycle (SDLC) untuk Prototyping, yang selanjutnya disebut sebagai SDLC Prototyping. Metode SDLC Prototyping terdiri atas lima tahapan, yaitu communication, quick plan, modeling quick design, construction of prototype, dan deployment, delivery, and feedback. Hasil dari analisis kebutuhan menggunakan Eisenhower matrix mengindikasikan bahwa terdapat lima fitur utama yang perlu dimiliki oleh aplikasi MySRE. Kelima fitur tersebut adalah text editor, diskusi dengan AI, referensi, co-pilot, dan peta konsep. Pengujian fungsional dan nonfungsional dilakukan pada hasil frond-end MySRE yang telah diimplementasikan. Pengujian fungsionalitas dilakukan dengan blackbox testing, sedangkan pengujian nonfungsional dilakukan dengan compatibility testing dengan SortSite dan usability testing dengan SUS kuesioner. Hasil dari pengujian fungsionalitas dengan blackbox menunjukkan bahwa 22 dari 23 pengujian dinyatakan valid. Hasil compatibility testing menunjukkan aplikasi website dapat diakses pada mayoritas peramban yang umum digunakan. Hasil usability testing menunjukkan skor rata-rata 76,75 yang melampaui kriteria minimum (70) untuk dikategorikan memiliki usability yang baik. Dengan demikian, dapat disimpulkan bahwa desain frond-end dari aplikasi MySRE telah berhasil dikembangkan dan memenuhi aspek fungsional dan nonfungsional (kompatibilitas, dan usability), sehingga layak digunakan sebagai antar muka dari aplikasi berbasis web yang dapat membantu peneliti pemula dalam berlatih menyusun tinjauan literatur. Abstract The ability to write comprehensive literature reviews is often a challenge for novice researchers, particularly undergraduate students. Artificial intelligence (AI) is frequently used as a solution to address this challenge, but its uncontrolled use can negatively impact researchers’ skill development. Accordingly, this study aims to develop the front-end of a web-based application called MySRE, designed to help novice researchers practice writing literature reviews with AI assistance. This research employs a design and development approach using the System Development Life Cycle (SDLC) method for prototyping, referred to as SDLC Prototyping. The SDLC Prototyping method consists of five stages: communication, quick plan, modeling quick design, construction of the prototype, and deployment, delivery, and feedback. The results of the needs analysis, conducted using the Eisenhower matrix, indicate that the MySRE requires five key features: a text editor, AI discussion, references, a co-pilot, and a concept map. Functional and non-functional testing was conducted on the implemented front-end of MySRE. Functional testing was performed using blackbox testing, while non-functional testing included compatibility testing with SortSite and usability testing with the SUS questionnaire. The blackbox testing results showed that 22 out of 23 tests were valid. Compatibility testing indicated that the website application is accessible on most common browsers. Usability testing resulted in an average score of 76.75, exceeding the minimum criteria (70) for categorizing the application as having good usability. Therefore, it can be concluded that the front-end design of the MySRE application has been successfully developed and meets both functional and non-functional aspects (compatibility and usability), making it suitable for use as a web-based application interface that can assist novice researchers in practicing literature review writing.

English

Keywords

Collaboration network of the authors

25 authors · 46 co-authorship links

Hover or tap a name to highlight its co-authors. Double-click to open the author's page.

University of Brawijaya
Affiliation unknown

Different organisations
Same organisation
Affiliation unknown
Thicker line = more joint articles · bigger circle = more articles

Show as table

Co-author	Organisation	Joint articles
Muhammad Aminul Akbar	University of Brawijaya	2
Dedin Anike Putra	Affiliation unknown	1
Muhammad Dimas Setiawan Sanapiah	Affiliation unknown	1
Azifatul Istna Hanifah	Affiliation unknown	1
Komang Candra Brata	University of Brawijaya	1
Noveria Anggraeni Fiaji	University of Brawijaya	1
Wibisono Sukmo Wardhono	University of Brawijaya	1
Billawal Nadipa Pelealu	University of Brawijaya	1
Faizatul Amalia	University of Brawijaya	1
Rizky Tri Sulistyo	University of Brawijaya	1
Satrio Hadi Wijoyo	University of Brawijaya	1
M. Ro'if	University of Brawijaya	1
Hanifah Muslimah Az-Zahra	University of Brawijaya	1
Winda Putri Hapsari	University of Brawijaya	1
Eriq Muhammad Adams Jonemaro	University of Brawijaya	1
Abdiel Wahyu Ramadhyono	University of Brawijaya	1
Okta Purnawirawan	University of Brawijaya	1
Raditya Muhammad Salman	University of Brawijaya	1
Riswan Septriayadi Sianturi	Affiliation unknown	1
Fadhilah Alya Prastinanda	Affiliation unknown	1

Affiliations come from OpenAlex; journal OAI-PMH metadata carries none. Authors without an OpenAlex ID are matched by name, which can merge or split people.

Metadata source: OAI-PMH (metadata jurnal) https://jtiik.ub.ac.id/index.php/jtiik/en/oai, first harvested 27 Okt 2026, last seen 27 Okt 2026.

Original metadata (oai_dc)

<oai_dc:dc xmlns="http://www.openarchives.org/OAI/2.0/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:oai_dc="http://www.openarchives.org/OAI/2.0/oai_dc/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.openarchives.org/OAI/2.0/oai_dc/  http://www.openarchives.org/OAI/2.0/oai_dc.xsd">
	<dc:title xml:lang="id">Pengembangan Front-End Aplikasi Mysre: Aplikasi Tinjauan Literatur Untuk Peneliti Pemula</dc:title>
	<dc:title xml:lang="en">Pengembangan Front-End Aplikasi Mysre: Aplikasi Tinjauan Literatur Untuk Peneliti Pemula</dc:title>
	<dc:creator xml:lang="en">Hariyanti, Uun</dc:creator>
	<dc:creator xml:lang="en">Jayadi, Delisya</dc:creator>
	<dc:creator xml:lang="en">Afirianto, Tri</dc:creator>
	<dc:creator xml:lang="en">Nurtantyana, Rio</dc:creator>
	<dc:creator xml:lang="en">Zulvarina, Prima</dc:creator>
	<dc:creator xml:lang="id">Hariyanti, Uun</dc:creator>
	<dc:creator xml:lang="id">Jayadi, Delisya</dc:creator>
	<dc:creator xml:lang="id">Afirianto, Tri</dc:creator>
	<dc:creator xml:lang="id">Nurtantyana, Rio</dc:creator>
	<dc:creator xml:lang="id">Zulvarina, Prima</dc:creator>
	<dc:subject xml:lang="en">aplikasi web</dc:subject>
	<dc:subject xml:lang="en">kecerdasan buatan</dc:subject>
	<dc:subject xml:lang="en">tinjauan literatur</dc:subject>
	<dc:subject xml:lang="en">system development life cycle</dc:subject>
	<dc:description xml:lang="id">Keterampilan menuliskan suatu tinjauan literatur yang komprehensif seringkali menjadi tantangan bagi peneliti pemula, terutama mahasiswa jenjang sarjana. Artificial intelligence (AI) seringkali digunakan sebagai salah satu solusi untuk menjawab tantangan tersebut. Namun, penggunaan AI yang tanpa kontrol dapat berdampak negatif pada pengembangan kemampuan peneliti. Berdasarkan latar belakang tersebut, penelitian ini bertujuan untuk membangun frond-end aplikasi berbasis web yang disebut MySRE, yang dapat digunakan oleh peneliti pemula berlatih membuat suatu tinjuan literatur dengan berbantuan AI. Penelitian ini merupakan jenis penelitian rancang bangun yang menerapkan metode System Development Life Cycle (SDLC) untuk Prototyping, yang selanjutnya disebut sebagai SDLC Prototyping. Metode SDLC Prototyping terdiri atas lima tahapan, yaitu communication, quick plan, modeling quick design, construction of prototype, dan deployment, delivery, and feedback. Hasil dari analisis kebutuhan menggunakan Eisenhower matrix mengindikasikan bahwa terdapat lima fitur utama yang perlu dimiliki oleh aplikasi MySRE. Kelima fitur tersebut adalah text editor, diskusi dengan AI, referensi, co-pilot, dan peta konsep. Pengujian fungsional dan nonfungsional dilakukan pada hasil frond-end MySRE yang telah diimplementasikan. Pengujian fungsionalitas dilakukan dengan blackbox testing, sedangkan pengujian nonfungsional dilakukan dengan compatibility testing dengan SortSite dan usability testing dengan SUS kuesioner. Hasil dari pengujian fungsionalitas dengan blackbox menunjukkan bahwa 22 dari 23 pengujian dinyatakan valid. Hasil compatibility testing menunjukkan aplikasi website dapat diakses pada mayoritas peramban yang umum digunakan. Hasil usability testing menunjukkan skor rata-rata 76,75 yang melampaui kriteria minimum (70) untuk dikategorikan memiliki usability yang baik. Dengan demikian, dapat disimpulkan bahwa desain frond-end dari aplikasi MySRE telah berhasil dikembangkan dan memenuhi aspek fungsional dan nonfungsional (kompatibilitas, dan usability), sehingga layak digunakan sebagai antar muka dari aplikasi berbasis web yang dapat membantu peneliti pemula dalam berlatih menyusun tinjauan literatur.
 
Abstract
The ability to write comprehensive literature reviews is often a challenge for novice researchers, particularly undergraduate students. Artificial intelligence (AI) is frequently used as a solution to address this challenge, but its uncontrolled use can negatively impact researchers’ skill development. Accordingly, this study aims to develop the front-end of a web-based application called MySRE, designed to help novice researchers practice writing literature reviews with AI assistance. This research employs a design and development approach using the System Development Life Cycle (SDLC) method for prototyping, referred to as SDLC Prototyping. The SDLC Prototyping method consists of five stages: communication, quick plan, modeling quick design, construction of the prototype, and deployment, delivery, and feedback. The results of the needs analysis, conducted using the Eisenhower matrix, indicate that the MySRE requires five key features: a text editor, AI discussion, references, a co-pilot, and a concept map. Functional and non-functional testing was conducted on the implemented front-end of MySRE. Functional testing was performed using blackbox testing, while non-functional testing included compatibility testing with SortSite and usability testing with the SUS questionnaire. The blackbox testing results showed that 22 out of 23 tests were valid. Compatibility testing indicated that the website application is accessible on most common browsers. Usability testing resulted in an average score of 76.75, exceeding the minimum criteria (70) for categorizing the application as having good usability. Therefore, it can be concluded that the front-end design of the MySRE application has been successfully developed and meets both functional and non-functional aspects (compatibility and usability), making it suitable for use as a web-based application interface that can assist novice researchers in practicing literature review writing.
 </dc:description>
	<dc:description xml:lang="en">Keterampilan menuliskan suatu tinjauan literatur yang komprehensif seringkali menjadi tantangan bagi peneliti pemula, terutama mahasiswa jenjang sarjana. Artificial intelligence (AI) seringkali digunakan sebagai salah satu solusi untuk menjawab tantangan tersebut. Namun, penggunaan AI yang tanpa kontrol dapat berdampak negatif pada pengembangan kemampuan peneliti. Berdasarkan latar belakang tersebut, penelitian ini bertujuan untuk membangun frond-end aplikasi berbasis web yang disebut MySRE, yang dapat digunakan oleh peneliti pemula berlatih membuat suatu tinjuan literatur dengan berbantuan AI. Penelitian ini merupakan jenis penelitian rancang bangun yang menerapkan metode System Development Life Cycle (SDLC) untuk Prototyping, yang selanjutnya disebut sebagai SDLC Prototyping. Metode SDLC Prototyping terdiri atas lima tahapan, yaitu communication, quick plan, modeling quick design, construction of prototype, dan deployment, delivery, and feedback. Hasil dari analisis kebutuhan menggunakan Eisenhower matrix mengindikasikan bahwa terdapat lima fitur utama yang perlu dimiliki oleh aplikasi MySRE. Kelima fitur tersebut adalah text editor, diskusi dengan AI, referensi, co-pilot, dan peta konsep. Pengujian fungsional dan nonfungsional dilakukan pada hasil frond-end MySRE yang telah diimplementasikan. Pengujian fungsionalitas dilakukan dengan blackbox testing, sedangkan pengujian nonfungsional dilakukan dengan compatibility testing dengan SortSite dan usability testing dengan SUS kuesioner. Hasil dari pengujian fungsionalitas dengan blackbox menunjukkan bahwa 22 dari 23 pengujian dinyatakan valid. Hasil compatibility testing menunjukkan aplikasi website dapat diakses pada mayoritas peramban yang umum digunakan. Hasil usability testing menunjukkan skor rata-rata 76,75 yang melampaui kriteria minimum (70) untuk dikategorikan memiliki usability yang baik. Dengan demikian, dapat disimpulkan bahwa desain frond-end dari aplikasi MySRE telah berhasil dikembangkan dan memenuhi aspek fungsional dan nonfungsional (kompatibilitas, dan usability), sehingga layak digunakan sebagai antar muka dari aplikasi berbasis web yang dapat membantu peneliti pemula dalam berlatih menyusun tinjauan literatur.
 
Abstract
The ability to write comprehensive literature reviews is often a challenge for novice researchers, particularly undergraduate students. Artificial intelligence (AI) is frequently used as a solution to address this challenge, but its uncontrolled use can negatively impact researchers’ skill development. Accordingly, this study aims to develop the front-end of a web-based application called MySRE, designed to help novice researchers practice writing literature reviews with AI assistance. This research employs a design and development approach using the System Development Life Cycle (SDLC) method for prototyping, referred to as SDLC Prototyping. The SDLC Prototyping method consists of five stages: communication, quick plan, modeling quick design, construction of the prototype, and deployment, delivery, and feedback. The results of the needs analysis, conducted using the Eisenhower matrix, indicate that the MySRE requires five key features: a text editor, AI discussion, references, a co-pilot, and a concept map. Functional and non-functional testing was conducted on the implemented front-end of MySRE. Functional testing was performed using blackbox testing, while non-functional testing included compatibility testing with SortSite and usability testing with the SUS questionnaire. The blackbox testing results showed that 22 out of 23 tests were valid. Compatibility testing indicated that the website application is accessible on most common browsers. Usability testing resulted in an average score of 76.75, exceeding the minimum criteria (70) for categorizing the application as having good usability. Therefore, it can be concluded that the front-end design of the MySRE application has been successfully developed and meets both functional and non-functional aspects (compatibility and usability), making it suitable for use as a web-based application interface that can assist novice researchers in practicing literature review writing.
 </dc:description>
	<dc:publisher xml:lang="en">Fakultas Ilmu Komputer, Universitas Brawijaya</dc:publisher>
	<dc:date>2025-08-29</dc:date>
	<dc:type>info:eu-repo/semantics/article</dc:type>
	<dc:type>info:eu-repo/semantics/publishedVersion</dc:type>
	<dc:format>application/pdf</dc:format>
	<dc:identifier>https://jtiik.ub.ac.id/index.php/jtiik/article/view/9738</dc:identifier>
	<dc:identifier>10.25126/jtiik.124</dc:identifier>
	<dc:source xml:lang="id">Jurnal Teknologi Informasi dan Ilmu Komputer; Vol 12 No 4: Agustus 2025; 895-902</dc:source>
	<dc:source xml:lang="en">Jurnal Teknologi Informasi dan Ilmu Komputer; Vol. 12 No. 4: Agustus 2025; 895-902</dc:source>
	<dc:source>2528-6579</dc:source>
	<dc:source>2355-7699</dc:source>
	<dc:source>10.25126/jtiik.124</dc:source>
	<dc:language>id</dc:language>
	<dc:relation>https://jtiik.ub.ac.id/index.php/jtiik/article/view/9738/1474</dc:relation>
	<dc:rights xml:lang="en">Copyright (c) 2025 Jurnal Teknologi Informasi dan Ilmu Komputer</dc:rights>
	<dc:rights xml:lang="en">https://creativecommons.org/licenses/by-sa/4.0</dc:rights>
</oai_dc:dc>