[Setup] Salamigal - Smart Home Controller Modern Web Interface

Pada tahap ini, yang perlu kita lakukan hanyalah mengkloning aplikasi Salamigal, dari repository GitHub Miarana DIY.


on Sen, 05/30/2016 - 20:44
45.047 View

Setelah selesai melakukan pengkabelan danpengaturan hardware, kemudian installasi kebutuhan dasar software, termasuk library-library dan kebutuhan lingkungan kerja lainnya yang telah dijelaskan pada tulisan sebelumnya, kini saatnya kita melakukan konfigurasi antarmuka dan keseluruhan sistem inti (server dan sebagainya) untuk dapat menjalankan sistem smart home kita.

Pada tahap ini, yang perlu kita lakukan hanyalah mengkloning aplikasi Salamigal, dari repository GitHub Miarana DIY. Caranya, kita buat dulu sebuah folder di direktori home:

$ mkdir -p ~/bin

Masuk ke folder yang kita buat tadi

$ cd ~/bin

Clone repository Salamigal dari GitHub

$ git clone https://github.com/MiaranaDIY/Salamigal.git

Tunggu beberapa saat hingga unduhan selesai. Kemudian masuk ke folder Salamigal:

$ cd ./Salamigal

sebelum menjalankan aplikasinya, atur permissionnya agar bisa dieksekusi:

$ sudo chmod a+x ./main.py

Eksekusi !

$ sudo ./main.py

Jika eksekusi berjalan dengan mulus, maka akan muncul pesan seperti berikut:

pi@Salamigal:~/bin/Salamigal $ sudo ./main.py
2016-05-30 20:39:25,333 - root - INFO - Loading modules...
2016-05-30 20:39:30,061 - root - INFO - Modules loaded.
2016-05-30 20:39:30,071 - root - INFO - Starting server, please wait...
2016-05-30 20:39:30,215 - root - INFO - ** SalamigalNetworking process started
2016-05-30 20:39:30,319 - root - INFO - *** Ready, server started!

Sekarang antarmuka sudah bisa diakses melalui alamat dari Raspberry Pi, tinggal buka browser misal http://10.8.0.200.

[[{"fid":"750","view_mode":"wysiwyg","fields":{"format":"wysiwyg","field_file_image_alt_text[und][0][value]":false,"field_file_image_title_text[und][0][value]":false},"type":"media","link_text":null,"field_deltas":{"1":{"format":"wysiwyg","field_file_image_alt_text[und][0][value]":false,"field_file_image_title_text[und][0][value]":false}},"attributes":{"height":"400","width":"240","class":"media-element file-wysiwyg","data-delta":"1"}}]]

Untuk berdiskusi silahkan kirim komentar, atau join Forum Miarana DIY. Mari kita berdiskusi dan saling berbagi...

 

Profil Penulis

User Picture
  • Member Since 8 tahun 5 bulan ago
Aditya Suranata

Embedded System, Internet of Things, Precision Agriculture, Controlled Environment...

Aditya suka menulis, bukan hanya sekedar hobi, menulis menjadi medianya untuk mencurahkan pikiran dan perasaan. Di TutorKeren.com kebanyakan menyumbang tulisan sesuai dengan minat dan keahliannya yaitu pada kategori pemrograman dan elektronika....

Comments

kalo pengen nama web nya di ganti sendiri bisa ..?? dan ini di saya osError trus ,saya pake whezzy
Sel, 08/23/2016 - 19:29 Link permanen

In reply to by ilham09

Bisa sekali Mas, tinggal buat local DNS.

Kalau pakai Windows edit file C:\Windows\System32\drivers\etc\hosts

tambahkan baris:

10.8.0.200 salamigal.com

ganti 10.8.0.200 dengan IP address Raspinya dan salamigal.com dengan domain yang baru.

Kalau di Linux file yang di edit di /etc/hosts

Untuk error bisa dicopas errornya disini mas biar bisa bantu troubleshooting.

Rab, 08/24/2016 - 07:56 Link permanen

pas di jalankan gagal terus ada tulisan Traceback (most recent call last): File "./main.py" line 11, in os.chdir('/home/pi/bin/salamigal') osEror: [Errno 2] No such file or directory: '/home/pi/bin/salamigal' Mohon bimbingan nya...Trims
Kam, 08/25/2016 - 22:01 Link permanen

Seperti yang dikatakan oleh pesan errornya,

osEror: [Errno 2] No such file or directory: '/home/pi/bin/salamigal'

Itu berarti pathnya tidak ditemukan mas.

Coba pastikan kalau file-file programnya sudah diletakan di '/home/pi/bin/salamigal' dengan mengeksekusi perintah:

ls /home/pi/bin/salamigal

Disana harus ada file-file program seperti main.py, salamigalnet.py folder devices, static, template dan lainnya seperti yang terlihat di GitHub.

Jika belum ada coba dibuat dulu direktorinya dengan perintah

mkdir -p /home/pi/bin/salamigal

kemudian copy semua file yang telah mas kloning ke folder tersebut dengan perintah

