Writer, el editor de textos de Ubuntu Touch

/0 Comentarios/en /por

Como ya sabréis los usuarios del Curso de programación de Ubuntu Touch, se pueden encontrar varios tipos de aplicaciones en este sistema operativo. Por una parte están las aplicaciones Web (Web App), que básicamente cogen una Web y la muestran en una instancia aislada del navegador. Después están los Scopes  Un scope funciona como un agregador que muestra información de diferentes tipos, por ejemplo la previsión del tiempo o la agenda del día. Por último están las aplicaciones nativas. En este grupo se encuentra Writer.

Writer es un editor de texto, en formato HTML, nativo de Ubuntu Touch. Su autor es Marcos Costales, el creador de uNav, y permite trabajar con documentos de forma local. El interfaz de la aplicación se adapta al dispositivo, mostrando más o menos información, dependiendo del tamaño de la pantalla. Las capturas de pantalla del artículo corresponden a un Aquaris M10 FHD con la OTA-14 instalada. En un futuro es posible que varíe un poco el interfaz de la aplicación. Cuando se dé ese caso actualizaré el análisis después de hablar “amigablemente” con su autor.

Leer más

Capítulo 04 – Lógica de la aplicación (7)

/0 Comentarios/en /por

Os recuerdo que el curso tiene una lista de correo asociada en la que aparecen todas las novedades. Por cuestiones de tiempo no había podido poner el anuncio de la nueva entrega en InnerZaurus pero ahora es un buen momento para hacerlo. Como sabréis los que estéis siguiendo el curso, la calculadora ha sufrido un rediseño que la hace visualmente más agradable. Con este cambio se perdió la conexión con la lógica y en esta entrega se arregla este problema. El algoritmo inicial de la calculadora era sencillo: el usuario introducía un número, la operación y después el segundo número. Todos los cálculos se tenían que hacer siguiendo el mismo criterio.

Leer más

Liberada la OTA-14 de Ubuntu Touch

/0 Comentarios/en /por

Esta semana se ha liberado la última actualización de Ubuntu Touch (OTA-14) de este año. Debería haber salido a principio de mes pero se detectaron algunos bugs que impidieron sacarla antes. En el momento de publicar esta entrada ya debería haber llegado a todos los terminales que usan Ubuntu Touch. El listado de cambios completo se puede encontrar en Launchpad aunque se analizarán los más importantes.

Leer más

Capítulo 04 – Creación de una aplicación con QML (6)

/0 Comentarios/en /por

Ya podéis leer una nueva entrega del curso. En esta entrega se estudia la forma de organizar los archivos en QML así como la creación de componentes personalizados. A medida que se añaden funciones a la calculadora, el número de botones y de combinaciones crece de forma importante. Para abordar este problema no se puede hacer todo de golpe sino que hay que dividir el problema en partes más manejables. Por una parte se ha dividido el archivo principal del interfaz de forma que cada bloque de la calculadora tenga un archivo propio. Por otra parte se han creado varios componentes personalizados que amplían la funcionalidad de la calculadora y simplifican el desarrollo.

Leer más

Capítulo 04 – Creación de una aplicación con QML (5)

/0 Comentarios/en /por

Ya podéis leer una nueva entrega del curso de programación. Las novedades afectan al capítulo 2 (Instalación de las herramientas de desarrollo) y al capítulo 4 (Creación de una aplicación con QML). Recientemente se ha actualizado el SDK de Ubuntu Touch con novedades que afectan al contenedor que se usa en la compilación cruzada (LXD) y al entorno de desarrollo (QtCreator). Esas novedades han provocado que parte del capítulo 2 dejara de tener validez porque cambiaban las pantallas. He modificado esa parte para que coincidan las pantallas y la explicación. El interfaz tiene problemas de adaptación dependiendo de si la aplicación se ejecuta en el escritorio o un teléfono.

Leer más

Capítulo 04 – Creación de una aplicación con QML (4)

