Manual de Usuario - Procedimientos Para La Alimentación de Los SWD (1)

8/18/2019 Manual de Usuario - Procedimientos Para La Alimentación de Los SWD (1)

1/99

MANUALDE USUARIOProcedimientos para la Alimentación de los Sitios Web de Dependencias


2/99


3/99

Universidad de Colima

1

---------------------------------------------------------------------- 4

----------------------------------------------------------------------- 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

Í NDICEIntroducción

ContenidosInicio de Sitio Web de DependenciaEstructura de SWD: Bachilleratos, Facultades, Escuelas eInstitutos Conócenos Historia Infraestructura Organización Propósito Oferta Educativa Oferta Educativa

Quehacer Académico Cientíco Cultural Deportivo Servicios Alumnos Comunidad Trabajadores Rendición de Cuentas Directorio

Informe Numeralia ProDES Programa Operativo AnualEstructura de SWD: Coordinaciones Generales, DireccionesGenerales y otras Dependencias Conócenos


4/99

2

Manual de Usuario

---------------------------------------------------------- 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

------------------------------------------------------------------- 34------------------------------------------- 35

--------------------------------------- 35

-------------------------------------------------- 35---------------------------------- 35

-------------------------------------------------- 35----------------------------------------------------- 35

--------------------------------------------------- 36---------------------------------------- 36

------------------------------------ 37

Historia Infraestructura Organización Propósito Proyectos y Programas Proyectos Programas

Rendición de Cuentas Directorio Informe Numeralia Programa Operativo Anual ServiciosMódulos Especícos Páginas Validar Páginas Noticias Servicios

Convocatorias Formatos Redes Sociales Secciones Personalizables Espacio Inferior Espacio Superior JavaScript Secciones que componen el SWD Contenido Lateral ContactoConozca el CMS

Botón Editar Botón Visualizar Botón Estado Botón Visible Botón Borrar Botón Agregar Página Barra de herramientas del editor CMS

LineamientosRequerimientos Institucionales Validador de la Información

Editor de Contenido Responsable de la Información Cuenta Institucional Validador ExternoTratamiento de Imágenes Estructura del Portal UCOL Banner del SWD (4 columnas)


5/99


3

------------------------------------ 37---------------------------------------------- 38--------------------------------------------- 39

------------------------------------------------------------- 40- 40

------------------------------------------------------ 40---------------------------------------------------------- 40

-------------------------------------------------- 40------------------------------------------ 40-------------------------------------- 40

---------------------------------------------------------------- 42------------------- 43

------------------------------- 44-------------------------------------------- 46------------------------------------------- 48

----------------------------- 50----------------------------------- 50

---------------------------------------------- 58------------------------------------- 63------------------------------------------ 66

-------------------------------------------- 68------- 72

------------------------------------------------------------------------------- 73--------- 74

----- 76------------------------------------------------------ 78

---------- 78

-------------------------- 78

------------------------------------------------------------------------- 80-------------------------------------------- 81

------------------------- 85

--------------------------------------------------------------------------------- 88-------------------------------------------- 89

------------------------------------ 92

--------------------------------------------------------- 95

--------------------------------------------------------------------------- 97

Banner del SWD (3 columnas) Inserción de Imágenes Protección de DerechosEstilo de Redacción Recomendaciones básicas para la publicación de textos Estructura Citación

Organización Elementos a evitar Criterios para publicaciones

ProcedimientosProcesos para alimentar mi SWD desde mi CMS Cómo ingresar al CMS de tu SWD Cómo editar una Página Cómo validar una Página Cómo publicar Noticias en tu SWD Cómo crear un Acceso Directo

Cómo crear un Banner Cómo crear un Menú Lateral Cómo enlazar una Página Cómo crear una Galería Cómo agregar Información sin Formato en el CMSSolicitudes para publicar contenido en secciones del PortalUCOL Cómo solicitar Noticias en Medios Universitarios Cómo solicitar Publicaciones de Eventos en Agenda Otras Solicitudes Cómo solicitar la Restauración de un Sitio

Cómo solicitar un Subdominio

Catálogos Cómo agregar Servicios

Cómo registrar una Red Social OcialProcesos para alimentar secciones del Portal UCOL desde miCMS Cómo agregar Formatos Cómo publicar Convocatorias

Glosario de Términos

Contacto


6/99

4

Manual de Usuario

INTRODUCCIÓNEste manual ha sido creado como apoyo gráco y textual para edito-res y validadores encargados de los respectivos sitios de la Universi-

dad de Colima; con el propósito de facilitar y agilizar su trabajo conel Sitio Web de su Dependencia, presentando cada uno de los com-ponentes y las herramientas que conforman al sistema de gestiónde contenidos (CMS por sus siglas en inglés) de dicho Sitio Web deDependencias (SWD).


7/99


5 C o

n t e -

n i d

o s


8/99

6

Manual de Usuario

INICIO DEL SITIO WEB DE DEPENDENCIA

Nota: PPI - Pixels Per Inch

(Pixeles por pulgada).

Nota: Si se incluye informa-

ción que es perteneciente a

otros apartados, se tendrá

que reubicar a los correspon-

dientes.

El Inicio de un Sitio Web de Dependencia (SWD) es la parte principaldel éste, debido a la importancia, existen disposiciones importantes

que hay cumplir. Son tres los elementos de contenido “básico” : Ban-ner, Texto descriptivo del plantel o dependencia y Noticias.

• Banner: El banner es una secuencia fotográca encargada derepresentar grácamente al plantel o dependencia. Las indica-ciones y medidas son las siguientes: 900 x 300 píxeles, con unaresolución mínima de 72 ppi y no mayor a 120 ppi. El texto quese use dentro de las imágenes debe estar vinculado únicamentecon la Universidad de Colima. Asimismo no deberán de incluir elescudo de la Universidad de Colima.

• Texto Descriptivo: Es la presentación y descripción del plantelo dependencia. Como disposición, evitar dar cualquier tipo debienvenida, puesto que cadad sitio de plantel o dependencia esparte del Portal UCOL, y en esta cuestión, ya se ha publicado unabievenida ocial.

• Noticias: Son las notas informativas acerca de las actividadesrealizadas por el plantel o dependencia. Es importante mante-ner actualizado este apartado y dar un seguimiento apropiado acada una de las acciones que se llevan a cabo dentro de la Uni-versidad de Colima.

En caso de contener información después del “Texto Descriptivo”,esta tiene que ser un Elemento Transitorio, contener una relevanciaimportante que no sea perteneciente a ningún apartado del sitio,colocándose solamente como acceso directo.


9/99


7

A continuación se muestra de manera gráca y correcta, el inicio del SWD y cada apartadomencionado anteriormente.


10/99

8

Manual de Usuario

APARTADO “CONÓCENOS”Es la información institucional del plantel. Se encuentra compuesto

por las siguientes secciones: Historia, Infraestructura, Organizacióny Propósito.

Historia: Historia del surgimiento del plantel, mencionando a sus precurso-res y la fecha de su inicio.

Infraestructura:Descripción de la infraestructura que compone a todo el plantel, sepueden incluir fotografías las cuales tendrán que tener un tamañoespecíco, mismo que se encuentra establecido en la sección Tra-

tamiento de Imágenes el cual podras encontrar en la página 36 deeste manual.

