Está en la página 1de 51

Código IT-SW-DGE-02

GUIA DE CONTRIBUCIÓN Revisión 0


PARA EL SITE STUDIO Fecha 05/abr/2010
Página 1 de 51

Guía de contribución para


el Site Studio Contributor
de Oracle

Elaboró/Modificó Revisó Autorizó

Omar David Trejo Larrainzar M. D. Ma. Elena Carbajal Franco Lic. Patricia Siu Leonor
Departamento de Contenidos Jefa del Depto. de Contenidos Directora de Gobierno
Electrónico
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 2 de 51

Índice

Introducción
Requerimientos del Sistema
El rol de contribución
Proceso de contribución
1. Acceso al Contributor
2. ¿Cómo comenzar a contribuir?
3. Componentes básicos
3.1.Ventana de edición
3.2.Barra de herramientas de contribución
3.3.Editor WYSIWYG
3.4.Editor de texto simple (plano)
4. Formularios personalizados
4.1.Imagen
4.2.Archivo
4.3.Media
4.4.URL
5. Editor de listas
5.1.Listas dinámicas
5.2.Listas estáticas
6. Esquemas comunes
7. Esquemas personalizados
8. Flujos de trabajo
9. ¿Cómo contribuir la página de inicio?
10. Glosario de términos
11. FAQs
12. Mejora continua
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 3 de 51

Introducción

Esta guía contiene información básica para asistir a los responsables de información de los sitios web
de las unidades administrativas del Gobierno del Estado de México, en la contribución de contenidos,
utilizando la herramienta Oracle Universal Content Management o UCM (Gestor de Contenidos de
Oracle).
El UCM es un sistema que permite gestionar todas las fases del ciclo de vida de un contenido (o
documento), además facilita manejar de manera independiente el contenido y el diseño. Así, es posible
manipular el contenido y darle en cualquier momento un diseño distinto al sitio sin tener que darle
formato al contenido de nuevo. Además permite la fácil y controlada publicación de la información en
un mismo sitio a varios editores, estableciendo roles y flujos de publicación.
Requerimientos del sistema
Antes de comenzar a contribuir es necesario tener en cuenta que el equipo de cómputo en que se va
a trabajar cuente con los siguientes requerimientos del sistema:

• Un sistema operativo que pueda soportar Internet Explorer 6.0 o superior, Firefox 2.0 o
superior, por ejemplo Microsoft Windows 2000, Windows XP, Windows Vista, Linux, o Mac
OS X
• Acceso a Internet a una velocidad mínima de 512 Mb
• Internet Explorer 6.0 o superior, o Firefox 2.0 o superior.
• Java Virtual Machine (JVM) desde http://www.java.com/es/download/
• Monitor VGA 800 x 600 o mejor, display color de 256 o más.

Nota: La primera vez que entres al modo de contribución es posible que necesites bajar un plug in
para visualizar la tecnología Java que utiliza el Contributor, por lo que es necesario que lo instales, es
gratuito y fácil de instalar. En caso de que ya lo tengas no lo instales de nuevo.

Es posible también que te pida una firma de confianza para ejecutar la aplicación. Antes de darle clic
en Ejecutar marca Confiar siempre en el contenido de este editor, para que el navegador ya no te esté
preguntando cada vez que accedas al modo de contribuidor.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 4 de 51

Además tienes que indicarle al navegador que la dirección de Contribución donde estás editando
contenidos es de confianza. En algunos casos congela o traba el navegador si no cuenta con este
permiso.

En Internet Explorer tienes que ir a la pestaña de Herramientas - - Opciones de Internet - -


Seguridad - - Sitios de confianza - - Sitios - - y agregas el sitio.

En Mozilla Firefox te aparece en la parte superior una pestaña que te pregunta si quieres confiar en el
sitio. Da clic en “Siempre”.

El rol de contribución

La actividad principal como contribuidor, es agregar contenido y actualizar el sitio Web cada vez que
sea necesario.

Este rol te permite actualizar ciertas partes de una página web, varias páginas, o secciones enteras del
sitio. Una vez que el sitio ha sido creado con los esquemas correspondientes a cada página, y con las
regiones de contribución adecuadas podrás iniciar el llenado de información.

Proceso de contribución
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 5 de 51

Todas las actualizaciones deberán hacerse antes de la hora establecida de lo contrario no se verán
hasta la siguiente promoción. Los cambios se reflejan entre 10 y 15 minutos después de la promoción.

1. Acceso al Contributor

Para contribuir en nuestro sitio Web lo primero que hay que hacer es:

a. Ubicarse en la página donde vayamos a contribuir.


Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 6 de 51

Dependiendo del mapa de sitio de nuestra dependencia las páginas podrán ser contribuidas por
diferentes contenidos, noticias, publicaciones, recursos multimedia, o datos, entre otros tipos de
información.

b. En la misma página se tiene que oprimir en el teclado de la computadora Control + Shift + F5

Se deben oprimir en ese orden y mantenerlas presionadas hasta que aparezca la ventana de acceso
(login).

c. En la pantalla que aparece, se tiene que teclear el Nombre de usuario y el Password asignado y dar clic en
Aceptar.

La pantalla para teclear el password puede variar dependiendo del navegador.


IMPORTANTE: Para una mejor contribución se recomienda utilizar los navegadores Firefox o
Explorer, y siempre una versión anterior a la más reciente para evitar posibles fallas de operación.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 7 de 51

Si el password y el usuario son correctos verás la pantalla en donde vas a contribuir con 2 diferencias:

• Aparece el cintillo de modo de contribución. Este cintillo es sólo indicativo del modo en que
estás.

• Aparecen el o los botones que te permiten editar la región.


Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 8 de 51

2. ¿Cómo comenzar a contribuir?

Una vez que ya entraste al modo Contributor con tu nombre de usuario y contraseña, para comenzar a
contribuir tienes que dar clic en Edit o en la imagen del lápiz

El botón para editar la región te permite hacer dos cosas:

Si das clic en la imagen del lápiz con el globo te manda directamente a la parte de edición del
contenido que quieras editar.

Si das clic a la imagen de la hoja, te despliega dos opciones:

Edit que te manda a la parte donde puedes editar el contenido, igual que la imagen del lápiz.

View Differences que es donde puedes verificar los cambios hechos unas vez que hayas contribuido y
editado esa misma parte.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 9 de 51

NOTA: Para acceder a cualquiera de las dos opciones es importante que des un solo clic, ya que si le
das doble clic te aparecerán dos pantallas de edición.
Al darle clic te despliega una pantalla diferente con los campos donde puedes insertar el contenido
que está marcado.
Espera a que se acaben de cargar los editores los cuales contienen la tecnología Java por los cuales
bajaste el plug in.

