Components for presenting information in Adapt … · Web viewComponents (core) in Adapt Builder as...

Components (core) in Adapt Builderas at 10th June 2015

ContentsComponents for presenting information in Adapt modules.........................................2

Text..........................................................................................................................2

Graphic....................................................................................................................2

Hot Graphic.............................................................................................................2

Narrative..................................................................................................................3

Accordion.................................................................................................................4

Reveal.....................................................................................................................4

Media.......................................................................................................................5

Responsive iFrame..................................................................................................5

Blank........................................................................................................................6

Components for quizzes in Adapt modules.................................................................7

Multiple Choice Question.........................................................................................7

Graphical Multiple Choice Question........................................................................7

Matching Question...................................................................................................8

Text Input.................................................................................................................8

Open Text Input.......................................................................................................8

Slider.......................................................................................................................9

Created by: tburrell of 10


Components for presenting information in Adapt modules

TextDisplays text (nb: font size cannot be edited yet)

GraphicDynamically displays a small, medium or large image based upon the width of the end user’s device. The image can be the same one sized at 3 different resolutions, or different ones, each at a different resolution:



Hot GraphicEnables an end user to click on blue hot spot pin graphics over an image and display a detailed popup that includes an image with text:

Clicking the blue pin above the first of the pictures in the image displays this popup:

NarrativeDisplays an image gallery with accompanying text (you click the arrows to cycle backwards and forwards through the images and accompanying text):



AccordionDisplays clickable text titles, which expand to reveal explanatory text underneath:

RevealAllows displaying of alternating images and / or text via a push right – pull left clickable / tappable arrow control:



In this example, clicking the arrow of the case study’s text and graphic pushes them to the right to reveal another combination of text and graphic, in this example, a set of numbered suggestions on a graphical background:

Clicking the arrow of the numbered suggestions text on background graphic pulls it back to the left to reveal the first text and graphic (in this example, case study) screen again.

MediaEnables the end user to play back, in their HTML5 compatible web browser, media files you’ve previously uploaded to LearningPool’s Catalogue or Adapt’s Asset Manager Library, such as MP3 audio files, MP4 and OGV format video files (separate versions are needed - ones with burnt-in subtitles that cannot be turned off by the end user, and ones without subtitles). NB: There’s a Flash Player fallback for anyone using the Internet Explorer 8+ web browser:



Responsive iFrameAllows embedded content to display from another website by using the src part of an HTML5 <iframe> tag, that will respond to theme breakpoints. This is useful for displaying, in your Adapt module, videos that are hosted on YouTube, if you want the end user to be able to control whether subtitles are displayed or not (assuming they’ve been added by the person uploading the video to You Tube) by using the control available via the embedded YouTube video player:

When setting up the component in Adapt, you only need to copy and paste, into the appropriate field of the Adapt form, the src (ie URL) part of the <iframe> tag’s code from YouTube’s Share -> Embed area under the video (the bit in quote marks starting https:// ) :



BlankAllows you to add some extra space between content in your Adapt module.



Components for quizzes in Adapt modules

Multiple Choice QuestionEnables the end user to answer a question by selecting one or more correct answers given as text. NB: Questionnaires are useful where there is a “right” answer(s), such as when reviewing legislation, but are less helpful when there are grey areas and there could be a difference of opinion as to which is the correct answer:

Graphical Multiple Choice QuestionEnables the end user to answer a question by selecting one or more correct answers given as graphics:



Matching QuestionAllows the end user to pick a correct answer from a drop-down listbox of possible answers to a series of questions on a similar subject. NB: Questionnaires are useful where there is a “right” answer(s), such as when reviewing legislation, but are less helpful when there are grey areas and there could be a difference of opinion as to which is the correct answer:

Text InputAllows the end user to input one or more words or numbers / sentences / a short paragraph based upon a question asked:

Open Text InputAllows the end user to input open text (paragraphs or essay) based upon a question asked. Best practise for long answers is to save the text on a regular basis before finally submitting it. Once submitted, the end user can then compare their text to a model answer:



SliderAllows the end user to answer a question by positioning a slider marker on a scale:


Components for presenting information in Adapt … · Web viewComponents (core) in Adapt Builder as...

Documents

Transcript of Components for presenting information in Adapt … · Web viewComponents (core) in Adapt Builder as...