30/11/2012

1

“Desarrollos Desarrollos multidispositivomultidispositivoy multiplataformay multiplataforma”

Fernando Cerdán CartagenaAndrés Cabrera Lozoya

Cartagena, 29 de Noviembre de 2012

Foro Foro DigicontextDigicontext 20122012

• Introducción• IngeniaTIC Desarrollo S.L.• DINTEL• Aprendizaje basado en TIC

• Ventajas de uso de las TIC• Desafíos de la enseñanza basada en TIC• Requisitos integración TIC aulas• Otros usos de las TIC valorados en el PAP de la UE• Herramientas TIC para el aprendizaje

• La rápida evolución de las comunicaciones móviles• La evolución del mercado de dispositivos móviles• El problema de la heterogeneidad de SOs• Soluciones 2.0: HTML5, CSS3 y jQuery

• Ventajas • Inconvenientes

• Sistemas adaptados a la heterogeneidad en innovación docente: CADI• Conclusiones

Índice de contenidos

2

30/11/2012

2

• EBT participada en un 5% por la UPCT• 7 socios• Capital social de 106.000 €• Dos sedes

• Polígono Cabezo Beaza, edif. CEEIC• Parque Tecnológico de Fuente Álamo edif. CEDIT

• 3 empleados a TC• 1 doctor• 2 estudiantes de doctorado

• Actividad: Desarrollo de productos y servicios de valor añadido en el sector TIC

• No desarrollamos contenidos, pero posibilitamos que éstos sean más accesibles.

3

IngeniaTIC Desarrollo S.L.

• Excelencia: hacer las cosas bien

• Innovación:• Definición que el gobierno británico dio en el informe

“Nation Innovation”, de marzo de 2008, en la que define la innovación como “la explotación exitosa de nuevas ideas que funcionan”.

• Según el diccionario de la Real Academia Española, es la creación o modificación de un producto, y su introducción en un mercado.

• En el camino de la innovación nos encontramos con la INVESTIGACIÓN = Saber más

• Anticipación: Nuestros competidores deben ir detrás nuestro

4

Misión

30/11/2012

3

• IngeniaTIC Desarrollo S.L. nace en el seno del grupo DINTEL• Las tesis doctorales del grupo están orientadas hacia la realidad

empresarial y a la consecución de productos comerciales, con el fin de permitir la integración de los doctorandos en el mundo laboral.

• Es fundamental que el trabajo del profesorado repercuta de manera directa en la sociedad:

• La innovación tecnológica en la empresa pasa necesariamente por la investigación y la cualificación de excelencia mediante la contratación de doctores.

• Entendemos la universidad de otra manera y buscamos canalizar nuestro potencial al entorno social para contribuir al crecimiento económico.

• Sin olvidar las bases académicas

5

DINTEL (División de Innovación en Sistemas Telemáticos y Tecnología Electrónica)

• En la sociedad del conocimiento, los jóvenes deben ser estudiantes a lo largo de toda la vida. Su formación debe estar basada en la construcción de competencias de orden superior. • Buscar fuentes, evaluar la relevancia, analizar, sintetizar y

reformular información y datos son competencias críticas para el futuro.

• Un uso planificado de TIC y de recursos basados en Internet puede contribuir en gran medida a que el proceso de aprendizaje de los estudiantes se base en • La indagación, la investigación y la colaboración.• Y en el que sean ellos quienes creen algunos de sus propios

recursos y organizan y almacenan la información. • Los estudiantes, orientados por sus docentes, se convierten en

creadores de contenidos y productores de sus propios “libros de texto”.

6

Aprendizaje basado en TIC

30/11/2012

4

Ventajas de uso de las TIC

• Un informe de la OCDE confirma el rol central que las TIC están jugando en el desarrollo de las economías basadas en el conocimiento.

– La inversión en TIC ha contribuido en forma significativa al crecimiento del PIB en muchos países en los últimos 10 años.

– Está demostrado que la inversión en TIC mejora la competitividad de las empresas.

