User:Kim/Special Issue 1/Tracing Networks Backwards: Difference between revisions

From XPUB & Lens-Based wiki
No edit summary
 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
Note: ''this is the documentation page of "Tracing Networks Backwards". For the draft page visit [[User:Kim/Special Issue 1/Wiki Hyperlink Game| Wiki Hyperlink Game]]''<br>
Note: ''this is the documentation page of "Tracing Networks Backwards". For the draft page visit [[User:Kim/Special Issue 1/Wiki Hyperlink Game| Wiki Hyperlink Game]]''<br>


<blockquote>
"Websites themselves are almost meaningless — meaning exists in a networks links, not in its pages" Daniel Murray
</blockquote>
==Browser Version==
a browser version is in state 2 '''[https://hub.xpub.nl/cerealbox/html-club/tnb-web/ tnb-web]'''
===interface===
[[File:Tnb-web-interface.png|center|518x518px]]
===made changes===
* The page is operatable by the usual mouse and trackpad inputs but also by using '''tap key''' and '''enter'''
* The underline which indicates the currently focussed link is now extended to reach the boundaries of the page. This should visualize the direction of the page links: pointing from somewhere to towards the page in the center.
* I introduced a new feature that allows visitors to select the max amount of links they would like to fetch. (during the event the max amount of links was set to a default of 55)
* There is now also an '''i''' for a short project info.
* outputting the graph to pdf is now triggered by manually clicking '''print'''
===changes to make===
* Right now the default starting wiki page in the center is still set to 'Worm Rotterdam'. Do I want to keep this?
* It is also not very understandable that the center page title is actually an input field, where visitors can enter their preferred starting point (this can be any wikipedia page name).
==Sounds of Making (event)==
===impressions===
===impressions===
<gallery>
<gallery>
Line 8: Line 29:
Circular-interface.jpg|circular interface
Circular-interface.jpg|circular interface
</gallery>
</gallery>
loose thoughts: visitors liked interacting with the web interface through the joystick. The whole installation required my frequent care and attention (which I did not plan with but enjoyed): printer was jamming at almost every print, prints needed to be posted to the wall in correct order, specialities of the interface and its navigation needed some explanation and then before and after: bringing cerealbox, safe transport (for the first time), making it presentable and functioning in a 'more public' space ... <br>
loose thoughts: visitors liked interacting with the web interface through the joystick. The whole installation required my frequent care and attention (which I did not plan with but enjoyed): printer was jamming at almost every print, prints needed to be posted to the wall in correct order, specialities of the interface and its navigation needed some explanation and then before and after: bringing cerealbox, safe transport (for the first time), making it presentable and functioning in a public space ... <br>
from the start this was not a group project, but in the event it was: great how I got so much help setting up and then introduced some classmates to the work who then took over and introduced their friends!
This did not start as a group project, but in the event it was: I was super happy about getting so much help setting up and then introduced some classmates to the work who then took over and introduced their friends to it too!


===manual===
===manual===
This printed manual was attached to the table in the event space and introduced visitors to interacting with the website  using the joystick.
[[File:InstallationManual.jpg|frameless|center|Manual of the installation]]
[[File:InstallationManual.jpg|frameless|center|Manual of the installation]]


===set up===
===set up===
'''Version 1''' (Joystick navigation, printing over duration of 4h event):
'''Event Version 1''' (Joystick navigation, printing over a duration of 4 hours, every 10 minutes):
is running on few different languages and protocols.
is running on few different languages and protocols.
[[File:How does it work.png|frameless|center|547x547px]]
[[File:How does it work.png|frameless|center|547x547px]]


===traced links pdfs===
===traced links pdfs===
final:
The graph was collecting all wikipedia links clicked throughout the event. While it took many different shapes in its iterative printouts, this is its final form: <br>
(upload to wiki smh failed) you can see the pdf here: [https://hub.xpub.nl/cerealbox/html-club/tnb-3-submit/graph.pdf graph.pdf] <br>  
digital pdf: '''[https://hub.xpub.nl/cerealbox/html-club/tnb-3-submit/graph.pdf graph.pdf]''' <br>  
scan of the printed original:
[[File:Final-graph-printout11-20-24.jpg|frameless|center|final graph printout|591x591px]]
[[File:Final-graph-printout11-20-24.jpg|frameless|center|final graph printout|591x591px]]

Latest revision as of 11:13, 15 December 2024

Note: this is the documentation page of "Tracing Networks Backwards". For the draft page visit Wiki Hyperlink Game

"Websites themselves are almost meaningless — meaning exists in a networks links, not in its pages" Daniel Murray

Browser Version

a browser version is in state 2 tnb-web

interface

Tnb-web-interface.png

made changes

  • The page is operatable by the usual mouse and trackpad inputs but also by using tap key and enter
  • The underline which indicates the currently focussed link is now extended to reach the boundaries of the page. This should visualize the direction of the page links: pointing from somewhere to towards the page in the center.
  • I introduced a new feature that allows visitors to select the max amount of links they would like to fetch. (during the event the max amount of links was set to a default of 55)
  • There is now also an i for a short project info.
  • outputting the graph to pdf is now triggered by manually clicking print

changes to make

  • Right now the default starting wiki page in the center is still set to 'Worm Rotterdam'. Do I want to keep this?
  • It is also not very understandable that the center page title is actually an input field, where visitors can enter their preferred starting point (this can be any wikipedia page name).

Sounds of Making (event)

impressions

loose thoughts: visitors liked interacting with the web interface through the joystick. The whole installation required my frequent care and attention (which I did not plan with but enjoyed): printer was jamming at almost every print, prints needed to be posted to the wall in correct order, specialities of the interface and its navigation needed some explanation and then before and after: bringing cerealbox, safe transport (for the first time), making it presentable and functioning in a public space ...
This did not start as a group project, but in the event it was: I was super happy about getting so much help setting up and then introduced some classmates to the work who then took over and introduced their friends to it too!

manual

This printed manual was attached to the table in the event space and introduced visitors to interacting with the website using the joystick.

Manual of the installation

set up

Event Version 1 (Joystick navigation, printing over a duration of 4 hours, every 10 minutes): is running on few different languages and protocols.

How does it work.png

traced links pdfs

The graph was collecting all wikipedia links clicked throughout the event. While it took many different shapes in its iterative printouts, this is its final form:
digital pdf: graph.pdf
scan of the printed original:

final graph printout