Anexo DGT (Igor) PDF

Aplicación del Sistema de Diseño ================================ Este documento proporciona una guía detallada sobre la aplicación del Sistema de Diseño de la DGT para el desarrollo de aplicaciones internas. Abarca desde la definición del sistema hasta los requisitos mínimos y componentes disponib...

Aplicación del Sistema de Diseño ================================ Este documento proporciona una guía detallada sobre la aplicación del Sistema de Diseño de la DGT para el desarrollo de aplicaciones internas. Abarca desde la definición del sistema hasta los requisitos mínimos y componentes disponibles. 1- ¿Qué es un Sistema de Diseño? -------------------------------- Un Sistema de Diseño es un conjunto de definiciones y decisiones tomadas entre los equipos de diseño y desarrollo que nos permiten crear una serie de directrices y componentes reutilizables a la vez que escalables para aplicarlos a nuestro producto digital. Este Sistema de Diseño nos ayudará a la hora de implementar los desarrollos de las distintas aplicaciones internas de la DGT, y lo tomaremos como punto de partida y Guía de Estilos de las mismas. En el siguiente enlace: http://pro-designintra.trafico.es/ está disponible nuestro Sistema de Diseño y es donde se publicarán todas las actualizaciones. Se debe estar dentro de la red interna de la DGT. Cuando se realice una actualización se informará por email a los jefes de área desde el departamento de calidad. 2- ¿Cómo se aplica? ------------------- Las aplicaciones internas de la DGT pueden abrirse en: dentro de un marco contenedor o de forma independiente. Salvo excepciones impuestas desde negocio, la mayoría de estas aplicaciones se abrirán dentro del marco contenedor. En esta sección, se describe el proceso de implementación del Sistema de Diseño en las aplicaciones internas de la DGT. Se explicará cómo las aplicaciones pueden ser desarrolladas dentro de un marco contenedor o de forma independiente, destacando las directrices y pasos necesarios para asegurar una integración coherente y eficiente. ### Tipos de aplicaciones internas de la DGT Las aplicaciones internas de la DGT se dividen en dos categorías principales: 1. 2. **Aplicaciones dentro del marco contenedor** Estas son la mayoría de las aplicaciones internas de la DGT. Sus características principales son: - - - - - Ventajas: - - - **Aplicaciones independientes** Estas son aplicaciones que, por razones específicas de negocio, no se integran en el marco contenedor. Sus características son: - - - - **Comparativa** Aspecto Marco contenedor Independientes ---------------- ----------------------------- ------------------------- Integración Dentro del marco Fuera del marco Cabecera/Pie Proporcionados por el marco Deben implementarse Área de diseño Parte central Toda la pantalla Navegación Sistema de pestañas Propia de la aplicación Las aplicaciones internas de la DGT se abrirán dentro de un marco contenedor por un sistema de pestañas, cada una de ellas será una aplicación diferente para mejorar así el día a día de los empleados de la DGT. Gracias a este marco, la cabecera y el pie de todas las aplicaciones internas será el mismo.\ \ La parte a diseñar para cada aplicación es la central (parte remarcada en rosa en la imagen), donde siempre se tiene que respetar el siguiente layout: menú lateral izquierdo, título de la aplicación y contenido de la misma en la parte derecha. ¿Cómo implementamos el marco contenedor? ---------------------------------------- EL marco contenedor esta disponible en: [[https://apl.p3.trafico.es/WEB\_CONTENEDOR\_APPS\_INTR/ssoLogin.html]](https://apl.p3.trafico.es/WEB_CONTENEDOR_APPS_INTR/ssoLogin.html)  --------------------- ¿Por dónde empezamos a diseñar? ------------------------------- ### Aplicaciones del marco contenedor **Paso 1: Descárgate una plantilla** El sistema de diseño dispone de una sección de plantillas (http://pro-designintra.trafico.es /fundamentos/plantillas/) revísala y descargate la que resuelva tus necesidades. **Paso 2: Cambia los componentes** Una vez tengas la plantilla, cambia los componentes que necesites, utilizando todos los disponibles y respetando el layout. Siguiendo estos pasos, no partes de cero y se evitan errores posteriores. ### Aplicaciones independientes Las aplicaciones internas de la DGT que por cuestiones de negocio tengan que abrirse fuera del marco contenedor, tendrán la siguiente estructura. Poner imagen La parte a diseñar para cada aplicación es la central (parte remarcada en rosa en la imagen), donde siempre se tiene que respetar el siguiente layout: cabecera, menú lateral izquierdo, título de la aplicación, contenido de la misma en la parte derecha y footer. ¿Por dónde empezamos a diseñar? ------------------------------- **Paso 1: Descárgate una plantilla** El sistema de diseño dispone de una sección de plantillas (http://pro-designintra.trafico.es /fundamentos/plantillas/) revisala y descargate la que resuelva tus necesidades. **Paso 2: Cambia los componentes** Una vez tengas la plantilla, cambia los componentes que necesites, utilizando todos los disponibles y respetando el layout. Siguiendo estos pasos, no partes de cero y se evitan errores posteriores. 3- Requisitos mínimos que tiene que cumplir ------------------------------------------- Todas las aplicaciones internas de la DGT tienen que cumplir con la imagen visual y el uso de los componentes del Sistema de diseño. Aunque en él se detallan todas las especificaciones que se tienen que tener en cuenta, en este documento hacemos referencia a los aspectos más importantes para cumplir con las normas de diseño: ### Tono y lenguaje - - ### Estructura y layout **Marco contenedor** 1. - - - 2. - - - 3. - - - **Componentes de contenido** - - - **Responsividad** - - 4- Componentes disponibles para el contenido -------------------------------------------- Para el contenido de cada aplicación se utilizarán los componentes especificados y desarrollados en el Sistema de Diseño. Es obligatorio utilizarlos como se describen tanto a nivel visual como en código. Si un equipo de desarrollo no encuentra en el Sistema de Diseño el componente que necesita, tiene que ponerse en contacto con los responsables de la Imagen Corporativa, quiénes les ayudarán a solucionarlo.