This project is a web design project that will be run by our interns. They will be responsible for the design, development, and deployment of the project. The project will be built using Angular and will be hosted on Microsoft Azure. The project will be a single page application that will be used to showcase the iEXCEL Model applied to web design.
Applied to web design, the iEXCEL Model is a process that can be used to implement experiential learning and improve human effectiveness and performance in any industry. The project will be built using our reusable templates models and will be a great example of how to use the design system.
This internship for the iEXCEL intern was designed to focus on a delivering a working, tested, and functional piece of software by the end of the internship. Jesse and I worked collaboratively to create technical design documents, include stakeholder feedback and requirements, and build a meaningful product, as well as something to include in a portfolio.
The team utilizes cloud infrastructure that represents the cutting edge of technology solutions. The intern was able to use these services for web hosting, image content delivery, code repository, and much more.
Project Design UI/UX Image CDN Cloud Hosted Analytics Graph Design Instructional Design Wire-framing SEO
Angular Material Angular Bootstrap Azure Static Web Apps Azure Insights CI/CD Pipeline
The Scott's Scholars Program is a prestigious scholarship and mentorship initiative established by the Suzanne & Walter Scott Foundation to support high-achieving students in Nebraska pursuing degrees in STEM fields (Science, Technology, Engineering, and Mathematics).
The program provides financial assistance for college tuition, but goes beyond simply offering funds. Scott's Scholars receive comprehensive support including:
Our internship program partners with Scott's Scholars to provide real-world experience in technology development and implementation within the healthcare and education sectors.
Scott's Scholars who intern with our team gain valuable experience:
Interns work through all phases of software development from initial concept to deployment.
Experience with modern frameworks, cloud services, and professional development workflows.
Creation of applications that address real needs in healthcare education and training.
The first project was to create a website that utilized experiential learning in web design, and convey how iEXCEL is transformative in delivering experiential learning opportunities. Our intern created a lesson plan using experiential learning, built a project around this lesson plan and then applied all of these skills to building a web based solution.
Learning Objectives: After using the web-app, users will be able to define the concept of experiential learning. And after using the web-app, users will be able to implement experiential learning principles in their respective contexts.
iEXCEL intern project providing a real-world developer experience utilizing the software development lifecycle & coding best practices
<div class="interactive"> <button (click)="toggleView()"> Experience It </button> <div *ngIf="isActive" class="content"> <app-simulation></app-simulation> </div> </div>
Interactive web elements transform passive browsing into active learning experiences by engaging users through:
Applying experiential learning principles to web design creates more effective educational websites by:
Interactive code editors that allow users to modify code samples and see results instantly, providing immediate feedback on their experimentation.
Tools that let users manipulate layout, color, and typography in real-time to understand design principles through hands-on exploration.
Interactive diagrams that respond to user input, demonstrating how various components work together in systems or workflows.
Users spend 60% more time on interactive pages compared to static content, increasing knowledge absorption and retention.
Interactive elements help users build mental models of complex concepts by allowing them to see cause and effect relationships directly.
Skills learned through interactive web experiences are more easily applied to real-world situations.
Interactive web designs can adapt to user preferences and learning pace, providing a customized educational experience.
Experiential Learning is the process of learning by doing. Something's like web design & coding you just cant learn by seeing it being done or reading about it. You have to actually code in order to learn to code.
EXCEL's mission is to improve human performance by utilizing experiential learning. By engaging our community, colleges, medical students & others in hands-on experiences and reflection, iEXCEL is better able to connect the knowledge learned in a classroom to real-world situations improving human performance.
Experiential web design is a user-centered approach to web design that focuses on creating immersive and engaging experiences for website visitors. It goes beyond traditional web design principles and involves the use of interactive and multimedia elements such as animations, videos, and sound effects to create a more dynamic and interactive website. Experiential web design takes into consideration the user's emotions, senses, and behaviors to create a more personalized and memorable experience.
Designing a web app involves a lot of planning, research, and collaboration between designers, developers, and stakeholders. Throughout the design process, designers must work closely with developers to ensure that the design can be implemented efficiently and effectively. Usability testing and user feedback are also critical to the design process, as they help to identify areas for improvement.
Storyboarding a web app involves creating a visual representation of the user's journey through the app. It is an essential tool for web app designers as it helps to identify and define the key screens and interactions within the app. The storyboard typically includes a sequence of sketches or wireframes that represent each screen of the app and the user's interactions with it. This process helps designers to visualize and refine the flow of the app.
Content creation in web app development is an essential aspect that plays a significant role in creating a successful web application. It involves the creation and curation of existing content, such as text, images, 3D assets, videos, and infographics, that are informative, engaging, and relevant to the users. The content is created to attract the target audience and keep them engaged with the application.