SlideShare una empresa de Scribd logo
Desarrolladores:
● Carlos Campos Fuentes
● Francisco Javier Expósito Cruz
● Iván Ortega Alba
● Victor Coronas Lara
Evenge Gestor de eventos
1
ÍNDICE
1. ¿Qué es Evenge?
2. Google App Engine
2.1. ¿Qué es?
2.2. ¿Por qué lo hemos usado?
2.3. ¿Qué ventajas e inconvenientes que presenta?
3. Método de trabajo del equipo
3.1. Slack
3.2. GitHub
4. Diseño de la app
4.1. MVC(Modelo Vista Controlador)
4.2. Frameworks:
4.2.1. Jinja
4.2.2. Webapp2
4.2.3. Bootstrap
4.3. Diseños de clases
5. Construyendo unas bases sólidas de desarrollo
5.1. Herramientas de Provisionamiento
5.2. Herramientas de IC y despliegue.
5.3. Herramientas de Tests.
6. Pantallazos de intefaces
2
1. ¿QUÉ ES EVENGE?
● Evenge es una aplicación de gestión de eventos
● Una aplicación íntegramente en la nube
● Principios:
○ Creación y gestión
○ Difusión por Redes Sociales, E-mail y Blogs.
○ Generación de informes y diplomas
3
● Gestión de usuarios
● Inscripción
● Publicación del material
● Calendario de proyectos públicos para usuarios no
registrados
1. ¿QUÉ ES EVENGE?
1.1. Características
4
2. Google App Engine
2.1 ¿QUÉ ES?
● Google App Engine
5
2. Google App Engine
2.2 ¿Por qué lo hemos usado?
● Usando las infraestructuras de Google
● Da soporte para diferentes tipos de lenguajes:
○ Python
○ Java
○ Go
○ PHP(incorporado recientemente)
6
2. Google App Engine
2.3 ¿Qué ventajas e inconvenientes que presenta?
Ventajas:
● Datastore
● Portal de administración
● Generar un entorno de desarrollo local
● En gratis te ofrece: 500MB de espacio para tu aplicación y admite
5 millones de visitas mensuales.
● Es altamente escalable, así como la estabilidad y la seguridad.
7
2. Google App Engine
2.3 ¿Qué ventajas e inconvenientes que presenta?
Alguno de los inconvenientes que nos encontramos son:
● El soporte para SSL solo está disponible par dominios *.
appspot.com
8
3. MÉTODO DE TRABAJO DEL EQUIPO
3.1 SLACK
● Unificar las comunicaciones
● Crear diferentes canales
● Nos permite integración máxima:
○ GitHub
○ Google docs
○ Twitter
9
3. MÉTODO DE TRABAJO DEL EQUIPO
3.2 GitHub
● Proyecto y blog (bajo Jekyll) almacenado en el
repositorio Evenge
● Método de aceptación y revisión de código
10
4. Diseño de la app
4.1 MVC(Modelo Vista Controlador)
11
4. Diseño de la app
4.2 Diseños de clases
El modelo está dividido:
● Usuarios
● Organizaciones
● Eventos
● Asistentes
● Ponentes
12
● Es una librería que nos permite renderizar
script en Python a HTML de una forma
"Python style".
● Es un motor de plantillas con todas las
funciones de Python.
4. Diseño de la app
4.3 Frameworks
13
● Se basa en request handler or simply handler:
● La decisión de usar Webapp2 es por :
○ Ligero,
○ simple
○ contiene el mismo sistema de las plantillas de
Django
4. Diseño de la app
4.2 Frameworks
14
● Es el framework desarrollado por Twitter que
permite crear interfaces web con CSS y
Javascript Responsive Desing.
● Establece estilos rápidamente asignando
clases en el HTML.
4. Diseño de la app
4.3 Frameworks
15
5. Construyendo unas bases sólidas de desarrollo
5.1 Herramientas de aprovisionamiento
● Docker para el aprovisionamiento de un entorno de
desarrollo para Evenge
● Así como otro script para automatizar el proceso
de instalación de Docker, todas las dependencias
que requiere para su correcto funcionamiento y
instalamos la imagen producida con el Dockerfile.
16
5. Construyendo unas bases sólidas de desarrollo
5.2 Herramientas de IC y despliegue
● Integración Continua:
○ Este sistema de integración continua permite crear, provisionar,
testear y desplegar nuestra app en una máquina virtual, en el
servidor que queramos.
17
5. Construyendo unas bases sólidas de desarrollo
5.2 Herramientas de IC y despliegue
● Despliegue:
○ Podemos desplegarla en local para realizar toda la
batería de pruebas que necesitemos.
○ Para el despliegue final es tan sencillo como darle al
botón “Deploy”.
18
5. Construyendo unas bases sólidas de desarrollo
5.3 Herramientas de Tests. NoseGae y Shippable
● Test unitarios
def testInsertarEvento(self):
evenge = Evenge()
evento = Evento (
evt.nombre = “Evento de prueba”
evt.tipo = 1
… )
response = evenge.testInsertarEvento(evento)
self.assertEqual(response, True)
19
6. Pantallazos de interfaces
20
Desde esta pantalla podemos crear un nuevo usuario.
21
Pantalla para el login.
6. Pantallazos de interfaces
22
Desde la sección Mi cuenta, podemos ver los datos del usuario registrado y organizaciones creadas.
6. Pantallazos de interfaces
23
Ésta será la vista por defecto de evenge, donde podremos ver los eventos creados
6. Pantallazos de interfaces
24
Desde ésta página podemos crear un nuevo evento.
6. Pantallazos de interfaces
25
6. Pantallazos de interfaces
26
6. Pantallazos de interfaces
6. ¿Por que formar parte de Evenge?
● Aprender Google App Engine
● Desarrollos rápidos de aplicaciones web
● Conocimientos exportables a otras tecnologías
como Django
● NoSQL y sistemas de plantillas
● Participar en un SaaS (forma fácil de ganar
dinero)
27
¿Qué puedes hacer?
● Front-end (HTML,CSS y JS)
● Back-end (Python)
● Comunity manager
● Aportar nuevas ideas
28
¿Qué queremos hacer en #hackathonugr?
32 issues abiertos, por ahora... (Scrum)
○ Generar pdf
○ Publicidad por Twitter y Facebook automática
○ Algunas funcionalidades básicas:
■ ICMA Ponentes y asistentes
■ Pasar lista a asistentes
■ Darle dinamismo por JQuery
■ Hacer un inicio de presentación de la app
■ Y muchos etc más...
29
¿?
30
31
¿Preguntas?
Desarrolladores:
● Carlos Campos Fuentes
● Francisco Javier Expósito Cruz
● Iván Ortega Alba
● Victor Coronas Lara
Evenge Gestor de eventos

