**Data Roda 51 ❭ Indie Web: Desenmarañando y entretegiendo la Web 🤖** [ ◀ Anterior](./50.md.html) | [Siguiente ▶](./52.md.html) !!! note - **Lugar**: Jitsi > https://meet.jit.si/DataWeek.
- **Fecha**: Sábado 26 de septiembre de 2020.
- **Horario**: 3:15 PM a 7:15 PM hora de Colombia (GMT -5). Cuarta sesión. **Aprenderemos a usar y combinar [Brea][br], [Fossil](https://fossil-scm.org/), [Grafoscopio][gfc] y [HTML5UP](http://html5up.net), entre otros, para crear nuestros propios sitios web autónomos personalizados de manera ágil y resiliente.** _Las data rodas son talleres de aprendizaje y enseñanza recíprocas, que hacen puente entre distintas experticias y donde damos la bienvenida a personas novatas para hacer parte de la comunidad de [Grafoscopio][gfc]. Abordamos temáticas y proyectos prácticos y específicos y aprendemos mediante la práctica y el ejemplo, haciendo de la lectoescritura de código un saber/quehacer común, al alcance de más personas, que nos permite (re)apropiar y (re)configurar las tecnologías digitales, para que den cuenta de nuestras ideas, necesidades, inquietudes y voces. Los llevamos realizando desde 2016._ En esta edición, retomaremos asuntos de la [Indie Web](https://indieweb.org/), relacionados con cómo podemos reapropiar nuestras presencias en línea, de manera que sean autónomas y empoderantes. Como es habitual, construiremos prototipos ágiles y resilientes usando lo que hemos denominado como _infraestructuras de bolsillo_: sencillas, auto-contenidas, locales primero y extensibles. **Prerrequisitos**: - [ ] Conexión a Internet. - [ ] Computador con sistema operativo Windows 10 o posterior, Gnu/Linux o Mac. **Recomendable**: - Tener la instalación de [Brea completada](../instalar.html). - Conocer algo sobre cómo usar CodiMD y Markdown para crear documentación de nuestros talleres en la medida en que ocurren (o en "tiempo real"). Encontrarás algo al respecto de nuestras herramientas y metodologías en el proyecto [Documentatón](https://mutabit.com/repos.fossil/documentaton/). - Conocimientos sobre la [terminal o consola de comandos](../glosario.html). Si intentas previamente dichos procesos e incluso sigues otros apartes después de la instalación, podremos invertir nuestro tiempo en usar el software más que en instalarlo y/o podremos ayudarte con preguntas específicas que tengas al respecto. **Agenda**: - [x] Presentación del evento y les participantes. - [x] Nosotres. - [x] Leer y escribir en colectivo. - [x] Recapitulación breve [Brea][br] - [x] ¿Qué son la IndieWeb y las infraestructuras de bolsillo? - [x] Instalación. - [ ] Abrebocas. - [ ] Actualización del software. - [x] Memoria resiliente y distribuida. - [ ] Personalización > Intro: Lenguajes de plantillas.

!!! info A continuación un bosquejo de las notas y memorias parciales pre y post evento, que se iran complementando en la medida en que varias iteraciones del mismo vayan ocurriendo. Se están completando e integrando estas memorias luego en un libro / sitio web, que expone y encarna las ideas acá explicadas: - [Indie Web con Brea](../index.html). - [Notas en caliente de la sesión en Docutopia](https://docutopia.tupale.co/dataroda51) # Bienvenida y presentación Nos presentamos y compartimos unas notas rápidas y enlaces. * [G'MIC](http://gmic.eu/): Framework en Krita. * [Metáforas de aprendizaje](https://slides.com/julianahdiaz/maperos-campesinos) # Lectura anotada Leer infraestructura: Dado que el sitio que tenemos es un wiki, es habitual encontrar el historial: - [Wikipedia](https://en.wikipedia.org/wiki/Special:RecentChanges?hidebots=1&hidecategorization=1&hideWikibase=1&limit=50&days=7&urlversion=2) ![](https://imgur.com/BE96t1n.png) - [Dokuwiki]() ![](https://imgur.com/ddcvXd6.png) - [TiddlyWiki](https://tiddlywiki.com/) - [MoinMoin](http://moinmo.in/). El sitio web de IndieWeb con Brea se presenta como un wiki con líneas de tiempo: ![](https://imgur.com/pq9agTo.png) https://mutabit.com/repos.fossil/indieweb/timeline Luego de ver estas líneas de tiempo vimos las funcioalidades específicas de los botones en las páginas wiki de Indie !!! info **Ejercicio** Recorrer la tabla de contenido propuesta en el menú lateral y usar [hypothesis](https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/hypothesis.html) para anotar aquello que queramos conversar luego, donde hayan preguntas, sugerencias e inquietudes. Para extender los contenidos usaremos el ícono del rayo. Ya integramos las notas de [Memoria distribuida y resiliente](../memoria.html) a la obra y las estaremos complementando en futuros talleres. # Preguntas y comentarios - recomendación: [fizsh](https://github.com/zsh-users/fizsh)(Friendly Interactive Zshell) para Fossil > "Premature optimization is the root of all evil." > > -- [Donald Knuth](https://es.wikipedia.org/wiki/Donald_Knuth) [(fuente)](https://en.wikipedia.org/wiki/Program_optimization) - si yo ya tengo cuanta en codimd se conjunta con la de tupale? ¿Dónde tienes la cuenta? https://docutopia.tupale.co? en [codimd](https://demo.codimd.org/Cn4kv_KVSGyQ-5f6SBYelA#2-Trabajando-con-los-datos). Docutopia y el demo de codi son lugares disintos con cuentas diferentes por que no hay comentarios anonimos??? - ¿Por qué las imágenes no cargan en mi navegador? Al acceder al sitio de Indie web, algunas imágenes no aparecen en mi navegador. Particularmente uso Ubuntu y Firefox. Es raro porque al copiar la dirección de la imagen y pegarla en el navegador, [la imagen carga](https://docutopia.tupale.co/uploads/upload_327fbe717bc69223c484333554864d36.png). Así veo [el sitio de Hypothesis](https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/hypothesis.html) ![Captura de pantalla del sitio web de Hypothesis de Indie Web](https://docutopia.tupale.co/uploads/upload_61e72170bf122471bf3bfdc06f47754d.png) [br]: https://mutabit.com/repos.fossil/brea/ [flatcms]: https://www.staticgen.com/ [gfc]: https://mutabit.com/grafoscopio/