Xerte Community Documentation

This page is read only. You can view the source, but not change it. Ask your administrator if you think this is wrong.
====== XOT Page Types ======

===== Page types =====

The available page type templates are grouped into several categories.

Since Release 3.12 an icon has been added at the top of each central panel in the authoring interface, with a link to the relevant wiki page.  This enables authors to move efficiently between the wiki and the XOT project they are working on.  Here is an example; the link is the question mark in an orange circle; {{ :xerte-linktowiki2.jpg?450 }}

\\

==== Text ====

^ Page type ^ Description ^
| [[:text_bullets_page|Bullets/Timed Content]] | A page of bullet points (or other content) which appear on the screen at timed intervals. |
| [[:text_columns_page|Columns]] | A page with columns of text and optional images. |
| [[:text_orientation_page|Orientation]] | A page for orienting users before they begin working with the content. |
| [[:text_plain_text_page|Plain Text]] | A plain and simple text page. |
| [[:text_summary_page|Summary]] | A page for summarising key points and suggesting next steps. |
| [[:text_title_page|Title Page]] | A simple page for displaying a title. |

==== Media ====

^ Page type ^ Description ^
| [[media_360_image_page|360 image]] | An interaction allowing you to mark up a 360 image with hotspots. Can be used to create tours of linked images. |
| [[media_advanced_image_page|Advanced Image]] | A text and graphics page with a flexible layout including bleeding the image at one end of the stage or adding a margin. |
| [[media_audio_slideshow_page|Audio Slideshow]] | Sequence a series of images against an audio soundtrack. |
| [[media_image_compare_page|Compare Images]] | Use a slider to view and compare two images that are shown together. |
| [[media_flickr_slideshow_page|Flickr Slideshow]] | Include freely available graphical content from the Flickr photo sharing service. |
| [[media_graphics_and_sound_page|Graphics and Sound]] | A page for presenting text and graphics. You can also add an optional sound to this page. |
| [[media_image_sequence|Image Sequence]] | Animate a series of images in sequence through scrolling. Image series can be viewed on their own or grouped together in to cases. |
| [[media_image_viewer_page|Image Viewer]] | Allows users to zoom in and out of a large image and select regions. A useful way of presenting large images in a small screen space. |
| [[media_media_lesson_page|Media Lesson]] | Synchronise a variety of types of content to a piece of media. |
| [[media_morph_images_page|Morph Images]] | Morph between two images. Can be used to present an impression of zooming into a region of an image. |
| [[media_pdf_file_page|PDF File]] | Incorporate PDF files in your project. |
| [[media_synched_video_page|Synched Video]] | Synchronise passages of text to a movie. |
| [[media_thumbnail_viewer_page|Thumbnail Viewer]] | A series of thumbnail images for the user to browse. |
| [[media_timeline_media_page|Timeline Media]] | A scrollable timeline containing sections of text and media. |
| [[media_transcript_reader_page|Transcript Reader]] | Synchronise a transcript to an audio file. |
| [[media_video_page|Video]] | Embed MP4 video files in your project. |
| [[media_youtube_feed_page|YouTube Feed]] | Include YouTube videos in your project. Enter a search term display videos matching the term from YouTube. |
| [[media_youtube_video_page|YouTube Video]] | Include video content from YouTube in your project. |

==== Navigators ====

^ Page type ^ Description ^
| [[navigator_flashcards_page|Flash cards]] | A series of double sided flash cards containing text and media. |
| [[navigator_interactivelist_page|Interactive List]] | Present an interactive list where each list item presents further information. |
| [[navigator_multinavigator_page|Multinavigator]] | Present related text and graphical content on a choice of navigators. Layouts include accordion, button, columns, slideshow and tabs. |
| [[navigator_multiple_perpectives_page|Multiple Perspectives]] | View and compare multiple video and sound clips alongside related text. |
| [[navigator_tabbednavigator_page|Tabbed Navigator+]] | A list of topics where each topic displays a series of tabbed pages to present related text and graphical content. |

