Interactives

Our goal is to enhance a Subject Matter Expert's content in a unique way that engages your users and allows multiple chances for knowledge retention and learning. If you have important information that you can't allow a student to miss out on, an interactive piece is a fantastic way to make it “stick”.

As you write your content, think about what main idea or information you would like students to take away from each section - usually every one to three pages of content. WebID can work with you to reinforce that information by creating an interactive Knowledge Test or Content Presentation (not to mention video, audio, and graphics). So, let's collaborate and come up with some winning ideas for your project!

Knowledge Test vs Content Presentation

So, what constitutes a Knowledge Test interactive vs. a Content Presentation interactive?

Think of it like this, a Knowledge Test is used to test knowledge or skill and a Content Presentation piece is mainly used to highlight an important bit of content in some way, perhaps visually isolating it in a box and having students interact with it in order to advance a short presentation.

You can “interact” with both, but ask yourself “Is there a right or wrong answer when I push this button?” If so, it's a Knowledge Test. If not, it's a Content Presentation.

Interactive: Jumbled Word

Description

The client needed a way to reinforce terms and definitions throughout a course. Rather than rely on a standard glossary, WebID created an engaging way to help students learn terminology. Our developers cooked up something special from scratch - a jumbled word game. Once programmed and templated, this solution was used throughout the course.

Interactive Purpose

Knowledge Test

Instructions

Use the clues to unscramble the terms and type your answer in the text-box.

Interactive: Calculator

Description

Our clients needed students to practice real-world calculations within the learning environment. WebID developers created calculators for students that reinforced concepts and skills they learned in each module. WebID delivered a custom solution that is specific to our client's industry.

Interactive Purpose

Knowledge Test

Instructions

Fill in the calculator blanks to advance.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Drag and Drop

Description

Drag and Drop is a versatile and fun form of interactivity. As you might imagine, Drag and Drop pieces can be custom programmed for a large variety of exercises - matching, sequencing, grouping, etc.

In this case, WebID made a custom Drag and Drop interactive piece to help students match terms and definitions. Once templated, this style of interactive piece was used throughout the course.

Interactive Purpose

Knowledge Test

Instructions

Match the terms with the correct definitions by dragging the green blocks to the appropriate dashed “outlines” so they lock into the grey spaces.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Drag and Drop

Description

For a Sun Perennials gardening course, WebID custom programmed a Drag and Drop piece to help students match plant names with their photos. Once templated, this style of interactive piece was used throughout the course.

Interactive Purpose

Knowledge Test

Instructions

Match the correct plant name to their photos by dragging the blocks of plant names to the appropriate plant photo.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Drag and Drop

Description

Drag and Drop can also be used in grouping and sorting exercises. For an accounting course, WebID made a custom Drag and Drop piece to help students learn which requests belong in which category.

Interactive Purpose

Knowledge Test

Instructions

Group the request items into the appropriate category by dragging them to the correct bin.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Drag and Drop

Description

This is an example of a sequencing style Drag and Drop. To help students learn the correct order of steps in an accounting procedure, WebID created a Drag and Drop piece that asks students to arrange the cycle correctly in order to procede.

Interactive Purpose

Knowledge Test

Instructions

Arrange the steps in the correct order by dragging the terms to the appropriate spaces.

Hint: the red lozenge 'need' goes in the upper most tan space.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Drag and Drop

Description

To reinforce accounting terminology and concepts WebID created a classic fill-in-the-blank style quiz using Drag and Drop functionality.

Interactive Purpose

Knowledge Test

Instructions

Fill in the blank by dragging the correct answer to the correct sentence. Once the sentence is highlighted, you can release the answer to make it stick.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Hangman Game

Description

For an accounting course, WebID was tasked with creating an engaging way for students to learn terms and definitions. WebID developers came up with a fun Hangman game to test student's knowledge.

Interactive Purpose

Knowledge Test

Instructions

Use the clues and click on the keyboard buttons to enter the correct terms.

Types of Accounts



 

Interactive: Sequence Quiz

Description

This is an example of a sequencing style Drag and Drop. To help students learn the correct order of steps in an accounting procedure, WebID created a Drag and Drop piece that asks students to arrange the steps correctly in order to procede.

Interactive Purpose

Knowledge Test

Instructions

Arrange the steps in the correct order by dragging them into place.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Hotspot

Description

