1

MANUAL DE USUARIO

Administración de Contenido para el sitio web WE

2

Contenido 1. Login __________________________________________________________ 4

1.1. Estructura de las pantallas_____________________________________________ 4

2. Menú Principal __________________________________________________ 5

2.1 Menú Contenidos ____________________________________________________ 6 2.1.1 Listado de Contenidos _____________________________________________________ 6 2.1.2 Menú Lista de Plantillas ___________________________________________________ 17

2.2 Media ____________________________________________________________ 19 2.2.1 Listado media __________________________________________________________ 19

2.3 Validaciones _______________________________________________________ 20 2.3.1 Validar contenidos _______________________________________________________ 21 2.3.2 Validar media __________________________________________________________ 21

2.4 Administración _____________________________________________________ 21 2.4.1 Catálogos _____________________________________________________________ 21 2.4.2 Menú _________________________________________________________________ 23

3

Introducción El presente manual muestra de forma detallada todas las funcionalidades que presenta el “Administrador de Contenidos del Sitio Web WE”. Para cada sección se describen todas las características así como los eventos generados en respuesta de una acción de los usuarios. Se muestran las capturas de pantalla donde se describe cada sección

4

1. Login El usuario ingresa al explorador digitando la url del sitio. Aparecerá una pantalla para ingresar credenciales y acceder al sitio.

El usuario digita sus datos y da clic sobre el botón “Aceptar”. Si el usuario digita mal sus datos aparecerá un mensaje indicando que sus datos son incorrectos, de lo contrario el sistema lo llevara a la página principal de contenidos.

1.1. Estructura de las pantallas El sistema está estructurado como se muestra en la siguiente imagen.

5

2. Menú Principal El menú principal de la aplicación permite al usuario navegar por las diferentes secciones que tiene el sitio.

Logo y menú de navegación

Área donde se muestra la información de la sección que esta el usuario

Información del usuario y acceso para cambiar contraseña o salir del sistema

6

2.1 Menú Contenidos Mediante esta opción se podrá acceder a los contenidos del sitio (afiliados, eventos, promociones) y a la lista de plantillas predefinidas para crear contenidos.

2.1.1 Listado de Contenidos

Menú que permite visualizar la lista de contenidos existentes, buscar, modificar, agregar o eliminar registros. Aquí se muestran los afiliados, las promociones, los eventos y todos los contenidos que hay. La categoría determina el tipo del contenido.

Cuando el usuario da clic sobre el botón eliminar, aparecerá un mensaje de confirmación para asegurarse que el usuario esta seguro que desea eliminar el registro.

Permite buscar registros por categorías o por titulo

Área de información del los contenidos

Botones para editar y eliminar

7

Si el usuario hace clic en Aceptar se procede a borrar el registro

2.1.1.1 Crear y editar Establecimientos Afiliados Para crear un contenido desde el menú, seleccionar en el menú principal Contenidos >> Lista de Contenidos >> Nuevo contenido. Cuando el usuario esta dentro de la lista de contenidos dar clic sobre el botón “Nuevo Contenido” ubicado en la barra celeste sobre la lista de registros.

El sistema llevara a la página para ingreso de la información. Como primer punto se debe seleccionar la plantilla adecuada para el afiliado.

La plantilla adecuada está marcada en rojo, se debe seleccionar dando clic sobre la opción que está debajo de la imagen y luego dar clic sobre el botón “Continuar”. El sistema mostrara la pantalla para ingreso de datos básicos del establecimiento afiliado.

8

En esta pantalla se ingresan los siguientes datos: Titulo: Titulo o nombre del establecimiento Fecha publicación: Esta fecha sirve para determinar los días en que el contenido estará publicado en la web. La fecha final es opcional y si no se coloca, el contenido estará publicado siempre hasta que se le coloque una fecha de finalización. Categoría: La categoría es la que determina el tipo de contenido que estoy ingresando, para este caso se debe seleccionar “Establecimientos Afiliados” Descripción: Una breve descripción del establecimiento Palabras claves: Este campo es opcional y sirve para buscar el contenido de una forma más rápida Luego de ingresar los datos dar clic sobre el botón Guardar. Después de guardar los datos se habilitaran dos pestañas para poder ingresar textos, imágenes al registro ingresado.

9

2.1.1.1.1 MEDIA Esta sección sirve para asociar imágenes, videos o documentos al registro. La cantidad de registros que se pueden asociar a un establecimiento, están determinados por la plantilla. Es decir que la plantilla es la que indica cuantas imágenes puedo asociarle, cuantos documentos y así para los otros tipos.

Muestra los tipos de contenidos que se pueden asociar y la cantidad permitidas por la plantilla