/0 Comentarios/en /por

Acabo de publicar una nueva entrega del curso de programación de Ubuntu Touch. El interfaz de la calculadora ya está más o menos definido y es el momento de implementar la lógica de la aplicación. Para hacerlo tenemos que abandonar un poco QML y pasar a JavaScript. De forma resumida el usuario pulsa los botones de la calculadora y esa información se pasa al código en JavaScript para que realice las operaciones. Al mismo tiempo ese código debe modificar los controles del interfaz para ofrecer realimentación al usuario. Por sencillez la lógica se ha implementado en JavaScript. No descarto en un futuro pasar a C/C++ pero será cuando los conceptos básicos estén más establecidos.
Leer más

Capítulo 04 – Creación de una aplicación con QML (3)

/0 Comentarios/en /por

La semana pasada publiqué una entrega del curso de programación de Ubuntu Touch. El anuncio lo mandé a la lista de correo pero no lo había puesto en InnerZaurus. Seguimos el bloque de aplicaciones nativas con programación de una calculadora. Ya se ha visto la forma de trabajar con botones modificando sus atributos de texto, tamaño y color. Los botones se pueden pulsar y cambian su apariencia para mostrar este estado pero en estos momentos no tienen ninguna lógica por debajo. Al programar una aplicación es importante que el usuario tenga una realimentación de las acciones que toma. Si pulsa el botón de una calculadora espera que cambie la apariencia del botón y se muestre el texto del botón pulsado en algún sitio. Ésto se puede realizar utilizando una etiqueta. Leer más

Capítulo 04 – Creación de una aplicación con QML (2)

/0 Comentarios/en /por

La semana pasada se estudiaron los conceptos básicos de las aplicaciones que usan QML. Mediante el uso de etiquetas y el layout Column se organizaron los números de la calculadora. Esta organización es insuficiente ya que todas las columnas se distribuyen una detrás de otra. Para solucionar este pequeño problema, en el capítulo de esta semana, se estudian dos layots más: Row y Grid. El primero permite distribuir los componentes en filas mientras que el segundo los distribuye directamente en una tabla. Dependiendo del caso en el que estemos usaremos uno u otro (o una combinación de ellos). Una vez se ha completado el primer paso, la organización de los componentes, es necesario sustituir las etiquetas por botones. Enlace al capítulo.

Leer más

Capítulo 04 – Creación de una aplicación con QML (1)

/0 Comentarios/en /por

En los capítulos anteriores hemos programado una aplicación sencilla utilizando como base la plantilla que tiene el entorno de desarrollo. Aunque seguiremos con la misma filosofía a partir de este capítulo, ya no estaremos tan encorsetados y tendremos más libertad. Para hacer el interfaz del usuario se utiliza el lenguaje QML. QML es un lenguaje de marcado en el que partimos de una pantalla (vista) y vamos distribuyendo los diferentes elementos que tiene la pantalla. Por ejemplo se pueden añadir etiquetas, cajas de texto o botones que implementarán la lógica que nosotros definamos. Para montar el interfaz de usuario hay que tener una serie de conceptos básicos claros. No son complejos y si tenéis cualquier duda podéis resolverla en los medios asociados al curso. En este capítulo se estudiará de forma básica la cabecera de la vista y el uso de las etiquetas.

Leer más

Capítulo 03 – Creación de una Web App

/0 Comentarios/en /por

El tercer capítulo del curso ya está calentito en GitBook. Una vez tenemos el SDK configurado para trabajar con Ubuntu Touch el siguiente paso es crear una aplicación. Por simplificar un poco el proceso, la primera aplicación es una Web App. Una Web App toma como origen de los datos una URL y la transforma en una aplicación que aparece en el scope de Aplicaciones. Los datos asociados están confinados y no se comparten con el navegador Web de Ubuntu Touch.  El proceso de creación de la Web App es sencillo y se reduce básicamente a configurar las URL que queremos usar.

Leer más