Manual de Usuario - Procedimientos para La Alimentación de Los SWD

MANUAL
DE USUARIO
Procedimientos para la Alimentacin de los Sitios Web de Dependencias
Universidad de Colima
ndice
Introduccin ----------------------------------------------------------------------
Contenidos ----------------------------------------------------------------------Inicio de Sitio Web de Dependencia ------------------------------------Estructura de SWD: Bachilleratos, Facultades, Escuelas e
Institutos ------------------------------------------------------------------------- Concenos -------------------------------------------------------------- Historia --------------------------------------------------------- Infraestructura ----------------------------------------------- Organizacin -------------------------------------------------- Propsito -------------------------------------------------------
Oferta Educativa ------------------------------------------------------ Oferta Educativa --------------------------------------------- Quehacer ---------------------------------------------------------------- Acadmico -----------------------------------------------------

Cientfico ------------------------------------------------------- Cultural --------------------------------------------------------- Deportivo ------------------------------------------------------ Servicios ----------------------------------------------------------------- Alumnos -------------------------------------------------------- Comunidad ---------------------------------------------------- Trabajadores -------------------------------------------------
Rendicin de Cuentas ---------------------------------------------- Directorio ------------------------------------------------------ Informe --------------------------------------------------------- Numeralia ------------------------------------------------------ ProDES ----------------------------------------------------------
Programa Operativo Anual ------------------------------Estructura de SWD: Coordinaciones Generales, Direcciones
Generales y otras Dependencias ---------------------------------------- Concenos ---------------------------------------------------------------
5
6
8
8
8
8
8
8
9
9
9
9
9
9
9
10
10
10
10
10
10
11
11
11
11
12
12
Manual de Usuario
Historia --------------------------------------------------------- Infraestructura ----------------------------------------------- Organizacin ------------------------------------------------- Propsito ------------------------------------------------------

Proyectos y Programas -------------------------------------------- Proyectos ------------------------------------------------------ Programas ----------------------------------------------------
Rendicin de Cuentas ---------------------------------------------- Directorio ------------------------------------------------------ Informe --------------------------------------------------------- Numeralia -----------------------------------------------------
Programa Operativo Anual ------------------------------ Servicios -----------------------------------------------------------------Mdulos Especficos ---------------------------------------------------------- Pginas -------------------------------------------------------------------
Validar Pginas -------------------------------------------------------- Noticias ------------------------------------------------------------------ Servicios ----------------------------------------------------------------- Convocatorias --------------------------------------------------------- Formatos ----------------------------------------------------------------
Redes Sociales ---------------------------------------------------------
Secciones Personalizables ---------------------------------------- Espacio Inferior ---------------------------------------------- Espacio Superior -------------------------------------------- JavaScript ------------------------------------------------------
Secciones que componen el SWD ------------------------------
Contenido Lateral ---------------------------------------------------- Contacto -----------------------------------------------------------------Conozca el CMS ----------------------------------------------------------------
Botn Editar -----------------------------------------------------------
Botn Visualizar -------------------------------------------------------
Botn Estado ----------------------------------------------------------
Botn Visible ----------------------------------------------------------
Botn Borrar ----------------------------------------------------------
Botn Agregar Pgina ----------------------------------------------
Barra de herramientas del editor CMS ------------------------
12
12
12
12
13
13
13
13
13
13
13
13
13
14
14
15
15
15
16
16
16
17
17
19
20
21
22
23
27
27
28
28
28
28
29
32
Lineamientos ------------------------------------------------------------------Requerimientos Institucionales ------------------------------------------

Validador de la Informacin --------------------------------------
Editor de Contenido -------------------------------------------------
Responsable de la Informacin ---------------------------------
Cuenta Institucional -------------------------------------------------
Validador Externo ----------------------------------------------------Tratamiento de Imgenes --------------------------------------------------
Estructura del Portal UCOL ---------------------------------------
Banner del SWD (4 columnas) ------------------------------------
34
35
35
35
35
35
35
36
36
37

Banner del SWD (3 columnas) -----------------------------------
Insercin de Imgenes ---------------------------------------------
Proteccin de Derechos --------------------------------------------Estilo de Redaccin ------------------------------------------------------------
Recomendaciones bsicas para la publicacin de textos Estructura ----------------------------------------------------- Citacin --------------------------------------------------------- Organizacin -------------------------------------------------
Elementos a evitar -----------------------------------------
Criterios para publicaciones --------------------------------------
37
38
39
40
40
40
40
40
40
40
Procedimientos ---------------------------------------------------------------Procesos para alimentar mi SWD desde mi CMS ------------------

Cmo ingresar al CMS de tu SWD ------------------------------
Cmo editar una Pgina -------------------------------------------
Cmo validar una Pgina ------------------------------------------
Cmo publicar Noticias en tu SWD ----------------------------
Cmo crear un Acceso Directo ----------------------------------
Cmo crear un Banner ---------------------------------------------
Cmo crear un Men Lateral ------------------------------------
Cmo enlazar una Pgina -----------------------------------------
Cmo crear una Galera -------------------------------------------
Cmo agregar Informacin sin Formato en el CMS ------Solicitudes para publicar contenido en secciones del Portal
UCOL ------------------------------------------------------------------------------
Cmo solicitar Noticias en Medios Universitarios --------
Cmo solicitar Publicaciones de Eventos en Agenda ----
Otras Solicitudes -----------------------------------------------------
Cmo solicitar la Restauracin de un Sitio ---------
Cmo solicitar un Subdominio --------------------------
42
43
44
46
48
50
50
58
63
66
68
72
Catlogos ------------------------------------------------------------------------
Cmo agregar Servicios -------------------------------------------
Cmo registrar una Red Social Oficial ------------------------Procesos para alimentar secciones del Portal UCOL desde mi
CMS --------------------------------------------------------------------------------
Cmo agregar Formatos -------------------------------------------
Cmo publicar Convocatorias ------------------------------------
80
81
85
Glosario de Trminos --------------------------------------------------------Contacto ---------------------------------------------------------------------------
95
97
73
74
76
78
78
78
88
89
92
Manual de Usuario
Introduccin
Este manual ha sido creado como apoyo grfico y textual para editores y validadores encargados de los respectivos sitios de la Universidad de Colima; con el propsito de facilitar y agilizar su trabajo con
el Sitio Web de su Dependencia, presentando cada uno de los componentes y las herramientas que conforman al sistema de gestin
de contenidos (CMS por sus siglas en ingls) de dicho Sitio Web de
Dependencias (SWD).
Contenidos
Manual de Usuario
Inicio del Sitio Web de Dependencia

El Inicio de un Sitio Web de Dependencia (SWD) es la parte principal
del ste, debido a la importancia, existen disposiciones importantes
que hay cumplir. Son tres los elementos de contenido bsico: Banner, Texto descriptivo del plantel o dependencia y Noticias.
Nota: PPI - Pixels Per Inch

(Pixeles por pulgada).
Banner: El banner es una secuencia fotogrfica encargada de

representar grficamente al plantel o dependencia. Las indicaciones y medidas son las siguientes: 900 x 300 pxeles, con una
resolucin mnima de 72 ppi y no mayor a 120 ppi. El texto que
se use dentro de las imgenes debe estar vinculado nicamente
con la Universidad de Colima. Asimismo no debern de incluir el
escudo de la Universidad de Colima.
Texto Descriptivo: Es la presentacin y descripcin del plantel
o dependencia. Como disposicin, evitar dar cualquier tipo de
bienvenida, puesto que cadad sitio de plantel o dependencia es
parte del Portal UCOL, y en esta cuestin, ya se ha publicado una
bievenida oficial.
Noticias: Son las notas informativas acerca de las actividades
realizadas por el plantel o dependencia. Es importante mantener actualizado este apartado y dar un seguimiento apropiado a
cada una de las acciones que se llevan a cabo dentro de la Universidad de Colima.
Nota: Si se incluye informacin que es perteneciente a

otros apartados, se tendr
que reubicar a los correspondientes.
En caso de contener informacin despus del Texto Descriptivo,