• Las TIC impregnan toda nuestra vida, desde el ámbito social y personal hasta el laboral.

– El uso de las TIC contribuye al desarrollo de la creatividad y la inventiva, habilidades que son particularmente valoradas en el mercado laboral.

– El uso de las TIC es un factor clave para el cambio social.

7

Ventajas de uso de las TIC

• La disponibilidad de equiposelectrónicos mas portables, potentesy baratos ha llevado a una revoluciónen las comunicaciones entre losjóvenes, quienes usan habitualmentelas redes sociales para interactuarcon sus amigos y rápidamenteadaptan y personalizan el uso deestas herramientas.

• Vivir en una sociedad de la información y en una economía basada en el conocimiento requiere que sus jóvenes posean una amplia gama de competencias TIC para que puedan participar plenamente como ciudadanos.

8

30/11/2012

5

• Las TIC se perciben en la actualidad como un componente esencial de la educación del siglo XXI.

• Si Pretendemos• Que las escuelas se transformen en entornos de enseñanza

mediada por TIC• Que exploten su vasto potencial para enriquecer el

aprendizaje. • Necesitamos

1. Demostrar clara y exitosamente el valor educativo de las TIC en el aula.

2. Aportar la inversión necesaria para lograr un cambio real en la educación a través de las TIC

9

Desafíos de la enseñanza basada en TIC

1. PROVISIÓN• La provisión de suficientes recursos TIC que sean confiables, de fácil acceso y

estén disponibles cuando se los necesita, tanto para los docentes como para los estudiantes.

• El acceso a recursos TIC, programas y materiales en el aula puede ofrecer un entorno mucho más rico para el aprendizaje y una experiencia docente más dinámica.

2. EVALUACIÓN• El uso de las TIC debe reflejarse en la forma en que los estudiantes son

examinados y evaluados. Además, las TIC son excelentes recursos para la evaluación de los aprendizajes.

3. CONTENIDOS• Suficientes recursos digitales de alta calidad, materiales de enseñanza y

ejemplos de buenas prácticas para involucrar a los estudiantes y apoyar a los docentes.

• La utilización de contenidos digitales de buena calidad enriquece el aprendizaje y puede, a través de simulaciones y animaciones, ilustrar conceptos y principios que de otro modo serían muy difíciles de comprender para los estudiantes.

10

Requisitos de la integración TIC en las aulas

30/11/2012

6

• Son especialmente efectivas para atender algunas de las dificultades de aprendizaje asociadas con la inclusión social y la igualdad de oportunidades educativas.

11

Otros usos de las TIC valorados en el PAP de la UE

• Pueden apoyar la colaboración, el trabajo en equipo y el aprendizaje entre pares.

• Sirven para adquirir las competencias para llevar adelante un aprendizaje autónomo a lo largo de toda la vida.

• Pueden ofrecer simulaciones, modelados y mapas conceptuales que animen y provoquen respuestas más activas y relacionadas con el aprendizaje por exploración por parte de los estudiantes.

• Pueden ser utilizadas para crear situaciones de aprendizaje que estimulen a los estudiantes a desafiar su propio conocimiento y construir nuevos marcos conceptuales

1. Caras: Ordenadores, pizarras interactivas y aplicaciones asociadas o necesarias.

• Provisión por puesto o aula2. Baratas

• 2.1 Formatos visuales o audiovisuales• Cámaras digitales• Cámaras de video digital de bajo costo.

• Permiten obtener muchos objetivos de aprendizaje (colaboración, competencia fotográfica, banco de imágenes, etc)

• Destacable el proyecto FIS http://www.fis.ie/• Este proyecto estructuró un programa curricular alrededor de la producción de películas.

1. Por un lado, apuntó a que los chicos aprendieran a utilizar la terminología, el vocabulario de la filmación.

2. Paralelamente se organizó la capacitación para los docentes. 3. Por otro lado, se abordaron diferentes disciplinas: arte, lenguaje, matemática,

