Bantaba
-
Upload
svet-ivantchev -
Category
Documents
-
view
332 -
download
0
Transcript of Bantaba
![Page 1: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/1.jpg)
Nuevas tecnologías y solidaridad: cómo mejorar nuestra intervención
Svet Ivantchev
Bilbao, 3 de abril de 2004
![Page 2: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/2.jpg)
Plan
• Introducción a Internet y su historia
• Publicar en Internet
• Software de código abierto
![Page 3: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/3.jpg)
Internet
• Como medio de información
• Como herramienta de trabajo
• Como generador de nuevos métodos de trabajo
![Page 4: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/4.jpg)
Un poco de historia
• 1969
• 1972--1973, DARPA
• 1983, Estaciones de trabajo interconectadas
• 1986, NSFNET: red de superordenadores
• 1991, 5.000 redes, 40 países, 700.000 ordenadores, 4.000.000 personas
![Page 5: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/5.jpg)
Historia: WWW
• 1968, Ted Nelson, “Hypertext”
• 1979, Charles Goldfarb, SGML
• Proyecto Xanadu (world-wide)
• 1989, Tim Berners-Lee en CERN (!)
• 1991, Prototipos de WWW
• 1992, El navegador de CERN (free)
• 1993, Mosaic
![Page 6: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/6.jpg)
Internet en 1969
![Page 7: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/7.jpg)
Internet en 1977
![Page 8: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/8.jpg)
Usenet 1993
![Page 9: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/9.jpg)
• 4.210.000 páginas nuevas
• 79.000.000.000 bytes de texto
• 1.000.000 imágenes
• 7.200.000 páginas han cambiado
• 10.600.000 imágenes han cambiado
En las últimas 24 horas:
![Page 10: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/10.jpg)
Resumen por años
• Internet 1969
• email 1972
• Usenet 1980
• IRC 1988
• Web 1990
![Page 11: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/11.jpg)
![Page 12: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/12.jpg)
¿Cambia(rá) el mundo?
• Distribución geográfica
• Es un sistema robusto
• Cambia la “escala de tiempo”
• Fenómenos como FSF, Open Source y Linux
• Interactividad, demoracia
![Page 13: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/13.jpg)
Vale, es genial. ¿Y?
• Como usuario
• Como parte activa
• Publicar contenido
• Ofrecer servicios
![Page 14: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/14.jpg)
Publicar contenidosQué es una “página web”
<html>
<title>Hola</title>
<body>Hola Mundo!</body>
</html>
![Page 15: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/15.jpg)
El resultado
![Page 16: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/16.jpg)
Publicar contenidosQué es una “página web” más compleja
<html>
<title>Hola</title>
<body>Hola Mundo!<ul> <li> Una cosa <li> Otra cosa <li> Último punto</ul></body>
</html>
![Page 17: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/17.jpg)
El resultado
![Page 18: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/18.jpg)
¿Cómo funciona?
GET /
index.html
Sw: Sistema Operativo,Navegador
Sw: Sistema Operativo,Servidor Web
![Page 19: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/19.jpg)
Las páginas “reales” son más complejas
![Page 20: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/20.jpg)
Páginas “dinámicas”
• Contenido estático vs
• Basados en Bases de datos
![Page 21: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/21.jpg)
Publicar en Internet
• Retos y oportunidades
• Sólo Google indexa 4.285.199.774 páginas
• Grandes “publishers” vs pequeños
• ¿¿Se puede competir??
![Page 22: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/22.jpg)
Vamos a crear una web!
• Pensar en:
• ¿Para qué servirá?
• ¿A quien va dirigido?
• ¿Qué hará el visitante en la web?
![Page 23: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/23.jpg)
Usabilidad 1• Navegación• ¿Donde estoy?• URL permanentes y cortos• Ventanas pop-up (¡no!)• Páginas grandes y/o lentas• Animaciones sin sentido• Enlaces “invisbles”• Buscadores• Accesibilidad
![Page 24: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/24.jpg)
Usabilidad 2
• Hay muchos navegadores• i18n• Google:
• cambios frecuentes• el texto es lo que cuenta• diseño limpio• no hacer trampas (google dance)
• Cuando todo este hecho: repetir!
![Page 25: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/25.jpg)
![Page 26: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/26.jpg)
![Page 27: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/27.jpg)
![Page 28: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/28.jpg)
![Page 29: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/29.jpg)
![Page 30: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/30.jpg)
![Page 31: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/31.jpg)
• Buscando en Google:
• “desarro!o económico local”• “sensibilización”
![Page 32: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/32.jpg)
Nov 2003
![Page 33: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/33.jpg)
Mar 2004
![Page 34: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/34.jpg)
Nov 2003
![Page 35: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/35.jpg)
Mar 2004
![Page 36: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/36.jpg)
Usabilidad y utilidad
• http://www.mugaritz.com
• http://www.karlosnet.com
• http://www.gastronomiavasca.net
Comparemos:
![Page 37: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/37.jpg)
Revisión Webs
![Page 38: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/38.jpg)
Los datos y su presentación
![Page 39: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/39.jpg)
Presentación de datos
Cuatro “sets” de datos con los mismas “medidas”
![Page 40: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/40.jpg)
Los mismos promedios presentados gráficamente
![Page 41: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/41.jpg)
Ej: Epidemia de cólera en Londres
• año 1854
• 19 de agosto -- 29 de septiembre: 616 muertos
• tardan 2.5 semanas en descubrir el motivo
![Page 42: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/42.jpg)
![Page 43: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/43.jpg)
Comparativas sin sentido
Radiación solar y la bolsa
![Page 44: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/44.jpg)
El contexto
![Page 45: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/45.jpg)
![Page 46: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/46.jpg)
![Page 47: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/47.jpg)
![Page 48: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/48.jpg)
![Page 49: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/49.jpg)
![Page 50: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/50.jpg)
![Page 51: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/51.jpg)
El “factor de mentira”
• f =cambio real de los datos
tamaño del efecto mostrado en la figura______________________________________
![Page 52: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/52.jpg)
Millas per galón: de 18 a 27.5: (27.5-18.0) / 18.0 = 53 %En el gráfico: de 0.6 a 5.3: (5.3-0.6) / 0.6 = 783 %
Factor de mentira: 783 / 53 = 14.8
![Page 53: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/53.jpg)
Una presentación correcta
![Page 54: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/54.jpg)
![Page 55: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/55.jpg)
3D vs 1D
![Page 56: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/56.jpg)
![Page 57: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/57.jpg)
![Page 58: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/58.jpg)
![Page 59: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/59.jpg)
![Page 60: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/60.jpg)
![Page 61: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/61.jpg)
![Page 62: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/62.jpg)
Más visualización
• De música
• De nada :-)
![Page 63: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/63.jpg)
Demo MEM
![Page 64: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/64.jpg)
Demo Viz-o-Matic
![Page 65: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/65.jpg)
Sondeos
![Page 66: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/66.jpg)
Ordenes de magnitud
(eso con decenas de mi&ones de hits...)
![Page 67: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/67.jpg)
Ordenes de magnitud
(eso con 3.000.000 de espectadores...)
![Page 68: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/68.jpg)
A la hora de “comprar” la web
• Pensar en el visitante de la web no en “el jefe”
• Dar motivo para que el visitante vuelva
• Las actualizaciones!
![Page 69: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/69.jpg)
Gestión de contenidos
• Fácil actualización sin conocimientos técnicos
• Garantizar la usabilidad y uniformidad
• Integración con el buscador
• Usuarios y permisos
• Workflow
• Licencias (y “lock-in” con el proveedor)
![Page 70: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/70.jpg)
Demo CMS Hegoa
![Page 71: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/71.jpg)
Otros métodos de publicar
• Weblogs (bitácoras)
• WikiWikis
![Page 72: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/72.jpg)
![Page 73: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/73.jpg)
![Page 74: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/74.jpg)
Software y licencias
• Las licencias “comerciales”; ejemplos:
• derechos que da una licencias típica
• la de hotmail.com
• la de Microsoft SQL Server
• MS Media Player
![Page 75: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/75.jpg)
¿Qué es código fuente?
#include <stdio.h>
int main() { int i;
for(i = 1; i <= 10; i++) { printf("%d %d\n", i, i*i); } }
![Page 76: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/76.jpg)
¿Qué es código fuente?
1 12 43 94 165 256 367 498 649 8110 100
![Page 77: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/77.jpg)
“Compilación”
Fuentes Programacompilado Resultado
con una licencia comercial
con una licencia libr(
![Page 78: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/78.jpg)
El fenómeno Linux
• Modelo de colaboración
• Licencia: GPL
• Valor añadido y empresas
![Page 79: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/79.jpg)
GPL
• Libertad de copiar
• Libertad de modificar
• Libertad de distribuir
• Obligación de compartir
![Page 80: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/80.jpg)
Quién usa software de código abierto?
Hasta la Casa Blanca...
![Page 81: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/81.jpg)
Netcraft
![Page 82: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/82.jpg)
Software “Open Source”
![Page 83: Bantaba](https://reader031.fdocuments.co/reader031/viewer/2022013003/55628c31d8b42ad1688b572f/html5/thumbnails/83.jpg)
Knoppix