Organización:Sección no editable, esta se publicará con la información provenien-te de la autoridad universitaria correspondiente.

Propósito:Sección no editable, esta se publicará con la información provenien-te de la autoridad universitaria correspondiente.

ESTRUCTURA DE SWD:BACHILLERATOS, FACULTADES,ESCUELAS E INSTITUTOS


11/99


9

APARTADO “OFERTA EDUCATIVA”Apartado en el que se incluyen los planes de estudio correspondientes a cada plantel.

Oferta Educativa:Sección no editable, esta se publicará con la información proveniente de la autoridad uni-versitaria correspondiente.

APARTADO “QUEHACER”Es el conjunto de actividades que son promovidas por el plantel y está compuesto de lassecciones siguientes: Académico, Cientíco, Cultural y Deportivo.

Académico:Especicar las actividades promovidas por el plantel, que están orientadas a la capacita-ción, educación continua y actualización profesional.

• Es permitido el uso de links y galerías.

Científco:Especicar las acciones gestionadas desde el plantel, que buscan promover el quehacercientíco.


En caso de no contar con actividades en esta área, favor de colocar alguna leyenda queremita a que por el momento no se están realizando.

Cultural:Especicar acciones promovidas por el plantel, orientadas a la difusión y extensión de la

cultura.


En caso de no contar con actividades en esta área, favor de colocar alguna leyenda que remi-ta a que por el momento no se están realizando.

Deportivo:Especicar las actividades deportivas y recreativas del plantel, que contribuyen a la forma -ción integral de los estudiantes.




12/99

10

Manual de Usuario

APARTADO “SERVICIOS”Es el conjunto de prestaciones que se ofrecen por parte del plantel, dirigidos a su compo-nente estudiantil y a la comunidad universitaria. Difundir el conjunto de actividades quebuscan responder a una necesidad y que se sustenta en el ámbito de competencia y res-ponsabilidad del plantel Este apartado se compone de las secciones de: Alumnos, Comuni-dad universitaria y Trabajadores.

Alumnos:Difundir el conjunto de actividades que buscan responder a las necesidades de los alumnosy que son responsabilidad del plantel: conferencias, cursos y actividades recreativas.


Comunidad:Agregar información sobre los servicios o actividades de trabajo que el plantel realice enbenecio de la sociedad.



Trabajadores:Publicar el conjunto de actividades que buscan responder a las necesidades de los trabaja-dores y que son responsabilidad del plantel.


APARTADO “RENDICIÓN DE CUENTAS”

Es el conjunto de elementos que son utilizados para transparentar la estructura interna yexterna de la dependencia. Se encuentra compuesto por las siguientes secciones: Directo-rio, Informe, Numeralia, ProDES y POA.

Directorio:Especicar únicamente el nombre de cada una de las áreas que conforman la organizacióndel plantel, proporcionando el correo electrónico y la extensión. No incluir nombres de per-sonas ni fotografías.

• Director – Correo – Teléfono – Extensión.

• Subdirector– Correo – Teléfono – Extensión.

• Subdirector – Correo – Teléfono – Extensión.

• Coordinador (es) académico (s) – Correo – Teléfono – Extensión.

• Secretario (a) administrativo (a) – Correo – Teléfono – Extensión.


13/99


11

Favor de llenar todos los campos; en caso de no contar con extensión, colocar únicamenteel número telefónico.

Informe:Adjuntar el Informe correspondiente al plantel en formato PDF.

• Tendrá que actualizarse el informe por año.

• Para no perder los informes pasados, estos pueden enlistarse.

Numeralia:Compilación en indicadores que representen la situación 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 tamaño a 30 megas.


14/99

12

Manual de Usuario

APARTADO “CONÓCENOS”Es la información institucional de la dependencia. Se encuentra

compuesto por las siguientes secciones: Historia, Infraestructura,Organización y Propósito.

Historia:Conjunto de acontecimientos que dieron origen y propiciaron eldesarrollo de la dependencia o dirección general.

Infraestructura:Indicar cuáles son los espacios especializados con que cuenta la di-rección general o dependencia para brindar servicios a los estudian-tes, docentes y personal externo a la Universidad de Colima.

Organización:Sección no editable, esta se establece por una dependencia corres-pondiente.

Propósito:Sección no editable, esta se establece por una dependencia corres-pondiente.

ESTRUCTURA DE SWD:COORDINACIONES GENERALES,DIRECCIONES GENERALESY OTRAS DEPENDENCIAS


15/99


13

APARTADO “PROYECTOS Y PROGRAMAS”Para el llenado de esta sección es importante conocer los proyectos y programas que ac-tualmente se llevan a cabo en la respectiva dependencia.

Proyectos: Son planicaciones vigentes cuya ejecución permitirá obtener resultados concretos de acuer-

do al ámbito de competencia y responsabilidad.

Programas:Es un conjunto de programas institucionales elaborados dentro de la dependencia, que per-miten el cumplimiento de las funciones de la dirección general o dependencia, cuya ejecu-ción combina recursos humanos, tecnológicos, materiales y nancieros.

APARTADO “RENDICIÓN DE CUENTAS”Es el conjunto de elementos que son utilizados para transparentar la estructura interna yexterna de la dependencia. Se encuentra compuesto por las siguientes secciones: Directo-rio, Informe, Numeralia y POA.

Directorio:Especicar únicamente el nombre de cada una de las áreas que conforman la organizacióndel plantel, proporcionando el correo electrónico y la extensión. No incluir nombres de per-sonas ni fotografías.

Informe:Adjuntar el Informe correspondiente al plantel en formato PDF.

• Tendrá que actualizarse el informe por año.

• Para no perder los informes pasados, estos pueden enlistarse.

Numeralia:Compilación 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 de-pendencia o dirección general.

APARTADO “SERVICIOS”Es el conjunto de prestaciones que se ofrecen por parte de la dependencia, dirigidos a lacomunidad universitaria y público general. Difundir el conjunto de actividades que buscanresponder a una necesidad y que se sustenta en el ámbito de competencia y responsabili-dad de la dirección general o dependencia.

IMPORTANTE: Los documentos que se solicitan en PDF no deben exceder el tamaño a 30 MB.


16/99

14

Manual de Usuario

El CMS cuenta con un menú de opciones especícas en la parte su-perior izquierda de la pantalla, en el cual se muestran los contenidos

del SWD.

Páginas:Aquí se visualizan todas las páginas y se obtiene el acceso para edi-tar, dejar en borrador, borrar, ocultar y agregar páginas de todoslos segmentos que componen el CMS UCOL del respectivo plantel odependencia.

MÓDULOS ESPECÍFICOS DEL CMS

Nota: La opción Borrar se

encuentra inactiva temporal-

mente.


17/99


15

Validar Páginas:Aparecerán todas las páginas que el editor envíe a revisión, por lo que será responsabilidaddel validador revisarlas y aprobarlas, esto para mantener su sitio web actualizado, por lo quese recomienda una comunicación constante entre ambos. (Pasar a la página 48)

Noticias:Las noticias son las publicaciones informativas que representan las actividades instituciona-les del plantel. Este apartado es especícamente para las noticias pertenecientes al plantel o

dependencia, se pueden colocar links e imágenes concretas del evento. (Pasar a la página 50)

Servicios:En caso de ofrecer servicios en la dependencia o plantel, favor de agregarlos a este catálagoespecíco. (Pasar a la página 81)


