SlideShare une entreprise Scribd logo
1  sur  28
Télécharger pour lire hors ligne
Diseño e implementación de una
aplicación web desatendida de
microblogging basada en
cloud computing
Sara Álvarez
Jonathan Salgado
Bilbao, Junio de 2010
1. Contexto
2. Objetivos
3. Tecnologías
4. Modelo de datos
5. Demostración
6. Conclusiones
7. Líneas futuras
8. ¿Preguntas?
Índice
Contexto
Contexto
Uso extendido de Internet:
…entre los más jóvenes
Sin distinción de sexo
en la universidad…
Bussiness data & infographics by focus.com
Contexto
Contexto
¿Qué pasa con
los más pequeños?
Contexto
Objetivos
Objetivos
• Extender la utilización de:
- Los recursos TIC’s puestos a disposición de profesores y alumnos
- Materiales digitales
• Objetivos propios de la aplicación web:
- Backend de usuarios utilizando la tecnología de Google Apps
- Mecanismo de publicación de tweets automático
- “Backchannel” del profesor y sus alumnos
Tecnologías
1. Google Apps +
Google App Engine
2. Spring MVC
3. Twitter
4. HTML + CSS + JSTL
5. JavaScript + AJAX
Plataformas de Cloud Computing
Modelo – Vista – Controlador
Servicio de microblogging
Diseño de las vistas
Feedback
Tecnologías
Tecnologías
• Cloud Computing
Se evitan problemas de:
• Conectividad
• Escalabilidad
• Seguridad
Tecnologías
• Cloud Computing
Independencia del hardware y software (es un servicio)
Tecnologías
• División de módulos del Framework Spring
“Para mí, un blog es intimidante,
es como mirar a un enorme lienzo.
Hay tantas posibilidades. Pero
cuando el espacio es restrictivo,
da menos miedo. Puedes ser más
directo y decir lo que piensas.”
Jack Dorsey – CEO Twitter
Tecnologías
• Twitter: servicio de microblogging limitado a 140 caracteres
Tecnologías
• Twitter: servicio de microblogging limitado a 140 caracteres
• Bit.Ly como recortador de URLs
Tecnologías
• Oauth: Protocolo abierto de autenticación [password]
Tecnologías
Tecnologías
• Tecnologías web
Asignacion
-id: key
-keyAsignatura: key
-keyRol: key
-keyUsuario: key
Asignatura
-id: key
-nickTwitter: string
-nombreAsig: string
-siglas: string
Clase
-id: key
-nombre: string
-aula: string
-duracion: int
-descripcion: string
Clase Programada
-id: key
-fecha: string
-hora: string
-cuentaTwitter: string
-disponible: bool
Cuenta Twitter
-id: key
-nickTwitter: string
-token: string
-tokenSecret: string
-activada: bool
Rol
-id: key
-nombre: string
Tweet
-id: key
-status: string
-offset: int
Usuario
-id: key
-nickname: string
-nombre: string
-apellidos: string
-utc: integer
*
1
*1
* 1
* 1
DAO
Modelo de datos
Demostración
Conclusiones
Conclusiones
Mejorar la calidad de la enseñanza
reduciendo la brecha digital
Conclusiones
• Es la base para desarrollar futuros proyectos en la
Cátedra Telefónica de la Universidad de Deusto
• Lo más difícil ha sido el trabajo de investigación
necesario para entender el nuevo paradigma Cloud
Computing y la plataforma Google Application Engine
Líneas futuras
Líneas futuras
• Realización de un calendario compartido por la clase
• Ampliación y mejora de la aplicación, con el objetivo de
que pueda usarse para la planificación de diferentes
unidades didácticas
SaraJonathan
Preguntas
¡Muchas gracias! ;-)
Todas las imágenes son propiedad
de sus respectivos dueños*, el
resto del contenido está licenciado
bajo Creative Commons by-sa 3.0
Disclaimer: la compañía, productos y nombres de servicios usados en esta
presentación están registrados y son propiedad de Google, Twitter, Bitly y Spring
respectivamente.
* Darwin Bell (Flickr), nDevilTV (Flickr), Isidro Vidal (Flickr), Beppie K (Flickr),
huladancer (Flickr), AJC1 (Flickr), Spigoo (Flickr), HVX Silverstar (Flickr),
Rejik (Flickr), 姒儿喵喵 (Flickr)

