Diferencia entre revisiones de «Trabajo:APP Medialab»

Revisión de 21:22 22 dic 2016

Introducción

El objetivo de este trabajo es la realización de una aplicación móvil donde el usuario pueda visionar los eventos próximos del Medialab-Prado (hasta 90 días) con la posibilidad de filtrarlos por fecha, tipo y precio. Mostraremos también la ubicación del centro y como llegar hasta él desde la posición donde se encuentre el dispositivo móvil. Contemplaremos la posibilidad de mostrar la ubicación de los eventos dentro del centro y el recorrido hacia los mismos desde la entrada principal. El alcance de la aplicación será, en un principio, una aplicación para la plataforma Android de Google. Este ejemplo se realizará lo más genérico posible para poder adaptarlo al resto de plataformas (iOS y Windows Phone) de forma sencilla.

¿Qué es Medialab-Prado?

Medialab-Prado es un programa del Área de Las Artes, Deportes y Turismo del Ayuntamiento de Madrid. Se concibe como un laboratorio ciudadano de producción, investigación y difusión de proyectos culturales que explora las formas de experimentación y aprendizaje colaborativo que han surgido de las redes digitales.

Sus objetivos son:

• Habilitar una plataforma abierta que invite y permita a los usuarios configurar, alterar y modificar los procesos de investigación y producción.
• Sostener una comunidad activa de usuarios a través del desarrollo de esos proyectos colaborativos.
• Ofrecer diferentes formas de participación que permitan la colaboración de personas con distintos perfiles (artístico,científico, ténico), niveles de especialización (expertos y principiantes) y grados de implicación.

Motivación y utilidad social

Queremos dar a conocer las actividades que se realizan en Medialab-Prado ya que es un espacio que promueve las comunidades muy interesante. Cuanta más gente participe en este espacio mayor será la diversidad ideas, nuevos proyectos y colaboraciones a proyectos existentes. Con esta aplicación pretendemos facilitar que, toda aquella persona que esté interesada en los eventos futuros de Medialab-Prado, pueda realizar su seguimiento desde su dispositivo móvil. Antes de realizar esta aplicación no había ninguna otra disponible con esta funcionalidad.

Obtención de los datos

Para la obtención de los eventos de MediaLab se utilizará el Portal de datos abiertos del Ayuntamiento de Madrid. Dentro de esta página se encuentra la Agenda de eventos en Medialab-Prado 90 días (datos de Medialab Prado) que será nuestra fuente de información.

Los datos disponibles de cada evento son los siguientes:

• ID
• FECHA
• LUGAR
• URL-ACTIVIDAD
• TITULO
• DESCRIPCION
• DIA
• MES
• AÑO
• PRECIO
• GRATUITO
• URL-INSTALACION
• NOMBRE-INSTALACION
• COORDENADA-X
• COORDENADA-Y
• LATITUD
• LONGITUD
• PROVINCIA
• C. POSTAL
• BARRIO
• DISTRITO
• TELEFONO
• CORREO
• TIPO

Tecnologías utilizadas

Para el desarrollo de la aplicación se usará Ionic2 y las funciones nativas que nos ofrece junto con Angular2, JavaScript y TypeScript, pudiendose adaptar de esta manera fácilmente a todas las plataformas. Los eventos se descargarán en formato xls y se parsearán guardándolos en una base de datos con el plugin nativo SQLite de Ionic 2. Para la localización del dispositivo utilizaremos el plugin nativo Geolocation y para el procesamiento de la ruta al edificio el plugin Google Maps SDK. Se permitirá seleccionar si la ruta se va a hacer a pie, en transporte público o en coche, para este último caso se da la posibilidad de abrir el navegador para que guíe al usuario en la conducción. El recorrido hacia los distintos eventos dentro del propio edificio se realizará sobre un mapa del edificio resaltando la zona donde se realice dicho evento.

Funcionamiento

Al iniciar la aplicación, el usuario accederá a la pantalla principal donde quedan listadas las actividades programadas para los próximos 90 días ordenadas por fecha (más recientes primero). Las actividades estarán organizadas en tarjetas donde se mostrará la fecha (bien visible), el título de la actividad, una imagen orientativa del tipo de actividad (taller, conferencia, mesa redonda, etc) y parte de la descripción que quepa en la tarjeta.

Al pulsar sobre una actividad se nos mostrará toda la información relacionada con dicha actividad (fecha, localización dentro del edificio e indicaciones para llegar, descripción, teléfono de contacto, url de la actividad, correo...).

En la pantalla principal habrá un botón para aplicar filtros a las actividades disponibles (por fecha, por tipo y por precio).

El menú lateral contendrá un apartado "¿Como llegar?" que nos indicará el recorrido desde la ubicación actual del dispositivo hasta el centro Medialab-Prado en distintos tipos de transporte (a pie, en transporte público y en coche).

Framework de diseño

Estos son los modelos (mockups) realizados de la interfaz de la aplicación:

Código

Código compartido en GitHub

Integrantes del grupo

Todos los integrantes son de la clase 4ºC, GII y el curso 2016/17.

Marco Antonio Palacios Arauzo

Enrique García Ortiz

Miguel Ángel García Solano

Henar Martín Domínguez

Enlaces de interés

Página de datos abiertos del Ayuntamiento de Madrid

Datos de Medialab Prado

Página de MediaLab-Prado

Documentación Ionic 2

Código compartido en GitHub

Formato del texto del articulo