18/99

16

Manual de Usuario

Convocatorias:Las convocatorias son los anuncios para que se participe en un acto determinado por ladependencia. Las convocatorias tienen que agregarse directamente al apartado “Módulo deConvocatorias” en el CMS. Al incorporar y guardar la información e imágenes, se enviará parasu validación, así aparecerá en el Portal UCOL. (Pasar a la página 92)

Formatos:Los formatos son documentos para llenar, dirigidos a los alumnos o trabajadores, según seael servicio ofertado por la dependencia. En caso de contar con algún tipo de formato para sullenado, estos tendrán que colocarse en dicha sección respetando los lineamientosinformativos. (Pasar a la página 89)

Redes Sociales:Las redes sociales son las aplicaciones utilizadas para interacción entre el usuario y depen-dencia. Es parte de los requerimientos utilizar primeramente el SWD para la difusión de la in-formación, pasando después por estas redes sociales. Para agregar redes sociales, se solicita

ser estricto con la información que se estará compartiendo, tomando en cuenta el ámbitoinstitucional del Portal UCOL. (Pasar a la página 85)


19/99


17

Secciones Personalizables:Este espacio es para denir y crear información en las distintas opciones que la componen.

• Espacio inferior: Se puede utilizar para la colocación de redes sociales.

1. Ingresar a la opción “Espacio inferior”:

2. Después aparecerá el editor con el listado de redes sociales, si se deseaagregar otra, se deberá seguir el mismo procedimiento:

3. Dar clic en “Fuente HTML” y agregar la siguiente estructura como códigoHTML:

4. En los listados deberá agregarse el nombre de la red social que se deseeutilizar en el sitio web:


20/99

18

Manual de Usuario

5. Al terminar de agregar redes sociales, irse al botón de insertar vínculos,para este proceso se deberá dar clic nuevamente en “Fuente HTML” y seleccio-nar una de las redes sociales para insertar vínculo:

6. Ya que se tiene el texto seleccionado, proceder a “Insertar enlace”. Buscarla URL de la red social a insertar en la entrada:

7. Después de agregar la URL, ir a la pestaña destino y seleccionar “NuevaVentana (_blank)”, esto para que el enlace se abra en una nueva página:


21/99


19

8. Una vez agregada toda la información dar clic en guardar.

9. Para visualizar en la página, ir a la parte inferior de su sitio:

• Espacio superior: Este espacio es denido para colocar links que dirijan a alguna páginao información importante.

1. Ingresar a la opción “Espacio superior”:

2. Después aparecerá el editor para agregar la información deseada:

Nota: La información agregada en esta sección, aparecerá por

default en todas las páginas de su respectivo SWD.


22/99

20

Manual de Usuario

3. Para agregar algún contenido, utilizar la herramienta de “Insertar vínculo”o tablas para imágenes:

4. Finalizando con la opción “Guardar” para poder visualizarlo en el sitio.

5. La información agregada se podrá observar en la parte superior del res-pectivo SWD:

• JavaScript: Este espacio es utilizable para conocedores del lenguaje de programación.

1. Ingresar a la opción “JavaScript” (espacio especíco para editores con co-

nocimientos en programación que deseen agregar funciones con JavaScript):

2. Al ingresar a la opción aparecerá el editor para trabajar las opciones de-

seadas:

Nota: La información agregada en esta sección, aparecerá por

default en todas las páginas del SWD. Se recomienda no colocar

imágenes para no alterar la estructura del banner principal.


23/99


21

3. En este apartado no es necesario agregar las etiquetas de

4. Al nalizar, seleccionar guardar para que la función se agregue.

Secciones que componen el SWD:1. Encabezado 4. Contenido lateral 7. Espacio inferior2. Menú superior 5. Contenido 8. Pie de página3. Espacio superior 6. Contenido lateral

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


24/99

22

Manual de Usuario

Contenido lateral:Se utiliza para generar secciones con información relacionada hacia alguna temática y quepuede ser seleccionada en alguna página en especíco. (Pasar a la página 63)

Nota: Se recomienda solamente escoger alguna de las seccio-

nes de derecha e izquierda. El llenado de esta información debe

ser exclusivamente alusiva a contenidos que no correspondan

a ningún apartado del CMS.


25/99


23

Contacto:Este apartado aparecerá en la parte inferior de todas las páginas del sitio. Para editar estasección, favor de manejar la información completa de la ubicación del plantel o dependencia.

• Entrar a la sección de páginas en el CMS, e ingresar a “Contacto”:

• Ingresar la información requerida:


26/99

24

Manual de Usuario

Es importante manejar un mapa para la ubicación, el tamaño del mismo es de 600 x 400 (an-cho y alto) píxeles. El proceso para agregarlo es el siguiente:

• Para poder insertar un mapa al sitio, lo primero será posicionarse en el editor y dar clicen el botón “Fuente HTML”.

• A continuación aparecerá todo el HTML que contiene la página:

• Después de realizar esta acción, se deberá de acceder al respectivo buscador de in-ternet para ingresar a Google Maps, para así realizar la búsqueda de las coordenadasexactas de la ubicación.


27/99


25

• En la parte inferior derecha se encontrará un ícono de “engrane”; se deberá seleccionarpara que muestre las opciones y dar clic en “Insertar o Incorporar Mapa”.

• Al escoger esta opción, aparecerá la siguiente ventana:

• Seleccionar “Incorporar mapa” y dejar en tamaño mediano. Después se tendrá que co-piar el HTML para proceder a insertarlo en el editor:

• Posteriormente de pegar el HTML en el editor, dar clic en “Fuente HTML” para regresara la vista previa.


28/99

26

Manual de Usuario

• En la vista previa del documento, se mostrará un recuadro con la leyenda de “Iframe”,signicando que el mapa se encuentra insertado en la página:

• Para nalizar, solamente seleccionar la casilla “Enviar a revisión para publicación”, y dar

clic en “Guardar”.

• Una vez validada la página, esta deberá verse como en la siguiente imagen:


29/99


27

Para editar, borrar, ocultar y dejar en borrador alguna de las páginasdel CMS, se ingresa de la forma antes mencionada.

Botón Editar:

Desde esta opción se puede realizar el proceso de edición y cambiosen la información del SWD.

• Dar clic en la iconografía del lápiz para entrar a la página desea-da a editar (existen páginas que no son editables). Consultar lapágina 72 para revisar cómo ingresar apropiadamente la infor-mación sin formato.

CONOZCA EL CMS


30/99

28

Manual de Usuario

Botón Visualizar:Aquí los editores y validadores podrán previsualizar todas las pági-nas que componen al CMS antes de su publicación.

Botón Estado:Esta opción es para mostrar el estado en el que se encuentra unapágina, ya sea: publicada, borrador, en revisión o no aprobada.

• Publicada: La página se encuentra publicada.

• Borrador: La página se encuentra en borrador y signica quese está trabajando. Para activar esta opción, solamente hay queguardar, pero no activar la casilla de enviar a revisión.

Recordando que cuando se guarda un documento en esta opción, nose sustituye la información publicada.

• Revisión: Al momento de enviar una página a revisión para suvalidación, aparecerá el siguiente ícono. El validador deberá en-cargarse de revisar y aprobar la información acorde a las disposi-

