Presentación Trabajo Final de Grado Desarrollo de...
Transcript of Presentación Trabajo Final de Grado Desarrollo de...
![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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/1.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/2.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/3.jpg)
¿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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/4.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/5.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/6.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/7.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/8.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/9.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/10.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/11.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/12.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/13.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/14.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/15.jpg)
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](https://reader035.fdocuments.mx/reader035/viewer/2022081612/5f0fc5fd7e708231d445d02e/html5/thumbnails/16.jpg)
FIN
¡Muchas gracias!