Contenu connexe

En vedette

Presentación del proyecto final de grado
Presentación del proyecto final de gradoPresentación del proyecto final de grado
Presentación del proyecto final de gradoLiliana Patricia VEra
 
1 tapa agradecimientos y dedicatorias
1  tapa agradecimientos y dedicatorias1  tapa agradecimientos y dedicatorias
1 tapa agradecimientos y dedicatoriasverisima1900
 
Presentacion proyecto final
Presentacion proyecto finalPresentacion proyecto final
Presentacion proyecto finalmeryr5422
 
Proyecto desalinización de agua del mar robinson
Proyecto desalinización de agua del mar robinsonProyecto desalinización de agua del mar robinson
Proyecto desalinización de agua del mar robinsonRobinsonVega
 
Modelos de elaboracion de tesis
Modelos de elaboracion de tesisModelos de elaboracion de tesis
Modelos de elaboracion de tesisAntonio Hdzz
 
Modelos para la elaboracion de tesis
Modelos para la elaboracion de tesisModelos para la elaboracion de tesis
Modelos para la elaboracion de tesismcaepistemologia
 
Resumen Capítulos I, II y III_Presentación del Proyecto_ Glenis Acosta
Resumen Capítulos I, II y III_Presentación del Proyecto_ Glenis AcostaResumen Capítulos I, II y III_Presentación del Proyecto_ Glenis Acosta
Resumen Capítulos I, II y III_Presentación del Proyecto_ Glenis AcostaGlenisAcosta
 
MANUAL PARA LA ELABORACIÓN Y PRESENTACIÓN DEL INFORME FINAL DEL EJE PROYECTO ...
MANUAL PARA LA ELABORACIÓN Y PRESENTACIÓN DEL INFORME FINAL DEL EJE PROYECTO ...MANUAL PARA LA ELABORACIÓN Y PRESENTACIÓN DEL INFORME FINAL DEL EJE PROYECTO ...
MANUAL PARA LA ELABORACIÓN Y PRESENTACIÓN DEL INFORME FINAL DEL EJE PROYECTO ...Cesar san jose
 
Elaboracion del informe final
Elaboracion del informe finalElaboracion del informe final
Elaboracion del informe finalsaliradu
 

En vedette (13)

Presentación del proyecto final de grado
Presentación del proyecto final de gradoPresentación del proyecto final de grado
Presentación del proyecto final de grado
 
1 tapa agradecimientos y dedicatorias
1  tapa agradecimientos y dedicatorias1  tapa agradecimientos y dedicatorias
1 tapa agradecimientos y dedicatorias
 
Presentacion proyecto final
Presentacion proyecto finalPresentacion proyecto final
Presentacion proyecto final
 
Proyecto desalinización de agua del mar robinson
Proyecto desalinización de agua del mar robinsonProyecto desalinización de agua del mar robinson
Proyecto desalinización de agua del mar robinson
 
Modelos de elaboracion de tesis
Modelos de elaboracion de tesisModelos de elaboracion de tesis
Modelos de elaboracion de tesis
 
Diseño de una instalación desaladora de agua de mar de gran capacidad
Diseño de una instalación desaladora de agua de mar de gran capacidadDiseño de una instalación desaladora de agua de mar de gran capacidad
Diseño de una instalación desaladora de agua de mar de gran capacidad
 
Modelos para la elaboracion de tesis
Modelos para la elaboracion de tesisModelos para la elaboracion de tesis
Modelos para la elaboracion de tesis
 
El Contexto Empresarial y La Empresa Como Sistema
El Contexto Empresarial y La Empresa Como SistemaEl Contexto Empresarial y La Empresa Como Sistema
El Contexto Empresarial y La Empresa Como Sistema
 