A hotspot is a versatile style of interactive where a user mouses over certain “hot spots” within a graphic and then an event occurs, in this case we reveal a popover text dialogue containing further info.

WebID can tailor Hotspot style interactives to the project's needs by inserting any graphic you want the user to interact with. Perhaps the graphic is a pie-chart, a software interface, a map, etc.

In this case, we have a map of the United States where the user mouses over pins/cities on a map revealing different content for each pin/city.

Interactive Purpose

Content Presentation

Instructions

Mouse over different pins/cities to reveal further content.

Carroll County, Georgia

"The Capital Improvements Program (CIP) will ensure that the County has planned the most cost effective facilities and has determined whether the County will have the capability to fund needed public facilities."1

Coral Springs, Florida

"The Capital Improvement Program (CIP) is an economical and responsible financial plan to ensure quality public services today and in the future."2

Tempe, Arizona

"The CIP is a five-year financial plan for the acquisition, construction, expansion, or rehabilitation of infrastructure and capital assets."3

Fairfax County, Virginia

The CIP is "the County's five year roadmap for creating, maintaining and funding present and future infrastructure requirements."4

Interactive: Accordion

Description

This is an example of Accordion style content presentation. Help reinforce concepts and ideas by placing them into an item that students interact with rather than just reading it from plain text.

Interactive Purpose

Content Presentation

Instructions

Click on the sentences/buttons to hide and reveal content.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Animated Slides

Description

This is an example of Animated Slides style content presentation. Help reinforce concepts and ideas by placing them into an item that students interact with rather than just reading it from plain text.

Interactive Purpose

Content Presentation

Instructions

Click anywhere inside the slide area to advance and view more content.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Animated Slides

Description

This piece is another example of Animated Slides. Content is revealed by clicking on certain predetermined areas. Help reinforce concepts and ideas by placing them into a piece that students interact with rather than just reading it from plain text.

Interactive Purpose

Content Presentation

Instructions

Click Start to view more content.

Interactive: Animated Slides

Description

This piece is another example of Animated Slides. Content is revealed by clicking on certain predetermined areas. Help reinforce concepts and ideas by placing them into a piece that students interact with rather than just reading it from plain text.

Interactive Purpose

Content Presentation

Instructions

Click on the underlined phrases to advance and view more content.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Tabs

Description

This piece is an example of a Tabular interface style content presentation, or just “Tabs” for short. It's a way to pack a good deal of content into a somewhat compact space. At the same time we are visually separating the Tabs box from normal content in an effort to demonstrate it's importance.

Interactive Purpose

Content Presentation

Instructions

Click on the tabs to view the content.

photo of the stars in a night sky

The Stars

The stars appear to move in unison in an arc overhead.

The Stars

The stars appear to move in unison in an arc overhead, rotating about the north pole on an axis that nearly bisects the 'North Star' (if in the northern hemisphere). In the southern hemisphere, the same sorts of phenomena are observed, though many of the stars visible in the north are not visible in the south, and vice versa. They repeat this movement approximately every 24 hours. A star in a given position in the sky will be in that same position 24 hours later.

a photo of the sun

The Sun

The sun appears to revolve around the Earth every 24 hours.

The Sun

The sun also appears to revolve around the Earth every 24 hours, though its location at sunrise and sunset as well as its duration in the sky changes predictably throughout the year. The sun appears to rise in its northeasternmost position at summer solstice and to drift southward as the winter solstice approaches. Autumnal and vernal equinoxes are spaced approximately three months between the summer and winter solstice and about halfway between the northernmost and southernmost points of sunrise and sunset. The sun rises and sets at almost due east during the equinoxes. However, the sun does not stay 'in sync' with the stars. The sun appears to 'drift' eastward relative to the fixed stars. If the sun rises just behind a given constellation, as time passes, that constellation will rise earlier and earlier on the eastern horizon relative to the sun, hence the sun's 'drift' to the east.

a photo of a full moon

The Moon

The moon does not follow a 24-hour cycle like the sun and stars.

The Moon

The moon does not follow a 24-hour cycle like the sun and stars. Instead, its cycle is slightly longer, rising less than an hour later each night. The moon also has phases, with which I'm sure you're all familiar. In 29 days, it goes from full, to half, to new (not visible), back to half, and then full again. The moon also drifts eastward (like the sun) but returns to the same spot relative to the stars every 27 days; a peculiar beast, indeed. Also important to note, the moon does not appear to rotate on its axis, and the same side of the moon faces the surface of Earth all the time, no matter where the moon is relative to Earth.

