FrontEnd: Tantangan dan Strategi

FrontEnd: Tantangan dan Strategi

Situasi:

saya mempunyai system yang cukup kompleks {link}

• lebih dari 500 table
• FrontEnd mempunyai Tantangan tersendiri

Secara garis besar, ada 2 Team:

• Team A
  • Design - Business Process
    • file Dokumentasi
  • Design - UI, menggunakan:
    • figma.com
    • moqups.com
• Team X
  • Developer

catatan: saya menulis artikel ini, dengan semangat Menulis untuk ‘Future of Me’

Strategi

Untuk membuat irama kerja yang smooth, saya memerlukan suatu pedoman:

• membuat beberapa Task Besar, dengan tujuan yang spesifik
• CI / CD {Continuous Improvement / Continuous Development}

FrontEnd

• HTML
  • convert Design - UI ke HTML
  • bisa dengan menggunakan Tools di atas
  • atau Request: ke AI secara efektif dan efisien {Tone yang tepat}
• JavaScript
  • bagian untuk handle HTML
  • bagian untuk connect ke end-point di BackEnd

BackEnd

• Part 1: Read Data
  • data simple untuk Dropdown
  • data berupa Tabular
  • menggunakan teknik sesuai artikel Data Model part 2 - DTO {Data Transfer Object}
• Part 2: CRUD
  • data Simple
  • data Header - Detail
  • data dengan kolom berupa JSON format
• Part 3:
  • bagian BackEnd yang merupakan implementasi Design - Business Process

catatan untuk BackEnd:

• pembuatan masing-masing Part pada BackEnd untuk menghidari “stuck” pada BackEnd – secara keseluruhan
• Code untuk BackEnd, bisa dimulai dari yang paling mudah
• bahwa sebenarnya, ada bagian BackEnd yang cukup “Read Data” saja