Page 12 - 4817070273 - Aida aida

6

mendesain tampilan sederhana untuk setiap level dalam aplikasi, sehingga dapat
digunakan untuk membuat dan mengembangkan pembuatan aplikasi berbasis web

(Ham, 2019).

Dalam pembuatan User Interface menggunakan React JS, penulis menambahkan
beberapa tambahan library dari React untuk mendukung dalam membuat tampilan

yang sesuai dengan requirement yang telah diberikan oleh pembimbing,

diantaranya sebagai berikut :

1. React Bootstrap
React-Bootstrap yang digunakan penulis berfungsi sebagai pengganti dari

Bootstrap Javascript. Dikarenakan React-Bootstrap dapat menjadi fondasi

yang bagus dalam pembuatan UI dari project yang sedang dikerjakan.
2. React Icon

Dengan menggunakan React-Icon penulis dapat menggunakan icon yang
sesuai dengan yang dibutuhkan untuk melengkapi UI yang di buat, karena

React-Icon memiliki banyak sekali icon-icon yang dapat digunakan.
3. React DatePicker

Penulis menambahkan React-Datepicker dalam konfigurasi menggunakan

React JS agar penulis dapat menggunakan komponen Datepicker. Biasa
nya penulis menempatkan komponen ini pada tampilan Input yang berupa

tanggal di fitur Set Timeline.
4. React Dropzone

React Dropzone berfungsi untuk Drag & Drop Upload file, dan file yang

dapat di upload bisa dalam bentuk gambar ataupun dokumen.
5. React Router

Apabila ingin berganti dari suatu halaman ke halaman lainnya diperlukan
suatu proses routing, maka dari itu penulis menggunakan React-Router

untuk melakukan routing di react.

Jurusan Teknik Informatika dan Komputer - Politeknik Negeri Jakarta