Web-Based Tutorials

Web-based TutorialS

The following project demonstrates the instructional design processes involved in planning and developing an interactive web-based tutorial. This project uses Kemp's instructional design model, e-Learning, multimedia, and web design principles, and Bootstrap, HTML5, CSS, and JavaScript.

01 | Project Proposal

This project proposal defines and outlines the scope of the project, learner characteristics, project constraints, an initial prototype design, and HTML, CSS, and Javascript functionality.

Software: MS Word and PowerPoint

web_tutorial_project_proposal.pdf

02 | Design Document

After completing the project proposal, a design document was completed including a project flowchart and storyboards.

Software: Adobe Photoshop and MS PowerPoint

web_tutorial_design_doc.pdf

03 | Web-based Tutorial

This web-based tutorial was created using Bootstrap, HTML5, CSS, and Javascript to create a responsive, mobile friendly experience.

Software: MS PowerPoint, Adobe Photoshop, Audition, and Dreamweaver.

Google Sites

Report abuse