esta tiene que ser un Elemento Transitorio, contener una relevancia
importante que no sea perteneciente a ningn apartado del sitio,
colocndose solamente como acceso directo.
A continuacin se muestra de manera grfica y correcta, el inicio del SWD y cada apartado
mencionado anteriormente.
Manual de Usuario
Estructura de SWD:
Bachilleratos, Facultades,
Escuelas e Institutos
APARTADO CONCENOS
Es la informacin institucional del plantel. Se encuentra compuesto
por las siguientes secciones: Historia, Infraestructura, Organizacin
y Propsito.
Historia:
Historia del surgimiento del plantel, mencionando a sus precursores y la fecha de su inicio.
Infraestructura:
Descripcin de la infraestructura que compone a todo el plantel, se
pueden incluir fotografas las cuales tendrn que tener un tamao
especfico, mismo que se encuentra establecido en la seccin Tratamiento de Imgenes el cual podras encontrar en la pgina 36 de
este manual.
Organizacin:
Seccin no editable, esta se publicar con la informacin proveniente de la autoridad universitaria correspondiente.
Propsito:
APARTADO OFERTA EDUCATIVA

Apartado en el que se incluyen los planes de estudio correspondientes a cada plantel.
Oferta Educativa:
APARTADO QUEHACER
Es el conjunto de actividades que son promovidas por el plantel y est compuesto de las
secciones siguientes: Acadmico, Cientfico, Cultural y Deportivo.
Acadmico:
Especificar las actividades promovidas por el plantel, que estn orientadas a la capacitacin, educacin continua y actualizacin profesional.
Es permitido el uso de links y galeras.
Cientfico:
Especificar las acciones gestionadas desde el plantel, que buscan promover el quehacer
cientfico.
En caso de no contar con actividades en esta rea, favor de colocar alguna leyenda que
remita a que por el momento no se estn realizando.
Cultural:
Especificar acciones promovidas por el plantel, orientadas a la difusin y extensin de la
cultura.
En caso de no contar con actividades en esta rea, favor de colocar alguna leyenda que remita a que por el momento no se estn realizando.
Deportivo:
Especificar las actividades deportivas y recreativas del plantel, que contribuyen a la formacin integral de los estudiantes.
Manual de Usuario
APARTADO SERVICIOS
Es el conjunto de prestaciones que se ofrecen por parte del plantel, dirigidos a su componente estudiantil y a la comunidad universitaria. Difundir el conjunto de actividades que
buscan responder a una necesidad y que se sustenta en el mbito de competencia y responsabilidad del plantel Este apartado se compone de las secciones de: Alumnos, Comunidad universitaria y Trabajadores.
Alumnos:
Difundir el conjunto de actividades que buscan responder a las necesidades de los alumnos
y que son responsabilidad del plantel: conferencias, cursos y actividades recreativas.
Comunidad:
Agregar informacin sobre los servicios o actividades de trabajo que el plantel realice en
beneficio de la sociedad.
Trabajadores:
Publicar el conjunto de actividades que buscan responder a las necesidades de los trabajadores y que son responsabilidad del plantel.
APARTADO RENDICIN DE CUENTAS
Es el conjunto de elementos que son utilizados para transparentar la estructura interna y
externa de la dependencia. Se encuentra compuesto por las siguientes secciones: Directorio, Informe, Numeralia, ProDES y POA.
Directorio:
Especificar nicamente el nombre de cada una de las reas que conforman la organizacin
del plantel, proporcionando el correo electrnico y la extensin. No incluir nombres de personas ni fotografas.
Director Correo Telfono Extensin.
Subdirector Correo Telfono Extensin.
Subdirector Correo Telfono Extensin.
Coordinador (es) acadmico (s) Correo Telfono Extensin.
Secretario (a) administrativo (a) Correo Telfono Extensin.
10
Favor de llenar todos los campos; en caso de no contar con extensin, colocar nicamente
el nmero telefnico.
Informe:
Adjuntar el Informe correspondiente al plantel en formato PDF.
Tendr que actualizarse el informe por ao.
Para no perder los informes pasados, estos pueden enlistarse.
Numeralia:
Compilacin en indicadores que representen la situacin actual del plantel.
ProDES (NO aplica para bachilleratos):
Documento en PDF del Programa de Fortalecimiento de la DES.
Programa Operativo Anual:
Documento en PDF del Programa Operativo Anual del plantel.
IMPORTANTE: Los documentos que se solicitan en PDF no deben exceder el tamao a 30 megas.
11
Manual de Usuario
Estructura de SWD:
Coordinaciones Generales,
Direcciones Generales
y otras Dependencias
APARTADO CONCENOS
Es la informacin institucional de la dependencia. Se encuentra
compuesto por las siguientes secciones: Historia, Infraestructura,
Organizacin y Propsito.
Historia:
Conjunto de acontecimientos que dieron origen y propiciaron el
desarrollo de la dependencia o direccin general.
Infraestructura:
Indicar cules son los espacios especializados con que cuenta la direccin general o dependencia para brindar servicios a los estudiantes, docentes y personal externo a la Universidad de Colima.
Organizacin:
Seccin no editable, esta se establece por una dependencia correspondiente.
Propsito:
Seccin no editable, esta se establece por una dependencia correspondiente.
12
APARTADO PROYECTOS Y PROGRAMAS

Para el llenado de esta seccin es importante conocer los proyectos y programas que actualmente se llevan a cabo en la respectiva dependencia.
Proyectos:
Son planificaciones vigentes cuya ejecucin permitir obtener resultados concretos de acuerdo al mbito de competencia y responsabilidad.
Programas:
Es un conjunto de programas institucionales elaborados dentro de la dependencia, que permiten el cumplimiento de las funciones de la direccin general o dependencia, cuya ejecucin combina recursos humanos, tecnolgicos, materiales y financieros.
APARTADO RENDICIN DE CUENTAS
Es el conjunto de elementos que son utilizados para transparentar la estructura interna y
externa de la dependencia. Se encuentra compuesto por las siguientes secciones: Directorio, Informe, Numeralia y POA.
Directorio:
Especificar nicamente el nombre de cada una de las reas que conforman la organizacin
del plantel, proporcionando el correo electrnico y la extensin. No incluir nombres de personas ni fotografas.
Informe:
Adjuntar el Informe correspondiente al plantel en formato PDF.
Tendr que actualizarse el informe por ao.
Para no perder los informes pasados, estos pueden enlistarse.
Numeralia:
Compilacin de cifras importantes que representen el quehacer de la respectiva dependencia.
Programa Operativo Anual (POA):
Integrar el documento convertido a formato PDF del Programa Operativo Anual de la dependencia o direccin general.
IMPORTANTE: Los documentos que se solicitan en PDF no deben exceder el tamao a 30 MB.
APARTADO SERVICIOS
Es el conjunto de prestaciones que se ofrecen por parte de la dependencia, dirigidos a la
comunidad universitaria y pblico general. Difundir el conjunto de actividades que buscan
responder a una necesidad y que se sustenta en el mbito de competencia y responsabilidad de la direccin general o dependencia.
13
Manual de Usuario
Mdulos Especficos del CMS

El CMS cuenta con un men de opciones especficas en la parte superior izquierda de la pantalla, en el cual se muestran los contenidos
del SWD.
Pginas:
Aqu se visualizan todas las pginas y se obtiene el acceso para editar, dejar en borrador, borrar, ocultar y agregar pginas de todos
los segmentos que componen el CMS UCOL del respectivo plantel o
dependencia.
Nota: La opcin Borrar se

encuentra inactiva temporalmente.
14
Validar Pginas:
Aparecern todas las pginas que el editor enve a revisin, por lo que ser responsabilidad
del validador revisarlas y aprobarlas, esto para mantener su sitio web actualizado, por lo que
se recomienda una comunicacin constante entre ambos. (Pasar a la pgina 48)
Noticias:
Las noticias son las publicaciones informativas que representan las actividades institucionales del plantel. Este apartado es especficamente para las noticias pertenecientes al plantel o
dependencia, se pueden colocar links e imgenes concretas del evento. (Pasar a la pgina 50)
Servicios:
En caso de ofrecer servicios en la dependencia o plantel, favor de agregarlos a este catlago
especfico. (Pasar a la pgina 81)
15
Manual de Usuario
Convocatorias:
Las convocatorias son los anuncios para que se participe en un acto determinado por la
dependencia. Las convocatorias tienen que agregarse directamente al apartado Mdulo de
Convocatorias en el CMS. Al incorporar y guardar la informacin e imgenes, se enviar para
su validacin, as aparecer en el Portal UCOL. (Pasar a la pgina 92)
Formatos:
Los formatos son documentos para llenar, dirigidos a los alumnos o trabajadores, segn sea
el servicio ofertado por la dependencia. En caso de contar con algn tipo de formato para su
llenado, estos tendrn que colocarse en dicha seccin respetando los lineamientos
informativos. (Pasar a la pgina 89)
Redes Sociales:
Las redes sociales son las aplicaciones utilizadas para interaccin entre el usuario y dependencia. Es parte de los requerimientos utilizar primeramente el SWD para la difusin de la informacin, pasando despus por estas redes sociales. Para agregar redes sociales, se solicita
ser estricto con la informacin que se estar compartiendo, tomando en cuenta el mbito
institucional del Portal UCOL. (Pasar a la pgina 85)
16
Secciones Personalizables:
Este espacio es para definir y crear informacin en las distintas opciones que la componen.
Espacio inferior: Se puede utilizar para la colocacin de redes sociales.

