Desenvolupament d'una plataforma web de gestió de...
Transcript of Desenvolupament d'una plataforma web de gestió de...
![Page 1: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/1.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Desenvolupament d’una plataforma web degestio de tallers i reptes cientıfics
Oriol Suils
Universitat de Barcelona
4 de julio de 2016
![Page 2: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/2.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
1 IntroduccionProblemaObjetivos
2 AnalisisRequerimientosTecnologıas y lenguajesDjango
3 PlanificacionDiagrama de GanttValoracion economica
4 Diseno
5 Implementacion
6 Validacion
7 ConclusionesFuturas ampliaciones
8 Demo
![Page 3: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/3.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Problema
• Realizar una plataforma web con el objetivo de gestionarretos cientıficos del ambito de vision computacional.
• ¿En que consiste una competicion?
i Se presentan el enunciado, las reglas y el conjunto dedatos de entrenamiento.
ii Se entregan las predicciones de validacion esperadas y losdatos de test.
iii Se clasifican los participantes mediante las predicciones detest.
![Page 4: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/4.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Objetivos
• Analizar y estudiar las diferentes tecnologıas web autilizar.
• Disenar e implementar la web, a traves de losrequerimientos analizados.
• Testear la plataforma.
![Page 5: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/5.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Requerimientos (I)
Acciones permitidas para todos los usuarios
• Consultar toda la informacion de un evento o datasetpublico.
• Editar su informacion.
• Realizar una busqueda.
• Proponer un evento a los organizadores.
![Page 6: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/6.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Requerimientos (II)
Acciones permitidas exclusivamente para los administradores
• Consultar el listado de usuarios registrados.
• Crear nuevos usuarios.
• Editar la informacion de un usuario no administrador.
• Crear, editar y eliminar cualquier evento, y suscomponentes.
• Crear nuevos sponsors.
![Page 7: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/7.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Tecnologıas y lenguajes
![Page 8: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/8.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Django
![Page 9: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/9.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Diagrama de Gantt
![Page 10: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/10.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Valoracion economica
Proceso HorasAnalisis 35
Diseno componentes 50
Diseno grafico 80
Implementacion 110
Testing 25
Total 300
Tabla: Desglose de horas
Puesto de trabajo Tiempo estimado Sueldo estimado Coste totalDisenador 80 horas 21 e/h 1680 eProgramador Full-Stack 110+30+50+25 horas 26 e/h 5720 e
Tabla: Coste final
![Page 11: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/11.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Diseno
![Page 12: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/12.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Implementacion
• Parte publica de cada tipo de evento.
• Parte publica de datasets.
• Paginas de edicion de cada tipo de evento y suscomponentes.
• Pagina de edicion de dataset.
![Page 13: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/13.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Validacion
• Testing parcial, de cada funcionalidad.
• Insercion de una competicion completa.
• Prueba completa de todos los componentes de laplataforma.
![Page 14: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/14.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Conclusiones
• Analizar diversas opciones sobre las tecnologıas a utilizarposteriormente.
• Disenar los diferentes componentes de la web.
• Implementar las multiples funcionalidades de laplataforma.
• Realizar pruebas al finalizar cada funcionalidad,corrigiendo los problemas que aparecıan.
![Page 15: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/15.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Futuras ampliaciones
• Conceder la posibilidad de exportar informacion de laplataforma en un fichero.
• Incluir scripts de evaluacion, que analizarıan los resultadossubidos por los usuarios.
• Cambiar del protocolo HTTP a HTTPS, para incluir masseguridad en la transferencia de datos sensibles.
• Mejorar el diseno responsivo de la plataforma.
![Page 16: Desenvolupament d'una plataforma web de gestió de …sergioescalera.com/wp-content/uploads/2016/07/Suilspresentation.pdf · Validacion Conclusiones Futuras ampliaciones Demo Desenvolupament](https://reader031.fdocuments.co/reader031/viewer/2022022622/5bb4cd4b09d3f2e1768b8a7d/html5/thumbnails/16.jpg)
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Demo
Chalearn web