Crea una aplicación para Ubuntu Phone en 5'

¿Qué es una aplicación webapp?
Un contenedor que cargará una web dentro, aparentando ser una aplicación, teniendo su propio lanzador.


Algunos consejos:
 

  • Adapta una web útil y con vista móvil.
  • Algunas web usan un subdominio, tipo http://m.allrecipes.com, otras leen el User Agent del navegador (en Ubuntu Phone es "Ubuntu like Android"), otras leen el ancho de la pantalla... Así que prueba antes de adaptarla Wink
  • Busca si ya existe.



¿Qué necesitas?


  • Una web con vista móvil, puede ser tuya o no.
  • Ubuntu SDK.
  • Estaría bien dar un vistazo también al tutorial oficial Smile


Instala el SDK:

sudo add-apt-repository ppa:ubuntu-sdk-team/ppa
sudo apt-get update && sudo apt-get install ubuntu-sdk
sudo apt-get update && sudo apt-get dist-upgrade  



Ejemplo
Vamos a crear una webapp para Github.com.
Busca y lanza el SDK:



La primera vez te preguntará de crear un Kit, crea uno para armhf, Framework-14.10



Aquí no hace falta que crees un emulador. Puedes dar a Finalizar tal cual ves la captura de pantalla





Pulsa en New Project



Selecciona Web App



Rellena el nombre y directorio



Rellena tu nombre y el nombre de la aplicación



Yo escojo el Kit que instalé, 14.10 para armhf



Pulsa en finalizar



Para una web normal, dejamos estos 3 módulos



Te recomiendo usar la Wikipedia para buscar la descripción para tu webapp



Truco: Si una web da problemas puedes cambiar el user agent al que tu quieras. Ejecuta "webapp-container --help" en una Terminal en Ubuntu Desktop 14.10+ para ver todas las opciones disponibles. La línea Exec la tengo con un Enter para que se vea, pero debe de estar todo en una sóla línea. Te recomiendo quitar la opción "--enable-back-forward" que autorellena si la web tiene un menú de navegación  
 



Busca un icono



Y establece su tamaño a 256x256 px y .png (Puedes hacerlo con GIMP)



Rellena el manifiesto



Truco: ¡No lo ejecutes! Te crearía un módulo 'debug' que no te permitirá hacerle el Build. Tras completarlo, sólo dale a Build and validate click package



Se creará una carpeta en el mismo directorio dónde creaste el proyecto. Sólo queda subirlo Smile



Vamos a esta URL y pulsamos en Phone > New application



Escoge el paquete .click que se creó al pulsar en "Build". Rellena los datos que te piden en Inglés, esto es importante, porque si todos lo rellenamos en nuestro idioma, al final nadie entenderá para que vale una aplicación por su título o descripción. Una vez envíado tradúcelo al Español desde el apartado de "Translate" para que aparezca en Español a quien use el móvil en Español Wink




Verás tu nuevo proyecto como "Draft"



Pulsa en Submit for review y luego en Publish

Tu webapp aparecerá en el tienda en el acto, aunque sólo la verás en el acto desde un móvil con Ubuntu Phone, en la tienda de la web tardará 1 día en aparecer  Smile

¿Ha sido fácil, no? Pues también puedes crear el paquete .click desde una web Shock en sólo 1'. Luego tendrás que subirlo como hemos hecho con el creado con el SDK.
El SDK tiene la ventaja de poder establecer qué módulos queremos, por ejemplo, el de location es muy útil para que una web pueda situarse geográficamente.

Vía Thinkonbytes.

+ Ubuntu: Chat | Lista | wiki | Launchpad | FAQ | Contacto | Directorio \o/ Contenido CC | Tema | Hosting