Manual de Administración del sitio web Noviembre 1 de 2012

Transcripción

1 Manual de Administración del sitio web Noviembre 1 de 2012

2 1. Desarrollo y programación Para el desarrollo del sitio web se utilizaron lenguajes de programación de última generación tales como Html, PHP, JavaScript, Jquery, SQL. Para el almacenamiento de la información se utilizó el servidor de bases de datos MySQL. 2. Plataforma El sitio web se encuentra montado sobre una plataforma que cuenta con los siguientes servicios para su funcionamiento: Servidor web: Apache. Servidor de bases de datos: MySQL. Soporte para PHP. 3. Panel de administración El sitio web cuenta con una plataforma que permite la administración del contenido del mismo. Permite cargar y modificar contenido de textos, imágenes, archivos, hipervínculos, etc Acceso al panel de administración Para acceder al panel de administración se debe digitar la siguiente dirección: Cuando se solicite se debe digitar nombre de usuario y contraseña. A continuación hacer click en siguiente :

3 Se ha creado preliminarmente un usuario, las siguientes son sus credenciales de acceso: Usuario: adminri Contraseña: gps# Administrador de usuarios Este módulo permite la creación de usuarios que pueden tener acceso al panel de administración del sitio web para modificar el contenido del mismo. Permite también la modificación de las credenciales de acceso (Nombre de usuario y contraseña) de los usuarios existentes Creación de usuarios Para crear un usuario en el sistema se debe hacer clic en la opción Agregar usuario. A continuación se debe diligenciar el formulario con la información del usuario a crear y hacer clic en el botón Enviar. Los campos usuario y contraseña son obligatorios y no deben contener espacios.

4 Modificación de usuarios Para modificar las credenciales de acceso de un usuario, se debe hacer clic en el ícono que corresponde al usuario que desea modificar. A continuación se mostrará un formulario donde se podrá modificar los datos del usuario.

5 Para guardar los datos modificados se deberá hacer clic en el botón Modificar Eliminación de usuarios Para eliminar un usuario, se debe hacer clic en el ícono usuario que desea eliminar. que corresponda al A continuación se le pedirá que confirme la eliminación el usuario, para confirmar haga clic en la opción Si.

6 3.2. Administración del contenido del sitio web. Este módulo permite la administración del contenido del sitio web. Permite cargar y modificar contenido de textos, imágenes, archivos, hipervínculos, etc Buscar contenido Para ver el contenido de una sección del sitio web debe se debe ubicar en el módulo 2. Administrador de contenido. Para listar el contenido debe seleccionar la sección (categoría) deseada en la lista de menú de la parte superior derecha del módulo y hacer clic en el botón Mostrar. A continuación aparecerá la lista de artículos que se encuentran en esta sección (categoría).

7 Agregar contenido (Artículo) Para agregar un artículo de contenido al sitio web, debe hacer clic en la opción Agregar artículo de contenido que se encuentra en la parte superior izquierda del módulo. A continuación deberá elegir una sección en la cual se incluirá el artículo. Posteriormente podrá incluir la información del artículo (título, contenido: texto, imágenes, hipervínculos, archivos, etc). Para guardar el artículo deberá hacer clic en el botón Enviar que se encuentra en la parte inferior derecha del formulario. Atención: si no se guarda el formulario, se perderán los cambios realizados al artículo.

8 Modificar contenido (Artículo) Para modificar el contenido de un artículo del sitio web, debe hacer clic en el ícono que corresponde al artículo que desea modificar. A continuación podrá modificar el artículo (título, contenido, sección). Para guardar el artículo modificado deberá hacer clic en el botón Enviar que se encuentra en la parte inferior derecha del formulario. Atención: si no se guarda el formulario, se perderán los cambios realizados al artículo.

9 Eliminar contenido (Artículo) Para eliminar un artículo del sitio web, debe hacer clic en el ícono corresponde al artículo que desea eliminar. que A continuación se le pedirá que confirme la eliminación el artículo, para confirmar haga clic en la opción Si Insertar una imagen, en un artículo. Para insertar una imagen en el contenido de un artículo, debe hacer clic en el botón que se encuentra en la barra de herramientas del formulario de modificación del artículo.

10 A continuación se desplegará una ventana, donde deberá seleccionar el archivo a cargar de su disco duro haciendo clic en la opción Cargar. Posteriormente deberá hacer clic en el botón Examinar para buscar el archivo de imagen en su disco duro.

11 Busque y seleccione el archivo de imagen que desea cargar y a continuación haga clic en el botón Enviar al Servidor para cargarlo.

12 Una vez haya sido cargado el archivo al servidor verá una previsualización de la imagen que ha cargado. En este momento podrá ajustar el tamaño, el espaciado horizontal y vertical y la alineación de la imagen. A continuación haga clic en el botón Aceptar. Para modificar las propiedades de la imagen debe seleccionar la imagen y hacer clic en el botón Insertar un hipervínculo a un sitio web externo. Puede insertar un hipervínculo dentro de cualquier artículo de contenido del sitio web. Para hacerlo debe seleccionar el texto o la imagen que quiere que sea hipervínculo. A continuación debe hacer clic sobre el botón que se encuentra en la barra de herramientas del formulario de modificación del artículo.

13 A continuación digite la dirección del sitio web o la página externa a la cual quiere dirigir al usuario la hacer clic sobre el hipervínculo. Si desea que la página de destino se abra en una ventana nueva del navegador para que el usuario no se salga del sitio web, haga clic en la opción Destino y seleccione Nueva ventana (_blank). Luego haga clic en Aceptar

