SIMANTIK UNPAD

Deskripsi

File Notion : https://admitted-havarti-711.notion.site/SIMANTIK-UNPAD-Q1-2021-f8aaf0ff39f04e1a9c8f4b9d778200f2 ## 🧕 Responsible : Sebagai yang *reseach user* dan merancang *interface , interaction* , dan *visual design* (*User Experience* dan *User Interface Design) dan setelah melakukan responsible tersebut akan di handoff design tersebut oleh developer.* ## 🟢 Latar Belakang Mengkonsumsi listrik adalah sesuatu yang tidak bisa kita hilangkan dari rutinitas kita sehari-hari, tetapi kita dapat mengendalikan konsumsi ini dengan cara yang sangat hemat, hanya dengan sedikit perubahan kebiasaan dan pengendalian. Terwujudnya program penghematan energi di lingkungan Universitas Padjadjaran , untuk menuju Greeen Campus dan mengembangkan Tridharma perguruan tinggi yaitu pendidikan, penelitian dan pengabdian masyarakat yang terkait dengan konservasi energi di lingkungan Universitas Padjadjaran. Melaksanakan penghematan dengan tindakan nyata seperti pemilihan dan penggunaan listrik, lampu, pendingin ruangan (AC) yang hemat energi dan tindakan-tindakan lainnya serta meningkatkan penggunaan energi terbarukan (energi matahari untuk pencahayaan).Memastikan bahwa semua peralatan yang menggunakan listrik tidak menyala saat tidak ada aktifitas. --- ## 🎯Tujuan dan Hasil **Tujuan Pembuatan Aplikasi** Tujuan dari aplikasi ini adalah untuk merancang sistem monitoring dan optimalisasi manajemen penggunaan listrik di lingkungan kampus UNPAD dalam rangka UNPAD menuju Green Campus. Sistem ini dapat memonitor  seluruh gardu listrik dan mampu mengontrol perangkat di setiap rang dan gedung agar dapat diatur dan tidak boros dalam penggunaannya melalui web dan mobile , sehingga dapat di monitor kapan saja dan dimana saja. **Hasil yang akan dicapai** Diharapkan dengan menggunakan sistem ini konsumsi listrik dapat berkurang dan mengetahui titik mana saja yang memang tinggi. Dengan sistem ini diharapkan dapat mendukung UNPAD dalam program UNPAD menuju green campus ## 💬 Research Aplikasi ini focus tentang user dalam menggunakan monitoring dan optimalisasi manajemen penggunaan listrik di lingkungan kampus UNPAD. **User Research** Selain itu di lakukan juga research penggunaan user pada Mahasiswa , Dosen dan Pegawai UNPAD. Jadi mengetahui kebutuhan dan masalah dalam monitoring dan optimalisasi manajemen penggunaan listrik di lingkungan kampus UNPAD. ## 🧩Implementation **Sketching** Karena sudah memiliki ide dasar tentang cara kerja aplikasi dengan mencari Alur Pengguna, saya mulai membuat sketsa kerangka gambar dengan iPad untuk dasar merencanakan tindakan utama setiap layar bagi pengguna yang perlu mereka ambil. Dan lalu akan di implementasi ke wireframe lo-fi dan sampai desain high-fi. ***Final Design*** Setelah melalukan *research , sketching , wireframe lo-fi* dan *mempersiapkan design system* merealisasikan ide dalam bentuk desain *mockup* (gambaran nyata rancangan produk). menguunakan tool figma. [](https://www.figma.com/file/OJivErdcwjzFZ3UYlgBIEq/File-Design-Figma-(SIMANTIK-UNPAD)?node-id=10%3A2) [](https://www.figma.com/file/OJivErdcwjzFZ3UYlgBIEq/File-Design-Figma-(SIMANTIK-UNPAD)?node-id=79%3A6388) [](https://www.figma.com/file/OJivErdcwjzFZ3UYlgBIEq/File-Design-Figma-(SIMANTIK-UNPAD)?node-id=275%3A11200) **Website** **Login** User akan masuk ke halaman login untuk masuk ke SIMANTIK dengan memasukan email dan password. **Home Dashboard** Setelah user melakukan login , home dashboard di onboarding  dan untuk melanjutkan pemilihan gardu (*substation*) , gedung (*building*) , dan ruangan (*room)* di menu navigasi. Setelah itu *home dashboard* menampilkan *enegy consumption* , *total device* , *AVG energy consumpt peruangan* , status normal atau abnormal SIMANTIK , dan notification status yang terkirim atau tidak. Selain itu di home dashboard dapat melakukan control on dan off device yang terhubung di ruagan , seperti device teminal , lampu , wifi dan AC. **User** Untuk tampilan halaman user ini setelah menglik icon user. User disini yang dapat mengakses SIMANTIK dan dapat menambahkan user. **Info** Untuk tampilan Info adalah info tentang SIMANTIK , dengan mengklik icon info. **Notification** Untuk tampilan notification adalah Ketika SIMANTIK status pamakaian listrik abnormal. **Mobile iOS** **Login** User akan masuk ke login apps mobile untuk masuk ke SIMANTIK dengan memasukan email dan password. **Home Dashboard** Setelah user melakukan login di apps *Mobile* iOS , home dashboard di onboarding  dan untuk melanjutkan pemilihan gardu (*substation*) , gedung (*building*) , dan ruangan (*room)* di menu navigasi. Setelah itu *home dashboard* menampilkan *enegy consumption* , *total device* , *AVG energy consumpt peruangan* , status normal atau abnormal SIMANTIK , dan notification status yang terkirim atau tidak. Selain itu di home dashboard dapat melakukan control on dan off device yang terhubung di ruagan , seperti device teminal , lampu , wifi dan AC. **Info** Untuk tampilan *Mobile* iOS Info adalah info tentang SIMANTIK , dengan mengklik icon info. **Notification** Untuk tampilan notification adalah Ketika SIMANTIK status pamakaian listrik abnormal. ***Prototype*** *Prototype* akan sangat membantu komunikasi dengan developer mengenai ide dengan lebih komprehensif dan utuh. *Prototype disini menggunakan tools figma dan di record melalui awesome screnhoot and screenrecorder.* ***Mockup*** Mockup adalah **hasil akhir desain** yang sudah berisi informasi ( gambar, warna, & tipografi ) dan bentuk elemen **dengan tingkat presisi tinggi**. Untuk membuat hasil desain **seolah-olah terlihat real / nyata**. Untuk membuat mockup ini menggunakan *plugin figma*.