creatividad. 4. El recurso principal con que contaba la escuela era una cámara de video básica. 5. Los diferentes grupos de alumnos hicieron una película de uno o dos minutos

• 2.2 Uso masivo de los alumnos de smartphones provistos de antena WIFI y navegador WEB

• Podemos conseguir que el alumno pregunte dudas : Fundamental para el aprendizaje. Si no preguntas no aprendes.

12

Herramientas TIC para el aprendizaje

30/11/2012

7

Evolución de las comunic. Móviles (I)

• Primer teléfono “móvil” comercializado:• DynaTAC 8000X

• Fabricante: Motorola• Peso: 0.79 Kg• Dimensiones: 33 x 4,45 x 8,9 cm• Autonomía: 8 h reposo, 30 min. convers.• Precio: 3995 Dólares• Fecha de lanzamiento: Marzo de 1983

Estamos hablando de…2012 – 1983 = tan sólo 29 años!!

13

Evolución de las comunic. Móviles (II)

• En ese tiempo…

• Desde el punto de vista de HW y SW…Contamos con dispositivos que no podían ni imaginarse

en aquella “época”…

14

30/11/2012

8

• Y desde el punto de vista de las comunicaciones…Denominación 3GPP Aparición Vel. Datos (máx. teórico)1G - Años 80 Analógico2G (GSM) En torno a 1990 9.6 Kbps2.5G (GPRS - EDGE) Años 90 384 Kbps3G (UMTS) En torno a 2000 2 Mbps3.5G (HDPSA) Años 00 14 Mbps4G (LTE) 2010 – Japón.

2020 – Resto mundo.100 Mbps

Evolución de las comunic. Móviles (III)

Vtx (Mbps)

…Crecimiento exponencial Contenidos multimedia de calidad ya están presentes en móviles

15

• En definitiva, esta “Sociedad de la Información” en la que vivimos constituye un entorno muy favorable para la difusión de todo tipo de contenidos digitales…• En cualquier lugar• En cualquier momento• Sin límite…

• Algunas pruebas de ello, a continuación…

Evolución de las comunic. Móviles (IV)

16

30/11/2012

9

• Actualmente hay 6.000 millones de usuarios móviles, lo que equivale al 87% de la población mundial…

• …De esos usuarios, más de 1.200 millones suelen acceder a Internet con sus dispositivos móviles (en España, el 33%).

• España es el país con más smartphones per cápita de Europa. La tasa de penetración es del 33% (Reino Unido 30%, Francia 27%, Italia 24% y Alemania 18%).

• En media, se tardan 26 horas en denunciar la pérdida de una cartera. Tan sólo 68 minutos en reportar la pérdida de un teléfono móvil.

•• ¡¡ Se ¡¡ Se prevéprevé queque volumenvolumen de de tráficotráfico de internet de internet móvilmóvil sobrepasesobrepaseal al fijofijo en 2014 !!en 2014 !!

Algunos datos “curiosos” en esta línea…

Fuentes: Google, CNET y MobiThinking 17

Evolución del mercado de disp. móviles (I)

Android - 31.57%iOS – 23.82%

Cuota de mercadoen Nov ’12

Gráfica a nivelmundial

• A nivel mundial...

Fuente: gs.statcounter.com 18

30/11/2012

10

Evolución del mercado de disp. móviles (II)

Fuente: gs.statcounter.com

Android - 63.73%iOS – 29.81%

Cuota de mercadoen Nov ’12

Gráfica a nivelNacional (ES)

• ...y a nivel nacional

19

Evolución del mercado de disp. móviles (III)

Fuente: gs.statcounter.com

• La tendencia actual...iPhone y Android

terminan dominandoel mercado

20

30/11/2012

11

Fuente: gs.statcounter.com

...Pero años atrás, no estaba tan claro...

Problemas de la heterogeneidad de SOs (I)

21

• Desde el punto de vista de los desarrolladores…• Y aplicable hasta hace unos años…

• El reto de la heterogeneidad. Contexto.• Revolución de internet móvil (vía 3G y WiFi).• El número de dispositivos móviles con WiFi crece exponencialmente. Cada día,

