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

5,600

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
5,600
On Slideshare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
51
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.

×