cp -a /path/dari/folder/script/* /home/pi/bin/salamigal

dan pastikan pathnya menjadi /home/pi/bin/salamigal/main.py

lalu eksekusi deh,

cd /home/pi/bin/salamigal

sudo python3 main.py

Jum, 08/26/2016 - 08:19 Link permanen

mau tanya misal semua tutor smart home controller ini udh berjalan, jadi kita controlnya di salamigal.com juga? bisa bersifat online(akses dr pulau yg berbeda)/ atau hanya di area jaringan rumah saja? trus klo mau edit interface webnya gmn ya, sya cari ga nemu mohon pencerahannya
Jum, 01/06/2017 - 12:57 Link permanen

In reply to by dejavu

Halo,

mau tanya misal semua tutor smart home controller ini udh berjalan, jadi kita controlnya di salamigal.com juga?

---

Cara kontrolnya tinggal masuk ke alamat/IP address dari Raspberry-nya. Kalau tidak mau repot mengingat/mencari berapa alamat IP Raspi, tinggal tambahkan domain seperti contoh salamigal.com. Domain disini bisa jadi domain lokal dengan lokal DNS (edit file hosts pada komputer) atau DNS global (belikan hosting DNS atau Dynamic DNS).


bisa bersifat online(akses dr pulau yg berbeda)/ atau hanya di area jaringan rumah saja?

---

Bisa keduanya. Akses dari seluruh dunia, asalkan internet di rumah memiliki alamat IP Publik. Jika koneksi internet di rumah tidak punya IP Publik maka hanya bisa diakses lokal saja, misal via WiFi rumah.

 

trus klo mau edit interface webnya gmn ya, sya cari ga nemu

---

Pada halaman GitHub. https://github.com/MiaranaDIY/Salamigal, file kode antarmuka yang menggunakan React bisa dimodifikasi pada folder static dan template. Namun dalam khasus ingin menambah perangkat baru, sesungguhnya tidak perlu merubah apapun di sisi interface, karena interfacenya bersifat dinamis. Cukup lakukan penambahan perangkat dari file salamigalnet.py. Misal pada contoh, hanya terdapat dua relay masing-masing untuk mengontrol AC. Jika ingin menambahkan relay ketiga, maka cukup sunting file salamigalnet.py dan tambahkan kode inisialisasi relay dengan cara mengcopy kode inisialiasasi dua relay sebelumnya.

Semoga membantu, jika masih kurang jelas silahkan tanya lagi

Jum, 01/06/2017 - 13:59 Link permanen

Yup, tutorial ini yang menggunakan domain salamigal.com masih bersifat lokal,  jadi belum bisa diakses dari internet. Silahkan dicoba, jika ada kendala jangan sungkan untuk diskusi lagi

Jum, 01/06/2017 - 21:55 Link permanen

cara ganti IPnya dan domain dimanaya ya ? saya udah coba analisa dan coba ganti2 yang masih berkaitan dengan ip tapi tetap tidak bisa. lalu pada saat saya buka file index yang di template juga agak berantakan. mohon bantuannya
Rab, 03/15/2017 - 05:37 Link permanen

Ganti IP harus dari Raspinya gan,

caranya ganti IP ada disini https://tutorkeren.com/artikel/cara-yang-benar-mengatur-ip-address-staticdhcp-di-raspberry-pi.htm

 

Terus untuk domain, harus setting melalui local dns, 

Kalau pakai windows 7 bisa edit di C:\windows\system32\drivers\etc\hosts tambahkan baris baru

192.168.1.1 domainbaru.com

Tidak perlu edit file programnya untuk ganti IP, apalagi file index itu dibuat dinamis jadi memang agak njlimet...

Rab, 03/22/2017 - 12:01 Link permanen

2017-10-06 23:29:02,726 - root - INFO - Loading modules...
Traceback (most recent call last):
  File "./main.py", line 40, in <module>
    import salamigalnet
  File "/home/pi/bin/salamigal/salamigalnet.py", line 15, in <module>
    from devices.ds18b20 import DS18B20
  File "/home/pi/bin/salamigal/devices/ds18b20.py", line 9, in <module>
    from w1thermsensor import W1ThermSensor as TS
ImportError: No module named 'w1thermsensor'

 

yang harus di lakuin apa ya bang? trims

Sab, 10/07/2017 - 00:43 Link permanen

mas, ini data device yang ada kok gamuncul di website (halaman monitoring) ya? di file index.html, pada monitor section juga ga ada codingan ambil data, isinya cuma tampilan text aja. makasih mas ditunggu jawabannya.

Rab, 07/18/2018 - 02:24 Link permanen

Halo,

mohon maaf late reply, *sad*

untuk interface webnya ini dibuat super dinamis menggunakan react versi lama, jadi mungkin untuk saat ini yang menggunakan versi browser baru bisa bermasalah. Halamannya tidak seperti halaman web biasa yang datanya dipopulate secara statik, memang kelihatannya kosong di halaman index.html karena isinya dipopulate secara dinamis melalui javascript/react.

Untuk troubleshooting, masnya bisa screenshot console log dari browsernya. Misalnya Google Chrome bisa klik kanan dihalamannya terus pilih Inspect > Console, terus copas/screenshot apabila ada pesan error disini.

Semoga membantu.

 

Sen, 07/23/2018 - 21:36 Link permanen