DESARROLLO DEL PROCEDIMIENTO. I. Nombre del Procedimiento: Diseño gráfico, desarrollo y actualización de sitios Web.

Transcripción

1

2 EN SESIÓN No. X FECHA 29-SEP-2011 PÁGINA 2 DE 11 DESARROLLO DEL PROCEDIMIENTO I. Nombre del Procedimiento: Diseño gráfico, desarrollo y actualización de sitios Web. II. Objetivo de Procedimiento. Diseñar los medios de comunicación visual, desarrollar y actualizar los sitios Web, de acuerdo a los requerimientos de la Unidades Administrativas del Instituto. III. Marco Jurídico. Constitución política de los Estados Unidos Mexicanos. Ley Orgánica de la Administración Pública Federal. Ley Federal de Procedimiento Administrativo. Ley Federal de las Entidades Paraestatales. Ley Federal de Responsabilidades Administrativas de los Servidores Públicos. Ley Federal de Transparencia y acceso a la Información Pública Gubernamental y su Reglamento. Ley del Instituto de Seguridad Social para las Fuerzas Armadas Mexicanas. Estatuto Orgánico del I.S.S.F.A.M. Manual de Organización del I.S.S.F.A.M. IV. Normas de Operación. El Departamento de Tecnologías Web diseñará mamparas, carteles, portadas, trípticos, dípticos, folletos, Memoria Anual del Instituto, tarjetas presentación, personificadores, gafetes, menús, programas para eventos, reconocimientos, diplomas, constancias, etc.; para dichos diseños se generará una propuesta de acuerdo a la información proporcionada por las Unidades Administrativas. Características de la información La información proporcionada por las Unidades Administrativas, deberá contener las siguientes características: Texto. En formato Word con mayúsculas y minúsculas, previamente aprobado por el director de área (formato digital e impreso). Imágenes. Formato jpg a una resolución como mínimo de 150 a 300 dpi

3 EN SESIÓN No. X FECHA 29-SEP-2011 PÁGINA 3 DE 11 DESARROLLO DEL PROCEDIMIENTO (de acuerdo a las dimensiones del diseño). Dimensiones de los medios impresos El Departamento de Tecnologías Web, cuenta con equipo de impresión de formatos o dimensiones de 48 x 33 cm, como mínimo y como máximo, las dimensiones que proporciona el plotter. Manipulación de imágenes El departamento de Tecnologías Web, tiene la tarea de realizar toma (s) fotográfica(s) o escaneo de imágenes cuando el trabajo lo requiere para su elaboración y manipulación, es un apoyo que se proporciona a las Unidades Administrativas. Desarrollo de sitios Web Se diseñará a partir de los requerimientos de la Unidad Administrativa solicitante del Instituto; se realizará un análisis de la distribución de la información dentro de la estructura, se considerará los parámetros tales como navegabilidad, interactividad, arquitectura de la información y la interacción de medios como el texto e imágenes, para acceder a la información institucional, utilizando el software para diseño Web y gráfico, para la edición y manipulación de contenido e imágenes. La información será remitida por oficio, en formato digital e impreso, previamente aprobada por el director del área solicitante. Durante el proceso de diseño Web, se realizarán pruebas visualizando a través de un explorador de Internet, los posibles errores de coherencia y vinculación dentro la fluidez de navegación. Por último se trasfiere la información al servidor de producción para consulta de los usuarios, esta es la etapa de implementación. Actualización de información en sitios web El departamento de Tecnologías Web actualizará la información contenida en las páginas de Intranet/Internet del Instituto, utilizando el software de Macromedia y apoyado con Photoshop para la edición y manipulación de imágenes. El departamento de Tecnologías Web accesará al servidor de desarrollo para editar los archivos correspondientes a lo solicitado por las Unidades Administrativas para modificar, agregar y actualizar la información recibida; así mismo se encargará de verificar la funcionalidad y actualizará la página Web en el servidor.

