Quadrivium04 herramientas web
20
-
Upload
minipimer-tv -
Category
Documents
-
view
249 -
download
0
description
Este documento desarrollado por minipimer.tv para lostalleres “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 [email protected]
Transcript of Quadrivium04 herramientas web
World Wide Web
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
- memoria (database) + tramisión (ancho de banda)
- comunicación: protocolo HTTP
el primer servidor. Cern, 1989
De qué hay que preocuparse?
seguridad y poder
servicio hosting -España: DinahostingUSA: dreamhost, bluehost, rackspace - lo mejor... pero - PARA QUE?
indexhibit
Almacenaje video
LicenciasGNU Public Licence (GPL) --StallmanWhen 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 compartir3. la libertad de modificar4. la libertad de redistribuir los trabajos derivados (bajo las mismas condiciones)5.
6. - copyleft y opensource
Creative Commons (CC) - Lessig- copyright "razonable" : conceder determindas libertades
http://www.minipimer.tv/txt/plataformas audiovisuales manual v.0.3_pdf.pdf)
Open studio -Andy Deck
Wiki
PiratePad
GridcosmEd Stasny
CointelHannes Niepold
Herramientas colaborativas on-line
Hotglue
wiki-wiki ( "What I know is")
Wiki CARACTERISTICAS: - creación colectiva (confianza)- hypertext- cualquiera puede intervenir (en teoria)
- NO sincronicidad
USOS:• Documentación• Projectos colaborativos• Educación• Enciclopedias • Wiki personal
FORMATOS:- html- wikitext (markup)- WYSIWYG HOWTO:- server-based: http://phpwiki.sourceforge.net/- web-based:http://www.wikispaces.com/
Wiki
PIRATEPAD
http://piratepad.net/front-page/
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
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/
wordpress
FTPFile Transfer Protocol
HTMLHTML 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)
<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" />
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.
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 [email protected]
Este documento cuenta con una licencia Creative Commons
