Grafoscopio

---
# Important information to start with



## Reading conventions

This document follows the following reading conventions:

  - **bold** is for emphasizing notes and reminders.
  - `verbatim` is for representing code snippets and commands, keys and file names.
  - `Ctrl` and `Cmd` represent the "Control" and  "Command" keys, respectively.
    The former is avaible on Windows and Gnu/Linux platforms and the last one

    For example, writing `Update > Grafoscopio`, means to choose the `Update` menu
    and then the `Grafoscopio` submenu in it.
  - The PDF and HTML versions of this document include clickable links and words, that
   are shown in blue, for example the following words are a clickable link to the
   [Grafoscopio web page][grafoscopio-en].

[grafoscopio-en]: http://mutabit.com/grafoscopio/index.en.html

## Document and software versions

As convention, this manual has the same version of the software it documents.
So the version number you see on bottom left side of each page, corresponds 
also to the Grafoscopio version. 

Because we follow a [rolling-release][] model for Grafoscopio, it is possible
that the software and the documentation get out of sync.
Use the `Update` menu from the docking bar to get the latest software and 
documentation, as will be explained later.

Grafoscopio is packaged with other companion software, that is installed 
automatically with it. This is the info for that packages and theri versions



## On commons, copyright and copyfarleft

Grafoscopio is covered with the same MIT license as Pharo.
This document is covered by the P2P license.
Both are pretty liberal licenses that grant you a pletora of rights
but I think that documentation and software do not need to have
the same license, even in the case of Grafoscopio, where 
*interactive documentation is closer to software*. 

I (Offray Luna) think that a deeper discusion on licences and
the protection and expansion of knowledge as a commons is needed
and this licenses difference reflect that.
You can see a full copy of both licenses, MIT and P2P, included at the end
of this

# Grafoscopio for what and for whom?

Grafoscopio is moldable tool [@girba_scg:_2014] for literate computing
[@perez&granger-2015], intertwining prose, code and agile data visualizations [@bergel-2015], 
in a tree-like interactive document metaphor, developed on the Pharo 
live coding and computing integrated environment. 

and data storytelling backed by data and visualizations.
This document assumes that you are such person. 
We will introduce the general features of Grafoscopio and point to several online resources to complete
your panoramic view of the ecosystem and to deep your knowledge.
Grafoscopio includes introductory resources to learn Pharo and data visualization related technologies,
in the `Help > Tutorial (Spanish)`, and the [web page][grafoscopio-en] (see figure \ref{fig:web-page-en})
shows several examples of how to use them for specific projects: 
Panama Papers as reproducible research; open community innovation in access to medicine information;
Twitter data selfies; specific domain visualizations for medicine information; 
open, garage and citizen science and research.
*This manual was also wrote using Grafoscopio* and is also a sample of what you can do with this tool.
We hope to inspire you to create and publish your own projects.

This document, by not try to be comprenhensive, is a first invitation to know the 
Grafoscopio environment and to deep your knowledge with the use of it and other
related resources.
You will see that some examples are pretty practical.
No prior knowledge of programming is supposed to follow this manual.

