Como hacer una aplicación web de tu página para Ubuntu Phone

Con la llegada del nuevo teléfono Ubuntu, el Meizu MX4 Ubuntu Edition, me ha picado suficientemente la curiosidad para lanzarme a desarrollar alguna que otra aplicación para el teléfono Ubuntu. Esto me ha llevado a darme una vuelta por la red para ver que se cocinaba, tomar ideas, ejemplos, etc…

Así es como he llegado al sitio de Marcos Costales, para encontrarme con una sencilla solución para crear una Aplicación Web de tu propio sitio web en unos pocos minutos y sin que sea necesario grandes conocimientos informáticos.

Igualmente, y en un segundo paso, explicaré como tener tu nueva aplicación web en la tienda de Ubuntu para instalarla en cualquier teléfono Ubuntu.

screenshot20150623_122241108.png

Una WebApp para Ubuntu rápido, rápido

Aunque Marcos Costales escribió un primer artículo para la creación de una webapp para Ubuntu, “Crea una aplicación para Ubuntu Phone en 5’, quiero referirme en particular al segundo de los artículos porque el resultado que se consigue es mucho mas atractivo e integrado con el sistema.

Además prefiero este segundo método porque una vez instalado el SDK de Ubuntu con un sencillo editor de textos crearas tu editor en unos pocos pasos.

screenshot20150623_121936520.png

Paso previo, requisitos

El primer paso es instalar el SDK, para ello tan solo tienes que ejecutar las siguientes órdenes en un emulador de terminal,

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

El siguiente paso es obtener la aplicación que utilizaremos como fuente para crear la nuestra. Para esto, necesitaremos el sistema de control de versiones Bazaar. Para instalarlo, ejecutaremos la siguiente orden en un emulador de terminal,

sudo apt-get install bzr

Descargando la plantilla

Una vez instalada la aplicación toca descargar la plantilla que utilizaremos de base para crear nuestra propia aplicación web,

bzr branch lp:~ogra/junk/alternate-webapp-container

Modificamos nuestros propios parámetros

Ahora toca realizar los cambios necesarios para conseguir nuestra propia aplicación. Por ejemplo en el caso de “El atareao”…

  • Web: http//www.atareao.es/
  • Título: El atareao
  • Subdominios permitidos: http//www.atareao.es/*
  • Nombre interno de la webapp: atareao
  • Desarrollador: lorenzo-carbonell

Por último nos queda sobreescribir el archivo alternate-webapp-container/icon.png con nuestro propio icono de dimensiones 256×256.

Ahora toca realizar los cambios necesarios para adecuar la aplicación, para ello reemplazaremos lo siguiente en los archivos correspondientes:

  • alternate-webapp-container/qml/Main.qml: Main.qml - -home-atareao-Copy-PROGRAMACION-Ubuntu-atareao-webapp-qml - Geany_010.png
  • alternate-webapp-container/app.desktop: Main.qml - -home-atareao-Copy-PROGRAMACION-Ubuntu-atareao-webapp-qml - Geany_010.png
  • alternate-webapp-container/config.js: Main.qml - -home-atareao-Copy-PROGRAMACION-Ubuntu-atareao-webapp-qml - Geany_010.png
  • alternate-webapp-container/manifest.json: manifest.json - -home-atareao-Copy-PROGRAMACION-Ubuntu-atareao-webapp - Geany_007.png

Creamos el paquete

El siguiente paso es generar el paquete .click, para ello, en el emulador de terminal ejecutaremos los siguientes comandos,

cd alternate-webapp-container
click build .

Lo instalamos en nuestro Ubuntu Phone

El siguiente paso es copiarlo a nuestro Ubuntu Phone e instalarlo. Para esto segundo tenemos que abrir un emulador de terminal en el teléfono y ejecutar el siguiente comando en el directorio en el que hemos copiado el archivo

pkcon install-local --allow-untrusted *.click

screenshot20150623_122241108.png

Los subimos al Centro de Aplicaciones de Ubuntu

Así como hasta la fecha me he quejado en varias ocasiones del funcionamiento del Centro de Software de Ubuntu para el Escritorio, tengo que reconocer que en el caso de Ubuntu Phone funciona perfectamente. Ayer, una vez creada la aplicación, la subí a Myapps, seguí los sencillos pasos que se indican y en muy poco tiempo había conseguido tener el paquete El atareao disponible para Ubuntu Phone desde el Centro de Software de Ubuntu, mucho mas sencillo, rápido e intuitivo que el homólogo para Android.

screenshot20150623_122245033.png

Más rápido si cabe…

Aun puede ser más rápido y sencillo descargando el siguiente script, lo ajustas a tus necesidades y lo ejecutas:

wget https://github.com/Winael/ubuntu/raw/master/ubuntuphone/webapps/Reboot/alternate-webapp-generator.zip
 unzip alternate-webapp-generator.zip

Una vez descargado y descomprimido, el primer paso será editar el archivo config.cfg conforme a los parámetros que hemos descrito anteriormente, y por último hacer ejecutable y ejecutgar el archivo alternate-webapp-generator.sh,

chmod +x alternate-webapp-generator.sh
./alternate-webapp-generator.sh

Y ya tienes tu paquete creado para seguir las indicaciones que hemos comentado anteriormente…

screenshot20150625_063636314.png


Más información,

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *