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 PostgradoPrograma 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

PUNTOS A TRATAR:

- ASPECTOS TECNOLÓGICOS QUE DEBE CONOCER UN DISEÑADOR WEB.

- ELEMENTOS DETERMINANTES PARA DISEÑAR UN CURSO EN LÍNEA.

2

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 baseobjetivo y al estilo de la página

Desarrolla teniendo en cuenta la navegabilidad, interactividad y arquitectura de la información

3

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

PÉRIL DEL TÉCNICO DISEÑADOR WEB

El diseñador web conoce la interacción de diferentes lenguajes de programación

5

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

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

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

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

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

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

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

ELEMENTOS DEL HARDWARE

Procesadores - 1995 Procesadores actuales 2014

13

OTROS ELEMENTOS

14

ELEMENTOS DEL SOFTWARESoftwareEl 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

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

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

SOFTWARE PARA CREAR CURSOS WEB

XICALEs  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

SOFTWARE PARA CREAR CURSOS WEB

WHAT2LEARNEsta  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

SOFTWARE PARA CREAR CURSOS WEB

EXEEl  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

SOFTWARE PARA CREAR CURSOS WEBWINKEs 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

SOFTWARE PARA CREAR CURSOS WEB

CLASTOOLSEste 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

SOFTWARE PARA CREAR CURSOS WEB

COURSELABEsta 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

SOFTWARE PARA CREAR CURSOS WEB

XERTEXerte 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

SOFTWARE PARA CREAR CURSOS WEB

JeLSIMEs 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

SOFTWARE PARA CREAR CURSOS WEB

QUANDARYEs 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

11 MANDAMIENTOS DEL DISEÑO WEB

27

ELEMENTOS PARA EL DISEÑO DE UN CURSO EN LÍNEA

28

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

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

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

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

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

FASES SECUENCIALES DE UN CURSO EN LÍNEA

34

Según Zavando, S. Parra, C. (2000) http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pdf

FASE I : SELECCIÓN DE OPCIONES TECNOLÓGICAS

35

http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pdf

FASE II : DISEÑO Y DESARROLLO DE CONTENIDOS

36

http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pdf

FASE III: IMPLEMENTACIÓN TECNOLÓGICA

37http://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pdf

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

COMO SE CREA UN CURSO E-LEARNING

39

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

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

EQUIPO 2 Gracias por su atención.

42