[WIP] Speak App. Aplicación móvil con Ionic

Proyecto realizado en la Universidad de Alicante como trabajo de fin de grado en la carrera de Ingeniería Multimedia.

Autores

El proyecto fue desarrollado por Carlos Santiago y tutorizado por Sergio Luján y Santiago Meliá.

Objetivo

Diseño y desarrollo de una aplicación para móvil que facilite la comunicación entre personas con dificultades comunicativas y los asistentes de voz.

Estado actual

El apartado fundamental de la aplicación (el TTS y el STT) ya está implementado, junto a la interfaz que ya está maquetada. En los próximos meses se irán implementando una serie de funcionalidades que harán que la aplicación sea más intuitiva y dinámica.

Tecnologías

Para ello, se hará uso de Ionic y Angular en Windows con Visual Studio Code. Para poder acceder a las funciones nativas del dispositivo se hará uso de Cordova. También se hará uso de Capacitor para generar las versiones de Android (con Android Studio) e iOS (con Xcode). La creación y gestión de la base de datos se llevará a cabo gracias a SQLite.

Captura del juego "Memory Breaker"

Juegos web infantiles accesibles

Proyecto realizado en la Universidad de Alicante para la asignatura «Usabilidad y Accesibilidad» en el tercer curso de Ingeniería Multimedia.

Objetivo

Crear un sitio web que contenga una serie de juegos didácticos orientados a niños pequeños. Además, tienen que ser lo más accesibles posible. Como herramientas se podían utilizar JavaScript, jQuery, HTML y CSS.

Autores

  • Francisco Prieto
  • Carlos Santiago

Página de inicio

Captura de la página de inicio desde la cual se accede a los juegos

Memory Breaker

El objetivo de este juego era memorizar un patrón de figuras y de colores y repetirlo a continuación. Por tanto, se ejercita la memoria del usuario con tres dificultades que aumentan la cantidad de figuras a recordar.

Geometry Fusion

El objetivo de este juego es encontrar la figura que tiene las características comunes (color y forma) de los dos grupos adyacentes, siguiendo la idea de los diagramas de Venn.

Growing Puzzle

El objetivo de este juego es encontrar la operación matemática que se corresponde con las piezas de puzzle.

Web en la que se muestran las características de un Pokémon

Tienda en WordPress utilizando WikiData

Proyecto realizado en la Universidad de Alicante para la asignatura «Gestión de Contenidos Multimedia».

Web en la que se muestran las características de un Pokémon

Objetivos

  • Realizar un portal de venta de productos de prueba. Estos deben tener atributos utilizando el plugin «Advanced Custom Fields»
  • Uilización de «GenerateWP» para la creación del custom type promociones
  • Creación de un plugin que cuente y muestre las visitas de las publicaciones
  • Apartado de preguntas frecuentes
  • Apartado de sugerencias
  • Creación de un shortcode que muestre información únicamente a ciertos usuarios
  • Uilización de la API de WikiData para que el usuario pueda obtener información sobre Pokémon

Shortcode

Ejemplo de la utilización del shortcode al crear una entrada en WordPress

WikiData

Apartado de la página que utiliza la API de Wikipedia para buscar información sobre Pokémon
Menú de administración de la página de LePapeo

LePapeo. Web de reservas en .NET

Objetivo

Creación de plataforma web con modelo MVC de temática libre utilizando .NET, SQLServer y OOH4RIA. La temática elegida fue hacer un sitio web con características similares a ElTenedor.

Menú principal de la página de LePapeo. Se pueden apreciar una serie de iconos de acceso a los distintos apartados de la web
Menú de Administración

Miembros del grupo

  • Óscar Plaza
  • David Navas
  • David González
  • Carlos Santiago
  • Gaspar Ángel Tortosa Logo de Twitter
  • Diego Cárcamo

Backend

Utilizamos la herramienta OOH4RIA para la creación y exportación de la estructura de la base de datos (en modelo de dominio). Desde Visual Studio y utilizando SQLServer creamos la base de datos y utilizando NHibernate se generaron las clases necesarias para empezar a programar.

Frontend

Para la creación de las vistas utilizamos C# y para darles estilo utilizamos Bootstrap.

Página web llamada "Pictures & Images"

Portal de imágenes sin frameworks

