Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
  • Sign in
  • S standarisasi-program
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
  • Monitor
    • Monitor
    • Incidents
  • Analytics
    • Analytics
    • Value stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Create a new issue
  • Jobs
  • Issue Boards
Collapse sidebar
  • Tommy Dwi Laksono
  • standarisasi-program
  • Wiki
  • Dokumen Standarisasi Program

Last edited by Tommy Dwi Laksono Mar 14, 2018
Page history

Dokumen Standarisasi Program

  1. CRUD memakai single form. Sehingga tampilan saat create, edit dan display sama/konsisten.
    Selain untuk membuat tampilan lebh rapi dan konsisten juga untuk menghemat waktu pengerjaan.

  2. CRUD, setiap Create, field Updated date dan Updated by diisi. Lalu pas edit hanya field Updated date dan Updated by yg diupdate. Jadi yang ditampilkan di form Display/View hanya field Updated date dan Updated by aja

  3. Semua table secara default harus ada field Created by, Created Date, Updated by, Updated Date. Pastikan ada dipaling bawah table.

  4. Jika ada kolom Province & City maka data tersebut diambil dari data Address

  5. Jika di CRUD ada map, pastikan ada fungsi buat show/hide map

    image

  6. Fungsi upload image menggunakan model seperti berikut;
    Tanda “+” untuk browse image, tanda “X” untuk delete

    image

  7. Tombol back tidak reset detail list.
    Misal display dokumen pakai report yang sudah di filter ada 2 row Pas back dijaga agar paging dan filter tidak reset

  8. Filter show entries default list 50 dan posisi search sejajar.

    image

  9. Contoh filter multiple selection dan filter date yang selalu memakai range.
    a. Posisi label diatas select box
    b. Report yang ditampilkan harus sesuai dengan data yang di filter
    c. Jika data filter di save, maka saat logout&login kembali report yang ditampilkan sesuai dengan data filter
    d. Jika ada filter date, maka dibuat date range
    e. Tombol create (+) selalu dibawah filter

    multiple_select

  10. Logo dan Description

    image image

    NB: Saat logo di hover, muncul keterangannya.

  11. Posisi Logo pada kolom action dibuat sejajar dan rapi.
    Urutan icon; View, Edit, Delete.

    image

  12. Saat klik delete, diberi double confirmation.
    “ Are you sure want to delete “ ? Yes / No

    image

  13. Jika list datanya banyak dan kolom melebihi dari lebar monitor, maka diharuskan memakai floating scroll horizontal. Agar tidak perlu scroll sampai bawah untuk melakukan scroll horizontal (untuk pengguna yang memakai mouse).

    image

  14. Jika kolomnya tidak melebihi lebar monitor, maka tidak perlu ada scroll horizontal.

image

Clone repository
  • Dokumen Standarisasi Program
  • Standard UIUX
  • framework laravel
  • Home