SenchaUPC

651 views

Published on

Introduccion al framework SENCHA y prototipo de aplicacion UPC

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
651
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
14
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

SenchaUPC

  1. 1. características<br />DesarrolloparaPlataformasMóviles – EPE 2011-2<br />Rocío Mejia<br />Miguel Montoya<br />Gustavo Morales<br />
  2. 2. SENCHA TOUCH<br />
  3. 3. Quéessencha touch?<br />Framework que permite desarrollar aplicaciones web móviles que se ven y se sienten nativas en el iPhone, Android, y los dispositivos BlackBerry táctiles.<br />Es un paquete de libreriasjavascript.<br />Creadoparadispositivos touch como los smartphones y tablets.<br />
  4. 4. características<br />Sencha Touch<br />
  5. 5. Estándar web<br />Aprovechar el máximo nivel de potencia, flexibilidad y optimización de HTML5, CSS y Javascript.<br />Uso de HTML5 para ofrecer componentes como audio y video, así como un almacenamiento local para datos en línea.<br />Amplio uso de CSS3 en la capa de diseño.<br />
  6. 6. Táctil<br />Soporte extendido de distintos eventos para el contacto.<br />Tap (tocar)<br />Double tap (doble toque)<br />Swipe (deslizar)<br />Tap and hold (tocar y mantener)<br />Pinch (sujetar)<br />Rotate (rotar)<br />
  7. 7. Integración con phonegap<br />Phonegap le provee de una capa nativa para iOS de Apple y Android de Google.<br />Phonegappermiteutilizarlas API nativas de los dispositivos.<br />
  8. 8. Preparadopara…<br />Android 2.1<br />iOS3 (iPhone y iPad).<br />Blackberry 6 (Blackberry).<br />
  9. 9. Integración de datos<br />AJAX<br />JSONP<br />YQL<br />
  10. 10. desarrollo<br />Sencha Touch<br />
  11. 11. requerimientos<br />SDK de Sencha Touch http://www.sencha.com/products/touch/download/1.1.0/<br />EmuladorPara iPhone http://www.genuitec.com/mobile/download.htmlPara Android AVD Manager<br />Servidor webInternet Information ServicesApache<br />
  12. 12. Estructura del site<br />
  13. 13. Index.html<br /><!DOCTYPE html><br /><html><br /> <head><br /> <meta http-equiv="Content-Type" content="text/html; <br />charset=utf-8"><br /> <title>HelloWorld</title><br /> <script src="lib/touch/sencha-touch.js" type="text/javascript"><br /> </script><br /> <link href="lib/touch/resources/css/sencha-touch.css“<br />rel="stylesheet" type="text/css" /><br /><style><br /> .hello{background:#ffffff}<br /> .world{background:#ff0000}<br /> </style><br /> <-- LA APLICACION <br /> </head><br /> <body><br /> </body><br /></html><br />
  14. 14. aplicación<br /><script type="text/javascript"><br /> new Ext.Application({ <br />name: 'Helloworld',<br />launch: function(){<br />new Ext.TabPanel({<br />fullscreen: true,<br />dockedItems: [{xtype:'toolbar',title:'HelloWorrld'}],<br />items: [{ html:'Hello',cls:'hello', title:'hello'},<br />{ html:'World',cls:'world', title:'world'}],<br />layout: 'hbox'<br />});<br />}<br />});<br /></script><br />
  15. 15. aplicación<br />
  16. 16. aplicación<br />
  17. 17. aplicación<br />
  18. 18. aplicación<br />
  19. 19. aplicación<br />
  20. 20. aplicación<br />
  21. 21. aplicación<br />
  22. 22. conclusiones<br />Sencha Touch<br />
  23. 23. licenciamiento<br />Commercial Software Licence<br />Commercial OEM License <br />Commercial Software Beta License<br />Open Source License<br />
  24. 24. licenciamiento<br />Commercial Software Licence<br />Commercial OEM License <br />Commercial Software Beta License<br />Open Source License<br />
  25. 25. resumen<br />Solución para el desarrollo de aplicaciones móviles empresariales.<br />Creado con los estrictos estándares de codificación y un modelo familiar de herencia clásica. <br />Salida basada en web que independiza las aplicaciones.<br />

×