Habrá secciones en el sitio que solo aparecerán en el modo de contribución debido a que manejan
flujos de trabajo. Para visualizar estas secciones siempre necesitarás accesar al modo de contribución
y dependiendo del flujo de trabajo marcado por cada dependencia o Secretaría, otra persona
aprobará el contenido que tú edites o generes.

3. Componentes básicos

3.1 Ventana de edición


Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 10 de 51

La ventana de edición contiene los elementos a contribuir que se definieron previamente por lo que
las ventanas tendrán diferentes elementos tales como Título, Subtítulo, Imagen, Archivo, Tags, URL,
número de páginas, descripción etc. Los elementos que debemos de contribuir son elementos que
previamente definimos y son diferentes entre cada página, dependiendo de lo que vayamos a mostrar.

3.2 Barra de herramientas de contribución

La barra de herramientas de contribución contiene los siguientes elementos:


Migas. La ubicación de la región que estamos editando

Botón de Help. Ayuda acerca del Oracle Universal Content Management en inglés.

Botón de About. Acerca del Oracle Universal Content Management en inglés.

Botón de Close. Cierra la ventana de edición

Data File. Es el identificador de la región de contribución

Update. El disco nos sirve para guardar los cambios o para actualizar información que estemos
editando.

Preview. Este botón nos sirve para ver un previo de lo que estamos editando

Reset. Borra todos los cambios que hayamos hecho sin haber guardado. Si damos clic en el
botón de Update y luego presionamos clic en reset no borrará nada.

View differences. Esta opción nos sirve para ver los cambios que hemos hecho con respecto
a la página que está publicada o en el que hemos venido trabajando. Al igual que el Preview abre una
ventana donde nos resalta los cambios en amarillo.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 11 de 51

3.3 Editor WYSIWYG

El editor WYSIWYG ("What You See Is What You Get") es el editor que aparecerá con más
frecuencia. Este editor lo puedes usar para contribuir o editar texto, integrar imágenes, poner o
quitar links, hacer o editar tablas, entre otros cambios. En la parte de arriba del editor se encuentra el
nombre del elemento específico que vas a editar, “Descripción” en nuestro caso. Si en la parte
derecha aparece un punto rojo significa que la región la tienes que contribuir obligatoriamente para
que aparezca publicada.

Debajo del nombre hay diferentes botones muy parecidos a los que se podrían encontrar en un
editor de textos normal, con algunas adiciones.

En esta guía no se describirán todos los botones del Editor WYSIWYG, sólo los que no sean tan
comunes y que usemos más, ya que los botones de negritas, itálicas, subrayado, los botones de
alineación, de sangría o las viñetas, así como el tamaño de texto, corrección de ortografía, pegar,
insertar imágenes o ligar, son iguales o similares en muchos otros programas de edición, y hay otros
botones que casi no usaremos o nunca necesitemos.

Estos íconos corresponden a las tres vistas que puedes tener del Editor WYSIWYG. La primera es la
vista normal de diseño, la segunda es la vista en HTML, y la tercera es una ventana fuera de la región
donde estas modificando todos los elementos, aunque es el mismo Editor.

NOTA: Para contribuir texto que copias de otro editor de textos ya sea Word, Open Office o
Internet siempre le tendrás que quitar los estilos para evitar problemas, por lo que tendrás que pasar
la información que copiaste por el Bloc de notas o Notepad antes de pegarla en el editor. Otra
opción es que pegues la información directamente en el editor WYSIWYG pero necesitas remover
el formato con “remove format”.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 12 de 51

NOTA. Puedes incluir tablas en el editor, pero el máximo tamaño que puedes usar es de 597px

Insert line break. El primer botón sirve para insertar una línea o dar espacio entre líneas, el tag <p> en
lenguaje HTML.
Insert non breaking space. Este botón sirve para insertar un espacio entre caracteres.

3.4 Editor de texto simple (plano)

El editor de texto simple contiene en la parte de arriba el nombre del elemento que estás editando,
los íconos que se encuentran en este editor son similares a los de otros programas, y son: Deshacer,
Rehacer, Copiar Cortar, Pegar, y para revisar la ortografía.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 13 de 51

4. Formularios personalizados

Los formularios personalizados son la base de construcción de los esquemas que conforman una
página y pueden ser contenidos editables tales como audio, video, texto, vínculos, imágenes, archivos,
etc.

4.1 Imagen

Imagen. Para contribuir la imagen le tienes que dar clic a la liga Subir imagen y aparecerá otra
pantalla con el Formulario de Ingreso de contenido, el cual tendrás que llenar.

• Título: Nombre común con el que se va a identificar la imagen

• Tipo: Siempre será Archivo de imagen (EDOMEX_IMAGEN)

• Grupo de seguridad: Siempre será Public.

• Archivo: Mediante el botón Examinar buscaremos en nuestra computadora la imagen que


corresponda a la publicación que vayamos a subir. Los tipos de archivo que se pueden publicar
son jpg, gif, png.

NOTA: Los nombres de los archivos de imagen que subas siempre deberán ser en minúscula, sin
acentos o caracteres especiales, ni espacios. Ejemplo: logo_ime.jpg

• Identificación de contenido: La nomenclatura del título de la imagen siempre deberá de ser


NOMBRE DEL SITIO, guión bajo, IMG, guión bajo, NOMBRE DE LA IMAGEN, siempre en
mayúsculas. Ejemplo IME_IMG_MISION, SFINANZAS_IMG_BANNER, etc.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 14 de 51

Una vez capturados todos los campos que nos pide para ingresar una imagen, le damos clic al botón
Ingresar. Tamaño máximo de la imagen 300 px de ancho x lo que de de alto, recomendable 250px ó
menor a 30 Kb
Si existe algún error, la aplicación no nos dejará subir la imagen, además de que nos indicara cual es el
error. Si no hay ningún error nos aparecerá la imagen en la pantalla de contribución.

4.2 Archivo

Archivo a descargar. Para contribuir la imagen le tienes que dar clic a la liga Subir Archivo.

Aparecerá otra pantalla con el Formulario de Ingreso de contenido, el cual tendrás que llenar.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 15 de 51

• Título: Nombre común con el que se va a identificar el archivo

• Tipo: Siempre será Archivo (EDOMEX_ARCHIVO)

• Grupo de seguridad: Siempre será Public.

• Archivo: Mediante el botón Examinar buscaremos en nuestro archivo que corresponda a lo


que vayamos a publicar. Los tipos de archivo que se pueden publicar son pdf, xls, doc, pps, ppt
y zip sólo en casos necesarios.

NOTA: al igual que las imágenes los nombres de los archivos siempre deberán ser en minúscula, sin
acentos o caracteres especiales, ni espacios.

• Identificación de contenido: La nomenclatura del título de la imagen o del archivo siempre


