Este documento presenta un manual de uso para el Custom Management System (CMS) de Prospectiva 2020. El CMS permite a los usuarios crear y editar contenido en la página web sin necesidad de conocimientos técnicos. Se explican los requisitos técnicos, cómo ingresar al CMS, y cómo crear y editar banners, eventos, informes, páginas simples, sliders y videos. También se describen las herramientas de edición como propiedades de imágenes, vínculos y edición de texto enriquecido.

1. Lima, 3 de octubre del 2014
Implementación de Diseño Web Not
Hida
Custom Management System – Prospectiva 2020
Manual de Uso
Implementación de Diseño Web Not
Hida

2. CONTENIDO
I INTRODUCCIÓN................................................................................................................. 3
1.1 REQUERIMIENTOS TÉCNICOS ......................................................................................4
1.2 INGRESANDO AL CMS .................................................................................................5
1.3 OPCIONES DE EDICIÓN DESDE LA PÁGINA DE INICIO ....................................................6
II EDICIÓN DE CONTENIDO DESDE MENÚ EN EL PANEL DE ADMINISTRACIÓN CMS ........ 7
2.1 CREAR BANNER ..........................................................................................................7
2.2 CREAR EVENTO ..........................................................................................................8
2.3 CREAR INFORME .......................................................................................................9
2.4 CREAR PÁGINA SIMPLE .............................................................................................10
2.5 CREAR SLIDER ..........................................................................................................11
2.6 CREAR VIDEO............................................................................................................12
2.7 EDITAR PÁGINAS SIMPLES ........................................................................................13
2.8 CONTENIDOS ...........................................................................................................15
2.9 EDITAR ORDEN DE PUBLICACIONES ...........................................................................16
2.10 EDITAR PÁGINA EVENTO ..........................................................................................17
2.11 CUADRO PROPIEDADES DE IMAGEN .........................................................................18
2.12 CUADRO VÍNCULO ...................................................................................................20
2.13 HERRAMIENTA DE EDICIÓN DE TEXTO ENRIQUECIDO ................................................21

3. Página 3
I INTRODUCCIÓN
Este documento constituye una referencia sobre los
pasos a seguir para la administración de su CMS
(Custom Management System). Uno de los
principales objetivos de un CMS es permitir que los
usuarios puedan mantener una página web sin
necesidad de tener conocimientos técnicos ni de
programación. En el desarrollo de los siguientes
capítulos Ud. será capaz de manejar las herramientas
de edición y creación de contenido disponibles para
los módulos y secciones de su página web.
Interactiva Studio S.A.C.
Custom Management System – Prospectiva 2020
Manual de Uso

4. Página 4
1.1 REQUERIMIENTOS TÉCNICOS
Requisito mínimo
Hardware
Pentium IV o superior
Memoria RAM 256 MB
Resolución de monitor: 1024 x 768 píxeles. Conexión
ADSL, Speedy, línea dedicada
Software
Windows XP o superior
Navegadores Microsoft Internet Explorer
6.0, Netscape Navigator 7.2,
Tales navegadores deben poder ejecutar applets de Java.
Acrobat Reader 6.0 o superior

5. Página 5
1.2 INGRESANDO AL CMS
Para el inicio de cambios de la página web de Prospectiva 2020, seguir los pasos según los gráficos
inferiores.
NOTA: Para ingresar al CMS debe contar con usuario ycontraseña, el cual ha sido entregado por separado en undocumento
confidencial

6. Página 6
1.3 OPCIONES DE EDICIÓN DESDE LA PÁGINA DE INICIO
La página de inicio muestra la barra gris por medio del cual se podrán hacer cambios o adiciones.
Desde esta página se podrán hacer cambios en los diferentes link’s señalados.

7. Página 7
II EDICIÓN DE CONTENIDO DESDE MENÚ EN EL PANEL DE ADMINISTRACIÓN CMS
2.1 CREAR BANNER
El botón de CONTENIDO > AGREGAR CONTENIDO > BANNER de la barra gris permitirá crear uno o
más banners, el cual aparecerá en la página de inicio, el gráfico muestra el procedimiento.
Banners

8. Página 8
2.2 CREAR EVENTO
El botón de CONTENIDO > AGREGAR CONTENIDO > EVENTO de la barra gris permitirá crear uno o más
eventos, el gráfico muestra el procedimiento.
Nota: Consulte la página 21 sobre el uso de la “Herramienta de edición de texto enriquecido”.