ciones manejadas por la autoridad correspondiente.

• Rechazada: Este ícono representa la desaprobación de la pági-na por el validador, esto puede signicar que la información eserrónea, tiene faltas de ortografía o la página se encuentra vacía.

Botón Visible:En caso de existir la necesidad de ocultar o visualizar alguna página,activar o desactivar esta opción dependiendo de lo que se requiera.

Botón Borrar:Esta opción es requerida para la eliminación de páginas que no esténdentro de la plantilla ocial, o que hayan sido creadas para algún tipode información que no se necesite más.


31/99


29

Botón Agregar Página:Esta opción es para crear y habilitar nuevas páginas que sean solicitadas conforme a las ne-cesidades de información de cada dependencia.

• Ingresar al CMS como editor y acceder al apartado de páginas:

• En la parte superior derecha escoger la opción de “Agregar Página”:

• Al dar clic en este botón, aparecerá el editor para el contenido que se desee agregar. Sedeberán llenar cada uno de los campos debidamente para que la página sea publicada:

• Colocar la etiqueta del título deseado, misma que aparecerá en el navegador:


32/99

30

Manual de Usuario

• Agregar un título a la página por crear:

• La siguiente opción que aparece para completar, es únicamente editable para los plan-teles y dependencias que ofrezcan “Proyectos y Programas”, por lo que al momento de

colocar el submenú, aparecerán las opciones mencionadas:

• A continuación, aparecerán dos opciones en las que se podrá elegir la posición del con-tenido a crear; se podrá optar entre contenido izquierdo o contenido derecho, o ambas,esto en caso de requerirlo:

• Después aparecerán dos casillas por activar, la primera es la de “Enviar a revisión parapublicación”, utilizada únicamente cuando se encuentra terminada la edición, si no es así,solamente dar clic en “Guardar” para que la página quede en borrador sin publicarse ypueda seguirse editando:

• La segunda es la de “Permitir comentarios”, la cual es un apoyo para la interacción socialde la dependencia o plantel con la comunidad universitaria:


33/99


31

• Después de completar las opciones anteriores, se procederá al editor de texto:

• Si se desea enlazar alguna página al contenido nuevo; se seleccionará el texto y se esco-gerá la opción de “Enlazar página”, así aparecerán las opciones a escoger:

• Para visualizar la versión de la página nueva, dar clic en “Previ-sualizar”:

• Al nalizar, presionar el botón “Guardar” para que se envíe a re-visión y el validador pueda vericar que la página cumpla con lasnormativas establecidas y así poder aprobar o no, su publicación.

Nota: Para agregar textos sin formato, tablas, galerías, etc.

Consultar los demás apartados del manual en los que se inclu-

yen estos procesos.


34/99

32

Manual de Usuario

Barra de herramientas del editor CMS:La barra de herramientas es la sección situada en la parte superior de la ventana del editor.Contiene botones de menú que le dan acceso a varias funciones. Todos los botones estánagrupados según su función e incluyen tanto las operaciones simples (como texto básicoestilo o formato) hasta las más avanzadas (como la inserción de los medios o formas a travésde una ventana de diálogo).

Fuente HTML: Aquí se permite comprobar la estructura del documento, para ob-tener un código fuente HTML limpio y sin estilos CSS.

Guardar: Almacena los cambios hechos en la página.

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 básico al pegar un fragmento de texto deMicrosoft Word.

Deshacer: Descarta el cambio realizado en la página.

Rehacer: Caso contrario a deshacer, restaura el cambio anterior.

Seleccionar todo: Concentra en elección, todos los elementos del editor.

Corrector ortográco: Esta opción lleva a cabo una revisión breve de los erroresgramaticales en la página.

Insertar vínculo/Editar vínculo: Permite agregar/editar la dirección web de cual-quier recurso disponible en Internet, como un sitio web, un documento PDF o unaimagen.

Eliminar vínculo: Permite remover la dirección web de cualquier recurso inserta-do anteriormente.

Imagen: Permite añadir imágenes a documentos.

Tabla: Permite insertar tablas en documentos.


35/99


33

Insertar línea horizontal: Es un divisor que corta la página en partes y se extiendede un lado del documento al otro.

Insertar carácter especial: Inserta signos, símbolos o letras especícos no inclui-dos en el teclado común.

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 itálica, de trazos ascendentes para hacer notar el senti-do especial de una palabra u oración.

Subrayado: Es una o más líneas horizontales debajo de las palabras u oracionesque contengan ideas importantes para destacar.

Subíndice: Utilizada en caso de tener que colocar alguna nota o numeración en la

parte baja de alguna palabra.

Superíndice: Caso contrario del subíndice, se coloca en la parte superior.

Eliminar formato: Permite eliminar los estilos generados durante la edición y/oagregados desde otra opción.

Numeración: Es un tipo de listado que va numerada con elementos a requerir.

Viñetas: Es un tipo de listado que va representado con simbolos.

Disminuir sangría: Reduce el espacio de algún elemento en el texto.

Aumentar sangría: Caso contrario de reducir, esta amplica el espacio.

Cita: Es una cita de bloque, se recomienda utilizar este tipo de formato cuando eltexto citado se compone de varias líneas 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.

Justicado: Dirige el texto al punto mencionado.


36/99

34

Manual de Usuario

L i n

e a

-

m i

e n

t o

s


37/99


35

Validador de la información:Es la gura encargada de realizar el proceso de revisión y validación

de la información editable y correspondiente a la dependencia oplantel (Páginas, Validar páginas, Noticias, Secciones personalizablesy Contenido izquierdo).

Editor de contenidos:Es la gura encargada de alimentar el respectivo sitio asignado enlas opciones: Páginas, Noticias, Servicios, Convocatorias, Formatos,Redes sociales, Secciones personalizables y Contenido izquierdo.

Responsable de la información:Es el director de plantel o dependencia, funcionario, coordinador o

autoridad institucional, debidamente acreditado ante la DirecciónGeneral de Servicios Telemáticos como responsable de publicar yadministrar la información de un SWO.

Cuenta institucional:Para validar las páginas se ingresará con la cuenta institucional y lacontraseña de la dependencia o plantel, ejemplo: [email protected]

Para la alimentación de la página, el editor deberá acceder con sucuenta institucional y su contraseña, ejemplo:

[email protected]

Validador externo:Se entiende por validador externo, a las dependencias universitariasasignadas para la validación de los catálogos del CMS.

R EQUERIMIENTOS INSTITUCIONALES


38/99

36

Manual de Usuario

TRATAMIENTO DE IMÁGENES

60px

220px

140px

300px

460px

940px

Estructura del Portal UCOLLa estructura del Portal UCOL está diagramada con base a un Grid

de 12 Columnas de 60 píxeles cada una, con una separación de 20píxeles entre ellas; además se puede estructurar a seis (140 px), Cua-tro (220 px), Tres (300 px), Dos (460 px) y Una (940) columna, de igualmanera con una separación de 20 píxeles entre cada una.

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 al-

gunos casos de 3 columnas

de 300 px.


39/99


37

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

Banner del SWD (3 columnas)Las dimensiones del Banner son las siguientes: 700 px de ancho por 300 px de altura; toman-do el ancho de 3 de las 4 columnas.

940 px

300 px

700 px

300 px


40/99

38

Manual de Usuario