Más contenido relacionado

PPTX
Proyect Evenge. Event manager
PDF
Instalar
PDF
Taller Evento TestingUY 2018 - Test Automation Gourmet
PDF
Instalación de Talonarios en eclipse.pdf
PDF
PDF
Guia instalación NetBeans como entorno de desarrollo para Android:
PPT
Configuración de NetBeans para Java, C y C++
PPTX
Agenda de contactos en Android
Proyect Evenge. Event manager
Instalar
Taller Evento TestingUY 2018 - Test Automation Gourmet
Instalación de Talonarios en eclipse.pdf
Guia instalación NetBeans como entorno de desarrollo para Android:
Configuración de NetBeans para Java, C y C++
Agenda de contactos en Android

La actualidad más candente (20)

PDF
Integracion Continua
DOCX
Trabajo grupal
PDF
Aplicaciones Android (Instalación de Eclipse y Plugin de Android)
PPTX
Instalacion de autocad
PDF
Union e interseccion
PPT
Presentacion de integracion continua (lima agile)
PPTX
Integracion Continua
PDF
Tema 2 implementar el demo zk
PDF
Getting Started with ChatBots
PDF
Instalar plugins de android en netbeans
PDF
El equipo de integracion de Moodle HQ es tu muy mejor amigo
PDF
Pruebas Unitarias
PPTX
Herramientas web 2.0
PDF
Tutorial android fundamentos
PPTX
Operaciones aritmeticas con spinner
PDF
¿Qué dispositivo estoy corriendo?
PDF
Ambiente programacion en_android
ODP
Generación del midlet HolaMundo utilizando EclipseME
DOCX
Practica 4
PDF
Unidad 3 tema 2
Integracion Continua
Trabajo grupal
Aplicaciones Android (Instalación de Eclipse y Plugin de Android)
Instalacion de autocad
Union e interseccion
Presentacion de integracion continua (lima agile)
Integracion Continua
Tema 2 implementar el demo zk
Getting Started with ChatBots
Instalar plugins de android en netbeans
El equipo de integracion de Moodle HQ es tu muy mejor amigo
Pruebas Unitarias
Herramientas web 2.0
Tutorial android fundamentos
Operaciones aritmeticas con spinner
¿Qué dispositivo estoy corriendo?
Ambiente programacion en_android
Generación del midlet HolaMundo utilizando EclipseME
Practica 4
Unidad 3 tema 2

