BLOG

Conferencia: PhoneGap, qué es y cómo empezar

Hola a todos.
¡¡Ya está disponible toda la documentación de la Conferencia “PhoneGap, qué es y cómo empezar”!!, por José Jesús Pérez Rivas del pasado 24 de octubre en las instalaciones de CamOn, en Alicante.
Aquí os compartimos la Conferencia íntegra, así como las diapositivas y vídeos tutoriales que se utilizaron como soporte en la Conferencia. En esta se habló de la base de desarrollo de PhoneGap (HTML, CSS y Javascript) y posibles frameworks y plugin que podemos utilizar para conseguir que con una misma programación tu aplicación esté adaptada a todos los sistemas operativos que soporta PhoneGap.
Esperamos que disfrutéis y os sean de utilidad.

Conferencia

Materiales

Instalar Node.js para PhoneGap

Cómo crear tu primera app PhoneGap con comandos

Importar proyecto Phonegap en Eclipse y exportar la APK

52 Respuestas.

  1. alejandro giraldo duque alejandro giraldo duque dice:

    Excelentes.. muchas felicitaciones.. por cierto por que saca tanto error en el playback de los videos

  2. cgcorreaguido cgcorreaguido dice:

    Felicidades por la conferencia….disculpe una pregunta al crear un proyecto phonegap en los comandos en que plataformas funcionara la aplicacion
    (android 2.3 o cual?) o hay alguna manera de configurar aquello?….Gracias….

  3. Matías dice:

    Muy buena la conferencia, felicidades!

  4. florez0 dice:

    Muchas gracias, excelente clase, vale la pena verlo completo.

  5. florez0 dice:

    Como puedo definir la ruta del sdk por consola en windows?
    Lo tengo en c:/sdk
    Gracias.

  6. kiramishima kiramishima dice:

    Muy buena conferencia, solo falto la parte de los plugins, ya que seria de mucha ayuda, yo estoy trabajando con Cordova y al agregarlos con cordova plugin add or.apache.notification por ejemplo, y despues de hacer buil en la carpeta de assets genera y agrega los javascripts sin hacerlo manual, pero a la hora de correr me dice que no encuentra la clase Java, mi pregunta es: ¿Cordova/Phonegap los debio de haber agregado o hay que agregarlos manualmente y phonegap solo se encarga de proveer los javascripts?

  7. ADA LOVELACE dice:

    me parece excelente el video de la conferencia. soi nuevo en esto de las aplicaciones móviles, aunque tengo conocimientos de html, css y php, y he incursionado con un moderado grado de satisfacción en desarrollo web.

    ahora quiero meterme de lleno en lo que son las mobile apps. tengo muchas ideas y proyectos en mente. ojala PhoneGap me ayude a concretarlas.

  8. cquin22 dice:

    Hola gracias por el aporte, muy buena pagina… estoy tratando de hacer este mismo proceso en Windows 8, con Node.JS tambien, y tengo un error que me sale cuando hacemos la compilación por medio del comando: “phonegap run android” el error es el siguiente: An error occurred during creation of android sub-project. ERROR : executing command ‘ant’, make sure you have ant installed and added to your path.

    si pudieran ayudarme, apenas comienzo con todo esto de phongap y no se bien manejar la linea de comandos..

  9. danitelo dice:

    muy buen conferencia! una pregunta, se puede hacer aplicaciones que no sean pantalla completa, como un teclado virtual tipo swype

  10. Victor Cara vic_man dice:

    Comentar para la gente, que yo por ejemplo he tenido varios problemas al instalar phonegap con la última versión de OS Mavericks.

    En un principio todos los pasos funcionaban igual, pero al añadir la plataforma android me devolvía esta respuesta:

    “ERROR : executing command ‘ant’, make sure you have ant installed and added to your path.”

    Buscando un poco encontré esto:
    http://stackoverflow.com/questions/19495610/error-executing-command-ant-on-mac-os-x-10-9-mavericks-when-building-for-andro

    Siguiendo esos pasos ya tengo Phonegap funcionando perfectamente en OS Mavericks.

  11. vampy74 vampy74 dice:

    Hola Jesus,

    Excelente la vídeo conferencia. Tengo en mente hacer un App de registro de usuarios y recarga de saldo. Esto actualmente ya funciona en ambiente web. La idea seria aprovechar ese código php en el caso del registro de clientes y en el caso de compra de saldo que haga una llamada dinámica de los productos que están publicados en mi eshop web. Pero no se por donde comenzar. El entorno que tengo para desarrollo es DW. Espero me ayudes porque estoy algo perdido ya que no se si hacer el típico App que referencia a la web o lo mejor adaptar ese formulario y el carrito de compra a todos los aspectos móviles. Saludos y espero tu consejo.

  12. Ricardo dice:

    Saludos amigos, miren quiero crear mi primera app con eclipse y me sale esto… espero alguien me pueda ayudar

    “mbp-de-cuisi:primeraapp Blogs$ phonegap run android
    [phonegap] detecting Android SDK environment…
    [phonegap] using the local environment
    [phonegap] adding the Android platform…
    [error] An error occured during creation of android sub-project.

    /Users/Blogs/.cordova/lib/android/cordova/3.3.0/bin/node_modules/q/q.js:126
    throw e;
    ^
    Error: The command “android” failed. Make sure you have the latest Android SDK installed, and the “android” command (inside the tools/ folder) is added to your path.
    at /Users/Blogs/.cordova/lib/android/cordova/3.3.0/bin/lib/check_reqs.js:85:29
    at _rejected (/Users/Blogs/.cordova/lib/android/cordova/3.3.0/bin/node_modules/q/q.js:808:24)
    at /Users/Blogs/.cordova/lib/android/cordova/3.3.0/bin/node_modules/q/q.js:834:30
    at Promise.when (/Users/Blogs/.cordova/lib/android/cordova/3.3.0/bin/node_modules/q/q.js:1079:31)
    at Promise.promise.promiseDispatch (/Users/Blogs/.cordova/lib/android/cordova/3.3.0/bin/node_modules/q/q.js:752:41)
    at /Users/Blogs/.cordova/lib/android/cordova/3.3.0/bin/node_modules/q/q.js:574:44
    at flush (/Users/Blogs/.cordova/lib/android/cordova/3.3.0/bin/node_modules/q/q.js:108:17)
    at process._tickCallback (node.js:415:13)”

  13. cuisi dice:

    Que onda con mi comentario? porque no aparece? :(

  14. m3t4l3ro dice:

    Excelente el video lo vi completo. Me gustaria ver algunos ejemplos sencillos de la programacion de algunas aplicaciones para comenzar en el mundo de phonegap

  15. Omar dice:

    Excelente explicación, muy buen material.

  16. superlopez5 dice:

    Buenísimo.Muy detallado y bien explicado.

    Quiero empezar con Phonegap desde cero y esta conferencia me ha resuelto las primeras dudas que tenía para empezar a tocar algo.
    Como seguro que tendré dudas a cada paso, seré un asiduo al foro.

    ¿Tenéis previsto hacer más conferencias de este tipo y con otros contenidos?

  17. Benitocamelos dice:

    tengo un problema al compilar me sale un error de cordova alguna ayuda?

  18. Héctor dice:

    Muchisimas gracias por el aporte, muy completo y muy bien explicado, me ha sido de gran ayuda. Un seguidor mas de PonegapSpain !

    PD: Una pena que no se escuchasen las preguntas de los asistentes, aunque por la respuesta se puede intuir.

    Enhorabuena de nuevo. Un saludo!

  19. frankoespa dice:

    quise hacer eso de crear capas que esten fuera del WEBVIEW…. pero al compilar la app para android…lo veo en la tablet y si deslizo el dedo se mueve la pantalla y veo la capa q quiero esconder para hacer las transiciones y eso…por que pasa esto? ayuda por favor…debe se fácil…

  20. frankoespa dice:

    De Por si muy buena conferencia….Desde Argentina…Saludos…

  21. frankoespa dice:

    a parte de ese problema… estoy haciendo las transiciones de capas con la propiedad “transition” de css3….
    Lo tengo ASÍ en la capa que quiero hacer la transición:

    -webkit-transition: left 200ms;
    transition: left 200ms;

    lo mas lindo de esto es que me anda en todos los navegadores cuando lo pruebo vía Web….pero cuando lo compilo en android y lo pruebo en mi tablet no anda… por que? alguien sabe?

  22. Hola José, mil gracias por este excelente curso, o charla, me saco de muchas dudas, quisiera hacer una app, tal cual la tienes en el ejemplo, pero el XUI, tiene muy poco info documental, no se si fuera posible mostrarnos el codigo base, como se hace los de la index y se llaman los demas, si te es posible, te lo agradezco inmensamente, o donde veo un ejemplo claro …como lo haces tú.!

  23. Xopsy Xopsy dice:

    Buenísima conferencia y muchas gracias. Esperemos vernos mucho por aquí que estoy iniciándome con phonegap, y prácticamente lo que había hecho eran aplicaciones web.

    Saludos.

  24. Henry dice:

    vale hombre que buena conferencia as hecho tío, la verdad es que me as ayudado mucho y el tema me a caído como anillo al dedo, porque estoy en un proyecto que me han pedido en la universidad y no sabia ni como carajos iniciar, e llegado acá por mera casualidad viendo un vídeo en youtube. Pero ve que casualidad tan buena ahora cuando empiece mi proyecto espero me podáis ayudar con mis dudas que estoy seguro serán muchas, y sinceramente te digo sigue así porque materiales como este son los que hacen que valga la pena buscar ayuda en la web ..
    HASTA LA PRÓXIMA.

  25. Dj_System Dj_System dice:

    alguna ayuda para el error
    “Has subido un APK que se puede depurar”

    yo compilo en buildque.phonegap.com y ya desactive la opcion depurar. pero sigue igual.

    alguna ayuda agradesco @cucutachina

  26. Cristianriv Cristianriv dice:

    Saludos a todos, alguien me puede ayudar con la parte en que la app se conecta con php en un servidor remoto, envio los datos por POST, el php recibe la info y procesa en bd la consulta, luego escribo el echo json_encode($datos); donde $datos es un array que produje usando el mysql_fetch_array($result) pero en el html que tengo con phonegap estos datos no se muestran bien, no logro entneder el array para recorrerlo. me pueden ayudar? gracias a todos

  27. JuanCarlosCCSA dice:

    Buenas Jose Jesus,

    Ante todo felicidades por la conferencia y por tus explicaciones.

    Tras ver la conferencia tengo alguna duda. Al final del vídeo muestras el ejemplo de cómo incorporar el proyecto a eclipse para crear la firma y subir la apk… pero luego realizáis una modificación y también la comentáis en el index.html, pero claro entiendo que es el index.html de la plataforma en android, y aquí viene mi duda. Si estoy realizando el proyecto también en ios, entiendo que no debo modificar el index.html en cada carpeta de cada plataforma, sino en el indiex de la carpeta www de la raíz, y ¿luego por cada cambio que realice tendría que compilar por consola de comandos en cada plataforma?

    Gracias

Deja tu comentario

Debes estarlogueado para comentar.

RT @PWAExpertsIO: 🎙️ Cómo capturar 🎼 audios con tu #PWA. @JoseJ_PR te enseña cómo hacerlo a través de este #tutorial👇🏼 https://t.co/Rkpw609:57 PM Jun 8th