deberá de ser NOMBRE DEL SITIO, GUIÓN BAJO, tipo del archivo: DOC, XLS o ZIP,
GUIÓN BAJO, NOMBRE DEL ARCHIVO, siempre en mayúsculas. Ejemplo
IME_PDF_MISION, SFINANZAS_XLS_LISTA, DGSEI_ZIP_ACTUALIZACION etc.

Una vez capturados todos los campos que nos pide para ingresar el archivo, le damos clic al botón
Ingresar.
4.3 Media

Media. Para contribuir la imagen le tienes que dar clic a la liga Subir Media y aparecerá otra
pantalla con el Formulario de Ingreso de contenido, el cual tendrás que llenar.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 16 de 51

• Título: Nombre común con el que se va a identificar el archivo

• Tipo: Siempre será Archivo (EDOMEX_MEDIA)

• Grupo de seguridad: Siempre será Public.

• Archivo: Mediante el botón Examinar buscaremos en nuestro archivo que corresponda a lo


que vayamos a publicar. Los tipos de archivo que se pueden publicar son flv, mp3, swf.

Nota: al igual que las imágenes los nombres de los archivos siempre deberán ser en minúscula, sin
acentos o caracteres especiales, ni espacios.

• Identificación de contenido: La nomenclatura del título de la imagen o del archivo siempre


deberá de ser NOMBRE DEL SITIO, GUIÓN BAJO, tipo del archivo: FLV, MP3 o SWF,
GUIÓN BAJO, NOMBRE DEL ARCHIVO, siempre en mayúsculas. Ejemplo
IME_SWF_MISION, SFINANZAS_MP3_LISTA, DGSEI_FLV_ACTUALIZACION etc.

Una vez capturados todos los campos que nos pide para ingresar el archivo, le damos clic al botón
Ingresar.

4.4 URL

Para insertar un URL tenemos que dar clic en Get Hyperlink, lo cual nos abrirá otra ventana.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 17 de 51

En la ventana que nos aparece existen tres opciones para insertar un vínculo, la primera es una liga
hacia adentro del Portal o de cualquiera de las páginas del Gobierno del Estado de México.

Cuando seleccionamos Link to a section, nos aparece otra ventana donde debemos de escoger la
página y la sección de la página a donde queremos ligar.

Al darle Next nos despliega otra ventana donde debemos de escoger el formato de la URL. Aquí nos
aparecen dos opciones de formato, uno basado en la ruta relativa y la otra basado en el identificador
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 18 de 51

asignado por la herramienta. Siempre escogeremos la primera opción Path Based URL, formato de
URL basado en una ruta relativa. Damos clic en Finish

Por último confirmaremos la liga y escogeremos como se desplegará, en la misma ventana o en una
ventana nueva.

Para ligar a un archivo o a una URL externa los pasos son similares, sólo que al vincular a un archivo
tenemos que subir previamente el archivo, y en el caso de hacer un vínculo a un sitio externo hay que
tener verificada que la liga esté correcta y activa.

NOTA: Por regla si la liga es a una página interna el vínculo se abrirá en la misma página, por el
contrario si la liga es a un sitio externo, el vínculo se tendrá que abrir en una ventana nueva.

Para agregar una URL desde editor WYSIWYG, tienes que seleccionar el botón de hipervínculo” desde
el mismo editor
Primero seleccionas la referencia para realizar el hipervínculo

Buscas en el elemento la barra de herramientas y seguido a esto das clic el icono de hipervínculo
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 19 de 51

Después sigues el mismo procedimiento que ya hemos explicado más arriba, se abre una ventana en
donde seleccionas una de las opciones, en este caso elige "Link to the following URL". En la caja de
texto escribe la dirección correspondiente, recuerda iniciar con http:// .

Al pulsar el botón “Next” abre la ventana que nos ayuda a elegir si se abre el hipervínculo en una
nueva ventana para esto habilita la opción "Open link target new window" y en la pestaña selecciona
"_blank"

Presiona “finish” en la parte inferior derecha de la ventana, lo que permitirá que regreses a la
personalización del elemento.

5. Editor de listas

5.1 Listas dinámicas

Las listas dinámicas son una serie de contenidos que son presentados en un apartado específico y que
agrupa estos contenidos. La contribución de estas listas se hace de la siguiente manera:

Los botones para comenzar a crear y editar las listas dinámicas son:

Create new item. Este botón sirve para crear un nuevo elemento desde cero.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 20 de 51

Edit target. Este botón es para edita elementos ya existentes. Debes de seleccionar el elemento de
la lista y dar clic en el botón para comenzar a editar.

Los botones de Exclude / Include Item sirven para incluir o excluir elementos de una lista que ya no
utilices, que no estén actualizados, o incluirlos por que vuelven a ser necesitados.

El botones de Refresh list es para refrescar la pantalla de los elementos.

El botón de Show exclude ítems, es para mostrar los elementos ocultos en la lista, elementos que ya
no se muestra publicados.

Esta lista de herramientas sólo se activa cuando tu cursor esta posicionado en la lista dinámica.
Normalmente estas listas son usadas para elementos que van cambiando con el tiempo o que
necesitan de una actualización constante, como pueden ser las noticias, eventos, convocatorias,
cursos, publicaciones, trámites, etc.

Para agregar un elemento en la lista dinámica primero hay que dar clic en el botón de Crear nuevo
elemento Create new item. Nos aparecerá una ventana de diálogo que nos indica que tipo de datos
vamos a introducir. En este caso voy a utilizar la lista dinámica de Eventos y convocatorias, con lo que
nos trae una única opción de New Contributor data file, esta opción nos aparecerá en la mayoría de los
casos.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 21 de 51

Seleccionamos la opción y damos clic en Next


Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 22 de 51

En la siguiente ventana se despliegan varias opciones, de las cuales sólo modificarás 5 campos Type,
Title, Security Group,Content ID y Web Site Section.

Type. En esta opción definirás el tipo de contenido que se desplegará en la lista, el tipo de contenido
que ya fue previamente definido por tu dependencia y a partir del cual se creó el esquema que vas a
utilizar. Aquí podrás escoger el de evento, publicación, noticia, imagen, etc., o el elemento específico
que hayas solicitado para el apartado que estás construyendo. Recuerda que esté elemento depende
directamente de la arquitectura de información previamente aceptada.

Title. Este título es el del contenido en específico, no de la lista. Por ejemplo. Nota del tercer informe
de gobierno, o Revista Reconocer año 3 No. 12.

Security Group. En esta opción deberás de elegir la opción de administrador de tu sitio, es decir
AdministradoSitioPortal en el caso del Portal Principal, AdministradorSitioIME en el caso que sea
contenido del IME, AdministradorSitioPROBOSQUE en caso de que sean contenidos de PROBOSQUE y
así, según el nombre de tu dependencia.

