12
DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA LA GESTIÓN DE ANILLAMIENTO DE AVES Proyecto Final de Máster Máster Universitario en Aplicaciones Multimedia Itinerario Profesionalizador Autor: Manuel Pérez Alfonso Consultor: Sergio Schvarstein Liuboschetz Profesores: David García Solórzano, Laura Porta Simó 12 de Junio de 2017

DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

  • Upload
    others

  • View
    4

  • Download
    0

Embed Size (px)

Citation preview

Page 1: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA LA GESTIÓN DE ANILLAMIENTO DE AVES

Proyecto Final de Máster

Máster Universitario en Aplicaciones Multimedia

Itinerario Profesionalizador

Autor: Manuel Pérez AlfonsoConsultor: Sergio Schvarstein LiuboschetzProfesores: David García Solórzano, Laura Porta Simó

12 de Junio de 2017

Page 2: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

iOcells - ¿Por qué?

Actualmente no existe ninguna aplicación de anillamiento que...

● facilite el trabajo de campo de los ornitólogos,

● ofrezca una forma de trabajo colaborativa,

● permita el acceso remoto a datos,

● pueda ser utilizada en versión web y/o móvil,

● automatice las labores de envío de datos a los correspondientes organismos internacionales

● sirva como punto de encuentro para profesionales y aficionados

Page 3: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

iOcells - Fases del proyecto

FASE 3FASE 1

Trabajo Final de Máster

✔ Implementación del sistema de autenticación por token multidispositivo

✔ Despliegue en servidor seguro

✔ Desarrollo del módulo básico y el de administración

✔ Prototipo de bajo nivel del módulo de anillamiento

FASE 2

✔ Desarrollo completo del módulo de anillamiento

✔ Desarrollo de los módulos de Balance, Consultas e Importación/Exportación

✔ Desarrollo de aplicaciones móviles

ESTAMOS AQUÍ

Page 4: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

iOcells - Características

No sólo una página web

iOcells es un sistema modular preparado para el desarrollo futuro de aplicaciones móviles.

Multi-idioma

iOcells está preparado para ser traducido a diferentes idiomas, facilitando la operatibilidad entre diferentes regiones o países.

Estándares de anillamiento

iOcells se inspira en los estándares de anillamiento utilizados por el ICO, y adaptados al remitente ARANZADI.

Servidor

App Web

App Android

App iOS

Catalán

Castellano

Euskera

ICO

ARANZADI

EURING

Page 5: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

iOcells – Inspirado en NouBioProNouBioPro es el programa desarrollado por el Institut Català d’Ornitologia para la recopilación de

los datos recogidos durante las actividades de anillamiento. Presenta los siguientes puntos de

mejora:

● Los datos se almacenan en el equipo local, con lo que están sujetos a pérdida o corrupción, y

tampoco permite el trabajo colaborativo.

● Está enfocada sólo para anilladores, sin fines divulgativos o de transmisión de conocimiento.

Page 6: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

iOcells – Arquitectura técnica

Servidor VPSWebmin

iocells.com iocells.xyz

https

Angular 4

Django

PostgreSQL

Django REST APIDjango CORSDjango Oauth ToolkitDjoser

Backends.postgresql

mod_wsgi

Apache

Virtual host

Virtual host

CSF

jQueryBootstrapFont Awesome

Page 7: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

iOcells – Módulo básico

home

user_registration

login

password_reset_confirmpassword_reset_request

panel panel

Superusuario Usuario

➢ Alta y activación de usuario

➢ Mantenimiento de cuenta de

usuario, cambio de e-mail y de

contraseña.

➢ Inicio y cierre de sesión

➢ Panel principal de navegación

Page 8: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

iOcells – Módulo de administración

panel admin_panel

Sólo disponible para

superusuarios.

Mantenimiento de

datos maestros:

➢ Usuarios

➢ Especies

➢ Subespecies

➢ Países

➢ Provincias

➢ Municipios

➢ Localidades

➢ Estaciones

➢ Remitentes

Page 9: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

iOcells – Módulo de anillamiento (I) Consta de 4 partes

➢ Mantenimiento de anillas

➢ Jornadas

➢ Capturas

➢ Fichas de muda

Page 10: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

iOcells – Módulo de anillamiento (II)

Jornadas enlaza con:

➢ Subzonas

➢ Reclamos

➢ Meterología

Capturas enlaza con:

➢ Variables personalizadas

➢ Fichas de muda

Page 11: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

iOcells – Líneas de futuro

✔ Desarrollo completo de los módulos adicionales de Anillamiento, Balance,

Consultas e Importación/Exportación

✔ Migración de datos iniciales

✔ Traducción al Catalán

✔ Implementación de un sistema de análisis de estadísticas en el servidor, como

Piwik

✔ Desarrollo de aplicaciones móviles con el framework Ionic 2, o Nativescript

✔ Rediseño con el estándar Material Design, para una mejor experiencia de

usuario y una homogeneización en todas las plataformas tecnológicas

(navegadores web, aplicación de escritorio, aplicaciones móviles)

Page 12: DISEÑO E IMPLEMENTACIÓN DE UNA APLICACIÓN WEB PARA …openaccess.uoc.edu/webapps/o2/bitstream/10609/64605... · Desarrollo de aplicaciones móviles con el framework Ionic 2, o

¡GRACIAS!

Contacto:

[email protected]