Content Editor

Contribution Guidelines    Edit | Report

Overview

Sunbird houses a wide variety of content. Users can can create content on Sunbird or upload content created offline.

Note: For details on uploading content that is created offine, refer Uploading Content

A user with content creation rights can use Sunbird’s inbuilt content editor to create Resources that are Sunbird’s simplest or smallest unit of content.

You can create the following categories of resources on Sunbird:

  • Experiment
  • Learn
  • Play
  • Practice
  • Read
  • Teach
  • Test

Each of these categories corresponds to a stage or intent of the learning process or methodology that is used by tutors to impart knowledge of the subject. For example, a tutor intends to educate learners of a concept through a game. When the tutor creates the game, the category of the resource (the game) is, Play. Similarly, if a tutor creates a story to enhance the reading skills of learners, the category of the resource (the story) is, Read.

This page details how to create resources using the inbuilt content editor.

Prerequisites

Step Screen
1. You are logged in
2. You are currently on My Workspace page
3. You want to create content resources.You have clicked the Resource tile
1. Enter Name of the resource
2. Select the following from their respective drop-down menu:
 a) Board
 b) Grade
 c) Subject
 d) Medium
 e) Concept
 f) Resource Type
3. Click Start Creating

Content Editor Parts

The broad areas of the content editor are:

Step Screen
1. Tool Bar: A collection of several tools available to create content resources
2. Preview: A viewer that allows you see how content will display when published
3. Right Pane: A collection of tabs that allow you to customize defaults for tools from the tool bar, add animation or interactive controls and view information about the slide
4. Working Area: The slide that is currently being worked upon
5. Slide Sorter: Use this area to order your slides

Right pane

Customize Tab and Default Options

Step Screen
1. Show Player Control: A slider button that allows you to view or hide grid lines and the position of player control buttons. This button is not enabled by default. Enabling this option helps you effectively visualize your slide composition
2. Teacher Instructions: A pane to enter notes or instructions to teachers, about the slide content
3. Background Color: Select the background color of the slide from color bar. The default background color is white.

Actions Tab

Step Screen
1. Actions enables you to add, modify or delete actions to animate objects on the slide. Ensure that you select a target object before you attach an action to it

Properties Tab

Step Screen
1. Properties enables you to view information that the editor automatically adds about the slide and the objects on the slide

Tool Bar

Understanding the Tools of the Tool Bar

Adding Slide

Step Screen
1. To add slides, click the Add Slide icon
2. Click to add a slide either in the:
a) Beginning: as the first slide
b) End: as the last slide
c) After Current: after the current slide
d) Before Current: before the current slide
Note: Drag and drop slides in the left page to reorder them

Adding Text

Step Screen
1. To add text, click the Add Text icon
2. Type text into the text box that is added to the slide
3. Click Done to add the text box or Cancel to remove the text box
After clicking Done, you can format and reposition the text box

Formatting Text - Customize tab

Step Screen
On clicking Add text, the customize tab displays options to add features to the text. The Text Formatting feature allows you to modify:
1. Font: Pick a new font for your text
2. Size: Change font size
3. Alignment: Align text to the left, right or center of the text box
4. Color: Change color of your text
5. Transparency: Change the transparency of your text in relation to the background of the text box
6. The Read along feature on the customize tab allows you to add audio to the text on the slide. This is a useful feature to learn pronunciation, enhance vocabulary, etc.

Selecting Text for Read Along Audio

Step Screen
1. Text that you have typed will appear in the text box or you can type text in the text box
2. Click Select Audio

Selecting Audio for Read Along Text

Step Screen
You can add audio to read along text either by selecting an audio file from a list or recording audio immediately
1. Click My audio to view a list of all audio files that you have previously uploaded or recorded
2. Click All audio to view a list of audio files from the repository
Note: The repository contains all audio files added and uploaded by any users
3. Select an appropriate audio file from any list and click Select
4. Click Upload/Record to record and upload audio immediately

