Software Educativo

DOCENCIA EN INFORMTICA
SOFTWARE EDUCATIVO
PORTAFOLIO
GERMN MNDEZ JORDAN
Universidad tcnica de Machala
UNIVERSIDAD TCNICA DE
MACHALA
FACULTAD DE CIENCIAS SOCIALES
ESCUELA DE CIENCIAS DE LA
EDUCACIN
MODALIDAD SEMIPRESENCIAL
PORTAFOLIO
SOFTWARE EDUCATIVO
DOCENTE FACILITADOR
ING. TITO POLO CACAO
ALUMNO
GERMN MNDEZ JORDN
CURSO
SEXTO SEMESTRE B
ESPECIALIZACIN
DOCENCIA EN INFORMTICA
AO ACADMICO
2013 2014
MACHALA EL ORO ECUADOR
UNIVERSIDAD TCNICA DE MACHALA

FACULTAD DE CIENCIAS SOCIALES
ESCUELA DE CIENCIAS DE LA EDUCACIN
CARRERA DE DOCENCIA EN INFORMTICA
SYLLABUS ESTANDARIZADO
1.- DATOS GENERALES
Asignatura:
Cdigo de la Asignatura:
Software educativo
DEI.6.04
Eje Curricular de la Asignatura:
Ao:
Proceso enseanza aprendizaje
2013-2014
Horas presenciales teora:
Ciclo/Nivel/Semestre:
1
SEXTO Semestre A-B
Horas presenciales prctica:
Nmero de crditos:
2
6
Horas atencin a estudiantes:
Horas trabajo autnomo:
2
48
Fecha de Inicio:
Fecha de Finalizacin:
19/10/2013
22/02/2014
Prerrequisitos:
Anlisis y Diseo de Software Educativo.
La programacin y su aplicacin en la educacin
Correquisitos:
Bases Psicopedaggicas para el desarrollo de Software Educativo.
2.- JUSTIFICACION DE LA ASIGNATURA
Un software diseado para introducir y capacitar en el tema de planificacin
estratgica, la cual consiste en una poderosa herramienta que favorece el
desarrollo educativo, en cuanto permite crear y desarrollar nuevas realidades
educativas de acuerdo a las necesidades de la organizacin.
El software que se presenta consta de tres unidades, los que, mediante
diferentes situaciones de carcter ldico entrega al estudiante los contenidos
y ejercicios necesarios para poder comprender en forma simple el proceso de
planificacin y as poder implementarlo posteriormente al interior de su
propia organizacin educativa.
El software educativo proporciona conocimientos y herramientas relacionadas

con la introduccin de todas las nuevas tecnologas, relacionadas en el
entorno del software e internet, que se realizan en el mbito de la educacin.
La intencin es de lograr que el alumno conozca, sepa aplicar y evaluar las
tecnologas actuales de la comunicacin e informacin en el desarrollo de
programas formativos, teniendo en cuenta la especificidad de sus intereses
profesionales dentro del sector de la Educacin.
3.- OPERACIONALIZACION DE LA ASIGNATURA CON RESPECTO A LAS

COMPETENCIAS DEL PERFIL PROFESIONAL
3.1 Objeto de estudio de la asignatura
Al trmino del mdulo de software educativo se centrara en la generacin
de habilidades necesarias para el manejo de las TIC y su integracin como
un recurso didctico en el aula. Al ser un mdulo eminentemente prctico,
permitir elaborar proyectos de aprendizajes y materiales utilizando las TIC
como recurso.
3.2 Competencia de la asignatura
a) Adquiere conocimientos, habilidades, estrategias, y herramientas que
permitan integrar recursos informticos a la educacin.
b) Analiza
crticamente
las
posibilidades
limitaciones
de
las
tecnologas de la informacin y comunicacin, basadas en software y

software libre, en el mbito educativo.
c) Integra recursos tecnolgicos en la enseanza y en la gestin
educativa.
d) Conoce experiencias de xito en el uso del software educativo
aplicado en la educacin.
3.3 Relacin de la asignatura con los resultados de aprendizaje
N
RESULTADOS DEL APRENDIZAJE
CONTRIBUCION
(alta, media, baja)
CRITERIOS DE EVALUACIN
Los estudiantes debe:
Conocer la utilidad de este

programa basado en el estudio
de un Software Educativo, y
sus caractersticas generales.
Alta
Construye Cuadro de Contraste de

fundamentos y caractersticas de tipos
de software educativo.
II
Asimila
los
conceptos
detalladamente de cada una
de las caractersticas que
posee un software y realizar
las
actividades
para
la
unificacin de instrucciones.
Alta
Selecciona elementos del software

educativo en el proceso enseanza
aprendizaje para su aplicacin en la
educacin informtica, fundamentado
en la prctica.
III
Construye
destrezas con
criterio de desempeo en la
educacin a la informtica,
para
aplicar
procesos
didcticos
alternativos
fundamentados en la teora
crtica
Media
Sustenta propuestas de destrezas con

