Making UI on Crowpanel HMI ESP32 Display | Giveaway
HTML-код
- Опубликовано: 10 июл 2024
- This video is about creating our own User Interface using SquareLine Studio from completely scratch. And I have show that by creating a UI for Collecting Payment via UPI.
I have also discussed my upcoming project plan using this concept so watch this video till the end and learn something new..
You can support me🙏🏻 and also get benefitted on Patreon :- / techiesms
__________________________________________________________
👨🏻💻 Display Purchase Links 👨🏻💻
All CrowPanel displays: www.elecrow.com/display/esp-h...
CrowPanel 5'' display: www.elecrow.com/esp32-display...
__________________________________________________________
👨🏻💻 Important Links 👨🏻💻
Boards Package Link - raw.githubusercontent.com/esp...
Product Purchase Link - www.elecrow.com/esp32-display...
5inch Display Documentation Page - www.elecrow.com/wiki/esp32-di...
Demo Code used in this video - github.com/Elecrow-RD/CrowPan...
Square Line Studio Download page - squareline.io
Series of 3 episodes to understand UPI payment data using ESP32 - • WebHooks For IOT projects
__________________________________________________________
Buy the components for your projects and support techiesms💡🔌
ESP32 Dev board - www.techiesms.com/product/esp...
Seeed Studio XIAO ESP32C3 - www.techiesms.com/product/see...
and many more such components are available at www.techiesms.com
__________________________________________________________
⏱ Time Stamps ⏱
00:00 Introduction
00:41 Unboxing
01:06 Specifications
01:56 Setting up Arduino IDE to Program this display
03:42 Testing First Demo Code on our display
04:31 Testing First Demo Code
05:02 About SquareLine Studio
05:24 Downloading Square Line Studio
05:34 Setting up Square Line Studio for our display
06:38 Adding Background Image on Screen in Square Line Studio
07:30 Adding Button in Square Line Studio
09:20 Adding another screen in Square Line Studio
09:41 Adding Event to Button in Square Line Studio
10:31 Testing our UI in Square Line Studio itself (Play Mode)
10:53 Adding Image in Screen 2
11:26 Adding Spinner Widget in Square Line Studio
11:36 Adding Text Label in Square Line Studio
12:12 Adding Secondary Image on Screen 2
13:01 Testing final UI in Square Line Studio
13:24 Exporting UI Files in Square Line Studio
14:33 How to use UI files in Arduino IDE
16:10 Testing the Code without doing any modifications
17:06 Modifying code to Display Payment
20:23 Testing the complete project
20:51 My upcoming project
21:56 Giveaway Participation steps
__________________________________________________________
🎥 🎙 My Video Gear 🎙🎥
Camera - Canon 750d
Lens - 50mm f/1.8 STM Lens (amzn.to/32gqnsi), 24mm f/2.6
Key Light - Godox SL60W (amzn.to/3522mHe)
Fill Light/Back Light - Osaka Lightning Setup (amzn.to/2I5cdDi)
Tripod - amzn.to/3uNhC4H
Microphone - Zoom H1N(amzn.to/3Osh12A)
Editing - Final Cut Pro X on MacBook Pro ( amzn.to/3vHcSyJ )
__________________________________________________________
Get connected with techiesms everywhere..
Subscribe Main Channel :- bit.ly/techiesms_youtube
Subscribe Shorts Channel :- bit.ly/techiesms_shorts
Facebook :- / techiesms
Twitter :- / imtechiesms
Instagram :- / techiesms
Website :- www.techiesms.com
Telegram - @techiesms
__________________________________________________________
techiesms
explore | learn | share 
Наука
We absolutely love your videos! Keep up the amazing work and looking forward to more content from you. :)
Thanks
Also loved your square line studio totally
Good job team 🫡
so my idea is quite simple we can use this display for certain purpose like building an user friendly ai the works like an assistant for some creators who build some creative projects moreover we can add esp32 cam board to make it more interactive. since this is an development board we can make an AGI Beta model that is nearly made with some people tracking sensors and automation
this could be an revolution in making ai easier instead of using complex system ..Hence i would be able to make an AI system that can interact with people like alexa does but with some features that we do to interact (aka like terminator jk ) thank you
Also thanks for all these videos you've beenaking right now that's how I go through and improve upon my project ideas, it's even helped during my sophomore year when I was new to all this stuff, great work man
Smart Conference Room Scheduler: Create a scheduling system for conference rooms, with the ESP32 display showing current bookings, available time slots, and the ability to book or cancel reservations via integration with calendar services like Google Calendar.
In our college canteen we have a token based system, means the customers have to go to the lady and after paying her the amount she provides the food coupon with the Amount printed on it. So if it is possible to make a food coupon vending machine where after successful payment the machine should print the amount on a paper. This will decrease the amount of gathering and rush occurred during the lunch break.
Uptime monitoring system. Which monitors all my websites, online presence, my digital footprints etc., and update me in real-time without any delay. This is really useful for every maker out there in makerspace and every content creator ✨
If I have this display then I will change my normal electric scooter with smart features (like OLA's features) I will stick this display on my scooter's analog meter, and then I will make UI in squareLine studio where I can see everything, Map, speed, time ... and also I want to make like , I can unlock, lock my scooter using this Display phone(using esp32)
I think you need to add some kind of GSM module with it as it will not have 4G/ 5G connection or you have to connect it to you mobile hotspot.
Again I think for this type of feature I think SBC like raspberry pi is better not ESP32.
I hope I am right.
@arijitghosh8292 Yes thank you for your opinion, by the way, I am also thinking that I can add a GSM module using which I can archive lots of things like Alert messages, location, etc..
So this is a good idea.
But now i have not Rasberry and it is costly so that's why i want to use esp32 and Arduino uno
@arijitghosh8292 By the way, I am thinking about this project and hope I can do this 😅.
But I will try even through i fail...
Oh, a good idea to make you a normal EV to make a smart EV...
If you have this display then you can do like lock and unlock your EV using a password or patterns..
@@harshil1525Brother I was also thinking the same thing. If it is possible using these setup. Then I'll definitely try this out. And I'll let you know if I accomplish this project.
Want to buy these amazing displays from Elecrow? Well submit your inquiries and we will help you import it directly from manufacturer-techiesms.com/?ff_landing=4
Waiter Bot for hotels in which it will go the customers via line following robot along with a stop for each table(it will be also equipped with automatic obstacle avoiding system). The manager sees a waiting customer and sends the bot to that table via a phone app. The customer places an order from an interactive touchscreen of our Crowpanel. And the bot takes the order and uploads the data of the order along with the order note(if any) and uploads it into the web server. Where it will be informed to the cooks or chefs again with a specially dedicated app for them. If I would win this giveaway, I'm sure I can develop this because I have all the components required for this except the Crowpanel. Also due to the Crowpanel's simplistic UI designing it would be obviously easy and also as I'm an app developer, it would be easy for me to develop dedicated apps for all these.
I this this display is best for Smart Home Automation projects. I am currently working on it. Using this display we can add password protection system in our Smart Home Automation so that if we don't want anyone else to access our smart home we can do so. Also I am experimenting on facial recognition using cheap camera modules. Hopefully this display will help me in my experiment.
I ll attach this display to my main room in my house so I can controll all the smart iot devices from single place.
I am doing research on water quality, and developing some inhouse sensor for iron and arsenic detection along with pathogens detection, also using market available sensors, to build a comprehensive in-line real time system. With this display I can give my project a modern looking interface for users, currently i am using LCD displays and buttons. I am continuously developing the overall systems.
Thanks for this video. I am planning a home power consumption dashboard. This screen would be perfect.
By the way I would also love having square line studio course serie from beginner to more advanced!
I will use for home automation with home assistant with own gui costom ❤
This is helpful for reasearch work for studies . I am doing development updating skill .
Conference and Event Check-In System: Implement a check-in system for conferences and events where attendees can check-in using QR codes or NFC, and view event schedules and information on the ESP32 display.
I will use this display as controle pannel for other projects✨
I just received my 5 inch hmi and watched the first two lessons on their youtube. I think my module is defective. I did the same steps as you did in your video. one thing I noticed from a few other youtubers who reviewed this exact module is they plugged in the unit just to power it up and the Ellen Smith picture should show up. You showed this screen shot at the 1:10 mark. Everyone should do that step first to see if the module actually has the factory setting working. Mine didn't and I wasted a bunch of time trying to get it working with back and forth messages to elecrow both on their forum and emails when I try to get a replacement module. The one other thing i would suggest is actually show the upload with how the boot and reset button have to be pushed in the correct order. overall your video is way better than their videos on their course. Maybe someday they will give me a replacement!! PITAC (Pain In The Ass Company)
I want to use this display to display the parking spots for mobility, it will show the position of each parking spots around your current position, which will help the mobility community to be treated equally, and make awareness to public
Home Automation Control Panel: Develop a control panel for managing home automation systems, including lighting, heating, security, and entertainment systems. Use the ESP32 display for intuitive control and status monitoring.
I will be using this display for upi payments in my mother shop.
Which make easy to know the payment recieved by customers.
This can be used to make a point of sale pos machine by connecting it to an esp cam whuch can scan qr codes ot different items and show the bill and payment qr code along with the normal soundbox features
Appreciated excelent cool , I would use it for my idea is to see cell phone on the monitor
Currently working on a humanoid robot , which have different feature like offline home automation, medicinal assistant for old/uneducated people/ and more
This display can be used to interact and select option with the robot
Placed on the chest
Amazing tutorial ❤
Smart Thermostat Interface: Develop a smart thermostat with a user interface on the ESP32 display to control temperature settings, schedules, and view energy usage. Integrate with existing HVAC systems.
Do people realize that modules running Android 12 equipped with an ARM SoC with 10x the clock rate, an FHD resistive touch screen, a battery, and half the thickness are available for the same price as this device?
How about compatibility with sensors? Also isn't Android coding more difficult than Arduino ? plus the OS keeps killing long running apps to save battery.
Android? Not at all possible
@@fatalshot Android Embedded. Very well possible.
I'm also researching about how to build a upi based vending machine😂 Thank god i got you.
a display that is present on the restaurant tables where the customer can select the menu items themselves by looking at the options and once he confirms the order that will directly go to the restaurant kitchen and then upi payment
home automation, i would use the display for home automation to show the home status like showing the temp humidity or some recent news but for also for my pets like turning off or on the fan for them according to the temprature and a fully fledged homesafety system combined with vc 02 for voice control as well and also embedd chat gpt api in it (if possible) and i will try to make it wireless and portable.
If I win this display I will build a smart-home UI for my final year engineering project using all the knowledge you've shared. Fingers crossed🤞😅
auto chay making mechine with this display ❤
can be used as a screen for smart video doorbell, so along with doorbell screen it can be use as a smart home assistance screen
Even, I even want to make a vending machine with this sort of useful product.
Great work
🎉🎉🎉
I may use this for develop smart green house and I would use this display as console for monitor sensor readings, change settings, and etc.
wonderful video! i am a student from ph and i am planning to make a kiosk type vitalsigns collecting device which automates the collection of the height,weight,heart rate, and body temperature of each student since every school year schools conduct a mandatory health data collection so this project can help to make this collection more efficient and i find the Crowpanel HMI ESP32 Display very usable for the interface of this project thankyou
make my home smart with this display 😀
Really good video,
If i get to chance then I'll make the industrial based system visualization many SCADA Computer are doing that job but using this display I'll try to make SCADA Dashboard...
Outstanding funniest manuality
If i winning this giveaway i want to make "Home Energy Monitor"
Build a system to monitor and display home energy consumption in real-time. This can help in identifying high energy-consuming devices and promoting energy-saving habits.
features are Real-time energy usage, cost estimation, historical usage trends, and alerts for unusual consumption patterns.etc.
components are needed ELECROW ESP32 display, energy monitoring sensors (PZEM-004T, CT clamps), contactor or relay, Wi-Fi module for data transmission.
and also interested for Developing a dynamic QR code payment terminal that can generate QR codes for different transaction amount on the fly.
I made my own bluetooth based HMI display by using this display, and in that when we select particular machine No. which is present in industries so after selecting the particular No we can access all the machine data on that HMI display. I is usefull for company manager or any co-ordinator. they can see the all machines data when they want without going at front of machine. but one device also i am creating to get data from PLC and sent it to cloud or to bluetooth Master because of that the master can send the data to this my OWN created HMI display standalone.
Would be complete if full payment gateway system along with a cash payment collection system could be added as version 2.
Smart weather station along with AI and IoT
I have the Idea to use it to display controls for a farming project that will integrate Ai systems to automatically set perfect conditions for various crops and also record weather to get the best suited for high yield
a smart display project.
I want to use the bioamp EXG pill to record EMG signals, I can use this as a hub and connect a battery powered esp32 with the EXG pill to my body, using esp now I can then share the data to the display and visualise it real time, the display's touch screen would mean I won't need any buttons in this setup to start and stop recording, with the inbuilt sd card reader I can save the data for further analysis as well. The project's overall goal is to understand EMG data better and real time in the gym, with that I would like to create a workout set quality parameter, this can be later adopeted to future smart watchs.
With the help of this display, i will use display with an Raspberry pi pico connected via UART to create a Steam Deck alternative to send Macro Commands to execute Keyboard commands on computer or control the home automation scenes for home assistant. Using the SPI communication, the device can also control the brightness using an ambient light sensor.
This can be used to make a desk display where it will show all the new emails calendar reminders smarthome controls all at one place without having to check the phone
Digital Signage System: Display dynamic advertisements, information, and announcements in public places like malls, schools, or offices.
I will use this display for smart solar charge controller to monitor solar & battery health parameters ....
Thank you for this great tutorial. I would also be interested in the dynamic QR code features! Also, once payment is made the panel should be able to send pulses in order to activate the vending machine. How would one use the IO's on the panel to achieve this. Or better yet... include MiFare to read a card, validate funds and process the vend transaction as an additional payment method.
Great Project. My project idea is for Home automation system
With this display we can make a versatile home automation project which will include different communication protocols and mmwave sensors
IoT-based Agriculture Monitoring System || Create a monitoring system for small-scale agriculture that tracks soil moisture, temperature, humidity, and other vital parameters. The display can provide real-time data and alerts for optimal farming practices.
Weather Station Dashboard:- Develop a weather station that displays real-time weather data such as temperature, humidity, atmospheric pressure, and forecasts. The display can show graphs and alerts for severe weather conditions.
Healthcare Information Kiosk: Create an information kiosk for hospitals or clinics that provides patients with information about services, doctor availability, and health tips. Use the ESP32 display for an interactive and user-friendly interface.🎉🎉🎉
I will make a digital photo frame using this display that will also feature Gmail and message notification. It also will display date, time and weather reports.
Nice idea for learning projects
Hì
Great work..
Smart Home Control Panel:
Create a centralized control panel for your smart home devices. Use the display to show and control lights, thermostat, security cameras, door locks, and other smart home gadgets. touchscreen interface for easy navigation, real-time status updates, integration with popular smart home platforms like Google Home, Alexa Siri, and customizable themes.
Congratulations 🎉
You are selected as the winner of this giveaway contest
Kindly mail us on techiesms@gmail.com with this same account through which you commented
@@techiesms Wow, I can't believe it! Thank you so much for selecting me as the winner of this giveaway contest! I'm incredibly excited and grateful for this opportunity. Your content has always been amazing, and this just makes it even more special. Thank you again, Techiesms! 🎉
This display can be of great use to my 3d print farm. Where I can monitor my status of other 3d printer. Hope to win.
A fully dynamic Home Automation & Safety System with accident alert and intruder alarm.
Im going to make web based responsive application that will control and monitor the industrial field equipment using IIoT cloud based system. For that I really need t this TFT display G.
I would use this module as rc car joy stick
I will make "control my home" above display
If i won i will definately try to make home automation project
.
If i won this 7" Inch Display from Elecrow, then i will make Recipe Book and Kitchen Assistant with Square Line Studio. Create an interactive recipe book that can display recipes, step-by-step cooking instructions, and even timers. Integrate voice control for hands-free operation while cooking.
I am creating a laptop with pi 5 but with the designe of asus zephyrus which contain one main screen and one half screen in keyboard area so this will help me create the screen for keyboard area
As This Display Looks Cool But Limited , I will try to Design UI with Flutter Framework For Such a Display ,
Making a flipper zero clone with touch display😎
How to make the above with Esp32 l-C3-Box? Is it possible?
So if I win this display I put in my store for for payment received so I am in us people are using debit and credit card so I make for that thank you for receiving payment it’s unique content for us.
If I gets the display , I am planning to keep it on a robot model which I am going to make and use it as a interactive panel with some details of the robot and some other.
As I am a ECE student I want to automate device around me and trying to build a complete dashboard for home automation which uses wireless communication (i.e. ESPNow) protocols. And I want to build the own dashboard like the web dashboard, ofline dashboard(which is this esp32s3 HMI display) and ofline voice assistant(which is Ai-Thinker VC-02-Kit).As I taken as my final year project.
I can use it for smart display at the office desk
If I get It I'll be making a Macro KeyPad for Computer.
I want to make a arbitary signal generator where the signal of any arbitary shape can be drawn on the display and can be generated periodically
sir in ar with IOT project the get request is not working .it is saying the site can't be reached i tried multiple times it is saying same
Would like to make a dashboard for home assistant with all stats, home power consumption, overhead water level, also how much LPG cylinder usage.
I want to make a IOT home automation project using this display ❤
Please make a video on nextion hmi...with esp32
hi nice explanation i like giveaways
east or west techeisms is the best
Techeisms i am very exited for giveaway
i have also send this video to 10 people
they also subscribed the channel
I will be creating a Mini kiosk system. Does this display provide warrenty?
I will make a add this display and make a humniod robot for an interface
Code is going to 404 Page not found. What is the payment gateway used?
The display using a smart shopping
I will be creating a upi based tocken system in hospital and clinic
I will make my own secure smartphone and monitor and my all project with this. Then make some automatic bill counter.some ai assistance in this.
Smart vending machine
Dr. Jai Shankar's post should be constant.
I want to make an radio receiver and find the frequency of any RF modules
I need this for
I make home assistant dashboard to control home appliance😊😊
I will make a like ola display for my e scooter
I would like to create control panel for my IOT based home automation with this display
I will make a waiter robot that will use computer vision with raspberry pi to detect customer and move to the customer and use this display to show the menu and take order accordingly and even utilize this to receive payments respectively from the customer.
I am creating a DIY WALL-E robot using a Raspberry Pi and I wanted to add a touch screen display to it's body. This would be the perfect solution for me. Hope I win the giveaway!
I will make iot remote for home automation
I will make assistant for cantrol my iot device
I want this display to make water ATM (water vending machine)
I am using this display for my college project, where I want to make a waste segregation sorting machine for the college.