[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.

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.

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"