• Like
SenchaUPC
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

Published

Introduccion al framework SENCHA y prototipo de aplicacion UPC

Introduccion al framework SENCHA y prototipo de aplicacion UPC

Published in Technology
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
537
On SlideShare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
14
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

Transcript

  • 1. características
    DesarrolloparaPlataformasMóviles – EPE 2011-2
    Rocío Mejia
    Miguel Montoya
    Gustavo Morales
  • 2. SENCHA TOUCH
  • 3. 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.
  • 4. características
    Sencha Touch
  • 5. 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.
  • 6. 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)
  • 7. 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.
  • 8. Preparadopara…
    Android 2.1
    iOS3 (iPhone y iPad).
    Blackberry 6 (Blackberry).
  • 9. Integración de datos
    AJAX
    JSONP
    YQL
  • 10. desarrollo
    Sencha Touch
  • 11. 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
  • 12. Estructura del site
  • 13. 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>
  • 14. 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>
  • 15. aplicación
  • 16. aplicación
  • 17. aplicación
  • 18. aplicación
  • 19. aplicación
  • 20. aplicación
  • 21. aplicación
  • 22. conclusiones
    Sencha Touch
  • 23. licenciamiento
    Commercial Software Licence
    Commercial OEM License
    Commercial Software Beta License
    Open Source License
  • 24. licenciamiento
    Commercial Software Licence
    Commercial OEM License
    Commercial Software Beta License
    Open Source License
  • 25. 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.