criterio de desempeo en las tres fases
del diseo de software educativo.
IV
Capacidad
de
disear,
y
aplicar los tipos de software
educativo en el desarrollo de
clases en educacin a la
informtica
Media
Diseo y aplicacin de mini proyectos

de software educativos.
Aprende detalladamente las

fases del diseo de software
educativo con los respectivos
anlisis y fines educativos del
proceso
de
enseanza
aprendizaje en la prctica
docente
de
docencia
en
informtica.
Alta
Relaciona los diferentes tipos de fases

con otras reas del conocimiento.
4.- PROGRAMA DE ACTIVIDADES:

Comprende el listado del contenido o programa del curso, indicando:
4.1 Estructura de la asignatura por unidades:
UNIDAD
I
QUE ES SOFTWARE
EDUCATIVO
COMPETENCIAS
Describe
los
conceptos
bsicos
que integran
la
accin educativa a
nivel
general
y
operativo.
RESULTADOS DE
APRENDIZAJE
Conoce la utilidad de este
programa
basado
en
el
estudio de un Software
Educativo,
y
sus
caractersticas generales.
II
QUE ES
PHOTOSHOP
III
QU ES ADOBE
FLASH?
Identifica y selecciona
las herramientas que
tienen
significacin
en su contexto y los
fortalece
en
el
proceso educativo con
la prctica.
Asimila los conceptos de los

distintos temas que abarca
este captulo y realizar las
actividades para la
integracin de
conocimientos
Manejo de conceptos
para la animacin,
empleo
de
herramientas
para
dibujo, texto y color.
Manipulacin de las
libreras y paneles de
efectos. Uso de la
lnea de tiempo y
fotogramas claves.
Elaborar
contenidos
interactivos para sus pginas
web
y
dispositivos
inalmbricos de texto a
travs
de
las
nuevas
opciones de dibujo o la
integracin con programas
como Photoshop.
4.2 Estructura detallada por temas:

Fechas
Octubre
2013
19
Octubre
2013
26
Resultados
de
aprendizaje
de la asignatura
(Lo que se espera
lograr al final de la
imparticin de la
asignatura)
Contenidos
Estrategias de aprendizaje
(Unidades, captulos/
(En el aula, laboratorio,
Subcaptulos
de
la prcticas,
pasantas,
asignatura.
Deben
estar prcticas pre profesionales;
relacionados
con
los investigacin formativa y
objetivos Educacionales y los vinculacin)
R.A.)
Conocer la utilidad
de este programa
basado en el estudio
de un Software
Educativo, y sus
caractersticas
generales.
1.
QUE
ES
EDUCATIVO.
Asimilar los
conceptos
detalladamente de
cada una de las
caractersticas que
posee Photoshop y
Dedicacin
en
horas
semanales
(Tiempo que el profesor y
estudiante dedican a cada
contenido)
SOFTWARE
1.1 CONCEPTO
1.2 CLASIFICACIN
1.3 UTILIZACIN PEDAGGICA
PAQUETES BSICOS.
1.4 CATALIZADOR DE
APRENDIZAJE: AMBIENTE DE
EXPLORACIN.
1.5 PROGRAMAS
COMPUTACIONALES COMO
AUXILIARES PEDAGGICO.
1.6 PROGRAMAS EMPLEADOS
PARA LA INICIACIN A LA
INFORMTICA.
1.7 ENCICLOPEDIAS Y
TUTORIALES
1.8 LAS ENCICLOPEDIAS.
1.9 LOS TUTORIALES.
Encuadre: La propuesta del

trabajo consiste en realizar
un estudio completo del
tema, con
empaque en
conocer todo acerca del
software educativo y poder
trabajar, con programas
empleados
para
la
iniciacin a la informtica.
Trabajo autnomo, con