Inserción de ImágenesEl tamaño de las imágenes cuando el contenido está fragmentado a 3 columnas, es el si-guiente: 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 utilizandoel ancho de la página (940px).

El tamaño de las imágenes cuando el contenido está fragmentado a 4 columnas, es el si-guiente: 220 px de ancho por 150 px de altura.

300 px

220 px

200 px

150 px


41/99


39

En caso de contar con un menú lateral, el área estará fragmentada por 4 columnas, de lascuales una será para el menú y las otras 3 para el contenido de texto e imágenes, en el quelas dimensiones de estas, serán las mismas que en el caso anterior, 220 px de ancho por 150px de altura.

Cualquier uso alterno, no anexo a este documento, deberá ser pedido y validado por la Di-rección General de Servicios Telemáticos de la Universidad de Colima.

Protección de DerechosLas obras fotográcas que se pretendan incluir en un sitio web institucional especicarán:

• Nombre del autor

• Fecha en que fue tomada la fotografía

• Cita de la fuente de donde se obtuvo dicha fotografía

• Permiso por escrito de los implicados en ella,

Así mismo con cualquier elemento gráco de apoyo como esquemas, grácas, mapas, dia-gramas, ilustraciones y otras obras grácas.

NOTA: La Dependencia se hace responsable de contar con los datos antes mencionados, al igual que concualquier consecuencia legal que pueda ocasionar el incurrir en una falta.

220 px

150 pxNota: La resolución de las

imágenes no deberá ser me-

nor a 72 ppi y no mayor a 150

ppi.


42/99

40

Manual de Usuario

Recomendaciones básicas para la publicación de textos:• Estructura: Lo principal es redactar con una buena ortografía y

claridad en las ideas. En caso de alguna duda sobre el vocabula-rio a utilizar, es preferible consultar una fuente conable; ya seala RAE, o algún diccionario con los criterios a necesitar.

• Citación: Las cuestiones sobre derechos de autor son de extre-ma importancia, por lo que se solicita citar cada uno de los ele-mentos textuales y grácos que sean requeridos de otras fuen-tes, con el respectivo nombre del autor y año de creación.

• Organización: Es importante organizar los contenidos del sitioweb de manera jerarquizada y utilizando estilos de párrafo dife-

renciados (títulos, subtítulos, viñetas, entre otros) para ofreceruna lectura agradable, clara y sencilla.

• Elementos a evitar en las páginas: Evitar la colocación de for-matos web poco accesibles o molestos (invasivos) como subpro-gramas java, ash o ventanas emergentes.

Criterios para publicaciones:• Es más relevante publicar el testimonio de un egresado, o el re-sultado de una investigación que la restructuración de un área oel nombramiento de algún funcionario. En tal caso, el testimonio

tendría que tener mayor peso visual que el nombramiento.

• Es más relevante informar sobre la participación en un proyectode gran impacto social que la promoción de un evento o la con-vocatoria a alguna reunión.

ESTILO DE R EDACCIÓN


43/99


41

• Para brindar homogeneidad a los criterios que se utilicen para clasicar la relevancia dela información, se denen los siguientes indicadores generales:

1. Impacto: Dene el nivel de interés general y de impacto por contexto de la in-formación independientemente del plantel o dependencia en donde se origine.

2. Actualidad: Dene el nivel de actualidad de la información.

3. Concreción: Dene el nivel cumplimiento de los contenidos que reeren a pro -ductos nales y no de fases o versiones.


44/99

42

Manual de Usuario

P r o c e d i -

m i

e n

t o

s


45/99


43

PROCESOS PARA ALIMENTAR MI SWDDESDE MI CMS


46/99

44

Manual de Usuario

Los pasos para acceder al CMS del respectivo SWD son los siguientes:

• Acceder a la URL de la dependencia o plantel agregando el com-plemento: /admon/

Ejemplo:

portal.ucol.mx/dependencia/admon/

• Al continuar aparecerá la siguiente ventana; favor de seleccio-nar el botón de “Universitarios” para continuar con la cuenta uni-versitaria.

CÓMO INGRESAR AL CMS DE TU SWD


47/99


45

• Lo siguiente direccionará a introducir el usuario y contraseña para el inicio de sesión:

• Al nalizar este proceso se podrá visualizar el respectivo CMS.


48/99

46

Manual de Usuario

CÓMO EDITAR UNA PÁGINA• Ingresar al CMS como editor:

• En el módulo de páginas, escoger alguna que tenga la opción deeditable; por ejemplo “Historia”:


49/99


47

• Dentro de la página a editar, seleccionar el apartado que se desea cambiar:

• Si se desea observar los cambios realizados, dar clic en la opción“Previsualizar” para poder vericar los cambios que apareceránen la página antes de publicarse:

• Si ya se nalizó la edición, activar la casilla de “Enviar a revisión” y “Guardar”:

Nota: Las páginas que pertenezcan a la plantilla ofcial no po-

drán ser editadas en sus etiquetas.


50/99

48

Manual de Usuario

CÓMO VALIDAR UNA PÁGINA• Para la validación de las páginas añadidas o editadas, el Valida-dor deberá ingresar al respectivo módulo que le aparecerá en su

editor:

• Al ingresar a “Validar páginas”, aparecerá la siguiente ventana:


51/99


49

• Al seleccionar revisar, aparecerá el visor del editor en donde se debe realizar la revisiónde la página en cuestiones informativas y ortográcas. En caso que la página esté com-pletamente aceptable, seleccionar el botón de “Aceptar”.

• Si el contenido no cumple con los lineamientos establecidos por el respectivo SWD, o lainformación ingresada no está correcta; la opción que se deberá escoger será “Rechazar”,para que así pueda volver a editarse:

• Aparecerá una ventana con las correcciones deseadas y que servirán de referencia paraque el Editor pueda corregirlas. Terminando de colocar las observaciones, presionar“Guardar”.

Nota: Las páginas rechazadas aparecerán en la opción de

“Páginas” en su mismo CMS, con la leyenda “Rechazada”.


52/99

50

Manual de Usuario

CÓMO PUBLICAR NOTICIAS EN TU SWDEl proceso para introducir y publicar noticias es dependiente delplantel o dependencia, el Editor será el encargado de crear la infor-

mación y el Validador de vericar que cumpla con los lineamientospara su publicación.

Proceso:• Ingresar al apartado de “Noticias” en el CMS:

• Enseguida aparecerá el menú con las opciones a crear o revisarde este apartado:


53/99


51

• En el menú del apartado derecho se podrá observar las opciones del “Estatus” en lasnoticias contenidas:

Todos: Al ingresar a la opción de “Todos”, se encontrarán las noticias que fueronpublicadas, guardadas, en revisión y no aprobadas.

Guardados: Opción especíca para ingresar solamente a las noticias que se guar-den y no se publiquen hasta que se realice el proceso de enviar a validación.

En revisión: Se encuentran almacenadas las noticias que fueron terminadas y en-viadas a revisión para su publicación, 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 pa-sadas opciones:

• El botón llevará al siguiente apartado:

• Se solicitará un título, escoger uno acorde a la nota:


54/99


55/99


53

• El siguiente punto será colocar las palabras claves con las que se identicará la nota enlos buscadores:

• Para nalizar, activar la casilla “Enviar para Revisión” y seleccionar el botón “Guardar”.