Resumen Capítulos I, II y III_Presentación del Proyecto_ Glenis Acosta
Resumen Capítulos I, II y III_Presentación del Proyecto_ Glenis AcostaResumen Capítulos I, II y III_Presentación del Proyecto_ Glenis Acosta
Resumen Capítulos I, II y III_Presentación del Proyecto_ Glenis Acosta
 
Modelo proyecto de tesis
Modelo proyecto de tesisModelo proyecto de tesis
Modelo proyecto de tesis
 
MANUAL PARA LA ELABORACIÓN Y PRESENTACIÓN DEL INFORME FINAL DEL EJE PROYECTO ...
MANUAL PARA LA ELABORACIÓN Y PRESENTACIÓN DEL INFORME FINAL DEL EJE PROYECTO ...MANUAL PARA LA ELABORACIÓN Y PRESENTACIÓN DEL INFORME FINAL DEL EJE PROYECTO ...
MANUAL PARA LA ELABORACIÓN Y PRESENTACIÓN DEL INFORME FINAL DEL EJE PROYECTO ...
 
Elaboracion del informe final
Elaboracion del informe finalElaboracion del informe final
Elaboracion del informe final
 
Modelo de Tesis
Modelo de TesisModelo de Tesis
Modelo de Tesis
 

Similaire à Defensa Final PFC

Maestría en Redes y Sistemas Integrados
Maestría en Redes y Sistemas IntegradosMaestría en Redes y Sistemas Integrados
Maestría en Redes y Sistemas IntegradosLANIA Mx
 
Formato_Información general.pptx
Formato_Información general.pptxFormato_Información general.pptx
Formato_Información general.pptxKarla Silva
 
Presentación final
Presentación finalPresentación final
Presentación finalAngel Rt
 
curriculo tecnico sistemas
curriculo tecnico sistemascurriculo tecnico sistemas
curriculo tecnico sistemasJose King
 
Curriculo tecnico sistemas
Curriculo tecnico sistemasCurriculo tecnico sistemas
Curriculo tecnico sistemasSena Tecnico
 
Curriculo tecnico sistemas
Curriculo tecnico sistemasCurriculo tecnico sistemas
Curriculo tecnico sistemasSena Tecnico
 
Estrutura curricular tecnico en sistemas
Estrutura curricular tecnico en sistemasEstrutura curricular tecnico en sistemas
Estrutura curricular tecnico en sistemasJose King
 
Curriculo tecnico sistemas
Curriculo tecnico sistemasCurriculo tecnico sistemas
Curriculo tecnico sistemasSena Tecnico
 
Tec sistemas 228102
Tec sistemas 228102Tec sistemas 228102
Tec sistemas 228102sistemasjt
 
Optativas presentacion gral año 2014 - arq redes y so - versión final
Optativas   presentacion gral año 2014 - arq redes y so - versión finalOptativas   presentacion gral año 2014 - arq redes y so - versión final
Optativas presentacion gral año 2014 - arq redes y so - versión finalinfounlp
 
Webinar Arquitectura de Microservicios
Webinar Arquitectura de MicroserviciosWebinar Arquitectura de Microservicios
Webinar Arquitectura de MicroserviciosDomingo Suarez Torres
 
Presentacion proyecto e-tic
Presentacion proyecto e-ticPresentacion proyecto e-tic
Presentacion proyecto e-ticEdgar Sandoval
 
Industrializacionde la IA Maria Borbones
Industrializacionde la IA Maria BorbonesIndustrializacionde la IA Maria Borbones
Industrializacionde la IA Maria BorbonesWiMLDS_Madrid
 

Similaire à Defensa Final PFC (20)

Maestría en Redes y Sistemas Integrados
Maestría en Redes y Sistemas IntegradosMaestría en Redes y Sistemas Integrados
Maestría en Redes y Sistemas Integrados
 
Formato_Información general.pptx
Formato_Información general.pptxFormato_Información general.pptx
Formato_Información general.pptx
 
