Un diseñador web debe conocer aspectos tecnológicos como lenguajes de programación como HTML, CSS, JavaScript y PHP. También debe saber usar herramientas para crear y publicar sitios web y aplicaciones. Al diseñar un curso en línea, es importante considerar objetivos de aprendizaje, contenido, actividades y evaluaciones. Un curso en línea puede ser sincrónico o asíncronico y debe seguir fases como selección de tecnología, diseño, implementación y administración.
Elementos que debe conocer un diseñador en cursos web
1. ELEMENTOS QUE DEBE CONOCER UN
DISEÑADOR EN CURSOS WEB.
República Bolivariana de Venezuela
Universidad Nacional Experimental Politécnica de la Fuerza Armada
Departamento de Postgrado
Programa Maestría Tecnología Educativa
Grupo 2:
-Cedeño Vanessa
-Figueroa Iris
-Macias Marsolaire
-Páez José
Facilitador:
Mcs. Hernández Marianela
Chuao, 12 de Mayo del 2014 1
2. PUNTOS A TRATAR:
- ASPECTOS TECNOLÓGICOS QUE DEBE CONOCER
UN DISEÑADOR WEB.
- ELEMENTOS DETERMINANTES PARA DISEÑAR UN
CURSO EN LÍNEA.
2
3. DISEÑADOR WEB
Técnico profesional en diseño web
crea la parte artística o visual
y la estructura que tendrá la página
El diseño se planifica en base
objetivo y al estilo de la página
Desarrolla teniendo en cuenta
la navegabilidad, interactividad
y arquitectura de la información
3
4. DISEÑADOR WEB
Técnico profesional en diseño web
estará en capacidad
desarrollar aplicaciones multimedia
construir y publicar sitios web
respondan a las necesidades del cliente configurando
las herramientas y recursos necesarios
4
5. PÉRIL DEL TÉCNICO DISEÑADOR WEB
El diseñador web conoce la interacción de diferentes lenguajes de programación
5
6. LENGUAJE DE PROGRAMACIÓN
HTML son las siglas de HyperText
Markup Language (Lenguaje de
Marcado de Hipertexto ). Es un
lenguaje de programación
dedicado a páginas web, que se
basa principalmente en el
"hipertexto“.
6
7. CSS o Cascading Style Hheets, en español
hojas de estilo de cascada.
Es un lenguaje utilizado en la presentación
de documentos HTML. el lenguaje CSS
sirve para organizar la presentación y
aspecto de una página web. Este lenguaje
es principalmente utilizado por parte de
los navegadores web de internet y por los
programadores web informáticos para
elegir multitud de opciones de
presentación como colores, tipos y
tamaños de letra, etc.
LENGUAJE DE PROGRAMACIÓN
7
8. JavaScript es un lenguaje de
programación, el JavaScript se
utiliza principalmente del lado del
cliente (es decir, se ejecuta en
nuestro ordenador, no en el
servidor) permitiendo crear efectos
atractivos y dinámicos en las
páginas web.
LENGUAJE DE PROGRAMACIÓN
8
9. ActionScript es un lenguaje de
programación orientado a
objetos (OOP), utilizado en
especial en aplicaciones web
animadas realizadas en el
entorno Adobe Flash,
LENGUAJE DE PROGRAMACIÓN
9
10. PHP ( Hypertex Preprocessor)
en español pre procesador de
hipertexto es un lenguaje de
código abierto y su objetivo es
brindarle a los creadores de
sitios webs la posibilidad de
desarrollar sitios dinámicos en
forma sencilla y rápida.
LENGUAJE DE PROGRAMACIÓN
10
11. HERRAMIENTAS QUE DEBE USAR
UN DISEÑADOR WEB
En cuanto a las herramientas, el diseñador web debe saber plasmar sus ideas en forma de bocetos
y conocer los programas que le ayuden a expresarlas en forma correcta
11
12. ELEMENTOS DEL HARDWARE
Los componentes y dispositivos del Hardware se dividen
en Hardware Básico y Hardware Complementario
El Hardware Básico: El Hardware Complementario:
12
15. ELEMENTOS DEL SOFTWARE
Software
El Software es el soporte lógico e inmaterial
que permite que la computadora pueda
desempeñar tareas inteligentes, dirigiendo a
los componentes físicos o hardware con
instrucciones y datos a través de diferentes
tipos de programas.
15
16. SOFTWARE PARA CREAR CURSOS WEB
Las plataformas de e-learning son
el software de servidor que se
ocupa principalmente de la gestión
de usuarios, gestión de cursos y
servicios de comunicación, dando
el soporte necesario al escenario
de e-learning.
16
17. SOFTWARE PARA CREAR CURSOS WEB
El e-learning puede ser
clasificado de
diferentes formas
según los medios
tecnológicos de los que
hace uso, los cuales se
corresponden con la
evolución tecnológica
que ha experimentado
el aprendizaje a
distancia basado en las
TIC:
computer-based training. la enseñanza
mediada por computadora 17
18. SOFTWARE PARA CREAR CURSOS WEB
XICAL
Es una plataforma de código abierto
que permite el desarrollo de
presentaciones, tutoriales y
pruebas usando elementos
multimedia, como videos,
animaciones y diagramas interactivos.
Ofrece la posibilidad de crear
presentaciones y simulaciones para
ser distribuidas y ejecutadas
localmente (sin conexión a internet) o
a través de la red. 18
19. SOFTWARE PARA CREAR CURSOS WEB
WHAT2LEARN
Esta web ofrece mas de dos mil
juegos educativos para estudiantes
de escuela primaria y secundaria.
What2learn facilita la tarea de
desarrollar aplicaciones sencillas
para e-learning.
19
20. SOFTWARE PARA CREAR CURSOS WEB
EXE
El proyecto exe ha
desarrollado una aplicación
de autoría e-learning de
código abierto que permite
a los profesores publicar
contenido web si necesidad
de ser expertos en HTML o
XML.
20
21. SOFTWARE PARA CREAR CURSOS WEB
WINK
Es un software para la creación de
presentaciones y tutoriales para
explicar el uso de programas. Con
wink se pueden capturar
pantallas, agregar cajas de con
comentarios y explicaciones,
botones, títulos y así crear
tutoriales muy efectivos para sus
usuarios. Wink es de distribución
gratuita y tiene versiones para
Windows y Linux. 21
22. SOFTWARE PARA CREAR CURSOS WEB
CLASTOOLS
Este sitio también ofrece
la posibilidad de crear
juegos, quizzes,
actividades y diagramas.
Todos los recursos son
gratuitos y pueden ser
usados en cualquier sitio
web, blog o wiki.
22
23. SOFTWARE PARA CREAR CURSOS WEB
COURSELAB
Esta poderosa herramienta de
autoría e-learning permite
crear contenido de alta calidad
que puede ser publicado en la
red, en plataformas LMS y en
discos ópticos
23
24. SOFTWARE PARA CREAR CURSOS WEB
XERTE
Xerte proporciona a los
desarrolladores de e-learning
una completa gama de
herramientas de código
abierto para producir
materiales de aprendizaje
interactivos. Esta aplicación
requiere algunos
conocimientos para su
instalación y puesta en
funcionamiento.
24
25. SOFTWARE PARA CREAR CURSOS WEB
JeLSIM
Es una herramienta gratuita para la
producción de simulaciones educativas.
Las aplicaciones están escritas en Java y
permiten al usuario crear applets de
Java que se pueden publicar a través de
un navegador web estándar.
25
26. SOFTWARE PARA CREAR CURSOS WEB
QUANDARY
Es una aplicación para crear
“laberintos de acción” basados
en internet. Dichos laberintos
son una especie de casos de
estudio interactivos.
Los laberintos pueden ser
usados en muchos escenarios
como la solución de problemas,
diagnostico, entrenamiento en
procedimientos y encuestas.
26
29. DE LA TECNOLOGÍA QUE SE DEBEN
CULTIVAR EN EL DISEÑO DE CURSOS EN
LÍNEA. LOS NEGOCIOS ELECTRÓNICOS, SON
NEGOCIOS [PORTER, 2001], Y EL
INTERNET TIENE CIERTAS CARACTERÍSTICAS
QUE SE DEBEN TOMAR EN CUENTA AL
DESARROLLAR NUEVAS APLICACIONES
[LAUDON AND TRAVER, 2002]. SE PUEDE
ARGUMENTAR QUE EDUCACIÓN
ELECTRÓNICA ES EDUCACIÓN Y QUE HAY
ALGUNAS VENTAJAS EN EL USO .
29
30. PASOS PARA LA CONSTRUCCIÓN DE UN
CURSO EN LÍNEA
• Definición de los objetivos de
aprendizaje (conceptuales,
procedimentales y comportamentales).
• Construcción de un modelo conceptual
del curso. Esta es una representación
gráfica de la organización de los
materiales de la clase
• Selección de la técnica didáctica para el
curso (basada en casos, problemas o
proyectos).
30
31. DISEÑO DE UN CURSO EN LÍNEA PARA
FORTALECER LA EDUCACIÓN A DISTANCIA
La educación en línea generalmente
depende del Internet para entregar
los contenidos de un curso. La
ventaja del Internet (ubicuidad,
alcance global, estándares
universales, riqueza, interactividad,
densidad de información y
personalización) [Laudon 2003].
31
32. UN CURSO EN LÍNEA PUEDE SER:
• Sincrónico o asíncrono
• Usar interacción vía video o
solo texto y gráficas
• Tener equipos de estudiantes
locales o virtuales
• Tener diferentes técnicas de
evaluación
32
33. ACTIVIDADES DE CLASE
Una clase de 12 semanas incluye las siguientes
actividades cada semana:
• Analizar una serie de lecturas.
• Revisar las presentaciones y explicaciones pregrabadas
por el profesor.
• Participar y monitorear un espacio de preguntas y
respuestas.
• Analizar y discutir los casos asignados en un proceso
que requiere de
análisis e investigación.
• Resolver un examen semanal del material de las lecturas
asignadas. 33
34. FASES SECUENCIALES DE UN CURSO EN LÍNEA
FASE I Selección
de opciones
tecnológicas
FASEII Diseño y
desarrollo de
contenidos
FASE III
Implementación
tecnológica
FASE IV
Administración del
curso
34
Según Zavando, S. Parra, C. (2000) http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pdf
35. FASE I : SELECCIÓN DE OPCIONES TECNOLÓGICAS
• Capacitación
• Contenido propio
• De terceros
TIPO DE
NECESIDAD
• Disposición
• Experiencia
• Acceso
TIPO DE
USUARIO
• Presupuesto
• Infraestructura
• Capacidades
RECURSOS
DISPONIBLES
35
http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pdf
36. FASE II : DISEÑO Y DESARROLLO DE
CONTENIDOS
Diseño
general del
curso
•Ficha general
del curso
Diseño de
unidades de
aprendizajes
•Ficha para
unidad de
aprendizaje
Diseño de
mensaje
instruccional
• Textos y
actividades
36
http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pdf
37. FASE III: IMPLEMENTACIÓN TECNOLÓGICA
CALIDAD INTERACTIVA
INSTRUCIONAL
MEDIOS ASINCRONICOS
MEDIOS SINCRONICOS
37
http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pdf
38. FASE IV: ADMINISTRACIÓN DEL CURSO
Creación de clave de acceso para
los participantes del curso
Soporte para la instalación de
software de acceso al curso .
Atención a los usuarios por
posibles fallas técnicas.
Atención de las dudas y consultas
de los participantes sobre el
contenido del curso y sus
actividades.
Seguimiento del avances y
resultados de los participantes
Moderación de actividades
grupales o interactivas
Evaluación de actividades de
desarrollo
Administración técnica Administración de contenidos
38
http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pdf
40. REFERENCIAS BIBLIOGRÁFICAS
S/A Técnico profesional en diseño web y multimedia [sitio web]. Disponible en
http://www.cetcolsubsidio.edu.co/tecnico-profesional-en-diseno-web-y-multimedia.html
[Consulta 07-05-2014].
Alarcón, l. (2007). El perfil del nuevo diseñador web [Blog]. Disponible en
http://www.luisalarcon.com/blog/?p=560 [Consulta 07-05-2014].
Thuer, S. (2009). ¿Qué debe saber un diseñador web? [Blog]. Disponible en
http://www.thuer.com.ar/analytics/2009/que-debe-saber-un-disenador-web [Consulta
08-05-2014].
Tajadura, J. (2013). ¡Ya no se hacen webs como las de antes! Tendencias en programas
para crear paginas web.[sitio web]. Disponible
http://www.unmixdemarketing.com/2014/01/programas-para-crear-paginas-web-
tendencias.html [Consulta 08-05-2014]. 40
41. REFERENCIAS BIBLIOGRÁFICAS
Martínez, P. (2006). El Rol del Diseñador Gráfico en el Diseño de Cursos e-learning
[documento en línea]. Disponible en http://www.utemvirtual.cl/nodoeducativo/wp-
content/uploads/2006/09/pamela.pdf [Consulta 08-05-2014].
Zavando, S. Parra, C. (2000). Guía para el diseño de cursos en internet. [documento en
línea]. Disponible en
http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pdf [Consulta 08-05-
2014].
S/A (2011). Diseñador web – habilidades mas buscadas [sitio web]. Disponible en
http://www.basekit.com.mx/basekiteca/disenador-web-habilidades-mas-buscadas
[Consulta 07-05-2014].
41