ShyWiki-A Spatial Hypertext Wiki Nour Ali Politecnico di Milano [email_address] Carlos Solís Universidad Politecnica de Va...
Content <ul><li>Introduction </li></ul><ul><li>Spatial Hypertext </li></ul><ul><li>Spatial Hypertext Wikis </li></ul><ul><...
Introduction <ul><li>Recently, new types of wikis have emerged, such as: </li></ul><ul><li>Qwik Web that easily integrates...
Content <ul><li>Introduction </li></ul><ul><li>Spatial Hypertext </li></ul><ul><li>Spatial Hypertext Wikis </li></ul><ul><...
Spatial Hypertext <ul><li>In spatial hypertext, the relations among the elements can be represented using navigational map...
Spatial Hypertext Systems Tinderbox VKB. Visual Knowledge Builder <ul><li>Spatial Hypertext Systems: </li></ul><ul><li>Not...
Spatial Hypertext Design <ul><li>Marshall and Shipman mention that spatial hypertext has special features that should be c...
Spatial Hypertext Design
Content <ul><li>Introduction </li></ul><ul><li>Spatial Hypertext </li></ul><ul><li>Spatial Hypertext Wikis </li></ul><ul><...
What is a ShyWiki? <ul><li>A ShyWiki is a wiki which uses spatial hypertext for representing its content. </li></ul>
What is a ShyWiki? The wiki content can be seen as a collection of notes.
A ShyWiki would look as
A ShyWiki would look as
A ShyWiki would look as
ShyWiki characteristics <ul><li>In a Shywiki,  the users can be coauthors and codesigners of the content and the visual an...
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>...
User’s actions in a ShyWiki <ul><li>Add notes.  </li></ul><ul><li>Remove notes.  </li></ul><ul><li>Move notes.  </li></ul>...
Content <ul><li>Introduction </li></ul><ul><li>Spatial Hypertext </li></ul><ul><li>Spatial Hypertext Wikis </li></ul><ul><...
The ShyWiki prototype is a ShyWiki
Creating a new note
Creating a new note_
Move & delete notes_.
Transclusion_
Maps_
Maps
Maps
Architecture <ul><li>In older versions of web browsers, the only way for achieving interactive spatial hypertext represent...
Architecture
Architecture
Content <ul><li>Introduction </li></ul><ul><li>Spatial Hypertext </li></ul><ul><li>Spatial Hypertext Wikis </li></ul><ul><...
Conclusions <ul><li>This work has presented the characteristics of spatial hypertext wikis, and how the spatial hypertext ...
Further work <ul><li>Study the usability and user satisfaction. </li></ul><ul><li>Define a versioning and locking strategy...
Questions?
Upcoming SlideShare
Loading in...5
×

ShyWiki

1,366

Published on

Spatial Hypertext Wiki

Published in: Technology, Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,366
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

ShyWiki

  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?

×