Add map to node-red

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.css" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/1.0.3/leaflet.js"></script>

<script>
    (function() {
        const cScope = this.scope;
        setTimeout(function () {
            
        	const map = L.map('mapid').setView([48.204550, 16.364333], 13);
            let marker;
            
        	L.tileLayer('https://{s}.wien.gv.at/basemap/geolandbasemap/normal/google3857/{z}/{y}/{x}.png', {
        		maxZoom: 18,
                subdomains: ["maps1", "maps2", "maps3", "maps4"]
        	}).addTo(map);
        	
        	map.on('click', function(e) {
                cScope.send(e.latlng);
                if (marker) {
                    map.removeLayer(marker);
                };
                marker = L.circleMarker(e.latlng).addTo(map);
            });
            
            setTimeout(function () {
                map.invalidateSize();
            }, 100);
        }, 300);
    })();
</script>

<div id="mapid" style="width: 100%; height: 320px;"></div>

This is some sample ui template for node-red ui, hope this help

Happy Coding

Salam ngoprek

Simple scheduler in node-red

This is sample flow for scheduling task in node-red, i’m using this for controling pump in my diy indoor hydroponics system

[{"id":"7092122b.f6593c","type":"inject","z":"fee8201c.ff1e","name":"timer lamp on","topic":"lamp","payload":"1","payloadType":"str","repeat":"","crontab":"00 06 * * *","once":false,"onceDelay":0.1,"x":460,"y":1660,"wires":[["85b40c2d.7fdcc"]]},{"id":"e3a49fce.3cda7","type":"inject","z":"fee8201c.ff1e","name":"timer lamp off","topic":"lamp","payload":"0","payloadType":"str","repeat":"","crontab":"00 06 * * *","once":false,"onceDelay":0.1,"x":460,"y":1620,"wires":[["85b40c2d.7fdcc"]]},{"id":"85b40c2d.7fdcc","type":"debug","z":"fee8201c.ff1e","name":"","active":true,"tosidebar":true,"console":false,"tostatus":false,"complete":"false","x":730,"y":1640,"wires":[]}]

Happy Coding

Salam Ngoprek

Python remove @ attribute xml to json converter

url = "https://data.bmkg.go.id/datamkg/MEWS/DigitalForecast/DigitalForecast-KalimantanTimur.xml" 
response = requests.get(url) 
data = xmltodict.parse(response.content, attr_prefix='', cdata_key='text') 

datajson = (data['data']['forecast']['area'][1]['parameter'][6]['timerange'])

return print(json.dumps())

Change timezone in axios request

import moment from moment-timezone

getTimezone() {

axios.get('http:your url').then (response => {

var data = response.data.sensors

var date = [];
              for(var j = 0; j< datalength; j++){    
                  
                    date.push( moment(String(data[j].date)).format('DD/MM/YYYY HH:mm') ); 
  
              }


})

}

console.log(date)

How to change default vnc display raspberry pi

Your remote VNC to small for you? This some tips to change default vnc display on raspberry pi

Edit /boot/config.txt

And find frame buffer and change like this

framebuffer_width=1280
framebuffer_height=720

And done restart your raspberry pi and connect again using vnc client to raspberry pi

Some additional tips when your vnc client can’t connect to raspberry via vnc

Login to raspi via ssh and restart service

sudo systemctl start vncserver-x11-serviced

Done

Happy coding and salam ngoprek

Tutorial membuat pcb badge menggunakan kicad

PCB badge part 1 schematic

 

PCB badge part 2 custom shape pcb

 

PCB badge part 3 routing

 

PCB badge life

WFH Work at home sudah hampir 2 bulan banyak pekerjaan yang terpaksa mundur dikarenakan pandemi ini, hari hari banyak dihabiskan dengan video conference lanjut ngoding, retouch landing web https://susiloharjo.web.id sampai dengan membantu pekerjaan sekolah anak anak dikarenakan anak anak juga school from home.

Nah unuk mengisi kekosongan selama WFH banyaklah ide ide mengalir dari yang unik sampai dengan iseng iseng nonton video tentang pcb design, kebanyakan si mengenai pcb badge  walhasil ketularan buat juga.

Dibawah ini hasil iseng iseng sofware pcb design menggunakan kicad

 

Yang dua sudah masuk cetak, yang ironman masih dalam proses review. Mari jadikan WFH ini meningkatkan semangat untuk bekarya, mari lawan corona dengan menambah ilmu, kreatifitas, dll.

Semoga pandemi ini cepat berlalu.

Salam Ngoprek

Solving Problem opencv 4.x.x video stream failed

I hope this can help

Change

videocapture = cv2.VideoCapture(0 )

to

videocapture = cv2.VideoCapture(0 , cv2.CAP_V4L )

Enabling Remote VNC in Jetson Nano

Fresh install Jetson Nano

sudo ln -s ../vino-server.service \
    /usr/lib/systemd/user/graphical-session.target.wants

gsettings set org.gnome.Vino prompt-enabled false
gsettings set org.gnome.Vino require-encryption false

nmcli connection show

copy the UUID active connection
dconf write /org/gnome/settings-daemon/plugins/sharing/vino-server/enabled-connections "['PASTE HERE YOUR UUID']"

sudo vi /usr/share/glib-2.0/schemas/org.gnome.Vino.gschema.xml

PASTE THIS INSIDE SCHEMA

<key name='enabled' type='b'>
     <summary>Enable remote access to the desktop</summary>
      <description>
       If true, allows remote access to the desktop via the RFB
       protocol. Users on remote machines may then connect to the
       desktop using a VNC viewer.
      </description>
     <default>false</default>
    </key>

sudo glib-compile-schemas /usr/share/glib-2.0/schemas

export DISPLAY=:1 //OR USE 0

/usr/lib/vino/vino-server

IF success you can use remmina or realvnc client to connect to Jetson Nano

Making systemd service

sudo vim /etc/systemd/system/vinostartup.service

[Unit]
Description = description about the service
After = network.target
[Service]
ExecStart = /usr/lib/vino/vino-server
[Install]
WantedBy = multi-user.target

 

sudo systemctl enable vinostartup.service

 

Done

Happy Coding

Salam Ngoprek

Membuat server monitoring menggunakan docker dan grafana

Seringkali kita ingin visualisasi status dari banyak device yang kita miliki, saya membuat server/komputer/dll monitoring dengan memanfaatkan fitur input ping dari telegraf yang kemudian digabungkan dengan grafana dan influxdb.

Cekidot di github saya disini https://github.com/susiloharjo/docker-grafana-monitoring.

Hasilnya akan seperti ini

Semoga bermanfaat, selamat mencoba, dan salam ngoprek