Content ID. Aquí deberás de indentificar el contenido mediante una nomenclatura que tú deberás de
definir, por ejemplo para contenidos de la Comisión del Agua del Estado de México sus
identificadores podrán ser: CAEM_NOTICIA_NOMBRE, para el Instituto Mexiquense del
Emprendedor IME_EVT_FOROPYME, y así dependiendo de la página de la dependencia y de si la lista
sea de noticias, eventos, convocatorias, cursos, publicaciones o trámites.

Se recomienda definir un identificador, el cual pueden ser la iniciales de la dependencia, o el acrónimo,


lo importante es que ya no se deberá de cambiar ya que será el identificador en el cual se basarán las
publicaciones en el Portal y un error de dedo o cambio en el identificador puede ocasionar que los
cambios que hagamos no se vean reflejados en nuestras páginas.

Web Site Section. Está opción es de metadatos y deberás de escoger tu dependencia en el menú
desplegable, y a continuación darás clic en Next.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 23 de 51

Después te aparecerá otra ventana que te ofrece dos opciones Edit content now, Editar el contenido
ahora, o Exit without editing, Salir sin editar. Clic en Finish.

Cuando se abra la ventana de edición del elemento contenido en la lista dinámica, te aparecerán
diferentes elementos a editar, dependiendo de que sea la lista, noticias, cursos, eventos, etc.

En este ejemplo utilizaremos la lista de Eventos y convocatorias

Este elemento contiene 8 regiones a editar: Imagen, Título, Fecha, Descripción, TagKeywords, Archivo
a descargar, Número de páginas, e Imagen chica.

Recuerda que dependiendo de la arquitectura que hayas definido para tu sitio, y dependiendo de los
esquemas que hayas contemplado, serán los elementos que tengas que editar en las listas dinámicas de
tu sitio. Lo elementos a editar de Eventos y convocatorias son similares a los que te encontrarás en tu
lista dinámica.

Imagen. Para contribuir la imagen le tienes que dar clica la liga Subir imagen y aparecerá
otra pantalla con el Formulario de Ingreso de contenido, el cual tendrás que llenar.

• Título: Nombre común con el que se va a identificar la imagen

• Tipo: Siempre será Archivo de imagen (EDOMEX_IMAGEN)

• Grupo de seguridad: Siempre será Public.

• Archivo: Mediante el botón Examinar buscaremos en nuestra computadora la imagen que


corresponda a la publicación que vayamos a subir. Los tipos de archivo que se pueden publicar
son jpg, gif, png.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 24 de 51

NOTA: Los nombres de los archivos de imagen siempre deberán ser en minúscula, sin acentos o
caracteres especiales, ni espacios. Ejemplo: logo_ime.jpg

• Identificación de contenido: La nomenclatura del título de la imagen siempre deberá de ser


NOMBRE DEL SITIO, GUIÓN BAJO, IMG, GUIÓN BAJO, NOMBRE DE LA IMAGEN,
siempre en mayúsculas. Ejemplo IME_IMG_MISION, SFINANZAS_IMG_BANNER, etc.

Una vez capturados todos los campos que nos pide para ingresar una imagen, le damos clic al botón
Ingresar. Tamaño máximo de la imagen 300 px de ancho x lo que de de alto, recomendable 250px ó
menor a 30 Kb.
Si existe algún error, la aplicación no nos dejará subir la imagen, además de que nos indica cual es. Si
no hay ningún error nos aparecerá la imagen en la pantalla de contribución.

Título. Título del evento o convocatoria. En este apartado se deberá de teclear el nombre de la
publicación. Ejemplo. Manual de Normas y Políticas para la Edición de Publicaciones Oficiales,
Capulhuac Monografía Municipal, etc.

Fecha. La fecha actual del día de la publicación de la noticia o el evento


Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 25 de 51

Descripción. Aquí debes escribir la descripción del evento o la convocatoria

Tag keywords. Las tag keywords son una serie de palabras relacionadas con la publicación, que
debemos de contemplar e introducir en este apartado para que la búsqueda de las publicaciones sea
más exacta.

Ejemplo: Si nuestra publicación es el Prontuario de la legislación financiera, las tag keywords serían:
legislación, finanzas, 2008, fiscal, marco jurídico, ley, disposiciones fiscales. Las tag keywords siempre
serán separadas por comas.

Archivo a descargar. El archivo a descargar es el PDF, la imagen, el documento, la publicación que


contiene más información o que son la revista que estamos publicando en el caso de las publicaciones.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 26 de 51

• Título: Nombre común con el que se va a identificar el archivo

• Tipo: Siempre será Archivo (EDOMEX_ARCHIVO)

• Grupo de seguridad: Siempre será Public.

• Archivo: Mediante el botón Examinar buscaremos en nuestro archivo que corresponda a lo


que vayamos a publicar. Los tipos de archivo que se pueden publicar son pdf, xls, doc, pps, ppt
y zip sólo en casos necesarios.

IMPORTANTE: El tamaño máximo de un archivo para descargar se define durante la


construcción de la página y no puede modificarse desde la contribución. El tamaño de
imagen estándar para los esquemas comunes es de 30kb (30000 bytes).

NOTA: al igual que las imágenes los nombres de los archivos siempre deberán ser en minúscula, sin
acentos o caracteres especiales, ni espacios.

• Identificación de contenido: La nomenclatura del título de la imagen o del archivo siempre


deberá de ser NOMBRE DEL SITIO, GUIÓN BAJO, DOC ó XLS ó ZIP (tipo del archivo)
GUIÓN BAJO, NOMBRE DEL ARCHIVO, siempre en mayúsculas. Ejemplo
IME_PDF_MISION, SFINANZAS_XLS_LISTA, DGSEI_ZIP_ACTUALIZACION etc.

Una vez capturados todos los campos que nos pide para ingresar el archivo, le damos clic al botón
Ingresar.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 27 de 51

Número de páginas. Aquí debemos de anotar el número de páginas u hojas que contiene el
documento que acabamos de subir, en el caso del zip anotamos 1.

Imagen chica. La imagen chica es la imagen que se muestra en la lista de todos los contenidos en
una página, es por eso que es más pequeña. El proceso para subir una imagen pequeña es la misma
que la de una imagen normal. Tamaño máximo de la imagen 7Kb

Para borrar una un registro de una lista dinámica tienes que ocultar del listado el registro de la
siguiente manera:
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 28 de 51

Después deberás registrar el identificador del Data File (ID) y enviar un correo a franco.garduno@
edomex.gob.mx con el ID que quieres que se borre.

Editar la opción de mostrar u ocultar elementos de las listas dinámicas de eventos y


noticias.

1. En la sección de Eventos, ingresas a la consola de contribución