Con el proceso nalizado, el Validador podrá revisar y aprobar la información de la publi-cación, en caso que esté correcta aparecerá en el inicio de la respectiva página. Si no seha terminado la noticia, solamente guardarla sin enviar a validación para seguirla traba-

jando después.

• Cuando el validador revise y acepte la información, esta aparecerá de la siguiente ma-nera en el sitio:

• Como se menciona en el punto anterior, el proceso para la validación de noticias, lollevará a cabo el Validador, teniendo el acceso de la misma forma en el apartado de no-ticias.


56/99

54

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 paracolocar los motivos de cancelación de la nota, misma que podrá ser nuevamente editadacon los cambios marcados para el Editor.


57/99


55

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 máximo será de cuatro.

• Ingresar al CMS como Editor y posicionarse en la página Iniciodel CMS, dando clic al ícono de Editar:

• Lo siguiente es colocar el cursor y dar clic en la última línea del“Texto representativo”, dando dos espacios con la tecla “Enter”:

A continuación se deberá ingresar una tabla con las siguientes carac-terísticas:

CÓMO CREAR UN ACCESO DIRECTO


58/99

56

Manual de Usuario

• A 4 las y 3 columnas, con una anchura de 100%:

Después, ir a la opción de Avanzado dentro de la misma conguración de la tabla y colocaren ID, el título: accesos. Finalizando con “Aceptar”:

Nota: El máximo de accesos

directos será de cuatro, si se

requiere solamente uno, el

procedimiento será el mismo,

cambiando únicamente el nú-

mero de flas.


59/99


57

Lo consecutivo será colocar la información dentro de la tabla con las siguientes referencias:

• Primera columna: Título de la información, este debe ser breve, conciso y directo.

• Segunda columna: Breve descripción de la información, se sugiere que no rebasar másde dos renglones.

• Tercera columna: Colocar la URL en donde se encontrará almacenada la informacióncompleta.

Cuando se encuentren completos estos campos, se debe activar la casilla de “Enviar a Re-visión” (esto en caso de no haber terminado de editar, únicamente “Guardar”) y dar clic en“Guardar”. El Validador se encargará de aprobar la página.


60/99

58

Manual de Usuario

Para la generación de un banner es importante seguir cada uno delos siguientes pasos:

• Dentro del CMS, crear una página nueva dando clic en el botón“Agregar Página” que se encuentra del lado derecho; en caso depretender agregar el banner en una página ya existente, seleccio-nar el botón “Editar” de dicha página:

• A continuación, agregar una tabla presionando en el botón “Ta-bla” señalado en la imagen:

CÓMO CREAR UN BANNER


61/99


59

• El proceso mostrará la ventana: “Propiedades de Tabla”, en la cual se deberá agregar unnúmero determinado de las igual al número de imágenes que se desean en el banner.Las medidas tendrán que tener una anchura de 940 píxeles, correspondiente al anchodel área de la página y de las imágenes:

• El siguiente paso será agregar las imágenes, seleccionando el botón de “Imagen”, quese muestra en el ejemplo:

Nota: El número de columnas

siempre deberá ser 1, debido

a que si son agregadas más,

la tabla dejaría de ser fun-

cional como banner. Se debe

evitar agregar espacios o sal-

tos de línea en las celdas, en

estas solamente deberá estar

la imagen del banner a su ta-

maño correspondiente.


62/99

60

Manual de Usuario

• Aparecerá la ventana: “Propiedades de Imagen”, agregar la imagen que se desee colo-car en el banner; si la imagen ya se encuentra en servidor, solamente se deberá buscardando clic en el botón “Ver Servidor” y seleccionarla; en caso de no tenerla en el servidor,se puede cargar directamente desde el equipo, presionando la pestaña “Cargar” de laventana en función, “Seleccionar Archivo” y buscar la imagen correspondiente al banner.Una vez seleccionada, presionar el botón “Enviar al Servidor”, de no hacerlo, la imagenno se guardará en el sitio:

• Para continuar, aparecerá una ventana similar al ejemplo pasado. Se solicita vericarque sea la imagen que ha sido seleccionada y que las dimensiones sean las correctaspara evitar problemas de visualización. Por último, hacer clic en “Aceptar”:

Nota: Para buscar los tama-

ños específcos de cada ima-

gen utilizada en los aparta-

dos, favor de ir a la sección de

“Tratamiento de imágenes”

en la pagina 36.


63/99


61

• Para agregar más imágenes, deberán seguirse las especicaciones anteriores y bajo losmismos criterios.

• Una vez cargadas todas las imágenes del banner, guardar los cambios en el botón de“Enviar a Revisión” y “Guardar”:

Nota: Si sólo desea guardarcambios pero no mandar a

validar, únicamente presio-

nar el botón de “Guardar”.

pero en caso de querer man-

dar a validar la nueva página

o la modifcación de ésta, se

deberá de marcar la casilla

de “Enviar a Revisión” y des-

pués presionar “Guardar”.


64/99

62

Manual de Usuario

• Una vez validado el cambio, se tendrá que visualizar el cambio en la página editada delrespectivo sitio:


65/99


63

Para la creación de un menú lateral es importante que se siga cadauno de los siguientes pasos.

• Para crear un menú lateral seleccionar del menú lateral la op-ción “Contenido lateral”:

• Se mostrará sin contenido como se aprecia en la siguiente ima-gen. En este apartado pueden ser agregadas nuevas seccionesque se podrán utilizar más adelante en diferentes páginas. Paraañadirlos, seleccionar el botón “Agregar sección”:

CÓMO CREAR UN MENÚ LATERAL


66/99

64

Manual de Usuario

• Lo siguiente es colocar los datos que se necesitan para identicarlos en las distintaspáginas que se utilizarían:

• Al nalizar, seleccionar “Guardar página”:

• En el listado aparecerá el menú creado:


67/99


65

• Lo siguiente es ir a alguna de las páginas creadas; como ejemplo se tomará la página“Galería” para editar:

• En el menú de opciones, entrar a “Contenido izquierdo” y colocar un título de sección;por ejemplo, el de “Galería”:

• Para nalizar y vericar el contenido, visualizar el sitio y el menú lateral que se podráencontrar al acceder a la página del lado izquierdo:


68/99

66

Manual de Usuario

• Para enlazar una página a un menú creado, lo que se necesitahacer es seleccionar el texto al cual se le quiere enlazar la página;

de ahí se tendrá que ir al editor en la parte superior derecha a laleyenda “enlazar página” :

• Al dar clic se mostrará un listado de páginas, buscar la página ala que se desea enlazar:

CÓMO ENLAZAR UNA PÁGINA


69/99


67

• Lo siguiente es dar clic a la página y quedará listo. Se solicita vericar si la página selec-cionada se encuentra enlazada:

• La forma para vericar, es seleccionando el texto y dando clic en “insertar/editar víncu -lo”, correspondiente al siguiente ícono.

• Cersiorarse que haya sido la etiqueta de la página seleccionada:

Nota: Cualquier problema para enlazar páginas, notifque a la

Dirección de Sistemas.


70/99

68

Manual de Usuario

Para la creación de una galería es importante que se siga cada unode los siguientes pasos:

• Dentro del CMS se debe crear una página nueva, dando clic enel botón “Agregar Página” que se encuentra al lado derecho:

