Foro

Home Forums PhoneGap TUTORIAL EN ESPAÑOL Y DESDE CERO PARA PhoneGap, ¿Dónde?

This topic contains 218 replies, has 16 voices, and was last updated by  aaguero 7 meses .

Viendo 15 respuestas - de la 16 a 30 (de 219 en total)
  • TUTORIAL EN ESPAÑOL Y DESDE CERO PARA PhoneGap, ¿Dónde?

    Intervenciones
  • anthack 
    Participant

    Estoy empezando y aun no he utilizado nada nativo solamente los formatos html js css, no he usado la camara ni guardado en sqlite, aunque en mysql si o conexiones remotas…no se si sea tip pero a mi me resulto util aunque no se si sea bueno ya ustedes me diran les comento:

    Realice una apk con el software phonegap desktop, me creo los archivos y los archivos que compile leen una direccion alojada en mi pc, en este caso suponiendo “localhost/archivosphonegap”, leo todos esos archivos con src etc, entonces hago los cambios en la pc y en esta carpeta y todo lo cambiado se muestra en la apk, lo leo con ajax el contenido para el momento en el que cambie, esto lo hice para crear una unica apk por asi decirlo y sobre ella en la ruta que especifique colocar los archivos que lee, y lo hace bien, ya no tengo que compilar otras apk de momento todo lo pruebo ahi, y asi cuando necesite crear esa apk definitica sin leer esos achivos la creo subiendola al build de phonegap, pero de momento ando programando 3 proyectos de esta forma , pero repito es muy basico no he probado de este modo la camara ni nada nativo de android ya que apenas ando comenzando y pues en eso estoy practicando aun , pero tengo mis dudas desde el inicio igual que “Ysrael” usar la linea de comandos o seguir con el programa desktop de phonegap y subir al build para hacer la apk, creo que con tantos huecos al inicio es un poco mas dificil de comprender cuales ya no conviene usar para el futuro … y mas si la informacion que hay es bastante antigua… o mas bien la actual casi no hay… tendremos que aprender todo desde consola aunque ya algunos estemos compilando con el ponegap desktop…


    osz 
    Participant

    Ysrael gracias por tu detallada explicación quedo todo absolutamente claro, otra duda has buscado o has hecho pruebas de estres a la aplicacion que hiciste, tengo la duda e incertudmbre de la eficiencia de una aplicacion desarrollada en php y corriendo como aplicacion, tal ves tiempos de respuesta y acceso de usarios masivamente al mismo tiempo como se comportara?


    Ysrael Mertz
    Ysrael Mertz 
    Participant

    Hola a todos!
    Disculpen que sea aguafiestas pero NO se puede compilar (crear una APK) con el programa PhoneGap Desktop; sólo crea los archivos necesarios para que se convierta en APP (aplicación) las páginas web que hayamos creado en HTML5+CC3+JavaScript y también crea un entorno especial para poder probar esa APP en nuestro celular o móvil.

    Como ya expliqué antes, nuestro celular debe tener instalado el programa PhoneGap Developer, el cual se comunicará con el PhoneGap Desktop mediante el WiFi o red local
    Tal como dice el colega: anthack, el PhoneGap Desktop nos proporciona una URL compuesta por una IP local + un puerto (usualmente así: 192.168.1.4:3000)
    Luego escribimos esta URL en el PhoneGap Developer de nuestro celular y …. MÁGICO…veremos nuestra página web corriendo como APP. de móvil :)

    Aquí le paso la descripción oficial:

    Desktop App

    PhoneGap Desktop is the simplest way to get started using PhoneGap. You use it to create apps, and serve those apps to connected mobile devices. It is the alternative to using the CLI, using the same libraries under the hood. So no need to memorize commands or install dependencies – those are all included when you download PhoneGap Desktop.

    If you prefer to use a GUI, then PhoneGap Desktop is for you.

    ¿Desean ver todo en acción?
    Aquí les dejo el video oficial de Adobe:
    https://www.youtube.com/watch?v=pggw-9b8RVY

    Más información pueden encontrar en la página oficial de Adobe PhoneGap:
    http://phonegap.com/products/#desktop-app-section


    Ysrael Mertz
    Ysrael Mertz 
    Participant

    Hay mucha gente que no entiende por qué tiene que instalar tantos programas, hacer configuraciones especiales y encima, tener que usar la Línea de Comandos, tan tediosa y complicada (Horror !!!!!) para generar la APP y luego el APK.
    Esas personas se quejan: ¿Por qué tenemos que hacer todo eso si ya tenemos el PhoneGap Desktop?
    Pero ellas no se dan cuenta que PG Desktop sólo les creará la APP pero NO el APK que es lo más importante, sin ese APK no podemos distribuir nuestra Aplicación, ni la podemos vender.

    La pregunta es ¿Por qué Adobe no ha hecho el PG Desktop de tal manera que genere también el APK?
    La respuesta es: Porque Adobe perdería su negocio del PhoneGap Build. (el cual si genera el APK pero cobra por ello) :)

    Adobe PhoneGap Build

    Take the pain out of developing mobile apps.
    Simply upload your HTML5, CSS, and JavaScript assets to the Adobe PhoneGap Build cloud service and we do the work of compiling for you.


    Ysrael Mertz
    Ysrael Mertz 
    Participant

    Hola osz, sinceramente te cuento que yo sólo desarrollé una APP de prueba, la cual consistía en presentar chistes; estos chistes los registraban los mismos usuarios, con lo cual el repositorio crecía según la actividad.
    Para ello tuve que hacer varias páginas web en PHP y los datos se guardaban en una Base de Datos MySQL
    Puse un par de formularios para recoger los registros de los usuarios:
    Nombre, Categoría, Autor y Contenido.
    Para la presentación visual usé jQuery Mobile que tiene interfaces para móviles muy bonitas y sencillas de implementar.
    Al terminar todo lo colgué en un servidor particular, para ello tuve que comprar un dominio especial y contratar un Hosting.
    Una vez todo eso listo y corriendo como página web lo compilé usando el servicio de Adobe PhoneGap Build.
    Obtuve mi APK y la distribuí entre mis colegas, amigos y familiares, ellos probaron mi Aplicación en sus celulares. Felizmente todos me confirmaron que funcionaba OK. :)

    No la llegué a subir a Google Play porque sólo era una APP de prueba, por eso no te puedo responder cómo se comporta con mucho stress o tráfico concurrente.
    Pero mi intención es hacer otra mucho más interesante y, esa si, colgarla en Google Play

    Creo, estimado colega, que saldremos de dudas aplicando el consabido principio de “Prueba y Error” no queda otra. :(

    Saludos.


    osz 
    Participant

    Gracias Ysrael por tus atentas respuestas, y para hacer dicha aplicacion seguiste algun tutorial ??


    Ysrael Mertz
    Ysrael Mertz 
    Participant

    OSZ, Disculpa por la tardanza en responderte.
    Efectivamente yo consulté varios tutoriales de la Web; lamentablemente la mayoría eran muy antiguos y estaban desfasados aunque logré obtener algunas ideas básicas de ellos pero lo que si me ayudó bastante fue la documentación del mismo PhoneGap, (lo malo es que está en inglés). :(
    También recibí ayuda de un colega programador, me dio un pequeño cursillo sobre Aplicaciones para Android (cursillo por el cual, por supuesto, tuve que pagar), aunque las lecciones más iban dirigidas a las APPs nativas me ayudó bastante, eso y la documentación oficial fueron suficientes.

    He estado pensado, en estos días acerca de la posibilidad de vender mi código; así que si estás interesado y te animas yo te puedo vender una copia del Código Fuente de mi APP. Creo que una vez que la tengas en tus manos puedes personalizarla según tus requerimientos, simplemente le cambias algunas cosas, el dominio, el nombre del titular, y otros detalles necesarios y listo, ya tienes tu propia APP.
    También una vez estudiada a detalle por tu parte ya serás capaz de hacer una versión distinta y con otras funcionalidades que tú desees.
    Demás está decirte que te ofrezco explicarte con lujo de detalles el cómo la hice y ayudarte en todo lo que pueda para que la personalices para ti.

    Bueno osz, si te animas puedes escribirme aquí o a mi correo personal: ysraelcm@yahoo.com
    Saludos.

    • This reply was modified 2 años, 10 meses by Ysrael Mertz Ysrael Mertz.

    • This reply was modified 2 años, 10 meses by Ysrael Mertz Ysrael Mertz.
    osz 
    Participant

    Gracias Ysrael por tu oferta pero no creo que me sirva de mucha guia todas esas librerias y codigo que desarrollaste, creo que me demoraria mas en desglosarlo estudiarlo y poder entenderlo, que hacer las cosas desde ceros, pero te agradezco tu intencion


    Ysrael Mertz
    Ysrael Mertz 
    Participant

    Ok OSZ no hay drama; yo también soy así, quiero hacer las cosas por mi mismo. Y es que realmente esa es la mejor manera de aprender. :)
    Sólo quiero comentarte que, aunque no lo creas, mi APP tan sólo contiene:
    - 1 sola página en HTML
    - 2 páginas en PHP
    - 1 página de CSS y
    - 3 imágenes

    Apenas termine unos proyectos digitales que tengo pendientes dedicaré un tiempo para hacer un tutorial desde cero de una APP muy simple pero que usa HTML + PHP + MySQL y lo publicaré aquí.


    Ysrael Mertz
    Ysrael Mertz 
    Participant

    A todos los interesados:
    He creado un tutorial titulado: “Guia de Instalacion, Creacion y Compilacion en PhoneGap”
    y lo acabo de enviar a este excelente FORO de PhoneGap Spain.
    Me han respondido que lo publicarán lo antes posible.

    Espero que lo revisen y les sea de mucha utilidad, sobre todo a los que querían aprender a compilar en local, ya sea con PhoneGap o Cordova.

    Saludos.


    Administrador
    Administrador 
    Keymaster

    Hola Ysrael Mertz! Nuevamente te agradecemos tu aportación, y como bien te hemos informado, ya tenemos tu tutorial en nuestras manos. Lo estamos revisando y en unos días lo publicaremos.

    Nos encanta ver que la Comunidad está en constante movimiento, no sólo en los foros de ayuda, que son importantísimos y la base de la Comunidad, si no también con vuestras ganas de aportar novedades como es tu caso con este nuevo tutorial.

    ¡Muchas gracias!


    dcorralf 
    Participant

    Hola, estoy en la misma situación, he instalado node.js y phonegap desktop y he estado probando algunas aplicaciones sencillas. Pero estoy con la misma duda, porqué hay que usar la CLI si tengo el phonegap desktop, es que con la CLI sí se puede generar el apk ?, por otro lado, si tengo la versión desktop, y android studio he leido por ahí que no hace falta instalar el ANT ?, no sé, espero ese tutorial del compañero Ysrael ansiosamente. Lo habeis publicado ya ? no he visto nada en la parte de tutoriales.

    Muchas gracias.


    Ysrael Mertz
    Ysrael Mertz 
    Participant

    Hola dcorralf,
    Como puedes leer en el mensaje que aparece encima de tu comentario, el día 1 de diciembre la Administración de este sitio web (PhoneGap Spain) respondió a mi envío de mi tutorial: “Guía de Instalación, Creación y Compilación en PhoneGap” explicando que lo revisarían y luego lo publicarían, así que yo también sigo esperando.

    Por si acaso, el tutorial es una guía muy simple.
    La idea es que los que estén interesados, lo intenten siguiendo paso a paso mis indicaciones; que dicho sea de paso, NO son nada nuevo, yo las obtuve de la misma documentación de Adobe PhoneGap y Apache Cordova (en inglés)
    Al principio asusta, pero luego verán que no es tan complicado como parece.
    La Consola de Línea de Comandos es lo más atemorizante pero felizmente son pocos los comandos que hay que utilizar (tal vez sean 5 o 6 nomás)

    Una vez que lo publiquen, espero ayudar, en este mismo Foro, a los colegas que se tropiecen por ahí con algún impase.
    No sé si fue suerte o la Gracia de Dios, pero a mi me salió a la primera. :)

    Con respecto a la aplicación PhoneGap Desktop, lo explico en detalle en mi comentario del día: 27 septiembre, 2016 a las 5:20 (leer arriba)
    Si todavía quedan dudas me avisan para tratar de explicarlo de una forma más didáctica.

    Saludos


    dcorralf 
    Participant

    Ok Ysrael, esperaremos a ver si cuelgan tu tutorial. He estado viendo el tutorial que hay colgado sobre los primeros pasos de un novato y no me queda muy claro. Aunque tarde o temprano creo que tendré que usar también CLI. De momento con phonegap build voy tirando y parece más sencillo, pero querría probar en local a ver que tal. Por cierto, que instalariais la CLI de phonegap o apache cordova ?, supongo que será lo mismo. También estoy investigando lo del tema de Android Studio, parece que al tenerlo instalado ya no hace falta apache ANT, pero no lo tengo claro todavía.

    Saludos.


    Ysrael Mertz
    Ysrael Mertz 
    Participant

    Si dcorralf, yo también he leído ese tutorial que mencionas; pero no me queda muy clara la intención porque si la idea era animar a otros colegas a introducirse en el mundo de PhoneGap tengo serias dudas que lo haya conseguido porque hay varias capturas de pantalla y relatos que verdaderamente asustan al que se inicia en el manejo de la CLI (consola de comandos).
    Agregando a esto que he leído muchos comentarios de usuarios que, abrumados, ya de plano y sin haberlo probado, se han desanimado de intentar con PhoneGap. :(

    Apartando a los programadores que tienen muchos años usando la CLI y adoran usarla, la verdad es que a la mayoría le resulta bastante pesada y no amigable.
    Pero, te digo sinceramente, que con este Framework: PhoneGap o Cordova, (que prácticamente son lo mismo), se usan muy pocos comandos. Y esto se debe a que casi todo el trabajo lo desarrollaremos en HTML5, CSS y JavaScript.
    Una vez terminado nuestro sitio web (porque al final de cuentas en un sitio web) tenemos dos caminos para transformarlo en una Aplicación para móviles.
    1. Usando el PhoneGap Desktop
    2. Usando la CLI con sólo un par de comandos.

    Una vez creada la APP, ésta estará guardada en una carpeta local de nuestra PC.
    Pero ¿y ahora cómo la probamos?
    Una manera es a la usanza antigua, usando emulador (que viene en el Android Studio) pero yo no lo aconsejo en absoluto, porque simplemente no te da una visión real de la performance de tu APP.

    La manera moderna es:
    1. Si usas el PhoneGap Desktop puedes probarla directamente en tu móvil o celular (como le llamamos en América Latina) para ello debes instalar antes en tu móvil una aplicación llamada: “PhoneGap Developer” esta aplicación se comunicará con el PhoneGap Desktop de tu PC a través del WiFi y una dirección IP.
    Esto significa que tu PC actuará como un servidor y tu móvil será el cliente.
    De nuevo, el PhoneGap Desktop “servirá” la página web transformada en APP y el PhoneGap Developer de tu celular la “recibirá” como un navegador y la presentará como APP.
    Como puedes apreciar en este pequeño proceso en ningún momento necesitas la Aplicación compilada (el APK) y esto se debe a que Adobe se ha asegurado de darte todas las facilidades de hacer tu APP y luego probarla en un móvil pero no te dará el APK a menos que pagues por ello. Aunq en realidad, Adobe si te permite compilar una primera vez, pero a partir de la segunda vez te cobrará por el servicio de compilación.

    2. Si usas la Consola de Comandos (CLI) podrás compilar en local y una vez generado el APK lo instalas en tu móvil y lo probarás directamente; sin usar nada de lo anteriormente explicado. Y no sólo eso sino que podrás distribuir tu APK con su familiares y amigos para que ellos instalen y usen tu flamante aplicación en sus celulares o tablets.

    El segundo método te permite libertad, no dependes de nadie y encima todo es gratis, pero, lo malo es que se tienen que instalar varios programas y compilar usando la CLI.
    Lo cual, podría (ojo PODRÍA) ser un dolor de cabeza si se presentan algunos impases, pero esto no necesariamente tiene que ser siempre así; ya dije antes que en mi caso me salió todo bien a la primera.
    Además la instalación se hace 1 sola vez y punto. Lo demás es fácil. :)

    Con respecto a tu pregunta sobre el Apache ANT y el Visual Android, yo no me hice problemas y los instalé los dos, es mejor y así te aseguras que no te falte nada. Además ya te queda este excelente programa por si en algún momento decides desarrollar en Nativo. :)

    Créeme dcorralf que el día que yo instalé todo, máximo me habrá tomado 30 minutos NO más.
    Yo uso Windows 7, que ya es antigüito y no tuve ningún problema.

    Saludos.


Viendo 15 respuestas - de la 16 a 30 (de 219 en total)

You must be logged in to reply to this topic.

RT @addyosmani: Learn how to virtualize large lists & tables with react-window: https://t.co/ggzMgmX6zP ~ a small library for efficiently r…04:25 PM Jun 26th