2. En el formulario de edición de la lista de Eventos, hay unos iconos de edición, con el primero
agregas un nuevo evento, por ejemplo. El icono que está al final de esa línea, en la imagen marcada
con color amarillo. Tiene un cuadro grande color azul con un signo de menos adentro y otros cuatro
cuadritos pequeños a la izquierda. El icono se llama "Mostar elementos excluidos".

3. Da clic en el icono "Mostar elementos excluidos" y en la lista de eventos del lado derecho,
aparecerán la mayoría de eventos con la palabra "Sí" en color verde, y otros con la palabra "No" en
color rojo.
NOTA: Los eventos que tengan la palabra "No" en color rojo, déjalos como están, ya que son
elementos necesarios para editar la lista, que no deben de mostrarse.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 29 de 51

4. Además aparecerán en la línea superior de iconos, dos nuevos, que son una hoja de texto con una
equis en color rojo, que es para ocultar los elementos, y otra hoja de texto con un signo de más en
color verde, que sirve para mostrar los elementos. Para editar la opción de los eventos de mostrar u
ocultar, te tienes que posicionar o seleccionar con un solo clic, el evento a modificar, y oprimes
alguno de los iconos anteriores: El del signo de equis roja es para ocultar el evento y el icono con el
signo de más verde para mostrar los elementos.

5. Oprimes el icono de guardar y listo, se mostrarán sólo los elementos de la lista que deseas.

5.2 Listas estáticas

Las listas estáticas se usan para contribuir, editar, y borrar filas y columnas de información. Una lista
estática puede desplegar líneas y columnas que pueden contener varios tipos de contenido como:
archivos, enlaces, gráficos y también se usa cuando hay series de texto simple o algún otro esquema.

Los botones de la lista estática son muy parecidos a los de la edición de otras listas. Los primeros
botones Add row y Delete row sirven para añadir una nueva línea en la lista o para borrarla.

El botón de Edit row es para editar una línea existente. Previo a editarlo debes de seleccionar la línea
a cambiar.

Move row up, Move row down este par de botones sirve para mover de arriba a abajo el contenido
en las lista estática y modificar el orden en que es presentado en la página.
La lista estática contendrá los elementos que previamente hayas definido, los cuales pueden ser,
imágenes, ligas, texto, lista de vínculos, etc. En este ejemplo utilizaremos Título y Url.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 30 de 51

La edición de estos campos es muy parecida a las que ya hemos reseñado más arriba. Para la edición
del Título existen un Editor de texto simple (o plano), donde anotaremos el título de la liga que
queremos poner en nuestra lista.

Para insertar un Url tenemos que dar clic en Get Hyperlink, lo cual nos abrirá otra ventana.

En la ventana que nos aparece existen tres opciones para insertar la liga, la primera es una liga hacia
adentro del Portal o de cualquiera de las páginas del Gobierno del Estado de México.

Cuando seleccionamos Link to a section, nos aparece otra ventana donde debemos de escoger la
página y la sección de la página a donde queremos ligar.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 31 de 51

Al darle Next nos despliega otra ventana donde debemos de escoger el formato de la URL. Aquí nos
aparecen dos opciones de formato, uno basado en la ruta relativa y la otra basado en el identificador
asignado por la herramienta. Siempre escogeremos la primera opción Path Based URL, formato de
URL basado en una ruta relativa. Damos clic en Finish.

Por último confirmaremos la liga y escogeremos como se desplegará, en la misma ventana o


en una ventana nueva.

Para vincular a un archivo o a una URL externa los pasos son similares, sólo que al ligar a un archivo
tenemos que subir previamente el archivo, y en el caso de hacer un vínculo a una URL externa hay
que tener verificada que la liga esté correcta y activa.

NOTA: Por regla si la liga es a una página interna el vínculo se abrirá en la misma página, por el
contrario si la liga es a un sitio externo, el vínculo se tendrá que abrir en una ventana nueva.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 32 de 51

6. Esquemas comunes

Listado de esquemas

ID Siglas
Descripción
EDOMEX_PAGCOM_ARCHIVO serie de
Esquema con un listado
archivos
estático de archivos.
EDOMEX_PAGCOM_AVISOS Título del aviso y contenido
del aviso (es la página
secundaria del listado de
avisos)
EDOMEX_PAGCOM_EVENTO_CONVOCATORIA Lista Esquema con un listado de
Convocatoria convocatorias (requiere
página secundaria)
EDOMEX_PAGCOM_EVENTO_CONVOCATORIA_SEC Evento/Conv El esquema contiene los
elementos relativos a una
convocatoria: imagen, título,
fecha, descripción, archivo
para descargar, número de
páginas del archivo y
keywords.
EDOMEX_PAGCOM_CURSO Lista Curso Esquema con un listado de
cursos (requiere página
secundaria)
EDOMEX_PAGCOM_CURSO_SEC Curso El esquema contiene: nombre
del curso, objetivo, fecha de
inicio y fecha de término,
horario, plan de estudios,
archivo del plan de estudios y
keywords.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 33 de 51

EDOMEX_PAGCOM_DATOSGEN2 DatG Incluye los datos generales de


una dependencia u organismo
como son: acrónimo,
dirección, teléfono, fax,
correo electrónico, horario
de atención y keywords. Usa
este esquema para la
subsección de Ubicación o
Datos Generales, aunque en
tu mapa del sitio aparezca con
cualquier otro tipo de
esquema.
EDOMEX_PAGCOM_FAQS_SEC faqs Esquema con listado estático
de FAQ’s
EDOMEX_PAGCOM_FOTOGALERIA galería Esquema con una foto galería
EDOMEX_PAGCOM_GEN_DER CG c/video Incluyen dos fotos y un video,
cada uno de estos elementos
son opcionales, y están
alineados a la derecha.
EDOMEX_PAGCOM_GEN_IZQ CG c/video Incluyen dos fotos y un video,
cada uno de estos elementos
son opcionales, y están
alineados a la izquierda.
EDOMEX_PAGCOM_IFRAME iframe Se debe utilizar para
presentar aplicaciones
(sistemas de bases de datos)
en páginas que incluyen el
menú lateral izquierdo. Usa
este esquema para la
subsección de “Directorio”.
EDOMEX_PAGCOM_INFORMACION contáctanos Este esquema es para la
solicitud de información por
parte de los ciudadanos. Lo
deberás aplicar para la
subsección de “Contáctanos”.
EDOMEX_PAGCOM_INICIO inicio Es el esquema para la Página
Principal (Home Page) de
cada sitio.
EDOMEX_PAGCOM_LISTA_AVISOS lista de avisos Esquema con listado de avisos
(requiere página secundaria)
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 34 de 51

EDOMEX_PAGCOM_LISTADO_CG listado CG Esquema con un listado de