• Lo siguiente será introducir la etiqueta “Galería”:

Ejemplos: galería-1, galería-2, galeria-3, galería-N, etc.

CÓMO CREAR UNA GALERÍA

Nota: La etiqueta “galería” es

la que realiza la función de

visualización de las fotos en

la galería, si se le adjudica un

nombre diferente no funcio-

nará. Solamente se podrán

utilizar etiquetas como “gale-

ría-N”


71/99


69

• El siguiente paso consiste en seleccionar el botón “Tabla”:

• Dentro de la opción que se mostrará, seleccionar la cantidad de celdas que se necesi-tarán dependiendo de las columnas de imágenes que se requieran para mostrar en lapágina:

• Después, escoger una de las celdas y seleccionar el botón “Imagen”:

Nota: Para una mejor visua-

lización en el editor, se reco-

mienda utilizar una anchura

al porcentaje del 100%.


72/99

70

Manual de Usuario

• Seleccionar la pestaña “Cargar” para buscar la imagen en el equipo, extrayendo la quese desea subir y dando clic en “Enviar al servidor”:

• Al enviarla al servidor aparecerá la siguiente ventana con la información de la imagenseleccionada:

• Al terminar de agregar las imágenes se puede proceder a guardar la página:

Nota: La anchura de imagen

debe colocarse a 227 píxeles

para que aparezca con esas

medidas en el editor (esas

medidas no afectan al mo-

mento de visualizar, esto es

para no saturar el editor con

imágenes pesadas).


73/99


71

• Enseguida aparecerá la página en el listado del módulo de administrador en la opción“Páginas” y para corroborar la correcta edición de la página, se tiene que seleccionar elbotón de “Ver” para vericarla:

• El resultado nal de la galería será similar a lo que se muestra a continuación:

• Al seleccionar alguna imagen, ésta se visualizará del modo siguiente:


74/99

72

Manual de Usuario

Existe una forma de editar y agregar información para concordar conlos lineamientos tipográcos en los sitios.

Proceso de manera directa:Manera directa requiere de ingresar el texto sin formato con la he-rramienta “Pegar como Texto Plano” . Esto es para agregar la informa-ción a los sitios web respetando los lineamientos y estilos de textopreestablecidos.

Indicaciones:

• Entrar a su sitio con usuario y contraseña.

• Ingresar a las pestañas que se desean editar.

• Copie el texto que desea con las típicas herramientas de pega-do (ctrl+c para copiar, y ctrl+v para pegar, en Windows, y paraMac cambiar ctrl - cmd).

• En el editor activando la casilla “Pegar como texto plano”, apa-recerá la ventana donde se tendrá qué pegar el texto deseado.Aplique aceptar y listo, el formato se congurará de acuerdo conlo establecido.

• En el siguiente recuadro aparece cuál es la casilla “Pegar comotexto plano” del editor:

CÓMO AGREGAR INFORMACIÓN SINFORMATO EN EL CMS

Nota: Favor de no pegar el

texto directamente en el edi-

tor, ya que los estilos se que-

darán guardados al publicar

la información.


75/99


73

SOLICITUDES PARA PUBLICAR CONTENIDOEN SECCIONES DEL PORTAL UCOL


76/99

74

Manual de Usuario

CÓMO SOLICITAR NOTICIAS ENMEDIOS UNIVERSITARIOSSi se desea dar a conocer una noticia en especíco, se puede realizarde las siguientes dos formas:

• Llamar a la Dirección de Información de la Universidad de Co-lima al número 31-610-31 o a la extensión 31201 para cubrir elevento y/o entrevistar a los respectivos organizadores.

1. La dirección se encargará especícamente del levanta-miento fotográco y de la noticia.

• Enviar un correo a la siguiente dirección [email protected] conla siguiente información de acuerdo a lo que se requiera publicar.

1. ¿Qué pasó o de qué se trata el tema o asunto que quie-ren dar conocer?

2. ¿Quién o quiénes participan?

3. ¿Cómo fue que se dio tal hecho o cómo se realizará o serealizó tal actividad?

4. ¿Cuándo ocurrió o va a ocurrir?

5. ¿Dónde se realizó o realizará?

6. ¿Por qué o para qué se realiza tal hecho o actividad?


77/99


75

• Requisitos para la recepción de noticias:

1. Contener los puntos anteriormente señalados.

2. El documento deberá de ser generado en Word.

3. Adjuntar en el correo de dos a tres imágenes en formato JPG en buena calidad.

Nota: No se publicarán noticias que contengan las imágenes

dentro del documento de Word. Favor de colocarlas por sepa-

rado.

Las noticias generadas serán publicadas en el periódico “El Comentario”, asimismo, provo-carán su circulación en los distintos medios de comunicación y redes sociales universitarias.


78/99

76

Manual de Usuario

Proceso para solicitar la publicación de eventos en la sección deagenda:

• El evento tiene que ser de carácter institucional.

• Se le solicita al plantel o dependencia que dispongan de la si-guiente información antes de enviar su solicitud:

1. Dependencia organizadora: Correo de la dependencia,teléfono y extensión.

2. Datos de la persona responsable del evento: Nombre,correo, teléfono y extensión.

3. Datos del evento: Título y descripción (sólo texto).

4. Categoría: Académica, cientíca, cultural, deportiva, ge-neral.

5. Requisitos previos: Si existe algún requisito para asistiry/o participar en el evento.

6. A quién va dirigido: Trabajadores, alumnos, comunidaduniversitaria y/o público en general.

7. Domicilio donde se llevará a cabo el evento: Si es posi-ble, agregar coordenadas GPS.

8. Periodo de la publicación del evento: En el apartadoAGENDA, fecha inicio y fecha n.

CÓMO SOLICITAR PUBLICACIONES DEEVENTOS EN AGENDA


79/99


77

9. Fecha del evento: Si aplica, fecha de inicio, fecha de n.

10. Hora de inicio: La hora establecida para el evento.

11. Duración: Cuál es la duración.

12. Página de consulta: Colocar la URL donde el usuario podrá encontrar mayor

información (si se dispone).

13. Fotografía: Exterior 213 x 122 pixeles.

14. Fotografía Banner: 940 x 300 pixeles.

15. Información adicional: En caso de contener información extra; enviarla en JPGo PDF, ya que no se aceptarán documentos en Word.

• Enviar la información al correo [email protected] con el asunto “Publicaciónen Agenda”.

Ejemplo:

NOTA: El proceso de revisión y publicación se lleva a cabo delunes a viernes de 9am a 4pm en días hábiles.


80/99

78

Manual de Usuario

Cómo solicitar la restauración de un sitio:La cancelación de un sitio procederá propiamente de lo que se men-

ciona en el documento anexo “Lineamientos para el desarrollo, ope-ración y publicación en los Sitios Web Ociales de la Universidad deColima”. Para reactivarlo será necesario cumplir una serie de proce-sos normativos especicados a continuación.

Primer paso:• Enviar un ocio a la Dirección General de Servicios Telemáticos,solicitando la restauración del sitio, justicando el por qué se re-quiere la reactivación del mismo.

Segundo paso:

• En caso que se proceda a la liberación del sitio, el solicitante de-berá comprometerse a cumplir con la alimentación y el llenadode los espacios componentes del espacio a reactivar.

