Navigation:  User Manual > Digital Repository > Material management >

Edit a LO with the Online Editor

Previous pageReturn to chapter overviewNext page

The Online Editor authoring tool allows authors to edit an existing LO, either published from eXact Packager or created selecting a content template among the available ones in the "Create New LO " page. In both cases, please note that each content template is different (for more details, refer to the user manual of the content models in use).  After a general presentation of the main feature provided by the Online Editor an additional example regarding the default page composer template is reported as well.

 

In order to enter in the Online Editor to edit an already existing LO, the author should to search the content in the DR and select it. In the bottom side of the page the "Edit" button will be available within the "Edit with Online Editor" box. The "edit with online editor" box provides as well information about the content model and the relative content model version which has been used to create that LO.

EditWithOE

 

Once entered the Online Editor, the main area is composed by the following sections:

 

1. Working Mode - by using the drop down menu on the upper right hand corner, it is possible to define the working modality. For each of the available options (Novice, Advanced, Expert) it is possible to display and use a different set of properties and functionalities.

working_modality

2. LO Commands - on the right hand side corner, there is a set of buttons to use for processing some different actions on the selected material:

Save: to save a new version of the LO in the Digital Repository
Retrieve the last version: to display the last saved version of the LO and not to consider all the modifications lately made
View comments: to display any previously added comments related to the material or to add new ones (for details see Comment Management section).
Preview: to display the material preview inside a pop-up window.
Properties: to open a pop-up window with the item properties. Properties change accordingly to the selected item within the LO tree (HM, chapter, page composer, media file..etc).

OE_LOcommands02

 

 

 

 

 

 

 

 

3. LO Tree - on the left hand side of the window it is always possible to display the LO tree structure. Each element is displayed together with its relevant icon and title. Moreover, for each element it is possible to process the following actions:

 

Rollover - to display the single element description

 

Click on the item - to select the item and display it inside the central area

 

Double click on the item - to select the item and open it in edit mode in the central area

OE_LOtree02

Right click on the item - to open a contextual menu with some other commands (the available commands may be different according to the selected item):

 

 - Close Menu: to close the contextual Menu

 

 - Edit: to open the item in edit mode

 

 - Properties: to open a pop-up window with the item properties

 

 - Move Up/Down: to move the item within the LO tree structure

 

 - Delete: to remove the item for the LO tree structure

 

 - Add... : according to the kind of selected item, it is possible to add additional sub-elements, such as pages, texts, media, etc.

 

 - Update structure: when more versions of the same content model are available in the DR.

OE_ContextualMenu

In this case the icon warns author that the content model’s version in use is not the most updated.

warning

 

Clicking on this icon a warning message is displayed asking author to refresh the structure for updating it to the new version of content model.

warning_message

 

4. Add Commands - on the upper part of the central section there is a set of buttons that can be used to add some sub-elements to the selected item.

The number and kind of the available buttons may vary according to the selected item within the LO tree structure. In order to add a sub-element it is necessary to click on the relevant button (i.e. the click on the Add Page button to add a page inside a chapter).

OE_AddCommands02

5. Item Commands - on the left upper part of the central section there is a set of buttons that can be used in order to process some actions on the selected item (the available actions may vary according to the selected item):

Edit: to open a pop-up window where it is possible to edit the item
Properties: to open/close a collapsible panel with the item properties

OE_ItemCommands02

6. Properties (collapsible panel) - from the collapsible panel that opens on the right hand side of the main area it is possible to display and edit the item properties.

OE_PropertiesWindow

 

While selecting one of the options for adding a sub-element to the starting one, a new mask opens in the central part of the window. Here it is possible to insert and define different information (according to the selected sub-element):

Title (name) for the new sub-element
Sub-element to add - the available items are displayed according to their internal structure (empty or predetermined structure). For each element it is always possible to display the following information:

 - Thumbnail: by clicking on it a pop-up window opens with the element preview; by rolling over it, instead it is possible to display the item description.

 - Icon: to better identify the sub-element to add

 - Version: by using the drop down menu it is possible to select the element version to use amongst the available ones.

 

The list of the available samples is always preceded by a search mask that can be used to "filter" the available elements by keywords. The following image is an example of screen that is displayed while adding a Page to a Chapter:

OE_AddPage02

 

Note: if a user adds an element that is not assigned to any samples, only the elements with an empty structure will be listed. If a user adds a structural element (i.e. a Chapter) a message will inform the user that he/she' is going to add a structural element, therefore it will be just possible to add the element Title.

By double clicking on any item within the LO tree structure, the selected item is displayed in edit mode in the central area of the window. The edit area will be different according to the selected item.

By selecting an asset (text, audio, media) inside the edit area it is possible to edit the element content
By selecting a structural element (chapter) a message appears in the edit window together with a text field where it is possible to insert or edit the element name
By selecting an item an item related to an ad hoc editor, the editor is displayed.
By selecting the root item, in the edit window, the whole LO preview is displayed.

 

HOW USING THE ONLINE EDITOR. AN EXAMPLE: THE PAGE COMPOSER TEMPLATE

 

The following is an example using the default eXact HTML page composer model, please note that each content model is different and that can be customized. For more information refer to the content models user manual.

 

From the "Create a LO" window, select the following icon representing the page composer template and fill the title field.

 

Then the author will enter the Online Editor. Click on the [+] sign to expand the child pages of the model. In the page composer model, it is possible to insert up to three elements among texts, media (images, videos etc) and interactions.

 

By a right-click on the page composer LO (in the example "My LO") it is possible to display the available options:

OE_ContexMenuPageComp

 

How to add/edit text

 

1) It is possible to add a text:

- by selecting "Text" in the drop-down menu or

- by clicking on button on the top menu if available (it depends on content model configuration).

text_add

 

2) Two different types of texts are available: free text and formatted text. select the desired one.

3) To write inside a text box, click on it within the page composer tree structure and select on the top right.

A new window appears and here it is possible to write the text. The window will change accordingly to formatted text or free text choice.

Notice that the free text allows more editing options.

 

OE_TextEditor             OE_HTMLeditor

 

 

4) Click on "Ok" to confirm or "Cancel" to abort.

 

How to insert/ edit images, video or other resources:

 

Notice that to add/edit all children items of media/interaction it is necessary to select the "advanced" or "expert" working modalities by the top left menu. Indeed to novice users it is not allowed to work with these types of files (see also "Working mode" area described above).

 

1) Selecting the advanced or expert working mode, click on "Go" as shown here:

OE_Complexity

 

2) Then, selecting the media/alternative image../interaction within the tree structure of page composer, the top right button "Edit" is now available.

media_add

 

3) Click on "Edit" button.

 

4) Several options are now available. By clicking on "browse", it is possible to select a new resource on the local PC or use a URL. Selecting alternatively on "Link from DR" you will be connected to the digital repository where you can choose the desired stored file and the relative version.

 

OE_MediaPreview           OE_MediaLink

 

For further details, please refer to HTML Content Models manual.