<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"><head><meta http-equiv=Content-Type content="text/html; charset=us-ascii"><meta name=Generator content="Microsoft Word 12 (filtered medium)"><style><!--
/* Font Definitions */
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Tahoma;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:Consolas;
panose-1:2 11 6 9 2 2 4 3 2 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
color:black;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:blue;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:purple;
text-decoration:underline;}
pre
{mso-style-priority:99;
mso-style-link:"HTML Preformatted Char";
margin:0cm;
margin-bottom:.0001pt;
font-size:10.0pt;
font-family:"Courier New";
color:black;}
tt
{mso-style-priority:99;
font-family:"Courier New";}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";
color:black;}
span.EmailStyle19
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.HTMLPreformattedChar
{mso-style-name:"HTML Preformatted Char";
mso-style-priority:99;
mso-style-link:"HTML Preformatted";
font-family:Consolas;
color:black;}
span.EmailStyle22
{mso-style-type:personal-reply;
font-family:"Calibri","sans-serif";
color:#1F497D;}
.MsoChpDefault
{mso-style-type:export-only;
font-size:10.0pt;}
@page WordSection1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.WordSection1
{page:WordSection1;}
/* List Definitions */
@list l0
{mso-list-id:995841086;
mso-list-type:hybrid;
mso-list-template-ids:1188344706 134807567 134807577 134807579 134807567 134807577 134807579 134807567 134807577 134807579;}
@list l0:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l1
{mso-list-id:1617131297;
mso-list-type:hybrid;
mso-list-template-ids:1300415138 134807567 134807577 134807579 134807567 134807577 134807579 134807567 134807577 134807579;}
@list l1:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l1:level2
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l1:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l1:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l1:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l1:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l1:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l1:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l1:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l2
{mso-list-id:1625237325;
mso-list-type:hybrid;
mso-list-template-ids:-1024306034 134807567 134807577 134807579 134807567 134807577 134807579 134807567 134807577 134807579;}
@list l2:level1
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
ol
{margin-bottom:0cm;}
ul
{margin-bottom:0cm;}
--></style><!--[if gte mso 9]><xml>
<o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
<o:shapelayout v:ext="edit">
<o:idmap v:ext="edit" data="1" />
</o:shapelayout></xml><![endif]--></head><body bgcolor=white lang=EN-GB link=blue vlink=purple><div class=WordSection1><p class=MsoNormal><span style='color:#1F497D'>To add to what Tom and Pat have said...<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>1. Ctrl-Play in the wizard to preview in HTML5 and then if you make a project public you will see the two links in the properties panel for the Flash and HTML versions. When all the page types are finished in HTML5 it will become the default, possibly with some browser detection that will send you to the Flash version if needed.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'>3. The css files for the html version are in modules\xerte\parent_templates\Nottingham\common_html5\css. It’s the mainStyles.css file that contains the bits you’d want to change. I would like to separate out the purely aesthetic css in this file from the css that controls the structure/layout of the interface to make it easier to customise but I haven’t had a chance yet.<o:p></o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><p class=MsoNormal><span style='color:#1F497D'><o:p> </o:p></span></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal style='margin-left:36.0pt'><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif";color:windowtext'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif";color:windowtext'> xerte-dev-bounces@lists.nottingham.ac.uk [mailto:xerte-dev-bounces@lists.nottingham.ac.uk] <b>On Behalf Of </b>Tom Reijnders<br><b>Sent:</b> 08 February 2013 09:30<br><b>To:</b> For Xerte technical developers<br><b>Subject:</b> [Xerte-dev] Re: noob xerte questions<o:p></o:p></span></p></div></div><p class=MsoNormal style='margin-left:36.0pt'><o:p> </o:p></p><p class=MsoNormal style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:12.0pt;margin-left:36.0pt'>Welcome Alex,<br><br>Let me give it a shot, others will certainly fill in the gaps or correct my mistakes... ;-)<br><br>Before reading these answers, please be aware that the HTML5 is still very much a work in progress. It is not finished yet. <br><br>1. Enabling HTML5. Depending on what you want:<br> - In the wizard, press Ctrl+Play to preview in HTML5<br> - When embedding the code, do the opposite, replace the play.html.php in the url with play_html5.php<br><br>In the near future, (target date is around Easter for now) the default output will be HTML5. Also see <br><br><a href="http://xerte.org.uk/index.php/component/content/article/125-english/features-en/137-conversion-progress">http://xerte.org.uk/index.php/component/content/article/125-english/features-en/137-conversion-progress</a><br><br><br>2. Exporting in HTML5 is (as far as I know) not implemented yet.<br>3. After the conversions of all the template pages that currently are available in Flash to HTML5 is finished, Fay promised to write a document on how the CSS is structured and what the best way for customization is.<br>4. Don't know. Not to my knowledge. It shouldn't be to difficult to write though, as all the information you need is in an .xml file/structure.<br>5. You can in HTML5. You can also in flash, buty not automatically. For flash you would need to construct the url yourself. <br><br>To quote a recent message in the dev list:<br><br><tt><span style='font-size:10.0pt'>In the flash version I set it to work with the following:</span></tt><span style='font-size:10.0pt;font-family:"Courier New"'><br><br><tt><a href="http://vle.jisctechdis.ac.uk/xot/play.php?template_id=159&linkID=PG1352114465620">http://vle.jisctechdis.ac.uk/xot/play.php?template_id=159&linkID=PG1352114465620</a></tt><br><br><tt><a href="http://vle.jisctechdis.ac.uk/xot/play.php?template_id=159&page=3">http://vle.jisctechdis.ac.uk/xot/play.php?template_id=159&page=3</a></tt><br><br><tt><a href="http://vle.jisctechdis.ac.uk/xot/play.php?template_id=159&pageID=advanced">http://vle.jisctechdis.ac.uk/xot/play.php?template_id=159&pageID=advanced</a></tt><br><br><tt>Sounds like pageID might not be needed anymore but can't see there being any hurt in including it.</tt><br><br><br><tt>Regards,</tt><br><br><tt>Tom</tt></span><o:p></o:p></p><div><p class=MsoNormal style='margin-left:36.0pt'>Op 8-2-2013 9:57, Furr A.D. schreef:<o:p></o:p></p></div><blockquote style='margin-top:5.0pt;margin-bottom:5.0pt'><p class=MsoNormal style='margin-left:36.0pt'>Hello All,<o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'>I’m new to the list, and also new to xerte so please forgive my ignorance. I’m an experienced PHP developer (and flash) but don’t know my way round xerte…yet.<o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'>I was after some pointers for the following, and searching the archives didn’t yield much. If they’ve been answered elsewhere (as I’m sure they are common queries) then please point me in that direction!<br>So on to the questions:<o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'> <o:p></o:p></p><p class=MsoListParagraph style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:12.0pt;margin-left:72.0pt;text-indent:-18.0pt;mso-list:l1 level1 lfo2'><![if !supportLists]><span style='mso-list:Ignore'>1.<span style='font:7.0pt "Times New Roman"'> </span></span><![endif]><b>Enabling HTMl5 output<br></b>Is the only way to switch on HTML output to rename play_html5.php > play.php and preview_html5.php > preview.php ? Or am I missing an obvious interface.<o:p></o:p></p><p class=MsoListParagraph style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:12.0pt;margin-left:72.0pt;text-indent:-18.0pt;mso-list:l1 level1 lfo2'><![if !supportLists]><span style='mso-list:Ignore'>2.<span style='font:7.0pt "Times New Roman"'> </span></span><![endif]><b>Exporting as HTML5<br></b>Currently the export process is still as flash – I’m assuming this is coming, or if it’s already there how do I switch it on?<o:p></o:p></p><p class=MsoListParagraph style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:12.0pt;margin-left:72.0pt;text-indent:-18.0pt;mso-list:l1 level1 lfo2'><![if !supportLists]><span style='mso-list:Ignore'>3.<span style='font:7.0pt "Times New Roman"'> </span></span><![endif]><b>Modifying the look and feel (HTML version)<br></b>Like most institutions we’d like to customise the styles somewhat. Are there any guidelines how to do this via the templates folder? I’m proficient in CSS but would simply like to know which key DIVs I need to override to add logos / new colours for the header and footer etc of the output file<o:p></o:p></p><p class=MsoListParagraph style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:12.0pt;margin-left:72.0pt;text-indent:-18.0pt;mso-list:l1 level1 lfo2'><![if !supportLists]><span style='mso-list:Ignore'>4.<span style='font:7.0pt "Times New Roman"'> </span></span><![endif]><b>Custom nav menu?<br></b>Possibly a more advanced query – is there a function to spit out nav menu of the object onto a template? For some projects we’d like to menu to stay up on all pages, and I assume this would require a custom template. I’m hoping there is a php function we can call to spit this out (<ul> list?) onto a page where required.<o:p></o:p></p><p class=MsoListParagraph style='margin-left:72.0pt;text-indent:-18.0pt;mso-list:l1 level1 lfo2'><![if !supportLists]><span style='mso-list:Ignore'>5.<span style='font:7.0pt "Times New Roman"'> </span></span><![endif]><b>Bookmarking individual pages<br></b>I can’t see an obvious way of bookmarking an individual page within a learning object as its rendered dynamically (Ajax? JS innderDiv?) - I’m assuming individual page bookmarking isn’t possible, can anyone confirm?<o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'><b> </b><o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'>Thanks in advance – I’m trying to get the University of Southampton on board (mostly there) but allowing customisation would seal the deal.<o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'>Kind regards,<o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'>Alex<o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'> <o:p></o:p></p><p class=MsoNormal style='mso-margin-top-alt:0cm;margin-right:0cm;margin-bottom:12.0pt;margin-left:36.0pt'>Dr Alex Furr<o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'>eLearning Developer and Consultant<br>Centre for Innovation in Technologies and Education<o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'><a href="http://www.cite.soton.ac.uk">www.cite.soton.ac.uk</a><o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'>e: <a href="mailto:alexfurr@soton.ac.uk">alexfurr@soton.ac.uk</a><o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'>m: 07779 606934<o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:12.0pt;font-family:"Times New Roman","serif"'><br><br><br><br><br><br><o:p></o:p></span></p><pre style='margin-left:36.0pt'>_______________________________________________<o:p></o:p></pre><pre style='margin-left:36.0pt'>Xerte-dev mailing list<o:p></o:p></pre><pre style='margin-left:36.0pt'><a href="mailto:Xerte-dev@lists.nottingham.ac.uk">Xerte-dev@lists.nottingham.ac.uk</a><o:p></o:p></pre><pre style='margin-left:36.0pt'><a href="http://lists.nottingham.ac.uk/mailman/listinfo/xerte-dev">http://lists.nottingham.ac.uk/mailman/listinfo/xerte-dev</a><o:p></o:p></pre></blockquote><p class=MsoNormal style='margin-left:36.0pt'><span style='font-size:12.0pt;font-family:"Times New Roman","serif"'><br><br><o:p></o:p></span></p><pre style='margin-left:36.0pt'>-- <o:p></o:p></pre><pre style='margin-left:36.0pt'>--<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>Tom Reijnders<o:p></o:p></pre><pre style='margin-left:36.0pt'>TOR Informatica<o:p></o:p></pre><pre style='margin-left:36.0pt'>Chopinlaan 27<o:p></o:p></pre><pre style='margin-left:36.0pt'>5242HM Rosmalen<o:p></o:p></pre><pre style='margin-left:36.0pt'>Tel: 073 5226191<o:p></o:p></pre><pre style='margin-left:36.0pt'>Fax: 073 5226196<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre></div></body></html>