Pengembangan Aplikasi Website Informasi Instansi X untuk Efisiensi Pengambilan Data API dan Desain Antarmuka Responsif dengan Next.js

Sanjaya, I Gusti Agung Ngurah Adhi (2025) Pengembangan Aplikasi Website Informasi Instansi X untuk Efisiensi Pengambilan Data API dan Desain Antarmuka Responsif dengan Next.js. Project Report. [s.n.], [s.l.]. (Unpublished)

[thumbnail of 5025211056-Project_Report.pdf] Text
5025211056-Project_Report.pdf - Accepted Version
Restricted to Repository staff only

Download (2MB) | Request a copy

Abstract

Perkembangan teknologi informasi telah mendorong transformasi digital di berbagai sektor, termasuk layanan publik. Salah satu wujud transformasi tersebut adalah pengembangan website yang mampu memberikan informasi dan layanan secara efisien kepada masyarakat. Website yang responsif dan mudah diakses melalui berbagai perangkat menjadi kebutuhan penting bagi instansi yang ingin meningkatkan efisiensi pelayanan. Pada kerja praktik ini, dilakukan pengembangan website informasi untuk sebuah instansi X. Fokus utama pengembangan meliputi pengelolaan pengambilan data secara efisien melalui API, penanganan error dan status loading, serta perancangan antarmuka pengguna (user interface) yang responsif. Teknologi yang digunakan adalah Next.js dan TailwindCSS untuk membangun website yang cepat dan optimal, dengan integrasi framework seperti Axios dan React Query untuk fetching data serta pengelolaan state data, React Hook Form dan Zod untuk pengelolaan validasi data.
============================================================================================================================
The development of information technology has driven digital transformation in various sectors, including public services. One form of this transformation is the development of websites that are able to provide information and services efficiently to the public. Responsive websites that are easily accessible through various devices are an important need for agencies that want to improve service efficiency. In this practical work, an information website was developed for an agency X. The main focus of the development includes efficient data retrieval management through API, error handling and loading status, and responsive user interface design. The technologies used are Next.js and TailwindCSS to build fast and optimal websites, with framework integration such as Axios and React Query for fetching data and managing data states, React Hook Form and Zod for managing data validation.

Item Type: Monograph (Project Report)
Uncontrolled Keywords: Website Informasi, Next.js, TailwindCSS, Axios, API, React Hook Form, Zod, Information Website, Next.js, TailwindCSS, Axios, API, React Hook Form, Zod
Subjects: T Technology > T Technology (General)
T Technology > T Technology (General) > T58.5 Information technology. IT--Auditing
Divisions: Faculty of Intelligent Electrical and Informatics Technology (ELECTICS) > Informatics Engineering > 55201-(S1) Undergraduate Thesis
Depositing User: I Gusti Agung Ngurah Adhi Sanjaya
Date Deposited: 24 Jan 2025 07:07
Last Modified: 24 Jan 2025 07:07
URI: http://repository.its.ac.id/id/eprint/116805

Actions (login required)

View Item View Item