Implementasi Progressive Web Apps Pada Website GetHelp Menggunakan Next.js

Joarno, Ronny Jubhari Phie; Fajar, Mohammad; Yunus, Arfan

doi:10.55645/kharismatech.v17i2.219

Cited by 4 publications

(3 citation statements)

References 1 publication

Supporting

Mentioning

Contrasting

Order By: Relevance

“…React Native will help to improve the front end of the application because React Native aims to develop an application for Android and iOS [9], [10]. Moreover, Next.js is a full-stack framework based on React, which means you can create front-end and back-end components simply with Next.js [11], [12].…”

Section: Cross Platform Waste Reuse Reduce and Recycle Management App...mentioning

confidence: 99%

Cross Platform Waste Reuse, Reduce And Recycle Management Application With Prototyping Methodology

Setiawan,

Hartono,

et al. 2024

Appl. Inf. Syst. Manage.

View full text Add to dashboard Cite

The use of plastic bags by the public as containers for shopping goods is very high. People often throw away plastic waste carelessly, causing pollution everywhere. The biggest problem with the lack of recycling action lies in the lack of public awareness of the importance of implementing 3R (Reduce, Reuse, Recycle). People are less motivated to do 3R, one of which is because there are no rewards after doing 3R. This research develops an application provides rewards to the community for using Eco-Green Bags as an alternative to plastic bags. This research application has a system that makes it easier for people to carry out 3R. This proposed framework application uses the React Native framework for creating mobile apps and Next.JS for creating admin websites and APIs. With the React Native framework, application performance will be faster and smoother for users. The Next.JS framework allows developers to have a very clear project structure, because Next.JS uses file-based routing. With this research, it is hoped that people can be even more motivated to carry out 3R. The community can participate easily in implementing 3R without any coercion but through the community's own initiative. In this way, the application can be a real supporter of society in implementing 3R and avoiding the use of plastic bags which are also contributors to environmental pollution.

show abstract

Section: Cross Platform Waste Reuse Reduce and Recycle Management App...mentioning

confidence: 99%

Cross Platform Waste Reuse, Reduce And Recycle Management Application With Prototyping Methodology

Setiawan,

Hartono,

et al. 2024

Appl. Inf. Syst. Manage.

View full text Add to dashboard Cite

show abstract

“…Demikian pula, penelitian yang dilakukan oleh Joarno, Fajar, Yunus [12] dengan judul "Implementasi Progressive Web Apps Pada Website Gethelp Menggunakan Next.js". Dalam studi ini, digunakan framework Express.js yang berbeda dengan penelitian sebelumnya.…”

Section: Expressjs Merupakan Web App Framework Yang Dibangun Diatas N...unclassified

Implementasi Progressive Web Application Pada Website Frizfoo Menggunakan EXPRESS.JS

Karli,

Muawwal,

Thayf

2023

KHARISMA Tech

View full text Add to dashboard Cite

Penelitian ini bertujuan untuk mengimplementasi teknologi Progressive Web Apps (PWA) pada website Frizfoo menggunakan framework Express.js sehingga dapat diakses dalam bentuk aplikasi native melalui home screen smartphone pengguna dan dalam keadaan offline. Penerapan PWA sebagai salah satu fitur “should have” bertujuan untuk memberikan nilai tambah dan meningkatkan performance website, serta mengatasi keterbatasan website dalam menampilkan halaman offline, dan menghindari biaya pengembangan aplikasi native di berbagai platform sistem operasi. Metode pengumpulan data melibatkan studi literatur dan pengukuran langsung menggunakan beberapa tools. Pengujian yang dilakukan meliputi, pengujian installable, kriteria PWA, performance, size transferred resources, offline mode. Komponen yang digunakan dalam PWA meliputi web app manifest, service worker, cache storage. Implementasi PWA melibatkan pembuatan web app manifest, file registrasi service worker, konfigurasi file service worker, penambahan tag script, pembuatan route khusus dalam Express.js, pengujian PWA. Hasil pengujian menunjukkan website Frizfoo dapat diinstal dan digunakan dengan baik pada berbagai tipe perangkat mobile. PWA berhasil diimplementasikan dan memenuhi seluruh kriteria PWA, dengan mendapatkan skor total 10 pada Lighthouse dan skor total 25 pada PWABuilder. Hasil pengujian performance pada Lighthouse dan GTMetrix mengalami peningkatan sebesar 36% setelah implementasi PWA. Ukuran size transferred resources berkurang dari 3.1 MB menjadi 1.8 MB dan waktu load website berkurang dari 3,65 detik menjadi 826 ms, sehingga website dapat dimuat lebih cepat. Dan Fitur offline mode website Frizfoo berhasil digunakan dalam kondisi offline atau koneksi internet yang tidak stabil.

show abstract

“…Pada penelitian ini, penulis menggunakan metode Waterfall to Production yang dilakukan secara bertahap dijelaskan dalam gambar dibawah ini. rendering website dilakukan di sisi server (server side rendering) sehingga halaman website lebih cepat ditampilkan pada web browser, lebih seofriendly, performa website lebih baik, setup dan deploy project mudah dilakukan, memungkinan developer untuk membuat aplikasi web dengan menerapkan server side [10].…”

Section: Metode Penelitianunclassified

Front End Learning Management System Development Using the Nextjs Framework

Baehaqi,

Basit,

Indrajit

et al. 2023

J. Tek. Inform. (JUTIF)

View full text Add to dashboard Cite

Learning media is currently widely used in the teaching and learning process. Technology and information are two things that cannot be separated from one another in the ever-evolving digital era. Likewise with the education sector which underwent a significant transformation. The Learning Management System is a software application for online learning that supports delivering material online, discussing with students, and controlling student performance. This technological advancement has made many tertiary institutions use web application-based information technology. The current problem is the lack of complete features and less interactive functions to support the Learning Management System. In addition, when the user wants to be more interactive in learning, the Learning Management System generally has a separate feature, which requires the user to switch platforms to use the feature. The development of this Learning Management System is expected to become a more interactive learning platform and have complete features compared to other systems. System analysis is done by describing a system as a whole into its component parts. This is intended to identify and evaluate problems that will later find weaknesses and strengths in the system. The method used in this study is the waterfall starting from making the design of the system to implementing the system that runs in a production environment. The results of this study have several features needed for in-person and online learning which generally do not exist in other Learning Management Systems such as video conferencing, docs & files, group chats, automatic check-ins.

show abstract

Implementasi Progressive Web Apps Pada Website GetHelp Menggunakan Next.js

Cited by 4 publications

References 1 publication

Cross Platform Waste Reuse, Reduce And Recycle Management Application With Prototyping Methodology

Cross Platform Waste Reuse, Reduce And Recycle Management Application With Prototyping Methodology

Implementasi Progressive Web Application Pada Website Frizfoo Menggunakan EXPRESS.JS

Front End Learning Management System Development Using the Nextjs Framework

Contact Info

Product

Resources

About