Segundo informe pagina web

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