Pyxis framework

"La verdad se encuentra dentro de una pequeña brújula,
pero el margen de error es inmenso"
— William Blake

Pyxis framework define los componentes visuales y estructurales del ecosistema digital de la e[ad] Escuela de Arquitectura y Diseño de la Pontificia Universidad Católica de Valparaíso, estableciendo una estructura gráfica unificada y coherente entre las diversas plataformas y servicios Web.

El método de descarga del framework se ajusta a 3 variantes dependiendo del entorno de trabajo que se tenga establecido.

Pyxis bower

Mediante la instalación con bower se obtiene la versión más completa del repositorio, ofreciendo también completamente sus dependencias incluídas como componentes del framework.

Pyxis.zip

Incluye todas sus dependencias, permitiendo usar el framework apenas descargado. Sin embargo no habrá manera de que se actualicen las dependencias y el framework en una nueva versión automáticamente.

Pyxis Github

La versión del repositorio alojado en ofrece la versión donde únicamente está pyxis, si se quiere trabajar con las dependencias Stampa y jQuery hay que descargarlas de manera separada.

Fundamentos y visión

En general, con el término framework, nos estamos refiriendo a una estructura digital definida por componentes personalizables e intercambiables para el desarrollo de una aplicación o sitio web. En otras palabras, un framework se puede considerar como una aplicación genérica incompleta y configurable a la que podemos ir añadiéndole constantemente piezas para construir una aplicación concreta.Los objetivos principales que persigue un framework son:

Acelerar el proceso de desarrollo de un sitio, reutilizar código ya existente y promover buenas prácticas de desarrollo con el uso de patrones o esquemas de diseño.

¿Por qué un framework para la e[ad]?

Las organizaciones, a medida que crecen, van generando nuevos puntos de contacto con sus públicos o audiencias. Hoy día, estos puntos de contacto son múltiples servicios que se traducen en variadas interfaces; tanto materiales como digitales, impresas o proyectadas, grandes o pequeñas, móviles o estacionarias. Mantener un lenguaje consistente a través de todos los servicios y dispositivos se vuelve una tarea titánica si se piensa cada uno por separado. Se hace preciso, entonces, definir un lenguage gráfico global que sea capaz de interpretar la voz de la organización y que se adapte a cada contexto, formato y dispositivo.

Este proyecto busca definir fundamentos gráficos elementales para pantallas e impresos cumpliendo las siguientes premisas:

Flexibilidad y adaptabilidad para múltiples formatos, dispositivos y modos de interacción (puntero o el dedo)

Marcado semántico en castellano, permitiendo una lectura fácil y natural del código

Orden y claridad de las funciones de cada archivo de este proyecto, ya que se desarrolla bajo el esquema de less

Componentes

Pyxis se articula con diversos elementos , que proponen un entorno de trabajo específico. Los elementos se incorporan para facilitar el uso del framework.

Responsive

Al incorporar una grilla responsiva y adaptable, permite que la construcción de bloques en la diagramación de la página sea fácil y coherente. Esta es la base para lograr una accesibilidad a las plataformas de cualquier dispositivo sin importar su resolución de pantalla.

Less

El uso de less da pie a una mayor parametrización a la hora de configurar las clases gráficas. Además de construir variables y reutilizar sus valores en otros elementos genera una conexión gráfica a lo largo de la plataforma.

Bower

Bower es un manejador de paquetes que garantiza la correcta instalación del framework junto con todas sus dependencias, en este caso jQuery y Stampa.

OpenSource

El framework al igual que sus dependencias están alojados en github, por ende toda su estructura y elaboración está al libre acceso de cualquier persona, pudiendo tomar partes del framework y extenderlas a su propio deseo.

Dependencias

Las dependencias de Pyxis Framework son Stampa, Meta (personas), Gamma y AHJVA. Este quiere decir que cada dependencia forma parte de un ecosistema digital donde radica el complemento y alimentación directa entre las mismas, cada una desde su propia ruta en GitHub.

Stampa

¿Qué es Stampa?

Stampa es un proyecto centralizado en la iconografía que se complementa con Pyxis. Es una rama de la función del Framework para desarrollar las herramientas de diseño, externalizada en su propio repositorio y documentación.

Origen

"Stampa", en italiano, significa: "carattere, indole", lo que en español se traduce como "carácter o índole", referenciando la tipografía y lo iconográfico.

Gamma

¿Qué es Gamma?

Gamma es una plataforma digital de trabajo colaborativo (específicamente almacenado como repositorio en GitHub), donde se registra el avance de las maquetas navegables para el re-diseño del sitio web oficial de la e[ad] ,previamente investigada como una organización compleja de estructuras en base a una jerarquía y oficio reconocibles en su identidad. Es desde la conceptualización de dicha identidad que Gamma sostiene el proceso constructivo-gráfico ulterior a la arquitectura de información y diseño de Wireframes.

Origen

El nombre del repositorio "Gamma" constituye una referencia directa con la estrella del mismo nombre que forma parte de la constelación "Pyxis", ubicada en el hemisferio sur entre los paralelos 20º a 40º de latitud sur, cerca de la constelación Puppis, muy próxima al ecuador de nuestra galaxia. Es una de las tres estrellas principales de la constelación, junto a las otras dos: Alpha y Beta. Esta analogía pretende enlazar de manera creativa los elementos constituyentes del proceso "Atomic-design", donde la identidad se torna relevante si consta formalmente de una imagen coherente y holística (construida metódicamente a través de niveles aesignados) y, en este caso, con un carácter mitológico.