Presentación final
Presentación finalPresentación final
Presentación final
 
curriculo tecnico sistemas
curriculo tecnico sistemascurriculo tecnico sistemas
curriculo tecnico sistemas
 
Curriculo tecnico sistemas
Curriculo tecnico sistemasCurriculo tecnico sistemas
Curriculo tecnico sistemas
 
Curriculo tecnico sistemas
Curriculo tecnico sistemasCurriculo tecnico sistemas
Curriculo tecnico sistemas
 
Curriculo tecnico sistemas
Curriculo tecnico sistemasCurriculo tecnico sistemas
Curriculo tecnico sistemas
 
Estrutura curricular tecnico en sistemas
Estrutura curricular tecnico en sistemasEstrutura curricular tecnico en sistemas
Estrutura curricular tecnico en sistemas
 
Curriculo tecnico sistemas
Curriculo tecnico sistemasCurriculo tecnico sistemas
Curriculo tecnico sistemas
 
Curriculo tecnico sistemas
Curriculo tecnico sistemasCurriculo tecnico sistemas
Curriculo tecnico sistemas
 
Tec Sistemas 228102
Tec Sistemas 228102Tec Sistemas 228102
Tec Sistemas 228102
 
Tec sistemas 228102
Tec sistemas 228102Tec sistemas 228102
Tec sistemas 228102
 
Optativas presentacion gral año 2014 - arq redes y so - versión final
Optativas   presentacion gral año 2014 - arq redes y so - versión finalOptativas   presentacion gral año 2014 - arq redes y so - versión final
Optativas presentacion gral año 2014 - arq redes y so - versión final
 
Webinar Arquitectura de Microservicios
Webinar Arquitectura de MicroserviciosWebinar Arquitectura de Microservicios
Webinar Arquitectura de Microservicios
 
Curso programación con visual 2008
Curso programación con visual 2008Curso programación con visual 2008
Curso programación con visual 2008
 
Presentacion proyecto e-tic
Presentacion proyecto e-ticPresentacion proyecto e-tic
Presentacion proyecto e-tic
 
Presentación ITILmobile
Presentación ITILmobilePresentación ITILmobile
Presentación ITILmobile
 
Clase28
Clase28Clase28
Clase28
 
Industrializacionde la IA Maria Borbones
Industrializacionde la IA Maria BorbonesIndustrializacionde la IA Maria Borbones
Industrializacionde la IA Maria Borbones
 
Modulo 1
Modulo 1Modulo 1
Modulo 1
 

Dernier

Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estossgonzalezp1
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosJhonJairoRodriguezCe
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...JohnRamos830530
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanamcerpam
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21mariacbr99
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativanicho110
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIhmpuellon
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxJorgeParada26
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.FlorenciaCattelani
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxFederico Castellari
 

Dernier (10)

Avances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estosAvances tecnológicos del siglo XXI y ejemplos de estos
Avances tecnológicos del siglo XXI y ejemplos de estos
 
Guia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos BasicosGuia Basica para bachillerato de Circuitos Basicos
Guia Basica para bachillerato de Circuitos Basicos
 
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
Resistencia extrema al cobre por un consorcio bacteriano conformado por Sulfo...
 
Avances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvanaAvances tecnológicos del siglo XXI 10-07 eyvana
Avances tecnológicos del siglo XXI 10-07 eyvana
 
Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
redes informaticas en una oficina administrativa
redes informaticas en una oficina administrativaredes informaticas en una oficina administrativa
redes informaticas en una oficina administrativa
 
investigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXIinvestigación de los Avances tecnológicos del siglo XXI
investigación de los Avances tecnológicos del siglo XXI
 
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptxEVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
EVOLUCION DE LA TECNOLOGIA Y SUS ASPECTOSpptx
 
How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.How to use Redis with MuleSoft. A quick start presentation.
How to use Redis with MuleSoft. A quick start presentation.
 
Buenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptxBuenos_Aires_Meetup_Redis_20240430_.pptx
Buenos_Aires_Meetup_Redis_20240430_.pptx
 

