Cloud Computing Networking is an interactive hotspot activity designed to help learners explore the components of a cloud networking architecture through guided discovery. Rather than presenting information in a static diagram, the experience encourages learners to actively engage with the network model by selecting hotspots to reveal detailed explanations of key infrastructure components and their roles within the system.
Instructional Multimedia Specialist
As the designer and developer for this project, I transformed instructional content into an interactive visual learning experience. Working from content developed in collaboration with a Media Lead and Subject Matter Expert (SME), I designed and built the learner-facing interface, interactions, and multimedia elements while ensuring alignment with institutional standards and accessibility requirements.
Cloud networking concepts often involve complex systems and relationships that can be difficult for learners to visualize. The challenge was to present technical information in a way that reduced cognitive overload while encouraging exploration and supporting learner comprehension.
To address this challenge, I designed a custom hotspot interaction centered around a visual representation of a cloud computing network. Learners can click designated hotspots throughout the architecture diagram to reveal contextual information about servers, applications, storage systems, gateways, routers, endpoints, and other network components.
Using HTML, CSS, JavaScript, and Adobe Creative Cloud, I developed the interactive experience, created the visual interface, and implemented the hotspot functionality. The design focused on helping learners connect abstract networking concepts to a clear visual model while maintaining a clean, intuitive user experience.
Throughout development, I adhered to institutional branding standards and internal team style guidelines to ensure consistency with the college's digital learning environment. Accessibility was also a core consideration, with attention given to keyboard navigation, color contrast, semantic structure, screen reader compatibility, and alternative methods of accessing content, including a downloadable PDF version of the activity.
The final product transformed a complex cloud networking diagram into an interactive learning tool that promotes active exploration and self-directed learning. By allowing learners to discover information within the visual architecture itself, the activity supports deeper understanding of networking concepts while creating a more engaging and accessible learning experience.