contenidos genéricos
(requiere página secundaria)
EDOMEX_PAGCOM_LISTADO_CG_SEC Esquema que desplegará los
contenidos genéricos del
listado. El esquema incluye los
elementos: título, fuente,
introducción, foto pequeña,
imagen alineada a la derecha,
pie de la imagen, cuerpo del
texto y keywords.
EDOMEX_PAGCOM_LISTADO_E serie enlaces Esquema con un listado de
enlaces (requiere página
secundaria)
EDOMEX_PAGCOM_LISTADO_E_SEC enlace Esquema necesario para que
funcione el de listado de
enlaces. Agrega éste como
página secundaria del listado
de enlaces.
EDOMEX_PAGCOM_LISTANOTICIAS Lista Noticias Despliega el listado de
noticias (requiere página
secundaria)
EDOMEX_PAGCOM_MAPASITIO Mapa sitio Usa este esquema para la
subsección de “Mapa de Sitio”
EDOMEX_PAGCOM_MARCOJ Marco Usa este esquema para la
Jurídico subsección de Marco Jurídico
aunque en tu mapa del sitio
aparezca con cualquier otro
tipo de esquema.
EDOMEX_PAGCOM_MEDIA Lista de Esquema con un listado de
Media archivos multimedia (requiere
página secundaria)
EDOMEX_PAGCOM_MEDIA_SEC Media Esquema para incluir archivos
multimedia (video, swf o
mp3)- Este esquema incluye
los elementos: título, fuente,
archivo multimedia, pie del
multimedia, y descripción del
archivo, y keywords
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 35 de 51

EDOMEX_PAGCOM_MISION_VISION Misión-Visión Esquema de la misión y la


visión. Se utilizará para la
sección de Misión y Visión,
aunque en tu mapa del sitio
aparezca con cualquier otro
tipo de esquema.
EDOMEX_PAGCOM_MUNICIPIOS Mpio Esquema con información
básica de un municipio como:
nombre del municipio,
topónimo, glifo, región,
cabecera municipal, superficie,
localización, fecha de
erección, población, lada,
código postal, atractivos
turísticos, sitio web del
ayuntamiento, presidente
municipal, más información,
fuentes consultadas, una
galería de imágenes y
keywords.
EDOMEX_PAGCOM_NOTICIA_SEC Noticia Esquema que despliega cada
noticia incluida en el listado
de noticias. El esquema
contiene: título de la noticia,
título corto, fecha de la
publicación de la noticia,
fuente de quién proviene la
información, una breve
introducción de la noticia, una
foto pequeña, el contenido de
la noticia y keywords.
EDOMEX_PAGCOM_ORGANIGRAMA Organigrama Tiene un campo para una
imagen de 500px y un campo
para subir el organigrama en
formato PDF.
Se utilizará para la sección de
Organigrama, aunque en tu
mapa del sitio aparezca con
cualquier otro tipo de
esquema.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 36 de 51

EDOMEX_PAGCOM_PRIMERNIVEL_A Sección o Utiliza este esquema para las


canal y secciones de primer nivel
subsecciones (canales principales) o
subsecciones de otros niveles
(páginas internas que tienen
ramificaciones) si la jerarquía
no es muy profunda.
Contiene: Titulo de la
sección, descripción e imagen
de 597px
EDOMEX_PAGCOM_PRIMERNIVEL_B Sección o Utiliza este esquema para las
canal y secciones de primer nivel
subsecciones (canales principales) o
subsecciones de otros niveles
(páginas internas que tienen
ramificaciones) si la jerarquía
es profunda. Contiene: Titulo
de la sección, descripción y
dos series de enlaces
(imag+titulo+descripcion+liga)
EDOMEX_PAGCOM_PROGR Prog Contiene: nombre ciudadano
del programa, nombre oficial
del programa, descripción, a
quién está dirigido, beneficios,
requisitos, fechas de solicitud,
información adiciona, una
imagen y keywords.
EDOMEX_PAGCOM_PUBLICACIONE_SEC publicación Esquema secundario para que
se despliegue cada una de las
publicaciones incluida en el
listado. Este esquema incluye
los elementos: unidad
emisora, título, autor,
resumen, autorización, fecha
de edición, colección o
número de publicación,
imagen, URL, archivo
relacionados y keywords.
EDOMEX_PAGCOM_PUBLICACIONES listado de Esquema con el listado de
publicaciones publicaciones
EDOMEX_PAGCOM_REDIRECCION
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 37 de 51

EDOMEX_PAGCOM_SERIE_ENLACES
EDOMEX_PAGCOM_SERIE_EVENTOS serie de Esquema para desplegar una
eventos serie de eventos. La serie se
utiliza cuando queremos
mostrar todos los elementos
de un listado en una misma
página (no hay página
secundaria)
EDOMEX_PAGCOM_SERIE_TXT_SIMPLE serie txtS Esquema para desplegar una
serie de texto simple. La serie
se utiliza cuando queremos
mostrar todos los elementos
de un listado en una misma
página (no hay página
secundaria)
EDOMEX_PAGCOM_SERIECG Esquema para desplegar una
serie de contenido genérico.
La serie se utiliza cuando
queremos mostrar todos los
elementos de un listado en
una misma página (no hay
página secundaria)
EDOMEX_PAGCOM_TEXT_SIMPLE txtS Contiene sólo título y un
texto para desarrollar un
tema.
EDOMEX_PAGCOM_TRAMITES Listado de Esquema con una lista de
trámites trámites y servicios
EDOMEX_PAGCOM_TRAMITES_SEC Esquema que despliega cada
trámite y tiene los elementos:
título, descripción, Url,
ventana y keywords.
EDOMEX_PAGCOM_TXT_IMAG_DER CG Los esquemas tienen una
imagen alineada a la derecha
EDOMEX_PAGCOM_TXT_IMAG_IZQ CG Los esquemas tienen una
imagen alineada a la izquierda
EDOMEX_PAGCOM_TXTS Acerca de / Texto simple sin menú, sólo
Legales utilízalo para los apartados
Legales que no están incluidos en la
navegación del sitio (Acerca
del Sitio y Legales)
EDOMEX_PAGCOM_TXTS_ENLACE txtS+enlace Texto Simple con enlace o
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 38 de 51