obligacin de presentar un
reporte.
2. QUE ES PHOTOSHOP
2. INTRODUCCIN A
PHOTOSHOP
2.1 TIPOS DE GRAFICOS
2.2 MODELOS Y MODOS DE
Demostracin
de
su
utilidad
Conocer el funcionamiento
Noviemb
re
2013
2-9- 1623-30
realizar las
actividades para la
unificacin de
instrucciones.
COLO
2.3 EL ENTORNO DE
PHOTOSHOP CS (II)
2.4 LA BARRA DE OPCIONES DE
HERRAMIENTAS
2.5 EMPEZANDO A TRABAJAR
EN PHOTOSHOP
2.6 HERRAMIENTAS DE
SELECCIN
2.7 LAS CAPAS
2.8 HERRAMIENTA BOTE DE
PINTURA
2.10 HERRAMIENTA CUENTA
GOTA
2.11HERRAMIENTA ZOOM
2.12HERRAMIENTA MANO
2.13HERRAMIENTA PINCEL
2.14HERRAMIENTA BORRADOR
2.15 HERRAMIENTA BORRADOR
MAGICO
2.16 HERRAMIENTA BORRADOR
DE FONDOS
2.17 HERRAMIENTA PINCEL
CORRECTOR
2.18 HERRAMIENTA PARCHE
2.19 HERRAMIENTA TAMPON DE
CLONAR
2.20 HERRAMIENTA TAMPON DE
MOTIVO
2.21 HERRAMIENTA
SOBREEXPONER Y SUBEXPONER
2.22 HERRAMIENTA ESPONJA
2.23 LOS TRAZADOS
2.24 LA HERRAMIENTA PLUMA
2.25 HERRAMIENTA PLUMA DE
de cada caracterstica y su
necesidad
de
otros
elementos, sabiendo que
estos trabajan en conjunto
para lograr esa solucin,
que es el objetivo esperado.
Planteamiento de preguntas
e inquietudes.
Bsqueda de informacin
en pginas web y en el
texto
acerca
de
las
caractersticas y manejo de
Photoshop.
Socializacin
heurstica,
Ejercicios de Aplicacin.
Elaboracin del portafolio.
25
FORMA LIBRE
2.26 HERRAMIENTA AADIR
PUNTO DE ANCLA
2.27 HERRAMIENTA ELIMINAR
PUNTO DE ANCLA
2.28 HERRAMIENTA CONVERTIR
PUNTO DE ANCLA
2.29 HERRAMIENTAS DE FORMA
2.30HERRAMIENTAS DE TEXTO
2.31 APLICAR TEXTO DE
PARRAFO
2.32 HERRAMIENTA MASCARA
DE TEXTO HORIZONTAL O
VERTICAL
Diciembr
e 2013
7-14
Construye
destrezas con
criterio de
desempeo en la
educacin a la
informtica, para
aplicar procesos
didcticos
alternativos
fundamentados en
la teora crtica con
la aplicacin de
adobe flash.
3.
ADOBE
ACTION
FLASH
CON
10
3. QU ES ADOBE FLASH?
3.1 LA INTERFAZ DE FLASH
3.2 SOBRE LOS GRFICOS EN
FLASH
3.3 USO DE CAPAS
3.4 TRABAJO CON COLOR
3.5 ENTENDER LA LNEA DE
TIEMPO
3.6 CREAR UNA
INTERPOLACIN DE FORMA
3.7 ANIMACIONES SEGN
TRAYECTORIAS
3.8 LOS SMBOLOS Y SUS
INSTANCIAS
3.9 CREAR SMBOLOS GRFICOS
ANIMADOS
3.10 LA BIBLIOTECA
3.11 CUADROS DE TEXTO
Trabajar en grupo de dos

personas,
utilizando
la
prctica realizada en clase.
Presentacin
grupal.
del
trabajo
Elaboracin del Portafolio.
ESTTICO
10
20
Diciembr
e 2013
21-28
Enero
2014
4-11-1825
Febrero
2014
1-8-15
3.12 CLIPS DE PELCULA

3.13 BOTONES
3.14 LENGUAJE ACTIONSCRIPT
3.15 PROGRAMAR ACCIONES
PARA UN BOTN
3.16 CONTROL DE LA
REPRODUCCIN DE CLIP DE
PELCULA
3.17 OTROS EVENTOS DE
RATN
3.18 INCLUIR SONIDOS EN LOS
BOTONES
3.19 INSERTAR FOTOGRAMAS
EN LA PELCULA
3.20 INSERCIN Y CONTROL

DEL SONIDO
3.21 RESUMEN DEL LEGUAJE
ACTION SCRIPT
15
3.22 QU SON LOS

COMPONENTES
Febrero
2014
22
Realizar
retroalimentacin de
los
temas
estudiados durante
el
proceso
de
aprendizaje
y
la
identificacin de los
problemas
ms
comunes
de
aprendizaje
para
solucionarlos.
EVALUACIN
Presentacin final.
Retroalimentacin
entre Presentacin del portafolio.
alumno y profesor sobre el Evaluacin prctica.
progreso del alumno durante
el proceso de aprendizaje
5.- METODOLOGIA: (ENFOQUE METODOLOGICO)

Se desarrollarn actividades tericas y prcticas, promoviendo el anlisis,
teniendo en cuenta la comprensin de los contenidos para la
estructuracin de dicho software. Se utilizarn los siguientes mtodos y
tcnicas.
MTODO
TEORA
Trabajo en equipo
De problemas
Estudio dirigido
Descubrimiento
PRCTICA
Prcticas dirigidas
Prctica calificada
TCNICAS
Lluvia de ideas, talleres, trabajos grupales.
RECURSOS TECNOLGICOS:
Proyector de imagen, computadora, videos, diapositivas.

Laboratorio de cmputo.
Marcadores, pizarra acrlica.
6.- COMPONENTE INVESTIGATIVO DE LA ASIGNATURA:

Investigacin - accin
7. PORTAFOLIO DE LA ASIGNATURA
Como evidencia del trabajo en el aula y contribucin de los estudiantes
contendr:
Cartula
ndice
Parte introductoria
que
detalle los puntos principales de la
asignatura estudiada, la orientacin y los resultados
Documentos, guas, recibidos en el desarrollo de la asignatura
Estrategias didcticas utilizadas en el aula
Aportes de los alumnos, en cuanto a tareas, elaboracin de temas,

