Published on

Spatial Hypertext Wiki

Published in: Technology, Education
1 Like
  • Be the first to comment

No Downloads
Total Views
On Slideshare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide


  1. 1. ShyWiki-A Spatial Hypertext Wiki Nour Ali Politecnico di Milano [email_address] Carlos Solís Universidad Politecnica de Valencia [email_address]
  2. 2. Content <ul><li>Introduction </li></ul><ul><li>Spatial Hypertext </li></ul><ul><li>Spatial Hypertext Wikis </li></ul><ul><li>Prototype </li></ul><ul><li>Conclusions and Further work </li></ul>
  3. 3. Introduction <ul><li>Recently, new types of wikis have emerged, such as: </li></ul><ul><li>Qwik Web that easily integrates wikis with mailing lists; </li></ul><ul><li>Small Wiki which is a wiki enriched with metadata; </li></ul><ul><li>Sweet Wiki is a wiki enabled for semantic web technologies. </li></ul><ul><li>Distri-Wiki is a distributed and peer to peer wiki </li></ul><ul><li>AniAni-Web a personal page wiki. </li></ul><ul><li>However, none of the mentioned wikis takes advantage of Spatial Hypertext. </li></ul>
  4. 4. Content <ul><li>Introduction </li></ul><ul><li>Spatial Hypertext </li></ul><ul><li>Spatial Hypertext Wikis </li></ul><ul><li>Prototype </li></ul><ul><li>Conclusions and Further work </li></ul>
  5. 5. Spatial Hypertext <ul><li>In spatial hypertext, the relations among the elements can be represented using navigational maps or relating properties such as: </li></ul><ul><ul><li>location, </li></ul></ul><ul><ul><li>proximity </li></ul></ul><ul><ul><li>shape </li></ul></ul><ul><ul><li>color </li></ul></ul><ul><li>The links are implicit. </li></ul><ul><li>The spatial hypertext takes advantage of visual capabilities of people. </li></ul><ul><li>The spatial hypertext systems have the ability to handle and move elements in a hypertext document. </li></ul>
  6. 6. Spatial Hypertext Systems Tinderbox VKB. Visual Knowledge Builder <ul><li>Spatial Hypertext Systems: </li></ul><ul><li>NoteCards </li></ul><ul><li>StorySpace </li></ul><ul><li>Viki. </li></ul><ul><li>VKB. </li></ul><ul><li>WARP. </li></ul><ul><li>TinderBox. </li></ul><ul><li>Note Systems </li></ul><ul><li>OneNote. </li></ul><ul><li>MakeNotes </li></ul>
  7. 7. Spatial Hypertext Design <ul><li>Marshall and Shipman mention that spatial hypertext has special features that should be considered… </li></ul><ul><ul><li>Visual characteristics. </li></ul></ul><ul><ul><li>Agreggating elements. </li></ul></ul><ul><ul><li>Size. </li></ul></ul><ul><ul><li>Position. </li></ul></ul><ul><ul><li>Links. </li></ul></ul><ul><ul><li>Deleting elements. </li></ul></ul><ul><ul><li>Maps. </li></ul></ul><ul><ul><li>Transclusion. </li></ul></ul>
  8. 8. Spatial Hypertext Design
  9. 9. Content <ul><li>Introduction </li></ul><ul><li>Spatial Hypertext </li></ul><ul><li>Spatial Hypertext Wikis </li></ul><ul><li>Prototype </li></ul><ul><li>Conclusions and Further work </li></ul>
  10. 10. What is a ShyWiki? <ul><li>A ShyWiki is a wiki which uses spatial hypertext for representing its content. </li></ul>
  11. 11. What is a ShyWiki? The wiki content can be seen as a collection of notes.
  12. 12. A ShyWiki would look as
  13. 13. A ShyWiki would look as
  14. 14. A ShyWiki would look as
  15. 15. ShyWiki characteristics <ul><li>In a Shywiki, the users can be coauthors and codesigners of the content and the visual and spatial properties of the elements of a wiki page. </li></ul><ul><li>In a Shywiki page, each element is similar to an adhesive note, i.e., a spatial hypertext document can be seen as a set of notes. </li></ul><ul><li>A note has a unique identifier which is used to transclude Notes, and point links to them. </li></ul>
  16. 16. Map nodes <ul><li>A kind of note which is encountered in a spatial hypertext wiki is called a map node. </li></ul><ul><li>It contains a link to another wiki document, and is used to represent hypertext maps. </li></ul>
  17. 17. User’s actions in a ShyWiki <ul><li>Add notes. </li></ul><ul><li>Remove notes. </li></ul><ul><li>Move notes. </li></ul><ul><li>Change the visual characteristics of a note. </li></ul><ul><li>Group notes. </li></ul><ul><li>Transclude notes. </li></ul><ul><li>Create maps. </li></ul>
  18. 18. Content <ul><li>Introduction </li></ul><ul><li>Spatial Hypertext </li></ul><ul><li>Spatial Hypertext Wikis </li></ul><ul><li>Prototype </li></ul><ul><li>Conclusions and Further work </li></ul>
  19. 19. The ShyWiki prototype is a ShyWiki
  20. 20. Creating a new note
  21. 21. Creating a new note_
  22. 22. Move & delete notes_.
  23. 23. Transclusion_
  24. 24. Maps_
  25. 25. Maps
  26. 26. Maps
  27. 27. Architecture <ul><li>In older versions of web browsers, the only way for achieving interactive spatial hypertext representations was using java applets. </li></ul><ul><li>Nowadays, browsers have been improved by including new HTML elements and also facilitate the manipulation of the content of the document through DOM interface in JavaScript. </li></ul>
  28. 28. Architecture
  29. 29. Architecture
  30. 30. Content <ul><li>Introduction </li></ul><ul><li>Spatial Hypertext </li></ul><ul><li>Spatial Hypertext Wikis </li></ul><ul><li>Prototype </li></ul><ul><li>Conclusions and Further work </li></ul>
  31. 31. Conclusions <ul><li>This work has presented the characteristics of spatial hypertext wikis, and how the spatial hypertext properties affect the behavior of a wiki. </li></ul><ul><li>ShyWiki has some of the spatial hypertext wiki features. </li></ul>
  32. 32. Further work <ul><li>Study the usability and user satisfaction. </li></ul><ul><li>Define a versioning and locking strategy. </li></ul><ul><li>Look for the patterns of the notes in a wiki page. </li></ul><ul><li>How to transform a wiki in a ShyWiki, if posible. </li></ul>
  33. 33. Questions?