Herramientas de trabajo en la Web 2.0

Herramientas de trabajoHerramientas de trabajoen la Web 2.0en la Web 2.0

V Escuela de Formación AsociativaV Escuela de Formación AsociativaMollina, 14 al 16 de diciembre de 2012Mollina, 14 al 16 de diciembre de 2012

Manuel Flores Vivasmanuel@iniciativafocus.org

@manufloresv

#escuelacja Herramientas de trabajo en la Web 2.0

IntroducciónIntroducción

TRABAJOWEB 2.0

TALLER HERRAMIENTAS

ASOCIACIONESJUVENILES

ObjetivosObjetivos

El objetivo del taller es enseñar que con las herramientas y soluciones que existen a día de hoy en Internet, las asociaciones juveniles pueden trabajar en equipo en sus propios proyectos de una forma mucho más productiva.

Contenidos del tallerContenidos del taller

● La Web 2.0 como herramienta de trabajo colaborativo

● Herramientas online de trabajo y comunicación interna útiles para asociaciones juveniles

● Listas de correo electrónico, Wikis, edición colaborativa de documentos, alojamiento de archivos, publicación de contenidos con blogs...

● La importancia de la seguridad y la privacidad en la red

Internet y la Web 2.0Internet y la Web 2.0

● Web 1.0

● Contenidos estáticos

● Un generador y muchos consumidores

● Solo información

● Web 2.0

● Contenidos dinámicos

● Todos generamos contenidos

● Conocimiento, redes

« La nube »« La nube »

Llamamos «computación en la nube» o «cloud computing» al hecho de ofrecer recursos informáticos como un servicio en Internet.

Software como servicioSoftware como servicio

Antes todo el software era un programa instalable en nuestro ordenador

Descargar → Instalar → Siguiente → Siguiente

Ahora existen aplicaciones web y aplicaciones para móviles

Click → Registrarse

No importa desde donde No importa desde donde accedamosaccedamos

Muchos sistemas operativos

Muchos navegadores

Una única red

La Web es abiertaLa Web es abierta

● Nadie controla Internet **

● Que sea abierta ha sido la clave de su crecimiento

● Dentro existen ecosistemas cerrados (walled gardens) donde los proveedores sí ejercen su control.

Listas de distribuciónListas de distribuciónde correo electrónicode correo electrónico

E-mail, listas y boletines de noticiasE-mail, listas y boletines de noticias

GmailGmail

● Correo electrónico web (y soporta programas de correo electrónico)

● Características:

● Correo vs. Conversación● Busquedas (y espacio ofrecido)● Spam● Etiquetas y filtros● Posibilidad de tener varias cuentas en una● Labs: extensiones

Listas de correo electrónicoListas de correo electrónico

¿Qué es una lista de correo ?

Las listas de correo electrónico son un uso especial del correo electrónico que permite la distribución masiva de información entre múltiples usuarios de Internet a la misma vez.

(Fuente: Wikipedia)

Listas de correo electrónicoListas de correo electrónico

¿Cómo funciona y cómo se usa?

● Suscripción a una lista

● Moderadores de la lista

● Archivo de la lista

● ¿Dónde puedo conseguirlas?

– Google Groups, Mailman

● Ventajas e inconvenientes● Ejemplos

WikisWikis

Para documentar dePara documentar deforma colaborativaforma colaborativa

WikisWikis

● Definición:Un wiki, o una wiki, es un sitio web cuyas páginas web pueden ser editadas por múltiples voluntarios a través del navegador web. Los usuarios pueden crear, modificar o borrar un mismo texto que comparten.

(Fuente: Wikipedia)

● La Wikipedia:La enciclopedia colaborativa libre

WikisWikis

● ¿Pero y yo puedo tener mi propio wiki?¡Sí!

● ¿Cómo conseguirlo?● Sistemas: MediaWiki, TikiWiki, DokuWiki

(son software libre)

WikisWikis

● Edición de artículos y enlaces:Sintaxis y formato

● Historial de un artículo

● Categorías en un wiki

● Ventajas e inconvenientes

● Ejemplos: Demostraciones y crear un artículo

Edición colaborativaEdición colaborativade documentosde documentos

Google Docs y otras alternativasGoogle Docs y otras alternativas

Google DocsGoogle Docs

● Una suite ofimatica en la nube

● Ofrece documentos de texto, hojas de cálculo, presentaciones y formularios

● Compartir documentos → Edición colaborativa

● Historial del documento

● Exportar e importar a varios formatos (ODT, PDF)

● Ventajas e inconvenientes frente a una suite ofimática instalada en el ordenador

Otros servicios colaboratativosOtros servicios colaboratativos