informes
Temas de consulta y que han sido realizados por los alumnos
Comentarios finales
sobresalientes
las
actividades
de
los
contenidos
8. EVALUACIN
Es un elemento paralelo al proceso de formacin y desarrollo de los
contenidos de la asignatura.
No.Ord.
PARMETRO
DE
EVALUACIN
DE PUNTAJE
PROCESO
01
Pruebas parciales
02
Presentacin de informes
03
Investigacin bibliogrfica y de campo
04
Participacin en clase
05
Trabajo autnomo
Subtotal
Examen Final
Nota Final
10
9. BIBLIOGRAFA
9.1. BIBLIOGRAFA BSICA:
lvaro H. Galvis Panqueva; 2001; Ingeniera De Software Educativo.
Wikipedia; la Enciclopedia Libre
DINACASTELL Escuer, Tomo; Actividades en jclic.
ABIZANDA Martnez; Desarrollo de actividades educativas
MRQUEZ, Pedro, Ingeniera de software educativo. Barcelona 1995.
9.2. PAGINAS WEB (WEBGRAFIA)
http://www.xtec.es/recursos/clic/jclic/index_esp.htm
http://www.colegio-jaimebalmes.com/clic/
10. DATOS DEL O LOS DOCENTES:

NOMBRE:
DOMICILIO:
DIRECCIN:
TELFONO:
Email:
CATEGORA DOCENTE:
DEDICACIN:
CARGO ACTUAL:
Tito Javier Polo Cacao.

Puerto Bolvar.
Pichincha/Bolvar y Sucre
0991590701
Digital.comp1@gmail.com
Profesor Principal Universidad de Machala.
Medio Tiempo
Docente de la Facultad de Ciencias Sociales.
Fecha de aprobacin del syllabus por el organismo competente:
Machala, 19 de Octubre del 2013.
Ing. TITO POLO CACAO, Mg.Sc

DOCENTE
3
Portafolio- Software Educativo
19 de Octubre de 13
En la primera sesin el profesor nos dio la bienvenida a este nuevo
semestre y nos explic las herramientas que bamos a utilizar como
Photoshop y Flash, tambin nos dio el encuadre de los puntos que va a
calificar
ENCUADRE
Practicas
Talleres Extras
Pruebas Unidades
Portafolio
Trabajo Final
Examen
Total
Photoshop CS5
Docencia en Informtica
10
Flash Cs4
Germn Mndez Jordn
4
26 de Octubre de 13
Photoshop
Photoshop, creado por adobe systems, es una de las herramientas software
para el tratamiento de imagen ms potente hoy en da.
Germn Mndez Jordn
5
Herramientas
Paneles
rea de trabajo
Interfaz de photosho
Herramientas
MARCO RECTANGULAR
MOVER
LAZO
VARITA MAGICA
RECORTAR
SECTOR
PINCEL CORRECTOR
LAPIZ
TAMPON DE CLONAR
PINCEL DE HISTORIA
BORRADOR
DEGRADADO
DESENFOCAR
SOBREEXPONER
SELECCIN DE TRAZADO
TEXTO HORIZONTAL
PLUMA
FORMA PERSONALIZADA
NOTAS
CUENTA GOTAS
MANO
ZOOM
COLOR FRONTAL
COLOR DE FONDO
EDITAR EN MODO ESTANDAR
EDITAR EN MODO MASCARA RAPIDA
MODO PANTALLA ESTANDAR
MODO DE PANTALLA ENTERA
EDITAR EN IMAGE READY
MODO DE PANTALLA ENTERA CON BARRA DE MENU
Germn Mndez Jordn
6
Para abrir un nuevo lienzo damos clic en Archivo Nuevo.

En la nueva ventata que nos pararece podemos modificar la Anchura y
altura y simpre vamos a trabajar con pixeles y resolucin de 72 pp y
cuando ya este listo damos clic en el botn Ok.
Germn Mndez Jordn
7
Para guardar el archivo que creamos, damosclic en Archivo Guardar

(Ctrl+S) o Guardar como (Mayus+Ctrl+S).
En la isguiente ventana de Guardo como le podemos modificar el nombre

del archivo, en formato lo podemos dejar como viene predertiminado en
PSD, PDD es el formato para poder modificarlo si se requiere en photoshop,
tambien hay otros formatos como JPEG, PNG GIF,etc, tambin podemos
elegir la ruta donde se va a guardar y una ves modificado damos clic en el
botn Guardar.
Germn Mndez Jordn
8
Herramienta Lazo Magntico
Utilizamos la herramienta lazo magntico para seleccionar solo lo que
deseamos de un imagen y poder copiarla en nuestro nuevo lienzo y para
hacer ms pequea hacemos combinaciones de teclas Ctrl +T y reducimos
el tamao y damos Enter para confirmar el tamao.
Ctrl + T
Germn Mndez Jordn
9
Ejercicios en Clase
Herramienta Lazo Poligonal

Con esta herramienta seleccionamos el rea que vamos a modificar y
utilizamos el bote de pintura para cambiar el color deseado.
Germn Mndez Jordn
10
9 de Noviembre de 13
Para cambiar de color a blanco y negro.

