Berikut adalah source code web client dari projek iot smarttandon, projek ini dibuat dengan laravel 8 sebagai backendnya dan vue2 sebagai frontendnya, kemudian temen-temen bisa clone repositori untuk codingan microcontrollernya(esp8266) disini, dan untuk brokernya disini.
- Authentication menggunakan akun google
- Authorization roles (admin, user)
- Mode automatis, digunakan ketika ingin automatis melakukan pengisian tandon ketika air mau habis, dan automati mati ketika tandon akan mati
- Mode manual, digunakan ketika ingin manual melakukan pengisian tandon maupun mematikan pengisian tandon.
- Hidup dan matikan tandon jarak jauh dengan suara.
- Pantau ketinggian air dengan chart
- Analisa penggunaan bulanan
- Pengingat jika penggunaan bulan sekarang lebih banyak dari bulan sebelumnya
-
buat database di phpmyadmin dengan nama smarttandon, atau sesuai nama database yang temen-temen buat di file .env
-
melakukan migrate ke database yang sudah kita buat sebelumnya, buka terminal, pastikan terminalnya berada di folder projek smarttandon, atau jika menggunakan vscode untuk code editornya, klik kanan di salah satu file projek kemudian nanti ada pilihan open in integrated terminal, setelah terbuka terminal, ketik dibawah ini
php artisan migrate-
setting email admin di file .env, pastikan email yang digunakan adalah gmail, karna nantinya loginnya hanya tersedia menggunakan gmail saja, untuk setting email admin scroll ke paling bawah di file .env dan ganti isi ADMIN_EMAIL sesuai dengan email admin, untuk menambahkan admin lainnya bisa nanti di web ketika user tersebut sudah terdaftar dan tinggal diganti rolenya menjadi admin
-
install semua node module
npm install-
ganti konfigurasi google console kalian, di file ./resource/js/app.js, dan juga di file.env baris paling bawah
-
ganti hostname broker kalian, menurut ip pc/laptop tempat brokernya berjalan, di file dashboard ./resource/js/views/Dashboard.vue
-
setelah persiapan selesai , kemudian jalankan server
php artisan serve- jika ingin development tampilan, bisa jalankan mix watch nya supaya ketika ada perubahan pada file vue bisa automatis di mix kan, dengan menjalankan
npm run watchjika ada pertanyaan, kontak saya di sayidinaahmadalqososyi@gmail.com
jika temen-temen ingin berkontribusi dengan projek ini, temen bisa fork repositori ini dan tinggal pull , terimakasih:)
MIT