Desenvolupament d'una plataforma web de gestió de...
16
Chalearn Oriol Suils Introducci´on Problema Objetivos An´ alisis Requerimientos Tecnolog´ ıas y lenguajes Django Planificaci´on Diagrama de Gantt Valoraci´on econ´omica Dise˜ no Implementaci´on Validaci´on Conclusiones Futuras ampliaciones Demo Desenvolupament d’una plataforma web de gesti´ o de tallers i reptes cient´ ıfics Oriol Suils Universitat de Barcelona 4 de julio de 2016
Transcript of Desenvolupament d'una plataforma web de gestió de...
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
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
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.
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.
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.
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.
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
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Django
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
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
Chalearn
Oriol Suils
Introduccion
Problema
Objetivos
Analisis
Requerimientos
Tecnologıas ylenguajes
Django
Planificacion
Diagrama deGantt
Valoracioneconomica
Diseno
Implementacion
Validacion
Conclusiones
Futurasampliaciones
Demo
Diseno
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.
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.
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.
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.
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