![Detail for the Grafoscopio [English web page][grafoscopio-en]](../../../Imagenes/grafoscopio-webpage-en.png){#fig:web-page-en}

**IMPORTANT NOTE:** Despite of being pretty usable, you will see that Grafoscopio is not totally finished,
and this shows in a few spots of the Graphical User Interface (GUI) that "point to the future", towards
funtionality still to be implemented.
It's an unusual approach, but I think that is important to convey some sense of possibility,
and work to be done in the GUI, instead of a fully polished "product" or a GUI that hides what is not ready.
This conviction comes from the workshops where we worked and evolved Grafoscopio, 

### Similar tools

Grafoscopio is similar to other tools and has been inspired by many
of them, while is trying to bring also new possibilities, by combining
different ideas, diverging from others, puting "parallel" ideas into
dialog and, hopefully, bringing new ones. 
Here we talk about the similarities and differences with other tools.

  -  Like [jupyter][jupyter],  or [zeppling][zeppling], [beaker][beaker] or [nteract][nteract], 
    Grafoscopio provides interactive notebook functionality, but it is focused only on
    Pharo code right now, instead of being a "language neutral" notebook
    (but this could be a feature for the future).
    Grafoscopio is a multiplatform (Mac, Windows, Gnu/Linux) desktop application (like nteract, or electron beaker), 

[light-markup-languages]: https://en.wikipedia.org/wiki/Light_markup_language

# Installation instructions

If you want to install grafoscopio on Pharo 5, there are two ways of doing:
via the Pharo catalog or via running a script from the playground.
Both suppose that you have already installed Pharo for your platform
(Windows, Gnu/Linux or Mac) from its [download page][pharo-download],
and will be explained below, from the easiest one to the "not so easy".

Different install procedures suit different tastes and needs and bring alternatives,
so, if one doesn't work for you or your need/taste, you can try others, or just
leave it like that, if your chosen method worked.

[pharo-download]: http://pharo.org/download



## Install from the pharo catalog

3. While the installation is running, some progress bars with package names are going to be showed
  (see figure \ref{fig:install-screen3}):

 ![Install screen 3 | Installation progress bars](../../../Imagenes/Install/progress-bar.png){#fig:install-screen3}

4. When the installation ends we will see two indicators (as shown in figure \ref{fig:install-screen4}).
  - Messages in the lower left corner telling that installation is complete and documentation is installed.
  - A tool bar in the upper side of the Pharo window, called the docking bar.

  ![Install screen 4 | Installation ended](../../../Imagenes/Install/install-ended.png){#fig:install-screen4}

5. Once we have Grafoscopio installed, we save modifications to our computing environment, by making 
  click in any clean part of the GUI (not occupied by any window) to deploy the World Menu.
  There we choose save, to `Save` the system with the same name, or `Save as` to save it with a new one
  (see figure \ref{fig:install-screen5}).

  ![Install screen 5 | Saving changes via the World Menu](../../../Imagenes/Install/save-menu.png){#fig:install-screen5 width="50%"}

## Install from a script

There are two ways of running scripts in the Pharo environment:
one by importing them from Internet and the other by writing them
manually.

If you want to run a Pharo script from its web address, open the spotter
(`Shift + Enter`) and paste the address and then press `Enter` to open
the interactive playground and finally press the `Do it and go` green play 
button or its shorcut (`Ctrl + Shift + g`).



For example, if you want to run the first part of the install script, open the
spotter and paste this address <http://ws.stfx.eu/BMWZPUY38BSF>.
You will see a screenshot similar to figure \ref{fig:install-script-part1},
showing the web address you have pasted and the first lines of the script
below, marked in grey. 

![Loading the install configuration package](../../../Imagenes/Install/install-script-part1.png){#fig:install-script-part1} 

Press `Enter` or select with the mouse the grey area. 
You will see the interactive playground with the script loaded.
We will see more details about the playground later.
For the moment press the play button or the shorcut (`Ctrl + Shift + g`).
You will see that the playground has been executed.
An executed playground contains a new column with details of the object
resulting from that execution, as shown in figure \ref{fig:executed-playground}.

![Executed playground](../../../Imagenes/Install/executed-playground.png){#fig:executed-playground} 

Now repeat the procedure, opening the spoter, pasting this url <http://ws.stfx.eu/CZ87ZZ2SXCEM> 
and executing the second part of the installation script (showed in figure \ref{fig:install-script-part2}).

![Loading Grafoscopio](../../../Imagenes/Install/install-script-part2.png){#fig:install-script-part2}

You will see the progress bars and the ending of the installation process,
as described in the steps 4 to 5 of the previous section.

Is usual to run the previous two steps in a single playground, by executing parts of it.
Here we are going to show you how to do it, with the same installation example we
have done so far.
Open a playground (`Ctrl` + `o` + `w`) and write this:

~~~
"Start by loading the configuration of Grafoscopio"
  Gofer new
    url: 'http://smalltalkhub.com/mc/Pharo/MetaRepoForPharo50/main';
    package: 'ConfigurationOfGrafoscopio';
  load.

"After that load Grafoscopio"
ConfigurationOfGrafoscopio load.
~~~

Now select with the mouse the script lines until the first load, as shown in figure

and the press the `Ctrl + g` combination. Only the selected part of the script will be
executed (see figure ).

Now select the second part of the script, as shown in figure

# Using Grafoscopio

This section will show you how to use Grafoscopio from the GUI.

## The spotter

One of the first elements of the Pharo GUI that is an excellent companion
for Grafoscopio is the [Spotter][spotter], provided by the GT Toolkit.
It is a quick finder and laucher of system functionality, allowing you to
launch scripts, find functionality, browse objects and classes, among others.
To launch it press `Shift` + `Enter` in Pharo. You will see something like the
figure \ref{fig:spotter}:

![The spotter](../../../Imagenes/spotter.png){#fig:spotter}

You can learn more about the spotter in the [Pharo MOOC][mooc] [^mooc]. 

[spotter]: http://gtoolkit.org/#spotter
[mooc]: https://siemenbaader.github.io/PharoMooc-website/

[^mooc]: 

OrderedCollection [
	GrafoscopioNode {
		#header : 'Important information to start with',
		#body : '',
		#children : OrderedCollection [
			GrafoscopioNode {
				#header : 'Reading conventions',
				#body : 'This document follows the following reading conventions:

  - **bold** is for emphasizing notes and reminders.
  - `verbatim` is for representing code snippets and commands, keys and file names.
  - `Ctrl` and `Cmd` represent the \"Control\" and  \"Command\" keys, respectively.
    The former is avaible on Windows and Gnu/Linux platforms and the last one
    is available on Mac platform.
    When we use that key in combination with other that needs to be pressed at

    For example, writing `Update > Grafoscopio`, means to choose the `Update` menu
    and then the `Grafoscopio` submenu in it.
  - The PDF and HTML versions of this document include clickable links and words, that
   are shown in blue, for example the following words are a clickable link to the
   [Grafoscopio web page][grafoscopio-en].

[grafoscopio-en]: http://mutabit.com/grafoscopio/index.en.html',
				#children : OrderedCollection [ ],
				#parent : @2,
				#level : 2,
				#links : OrderedCollection [
					'',
					'',
					'',
					'',
					''
				]
			},
			GrafoscopioNode {
				#header : 'Document and software versions',
				#body : 'As convention, this manual has the same version of the software it documents.
So the version number you see on bottom left side of each page, corresponds 
also to the Grafoscopio version. 

Because we follow a [rolling-release][] model for Grafoscopio, it is possible
that the software and the documentation get out of sync.
Use the `Update` menu from the docking bar to get the latest software and 
documentation, as will be explained later.

Grafoscopio is packaged with other companion software, that is installed 
automatically with it. This is the info for that packages and theri versions

',
				#children : OrderedCollection [ ],
				#parent : @2,
				#level : 2,
				#links : OrderedCollection [
					''
				]
			},
			GrafoscopioNode {
				#header : 'On commons, copyright and copyfarleft',
				#body : 'Grafoscopio is covered with the same MIT license as Pharo.
This document is covered by the P2P license.
Both are pretty liberal licenses that grant you a pletora of rights
but I think that documentation and software do not need to have
the same license, even in the case of Grafoscopio, where 
*interactive documentation is closer to software*. 

I (Offray Luna) think that a deeper discusion on licences and
the protection and expansion of knowledge as a commons is needed
and this licenses difference reflect that.
You can see a full copy of both licenses, MIT and P2P, included at the end
of this',
				#children : OrderedCollection [ ],
				#parent : @2,
				#level : 2,
				#links : OrderedCollection [
					''
				]
			}
		],
		#parent : GrafoscopioNode {
			#header : 'Arbol principal',
			#body : '',
			#children : @1,
			#level : 0,
			#nodesInPreorder : OrderedCollection [
				@13,
				@2,
				@4,
				@7,
				@10,
				GrafoscopioNode {
					#header : 'Grafoscopio for what and for whom?',
					#body : 'Grafoscopio is moldable tool [@girba_scg:_2014] for literate computing
[@perez&granger-2015], intertwining prose, code and agile data visualizations [@bergel-2015], 
in a tree-like interactive document metaphor, developed on the Pharo 
live coding and computing integrated environment. 
Because of the continuity and uniformity of the environment, Grafoscopio blurs 

and data storytelling backed by data and visualizations.
This document assumes that you are such person. 
We will introduce the general features of Grafoscopio and point to several online resources to complete
your panoramic view of the ecosystem and to deep your knowledge.
Grafoscopio includes introductory resources to learn Pharo and data visualization related technologies,
in the `Help > Tutorial (Spanish)`, and the [web page][grafoscopio-en] (see figure \\ref{fig:web-page-en})
shows several examples of how to use them for specific projects: 
Panama Papers as reproducible research; open community innovation in access to medicine information;
Twitter data selfies; specific domain visualizations for medicine information; 
open, garage and citizen science and research.
*This manual was also wrote using Grafoscopio* and is also a sample of what you can do with this tool.
We hope to inspire you to create and publish your own projects.

This document, by not try to be comprenhensive, is a first invitation to know the 
Grafoscopio environment and to deep your knowledge with the use of it and other
related resources.
You will see that some examples are pretty practical.
No prior knowledge of programming is supposed to follow this manual.

![Detail for the Grafoscopio [English web page][grafoscopio-en]](../../../Imagenes/grafoscopio-webpage-en.png){#fig:web-page-en}',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : '%idea TBD',
							#body : '**IMPORTANT NOTE:** Despite of being pretty usable, you will see that Grafoscopio is not totally finished,
and this shows in a few spots of the Graphical User Interface (GUI) that \"point to the future\", towards
funtionality still to be implemented.
It\'s an unusual approach, but I think that is important to convey some sense of possibility,
and work to be done in the GUI, instead of a fully polished \"product\" or a GUI that hides what is not ready.
This conviction comes from the workshops where we worked and evolved Grafoscopio, 
while the workshop was happening(!), 
thanks to the dynamic, moldable and continuous nature of the Pharo live coding environment.
Blurring the distinction between interactive documents authors and software developers, means to put
the whole environment at their dispossal, and to show the community that they can be part of this 
future possibilities, and that\'s why we take this unusual approach to GUI.

Where the GUI is more a remainder for the future, I will point that using the **TBD** remark (for To Be Done).',
							#children : OrderedCollection [ ],
							#parent : @15,
							#level : 2,
							#links : OrderedCollection [
								''
							]
						},
						GrafoscopioNode {
							#header : 'Place in the ecosystem',
							#body : '',
							#children : OrderedCollection [
								GrafoscopioNode {
									#header : 'Similar tools',
									#body : 'Grafoscopio is similar to other tools and has been inspired by many
of them, while is trying to bring also new possibilities, by combining
different ideas, diverging from others, puting \"parallel\" ideas into
dialog and, hopefully, bringing new ones. 
Here we talk about the similarities and differences with other tools.

  -  Like [jupyter][jupyter],  or [zeppling][zeppling], [beaker][beaker] or [nteract][nteract], 
    Grafoscopio provides interactive notebook functionality, but it is focused only on
    Pharo code right now, instead of being a \"language neutral\" notebook
    (but this could be a feature for the future).
    Grafoscopio is a multiplatform (Mac, Windows, Gnu/Linux) desktop application (like nteract, or electron beaker), 

									#children : OrderedCollection [
										GrafoscopioNode {
											#header : '%footnote book-program',
											#body : '    The idea of the \"document is a program\" is a paraphrasis of \"the book is a program\",
    stated in the Pollen documentation, which is a short phrase to express a powerful idea
   in several programs, like TeXmacs, Org Mode, Leo and, of course, Grafoscopio.',
											#children : OrderedCollection [ ],
											#parent : @22,
											#level : 4,
											#links : OrderedCollection [
												''
											]
										}
									],
									#parent : @20,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'',

[json]: http://en.wikipedia.org/wiki/JavaScript_Object_Notation
[citezen]: http://people.untyped.org/damien.pollet/software/citezen/
[bibtex]: https://en.wikipedia.org/wiki/BibTeX
[nosql]: https://en.wikipedia.org/wiki/NoSQL
[git]: https://en.wikipedia.org/wiki/Git
[light-markup-languages]: https://en.wikipedia.org/wiki/Light_markup_language',
											#children : OrderedCollection [ ],
											#parent : @28,
											#level : 4,
											#links : OrderedCollection [
												''
											]
										}
									],
									#parent : @20,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										''
									]
								}
							],
							#parent : @15,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'',
								''
							]
						}
					],
					#parent : @13,
					#level : 1,
					#links : OrderedCollection [
						'',
						'',
						'',
						'',
						'',

						'',
						'',
						'',
						'',
						''
					]
				},

				@17,
				@20,
				@22,
				@24,
				@28,
				@30,
				GrafoscopioNode {
					#header : 'Installation instructions',
					#body : 'If you want to install grafoscopio on Pharo 5, there are two ways of doing:
via the Pharo catalog or via running a script from the playground.
Both suppose that you have already installed Pharo for your platform
(Windows, Gnu/Linux or Mac) from its [download page][pharo-download],
and will be explained below, from the easiest one to the \"not so easy\".

Different install procedures suit different tastes and needs and bring alternatives,
so, if one doesn\'t work for you or your need/taste, you can try others, or just
leave it like that, if your chosen method worked.

[pharo-download]: http://pharo.org/download

',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Install from the pharo catalog',

3. While the installation is running, some progress bars with package names are going to be showed
  (see figure \\ref{fig:install-screen3}):

 ![Install screen 3 | Installation progress bars](../../../Imagenes/Install/progress-bar.png){#fig:install-screen3}

4. When the installation ends we will see two indicators (as shown in figure \\ref{fig:install-screen4}).
  - Messages in the lower left corner telling that installation is complete and documentation is installed.
  - A tool bar in the upper side of the Pharo window, called the docking bar.

  ![Install screen 4 | Installation ended](../../../Imagenes/Install/install-ended.png){#fig:install-screen4}

5. Once we have Grafoscopio installed, we save modifications to our computing environment, by making 
  click in any clean part of the GUI (not occupied by any window) to deploy the World Menu.
  There we choose save, to `Save` the system with the same name, or `Save as` to save it with a new one
  (see figure \\ref{fig:install-screen5}).

  ![Install screen 5 | Saving changes via the World Menu](../../../Imagenes/Install/save-menu.png){#fig:install-screen5 width=\"50%\"}',
							#children : OrderedCollection [ ],
							#parent : @36,
							#level : 2,
							#links : OrderedCollection [
								''
							]
						},
						GrafoscopioNode {
							#header : 'Install from a script',
							#body : 'There are two ways of running scripts in the Pharo environment:
one by importing them from Internet and the other by writing them
manually.

If you want to run a Pharo script from its web address, open the spotter
(`Shift + Enter`) and paste the address and then press `Enter` to open
the interactive playground and finally press the `Do it and go` green play 
button or its shorcut (`Ctrl + Shift + g`).

',
							#children : OrderedCollection [
								GrafoscopioNode {
									#header : '%idea in two steps',
									#body : 'For example, if you want to run the first part of the install script, open the
spotter and paste this address <http://ws.stfx.eu/BMWZPUY38BSF>.
You will see a screenshot similar to figure \\ref{fig:install-script-part1},
showing the web address you have pasted and the first lines of the script
below, marked in grey. 

![Loading the install configuration package](../../../Imagenes/Install/install-script-part1.png){#fig:install-script-part1} 

Press `Enter` or select with the mouse the grey area. 
You will see the interactive playground with the script loaded.
We will see more details about the playground later.
For the moment press the play button or the shorcut (`Ctrl + Shift + g`).
You will see that the playground has been executed.
An executed playground contains a new column with details of the object
resulting from that execution, as shown in figure \\ref{fig:executed-playground}.

![Executed playground](../../../Imagenes/Install/executed-playground.png){#fig:executed-playground} 

Now repeat the procedure, opening the spoter, pasting this url <http://ws.stfx.eu/CZ87ZZ2SXCEM> 
and executing the second part of the installation script (showed in figure \\ref{fig:install-script-part2}).

![Loading Grafoscopio](../../../Imagenes/Install/install-script-part2.png){#fig:install-script-part2}

You will see the progress bars and the ending of the installation process,
as described in the steps 4 to 5 of the previous section.',
									#children : OrderedCollection [ ],
									#parent : @41,
									#level : 3,
									#links : OrderedCollection [
										''
									]
								},
								GrafoscopioNode {
									#header : '%idea In one step',
									#body : 'Is usual to run the previous two steps in a single playground, by executing parts of it.
Here we are going to show you how to do it, with the same installation example we
have done so far.
Open a playground (`Ctrl` + `o` + `w`) and write this:

~~~
%embed Grafoscopio single quick install script
~~~

Now select with the mouse the script lines until the first load, as shown in figure

and the press the `Ctrl + g` combination. Only the selected part of the script will be
executed (see figure ).

Now select the second part of the script, as shown in figure',
									#children : OrderedCollection [
										GrafoscopioNode {
											#header : '%embed Grafoscopio single quick install script',
											#body : '\"Start by loading the configuration of Grafoscopio\"
  Gofer new
    url: \'http://smalltalkhub.com/mc/Pharo/MetaRepoForPharo50/main\';
    package: \'ConfigurationOfGrafoscopio\';
  load.

\"After that load Grafoscopio\"
ConfigurationOfGrafoscopio load.',
											#tags : 'código',
											#children : OrderedCollection [ ],
											#parent : @46,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',
												'',
												''
											]
										}
									],
									#parent : @41,
									#level : 3,
									#links : OrderedCollection [
										''
									]
								},
								GrafoscopioNode {
									#header : '%invisible',
									#body : '',
									#children : OrderedCollection [
										GrafoscopioNode {
											#header : 'Instaliing the Grafoscopio configuration',
											#body : '\"Start by loading the configuration of Grafoscopio\"
  Gofer new
    url: \'http://smalltalkhub.com/mc/Pharo/MetaRepoForPharo50/main\';
    package: \'ConfigurationOfGrafoscopio\';
  load.
',
											#tags : 'código',
											#children : OrderedCollection [ ],
											#parent : @52,
											#level : 4,
											#links : OrderedCollection [
												'',
												'http://ws.stfx.eu/BMWZPUY38BSF'
											]
										},
										GrafoscopioNode {
											#header : 'Load Grafoscopio',
											#body : '\"After that load Grafoscopio\"
ConfigurationOfGrafoscopio load.
',
											#tags : 'código',
											#children : OrderedCollection [ ],
											#parent : @52,
											#level : 4,
											#links : OrderedCollection [
												'',
												'http://ws.stfx.eu/CZ87ZZ2SXCEM'
											]
										}
									],
									#parent : @41,
									#level : 3,
									#links : OrderedCollection [
										''
									]
								}
							],
							#parent : @36,
							#level : 2,
							#links : OrderedCollection [
								''
							]
						}
					],
					#parent : @13,
					#level : 1,
					#links : OrderedCollection [
						'',
						'',
						'',
						'',
						'',
						'',
						'',
						'',
						'',
						'',
						'',
						''
					]
				},

				@38,
				@41,
				@43,
				@46,
				@48,
				@52,
				@54,
				@57,
				GrafoscopioNode {
					#header : 'Using Grafoscopio',
					#body : 'This section will show you how to use Grafoscopio from the GUI.',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'The spotter',
							#body : 'One of the first elements of the Pharo GUI that is an excellent companion
for Grafoscopio is the [Spotter][spotter], provided by the GT Toolkit.
It is a quick finder and laucher of system functionality, allowing you to
launch scripts, find functionality, browse objects and classes, among others.
To launch it press `Shift` + `Enter` in Pharo. You will see something like the
figure \\ref{fig:spotter}:

![The spotter](../../../Imagenes/spotter.png){#fig:spotter}

You can learn more about the spotter in the [Pharo MOOC][mooc] [^mooc]. 

[spotter]: http://gtoolkit.org/#spotter
[mooc]: https://siemenbaader.github.io/PharoMooc-website/',
							#children : OrderedCollection [
								GrafoscopioNode {
									#header : '%footnote mooc',
									#body : '    MOOC stands for Massive Online Open Courseware.
    The Pharo MOOC is excellent and a really good entry point for programmers
    wating to learn more about Pharo and Live Coding.
    It is also provides good complementary information if you come for other disciplines
    and endeavors and want to complement your reproducible research, modelling,
    data storytelling and visualization, with solid foundations of the Pharo environment.',
									#children : OrderedCollection [ ],
									#parent : @65,
									#level : 3,
									#links : OrderedCollection [
										''
									]
								}
							],
							#parent : @63,
							#level : 2,
							#links : OrderedCollection [
								''
							]
						},
						GrafoscopioNode {
							#header : 'The docking bar',

  - \"Example notebooks...\": (**TBD**) Lists a set of example notebooks (may be integrated in the  ̀Help ̀ menu).
  - \"Roassal visualizations Gallery...\": Opens a visualization browser grouped by categories. Useful as starting 
      point and inspirations for some projects.
  - \"Playground\": Opens an interactive coding scripting environment, with single \"pages\". Playgrounds are also
    embedable inside Grafoscopio notebooks.
  - \"Transcript:\" opens an output window to see log of events or see print messages.',
									#children : OrderedCollection [ ],
									#parent : @71,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'',

    Visualizations that are introduced as Grafoscopio notebooks.
    A companion notebook about this package is available on the Help menu, for more detailed information.
  - \"Notebooks places\": Updates some globally shared references for notebooks, so they can be adapted to personal
    preferences. This is useful for workshops, so participants can still store some notebooks in their preferred locations,
    while sharing relative routes. Examples of this functionality can be found in the Dataviz package notebooks documentation.
  - \"All the system\": Updates all of the above, except for the \"Notebooks places\", without going for any individual menu.',
									#children : OrderedCollection [ ],
									#parent : @71,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'',

     For a detailed view of the contents, you\'re welcomed to explore the tutorial by yourself! :-).
  - \"Manual\": Opens this manual.
  - \"Manual (PDF)\": Opens this manual, exported as PDF.
  - \"About Grafoscopio\": Opens the \"About\" window.

[dataweek]: http://mutabit.com/dataweek/',
									#children : OrderedCollection [ ],
									#parent : @71,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										''
									]
								}
							],
							#parent : @63,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'',
								'',
								'',