Copiamos la imagen con la herramienta marco rectangular
Germn Mndez Jordn
11
Damos clic en la herramienta marco elptico
Nos aparece la siguiente ventana para cambiar el brillo o el contraste
Para seleccionar solo la parte que queremos damos clic en seleccin y luego
en invertir.
Germn Mndez Jordn
12
Con la herramienta degradado

Podemos aadir otro bote de pintura dando clic donde queremos el bote de
pintura.
Germn Mndez Jordn
13
Damos doble clic en el bote de pintura
Nos ponemos en la capa de fondo y arrastramos hasta donde queremos
Luego seleccionamos la herramienta marco elptico y en desv ponemos 20,

seleccionamos la imagen, la copiamos y pegamos.
Germn Mndez Jordn
14
Varita mgica
Seleccionar partes de la imagen cuando est habilitada la opcin aadir
seleccin
Damos clic en la herramienta barita mgica y seleccionamos la parte de la
imagen que queremos copiar el color.
Seleccionamos la herramienta Cuentagotas y damos clic al color que

queremos copiar, luego damos clic en la herramienta bote de pintura.
HERRAMIENTA TAPN CLONAR
Germn Mndez Jordn
15
Seleccionamos la herramienta Tapon clonar

Mantenemos presionada la tecla Alt para seleccionar lo que quiero copiar y
suelto para ya copiar
Germn Mndez Jordn
16
16 de Noviembre de13
Herramienta Forma personalizada
Damos clic en formas
Para poner las flores

Damos clic en Herramienta pincel
Germn Mndez Jordn
17
Herramienta Pluma
La herramienta Seleccin Directa para modificar los puntos creados.
Germn Mndez Jordn
18
23 DE NOVIEMBRE de 2013
Utilizamos la herramienta Texto y estilos para el fondo de nuestra imagen.
Para poder utilizar la herramienta degrado en el texto debemos a la capa de

texto dar clic derecho y damos clic en Seleccionar Pixeles, despus clic
derecho y clic en rastrerizar texto.
Y ya podemos utilizar la herramienta degradado.
Germn Mndez Jordn
19
Ejercicios en clase
Utlizamos la herramienta Dedo para darle un efecto de borrado o disluido.

Primero utilizamos la herramienta texto y a esa capa la rastrerizamos y asi
podemos utilizar la herramienta antes mencionada.
30 DE NOVIEMBRE de 2013
En esta sesin empezamos la segunda Unidad, vamos a utilizar la
herramienta Flash de Adobe System.
Germn Mndez Jordn
20
Interfaz de adobe Flash cs4
Germn Mndez Jordn
21
Para comenzar un nuevo proyecto damos clic en archivo nuevo nos

aparece una ventana de nuevo documento y seleccionamos la segunda
opcin archivo de flash (as 2.0) y damos clic en el botn aceptar.
Interfaz del nuevo documento
Germn Mndez Jordn
22
Fotograma clave para cambiar de posicin del os objetos.

Fotograma es parte de una escena y una escena es parte de una pelcula.
Herramientas muy parecidas a la de Photoshop.
Utilizamos la herramienta Rectngulo y color trazo
Germn Mndez Jordn
23
Germn Mndez Jordn
24
Cambiamos de color.
Clic derecho ---- propiedades del documento
Germn Mndez Jordn
25
Para poder modificar las dimensiones del documento como anchura y

altura.
Ejercicio Semforo
Germn Mndez Jordn
26
En la primera capa un ovalo sin trazo
En la Segunda capa un ovalo sin trazo
Germn Mndez Jordn
27
En la tercera capa un ovalo sin trazo.
Cambiamos nombre a las capas
Germn Mndez Jordn
28
En la primera capa Seleccionamos hasta el 10 y damos clic derecho para
agregar un fotograma clave.
Y en ese punto le cambiamos de color.
Germn Mndez Jordn
29
En la segunda capa Seleccionamos hasta el 11 y damos clic derecho para

agregar un fotograma clave, y le cambiamos de color amarillo.
Germn Mndez Jordn
30
En la tercera capa Seleccionamos hasta el 12 y damos clic derecho para

agregar un fotograma clave y en ese punto cambiamos de color a rojo.
Germn Mndez Jordn
31
En la segunda capa Seleccionamos la onceava seccin de fotogramas y
damos clic derecho para agregar un fotograma clave. Y cambiamos de color
de amarillo a negro y el primero tambin.
Germn Mndez Jordn
32
Germn Mndez Jordn
33
Para reproducir presionamos control +enter

Importar una imagen psd de Photoshop
Germn Mndez Jordn
34
Germn Mndez Jordn
35
7 de diciembre de 2013
Gua de movimiento
Smbolos
1. grficos
2. clip de pelcula
3. botones
Presionamos F8 y seleccionamos grfico
Germn Mndez Jordn
36
Lo seleccionamos y podemos ver sus propiedades