Selecting Audio for Reading Along

Step Screen
1. Click Next

Sync Audio Text with Audio to Read Along

Step Screen
1. To set the speed of text enunciation, set the playback rate to Normal, Slow or Slower
2. Press the Spacebar button on your keyboard to space pauses and synchronize words of the sentence with the audio
3. Click Add to Lesson to add the audio file to the text displayed on screen

Read Along - Highlighter

Step Screen
After adding the audio file, you can highlight the text associated with the audio
1. Click the drop-down arrow in the right pane to change the highlight color
Note: Highlight color refers to the color that is used to highlight the text to sync with the audio
2. Slide the Autoplay button, to enable or disable automatic play of the audio file

Word Info

Step Screen
On clicking Add text, the Word Info feature on the customize tab provides all related information about any word added using the content editor
Note: Word Info is available only for those words that already exist in the repository
1. To use this feature, select the word or paragraph in the text box
2. Click Done button
3. Click Word Info
1. Word Info Popup page appears
2. Click Add to Lesson button to add words with the meaning
3. Click Cancel button to exit the page

Transliteration

Step Screen
The process of changing the written script from one language to another is known as transliteration. On clicking Add text, the Transliterate feature on the customize tab allows you to transliterate in ten Indian languages
1. To transliterate, select the word or sentence and click Transliterate
Language Transliteration Tool
1. Select the language from the drop down list
2. Click Transliterate
3. The original text is displayed in the textbox on the left and the transliterated text is displayed in the textbox on the right
4. Click Add to Stage to add the transliterated text to the slide

Adding Richtext

