Page 5 - 4817070273 - Aida aida
P. 5
DAFTAR GAMBAR
Gambar 2.1 Logo Node.js ....................................................................................... 5
Gambar 2.2 Logo React JS ..................................................................................... 5
Gambar 2.3 Logo Visual Studio Code .................................................................... 7
Gambar 2.4 Logo Google Chrome .......................................................................... 7
Gambar 2.5 Logo GitLab ........................................................................................ 8
Gambar 2.6 Tahapan dalam Metode Waterfall ....................................................... 9
Gambar 2.7 Contoh Use Case Diagram ................................................................ 11
Gambar 2.8 Contoh Activity Diagram .................................................................. 12
Gambar 3.2 Use Case Diagram Menu Planning ................................................... 16
Gambar 3.3 Activity Diagram Detail List Taks .................................................... 17
Gambar 3.4 Use Case Diagram Set Timeline ....................................................... 18
Gambar 3.5 Use Case Diagram Add New Member .............................................. 19
Gambar 3.6 Use Case Diagram List Member ....................................................... 20
Gambar 3.7 Tampilan Utama Menu Planning ...................................................... 22
Gambar 3.8 Tampilan Fitur Set Timeline ............................................................. 23
Gambar 3.9 Tampilan Fitur Add New Member .................................................. 233
Gambar 3.10 Tampilan Fitur List Member ......................................................... 244
Gambar 3.10 Tampilan Task ERD ...................................................................... 255
Gambar 3.11 Tampilan Task Wireframe .............................................................. 26
Gambar 3.12 Tampilan Task Data Flow Diagram .............................................. 266
Gambar 3.13 Tampilan Menu User Management ............................................... 277
Gambar 3.14 Tampilan Task Define Price ............................................................ 28
Gambar 3.15 Tampilan Detail Data Pricing ........................................................ 288
Gambar 3.16 Tampilan Detail Data COGS........................................................... 29
Gambar 3.17 Tampilan Detail Data COGS........................................................... 29
Gambar 3.18 Tampilan Task Infrasructure Need .................................................. 30
Gambar 3.19 Tampilan Detail Data Development .............................................. 300
rd
Gambar 3.20 Tampilan Task 3 Party Cost .......................................................... 31
Gambar 3.21 Tampilan Detail Data Engine ........................................................ 311
iv