==== Connectors ====

^ Page type ^ Description ^
| [[connector_hotspotimageconnector_page|Hotspot Image Connector]] | An interaction allowing you to mark up an image with regions. When selected, each region will take you to another page in the project or present further information. |
| [[connector_menuconnector_page|Menu Connector]] | Generate a menu of all or a selected range of the pages in a project. |
| [[connector_multiplechoiceconnector_page|Multiple Choice Connector]] | Pose a question with multiple answer options. When selected, each answer will take you to another page in the project or present further information. |

==== Charts ====

^ Page type ^ Description ^
| [[charts_basicchart_page|Basic Chart]] | A page for basic charts. Choose from line, bar, stacked bar or pie charts, and add several series of data to the chart. |
| [[charts_table_page|Table]] | A page for basic tables. |

==== Interactivity ====

^ Page type ^ Description ^
| [[interactivity_annotated_diagram|Annotated Diagram]] | An interaction for exploring labelled diagrams.  |
| [[interactivity_answer_x_of_y|Answer X of Y]] | Poses a question with multiple answers where the student can't see the answers like in a MCQ. The user can give the answers in any order. |
| [[audio_recorder_page|Audio Recorder]] | Allows the learner to make an audio recording in response to a written or audio prompt, listen to that recording, re-record if necessary, save and download it.  This page might suit a range of purposes, including work on pronunciation in language learning, or the production of audio artefacts for use in a portfolio. |
| [[interactivity_button_sequence|Button Sequence]] | Present a sequence of button interactions with text. |
| [[interactivity_categories_page|Categories]] | An interaction allowing the user to sort items into a number of categories. |
| [[interactivity_decision_tree_page|Decision Tree]] | Find a solution to a problem by answering a series of questions. |
| [[interactivity_dialogue|Dialogue]] | An interaction comprising a sequence of text-entry interactions forming a short dialogue. |
| [[interactivity_dictation|Dictation]] | An interaction for typing text from a series of audio files. |
| [[interactivity_documentation|Documentation]] | A form-based interaction where the user downloads a copy of their responses. |
| [[interactivity_drag_and_drop_labelling|Drag and Drop Labelling]] | An interactive labelling exercise. Mark up an image with regions and add a title and description for each region. |
| [[interactivity_gap_fill_page|Gap Fill]] | An interaction for creating gap fill exercises. Gaps can be filled by drag and drop labels, editable text boxes or by drop down menus. |
| [[interactivity_highlight_text_page|Highlight Text]] | A page where an initial piece of text can be highlighted and then compared to a suggested answer. |
| [[interactivity_hotspot_image_page|Hotspot Image]] | An interaction allowing you to mark up an image with regions and associate explanatory text with each region. The type of interactivity can be varied. |
| [[interactivity_hotspot_question_page|Hotspot Question]] | An interaction where the where the answer to the question posed is given by selecting one or more relevant hotspots on an image. |
| [[interactivity_interactive_text_page|Interactive Text]] | A text based page where sections can be explored using a variety of interactivities. |
| [[interactivity_interactive_video_page|Interactive Video]] | Synchronise a variety of interactive events to a video. These events occur on top of the video. |
| [[interactivity_inventory_page|Inventory]] | Present a survey where answers map to different classes. The results for each class are displayed on a chart at the end of the survey. |
| [[interactivity_matching_texts_page|Matching Texts]] | An interaction for the user to match chunks of text. |
| [[interactivity_model_answer_page|Model Answer]] | A text entry interaction, with feedback and the option to paste the response to clipboard. |
| [[interactivity_model_answer_results_page|Model Answer Results]] | Displays collated results from all the preceding model answer pages which can then be reviewed and copied to clipboard. |
| [[interactivity_modify_exercise_page|Modify Exercise]] | Present a piece of text that the user must modify in some way, for example, by changing the tense. |
| [[interactivity_mcq_page|Multiple Choice Question]] | Pose a question with multiple answer options. Create simple true - false questions, or more complex questions with multiple correct answers. |
| [[interactivity_opinion_page|Opinion]] | Create an opinion with questions that can be slider or radio button interactions or a mix of both. |
| [[interactivity_quiz_page|Quiz]] | Present a formative assessment comprising a series of questions with multiple answer options. Each question can have one or more correct answers. |
| [[interactivity_sortable_grid_page|Sortable Grid]] | An interaction allowing the user to sort items on a grid. |
| [[interactivity_stimulating_question_page|Stimulating Question]] | Pose a stimulating question to the user, with feedback available through a button. |
| [[interactivity_text_correction_page|Text Correction]] | A page to compare texts. The user can re write a text with errors and then compare it with the correct answer. |
| [[interactivity_timeline_page|Timeline/Matching Pairs]] | An interaction for creating either a timeline or matching activity with labels to drag and drop in place. |