1.
Ingresar a la opcin Espacio inferior:
2. Despus aparecer el editor con el listado de redes sociales, si se desea

agregar otra, se deber seguir el mismo procedimiento:
3. Dar clic en Fuente HTML y agregar la siguiente estructura como cdigo

HTML:
4. En los listados deber agregarse el nombre de la red social que se desee

utilizar en el sitio web:
17
Manual de Usuario
5. Al terminar de agregar redes sociales, irse al botn de insertar vnculos,

para este proceso se deber dar clic nuevamente en Fuente HTML y seleccionar una de las redes sociales para insertar vnculo:
6. Ya que se tiene el texto seleccionado, proceder a Insertar enlace. Buscar

la URL de la red social a insertar en la entrada:
7. Despus de agregar la URL, ir a la pestaa destino y seleccionar Nueva

Ventana (_blank), esto para que el enlace se abra en una nueva pgina:
18
8.
Una vez agregada toda la informacin dar clic en guardar.
9.
Para visualizar en la pgina, ir a la parte inferior de su sitio:
Nota: La informacin agregada en esta seccin, aparecer por

default en todas las pginas de su respectivo SWD.
Espacio superior: Este espacio es definido para colocar links que dirijan a alguna pgina
o informacin importante.
1.
Ingresar a la opcin Espacio superior:
2.
Despus aparecer el editor para agregar la informacin deseada:
19
Manual de Usuario
3. Para agregar algn contenido, utilizar la herramienta de Insertar vnculo

o tablas para imgenes:
4.
Finalizando con la opcin Guardar para poder visualizarlo en el sitio.
5. La informacin agregada se podr observar en la parte superior del respectivo SWD:
Nota: La informacin agregada en esta seccin, aparecer por

default en todas las pginas del SWD. Se recomienda no colocar
imgenes para no alterar la estructura del banner principal.
JavaScript: Este espacio es utilizable para conocedores del lenguaje de programacin.

1. Ingresar a la opcin JavaScript (espacio especfico para editores con conocimientos en programacin que deseen agregar funciones con JavaScript):
2. Al ingresar a la opcin aparecer el editor para trabajar las opciones deseadas:
20
3.
En este apartado no es necesario agregar las etiquetas de <script></script>
4.
Al finalizar, seleccionar guardar para que la funcin se agregue.
Secciones que componen el SWD:

1. Encabezado
4. Contenido lateral
2. Men superior
5. Contenido
3. Espacio superior
6. Contenido lateral
7. Espacio inferior
8. Pie de pgina
Nota: reas 1, 2 y 8 NO son editables, reas 3, 4, 5, 6 y 7 S son editables.
21
Manual de Usuario
Contenido lateral:
Se utiliza para generar secciones con informacin relacionada hacia alguna temtica y que
puede ser seleccionada en alguna pgina en especfico. (Pasar a la pgina 63)
Nota: Se recomienda solamente escoger alguna de las secciones de derecha e izquierda. El llenado de esta informacin debe
ser exclusivamente alusiva a contenidos que no correspondan
a ningn apartado del CMS.
22
Contacto:
Este apartado aparecer en la parte inferior de todas las pginas del sitio. Para editar esta
seccin, favor de manejar la informacin completa de la ubicacin del plantel o dependencia.
Entrar a la seccin de pginas en el CMS, e ingresar a Contacto:
Ingresar la informacin requerida:
23
Manual de Usuario
Es importante manejar un mapa para la ubicacin, el tamao del mismo es de 600 x 400 (ancho y alto) pxeles. El proceso para agregarlo es el siguiente:
Para poder insertar un mapa al sitio, lo primero ser posicionarse en el editor y dar clic
en el botn Fuente HTML.
A continuacin aparecer todo el HTML que contiene la pgina:
Despus de realizar esta accin, se deber de acceder al respectivo buscador de internet para ingresar a Google Maps, para as realizar la bsqueda de las coordenadas
exactas de la ubicacin.
24
En la parte inferior derecha se encontrar un cono de engrane; se deber seleccionar

para que muestre las opciones y dar clic en Insertar o Incorporar Mapa.
Al escoger esta opcin, aparecer la siguiente ventana:
Seleccionar Incorporar mapa y dejar en tamao mediano. Despus se tendr que copiar el HTML para proceder a insertarlo en el editor:
Posteriormente de pegar el HTML en el editor, dar clic en Fuente HTML para regresar
a la vista previa.
25
Manual de Usuario
En la vista previa del documento, se mostrar un recuadro con la leyenda de Iframe,

significando que el mapa se encuentra insertado en la pgina:
Para finalizar, solamente seleccionar la casilla Enviar a revisin para publicacin, y dar
clic en Guardar.
Una vez validada la pgina, esta deber verse como en la siguiente imagen:
26
Conozca el CMS
Para editar, borrar, ocultar y dejar en borrador alguna de las pginas
del CMS, se ingresa de la forma antes mencionada.
Botn Editar:
Desde esta opcin se puede realizar el proceso de edicin y cambios
en la informacin del SWD.
Dar clic en la iconografa del lpiz para entrar a la pgina deseada a editar (existen pginas que no son editables). Consultar la
pgina 72 para revisar cmo ingresar apropiadamente la informacin sin formato.
27
Manual de Usuario
Botn Visualizar:
Aqu los editores y validadores podrn previsualizar todas las pginas que componen al CMS antes de su publicacin.
Botn Estado:
Esta opcin es para mostrar el estado en el que se encuentra una
pgina, ya sea: publicada, borrador, en revisin o no aprobada.
Publicada: La pgina se encuentra publicada.
Borrador: La pgina se encuentra en borrador y significa que
se est trabajando. Para activar esta opcin, solamente hay que
guardar, pero no activar la casilla de enviar a revisin.
Recordando que cuando se guarda un documento en esta opcin, no

se sustituye la informacin publicada.
Revisin: Al momento de enviar una pgina a revisin para su
validacin, aparecer el siguiente cono. El validador deber encargarse de revisar y aprobar la informacin acorde a las disposiciones manejadas por la autoridad correspondiente.
Rechazada: Este cono representa la desaprobacin de la pgina por el validador, esto puede significar que la informacin es
errnea, tiene faltas de ortografa o la pgina se encuentra vaca.
Botn Visible:
En caso de existir la necesidad de ocultar o visualizar alguna pgina,
activar o desactivar esta opcin dependiendo de lo que se requiera.
Botn Borrar:
Esta opcin es requerida para la eliminacin de pginas que no estn
dentro de la plantilla oficial, o que hayan sido creadas para algn tipo
de informacin que no se necesite ms.
28
Botn Agregar Pgina:

Esta opcin es para crear y habilitar nuevas pginas que sean solicitadas conforme a las necesidades de informacin de cada dependencia.
Ingresar al CMS como editor y acceder al apartado de pginas:
En la parte superior derecha escoger la opcin de Agregar Pgina:
Al dar clic en este botn, aparecer el editor para el contenido que se desee agregar. Se
debern llenar cada uno de los campos debidamente para que la pgina sea publicada:
Colocar la etiqueta del ttulo deseado, misma que aparecer en el navegador:
29
Manual de Usuario
Agregar un ttulo a la pgina por crear:
La siguiente opcin que aparece para completar, es nicamente editable para los planteles y dependencias que ofrezcan Proyectos y Programas, por lo que al momento de
colocar el submen, aparecern las opciones mencionadas:
A continuacin, aparecern dos opciones en las que se podr elegir la posicin del contenido a crear; se podr optar entre contenido izquierdo o contenido derecho, o ambas,
esto en caso de requerirlo:
Despus aparecern dos casillas por activar, la primera es la de Enviar a revisin para
publicacin, utilizada nicamente cuando se encuentra terminada la edicin, si no es as,
solamente dar clic en Guardar para que la pgina quede en borrador sin publicarse y
pueda seguirse editando:
La segunda es la de Permitir comentarios, la cual es un apoyo para la interaccin social

