tag:blogger.com,1999:blog-6139039903071728122024-03-13T03:48:54.341-07:00no.5 geekvaultRainer Simonhttp://www.blogger.com/profile/13818422993558387655noreply@blogger.comBlogger10125tag:blogger.com,1999:blog-613903990307172812.post-22506613698755717342013-07-02T06:42:00.002-07:002013-07-02T06:56:54.806-07:00Pelagios Co-Occurrence Graph<p>Wow - only 1 year and 11 months since my last blog post! Ok, it's been a while. Thought I'd try to get back in the habit, with the occasional snippet from or around my current project work. As usual, involving maps, graphs, and various things zoomable.</p>
<p>The image below is a visualization of the global network of <a href="http://pelagios.dme.ait.ac.at/api/places/http%3A%2F%2Fpleiades.stoa.org%2Fplaces%2F599587">related places</a> in the <a href="http://pelagios-project.blogspot.co.uk">Pelagios project</a>. Places are "related" in Pelagios if they appear alongside each other in the same dataset (co-occurrence). The graph shown in the visualization uses the 10 most strongly related neighbours of each place and represents them as a graph, with each place shown as a node, and each neighbourhood relationship as an edge.</p>
<p>
<script src="http://zoom.it/gHDM.js?width=auto&height=400px"></script>
</p>
<p> Right now, the main purpose of this is really just to try out and brainstorm some ideas for the upcoming third phase of the Pelagios project. And also to test-drive <a href="http://github.com/rsimon/scala-force-layout">Scala Force Layout</a>, my force-directed graph layout engine (written in Scala). The graph has 4.756 nodes and 14.264 edges, and my notebook crunched through 1000 layout iterations in roughly 37 seconds.</p>Rainer Simonhttp://www.blogger.com/profile/13818422993558387655noreply@blogger.com0tag:blogger.com,1999:blog-613903990307172812.post-12466322675759707062011-08-05T02:20:00.000-07:002011-08-05T02:24:30.248-07:00The PELAGIOS Graph Explorer: A First LookThis is just a quick cross-post to link to the blog of one of my current projects, <a href="http://pelagios-project.blogspot.com/">PELAGIOS</a>. Over the past weeks I've done some visualization work for this project, and just posted about it <a href="http://pelagios-project.blogspot.com/2011/08/pelagios-graph-explorer-first-look.html">here</a>.Rainer Simonhttp://www.blogger.com/profile/13818422993558387655noreply@blogger.com0tag:blogger.com,1999:blog-613903990307172812.post-75446563499043335332011-05-01T12:18:00.000-07:002011-05-01T12:25:57.645-07:00The World is FlatAnd 65.572.864 x 65.572.864 pixels in size. Or at least that's what the dimensions of the OpenStreetMap Mapnik base layer are, <a href="http://wiki.openstreetmap.org/wiki/Slippy_map_tilenames">according to the OSM Wiki</a>! Attaching a custom (i.e. non-Deep Zoom) tile source to Seadragon AJAX is really straightforward. To try this out, I added a simple OpenStreetMap Mapnik tile source implementation to my No.5 Seajax Utilities library. Demo embedded below, code on <a href="http://github.com/rsimon/seajax-utils">github</a> as usual. <br />
<br />
<iframe src="http://maps.no5.at/seajax-utils-demo/example-osm.html" style="border: 0px none; height: 400px; width: 100%;"></iframe><br />
<br />
As a little more complex exercise, I've also added a tilesource implementation for the <a href="http://wiki.osgeo.org/wiki/Tile_Map_Service_Specification">Tile Map Service (TMS)</a> spec. TMS is also one of OpenLayers' supported formats, and you can generate TMS tilesets with tools such as <a href="http://www.maptiler.org/">MapTiler</a> or (our own) <a href="http://code.google.com/p/magicktiler">MagickTiler</a>.<br />
<br />
Unfortunately, TMS has a little 'structural incompatiblity' with the Deep Zoom format, which will let TMS images appear slightly shifted to the lower left in Seajax. Eventually, I'd also like to add a Zoomify tilesource implementation (if there's ever the time to do it - the Math is <a href="http://www.slideshare.net/aboutgeo/2010-1216-magicktiler">slightly more complex</a> there...). Zoomify wouldn't have this particular issue.<br />
<br />
One issue that would remain, however, is the rather unattractive lines that show along the tile boundaries as the image zooms. (You can see it in the OSM demo above as well.) It's an issue the Seajax viewer generally has with any tile format that doesn't have overlapping tiles (that is to say ANY format except Deep Zoom...). And I'd really love to see it fixed. The Flash-based OpenZoom viewer doesn't have the same issue. So technically, I assume, there would be a way around. But right now it's probably wishful thinking, as official (open source) development on Seajax seems to be on hold. Hoping for the best that some's going to pick up on development! But at least there's <a href="http://openseadragon.codeplex.com/">some activity in that direction</a>...Rainer Simonhttp://www.blogger.com/profile/13818422993558387655noreply@blogger.com0tag:blogger.com,1999:blog-613903990307172812.post-49348363608719756092011-04-25T12:02:00.000-07:002011-04-26T05:31:43.982-07:00Raphael Vector Overlays for Seadragon AJAXIn the <a href="http://dme.ait.ac.at/annotation">YUMA</a> Map Annotation Tool, we're using OpenLayers as our display frontend for viewing high-resolution zoomable images. For a while, I've been playing around with the <a href="http://gallery.expression.microsoft.com/SeadragonAjax">Seadragon AJAX</a> viewer (aka Seajax), as a possible future alternative.<br />
<br />
One 'issue' with OpenLayers in our case is that it's a full-fledge Web GIS environment. Using it as an image viewer is really a bit of a mis-use; and since we've never gotten around to <a href="http://www.geowebguru.com/articles/212-optimizing-openlayers">creating an optimized OpenLayers build</a> for our purposes, it also means the YUMA Map Annotation Tool comes with an estimated 500kBytes of JavaScript code that's never used.<br />
<br />
Seajax, on the other hand, is less than 50kBytes in size. It's superior in terms of eye candy - with smooth, stepless zooming and a neat inertia effect when panning - and it (optionally) works in conjunction with Microsoft's <a href="http://zoom.it">zoom.it</a> image hosting service. The Seajax API also supports 'map marker'-style icon overlays and rectangle overlays that can be styled via CSS. <br />
<br />
The one thing that has been sadly missing from Seajax, however, was free-form vector overlays. I've been doing work with the <a href="http://raphaeljs.com/">Raphael</a> vector drawing & animation library previously. Since I thought Raphael would make an excellent complement to Seajax, I thought I'd give it a try and see if they can be combined.<br />
<br />
Turns out: they can! With a little tinkering, it's possible to attach Raphael drawing canvases to the Seajax viewer, and scale them smoothly as the viewer zooms. <br />
<br />
<iframe src="http://maps.no5.at/seajax-utils-demo/example.html" style="border: 0px none; height: 400px; width: 100%;"></iframe><br />
<br />
I started to wrap my experiments into a little utility library. Not quite ready for prime time just yet, but usable enough in case you want to give it a try. Code and instructions are on <a href="http://github.com/rsimon/seajax-utils">github</a>; an online demo (which I'll keep updating) is embedded above.Rainer Simonhttp://www.blogger.com/profile/13818422993558387655noreply@blogger.com2tag:blogger.com,1999:blog-613903990307172812.post-82353215544712025432011-04-01T07:40:00.000-07:002011-04-12T00:17:37.338-07:00New YUMA Map Annotation ScreencastsI recorded a couple of short screencasts in prepration for the ICA <a href="http://xeee.web.auth.gr/ICA-Heritage/Commission/6th_Workshop/TheHague/index.htm">Workshop on Digital Technologies in Cartographic Heritage</a> next week in The Hague. They're up on <a href="http://vimeo.com/user5177574/videos">vimeo</a> and embedded below.<br />
<br />
<a href="http://vimeo.com/21798451">Screencast no. 1</a> shows how to geo-reference a map in YUMA by adding four or more control points.<br />
<br />
<iframe src="http://player.vimeo.com/video/21798451" width="540" height="405" frameborder="0"></iframe><p><br />
<a href="http://vimeo.com/21798530">Screencast no. 2</a> shows how you can create annotations on a (geo-referenced) map, and use our 'Context Tag Cloud' (powered by <a href="http://www.geonames.org/">Geonames</a> and <a href="http://dbpedia.org/spotlight">DBpedia Spotlight</a>) to add semantic tags to your annotation.<br />
<br />
<iframe src="http://player.vimeo.com/video/21798530" width="540" height="405" frameborder="0"></iframe><p><br />
<a href="http://vimeo.com/21798618">Screencast no. 3</a> shows how the context information contained in the Semantic Tags helps to automagically enable multi-language and synonym search.<br />
<br />
<iframe src="http://player.vimeo.com/video/21798618" width="540" height="405" frameborder="0"></iframe><p><br />
The videos are meant to accompany my talk at the workshop. I guess without anyone explaning what's going on, their informative value is somewhat limited. (I promise... we'll make a screencast with an audio track. One day ;-)<br />
<br />
In the mean time, you might also want to check out the <a href="http://vimeo.com/21390925">guided video tour of YUMA Map features</a> that <a href="http://twitter.com/bhaslhofer">Bernhard</a> prepared for the <a href="http://openannotation.org">OAC</a> Workshop on <i><a href="http://www.openannotation.org/wiki/index.php/OAC_Workshop">Using the OAC Data Model for Shareable Annotations</a></i> in Chicago last week (but which was too long for my talk slot in The Hague <a href="http://en.wikipedia.org/wiki/D%27oh!">d'oh</a>!)<br />
<br />
<b>UPDATE:</b> the slides from my CartoHeritage presentation are on <a href="http://www.slideshare.net/aboutgeo/cartoheritage-2011-annotations-tags-and-linked-data-7543819">Slideshare</a>!Rainer Simonhttp://www.blogger.com/profile/13818422993558387655noreply@blogger.com0tag:blogger.com,1999:blog-613903990307172812.post-32521541911783775352011-02-16T04:04:00.000-08:002011-02-17T00:40:59.631-08:00YUMA Annotation Suite UpdateIt's been a while since my last post on <a href="http://github.com/yuma-annotation">YUMA</a>. For those not in the know: YUMA is our prototype annotation framework for online media. It's conceptual roots date back to the <a href="http://www.brickscommunity.org/">BRICKS</a> and <a href="http://www.theeuropeanlibrary.org/portal/organisation/cooperation/telplus/">TELplus</a> projects; and we're now developing it further as part of the <a href="http://europeanaconnect.eu/">EuropeanaConnect</a> project. Over the last months, YUMA has received a considerable overhaul, so I thought I'd take the time and summarize some of the things that have been going on. <br />
<br />
<h3>Faster</h3>The old YUMA used to work with RDF/XML throughout. Since RDF/XML is quite a verbose format, internal communication became somewhat slow for objects with lots of annotations. With the current update, YUMA now speaks <b>JSON</b> for all internal data communication (yeah I know, how boring). The revised API still delivers RDF, of course, but in more flavours (XML, N3, Turtle); and a few additional tricks are planned for the near future!<br />
<br />
<h3>Prettier</h3>I introduced various CSS tweaks and beautification measures to nice-up the user interface. It's still not exactly an intuitive UI though, and nothing changed about the base layout, but hey - we're still in the 'tech demo' stage after all!<br />
<br />
<h3>Smarter</h3>One of the central ideas behind YUMA was always that users should be able to augment their annotations with <b>structured semantics</b> without effort. The new update brings (1) a demo for <b>tagging based on a structured vocabulary</b> with auto-suggestion text entry and a tree-view tag browser. It's currently based on only a single SKOS file from the <a href="http://www.dismarc.org/">DISMARC</a> project, unfortunately, and should be considered very beta. (2) Dynamic tag suggestions from our controversial (yet highly eye-candy-ish) <b>context tag cloud</b>, based on the automatic text annotation feature of <a href="http://dbpedia.org/spotlight">DBpedia Spotlight</a>.<br />
<br />
<h3>More Talkative</h3>The new server infrastructure now provides a range of <b>RSS feed</b> options. It's possible to subscribe to the public annotation activity on a particular <b>object</b>, by a particular <b>user</b>, or follow the (public) replies on <b>any annotation</b>. In addition, there's a <a href="http://dme.ait.ac.at/yuma-server/">basic search interface</a>, the <a href="http://dme.ait.ac.at/yuma-server/timeline">public timeline</a>, an OpenSearch API that is...well.. half done, and the early beginnings of generally-understandable <a href="http://dme.ait.ac.at/yuma-server/doc/overview">documentation</a>, including <a href="http://groups.google.com/group/yuma-annotation">a sign of good will</a> that we are happy to give support to those who are daring enought to test drive YUMA!<br />
<br />
Visit our <a href="http://dme.ait.ac.at/annotation">YUMA online showcase</a> or play around with a sample image <a href="http://dme.ait.ac.at/yuma-suite/image?objectURI=http://dme.ait.ac.at/yuma-suite/images/samples/snhb-sample.jpg&username=guest">here</a>.Rainer Simonhttp://www.blogger.com/profile/13818422993558387655noreply@blogger.com0tag:blogger.com,1999:blog-613903990307172812.post-18028856223428222632011-01-27T08:29:00.000-08:002011-01-28T00:32:00.936-08:00Spain and Portugal, 1865And another map salvaged from the 1865 edition of E. von Sydow's school atlas found at Grandma's house. (Another one is <a href="http://no5-geekvault.blogspot.com/2011/01/alps-e-von-sydows-school-atlas-1865.html">here</a>.) This one has a total resolution 20.007 x 17.225 pixel (that's a whopping 344 Megapixel for all you digital photographers out there) and is embedded as a zoomable Web image below in full glory.<br />
<br />
This time I also added a link to open the map in our <a href="http://github.com/yuma-annotation">YUMA Map Annotation Tool</a>. So if you feel like adding a note to this map - and are adventurous enough to test drive a VERY beta (but fabulous) tool coming fresh out of the research lab, with absolutely no documentation whatsoever (well... there is some <a href="http://dme.ait.ac.at/compass-annotation/help.html">here</a>) - give it at try! (And let me know!)<br />
<br />
<iframe src="http://maps.no5.at/viewer.php?map=spanien-portugal" style="border: 0px none; height: 400px; width: 100%;"></iframe><br />
<div style="text-align: right;"><a href="http://dme.ait.ac.at/yuma-suite/map?objectURI=http://maps.no5.at/spanien-portugal/ImageProperties.xml&username=guest" target="_blank">Add an Annotation with YUMA</a><br />
<a href="http://maps.no5.at/viewer.php?map=spanien-portugal" target="_blank">View Full Screen</a></div>Rainer Simonhttp://www.blogger.com/profile/13818422993558387655noreply@blogger.com2tag:blogger.com,1999:blog-613903990307172812.post-79736707437231263152011-01-05T12:37:00.000-08:002011-01-06T13:00:05.997-08:00The Alps, E. von Sydow's School Atlas, 1865One of several maps found at my Grandmother's house. The maps are from various school atlases from between 1850 and 1890. The books themselves were mostly gone, with only a few loose pages remaining. The map below, though, is from one where title and index pages are still preserved: E. von Sydow's Schulatlas, 17th Edition, 1865.<br />
<br />
The map image is zoomable (try clicking on it!) and has a total resolution of 23.569 x 15.801 pixels. You can use the '+' and '-' keys (or your mousewheel) to zoom in and out, and arrow keys (or mouse) to pan.<br />
<br />
<iframe src="http://maps.no5.at/viewer.php?map=sydow-alpenland" style="border: 0px none; height: 400px; width: 100%;"></iframe><br />
<div style="text-align: right;"><a href="http://maps.no5.at/viewer.php?map=sydow-alpenland" target="_blank">View Full Screen</a></div><br />
I scanned some of the maps with a flatbed scanner at 2400dpi resolution, turned them into zoomable Web images with our excellent open source tool <a href="http://code.google.com/p/magicktiler">MagickTiler</a>, and used the <a href="http://openzoom.org/">OpenZoom viewer</a> to embed them here. The maps have meanwhile found new permant residence in an acid-free cardboard box wrapped in archive-grade polypropylene envelopes.<br />
<br />
Thanks go out to Publishers Ernst Klett Verlag GmbH for allowing me to use the maps from this atlas on my blog!Rainer Simonhttp://www.blogger.com/profile/13818422993558387655noreply@blogger.com0tag:blogger.com,1999:blog-613903990307172812.post-90795977628637005112011-01-05T07:45:00.000-08:002011-01-05T11:18:29.877-08:00The COMPASS Crowdsourcing Experiment IS ON!We've now opened up full access to our small crowdsourcing experiment: the <a href="http://compass.cs.univie.ac.at/">COMPASS Map Labeler</a>. The experiment is part of a study we are conducting within the scope of the <a href="http://www.europeanaconnect.eu">EuropeanaConnect</a> project. The goal is to investigate the effect of social tagging and end-user map annotation on search & retrieval in online map portals, and eventually build a 'ground truth' for the evaluation of map search engines.<br />
<br />
In our experiment we are asking volunteers to judge the relevance of a particular text label (pre-selected automatically by our system) to a random map from a test collection (kindly provided by the US <a href="http://www.loc.gov">Library of Congress</a>, and mass-tiled using our very own <a href="http://code.google.com/p/magicktiler">MagickTiler</a>). Users can also add their own labels to the maps if they see fit. <br />
<br />
The task is simple, quick, and it's actually fun, too! (And, by the way, also a nice way to discover some hidden gems in the LoC's map collection!) So in case you want to join - head over to our study portal right now, sign up for an account, and get started!<br />
<br />
<a href="http://compass.cs.univie.ac.at/">http://compass.cs.univie.ac.at/</a><br />
<br />
There's also a second stage in our experiment. It will be about map annotation, will open very soon, and I'll cover it in one of the next posts. You can already catch a first glimpse of it <a href="http://dme.ait.ac.at/compass-annotation">here</a>, though.Rainer Simonhttp://www.blogger.com/profile/13818422993558387655noreply@blogger.com0tag:blogger.com,1999:blog-613903990307172812.post-64182190308382634992010-12-17T11:19:00.000-08:002010-12-22T23:42:33.425-08:00MagickTiler at Toronto JUGLast week <a href="http://javachips.blogspot.com/">Christian</a> presented <a href="http://code.google.com/p/magicktiler">MagickTiler</a> - our new open source Java image tiling tool & library - at the Toronto Java User Group meeting! I wasn't there but hey - I'm pretty sure it must have been met with wild excitement and lively discussion :-) (And rumor has it that there may have been some beer involved, too...)<br />
<br />
You can find the <a href="http://www.slideshare.net/aboutgeo/2010-1216-magicktiler">slides on slideshare</a> & embedded below!<br />
<br />
<b>Update:</b> Christian's post on MagickTiler (including some example code) is <a href="http://javachips.blogspot.com/2010/12/magicktiler.html">here</a>.<br />
<br />
<div style="width:540px;" id="__ss_6214829"><div style="border:1px solid #000;width:539px;height:440px;overflow:hidden"><object id="__sse6214829" width="540" height="442"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=2010-12-16magicktiler-101217130258-phpapp01&stripped_title=2010-1216-magicktiler&userName=aboutgeo" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse6214829" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=2010-12-16magicktiler-101217130258-phpapp01&stripped_title=2010-1216-magicktiler&userName=aboutgeo" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="538" height="440"></embed></object></div><div style="padding:5px 0 12px">View more <a href="http://www.slideshare.net/">presentations</a> from <a href="http://www.slideshare.net/aboutgeo">aboutgeo</a>.</div></div>Rainer Simonhttp://www.blogger.com/profile/13818422993558387655noreply@blogger.com0