Jetpack keynote-fudcon-jul2010

781 views

Published on

Presentation made on FUDCON SCL

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

  • Be the first to like this

No Downloads
Views
Total views
781
On SlideShare
0
From Embeds
0
Number of Embeds
7
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Jetpack keynote-fudcon-jul2010

  1. 1. Explorando nuevas formas para extender y personalizar la web RoDrigo García S. Mozilla Jetpack Ambassador Sunday, July 25, 2010
  2. 2. Uh ... ¿ Jetpack? Una librería que permite escribir extensiones de una forma simple y al alcance de tod@s. ¿Sabes construir un sitio web? Entonces puedes construir una extensión para Firefox Sunday, July 25, 2010
  3. 3. Old School Jetpacks XUL Javascript + CSS + HTML Sunday, July 25, 2010
  4. 4. ¿Cuan Rápido? jetpack.statusBar.append({   html: "Click me<i>!</i>",   width: 45,   onReady: function(widget){     $(widget).click(function(){       jetpack.notifications.show( "Booming!" );       $(jetpack.tabs.focused.contentDocument)         .find("body")         .css({backgroundColor:"red"})         .animate({opacity:.5});     });  } }); * Ejemplo aplica solo a Jetpack Prototype Sunday, July 25, 2010
  5. 5. Robustez Sunday, July 25, 2010
  6. 6. Arquitectura Sunday, July 25, 2010
  7. 7. Te entregamos las herramientas... FlightDeck Firefox (IDE) Jetpack XPI SDK Sunday, July 25, 2010
  8. 8. Como funciona el SDK Jetpack SDK * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  9. 9. Como funciona el SDK Jetpack SDK Jetpack (Extensión) * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  10. 10. Como funciona el SDK Jetpack SDK Jetpack (Extensión) * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  11. 11. Como funciona el SDK Jetpack SDK Jetpack (Extensión) * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  12. 12. Como funciona el SDK Jetpack SDK Jetpack (Extensión) * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  13. 13. Como funciona el SDK Jetpack SDK Jetpack (Extensión) * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  14. 14. Como funciona el SDK Jetpack SDK Jetpack (Extensión) Jetpack API * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  15. 15. Como funciona el SDK Jetpack SDK Jetpack (Extensión) Jetpack API * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  16. 16. Como funciona el SDK Jetpack SDK Jetpack (Extensión) SDK (command line) Jetpack API * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  17. 17. Como funciona el SDK Jetpack SDK Jetpack (Extensión) SDK (command line) Jetpack API * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  18. 18. Como funciona el SDK Jetpack SDK Jetpack (Extensión) XPI SDK (command line) Jetpack API * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  19. 19. Como funciona el SDK Jetpack SDK Jetpack (Extensión) Jetpack XPI (Extensión) SDK (command line) Jetpack API * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  20. 20. Como funciona el SDK Jetpack SDK Jetpack (Extensión) Jetpack XPI (Extensión) SDK (command line) Jetpack API * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  21. 21. Como funciona el SDK Jetpack SDK Jetpack (Extensión) Jetpack XPI (Extensión) SDK (command line) Jetpack Jetpack API Loader* * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  22. 22. Como funciona el SDK Jetpack SDK Jetpack (Extensión) Jetpack XPI (Extensión) SDK (command line) Jetpack Jetpack API Loader* * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  23. 23. Como funciona el SDK Jetpack SDK Jetpack (Extensión) Jetpack XPI (Extensión) SDK (command line) Jetpack Jetpack API Loader* * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  24. 24. Como funciona el SDK Jetpack SDK Jetpack (Extensión) Jetpack XPI (Extensión) SDK (command line) Jetpack Jetpack API Loader* * El código de Jetpack Loader es firmado por Mozilla Sunday, July 25, 2010
  25. 25. Como funciona el SDK Jetpack SDK Jetpack (Extensión) Jetpack XPI (Extensión) SDK (command line) Jetpack Jetpack API Loader* * El código de Jetpack Loader es firmado por Mozilla Librería propia Sunday, July 25, 2010
  26. 26. Cada extensión es una isla image: Daniel Buchner (cc) Sunday, July 25, 2010
  27. 27. Cada extensión es una isla ... y que puedes moldear image: Daniel Buchner (cc) Sunday, July 25, 2010
  28. 28. En resumen Una forma simple de desarrollar extensiones No necesitas conocer XUL No es necesario reiniciar Firefox Seguridad APIs probados anteriormente Puedes modelar tu propia experiencia en Internet Sunday, July 25, 2010
  29. 29. ¡Participa de la Comunidad! Web: http://mozillalabs.com/jetpack/ Wiki: http://wiki.mozilla.org/Labs/Jetpack IRC: Servidor: irc.mozilla.org #jetpack Sunday, July 25, 2010

×