Page 32 - 4817070273 - Aida aida
P. 32

25




                        Terdapat 6 list Task yang dikerjakan pada project Shopify Design Language System,
                        diantaranya  yaitu  Task  ERD,  Wireframe,  Data  Flow  Structure,  Define  Price,

                                                 rd
                        Infrastructure Need, dan 3  Party Cost. Masing-masing task tersebut memiliki data
                        yang berbeda didalamnya, berikut merupakan tampilan taks yang dikerjakan oleh

                        penulis.


                        1.  Task ERD (Entity Relationship Diagram)



                        Pada tampilan Taks ini dapat dilihat pada gambar 3.11, dimana didalam taks ini
                        terdapat  beberapa  data  yaitu  status  task,  nama  task,  navbar,  member  yang

                        bertanggung jawab dalam dalam pengerjaan task ERD, dateline dari task tersebut.
                        Dalam  konfigurasi  dengan  React  JS  penulis  menggunakan  beberapa  komponen

                        tambahan,  yaitu  Form  Input  dari  react-bootstrap  untuk  menambahkan  deskripsi
                        kedalam task ERD, dan react-dropzone dimana komponen react ini berfungsi untuk

                        upload file baik itu berupa dokumen ataupun gambar. Berikut merupakan tampilan

                        dari detail data pada task ERD.
































                                                  Gambar 3.10 Tampilan Task ERD






                              Jurusan Teknik Informatika dan Komputer - Politeknik Negeri Jakarta
   27   28   29   30   31   32   33   34   35   36   37