Este documento describe las herramientas de diseño web y su aplicación en la educación. Explica que las herramientas de diseño web son programas utilizados para crear y modificar sitios web de una manera más sencilla. Luego describe algunas herramientas comunes como edición de imágenes, video y sonido, así como gestión de contenidos y almacenamiento en la nube. Finalmente, explica cómo algunas aplicaciones web 2.0 como blogs, wikis y redes sociales pueden usarse para proporcionar servicios interactivos y mejorar la educ

1. HERRAMIENTAS DE
DISEÑO WEB
Conceptos básicos
Docente: Lina Tenorio Ramírez
Email: ltenorio@unicatolica.edu.co

2. ¿ Qué son ?
En informática, las herramientas,
son programas, aplicaciones o
simplemente instrucciones usadas
para efectuar otras tareas de un
modo más sencillo.
Es muy importante usar las
herramientas adecuadas para cada
tarea. En ese aspecto, cada
herramienta se crea y diseña para
una o varias funciones
determinadas, y por tanto podemos
hablar de muy diversos tipos de
herramientas informáticas según el
campo al que se dediquen.

3. ¿ Qué es la web?
Web o la web, la red o www de
World Wide Web, es un medio
de comunicación de texto,
gráficos y otros objetos
multimedia a través de Internet,
es decir, la web es un sistema
de hipertexto que utiliza Internet
como su mecanismo de
transporte o desde otro punto
de vista, una forma gráfica de
explorar Internet.
Es importante saber que web
o www no son sinónimo de
Internet, la web es un
subconjunto de Internet que
consiste en páginas a las que
se puede acceder usando un
navegador. Internet es la red
de redes donde reside toda la
información. Tanto el correo
electrónico, como FTPs,
juegos, etc. son parte de
Internet, pero no de la Web.

4. Fuente: http://es.slideshare.net/gerenciaunougc/mapa-conceptual-20061428

5. Fuente: http://es.slideshare.net/hojeda2002/mapa-conceptual-evolucin-de-la-web-34813349

6. ¿ Qué son los Servicios Web ?
Conjunto de aplicaciones o de
tecnologías con capacidad
para interoperar en la Web.
Estas aplicaciones o
tecnologías intercambian datos
entre sí con el objetivo de
ofrecer unos servicios. Los
proveedores ofrecen sus
servicios como procedimientos
remotos y los usuarios
solicitan un servicio llamando a
estos procedimientos a través
de la Web.

7. Características importantes
• Estos servicios proporcionan mecanismos de
comunicación estándares entre diferentes aplicaciones,
que interactúan entre sí para presentar información
dinámica al usuario.
• Para proporcionar interoperabilidad (la habilidad de
dos o más sistemas o componentes para intercambiar
información y utilizar la información intercambiada).
• Brindar extensibilidad (cualidad que permite a un
hipertexto ir de lo secuencial a lo reticular).

9. La Web 2.0 y la educación
En el campo educativo la web 2.0 brinda oportunidades para la aplicación
de estrategias didácticas innovadoras, que logran captar la atención
de los estudiantes, los convierte en protagonistas de su proceso de
aprendizaje, estimulan el desarrollo de competencias para el manejo
crítico y responsable de la información (búsqueda, selección,
organización, análisis), y por supuesto aumentan su grado de
motivación.
Su impacto es tal que ya se utiliza el término Docencia 2.0 o Educación
2.0 para designar a las metodologías apoyadas por servicios Web 2.0 en
los entornos educativos. Aunque estos términos nacen al amparo del éxito
de la Web 2.0 y, por tanto, no antes de 2004 o 2005, es a partir de 2006
cuando se comienza a utilizar el apellido "2.0" en artículos especializados
de educación.

10. Ventajas
• Incrementan significativamente la competitividad en los usuarios en una
economía global cada vez más integrada.
• Facilita la colaboración entre usuarios ya no es únicamente un espacio al
que los alumnos se dirigen para buscar y descargar contenidos.
• El usuario es contribuyente y editor de sus propios contenidos.
• Incrementan el nivel de implicación produciendo sus propios contenidos y
publicándolos mediante sencillas aplicaciones.
• Retroalimentación constante, por lo cual se es capaz de construir su
propio conocimiento y ser responsable de manejar su propio aprendizaje.
• Posibilita el enriquecimiento de las experiencias de aprendizaje,
favoreciendo los aprendizajes desde una perspectiva constructivista y
cognitiva.
• Provee una nueva ventana de oportunidades para su desarrollo de
competencias indispensables en la sociedad del conocimiento:
creatividad, capacidad analítica, conceptual, de resolución de problemas,
de habilidades de comunicación y de trabajo en equipo.

11. Desventajas
• Desconfianza que se genera ante la falta de comunicación entre el
profesor y sus alumnos, sobre todo en el proceso de evaluación del
aprendizaje del alumno.
• El aislamiento que se puede llegar a dar entre seres humanos,
eliminando la interacción social física.
• Más comodidad pero menos intimidad.
• El acceso abierto a la información masiva implica, en algunos casos,
poca profesionalidad y puede conducir a muy bajos niveles de calidad
en los contenidos de muchos sitios.
• Los archivos se dejan guardados en el servidor de la institución u/o
empresa que ofrecen herramientas ofimáticas, pueden ser vulnerables
al manejo de los usuarios.

12. Clasificación de herramientas de
diseño web:
Edición de imágenes
Edición de video
Edición de sonido
Gestión de contenidos
Almacenamiento en la nube

13. Servicios Web 2.0 aplicados a la
educación
El concepto Web 2.0 abarca una serie de
aplicaciones que proporcionan servicios
interactivos en red proporcionando al
usuario el control de sus datos. Entre estas
aplicaciones podemos mencionar:
• Redes sociales
• Blogs
• Wikis

14. Actividad
En grupo, prepara una exposición sobre una herramienta de diseño web. La
exposición debe contener:
• Descripción de la herramienta
• Ventajas y desventajas
• Ejercicio practico para desarrollar con los compañeros (dirigida por el grupo)
• Reflexión acerca de su uso en una clase.
• Tiempo (20 min)
El grupo deberá entregar:
• Trabajo con escrito con normas APA impreso, acerca de los puntos anteriores,
adicionando:
• Reseña historia de la herramienta escogida.
• Objetivos de actividad (ejercicio practico) y competencia a desarrollar.
• Presentación multimedia.
Fecha de exposición y entrega del trabajo: 29 de agosto

15. Bibliografía
• http://www.mastermagazine.info/termino/5234.php
• http://www.nosolousabilidad.com/articulos/tecnologia_educacion.htm
• http://www.w3c.es/Divulgacion/GuiasBreves/Accesibilidad
• http://platea.pntic.mec.es/vgonzale/web20_0809exe/tema_14_web_2
0_y_educacin_educacin_20.html