Desarrollo Nativo v.s. HTML5
Nativo
• Lo bueno
– Mejor rendimiento
– Mejor UX
• Lo malo
– Un equipo de desarrollo
por cada...
¿Que es Intel XDK?
• Es una plataforma para desarrollo de
aplicaciones HTML5
– IDE
– Emulador
– Depuración local
– Depurac...
Vias para empezar
Vistazo General
Mediante el Bride de XDK se puede acceder a los servicios
del dispositivo como objetos javascript
• Accelerometro
• Cache
...
Integracion con jQuery Mobile
Un ejemplo sencillo
• Crear una aplicacion que guarde datos
en la base de datos locales, consulte
una url externa y deje p...
Base de datos
• var db = openDatabase ("acceso", "", "acceso", 65535);
• db.transaction (function (t){
• var sql = "CREATE...
Insert y Ajax
$(document).ready(function(){
$("#btn_test").click(function(){
alert("Hola Mundo");
prueba++;
console.log(pr...
Emular y depurar localmente
Testing en dispositivo
Testing en dispositivo
Publicar
Firma de aplicaciones
Desarrollo de aplicaciones moviles con Intel XDK
Desarrollo de aplicaciones moviles con Intel XDK
Upcoming SlideShare
Loading in …5
×

Desarrollo de aplicaciones moviles con Intel XDK

8,330
-1

Published on

Intel XDK es una herramienta para desarrollo móvil cross platform basada en tecnologías web como HTML5 y CSS.

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

  • Be the first to like this

No Downloads
Views
Total Views
8,330
On Slideshare
0
From Embeds
0
Number of Embeds
15
Actions
Shares
0
Downloads
60
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Desarrollo de aplicaciones moviles con Intel XDK

  1. 1. Desarrollo Nativo v.s. HTML5 Nativo • Lo bueno – Mejor rendimiento – Mejor UX • Lo malo – Un equipo de desarrollo por cada plataforma • Lo feo – Es mas caro y difícil para desarrollar Html 5 • Lo bueno – Un único desarrollo para todas las plataformas – Más facil y económico de desarrollar • Lo malo – Menor rendimiento • Lo feo – La UX no es perfecta
  2. 2. ¿Que es Intel XDK? • Es una plataforma para desarrollo de aplicaciones HTML5 – IDE – Emulador – Depuración local – Depuración en dispositivo – Publicación • http://xdk-software.intel.com/ • El App preview se descarga desde appsotre o google play.
  3. 3. Vias para empezar
  4. 4. Vistazo General
  5. 5. Mediante el Bride de XDK se puede acceder a los servicios del dispositivo como objetos javascript • Accelerometro • Cache • Cámara • Canvas • Contactos • Display • Archivos • Facebook • Geolocalizacion • Multitouch • Notificaciones • Jugador • Playingtrack • Propiedades para detectar el entorno
  6. 6. Integracion con jQuery Mobile
  7. 7. Un ejemplo sencillo • Crear una aplicacion que guarde datos en la base de datos locales, consulte una url externa y deje pistas de log
  8. 8. Base de datos • var db = openDatabase ("acceso", "", "acceso", 65535); • db.transaction (function (t){ • var sql = "CREATE TABLE IF NOT EXISTS usuarios " + • "(usuario_nombre VARCHAR(50) NOT NULL, " + • "usuario_email VARCHAR(80) NOT NULL, " + • "usuario_nivel INT(10) NOT NULL, " + • "user_api_key VARCHAR(120) NOT NULL)"; • t.executeSql (sql, undefined, function (){ • $("#mensajes_form").append("<p class='mensaje'>Creo la tabla de usuarios</p>"); • }, error); • }); • • function error (transaction, err){ • alert ("DB error : " + err.message); • $("#mensajes_form").append("<p class='mensaje'>Error de base de datos "+err.message+"</p>"); • return false; • };
  9. 9. Insert y Ajax $(document).ready(function(){ $("#btn_test").click(function(){ alert("Hola Mundo"); prueba++; console.log(prueba); db.transaction(function(transaction){ ins="INSERT INTO usuario (usuarios_nombre,usuario_email,usuario_nivel,user_api_key) values('"+$("#user").val()+"','"+$("#email").val()+"','1','5678')"; transaction.executeSql(ins,undefined,function(){ $("#mensajes_form").append("<p class='mensaje'>Se actualiz&oacute; el usuario</p>"); },error); })//db.transaction }) $("#btn_cp").click(function(){ var datos="cp="+$("#cp").val(); $.ajax({ type: "GET", url:"http://madhouse.com.mx/mad_services/index.php/direccion/info_cp.json", data: datos, cache: false, dataType: 'json', success: function(data){ alert(data[0].colonia_nombre); }, error: function(data){ alert(data); } });//ajax })// })
  10. 10. Emular y depurar localmente
  11. 11. Testing en dispositivo
  12. 12. Testing en dispositivo
  13. 13. Publicar
  14. 14. Firma de aplicaciones
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×