de la dependencia o plantel con la comunidad universitaria:
30
Despus de completar las opciones anteriores, se proceder al editor de texto:
Si se desea enlazar alguna pgina al contenido nuevo; se seleccionar el texto y se escoger la opcin de Enlazar pgina, as aparecern las opciones a escoger:
Para visualizar la versin de la pgina nueva, dar clic en Previsualizar:

Al finalizar, presionar el botn Guardar para que se enve a revisin y el validador pueda verificar que la pgina cumpla con las
normativas establecidas y as poder aprobar o no, su publicacin.
Nota: Para agregar textos sin formato, tablas, galeras, etc.
Consultar los dems apartados del manual en los que se incluyen estos procesos.
31
Manual de Usuario
Barra de herramientas del editor CMS:

La barra de herramientas es la seccin situada en la parte superior de la ventana del editor.
Contiene botones de men que le dan acceso a varias funciones. Todos los botones estn
agrupados segn su funcin e incluyen tanto las operaciones simples (como texto bsico
estilo o formato) hasta las ms avanzadas (como la insercin de los medios o formas a travs
de una ventana de dilogo).
Fuente HTML: Aqu se permite comprobar la estructura del documento, para obtener un cdigo fuente HTML limpio y sin estilos CSS.
Guardar: Almacena los cambios hechos en la pgina.
Cortar: Permite recortar para transferir o reubicar un texto o elemento.
Copiar: Permite reproducir los formatos y/o elementos de un texto u objeto.
Pegar: Transcribe un texto, ya sea recortado o copiado.
Pegar como texto plano: Pegar un texto sin conservar el formato anterior.
Pegar desde Word: Conserva el formato bsico al pegar un fragmento de texto de
Microsoft Word.
Deshacer: Descarta el cambio realizado en la pgina.
Rehacer: Caso contrario a deshacer, restaura el cambio anterior.
Seleccionar todo: Concentra en eleccin, todos los elementos del editor.
Corrector ortogrfico: Esta opcin lleva a cabo una revisin breve de los errores
gramaticales en la pgina.
Insertar vnculo/Editar vnculo: Permite agregar/editar la direccin web de cualquier recurso disponible en Internet, como un sitio web, un documento PDF o una
imagen.
Eliminar vnculo: Permite remover la direccin web de cualquier recurso insertado anteriormente.
Imagen: Permite aadir imgenes a documentos.
Tabla: Permite insertar tablas en documentos.
32
Insertar lnea horizontal: Es un divisor que corta la pgina en partes y se extiende

de un lado del documento al otro.
Insertar carcter especial: Inserta signos, smbolos o letras especficos no incluidos en el teclado comn.
IFrame: Permite insertar un marco que contiene otro documento en el medio del
respectivo documento.
Negrita: Tambien llamada Bold, remarca los caracteres deseados para resaltarlos.
Cursiva: Tambien llamada itlica, de trazos ascendentes para hacer notar el sentido especial de una palabra u oracin.
Subrayado: Es una o ms lneas horizontales debajo de las palabras u oraciones
que contengan ideas importantes para destacar.
Subndice: Utilizada en caso de tener que colocar alguna nota o numeracin en la
parte baja de alguna palabra.
Superndice: Caso contrario del subndice, se coloca en la parte superior.
Eliminar formato: Permite eliminar los estilos generados durante la edicin y/o
agregados desde otra opcin.
Numeracin: Es un tipo de listado que va numerada con elementos a requerir.
Vietas: Es un tipo de listado que va representado con simbolos.
Disminuir sangra: Reduce el espacio de algn elemento en el texto.
Aumentar sangra: Caso contrario de reducir, esta amplifica el espacio.
Cita: Es una cita de bloque, se recomienda utilizar este tipo de formato cuando el
texto citado se compone de varias lneas o al menos 100 palabras.
Alinear a la izquierda: Dirige el texto u objeto al punto mencionado.
Centrar: Dirige el texto u objeto al punto mencionado.
Alinear a la derecha: Dirige el texto u objeto al punto mencionado.
Justificado: Dirige el texto al punto mencionado.
33
34
Lineamientos
Manual de Usuario
Requerimientos Institucionales
Validador de la informacin:
Es la figura encargada de realizar el proceso de revisin y validacin
de la informacin editable y correspondiente a la dependencia o
plantel (Pginas, Validar pginas, Noticias, Secciones personalizables
y Contenido izquierdo).
Editor de contenidos:
Es la figura encargada de alimentar el respectivo sitio asignado en
las opciones: Pginas, Noticias, Servicios, Convocatorias, Formatos,
Redes sociales, Secciones personalizables y Contenido izquierdo.
Responsable de la informacin:
Es el director de plantel o dependencia, funcionario, coordinador o
autoridad institucional, debidamente acreditado ante la Direccin
General de Servicios Telemticos como responsable de publicar y
administrar la informacin de un SWO.
Cuenta institucional:
Para validar las pginas se ingresar con la cuenta institucional y la
contrasea de la dependencia o plantel, ejemplo:

dependencia@ucol.mx
Para la alimentacin de la pgina, el editor deber acceder con su
cuenta institucional y su contrasea, ejemplo:

usuario@ucol.mx
Validador externo:
Se entiende por validador externo, a las dependencias universitarias
asignadas para la validacin de los catlogos del CMS.
35
Manual de Usuario
Tratamiento de Imgenes
Estructura del Portal UCOL
La estructura del Portal UCOL est diagramada con base a un Grid
de 12 Columnas de 60 pxeles cada una, con una separacin de 20
pxeles entre ellas; adems se puede estructurar a seis (140 px), Cuatro (220 px), Tres (300 px), Dos (460 px) y Una (940) columna, de igual
manera con una separacin de 20 pxeles entre cada una.
60px
140px
220px
300px
460px
940px
Nota: El rea a editar y en la

cual se ubicar el contenido a
ingresar, estar dividida en 4
columnas de 220 px o en algunos casos de 3 columnas
de 300 px.
36
Banner del SWD (4 columnas)

Las dimensiones del banner son las siguientes: 940 px de ancho por 300 px de altura; tomando el ancho de las 4 columnas.
940 px
300 px
Banner del SWD (3 columnas)

Las dimensiones del Banner son las siguientes: 700 px de ancho por 300 px de altura; tomando el ancho de 3 de las 4 columnas.
700 px
300 px
37
Manual de Usuario
Insercin de Imgenes
El tamao de las imgenes cuando el contenido est fragmentado a 3 columnas, es el siguiente: 300 px de ancho por 200 px de altura.
Se restringe el uso de este esquema nicamente cuando la estructura se resuelve a 3 columnas utilizando
el ancho de la pgina (940px).
300 px
200 px
El tamao de las imgenes cuando el contenido est fragmentado a 4 columnas, es el siguiente: 220 px de ancho por 150 px de altura.
150 px
38
220 px
En caso de contar con un men lateral, el rea estar fragmentada por 4 columnas, de las
cuales una ser para el men y las otras 3 para el contenido de texto e imgenes, en el que
las dimensiones de estas, sern las mismas que en el caso anterior, 220 px de ancho por 150
px de altura.
Nota: La resolucin de las
150 px
220 px
imgenes no deber ser menor a 72 ppi y no mayor a 150