You will see a window like the shown here:

[][]

Next section will explain the functionality of the GUI showed on this window.',
							#children : OrderedCollection [ ],
							#parent : @63,
							#level : 3,
							#links : OrderedCollection [
								'',
								'',
								'',
								'',
								'',

  - \"Save as...\": Saves the notebook to the filesyste under a new name.
  - \"Export as markdown\": Exports the current notebook to [pandoc\'s markdown][markdown]. 
  - Export as html\" (**TBD**): Exports the current notebook to HTML format.
  - \"Export as pdf\"

See  the \"Exporting\" section for details about exporting and the pandoc prerrequisites to make it work.',
											#children : OrderedCollection [ ],
											#parent : @88,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',

Despite of not being integrated yet, several projects have been done using the Grafoscopio + Fossil
combination. 
For example, Grafoscopio uses Fossil as backend for its documentation and reporing issues.

[git]: https://en.wikipedia.org/wiki/Git
[github]: https://en.wikipedia.org/wiki/GitHub',
											#children : OrderedCollection [ ],
											#parent : @88,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',

												GrafoscopioNode {
													#header : 'Notebook saving and node cut, copy & paste',
													#body : '  - [][./Images/icon-save.png]: Saves the current notebook.
  - [][./Images/icon-cut.png]: Cuts the current node of the document tree.
  - [][./Images/icon-copy.png]: Copies the current node of the document tree to the clipboard.
  - [][./Images/icon-paste.png]: Pastes the current node of the document tree from the clipboard.',
													#children : OrderedCollection [ ],
													#parent : @96,
													#level : 5,
													#links : OrderedCollection [
														'',
														'',
														'',
														'',
														'',

													#body : '  - [][./Images/icon-add.png]: Adds a new node to the tree after the currently selected one.
  - [][./Images/icon-delete.png]: Removes the currently selected node.
  - [][./Images/icon-up.png]: Moves the currently selected node one place upward, unless is the first node.
  - [][./Images/icon-down.png]: Moves the currently selected node one place downward, unless is the last node.
  - [][./Images/icon-up.png]: Promotes the currently selected node one place, to the same level of its parent.
  - [][./Images/icon-up.png]: Demotes the currently selected node one place, making it child of the previous slibing.',
													#children : OrderedCollection [ ],
													#parent : @96,
													#level : 5,
													#links : OrderedCollection [
														'',
														'',
														'',
														'',
														'',

The arrow icon [][] visits a node link, opening it in the web browser, if it is not empty 
(see node details for more information about node links).

The add/remove tags icons [][] [][] will be used to define custom tags to mark nodes (**TBD**).
Custom tags can be used to define node traversal paths to create different outputs from a single notebook.',
													#children : OrderedCollection [ ],
													#parent : @96,
													#level : 5,
													#links : OrderedCollection [
														'',
														'',
														'',
														'',
														'',
														'',
														'',
														'',
														'',
														'',
														'',
														''
													]
												}
											],
											#parent : @88,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',
												'',
												'',
												'',
												'',
												''
											]
										}
									],
									#parent : @86,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'',