==== Games ====

^ Page type ^ Description ^
| [[games_crossword_page|Crossword]] | A crossword puzzle where clues are given to each word or phrase that must be completed in the grid. |
| [[games_hangman_page|Hangman]] | A hangman game. Create a list of words for the user to work out. |
| [[games_memorygame_page|Memory Game]] | A memory card game. Create pairs of text and images for the user to match. |
| [[games_wordsearch_page|Wordsearch]] | A word search game. Create a list of words for the user to find. |

==== Links / Feeds ====

^ Page type ^ Description ^
| [[linksfeeds_embedcontent_page|Embed Content]] | A page for including any web page or embed code in your project. |
| [[linksfeeds_hyperlinks_page|Hyperlinks]] | A list of keyboard accessible links. |
| [[linksfeeds_newwindow_page|New Window]] | Allow the user to launch a new window to a URL. |
| [[linksfeeds_qrcode_page|QR code]] | A page for generating and presenting QR codes. You can also add an optional sound to this page. |
| [[linksfeeds_rssfeed_page|RSS Feed]] | Include RSS feeds in your project. RSS feeds allow you to add dynamic content from a variety of sources. You can create your own RSS feeds using the RSS feed template. |
| [[linksfeeds_rssxertedownload_page|RSS Xerte Download Feed]] | Include Xerte specific RSS feeds from any version 3.8 or later Xerte installation to include download links for any project that have been included in the RSS export feed. |

==== Tracking / xAPI ====

^ Page type ^ Description ^
| [[:trackingxapi_adaptivecontent_page|Adaptive Content ]] | A page where you can import Xerte result data from an xAPI LRS to present adaptive content based on the scores of previously executed content. |
| [[3.13_results_page|Results]] | A page displaying a summary of the results of the interactions. |
| [[:trackingxapi_stoptracking_page|Stop Tracking]] | A page with a button to stop and finish tracking the learning object. |


===== Deprecated Page Types =====

^ Category ^ Page type ^ Comments ^ Last available version ^
| Navigators | Accordion Navigator, Button Navigator, Slideshow, Tabbed Navigator | These pages will continue to work where they are used in existing projects (and can still be imported from other projects) but new navigator pages should be created using the [[navigator_multinavigator_page|Multinavigator]] page instead. The Multi-Navigator page allows you to choose the type of navigator from a drop down list (choices include accordion, button, columns, slideshow and tabs) and makes it easier and quicker to try and switch between the different ways of presenting the page and content. [[https://xot.xerte.org.uk/play.php?template_id=81#v3.10section3|Source]] | 3.9 |
| Interactivity | Interactive Diagram | The Interactive Diagram page has been deprecated and is no longer available to be added to projects. Existing Interactive Diagram pages will continue to work but may no longer be editable after the end of 2020 as the diagram editor uses the Flash Player which will no longer be supported in browsers. [[https://xot.xerte.org.uk/play.php?template_id=81#v3.9section15|Source]] | 3.8 |