ppi.
Cualquier uso alterno, no anexo a este documento, deber ser pedido y validado por la Direccin General de Servicios Telemticos de la Universidad de Colima.
Proteccin de Derechos
Las obras fotogrficas que se pretendan incluir en un sitio web institucional especificarn:
Nombre del autor
Fecha en que fue tomada la fotografa
Cita de la fuente de donde se obtuvo dicha fotografa
Permiso por escrito de los implicados en ella,
As mismo con cualquier elemento grfico de apoyo como esquemas, grficas, mapas, diagramas, ilustraciones y otras obras grficas.
NOTA: La Dependencia se hace responsable de contar con los datos antes mencionados, al igual que con
cualquier consecuencia legal que pueda ocasionar el incurrir en una falta.
39
Manual de Usuario
Estilo de Redaccin
Recomendaciones bsicas para la publicacin de textos:
Estructura: Lo principal es redactar con una buena ortografa y
claridad en las ideas. En caso de alguna duda sobre el vocabulario a utilizar, es preferible consultar una fuente confiable; ya sea
la RAE, o algn diccionario con los criterios a necesitar.
Citacin: Las cuestiones sobre derechos de autor son de extrema importancia, por lo que se solicita citar cada uno de los elementos textuales y grficos que sean requeridos de otras fuentes, con el respectivo nombre del autor y ao de creacin.
Organizacin: Es importante organizar los contenidos del sitio
web de manera jerarquizada y utilizando estilos de prrafo diferenciados (ttulos, subttulos, vietas, entre otros) para ofrecer
una lectura agradable, clara y sencilla.
Elementos a evitar en las pginas: Evitar la colocacin de formatos web poco accesibles o molestos (invasivos) como subprogramas java, flash o ventanas emergentes.
Criterios para publicaciones:
Es ms relevante publicar el testimonio de un egresado, o el resultado de una investigacin que la restructuracin de un rea o
el nombramiento de algn funcionario. En tal caso, el testimonio
tendra que tener mayor peso visual que el nombramiento.
Es ms relevante informar sobre la participacin en un proyecto
de gran impacto social que la promocin de un evento o la convocatoria a alguna reunin.
40
Para brindar homogeneidad a los criterios que se utilicen para clasificar la relevancia de
la informacin, se definen los siguientes indicadores generales:
1. Impacto: Define el nivel de inters general y de impacto por contexto de la informacin independientemente del plantel o dependencia en donde se origine.
2.
Actualidad: Define el nivel de actualidad de la informacin.
3. Concrecin: Define el nivel cumplimiento de los contenidos que refieren a productos finales y no de fases o versiones.
41
42
Procedimientos
Manual de Usuario
Procesos para alimentar mi SWD

desde mi CMS
43
Manual de Usuario
Cmo ingresar al CMS de tu SWD

Los pasos para acceder al CMS del respectivo SWD son los siguientes:
Acceder a la URL de la dependencia o plantel agregando el complemento: /admon/
Ejemplo:
portal.ucol.mx/dependencia/admon/
Al continuar aparecer la siguiente ventana; favor de seleccionar el botn de Universitarios para continuar con la cuenta universitaria.
44
Lo siguiente direccionar a introducir el usuario y contrasea para el inicio de sesin:
Al finalizar este proceso se podr visualizar el respectivo CMS.
45
Manual de Usuario
Cmo editar una Pgina

Ingresar al CMS como editor:
En el mdulo de pginas, escoger alguna que tenga la opcin de

editable; por ejemplo Historia:
46
Dentro de la pgina a editar, seleccionar el apartado que se desea cambiar:
Nota: Las pginas que pertenezcan a la plantilla oficial no podrn ser editadas en sus etiquetas.
Si se desea observar los cambios realizados, dar clic en la opcin

Previsualizar para poder verificar los cambios que aparecern
en la pgina antes de publicarse:
Si ya se finaliz la edicin, activar la casilla de Enviar a revisin y Guardar:
47
Manual de Usuario
Cmo validar una Pgina

Para la validacin de las pginas aadidas o editadas, el Validador deber ingresar al respectivo mdulo que le aparecer en su
editor:
Al ingresar a Validar pginas, aparecer la siguiente ventana:
48
Al seleccionar revisar, aparecer el visor del editor en donde se debe realizar la revisin
de la pgina en cuestiones informativas y ortogrficas. En caso que la pgina est completamente aceptable, seleccionar el botn de Aceptar.
Si el contenido no cumple con los lineamientos establecidos por el respectivo SWD, o la

informacin ingresada no est correcta; la opcin que se deber escoger ser Rechazar,
para que as pueda volver a editarse:
Aparecer una ventana con las correcciones deseadas y que servirn de referencia para
que el Editor pueda corregirlas. Terminando de colocar las observaciones, presionar
Guardar.
Nota: Las pginas rechazadas aparecern en la opcin de
Pginas en su mismo CMS, con la leyenda Rechazada.
49
Manual de Usuario
Cmo publicar Noticias en tu SWD

El proceso para introducir y publicar noticias es dependiente del
plantel o dependencia, el Editor ser el encargado de crear la informacin y el Validador de verificar que cumpla con los lineamientos
para su publicacin.
Proceso:
Ingresar al apartado de Noticias en el CMS:
Enseguida aparecer el men con las opciones a crear o revisar

de este apartado:
50
En el men del apartado derecho se podr observar las opciones del Estatus en las
noticias contenidas:
Todos: Al ingresar a la opcin de Todos, se encontrarn las noticias que fueron

publicadas, guardadas, en revisin y no aprobadas.
Guardados: Opcin especfica para ingresar solamente a las noticias que se guarden y no se publiquen hasta que se realice el proceso de enviar a validacin.
En revisin: Se encuentran almacenadas las noticias que fueron terminadas y enviadas a revisin para su publicacin, por lo que nicamente el validador podr
aprobarlas.
Publicados: Se encuentran las noticias que ya fueron publicadas.
Si se desea crear una nueva noticia, pulsar el cono que se encuentra debajo de las pasadas opciones:
El botn llevar al siguiente apartado:
Se solicitar un ttulo, escoger uno acorde a la nota:
51
Manual de Usuario
Despus, colocar un breve resumen de la noticia:
Lo siguiente ser colocar la fecha de creacin de la noticia:
En la opcin de Categora se tendrn cuatro a escoger, dependiendo de a quin se

dirija la informacin:
Alumnos: Informacin dirigida a estudiantes.

Pblico en general: Informacin para todo el pblico.
Trabajadores: Informacin para los trabajadores universitarios.
Universitaria: Informacin dirigida para la comunidad universitaria.
El siguiente paso ser introducir la informacin que se desea publicar. Favor de verificar
todos los datos que se desea colocar antes de enviar a su validacin. Si se requiere agregar informacin desde un documento en especfico, pasar a la pgina 72 para revisar el
procedimiento correcto.
Despus, adjuntar una imagen JPG con un tamao de 300 x 175 pxeles.
52
El siguiente punto ser colocar las palabras claves con las que se identificar la nota en
los buscadores:
Para finalizar, activar la casilla Enviar para Revisin y seleccionar el botn Guardar.
Con el proceso finalizado, el Validador podr revisar y aprobar la informacin de la publicacin, en caso que est correcta aparecer en el inicio de la respectiva pgina. Si no se
ha terminado la noticia, solamente guardarla sin enviar a validacin para seguirla trabajando despus.
Cuando el validador revise y acepte la informacin, esta aparecer de la siguiente manera en el sitio:
Como se menciona en el punto anterior, el proceso para la validacin de noticias, lo

llevar a cabo el Validador, teniendo el acceso de la misma forma en el apartado de noticias.
53
Manual de Usuario
Para aceptar y publicar la noticia, presionar el cono de
y Publicar.
Para rechazar la noticia, presionar el cono X, en donde aparecer una ventana para
colocar los motivos de cancelacin de la nota, misma que podr ser nuevamente editada
con los cambios marcados para el Editor.
54
Cmo crear un Acceso Directo

Para agregar los espacios de Accesos Directos en el Inicio del sitio,
se deben seguir los siguientes pasos dependiendo de los que sean
requeridos, el mximo ser de cuatro.
Ingresar al CMS como Editor y posicionarse en la pgina Inicio
del CMS, dando clic al cono de Editar:
Lo siguiente es colocar el cursor y dar clic en la ltima lnea del

Texto representativo, dando dos espacios con la tecla Enter:
A continuacin se deber ingresar una tabla con las siguientes caractersticas:
55
Manual de Usuario
A 4 filas y 3 columnas, con una anchura de 100%:
Nota: El mximo de accesos

directos ser de cuatro, si se
requiere solamente uno, el
procedimiento ser el mismo,
cambiando nicamente el nmero de filas.
Despus, ir a la opcin de Avanzado dentro de la misma configuracin de la tabla y colocar

en ID, el ttulo: accesos. Finalizando con Aceptar:
56
Lo consecutivo ser colocar la informacin dentro de la tabla con las siguientes referencias:
Primera columna: Ttulo de la informacin, este debe ser breve, conciso y directo.
Segunda columna: Breve descripcin de la informacin, se sugiere que no rebasar ms
de dos renglones.
Tercera columna: Colocar la URL en donde se encontrar almacenada la informacin
completa.
Cuando se encuentren completos estos campos, se debe activar la casilla de Enviar a Revisin (esto en caso de no haber terminado de editar, nicamente Guardar) y dar clic en
Guardar. El Validador se encargar de aprobar la pgina.
57
Manual de Usuario
Cmo crear un Banner