14 Si ha aplicado el hipervínculo a un texto, verá que el texto aparecerá de color azul y subrayado Insertar un hipervínculo que abra otro artículo, en una ventana modal de dentro del sitio web. Para insertar este tipo de hipervínculo dentro de cualquier artículo de contenido del sitio web, debe seleccionar el texto o la imagen quiere que sea hipervínculo. A continuación debe hacer clic sobre el botón que se encuentra en la barra de herramientas del formulario de modificación del artículo.

15 A continuación seleccione la opción Referencia en esta página de la lista Tipo de vínculo. A continuación haga clic en la opción Avanzado del menú superior.

16 Digite el Identificador (Id) del artículo que quiere que se abra cuando el usuario haga clic sobre el hipervínculo y la Clase de hojas de estilo. Finalmente haga clic en Aceptar. El identificador (Id) de un artículo es el código único que identifica a cada artículo en el administrador de contenido y lo puede visualizar en la columna Id en el administrador de contenido.

17 La Clase de hojas de estilo debe ser la palabra vinculo, seguida un número entre 1 y 20. El número debe ser el consecutivo de acuerdo a la cantidad de vínculos que haya en una misma página, así: vinculo1, vinculo2, vinculo3, vinculo4, vinculo5.vinculo20. La Clase de hojas de estilo debe ser única para cada hipervínculo Insertar un archivo (Pdf, Word, Excel, Powerpoint). Para insertar un archivo dentro de cualquier artículo de contenido del sitio web para su descarga, debe seleccionar el texto o la imagen quiere que sea el hipervínculo. A continuación debe hacer clic sobre el botón que se encuentra en la barra de herramientas del formulario de modificación del artículo. A continuación haga clic en la opción Cargar.

18 Posteriormente deberá hacer clic en el botón Examinar para buscar el archivo en su disco duro. Busque y seleccione el archivo de imagen que desea cargar y a continuación haga clic en el botón Enviar al servidor para cargarlo.

19 Una vez haya sido cargado el archivo al servidor debe hacer clic en el botón Aceptar. Si desea que la página de destino se abra en una ventana nueva del navegador para que el usuario no se salga del sitio web, haga clic en la opción Destino y seleccione Nueva ventana (_blank). Luego haga clic en Aceptar

20 Si ha aplicado el hipervínculo a un texto, verá que el texto aparecerá de color azul y subrayado Montar un documento con la herramienta ISSUU ( Issuu es una herramienta que permite la publicación de documentos para su visualización en un formato de libro virtual. Para montar un documento debemos seguir los siguientes pasos: 1. Entrar a 2. Hacer click en el botón login que se encuentra en la parte superior del sitio web. 3. Digitar las credenciales de acceso: or Profile name: publicaciones@responsabilidadintegral.org (ricolombia) Password: public%28 4. Hacer clic en el botón que se encuentra en la parte superior derecha. A continuación verá el formulario para cargar el documento. 5. Hacer clic sobre el botón Browse para buscar el documento a cargar.

21 6. Diligenciar los campos requeridos del formulario: Title, Description, Type, Category, Language. 7. Seleccionar si el documento es público o privado (Publish / Private). Los documentos públicos son publicados en el sitio web de Issuu, los privados no. 8. Seleccione las opciones de compartir (Sharing options): Permitir comentarios, calificación y descarga del documento. 9. Hacer clic en el botón. A continuación se realizará la carga del documento.

22 Para ver los documentos cargados se debe seleccionar la opción My library, en el menú de la parte superior derecha. 10. Ir a My library, seleccionar el documento que se quiere publicar en el sitio web de Responsabilidad Integral y hacer clic en la opción Embed. 11. Se abrirá una ventana con el código para incluir en nuestro sitio web, la vista previa del documento y las opciones de personalización (Tamaño, color de fondo, etc).

23 12. Hacer clic en Show Embed options, para seleccionar el tamaño. Una vez seleccionado el tamaño, hacer clic en el cuadro de texto Get the embed code y copiar el Código.

24 13. Ir al administrador de contenido del sitio web, y buscar el artículo donde se quiere insertar el documento y hacer clic en el botón para editarlo. 14. Hacer clic en el botón Fuente HTML que se encuentra en la barra de herramientas y pegar el código copiado de ISSUU.

25 Hacer clic nuevamente sobre el botón Fuente HTML y hacer clic en el botón Enviar, para guardar el artículo.

26 4. Estructura de la base de datos La base de datos (responsa_riweb) está conformada por tres tablas que contienen la información del sitio web Tabla Usuarios Contiene la información de los usuarios que tienen acceso al administrador de contenido del sitio web. La siguiente es su estructura: id_usuario (Identificador) username password nombre cargo tipo_usuario 4.2. Tabla Contáctenos Contiene la información recogida cuando los visitantes del sitio web diligencias el formulario de contacto o el buzón de sugerencias. La siguiente es su estructura: id_contacto (Identificador) nombre cargo empresa ciudad telefono mensaje fecha tipo nit actividad direccion fax interesado_en 4.3. Tabla Novedades Contiene la información de los artículos de contenido de las distintas secciones del sitio web. La siguiente es su estructura: id_novedad (Identificador) pagina_novedad (Descricpión de la Sección)

27 contenido_novedad (Contenido del artículo) fecha tipo_novedad (Identificación interna de la Sección) orden 5. Código fuente y programación Para el desarrollo del sitio web se utilizaron lenguajes de programación de última generación tales como Html, PHP, JavaScript, Jquery, SQL. La siguiente es la estructura y ubicación de los archivos: /public_html (Todos los archivos del sitio web) /videos (Contiene los archivos de reproducción y el video institucional) /imágenes (Contiene las imágenes del sitio web) /mi_css (Contiene los archivos de hojas de estilo CSS) /mi_js (Contiene las librerias de funciones de jasvascript) /acceso_clientes (Archivos del administrador de contenido)