PENERAPAN METODE ATOMIC DESIGN PADA PENGEMBANGAN KOMPONEN UI MENGGUNAKAN TYPESCRIPT UNTUK PEMULA. STUDI KASUS: APLIKASI PEMESANAN TIKET BIOSKOP

TRISNO, TRISNO (2025) PENERAPAN METODE ATOMIC DESIGN PADA PENGEMBANGAN KOMPONEN UI MENGGUNAKAN TYPESCRIPT UNTUK PEMULA. STUDI KASUS: APLIKASI PEMESANAN TIKET BIOSKOP. S1 thesis, Universitas Mercu Buana Jakarta.

Preview	Text (HAL COVER) 01 Cover.pdf Download (339kB) | Preview
	Text (BAB I) 02 Bab 1.pdf Restricted to Registered users only Download (89kB)
	Text (BAB II) 03 Bab 2.pdf Restricted to Registered users only Download (98kB)
	Text (BAB III) 04 Bab 3.pdf Restricted to Registered users only Download (190kB)
	Text (BAB IV) 05 Bab 4.pdf Restricted to Registered users only Download (239kB)
	Text (BAB V) 06 Bab 5.pdf Restricted to Registered users only Download (86kB)
	Text (DAFTAR PUSTAKA) 07 Daftar Pustaka.pdf Restricted to Registered users only Download (84kB)
	Text (LAMPIRAN) 08 Lampiran.pdf Restricted to Registered users only Download (816kB)

Abstract

The development of web technology has transformed how people interact withdigital applications, including cinema ticket booking. In modern applicationdevelopment, building a user interface (UI) that is modular, consistent, andmaintainable is a significant challenge. This book provides a practical guide forbeginners to implement the Atomic Design methodology introduced by Brad Frost. This approach divides the UI into a hierarchy of small components (atoms, molecules, organisms, templates, and pages) that are reusable and systematicallymanaged. Through a case study of a cinema ticket booking application, this bookintegrates the use of modern tools such as React, TypeScript, and Vite to support Atomic Design-based UI development. TypeScript enhances reliability andconsistency in UI development through strict type validation. React enables theefficient construction of modular components, while Vite accelerates thedevelopment and build process. The results of applying this method demonstratethat Atomic Design provides a structured and flexible approach to UI development. Components can be reused across various application pages, thereby increasing developer productivity and design consistency. This book aimsto serve as a reference for developers, students, and technology practitionersseeking to understand and adopt the Atomic Design methodology for their UI development projects. Keywords: Atomic Design, TypeScript, React, UI development, cinema ticket booking application, modular components. Perkembangan teknologi web telah mengubah cara masyarakat berinteraksi dengan aplikasi digital, termasuk dalam pemesanan tiket bioskop. Dalampengembangan aplikasi modern, membangun antarmuka pengguna (UI) yangmodular, konsisten, dan mudah dipelihara menjadi tantangan utama. Buku ini menyajikan panduan praktis untuk pemula dalam menerapkan metode AtomicDesign yang diperkenalkan oleh Brad Frost. Pendekatan ini membagi UI ke dalamhierarki komponen kecil (atoms, molecules, organisms, templates, dan pages) yang dapat digunakan kembali dan dikelola secara sistematis. Melalui studi kasusaplikasi pemesanan tiket bioskop, buku ini mengintegrasikan penggunaan alat-alat modern seperti React, TypeScript, dan Vite untuk mendukung pengembangan UI berbasis Atomic Design. Dengan TypeScript, pengembangan UI menjadi lebihandal dan konsisten melalui validasi tipe data yang ketat. React memungkinkankomponen modular dibangun dengan efisien, sementara Vite mempercepat prosespengembangan dan build aplikasi. Hasil dari penerapan metode ini menunjukkanbahwa Atomic Design memberikan struktur yang terorganisir dan fleksibilitasdalam pengembangan UI. Komponen dapat digunakan kembali di berbagai halaman aplikasi, sehingga meningkatkan produktivitas pengembang dankonsistensi desain. Buku ini diharapkan dapat menjadi referensi bagi pengembang, mahasiswa, dan praktisi teknologi yang ingin memahami dan mengadopsi metodeAtomic Design untuk proyek pengembangan UI mereka. Kata kunci: Atomic Design, TypeScript, React, pengembangan UI, aplikasi pemesanan tiket bioskop, komponen modular.

Item Type:	Thesis (S1)
Call Number CD:	FIK/INFO. 25 041
NIM/NIDN Creators:	41520110021
Uncontrolled Keywords:	Atomic Design, TypeScript, React, pengembangan UI, aplikasi pemesanan tiket bioskop, komponen modular
Subjects:	000 Computer Science, Information and General Works/Ilmu Komputer, Informasi, dan Karya Umum > 000. Computer Science, Information and General Works/Ilmu Komputer, Informasi, dan Karya Umum > 004 Data Processing, Computer Science/Pemrosesan Data, Ilmu Komputer, Teknik Informatika 600 Technology/Teknologi > 600. Technology/Teknologi 700 Arts/Seni, Seni Rupa, Kesenian > 790 Recreational and Performing Arts/Olah Raga dan Seni Pertunjukan > 791 Public Performances/Pertunjukan Umum > 791.4 Motion Pictures, Radio, Television/Gambar Gerak, Radio, Televisi > 791.43 Motion Pictures, Movies, Cinema/Bioskop, Movie, Film Hiburan, Sinema
Divisions:	Fakultas Ilmu Komputer > Informatika
Depositing User:	khalimah
Date Deposited:	18 Feb 2025 02:15
Last Modified:	18 Feb 2025 02:15
URI:	http://repository.mercubuana.ac.id/id/eprint/94288

Actions (login required)

View Item