4 EN SESIÓN No. X FECHA 29-SEP-2011 PÁGINA 4 DE 11 DESARROLLO DEL PROCEDIMIENTO V. Relación de formatos. No aplica. VI. Glosario de términos DPI. Los puntos por pulgada (ppp) del inglés dots per inch (DPI) es una unidad de medida para resoluciones de impresión, concretamente, el número de puntos individuales de tinta que una impresora o toner puede producir en un espacio lineal de una pulgada. Resolución de imágenes. Describe cuánto detalle puede observarse en una imagen. El término es comúnmente utilizado en relación a imágenes de fotografía digital, pero también se utiliza para describir la nitidez de una imagen de fotografía convencional. JPG o JPEG: Son las siglas de Joint Photographic Experts Group, el nombre del grupo que creó este formato. jpg es un formato de compresión de imágenes, tanto en color como en escala de grises, con alta calidad (a todo color). Explorador: Un navegador Web o browser es una aplicación software que permite al usuario recuperar y visualizar documentos de hipertexto, comúnmente descritos en HTML. Los navegadores actuales permiten mostrar o ejecutar: gráficos, secuencias de vídeo, sonido, animaciones y programas diversos además del texto y los hipervínculos o enlaces. Servidor: Una computadora que realiza algunas tareas en beneficio de otras aplicaciones llamadas clientes. Algunos servicios habituales son los servicios de archivos, que permiten a los usuarios almacenar y acceder a los archivos de una computadora y los servicios de aplicaciones, que realizan tareas en beneficio directo del usuario final, por ejemplo el correo electrónico. Sitio: Es un conjunto de páginas Web Diseño Web: Es una actividad que consiste en la planificación, diseño e implementación de sitios Web y páginas Web. No es simplemente una aplicación del diseño convencional sobre Internet ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, funcionalidad, arquitectura de la información y la interacción de medios como el audio,

5 EN SESIÓN No. X FECHA 29-SEP-2011 PÁGINA 5 DE 11 DESARROLLO DEL PROCEDIMIENTO texto, imagen y vídeo. Página Web: Una Página Web es una fuente de información adaptada para la World Wide Web y accesible mediante un navegador de Internet. Ésta información se presenta generalmente en formato HTML y puede contener ligas a otras páginas Web, constituyendo la red enlazada de información. HTML: El HTML, acrónimo inglés de HyperText Markup Language (lenguaje de marcas hipertextuales), lenguaje de marcación diseñado para estructurar textos y presentarlos en forma de hipertexto, que es el formato estándar de las páginas Web. Gracias a Internet y a los navegadores

6 Descripción de Actividades DIRECCIÓN / SUBDIRECCIÓN. NOMBRE DEL PROCEDIMIENTO RESPONSABLE NUM. DESCRIPCIÓN DE ACTIVIDADES ACT. EN SESIÓN ORDINARIA No. 10 PÁGINA 6 DE 11 NOMBRE DEL DEPTO. DEPTO. DE TECNOLOGIAS WEB FORMA O DOCUMENTO Coord. de Inftca. Plan. Innov. y Cal. 1 Recibe oficio solicitud de las Unidades Administrativas para diseñar, desarrollar y/o actualizar sitios Web y turna al jefe de Unidad de Informática para acuerdo. Jefe de Depto. de Tecn. Web 2 Recibe oficio solicitud, revisa y turna al depto. de Tecnologías Web. Depto. de Tec. Web 3 Recibe oficio solicitud, revisa, procede a diseñar, desarrollar o actualizar sitios Web, se archiva temporalmente. En caso de que las Unidades Administrativas proporcionen las imágenes, el Depto. de Tecnologías Web, determinará si cumple con las características requeridas. 4 Se analiza la distribución de la información para la propuesta del diseño impreso, desarrollo o actualización de sitio Web, mediante la manipulación y edición de imágenes, considerando la interacción de texto e imágenes. 5 Se presenta la propuesta del diseño para su aprobación e impresión o se realizan pruebas del funcionamiento en el servidor de pruebas para el sitio Web o actualización. Cumple con las características requeridas y funcionamiento? NO 6 Revisa y corrige (diseño del impreso, desarrollo de sitio Web o actualización). Conecta actividad 5 SI 7 Elabora oficio contestación informando que la solicitud ha sido atendida y turna con el oficio de solicitud al jefe de depto. de Tec. Web. Oficio contestación

