The Progress of ClickLock

Halo! Pada progress kali ini, akan disampaikan mengenai rancangan hardware dan software.

RANCANGAN HARDWARE DAN SOFTWARE

Berikut adalah gambar rangkaian hardware dari sistem yang akan dibuat:

Berikut adalah flow chart dari program sistem yang akan dibuat.

A) Flowchart Program Hardware

B) Flowchart Program Aplikasi Web

Berikut ini adalah rancangan user interface dari aplikasi web yang akan dibuat. Rancangan user interface merupakan wireframe dari tiap halaman aplikasi web ClickLock. Pembuatan wireframe menggunakan aplikasi Balsamiq Mockup 3.

1. Wireframe Halaman Login

Terdapat bagian untuk mengisi username dan password pengguna, dan tombol login untuk redirect ke halaman home apabila login berhasil.

2. Wireframe Halaman Home

Terdapat navigation bar yang menampilkan HOME, MENU serta logo LOGOUT, serta pada halaman home terdapat kalimat sambutan untuk pengguna

3. Wireframe Halaman Schedule

Terdapat navigation bar, serta jadwal kuliah mahasiswa yang login sebagai pengguna

4. Wireframe Halaman History

Terdapat navigation bar, serta riwayat penggunaan aplikasi ClickLock yang digunakan oleh pengguna.

IMPLEMENTASI SISTEM

Berikut ini adalah foto implementasi rangkaian yang dibuat

Program yang digunakan dalam implementasi sistem terdapat pada link github.com/daussho/smart-door-lock-rest-api

Berikut adalah tampilan user interface dari prototype aplikasi web ClickLock.

1. Prototype halaman login

2. Prototype halaman home

3. Prototype halaman Schedule

4. Prototype halaman History

Sekian progress report kali ini, sampai bertemu di post selanjutnya!

Comments

A Look Into Industry 4.0

Apa itu Industry 4.0? Industry 4.0 merupakan revolusi industri ke-4, tahap pengembangan lebih lanjut dari organisasi dan manajemen proses value chain yang terlibat dalam industri, yang berbasis pada cyber-physical systems, menggabungkan dunia nyata dengan dunia virtual. [1] Industry 4.0 memanfaatkan teknologi internet sebagai konektivitas antar sistemnya. Ilustrasi Revolusi Industri Lingkungan dari Industry 4.0 terdiri atas komponen berikut [1]: Environtment dari Industry 4.0 Suatu sistem dapat dikatakan Industry 4.0 harus mencakup: Interoperabilitas - mesin, perangkat, sensor dan manusia terkoneksi dan berkomunikasi satu sama lain Transparansi informasi - kontekstualisasi informasi berdasarkan data yang diperoleh dari sensor Bantuan teknis - memberikan bantuan kepada manusia dalam membuat keputusan dan memecahkan masalah, dan melakukan tugas yang dianggap terlalu sulit atau tidak aman bagi manusia Desentralisasi pembuatan keputusan - kemampuan cyber-physical sys

Trouble is A Friend - for another IoT Project

Trouble he will find you No matter where you go Oh oh No matter if you're fast No matter if you're slow Oh oh ... Potongan lirik lagu Trouble is A Friend dari mbak Lenka di tahun 2008 mengawali post kali ini. Masalah tidak perlu dicari, nanti ia akan datang sendiri Pada tugas IMKA kali ini, kami harus mencari sebuah masalah, yang dapat diselesaikan dengan IoT. Hmm kira-kira apa ya? Gajah di pelupuk mata tidak terlihat, semut di seberang lautan nampak jelas Tidak perlu jauh-jauh mencari masalah. Ternyata setelah disadari, masalah ada di dekat kita! One Real Problem: Ruang kelas sering kali masih terkunci Berdasarkan pengalaman, setidaknya 2 dari 5 kali kelas jam 7 pagi dalam satu minggu, kelas masih terkunci dan perlu mendatangi petugas dukungan teknik untuk membuka pintu ruang kelas. Hal ini menjadi masalah karena hal ini dapat memotong waktu efektif perkuliahan. Kelas yang seharusnya berlangsung selama 50 menit dapat menjadi 40 menit saj

Pradnya A

Search This Blog