<!DOCTYPE HTML>
<!--
Editorial by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Aprendamos</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="../assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Main -->
<div id="main">
<div class="inner">
<header id="header">
<a href="../index.html" class="logo"><strong>Presencias web</strong> feministas autónomas</a>
<ul class="icons">
<li><a href="#" id="hypLoad" class="icon solid fa-highlighter">
<span class="label">Anotar</span></a></li>
<li><a href="https://mutabit.com/repos.fossil/ciberbrujas/file?name=aprendamos/index.html&ci=trunk&txt=1" class="icon solid fa-code">
<span class="label">Código</span></a></li>
<li><a href="https://mutabit.com/repos.fossil/ciberbrujas/finfo?name=aprendamos/index.html&ci=trunk" class="icon solid fa-history">
<!-- <span class="label">Historial</span></a></li>
<li><a href="#" class="icon solid fa-share-alt"> -->
<span class="label">Compartir</span></a></li>
<li><a href="../index.html" class="icon solid fa-home">
<span class="label">Inicio</span></a></li>
</ul>
</header>
<!-- Banner -->
<section id="banner">
<div class="content">
<header>
<h1>Aprendamos</h1>
<p>Bienvenidas al Wiki</p>
</header>
<p>
Los wikis son documentos vivos y colaborativos que creamos entre todas
(quizás el más famoso es la Wikipedia, pero hay muchos más).
Acá encontrarás los enlaces a los sitios de obras que estamos realizando en talleres y clases
entrelazadas con esta, recopilaciones de enlaces de colectivas que se han esforzado en ampliar los conocimientos para la participación de las mujeres en el ecosistema de internet y la tecnología, así como documentación tanto escrita en prosa, como tutoriales y código fuente. Algunas cosas podrían resultar ajenas y confusas, sin embargo en la medida en que avancemos y apropiemos juntas este conocimiento, estos documentos fríos y confusos irán ganando sentido y color y se convertirán en apoyo para nuestras luchas.
</p>
<ul class="actions">
<li><a href="#mapa" class="button big">+Info▼</a></li>
</ul>
</div>
<span class="image object">
<img src="../imagenes/aprendamos.svg" alt="Mapa mental de temáticas" />
</span>
</section>
<!-- Section -->
<section>
<header id="mapa" class="major">
<h2>Cartografía de los aprendizajes</h2>
</header>
Hemos creado un mapa con los aprendizajes posibles, que creemos constituyen un entendimiento amplio para hacer presencia en Internet. Cada una de las islas de aprendizaje se están creando a partir de los avances en talleres, clases, socializaciones y demás encuentros sobre la web autónoma. Como todo ecosistemas, el arrecife que estamos creando aquí irá mutando, tratando de no deteriorarse, sino por el contrario, que cada día sea más rico y diverso en lenguajes, infraestructuras, cosmovisiones, ciberconjuros y maneras alternas de entender y concebir la tecnología desde los feminismos y el sur global. Te invitamos a sumergirte en este mapa y dejarte sorprender hacia dónde te llevarán las corrientes oceánicas de la web.
<span class="image fit">
<img src="./aprendamos.svg"/>
</span>
<header id="curriculum" class="major">
<h2 id="aprendamos">Navegando aprendizajes</h2>
</header>
<p>Este es el listado de aprendizajes posibles con sus respectivos enlaces expuestos en la cartografía de aprendizajes.</p>
<h2 id="sistemas-operativos">Sistemas operativos</h2>
<ul>
<li>Variantes:
<ul>
<li>Linux</li>
<li>Mac OS</li>
<li>Windows</li>
</ul></li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/glosario.html#toc0">Consola de comandos</a>.</li>
</ul>
<h2 id="navegación"><a href="https://prezi.com/ddgphmh-r2mm/la-ruptura-de-las-lineas-carmen-gil/?present=1">Navegación</a></h2>
<h3 id="internet"><a href="https://docutopia.tupale.co/uniquindio:artesdigitales:web:internet#">Internet</a></h3>
<h4 id="web">web</h4>
<ul>
<li>Navegación cronológica: nos movemos creando un historial de navegación y lo visitamos con flechas hacia el pasado.</li>
<li><a href="https://docutopia.tupale.co/uniquindio:artesdigitales:web:hosting-dominio?both#">Dominios y direcciones</a></li>
<li>Protocolos
<ul>
<li>Básico de internet
<ul>
<li><p>Cliente</p></li>
<li><p>Proveedor</p></li>
<li><p>servidor</p>
<p>En estos protocolos los mensajes habituales son de dos tipos:</p>
<ul>
<li>Originados localmente</li>
<li>Origen remoto</li>
</ul></li>
<li><p>HTTP</p></li>
<li><p>HTTPS</p></li>
</ul></li>
</ul></li>
<li>Hipertextos
<ul>
<li>Hipervínculos</li>
<li>Navegación espacial</li>
</ul></li>
</ul>
<h5 id="lenguajes">Lenguajes</h5>
<ul>
<li><a href="https://docutopia.tupale.co/ciberbrujas:aprendamos:html#">HTML</a>
<ul>
<li>Estructura</li>
<li>contenido</li>
</ul></li>
<li><a href="https://docutopia.tupale.co/ciberbrujas:aprendamos:css">CSS:</a> Apariencia</li>
<li>JS
<ul>
<li>Funcionalidad</li>
<li>Interacción</li>
</ul></li>
</ul>
<h5 id="arquitecturas">Arquitecturas</h5>
<ul>
<li><p>Cliente-servidor</p>
<ul>
<li><p>servidor: Hacia lo que te conectas</p>
<ul>
<li>Hospedaje.
<ul>
<li>Proveedores
<ul>
<li>Legislación (ver:Datos y privacidad)</li>
</ul></li>
</ul></li>
<li>Redes sociales</li>
<li>Bots para participación como la <a href="https://docutopia.tupale.co/femhackco:13?both#">Robota feminista</a></li>
</ul></li>
<li><p>Cliente: Desde donde te conectas</p>
<ul>
<li>Navegador</li>
<li>Celular</li>
<li>Tabletas</li>
<li>Mensajería</li>
</ul></li>
</ul></li>
<li><p>p2p</p></li>
<li><p>Federada</p></li>
</ul>
<h5 id="cmsgestores-de-contenido">CMS/Gestores de contenido</h5>
<ul>
<li>Tipos
<ul>
<li>Estáticos
<ul>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/index.html">Brea</a></li>
<li>Almacenamiento
<ul>
<li>Archivos y carpetas (see:Archivos)</li>
<li>Repositorios
<ul>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/glosario.html#toc3">Fossil</a></li>
<li>Git</li>
<li>Mercurial</li>
<li>Bazaar</li>
</ul></li>
</ul></li>
</ul></li>
<li>Dinámicos
<ul>
<li>Ejemplos
<ul>
<li>WordPress</li>
<li>Wikipedia</li>
</ul></li>
<li>Almacenamiento: Orientados a las bases de datos</li>
</ul></li>
</ul></li>
<li>Fuentes de datos
<ul>
<li>Ejemplos
<ul>
<li>Formularios</li>
<li>Publicación textual</li>
<li>Imágenes</li>
<li>Audio</li>
<li>Video</li>
</ul></li>
<li>Externas</li>
<li>Internas</li>
</ul></li>
</ul>
<h4 id="xmppchat">XMPP/CHAT</h4>
<h4 id="archivosftp">ARCHIVOS/FTP</h4>
<h4 id="datos-y-privacidad">Datos y privacidad</h4>
<ul>
<li><a href="https://www.derechosdigitales.org/wp-content/uploads/que-no-quede-huella.pdf">Diálogos feministas en internet</a> (see:Arquitecturas)</li>
<li><a href="https://docutopia.tupale.co/formacion:tupale:sesion1#">Confianza alrededor de los datos</a> ### Archivos Espacial</li>
</ul>
<h2 id="memoria-distribuida">Memoria distribuida</h2>
<p>Ver <a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/memoria.html">Memoria resiliente y distribuida</a></p>
<ul>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/hypothesis.html">Lectura anotada con Hypotesis</a></li>
<li>Repositorios
<ul>
<li>Ejemplos
<ul>
<li>Fossil</li>
<li>Git</li>
<li>Mercurial</li>
<li>Bazaar</li>
</ul></li>
<li>Qué son?</li>
<li>Para qué sirven</li>
<li>Cómo se crean</li>
<li>Uso
<ul>
<li>Personalización</li>
<li>Sincronización</li>
<li>Adición/Edición/remoción</li>
</ul></li>
<li>Ubicación
<ul>
<li>Local</li>
<li>Remoto: Hospedaje</li>
</ul></li>
</ul></li>
<li>Organización y creación compartida
<ul>
<li><a href="https://docutopia.tupale.co/infraestructuras:framagenda#">Framagenda</a></li>
</ul></li>
</ul>
<h2 id="fuentes-de-datos">Fuentes de datos</h2>
<ul>
<li>Ejemplos
<ul>
<li>Formularios</li>
<li>Publicación textual</li>
<li>Imágenes</li>
<li>Audio</li>
<li>Video</li>
</ul></li>
<li>Plataformas
<ul>
<li>archive.org</li>
<li><a href="https://docutopia.tupale.co/conflu:comunicacion:tupale#">tupale.co</a>
<ul>
<li><a href="https://docutopia.tupale.co/formacion:tupale:cartografia?both#">Cartografías</a></li>
<li><a href="https://docutopia.tupale.co/ciberbrujeria:tupale:notas?both#">Tableros de notas</a></li>
</ul></li>
<li><a href="https://docutopia.tupale.co/infraestructuras:docutopia#">docutopia.tupale.co</a></li>
<li>redes sociales</li>
</ul></li>
<li>De caracter
<ul>
<li>Externas</li>
<li>Internas</li>
</ul></li>
<li>Formatos:
<ul>
<li>Ejemplos: estos son formatos arbóreos o jerárquicos
<ul>
<li>JSON</li>
<li>STON</li>
<li>Markdown</li>
</ul></li>
<li>Tipos
<ul>
<li>Tabulares: Hoja de cálculo</li>
<li>Arbóreos
<ul>
<li>Organigrama</li>
<li>Mapa mental</li>
</ul></li>
<li>Grafos: (Ejp Redes sociales)</li>
</ul></li>
</ul></li>
<li>APIs</li>
</ul>
<h2 id="indieweb-con-brea">IndieWeb con Brea</h2>
<ul>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/index.html">Portada</a>
<ul>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/index.html#indieweb">IndieWeb</a></li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/index.html#infrabolsillo">Infraestructuras de Bolsillo</a></li>
</ul></li>
<li>Preliminares
<ul>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/acerca-de.html">Acerca de</a>.</li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/creditos.html">Créditos y colaboraciones</a>.</li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/convenciones.html">Convenciones de lectura y recomendaciones</a>.</li>
</ul></li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/que-por-que.html">Qué es y por qué existe</a></li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/abrebocas.html">Abrebocas: El blog</a>.</li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/instalar.html">Instalación y actualización</a>.</li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/memoria.html">Memoria resiliente y distribuida</a>. (see:Memoria distribuida)</li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/personalizar.html">Personalizando sitios web a medida</a>.</li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/casos.html">Otros casos de uso</a>.
<ul>
<li>Wiki</li>
<li>Portafolio</li>
<li>Tienda en línea</li>
</ul></li>
<li>Apendices:
<ul>
<li>Infraestructuras: materializar el cuidado de lo invisible</li>
</ul></li>
</ul>
<h2 id="seguridad-digital">Seguridad digital</h2>
<ul>
<li><a href="https://cyber-women.com/es/">Cibermujeres</a>: Currícula de capacitación en seguridad digital holística para defensoras de derechos humanos</li>
<li>Gestores de contraseña
<ul>
<li><a href="https://archive.org/details/gestion_de_contrasenas">Bitwarden</a></li>
</ul></li>
</ul>
<h2 id="licenciamiento">Licenciamiento</h2>
<ul>
<li><a href="https://labekka.red/licencia-f2f/">Licencia F2F</a>.</li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/p2pmas.html">Licencia P2P+</a></li>
</ul>
<h2 id="diseño">Diseño</h2>
<ul>
<li>Gráficos vectoriales
<ul>
<li><a href="https://docutopia.tupale.co/ciberbrujas:aprendamos:Inkscape">Inkscape</a></li>
</ul></li>
<li>Animación
<ul>
<li><a href="https://docutopia.tupale.co/ciberbrujas:aprendamos:Krita">Krita</a></li>
<li><a href="https://docutopia.tupale.co/uniquindio:artesdigitales:anima-video:rotoscopia#">Rotoscopia</a></li>
</ul></li>
</ul>
</section>
<!-- Header -->
<header id="header">
<a href="../index.html" class="logo"><strong>Presencias web feministas y autónomas</strong> es posible gracias al apoyo y participación de </a>
<ul class="icons">
<li><a href="https://visonte.org"><img src="../imagenes/logo-visonte.svg" width="90"></a></li>
<li><a href="https://mutabit.com"><img src="../imagenes/logo_mutabit_color.svg" width="90"></a></li>
<li><a href="https://confluenciademujeres.org/e61"><img src="../imagenes/color_rotulo_horizontal-01.svg" width="70"></a></li>
</ul>
</header>
</div>
</div>
<!-- Sidebar -->
<div id="sidebar">
<div class="inner">
<!-- Search -->
<section id="search" class="alt">
<header class="major">
<a href="../index.html"><img src="../imagenes/rotulo.svg" width="240"></a>
</header>
</section>
<!-- Section -->
<!-- Section -->
<section>
<header class="major">
<h2>Contenido</h2>
</header>
<ul class="contact">
<li class="icon solid fa-water"><a href="../index.html">Inicio</a></li>
<li class="icon solid fa-brain"><a href="../aprendamos/acerca-de.html">Acerca de</a></li>
<li class="icon solid fa-fish"><a href="../aprendamos/esto-pa-que.html">Y todo esto ¿Para qué?</a></li>
<li class="icon solid fa-transgender-alt"><a href="../principios/index.html">Principios feministas para Internet</a></li>
<li class="icon solid fa-globe-americas"><a href="../aprendamos/datos-feministas.html">Nuestros datos feministas Latinoamericanos</a></li>
<li class="icon solid fa-tools"><a href="../aprendamos/index.html">Aprendamos</a></li>
</ul>
</section>
<!-- Sub Menu
<nav id="menu">
<header class="major">
<h2>Aprendamos</h2>
</header>
<ul>
<li><a href="#">Fuentes y reapropiación de nuestros datos</a></li>
<li><a href="#">Sistemas operativos, archivos y consola de comandos</a></li>
<li>
<span class="opener">La web</span>
<ul>
<li><a href="#">Hipertexto, dominios y direcciones</a></li>
<li><a href="#">Lenguajes</a></li>
<li><a href="#">Arquitecturas</a></li>
</ul>
</li>
<li><a href="https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/memoria.html">Memoria resiliente y distribuida</a></li>
</ul>
</nav> -->
<!-- Footer -->
<footer id="footer">
<p class="copyright">© 2020. Algunos derechos reservados. <br>
Propuesta, co-diseño y contenidos: <br>
<a href="https://visonte.org">Fundación Visonte</a> y
<a href="https://mutabit.com">mutabiT</a>.<br>
Tema web base: <a href="https://html5up.net">HTML5Up</a>.
</p>
</footer>
</div>
</div>
</div>
<!-- Scripts -->
<script src="../assets/js/jquery.min.js"></script>
<script src="../assets/js/browser.min.js"></script>
<script src="../assets/js/breakpoints.min.js"></script>
<script src="../assets/js/util.js"></script>
<script src="../assets/js/main.js"></script>
<script type="application/json" class="js-hypothesis-config">
{
"openSidebar": true
}
</script>
<script type="text/javascript">
// Based on: https://stackoverflow.com/questions/19385236/
var hypLoad = document.getElementById("hypLoad");
hypLoad.addEventListener("click",function(e) {
e.stopPropagation();
e.preventDefault();
var script = document.createElement('SCRIPT');
script.src="https://hypothes.is/embed.js";
document.getElementsByTagName('body')[0].appendChild(script);
});
</script>
<script>
fetch("../../info.json")
.then(function (response) {
return response.json();
})
/* .then(data => console.log(data)) */
.then(function(data) {
version(data);
});
function version(data){
document.getElementById("version").innerHTML = data.version;
console.log('version: ' + data.version)
}
</script>
<script>
let timelineURL = '../../../../json/timeline/checkin';
fetch(timelineURL)
.then(function (response) {
return response.json();
})
.then(function(data) {
revision(data);
});
function revision(data){
var commits = data.payload.timeline;
var leafs = commits.filter(function (item){
return (item.isLeaf == true)
});
var trunkLeaf = leafs.filter(function (item){
return (item.tags[0] == 'trunk')
});
var trunkLeafChecksum = trunkLeaf[0].uuid.slice(0, 10);
document.getElementById("checksum").innerHTML = trunkLeafChecksum;
var manifestLink = '../../../../artifact/' + trunkLeafChecksum;
document.getElementById("manifestLink").href = manifestLink;
console.log('revisionLink: ' + manifestLink)
}
</script>
</body>
</html>