Proyecto realizado en la Universidad de Alicante para la asignatura «Desarrollo de Aplicaciones Web» en el tercer curso de Ingeniería Multimedia.

Objetivo

Creación de una aplicación web con características similares a Pinterest sin utilizar Frameworks. Para llevar a cabo el proyecto se utilizó HTML, CSS, PHP y MySQL funcionando en un servidor local en XAMPP. Por último, la página debe ser creada siguiendo los principios del responsive design.

Autores

  • Daniel Bravo
  • Carlos Santiago

Capturas

Creación de estilo accesible alternativo

Una de las tareas especificadas era la de crear un estilo con las características necesarias para considerarse accesible, y que el usuario pudiera elegir entre el estilo estándar o dicha versión accesible. Para ello, nos centramos en que este estilo no tuviera información prescindible y que la que estuviera presente fuera clara y con un gran contraste.

Cookies

El aprendizaje del funcionamiento de las Cookies resultó especialmente útil para recordar los datos de acceso del usuario. Además, también servía para recordar preferencias como por ejemplo el tipo de estilo seleccionado (normal o accesible).

Archivo .htaccess

La configuración de este archivo fue muy útil para la organización de la página y para la creación de URLs amigables. Además, también cumplía la función de redirigir al usuario si este intentaba acceder a un archivo físico inexistente.

Juego de puzzle personalizado

Juego web de Puzzle

Proyecto realizado en la Universidad de Alicante para la asignatura «Pogramación del Cliente Web» en el segundo curso de Ingeniería Multimedia.

Objetivo

Crear una web que permita al usuario usar sus propias imágenes para la creación de un puzzle personalizado.

Autores

Aunque el proyecto era individual, se animaba a que los alumnos cooperaran.

  • Gaspar Ángel Tortosa Logo de Twitter
  • Carlos Santiago

Resultado

Juego de puzzle personalizado
Sitio web llamado "El italiano"

Portal de recetas RESTful sin frameworks

Proyecto realizado en la Universidad de Alicante para la asignatura «Programación del Cliente Web» en el segundo curso de Ingeniería Multimedia.

Objetivo

Creación de un sitio web en el que los usuarios puedan registrarse, valorar y publicar recetas. Para llevar a cabo el proyecto se utilizó HTML, CSS, JavaScript y MySQL funcionando en un servidor local en XAMPP. La creación tanto de usuarios como de recetas se realizaba mediante operaciones CRUD en un servidor RESTful. Por último, la página tenía que realizarse teniendo en cuenta los principios del mobile first.

Resultado

Sitio web llamado "El italiano"
Logo de aGant

aGant. Revista de videojuegos

Proyecto realizado en la Universidad de Alicante para la asignatura «Estructuración de Contenidos» en el segundo curso de Ingeniería Multimedia.

Objetivo

Creación de una revista web en WordPress en la cual se publiquen cierta cantidad de entradas aplicando las pautas dadas en la asignatura sobre cómo redactar contenido en web. Además, la creación de un vídeo en donde se hable de las últimas noticias relacionadas con nuestra revista.

Autores

  • Francisco Prieto
  • Carlos Santiago

Resultado

Apariencia de la web

Contenido de la web

Vídeo semanal

Editado utilizando Sony Vegas.

Logotipo

Cabe destacar que también hemos tenido que diseñar nuestro propio logotipo, el cual es el siguiente.

Logo de aGant
Captura de la aplicación de móvil CuriosiTV

CuriosiTV. Aplicación de transmedia en Android

Proyecto realizado en la Universidad de Alicante para la asignatura «Sistemas Multimedia» en el segundo curso de Ingeniería Multimedia.

Objetivo

Desarrollo de un proyecto libre aplicando las pautas de gestión de proyectos planteadas en la asignatura. En nuestro caso se eligió el desarrollo de una aplicación en Android Studio que permite al usuario obtener información extra de la serie o película que está visualizando.

Autores (Doce más uno)

  • Martín Illán Icono de correo
  • Carlos Santiago
  • Francisco Prieto
  • Alberto Pinillos

Resultado

Página de descarga en WordPress

Además, también creamos una página que explicaba las características de la aplicación y desde la cual se podía descargar el ejecutable para Android.

Captura de la página web

Logotipo

Cabe destacar que también hemos tenido que crear nuestro propio logotipo, el cual es el siguiente.