Assets para maquetación

Secretaría de tecnologías para la gestión. Ministerio de Gestión Pública

Las siguientes pautas y recursos de diseño se aplican a la realización de los trámites, aplicaciones web y servicios interactivos que se publican en el dominio www.santafe.gob.ar, y deben emplearse tanto para la realización de nuevos trámites, aplicativos, como para la normalización de los ya existentes.

Procedimientos

1. Antes de dar inicio a un nuevo desarrollo de trámite en línea se debe comunicar a la Dirección Provincial de Desarrollo de Software de la Secretaría de Tecnologías para la Gestión al siguiente correo dpds@santafe.gob.ar

2. Los recursos y elementos gráficos y visuales (archivos css, js, imágenes, iconos, etc.) que se deben emplear para el desarrollo del trámite se encuentran publicados en este sitio.

3. En la realización del trabajo, los elementos indicados anteriormente deben apuntarse - via url absoluta - al repositorio de assets indicados en este sitio.

4. Una vez finalizado el desarrollo, y antes de su puesta en línea, debe comunicarse a la Dirección Provincial de Desarrollo de Software para la correspondiente validación del cumplimiento de los estándares. En esta instancia se definirá la url de publicación de la aplicación.

5. Para poder ser incluido en el Subportal de Trámites del Sitio Oficial el responsable del desarrollo del trámite en línea deberá contactarse con el contenidista del organismo a fin de que pueda cumplirse con esta instancia y publique el trámite según la pauta establecida. Deberá darle todos los datos del trámite y la url de acceso al formulario online.

La maqueta/plantilla publicada en este sitio muestra a modo de ejemplo cómo aplicar las correspondientes clases de estilos, y como maquetar el contenido html. Se recomienda utilizar Firefox con el complemento Firebug para la inspección de páginas web.

Plantillas para trámites y aplicativos web

Plantillas html
Descripción Versión Modo de Uso

Plantilla para trámites / aplicativos con Bootstrap 4

Versión 2.1

Imágenes de Gobierno


Importante: apuntar las imágenes, de manera absoluta al repositorio.

Logo header: https://www.santafe.gob.ar/assets/standard/images/gob-santafe.png

Logo footer: https://www.santafe.gov.ar/assets/standard/images/marca-footer.png

Favicon: https://www.santafe.gob.ar/assets/standard/images/favicon.ico

Tema Bootstrap via Assets de Gobierno y CDN externos


Importante: apuntar los archivos css, js, fuentes, de manera absoluta al repositorio, por ejemplo:

https://www.santafe.gob.ar/assets/app/stg-theme/css/custom-v012020.css

Url CSS

<link rel="stylesheet" href="https://www.santafe.gob.ar/assets/app/stg-theme/css/custom-v012020.css" type="text/css" />

<link rel="stylesheet" href="https://www.santafe.gob.ar/assets/standard/css/fonts.css" type="text/css" />

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

Url Javascript

<script src="https://www.santafe.gob.ar/assets/jquery/jquery-v3.2.1/jquery.min.js" ></script>

<script src="https://www.santafe.gob.ar/assets/popper/popper-v1.12.9/popper.min.js" ></script>

<script src="https://www.santafe.gob.ar/assets/bootstrap/bootstrap-v4.0.0/js/bootstrap.min.js></script>

Plantillas html
Descripción Versión Modo de Uso

Plantilla para trámites / aplicativos con Bootstrap 4

Plantilla para trámites / aplicativos con Material Design

Versión 2 (OBSOLETA)

Composer


Instalación via packagist: stgbundle/theme-bundle (OBSOLETA)

Tema Bootstrap via Assets de Gobierno y CDN externos

Url CSS

<link rel="stylesheet" href="https://www.santafe.gob.ar/assets/app/stg-theme/css/custom-v012020.css" type="text/css" />

<link rel="stylesheet" href="https://www.santafe.gob.ar/assets/standard/css/fonts.css" type="text/css" />

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

Url Javascript

<script src="https://www.santafe.gob.ar/assets/jquery/jquery-v3.2.1/jquery.min.js" ></script>

<script src="https://www.santafe.gob.ar/assets/popper/popper-v1.12.9/popper.min.js" ></script>

<script src="https://www.santafe.gob.ar/assets/bootstrap/bootstrap-v4.0.0/js/bootstrap.min.js></script>

Tema Material Design via Assets de Gobierno y CDN externos

Url CSS

<link rel="stylesheet" href="https://www.santafe.gob.ar/assets/app/stg-theme/css/custom-materialize-v012020.css" type="text/css" />

<link rel="stylesheet" href="https://www.santafe.gob.ar/assets/standard/css/fonts.css" type="text/css" />

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />

Url Javascript

<script src="https://www.santafe.gob.ar/assets/jquery/jquery-v3.2.1/jquery.min.js" ></script>

<script src="https://www.santafe.gob.ar/assets/materialize-css/materialize-css-0.100.2/js/materialize.min.js" ></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/additional-methods.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/localization/messages_es_AR.min.js"></script>

Plantillas html
Descripción Versión Responsive Compatibilidad Detalles
Plantilla para trámites / aplicativos Versión 1.0.2 (OBSOLETA) SI
  • Google Chrome version actualizada
  • Mozilla Firefox version actualizada
  • Internet Explorer > 8

Html5 con diseño adaptativo

Importante: apuntar los archivos css, js, fuentes e imágenes, de manera absoluta al repositorio, por ejemplo: //www.santafe.gob.ar/assets/standard/css/styles-1.0.2.css (Ver la sección "head" de la plantilla, y los archivos js apuntados)

Basado en https://jqueryui.com.
Soporte de tablas: http://getbootstrap.com/css/#tables
Grilla de filas y columnas basado en: 1140.css
El uso de la imágen (Superior de la plantilla) es opcional y puede depender del aplicativo.

Repositorio de imágenes de Gobierno


Repositorio de imágenes publicadas

Para su uso fuera de Symfony, incluir los siguientes recursos de manera remota

Url CSS
Url Javascript