a photo of all the planets divided into a 9 square grid

Planets

It is only in the movement of the planets that they differentiate themselves from the stars in a meaningful way to the non-modern observer.

Planets

The only empirical data available to Ptolemy were straightforward empirical observations of the planets, which appear to the naked eye to be very much like the stars. It is only in the movement of the planets that they differentiate themselves from the stars in a meaningful way to the non-modern observer. Moreover, the planets seem to move along with the stars on any given night, so unless you know what you're looking for, the planets won't stand out. It is only after plotting the positions of significant points of light, night after night, that astronomers are able to 'pick out' planets. Indeed, only five points of light are actually visible to the naked eye in the first place, and these are the five planets originally discovered: Mercury, Venus, Mars, Jupiter, and Saturn.

A good scientific theory must explain all of these observations. As you can imagine, the theories that were successful in this endeavor were quite complicated.

Interactive: Tabs

Description

This is another Tabs interface that demonstrates an alternate method of construction. The tabs themselves are on the left and we use another style of arranging the graphics and written content.

Interactive Purpose

Content Presentation

Instructions

Click on the tabs to the left to view more content.

LinkedIn Company Page

The LinkedIn page of the Coca-Cola company.

LinkedIn Company Page


Overview


Careers

Products
and
Services

Follower
Insights

Employee Insights

Interactive: Side Tabs

Description

This is another Tabs interface that demonstrates an alternate method of construction. The tabs themselves are on the left and we use another style of arranging the graphics and written content.

Interactive Purpose

Content Presentation

Instructions

Click on the buttons to reveal content, or the arrows at the top right to advance.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Animated Info-Graphic

Description

Info-Graphics can quickly and efficiently communicate key concepts. We can go one step further in engaging students by making the info-graphics animated and/or interactive.

Interactive Purpose

Content Presentation

Instructions

Click on the different triangle sections to advance.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Animated Info-Graphic

Description

Info-Graphics can quickly and efficiently communicate key concepts. We can go one step further in engaging students by making the info-graphics animated and/or interactive.

Interactive Purpose

Content Presentation

Instructions

Press the play button to view the brief animated info-graphic.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Interactive: Slider

Description

A slider can be a nice way to make information stand out and is especially suited to pairing images with text captions. Various styles of sliders can provide interesting transitions from one bit of content to the next.

In this case, the style of slider is a carousel.

Interactive Purpose

Content Presentation

Instructions

Click on the arrows or images to advance.

Interactive: Slider

Description

A slider can be a nice way to make information stand out and is especially suited to pairing images with text captions. Various styles of sliders can provide interesting transitions from one bit of content to the next.

In this case, the style of this slider is a timeline.

Interactive Purpose

Content Presentation

Instructions

Click on the arrows or images to advance.

  • Prenatal

    The prenatal period: from conception to birth.

    The 9-month prenatal period is the most rapid time of change: a one-celled organism is transformed into a human baby capable of adjusting to life in the surrounding world.

  • Infancy and Toddlerhood

    Infancy and toddlerhood: from birth to approximately 2 years.

    Dramatic changes in the body and brain support the emergence of a wide array of motor, perceptual, and intellectual capacities. Also occurring during this time are the beginnings of language and first intimate ties to others.

  • Early Childhood

    • Early childhood: from 2 to 6 years.
    • Physical Domain: The body becomes longer and leaner, motor skills are refined,
    • Cognitive Domain: Children become more self-controlled and self-sufficient. Make-believe play blossoms and thought and language expand.
    • Socio-emotional Domain: A sense of morality becomes evident and children establish ties with peers.
  • Middle Childhood

    • Middle childhood: from 6 to 11 years.
    • Children master new responsibilities more similar to those they will perform as adults.
    • Physical domain: Slower physical growth, improved athletic abilities, and participation in organized games are evident.
    • Cognitive domain: Children display more logical thought processes and the mastery of basic literacy skills.
    • Psychosocial domain: There are advances in understanding self, morality, and friendship.
  • Adolescence

    Adolescence: from 11 to 18 years

  • Emerging Adulthood

    Emerging adulthood: from 18 to 25 years.

Video

