These User Notes cover:

• Drag-and-Drop Images
• Viewing a Lecture
• Editing a Lecture
• Editing a Granule
• Editing a Lecture Template

New! Drag-and-drop images into the Lecture Composer

In the latest release of Lecture Composer, you can use drag-and-drop to insert the URL of the thumb and browse images from the Alexandria Digital Library directly into the Lecture Composer. The thumb image will display in the Lecture Composer and when you click the thumb image, the browse image opens in a new window. You are not actually copying the images into the Lecture Composer, but rather you are copying the information the browser needs to display the original images from the library.

To drag-and-drop images:

1. Click the ADL globe icon in the upper left corner of the Lecture Composer window to display the Alexandria Digital Library and search for images.
2. Place the cursor over the image you want to insert into the Lecture Composer. Left-click to copy the information.
3. Click Edit in the Lecture Composer window.
4. Place the cursor in the location in the Lecture Compose where you want to place the image and click Paste.

Viewing a Lecture

Requirements: Internet Explorer 6.0+, Mozilla 1.1+ or Netscape 7.0 on all platforms. 

The following browsers have not been tested: TexExplorer for Mozilla, Netscape and MathPlayer for IE for display of MathML mathematical equations.

Lectures can be viewed in three modes:

Outline Mode - Displays granules as outline, much like that of Lecture Editor and most standard online lectures built in HTML.  Child granules are hidden inside the parent granule until opened.  Child granules are indented about five spaces from its parent.  The Concept Grapher automatically opens when a lecture in Outline Mode is opened.  It will contain concepts only if they were added in the lecture being displayed; otherwise, it is empty. 

Black Slides - Displays each parent granule on an individual slide with black backgrounds.

White Slides - Displays each parent granule on an individual slide with white backgrounds.

Editing a Lecture

Requirements: Internet Explorer 6.0+ on a Windows Platform (or Windows Emulator on Linux).   As far as I know, the lecture editor does not work on a Mac on Internet Explorer due to inline HTML editing is not possible in IE on a Mac (Concept Editor has same issue).  MathPlayer for display of MathML equations.  WebEQ equation editor must be installed to edit equation.

Documents are made up of granules.  Granules are individual pieces of the lecture that are arranged in the hierarchical outline structure. The Outline organization is an important feature of the teaching materials created with Lecture Composer. If hierarchies are not needed, granules can be arranged into a simple list.

Granules can be moved, copied, and deleted from the lecture individually.  Granules are not limited in size—they can range from one line to multiple pages. We suggest you make granules as small as needed to compose the teaching material. This makes further handling of granules easier.  Each granule can be edited with the embedded HTML editor.  When the mouse passes over a granule, the granule is highlighted.  By clicking on the granule, the Granule Toolbar in the upper-right becomes available. 

Alt-click on the granule switches to the editing of the granule.

Each granule has a "marker" symbol at the left of the granule. Clicking on the marker symbol expands and collapses the hierarchy of granules that is below this particular one.

GRANULE TOOLBAR

• Save (Ctrl-X) - Saves the lecture to the server or local computer. Switches to the Save the Lecture mode. After clicking, press the Save to Server button to save the lecture to the ADEPT server. The Save to File saves it to your computer (for back-ups or otherwise), while Copy to Clipboard copies it to your clipboard. Return (cntrl-X) returns you to the editor without saving. Note: You must press both the Save button, then the Save to Server button to save the lecture to the server .
  
  
• Left (Ctrl-left arrow) - Moves the selected granule up a level in the hierarchy while visually moving the granule left. The granule becomes a sibling of its parent. Any children of the selected granule also moves. 
  
  
• Right (Ctrl -right arrow) - Makes the selected granule a child of the closest preceding (above) sibling while visually moving the current granule to the right (indenting it). 
  
  
• Up (Ctrl-up arrow) - Moves the current granule above its closest sibling above it. Essentially it switches places with the granule above it (most of the time).
  
  
• Down (Ctrl-down arrow) - Moves the current granule below the closest sibling granule. Essentially it switches places with the granule below it.
  
  
• Edit (Ctrl-Enter) - Puts the granule in 'edit' mode where it is editable in the inline HTML editor. This is just like the Alt-click, but applies to the currently selected granule. 
   
• C_lize - Builds the conceptualization tree (for use in the concept grapher) for this particular granule. Asks for a concept name and concept id.  This name and id must match the name and id found in the concept database.  This is used for representing the concepts in the 'concept grapher' and is not shown in the actual lecture, except as a small star burst icon.
  
  
• Delete (delete key) - Deletes the current granule and any children. You must save your edits for this to be saved to the server. To undo it, close the window without saving and re-open.  You will lose any other changes you have also made.
  
  
• Link (Ctrl-K) - Edits an internal link for the granule. At this point it is only used in editing templates.
  
  
• Insert- Inserts a new empty granule above the currently selected granule. If you have 'marked' an existing granule, it pastes the existing granule instead and removes it from its old location.
  
  
• Mark - Marks the current granule for insertion using Insert. The cursor indicates that you are "moving' the granule until you use Insert to add the granule."  Press Escape to cancel moving the granule. Opening any granule for editing also cancels any current marking in effect. Essentially it copys it so you can move it anywhere you want.
  
  
• Custom Templates - The options below Mark are the custom templates created with the template editor. They insert granules with the content defined in the template editor.

