OrderedCollection [
	GrafoscopioNode {
		#header : 'Presentación',
		#body : 'Esta es la libreta de notas interactivas en [Grafoscopio][grafoscopio], que se usó para integrar el proyecto 
[DPYA][dpya] con [Túpale][tupale], como parte del taller que se hizo en el marco del ISEA 2017 en Manizales, Colombia.
La intensión es explorar un "diálogo de materialidades", es decir una manera en que artefactos híbridos, conecten nuestros 
quehaceres y preocupaciones, los potencien en el futuro y faciliten el diálogo crítico entre los mismos.

*Las notas NO son auto-contenidas*. Empiezan con una exploración de *scripts* que luego se vuelven parte de un 
[proyecto de software][dpya-st] que explicita ese primer diálogo entre DPYA, Grafoscopio y Túpale y por su caracter incompleto 
y de prototipo, son también una invitación a continuar el diálogo, para lo cual puedes visitar la [página del proyecto][dpya-st] y, 
mejor aún, suscribirse a la [lista de la comunidad de Grafoscopio][grafoscopio-lista],
para fortalecer y continuar estos cruces y diálogos de materialeades desde los quehaceres y los artefactos híbridos.

  - Para poder ejecutar esta libreta y seguir sus intrucciones, es prerrequisito haber instalado previamente Grafoscopio.
  - El Wiki de DPYA y Túpale son servicios en línea, para poderlos consultar se requiere conexión a Internet.

A futuro la combinación de estas tecnologías, podría permitir editar, consultar y extender esta memoria viva, incluso estando
fuera de línea y distribuyendo su consolidación, creación y activación entre más personas.',
		#children : OrderedCollection [ ],
		#parent : GrafoscopioNode {
			#header : 'Arbol principal',
			#body : '',
			#children : @1,
			#level : 0,
			#nodesInPreorder : OrderedCollection [
				@4,
				@2,
				GrafoscopioNode {
					#header : 'Portada',
					#body : '<!-- Esta es la portada del repositorio fossil para  el DPYA -->

Este es el repositorio de código fuente usado para integrar el proyecto [DPYA](http://dpya.org/) con [Túpale][tupale], 
como parte del taller que se hizo en el marco del ISEA 2017 en Manizales, Colombia.
La intensión es explorar un "diálogo de materialidades", es decir una manera en que artefactos híbridos, conecten nuestros 
quehaceres y preocupaciones, los potencien en el futuro y faciliten el diálogo crítico entre los mismos.

Te invitamos a visitar/explorar:

  - [El Wiki de DPYA][dpya]: Una colección en línea de proyectos que ofrecen diferentes formas de acceso 
    para todos los públicos a los dominios del arte, la ciencia, la cultura, la economía, la política y la tecnología.
  - [Tupale][tupale]: Un sistema para definir, recolectar y publicar datos, desde y para las comunidades de base.
  - [Grafoscopio][grafoscopio]: Un sistema para documentación interactiva, computación literata, investigación reproducible,
    y visualización de datos.
  - [El prototipo][dpya+tupale+grafoscopio], que explicita ese primer diálogo entre DPYA, Grafoscopio y Túpale y por su 
    caracter incompleto  y de prototipo, son también una invitación a continuar el diálogo, para lo cual puedes visitar la 
    [página del código fuente del proyecto][dpya-st] o suscribirse a la [lista de la comunidad de Grafoscopio][grafoscopio-lista],
    para fortalecer y continuar estos cruces y diálogos de materialeades desde los quehaceres y los artefactos híbridos.

Además debes tener en cuenta que:

  - Para poder ejecutar [esta libreta](dpya.ston) y seguir sus intrucciones, es prerrequisito haber instalado 
    previamente Grafoscopio.
  - El Wiki de DPYA y Túpale son servicios en línea, para poderlos consultar se requiere conexión a Internet.

A futuro la combinación de estas tecnologías, podría permitir editar, consultar y extender esta memoria viva, incluso estando
fuera de línea y distribuyendo su consolidación, creación y activación entre más personas.',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : '%idea enlaces',
							#body : '[dpya]: http://dpya.org/
[dpya+tupale+grafoscopio]: http://mutabit.com:9090/wiki/entries
[dpya-st]: http://smalltalkhub.com/#!/~Offray/DPYA
[grafoscopio-lista]: http://mutabit.com/grafoscopio/#contacto
[tupale]: http://tupale.co/
[grafoscopio]: http://mutabit.com/grafoscopio/',
							#children : OrderedCollection [ ],
							#parent : @6,
							#level : 2,
							#links : OrderedCollection [
								''
							]
						}
					],
					#parent : @4,
					#level : 1,
					#nodesInPreorder : OrderedCollection [
						@6,
						@8
					],
					#links : OrderedCollection [
						'',
						'intro.md'
					]
				},
				@8,
				GrafoscopioNode {
					#header : 'Cargar e instalar DPYAWiki',
					#body : 'Estos son los pasos que instalan el software en tu versión local de Pharo.',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Loading',
							#body : 'Gofer new
    url: \'http://smalltalkhub.com/mc/Offray/DPYA/main\';
    package: \'ConfigurationOfDPYA\';
  load.',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @13,
							#level : 2,
							#links : OrderedCollection [
								''
							]
						},
						GrafoscopioNode {
							#header : 'Installing',
							#body : 'ConfigurationOfDPYA load ',
							#tags : 'código',
							#children : OrderedCollection [ ],
							#parent : @13,
							#level : 2,
							#links : OrderedCollection [
								''
							]
						}
					],
					#parent : @4,
					#level : 1,
					#links : OrderedCollection [
						''
					]
				},
				@15,
				@18,
				GrafoscopioNode {
					#header : 'Cargar el servidor localmente',
					#body : 'DPYAWiki start',
					#tags : 'código',
					#children : OrderedCollection [ ],
					#parent : @4,
					#level : 1,
					#links : OrderedCollection [
						''
					]
				},
				GrafoscopioNode {
					#header : 'Scripts de exploración',
					#body : 'Estos son los *scripts* que se emplearon para consolidar el software y ahora hacen parte del mismo.
Se dejan acá por motivos históricos y para dar cuenta de la construcción del software en sus exploraciones
preliminares, pero la mayoría de ellos ya están integrados al software o fueron mejorados por el mismo.',
					#children : OrderedCollection [
						GrafoscopioNode {
							#header : 'Traer una entrada de Tupale',
							#body : '',
							#children : OrderedCollection [
								GrafoscopioNode {
									#header : 'Genérico',
									#body : '| formUrl |
formUrl := \'https://tupale.co/milfs/api.php?id=450&tipo=simple\'.
NeoJSONReader fromString: \t(ZnClient new 
\t\tget: formUrl;
\tcontents).',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @27,
									#level : 2,
									#links : OrderedCollection [
										''
									]
								},
								GrafoscopioNode {
									#header : 'Usando WikiEntries',
									#body : '| wikiEntries |
wikiEntries := DPYAWiki new loadFromJSONRemote: \'https://tupale.co/milfs/api.php?id=450&tipo=simple\'.
wikiEntries  showAllAsWikiMarkup.
',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @27,
									#level : 2,
									#links : OrderedCollection [
										''
									]
								},
								GrafoscopioNode {
									#header : 'Sirviendo los datos localmente',
									#body : '| webServer dataServer |
webServer := Teapot configure: {#defaultOutput -> #text. #port -> 8080. #debugMode -> true }.
dataServer := DPYAWiki new dataForm: \'https://tupale.co/milfs/api.php?id=450&tipo=simple\'.
webServer 
\tGET: \'/wiki-entry/<id:IsIntege>\' -> [ :req | 
\t\tdataServer entryAsMarkupAtIndex: (req at: #id) ];
\tstart',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @27,
									#level : 2,
									#links : OrderedCollection [
										''
									]
								},
								GrafoscopioNode {
									#header : 'Sólo el data server',
									#body : '| dataServer |

dataServer := DPYAWiki new dataForm: \'https://tupale.co/milfs/api.php?id=450&tipo=simple\'.
dataServer entryAsMarkupAtIndex: 2

',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @27,
									#level : 2,
									#links : OrderedCollection [
										'',
										'http://ws.stfx.eu/8HPXEW09OP16'
									]
								},
								GrafoscopioNode {
									#header : 'Integrado dentro de DPYA',
									#body : 'DPYAWiki  startServer 
',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @27,
									#level : 2,
									#links : OrderedCollection [
										''
									]
								}
							],
							#parent : @25,
							#level : 2,
							#links : OrderedCollection [
								''
							]
						},
						GrafoscopioNode {
							#header : 'Ver todas las entradas',
							#body : '',
							#children : OrderedCollection [
								GrafoscopioNode {
									#header : 'listar títulos',
									#body : 'DPYAWiki new allTitlesAsDictionary',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @45,
									#level : 3,
									#links : OrderedCollection [
										''
									]
								},
								GrafoscopioNode {
									#header : 'Diccionario y plantilla',
									#body : '\'<ul>
{{#entries}}
\t<li {{#active}}
\t\tactive{{/active}}">{{label}}
\t</li>
{{/entries}}
</ul>\' asMustacheTemplate
value: { \'entries\' -> DPYAWiki  new allTitles  } asDictionary ',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @45,
									#level : 3,
									#links : OrderedCollection [
										''
									]
								},
								GrafoscopioNode {
									#header : 'como HTML',
									#body : '| templateString context |
templateString := \'Shown.
{{#list}}
\tShown too!
{{/list}}\'.
context := { \'list\' -> #(1 2 3) } asDictionary.
(MustacheTemplate on: templateString) value: context
',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @45,
									#level : 3,
									#links : OrderedCollection [
										''
									]
								},
								GrafoscopioNode {
									#header : 'Con una lista',
									#body : '| entries |
entries := DPYAWiki  new allTitlesAsDictionary.
\'<ul>
{{#entries}}
\t<li><a href"../entry{{index}}">{{title}}<\\a></li>
{{/entries}}
</ul>\' asMustacheTemplate value: { \'entries\' -> entries } asDictionary
',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @45,
									#level : 3,
									#links : OrderedCollection [
										''
									]
								},
								GrafoscopioNode {
									#header : 'Entradas replicadas',
									#body : '\t| result |
\tresult := Set new.
\tDPYAWiki new allTitles doWithIndex: [:title :i | 
\t\tresult add: (Dictionary new
\t\t\tat: \'index\' put: i;
\t\t\tat: \'title\' put: title;
\t\t\tyourself) ].
\t^ result.',
									#tags : 'código',
									#children : OrderedCollection [ ],
									#parent : @45,
									#level : 3,
									#links : OrderedCollection [
										''
									]
								}
							],
							#parent : @25,
							#level : 2,
							#links : OrderedCollection [
								''
							]
						}
					],
					#parent : @4,
					#level : 1,
					#links : OrderedCollection [
						''
					]
				},
				@27,
				@29,
				@32,
				@35,
				@38,
				@41,
				@45,
				@47,
				@50,
				@53,
				@56,
				@59
			],
			#links : OrderedCollection [ ]
		},
		#level : 1,
		#links : OrderedCollection [
			''
		]
	},
	@6,
	@13,
	@22,
	@25
]