<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;}
p
{mso-style-priority:99;
mso-margin-top-alt:auto;
margin-right:0cm;
mso-margin-bottom-alt:auto;
margin-left:0cm;
font-size:12.0pt;
font-family:"Times New Roman","serif";
color:black;}
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;}
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.EmailStyle18
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:windowtext;}
span.EmailStyle19
{mso-style-type:personal;
font-family:"Calibri","sans-serif";
color:#1F497D;}
span.HTMLPreformattedChar
{mso-style-name:"HTML Preformatted Char";
mso-style-priority:99;
mso-style-link:"HTML Preformatted";
font-family:Consolas;
color:black;}
span.EmailStyle23
{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;}
--></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'>It uses jQuery. The aim is that you will be able to view LOs made for the Flash viewer in the html5 version. The aim is initially to develop the interface and the some of the basic page types so even if all the pages aren’t available immediately in the html version a range of them will be.<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> 30 March 2012 16:15<br><b>To:</b> For Xerte technical developers<br><b>Subject:</b> [Xerte-dev] Re: HTML5 viewer<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='margin-left:36.0pt'>What Language are you writing this in? And are you going to try to interpret existing LO's? <br><br>Looks good!<br><br>Op 30-3-2012 17:11, Julian Tenney schreef: <o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>Great!</span><o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'> </span><o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>We want to use this as a way of letting the development take place in full view, so we can surface issues and questions as they arise, and debate the various things we need to debate here. It will greatly aid the project if you can help by chipping in thoughts and observations as we go along – accessibility is an area to be concerned with, and things will be quite different in HTML than in Flash, for obvious reasons, and we need to think about the framework for developers to extend the system with their own templates: so if you have any thought s about how this should work from a developers point of view please pipe up.</span><o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'> </span><o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'>This is a brilliant start! Have a great weekend,</span><o:p></o:p></p><p class=MsoNormal style='margin-left:36.0pt'><span style='color:#1F497D'> </span><o:p></o:p></p><div><div style='border:none;border-top:solid #B5C4DF 1.0pt;padding:3.0pt 0cm 0cm 0cm'><p class=MsoNormal style='margin-left:72.0pt'><b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'>From:</span></b><span lang=EN-US style='font-size:10.0pt;font-family:"Tahoma","sans-serif"'> <a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">xerte-dev-bounces@lists.nottingham.ac.uk</a> [<a href="mailto:xerte-dev-bounces@lists.nottingham.ac.uk">mailto:xerte-dev-bounces@lists.nottingham.ac.uk</a>] <b>On Behalf Of </b>Fay Cross<br><b>Sent:</b> 30 March 2012 16:03<br><b>To:</b> For Xerte technical developers<br><b>Subject:</b> [Xerte-dev] HTML5 viewer</span><o:p></o:p></p></div></div><p class=MsoNormal style='margin-left:72.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'>Hello<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'>This week the project to make a HTML5 viewer for Toolkits started. You can view an work in progress example of it here <a href="http://ltdev.nottingham.ac.uk/toolkits/prototypeInterface.htm">http://ltdev.nottingham.ac.uk/toolkits/prototypeInterface.htm</a> (best to view in Firefox at the moment - the css hasn’t been sorted properly yet)<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'>At the moment it’s obviously very rough and looks terrible! I’ve added all the optional properties to the LO so I can make sure everything that works in the Flash version works here too (background image, icon, menu page, menu image etc.). The aim is to get the main interface finalised before we start work on any of the page models so although it is getting info from an xml file to load in the correct page type and give it a title, everything else on each page is currently fixed. The page models are separate html files that are loaded in to the main interface html.<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'>A few things have come up as I’ve been working on this that you might have opinions on:<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'>We were thinking of getting rid of a lot of the options at the bottom of the Flash version (Font / Text Size etc.) and have the browser setting deal with this. What do you think about the size of it though – fix it at 800 x 600 or have it automatically resize? Do you think we will still need an option to swap views?<o:p></o:p></p><p class=MsoListParagraph style='margin-left:108.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'>In this version there’s a main style sheet and you can also add styles to each page model html file if there’s any stuff specific to that model. This seems to work ok but I was wondering what would happen if you uploaded a custom style sheet for the LO – these override the main one but not the model specific styles. For those who have made custom interfaces for projects in the past is this likely to be a problem? I would have thought the styles in the models will be more general layout things.<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'> <o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'>Thanks<o:p></o:p></p><p class=MsoNormal style='margin-left:72.0pt'>Fay<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"'><o:p> </o:p></span></p><p style='margin-left:36.0pt'>This message and any attachment are intended solely for the addressee and may contain confidential information. If you have received this message in error, please send it back to me, and immediately delete it. Please do not use, copy or disclose the information contained in this message or in any attachment. Any views or opinions expressed by the author of this email do not necessarily reflect the views of the University of Nottingham. <o:p></o:p></p><p style='margin-left:36.0pt'>This message has been checked for viruses but the contents of an attachment may still contain software viruses which could damage your computer system: you are advised to perform your own checks. Email communications with the University of Nottingham may be monitored as permitted by UK legislation. <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><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><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>This message and any attachment are intended solely for the addressee and may contain confidential information. If you have received this message in error, please send it back to me, and immediately delete it. Please do not use, copy or disclose the information contained in this message or in any attachment. Any views or opinions expressed by the author of this email do not necessarily reflect the views of the University of Nottingham.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><pre style='margin-left:36.0pt'>This message has been checked for viruses but the contents of an attachment<o:p></o:p></pre><pre style='margin-left:36.0pt'>may still contain software viruses which could damage your computer system:<o:p></o:p></pre><pre style='margin-left:36.0pt'>you are advised to perform your own checks. Email communications with the<o:p></o:p></pre><pre style='margin-left:36.0pt'>University of Nottingham may be monitored as permitted by UK legislation.<o:p></o:p></pre><pre style='margin-left:36.0pt'><o:p> </o:p></pre><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>