PROGRAMA COMPAL - DESARROLLO PORTAL WEB PARA SUPERINTENDENCIA DE INDUSTRIA Y COMERCIO BOGOTÁ – COLOMBIA Proyecto de implementación de la página de la Superintendencia de Industria y Comercio sobre una herramienta tecnológica de fácil actualización y que cumpla con los estándares exigidos en las diferentes fases del Programa de Gobierno en Línea Segundo Informe: Presentación del desarrollo de la página principal y los portales de la Superintendencia de Industria y Comercio. Elaborado por: David Guerrero Fernández C.C. 79949138 de Bogotá Antecedentes Teniendo como punto de referencia el diseño gráfico que fue aprobado en 12 de Febrero del 2010, se inició la implementación de dicho diseño gráfico sobre el Administrador de Contenidos. Se revisaron las fases estipuladas por el Manual de Gobierno en Línea versión 2010 para garantizar que se cumplían cada uno de los requerimientos definidos y se ajustó, en la implementación, la navegabilidad del portal web. Los puntos que se consideraron para la generación de la propuesta, definidos en el Manual fueron los siguientes: Criterio Observaciones Estándares de presentación Identidad visual Se debe mantener, de manera estática y siempre disponible en cualquier nivel de navegación, la identidad visual del Estado (escudo de la República e identidad visual de la entidad). El escudo deberá ubicarse en la parte superior en un tamaño no inferior al de la imagen institucional. Enlace al Portal del Estado En la página inicial debe estar visible un enlace al Colombiano Portal del Estado Colombiano, www.gobiernoenlinea.gov.co, el cual debe proveerse mediante el logotipo oficial del portal. Fecha de la última En la página inicial debe aparecer la fecha de la actualización última actualización del sitio Web. Número de Visitas En la página inicial debe aparecer un contador histórico que refleje el número de visitas a la fecha. División de los contenidos Los contenidos deben estar divididos en porciones pequeñas, sin volverlo inconexo Uso de colores Se deben utilizar pocos colores, sin caer en un diseño monótono. Para verificar que los colores contrastan, tanto del fondo como de los tipos de letra, se recomienda imprimir las páginas en blanco y negro. Así mismo, no se debe utilizar el color como único elemento diferenciador o para resaltar un texto sobre el que se quiere llamar la atención, ya que quien tenga un monitor monocromático o una persona con dificultad de visión no podrá percibirlo. Si se utiliza el color para dar significado, debe utilizarse una alternativa para quienes no pueden diferenciar el color. Uso de marcos Se debe evitar el uso de marcos dentro de las páginas. Si se llegaran a incluir, los marcos deberán estar titulados y el sitio Web deberá ser navegable sin marcos Manejo de vínculos En los vínculos se deben utilizar textos que claramente indiquen al usuario el contenido de la página Web asociada al enlace, que expliquen el para qué de esta acción. No se deben utilizar palabras propias del navegador y es prohibido el uso de frases como “Haga click aquí” o “Ver más”. Adicionalmente, la entidad debe garantizar que no existan enlaces rotos. Estándares de funcionalidad Mapa del sitio Se debe incluir un mapa del sitio Web en la página de inicio a través del cual se permita acceder como mínimo a todas las secciones y subsecciones del mismo. Al mapa se debe tener acceso directo desde cualquier página del sitio Acceso a la página de Se debe incluir un acceso directo a la página de Inicio inicio, al cual se debe tener acceso directo desde cualquier página del sitio. Acceso al menú principal Se debe tener acceso directo a cualquier opción del menú principal desde cualquier página del sitio. Ruta de navegación Se debe incluir la ruta de navegación (miga de pan) en la parte superior del contenido. Estándares técnicos Marcación y/o etiquetado Los elementos insertos en todas las páginas (incluidos gráficos o archivos sonoros), deben estar debidamente marcados y/o etiquetados, incluyendo una descripción adecuada de su contenido o lo que representa, salvo en los casos descritos en el criterio 1.1.1 de los WCAG 2.0 Parpadeo Para toda la información que se mueva, parpadee o se desplace de forma automática y que dure más de 5 segundos, o se presente en forma paralela con otro contenido, debe existir el mecanismo para que ésta sea detenida u ocultada, a menos que el movimiento sea parte de una actividad esencial. Uso de navegadores El sitio Web deberá visualizarse y ser totalmente funcional al menos en Internet Explorer y Firefox. Para la elaboración de las propuestas gráficas de las páginas de los portales se estableció previamente cuales serían dichos portales y cuales serían las secciones que estarían presentándose para cada uno de éstos portales. La conclusión que sería la base para la construcción de la propuesta y que determinó en conjunto con los directores de las diferentes dependencias sería que se crearían tres portales a diferencia de los seis portales que en la actualidad existen. Las secciones para cada uno de los portales también fue revisado permitiendo definir la siguiente estructura: Versión Actual Versión Nueva Propiedad Industrial - Nuevas Creaciones - Signos Distintivo - Conozca la Delegatura - Servicios - Contáctenos Propiedad Industrial Protección al Consumidor - Conozca la Delegatura - Servicios - Contáctenos Protección al Consumidor Promoción de la Competencia - Protección de la Competencia Acreditación - Conózcanos - Publicaciones de la Superintendencia - Servicios en Línea y Bases de Datos - Información General - Conózcanos - Servicios - Laboratorios de Medición - Contáctenos - Conózcanos - Servicios - Contáctenos Metrología Cámaras de Comercio Conózcanos Servicios Notificaciones Contáctenos - Conozca la Delegatura - Patentes - Marcas - Información Tecnológica y Herramientas - Conozca la Delegatura - Consumidores - Novedades - Telecomunicaciones - Acreditación - Reglamento Técnico - Metrología Legal - Conozca la Delegatura - Notificaciones - Novedades - Cámaras de Comercio - Integraciones Empresariales Una vez definida la estructura se establecieron con los responsables de las Delegaturas de Protección al Consumidor, Protección de la Competencia, Propiedad Industrial, Metrología, Jurisdiccional la información que ellos consideraban necesaria mostrar en la página principal del portal de cada una de las delegaturas. Sobre el anterior punto se recibieron dos estructuras sobre las que se realizaron las propuestas pertinentes a los portales que se ilustran a continuación Protección al consumidor Autoridades competentes por tema Conozca la Delegatura Preguntas frecuentes CONSEJOS Si va a comprar ……… Noticias por tema NIÑ@S CONSUMIDORES Asociaciones de consumidores Derechos de los consumidores Red de Alerta Deberes de los consumidores Normatividad Reglamentos Técnicos Metrología Atención al ciudadano Autoridades competentes por tema: Cuadro anexo competencias Derechos del consumidor: Folleto - Deberes del consumidor: Folleto Normatividad: http://www.sic.gov.co/ botón Protección al Consumidor/ Normatividad Conozca la Delegatura: Diapositiva Andrés – Presentación, competencias y requisitos de cada grupo Conozca la Delegatura: http://www.sic.gov.co/ botón Protección al Consumidor/Directorio Red de Alerta: En construcción Atención al ciudadano: http://www.sic.gov.co/ botón Protección al Consumidor/servicios /bases de datos/ servicios en línea – protección al consumidor Atención al ciudadano: Idem/ servicios/ formatos Atención al ciudadano: Idem/ servicios/ trámites Links Nacionales: Cuadro anexo con direcciones electrónicas Preguntas frecuentes: http://www.sic.gov.co/ botón Protección al Consumidor/ preguntas frecuentes Noticias de interés: http://www.sic.gov.co/, http://intrasic Consejos: En construcción - Andrés Noticias por tema: Idem/ servicios/ novedades Noticias por tema: Idem/ Noticias de Interés. Asociaciones de consumidores: http://www.sic.gov.co/ Normatividad/decretos/ 3467 y 1441 Alcaldes: Presentación José Luis Videos: En construcción. Links nacionales SUPERINTENDENCIA FINANCIERA INVIMA SUPERINTENDENCIA DE SERVICIOS PÚBLICOS DOMICILIARIOS SUPERINTENDENCIA DE Foros Videos CHAT Asociaciones de consumidores Patentes y otras formas de protección de Nuevas Creaciones Normatividad agrupada por temas Normatividad Qué es y qué protege: Patentes Diseños industriales Esquema de trazado de circuitos Protección internacional Formatos únicamente relacionados con NC Formatos Cómo presentar la solicitud: Requisitos Contenido y redacción Trámite Formatos Tasas Contáctenos Herramientas y servicios Consulte el estado de su solicitud Trámites en línea Consulte la gaceta de propiedad industrial Clasificación internacional Servicios informativos icono Consulte el estado de su solicitud Ejecución Sobre los elementos anteriormente citados y con los requerimientos identificados se partió a elaborar una propuesta inicial sobre la que se podría empezar a trabajar para llegar a un diseño final. Dicha propuesta fue presentada a la Doctora Nicolle Rojas Tamayo, Asesora Despacho Superintendente de Industria y Comercio y el Ingeniero Carlos Enrique Polanía, Jefe de Oficina de Tecnología e Informática, en reuniones realizada en las instalaciones de la Superintendencia de Industria y Comercio. Los elementos incorporados en las propuestas fueron: - Mantener el menú de navegación lateral con las secciones generales de la Superintendencia de Industria y Comercio - Incorporar las secciones propias de cada una de las delegaturas en el menú lateral, bajo las secciones generales de la Superintendencia de Industria y Comercio - Incorporar las noticias propias de cada una de las delegaturas - Establecer un espacio para los archivos multimedia como los videos - Mantener una identidad gráfica con la página principal de la Superintendencia de Industria y Comercio pero permitir incorporar elementos y secciones propias de la delegatura Sobre las propuestas realizadas y los ajustes definidos se llegó a las siguientes propuestas: Propuesta 1 Propuesta 2 Conclusión Una vez realizados los ajustes requeridos sobre las propuestas presentadas, se definió que la las dos propuestas eran viables. De tal forma que la Propuesta 1 fuera utilizada para la página principal de los portales de las Delegaturas mientras que la Propuesta 2 se utilizara como plantilla para desplegar la información de las secciones internas como por ejemplo las secciones de Patentes y Marcas del portal de Propiedad Industrial. Se podrá consultar la implementación de las dos propuestas en las siguientes direcciones url: Propuesta 1: http://190.146.44.196/SIC/index.php?idcategoria=278 Propuesta 2: http://190.146.44.196/SIC/index.php?idcategoria=2372 Estado actual del proyecto En la actualidad el proyecto se encuentra en su fase final, donde los contenidos de todas las secciones y subsecciones se encuentran cargadas en su totalidad en el Administrador de Contenidos. Se está coordinando la instalación del sistema en los servidores que la Superintendencia de Industria y Comercio establezca para tales fines y se estará realizando la presentación del nuevo portal para su revisión final por parte de cada uno de los responsables de las dependencias para ajustes en los textos. El estado actual del proyecto con la carga y migración de la información podrán ser consultados en la dirección url: http://190.146.44.196/SIC A continuación se relacionan los informes relacionados a las reuniones de seguimiento realizadas. Reunión 25 de Marzo Incluir la etiqueta “Alt” para los vínculos La opción de “Logín”: se deberá trabajar para una extranet. Quitar el buscar del botón del menu superior y eliminar la palabra buscar cuando se hace click en el campo de búsqueda Agregar la palabra CHAT al botón gráfico del menú superior Dentro de Protección al consumidor deberá quedar Laboratorios Nacionales de Referencia (Metrología) Cambiar el botón “Promoción de la competencia” por “PROMOCIÓN DE LA COMPETENCIA” Poner en el banner el nombre de la delegatura en la que se está Poner en la página principal videos / Multimedia El botón de preguntas frecuentes debería mostrar la opción de FAQs generales y FAQs propias de cada delegatura Las delegaturas se deberían abrir en páginas en blanco Revisión de las fases de Gobierno en Línea sobre la nueva versión de la página web Revisión Fase de Información - Misión y Visión está bajo Presentación - Objetivos y Funciones está bajo Presentación (queda pendiente Objetivos) - Organigrama está bajo Estructura Organizacional - Localización Física - Directorio de Funcionarios está bajo Presentación->directorio - Directorio de Entidades ->Está bajo Presentación -> Sectorial - Lo que actualmente está bajo Presentación->Planeación sacarlo como sección aparte - Normatividad pendiente la normatividad que RIGE a la entidad - Presupuesto está bajo Informes - Ocultar Rendición de Cuentas Históricos - Políticas, planes y Programas está bajo Presentación->Planeación - Trámites y Servicios OK (mostrar lista de Trámites y lista de Servicios) Se integraría lo que en la actualidad se tiene en Servicios – Trámites y Servicios en Línea del menu lateral izquierdo - Contratación está bajo Información General - Agregar el logo de Portal único de Contratación - Logos de entidades hacerlos más pequeños - Entes de Control que Vigilan a la Entidad está bajo Mecanismos de Control Institucional - Informes de Gestión bajo Informes - Metas e indicadores de Gestión bajo Informes - Planes de Mejoramiento está bajo Informes - Servicios de Información para Niños OK - Boletines y Publicaciones - Glosario se ubicará bajo Servicios de Información al Ciudadano (ver fase de interacción) - Políticas de Privacidad y Condiciones de Uso OK - Política editorial se agregará abajo al lado de Políticas de Privacidad - Ofertas de Empleo está con el nombre Contratación->Personal Hojas de Vida. Debe quedar bajo Servicio de Información al Ciudadano Fase Interacción - Cambiar la etiqueta del botón Atención al Ciudadano por Servicios de Información al Ciudadano con las secciones definidas en el Manual (desactivar Preguntas Frecuentes del menús superior) - Seguimiento de Trámites está bajo Otros Servicios; agregar Notificaciones - Desde la búsqueda de la página llevarlo a la opción de una búsqueda especializada - Crear botón con el nombre Atención en Línea Chat - Agregar los foros bajo las noticias relevantes y agendados como los de los alcaldes - Ayudas: se están realizando por las dependencias. Realizar la ayuda para la página y ubicarla en los botones gráficos del menú superior Fase de transacción - Acceso vía móvil (Reunión Telefónica Movistar) - Cobertura Geográfica solicitar georeferenciación por escrito al Agustín Codazzi - Otros idioma: se realizará la traducción al inglés de los contenidos, la traducción será realizado por un traductor certificado - Webstats o el que actualmente manejan para las estadísticas Sistemas Transversales - Estampado de tiempo: revisar el tema para los sistemas de la SIC Fase de transformación http://programa.gobiernoenlinea.gov.co/ Vínculo Prepárese 2010 Revisión 19 de Abril Agregar los botones para las secciones: versión para imprimir, enviar a un amigo, pdf (si ya está que se genere el vínculo para descargarlo, si está en formato HTML que permita generarlo con la librería pdf - convertidor) La información se generará a partir de menú desplegables (horizontal y vertical) que cargue con Ajax la información seleccionada (si no es pdf) así no se pierden los accesos del menú (revisar como actualizar las migas) Directorio: Para cada una de las secciones mostrar lo que en la actualidad está en el ítem Directorio Dependencias (tener en cuenta las que pertenecen a las sede CAN) Poner bajo directorio la opción Estructura Organizacional -> Sectorial Opción Sectorial mostrar como galería de imágenes Se debe agregar la fecha actual Normatividad se mostrará en el menú superior Agrupar Audiencias públicas en uno solo y Rendición de cuentas en uno solo. Estas opciones tendrán tres submenú y se organizarán horizontalmente Para trámites y servicios se deberá agrupar por área (tres área y general) asociar a cada una trámites – servicios indicando con un ícono si es del SUIT (con su definición) o si es directo Portal para niños ver la del DAS Preguntas Frecuentes: deberá tener el buscador y se deberá almacenar la fecha en la que se realizó la consulta y el tipo de búsqueda Revisión 21 de Abril El menú que se deja es el horizontal. Tratar de hacer más largos los sub-menú y para las categorías principales no mostrar la fecha de actualización Revisar los tamaños de los sub-menú y ponerle la flecha para los que tienen un siguiente nivel Normalizar mayúsculas/minúsculas Funciones->Código de Buen gobierno no está Generar un cuarto nivel de navegación En el directorio mostrar las subcategorías como se muestran en las que las agrupan. Cambiar Superintendente de Industria por Despacho Directorio de entidades vinculara cada uno a la página correspondiente y cargar todas las imágenes de cada organismo Normatividad agrupar por áreas Revisar la agrupación de estados financieros Plan de compras para contratación es el mismo que el plan de compras de Conózcanos->presentación Botones de Accesos a portales especiales de colores diferentes