Page 29 - 4817070273 - Aida aida

22

Gambar 3.7 Tampilan Utama Menu Planning

Pada gambar 3.7 menampilkan tampilan user interface yang dibuat sebagai

tampilan utama dari menu Planning. Dalam tampilan tersebut terdapat navbar yang

berisikan beberapa komponen seperti gambar logo, set Timeline, Menu Bar, Add
New Member, dan List Member. Selain daripada itu dalam tampilan tersebut juga

menampilkan list dari Task yang digunakan dalam pembuatan project Shopify
Design Language System.

Didalam tampilan navbar tersebut penulis menggunakan komponen tambahan,
yaitu React-Datepicker digunakan untuk menampilkan tampilan kalender pada fitur

Set Timeline. Pada fitur tersebut user dapat mengatur dateline dari pengerjaan
project Shopify Design Language System.

Dalam tampilan Set Timeline juga terdapat 2 komponen tambahan yaitu button

Simpan untuk meyinpan tanggal yang telah ditetapkan sebagai dateline pengerjaan
project dan juga switch button yang berfungsi untuk menambahkan waktu. Berikut

adalah tampilan dari Set Timeline pada menu Planning di dalam project Shopify

Design Language System.

Jurusan Teknik Informatika dan Komputer - Politeknik Negeri Jakarta