<html><head><meta http-equiv="Content-Type" content="text/html charset=windows-1252"></head><body style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; ">Hi Luca,<div><br></div><div>It would be good to discuss options for building a web ROI editor.</div><div>This has been a missing feature of OMERO web client for a long time now.</div><div><br></div><div>Unfortunately when I last looked, I didn't find any nice libraries to provide simple drawing functionality.</div><div>This is a bit surprising given how useful this would be in a number of web apps.</div><div>So it may be necessary to build this "from scratch", E.g. using Raphael.js (as we use that for the current ROI display in web).</div><div><br></div><div>I have started to explore this option as part of OMERO.figure (see <a href="https://github.com/will-moore/figure/issues/79">https://github.com/will-moore/figure/issues/79</a>)</div><div>using Raphael.js and Backbone.js as in the existing figure app.</div><div><br></div><div>If this is successful, then I would hope that it provides something that can be reused in the web-client.</div><div>Either to reuse the code directly, or at least benefit from the experience! </div><div>I'll keep you up to date on progress.</div><div><br></div><div>If you build an ROI editor as part of a Moodle plugin, is it possible to reuse this outside of Moodle?</div><div>What sort of timescale are you thinking of?</div><div>Any particular javascript libraries that you think might be useful for this?</div><div><br></div><div> Regards,</div><div><br></div><div> Will.</div><div><br></div><div><br></div><div><br><div><div>On 13 May 2015, at 16:15, Luca Lianas <<a href="mailto:luca.lianas@crs4.it">luca.lianas@crs4.it</a>> wrote:</div><br class="Apple-interchange-newline"><blockquote type="cite"><meta http-equiv="Content-Type" content="text/html charset=utf-8"><div style="word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space;" class=""><span class="">Hi Doug (and OME team, of course),<br class="">we are facing a situation similar to the one described by Doug, in fact we are working on an integrated system based on Moodle and OMERO the context of an European project on cytology training.<br class=""><br class="">Our first goal, as stated above, is to have a complete integration with Moodle, but we are working to make possible to integrate OMERO.web with third-party software to provide a standard mechanism to interact with the web viewer using external Javascript code.<br class="">The first development phase will be focused on enabling OMERO.web's javascript client to interact with third-part software, the second phase will be focused on the development of a prototype of a web editor for OMERO's ROIs so that it will be possible to define new regions of interest from the web client or from an external system (by using proper tools, of course).<br class=""><br class="">We already started by adding a feature that enables users to select which ROIs will be shown on screen when using the web client<br class=""><br class=""><a href="https://github.com/openmicroscopy/openmicroscopy/pull/3432" class="">https://github.com/openmicroscopy/openmicroscopy/pull/3432</a><br class=""><br class="">ROIs can be turned ON\OFF by using OMERO.web controls (since version 5.1.0) or by Javascript software as you can see from the example<br class=""><br class=""><a href="https://github.com/lucalianas/openmicroscopy/blob/develop/examples/Web/embed_rois_selection.html">https://github.com/lucalianas/openmicroscopy/blob/develop/examples/Web/embed_rois_selection.html</a><br class=""><br class="">Our second task will be focused on adding a way to "inject" new ROIs to the web viewer.<br class="">The idea is to make possible to create ROIs using an external system (calculate them using a script, draw them using a custom editor and so on...) and push them directly on the web viewer without saving these new items in OMERO's database (which means that external ROIs’ persistence will be managed by the third-part software).<br class="">The only requirement is that these new ROIs must be passed to the viewer using the same specifications described for OMERO's "real" ROIs<br class=""><br class="">https://www.openmicroscopy.org/site/support/ome-model/developers/roi.html<br class=""><br class="">The third task will be the actual implementation of a web editor for OMERO’s ROIs, this editor could become a first prototype for the “real” editor in OMERO.web (of course, with the approval of the OME team :) ).<br class=""><br class="">Right now we are focusing on integrating OMERO and Moodle by building a dedicated Moodle plugin. The teacher will be able to use ROIs defined within OMERO and his own ROIs that will be stored in Moodle's databases and pushed to the web viewer when needed. A ROI editor will be built as a part of Moodle's plugin (and will become a prototype for OMERO.web's ROI editor), this editor will be used both by the teacher (to build ROIs) and by students during exam session (they will be able to answer to some questions by drawing new regions or applying marks on an image, like dots or circles). Moodle plugin will be also used to display slides during lectures that will embed images stored within an OMERO server with the chance to turn ON\OFF specific ROIs during the lecture.</span><div class=""><span class=""><br class=""></span></div><div class=""><span class="">We are going to keep all of you informed on the various stages of the project (and I’m going to push some code to the OME repository).</span></div><div class=""><span class=""><br class=""></span></div><div class=""><span class="">Cheers</span></div><div class=""><span class=""><br class=""></span></div><div class=""><span class="">Luca<br class=""><br class=""></span><span class=""><div class="">---<br class=""><br class="">Luca Lianas<br class="">Data Fusion - Distributed Computing<br class="">CRS4 - Centro di Ricerche, Sviluppo e Studi Superiori della Sardegna<br class="">POLARIS, Edificio 1, 09010 PULA (CA - Italy)<br class=""><br class="">Phone: 070/9250266<br class="">Email: <a href="mailto:luca.lianas@crs4.it" class="">luca.lianas@crs4.it</a><br class=""><br class=""></div></span>
<br class=""><div><blockquote type="cite" class=""><div class="">On 22 Apr 2015, at 12:11, Bean, Douglas <<a href="mailto:douglas.bean@abdn.ac.uk" class="">douglas.bean@abdn.ac.uk</a>> wrote:</div><br class="Apple-interchange-newline"><div class="">
<meta http-equiv="Content-Type" content="text/html; charset=us-ascii" class="">
<meta name="Generator" content="Microsoft Word 15 (filtered medium)" class="">
<style class=""><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@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;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-fareast-language:EN-US;}
a:link, span.MsoHyperlink
{mso-style-priority:99;
color:#0563C1;
text-decoration:underline;}
a:visited, span.MsoHyperlinkFollowed
{mso-style-priority:99;
color:#954F72;
text-decoration:underline;}
p.MsoListParagraph, li.MsoListParagraph, div.MsoListParagraph
{mso-style-priority:34;
margin-top:0cm;
margin-right:0cm;
margin-bottom:8.0pt;
margin-left:36.0pt;
mso-add-space:auto;
line-height:106%;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-fareast-language:EN-US;}
p.MsoListParagraphCxSpFirst, li.MsoListParagraphCxSpFirst, div.MsoListParagraphCxSpFirst
{mso-style-priority:34;
mso-style-type:export-only;
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
mso-add-space:auto;
line-height:106%;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-fareast-language:EN-US;}
p.MsoListParagraphCxSpMiddle, li.MsoListParagraphCxSpMiddle, div.MsoListParagraphCxSpMiddle
{mso-style-priority:34;
mso-style-type:export-only;
margin-top:0cm;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
mso-add-space:auto;
line-height:106%;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-fareast-language:EN-US;}
p.MsoListParagraphCxSpLast, li.MsoListParagraphCxSpLast, div.MsoListParagraphCxSpLast
{mso-style-priority:34;
mso-style-type:export-only;
margin-top:0cm;
margin-right:0cm;
margin-bottom:8.0pt;
margin-left:36.0pt;
mso-add-space:auto;
line-height:106%;
font-size:11.0pt;
font-family:"Calibri",sans-serif;
mso-fareast-language:EN-US;}
span.EmailStyle17
{mso-style-type:personal-compose;
font-family:"Calibri",sans-serif;
color:windowtext;}
.MsoChpDefault
{mso-style-type:export-only;
font-family:"Calibri",sans-serif;
mso-fareast-language:EN-US;}
@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:633021817;
mso-list-type:hybrid;
mso-list-template-ids:1957601900 134807573 134807577 134807579 134807567 134807577 134807579 134807567 134807577 134807579;}
@list l0:level1
{mso-level-number-format:alpha-upper;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level2
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level3
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l0:level4
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level5
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level6
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l0:level7
{mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level8
{mso-level-number-format:alpha-lower;
mso-level-tab-stop:none;
mso-level-number-position:left;
text-indent:-18.0pt;}
@list l0:level9
{mso-level-number-format:roman-lower;
mso-level-tab-stop:none;
mso-level-number-position:right;
text-indent:-9.0pt;}
@list l1
{mso-list-id:1852990664;
mso-list-type:hybrid;
mso-list-template-ids:504406470 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;}
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]-->
<div lang="EN-GB" link="#0563C1" vlink="#954F72" class="">
<div class="WordSection1"><p class="MsoNormal">Hi OME team,<o:p class=""></o:p></p><p class="MsoNormal"><o:p class=""> </o:p></p><p class="MsoNormal">The following is a rough plan based on our meeting before Christmas (Ola, Gus, Jason, Carlos and me) about virtual microscopy for education for Scottish universities.<o:p class=""></o:p></p><p class="MsoNormal"><o:p class=""> </o:p></p><p class="MsoNormal">Our ultimate aim is to make educational virtual microscopy (EVM) available for teaching and learning across all Scottish universities. As this would be a rather large undertaking, I suggest for the time being to focus on integrating EVM
into SDEO (Scottish Dental Education Online) e-learning resources and move on from there once established.
<o:p class=""></o:p></p><p class="MsoNormal"><o:p class=""> </o:p></p><p class="MsoNormal">As I understand it, the steps we need to achieve this would be as follows;<o:p class=""></o:p></p><p class="MsoListParagraphCxSpFirst" style="text-indent:-18.0pt;mso-list:l1 level1 lfo1">
<!--[if !supportLists]--><span style="mso-list:Ignore" class="">1.<span style="font:7.0pt "Times New Roman"" class="">
</span></span><!--[endif]-->Upload some slides (files) to the server space earmarked for SDEO. Assuming I’m correct about that space being available.<o:p class=""></o:p></p><p class="MsoListParagraphCxSpMiddle" style="text-indent:-18.0pt;mso-list:l1 level1 lfo1">
<!--[if !supportLists]--><span style="mso-list:Ignore" class="">2.<span style="font:7.0pt "Times New Roman"" class="">
</span></span><!--[endif]-->Import the existing annotations / ROIs for these slides. I’m guessing this will be on OME systems too, at least for the time being.
<o:p class=""></o:p></p><p class="MsoListParagraphCxSpMiddle" style="text-indent:-18.0pt;mso-list:l1 level1 lfo1">
<!--[if !supportLists]--><span style="mso-list:Ignore" class="">3.<span style="font:7.0pt "Times New Roman"" class="">
</span></span><!--[endif]-->OME will supply some Javascript that will allow me to embed EVM into a webpage and display the content from stages 1 and 2. I will see if I can integrate this into our e-learning to create the activities we need. This should satisfy
user story C, below.<o:p class=""></o:p></p><p class="MsoListParagraphCxSpLast" style="text-indent:-18.0pt;mso-list:l1 level1 lfo1">
<!--[if !supportLists]--><span style="mso-list:Ignore" class="">4.<span style="font:7.0pt "Times New Roman"" class="">
</span></span><!--[endif]--><span style="" class="">Create account request page (similar solution like Dundee Demo server) for lecturers registered with SDEO. This still needs some finely grained definition I think, but would be a start on user story B.</span><o:p class=""></o:p></p><p class="MsoNormal">Once we’ve done this it would probably be a good idea to discuss what we’ve got and how we move forward etc.<o:p class=""></o:p></p><p class="MsoNormal"><o:p class=""> </o:p></p><p class="MsoNormal">I see there being a few user stories / use cases;<o:p class=""></o:p></p><p class="MsoListParagraphCxSpFirst" style="text-indent:-18.0pt;mso-list:l0 level1 lfo2">
<!--[if !supportLists]--><span style="mso-list:Ignore" class="">A.<span style="font:7.0pt "Times New Roman"" class="">
</span></span><!--[endif]-->A lecturer (from any given institution) can present slides during their lecture.<o:p class=""></o:p></p><p class="MsoListParagraphCxSpMiddle" style="text-indent:-18.0pt;mso-list:l0 level1 lfo2">
<!--[if !supportLists]--><span style="mso-list:Ignore" class="">B.<span style="font:7.0pt "Times New Roman"" class="">
</span></span><!--[endif]-->A lecturer (from any given institution) can annotate slides with their own ROIs.<o:p class=""></o:p></p><p class="MsoListParagraphCxSpMiddle" style="text-indent:-18.0pt;mso-list:l0 level1 lfo2">
<!--[if !supportLists]--><span style="mso-list:Ignore" class="">C.<span style="font:7.0pt "Times New Roman"" class="">
</span></span><!--[endif]-->A student can use EVM in directed study (e-learning).<o:p class=""></o:p></p><p class="MsoListParagraphCxSpMiddle" style="text-indent:-18.0pt;mso-list:l0 level1 lfo2">
<!--[if !supportLists]--><span style="mso-list:Ignore" class="">D.<span style="font:7.0pt "Times New Roman"" class="">
</span></span><!--[endif]-->A student can use EVM in directed study (lecture materials).<o:p class=""></o:p></p><p class="MsoListParagraphCxSpLast" style="text-indent:-18.0pt;mso-list:l0 level1 lfo2">
<!--[if !supportLists]--><span style="mso-list:Ignore" class="">E.<span style="font:7.0pt "Times New Roman"" class="">
</span></span><!--[endif]-->A student can use EVM in undirected study, browsing the catalogue.<o:p class=""></o:p></p><p class="MsoNormal">Please add / comment / suggest alterations.<o:p class=""></o:p></p><p class="MsoNormal"><o:p class=""> </o:p></p><p class="MsoNormal">Regards<o:p class=""></o:p></p><p class="MsoNormal">Doug<o:p class=""></o:p></p><p class="MsoNormal"><o:p class=""> </o:p></p><p class="MsoNormal"><b class=""><span style="color:#4F6228;mso-fareast-language:EN-GB" class="">Douglas Bean</span></b><span style="color:#4F6228;mso-fareast-language:EN-GB" class="">
</span><span style="font-size:9.0pt;color:#4F6228;mso-fareast-language:EN-GB" class="">MSc</span><span style="color:#4F6228;mso-fareast-language:EN-GB" class=""> | Software Developer | <a href="http://sdeo.ac.uk/" class="">SDEO.ac.uk</a><o:p class=""></o:p></span></p><div><span style="font-size:8.0pt;color:#4F6228;mso-fareast-language:EN-GB" class=""> </span><br class="webkit-block-placeholder"></div><p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Tahoma",sans-serif;color:#4F6228;mso-fareast-language:EN-GB" class="">Mon - Wed</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#7F7F7F;mso-fareast-language:EN-GB" class=""> - Medi-CAL Unit</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#1F497D;mso-fareast-language:EN-GB" class="">
|</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#7F7F7F;mso-fareast-language:EN-GB" class=""> Room 0.036
</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#1F497D;mso-fareast-language:EN-GB" class="">|</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#7F7F7F;mso-fareast-language:EN-GB" class=""> Polwarth Building</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#1F497D;mso-fareast-language:EN-GB" class="">
|</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#7F7F7F;mso-fareast-language:EN-GB" class=""> University of Aberdeen
</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#1F497D;mso-fareast-language:EN-GB" class="">|
</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#7F7F7F;mso-fareast-language:EN-GB" class="">Foresterhill</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#1F497D;mso-fareast-language:EN-GB" class=""> |
</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#7F7F7F;mso-fareast-language:EN-GB" class="">Aberdeen</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#1F497D;mso-fareast-language:EN-GB" class=""> |
</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#7F7F7F;mso-fareast-language:EN-GB" class="">AB25 2ZD<o:p class=""></o:p></span></p><p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#7F7F7F;mso-fareast-language:EN-GB" class="">Tel (direct): +44 (0)1224 43-7033</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#1F497D;mso-fareast-language:EN-GB" class="">
|</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:#7F7F7F;mso-fareast-language:EN-GB" class=""> Tel (unit): +44 (0)1224 43-7032</span><span style="color:#1F497D;mso-fareast-language:EN-GB" class=""><o:p class=""></o:p></span></p><div><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:gray;mso-fareast-language:EN-GB" class=""> </span><br class="webkit-block-placeholder"></div><p class="MsoNormal"><span style="font-size:10.0pt;font-family:"Tahoma",sans-serif;color:#4F6228;mso-fareast-language:EN-GB" class="">Thurs - Fri</span><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:gray;mso-fareast-language:EN-GB" class=""> – University
of Aberdeen Dental School | Argyll House | Aberdeen | AB25 2ZR<o:p class=""></o:p></span></p><p class="MsoNormal"><span style="font-size:8.0pt;font-family:"Tahoma",sans-serif;color:gray;mso-fareast-language:EN-GB" class="">Tel +44 (0)1224 5 59608<o:p class=""></o:p></span></p><p class="MsoNormal"><o:p class=""> </o:p></p>
</div>
<br class="">
<br class="">
The University of Aberdeen is a charity registered in Scotland, No SC013683.<br class="">
Tha Oilthigh Obar Dheathain na charthannas clàraichte ann an Alba, Àir. SC013683.
</div>
_______________________________________________<br class="">ome-devel mailing list<br class=""><a href="mailto:ome-devel@lists.openmicroscopy.org.uk" class="">ome-devel@lists.openmicroscopy.org.uk</a><br class=""><a href="http://lists.openmicroscopy.org.uk/mailman/listinfo/ome-devel">http://lists.openmicroscopy.org.uk/mailman/listinfo/ome-devel</a><br class=""></div></blockquote></div><br class=""></div></div>_______________________________________________<br>ome-devel mailing list<br><a href="mailto:ome-devel@lists.openmicroscopy.org.uk">ome-devel@lists.openmicroscopy.org.uk</a><br>http://lists.openmicroscopy.org.uk/mailman/listinfo/ome-devel<br></blockquote></div><br></div></body></html>