Proyecto MauiKit

Camilo Higuita
Nitrux
Published in
5 min readAug 20, 2018

El proyecto MauiKit hace parte del proyecto Maui que apunta a completar un shell para una distribución GNU Linux con aplicaciones convergentes y multiplataforma que se adapten a pantallas de computadoras de escritorio, a teléfonos móviles y otro tipo de dispositivos táctiles.

Para esta tarea se hace necesario establecer un serie de lineamientos para el HIG(human interface guidelines) del proyecto Maui, que sean probados y aplicados en el grupo de aplicaciones básicas que hacen parte del shell.

Otro lineamiento esencial del proyecto es mantener un HIG cohesivo y estricto entre las aplicaciones que mantenga una estabilidad y coherencia en el diseño UI/UX a traves de dispositivos y sistemas/distribuciones.

Basado en el framework Kirigami, de la comunidad KDE, se ha trabajado en un grupo de controles modelados siguiendo un HIG descrito para las aplicaciones Maui, el cual esta siendo desarrollado exclusivamente para el proyecto.

En la siguientes imágenes(mockups) se ilustra algunas de las ideas fundamentales del HIG que se han aplicado a los controles dentro del proyecto MauiKit.

MauiKit es un grupo de controles con un diseño pre-modelado que permite un rápido desarrollo del front-end de aplicaciones convergentes, con utilidades incluidas para Android y sistemas GNU Linux.

https://github.com/maui-project/qqc2-desktop-style-maui/issues/2

Ilustración 1.1

EL HIG describe principalmente un layout (distribución) horizontal de las vistas de la aplicaciones Maui. Esta distribución horizontal puede ser plegable(PageRow) para adaptarse a diferentes form factors(factores de forma) que se asemeja a un abanico de papel (ver ilustración 1.1–1.2), o utilizar una aproximación mas tradicional haciendo uso de vistas individuales apiladas no plegables(SwipeView o StackView), e incluso una combinación de ambas como se muestra en la ilustración 1.3.

Ilustración 1.2
Ilustración 1.3

Las Aplicaciones Maui — ApplicationWindow

El contenido por defecto de las aplicaciones Maui contiene dos barras de tareas y un espacio central donde se ubica el contenido principal de la aplicación.

VVAVE Music Player

Las ToolBars(barras de tareas) se dividen en dos principalmente, una de encabezado llamada HeadBar y una de pie llamada FootBar.

La barra HeadBar contiene los botones que accionan las vistas principales de la aplicación y permiten el transito entre las diferentes vistas, también contiene, por defecto, un icono a la izquierda para el menu que despliega las opciones globales de la aplicación, y un icono para accionar búsquedas en la parte mas derecha, sugerido como un lugar común para realizar búsquedas.

Barras de tareas — FootBar y FootBar en Buho

El FootBar contiene iconos que funcionan como atajos rápidos que permiten operar las acciones mas relevantes de la aplicación, como por ejemplo las acciones de reproducción en un reproductor musical. La posición del FootBar en el pie de la aplicación es ideal para diferentes form factors ya que permite un alcance rápido en dispositivos móviles y táctiles. Esta ubicación para las acciones permite establecer un lugar común y habitual para los usuarios.

La distribución de HeadBar es adaptable para dispositivos móviles, lo cual permite mover la barra de tareas HeadBar al pie de la vista para mejor alcance con una sola mano. Esta opción es ideal para dispositivos móviles, pero puede ser usada en cualquier vista que haga sentido.

El la imagen 1.4 se muestra el uso del HeadBar y FootBar, ambos en el pie de la vistas, para dispositivos móviles, en este caso funcionando en un Phablet con el sistema Android.

Ilustración 1.4

Las barras de tarea son sensibles al ancho de pantalla del dispositivo, si el contenido hijo no cabe en el espacio disponible las acciones en forma de iconos pueden ser flicked(deslizadas) para descubrir las acciones ocultas, como se muestra en la ilustración 1.5.

Ilustración 1.5

Las propiedades de estos controladores estan descritas en los siguientes artículos:

Ya que los controles se encuentran en constante cambio las notas anteriores no suponen una versión definitiva de documentación, si no, un articulo informativo en el avance del proyecto.

Algunas de las aplicaciones que hacen parte del proyecto que hacen uso activo de los lineamiento HIG son:

Index, gestor de archivos y ficheros.

Index en dispositivo móvil y de escritorio

Buho, gestor de notas y colector de vinculos links.

VVAVE, gestor de colección musical.

Pix, gestor de imágenes.

--

--