Scribd
Upload
25 views4 pages

21BPS1595 IOT Lab-6

The document discusses creating and submitting a web-based application form using Node-RED. It explains Node-RED as a visual programming tool, MQTT for communication, and HTML forms for user interaction. The procedure triggers Node-RED, arranges nodes, sets up an MQTT broker, and displays the output. The inference and result will demonstrate the successful integration of HTML forms with Node-RED through MQTT.

Uploaded by

yallsuckbruh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
25 views4 pages

21BPS1595 IOT Lab-6

The document discusses creating and submitting a web-based application form using Node-RED. It explains Node-RED as a visual programming tool, MQTT for communication, and HTML forms for user interaction. The procedure triggers Node-RED, arranges nodes, sets up an MQTT broker, and displays the output. The inference and result will demonstrate the successful integration of HTML forms with Node-RED through MQTT.

Uploaded by

yallsuckbruh
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Tanya

21BPS1595

Lab Assesment-6
Web Based Application (HTML) Form Creation &
Submission in Node-Red

Aim:
The primary objective of this practical experiment is to demonstrate the creation and submission of
a web-based application form using Node-RED. This experiment aims to showcase how Node-RED
can be employed to seamlessly integrate HTML forms, enabling users to interact with and submit
data through a web interface.

Theory:
1. Node-RED as a Visual Programming Tool:
• Node-RED provides a visual programming environment for IoT applications, allowing
users to create flows by connecting nodes.
• It is particularly well-suited for the rapid development of applications that involve
the processing of data from various sources.
2. MQTT for Communication:
• MQTT is a lightweight and efficient messaging protocol designed for low-bandwidth,
high-latency or unreliable networks, making it suitable for IoT applications.
• In this experiment, MQTT serves as the communication protocol between the web-
based application and Node-RED, enabling seamless data exchange.
3. HTML Forms for User Interaction:
• HTML forms provide a user-friendly way to collect data through a web-based
interface.
• The integration of HTML forms with Node-RED allows for the creation of dynamic,
interactive applications that can gather user input.

Procedure:
1. Trigger node red in cmd using node-red -v
2. http://127.0.0.1:1880/
3. Arrange nodes according to the flow and assign properties
4. Set up an MQTT broker or use an existing one.
5. Get the output on node-red dashboard.

Flow:

1
Properties:
Output:

Inference:
Upon completion of the experiment, the inference drawn will revolve around the successful
integration of HTML forms with Node-RED through MQTT. Insights will include the effectiveness of
Node-RED as a visual programming tool for IoT applications and the efficiency of MQTT in facilitating
communication between the web-based application and Node-RED.

Result:
The result of the experiment will manifest in a comprehensive report showcasing the creation and
successful submission of HTML forms through a web-based application integrated with Node-RED
and MQTT. The report will highlight the seamless communication and data exchange between the
user interface and the Node-RED flow, demonstrating the practicality and versatility of these
technologies in the context of IoT application development.

You might also like