F
ACULTAD DE
E
DUCACIÓN E
I
DIOMAS
D
EPARTAMENTO DE
I
NFORMÁTICA
E
DUCATIVA
PROGRAMA DE ASIGNATURA DE APLICACIONES EDUCATIVAS
DE LA INFORMATICA I
Tabla de contenido.
I.
INFORMACIÓN GENERAL ... 2
II.
INTRODUCCIÓN ... 3
III.
OBJETIVOS GENERALES DE LA ASIGNATURA ... 4
IV.
OBJETIVOS POR TEMA. ... 5
V.
TEMAS Y SUBTEMAS ... 7
VI.
PLAN TEMATICO ... 9
VII.
ORIENTACIONES METODOLÓGICAS ... 9
VIII.
SISTEMA DE EVALUACIÓN ... 11
IX.
BIBLIOGRAFÍA ... 11
X.
RELACIÓN DE AUTORES ... 11
I
n
f
o
r
m
á
t
ic
a
E
d
u
c
a
t
iv
a
I.
INFORMACIÓN GENERAL
FACULTAD: Ciencias de la educación e Idiomas
PLAN DE ESTUDIOS: 1999
CARRERA: Informática Educativa
TIEMPOS DE ESTUDIOS: 3 años para profesor de educación media
5 años para licenciatura
MENCIÓN U ORIENTACIÓN: Profesor de educación media
NOMBRE DE ASIGNATURA: Aplicaciones Educativas de la informática I
AÑO ACADÉMICO: 2
SEMESTRE: 1
FRECUENCIA SEMANAL: 4 Horas
DIURNO: 4 Horas
SABATINO 3 Horas
TOTAL DE HORAS DIURNO: 60 Horas
TOTAL DE HORAS SABATINO: 45 Horas
CRÉDITOS: Ninguno
REQUISITOS: Programas informáticos de uso general.
CORREQUISITOS: Ninguno
I
n
f
o
r
m
á
t
ic
a
E
d
u
c
a
t
iv
a
II.
INTRODUCCIÓN
Con las nuevas tendencias de la tecnología y la integración de las TIC en la educación, se han efectuado los llamados Materiales Educativos Computarizados (MEC); que han tomado hoy en día un auge formidable y para la elaboración de estos se requieren conocimientos de técnicas y habilidades en herramientas de diseño gráficos.
La asignatura de Aplicaciones Educativas de la informática I pretende que el alumno aprenda a diseñar sitios web e interfaces, en las cuales se desarrollen estrategias que cumplan como facilitadores en las diversas etapas del desarrollo del aprendizaje; ayuden a interpretar y mejorar la compresión de una propuesta pedagógica, además que aprenda a enfocar el diseño gráfico y web teniendo en cuenta el tema a tratar, al usuario que va dirigido, el entorno contextual, las necesidades educativas y demandas operativas del usuario, la utilización de formas, direcciones, colores, texturas, dimensiones de las imágenes, tratamiento gráfico del texto, imágenes fijas o en movimiento, el manejo adecuado de los colores y efectos especiales.
Todo lo anterior colabora en la formación sicopedagógica-informática del alumno, porque les brindan conocimiento que contribuyen a la creación de gráficos en alta calidad, así como sitios web estáticos que cumplan con los requerimientos estándares para su funcionamiento adecuado en Internet.
Los conocimientos que adquirirán los alumnos en esta asignatura son fundamentales para que sobrelleven con éxito las futuras realizaciones de aplicaciones y software educativos en las asignaturas de:
Logo y sus aplicaciones pedagógicas
Lenguaje de autor
Multimedia e hipermedia
I
n
f
o
r
m
á
t
ic
a
E
d
u
c
a
t
iv
a
III.
OBJETIVOS GENERALES DE LA ASIGNATURA
Académicos
1. Desarrollar habilidades en la uso de las herramientas de diseño grafico. 2. Adquirir habilidades en la aplicación de técnicas de diseño gráficos. 3. Desarrollar habilidades en el diseño de sitios web estáticos.
4. Determinar los requerimientos básicos para la publicación de un sitio web estático.
Psicosociales
1. Desarrollar una conciencia crítica respecto a la aplicación pertinente del diseño gráfico en materiales educativos.
2. Apropiarse de una actitud crítica y reflexiva que se refleje en la valoración de los trabajos realizados en el desarrollo del programa.
3. Reflexionar sobre la importancia del diseño gráfico en las áreas de desarrollo de materiales educativos.
4. Incentivar el respeto hacia el derecho de autor sobre el diseño gráfico y diseño web.
I
n
f
o
r
m
á
t
ic
a
E
d
u
c
a
t
iv
a
IV.
OBJETIVOS POR TEMA.
TEMA I: Introducción al diseño gráfico.
Académicos:1. Identificar los diferentes tipos de diseño.
2. Determinar los elementos a incluir en un diseño, dependiendo de las necesidades a cubrir.
3. Determinar la importancia del diseño en la comunicación. 4. Aplicar con armonía los colores del círculo cromático. 5. Crear colores basados en el círculo cromático.
6. Modificar la apariencia de colores utilizando las técnicas de tono, saturación y brillantez.
Psicosociales:
1. Valorar la importancia del diseño gráfico como un recurso comunicacional en nuestra sociedad.
2. Examinar las distintas utilidades del diseño gráfico en nuestra sociedad, insistiendo en el uso educativo.
TEMA II: Tratamiento de imágenes
Académicos:1. Identificar los elementos que conforman una imagen en mapa de bit y una imagen vectorial.
2. Identificar los diferentes formatos de imágenes.
3. Identificar imágenes que pueden perder calidad en diferentes entornos
.
4. Determinar el formato adecuado de las imágenes para su uso en diferentes medios.
5. Determinar los colores adecuados para las imágenes según su aplicación.
6. Utilizar herramientas de diseño gráfico para la creación de imágenes optimizada para distintos entornos.
7. Crear imágenes en mapa de bit y vectoriales a través de programas especializados.
8. Crear montajes a través deimágenes en mapa de bit.
9. Optimizar imágenes para entornos web, software educativo, presentaciones e impresión.
Psicosociales:
1. Incentivar el respeto por las imágenes publicadas en diferentes medios, haciendo hincapié en las redes sociales.
2. Comprende la importancia de crear verdaderos aportes en el campo de la educación con diseño de imágenes que ayuden al proceso.
TEMA III: Introducción al diseño web
Académicos:1. Identificar los tipos de sitios web.
2. Determinar las características de un alojamiento web, de acuerdo a necesidades del sitio a publicar.
I
n
f
o
r
m
á
t
ic
a
E
d
u
c
a
t
iv
a
3. Determinar las características básicas de los elementos de un sitio web.
Psicosociales:
1. Analizar la ética del diseñador web y su función social. 2. Valorar el impacto social de un sitio web en nuestro entorno.
TEMA IV: HTML y editor Dreamweaver.
Académicos:
1. Identificar la estructura básica de una página web a través de código HTML. 2. Escribir código HTML para la creación de un sitio web estático.
3. Proponer la estructura de un sitio web, basados en necesidades de una institución educativa o empresas privadas.
4. Desarrollar habilidades en el manejo del editor web Dreamweaver
Psicosociales:
1. Considerar la estética como una virtud fundamental en la creación de sitios web.
2. Fomentar la ética en uso de elementos multimediales publicados en un sitio web.
TEMA V: Hojas de estilo en cascada (CSS)
Académicos:1. Identificar las reglas básicas de CSS.
2. Aplicar estilos personalizados a los sitios web creados, a través de CSS 3. Incluir archivos CSS en un archivo HTML.
4. Validar CSS con herramientas apropiadas. 5. Publicar un sitio web en Internet.
Psicosociales:
1. Analizar la importancia de la estética para el desarrollo de hojas de estilo en cascada.
I
n
f
o
r
m
á
t
ic
a
E
d
u
c
a
t
iv
a
V.
TEMAS Y SUBTEMAS
TEMA I: Introducción al diseño gráfico.
Subtemas:1. Concepto de: Diseño, Diseño gráfico, Diseño y arte, Tipos de Diseños, Comunicación, Diseño y comunicación.
2. Elementos del diseño: Imágenes, dibujos, Tipografía, Texto y Composiciones. 3. Teoría del color
4. Color: Colores Primarios, Tono, Saturación y Brillantez 5. El color / El círculo cromático.
6. Interacciones del color: Armonía y contraste 7. Importancia y significado de los colores. 8. Diseño gráfico en la educación.
TEMA II: Tratamiento de imágenes
Subtemas:1. Conceptos: Pixeles, Vectores, Formatos de imágenes: conceptos y características (JPG, JEPG, BMP, GIF, PNG, TIF, ICO). Resolución de imágenes. 2. Herramientas para el diseño gráfico: Adobe Firework y Adobe Illustrator. 3. Profundidad de bit en imágenes.
4. Optimización de imágenes para impresión y para web.
a. Firework: Creación y optimización de imágenes para la web en distintos formatos (JPEG, PNG y GIF).
b. Illustrator: Creación de diseños vectoriales para impresión (volantes, folletos, diplomas, tarjetas, posters, etc.) y exportación de imágenes en diferentes formatos. Exportación a PDF con alta calidad. Transportación de archivos con formato EPS
TEMA III: Introducción al diseño web
Subtemas:1. Conceptos: Sitio web, http, www, tipos de sitios web, Alojamiento web, Conexión FTP, Direcciones de dominio.
2. Servidores locales y servidores remotos.
3. Elementos básicos de un sitio web: Banners, Imágenes, Enlaces, Texto. 4. Elementos multimedia: Flash, video y sonido.
TEMA IV: HTML y editor Dreamweaver.
Subtemas:1. HTML: Concepto, Etiquetas básicas, estructura básica de una página web, Propiedades de etiquetas, Capas, Listas ordenadas, Tablas, Encabezados, Formularios.
2. Propiedades de las etiquetas HTML.
3. Editor HMTL Dreamweaver: Edición en modo diseño y en modo código fuente, configuración de sitios web locales y remotos, configuración de navegador, pre visualización de páginas web en el navegador, formularios, imágenes, enlaces, trabajo con plantillas.
I
n
f
o
r
m
á
t
ic
a
E
d
u
c
a
t
iv
a
TEMA V: Hojas de estilo en cascada (CSS)
Subtemas:1. Conceptos: Hojas de estilo en cascada (CSS), especificación oficial, Fundamentos básicos de CSS.
2. Selectores: básicos y avanzados, Agrupación de reglas, Herencia, Colisión de estilos.
3. Unidades de medida y colores.
4. Modelo de cajas (box model): Anchura y altura, Margen y relleno, Bordes, Fondos.
5. Aplicación de estilos a: Texto, Enlaces, Imágenes, Listas, Tablas, Formularios, Capas (layout).
6. Publicación de sitio en Internet: Uso de programas para FTP, organización de directorios en alojamiento web.
I
n
f
o
r
m
á
t
ic
a
E
d
u
c
a
t
iv
a
VI.
PLAN TEMATICO
PLAN TEMÁTICO DIURNO
No. Tema CT S CP Total
1 Introducción al Diseño Gráfico 2 2 0 4 2 Tratamiento de imágenes 1 0 16 17 3 Introducción al diseño web 1 0 1 2 4 Introducción a HTML y editor
Dreamweaver 1 1 20 22
5 Hojas de estilo en cascada (CSS) 1 1 9 11
6 Evaluación 4
TOTAL 60
PLAN TEMÁTICO SABATINO
No. Tema CT CONF. CP TI Total
1 Introducción al Diseño Gráfico 1 0 1 1 3 2 Tratamiento de imágenes 0 1 6 3 10 3 Introducción al diseño web 0 1 0 2 3 4 Introducción a HTML y editor
Dreamweaver 0 1 10 4 15
5 Hojas de estilo en cascada (CSS) 0 1 5 2 8
6 Evaluación 6
TOTAL 45
VII.
ORIENTACIONES METODOLÓGICAS
TEMA I: Introducción al diseño gráfico.
En esta unidad es imprescindible que el alumno comprenda los conceptos básicos de diseño gráfico para esto recomendamos lo siguiente: 1 – Realizar una conferencia sobre los conceptos de diseño y diseño gráfico. 2 – A través de una conferencia mostrar ejemplos claros los elementos incluido en un diseño (Imágenes, tipografía, colores, dibujos) 3 – Orientar la investigación documental e internet sobre la teoría de colores. 4 – Realizar seminario con los resultados de investigación.
TEMA II: Tratamiento de imágenes
En esta unidad es necesario que los estudiantes desarrollen habilidades en la creación de imágenes en diferentes formatos, para tal fin recomendamos lo siguiente: 1 – Hacer una conferencia sobre los conceptos básicos de imágenes mapa de bit y vectoriales, así como mostrar ejemplos claros de los diferentes formatos de imágenes mapa de bit e imágenes vectoriales. 2 – la mayoría de las clases en esta unidad deben ser prácticas de modo que conduzcan al estudiante en el buen uso de las herramientas de los programas de diseño grafico. 3 – todas las tareas deben ser ejemplificadas previamente en clase. 4 – dedicar tiempo a la consecución de habilidades en el diseño de imágenes en formato vectorial. 5 – es muy importante evaluar constantemente la creatividad de los estudiantes en cuanto al diseño de imágenes y aplicación de colores.
I
n
f
o
r
m
á
t
ic
a
E
d
u
c
a
t
iv
a
6- al finalizar el estudio de los programas de diseño gráfico es necesario orientar un proyecto final donde el estudiante de manera independiente realice el diseño de algún material educativo, este material debe ser optimizado para impresión de alta calidad y publicación en formato web.
TEMA III: Introducción al diseño web
Para el éxito de las unidades posteriores, el alumno, en esta etapa, deberá quedar claro de los conceptos básicos del diseño web, para lo cual es necesario: 1 – que los alumnos comprendan la diferencia entre un sitio web dinámico y un sitio web estático.2- además es importante que los estudiantes conozcan los requerimientos básicos para la publicación de un sitio web 2- también es necesario que desde esta sesión de clase los alumnos comprendan que como producto final del curso deben desarrollar y publicar un sitio web estático. 4 – se recomienda que el trabajo final sea desarrollado de manera independiente.
TEMA IV: HTML y editor Dreamweaver.
Este tema tiene como propósito que el estudiante domine la escritura de código HTML para la construcción de un sitio web estático, para esto se recomienda: 1- Iniciar desde un nivel muy básico escribiendo código HTML en un archivo de texto plano y haciendo pruebas básicas en el navegador web. 2- El docente debe explicar detalladamente el funcionamiento de las etiquetas más importantes y sus propiedades. 3- además es muy importante facilitar guías prácticas individuales sobre el uso correcto de las etiquetas HTML. 4 – también se hace necesario facilitar tutoriales, manuales y guías prácticas para el aprendizaje del editor Dreamweaver. 5- A partir de este tema los estudiantes podrán iniciar el desarrollo del trabajo final, por tanto es conveniente orientar el desarrollo de imágenes, videos, archivos y sonidos a incluir en este trabajo.
TEMA V: Hojas de estilo en cascada (CSS)
En esta última temática, se pretende que los estudiantes desarrollen habilidades en la aplicación de estilo a una página web, además que puedan publicar un sitio web en internet, para que esto sea efectivo es necesario: 1- Dotar al estudiante de material didáctico que ejemplifique el uso correcto de los diferentes selectores de CSS 2 – es importante que el docente destaque la potencialidad del uso de CSS en la construcción de un sitio web. 3 – También se hace necesario la creación individual de una cuenta de alojamiento web gratuito. 4 – Se recomienda que el trabajo del fin de curso sea presentado en una exposición en la cual se evalué los elementos técnicos y las habilidades obtenidas por los estudiantes en todo el curso.
I
n
f
o
r
m
á
t
ic
a
E
d
u
c
a
t
iv
a
VIII.
SISTEMA DE EVALUACIÓN
La asignatura se valorará según normativas de evaluación de la UNAN – Managua: Modalidad Regular
1er Parcial (60% Prueba + 40% Acumulados)
2do Parcial (60% Prueba + 40% Acumulados)
Nota final del semestre= (1er parcial + 2do parcial) / 2
Modalidad profesionalización:
1er Parcial (Prueba 0 a 100%)
2do Parcial (Prueba 0 a 100%)
3er Parcial (Acumulados 0 a 100%)
Nota final de semestre (1er Parcial * 30%) + (2do Parcial * 30%) + (3er parcial * 40%)
IX.
BIBLIOGRAFÍA
ED, R. (31 de 01 de 2011).
Material Educativo desde el Diseño Gráfico
. Recuperado el 31 de 01 de
2011, de Recrea ed: http://www.recrea-ed.cl/de_material_educativo/realizacion_desde_el.htm
Hearn, D. (1995).
Gráficas por computadora.
Mexico: Phyllis Morgan.
López, B. L. (2004).
Edición de páginas web con Dreamweaver.
España: Reprografía Langayo.
Weblogicnet. (04 de 02 de 2011).
Weblogicnet
. Recuperado el 04 de 02 de 2011, de Sitio web de
Weblogicnet: http://www.weblogicnet.com/descargas/teoria-del-color.pdf
Weiman, L. (2002).
Diseño de Imagenes para la Web.
Madrid: Anaya Multimedia.
X.
RELACIÓN DE AUTORES
Programa Original:Msc . Maribel del Carmen Avendaño Esp. Inés Valverde Mendoza
Actualizado por:
Lic. Charlott Corea Carcache Lic. Rochester Cáceres Mendoza
XI.
APROBACIÓN
_____________________________
Jefe de Departamento: Msc . José Antonio Medal. FECHA DE APROBACIÓN: