Herramienta: trabajo en el desarrollo de las interfaces junto con theprotein.io

En lugar de inventar otra bicicleta de las “nuevas” herramientas y marcos, aserrar vivos o implementar componentes de enfoque, hemos encontrado la ruta de acceso a la dirección de orquesta de este conjunto — theprotein.io te ayuda a transformar el actual conjunto de herramientas útil de cóctel para un estilo saludable de trabajo. Protein sincroniza el trabajo sobre los componentes de la interfaz, independientemente de su representación y de la ejecución, ya sea un editor gráfico como Sketch o Adobe Illustrator o de código en cualquier framework o de la plataforma. El objetivo del producto — gire a la revolución de la conciencia en el diseño y desarrollo de interfaces.

Servicio desarrollado por un equipo de rusia, los miembros de la que tuvo que trabajar en las grandes empresas y proyectos, tales como “Yandex”, “alfa-bank”, “el Megfono” y “Manufactura”, y no de oídas saben todos los problemas de desarrollo. Protein se centra en la colaboración dentro de la tienda de comestibles de comandos (diseñadores, desarrolladores, probadores), pero no a ninguno de ellos y no obliga a introducir de nuevo en el habitual proceso de. Ayuda a obtener el máximo beneficio y configurar una correcta dieta en equipo a través de la sincronización de los componentes entre su representación en diferentes tecnologías.

Por cierto, justo hoy hemos actualizado y página web del producto. Por lo tanto, se recomienda siempre consultar theprotein.io. Componentes de enfoque es un método de desarrollo DE software, que proporciona productivo de todo el equipo sobre el producto. Permite dividir un proyecto de gran tamaño en pequeñas piezas, que será más fácil de desarrollar, probar y mantener.

Y que el uno del otro, es más fácil de sean, mejor. Por tanto, este enfoque no es nuevo. Es aplicable prácticamente a todas las áreas de desarrollo, incluyendo el desarrollo de interfaces. Si la interfaz del proyecto dividir en componentes independientes, y trabajar en ellos de forma individual a todo el equipo será más fácil y más fácil.

Además de los beneficios en forma de facilitar el desarrollo y soporte de componentes de enfoque permite fácilmente se pueden reutilizar parte del sistema como entre proyectos, y dentro de ella misma. Una vez reunido una biblioteca de la los componentes de la interfaz a continuación, puede recoger decenas y cientos de proyectos en una base, cambiando sólo componente. Imagine un simple formulario de inicio de sesión en correo electrónico.

Se compone de campos de introducción de nombre de usuario y contraseña, así como el botón de “Iniciar sesión”. Todos los componentes de la interfaz de. Cada uno de ellos tiene su lógica y la decoración de las. Estos componentes se pueden reutilizar fácilmente, ya que en el 90% de los casos, la lógica de proyecto a proyecto, a diferencia de la parte visual, no cambia.

Esto es cierto para las diferentes plataformas. Por ejemplo, en los dispositivos móviles de estas características y una interfaz completa y pueden verse y funcionar de la misma manera, sin embargo, dentro de ser colocados de manera diferente. Protein asume la labor de sincronización visual y tecnológica de los componentes entre sus percepciones. Al modificar el componente en una de las plataformas, usted será capaz de controlar los cambios y a todos los demás implicados.

Digamos que usted tiene un formulario de inicio de sesión en el sitio web, así como en el móvil o la aplicación, y son los componentes como diseños. Cambiando el color de los botones para el sitio, usted conseguirá cambiar el color de los botones como en todos los visuales de los diseños, como, por ejemplo, en la interfaz de usuario para aplicaciones móviles. Todo de nada, pero, como todos los enfoques, el componente tiene sus inconvenientes.

En el diseño de los comandos de la versión de los componentes sobre los que trabajan los diseñadores y desarrolladores, en un momento del tiempo puede variar. Esto ocurre tanto a nivel de diseño visual, tanto a nivel tecnológico. También pueden no coincidir con la versión de los componentes que se encuentran en la elaboración, diseño y . El dolor de actualización de los diseños y componentes es conocido a cada desarrollador y diseñador, que trabajan con este enfoque.

Como dice el refrán, por la comodidad y el confort que pagar. Con este dolor y ayuda a combatir la proteína, que asume el trabajo de sincronización de los componentes, independientemente de su base tecnológica. Gracias a su inteligente de sincronización de los componentes de la entre vista de la cantidad de ediciones de variación se reduce a la unidad, y la rutina diaria por la entrega de los cambios dentro de la orden sale en segundo plano, permitiendo la máxima en el producto.

En lugar de usted sufrían los cambios de ahora se ocupará de la Protein. Se dará cuenta de qué cambios se han producido con el diseño que se convertirá en el código en la plataforma y le en el repositorio. En el reverso de todos los cambios en el código, se están traduciendo en un conjunto de instrucciones para el diseño de la herramienta, que cambios en el documento.

Ahora proteína se encuentra en la fase activa de desarrollo de. Tenemos la intención de iniciar la pre-ventas del producto ya en esta navidad. La suscripción anual a la licencia de grupo, se pueden comprar con más del 50% del descuento. El precio de la licencia anual será de $99, mientras que después de la versión oficial se elevará a $199.

Malla mensuales de las tarifas también se encuentra en la etapa de planificación. Tratamos de tener en cuenta los intereses de los equipos de diferente nivel y tamaño, y por lo tanto, planteamos el tema cuidadosamente. Toda la información en breve aparecerá en el sitio web oficial del proyecto theprotein.io. El servicio se suministra en forma de Kit Starter conjunto con los clientes para los diferentes sistemas operativos, conectividad con la nube de base y la posibilidad de sincronizar los componentes entre los diversos editores gráficos, y plataformas.

Hoy en día Starter Kit funciona en Mac OS para el Sketch, React, los patrones y -alterna. Starter Kit permite.

Starter Kit incluye un conjunto básico de herramientas funcionales, que se pueden extender con el software o los servicios externos por un suplemento. Por ejemplo, para la creación de componentes c-live preview operar vivos de datos, el equipo ha previsto la integración con Parse. Y para utilizar sus componentes en será la integración con Invision, FramerJS, Pixate y otras herramientas de la vista en línea de diseñadores.

Protein no cambia el habitual proceso de trabajo y no obliga a enseñar a todo el equipo a usar una nueva herramienta. Se permite arrancar y de inmediato obtener el beneficio. Para el diseñador Protein se verá como 2 teclas de acceso rápido en el diseño de la herramienta. ⌘P a enviar los cambios y ⌘⇧P a recibir.

Para el desarrollador — opcional remote en el repositorio de proteína de Cloud. Empezar a utilizar la proteína puede realmente desde cero, sin ninguna de la biblioteca de componentes, o de un proyecto en cualquiera de las tecnologías de la pila. Para ello, se debe en el servicio y crear un nuevo proyecto mediante la interfaz web o el cliente Protein Transporter.

A continuación, abrir el Sketch, crear un nuevo documento y inicializar el trabajo con la proteína de la tecla ⌘⇧P. En el documento, se creará un nuevo con de componentes que se pueden utilizar como símbolos en todas las presentaciones. Ahora usted puede crear un componente de botón, de forma habitual.

Cada componente debe ser formalizado en el grupo y tener un nombre único. Cuando el trabajo sobre el componente terminado, pulsa ⌘P para enviar los cambios al repositorio. Protein Transporter por usted creará una nueva rama y en ella , después de lo cual las llevará en el repositorio. Obtener el repositorio de componentes se puede a través de la Protein Transporter (en el ejemplo anterior) o a través de la consola, escribiendo el siguiente comando en el terminal.

Cada componente tiene un archivo de configuración que describe su nombre en la forma de una clase, el estado y el modo de renderizado. Un componente es una abstracción en la hoja de aplicación en el proyecto. En general, para dibujar el componente no tiene nada.

Pero a medida que el crecimiento de su complejidad, puede que tenga que estilo de decoración que se menciona en uno de , así como la plantilla que describe su estructura en uno de alterna. Toda la información necesaria contenida en el archivo de configuración, que se graba en la norma de ES2015. La mayoría de los componentes serán similares a los ajustes que se describen en la raíz del archivo de configuración, en la que se describe la construcción de gaida en general.

Es todo lo que necesita para trabajar con Protein. Cambiar el componente puede, a su discreción en cualquier editor de código, a la que está acostumbrado. Con el comando en el terminal, puede enviar los cambios al artista o a cualquier otro miembro del equipo.

Todos los miembros del equipo recibirán un mensaje indicando qué componente ha cambiado, y en cualquier momento podrán estos cambios obtener. Así que, si ya tienes un proyecto, donde se utilizan y sistemas de plantilla. Que si usted está utilizando uno de los populares CSS-marcos o tiene un montón de bibliotecas de componentes. Protein se integra a la perfección en cualquier tecnológico de la pila, aprobado en equipo.

Basta con instalar la aplicación Protein Transporter y describir en forma simple de configuración de los componentes dentro de un proyecto. Siguiente parte de un solo equipo, usted recibirá montado de los componentes en todos los estados y a las modificaciones y a trabajar en el proyecto. Este mismo hyde será entregado en la nube para sincronizar con otra presentación, por ejemplo, con Sketch. Los diseñadores de ninguna de configuraciones de escribir no es necesario.

Durante la instalación Protein Transporter se ha instalado el plugin en el diseño de una herramienta con la que trabaja el diseñador del proyecto. Él y va a añadir teclas de acceso rápido para enviar y recibir cambios. Protein funciona.

El único requisito a los componentes es la singularidad de nombre. Esto se puede lograr metodologías como , SMACSS y otros. Las siguientes capturas de pantalla como ejemplo está representado el hyde park, construido de Twitter Bootstrap, y su visualización en el navegador y Sketch.

A los proyectos se puede conectar cualquier número de participantes y desarrollar de manera lineal, sin espera de realizar ediciones de los miembros del equipo. Normalmente, si el producto es presentado en una variedad de plataformas, sus interfaces, se desarrollan y se mantienen con independencia. Cuántas plataformas, tanto y conjuntos de componente. Además, la lista se multiplica por el número de versiones y de los miembros del equipo dentro de la misma plataforma.

En el mejor de los casos — un diseñador, un programador y un producto — producto en los diseños, en la web e ios es de 5 conjuntos de componentes. El mantenimiento de todo este “diversidad biológica” en como debe centrarse en el nivel de la zanahoria. La mayor parte del tiempo, este enfoque no funciona. Y con el crecimiento de su equipo, plataformas, y la lista de 20 a 30 conjuntos representa una amenaza para el desarrollo de producto, mantener el cual se convierte en imposible.

Por no mencionar el hecho de que el producto no puede ser un. Con Protein conjunto de características de un producto siempre estará en y actualizada, en un solo ejemplar y todos los miembros del equipo. En breve, todas las fuerzas del comando Proteiny dejar en completa conversión de diseños, que ventajosamente se complementará con la posibilidad de la conversión de los componentes de las bibliotecas.

Junto con el live preview es una forma rápida de recoger los prototipos de los vivos producción de las versiones de los componentes que se atreva a transmitir en el desarrollo descartado sin culpa. Gracias a la generación de código en la base de la hoja de la aplicación de un determinado conjunto de componentes, el código de resultar absolutamente un y sin excedentes en forma de código adicional, mejora la visualización de.

Es un notable paso adelante en comparación con todos los modernos servicios de creación de prototipos, como FramerJS, Pixate, proto.io o Principle código que con seguridad se puede enviar en el cubo de la basura. Tenemos la intención de trabajar en el apoyo de distintas plataformas, como Windows, Android y iOS, para los slave trabajado y facilitar la vida de los desarrolladores, diseñadores y todo el equipo.

Source: google.co.uk/blog/lviv-tech-scene/

Leave a Reply