Video is an exceptional way to impart ideas and information to today's learner. Ours is largely a visual culture. Think of the myriad ways today's learner is already voluntarily engaged by video on a daily basis - television, film, Youtube, etc. Why not tap into this affinity for video in an educational context?

WebID has the ability to produce high-quality video material for your projects. Whether it's live action, desktop captures, or perhaps even animation, we can help to transform your ideas into crowd pleasing and informative videos.

Video: On Location

Description

WebID partnered with Freebairn, a marketing firm based in Atlanta, to produce a short video for UGA Summer Academy. Strictly speaking, this is not academic course content, but it does demonstrate some of our On Location video production capabilities.

Note: In this case the video is hosted on Youtube, but we can also host video of moderate length and embed the video directly in your course.

Video: On Location

Description

Dr. Armitage came to WebID to create his Sun Perennials online course. He was also interested in creating a series of videos in various gardens. WebID used our location production expertise to shoot a series of short videos that virtually put students into the garden with Dr. Armitage.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Video: Desktop Capture

Description

Desktop Capture can be a terrific way to teach students how to use various software applications or complete computer-based tasks. It's the next best thing to having them look over your shoulder as you work on your computer.

For a Social Media course, WebID created a series of videos to help Dr. Kaye Sweetser demonstrate how to work with Google Docs and metrics evaluations. Dr. Sweetser came to our studios for the initial capture and then WebID edited and animated video segments in post-production. You can view some highlights below.

Video: Desktop Capture

Description

Desktop Capture can be a terrific way to teach students how to use various software applications or complete computer-based tasks. It's the next best thing to having them look over your shoulder as you work on your computer.

For a course that heavily relied on Microsoft Excel, WebID created a series of videos for students demonstrating various techniques and procedures. In this case it's how to use linear regression to estimate the formula for converting centigrade to farenheit using Excel.

Content on this page requires a newer version of Adobe Flash Player.

Get Adobe Flash player

Audio

Audio is an often overlooked and underappreciated form of content presentation. As opposed to video, where the visuals are already supplied for the audience, stand-alone audio of the human voice, sound effects, and music, are all elements that can transport the listener's mind and imagination to a different place with self-created mental imagery. Don't underestimate the power of audio to convey ideas and get your listener's gears turning.

A lot of audio on the internet is done by well-meaning amateurs, but is still infused with crackles, pops, and subpar quality. When audio is done right, it's almost unnoticeable, however, when done wrong, it can be highly distracting to your audience. WebID has the audio production skills and equipment needed to ensure a mark of quality for all your projects.

Audio: In Studio

Description

Here at our in-house audio recording facilities during the making of a course on Sun Perennials, WebID recorded Dr. Armitage speaking about each type of plant. Dr. Armitage's passion for plants and gardening comes across in the audio recordings and allows students get a feel for what it might be like on a tour of the gardens led by Dr. Armitage himself.

Audio: In Studio

Description

For a Social Media course, Dr. Kaye Sweetser recorded an interesting story about a research project she was involved in. It made for a great real-world example for students to relate to.

Dr. Sweetser had access to her own department's recording equipment for this example. If you have adequate recording capabilities at your location, we can simply take your prerecorded files and use them anywhere in the course.

Graphics

Let's admit, video is terrific, but sometimes it can be overkill when a simple and short presentation of an idea is needed. It's not simply a matter of text vs. full-blown video segments. There is a middle ground where static visual communication can significantly bolster content as well. This is where graphics come in.

WebID is up to the challenge of presenting imagery in a variety of visual disciplines. Whether it's branding, illustration, or info-graphics, when tasked with creating images we can come up with the photography, illustration, and graphic design solutions needed to convey concepts to today's visually savvy audiences.

Graphics: Branding

Description

The following graphics are examples of WebID created course branding.

CHFD banner CLAS banner CMLT banner ECON banner HORT banner LATN banner PHIL banner PHIL 2400 banner turfgrass banner SOCI banner SOCI 3290 banner

Graphics: Info-graphics

Description

The following info-graphics are just a few examples of ways WebID has helped visually communicate ideas and information to learners. We can take your raw data or even previously made graphics and turn them into something that grabs your learner's attention.

persuasion diagram info graphic info graphic childhood dev
aristotelian worldview graphic principles of marketing research info graphic of survey stats top ten social networking sites info graphic