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

Dokumen Standarisasi Program · Changes

Page history
Update Dokumen Standarisasi Program authored Feb 28, 2018 by Tommy Dwi Laksono's avatar Tommy Dwi Laksono
Show whitespace changes
Inline Side-by-side
Dokumen-Standarisasi-Program.md
View page @ 68e56775
......@@ -5,54 +5,58 @@
3. Semua table secara default harus ada field Created by, Created Date, Updated by dan Updated date. Pastikan ada dipaling bawah form
4. Jika ada data Province & City maka data tersebut diambil dari data Address
4. Posisi filter. Tombol create dibawah kolom filter
5. jika di CRUD ada map, pastikan ada fungsi buat hide map
![image](/uploads/becd00e296b4b856bf90f0b749d08d2d/image.png)
5. Jika ada data Province & City maka data tersebut diambil dari data Address
6. jika di CRUD ada map, pastikan ada fungsi buat hide map
![image](/uploads/b0ac7b171288d96723b6cb85b0cbbfc4/image.png)
6. Fungsi upload image menggunakan model seperti berikut;
7. Fungsi upload image menggunakan model seperti berikut;
Tanda “+” untuk browse image, tanda “X” untuk delete
![image](/uploads/0673b640cb716ce1c916f680c1a424ba/image.png)
7. Tombol back tidak reset detail list
8. 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.
9. Filter show entries default list 50 dan posisi search sejajar.
![image](/uploads/db7fba33cff1b877b5e143853eda3224/image.png)
9. Contoh selection multiple dan filter date yang selalu memakai range.
10. Contoh selection multiple dan filter date yang selalu memakai range.
![image](/uploads/5b1cf3570a2be0bb1730237179d78bfd/image.png)
10. Posisi label selalu diatas textbox
11. Posisi label selalu diatas textbox
![image](/uploads/c8b16f2b41fe3093f895348ca1350d9b/image.png)
11. Logo & Description.
12. Logo dan Description
![image](/uploads/44971dba6cb6281b9bf636669fd07e3a/image.png)
![image](/uploads/e62e92bac14eafe8771f026363f8ed77/image.png)
NB: Saat logo di hover, muncul keterangannya.
12. Posisi Logo pada kolom action. View, Edit, Delete.
13. Posisi Logo pada kolom action. View, Edit, Delete.
![image](/uploads/c59774f4451a1a9e94d6f21eec0d6268/image.png)
13. Saat klik delete, diberi double confirmation.
14. Saat klik delete, diberi double confirmation.
“ Are you sure want to delete “ ?
Yes / No
![image](/uploads/7c7bf8cbc69a2d15eb9a884a34e21d0b/image.png)
14. 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).
15. 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](/uploads/7233fc3eb1ddd42fe5d203dca46f2333/image.png)
15. Jika kolomnya tidak melebihi lebar monitor, maka tidak perlu ada scroll horizontal.
16. Jika kolomnya tidak melebihi lebar monitor, maka tidak perlu ada scroll horizontal.
![image](/uploads/f017fa9302498d6c84a26474c38e09a8/image.png)
Clone repository
  • Dokumen Standarisasi Program
  • Standard UIUX
  • framework laravel
  • Home