más modelos llegan al mercado, cada uno con sus características…• En cuanto a:

• Resolución• Tamaño• Capacidades (con/sin java, flash, etc.)• …

• Entonces… ¿creamos un sitio para cada dispositivo?• Imposible para un programador… y para miles!!…

Problemas de la heterogeneidad de SOs (II)

22

30/11/2012

12

Soluciones 2.0: HTML5, CSS3 y jQuery (I)

• Pero desde 2007 se gesta el cambio…• Conscientes de la necesidad de rediseñar la web (el HTML clásico) para

adaptarla a la nueva realidad de Internet, el WHATWG comienza la especificación de HTML5.

• Estándar HTML5. Características:• Adaptado a la nueva realidad de Internet (contenidos multimedia, etc.)• Soporta la navegación móvil. Soporte “cross browser” (múltiples

navegadores modernos)• Firefox, Opera, Chrome, Safari,…

• Interacciones mejoradas, con APIs nativas• AJAX• Sin necesidad de Flash

• Código más limpio• … 23

Soluciones 2.0: HTML5, CSS3 y jQuery (II)

• Estándar CSS3. Características:• Al igual que HTML5, CSS3 es la última especificación del estándar web de

hojas de estilo en cascada. • Aporta nuevas características (selectores, pseudo-clases y propiedades).• En resumen, facilita la vida a diseñadores y programadores…

• Separa el contenido del diseño

• jQuery. Características:• Es una librería o framework escrito en javascript.• Tal y como enuncian en su web, “es una librería que simplifica…

• La interpretación de documentos HTML• El manejo de eventos• Las animaciones• Las interacciones AJAX

• …para un desarrollo web rápido y eficiente”24

30/11/2012

13

Soluciones 2.0: HTML5, CSS3 y jQuery (II)

• En definitiva, multidispositivo y multiplataforma…• Son un conjunto de estándares y marcos de desarrollo que logran:

• Minimizar el impacto de la heterogeneidad del HW• Aumentar la interactividad de las webs Web 2.0• Son el futuro de la web móvil...

• ...pero…• Están limitadas a los permisos del programa donde se ejecutan

(navegador en cada caso), por lo que:• No pueden realizar cualquier acción dentro del SO del

dispositivo móvil…• …cosa que se reserva para las aplicaciones específicas de cada

SO (Android, iOS, Windows Phone, etc.)

25

Solución para innovación docente: CADI

• El sistema CADI (Clase Docente Interactiva):• Desarrollado usando los últimos estándares web• Se trata de una plataforma de comunicaciones que permite

la interacción de la audiencia a través de sus propios dispositivos móviles vía WiFi

• CADI es un sistema multidispositivo y multiplataformacapaz de adaptar los contenidos que brinda según:

• Resolución• Capacidades• …

• No requiere nada en la parte del cliente• Es un sistema Plug & Play

26

30/11/2012

14

Conclusiones

• IngeniaTIC desarrollo es una EBT de la UPCT donde la innovación es el punto de partida, con vocación de romper mitos: contratación de doctores en la PYME

• Las TIC son un motor de crecimiento económico demostrado• Se está demostrando que el uso de las TIC es un motor de aprendizaje y nuevas

competencias.• Es necesario el desarrollo de contenidos específicos que permitan la innovación

docente.• CADI como herramienta TIC para el aula ha demostrado en la tesis de Andrés que

mejora el rendimiento académico de los alumnos.• CADI potencia el uso de la tecnología adquirida por el usuario bajo coste para los

centros de formación, cumpliendo muchos objetivos de aprendizaje y el fundamental.

• CADI adapta los contenidos a las características del dispositivo de visualización, siendo una herramienta concebida para esquivar la heterogeneidad propia de las TIC, y por ello una herramienta multidispositivo y multiplataforma orientada a la mejora del aprendizaje.

27

Desarrollos multidispositivo y multiplataforma

Muchas graciaspor su atención

28