Separating content (on pages) and navigation is a sound approach. Ultimately that would mean you could choose navigation and sub navigation models (menus, slide shows, etc ) and then add individual pages with content needed, video, images with hotspots etc <br>
<br>
<div class="gmail_quote">On Sun, Apr 25, 2010 at 12:25 PM, Julian Tenney <span dir="ltr"><<a href="mailto:Julian.Tenney@nottingham.ac.uk">Julian.Tenney@nottingham.ac.uk</a>></span> wrote:<br>
<blockquote style="BORDER-LEFT: #ccc 1px solid; MARGIN: 0px 0px 0px 0.8ex; PADDING-LEFT: 1ex" class="gmail_quote">
<div>
<div dir="ltr">
<div dir="ltr"><font color="#000000" size="2" face="Arial">Do we need a router template? Think of it as a menu to other LOs - you'd configure it by adding options, with a URL for each piece launched. It wouldn't be too hard to do.</font></div>
<div dir="ltr"><font size="2" face="Arial"></font> </div>
<div dir="ltr"><font size="2" face="Arial">A router template would present choices for the user to determine where to go next, and could present those choices in a number of ways A simple list, hotspots, radio buttons for example. The user navigates to the router, makes a choice and goes either to another instance of the router, with further options, or to a LO. All the LOs pages are therefore leaf pages. You can then nest content to n levels.</font></div>
<div dir="ltr"><font size="2" face="Arial"></font> </div>
<div dir="ltr"><font size="2" face="Arial">Then there probably needs to be someway back to the launching router from the LO (although the browser's 'back' button would do this - if visible). </font></div>
<div dir="ltr"> </div>
<div dir="ltr"><font size="2" face="Arial">I think this might make the navigation cleaner for the user than trying to mix navigation AND content in LOs themselves, and seperating content from navigation seems a sensible thing to do,</font></div>
<div dir="ltr"><font size="2" face="Arial"></font> </div>
<div dir="ltr"><font size="2" face="Arial">J</font></div></div>
<div dir="ltr"><br>
<hr>
<font size="2" face="Tahoma"><b>From:</b> <a href="mailto:xerte-bounces@lists.nottingham.ac.uk" target="_blank">xerte-bounces@lists.nottingham.ac.uk</a> on behalf of Alan Duncan<br><b>Sent:</b> Sat 24/04/2010 12:33<br><b>To:</b> Xerte discussion list<br>
<b>Subject:</b> [Xerte] structuring LO's needing a topic hierarchy<br></font><br></div>
<div>
<div> Sorry this is a bit long</div>
<div> </div>
<div>I am intending to use xerte to present on-line leaning for a software application (First session next week actually). The LO's will be usd for initial training and will also serve as the business process help system for users who have forgotten how to do something. Separate learning objects will be created for each of the business processes and some sub processes depending on the level of complexity or detail the process needs (and managed at the LO level by Moodle or some other LMS to allow practical learning tasks and competency tests to be available for each process and fully managed etc.<br>
</div>
<div style="MARGIN-BOTTOM: 0cm">The overall question is how to (quickly) set up a 2 or 3 level hierarchy with different page types at the leaf level</div>
<div style="MARGIN-BOTTOM: 0cm">An example of part of the first LO is as follows </div>
<p style="MARGIN-BOTTOM: 0cm">Topic 2 – biscoPro Screen</p>
<p>
<table border="1" cellspacing="0" cellpadding="4" width="100%">
<colgroup>
<tbody>
<tr>
<td><font size="1"></font></td></tr>
<colgroup>
<col width="53">
<col width="85">
<col width="70">
<col width="48">
<tbody>
<tr valign="top">
<td rowspan="2" width="21%">
<p><font size="2">Main Screen</font></p></td>
<td width="33%">
<p><font size="2">Notes + Image = main screen</font></p></td>
<td width="27%">
<p><font size="2"><br></font></p></td>
<td width="19%">
<p><font size="2"><br></font></p></td></tr>
<tr valign="top">
<td width="33%">
<p><font size="2">Notes </font></p></td>
<td width="27%">
<p><font size="2"><br></font></p></td>
<td width="19%">
<p><font size="2"><br></font></p></td></tr>
<tr valign="top">
<td rowspan="3" width="21%">
<p><font size="2">Main List</font></p></td>
<td width="33%">
<p><font size="2">Notes + Image = mainlist</font></p></td>
<td width="27%">
<p><font size="2"><br></font></p></td>
<td width="19%">
<p><font size="2"><br></font></p></td></tr>
<tr valign="top">
<td width="33%">
<p><font size="2">Notes + Image = mainlist</font></p></td>
<td width="27%">
<p><font size="2"><br></font></p></td>
<td width="19%">
<p><font size="2"><br></font></p></td></tr>
<tr valign="top">
<td width="33%">
<p><font size="2">Notes = usage</font></p></td>
<td width="27%">
<p><font size="2"><br></font></p></td>
<td width="19%">
<p><font size="2"><br></font></p></td></tr>
<tr valign="top">
<td rowspan="6" width="21%">
<p><font size="2">Main Tool Bar</font></p></td>
<td rowspan="4" width="33%">
<p><font size="2">My Diary</font></p></td>
<td width="27%">
<p><font size="2">My Desktop</font></p></td>
<td width="19%">
<p><font size="2">Notes + Images?</font></p></td></tr>
<tr valign="top">
<td width="27%">
<p><font size="2">Diary (Old)</font></p></td>
<td width="19%">
<p><font size="2">Notes + Images?</font></p></td></tr>
<tr valign="top">
<td width="27%">
<p><font size="2">Show Reminders</font></p></td>
<td width="19%">
<p><font size="2">Notes + Images?</font></p></td></tr>
<tr valign="top">
<td width="27%">
<p><font size="2">Close Reminders</font></p></td>
<td width="19%">
<p><font size="2">Notes + Image?</font></p></td></tr>
<tr valign="top">
<td width="33%">
<p><font size="2">Reports</font></p></td>
<td width="27%">
<p><font size="2">A list of 10, or more</font></p></td>
<td width="19%">
<p><font size="2">Separate Topic </font></p></td></tr>
<tr valign="top">
<td width="33%">
<p><font size="2">Search</font></p></td>
<td width="27%">
<p><font size="2">Search Form notes + image</font></p></td>
<td width="19%">
<p><font size="2">Separate topic </font><font size="2">Direct Link?</font></p></td></tr></tbody></colgroup></tbody></colgroup></table></p>
<div style="MARGIN-BOTTOM: 0cm">Other topics are </div>
<div style="MARGIN-BOTTOM: 0cm">Topic 4 Tree View</div>
<div style="MARGIN-BOTTOM: 0cm">Topic 5 Button Bar more details on special buttons e.g $Cost</div>
<div style="MARGIN-BOTTOM: 0cm">Topic 6 Glides/Splitters</div>
<div style="MARGIN-BOTTOM: 0cm">Topic 7 Right Click Menu</div>
<div style="MARGIN-BOTTOM: 0cm">Topic 8 Grid View</div>
<div style="MARGIN-BOTTOM: 0cm">Topic 9 Search</div>
<div style="MARGIN-BOTTOM: 0cm">Topic 10 Reports (*Could easily be another LO)<br></div>
<div style="MARGIN-BOTTOM: 0cm">How the topic is used </div>
<div style="MARGIN-BOTTOM: 0cm">Ideally the user will go straight to the topic of interest and be able to go back and forward between subtopics where there is no implied sequence</div>
<p style="MARGIN-BOTTOM: 0cm">Tab navigator looks the most suitable because the user can tab to what they want without clicking thourgh a sequence of pages that are not relevant to the specific topic the user wants to view. At the same time they can still see the other sub topics in the group </p>
<p style="MARGIN-BOTTOM: 0cm">However this is not a single hierarchy it has </p>
<ol>
<li>
<p style="MARGIN-BOTTOM: 0cm">the list of topics (a Menu Page?)</p>
<li>
<p style="MARGIN-BOTTOM: 0cm">the first level sub topic </p>
<li>
<p style="MARGIN-BOTTOM: 0cm">the second level sub topic</p></li></li></li></ol>
<p style="MARGIN-BOTTOM: 0cm">1 What is the best way to implement with a 3 -level hierarchy (more than that will probably confound the user) e.g a tabbed navigator with a tabbed navigator as one of the “pages'</p>
<p style="MARGIN-BOTTOM: 0cm">2 There is a practical limitation on the number of tabs that can fit on a single page. What is the best way to cope with the 10 sub topics in the tool bar topic for example?</p>
<p style="MARGIN-BOTTOM: 0cm">3 It is possible an leaf (sub topic) would need to use a slide show, annotated page, or even another navigator etc. Ideally any leaf level item could use any existing page wizard plus maybe some new ones that need to be created</p>
<p style="MARGIN-BOTTOM: 0cm">4 What is the best way to integrate the different page types into one of the navigator page wizards (especially the Tabbed Navigator or the Routed Tab Navigator</p>
<div style="MARGIN-BOTTOM: 0cm">5 what is the best way to direct link fronm within a tabbed lead page to another topic ( a GOTO!)</div>
<div style="MARGIN-BOTTOM: 0cm"> </div>
<div style="MARGIN-BOTTOM: 0cm">Suggestions most welcome as I need to produce something really fast (apart from a menu page it looks like everything needed is there)</div>
<div style="MARGIN-BOTTOM: 0cm"> </div>
<div style="MARGIN-BOTTOM: 0cm">I thnk this sort of relates to the mention of pedagogical models that was raised on one of the Friday forums a while back</div>
<div style="MARGIN-BOTTOM: 0cm"> </div>
<div style="MARGIN-BOTTOM: 0cm">Regards</div>
<div style="MARGIN-BOTTOM: 0cm">Alan Duncan </div></div></div><br>_______________________________________________<br>Xerte mailing list<br><a href="mailto:Xerte@lists.nottingham.ac.uk">Xerte@lists.nottingham.ac.uk</a><br>
<a href="http://lists.nottingham.ac.uk/mailman/listinfo/xerte" target="_blank">http://lists.nottingham.ac.uk/mailman/listinfo/xerte</a><br><br></blockquote></div><br>