Quadrivium04 herramientas web
•
0 gostou•283 visualizações
Este documento desarrollado por minipimer.tv para los talleres “QUADRIVIUM, el manual del buen minipimer”, realizados en Hangar, Barcelona entre los meses de febrero y abril del año 2011. Contenido: server, hosting, ftp, almacenaje video y licencias, giss.tv, wordpress, herramientas colaborativas online: wiki, piratepad, hotglue.. Cualquier duda o consulta por favor recurrir a minipimertv@gmail.com
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (19)
Destaque
Semelhante a Quadrivium04 herramientas web
Semelhante a Quadrivium04 herramientas web (20)
Quadrivium04 herramientas web
- 3. Qué es un Servidor web? (wikipedia) - Un ordenador! hardware/software, ayuda a entregar el contenido que se puede acceder a través de Internet. - archivos html, imagenes, javascript... -----> cliente el primer servidor. Cern, 1989 - memoria (database) + tramisión (ancho de banda) - comunicación: protocolo HTTP
- 4. De qué hay que preocuparse? servicio hosting - España: Dinahosting USA: dreamhost, bluehost, rackspace - lo mejor... pero - PARA QUE? indexhibit seguridad y poder
- 6. Licencias GNU Public Licence (GPL) --Stallman When we speak of free software, we are referring to freedom, not price. - copyleft 1. la libertad de usar y estudiar el codigo 2. la libertad de copiar y compartir 3. la libertad de modificar 4. la libertad de redistribuir los trabajos derivados (bajo las mismas condiciones) 5. - copyleft y opensource 6. Creative Commons (CC) - Lessig - copyright "razonable" : conceder determindas libertades nipimer.tv/txt/plataformas audiovisuales manual v.0.3_pdf.pdf
- 7. Crear un mediabase in Giss.tv
- 8. Cointel Hannes Niepold PiratePad Wiki Herramientas colaborativas on-line Hotglue Open studio - Andy Deck Gridcosm Ed Stasny
- 9. Wiki CARACTERISTICAS: - creación colectiva (confianza) - hypertext - cualquiera puede intervenir (en teoria) - NO sincronicidad wiki-wiki ( "What I know is") USOS: • Documentación • Projectos colaborativos • Educación • Enciclopedias • Wiki personal
- 10. Wiki FORMATOS: - html - wikitext (markup) - WYSIWYG HOWTO: - server-based: http://phpwiki.sourceforge.net/ - web-based: http://www.wikispaces.com/
- 11. PIRATEPAD http://piratepad.net/front-page/
- 12. permite crear/editar un documento de manera colectiva (tiempo real) asigna un color de texto a cada persona tiene un chat!!! proyecto sostenido por el Partido Pirata sueco
- 13. HOTGLUE "content manipulation system" permite construir web sites directamente en el navegador, manteniendo la estructura visual en la edición y el resultado. Usa PHP y Javascript (igual que etherpad) se puede instalar en tu servidor o usar el de ellxs http://www.minipimer.tv/hotglue/?gallinas/
- 14. wordpress
- 17. HTML HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>) en general se cierra con una barra Wordpress por ejemplo, también usa HTML (se puede revisar el código de cualquier web y copiarlo)
- 18. <p style="text-align: justify;">aquí vemos cómo se estructura la sintaxis en el código</p> algunas etiquetas: <script>: incrusta un script en una web, o se llama a uno mediante src="url del script". </script> <head>: define la cabecera del documento HTML, por ejemplo el título de la ventana del navegador. dentro de la cabecera <head> podemos encontrar:</head> <title>: define el título de la página.</title> <style>: para colocar el estilo interno de la página</style> <body>: define el contenido principal o cuerpo del documento. es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. a continuación se indican algunas a modo de ejemplo: <h1> a <h6>: encabezados o títulos del documento con diferente relevancia. <table>: define una tabla. <tr>: fila de una tabla. <td>: celda de una tabla (debe estar dentro de una fila). <a>: hipervínculo o enlace, dentro o fuera del sitio web. debe definirse el parámetro por medio del atributo href. Por ejemplo: <a href="http://www.wikipedia.org">Wikipedia</a> se representa como Wikipedia). <div>: división de la página. <img>: imagen. requiere del atributo src, que indica la ruta en la que se encuentra la imagen. por ejemplo: <img src="./imágenes/mifoto.jpg" />
- 19. nuestro html: http://www.minipimer.tv/cuerpo ejercicio práctico: un HTML (o hotglue) de cara a ser incorporado en nuestro texto sobre cuerpo y tecnología.
- 20. Este documento fue desarrollado por minipimer.tv para la serie de talleres “QUADRIVIUM, el manual del buen minipimer”, realizados en Hangar, Barcelona entre los meses de febrero y abril del año 2011. Cualquier duda o consulta por favor recurrir a minipimertv@gmail.com Este documento cuenta con una licencia Creative Commons