Muestra los registros asociados

10

Agregando imágenes a un establecimiento La plantilla para crear establecimientos requiere solamente una imagen y no requiere otro tipo de contenido (video, audio, documento). Cada establecimiento posee un logo y para agregárselo solo damos clic en el botón Agregar del tipo “Imagen “

Aparecerá una ventana para seleccionar una imagen existente en el sistema y también una opción para registrar una nueva imagen en el sistema.

Si la imagen que queremos asociar ya está en la lista, solo dar clic en el botón “select” y se asocia automáticamente.

11

Si la imagen no está en la lista, entonces se tiene que registrar la nueva imagen en el sistema. Para ello dar clic en el link “Nueva Media”

Aparecerá una pantalla para ingresar los datos básicos de la nueva imagen

12

Datos solicitados para la imagen: Titulo: Nombre de la imagen Descripción: Breve descripción de la imagen Palabras claves: Palabras para realizar búsquedas de la imagen Fecha publicación: fechas en las que el contenido o la imagen estarán disponibles Imagen Previa: Imagen de vista previa, en este caso como lo que se esta cargando al sistema es una imagen este campo no es necesario ponerlo. Archivo: Este campo es el que contendrá la nueva imagen. Y para cargarla seguir los siguientes pasos:

1. Clic sobre el botón Explorar 2. Clic sobre el botón Subir Archivo. Aparecerá el nombre de la imagen

cargada debajo de la barra de progreso(ver imagen superior) 3. Si se equivoco en cargar la imagen, seleccione la imagen cargada y de

clic sobre el botón Quitar y cargue una nueva imagen Cuando haya llenado todos los datos requeridos de la imagen y cargado el archivo dar clic sobre el botón Guardar o también puede dar clic sobre el botón “Guar. Y Agre.” Que permite guardar la imagen y asociarla automáticamente al registro.

13

Solo se podrán agregar la cantidad de imágenes que la plantilla permite. Cuando ya a registrado el numero de imágenes requeridas, el link agregar se convertirá en un filtro. Si desea asociar videos, documentos, audios, seguir los mismos pasos que se hicieron para agregar la imagen. Para borrar una imagen asociada al establecimiento, dar clic sobre el botón eliminar de la lista:

2.1.1.1.2 CONTENIDOS HTML Esta sección permite agregar información a los establecimientos.

La cantidad de textos que se pueden ingresar también están delimitados por la plantilla que se asigno al registro. Para los establecimientos solamente se requieren 2 textos. IMPORTANTE: El texto 1 es la información básica del establecimiento El texto 2 es la información que se muestra en la sección de “beneficios” Los establecimientos que no poseen beneficios NO se debe registrar el texto 2.

14

Agregando textos o información Primero dar clic sobre el link “Nuevo contenido”

Aparecerá una ventana para ingresar la información.

Posición: Este campo indica la posición del contenido. Normalmente este texto se ubica en una parte de la plantilla pero para los establecimientos es información que se mostrara en algún listado en el sitio web o en el detalle de beneficios. Contenido: En este campo ingrese toda la información necesaria. También se pueden colocar imágenes guardadas en el sistema generando la ruta desde la galería. Para ello dar clic sobre el link “Galería multimedia” que abrirá la lista de media.

15

En la lista, dar clic sobre el link “Generar” de la imagen que queremos

Aparecerá el link de la imagen que debe copiar y pegar en el atributo src del tag img. Ejemplo <img src=’ imagen.img?t=65,65&tipo=7&codigo=85’/>

16

Luego de ingresar la información dar clic sobre el botón Guardar y la información se asociara al establecimiento. Para borrar información dar clic sobre el botón eliminar de la lista de contenidos registrados al establecimiento:

2.1.1.2 Crear y editar Eventos y Promociones La forma para agregar promociones y eventos es igual que agregar un establecimiento afiliado. Para crear un contenido desde el menú, seleccionar en el menú principal Contenidos >> Lista de Contenidos >> Nuevo contenido. Cuando el usuario esta dentro de la lista de contenidos dar clic sobre el botón “Nuevo Contenido” ubicado en la barra celeste sobre la lista de registros.

El sistema llevara a la página para ingreso de la información. Como primer punto se debe seleccionar la plantilla adecuada.

17

La plantilla adecuada está marcada en rojo, se debe seleccionar dando clic sobre la opción que está debajo de la imagen y luego dar clic sobre el botón “Continuar”. El sistema mostrara la pantalla para ingreso de datos básicos del evento o promoción. Todo el proceso siguiente es el mismo que se hace para los establecimientos afiliados. La única diferencia está en la plantilla ya que esta solo permite el ingreso de una imagen y cero textos mientras que para la plantilla de establecimientos permite el ingreso de información adicional. Para los eventos y promociones se diseña una imagen así que la plantilla solo permite cargar una imagen

