app en phonegap (android y blackberry)

[garciasanchezdani]

Hola amig@s

Necesito crear una app en phonegap, para android y blackberry, y mi problema es que no tengo experiencia en phonegap ... Lo único que he "tocado" en programación móvil con anterioridad, ha sido jQuery Mobile.

Para empezar, estoy siguiendo los pasos descritos en http://docs.phonegap.com/en/1.7.0/gu...with%20Android para instalarme el entorno de desarrollo para android y estos pasos http://docs.phonegap.com/en/1.7.0/gu...h%20Blackberry para instalarme el entorno de desarrollo para blackberry.

Agradecería algún tutorial o algún consejo.
Gracias, Daniel

[MarioAraque]

Con ese tutorial para hacer funcionar todo con Android es una buena base para empezar. Cuando tenes instalado el plugin en tu proyecto simplemente es tocar el index.html y pensar la aplicacion de Android como una web estatica en donde podes agregar .js y .css para lograr mejores efectos. Incluso podes usar jquery mobile.

No necesitas mas que eso al menos para empezar.

Saludos.

[garciasanchezdani]

Muchas gracias por tu respuesta amigo
Seguiré los pasos del tutorial para echar a andar una pequeña prueba, y a partir de ahí espero poder avanzar poco a poco...
Saludos, Daniel

[garciasanchezdani]

Hola de nuevo Mario Acabo de montar el entorno de desarrollo para android, y ya tengo mi index.html, que me muestra Hola mundo correctamente...por lo menos no me baja la moral el encontrarme fallos por el camino tan pronto...jajaja
Una pregunta amigo. Ahora lo siguiente que tengo que hacer, sería empezar a implementar el css de mi aplicación, para que quede algo como la siguiente imagen: https://www.dropbox.com/s/7c1ewmlrmi...rototyping.png
Como ves, necesito además que el diseño sea adaptable a la posición del dispositivo: vertical u horizontal.
¿Puedes orientarme un poco?
Muy agradecido, Daniel

-----------------
EDITO
Por lo que estoy leyendo en internet, en assets/www puedo crearme mis .css y desde index.html los llamo. He probado a aplicar un fondo distinto, color de texto...y funciona...Tal y como dijiste en tu comentario anterior, es imaginar la app de android como una web, ¿verdad?
Gracias, sobre todo por tu paciencia...
Saludos

[MarioAraque]

Asi como podes crear tus CSS, tambien podes crear tus JS, y podes usar CSS3 y HTML5 sin ningun problema.

Lo que estas pidiendo quizas es un poco avanzado viendo que inicias hace poco con esto, pero te dejo un ejemplo para que lo veas:

https://github.com/libbybaldwin/phon.../www/index.css

En la linea 165, por ejemplo, tenes un condicional en tu CSS que mide el tamaño actual de la pantalla y tambien mira como esta tu movil (portrait o landscape), en caso de que se cumplan esos condicionales entonces ese CSS se ejecuta, en caso contrario no. Esa es la manera de hacer tu aplicacion visible de distintas maneras con Phonegap.
En resumen, podes hacer como IF dentro de tus CSS.

Saludos.

[garciasanchezdani]

Gracias por tu ayuda amigo
Otra pregunta. Para trazar las circunferencias de la imagen que te he pasado, creo que necesito utilizar canvas de html5, ¿cómo saber si canvas es compatible en android y blackberry? Al igual que voy a utilizar font-face en mi css, para aplicar otra fuente a mi texto...¿cómo saber si font-face es compatible con estos dispositivos? Yo estoy consultando en http://mobilehtml5.org/ y en http://caniuse.com/

[MarioAraque]

Eso ya no se como responderte, pero si que he probado agregar fuentes nuevas, es decir, fuentes que no son las tipicas en los moviles, y la aplicacion se me ralentizaba bastante.

[garciasanchezdani]

Ok, muchas gracias por todo. Te doy otro +1 por la ayuda que me has brindado.
Voy a postear algunas dudas sobre el elemento canvas, en el foro de html5...
Saludos

[garciasanchezdani]

Hola de nuevo. Buenas tardes.
Finalmente, no estoy utilizando <canvas>. En su lugar, estoy utilizando divs con border-radius (para darle el efecto circular). De esta manera, mediante media queries, puedo aumentar/reducir estos divs circulares ,así como su contenido, dependiendo del tamaño de la pantalla....Gracias por cierto por todo.
Ya tengo la interfaz casi lista...finalmente utilicé también algo de jQuery Mobile, para el menú del footer. Ahora lo que quiero es comprobar cómo se vería lo que llevo hecho, en un dispositivo móvil. La app será compatible con blackberry, y android. Por tanto, necesito testear en estos dos. Estoy en un windows xp, y he instalado un plugin de chrome muy bueno, llamado Ripple, que me permite testear la app (incluso estando en localhost), y tengo bastantes dispositivos blackberry para comprobar cómo se ve...pero no tantos de android. Sólo tres: HTC G1, HTC Legend, y HTC Tattoo....
¿Conoces algún plugin similar para testear en otros dispositivos android?, ya sea de firefox, chrome...
Muchas gracias amigo, Daniel

[fenternet]

Tengo una duda ya tengo instalado eclipse con plugin para blackberry y corre bien pero como es la configuracion de phonegap porque me sale un error cuando trato de correrlo en el emulador, no se como reemplazar las carpetas del phonegap al proyecto en eclipse para blackberry?