Elementos Phonegap

por: Wilson Fabian Roa Martín

A continuación se muestran algunos elementos a considerar cuando estamos trabajando con phonegap.

Una app Phonegap en realidad es una aplicacion web empaquetada para que pueda ser interpretada por diferentes dispositivos en diferentes plataformas. Partiendo de la base de una aplicación en blanco se pueden tener en cuenta las siguientes recomendaciones.

Con jquery mobile podemos modificar los contenidos de las paginas html empleando código javascript, desde allí podemos invocar servicios web o servlets mediante peticiones ajax. Creo que es la forma en que se puede interactuar con una base de datos externa. Se puede trabajar con xml o json.
Podemos asignar la apariencia que queramos a nuestra app empleando el theme roller de jquery mobile http://themeroller.jquerymobile.com/, la condición es vincularlo al proyecto en la carpeta /css/theme, asi:

<link rel="stylesheet" href="css/themes/audsis.min.css" />
<link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />

Para que funcionen también los temas tuve que eliminar todo el contenido del index.css, eso si, dejando su respectiva copia de seguridad.
Se deben hacer algunas configuraciones en el config.xml para tener control sobre la aplicación:

Se pueden cambiar los siguientes parámetros:

<name>Audsis</name>
<description>
Sistema de Administración de Audiencias
</description>
<author email="tunjasoporte@gmail.com" href="http://audsis.no-ip.info">
Centro de Servicios Judiciales Para Adolescentes de Tunja
</author>

<preference name="fullscreen" value="false" /> <!--pantalla completa-->

<preference name="android-minSdkVersion" value="7" />

<preference name="android-targetSdkVersion" value="14" /><!--Esta propiedad indica que version de android empleará la app-->

La selección de las versiones va de acuerdo a las expuestas por android en el sdk manager. Recordemos que desde ubuntu podemos acceder desde la consola con el simple comando «android» (si se configuró previamente).

Es posible modificar los iconos, solo hay que editarlos en el directorio correspondiente.

<icon gap:platform="android" gap:qualifier="ldpi" src="www/res/icon/android/36.png" />
<icon gap:platform="android" gap:qualifier="mdpi" src="www/res/icon/android/48.png" />
<icon gap:platform="android" gap:qualifier="hdpi" src="www/res/icon/android/72.png" />
<icon gap:platform="android" gap:qualifier="xhdpi" src="www/res/icon/android/96.png" />

otras propiedades: http://docs.build.phonegap.com/en_US/configuring_preferences.md.html#Preferences

Si queremos compilar nuestra aplicación desde build.phonegap.com debemos comprimir la aplicación en formato zip, sólo hay que tener la precaución de que no se comprima en un subdirectorio. La aplicaciones se puede compilar las veces que se desee y puede ser descargada mediante un código QR. Se puede omitir en la compresión la carpeta platforms,

COMPILAR DE FORMA ALTERNATIVA

En mi caso la compilación a través de phonegap build funciona sin problemas, sin embargo, no consigo tener el total control de el versionado y los mensajes de alerta o las fechas, son capturadas en unos diálogos que no corresponden a lo que programé.

Para este caso encontré una opción alternativa de compilación empleando android estudio la cual consta de los siguientes pasos:

Una vez que se ha probado la aplicación con la app movil de phongap, se hace una copia de seguridad incluyendo la carpeta platforms.
Se importa desde android studio, la carpeta donde tengamos el proyecto («next -> next -> next ….»).
Se compila el proyecto (menu build/rebuild proyect).
Desde fuera de android studio, buscamos la carpeta del proyecto y reemplazamos los iconos asi: ldpi=36, mdpi=48, hdpi=72, xhdpi=96; estos iconos se remplazan en la carpeta /platforms/android/res/ y se coloca el icono que deseamos en la carpeta que corresponda. Ojo! es necesario cambiar el nombre del icono por el de icon.png.
luego se hace una búsqueda de los iconos y se borra la totalidad de los que no necesitemos.
Volviendo a android studio, dentro de la carpeta res (misma ubicación de la modificación de los iconos), modificamos el archivo /values/string.xml. En él modificaremos el nombre de la aplicación.
Ahora se modifica el fichero /xml/config.xml con las propiedades correctas de nuestra aplicación (nombre, descripción, etc.).
Los archivos manifest.xml se actualizarán automáticamente.
Para cambiar el versionado es necesario modificar el archivo config.xml contenido en la carpeta rest. Se modifica el contenido como el siguiente ejemplo:

Se recompila nuevamente.
Se recomienda ejecutar la aplicación para saber cómo quedó todo.
Si salió bien, copiamos a nuestro celular el archivo /out/production/android.apk. Ojo! es mejor no copiar el fichero a través de bluetooth porque puede que no funcione.
Si hay una versión anterior instalada en el celular es mejor desinstalarla.
Instalar la app que copiamos a nuestro celu y listo!

Otros consejos en: https://cordova.apache.org/docs/es/latest/config_ref/