- 26
- 74 372
CodeMechanic
Philippines
Registrace 21. 03. 2021
Everything about computer system, codes, programming language, firmware, basic electronics, arduino, PLC, sensors and more.
Video
Virtual Measuring Microscope (Unity3D + Node-RED + Mosquitto Mqtt)
zhlédnutí 117Před 21 dnem
This is a demonstration of using Unity3D to simulate a device connectivity to other IoT devices using Mqtt. IoT Device: Microscope Broker: Mosquitto #iot #mqtt #nodered #unity #unity3d #arduino #automation #vr #virtualreality
Part 1 - IoT (Virtual Serial Ports)
zhlédnutí 136Před 4 měsíci
☕ Buy Me Coffee ☕ paypal.me/Rtatzs?country.x=PH&locale.x=en_US [Com0Com] drive.google.com/file/d/18hZXfMAmLfNwbbfxcOzX0Oms8K-V-EMF/view?usp=sharing [Serial Port Guide] devblogs.microsoft.com/powershell/writing-and-reading-info-from-serial-ports/ #SerialPorts #comport #rs232 #iot #powershell
Part 6 - Python + Google Sheet API (Public Gateway API)
zhlédnutí 172Před 4 měsíci
☕ Buy Me Coffee ☕ paypal.me/Rtatzs?country.x=PH&locale.x=en_US [Prev Episodes] czcams.com/video/p6l00Tjx9ZI/video.html czcams.com/video/Pg9AcFWvrSI/video.html [PythonAnywhere] codemechanic.pythonanywhere.com/ www.pythonanywhere.com/ [Google Sheet] docs.google.com/spreadsheets/d/1PAt2oWJ65TtwExfPJkdGrutioGvt65s-0LN6mdodz-E/edit?usp=drive_link [Google Library Guide] developers.google.com/tasks/qu...
Plant Simulation (Unity 3D)
zhlédnutí 124Před 4 měsíci
Simulations are very useful. They provide engineers/designers with insights as to how well the design goes on actual without spending so much money. With simulations the cost of project is greatly reduced. Here is an unfinished setup. Unfortunately, I don't do much of videos related to Unity3D due to limitations of my personal laptop and I don't have the PC I used on this video. Hopefully in th...
Part 5 - Python + Google Sheet API (To Integrate with Flask)
zhlédnutí 349Před 4 měsíci
☕ Buy Me Coffee ☕ paypal.me/Rtatzs?country.x=PH&locale.x=en_US [PythonAnywhere] codemechanic.pythonanywhere.com/ www.pythonanywhere.com/ [Google APIs & Services] console.cloud.google.com/apis/dashboard?project=tidy-simplicity-420505 [Google Library Guide] developers.google.com/sheets/api/quickstart/python [Project Files] drive.google.com/file/d/1om7rEECiRdnxDHBM_ln8uVrvryKtevUZ/view?usp=sharing...
Part 4 - Python + Google Task API (To Integrate with Flask)
zhlédnutí 134Před 4 měsíci
☕ Buy Me Coffee ☕ paypal.me/Rtatzs?country.x=PH&locale.x=en_US [Google APIs & Services] accounts.google.com/v3/signin/identifier?continue=https://console.cloud.google.com/apis/dashboard?authuser=1&project=codemechanic-419403&followup=https://console.cloud.google.com/apis/dashboard?authuser=1&project=codemechanic-419403&ifkv=ARZ0qKKsdSYR3CxYVQmcIqDEVpdhQcMOjI4NAr3Sd83Y7xQ6dPje8FPjJTMfzQKeqU9cArW...
Part 3 - Python Flask + Vue.js (Free Web Host)
zhlédnutí 221Před 5 měsíci
☕ Buy Me Coffee ☕ paypal.me/Rtatzs?country.x=PH&locale.x=en_US [Pythonanywhere] www.pythonanywhere.com/login/ [Deployed Flask App] codemechanic.pythonanywhere.com/ [Previous Tutorial] czcams.com/video/p6l00Tjx9ZI/video.html [Project Files] drive.google.com/file/d/1ebk2kmqUX8Gu 1SsrfqaNSGS4rOndRK/view?usp=sharing #python #flasks #vuejs #chartjs #pythonprogramming #webhosting #freewebhosting
Part 2 - Python Flask + Vue.js (Migrating Node-RED UI Builder to Flask)
zhlédnutí 386Před 7 měsíci
☕ Buy Me Coffee ☕ paypal.me/Rtatzs?country.x=PH&locale.x=en_US [Install Flask] flask.palletsprojects.com/en/3.0.x/installation/ [Start Flask] flask.palletsprojects.com/en/3.0.x/quickstart/#a-minimal-application [Basic HTML] www.w3schools.com/html/html_basic.asp [Project Files] drive.google.com/file/d/1ebk2kmqUX8Gu 1SsrfqaNSGS4rOndRK/view?usp=sharing #python #flasks #vuejs #chartjs #pythonprogra...
Part 1 - Python Flask + Vue.js (Auto Start needed Programs)
zhlédnutí 300Před 8 měsíci
As a full stack developer, it is often times that you will need to open so many applications before even starting your work. Sometimes, failure to run the necessary application can cause error which will take your time figuring out. To avoid such problem, you can use batch file to automatically run the necessary programs. This includes running your needed IDE. So all you need to do is start wor...
Top 20 - OOP Interview Questions
zhlédnutí 139Před rokem
Sharing you some of the the OOP question you might encounter in your job interviews :). I am always weak with definition of terms since I only remember the usage. If you have correction just comment it. Hoping this helps specially for fresh grad job seekers.
Node-RED UIBuilder - Part 8.2 - Token based Login with Session
zhlédnutí 1,6KPřed rokem
☕ Buy Me Coffee ☕ paypal.me/Rtatzs?country.x=PH&locale.x=en_US *Note: You can check Part 8.1. for run through of coding and detail on installing MD5 drive.google.com/drive/folders/1fDdNA02b2mqyxvxqD7CkxyPSzGWWyTnt?usp=sharing Bootstrap Vue: bootstrap-vue.org/ VueJS: vuejs.org/
Node-RED UIBuilder - Part 8.1 - Token based Login with Session
zhlédnutí 3,4KPřed rokem
☕ Buy Me Coffee ☕ paypal.me/Rtatzs?country.x=PH&locale.x=en_US *Note: You can check Part 8.2. for the detailed explanation of the codes. drive.google.com/drive/folders/1fDdNA02b2mqyxvxqD7CkxyPSzGWWyTnt?usp=sharing Bootstrap Vue: bootstrap-vue.org/ VueJS: vuejs.org/
Node-RED UIBuilder - Part 7 - Simple Login with Vue.js
zhlédnutí 3KPřed rokem
☕ Buy Me Coffee ☕ paypal.me/Rtatzs?country.x=PH&locale.x=en_US This is simple login feature. Note: This is only javascript based and limited to frontend which resets on refresh. Next tutorial though, I will implement a token based login which act kind of a session. drive.google.com/file/d/18EtDbSFmevgcpcKdocx4WChHlWfgjKfp/view?usp=sharing Bootstrap Vue: bootstrap-vue.org/ VueJS: vuejs.org/
Node-RED & UIBuilder - Login Feature (Intro)
zhlédnutí 3,3KPřed rokem
Node-RED & UIBuilder - Login Feature (Intro)
Controlling Signal Lights with IoT (NodeMCU + MQTT)
zhlédnutí 155Před rokem
Controlling Signal Lights with IoT (NodeMCU MQTT)
Node-RED UIBuilder - Part 6 - MQTT with UIBuilder (PAHO MQTT)
zhlédnutí 3,8KPřed rokem
Node-RED UIBuilder - Part 6 - MQTT with UIBuilder (PAHO MQTT)
Node-RED UIBuilder - Part 5 - Render Charts (Chart.js)
zhlédnutí 6KPřed rokem
Node-RED UIBuilder - Part 5 - Render Charts (Chart.js)
Node-RED UIBuilder - Part 4 - New Data Form (Axios)
zhlédnutí 3,5KPřed rokem
Node-RED UIBuilder - Part 4 - New Data Form (Axios)
Node-RED UIBuilder - Part 3 - Auto Table with Pagination
zhlédnutí 4,1KPřed rokem
Node-RED UIBuilder - Part 3 - Auto Table with Pagination
Node-RED UIBuilder - Part 2 - Navbar and Vue Router
zhlédnutí 6KPřed rokem
Node-RED UIBuilder - Part 2 - Navbar and Vue Router
Node-RED UIBuilder - Part 1 - Installing necessary components
zhlédnutí 15KPřed rokem
Node-RED UIBuilder - Part 1 - Installing necessary components
Unity3D - Modbus RTU Communication (VFD)
zhlédnutí 935Před 3 lety
Unity3D - Modbus RTU Communication (VFD)
but with real plc and also real vfd modbus?
with the real thing unfortunately, it depends on the setup. some VFDs can directly accept Modbus RTU communication thus your only problem is studying the device's documentation as what request message to use. While if it's PLC controlling the VFD that depends on how you programmed your PLC on what it does to the VFD when certain modbus rtu message is received (given that your PLC is already capable of doing Modbus RTU). Hope it helps.
hope you can help with the turorial in details pls!!!
Presenter does not share code on GitHub, and the google drive where the code is stored requires you to sign into a third party database with your account exposed to full SHARE rights. Not Trusted!!
Not very professional developer in my opinion, does not use GitHub but rather requires code to be downloaded from Google Drive. This is very scary approach and prone to spam and virus attachments. It is still very unclear if all the files are in Part 8.2 or do the files that get created in each video continue to build sub-parts of the overall project... and two of the files listed in 8.2 are not listed with matching videos, what are they used for. Lots of questions and no answers or way to contact the developer.
No GitHub repository and to get a copy of the final code you are forced to sign up to a third party data scrapper. Not a very friendly way to present what looks like it might be a useful piece of code. But since the presenter is debugging while making the video, being able to fork a working version would be nice before following down this winding road.,
sorry It appears I cannot retrieve the full node-red installation after my reformat. The only available code is in google drive (see link in description). I appreciate your gift, but I already returned it. Thank you very much. As for the advice to use Git next time, it is a good idea. I will use it next time for more secure back up. Again Thank you.
can i instead of sendig the data in http request , send them with mqtt ofcr to the table in the sample site
If you are using MQTT, sender/publisher must send it first to the MQTT Broker while the receiver/subscriber will read the published data from the MQTT Broker. You can refer to the Part 6 of this tutorial. Best regards. czcams.com/video/QqFE-FjVEzg/video.html
Hello, if I have the serial port on the Windows host, can I read and write it from docker with wsl2? If it can be done, I would really like to see a video...
Hi Sir, unfortunately I haven't tried docker only Virtual Box with the host and virtual machine running windows 10.
Eres lo super eficiente explicando 😊
thank you very much.
thanks for this tutorial, please if you can make a video about google keyword planner API?
Hi Sir Thank you. If you mean google calendar planner, you can refer to this tutorial: czcams.com/video/vUOtS6zU40A/video.html. I will make my own tutorial on google calendar on upcoming tutorials. Thank you very much.
this is awesome! thanks!
Thank you very much hope it greatly helped you.
holy crap
Thank you very much hope it greatly helped you.
Hello, Do you know why i cant deploy a flow after i created a new project at different directory? it shows " Deploy failed: {"code":"EPERM","message":"EPERM: operation not permitted, " also there are no necessary files on the directory that i choose. Could you please help me out? thanks
unfortunately sir I haven't encountered such problem. You can try to search in google or join Node-RED communities in social media. Thank you.
what if we using websocket?
Congratulations and thank you for your video =) Always use "localhost", could you explain how use a concrete website? how export the project to a website?. Thank you again!
good video tutorial...
Glad you liked it
best tutorial. 🥳
Nice video but the URL files dont work. Thanks
Thank you for watching. I already updated, the link already works. Thank you for pointing out.
Filipino ka boss?
yes po sir, bakit po?
@@codemechanic2024 very good tutorial :D
no audio?
you can check on this link for complete & detailed tutorial: czcams.com/play/PL5OK9BbV3Q0MmbrS_sxhNxY3wZ0ZI8YmK.html
You are the best
excuse me, but the part 3 where is?
czcams.com/video/ca39xPYu7Xw/video.html this is the link
The best video i have been search for thank you can you send or upload the file
thank you very much, glad to help.
hello. good video. please reload file on drive.
hi thank you for watching. Let me know if you mean autoloading files from server side?
Hi,Do you have any example of login system and navigation guard?
Hi Thank you for watching. Unfortunately there is no session in node-RED so either you implement your own. My work around was to either use Python flask as backend for JWT validation or write simple token based validation (saving token to browser storage). I am creating a video on the login feature.
Thanks for your tutorial! I would like to know the continous build process and how to pushlish.
no need to build. just deploy uibuilder once. any changes to your html, javascript and css will already take effect in ui builder. You can check part one of the tutorial. Best regards.
Do you have any example of login system and navigation guard
Top
Good job! Thanks!
Hello! Thank you for the lovely project! By the way, could we do this add method to add a filter to the database? I'm trying to sort the database by a certain filter. Successfully sent the payload from uibulder to node-red and send it to mysql node but I still confused on how to show the result on the very same page of uibulder.
Hi thank you for your comment. There are two ways you can do it. 1. you can pass parameters to GET then in Node-RED mysql , create a query with where clause. There you assign the parameters passed to where clause. This means you are filtering the result using the MySQL query. To pass parameters to GET endpoint you just add like example: localhost:5050/endpoint?username=user01. parameter username will be added as JSON object in node-red's msg.Payload. Note: changing the contents of items will update the table this means doing it asynchronously (using axios) will update the table without refreshing page. Of course this needs to triggered like button click. 2. You can retrieve all the data same like the video and let bootstrap vue handle the filtering. See link: bootstrap-vue.org/docs/components/table, find the section: "Complete example" . That is a complete example of table with filter and search. Hope this helps.
@@codemechanic2024 Thanks for the reply! I'm sorry for the late respond. After a several trial, It looks like what I didnt know is how to include it in the vue of the table.vue. Yeah, it seems I am able to do the method on a normal html page, but when I tried to do it in the vue script the script just wont show up. I have to admit that I am new to vue.js, while using this video as a head start references 😅 Is it possible for you to add some example for the edited table.vue as well? I'm sorry for all of this and thank you for the awesome lesson. This is literally the only channel that bring up vue and node-red potential as a new open-source for SCADA development.
Node-red is not really involved here, I mean you do not send or receive data using node-red, it more vue.js then node-red, will be great if you can add that too
thank you for your comment. If you are referring to send and receive data using like MQTT to web app, I will look for time to make it. As for node-red with UIBuilder, there are only few tutorials in youtube that explain it so I decided to share what I found out.
Any reason you are using 5yr old versions?
If you mean version of UIBuilder, I just find it convenient. I think they have changes on the latest version as to how to access the files in the UIBuilder directory.
@CodeMechanic Sorry I was referring to both ui bulder and the extra components.
@@oeq0616 as for the extra components I found no problem with latest version. This tutorial was ripped from a project I am working on and was using old version of npm packages. I didn't bother update it since it works :).
Ah ok. Any idea on how to get new library to work with it. I trident using vuetify because it had some really great components I'm it. But I can't seem to get the library to load.
@@oeq0616 sorry for the late reply. Unfortunately I haven't worked with vuetify.
Great work!!!
Thank you
Any reason why you aren't using the latest version of ui builder?
Exactly what I want