Para la generacin de un banner es importante seguir cada uno de
los siguientes pasos:
Dentro del CMS, crear una pgina nueva dando clic en el botn
Agregar Pgina que se encuentra del lado derecho; en caso de
pretender agregar el banner en una pgina ya existente, seleccionar el botn Editar de dicha pgina:
A continuacin, agregar una tabla presionando en el botn Tabla sealado en la imagen:
58
El proceso mostrar la ventana: Propiedades de Tabla, en la cual se deber agregar un

nmero determinado de filas igual al nmero de imgenes que se desean en el banner.
Las medidas tendrn que tener una anchura de 940 pxeles, correspondiente al ancho
del rea de la pgina y de las imgenes:
Nota: El nmero de columnas

siempre deber ser 1, debido
a que si son agregadas ms,
la tabla dejara de ser funcional como banner. Se debe
evitar agregar espacios o saltos de lnea en las celdas, en
estas solamente deber estar
la imagen del banner a su tamao correspondiente.
El siguiente paso ser agregar las imgenes, seleccionando el botn de Imagen, que
se muestra en el ejemplo:
59
Manual de Usuario
Aparecer la ventana: Propiedades de Imagen, agregar la imagen que se desee colocar en el banner; si la imagen ya se encuentra en servidor, solamente se deber buscar
dando clic en el botn Ver Servidor y seleccionarla; en caso de no tenerla en el servidor,
se puede cargar directamente desde el equipo, presionando la pestaa Cargar de la
ventana en funcin, Seleccionar Archivo y buscar la imagen correspondiente al banner.
Una vez seleccionada, presionar el botn Enviar al Servidor, de no hacerlo, la imagen
no se guardar en el sitio:
Para continuar, aparecer una ventana similar al ejemplo pasado. Se solicita verificar
que sea la imagen que ha sido seleccionada y que las dimensiones sean las correctas
para evitar problemas de visualizacin. Por ltimo, hacer clic en Aceptar:
Nota: Para buscar los tamaos especficos de cada imagen utilizada en los apartados, favor de ir a la seccin de
Tratamiento de imgenes
en la pagina 36.
60
Para agregar ms imgenes, debern seguirse las especificaciones anteriores y bajo los
mismos criterios.
Una vez cargadas todas las imgenes del banner, guardar los cambios en el botn de
Enviar a Revisin y Guardar:
Nota: Si slo desea guardar

cambios pero no mandar a
validar, nicamente presionar el botn de Guardar.
pero en caso de querer mandar a validar la nueva pgina
o la modificacin de sta, se
deber de marcar la casilla
de Enviar a Revisin y despus presionar Guardar.
61
Manual de Usuario
Una vez validado el cambio, se tendr que visualizar el cambio en la pgina editada del
respectivo sitio:
62
Cmo crear un Men Lateral

Para la creacin de un men lateral es importante que se siga cada
uno de los siguientes pasos.
Para crear un men lateral seleccionar del men lateral la opcin Contenido lateral:
Se mostrar sin contenido como se aprecia en la siguiente imagen. En este apartado pueden ser agregadas nuevas secciones
que se podrn utilizar ms adelante en diferentes pginas. Para
aadirlos, seleccionar el botn Agregar seccin:
63
Manual de Usuario
Lo siguiente es colocar los datos que se necesitan para identificarlos en las distintas
pginas que se utilizaran:
Al finalizar, seleccionar Guardar pgina:
En el listado aparecer el men creado:
64
Lo siguiente es ir a alguna de las pginas creadas; como ejemplo se tomar la pgina

Galera para editar:
En el men de opciones, entrar a Contenido izquierdo y colocar un ttulo de seccin;

por ejemplo, el de Galera:
Para finalizar y verificar el contenido, visualizar el sitio y el men lateral que se podr
encontrar al acceder a la pgina del lado izquierdo:
65
Manual de Usuario
Cmo enlazar una Pgina

Para enlazar una pgina a un men creado, lo que se necesita
hacer es seleccionar el texto al cual se le quiere enlazar la pgina;
de ah se tendr que ir al editor en la parte superior derecha a la
leyenda enlazar pgina :
Al dar clic se mostrar un listado de pginas, buscar la pgina a

la que se desea enlazar:
66
Lo siguiente es dar clic a la pgina y quedar listo. Se solicita verificar si la pgina seleccionada se encuentra enlazada:
La forma para verificar, es seleccionando el texto y dando clic en insertar/editar vnculo, correspondiente al siguiente cono.
Cersiorarse que haya sido la etiqueta de la pgina seleccionada:
Nota: Cualquier problema para enlazar pginas, notifique a la

Direccin de Sistemas.
67
Manual de Usuario
Cmo crear una Galera

Para la creacin de una galera es importante que se siga cada uno
de los siguientes pasos:
Dentro del CMS se debe crear una pgina nueva, dando clic en
el botn Agregar Pgina que se encuentra al lado derecho:
Lo siguiente ser introducir la etiqueta Galera:
Nota: La etiqueta galera es

la que realiza la funcin de
visualizacin de las fotos en
la galera, si se le adjudica un
nombre diferente no funcionar. Solamente se podrn
utilizar etiquetas como galera-N
68
Ejemplos: galera-1, galera-2, galeria-3, galera-N, etc.
El siguiente paso consiste en seleccionar el botn Tabla:
Dentro de la opcin que se mostrar, seleccionar la cantidad de celdas que se necesitarn dependiendo de las columnas de imgenes que se requieran para mostrar en la
pgina:
Nota: Para una mejor visualizacin en el editor, se recomienda utilizar una anchura
al porcentaje del 100%.
Despus, escoger una de las celdas y seleccionar el botn Imagen:
69
Manual de Usuario
Seleccionar la pestaa Cargar para buscar la imagen en el equipo, extrayendo la que

se desea subir y dando clic en Enviar al servidor:
Al enviarla al servidor aparecer la siguiente ventana con la informacin de la imagen

seleccionada:
Nota: La anchura de imagen

debe colocarse a 227 pxeles
para que aparezca con esas
medidas en el editor (esas
medidas no afectan al momento de visualizar, esto es
para no saturar el editor con
imgenes pesadas).
Al terminar de agregar las imgenes se puede proceder a guardar la pgina:
70
Enseguida aparecer la pgina en el listado del mdulo de administrador en la opcin

Pginas y para corroborar la correcta edicin de la pgina, se tiene que seleccionar el
botn de Ver para verificarla:
El resultado final de la galera ser similar a lo que se muestra a continuacin:
Al seleccionar alguna imagen, sta se visualizar del modo siguiente:
71
Manual de Usuario
Cmo agregar Informacin sin

Formato en el CMS
Existe una forma de editar y agregar informacin para concordar con
los lineamientos tipogrficos en los sitios.
Proceso de manera directa:
Manera directa requiere de ingresar el texto sin formato con la herramienta Pegar como Texto Plano. Esto es para agregar la informacin a los sitios web respetando los lineamientos y estilos de texto
preestablecidos.
Indicaciones:
Entrar a su sitio con usuario y contrasea.
Ingresar a las pestaas que se desean editar.
Copie el texto que desea con las tpicas herramientas de pegado (ctrl+c para copiar, y ctrl+v para pegar, en Windows, y para
Mac cambiar ctrl - cmd).
En el editor activando la casilla Pegar como texto plano, aparecer la ventana donde se tendr qu pegar el texto deseado.
Aplique aceptar y listo, el formato se configurar de acuerdo con
lo establecido.
En el siguiente recuadro aparece cul es la casilla Pegar como
texto plano del editor:
Nota: Favor de no pegar el
texto directamente en el editor, ya que los estilos se quedarn guardados al publicar
la informacin.
72
Solicitudes para publicar contenido

en secciones del Portal UCOL
73
Manual de Usuario
Cmo solicitar Noticias en

Medios Universitarios
Si se desea dar a conocer una noticia en especfico, se puede realizar
de las siguientes dos formas:
Llamar a la Direccin de Informacin de la Universidad de Colima al nmero 31-610-31 o a la extensin 31201 para cubrir el
evento y/o entrevistar a los respectivos organizadores.
1. La direccin se encargar especficamente del levantamiento fotogrfico y de la noticia.
Enviar un correo a la siguiente direccin prensauc@ucol.mx con
la siguiente informacin de acuerdo a lo que se requiera publicar.
1. Qu pas o de qu se trata el tema o asunto que quieren dar conocer?
2.
Quin o quines participan?
3. Cmo fue que se dio tal hecho o cmo se realizar o se