2.1.2 Menú Lista de Plantillas Esta sección muestra la lista de plantillas contenidas en el sistema. Para registrar una nueva, previamente debe haber sido diseñada para que se vea bien en el sitio web.

18

2.1.2.1 Crear plantillas Para crear una plantilla a través del menú, Contenidos >> Lista de Plantillas >> Nueva Plantilla Cuando el usuario esta dentro de la lista de plantillas dar clic sobre el link “Nueva plantilla”

Aparecerá el formulario para ingresar los datos de la plantilla.

Información de las plantillas Botones para editar

y eliminar una plantilla

19

Nombre: Nombre de la plantilla Imagen previa: captura de una imagen de cómo se verá la plantilla Contenido: Contiene el html diseñado para la plantilla. En este campo tenemos Luego de ingresar la información dar clic sobre el botón Guardar

2.2 Media

2.2.1 Listado media Sección para listar, editar, crear o eliminar una media (imagen, video, audio, documento)

Media se refiere a los videos, audios, documentos, imágenes, archivos flash.

20

2.2.1.1 crear o editar media El proceso para agregar un registro de media ya se explico en la sección “Agregar imágenes a un establecimiento”, básicamente es el mismo formulario con la única diferencia que se solicita el tipo de media que se quiere registrar.

2.3 Validaciones

Información de los registros Botones para

editar o borrar

21

2.3.1 Validar contenidos

En esta sección se dan de alta los contenidos, es decir que se aprueba para su publicación en el sitio web. Si un contenido no ha sido aprobado no aparecerá en el sitio.

En el lado izquierdo de cada contenido tiene un checkbox para poderlo seleccionar. Luego dar clic sobre el botón Validar, marcado con borde rojo en la imagen de bajo.

2.3.2 Validar media Esta sección permite dar de alta toda la media publicada. El funcionamiento es igual a la pantalla de validar contenidos.

2.4 Administración

2.4.1 Catálogos 2.4.1.1 Categorías de Contenidos

En esta sección se manejan las categorías de contenidos que se manejan en el sitio web. Las categorías son útiles ya que ayudan a agrupar los contenidos y en un futuro fácilmente desarrollar una nueva sección en el sitio web

22

Para agregar una nueva categoría solo es necesario ingresar el nombre y dar clic sobre el botón Guardar

Para editar una categoría dar clic sobre el botón editar y se mostrara el campo en la misma posición del registro para poder se editado.

Sección para ingresar una nueva categoría

Lista de categorías

Botones para editar o eliminar categoría.

23

2.4.2 Menú En esta sección se maneja el menú del sitio web y el menú del sitio web versión wap.

2.4.2.1 Ingreso de link o menú Para ingresar un sub menú primero tenemos que seleccionar el menú que será el padre del que vamos a crear. Luego dar clic sobre el botón “Agregar submenu”. O también se puede hacer dando clic derecho sobre el link que será el padre y seleccionar nuevo

Datos del menú

Botones para guardar, eliminar o cambiar de posición el menú

Árbol del menú generado

MENU WAP: Item especial para generar el menú del sitio wap. Todos los sub items bajo este Item serán para el wap

24

En el lado izquierdo de la pantalla se ingresara la información del menu

Información de menú Titulo: el titulo del link Descripción: descripción del link Sección: sección a la que pertenece el link Orden: Este campo indicara el orden en que aparecerá el link en el menú Desplegar ventana como: Indica si el link abrirá nueva ventana o cargara en la misma ventana Mostrar en menú: indica si en link que se está creando o editando será visible en el sitio web. Información para buscadores Titulo: titulo de la pagina Descripción: descripción de la pagina Palabras claves: palabras para búsqueda en buscadores como goole Crear contenido Contenido: Este campo permite asociar a un link un contenido, ya sea un evento, una promoción o un contenido libre como por ejemplo el contenido que se muestra en “Quienes somos” url: Indica la url que abrirá el link

25

2.4.2.2 eliminar menú Para eliminar un menú, primero seleccionarlo del árbol, luego dar clic sobre el botón Eliminar

Otra opciones dar clic derecho sobre el menú que se desea eliminar y luego seleccionar Eliminar

No se recomienda eliminar menús porque si por error se eliminan algunos que no se deseaban eliminar, el sitio web quedara sin navegación. Lo más recomendable es modificar el menú y dejarlo como invisible para que no salga en el sitio web.