9. Página 9
2.3 CREAR INFORME
El botón de CONTENIDO > AGREGAR CONTENIDO > INFORME de la barra gris permitirá agregar uno
o más informes, el gráfico muestra el procedimiento.
Informes
Categoría/Tipo de informe

10. Página 10
2.4 CREAR PÁGINA SIMPLE
El botón de CONTENIDO > AGREGAR CONTENIDO > PÁGINA SIMPLE de la barra gris permitirá agregar
una página con texto descriptivo acerca de un tema, el gráfico muestra el procedimiento.
Nota: Consulte la página 18 sobre el uso de “Propiedades de Imagen”.
Consulte la página 21 sobre el uso de la “Herramienta de edición de texto enriquecido”.

11. Página 11
2.5 CREAR SLIDER
El botón de CONTENIDO > AGREGAR CONTENIDO > SLIDER de la barra gris permitirá agregar una
imagen, la cual aparecerá en la animación de la página principal, en caso de querer eliminar una
imagen se deberá ingresar a CONTENIDO – TIPO: Slider – Operaciones: eliminar, el gráfico muestra el
procedimiento de como agregar un slider.

12. Página 12
2.6 CREAR VIDEO
El botón de CONTENIDO > AGREGAR CONTENIDO > VIDEO de la barra gris permitirá agregar uno o
más videos, la cual aparecerá en la página principal.

13. Página 13
2.7 EDITAR PÁGINAS SIMPLES
En las páginas donde encontremos botones con el nombre "Editar" podemos cambiar su contenido
directamente, el gráfico muestra el procedimiento.
Nota: Consulte la página 18 sobre el uso de “Propiedades de Imagen”.
Consulte la página 20 sobre el uso de “Vínculo”.
Consulte la página 21 sobre el uso de la “Herramienta de edición de texto enriquecido”.

14. Página 14

15. Página 15
2.8 CONTENIDOS
El botón de CONTENIDO de la barra gris permitirá editar el contenido de cualquiera de las áreas de la
página, el gráfico muestra el procedimiento.
Haciendo uso del filtro:

16. Página 16
2.9 EDITAR ORDEN DE PUBLICACIONES
Para editar el orden en las que se irán mostrando cada una de las publicaciones como los informes o
las imágenes del roller, seguir el procedimiento que muestra el gráfico.

17. Página 17
2.10 EDITAR PÁGINA EVENTO
El botón de CONTENIDO - TIPO: Evento – Operaciones: editar de la barra gris permitirá editar su
contenido, el gráfico muestra el procedimiento.
Nota: Consulte la página 21 sobre el uso de la “Herramienta de edición de texto enriquecido”.

18. Página 18
2.11 CUADRO PROPIEDADES DE IMAGEN

19. Página 19

20. Página 20
2.12 CUADRO VÍNCULO

21. Página 21
2.13 HERRAMIENTA DE EDICIÓN DE TEXTO ENRIQUECIDO
Alineación de texto: Alinearel texto a la izquierda,centro,
derecha o justificado.
Cursiva: Escribir en modo cursiva.
Deshacer/Rehacer: Ver loanterior o posterior a una acción.
Eliminar formato: Al eliminarel formato el textose alinearápor
defectohacia la izquierda.
Eliminar vínculo: Eliminarel vínculo creado.
Formato: Aplicaruno de los formatos preestablecidos.
Imagen: Insertar una imagen.
Insertar/editar vínculo: Permitirá generar un vínculo.
Negrita: Escribir en modo negrita.
Numeración: Aplicar numeración al texto.
Pegar: Pegar un contenido.
Referencia: Permitirámarcar enotro color el texto a señalar.
Subíndice: Permitirácolocar hacia el lado inferiorderechoy en
menor tamaño alguna indicación del textoescrito.
Superíndice: Permitirácolocar hacia el lado superiorderecho y
en menor tamaño alguna indicacióndel texto escrito.
Subrayado: Escribir el texto subrayado.
Seleccionar todo: Seleccionar todo el texto.
Tabla: Permitirá generar tablas.
Tabulación:establece el extremoderechodel texto.A medidaque
se escribe, el texto se desplaza hacia la izquierda y viceversa.
Tachado: tachar el texto.
Viñetas: Colocar viñetas.