Page 28 - 4817070273 - Aida aida

21

3.3.2 Implementasi

Pada kegiatan Praktik Kerja Lapangan di PT. Bahasa Kinerja Utama, penulis
bertanggung jawab sebagai Front End Developer. Dimana penulis berfokus pada

pembuatan user interface dalam menu Planning pada salah satu Project Life Cycle
Management yaitu Shopify Design Language System. Dalam pengerjaan menu

Planning penulis melewati beberapa tahapan. Berikut adalah tahapan dalam

pembuatan menu Planning.

Tahapan pertama, penulis lakukan adalah memahami dan mengamati desain
requirement yang dijadikan sebagai acuan dalam pembuatan user intreface dari

menu Planning. Dimana esain requirement tersebut diberikan oleh pembimbing

PKL kepada penulis. Desain requirement yang diberikan kepada penulis adalah
desain yang telah dibuat oleh Tim Analis dari pihak PT. Bahasa Kinerja Utama.

Tahapan selanjutnya, setelah memahami dan mengamati dari desain requirement

yang telah ada, penulis mempersipkan komponen-komponen yang diperlukan
dalam pembuatan user interface menu Planning, diantaranya yaitu Visual Studio

Code, Node.JS, React JS, Google Chrome.

Kemudian tahapan selanjutnya adalah tahapan implementasi dimana penulis

melakukan konfigurasi dalam pembuatan user interface dengan menggunakan
salah satu library JavaScript yaitu React JS. Dalam melakukan implementasi ini,

penulis melakukan installasi tambahan beberapa komponen untuk menunjang
pembuatan user inerface menu Planning menggunakan React JS, diantaranya yaitu

react-bootstrap, react-icon, react-datepicker, react-dropzone, dan react-router.

Dalam tahapan implementasi, penulis bertugas membuat beberapa tampilan user

interface dalam menu planing diantaranya Add New Member, List Member , Set
Timeline, serta tampilan dari masing-masing list Taks yang digunakan dalam

pembuatan project Shopify Design Language System.

Jurusan Teknik Informatika dan Komputer - Politeknik Negeri Jakarta