realiz tal actividad?
74
4.
Cundo ocurri o va a ocurrir?
5.
Dnde se realiz o realizar?
6.
Por qu o para qu se realiza tal hecho o actividad?
Requisitos para la recepcin de noticias:

1.
Contener los puntos anteriormente sealados.
2.
El documento deber de ser generado en Word.
3.
Adjuntar en el correo de dos a tres imgenes en formato JPG en buena calidad.

Nota: No se publicarn noticias que contengan las imgenes
dentro del documento de Word. Favor de colocarlas por separado.
Las noticias generadas sern publicadas en el peridico El Comentario, asimismo, provocarn su circulacin en los distintos medios de comunicacin y redes sociales universitarias.
75
Manual de Usuario
Cmo solicitar Publicaciones de

Eventos en Agenda
Proceso para solicitar la publicacin de eventos en la seccin de
agenda:
El evento tiene que ser de carcter institucional.
Se le solicita al plantel o dependencia que dispongan de la siguiente informacin antes de enviar su solicitud:
1. Dependencia organizadora: Correo de la dependencia,
telfono y extensin.
2. Datos de la persona responsable del evento: Nombre,
correo, telfono y extensin.
3.
Datos del evento: Ttulo y descripcin (slo texto).
4. Categora: Acadmica, cientfica, cultural, deportiva, general.

5. Requisitos previos: Si existe algn requisito para asistir
y/o participar en el evento.
6. A quin va dirigido: Trabajadores, alumnos, comunidad
universitaria y/o pblico en general.
7. Domicilio donde se llevar a cabo el evento: Si es posible, agregar coordenadas GPS.
8. Periodo de la publicacin del evento: En el apartado
AGENDA, fecha inicio y fecha fin.
76
9.
Fecha del evento: Si aplica, fecha de inicio, fecha de fin.
10. Hora de inicio: La hora establecida para el evento.

11. Duracin: Cul es la duracin.
12. Pgina de consulta: Colocar la URL donde el usuario podr encontrar mayor
informacin (si se dispone).
13. Fotografa: Exterior 213 x 122 pixeles.
14. Fotografa Banner: 940 x 300 pixeles.
15. Informacin adicional: En caso de contener informacin extra; enviarla en JPG
o PDF, ya que no se aceptarn documentos en Word.
Enviar la informacin al correo comunicacionsocial@ucol.mx con el asunto Publicacin
en Agenda.
NOTA: El proceso de revisin y publicacin se lleva a cabo de
lunes a viernes de 9am a 4pm en das hbiles.
Ejemplo:
77
Manual de Usuario
Otras Solicitudes
Cmo solicitar la restauracin de un sitio:
La cancelacin de un sitio proceder propiamente de lo que se menciona en el documento anexo Lineamientos para el desarrollo, operacin y publicacin en los Sitios Web Oficiales de la Universidad de
Colima. Para reactivarlo ser necesario cumplir una serie de procesos normativos especificados a continuacin.
Primer paso:
Enviar un oficio a la Direccin General de Servicios Telemticos,
solicitando la restauracin del sitio, justificando el por qu se requiere la reactivacin del mismo.
Segundo paso:
En caso que se proceda a la liberacin del sitio, el solicitante deber comprometerse a cumplir con la alimentacin y el llenado
de los espacios componentes del espacio a reactivar.
NOTA: La Direccin General de Servicios Telemticos se reserva el derecho de aceptacin de las
solicitudes recibidas.
Cmo solicitar un subdominio:

Para obtener un subdominio de una dependencia o evento, es necesario enviar los siguientes requisitos a forma de Oficio a la Direccin
General de Servicios Telemticos.
Subdominio para Dependencias:
Una justificacin sobre la necesidad de creacin del subdominio.
Datos de la Dependencia solicitante, incluyendo la cuenta de
correo oficial.
78
Subdominio para Eventos:

Justificacin para la creacin del subdominio del evento.
Cunto tiempo se requiere activado el subdominio.
Cuenta oficial de correo del Editor encargado.
Ambas opciones debern contar con una amplia descripcin de lo que se desea llevar en
conveniencia al subdominio.
NOTA: La Direccin General de Servicios Telemticos se reserva el derecho de aceptacin de las solicitudes recibidas.
79
80
Catlogos
y procesos
Manual de Usuario
Cmo agregar Servicios

Para agregar los servicios que se ofrecen en el plantel o dependencia, ingresar al mdulo especfico de Servicios del CMS.
Al entrar a esta opcin, aparecer la siguiente ventana:
NOTA: En caso de contener

servicios capturados, aparecern enlistados.
Seleccionar el botn de Nuevo servicio, el cul remitir a un

listado de requisitos para el llenado del servicio a brindar.
81
Manual de Usuario
En la primera opcin, se solicita colocar el ttulo del servicio a ofrecer, se requiere ser
claro y relacionarlo con lo que se brindar:
El siguiente espacio es para la descripcin general perteneciente al servicio:
Despus, agregar una imagen alusiva al servicio para la respectiva descripcin grfica:
Sucesivamente, colocar qu gestiones son las necesarias para que los usuarios puedan
solicitarlo:
A continuacin se requerir agregar cules son los requisitos definidos para la solicitud
de dicho trmite:
82
Lo siguiente, ser colocar la URL en donde se podr obtener ms informacin acerca

del servicio (opcional):
Tambin, se solicitar el perodo de disponibilidad en el que estar vigente el servicio,

das de la semana o un rango especfico de fechas:
Colocar los horarios especficos en que se brindar el servicio:
En caso de contener informacin adicional acerca del servicio, colocarla en el siguiente

espacio de Consideraciones generales:
Continuamente, situar el, o los lugares en donde estar ofrecindose:
83
Manual de Usuario
Lo siguiente es agregar la informacin y datos de la persona que se estar haciendo

cargo de la responsabilidad del servicio:
Tambin se tendr qu definir a quines se dirigir el servicio:
Para finalizar, si ya se ha terminado con la edicin y la captura del servicio, activar la

casilla de Enviar a revisin y presionar el botn de Guardar. Si no es as, nicamente
guardar.
Nota: Si slo se selecciona

guardar en el ltimo paso,
nicamente se quedar guardada la informacin sin enviarse al proceso de validacin.
84
Cmo registrar una

Red Social Oficial
Ingresar al mdulo de Redes Sociales:
Al acceder aparecer la opcin de Nuevo Redes Sociales:
Al seleccionar se enviar a la respectiva ventana del editor de

redes sociales:
85
Manual de Usuario
En primera instancia se solicitar el nombre del Plantel o Dependencia de la cual es

perteneciente la red social:
Colocar la red social a registrar:
Se solicitar el correo institucional de la persona que administra:
86
Lo siguiente ser adjuntar la URL correspondiente a la red:
Se solicitar una breve descripcin del objetivo del plantel o dependencia en la red social a registrar:
Para finalizar el proceso, se tendr que activar la casilla Enviar a revisin y despus el
botn Guardar para que pase a validacin.
Nota: Si slo se selecciona guardar en el ltimo paso, nicamente se quedar guardada la informacin sin enviarse al proceso de validacin.
87
Manual de Usuario
Procesos para alimentar secciones

del Portal UCOL desde mi CMS
88
Cmo agregar Formatos

Para agregar los formatos, favor de ingresar al mdulo de Formatos en el CMS:
Al seleccionar esta opcin se podrn visualizar los formatos

capturados con anterioridad. Para elaborar uno nuevo dar clic
en Nuevo formatos:
A continuacin aparecer el editor para que se integre la respectiva informacin:
89
Manual de Usuario
Lo siguiente ser colocar el nombre del formato a publicar:
Despus, la breve y clara descripcin de dicho formato:
Se solicitar adjuntar el archivo al que pertenece el formato a subir:
90
Lo siguiente ser activar la casilla Dirigido a para establecer a dnde se enviar el formato correspondiente:
Para finalizar el proceso, se tendr que activar la casilla Enviar a revisin y despus el
botn Guardar para que pase por validacin.
Nota: Si slo se selecciona guardar en el ltimo paso, nicamente se quedar guardada la informacin sin enviarse al proceso de validacin.
91
Manual de Usuario
Cmo publicar Convocatorias

