Creación de aplicación multiplataforma

DISEÑO DE LA APLICACIÓN EN EL AULA

MÓDULO: Desarrollo de aplicaciones multiplataforma, 2º curso.

DOCENTES IMPLICADOS:

• Lorena Granado García

FECHA DE REALIZACIÓN: 4 de octubre.

HORAS DE DEDICACIÓN: 2 horas (1 hora de preparación y 1 hora de presentación en el aula)

DESCRIPCIÓN Y PROCESO DE LA ACTIVIDAD: 

Se expone a los alumnos la tarea y se realiza el diseño y planteamiento de la misma, detallando los requisitos que debe cumplir.

OBJETIVOS DE ESTA ACTIVIDAD:

DESARROLLO DE LA APLICACIÓN DE ESCRITORIO

DOCENTE: Alfonso Amor Camacho

CURSO: Desarrollo de Aplicaciones Multiplataforma, 2º curso

MATERIA: Desarrollo de Interfaces

FECHA: 02/02/24

HORAS DE DEDICACIÓN: 6h (1h de preparación previa, 3h de realización en el aula y 2h de evaluación de la actividad)

DESCRIPCIÓN Y PROCESO DE LA ACTIVIDAD:

Se comienza con una explicación a los alumnos de los requisitos que deben cumplir en la presente tarea. Dicha actividad se realiza durante un viernes, puesto que es el día en el que se imparten más horas seguidas de la asignatura, pudiendo así poder completar la tarea en un único día lectivo. Además de ello, se ha dedicado 1h de preparación previa a la clase para poder ajustar debidamente los propósitos de la actividad a los contenidos de la asignatura.

A lo largo de las 3h de realización del ejercicio en el aula, los alumnos trabajan para poder desarrollar una aplicación de escritorio dedicada al proyecto EduEmplea y, ante alguna posible duda o problema, me encargo de guiarlos durante el desarrollo de la aplicación dándoles las pautas adecuadas para su correcta elaboración.

OBJETIVOS DE ESTA ACTIVIDAD:

Los objetivos que se pretenden cubrir con la realización de esta actividad son los siguientes:

Afianzar los conceptos y funcionalidades del framework Electron para el desarrollo de aplicaciones de escritorio.

• Observar y poner en práctica aplicaciones reales de las definiciones vistas en las clases teóricas al elaborar una aplicación de escritorio dedicada al proyecto EduEmplea.

• Disponer de una aplicación de escritorio renderizada con el framework Electron para posteriormente seguir diseñando una aplicación multiplataforma mediante otros entornos de trabajo.

• Potenciar la creatividad y originalidad del alumnado al configurar cada uno de manera independiente la lógica en el código TypeScript con el fin de desarrollar la aplicación de escritorio de EduEmplea a raíz de la aplicación web.

Por otra parte, la aplicación de escritorio que se pretende que diseñe el alumnado debe de generarse a partir de la aplicación web desarrollada en la actividad anterior relacionada con el proyecto EduEmplea. El enlazamiento entre la actual aplicación de escritorio y la anterior aplicación web deberán llevarlo a cabo mediante la configuración del archivo main.ts (generado por un paquete de Node.js) vista durante las clases teóricas de la asignatura.

A la hora de realizar todo lo comentado con anterioridad, el alumnado partirá de la aplicación web ideada en la anterior tarea sobre el proyecto EduEmplea, con lo cual sólo deberán renderizar todo ese contenido ya diseñado en una aplicación de escritorio. Para poder conseguir esto último, los alumnos tendrán que configurar el código TypeScript correspondiente, haciendo uso de sus conocimientos de JavaScript y de lenguajes orientados a objetos ya vistos en el módulo.

Por último, una vez se haya elaborado la aplicación de escritorio que exige la tarea, dispondremos de una aplicación ejecutable fuera de un navegador web en la que el usuario podrá registrar su trayectoria tanto académica como profesional. El siguiente paso en tareas posteriores será desarrollar una aplicación con una interfaz similar destinada a dispositivos móviles, logrando así montar una aplicación multiplataforma destinada a EduEmplea y extendida a diferentes dispositivos.

DESARROLLO DE LA APLICACIÓN PARA MÓVILES

DOCENTE: Alfonso Amor Camacho

CURSO: Desarrollo de Aplicaciones Multiplataforma, 2º curso

MATERIA: Desarrollo de Interfaces

FECHA: 23/02/24 y 29/02/24

HORAS DE DEDICACIÓN: 8h (1h de preparación previa y 5h de realización en el aula, 2h de evaluación)

DESCRIPCIÓN Y PROCESO DE LA ACTIVIDAD:

La actividad se inicia en primer lugar con la concreción hacia los alumnos de los aspectos mínimos que se les exige durante la realización de dicha actividad. La elaboración se lleva a cabo un viernes, pues resulta idóneo al ser el día de la semana en el que se imparten más horas de la asignatura, y además un jueves, para que entre ambas fechas los alumnos puedan seguir adquiriendo conceptos teóricos para el correcto desarrollo de la tarea.

Además de las 5 horas correspondientes a la elaboración de la tarea en el aula, se invierte 1 hora de preparación previa para poder ajustar los requisitos de la tarea a los contenidos vistos durante las clases de la asignatura. El alumnado debe diseñar y ejecutar una aplicación para dispositivos móviles destinada al proyecto EduEmplea.

OBJETIVOS DE ESTA ACTIVIDAD:

Los objetivos que se pretenden cubrir con la realización de esta actividad son los siguientes:

• Afianzar los conceptos y funcionalidades del framework Ionic para el desarrollo de aplicaciones móviles.

• Observar y poner en práctica aplicaciones reales de las definiciones vistas en las clases teóricas al elaborar una aplicación para dispositivos móviles dedicada al proyecto EduEmplea.

• Disponer de una aplicación móvil desarrollada con el framework Ionic para finalmente poder contar con una aplicación del proyecto EduEmplea en tres contextos diferentes (web, escritorio y dispositivo móvil).

• Potenciar la creatividad y originalidad del alumnado al elaborar cada uno de manera personal e independiente la interfaz de usuario para la aplicación móvil, partiendo todos ellos de los mismos elementos estudiados durante las clases teóricas.

Por otro lado, la aplicación para dispositivos móviles que los alumnos realizarán en la tarea debe partir del diseño ya establecido en tareas anteriores del proyecto EduEmplea. Con dicha base, el alumnado deberá añadir componentes UI característicos del framework Ionic (como listas, tarjetas, menús laterales, etc.) para poder darle a la interfaz de la aplicación la apariencia e interactividad propias de las cuales disponen los dispositivos móviles.

Para poder llevar a cabo todo lo mencionado con anterioridad, los alumnos aprenderán (previamente al desarrollo de la tarea) a manipular e introducir dentro de una aplicación móvil el código de los componentes UI de Ionic más utilizados y conocidos. Además, en las clases ubicadas entre las dos fechas de realización de la actividad, el alumnado estudiará los atributos propios de estos componentes y su representación en una interfaz de un dispositivo móvil.

Finalmente, una vez se haya terminado el diseño de la aplicación móvil que exige la tarea, dispondremos de una aplicación desarrollada dentro de un dispositivo móvil en la que el usuario podrá registrar su trayectoria tanto académica como profesional. Con esta última actividad concluye la participación de este grupo de alumnos en el proyecto Ágora EduEmplea, donde a lo largo de las tareas propuestas han desarrollado aplicaciones destinadas al proyecto y ejecutables en múltiples plataformas (una aplicación web, una aplicación de escritorio y una aplicación móvil).