Exposición realizada por estudiantes de la Maestría en Tecnología Educativa. UNEFA

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

13. ELEMENTOS DEL HARDWARE
Procesadores - 1995 Procesadores actuales
2014
13

14. OTROS ELEMENTOS
14

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

27. 11 MANDAMIENTOS DEL DISEÑO
WEB
27

28. ELEMENTO
S PARA EL
DISEÑO DE
UN CURSO
EN LÍNEA
28

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
34
Según Zavando, S. Parra, C. (2000) http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pd
f

35. FASE I : SELECCIÓN DE OPCIONES
TECNOLÓGICAS
35
http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pd
f

36. FASE II : DISEÑO Y DESARROLLO DE
CONTENIDOS
36
http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pd
f

37. FASE III: IMPLEMENTACIÓN
TECNOLÓGICA
37
http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pd
f

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.pd
f

39. LEARNING
39

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

42. EQUIPO 2
Gracias por su atención.
42