Mediación y estrategias con el uso y apropiación de Tic

1. LAS TIC EN LA EDUCACIÓN
Universidad de La Guajira.
Mediación y estrategias con el uso y apropiación de Tic.
Ing. de Sistemas. Oscar E. Gómez Rivadeneira.
Comics Educativos.

2. INTRODUCCIÓN
 Con el uso didáctico de las tic en la educación
encontramos nuevas alternativas educativas, la
posibilidad de crear nuevos recursos es muy amplia, y
dentro de esta gama de opciones se encuentra la web
pixton.com, la cual ofrece la posibilidad de crear
comics con excelente calidad de imagen. En este
trabajo se observara una muestra del potencial de esta
herramienta a niveles educativos.

3. JUSTIFICACIÓN
La importancia que HTML5 esta tomando en el mercado
mundial de aplicación tanto para web, como para
dispositivos móviles como iphone, ipad, ipod conllevan a la
necesidad de desarrollar este proyecto como forma
introductoria a esta nueva versión del HTML.
Este es un tema, en el cual muchos estudiantes de
ingeniería de sistemas interesados en esta línea de
programación, deben estar actualizados, y un comics como
medio de información del HTML5 brinda una forma
divertida de enterarse y de motivar a los
educandos, aprender mas sobre este lenguaje.

4. TITULO DE LA HISTORIETA

5. OBJETIVOS CONCRETOS
Difundir en un comics el lenguaje de etiquetas HTML5,
como tecnología para desarrollo de aplicaciones web y
móviles.
OBJETIVOS DEL CURSO
Informar a los estudiantes de Expresiones Graficas sobre el
lenguaje de etiquetas HTML5.

6. PÚBLICO OBJETIVO
 Este trabajo esta dirigido para cualquier persona
interesada en conocer del lenguaje HTML5.
Para este caso los estudiantes de Expresiones Graficas
del II semestre de Ingeniería de Sistemas de la
Universidad de La Guajira.

7. MEDIACIÓN PEDAGÓGICA
 Recursos tecnológicos utilizados
El comics fue desarrollado con la herramienta
pixtón.com, la presentación creada en powerpoint 2013, y
como medio de presentación slideshare.net.
 Didáctica planteada
El docente puede utilizar este comics como forma de
enseñar o guiar a los estudiantes sobre el lenguaje
HTML5. Así mismo, el estudiante debe analizar las
conversaciones y entender para que sirve y por que se ha
desarrollado HTML5.

8. MEDIACIÓN PEDAGÓGICA
 Proceso de interacción y comunicación planteada
El comics plantea unas teorías y propone unas enlaces en los
que brinda una información adicional a lo que brevemente se
observa en la conversación de las caricaturas, existe una
comunicación verbal entre personajes de la tira cómica, que
detallan el lenguaje HTML5 en su teoría básica, con el fin de
informar sobre este lenguaje.
 Descripción de las actividades a desarrollar
El estudiante debe comenzar por crear una estructura básica
del HTML5, según el material que brinda el comics que son
un video de youtube, y un manual de desarrolloweb.com.

9. TEMAS Y SUBTEMAS TRABAJADOS
 HTML 5.
 ETIQUETAS NUEVAS.
 ESTRUCTURA BASICA DEL HTML5

10. TIEMPO INVERTIDO
 Para el desarrollo de este comics el tiempo
transcurrido fueron 1 hora.

11. DESCRIPCIÓN DE LAS ESCENAS DE
LA HISTORIETA
 A continuación se explicara brevemente de que trata
cada escena, es importante mencionar que la idea de
esto es despertar dudas en el lector, e intente investigar
por su cuenta sobre los temas que son mencionados

12. 1) Comenzamos por decir, sobre
que será el tema tratado, es 2) Se menciona que es
decir HTML5 HTML5, y seguida se pregunta
por que se actualizo html, como
forma de interés al lector.
3) Se explica brevemente por
4) La conversación
que se actualizo el html a
sigue, mencionando que otros
HTML5, seguido de otra
lenguajes han sido
pregunta, que otras cosas han
actualizados. Y de nuevo se
sido actualizadas.
formula otra pregunta.

13. 6) En esta escena,
se mencionan
algunas de las
5) En esta escena, se crea un nuevas etiquetas
break para cambian de escena. del HTML5.
7) En esta escena, se ofrece una
web para que el lector
profundice a un mas, sobre
HTML5.
8) Se muestra un nuevo
personaje, para mostrar mas
dinamismo en el comics.

14. 9) Sale de escena un personaje, 9) De nuevo se generan
y se hace una recomendación, preguntas, como forma de
esperando que el lector interactuar los personajes, y se
entienda, que la idea es vuelven a mencionar las
investigar sobre HTML5. etiquetas nuevas.
10) Se ofrece el titulo de un
video youtube, para seguir
dinamizando el comics con el
9) Se habla de nuevas etiquetas, lector. Y de nuevo se expresa la
y se procede con una nueva palabra investigación, para
pregunta, como forma de recordar que lo importante es el
retener al lector, en dudas y autoestudio es estos casos.
seguir observando el comics.

15. 11) El personaje hace un
pequeño monologo, sobre la
estructura básica de HTML5.
12) El personaje muestra la
estructura básica del
HTML5, como forma de
enseñar al que esta leyendo
sobre la misma.
15) Se finaliza el
13) El personaje sigue comics, mencionando un nuevo
hablando, pero ahora menciona tema Responsive web, de igual
otro forma esperando que el lector
tema, modernizr, esperando investigue el tema y por su
despertar la curiosidad del cuenta aprenda.
lector e investigue el tema.

16. OTRO USO A DARLE A LA
HISTORIETA
 Esta puede tomarse como ejemplo para crear nuevas
opciones de enseñanza.
 Puede usarse para enseñar a programadores
principiantes en otros lenguajes de programación.

17. ORIENTACIONES BÁSICAS
 El estudiante debe tener un conocimiento previo de
html, para entender conceptos como etiquetas, y el mismo
html5.
 Cuando se utilice en clases, la idea es que a medida los
personajes mencionan url para trabajar se busquen
analicen sus contenidos y compartan lo encontrado entre
todo, luego seguir observando las siguientes escenas.
 Es importante destacar que una de las ideas del comics es
hacer que estudiante investigue por su cuenta, para esto el
docente debe guiarlo y decirlo según los personajes la
palabra investigación.

18. TIPO DE EVALUACIÓN PLANTEADA
 Este comics en lo posible busca que el educando
aprenda autoevaluación, pues según este investigue el
docente debe tener ciertas estrategias, que permitan
que el estudiante sea quien diga que valor debe tener
su calificación.

19. RECOMENDACIONES PARA
MEJORAR LA HISTORIETA
Si alguien esta interesado en mejorar o añadir este
comics bien lo puede hacer.
Agregar mas personajes, que mencionen mas temas del
diseño web.
Si es posible añadir sonido, videos, o crearla como
animación.

20. ALTERNATIVAS DE APLICABILIDAD
DE LA HISTORIETA
 Se puede usar para cual tema en especifico, todo es
según la creatividad de quien la utilice, ejemplo un
docente de medicina, puede mostrarla y enfatizar
como los personajes son auto aprendices al tomar
como iniciativa investigar sobre los temas tratados.
 Se recomienda tener en cuenta enfocarla con este
fin, de fomentar la investigación voluntaria, pero si
observan otra posibilidad bien pueden.

26. BIBLIOGRAFIA
 http://www.desarrolloweb.com
 http://www.w3schools.com/html/html5_intro.asp
 http://html5.org/
 http://dev.w3.org/html5/spec/single-page.html