• Select the granule with the mouse then press Edit on the Granule Toolbar. 

The HTML editor is displayed. The HTML editor lets you edit the granule in WYSIWYG or graphical mode and in source mode.  I recommend never using source mode unless you have experience writing HTML with a text editor.

HTML EDITOR

• Editor Size - Changes the size of the editor itself. The fractions are relative to themselves only, as 1 is full-size. Does not affect content.
  
  
• Text Style - This pull-down changes the predefined style of the selected text in the editor.
  
  
• Text Font - Changes the selected text to the font selected. 
  
  
• Text Size - Changes the selected text to the size selected.  These are web sizes, and their implementations will vary in different browsers and platforms.
•  Save - Saves your edits and closes the HTML editor.  You must use the 'Granule Toolbar's' Save to save the changes to the server additionally.
•  Cut - Cuts the current selection (which copies it to the clipboard at same time).
•  Copy - Copys the current selection to the clipboard.
•  Paste - Pastes the current clipboard item where the cursor is located.
•  Undo - Undoes the last change made in the HTML editor
•  Redo - Redoes the last undone change made in the HTML editor
•  Bold - Makes the currently selected text bold. Undoes currently selected bold text.
•  Italic - Makes the currently selected text italic. Undoes currently selected italic text.
•  Underline - Makes the currently selected text underlined. Undoes currently selected underlined text.
•  Left Justify - Aligns current selection to left.
•  Center Justify - Aligns current selection to center.
•  Right Justify - Aligns current selection to the right.
•  Numerical List - Type the first item in the list, then select the text, click the button and a numerical list is created.  Pressing return creates the next item in the list.  Pressing Return twice ends the list.
•  Bulleted List - Type the first item in the list, then select the text, click the button and a bulleted list is created.  Pressing return creates the next item in the list. Pressing Return twice ends the list.
•  Move Left - Moves the selection to the left (about 5 spaces).
•  Move Right (Indent)  - Moves the selection to the right (about 5 spaces).
•  Text Color - Brings up a color selection window for changing the text color of the selected Text.  Click the color you wish to assign to the text.  NOTE: You must deactivate any 'pop-up' killer you may be using to correctly use this feature.
•  HTML Link - Select the text you wish to which you want to add a link.  Click the button, a prompt asks you for the HTML link to insert.  Enter the link and press Okay. Your link is inserted.
•  Split - Doesn't do anything.  Its supposed to split the granule into two new granules at the cursor point.
•  Join - Doesn't do anything.  Its supposed to join the granules (how ?)
•  Insert Image - Inserts an image at the current location of the cursor in the HTML editor.  Clicking the button will bring up a dialog box where you paste (or type) the web address of the image you wish to use.  (Image must be on the web to use this feature, I recommend using your personal space for this for now.)
•  Insert Table - Inserts a HTML table into the current location of the cursor.  Asks for number of rows and columns.  Apparently not customizable without editing source-code.
•  Insert MathML Equation - Doesn't seem to do anything now??  Should be able to graphically build mathematical equations and insert them into the HTML.  See Concept Editor for how this would work.
• Edit HTML (Source Code) - Allows editing of the source code of the granule.  Unless you are an HTML expert, I do not recommend editing the granule in this method.  That said, it seems its the only way to do some things at this moment: changing style of your table, undoing a link, inserting a line break <br> etc.
•  Close Without Saving - Quits the current edit session and returns back to the Lecture Editor without saving the current edits.

List of wanted enhancements to HTML Editor:

This is a list of the enhancements to the HTML editor users have requested:

• Full Table Editing - Edit table width, height, style without editing source code (for both when adding table and later) (See concept editor)
• Equation Editor - Implementation of the MathML equation editor found in the Concept Editor
• Line Break - Button to insert line break in HTML without editing source code (See concept editor)
• Insert Symbols - Button to insert "¡ ¢ £ ¤ ¥ ¦ § ¨ © ª « ¬ ­ ® ¯ ° ± ² ³ ´ µ ¶ · ¸ ¹ º » ¼ ½ ¾ ¿ † ‡ • … ‰ € ™" Symbols
• Insert Image - Add ability to add alt tag to make it work better with screen reader programs. Nice interface would be good too. Upload capability? Use Alexandria?
• CSS font implementation - Change from uses deprecated <FONT> tags to inline styles, thus allowing point based font sizes such as 12pt which are 12pt on all computers. 
• Non-pop-up implementation of color selector for font colors, so pop-up killer doesn't have to be disabled.

Editing a Lecture Template

A lecture template is used to define pre-built HTML granules to insert into your lectures when editing the lecture.  The Lecture Template Editor works exactly the same as the Lecture Editor, except each granule built is one template. You can put any HTML content into any template you wish, including tables, images, equations, etc.

To name your granule as a template (to give the granule a name so it will show up on the Granule Toolbar):

1. After creating your template, select it and press the Link button.
2. Enter the name you want to appear on the toolbar. 
   
   Remember to keep the name short so it fits.  When you are editing a lecture, click the named template and the granule you defined for it is inserted in the lecture.