forked from ankit071105/SmartBloom
-
Notifications
You must be signed in to change notification settings - Fork 0
/
main_Changed.html
257 lines (237 loc) · 16.7 KB
/
main_Changed.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SmartBloom - IoT Automated Pollination for Vertical Farming</title>
<meta name="description" content="SmartBloom is an IoT-driven automated pollination system designed for vertical farming. It uses robotics, computer vision, and 5G technology to enhance crop yields through precise and efficient pollination.">
<meta name="keywords" content="SmartBloom, IoT, automated pollination, vertical farming, robotics, computer vision, ESP32 camera, sustainable agriculture, precision farming, 5G, pollination technology, smart agriculture, automated farming, pollination robots, AI in agriculture">
<link rel="shortcut icon" href="https://ideogram.ai/assets/progressive-image/balanced/response/HWLrJuT_TceNMi8_ru8V0g" type="image/x-icon">
<link rel="stylesheet" href="styles.css">
<script src="scripts.js" defer></script>
<link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'>
<style>
.video-container {
display: flex;
flex-direction: column;
align-items: center;
border: 2px solid #ccc;
padding: 20px;
background-color: #fff;
}
.controls {
margin-top: 10px;
}
button {
padding: 10px 15px;
margin: 5px;
font-size: 16px;
cursor: pointer;
background-color: #008cba;
color: white;
border: none;
border-radius: 5px;
}
button:hover {
background-color: #005f5f;
}
.containers {
padding: 20px;
background:aliceblue;
text-align: center;
}
.map-container {
margin: 20px 0;
height: 400px;
width: 100%;
}
iframe {
border: none;
width: 100%;
height: 100%;
border-radius: 20px;
}
.contact-links {
margin: 20px 0;
}
.contact-links a {
display: inline-block;
margin: 10px;
padding: 15px 30px;
text-decoration: none;
color: white;
background-color: #25D366;
border-radius: 5px;
}
.contact-links a.email-link {
background-color: #007BFF;
}
.portfolio .portfolio-container {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: center;
gap: 2.5rem;
}
</style>
</head>
<body>
<nav>
<div class="logo">
<h1>SmartBloom</h1>
</div>
<ul class="nav-links">
<li><a href="#home">Home</a></li>
<li><a href="#flowchart">Flowchart</a></li>
<li><a href="#features">Features</a></li>
<li><a href="#video">Video</a></li>
<li><a href="#usecase">Use Case</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
<div class="menu-toggle">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</nav>
<section id="home" class="hero">
<div class="hero-content">
<h2>SmartBloom</h2>
<p>SmartBloom is an innovative solution designed to automate and enhance the pollination process in vertical farming environments. By leveraging IoT technology and advanced robotics, SmartBloom ensures efficient, precise pollination, reducing the need for manual labor and increasing crop yield. Our system integrates real-time data collection, monitoring, and intelligent decision-making to optimize plant growth, making vertical farming more sustainable, scalable, and cost-effective. Join us in revolutionizing the future of urban agriculture with cutting-edge technology.</p>
<a href="#about" class="cta">Learn More</a>
</div>
<div class="hero-image">
<img src="robot.png" alt="SmartBloom Robot">
</div>
</section>
<div class="video-container" id="video">
<h2>Project Video</h2>
<video id="myVideo" width="640" height="360" controls>
<source src="1.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="controls">
<button id="rewindBtn"><i class='bx bx-rewind'></i>
</button>
<button id="playPauseBtn"><i class='bx bx-play'></i></button>
<button id="fastForwardBtn"><i class='bx bx-fast-forward'></i>
</i></button>
</div>
</div>
<section id="features">
<div class="container">
<h2>Key Features</h2>
<div class="features-grid">
<div class="feature">
<h3>Automated Flower Detection and Pollination</h3>
<p>SmartBloom utilizes an ESP32 camera module to autonomously identify flowering plants within vertical farming systems. The integration of computer vision algorithms ensures high accuracy in flower detection, allowing the robotic car to navigate through rows of plants and stop at each flower. Once a flower is identified, a brush mechanism extends to simulate natural pollination. This automation drastically reduces the need for human intervention, streamlining the pollination process and enhancing efficiency. As a result, crops can receive the necessary pollination consistently, leading to improved yields and healthier plants..</p>
</div>
<div class="feature">
<h3>Scalability and Adaptability</h3>
<p>Designed to fit a variety of vertical farming configurations, SmartBloom’s robotic car can be easily scaled up or down based on the specific needs of the farm. Whether it’s a small indoor garden or a large commercial vertical farm, the system can adapt to different environments. Its modular design allows for easy upgrades and integration with additional IoT devices, such as climate sensors and nutrient monitoring systems. This adaptability ensures that SmartBloom can cater to the evolving demands of modern agriculture while maximizing efficiency and output in diverse settings.</p>
</div>
<div class="feature">
<h3>5G Connectivity for Real-Time Data Processing</h3>
<p>SmartBloom leverages the power of 5G technology, providing ultra-low latency and high data transfer rates essential for real-time operations. This connectivity allows the system to process large volumes of data quickly, ensuring that flower detection, navigation, and pollination actions happen almost instantaneously. The ability to connect multiple IoT devices within the farming environment ensures seamless communication and coordination between sensors, cameras, and robotic components. As a result, SmartBloom can respond promptly to changing environmental conditions, optimizing pollination strategies and improving overall farm productivity..</p>
</div>
<div class="feature">
<h3>Eco-friendly and Scalable</h3>
<p>SmartBloom leverages the power of 5G technology, providing ultra-low latency and high data transfer rates essential for real-time operations. This connectivity allows the system to process large volumes of data quickly, ensuring that flower detection, navigation, and pollination actions happen almost instantaneously. The ability to connect multiple IoT devices within the farming environment ensures seamless communication and coordination between sensors, cameras, and robotic components. As a result, SmartBloom can respond promptly to changing environmental conditions, optimizing pollination strategies and improving overall farm productivity.</p>
</div>
<div class="feature">
<h3>
Sustainability and Resource Optimization
</h3>
<p>
By automating the pollination process, SmartBloom contributes to sustainable farming practices by reducing reliance on chemical pollinators and minimizing resource waste. The system utilizes precision agriculture techniques, ensuring that resources such as water, nutrients, and energy are used efficiently. Real-time data collection from various IoT sensors helps to monitor the health of plants, allowing for timely interventions and reducing overall waste. This commitment to sustainability not only enhances crop yield but also supports eco-friendly farming methods, aligning with global efforts to promote environmental conservation.
</p>
</div>
<div class="feature">
<h3>
User-Friendly Interface and Monitoring System
</h3>
<p>
SmartBloom features an intuitive user interface that allows farmers to monitor the status of the robotic car and track pollination progress in real time. The system can provide detailed analytics on flower detection rates, pollination efficiency, and overall crop health. Users can easily adjust parameters, schedule pollination sessions, and receive notifications about system performance. This accessibility empowers farmers to make informed decisions, ensuring that they can maximize their crop yields while minimizing labor costs and optimizing operational efficiency in their vertical farming setups.
</p>
</div>
</div>
</div>
</section>
<section id="flowchart">
<h1>SmartBloom Project Flowchart</h1>
<div class="flowchart-container">
<div class="flow-step">
<h3>Sensor Initialization</h3>
<p>IoT sensors monitor environmental parameters like humidity, temperature, and plant growth stages.</p>
</div>
<div class="arrow">→<br><span>Collects Data</span></div>
<div class="flow-step">
<h3>Data Collection</h3>
<p>Real-time environmental data is collected from the sensors placed near plants.</p>
</div>
<div class="arrow">→<br><span>Transmits Data</span></div>
<div class="flow-step">
<h3>Data Transmission</h3>
<p>Data from sensors is sent to the cloud for further processing and analysis.</p>
</div>
<div class="arrow-down" style="color: aliceblue;">↓<br><span style="color: aliceblue;">Triggers Pollination</span></div>
<div class="flow-step">
<h3>Pollination Trigger</h3>
<p>AI analyzes the data and triggers robotic pollination based on environmental conditions.</p>
</div>
<div class="arrow">→<br><span>Starts Robotic Pollination</span></div>
<div class="flow-step">
<h3>Robotic Pollination</h3>
<p>Autonomous robots equipped with pollination tools are deployed to pollinate the plants.</p>
</div>
<div class="arrow-down" style="color: aliceblue;">↓<br><span style="color: aliceblue;">Generates Logs</span></div>
<div class="flow-step">
<h3>Data Logging & Reporting</h3>
<p>Logs and reports are generated to track data trends, pollination success, and growth improvements.</p>
</div>
</div>
</section>
<section id="usecase">
<div class="container">
<h2>SmartBloom as a 5G Use Case</h2>
<p>
SmartBloom exemplifies the transformative potential of 5G technology in the agricultural sector, particularly in the context of vertical farming. The integration of 5G connectivity into SmartBloom enables real-time data processing, remote monitoring, and seamless communication between various components of the system. This use case highlights the numerous benefits that 5G brings to modern agriculture, ultimately leading to improved productivity, efficiency, and sustainability.
<br><br>
One of the standout features of SmartBloom is its ability to leverage 5G’s ultra-low latency to execute real-time decisions in pollination. The system incorporates an ESP32 camera module that uses advanced computer vision algorithms to detect flowering plants autonomously. With 5G connectivity, the data from the camera is transmitted instantly to the central processing unit, allowing for immediate analysis and action. This rapid communication means that the robotic car can navigate to identified flowers without delay, extending its pollination mechanism precisely when and where it’s needed.
<br><br>
Additionally, SmartBloom benefits from high-speed data transfer rates provided by 5G, enabling the integration of multiple IoT devices. These devices can include environmental sensors that monitor temperature, humidity, and soil moisture levels in real time. By collecting and analyzing this data swiftly, SmartBloom can adapt its operations based on current conditions, ensuring optimal pollination timing and improving overall crop health. This adaptability is crucial for maximizing yield in vertical farming systems, which often rely on precise environmental control.
Furthermore, the scalability of SmartBloom’s design is enhanced by 5G technology. As farms expand, the system can easily integrate additional sensors and robotic units without compromising performance. The robust connectivity offered by 5G ensures that all components of the SmartBloom system can communicate effectively, even in large-scale operations. This flexibility is essential for modern agriculture, where farms are increasingly utilizing smart technologies to optimize operations.
<br><br>
The environmental impact of SmartBloom is also significant. By automating the pollination process, the reliance on chemical pollinators is minimized, promoting sustainable farming practices. The real-time monitoring capabilities facilitated by 5G help farmers make informed decisions about resource allocation, further reducing waste and environmental footprint.
In summary, SmartBloom serves as an excellent use case for 5G technology in agriculture. By enabling real-time data processing, enhancing system scalability, and promoting sustainable practices, SmartBloom exemplifies how 5G can revolutionize vertical farming, paving the way for smarter, more efficient, and environmentally friendly agricultural practices.
</p>
</div>
</section>
<div class="containers">
<h1 style="font-size: 3rem; color: rgb(71, 30, 100);">Connect With Us</h1>
<div class="map-container">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d126915.40242030277!2d85.7892607!3d20.2498709!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3a19a7a3b9692fff%3A0x87cd0a356bbc39ce!2sITER%2C%20Siksha%20'O'%20Anusandhan!5e0!3m2!1sen!2sin!4v1689514124518!5m2!1sen!2sin"
allowfullscreen>
</iframe>
</div>
<div class="contact-links">
<a href="mailto:[email protected]" class="email-link">Email Us</a>
<a href="https://wa.me/919031358194" target="_blank">Chat on WhatsApp</a>
</div>
</div>
<footer style="display: flex ; justify-content: left; margin-left: 0.1%; background: linear-gradient(135deg, #007acc, #00cc99);" >
<div>
<p>© 2024 SmartBloom | Designed By Smart Bloom Team </p>
</div>
<div style="margin-left: 15px ;border-radius: 100%;background-color: #a4eef2;padding: 10px;margin-top: -8px;">
<a href="#home" style="font-size: 1.5rem 0.5rem; margin-right: 10%;"><i class='bx bx-up-arrow-alt'></i></a>
</div>
<form class="feedback-form" action="#" method="POST" style="justify-content: center;margin-left: 620px; border-radius:140%;"></form>
<input type="text" name="feedback" placeholder="Your feedback...">
<input type="submit" value="Submit">
</form>
</footer>
<script src="scripts.js"></script>
<script src="script.js"></script>
</body>
</html>