its children.
If the arrow is pointing down, the node is expanded, meaning that is shown them.
(see figure below).

Finally, If a node A is parent of a node B, which is parent of a node C, then A is said to be
an ancestor of C and C is said to be a sucessor of A.',
									#children : OrderedCollection [ ],
									#parent : @86,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'',

node details, as a text field, for edition.
Once the node header has been edited a color mark will be shown near the upper right corner
of the text field box.
This is known as a dirty marker.
To update the header in the document tree press Ctrl + s ( in Windows or Linux) or Cmd + s (Mac).
',
											#children : OrderedCollection [ ],
											#parent : @112,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',

Node body is located inmediatly below the node header text input.
Node body is saved automatically with each keystroke, and takes advantage of the
build in persistance for all Pharo objects (called image persistance), but if you want
to update the notebook contents to the file system you will need to save
the notebook explicitely, by pressing the save button in the top bar or chosing the
save option in the  ̀Notebook menu ̀.',
											#children : OrderedCollection [ ],
											#parent : @112,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',

The node links behave in a similar way to headers and the modificacions are saved 
explicitly by pressing Ctrl + s (Gnu/Linux, Windows) or Cmd + s (Mac).

In the future node links will behave in smarter ways, storing, for example, the history
of shared playgrounds for code nodes, paths to the file system to export subtrees of a
document, so, web browsing is just the begining.',
											#children : OrderedCollection [ ],
											#parent : @112,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',
												'',
												'http://mutabit.com'
											]
										}
									],
									#parent : @86,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'',

(see image below).

![][]

To execute a part of the code node instead, put the cursor at the line you want to
execute or select the line(s) with the mouse and press \"Ctrl + g\".',
											#children : OrderedCollection [ ],
											#parent : @124,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',

automatically copied to the system\'s clipboard (see image below), so it can 
be easily pasted in mails and other messages.

Playground publications hosting services is generously provided by Sven
Van Caekenberghe (also, he is the author of the superb STON format and 
NeoJSON importers, used in Grafoscopio and the Dataviz companion package).',
											#children : OrderedCollection [ ],
											#parent : @124,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',

real time by the event participants and we put there the links of the shared playgrounds,
to be imported in Grafoscopio notebooks.

In the future the node links could show the history of the shared playgrounds and its transformations.

[etherpad]: ',
											#children : OrderedCollection [ ],
											#parent : @124,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',

    Is pretty useful to have a quick overview of which is the vocabulary of the 
    object, wich messages can be send and how they\'re organized (protocols) 
    and implemented.

To know more about playgrounds and how they can be used and extended
vistit the [GT-Tools page][gt-tools].',
											#children : OrderedCollection [ ],
											#parent : @124,
											#level : 4,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',
												''
											]
										}
									],
									#parent : @86,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										''
									]
								},
								GrafoscopioNode {
									#header : 'Extending the markup: %keywords',
									#body : '',
									#children : OrderedCollection [ ],
									#parent : @86,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'',

To export a document, choose the appropiate option from the [Notebook menu][notebook-menu].
Exporting to markdown will save the document in the same location as the current one, but with  ̀.markdown ̀
extension and exporting as PDF will run the proper pandoc command on this document for such conversion 
(provided that pandoc is installed on your system at the usual location, if is not, it will send you an error message).
If you want to export a document with a different name, you wil need first to save the native document with such new name.
',
									#children : OrderedCollection [ ],
									#parent : @86,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										'',
										''
									]
								}
							],
							#parent : @63,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'',
								'',
								'',

								'',
								'',
								'',
								''
							]
						}
					],
					#parent : @13,
					#level : 1,
					#links : OrderedCollection [
						'',
						'',
						'',
						'',
						'',

						'',
						'',
						'',
						'',
						''
					]
				},







				@65,
				@67,
				@71,

				@73,
				@76,
				@79,
				@83,
				@86,
				@88,
				@90,
				@93,
				@96,
				@98,
				@101,
				@104,
				@109,
				@112,
				@114,
				@117,
				@120,
				@124,
				@126,
				@129,
				@132,
				@135,
				@139,
				@142,
				GrafoscopioNode {
					#header : 'API documentation',
					#body : 'Because Grafoscopio inhabits a full live coding environment,
it follows the custom of making the API documentation available
inside a dynamic environment, instead in some static web page.
To open the Grafoscopio package inside the system browser,
and see the messages organized by protocols execute:
',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Opening the code browser for Grafoscopio',
							#body : '\"Browser the notebook API\"
GrafoscopioNotebook browse.

\"Browse the document tree API\"
GrafoscopioNode browse.',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @147,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'',
								'',
								''
							]
						}
					],
					#parent : @13,
					#level : 1,
					#links : OrderedCollection [
						'',
						'',
						'',
						''
					]
				},
				@149,
				GrafoscopioNode {
					#header : 'Tests',
					#body : 'The core functionality of Grafoscopio is tested.
If you want to see and run the tests, just open the tests package by
executing',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Opening the tests package',
							#body : 'GrafoscopioNodeTest browse',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @153,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'',
								'',
								''
							]
						}
					],
					#parent : @13,
					#level : 1,
					#links : OrderedCollection [
						'',
						'',
						'',
						'',
						'',
						''
					]
				},
				@155,
				GrafoscopioNode {
					#header : 'Examples',
					#body : 'There is a dedicated complementary package, called `Dataviz`, with examples, 
that was build with educative purposes, for a recurrent local workshop called 
the Data Week, where we invite a diverse community in gender, professions,
educational and life backgrounds.
Also we have a Spanish introductory tutorial, that is directed towards beginers.

To see such examples please load the Dataviz introductory documentation by
executing the code

',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Opening tutorial',
							#body : '\"This opens the Spanish tutorial\"
GrafoscopioNotebook new openTutorial ',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @159,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'',
								'',
								'',
								'',
								'',
								'',
								''
							]
						},
						GrafoscopioNode {
							#header : 'Opening Dataviz documentation',
							#body : 'GrafoscopioDocumentation openDataVizIntro',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @159,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'',
								'',
								'',
								'',
								'',
								'',
								''
							]
						}
					],
					#parent : @13,
					#level : 1,
					#links : OrderedCollection [
						'',
						'',
						'',
						'',
						'',
						'',
						'',
						'',
						'',
						''
					]
				},
				@161,
				@164,
				GrafoscopioNode {
					#header : 'Community Guidelines',
					#body : '',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Seek support',
							#body : 'Grafoscopio has a small and new born community.
You can reach it by following the contact links
in the Grafoscopio page in 
[Spanish](http://mutabit.com/grafoscopio/)
or in [English](http://mutabit.com/grafoscopio/index.en.html).

Also you can discuss issues related with Grafoscopio in the
[Pharo users community](http://pharo.org/community) 
mailing list .
We follow such list and try to be active participants there
and bridge the local Spanish community with the international
one.',
							#children : OrderedCollection [ ],
							#parent : @168,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'',
								'',
								'',

Before creating a new ticket, please be sure to visit the 
[current tickets][current-tickets], to see if your issue/problem has been
not reported before.

[grafoscopio-tickets]: http://mutabit.com/repos.fossil/grafoscopio/ticket
[current-tickets]: http://mutabit.com/repos.fossil/grafoscopio/rptview?rn=1',
							#children : OrderedCollection [ ],
							#parent : @168,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'',
								''
							]

mail communication and can discuss about contributions on an
individual  case by case approach, so your words, bugfix and suggestions 
will be listened and taking into account and integrated when it makes
sense.

Welcome again to our community :-).',
							#children : OrderedCollection [ ],
							#parent : @168,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'',
								'',
								'',
								'',
								'',
								''
							]
						}
					],
					#parent : @13,
					#level : 1,
					#links : OrderedCollection [
						'',
						'',
						'',
						'',
						'',
						'',
						''
					]
				},
				@170,
				@173,
				@176,
				GrafoscopioNode {
					#header : 'Licenses',
					#body : '',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Grafoscopio Software License',
							#body : 'The Grafoscopio software is covered under MIT License

IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.',
							#children : OrderedCollection [ ],
							#parent : @180,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'http://vistonte.org',
								'http://visonte.org',
								'http://visonte.org',

g. **“You”** means an individual or entity exercising rights under this License who has not previously violated the terms of this License with respect to the Work, or who has received express permission from the Licensor to exercise rights under this License despite a previous violation. 

h. **“Publicly Perform”** means to perform public recitations of the Work and to communicate to the public those public recitations, by any means or process, including by wire or wireless means or public digital performances; to make available to the public Works in such a way that members of the public may access these Works from a place and at a place individually chosen by them; to perform the Work to the public by any means or process and the communication to the public of the performances of the Work, including by public digital performance; to broadcast and rebroadcast the Work by any means including signs, sounds or images. 

i. **“Reproduce”** means to make copies of the Work by any means including without limitation by sound or visual recordings and the right of fixation and reproducing fixations of the Work, including storage of a protected performance or phonogram in digital form or other electronic medium.',
									#children : OrderedCollection [ ],
									#parent : @185,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										''
									]
								},
								GrafoscopioNode {
									#header : 'Fair dealing rights',
									#body : 'Nothing in this License is intended to reduce, limit, or restrict any uses free from copyright or rights arising from limitations or exceptions that are provided for in connection with the copyright protection under copyright law or other applicable laws.',
									#children : OrderedCollection [ ],
									#parent : @185,
									#level : 3,
									#links : OrderedCollection [
										'',
										''
									]
								},
								GrafoscopioNode {
									#header : 'License Grant',
									#body : 'Subject to the terms and conditions of this License, Licensor hereby grants You a worldwide, royalty-free, non-exclusive, perpetual (for the duration of the applicable copyright) license to exercise the rights in the Work as stated below:

a. to Reproduce the Work, to incorporate the Work into one or more Collections, and to Reproduce the Work as incorporated in the Collections; 

b. to create and Reproduce Adaptations provided that any such Adaptation, including any translation in any medium, takes reasonable steps to clearly label, demarcate or otherwise identify that changes were made to the original Work. For example, a translation could be marked “The original work was translated from English to Spanish,” or a modification could indicate “The original work has been modified.”; 

c. to Distribute and Publicly Perform the Work including as incorporated in Collections; and, 

d. to Distribute and Publicly Perform Adaptations. The above rights may be exercised in all media and formats whether now known or hereafter devised. The above rights include the right to make such modifications as are technically necessary to exercise the rights in other media and formats. Subject to Section 8(f), all rights not expressly granted by Licensor are hereby reserved, including but not limited to the rights set forth in Section 4(f).',
									#children : OrderedCollection [ ],
									#parent : @185,
									#level : 3,
									#links : OrderedCollection [
										'',
										''
									]
								},
								GrafoscopioNode {

  i. Non-waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme cannot be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License; 

  ii. Waivable Compulsory License Schemes. In those jurisdictions in which the right to collect royalties through any statutory or compulsory licensing scheme can be waived, the Licensor reserves the exclusive right to collect such royalties for any exercise by You of the rights granted under this License if Your exercise of such rights is for a purpose or use which is otherwise than noncommercial as permitted under Section 4(b) and otherwise waives the right to collect royalties through any statutory or compulsory licensing scheme; and, 
  iii.Voluntary License Schemes. The Licensor reserves the right to collect royalties, whether individually or, in the event that the Licensor is a member of a collecting society that administers voluntary licensing schemes, via that society, from any exercise by You of the rights granted under this License that is for a purpose or use which is otherwise than noncommercial as permitted under Section 4(b). 

g. Except as otherwise agreed in writing by the Licensor or as may be otherwise permitted by applicable law, if You Reproduce, Distribute or Publicly Perform the Work either by itself or as part of any Adaptations or Collections, You must not distort, mutilate, modify or take other derogatory action in relation to the Work which would be prejudicial to the Original Author’s honor or reputation. Licensor agrees that in those jurisdictions (e.g. Japan), in which any exercise of the right granted in Section 3(b) of this License (the right to make Adaptations) would be deemed to be a distortion, mutilation, modification or other derogatory action prejudicial to the Original Author’s honor and reputation, the Licensor will waive or not assert, as appropriate, this Section, to the fullest extent permitted by the applicable national law, to enable You to reasonably exercise Your right under Section 3(b) of this License (right to make Adaptations) but not otherwise.',
									#children : OrderedCollection [ ],
									#parent : @185,
									#level : 3,
									#links : OrderedCollection [
										'',
										''
									]
								},
								GrafoscopioNode {
									#header : 'Representations, Warranties and Disclaimer',
									#body : 'UNLESS OTHERWISE MUTUALLY AGREED TO BY THE PARTIES IN WRITING, LICENSOR OFFERS THE WORK AS-IS AND MAKES NO REPRESENTATIONS OR WARRANTIES OF ANY KIND CONCERNING THE WORK, EXPRESS, IMPLIED, STATUTORY OR OTHERWISE, INCLUDING, WITHOUT LIMITATION, WARRANTIES OF TITLE, MERCHANTIBILITY, FITNESS FOR A PARTICULAR PURPOSE, NONINFRINGEMENT, OR THE ABSENCE OF LATENT OR OTHER DEFECTS, ACCURACY, OR THE PRESENCE OF ABSENCE OF ERRORS, WHETHER OR NOT DISCOVERABLE. SOME JURISDICTIONS DO NOT ALLOW THE EXCLUSION OF IMPLIED WARRANTIES, SO SUCH EXCLUSION MAY NOT APPLY TO YOU. ',
									#children : OrderedCollection [ ],
									#parent : @185,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										''
									]
								},
								GrafoscopioNode {
									#header : 'Limitation on liability',
									#body : 'EXCEPT TO THE EXTENT REQUIRED BY APPLICABLE LAW, IN NO EVENT WILL LICENSOR BE LIABLE TO YOU ON ANY LEGAL THEORY FOR ANY SPECIAL, INCIDENTAL, CONSEQUENTIAL, PUNITIVE OR EXEMPLARY DAMAGES ARISING OUT OF THIS LICENSE OR THE USE OF THE WORK, EVEN IF LICENSOR HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. ',
									#children : OrderedCollection [ ],
									#parent : @185,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										''
									]
								},
								GrafoscopioNode {
									#header : 'Termination',
									#body : 'a. This License and the rights granted hereunder will terminate automatically upon any breach by You of the terms of this License. Individuals or entities who have received Adaptations or Collections from You under this License, however, will not have their licenses terminated provided such individuals or entities remain in full compliance with those licenses. Sections 1, 2, 5, 6, 7, and 8 will survive any termination of this License. 

b. Subject to the above terms and conditions, the license granted here is perpetual (for the duration of the applicable copyright in the Work). Notwithstanding the above, Licensor reserves the right to release the Work under different license terms or to stop distributing the Work at any time; provided, however that any such election will not serve to withdraw this License (or any other license that has been, or is required to be, granted under the terms of this License), and this License will continue in full force and effect unless terminated as stated above.

',
									#children : OrderedCollection [ ],
									#parent : @185,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										''
									]

