<!DOCTYPE article PUBLIC "-//NLM//DTD JATS (Z39.96) Journal Archiving and Interchange DTD v1.0 20120330//EN" "JATS-archivearticle1.dtd">
<article xmlns:xlink="http://www.w3.org/1999/xlink">
  <front>
    <journal-meta />
    <article-meta>
      <title-group>
        <article-title>Lego-Note: To Generate Semantic Web Content by Graphic Tagging</article-title>
      </title-group>
      <contrib-group>
        <contrib contrib-type="author">
          <string-name>Jie Yang</string-name>
          <email>yangj@mi.ci.i.u-tokyo.ac.jp</email>
          <xref ref-type="aff" rid="aff0">0</xref>
        </contrib>
        <contrib contrib-type="author">
          <string-name>Mitsuru Ishizuka</string-name>
          <email>ishizuka@i.u-tokyo.ac.jp</email>
          <xref ref-type="aff" rid="aff0">0</xref>
        </contrib>
        <aff id="aff0">
          <label>0</label>
          <institution>Department of Creative Infomatics Tokyo University</institution>
          ,
          <addr-line>Tokyo</addr-line>
          ,
          <country country="JP">Japan</country>
        </aff>
      </contrib-group>
      <abstract>
        <p>Lego-Note is an open source, browser-based semantic application inspired by folksonomy. Different from the other keyword-based, flat tagging systems, Lego-Note is featured by enriched graphic tagging based on a RDF model. The paper presents the implementation details of Lego-Note. The demonstration and source code can be found at https://sourceforge.net/projects/dom-sensus.</p>
      </abstract>
    </article-meta>
  </front>
  <body>
    <sec id="sec-1">
      <title>1 Introduction</title>
      <p>
        Folksonomy like del.icio.us has proved a great success in recent years and gains
more and more attention as a promising data source of the Semantic Web[
        <xref ref-type="bibr" rid="ref1">1</xref>
        ][
        <xref ref-type="bibr" rid="ref2">2</xref>
        ][
        <xref ref-type="bibr" rid="ref3">3</xref>
        ].
The Lego-Note presented in this paper attempts to extend the expression
capability of folksonomy system, make it easier to obtain the semantic annotations,
and thus to enhance the users experience further. To this end, Lego-Note is
featured by:
– Tagging into the web page instead of the whole only
– Organizing tags in the form of labelled graphs
– Defining a RDF model of the graphic tagging1.
      </p>
    </sec>
    <sec id="sec-2">
      <title>2 Implementation</title>
      <p>In this section, we describe the system functions and implementation details in
terms of how a user might experience it.</p>
      <p>The user goes to the web site of Lego-Note and starts browsing with the
embedded browser. Right after the ”GO” button is clicked, a piece of AJAX
Extended 2 code is activated and sends the URL to a proxy server. The proxy
server implemented in PHP then initials the request, and sends the returned
page content back in the form of JavaScript Object Notation (JSON) . Here, the
”cross domain” security restriction which prevents the user from tagging into
the web content is evaded with the help of AJAX Extended.
1 http://dom-sensus.sourceforge.net/
2 http://ajaxextended.com/</p>
      <p>After the returned content is rendered by the embedded browser, the user can
either check the tag graphs made by the other users or add tags of himself. The
tags take the form of the labelled graph. The node of the graph is a tag to the
current page, which either points to the whole page, or to the selected content
inside the page. The named edge which connects two nodes represents the user
defined relation between two tags. An SVG based graphic editor which provides
the basic graph manipulations such as adding, moving and deleting nodes and
edges is implemented. The user can save his tag graph locally or share it publicly
by saving to the Lego-Note server. The communication of saving and fetching
the tag graphs is also implemented with AJAX. The server side functions are
implemented with PHP and MySQL.</p>
      <p>Untill now, the user can browse and tag any web page by entering a URL in
the embedded browser. In order to preserve the user’s browsing experience,
linkfollowing surfing is provided. This means when any link is clicked, the request
should be captured and sent to the proxy server so that the next web page get
loaded free of ”the same domain restriction” as well. In Lego-Note this function
is realized with JavaScript Behavior package3.</p>
      <p>Besides, to support the tag based browsing, a graph layout algorithm is
provided by two JavaScript packages named graph.js4 and prototype5.
3</p>
    </sec>
    <sec id="sec-3">
      <title>Discussion and Future Work</title>
      <p>Although Lego-Note tries it best to be hardware and OS independent, the various
web browsers (e.g. Firefox and IE) and SVG viewers make it a time-consuming
work to support all of them. At present, Lego-Note only works with IE (above
version 5.0) and Adobe SVG viewer 3.0.</p>
      <p>The project is carried out under our observation and perspective on the
folksonomy and Semantic Web. The target is to lower the barrier for the Semantic
Web content production via the improved tagging system, and to provide us an
infrastructure and data source for further researches like ontology mapping and
negotiation. From the view of an application, Lego-Note is still an on-going
project in its early stage, much more functions should be added.</p>
    </sec>
  </body>
  <back>
    <ref-list>
      <ref id="ref1">
        <mixed-citation>
          1.
          <string-name>
            <surname>Guy</surname>
            ,
            <given-names>M.</given-names>
          </string-name>
          , and
          <string-name>
            <surname>Tonkin</surname>
          </string-name>
          , E: Folksonomies: Tidying up Tags?
          <string-name>
            <surname>D-Lib</surname>
            <given-names>Magazine</given-names>
          </string-name>
          ,
          <volume>12</volume>
          (
          <issue>1</issue>
          ), (
          <year>2006</year>
          )
        </mixed-citation>
      </ref>
      <ref id="ref2">
        <mixed-citation>
          2.
          <string-name>
            <surname>Mika</surname>
          </string-name>
          , Peter: Ontologies Are Us:
          <article-title>A Unified Model of Social Networks and Semantics</article-title>
          . International Semantic Web Conference.(
          <year>2005</year>
          )
          <fpage>522</fpage>
          -
          <lpage>536</lpage>
        </mixed-citation>
      </ref>
      <ref id="ref3">
        <mixed-citation>
          3. Tom Gruber:
          <article-title>Ontology of Folksonomy:A Mash-up of Apples and Oranges</article-title>
          . http://tomgruber.org/writing/ontology-of-folksonomy.htm
        </mixed-citation>
      </ref>
    </ref-list>
  </back>
</article>