presentación trabajo final de grado desarrollo de...

16
Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas Grado Multimedia Javier Searle Riesgo 14 de Enero de 2017

Upload: others

Post on 27-Jun-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

Grado Multimedia

Javier Searle Riesgo 14 de Enero de 2017

Page 2: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

PRESENTACIÓN

2 Motivaciones

3 Desarrollo del proyecto

1 Introducción

Contenido de la presentación

4 Decisiones tomadas

5 Conclusiones

Page 3: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

¿Porqué elegí “Desarrollo de aplicaciones interactivas“?

¿Qué es Plantium?

Trabajo de fin de grado

¿Porqué un aplicación de gestión de tareas?

1. INTRODUCCIÓN

Page 4: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

Desarrollar una aplicación interactiva completa

Experimentar con metodologías de desarrollo ágil desde la programación

Experimentar con nuevas tecnologías y frameworks de desarrollo

¿Qué objetivos tiene Plantium?

Cubrir el mayor espectro curricular posible del grado: diseño, usabilidad, desarrollo…

2. MOTIVACIONES

Adquirir experiencia

Page 5: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

I. Funcionalidades a desarrollar

III. Metodología de trabajo

Proyecto Plantium

II. Marco del desarrollo / framework

3. DESARROLLO DEL PROYECTO

Page 6: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

1. Registro usuarios

3. Creación / edición / eliminación de proyectos

I. Funcionalidades a desarrollar

2. Acceso área privada

3. DESARROLLO DEL PROYECTO

4. Creación / edición / eliminación de tareas

Page 7: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

6. Vista calendario de tareas / proyectos

8. Vista de línea de tiempo con tareas por proyecto

I. Funcionalidades a desarrollar

7. Vista listado de tareas / proyectos

3. DESARROLLO DEL PROYECTO

5. Creación / eliminación de etiquetas

Page 8: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

1. SublimeText 3

3. Consola bash de linux

II. Marco del desarrollo / framework

2. Control de versiones mediante GIT con SourceTree

3. DESARROLLO DEL PROYECTO

Herramientas de desarrollo

4. Photoshop y Flash para el diseño

Page 9: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

1. HTML 5

3. Javascript => jQuery

II. Marco del desarrollo / framework

2. CSS 3

3. DESARROLLO DEL PROYECTO

Tecnologías de desarrollo Front-end

Page 10: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

1. PHP 5

3. Gulp + node.js

II. Marco del desarrollo / framework

2. Laravel

3. DESARROLLO DEL PROYECTO

Tecnologías de desarrollo Back-end

Page 11: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

Despliegues a producción mediante GIT

III. Metodología de trabajo

Implementación de código con SublimeText

3. DESARROLLO DEL PROYECTO

Despliegue de dependencias PHP mediante Composer

Despliegue de JS/CSS mediante NPM y Gulp

Page 12: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

Acercamiento a desarrollo ágil iterativo e incremental

I. Enfoque

Búsqueda de una metodología eficiente para elaborar MPV

4. DECISIONES TOMADAS

No hay búsqueda de innovación en cuanto a producto final

Innovación en cuanto a proceso de desarrollo

Page 13: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

II. Viabilidad y sacrificio de funcionalidades

Vista de Línea de tiempo por perfeccionar

4. DECISIONES TOMADAS

Planificación no cumplida rigurosamente

Complicaciones en integración de librerías: FullCalendar y Datatables

Disponibilidad limitado y escaso

Page 14: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

5. CONCLUSIONES

Futuros desarrollos

- Mejoras en vista “Línea de tiempo”, en cuanto a mejor diseño y presentación

- Adaptación a otros idiomas

- Inclusión de estados en tareas y proyectos: Pendiente, En proceso y Realizada

- Filtrado rápido de tareas por proyectos en calendario y listado

Page 15: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

Planificación voluble si depende de librerías externas Más márgenes de tiempo

5. CONCLUSIONES

Desarrollos medios viables con pocos recursos Con las herramientas oportunas

Sensaciones muy positivas Mayor confianza

Conclusiones e impresiones:

Empleo del framework PHP Laravel / Gulp / jQuery Muy recomendable

Page 16: Presentación Trabajo Final de Grado Desarrollo de ...openaccess.uoc.edu/webapps/o2/bitstream/10609/58808... · Presentación Trabajo Final de Grado Desarrollo de aplicaciones interactivas

FIN

¡Muchas gracias!