Step Screen
1. To add richtext, click the dropdown arrow
2. Click Add Richtext, to open Richtext Editor
1. Type text into the text box and use the richtext editor for customizing and styling the text. The richtext formatting feature allows you to modify:
  • Pick Font Formatting: Bold, Italic, Strikethrough and Remove Format
  • Paragraph Formatting: Numbered list, Bulleted list
  • Alignment: Align text to the left, right, center or justify
  • Paragraph Styling: Normal, Heading 1,2...
  • Font Size: Pick the different size for the font
  • Color: Change the color of your text and background

    • 2. Click Add To Lesson to add richtext styles
    3. Click Cancel button, to cancel the text formatting
    4. Click Close icon, to exit the page

    Adding Shapes

    Step Screen
    1. To add shapes, click the Add Shapes icon on the toolbar
    2. The customize tab displays options to add features to the shapes. You can:
    a) Click Fill Color to add or modify the color of the shape
    b) Use the Transparency slider to modify the transparency level of the shape
    c) Use the Visible slider to make the selected shape visible or invisible
    d) Click Border Color to modify the color of the shape outline

    Adding Images

    Step Screen
    1. To add images, click the Add Images icon on the toolbar

    Selecting Images

    Step Screen
    You can add images either by selecting an image from a list or uploading images from your local machine to use immediately
    1. Click My images to view a list of all image files that you have previously uploaded
    2. Click All image to view a list of image files from the repository
    Note: The repository contains all image files added and uploaded by any users
    3. Choose an appropriate image file from any list and click Select
    4. Click Upload and use to upload and use images from your gallery

    Uploading and Using Images

    Step Screen
    1. Click Choose File to browse and select a file from your local drive or open the explorer in a separate window and drag and drop the required file on the screen.
    Note: Supported file formats are: .jpeg, .jpg, .png
    2. Under Copyright & License, select if you want to:
    a) Make it available to everyone
    b) Not share with anyone
    3. Add image details in the Asset Caption area
    4. Click Upload and Use to upload the image

    Formatting Images

    Step Screen
    After selecting and adding an image to the slide, the customize tab displays options to add features to the shapes. You can:
    1. Click Image Browser to browse for images and select another image
    2. Use the Visible slider to make the selected image visible or invisible
    3. Click Border Color to modify the color of the shape outline

    Adding Audio

    Step Screen
    1. To add audio, click the Add Audio icon on the toolbar
    Note: For detailed instructions to add audio, refer to section Select Audio for Read Along Text

    Uploading Audio

    Step Screen
    1. Click Choose File to browse and select a file from your local drive or open the explorer in a separate window and drag and drop the required file on the screen.
    Note: Supported file formats are: .mp3, .mp4
    2. Under Copyright & License, select if you want to:
    a) Make it available to everyone
    b) Not share with anyone
    3. Add audio file details in the Asset Caption area
    4. Click Upload and Use to upload the audio file

    Adding Hotspot

    Step Screen
    A Hotspot is an invisible button. Attach hotspot to any text, shape, or object to denote any action
    1. Click the Add Hotspot icon on the toolbar

    Adding Action to the Hotspot

    Step Screen
    1. Click the Action tab on the right pane
    2. Select an interaction from the drop-down menu
    3. Select the target object to attach the action from the drop-down menu

    Adding Scribblepad

    Step Screen
    The Scribblepad helps users take notes, if required, while viewing content
    1. Click the Add Scribblepad icon on the toolbar
    2. You can make modifications using the default options of the customize tab

    Adding Question Set

    Step Screen
    To add question set, click the Add Question Set icon on the toolbar. The question set browser page is displayed.
    To ensure that the content achieves the learning objective it is important to check and reaffirm the learner’s progress at different points in the study material. Adding questions and question sets is one method
    1. Click the Add Question Set icon on the toolbar. Refer Adding Question Set

    Adding Activity

    Step Screen
    1. To add activity, click the Add Activity icon on the toolbar

    Activity Browser

    Step Screen
    You can add activities by selecting activities from the list displayed in the activity browser
    1. Filter the displayed list by selecting the:
    a) Category
    b) Concepts
    Note: You can choose to filter the list using more than one category and concept
    2. Alternatively, you can search for activities by entering key words
    3. Select the activity and click ADD

    Adding Details

    Step Screen
    1. All details of the selected activity are displayed on the right
    2. Click Add to add the activity

    Configuring Activity Details

    Step Screen
    1. If the selected activity has details added at the time of creation, the appropriate activity category icon is displayed. Click the icon to view or modify activity details
    2. If no details have been added, you can enter the activity details in the Configuring Activity details screen
    1. Select the following from their respective drop-down menus:
    a) Content
    b) Numerals
    c) Grade
    d) Level
    e) Sub Level
    2. Determine the No. of Questions
    3. Click Add

    Adding Video

    Step Screen
    1. To add video, click the Add Video icon on the toolbar
    Adding Video Details
    Currently, the content editor supports only direct video links from publicly shared videos. To do so:
    1. Paste the video URL
    2. Click Go
    3. The preview is displayed in the preview pane
    4. Click Add to Lesson

    Configuring Video Details

    Step Screen
    1. Click the copy icon to copy the video to another slide
    2. Click the delete icon to delete the video
    3. Click the arrange icon to determine the appearance of the video
    4. Enable Autoplay to play the video automatically on the app
    5. Enable or disable the option Mute Audio to mute or unmute audio

    Adding Details


    All details associated with the resource must be updated before sending the resource for review.

    Step Screen
    1. Enter a Name for the resource
    2. Enter a Description
    3. Enter Keywords
    Note: Keywords help search engines find content associated with them when you search
    4. Select the following from their respective drop-down menus:
     a) Curriculum
     b) Class
     c) Subject
     d) Medium
     e) Concepts
    f) Resource Type
     g) Audience
    5. Enter Attributions, if any
    6. Click Save

    Reviewing and Publishing Content

    Step Screen
    All created study material must be reviewed and approved by designated reviewers before it can be published. To send content for review:
    1. Click Save to save the content
    2. Click Send for review to send the created content for review
    3. Before sending for review, you can share the content to a limited audience. To know more this, refer Limited Publishing and Sharing

    Edit | Report