Ejemplo
Convertimos a grafico
Germn Mndez Jordn
37
Seleccionamos la capa 1 y clic derecho aadimos gua de movimiento
Con la herramienta lpiz y dibujamos en la capa de la gua de movimiento

Germn Mndez Jordn
38
Seleccionamos en la zona de fotogramas hasta el 80 y damos clic derecho

para agregar un fotograma clave y en ese punto pasamos la imagen
recorriendo la lnea.
Germn Mndez Jordn
39
Realizado los pasos anteriores en los primeros fotogramas damos clic
derecho y luego clic en Crear interpolacin clsica,
Para reproducir Ctrl + Enter
Germn Mndez Jordn
40
28 de diciembre de 2013
SENTENCIAS STOP, PLAY, GOTOANDPLAY,GOTOANDSTOP.
Creamos otra capa y el fotograma 35 creamos un fotograma clave
Luego damos clic derecho en el fotograma clave.
Escribimos stop( )
Germn Mndez Jordn
41
Para crear instancias
Selecciono el botn
Clic derecho
Acciones
Germn Mndez Jordn
42
04 de Enero de 2014
Propiedad Alpha, Sentencia On(roll Over), On(rollOut), Sonidos
Nombre._alpha=100
Para darle visibilidad a un objeto
Nombre._alpha=0
Mapa de la regin costa

Cortamos en Phothoshop la imagen dada por el profesor
En una capa vaca nos vamos a acciones
Germn Mndez Jordn
43
En el fotograma 30 insertamos fotograma clave

E insertamos una accion
Germn Mndez Jordn
44
Germn Mndez Jordn
45
Germn Mndez Jordn
46
Germn Mndez Jordn
47
Germn Mndez Jordn
48
Germn Mndez Jordn
49
Germn Mndez Jordn
50
Creamos otra capa
Germn Mndez Jordn
51
Damos doble clic izquierdo

Creamos otra capa
En la capa 1 ponemos el texto
Germn Mndez Jordn
52
Ponemos dos botones el play y el stop
En la capa de acciones en el fotograma 1 ponemos:
En el fotograma 2 creamos fotgrama clave y ponemos la msica

Germn Mndez Jordn
53
En el fotograma 3 ponemos
En el botn de play ponemos
En el botn stop ponemos

Germn Mndez Jordn
54
Germn Mndez Jordn
55
11 de enero de 2014
If, if anidadas, Start Drag, Stop Dray
Germn Mndez Jordn
56
En el botn d borrar
Germn Mndez Jordn
57
Germn Mndez Jordn
58
18 de enero de 2014
ESTRUCTURA SELECTIVA
En los text en las propiedades ponemos Introduccin de texto.

Luego en cada text en Incorporacin de caracteres ponemos:
Damos clic derecho en el botn Ver Orden.
Germn Mndez Jordn
59
Codificamos lo siguiente:
Germn Mndez Jordn
60
StarDrag=>Inicio de arrastre
StopDrag=> fin de arrastre
Hacemos clic de pelicula:
Tallo y raiz
Textos
Le ponemos nombre de instancia.
Germn Mndez Jordn
61
Accion en el text de la hoja
Germn Mndez Jordn
62
25 de Enero de 2014
Accin de cada botn
Germn Mndez Jordn
63
Germn Mndez Jordn
64
Ejecutado
Arrastramos la palabra hoja a la hoja y nos da un mensaje de correcto y nos

suma un acierto
Si arrastramos Tallo a la raz nos va aparecer un mensaje de incorrecto y no

sumara nada en aciertos
Germn Mndez Jordn
65
Si colocamos todas las palabras en las partes correcta de la planta nos va a

sumar los 3 aciertos y un mensaje de Lo hiciste bien terminaste la
actividad
Germn Mndez Jordn
66
1 de Febrero de 2014
Escenas
Abrimos un proyecto normal he ingresamos algunos objetos
Agregamos las escenas necesarias para nuestro proyecto que estamos

