IST541 Final Project Storyboard

Joan Miller

Project Title: Using LOOM and EdPuzzle with Google Classroom to create a “flipped
classroom” model.

Objective: To inform instructors of two free online tools they can use to easily provide content
that students access outside of class for support and reinforcement.
After reviewing the website, instructors will be able to:
 Set up a Loom account and record a screencast with video.
 Set up an EdPuzzle account and alter existing video content to add audio notes,
interactive quizzes and comment features.
 Integrate EdPuzzle with Google Classroom.

Navigation: The navigation bar will have six tabs for six pages and will be made utilizing
Bootstrap components. The contents of each tab are outlined below.
HOME FLIP LOOM EDPUZZLE QUIZ RESOURCES

HOME: index.html
content ● Welcome screen
● Description of course

media ● A graphic depicting the use of multimedia in flipped classrooms

FLIP: flip.html
content ● What is a “flipped classroom” and flipped classroom best practices.
● Background information about the need for multimedia tools and
skills for flipping classroom content.

media ● “A 6-Step Guide to Flipping your Classroom” graphic I made with

image map/hotspot activity

interaction ● Hotspot activity will further educate learners about portions of the 6
steps.

LOOM: Loom.html
content ● What is Loom?
● Links to case studies for how teachers and students might use
Loom
● How to sign up for and use Loom

media ● Embed Loom tutorial video I made (using iFrames)

interaction ● Learner watches video

EDPUZZLE: edpuzzle.html
content ● What is EdPuzzle?
● How to sign up for an EdPuzzle account (and who can?)
● How to use EdPuzzle

media ● Video I made on how to use EdPuzzle (using iFrames)

● Video on how to integrate EdPuzzle with Google Classroom

interaction ● Bootstrap menu to toggle between the strategies

QUIZ: quiz.html
content ● Question about how students (in addition to teachers) can use Loom
● Question about the use of lectures in a flipped classroom

media ● Acquired web graphics

interaction ● Quiz with content changes using jQuery

RESOURCES: resources.html
content ● Additional information about multimedia use in flipped classrooms.
● Resources for other free multimedia tools teachers can use to flip
their classroom.

interaction ● Will use Bootstrap Accordion tables to separate links by type.