Defensa Final PFC

  • 1. Diseño e implementación de una aplicación web desatendida de microblogging basada en cloud computing Sara Álvarez Jonathan Salgado Bilbao, Junio de 2010
  • 2. 1. Contexto 2. Objetivos 3. Tecnologías 4. Modelo de datos 5. Demostración 6. Conclusiones 7. Líneas futuras 8. ¿Preguntas? Índice
  • 5. Uso extendido de Internet: …entre los más jóvenes Sin distinción de sexo en la universidad… Bussiness data & infographics by focus.com Contexto
  • 9. Objetivos • Extender la utilización de: - Los recursos TIC’s puestos a disposición de profesores y alumnos - Materiales digitales • Objetivos propios de la aplicación web: - Backend de usuarios utilizando la tecnología de Google Apps - Mecanismo de publicación de tweets automático - “Backchannel” del profesor y sus alumnos
  • 11. 1. Google Apps + Google App Engine 2. Spring MVC 3. Twitter 4. HTML + CSS + JSTL 5. JavaScript + AJAX Plataformas de Cloud Computing Modelo – Vista – Controlador Servicio de microblogging Diseño de las vistas Feedback Tecnologías
  • 12. Tecnologías • Cloud Computing Se evitan problemas de: • Conectividad • Escalabilidad • Seguridad
  • 13. Tecnologías • Cloud Computing Independencia del hardware y software (es un servicio)
  • 14. Tecnologías • División de módulos del Framework Spring
  • 15. “Para mí, un blog es intimidante, es como mirar a un enorme lienzo. Hay tantas posibilidades. Pero cuando el espacio es restrictivo, da menos miedo. Puedes ser más directo y decir lo que piensas.” Jack Dorsey – CEO Twitter Tecnologías • Twitter: servicio de microblogging limitado a 140 caracteres
  • 16. Tecnologías • Twitter: servicio de microblogging limitado a 140 caracteres
  • 17. • Bit.Ly como recortador de URLs Tecnologías
  • 18. • Oauth: Protocolo abierto de autenticación [password] Tecnologías
  • 20. Asignacion -id: key -keyAsignatura: key -keyRol: key -keyUsuario: key Asignatura -id: key -nickTwitter: string -nombreAsig: string -siglas: string Clase -id: key -nombre: string -aula: string -duracion: int -descripcion: string Clase Programada -id: key -fecha: string -hora: string -cuentaTwitter: string -disponible: bool Cuenta Twitter -id: key -nickTwitter: string -token: string -tokenSecret: string -activada: bool Rol -id: key -nombre: string Tweet -id: key -status: string -offset: int Usuario -id: key -nickname: string -nombre: string -apellidos: string -utc: integer * 1 *1 * 1 * 1 DAO Modelo de datos
  • 23. Conclusiones Mejorar la calidad de la enseñanza reduciendo la brecha digital
  • 24. Conclusiones • Es la base para desarrollar futuros proyectos en la Cátedra Telefónica de la Universidad de Deusto • Lo más difícil ha sido el trabajo de investigación necesario para entender el nuevo paradigma Cloud Computing y la plataforma Google Application Engine
  • 26. Líneas futuras • Realización de un calendario compartido por la clase • Ampliación y mejora de la aplicación, con el objetivo de que pueda usarse para la planificación de diferentes unidades didácticas
  • 28. ¡Muchas gracias! ;-) Todas las imágenes son propiedad de sus respectivos dueños*, el resto del contenido está licenciado bajo Creative Commons by-sa 3.0 Disclaimer: la compañía, productos y nombres de servicios usados en esta presentación están registrados y son propiedad de Google, Twitter, Bitly y Spring respectivamente. * Darwin Bell (Flickr), nDevilTV (Flickr), Isidro Vidal (Flickr), Beppie K (Flickr), huladancer (Flickr), AJC1 (Flickr), Spigoo (Flickr), HVX Silverstar (Flickr), Rejik (Flickr), 姒儿喵喵 (Flickr)