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.

INTRODUCCIÓN Con el uso didáctico de las tic en la educación

encontramos nuevas alternativas educativas, laposibilidad de crear nuevos recursos es muy amplia, ydentro de esta gama de opciones se encuentra la webpixton.com, la cual ofrece la posibilidad de crearcomics con excelente calidad de imagen. En estetrabajo se observara una muestra del potencial de estaherramienta a niveles educativos.

JUSTIFICACIÓNLa importancia que HTML5 esta tomando en el mercadomundial de aplicación tanto para web, como paradispositivos móviles como iphone, ipad, ipod conllevan a lanecesidad de desarrollar este proyecto como formaintroductoria a esta nueva versión del HTML.

Este es un tema, en el cual muchos estudiantes deingeniería de sistemas interesados en esta línea deprogramación, deben estar actualizados, y un comics comomedio de información del HTML5 brinda una formadivertida de enterarse y de motivar a loseducandos, aprender mas sobre este lenguaje.

TITULO DE LA HISTORIETA

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 ellenguaje de etiquetas HTML5.

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.

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.

MEDIACIÓN PEDAGÓGICA

Proceso de interacción y comunicación planteada

El comics plantea unas teorías y propone unas enlaces en losque brinda una información adicional a lo que brevemente seobserva en la conversación de las caricaturas, existe unacomunicación verbal entre personajes de la tira cómica, quedetallan el lenguaje HTML5 en su teoría básica, con el fin deinformar 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.

TEMAS Y SUBTEMAS TRABAJADOS HTML 5.

ETIQUETAS NUEVAS.

ESTRUCTURA BASICA DEL HTML5

TIEMPO INVERTIDO Para el desarrollo de este comics el tiempo

transcurrido fueron 1 hora.

DESCRIPCIÓN DE LAS ESCENAS DE LA HISTORIETA

A continuación se explicara brevemente de que tratacada escena, es importante mencionar que la idea deesto es despertar dudas en el lector, e intente investigarpor su cuenta sobre los temas que son mencionados

1) Comenzamos por decir, sobre que será el tema tratado, es decir HTML5

2) Se menciona que es HTML5, y seguida se pregunta por que se actualizo html, como forma de interés al lector.

3) Se explica brevemente por que se actualizo el html a HTML5, seguido de otra pregunta, que otras cosas han sido actualizadas.

4) La conversación sigue, mencionando que otros lenguajes han sido actualizados. Y de nuevo se formula otra pregunta.

5) En esta escena, se crea un break para cambian de escena.

6) En esta escena, se mencionan algunas de las nuevas etiquetas 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.

9) Sale de escena un personaje, y se hace una recomendación, esperando que el lector entienda, que la idea es investigar sobre HTML5.

9) De nuevo se generan preguntas, como forma de interactuar los personajes, y se vuelven a mencionar las etiquetas nuevas.

9) Se habla de nuevas etiquetas, y se procede con una nueva pregunta, como forma de retener al lector, en dudas y seguir observando el comics.

10) Se ofrece el titulo de un video youtube, para seguir dinamizando el comics con el lector. Y de nuevo se expresa la palabra investigación, para recordar que lo importante es el autoestudio es estos casos.

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.

13) El personaje sigue hablando, pero ahora menciona otro tema, modernizr, esperando despertar la curiosidad del lector e investigue el tema.

15) Se finaliza el comics, mencionando un nuevo tema Responsive web, de igual forma esperando que el lector investigue el tema y por su cuenta aprenda.

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.

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.

TIPO DE EVALUACIÓN PLANTEADA Este comics en lo posible busca que el educando

aprenda autoevaluación, pues según este investigue eldocente debe tener ciertas estrategias, que permitanque el estudiante sea quien diga que valor debe tenersu calificación.

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.

ALTERNATIVAS DE APLICABILIDAD DE LA HISTORIETA

Se puede usar para cual tema en especifico, todo essegún la creatividad de quien la utilice, ejemplo undocente de medicina, puede mostrarla y enfatizarcomo los personajes son auto aprendices al tomarcomo iniciativa investigar sobre los temas tratados.

Se recomienda tener en cuenta enfocarla con estefin, de fomentar la investigación voluntaria, pero siobservan otra posibilidad bien pueden.

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