realizando
Damos clic en insertar Escena
Germn Mndez Jordn
67
Escena 2
Escena 3
Germn Mndez Jordn
68
Escena 4
Llamamos a cada escena con el siguiente cdigo
Germn Mndez Jordn
69
Aqu cambiamos el nmero de la escena
Germn Mndez Jordn
70
Tareas
Extra Clase
Germn Mndez Jordn
71
Todas las tareas se han enviado a Edmodo para su revisin.
ACTIVIDADES No. 1
1. Escriba una definicin de Photoshop.
Es una de las herramientas software para el tratamiento de imagen
ms potente hoy en da.Photoshop est principalmente orientado a
tratar y manipular imgenes, o bien creadas por otros programas, o
digitalizadas por un escner o mquina fotogrfica.
2. Para qu sirve el Explorador de Archivos?
Te permite navegar por tus carpetas y organizar tus imgenes de
forma ms eficiente, pudiendo aadir informacin sobre la imagen
(llamada meta datos) como: su autor, una breve descripcin o incluso
darle un ttulo, adems de otro tipo de datos tcnicos y sobre
derechos de autor.
3. Qu es una imagen de Mapa de Bits?
Llamadas tambin imgenes rasterizadas, son imgenes similares a
grandes mallas formadas por pequeos cuadros denominados
PIXELES. Estas imgenes pueden representar degradados sutiles de
Germn Mndez Jordn
72
sombras y color, generalmente utilizados para las imgenes de tono
continuo, como fotografas y pinturas digitales.
4. Qu es un Grfico Vectorial?
Estn compuestos por lneas y curvas definidas por objetos
matemticos llamados vectores. Este tipo de grfico no depende de
la resolucin, es decir que se podra ver de cualquier tamao y este
no perdera su claridad y nitidez en pantalla o al imprimirse.
5. Qu se entiende por Resolucin de una Imagen?
La resolucin en trminos informticos es el nivel de detalle que
puede alcanzar una imagen, el monitor, la impresora o una tarjeta
grfica. Para trabajar con imgenes es necesario definir ciertos
conceptos sobre cmo medir la resolucin.
6. Que significado tienen las siglas:
PPI Pixeles por Pulgadas
DPI Puntos por Pulgadas
HSB Tono Saturacin Brillo
RGB Rojo Verde Azul
CMYK Cyan Magenta Amarillo Negro
7. Cul es el tamao mximo para una imagen en Photoshop?
Photoshop admite archivos de hasta 2 GB
8. Cul es la resolucin mxima para una imagen en Photoshop?
Una resolucin en pixeles hasta de 30000 x 30000 pixeles por
imagen
9. Que valores deben tener los colores RGB para producir el
color blanco y el color negro?
10.
Para el Blanco: R 255
G 255 B 255
Para el Negro: R0 G 0
B0
11. Con cuantos bits se debe trabajar en el modo RGB para

disear pginas Web.
Germn Mndez Jordn
73
Con 24 bits
12. Qu modo de color se debe utilizar para hacer diseos para
impresin de folletos, revistas, etc.
Modo CMYK
13. Cul es la resolucin recomendada para trabajar en
Photoshop en la mayora de monitores?
La resolucin del monitor depender de su tamao y configuracin
de los pixeles, la mayora de monitores PC compatibles tienen una
resolucin de 96 dpi.
14. Cul es la extensin de los archivos de Photoshop?

La extensin es PSD
15. Cul es la resolucin recomendada para hacer diseos para
impresora en Photoshop?
Se refiere a los puntos de tinta por pulgadas (dpi) que generan las
impresoras tipo lser, las cuales manejan alrededor de 600 dpi. Las
impresoras de chorro de tinta tienen una resolucin que est entre
los 300 y 600 dpi.
16. Qu sucede si a un archivo hecho en Photoshop se lo
guarda con formato JPG?
Si se graba como JPG ya no se podr realizar ningn cambio.
17. Qu tareas realizan las siguientes teclas en las imgenes
seleccionadas?
SHIFT Seleccionar Marco
ALT Duplicado
SHIFT + ALT Sirven para cambiar de tamao una imagen sin
deformarla a partir del centro de la imagen.
CTRL + D Deseleccionar
18. Cul es el nombre de los siguientes iconos?
Germn Mndez Jordn
74
Marco Elptico
Varita Mgica
Lazo Poligonal
Selector de colores
Color Fondo
Color Frontal
Mover
ACTIVIDADES No. 2
1. Qu es una Capa?
Capa son los niveles en donde su ubican las imgenes, parecidas a
los acetatos que se realizan para realizar dibujos animados
2. Explique cmo se copia una capa utilizando la tecla ALT.
Seleccionado primero la imagen que va a copiar por medio de
cualquiera de las herramientas de seleccin, luego presione la tecla
Alt y sin soltar la tecla haga clic sostenido sobre la capa seleccionada
y arrastre hasta la ubicacin deseada.
3. Qu
tareas
se
TRANSFORMACIN?
pueden
realizar
con
el
comando
Si el tamao de una imagen no es el adecuado para el trabajo o no se

ajusta a su lienzo, esta puede ser cambiada utilizando el comando
TRANSFORMACIN, con el cual se puede escalar, ampliar, reducir,
rotar, sesgar, distorsionar y/o aplicarle perspectiva a la imagen.
4. Con qu teclas se puede cambiar el tamao de una imagen?
Ctrl + T
Germn Mndez Jordn
75
5. Para qu sirve la herramienta Bote de Pintura?
Esta herramienta rellena los pixeles adyacentes, que tienen valores
de color similar y aplica el color frontal con motivo.
6. Para qu sirve la herramienta Degradado?
Esta herramienta sirve para crear una fusin gradual entre varios
colores. Puede seleccionar rellenos de degradado preestablecidos o
crear sus propios modelos.
7. Mencione cuales son las formas de degradado.

Las formas de degradado son: Degradado Lineal, Degradado radial,
Degradado de ngulo, Degradado reflejado y Degradado de
Diamante.
8. Para qu sirve el editor de degradado?
Este cuadro de dilogo permite definir un nuevo degradado
modificando una copia de uno existente. Se puede tambin aadir
colores intermedios a un degradado, creando una fusin entre ms
de dos colores.
9. Cmo se aaden niveles de color intermedio a un degradado?

