The Digital Signage project utilizes HTML, CSS, and JavaScript to create a dynamic platform consisting of six distinct panes. It serves as a centralized hub for crucial information and announcements for DC staff and students, displaying the date and time, weather forecast, college news, announcements, as well as advertisements for products and local services. Employing a mix of graphics, text, motion graphics, and videos, the content is designed to be engaging and informative. The signage is integrated with a backend database, facilitating easy management and control through an admin site.
Digital signage development involves HTML/CSS for layout design, GSAP for motion graphics, JavaScript for database management, and Adobe Illustrator, Photoshop, and After Effects for creating YouTube videos.
The design process for digital signage begins with COMP Design, focusing on color scheme and layout. Next, the weather pane is developed with custom weather icons. Then, motion graphics are designed and produced to enhance visual appeal. Finally, YouTube videos are integrated, completing the dynamic and engaging digital display.
TThe COMP design shapes digital signage, setting its layout, colors, and visuals before coding. It's the blueprint for the user interface and the visual elements.
The weather pane features 18 distinct weather icons depicting various weather conditions, ensuring comprehensive forecast representation. Users can easily interpret forecasts at a glance, aided by intuitive visual cues. This array of icons enhances the pane's functionality, providing clear and concise weather information for effective planning and decision-making.
There are three videos embedded in the YoutUBE Pane...
The digital signage operates via the Back End Platform, utilizing SQL and PHP for control. Through a web-based Admin site, users can easily manage and update content, including weather updates, motion graphics, and YouTube videos, ensuring seamless customization and real-time information delivery.