d. No term or provision of this License shall be deemed waived and no breach consented to unless such waiver or consent shall be in writing and signed by the party to be charged with such waiver or consent. 

e. This License constitutes the entire agreement between the parties with respect to the Work licensed here. There are no understandings, agreements or representations with respect to the Work not specified here. Licensor shall not be bound by any additional provisions that may appear in any communication from You. This License may not be modified without the mutual written agreement of the Licensor and You. 

f. The rights granted under, and the subject matter referenced, in this License were drafted utilizing the terminology of the Berne Convention for the Protection of Literary and Artistic Works (as amended on September 28, 1979), the Rome Convention of 1961, the WIPO Copyright Treaty of 1996, the WIPO Performances and Phonograms Treaty of 1996 and the Universal Copyright Convention (as revised on July 24, 1971). These rights and subject matter take effect in the relevant jurisdiction in which the License terms are sought to be enforced according to the corresponding provisions of the implementation of those treaty provisions in the applicable national law. If the standard suite of rights granted under applicable copyright law includes additional rights not granted under this License, such additional rights are deemed to be included in the License; this License is not intended to restrict the license of any rights under applicable law.',
									#children : OrderedCollection [ ],
									#parent : @185,
									#level : 3,
									#links : OrderedCollection [
										'',
										''
									]
								}
							],
							#parent : @180,
							#level : 2,
							#links : OrderedCollection [
								'',
								'',
								'',
								'',
								'',
								'',
								'',
								''
							]
						}
					],
					#parent : @13,
					#level : 1,
					#links : OrderedCollection [
						'',
						''
					]
				},
				@182,
				@185,
				@187,
				@190,
				@193,
				@196,
				@199,
				@202,
				@205,
				@208,
				GrafoscopioNode {
					#header : 'Bibliography',
					#body : 'bibliography.bib',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : '%invisible ',
							#body : '',

\tifTrue: [ bibFile delete ] 
\tifFalse: [ bibFile ensureCreateFile ].
bibFile writeStreamDo: [ :stream | stream nextPutAll: bibTeXData ].
bibFile.
',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @215,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'http://ws.stfx.eu/5OBNRCUV158W',
										'http://ws.stfx.eu/7NNY97PNVQM8',
										'http://ws.stfx.eu/4138G3OYJZ9I'

bibFile writeStreamDo: [ :stream | stream nextPutAll: bibTeXData ].
bibFile\"
BibRenderer new render:
bibliography entries second
',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @215,
									#level : 3,
									#links : OrderedCollection [
										'',
										'http://ws.stfx.eu/4138G3OYJZ9I'
									]
								},
								GrafoscopioNode {

											#header : 'Tweet',
											#body : '',
											#children : OrderedCollection [
												GrafoscopioNode {
													#header : 'Script screenshot zoom',
													#body : '',
													#children : OrderedCollection [ ],
													#parent : @225,
													#level : 5,
													#links : OrderedCollection [
														'',
														'https://www.enlightenment.org/ss/e-54454b6c965410.68921158.jpg'
													]
												}
											],
											#parent : @223,
											#level : 4,
											#links : OrderedCollection [
												'',
												'https://twitter.com/offrayLC/status/524258229875142657'
											]
										},
										GrafoscopioNode {

bibliography.
bibFile writeStreamDo: [:stream |
       stream nextPutAll: bibStream contents withUnixLineEndings ].
bibStream contents.
',
													#tags : 'código',
													#children : OrderedCollection [ ],
													#parent : @231,
													#level : 5,
													#links : OrderedCollection [
														'',
														'http://ws.stfx.eu/3CEKQQQ3NL2E'
													]
												}
											],
											#parent : @223,
											#level : 4,
											#links : OrderedCollection [
												'',
												'http://forum.world.st/Citizen-example-for-manipulating-a-bibtex-file-tt4784240.html#a4822230'
											]
										}
									],
									#parent : @215,
									#level : 3,
									#links : OrderedCollection [
										''
									]
								}
							],
							#parent : @213,
							#level : 2,
							#links : OrderedCollection [
								'',
								''
							]
						}
					],
					#parent : @13,
					#level : 1,
					#links : OrderedCollection [
						'',
						'',
						'',
						'',
						'',
						''
					]
				},
				@215,
				@217,
				@220,
				@223,
				@225,
				@227,
				@231,
				@233
			]
		},
		#level : 1,
		#links : OrderedCollection [




			''
		]
	},
	@15,

	@36,
	@63,
	@147,
	@153,
	@159,
	@168,
	@180,
	@213
]

							'',
							'',
							'',
							'',
							'',
							''
						]
					},
					GrafoscopioNode {
						#header : 'Testing the Calypso code browser',
						#body : 'Works from Pharo 6.',
						#children : OrderedCollection [
							GrafoscopioNode {
								#header : 'Installing',
								#body : 'Gofer it
 smalltalkhubUser: \'Pharo\' project: \'Calypso\';
 configuration;
 loadStable.
',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @89,
								#level : 4,
								#links : OrderedCollection [
									'',
									'',
									'',
									'',
									''
								]
							}
						],
						#parent : @4,
						#level : 3,
						#links : OrderedCollection [
							'',
							'',
							'https://github.com/dionisiydk/Calypso',
							'https://github.com/dionisiydk/Calypso',
							'https://github.com/dionisiydk/Calypso',
							'https://github.com/dionisiydk/Calypso',
							'https://github.com/dionisiydk/Calypso',
							'https://github.com/dionisiydk/Calypso',
							'https://github.com/dionisiydk/Calypso'
						]
					}
				],
				#parent : @2,
				#level : 2
			},
			GrafoscopioNode {
				#header : 'Doing...',
				#key : '',
				#body : '',
				#children : OrderedCollection [


























































































































					GrafoscopioNode {
						#header : 'Bibliography',
						#body : '',
						#children : OrderedCollection [
							GrafoscopioNode {
								#header : 'Zotero',
								#key : '',

											#body : Text {
												#string : '',
												#runs : RunArray {
													#runs : [ ],
													#values : [ ]
												}
											},
											#children : @100,
											#parent : GrafoscopioNode {
												#header : 'Bibliografía',
												#key : '',
												#body : 'Este nodo mostrará cómo trabajar con referencias bibliográficas.
La bibliografía está en un grupo en Zotero, pero hay algunas labores de automatización
que se requieren para leer los items de la misma y colocarlos en el archivo en formato
bibtex, que se invoca para construir dicha bibliografía y citarla en el documento.

												'',
												'',
												''
											]
										},
										#level : 4,
										#nodesInPreorder : OrderedCollection [
											@101
										],
										#links : OrderedCollection [
											'',
											'',
											'',
											'',
											'',

										#children : OrderedCollection [
											GrafoscopioNode {
												#header : 'Basic Zotero API',
												#key : '',
												#body : '',
												#tags : '',
												#children : OrderedCollection [ ],
												#parent : @114,
												#level : 5,
												#links : OrderedCollection [
													'',
													'',
													'',
													'',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics',
													'https://www.zotero.org/support/dev/web_api/v3/basics'
												]
											},
											GrafoscopioNode {
												#header : 'Zotero Web API Item Type/Field Requests',
												#body : '',
												#children : OrderedCollection [ ],
												#parent : @114,
												#level : 5,
												#links : OrderedCollection [
													'',
													'',
													'https://www.zotero.org/support/dev/web_api/v3/types_and_fields'
												]
											},
											GrafoscopioNode {
												#header : 'Intro to the Zotero API for Pyhon',
												#key : '',
												#body : 'A pesar de referirse a Python,  puede extrapolarse a otros lenguajes, como Smalltalk',
												#tags : '',
												#children : OrderedCollection [ ],
												#parent : @114,
												#level : 5,
												#links : OrderedCollection [
													'',
													'',
													'',
													'',
													'http://programminghistorian.org/lessons/intro-to-the-zotero-api',

												#header : 'Exportación',
												#body : '',
												#children : OrderedCollection [
													GrafoscopioNode {
														#header : 'Export formats',
														#body : '',
														#children : OrderedCollection [ ],
														#parent : @125,
														#level : 6,
														#links : OrderedCollection [
															'',
															'',
															'https://www.zotero.org/support/dev/web_api/v3/basics#export_formats',
															'https://www.zotero.org/support/dev/web_api/v3/basics#export_formats',
															'https://www.zotero.org/support/dev/web_api/v3/basics#export_formats',
															'https://www.zotero.org/support/dev/web_api/v3/basics#export_formats',
															'https://www.zotero.org/support/dev/web_api/v3/basics#export_formats'
														]
													},
													GrafoscopioNode {
														#header : 'Exportar a .bib',
														#body : '',
														#children : OrderedCollection [ ],
														#parent : @125,
														#level : 6,
														#links : OrderedCollection [
															'',
															'',
															'',
															'',
															'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note%20||%20attachment%20&format=bib',
															'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note%20||%20attachment%20&format=bib',
															'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note%20||%20attachment%20&format=bib'
														]
													}
												],
												#parent : @114,
												#level : 5,
												#links : OrderedCollection [
													'',
													''
												]
											},
											GrafoscopioNode {
												#header : 'Search syntax',
												#body : '',
												#children : OrderedCollection [ ],
												#parent : @114,
												#level : 5,
												#links : OrderedCollection [
													'',
													'',
													'',
													'',
													'https://www.zotero.org/support/dev/web_api/v3/basics#search_syntax'
												]
											}
										],
										#parent : @103,
										#level : 4,
										#links : OrderedCollection [
											'',
											''
										]
									},
									GrafoscopioNode {

WebBrowser openOn: \'https://api.zotero.org/groups/204755/items/top?start=0&limit=25&format=atom&v=1\'.

\"Lo cual quiere decir que el ID es 204755.\"
',
										#tags : 'código',
										#children : OrderedCollection [ ],
										#parent : @103,
										#level : 4,
										#links : OrderedCollection [
											'',
											'',
											'',
											''
										]
									},
									GrafoscopioNode {
										#header : 'Abrir la descripción de un grupo',
										#key : '',
										#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755\') contents',
										#tags : 'código',
										#children : OrderedCollection [ ],
										#parent : @103,
										#level : 4
									},
									GrafoscopioNode {
										#header : 'Consultar bibliotecas',
										#key : '',
										#body : '',
										#children : OrderedCollection [
											GrafoscopioNode {
												#header : 'Scripts manuales',
												#key : '',
												#body : '',
												#children : OrderedCollection [
													GrafoscopioNode {
														#header : 'Información general',
														#key : '',
														#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755\') contents
',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @145,
														#level : 5
													},
													GrafoscopioNode {
														#header : 'Ultimos 25 items',
														#key : '',
														#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/items\') contents.

\"Por omisión trae los últimos 25 items agregados en la biblioteca\"',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @145,
														#level : 5
													},
													GrafoscopioNode {
														#header : 'Subcolecciones',
														#key : '',
														#body : '',
														#children : OrderedCollection [
															GrafoscopioNode {
																#header : 'Info de subcolección particular',
																#key : '',
																#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2\') contents
',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @151,
																#level : 6
															},
															GrafoscopioNode {
																#header : 'Items en una subcolección',
																#key : '',
																#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items\') contents

\"Estos items también incluyen las anotaciones que se hayan hecho sobre un documento en particular.\"',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @151,
																#level : 6
															},
															GrafoscopioNode {
																#header : 'Excluir las anotaciones de todos los items.',
																#key : '',
																#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note\') contents

\"Estos items excluyen las anotaciones que se hayan hecho sobre cualquier documento\"
',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @151,
																#level : 6
															},
															GrafoscopioNode {
																#header : 'Excluir anotaciones y anexos',
																#key : '',
																#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note || attachment\') contents

\"Estos items excluyen las anotaciones y los anexos en cualquier item\"
',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @151,
																#level : 6
															},
															GrafoscopioNode {
																#header : 'Bibtex',
																#key : '',
																#body : '',
																#children : OrderedCollection [

\tjournal = {@offrayLC},
\tauthor = {Luna Cárdenas, Offray Vladimir},
\tyear = {2013},
\tkeywords = {replaceShortTitle}
}',
																		#tags : 'código',
																		#children : OrderedCollection [ ],
																		#parent : @161,
																		#level : 7
																	},
																	GrafoscopioNode {
																		#header : 'Todos los items de una subcolección',
																		#key : '',
																		#body : '(ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items?itemType=-note || attachment&format=bibtex\') contents utf8Decoded 
',
																		#tags : 'código',
																		#children : OrderedCollection [ ],
																		#parent : @161,
																		#level : 7
																	}
																],
																#parent : @151,
																#level : 6
															}
														],
														#parent : @145,
														#level : 5
													},
													GrafoscopioNode {
														#header : 'Ultimos 5 items',
														#key : '',
														#body : 'NeoJSONReader fromString: (ZnEasy get: \'https://api.zotero.org/groups/204755/collections/5NVZ4WH2/items/top\') contents

\"Estos items también incluyen las anotaciones que se hayan hecho sobre
un documento en particular.\"
',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @145,
														#level : 5
													}
												],
												#parent : @143,
												#level : 5
											},
											GrafoscopioNode {
												#header : 'Usando el paquete Zotero',
												#key : '',
												#body : 'He creado el paquete \"Zotero\", pronto instalable desde el catálogo, que facilita la consulta y exportación de bibliotecas
almacenadas en zotero. 
Los scripts del nodo anterior sirvieron como exploración preliminar para implementar dicho paquete.',
												#children : OrderedCollection [
													GrafoscopioNode {
														#header : 'Información general',
														#key : '',
														#body : '(ZoteroLibrary new groupID: \'204755\') generalInfo ',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @169,
														#level : 6,
														#links : OrderedCollection [
															''
														]
													},
													GrafoscopioNode {
														#header : 'Ultimos 25 items',
														#key : '',
														#body : '(ZoteroLibrary new groupID: \'204755\') lastItems.',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @169,
														#level : 6
													},
													GrafoscopioNode {
														#header : 'Ultimas 25 colecciones',
														#key : '',
														#body : '(ZoteroLibrary new groupID: \'204755\') lastCollections',
														#tags : 'código',
														#children : OrderedCollection [ ],
														#parent : @169,
														#level : 6,
														#links : OrderedCollection [
															'',
															''
														]
													},
													GrafoscopioNode {
														#header : 'Subcolecciones',
														#key : '',
														#body : '',
														#children : OrderedCollection [
															GrafoscopioNode {
																#header : 'Info de subcolección particular',
																#key : '',
																#body : '(ZoteroLibrary new groupID: \'204755\') subcollection: \'5NVZ4WH2\'',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @179,
																#level : 7
															},
															GrafoscopioNode {
																#header : 'Ultimos items',
																#key : '',
																#body : '(ZoteroLibrary new groupID: \'204755\') subcollectionLastItems: \'5NVZ4WH2\'.',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @179,
																#level : 7
															},
															GrafoscopioNode {
																#header : 'Items, nodos padres',
																#key : '',
																#body : '(ZoteroLibrary new groupID: \'204755\') subcollectionLastParentItems: \'5NVZ4WH2\'.
',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @179,
																#level : 7
															},
															GrafoscopioNode {
																#header : 'Exportando a BibTeX',
																#key : '',
																#body : '(ZoteroLibrary new groupID: \'204755\') subcollectionAsBibTeX: \'5NVZ4WH2\'
',
																#tags : 'código',
																#children : OrderedCollection [ ],
																#parent : @179,
																#level : 7
															}
														],
														#parent : @169,
														#level : 6
													}
												],
												#parent : @143,
												#level : 5
											}
										],
										#parent : @103,
										#level : 4
									}
								],
								#parent : @97,
								#level : 4,
								#nodesInPreorder : OrderedCollection [
									@99,
									@101,
									@114,
									@116,
									@122,
									@138,
									@141,
									@143,
									@145,
									@147,
									@149,
									@151,
									@153,
									@155,
									@157,
									@159,
									@161,
									@163,
									@165,
									@167,
									@169,
									@171,
									@174,
									@176,

									@179,
									@181,
									@183,
									@185,
									@187





								],
								#links : @111
							},
							GrafoscopioNode {
								#header : 'BibTeX',
								#key : '',
								#body : 'Para trabajar con BibTeX, es necesario cargar el paquete citezen desde el catálogo de Pharo
(OJO es la única \"i\" es la primera, no confundir con citizen, que tiene dos \"i\"s).

														[ ]
													],
													#lastIndex : 352,
													#lastRun : 1,
													#lastOffset : 351
												}
											},
											#children : @191,
											#parent : @108,
											#level : 3,
											#links : OrderedCollection [
												'',
												'',
												'',
												'',
												'',