archivo
EDOMEX_PAGCOM_URL_ARCHIVO serie Contiene un listado de
enlace/archivo enlaces y/o archivos (no
requiere secundaria)
EDOMEX_PAGCOM_URL_ARCHIVO_SEC Esquema que contiene el
Nombre del archivo o título
del enlace, descripción, URL
o archivo a vincular y No. De
pags.
PGJEM_ESQ_BUSCADOS MasBusc Listado de datos de las
personas más buscadas en el
Estado de México.
PGJEM_ESQ_BUSCADOS_SEC Esquema especializado para
PGJEM. Contiene los datos de
las personas más buscadas en
el Estado de México como:
nombre de la persona,
fotografía, orden de
aprehensión y media afiliación.
PROBOSQUE_ESQ_VIVERO_SEC Espema especializados para el
sitio web de probosque con la
ficha técnica de los viveros
PROBOSQUE_ESQ_LISTA_VIVERO listado Listado de esquema Vivero
viveros para sitio wb de Probosque
EDOMEX_PAGCOM_IFRAME_SMENU Úsalo para presentar
aplicaciones (sistemas, BD) en
páginas que no incluyen el
menú. Se cuenta con un
espacio de 777 px de ancho.
EDOMEX_PAGCOM_GALERIA Contiene una galería
fotográfica desarrolalda en
flash
EDOMEX_PAGCOM_LISTADO_GALERIA Contiene un listado de
galerías fotográficas (requiere
página secundaria)

7. Esquemas personalizados

Además de los esquemas desarrollados que aquí presentamos, los cuales contienen los elementos de
contribución más comunes y necesitados en nuestras páginas, existen los Esquemas personalizados,
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 39 de 51

los cuales son esquemas desarrollados para una necesidad específica que no sea común en otras
páginas.

Estos esquemas personalizados deberán de ser construidos por desarrolladores a petición expresa de
los administradores del sitio en específico.

Cabe señalar que estos esquemas también se integran por los componentes básicos y los formularios
personalizados.

8. Flujos de trabajo

Directo
EL flujo de trabajo directo es cuando después de contribuir un elemento, lo único que se necesita
para verse reflejado en la página es promoverlo al servidor de producción.

Contribución – aprobación
En el flujo de trabajo de contribución – aprobación existe otro paso previo a la publicación. Después
de contribuir o editar el contenido antes tiene que ser revisado por un editor publicador que revisará
la información y en dependiendo el caso, la enriquecerá y la aprobará, para después ser promovida al
servidor de producción.

De manera complementaria a la contribución de contenido de una página, es posible que se le


establezcan Flujos de trabajo (Workflow) los cuales harán que tengas que revisar y aprobar
contenidos contribuidos por otras personas.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 40 de 51

9. ¿Cómo contribuir la Página de Inicio?

Personalización del banner

Para contribuir el banner principal de nuestra página de inicio, tenemos que


1. Acceder al Contributor Mode como ya se describió anteriormente

2. Acceder a la región editable del banner


Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 41 de 51

3. Ya en la región editable, encontrarás 2 formularios personalizados. El primero corresponde a


la imagen que llevará el banner. Para subir la imagen, lo harás como ya se explicó como
contribuir un Formulario personalizado de Imagen.

• Para la contribución de este banner deberán de solicitar el archivo fuente a


fernando.gomez@edomex.gob.mx El archivo fuente que les sea proporcionado ya
contiene las especificaciones de la imagen,

• Deberán de diseñar la imagen ya con base en el archivo fuente, o podrán solicitar


asesoría al Departamento de diseño de Gobierno Electrónico con Fernando Gómez

• Ya cuando se tenga lista la imagen se podrá contribuir este banner.


Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 42 de 51

4. El Título Principal es un Formulario de texto en el cual deberemos de contribuir el nombre


oficial de la dependencia. Ejemplo si es Probosque, deberemos de introducir el nombre:
Protectora de Bosques del Estado de México. El Título Principal no deben ser abreviaciones,
acrónimos o contracciones del nombre de la dependencia, sino el oficial.
Contenidos destacados
Los Contenidos destacados es una animación personalizable, la cual consiste en imágenes con vínculos
a la información.
Estos Contenidos destacados son una Lista Estática que se contribuye como ya hemos descrito en
páginas anteriores. La lista estática te pedirá:
• Título. Título del contenido

• Contenido. Breve descripción del servicio o de la liga vinculada

• Imagen. Medidas de 570px × 180px

• URL. Vínculo al contenido.

NOTA: Lo más recomendable es que las ligas de este Contenido destacado sean hacia contenido
interno, aunque puede haber excepciones.

Banners laterales
La contribución de los banners de la columna derecha es mediante una Lista Estática. La contribución
de esta lista sólo contiene los elementos de Imagen y URL elementos que ya hemos descrito como se
contribuyen.
Los cuatro primeros banners, el de Transparencia, Portal GEM, Quejas y Sugerencias y SICOSIEM son
de carácter obligatorio. El banner de Portal de los niños Chipayu sólo se colocará en las dependencias
y organismos que tienen contenidos en este portal.
Al igual que con el banner principal, para los banners personalizados de cada dependencia se deberán
de diseñar la imagen con base en el archivo fuente que deberán de solicitar a
fernando.gomez@edomex.gob.mx, o podrán solicitar asesoría directamente al Departamento de
diseño de la Dirección de Gobierno Electrónico.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 43 de 51

Contenido central
El Contenido central de la página de inicio corresponderá a los contenidos más importantes de la
página, dependiendo de las prioridades de cada una de las dependencias. Los 4 enlaces son Listas
Estáticas que se contribuyen como ya hemos visto
Los primero 2 enlaces contienen Título URL e Imagen y los segundos 2 enlaces sólo contienen Título
y URL

NOTA: A pesar de que sean 4 enlaces, el esquema utilizado es de Lista Estática, por lo que se podrán
hacer más de 2 ligas con Título, URL e Imagen, y más de 2 ligas con Título y URL. Para ambos vínculos
se recomienda un máximo de 4 contenidos, es decir 8 contenidos con Título URL e Imagen y 8
contenidos con Título y URL, es decir máximo 4 contenidos por Lista Estática

Fecha de Actualización
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 44 de 51

Para acabar de contribuir la página de inicio se debe de contribuir la fecha de actualización, la cual se
debe de cambiar cada vez que hagamos un cambio o agreguemos información en nuestra página.

Para la contribución de la fecha de actualización debemos de posicionarnos arriba del footer o pie de
página donde se encuentra la fecha de actualización. Si estamos conectados al modo de contribución
veremos el botón de contribución.

Damos clic al botón como lo hemos venido haciendo en las demás regiones.

En la pantalla de edición, nos aparecerá un editor de texto simple en donde actualizaremos nuestra
fecha cada vez que sea necesario.

De acuerdo al Reglamento de Tecnologías de la Información las páginas se deben de mantener


actualizadas, para efectos de auditorias por parte de la Secretaría de la Contraloría además de brindar
certeza a los ciudadanos de que la información presentada es vigente.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 45 de 51

10. Glosario de términos

Este es un glosario con los términos más usados en esta guía y en Oracle Content Manager.

Arquitectura de información o arquitectura de sitio: estructura que tendrá el sitio Web. Contiene
símbolos que tienen un significado específico, para conocerlos busca la definición de simbología de la
arquitectura del sitio. Es el equivalente de la jerarquía de sitio en el Site Studio.

Arquitectura base de un sitio Web