● PiratePad/EtherPad

Editor colaborativo en tiempo real, muestra cada usuario de un color

http://piratepad.net

● Doodle

Planificación de eventoscon encuestas

www.doodle.com

MapasMapas

● Google Maps, StreetView y Latitude

http://maps.google.es

● Bing Maps

www.bing.com/maps

● OpenStreetMap: Mapas libres creados colaborativamente

www.openstreetmap.org

Google CalendarGoogle Calendar

● Varios calendarios

● Se pueden compartir con otros usuarios

● Públicos y privados

__________________________________________________

Google: Don't be evil ?

Alojamiento de archivosAlojamiento de archivosen la nubeen la nube

Acceder desde varios dispositivos, y Acceder desde varios dispositivos, y entre varias personasentre varias personas

DropboxDropbox

● Servicio de alojamiento de archivos multiplataforma

● Carpetas sincronizadas entre dispositivos

● Compartir carpetas con otros usuarios

BlogsBlogs

Publicación de contenidos con Publicación de contenidos con WordPressWordPress

Hosting o alojamiento webHosting o alojamiento web

● Servicio de almacenamiento de información en un servidor que estará accesible via Web.

● Hospedar páginas web dinámicas

● Características:

– PHP (lenguajede programación)

– MySQL (base dedatos)

DominiosDominios

● Nombre acabado en .com, .es, .net, .org, etc que identifica una máquina (servidor) conectado a Internet.

● ¿Dónde los contratamos?

● Consejos

Sistemas de gestión de Sistemas de gestión de contenidoscontenidos

● ¿Qué es un CMS?

Página web “prefabricada”

● Ejemplos de CMS:

Joomla!, Drupal (son software libre)

● Ventajas vs. Web creada desde cero● Demostración

BlogsBlogs

● Blog, weblog o bitácora

● Definición: sitio web periódicamente actualizado que recopila cronológicamente textos o artículos de uno o varios autores, apareciendo primero el más reciente, donde el autor conserva siempre la libertad de dejar publicado lo que crea pertinente.(Fuente: Wikipedia)

● Usos (personal, noticias, como web...)

● Wordpress, Blogspot...

● Partes: Artículos, comentarios, barralateral, administración

¿Cómo combinar todas estas ¿Cómo combinar todas estas herramientas?herramientas?

● Ejemplo: Google Docs + llamada por Skype

● Elegir el subconjunto adecuado a nuestras necesidades

Seguridad y privacidadSeguridad y privacidad

Consejos para estar protegidosConsejos para estar protegidosen la reden la red

Seguridad en la redSeguridad en la red

● Antes/ahora

Los antivirus y cortafuegos solo nos protegen en nuestro equipo, pero no en la nube

● Intypedia

http://www.intypedia.com/

● El navegador

● HTTPS y los certificados● Elección de contraseñas● Sesión anónima

Seguridad en la redSeguridad en la red

● Redes WiFi públicas

● Redes sociales

● Dispositivos móviles

● Leer permisos de las aplicaciones

CréditosCréditoshttp://www.showeet.com/28/07/2011/templates/speech-bubbles-free-powerpoint-template/

http://openclipart.org/detail/15989/cd-/-dvd-by-chrisdesign

http://openclipart.org/detail/17348/central-computer-by-jcartier

http://openclipart.org/detail/28672/e-mail-by-xoseluis

http://openclipart.org/detail/2206/floppy_disk-by-kuba

http://openclipart.org/detail/79129/fractal-cloud-by-steren

http://openclipart.org/detail/81337/interaction-designers-by-mairin

http://openclipart.org/detail/154453/network-by-printerkiller

http://openclipart.org/detail/37129/personnage_ordinateur-by-antoine

http://openclipart.org/detail/37135/personnage_ordinateur-by-antoine-37135

http://openclipart.org/detail/169978/placemark-by-sagar_ns

http://openclipart.org/detail/24063/purple-arrow-shape-by-jwalden

http://openclipart.org/detail/167171/usb-thumb-drive-4-by-rygle

http://www.flickr.com/photos/stu_p/2317403942/

FINFIN

¿Preguntas?Gracias :)

Contacto:manuel@iniciativafocus.org

@manufloresv

Herramientas de trabajo en la Web 2.0

Technology

Transcript of Herramientas de trabajo en la Web 2.0

Herramientas web 2.0

HERRAMIENTAS WEB 2.0 CONTENIDO QUE ES LA WEB 2.0 WEB 2.0 Y EDUCACION TIPOS DE HERRAMIENTAS WEB 2.0 HERRAMIENTAS Y EJEMPLOS DE APLICASION DONDE BUSCAR.