Hanseol Green IoT Monitoring System Web Design & Publishing

Portfolio Introduction

At Hanseol Green Co., Ltd., we developed a monitoring and automation web platform based on IoT sensors essential for plant management and landscaping. This project is an innovative solution designed to monitor the state of plants in real time and take appropriate actions when necessary. We were responsible for the design and publishing of this web platform, maximizing user experience and ensuring that information visualization was clear and easily understandable for users.

Scope of Work

This project encompassed the following scope of work:

1. Requirement Gathering: Thoroughly analyzing client requirements to set the direction for the project.
2. Storyboard Creation: Creating storyboards that visually represent the overall flow and structure of the web platform, laying the foundation for design and development.
3. Design: Using Adobe Photoshop and Adobe Illustrator to create intuitive and visually appealing designs.
4. Publishing: Building the website using HTML5, CSS3, JavaScript, and jQuery, and performing publishing tasks to ensure optimal performance across various browsers and devices.

Key Features

Our IoT monitoring system web platform boasts several key features:

1. Real-time Data Monitoring: Monitoring data collected by IoT sensors in real time, allowing users to immediately check the status of plants.
2. Various Chart Technologies: Applying various chart technologies to visually represent data, making it easy for users to analyze and understand the information.
3. Automation Features: Integrating features that perform landscaping management tasks automatically when certain conditions are met, enhancing management efficiency.
4. Alert System: Providing immediate alerts in case of abnormal situations, enabling users to respond quickly.
5. User-friendly Interface: Designing an intuitive and easy-to-use interface so that anyone can effortlessly utilize the system.

Technologies Used

The following technologies were used in this project:

Frontend:

• HTML5: Constructing the structure of web pages in compliance with the latest HTML standards.
• CSS3: Implementing styling and responsive web design using the latest CSS standards.
• JavaScript: Utilizing JavaScript to implement various interactive features.
• jQuery: Enhancing code efficiency and productivity with the JavaScript library jQuery.

Design:

• Adobe Photoshop: Creating the overall layout and graphic elements of the web design.
• Adobe Illustrator: Producing vector graphic designs for icons and other visual elements.

Project Outcome

This project was successfully completed by faithfully reflecting the requirements of Hanseol Green Co., Ltd. By providing a web platform capable of monitoring and efficiently managing various data necessary for plant management in real time, we supported users in performing landscaping management more conveniently and effectively. Furthermore, we plan to continuously update and improve the platform based on user feedback.

Conclusion

The IoT-based plant management and landscaping automation web platform project stands as a successful case where technology and design harmonize. Through this project with Hanseol Green Co., Ltd., we have presented the future of smart landscaping management. We will continue to strive to provide innovative solutions that meet customer needs.