Cómo solicitar un subdominio:Para obtener un subdominio de una dependencia o evento, es nece-sario enviar los siguientes requisitos a forma de Ocio a la DirecciónGeneral de Servicios Telemáticos.

Subdominio para Dependencias:• Una justicación sobre la necesidad de creación del subdomi-nio.

• Datos de la Dependencia solicitante, incluyendo la cuenta decorreo ocial.

NOTA: La Dirección General de Servicios Telemáticos se reserva el derecho de aceptación de las

solicitudes recibidas.

OTRAS SOLICITUDES


81/99


82/99

80

Manual de Usuario

C a t á l o g

o s

y p

r o

c e

s o

s


83/99


81

CÓMO AGREGAR SERVICIOS• Para agregar los servicios que se ofrecen en el plantel o depen-dencia, ingresar al módulo especíco de “Servicios” del CMS.

• Al entrar a esta opción, aparecerá la siguiente ventana:

• Seleccionar el botón de “Nuevo servicio”, el cuál remitirá a unlistado de requisitos para el llenado del servicio a brindar.

NOTA: En caso de contener

servicios capturados, apare-

cerán enlistados.


84/99


85/99


83

• Lo siguiente, será colocar la URL en donde se podrá obtener más información acercadel servicio (opcional):

• También, se solicitará el período de disponibilidad en el que estará vigente el servicio,

días de la semana o un rango especíco de fechas:

• Colocar los horarios especícos en que se brindará el servicio:

• En caso de contener información adicional acerca del servicio, colocarla en el siguienteespacio de “Consideraciones generales”:

• Continuamente, situar el, o los lugares en donde estará ofreciéndose:


86/99


87/99


85

CÓMO REGISTRAR UNAR ED SOCIAL OFICIAL

• Ingresar al módulo de “Redes Sociales”:

• Al acceder aparecerá la opción de “Nuevo Redes Sociales”:

• Al seleccionar se enviará a la respectiva ventana del editor deredes sociales:


88/99

86

Manual de Usuario

• En primera instancia se solicitará el nombre del Plantel o Dependencia de la cual esperteneciente la red social:

• Colocar la red social a registrar:

• Se solicitará el correo institucional de la persona que administra:


89/99


87

• Lo siguiente será adjuntar la URL correspondiente a la red:

• Se solicitará una breve descripción del objetivo del plantel o dependencia en la red so-cial a registrar:

• Para nalizar el proceso, se tendrá que activar la casilla “Enviar a revisión” y después el

botón “Guardar” para que pase a validación.

Nota: Si sólo se selecciona guardar en el último paso, única-

mente se quedará guardada la información sin enviarse al pro-

ceso de validación.


90/99

88

Manual de Usuario

PROCESOS PARA ALIMENTAR SECCIONESDEL PORTAL UCOL DESDE MI CMS


91/99


89

CÓMO AGREGAR FORMATOS• Para agregar los formatos, favor de ingresar al módulo de “For-matos” en el CMS:

• Al seleccionar esta opción se podrán visualizar los formatoscapturados con anterioridad. Para elaborar uno nuevo dar clicen “Nuevo formatos”:

• A continuación aparecerá el editor para que se integre la res-pectiva información:


92/99

90

Manual de Usuario

• Lo siguiente será colocar el nombre del formato a publicar:

• Después, la breve y clara descripción de dicho formato:

• Se solicitará adjuntar el archivo al que pertenece el formato a subir:


93/99


91

• Lo siguiente será activar la casilla “Dirigido a” para establecer a dónde se enviará el for-mato correspondiente:

• Para nalizar el proceso, se tendrá que activar la casilla “Enviar a revisión” y después elbotón “Guardar” para que pase por validación.

Nota: Si sólo se selecciona guardar en el último paso, única-

mente se quedará guardada la información sin enviarse al pro-ceso de validación.


94/99

92

Manual de Usuario

CÓMO PUBLICAR CONVOCATORIASEl proceso para ingresar convocatorias consiste en adjuntar los da-tos especícos y la imagen con los respectivos tamaños solicitados.

La dependencia encargada de llevar el proceso de las solicitudes esComunicación Social.

• Ingresar al módulo de convocatorias en el CMS:

• Acceder a la opción de “Nuevo Convocatorias”:

El botón llevará al editor de convocatorias y se solicitará la informa-

ción de la misma.

• Colocar un título adecuado y denido para la convocatoria:


95/99


93

• Realizar una descripción acerca del evento en el apartado siguiente:

• Enseguida de la descripción se encuentran los apartados para la fecha de inicio y nali-zación del banner en publicación:

• El proceso siguiente, es adjuntar una imagen con los requerimientos de tamaño exactopara que la convocatoria no sea rechazada: 134 píxeles x 134 píxeles:

• A continuación se debe de colocar a quién está dirigida especícamente, marcando al-gunos de los puntos que aparecen en las opciones:


96/99

94

Manual de Usuario

• Al nalizar, activar la casilla “Enviar para Revisión” y seleccionar el botón “Guardar”, estoenviará la solicitud a la dependencia encargada de validar para su aprobación:

Nota: Para dudas o aclaraciones favor de comunicarse a la de-

pendencia encargada de validar el proceso.


97/99


95

ArchivoConjunto ordenado de documentos que una persona, una sociedad,

una institución, etc., producen en el ejercicio de sus funciones o ac-tividades.

CMSContent Management System: Sistema de Gestión de Contenidos.

Cuenta InstitucionalCorreo electrónico universitario (@ucol.mx ) proporcionado por la Ins-titución, en dicho caso, por la Benemérita Universidad de Colima.

PPI

Pixels Per Inch: Píxeles por pulgada.

EstiloConjunto de rasgos o características de uno o varios elementos y quelos diferencía de otros similares.

FormatoConjunto de características técnicas y de presentación de una publi-cación periódica o de un programa de televisión o radio.

Galería

Espacio destinado a la presentación de un conjunto de imágenes so-bre algún tema determinado.

ImagenEs aquel elemento gráco, gura, forma, o cualquier representaciónvisual de un objeto real o imaginario.

GLOSARIO DE TÉRMINOS


98/99

96

Manual de Usuario

PíxelUnidad básica y mínima de una imagen digitalizada en pantalla.

RequerimientosFormalidad y requisitos que son solicitados para el llenado de la información en los sitiosuniversitarios.

ServidorLos servidores o el servidor se reeren a la computadora central en un sistema de red queprovee servicios a otras computadoras.

SWDSitio Web de Dependencia, que también abarcan los planteles, es reconocido como el medioelectrónico institucional ocial de la dependencia.

SWESitio Web de Eventos; es el SWO, reconocido como medio electrónico institucional ocial, porel cual las dependencias universitarias difunden y generan la información, enfocada hacia

la comunidad universitaria.

SWOSitio Web Ocial; conjunto de páginas de internet de acceso público que poseen un nombrede dominio o subdominio institucional.

Texto planoUn archivo de texto llano, texto simple, texto plano, texto sencillo, es un archivo informáticocompuesto únicamente por texto sin formato alguno.

Validador externo

Se entiende por validador externo, a las dependencias universitarias asignadas para la vali-dación de los catálogos del CMS.


99/99

Manual de Usuario - Procedimientos Para La Alimentación de Los SWD (1)

Documents

Transcript of Manual de Usuario - Procedimientos Para La Alimentación de Los SWD (1)