Destacado (8)

PPTX
Plan de empresa: Cómetec
PPTX
Implementing Telematic Services
PDF
Learning j query
PDF
Presentación #hackathonugr ultimo día (1)
PPTX
JqueryMobile
PDF
Great Firewall & Great cannon
PPTX
Apache, getting the best version
PDF
Web Security - OWASP - SQL injection & Cross Site Scripting XSS
Plan de empresa: Cómetec
Implementing Telematic Services
Learning j query
Presentación #hackathonugr ultimo día (1)
JqueryMobile
Great Firewall & Great cannon
Apache, getting the best version
Web Security - OWASP - SQL injection & Cross Site Scripting XSS

Similar a Presentación Evenge #hackathonugr (20)

DOC
Pasos para crear un proyecto de visual studio 2008[1][1]
PDF
Tutorial windows azure con visual studio 2010
PPTX
S14-DAW-2022S1.pptx
PDF
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
PDF
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
PDF
Curso Angular 9 - CodeURJC - Marzo 2020
PDF
003-Introduccion-Angular.pdf
PPTX
JS Patterns Applied to a Real World Example
PPT
¿Qué es y cómo instalar un entorno de desarrollo de programación?
DOCX
La programación extrema
PPTX
Andrid studio
DOC
Modulo Visual Basic 6.0
ODP
Desarrollo Web Ágil con Symfony, Bootstrap y Angular
PDF
002 Comohacerun J Clic
PDF
Practica 3
PDF
Presentacion android mistela&tweets
PDF
Calidad de software
ODP
Modulo 1
PDF
HERRAMIENTA INTERACTIVA JCLIC
DOCX
Ha2 cm40 eq2-netbeans
Pasos para crear un proyecto de visual studio 2008[1][1]
Tutorial windows azure con visual studio 2010
S14-DAW-2022S1.pptx
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
INTRODUCCIÓN A MICROSOFT VISUAL STUDIO 2010
Curso Angular 9 - CodeURJC - Marzo 2020
003-Introduccion-Angular.pdf
JS Patterns Applied to a Real World Example
¿Qué es y cómo instalar un entorno de desarrollo de programación?
La programación extrema
Andrid studio
Modulo Visual Basic 6.0
Desarrollo Web Ágil con Symfony, Bootstrap y Angular
002 Comohacerun J Clic
Practica 3
Presentacion android mistela&tweets
Calidad de software
Modulo 1
HERRAMIENTA INTERACTIVA JCLIC
Ha2 cm40 eq2-netbeans

Último (6)

