Diseño e implementación de una
aplicación web desatendida de
microblogging basada en
cloud computing
Sara Álvarez
Jonathan...
1. Contexto
2. Objetivos
3. Tecnologías
4. Modelo de datos
5. Demostración
6. Conclusiones
7. Líneas futuras
8. ¿Preguntas...
Contexto
Contexto
Uso extendido de Internet:
…entre los más jóvenes
Sin distinción de sexo
en la universidad…
Bussiness data & infographics ...
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 di...
Tecnologías
1. Google Apps +
Google App Engine
2. Spring MVC
3. Twitter
4. HTML + CSS + JSTL
5. JavaScript + AJAX
Plataformas de Cloud...
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 re...
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...
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...
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 objet...
SaraJonathan
Preguntas
¡Muchas gracias! ;-)
Todas las imágenes son propiedad
de sus respectivos dueños*, el
resto del contenido está licenciado
b...
Upcoming SlideShare
Loading in …5
×

Defensa Final PFC

1,188 views
1,118 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,188
On SlideShare
0
From Embeds
0
Number of Embeds
314
Actions
Shares
0
Downloads
16
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Defensa Final PFC

  1. 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. 2. 1. Contexto 2. Objetivos 3. Tecnologías 4. Modelo de datos 5. Demostración 6. Conclusiones 7. Líneas futuras 8. ¿Preguntas? Índice
  3. 3. Contexto
  4. 4. Contexto
  5. 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
  6. 6. Contexto ¿Qué pasa con los más pequeños?
  7. 7. Contexto
  8. 8. Objetivos
  9. 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
  10. 10. Tecnologías
  11. 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. 12. Tecnologías • Cloud Computing Se evitan problemas de: • Conectividad • Escalabilidad • Seguridad
  13. 13. Tecnologías • Cloud Computing Independencia del hardware y software (es un servicio)
  14. 14. Tecnologías • División de módulos del Framework Spring
  15. 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. 16. Tecnologías • Twitter: servicio de microblogging limitado a 140 caracteres
  17. 17. • Bit.Ly como recortador de URLs Tecnologías
  18. 18. • Oauth: Protocolo abierto de autenticación [password] Tecnologías
  19. 19. Tecnologías • Tecnologías web
  20. 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
  21. 21. Demostración
  22. 22. Conclusiones
  23. 23. Conclusiones Mejorar la calidad de la enseñanza reduciendo la brecha digital
  24. 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
  25. 25. Líneas futuras
  26. 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
  27. 27. SaraJonathan Preguntas
  28. 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)

×