Page 34 - 4817070273 - Aida aida
P. 34

27




                        Seperti  yang  terlihat  dari  gambar  3.12  tampilan  dari  Task  Data  Flow  Diagram
                        berisikan status task,nama task, member yang bertanggung jawab dalam pengerjaan

                        Task  Data  Flow  Diagram,  menubar,  serta  beberapa  menu  yang  terdapat  dalam
                        Usecase  List.  Menu  dalam  Usecase  List  diantaranya  User  Management,  View

                        Product,Checkout Pesanan, dan Payment. Dari menu yang terdapat dalam Usecase

                        List penulis hanya membuat isi tampilan dari menu User Management.


                        Tampilan dari menu User Management itu sendiri menampilkan data seperti pada
                        gambar  3.13,  tapilan  tersebut  dibuat  beberapa  komponen  tambahan,  yaitu

                        menggunkaan  react-bootstrap  dan  juga  react-icon.  Tampilan  data  pada  User

                        Management  akan  muncul  ketika  user  mengklik  menu  User  Management  pada
                        Task Data Flow Diagram. Berikut adalah tampilan dari User Management.
































                                            Gambar 3.13 Tampilan Menu User Management

                        4.  Task Define Price


                        Pada gambar 3.14 merupakan tampilan dari Task Define Price. Tampilan tersebut

                        meliputi status task, nama task, tanggal yang menjadi dateline dari penyelesaian

                        project,  dan  member  yang  bertanggung  jawab  dalam  menyelesaikan  project
                        tersebut.  Serta  dalam  task  tersebut  terdapat  3  list  diantaranya  Price,  COGS,

                        Estimate Price.
                              Jurusan Teknik Informatika dan Komputer - Politeknik Negeri Jakarta
   29   30   31   32   33   34   35   36   37   38   39