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

Weitere ähnliche Inhalte

Ähnlich wie SenchaUPC

Ähnlich wie SenchaUPC (20)

Html5 para móviles
Html5 para móvilesHtml5 para móviles
Html5 para móviles
 
Mobile Web
Mobile WebMobile Web
Mobile Web
 
Introducción al desarrollo web
Introducción al desarrollo webIntroducción al desarrollo web
Introducción al desarrollo web
 
HTML5 la revolución!
HTML5 la revolución!HTML5 la revolución!
HTML5 la revolución!
 
¿Qué es la Web Semántica?
¿Qué es la Web Semántica?¿Qué es la Web Semántica?
¿Qué es la Web Semántica?
 
PHP Con symfony
PHP Con symfonyPHP Con symfony
PHP Con symfony
 
HTML5
HTML5HTML5
HTML5
 
HTML5, CSS3 y móviles
HTML5, CSS3 y móvilesHTML5, CSS3 y móviles
HTML5, CSS3 y móviles
 
Symfony2: Interacción con CSS, JS y HTML5
Symfony2: Interacción con CSS, JS y HTML5Symfony2: Interacción con CSS, JS y HTML5
Symfony2: Interacción con CSS, JS y HTML5
 
Encuentro Linux 2011
Encuentro Linux 2011Encuentro Linux 2011
Encuentro Linux 2011
 
Las Ventajas de usar HTML5 Y CSS3
Las Ventajas de usar HTML5 Y CSS3Las Ventajas de usar HTML5 Y CSS3
Las Ventajas de usar HTML5 Y CSS3
 
HTML5 Enfoque Semantico
HTML5 Enfoque SemanticoHTML5 Enfoque Semantico
HTML5 Enfoque Semantico
 
Conociendo php (201009)
Conociendo php (201009)Conociendo php (201009)
Conociendo php (201009)
 
Step by step developing with Facebook PHP API by Bruno Kamiche
Step by step developing  with Facebook PHP API by Bruno KamicheStep by step developing  with Facebook PHP API by Bruno Kamiche
Step by step developing with Facebook PHP API by Bruno Kamiche
 
Javascript
JavascriptJavascript
Javascript
 
Building Ria Applications With Silverlight 2
Building Ria Applications With Silverlight 2Building Ria Applications With Silverlight 2
Building Ria Applications With Silverlight 2
 
Conociendo PHP
Conociendo PHPConociendo PHP
Conociendo PHP
 
Html daniela vargas
Html daniela vargasHtml daniela vargas
Html daniela vargas
 
HTML5
HTML5HTML5
HTML5
 
Html 5
Html 5Html 5
Html 5
 

Kürzlich hochgeladen

EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
FagnerLisboa3
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
AnnimoUno1
 

Kürzlich hochgeladen (11)

Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21Innovaciones tecnologicas en el siglo 21
Innovaciones tecnologicas en el siglo 21
 
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptxPROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
PROYECTO FINAL. Tutorial para publicar en SlideShare.pptx
 
EPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial UninoveEPA-pdf resultado da prova presencial Uninove
EPA-pdf resultado da prova presencial Uninove
 
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdfRefrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
Refrigerador_Inverter_Samsung_Curso_y_Manual_de_Servicio_Español.pdf
 
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
 
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.
 
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptxEL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
EL CICLO PRÁCTICO DE UN MOTOR DE CUATRO TIEMPOS.pptx
 
Modulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdfModulo-Mini Cargador.................pdf
Modulo-Mini Cargador.................pdf
 
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
 
pruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNITpruebas unitarias unitarias en java con JUNIT
pruebas unitarias unitarias en java con JUNIT
 

SenchaUPC