DOCX
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
PDF
Su punto de partida en la IA: Microsoft 365 Copilot Chat
PPTX
Conceptos basicos de Base de Datos y sus propiedades
PPTX
Derechos_de_Autor_y_Creative_Commons.pptx
PPTX
sistemas de informacion.................
PDF
AutoCAD Herramientas para el futuro, Juan Fandiño
trabajo programacion.docxxdxxxddxdxxdxdxxxdxxdxdxd
Su punto de partida en la IA: Microsoft 365 Copilot Chat
Conceptos basicos de Base de Datos y sus propiedades
Derechos_de_Autor_y_Creative_Commons.pptx
sistemas de informacion.................
AutoCAD Herramientas para el futuro, Juan Fandiño

Presentación Evenge #hackathonugr

  • 1. Desarrolladores: ● Carlos Campos Fuentes ● Francisco Javier Expósito Cruz ● Iván Ortega Alba ● Victor Coronas Lara Evenge Gestor de eventos 1
  • 2. ÍNDICE 1. ¿Qué es Evenge? 2. Google App Engine 2.1. ¿Qué es? 2.2. ¿Por qué lo hemos usado? 2.3. ¿Qué ventajas e inconvenientes que presenta? 3. Método de trabajo del equipo 3.1. Slack 3.2. GitHub 4. Diseño de la app 4.1. MVC(Modelo Vista Controlador) 4.2. Frameworks: 4.2.1. Jinja 4.2.2. Webapp2 4.2.3. Bootstrap 4.3. Diseños de clases 5. Construyendo unas bases sólidas de desarrollo 5.1. Herramientas de Provisionamiento 5.2. Herramientas de IC y despliegue. 5.3. Herramientas de Tests. 6. Pantallazos de intefaces 2
  • 3. 1. ¿QUÉ ES EVENGE? ● Evenge es una aplicación de gestión de eventos ● Una aplicación íntegramente en la nube ● Principios: ○ Creación y gestión ○ Difusión por Redes Sociales, E-mail y Blogs. ○ Generación de informes y diplomas 3
  • 4. ● Gestión de usuarios ● Inscripción ● Publicación del material ● Calendario de proyectos públicos para usuarios no registrados 1. ¿QUÉ ES EVENGE? 1.1. Características 4
  • 5. 2. Google App Engine 2.1 ¿QUÉ ES? ● Google App Engine 5
  • 6. 2. Google App Engine 2.2 ¿Por qué lo hemos usado? ● Usando las infraestructuras de Google ● Da soporte para diferentes tipos de lenguajes: ○ Python ○ Java ○ Go ○ PHP(incorporado recientemente) 6
  • 7. 2. Google App Engine 2.3 ¿Qué ventajas e inconvenientes que presenta? Ventajas: ● Datastore ● Portal de administración ● Generar un entorno de desarrollo local ● En gratis te ofrece: 500MB de espacio para tu aplicación y admite 5 millones de visitas mensuales. ● Es altamente escalable, así como la estabilidad y la seguridad. 7
  • 8. 2. Google App Engine 2.3 ¿Qué ventajas e inconvenientes que presenta? Alguno de los inconvenientes que nos encontramos son: ● El soporte para SSL solo está disponible par dominios *. appspot.com 8
  • 9. 3. MÉTODO DE TRABAJO DEL EQUIPO 3.1 SLACK ● Unificar las comunicaciones ● Crear diferentes canales ● Nos permite integración máxima: ○ GitHub ○ Google docs ○ Twitter 9
  • 10. 3. MÉTODO DE TRABAJO DEL EQUIPO 3.2 GitHub ● Proyecto y blog (bajo Jekyll) almacenado en el repositorio Evenge ● Método de aceptación y revisión de código 10
  • 11. 4. Diseño de la app 4.1 MVC(Modelo Vista Controlador) 11
  • 12. 4. Diseño de la app 4.2 Diseños de clases El modelo está dividido: ● Usuarios ● Organizaciones ● Eventos ● Asistentes ● Ponentes 12
  • 13. ● Es una librería que nos permite renderizar script en Python a HTML de una forma "Python style". ● Es un motor de plantillas con todas las funciones de Python. 4. Diseño de la app 4.3 Frameworks 13
  • 14. ● Se basa en request handler or simply handler: ● La decisión de usar Webapp2 es por : ○ Ligero, ○ simple ○ contiene el mismo sistema de las plantillas de Django 4. Diseño de la app 4.2 Frameworks 14
  • 15. ● Es el framework desarrollado por Twitter que permite crear interfaces web con CSS y Javascript Responsive Desing. ● Establece estilos rápidamente asignando clases en el HTML. 4. Diseño de la app 4.3 Frameworks 15
  • 16. 5. Construyendo unas bases sólidas de desarrollo 5.1 Herramientas de aprovisionamiento ● Docker para el aprovisionamiento de un entorno de desarrollo para Evenge ● Así como otro script para automatizar el proceso de instalación de Docker, todas las dependencias que requiere para su correcto funcionamiento y instalamos la imagen producida con el Dockerfile. 16
  • 17. 5. Construyendo unas bases sólidas de desarrollo 5.2 Herramientas de IC y despliegue ● Integración Continua: ○ Este sistema de integración continua permite crear, provisionar, testear y desplegar nuestra app en una máquina virtual, en el servidor que queramos. 17
  • 18. 5. Construyendo unas bases sólidas de desarrollo 5.2 Herramientas de IC y despliegue ● Despliegue: ○ Podemos desplegarla en local para realizar toda la batería de pruebas que necesitemos. ○ Para el despliegue final es tan sencillo como darle al botón “Deploy”. 18
  • 19. 5. Construyendo unas bases sólidas de desarrollo 5.3 Herramientas de Tests. NoseGae y Shippable ● Test unitarios def testInsertarEvento(self): evenge = Evenge() evento = Evento ( evt.nombre = “Evento de prueba” evt.tipo = 1 … ) response = evenge.testInsertarEvento(evento) self.assertEqual(response, True) 19
  • 20. 6. Pantallazos de interfaces 20 Desde esta pantalla podemos crear un nuevo usuario.
  • 21. 21 Pantalla para el login. 6. Pantallazos de interfaces
  • 22. 22 Desde la sección Mi cuenta, podemos ver los datos del usuario registrado y organizaciones creadas. 6. Pantallazos de interfaces
  • 23. 23 Ésta será la vista por defecto de evenge, donde podremos ver los eventos creados 6. Pantallazos de interfaces
  • 24. 24 Desde ésta página podemos crear un nuevo evento. 6. Pantallazos de interfaces
  • 25. 25 6. Pantallazos de interfaces
  • 26. 26 6. Pantallazos de interfaces
  • 27. 6. ¿Por que formar parte de Evenge? ● Aprender Google App Engine ● Desarrollos rápidos de aplicaciones web ● Conocimientos exportables a otras tecnologías como Django ● NoSQL y sistemas de plantillas ● Participar en un SaaS (forma fácil de ganar dinero) 27
  • 28. ¿Qué puedes hacer? ● Front-end (HTML,CSS y JS) ● Back-end (Python) ● Comunity manager ● Aportar nuevas ideas 28
  • 29. ¿Qué queremos hacer en #hackathonugr? 32 issues abiertos, por ahora... (Scrum) ○ Generar pdf ○ Publicidad por Twitter y Facebook automática ○ Algunas funcionalidades básicas: ■ ICMA Ponentes y asistentes ■ Pasar lista a asistentes ■ Darle dinamismo por JQuery ■ Hacer un inicio de presentación de la app ■ Y muchos etc más... 29
  • 31. 31 ¿Preguntas? Desarrolladores: ● Carlos Campos Fuentes ● Francisco Javier Expósito Cruz ● Iván Ortega Alba ● Victor Coronas Lara Evenge Gestor de eventos