En el editor de degradado, se debe presionar debajo de la barra de
degradado para definir otro nivel de color.
10.
Cmo se elimina un nivel de color a un degradado?
Para eliminar un nivel de color, hay que seleccionarlo y presionar

luego el botn eliminar o presionar el nivel de color y arrastrarlo
hacia fuera o adentro de la barra de degradado.
11.
Para qu sirve la herramienta cuenta gotas?
Esta herramienta permite asignar un nuevo color frontal o de fondo,

solo con tomar muestras de color. Esta muestra puede ser tomada de
cualquier capa o de las paletas que manejen colores.
12.
Escriba el nombre de las siguientes herramientas.
Germn Mndez Jordn
76
Cuentas Gotas
Degradado
Bote de pintura
Germn Mndez Jordn
77
Germn Mndez Jordn
78
Germn Mndez Jordn
79
Germn Mndez Jordn
80
Germn Mndez Jordn
81
Germn Mndez Jordn
82
Germn Mndez Jordn
83
Germn Mndez Jordn
84
Germn Mndez Jordn
85
Para importar un video
Damos clic en ArchivoImportarImportar Video
Damos clic en el botn Examinar y buscamos la ruta donde se encuentra el

video
Germn Mndez Jordn
86
Lo seleccionamos y damos cli en el botn Abrir
Germn Mndez Jordn
87
Podemos elegir una interfaz a nuestro gusto y luego damos clic en el botn
Siguiente
En este paso solo damos clic en el botn Finalizar
Germn Mndez Jordn
88
Aqu esta nuestro video podemos agregar ms detalles como ttulos,

objetos para decorar nuestro trabajo.
Una vez ejecutado puedes poner en pausa, play, stop, subir y bajar el
volumen.
Germn Mndez Jordn

Software Educativo

Caricato da

Informazioni sul documento

Titolo originale

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Software Educativo

Caricato da

Copyright:

Formati disponibili

DOCENCIA EN INFORMTICA

UNIVERSIDAD TCNICA DE MACHALA

El software educativo proporciona conocimientos y herramientas relacionadas

3.- OPERACIONALIZACION DE LA ASIGNATURA CON RESPECTO A LAS

tecnologas de la informacin y comunicacin, basadas en software y

RESULTADOS DEL APRENDIZAJE

Conocer la utilidad de este

Construye Cuadro de Contraste de

Selecciona elementos del software

Sustenta propuestas de destrezas con

Diseo y aplicacin de mini proyectos

Aprende detalladamente las

Relaciona los diferentes tipos de fases

4.- PROGRAMA DE ACTIVIDADES:

Asimila los conceptos de los

4.2 Estructura detallada por temas:

Encuadre: La propuesta del

Trabajo autnomo, con

Trabajar en grupo de dos

Elaboracin del Portafolio.

3.12 CLIPS DE PELCULA

3.20 INSERCIN Y CONTROL

3.22 QU SON LOS

5.- METODOLOGIA: (ENFOQUE METODOLOGICO)

Proyector de imagen, computadora, videos, diapositivas.

6.- COMPONENTE INVESTIGATIVO DE LA ASIGNATURA:

Documentos, guas, recibidos en el desarrollo de la asignatura

Estrategias didcticas utilizadas en el aula

Aportes de los alumnos, en cuanto a tareas, elaboracin de temas,

Temas de consulta y que han sido realizados por los alumnos

Investigacin bibliogrfica y de campo

lvaro H. Galvis Panqueva; 2001; Ingeniera De Software Educativo.

Wikipedia; la Enciclopedia Libre

DINACASTELL Escuer, Tomo; Actividades en jclic.

ABIZANDA Martnez; Desarrollo de actividades educativas

MRQUEZ, Pedro, Ingeniera de software educativo. Barcelona 1995.

9.2. PAGINAS WEB (WEBGRAFIA)

10. DATOS DEL O LOS DOCENTES:

Tito Javier Polo Cacao.

Fecha de aprobacin del syllabus por el organismo competente:

Machala, 19 de Octubre del 2013.

Ing. TITO POLO CACAO, Mg.Sc

Germn Mndez Jordn

Germn Mndez Jordn

EDITAR EN MODO ESTANDAR

EDITAR EN MODO MASCARA RAPIDA

MODO PANTALLA ESTANDAR

MODO DE PANTALLA ENTERA

EDITAR EN IMAGE READY

MODO DE PANTALLA ENTERA CON BARRA DE MENU

Germn Mndez Jordn

Para abrir un nuevo lienzo damos clic en Archivo Nuevo.

Germn Mndez Jordn

Para guardar el archivo que creamos, damosclic en Archivo Guardar

En la isguiente ventana de Guardo como le podemos modificar el nombre

Germn Mndez Jordn

Germn Mndez Jordn

Herramienta Lazo Poligonal

Germn Mndez Jordn

Para cambiar de color a blanco y negro.

Germn Mndez Jordn

Damos clic en la herramienta marco elptico

Nos aparece la siguiente ventana para cambiar el brillo o el contraste