SenchaUPC
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

SenchaUPC

on

  • 771 views

Introduccion al framework SENCHA y prototipo de aplicacion UPC

Introduccion al framework SENCHA y prototipo de aplicacion UPC

Statistics

Views

Total Views
771
Views on SlideShare
771
Embed Views
0

Actions

Likes
0
Downloads
13
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

SenchaUPC Presentation 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.