\tDesign.\" },
\tjournaltitle = {Design Issues},
\tdate = {date},
\tissue = {17},
\tpages = {67-84},
}',
										#children : OrderedCollection [ ],
										#parent : @194,
										#level : 4
									}
								],
								#parent : @97,
								#level : 4,
								#nodesInPreorder : OrderedCollection [
									@190,
									@192,
									@201


								],
								#links : @200
							},
							GrafoscopioNode {
								#header : 'Citizen',
								#body : '',
								#children : OrderedCollection [ ],
								#parent : @97,
								#level : 4,
								#links : OrderedCollection [
									'',
									'',
									'http://people.untyped.org/damien.pollet/software/citezen/'
								]
							}
						],
						#parent : @95,
						#level : 3,
						#links : OrderedCollection [
							'',
							'',
							'',
							'',
							'',
							'',
							'',
							'',
							'',
							'',
							'',
							'',
							'',
							''
						]
					},
					GrafoscopioNode {
						#header : 'Fixing auto-update of textual code nodes',
						#body : 'When a code node is executed and produce textual output (scraps HTML,
calculates a hash, etc) the code is replaced by the output. Visit link for
details.',
						#children : OrderedCollection [
							GrafoscopioNode {
								#header : 'Tudor\'s answer',
								#body : 'playground := GTPlayground new.
playground openOn: GTPlayPage new.
playground 
\tonChangeOfPort: #text 
\tact: [ :x | self inform: x entity value content ]
',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @208,
								#level : 4,
								#links : OrderedCollection [
									'',
									'http://ws.stfx.eu/ETEC2JH7363M'
								]
							}
						],
						#parent : @95,
						#level : 3,
						#links : OrderedCollection [
							'',
							'http://forum.world.st/Problems-with-auto-updating-the-text-of-a-playground-tt4933088.html'
						]
					},
					GrafoscopioNode {
						#header : 'Applying Peter\'s advice',
						#body : 'In the mailing list Peter Uhnak made some observations about improving Grafoscopio
(visit related link below for details).
This notes are for exploring the implementation of such advice.',
						#children : OrderedCollection [
							GrafoscopioNode {
								#header : 'Changing file dialogs',
								#body : '> For saving `UITheme builder` is used, but the correct approach is via `UIManager default`
  * this has obvious impact if the UIManager is different (UIManager has reference to UITheme, but not the other way around)

   To see all the calls, you can do this (or find the uses manually)


',
								#children : OrderedCollection [
									GrafoscopioNode {
										#header : 'all calls',
										#body : 'calls := UITheme allCallsOn select: [ :each | each package name = #Grafoscopio ].
SystemNavigation default browseMessageList: calls name: \'Users of class  UITheme\' autoSelect: \'UITheme builder\'.',
										#tags : 'código',
										#children : OrderedCollection [ ],
										#parent : @216,
										#level : 5,
										#links : OrderedCollection [
											'',
											'',
											'',
											'',
											'',
											'',
											'',
											'',
											''
										]
									}
								],
								#parent : @214,
								#level : 4,
								#links : OrderedCollection [
									'',
									'',
									'',
									'',
									'',
									'',
									'',
									'',
									'',
									''
								]
							},
							GrafoscopioNode {
								#header : 'Making documentation relative to the image folder',
								#body : '> 4. During installation (from Catalog) a \'Grafoscopio\' folder is created in documents and documentation is downloaded

    This is a big no. Please don\'t do this.
    Not only it violates the isolation of images, but it actually breaks the installation itself when you install Grafoscopio in two different images.

    If you have to download the docs and you cannot just store them inside the image (which would be logical choice for read-only), then please use the image\'s directory by default, and only in e.g. development mode use some other location. ',
								#children : OrderedCollection [
									GrafoscopioNode {
										#header : 'Implementation ideas',
										#body : 'Once the documents location become relative to the image working directory,
a menu should be created, in the docking bar, to define where documents are located,
so we can work with a single location or with a relative path, wich is important for
shared projects and in a \'developer mode\', so docs are stored in places shared by all
images.
This could be complemented with the strategy of making notebooks trees available from the playgrounds
embedded in such notebooks.',
										#tags : '',
										#children : OrderedCollection [ ],
										#parent : @222,
										#level : 5,
										#links : OrderedCollection [
											'',
											'',
											'',
											'',
											'',
											''
										]
									},
									GrafoscopioNode {
										#header : 'GUI for selecting a folder',
										#body : 'UIManager default chooseDirectory: \'Path to the documents Folder\'',
										#tags : 'código',
										#children : OrderedCollection [ ],
										#parent : @222,
										#level : 5,
										#links : OrderedCollection [
											'',
											'',
											'',
											'',
											''
										]
									}
								],
								#parent : @214,
								#level : 4,
								#links : OrderedCollection [
									'',
									'',
									'',
									''
								]
							}
						],
						#parent : @95,
						#level : 3,
						#links : OrderedCollection [
							'',
							'',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html',
							'http://forum.world.st/Couple-grafoscopio-notes-tt4929939.html'
						]
					},
					GrafoscopioNode {
						#header : 'Access to current notebook tree and nodes',
						#body : 'To make Grafoscopio even more self-referential (beyond being build and integrated with a 
metasystem like Pharo) would be nice to have access to the notebook tree and the nodes.
Something like making callable ThisNotebook, or ThisNode, inside a playground would give
access to self-referential programmable documents (in a similar way Leo).
I\'m unsure if using \'ThisNotebook\' or \'ThisNode\' is good style in Smalltalk.',
						#children : OrderedCollection [
							GrafoscopioNode {
								#header : 'Exploring a Playground node',
								#body : 'self class',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @232,
								#level : 4,
								#links : OrderedCollection [
									'',
									'',
									''
								]
							}
						],
						#parent : @95,
						#level : 3,
						#links : OrderedCollection [
							'',
							'',
							'',
							''
						]
					},
					GrafoscopioNode {
						#header : 'Keyboard shortcuts for notebook operations.',
						#body : 'An easy way to move, insert, delete and make operations with the notebooks and its nodes,
via keyboard shorcuts (like Leo).',
						#children : OrderedCollection [ ],
						#parent : @95,
						#level : 3,
						#links : OrderedCollection [
							'',
							''
						]
					}
				],

