Sibara ("sistem informasi bank darah", yang sebelumnya disingkat SIBDAR) sepertinya sudah waktunya ganti muka. tampilan yang sebelumnya berwarna merah mencolok, terasa kurang nyaman saat digunakan.
Rencana saya adalah menyusun ulang interface sibara sehingga lebih nyaman digunakan. selain itu dengan interface yang lama, sepertinya sedikit sulit untuk menempakan beberapa fitur baru yang akan diterapkan di Sibara.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgka49FDctAiluWR0Wl6anViwZeVoudhUcr_I_gNVk31g-JFSdMDdaYDYug2UsC39YDrdKV6p3A_-CJFr8jtD2E9LGq0Knzrhi0Q8BXd40VrNuGXzHnHafQY-pEaNHycRTAv2fIdD0UYwg/s320/rencana+desain+sibara.png) |
Dashboard |
Rencana saya, saya akan mengganti desain merah hitam menjadi sedikit lebih bersih warna dasar akan berganti dengan putih. menu yang awalnya berada di atas akan saya ganti di sisi samping kiri. pada bagian atas akan ada user name yang sedang login
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk-kBeSvMdDu99IQAT7UVGLYBKDxnJEnnqxZ-_Klg0niw9YpuacJ_jrwYL8v2m7mM3-5SJwVAMaCt-xFKMPIb_zu6ddtrnXwL7NwzpYerf0DtDuRSIHUVz5uyDkZaGqaIxok7yvmdt3FI/s320/rencana+desain+sibara4.png) |
Menu dropdown |
Setiap user akan disediakan dasboard yang tampilannya berdeda untuk setiap jenis user, misalkan saja untuk pendonor akan tahu berita terkait mengenai donor darah. untuk rumah sakit akan mengetahui stok darah yang ada di sekitarnya. untuk bank darah akan terdapat notifikasi pengiriman darah, dan lain lain
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLBWgpAjiWzitbLa6vUxH7uIQlWAMBawpzqWnYxQoGVl8Q-mneGH7UW0DEOjIF-oSU9jJZrFtlRUlD1XS8K2NTy05nURNdRqMW9Y_JUHzPnS89QbODZixQ2PRRSObsnDCk6Nz2Iusfgiw/s320/rencana+desain+sibara2.png) |
Halaman dasar |
Halaman login akan disederhanakan, saya tertarik dengan halaman login baru
Twitter. saya akan membuat hal yang kira kira serupa, bagian login di sebelah kanan, sebelah kiri berisi informasi. halaman login yang terlihat sederhana namun tetap menunjukan estetika.
![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYctegY69nC3kaqF7jykhOGIeHN_W1eRk0pQffXUC9LgT7zcfrLfmDWrNPHCOaJwBeQwdalLjie7Sjuis5zfRudqDLyaoEwOS4tdTCqYAFe5dQSoWbBRFCssXK4DrDiD71yzZM4vYPxeA/s320/sibara+3.png) |
Login |