7 Descripción de Actividades DIRECCIÓN / SUBDIRECCIÓN. NOMBRE DEL PROCEDIMIENTO RESPONSABLE NUM. DESCRIPCIÓN DE ACTIVIDADES ACT. EN SESIÓN ORDINARIA No. 10 PÁGINA 7 DE 11 NOMBRE DEL DEPTO. DEPTO. DE TECNOLOGIAS WEB FORMA O DOCUMENTO Jefe depto. de Tec. Web 8 Recibe, revisa, rubrica y turna al Jefe de la Unidad de Inftca. Para rúbrica y firma del Titular de la CIPIC. Oficio contestación Depto. de Tec. Web 9 Recibe oficio contestación firmado, remite a la Unidad Administrativa solicitante de la actualización sella, archiva acuse y oficio solicitud en carpeta correspondiente. Acuse del oficio contestación FIN DEL PROCEDIMIENTO.

8 DIAGRAMA DE FLUJO EN SESIÓN No. 10 PÁGINA 8 DE 11 DEPARTAMENTO DE TECNOLOGÍAS WEB COORD. DE INFTCA., PLAN. E INNOV. Y CAL. JEFE DE LA U. DE INFORMÁTICA JEFE DE DEPTO. DE TECNOLOGÍAS WEB INICIO 1 Recibe oficio solicitud de las Unidades Administrativas para diseñar, desarrollar y/o actualizar sitios Web y turna al jefe de U. de Inftca. 2 Recibe oficio solicitud, revisa y turna al Jefe de depto. de Tecnologías Web. 3 Recibe oficio solicitud, revisa, procede la actualización y archiva temporalmente. T A

9 DIAGRAMA DE FLUJO EN SESIÓN No. 10 PÁGINA 9 DE 11 DEPARTAMENTO DE TECNOLOGÍAS WEB DEPTO. DE TECNOLOGÍAS WEB JEFE DE DEPTO. DE TECNOLOGÍAS WEB JEFE DE LA U. DE INFORMÁTICA A En caso de que las Unidades Administrativas proporcionen las imágenes, el Depto. de Tecnologías Web, determinará si cumple con las características requeridas. Se analiza la distribución de la información para la propuesta del diseño impreso, desarrollo o actualización de sitio Web, mediante la manipulación y edición de imágenes, considerando la interacción de texto e imágenes Se presenta la propuesta del diseño para su aprobación e impresión o se realizan pruebas del funcionamiento en el servidor de pruebas para el sitio Web o actualización. B

10 DIAGRAMA DE FLUJO EN SESIÓN No. 10 PÁGINA 10 DE 11 DEPARTAMENTO DE TECNOLOGÍAS WEB DEPTO. DE TECNOLOGÍAS WEB JEFE DE DEPTO. DE TECNOLOGÍAS WEB JEFE DE LA U. DE INFORMÁTICA B SI El diseño o funcionamiento es el correcto? NO Revisa y corrige (diseño del impreso, desarrollo de sitio Web o actualización) Elabora oficio contestación informando que la solicitud ha sido atendida y turna al jefe de depto. de Tec. Web. 8 Oficio contestación Recibe, revisa, rubrica y turna al Jefe de la Unidad de Inftca. Para rúbrica y firma del Titular de la CIPIC. Oficio contestación C

11 DIAGRAMA DE FLUJO EN SESIÓN No. 10 PÁGINA 11 DE 11 DEPARTAMENTO DE TECNOLOGÍAS WEB JEFE DE LA U. DE INFORMÁTICA COORD. DE INFTCA., PLAN. E INNOV. Y CAL. DEPTO. DE TECNOLOGÍAS WEB C 9 Recibe oficio contestación firmado, remite a la Unidad Administrativa solicitante de la actualización sella, archiva acuse y oficio solicitud en carpeta correspondiente. Acuse del oficio contestación FIN