testTree := GrafoscopioNode new becomeDefaultTestTree.
nb := GrafoscopioNotebook new.
nb notebook: testTree; 
   notebookContent: testTree.
nb openWithSpec.',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @243,
								#level : 2
							},
							GrafoscopioNode {
								#header : 'Launching & inspecting text notebook',
								#key : '',
								#body : '| testTree nb nodeContent parentNode |
testTree := GrafoscopioNode new becomeDefaultTestTree.
nb := GrafoscopioNotebook new.
nb notebook: testTree; 
   notebookContent: testTree.
nb openWithSpec.
nodeContent := (testTree children at: 1) children at: 1.
parentNode := nb tree roots at: 1.
nb highlightItemContaining: nodeContent andParent: parentNode ',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @243,
								#level : 2
							},
							GrafoscopioNode {
								#header : 'Nicolai\'s example',
								#key : '',
								#body : '|t nodeBlock |
nodeBlock:= [:class | |node|
    node := TreeNodeModel new.
    node hasChildren:[ class subclasses isEmpty not].
    node children: [class subclasses collect:[:subclass | nodeBlock value: subclass]].
    node content: class].
t:=TreeModel new.
t roots: (Morph subclasses collect:[:class | nodeBlock value:class]).
t whenBuiltDo:[ t selectedItem:( t roots first selected:true;takeHighlight;yourself)].
t openWithSpec
',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @243,
								#level : 2
							}
						],
						#parent : @241,
						#level : 3
					},
					GrafoscopioNode {
						#header : 'Update documentation',
						#key : '',
						#body : ' - [X] Instation of documentation should work using fossil JSON views instead of the current
    implementation with metadata that needs to be filled manually.
 - [ X ] Installation of documentation shoud be done automatically with the installation of Grafoscopio. ',
						#children : OrderedCollection [ ],
						#parent : @241,
						#level : 3
					},
					GrafoscopioNode {
						#header : 'Node operations: cut, copy, paste, delete',
						#key : '',
						#body : '',
						#children : OrderedCollection [
							GrafoscopioNode {
								#header : 'Via scripting',
								#key : '',
								#body : '\"This was just a preliminary exploration, the proper way to copy nodes is using the clipboard. See next node.\"
| testTree nodeCopy newParent |
testTree := GrafoscopioNode new becomeDefaultTestTree.
newParent := GrafoscopioNode new.
nodeCopy := (testTree children at: 1) copy.
nodeCopy parent: newParent.
newParent children add: nodeCopy.',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @253,
								#level : 5
							},
							GrafoscopioNode {
								#header : 'Via clipboard',
								#key : '',
								#body : '| testTree nodeCopy newParent sparseTree ref |
testTree := GrafoscopioNode new becomeDefaultTestTree.
newParent := GrafoscopioNode new.
nodeCopy := (testTree children at: 1).
nodeCopy copyToClipboard.
newParent pasteFromClipboard  ',
								#tags : 'código',
								#children : OrderedCollection [ ],
								#parent : @253,
								#level : 5
							}
						],
						#parent : @241,
						#level : 3
					},
					GrafoscopioNode {
						#header : 'Happy new year',
						#body : 'points := Compiler evaluate: \' {(-225@ -206). (-225@ -196). (-228@ -185). (-228@ -174). (-230@ -164). (-218@ -182). (-209@ -182). (-197@ -182). (-190@ -207). (-192@ -194). (-190@ -187). (-192@ -170). (-190@ -161). (-180@ -161). (-176@ -171). (-167@ -185). (-162@ -197). (-151@ -208). (-143@ -202). (-140@ -193). (-124@ -164). (-136@ -183). (-133@ -175). (-159@ -181). (-150@ -181). (-142@ -181). (-97@ -165). (-101@ -181). (-101@ -193). (-103@ -206). (-104@ -210). (-88@ -211). (-77@ -210). (-80@ -199). (-89@ -193). (-61@ -171). (-63@ -182). (-64@ -213). (-67@ -200). (-64@ -191). (-54@ -207). (-38@ -210). (-54@ -190). (-40@ -188). (-35@ -195). (-35@ -200). (-42@ -207). (0@ -199). (0@ -194). (-6@ -179). (-4@ -185). (-10@ -171). (-11@ -163). (-17@ -201). (-13@ -194). (-9@ -190). (57@ -196). (58@ -190). (58@ -181). (58@ -176). (57@ -168). (62@ -193). (69@ -180). (68@ -183). (74@ -175). (80@ -163). (77@ -170). (80@ -172). (81@ -184). (81@ -197). (81@ -201). (95@ -198). (97@ -183). (97@ -162). (98@ -169). (97@ -172). (107@ -162). (116@ -162). (122@ -162). (103@ -178). (109@ -179). (101@ -198). (117@ -198). (111@ -198). (134@ -196). (151@ -179). (141@ -187). (154@ -170). (167@ -170). (176@ -200). (175@ -194). (160@ -195). (183@ -174). (171@ -181). (162@ -189). (187@ -181). (189@ -185). (197@ -198). (-147@ -105). (-156@ -98). (-156@ -89). (-163@ -82). (-165@ -94). (-180@ -111). (-174@ -103). (-167@ -74). (-134@ -102). (-137@ -89). (-135@ -79). (-136@ -73). (-126@ -67). (-119@ -68). (-122@ -86). (-128@ -84). (-128@ -102). (-119@ -102). (-99@ -72). (-86@ -102). (-92@ -96). (-96@ -88). (-77@ -99). (-62@ -75). (-73@ -88). (-63@ -75). (-54@ -67). (-91@ -81). (-86@ -79). (-77@ -79). (-29@ -61). (-33@ -109). (-33@ -96). (-32@ -88). (-32@ -82). (-32@ -75). (-31@ -71). (-22@ -101). (-14@ -101). (-9@ -89). (-15@ -86). (-25@ -86). (-19@ -80). (0@ -72). (-5@ -80). (-3@ -67). (-126@21). (-123@4). (-117@ -3). (-107@ -10). (-91@ -8). (-93@7). (-85@16). (-85@34). (-89@44). (-91@57). (-108@67). (-119@79). (-132@86). (-119@87). (-102@88). (-90@88). (-74@87). (-8@9). (-18@19). (-20@30). (-23@43). (-18@53). (-14@61). (-4@73). (6@78). (35@69). (38@55). (24@81). (15@82). (45@44). (37@35). (33@23). (24@14). (11@9). (2@7). (54@79). (66@69). (82@21). (74@56). (74@41). (78@39). (88@19). (88@28). (89@38). (90@79). (88@55). (89@49). (127@31). (131@21). (134@14). (152@10). (168@10). (177@13). (189@13). (192@14). (182@44). (188@35). (187@25). (171@56). (164@69). (152@82). (152@89). (141@93)}\'.

delta := 30.

\t\t\t\t\t\ton: e)
\t\t].
\t
[points do: [ :p | b value: p. (Delay forSeconds: 0.1) wait ]] fork.
v open',
						#tags : 'código',
						#children : OrderedCollection [ ],
						#parent : @241,
						#level : 3,
						#links : OrderedCollection [
							'',
							'',
							'',
							'',
							''

		#parent : GrafoscopioNode {
			#header : 'Arbol principal',
			#key : '',
			#body : '',
			#children : @1,
			#level : 0,
			#nodesInPreorder : OrderedCollection [
				@262,
				@2,
				@4,
				@6,
				@8,
				@11,
				@13,
				@15,

				@71,
				@75,
				@77,
				@79,
				@84,
				@89,
				@91,

				@95,
				@97,
				@99,
				@101,
				@114,
				@116,
				@119,
				@122,
				@125,
				@127,
				@130,
				@134,
				@138,
				@141,
				@143,
				@145,
				@147,
				@149,
				@151,
				@153,
				@155,
				@157,
				@159,
				@161,
				@163,
				@165,
				@167,
				@169,
				@171,
				@174,
				@176,

				@179,
				@181,
				@183,
				@185,
				@187,
				@190,
				@192,



				@201,
				@204,
				@208,
				@210,
				@214,
				@216,
				@218,
				@222,
				@224,
				@227,
				@232,
				@234,

				@238,
				@241,
				@243,
				@245,
				@247,
				@249,
				@251,
				@253,
				@255,
				@257,
				@259,
				GrafoscopioNode {
					#header : 'Twitter Data selfies',
					#key : '',
					#body : '',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Metrics for retweeted avatars',

es := s elementsOn: (p interactionProfiles).
es @ RTPopup.
v addAll: es.
RTFlowLayout on: es.
v',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @264,
							#level : 3
						},
						GrafoscopioNode {
							#header : 'Avatars around and arc',
							#key : '',
							#body : '\"This is to get some of the Twitter Data Selfies image at...\"
| storage p c avatars avts1 avts2 els arc |

\"Composition\"
arc := TRArcShape new alphaAngle: 20 betaAngle: 220 innerRadius: 7450 externalRadius: 7750; color: Color lightGray.
arc I 
\tsurroundedBy: avts2 radialGap: 1900 angularGap: 5 renderedIn: c;
\tsurroundedBy: avts1 radialGap: 6200 angularGap: 140 renderedIn: c.',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @264,
							#level : 3
						},
						GrafoscopioNode {
							#header : 'Serializing tweets dataviz with fuel to hard disk',
							#key : '',
							#body : '| tweetsJSON p storage |
tweetsJSON := (FileLocator documents / \'Bio/Twitter-offrayLC/2/data/js/tweets/2016_06.js\') asFileReference. 
p := TwitterProfileOverview new.
p splitMessagesByTypeFrom: tweetsJSON.
storage := (FileLocator temp / \'iprofiles.fuel\') asFileReference.
p putTweetsOnInteractionProfiles.
[p putAvatarsOnInteractionProfiles.
p serializeIProfilesTo: storage ] fork',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @264,
							#level : 3
						}
					],
					#parent : @262,
					#level : 1
				},
				@266,
				@268,
				@270,
				GrafoscopioNode {
					#header : 'Random',
					#key : '',
					#body : '',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Theming / Visual Candy',

World
    backgroundImage: (ImageReadWriter formFromStream: 
\t\t\t(ZnEasy get: (backgrounds at: \'fluid\') ) contents readStream)
    layout: #scaled.',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @274,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										''
									]
								},
								GrafoscopioNode {
									#header : 'Switching to the dark theme',
									#key : '',
									#body : 'Pharo3DarkTheme beCurrent ',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @274,
									#level : 3,
									#links : OrderedCollection [
										'',
										'',
										'',
										''
									]
								},
								GrafoscopioNode {
									#header : 'Reloading/updating the Grafoscopio docking bar',
									#key : '',
									#body : 'GrafoscopioGUI updateUI ',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @274,
									#level : 3,
									#links : OrderedCollection [
										'',
										''
									]
								}
							],
							#parent : @272,
							#level : 2
						},
						GrafoscopioNode {
							#header : 'Autocompletion of text fields',
							#key : '',
							#body : 'TextInputFieldModel new
\tenableGlobalsCompletion;
\topenWithSpec',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @272,
							#level : 2
						}
					],
					#parent : @262,
					#level : 1
				},
				@274,
				@276,
				@279,
				@282,
				@285
			]
		},
		#level : 1
	},
	@264,
	@272
]