Elementos que debe conocer un diseñador en cursos web

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

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 cuentala navegabilidad, interactividady 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 HyperTextMarkup Language (Lenguaje deMarcado de Hipertexto ). Es unlenguaje de programacióndedicado a páginas web, que sebasa principalmente en el"hipertexto“.

6

CSS o Cascading Style Hheets, en españolhojas de estilo de cascada.Es un lenguaje utilizado en la presentaciónde documentos HTML. el lenguaje CSSsirve para organizar la presentación yaspecto de una página web. Este lenguajees principalmente utilizado por parte delos navegadores web de internet y por losprogramadores web informáticos paraelegir multitud de opciones depresentación como colores, tipos ytamaños de letra, etc.


7

JavaScript es un lenguaje deprogramación, el JavaScript seutiliza principalmente del lado delcliente (es decir, se ejecuta ennuestro ordenador, no en elservidor) permitiendo crear efectosatractivos y dinámicos en laspáginas web.


8

ActionScript es un lenguaje deprogramación orientado aobjetos (OOP), utilizado enespecial en aplicaciones webanimadas realizadas en elentorno Adobe Flash,


9

PHP ( Hypertex Preprocessor)en español pre procesador dehipertexto es un lenguaje decódigo abierto y su objetivo esbrindarle a los creadores desitios webs la posibilidad dedesarrollar sitios dinámicos enforma sencilla y rápida.


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 SOFTWARE

SoftwareEl Software es el soporte lógico e inmaterialque permite que la computadora puedadesempeñar tareas inteligentes, dirigiendo alos componentes físicos o hardware coninstrucciones y datos a través de diferentestipos de programas.

15

SOFTWARE PARA CREAR CURSOS WEB

Las plataformas de e-learning sonel software de servidor que seocupa principalmente de la gestiónde usuarios, gestión de cursos yservicios de comunicación, dandoel soporte necesario al escenariode e-learning.

16


El e-learning puede serclasificado dediferentes formassegún los mediostecnológicos de los quehace uso, los cuales secorresponden con laevolución tecnológicaque ha experimentadoel aprendizaje adistancia basado en lasTIC:

computer-based training. la enseñanzamediada por computadora 17

http://es.wikipedia.org/wiki/Computer-based_training


XICALEs una plataforma de código abiertoque permite el desarrollo depresentaciones, tutoriales ypruebas usando elementosmultimedia, como videos,animaciones y diagramas interactivos.Ofrece la posibilidad de crearpresentaciones y simulaciones paraser distribuidas y ejecutadaslocalmente (sin conexión a internet) oa través de la red. 18


WHAT2LEARNEsta web ofrece mas de dos miljuegos educativos para estudiantesde escuela primaria y secundaria.

What2learn facilita la tarea dedesarrollar aplicaciones sencillaspara e-learning.

19


EXEEl proyecto exe hadesarrollado una aplicaciónde autoría e-learning decódigo abierto que permitea los profesores publicarcontenido web si necesidadde ser expertos en HTML oXML.

20

SOFTWARE PARA CREAR CURSOS WEBWINKEs un software para la creación depresentaciones y tutoriales paraexplicar el uso de programas. Conwink se pueden capturarpantallas, agregar cajas de concomentarios y explicaciones,botones, títulos y así creartutoriales muy efectivos para sususuarios. Wink es de distribucióngratuita y tiene versiones paraWindows y Linux. 21


CLASTOOLSEste sitio también ofrecela posibilidad de crearjuegos, quizzes,actividades y diagramas.Todos los recursos songratuitos y pueden serusados en cualquier sitioweb, blog o wiki.

22


COURSELABEsta poderosa herramienta deautoría e-learning permitecrear contenido de alta calidadque puede ser publicado en lared, en plataformas LMS y endiscos ópticos

23


XERTEXerte proporciona a losdesarrolladores de e-learninguna completa gama deherramientas de códigoabierto para producirmateriales de aprendizajeinteractivos. Esta aplicaciónrequiere algunosconocimientos para suinstalación y puesta enfuncionamiento.

24


JeLSIMEs una herramienta gratuita para laproducción de simulaciones educativas.Las aplicaciones están escritas en Java ypermiten al usuario crear applets deJava que se pueden publicar a través deun navegador web estándar.

25


QUANDARYEs una aplicación para crear“laberintos de acción” basadosen internet. Dichos laberintosson una especie de casos deestudio interactivos.Los laberintos pueden serusados en muchos escenarioscomo la solución de problemas,diagnostico, entrenamiento enprocedimientos 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 generalmentedepende del Internet para entregarlos contenidos de un curso. Laventaja del Internet (ubicuidad,alcance global, estándaresuniversales, riqueza, interactividad,densidad de información ypersonalizació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 siguientesactividades cada semana:

• Analizar una serie de lecturas.• Revisar las presentaciones y explicaciones pregrabadaspor el profesor.• Participar y monitorear un espacio de preguntas yrespuestas.• Analizar y discutir los casos asignados en un procesoque requiere deanálisis e investigación.• Resolver un examen semanal del material de las lecturasasignadas. 33

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

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

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


FASE III: IMPLEMENTACIÓN TECNOLÓGICA

CALIDAD INTERACTIVA INSTRUCIONAL

MEDIOS ASINCRONICOS

MEDIOS SINCRONICOS

37


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


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 enhttp://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 enhttp://www.luisalarcon.com/blog/?p=560 [Consulta 07-05-2014].

Thuer, S. (2009). ¿Qué debe saber un diseñador web? [Blog]. Disponible enhttp://www.thuer.com.ar/analytics/2009/que-debe-saber-un-disenador-web [Consulta08-05-2014].

Tajadura, J. (2013). ¡Ya no se hacen webs como las de antes! Tendencias en programaspara crear paginas web.[sitio web]. Disponiblehttp://www.unmixdemarketing.com/2014/01/programas-para-crear-paginas-web-tendencias.html [Consulta 08-05-2014].

40

http://www.cetcolsubsidio.edu.co/tecnico-profesional-en-diseno-web-y-multimedia.html

http://www.luisalarcon.com/blog/?p=560

http://www.thuer.com.ar/analytics/2009/que-debe-saber-un-disenador-web

http://www.unmixdemarketing.com/2014/01/programas-para-crear-paginas-web-tendencias.html

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 enlínea]. Disponible enhttp://www.uhu.es/sevirtual/documentos/libros/guiadisenocursos.pdf [Consulta 08-05-2014].

S/A (2011). Diseñador web – habilidades mas buscadas [sitio web]. Disponible enhttp://www.basekit.com.mx/basekiteca/disenador-web-habilidades-mas-buscadas[Consulta 07-05-2014].

41

http://www.utemvirtual.cl/nodoeducativo/wp-content/uploads/2006/09/pamela.pdf


http://www.basekit.com.mx/basekiteca/disenador-web-habilidades-mas-buscadas

EQUIPO 2 Gracias por su atención.

42

Technology

Elementos que debe conocer un diseñador en cursos web