El proceso para ingresar convocatorias consiste en adjuntar los datos especficos y la imagen con los respectivos tamaos solicitados.
La dependencia encargada de llevar el proceso de las solicitudes es
Comunicacin Social.
Ingresar al mdulo de convocatorias en el CMS:
Acceder a la opcin de Nuevo Convocatorias:
El botn llevar al editor de convocatorias y se solicitar la informacin de la misma.

Colocar un ttulo adecuado y definido para la convocatoria:
92
Realizar una descripcin acerca del evento en el apartado siguiente:
Enseguida de la descripcin se encuentran los apartados para la fecha de inicio y finalizacin del banner en publicacin:
El proceso siguiente, es adjuntar una imagen con los requerimientos de tamao exacto
para que la convocatoria no sea rechazada: 134 pxeles x 134 pxeles:
A continuacin se debe de colocar a quin est dirigida especficamente, marcando algunos de los puntos que aparecen en las opciones:
93
Manual de Usuario
Al finalizar, activar la casilla Enviar para Revisin y seleccionar el botn Guardar, esto
enviar la solicitud a la dependencia encargada de validar para su aprobacin:
Nota: Para dudas o aclaraciones favor de comunicarse a la dependencia encargada de validar el proceso.
94
Glosario de Trminos
Archivo
Conjunto ordenado de documentos que una persona, una sociedad,
una institucin, etc., producen en el ejercicio de sus funciones o actividades.
CMS
Content Management System: Sistema de Gestin de Contenidos.
Cuenta Institucional
Correo electrnico universitario (@ucol.mx) proporcionado por la Institucin, en dicho caso, por la Benemrita Universidad de Colima.
PPI
Pixels Per Inch: Pxeles por pulgada.
Estilo
Conjunto de rasgos o caractersticas de uno o varios elementos y que
los diferenca de otros similares.
Formato
Conjunto de caractersticas tcnicas y de presentacin de una publicacin peridica o de un programa de televisin o radio.
Galera
Espacio destinado a la presentacin de un conjunto de imgenes sobre algn tema determinado.
Imagen
Es aquel elemento grfico, figura, forma, o cualquier representacin
visual de un objeto real o imaginario.
95
Manual de Usuario
Pxel
Unidad bsica y mnima de una imagen digitalizada en pantalla.
Requerimientos
Formalidad y requisitos que son solicitados para el llenado de la informacin en los sitios
universitarios.
Servidor
Los servidores o el servidor se refieren a la computadora central en un sistema de red que
provee servicios a otras computadoras.
SWD
Sitio Web de Dependencia, que tambin abarcan los planteles, es reconocido como el medio
electrnico institucional oficial de la dependencia.
SWE
Sitio Web de Eventos; es el SWO, reconocido como medio electrnico institucional oficial, por
el cual las dependencias universitarias difunden y generan la informacin, enfocada hacia
la comunidad universitaria.
SWO
Sitio Web Oficial; conjunto de pginas de internet de acceso pblico que poseen un nombre
de dominio o subdominio institucional.
Texto plano
Un archivo de texto llano, texto simple, texto plano, texto sencillo, es un archivo informtico
compuesto nicamente por texto sin formato alguno.
Validador externo
Se entiende por validador externo, a las dependencias universitarias asignadas para la validacin de los catlogos del CMS.
96
Contacto
Para cualquier duda o aclaracin sobre el contenido de este manual
comunicarse a la Direccin de Sistemas de la Universidad de Colima.
Para dudas sobre el contenido y redaccin de la informacin para el
Portal UCOL o los Sitios, dirigirse con:
Edith Guadalupe Camacho Daz
edith_camacho@ucol.mx
Ext. 35402
Para dudas sobre el manejo de imgenes y estilos de texto del Portal
UCOL o los Sitios, dirigirse con:
Cesar Eduardo Velazco Medel
cesar_velazco@ucol.mx
Ext. 35408
Para dudas sobre el uso y manejo del CMS y sus herramientas dentro
del Portal UCOL o los Sitios, dirigirse con:
Pedro Fernndez Palominos
pfernandez@ucol.mx
Ext. 35408
97

Manual de Usuario - Procedimientos para La Alimentación de Los SWD

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Manual de Usuario - Procedimientos para La Alimentación de Los SWD

Hochgeladen von

Copyright:

Verfügbare Formate

MANUAL

Procedimientos para la Alimentacin de los Sitios Web de Dependencias

Historia --------------------------------------------------------- Infraestructura ----------------------------------------------- Organizacin ------------------------------------------------- Propsito ------------------------------------------------------

Lineamientos ------------------------------------------------------------------Requerimientos Institucionales ------------------------------------------

Procedimientos ---------------------------------------------------------------Procesos para alimentar mi SWD desde mi CMS ------------------

Glosario de Trminos --------------------------------------------------------Contacto ---------------------------------------------------------------------------

Inicio del Sitio Web de Dependencia

Nota: PPI - Pixels Per Inch

Banner: El banner es una secuencia fotogrfica encargada de

Nota: Si se incluye informacin que es perteneciente a

En caso de contener informacin despus del Texto Descriptivo,

APARTADO OFERTA EDUCATIVA

APARTADO PROYECTOS Y PROGRAMAS

Mdulos Especficos del CMS

Nota: La opcin Borrar se

Espacio inferior: Se puede utilizar para la colocacin de redes sociales.

Ingresar a la opcin Espacio inferior:

2. Despus aparecer el editor con el listado de redes sociales, si se desea

3. Dar clic en Fuente HTML y agregar la siguiente estructura como cdigo

4. En los listados deber agregarse el nombre de la red social que se desee

5. Al terminar de agregar redes sociales, irse al botn de insertar vnculos,

6. Ya que se tiene el texto seleccionado, proceder a Insertar enlace. Buscar

7. Despus de agregar la URL, ir a la pestaa destino y seleccionar Nueva

Una vez agregada toda la informacin dar clic en guardar.

Para visualizar en la pgina, ir a la parte inferior de su sitio:

Nota: La informacin agregada en esta seccin, aparecer por

Ingresar a la opcin Espacio superior:

Despus aparecer el editor para agregar la informacin deseada:

3. Para agregar algn contenido, utilizar la herramienta de Insertar vnculo

Finalizando con la opcin Guardar para poder visualizarlo en el sitio.

5. La informacin agregada se podr observar en la parte superior del respectivo SWD:

Nota: La informacin agregada en esta seccin, aparecer por

JavaScript: Este espacio es utilizable para conocedores del lenguaje de programacin.

2. Al ingresar a la opcin aparecer el editor para trabajar las opciones deseadas:

En este apartado no es necesario agregar las etiquetas de <script></script>

Al finalizar, seleccionar guardar para que la funcin se agregue.

Secciones que componen el SWD:

Nota: reas 1, 2 y 8 NO son editables, reas 3, 4, 5, 6 y 7 S son editables.

Ingresar la informacin requerida:

A continuacin aparecer todo el HTML que contiene la pgina:

En la parte inferior derecha se encontrar un cono de engrane; se deber seleccionar

Al escoger esta opcin, aparecer la siguiente ventana:

En la vista previa del documento, se mostrar un recuadro con la leyenda de Iframe,

Recordando que cuando se guarda un documento en esta opcin, no

Botn Agregar Pgina:

En la parte superior derecha escoger la opcin de Agregar Pgina:

Colocar la etiqueta del ttulo deseado, misma que aparecer en el navegador:

Agregar un ttulo a la pgina por crear:

La segunda es la de Permitir comentarios, la cual es un apoyo para la interaccin social

Despus de completar las opciones anteriores, se proceder al editor de texto:

Para visualizar la versin de la pgina nueva, dar clic en Previsualizar:

Barra de herramientas del editor CMS:

Insertar lnea horizontal: Es un divisor que corta la pgina en partes y se extiende

Nota: El rea a editar y en la

Banner del SWD (4 columnas)

Banner del SWD (3 columnas)

Nota: La resolucin de las

imgenes no deber ser menor a 72 ppi y no mayor a 150

Actualidad: Define el nivel de actualidad de la informacin.

Procesos para alimentar mi SWD

Cmo ingresar al CMS de tu SWD

Lo siguiente direccionar a introducir el usuario y contrasea para el inicio de sesin:

Al finalizar este proceso se podr visualizar el respectivo CMS.