En la arquitectura del sitio hay varios símbolos o iconos, en el siguiente gráfico consulta el significado
de cada uno.

Simbología de la arquitectura del sitio

Elemento: es un componente del esquema, puede ser: texto simple, wysiwyg (texto editable), imagen
simple y elemento personalizado.

Elemento personalizado: es un elemento que funciona con un formulario personalizado, el cual


contiene las características de: imagen, URL, ventana, media, banner o de un archivo.

Jerarquía: está compuesto de secciones, subsecciones y páginas de contenido, con sus respectivos
esquemas. Muestra el orden del sitio. Para crear la jerarquía de tu sitio debes basarte en la
arquitectura de información previamente definida y aprobada.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 46 de 51

Jerarquía del sitio

Niveles de profundidad de un sitio

Página de contenido: contiene un esquema común o nuevo, en el que contiene distintos elementos
como textos, enlaces, imágenes, entre otros. Se ubica después de una página de primer o segundo
nivel, muy rara vez después del homepage.

Página de inicio: también conocida como homepage. Está compuesta de un esquema común que
contiene elementos como banner, listados de enlaces, banners y logotipo de la dependencia u
organismo.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 47 de 51

Despliegue de la página de inicio o homepage cuando ya se ha contribuido

Página de primer nivel o de sección: se ubica un nivel debajo de la página de inicio o homepage.
Se le conoce también como canal principal. Sirve como página de inicio para una sección o canal
principal que contiene ramificaciones (padres e hijos).
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 48 de 51

Despliegue del esquema de sección de primer nivel tipo A para jerarquías poco profundas

Despliegue del esquema de sección de primer nivel tipo B para jerarquías profundas

Sección de segundo nivel: se le conoce también como subsección. Sirve cuando se tiene dos
niveles en el sitio es decir, hay padres, hijos y nietos. Se recomienda que un sitio no tenga más de tres
niveles de profundidad porque dificulta la navegación.

Subsección: contiene una página o esquema común, y está por debajo de las secciones.
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 49 de 51

Secciones

Subsección

Secciones y subsecciones

11. FAQs

¿Cómo saber qué esquema tiene una página?


EL esquema lo tienes que definir desde un principio en tu control de sitio y en tu arquitectura. La
única manera de saber que esquema tiene aplicado una página es revisar la definición de tu
arquitectura o tu control de sitio que contiene los esquemas que definiste.

Otra manera sería comparar el contenido de la página y la lista de esquemas para comparar los
formularios personalizados que contiene cada esquema. Es decir si encuentras un título y una sección
con tablas o con texto, puedes saber que utilizaste el EDOMEX_PAGCOM_TEXT_SIMPLE por
ejemplo.

Es MUY IMPORTANTE que tengas tu definición de esquemas actualizada y tu control de sitio también
actualizado para que no tengas problemas de no saber que esquema aplicaste en cada página, ya que
los nombres de los esquemas son personalizables y es fácil perderse si no lo haces con la
nomenclatura que recomendamos.

¿Cómo cambio el tipo de esquema o agrego elementos?


Para agregar un elemento o cambiar el tipo de esquema lo tienes que solicitar con el desarrollador de
tu sitio, ya sea el personal de informática de tu dependencia o a la DGSEI, dependiendo de dónde se
haya desarrollado el sitio.

¿Qué hago si no se descarga el formulario?


Si no descarga el formulario tienes que refrescar la pantalla, pulsar F5 en el teclado o cerrar la pantalla
y volver a entrar para editar. Si la pantalla sigue sin cargar a pesar de que cuentas con el plug in de
Java y navegas en una versión reciente de la navegador Firefox, entonces tienes que ponerte en
contacto con el Franco Garduño al mail franco.garduno@edomex.gob.mx o al Tel. 276 9600 Ext.
60171

El correcto despliegue de los formularios para editar tiene que ver muchas veces con el rendimiento
de la computadora que utilices. Si es una computadora que no está actualizada, que tiene virus, o
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 50 de 51

utilizas algún navegador que sea muy pesado como Internet Explorer, es más probable que los
formularios no se desplieguen.

¿Qué hago si se congela mi equipo al abrir la ventana de edición?


Tienes que reiniciar tu navegador, o cerrar la pestaña e intentar volver a entrar. Si el problema
persiste debes ponerte en contacto con Franco Garduño al mail franco.garduno@edomex.gob.mx o
al Tel. 276 9600 Ext. 60171

¿A quién le reporto las incidencias (hoja de control)?


Las incidencias de contribución deberán de ser reportadas al desarrollador del sitio. Muchas
dependencias fueron capacitadas y todas ellas desarrollaron su propio sitio por lo que la persona que
construyó el sitio es la que tiene que verificar las incidencias.

Las dependencias que por falta de personal informático no desarrollaron su sitio y le fue desarrollado
en la DGSEI tienen que acudir con el desarrollador de la Dirección de Gobierno Electrónico, el Ing.
León Legorreta o el DG Fernando Gómez.

¿Qué hago si no se promueve la actualización al servidor de producción?


Si no ves tú actualización después de cualquiera de los tiempos marcados para la promoción al
servidor de producción tienes que enviar un mail al Ing. Franco Garduño
franco.garduno@edomex.gob.mx con copia para la MD María Elena Carbajal
contenidosweb@edomex.gob.mx para reportar que no se refleja tu actualización, para ello debes de
enviar el ID del fragmento o de los fragmentos que actualizaste, el cual puedes encontrar en la parte
superior izquierda en la pantalla de edición.

¿Cómo identifico el ID de un archivo de contribución?


El ID o identificador del Data File de los archivos de contribución (donde se guarda la información
que contribuiste) lo localizas en la parte superior del mismo una vez que abres la ventana de edición.

Los IDs de las imágenes, archivos y media los defines al momento de darlo de alta es el que colocas
como “Identificación de contenido”
Código IT-SW-DGE-02
GUIA DE CONTRIBUCIÓN Revisión 0
PARA EL SITE STUDIO Fecha 05/abr/2010
Página 51 de 51

11. Mejora continua

Cambios en la jerarquía (agregar o quitar páginas)

Si requieres cambios de jerarquía de un sitio es necesario que los consultes con la Jefa del
Departamento de Contenidos de la Dirección de Gobierno Electrónico MD María Elena Carbajal al
Tel. 276 9600 Ext. 60150 ó contenidoweb@edomex.gob.mx

Cambios en los esquemas

La primera vez que se cambie el esquema de una página es necesario que se contacte con la Jefa del
Departamento de contenidos de la Dirección de Gobierno Electrónico MD María Elena Carbajal al
Tel. 276 9600 Ext. 60150 ó contenidoweb@edomex.gob.mx, y los cambios subsecuentes de mejora
continua sólo tendrán que ser notificados por correo electrónico.

También podría gustarte