Manual de administraci贸n Manual de administraci贸n www.gane.com.co Joomla!
Joomla! Gane
Dise帽ado y desarrollado por:
Pág. 1
Introducción El presente Manual de Administración de la página www.gane.com.co tiene como finalidad dar a conocer la estructura del sitio web, permitiendo al personal que tenga a cargo la administración del mismo, contar con una guía básica para la publicación y actualización de contenidos, en lo que respecta a noticias, fotografías, campañas e información general de la empresa. Este instructivo contiene el paso a paso y las reglas básicas de administración para que cada una de las secciones puedan ser actualizadas de manera permanente. Igualmente describe los distintos elementos de la página, manejo de los diferentes módulos, slider, miniencuestas, medidas de las imágenes, entre otros. En este Manual se incluye una descripción sobre el uso de Joomla, CMS en el que fue diseñada la página www.gane.com.co y a través del cual se realizarán todas las actualizaciones y modificaciones de los contenidos.
Manual de administración www.gane.com.co
Pág. 2
Especificaciones técnicas La cuenta de hosting fue creada en Dongee, y seleccionada por el área de Sistemas de Gane, los datos generales de esta cuenta son: • • •
Paquete de Hosting: DONGEE2 Dominio: gane.com.co Próxima fecha de vencimiento: 06/03/2014
La página web esta implementada bajo Joomla! (open source) y el diseño de la comunicación textual (contenidos) y visual está bajo PHP y CSS. Cuenta con extensiones para generar interactividad entre las personas y el portal, entre los que se encuentra: plugins de redes sociales, compartir contenidos, publicaciones automáticas, entre otros. El portal web permite crear usuarios y administradores, con restricciones para publicar una nota o contenido, o modificación de algún esquema en el sitio. PHP instalado sobre: Linux ariel.dongee.com 2.6.18-408.8.2.el5.lve0.8.61.3 #1 SMP Wed Jul 11 06:49:35 EDT 2012 x86_64 Versión de la base de datos: 5.1.68-cll-lve Cotejamiento de la base de datos utf8_general_ci Versión de PHP: 5.3.21 Servidor web: Apache Interfaz de PHP: cgi-fcgi Versión de Joomla!: Joomla! 3.1.1 Stable [ Ember ] 26-April-2013 14:00 GMT Versión de la plataforma de Joomla!: Joomla Platform 12.2.0 Stable [ Neil Armstrong ] 21-September-2012 00:00 GMT Agente del usuario: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/31.0.1650.63 Safari/537.36
Manual de administración www.gane.com.co
P谩g. 4
Index www.gane.com.co
Manual de administraci贸n www.gane.com.co
Pág. 3
Acerca de Joomla! CMS: (joomla!) Versión: Joomla! 3.1.1 Joomla es un Sistema de gestión de contenidos (en inglés Content Management System, o CMS) que permite desarrollar sitios web dinámicos e interactivos. Permite crear, modificar o eliminar contenido de un sitio web de manera sencilla a través de un Panel de Administración. Es un software de código abierto, desarrollado en PHP y liberado bajo licencia GPL. Este administrador de contenidos puede utilizarse en una PC local (en Localhost), en una Intranet o a través de Internet y requiere para su funcionamiento una base de datos creada con un gestor MySQL, así como de un servidor HTTP Apache.
Manual de administración www.gane.com.co
Pág. 5
Elementos Página web
Redes Sociales
Reloj Sorteo Chontico Menú Principal
Slider Principal
Módulo Resultados
Módulo Encuesta Módulo Noticias
Últimas Noticias Fundación
Módulo Facebook
Módulo Twitter
Slider Marcas Ingreso a Correo Corporativo Footer (Menú)
Manual de administración www.gane.com.co
P谩g. 6
Medidas de imagenes en la web
351 px
631 px
241 px 366 px 102
213 px
634 px 80 px
141 px 240 px
Manual de administraci贸n www.gane.com.co
Pág. 7
Acceso al administrador de Joomla! 1) Dentro del navegador escribir la siguiente dirección: www.gane.com.co/administrator
2) Entorno que aparece al digitar www.gane.com.co/administrator
3) Digite el nombre de usuario y la contraseña asignada
Usuario Contraseña
Manual de administración www.gane.com.co
Pág. 8
Administración de contenidos 4) Panel de control Joomla Esta es la pantalla con la primera visualización del administrador en joomla, que permitirá ubicar mejor los atajos y menú rápido para la admnistración de contenidos.
Últimos artículos publicados
Atajo menú (menú rápido)
Manual de administración www.gane.com.co
Pág. 9
Administración de contenidos Configuración global
Menú Principal
Manual de administración www.gane.com.co
P谩g. 10
Crear Art铆culo Seleccionar Componentes, K2 y dar click en elementos 贸 Items
Click en Nuevo
Manual de administraci贸n www.gane.com.co
Pág. 11
Crear Artículo Ventana del artículo
Título: Título del artículo Alias del título: Breve descripción del artículo Categoría: Seleccionar la categoría
Etiqueta: En las etiquetas se deberán usar palabras claves seguidas de una coma (,) con el fin de optimizar los motores de búsqueda. Ej: Gane, Ganadores, Concurso.
Manual de administración www.gane.com.co
Pág. 12
Crear un Artículo y Publicación en Módulo Noticias. Ventana del artículo
Módulo de noticias
Se crea el artículo (ingresando por Componentes, K2, elementos.) Copiar el texto con el respectivo contenido de la noticia y en categoría, seleccionar la opción Noticias. Una vez terminada la edición del texto, dar click en guardar y cerrar.
Manual de administración www.gane.com.co
Pág. 13
Subir imagen para una noticia
Estando en la opción artículo, dar un click en Imagen, luego en Imagen del Ítem hacer click en Seleccionar archivo, escoger la imagen y dar click en guardar. Nota: La imagen debe medir exactamente 604 x 398 pixeles para una óptima visualización.
Manual de administración www.gane.com.co
Pág. 14
Crear un artículo y publicación en Módulo Promociones. Ventana del artículo
Módulo de Promociones
Para crear una nota en el módulo Promociones, se genera el artículo con el respectivo contenido de la promoción, y en la opción categoría seleccionar Promoción. Para terminar la edición del texto dar click en guardar y cerrar.
Manual de administración www.gane.com.co
Pág. 15
Subir imagen para una noticia
Estando en la opción artículo, dar un click en Imagen, luego en Imagen del Ítem hacer click en seleccionar archivo, escoger la imagen y dar click en guardar. Nota: La imagen debe medir exactamente 600 x 285 pixeles para una óptima visualización.
Manual de administración www.gane.com.co
Pรกg. 16
Cambiar รณ subir imagen en el Slider principal.
Para incluir una imagen debemos subir la imagen del slider en el gestor multimedia de la siguiente manera: (Gestor Multimedia: Es el contenedor de imรกgenes por defecto de joomla, en el cual debemos subir todas las imรกgenes que queremos visualizar en el portal web). 1) Dar click en contenido y luego en Gestor Multimedia.
Manual de administraciรณn www.gane.com.co
Pág. 17
2) En el gestor multimedia se puden incluir imágenes tanto en carpetas como individualmente, de la siguiente manera.
3) Hacer Click en la carpeta “banners” y luego click en la carpeta “Slider”, en ella encontraremos las imágenes que están dentro del slider principal.
4) Click en el botón “Subir”
Manual de administración www.gane.com.co
5) Luego se despliega un sub menú, hacer click en “Elegir archivos” y dar click sobre la imagen seleccionada. Finalmente hacer click en “Iniciar Subida”.
Pág. 18
Cambiar ó subir imagen en el Slider principal. 6) Una vez este la imagen seleccionada en el gestor multimedia, ir al menú principal y dar click en Extensiones y luego en “Gestor de módulos”.
7) Escribir en el buscador del panel de control de Gestor de Módulos, “slideshow CK” y luego dar click en el ícono de la lupa
Manual de administración www.gane.com.co
Pág. 19
Cambiar ó subir imagen en el Slider principal. 8) Una vez se seleccionó en el buscador “slideshow CK”, se visualizará la siguiente imagen. Dar click en Slideshow CK.
9) Luego en el menú principal del módulo Slideshow CK nos dirigimos a opciones.
10) Dentro del menú opciones aparecen las imágenes que están en el Slider Principal ya sea para modificar ó agregar una nueva. En este caso agregaremos un nueva. Dar click en “Add a slide”
Manual de administración www.gane.com.co
Pág. 20
Cambiar ó subir imagen en el Slider principal. 11) En la parte inferior debe aparecer una imagen con un signo de incognita, esto nos indica que se ha asignado un nuevo campo en el slide. Luego dar click en “Select an image”.
12) Al dar click en “Select an image” debe aparecer un navegador de carpetas interno, allí se deberá escoger la ruta donde está ubicada la imagen del slider, que para este ejemplo, esta ubicada en: banners / slider
13) Al seleccionar la ubicación, escogemos la imagen dando click en ella y seguidamente click en “Insertar”.
Manual de administración www.gane.com.co
Pág. 21
Cambiar ó subir imagen en el Slider principal. 14) Luego de haber escogido la imagen del slide, debe aparecer en vista miniatura de la siguiente forma:
15) Para finalizar y garantizar que los cambios queden realizados, debemos dar click en “Guardar y cerrar”
Manual de administración www.gane.com.co
Pág. 22
Insertar una nueva pregunta en el Index.
Para insertar una nueva pregunta en el index, se debe tener una cuenta en www.miniencuestas.com (un sitio web que realiza encuestas de manera gratuita), una vez tengamos nuestra cuenta, podemos actualizar las preguntas.
1) Ingresar usuario y contraseña. (Este será asignado una vez se cree la cuenta en www.miniencuestas.com)
Manual de administración www.gane.com.co
Pág. 23
Insertar una nueva pregunta en el Index. 2) Hacer click en “Nueva encuesta”
3) Escribir la pregunta que aparecerá en la página principal de Gane.
4) Hacer click en “Agregar respuesta”
5) Hacer click en “Home”, esto nos llevará a la página principal donde se encuentra todas las preguntas.
Manual de administración www.gane.com.co
Pág. 24
Insertar una nueva pregunta en el Index. 6) Una vez en el Home hacer click en en “Código para tu web” en la pregunta seleccionada.
7) Copiar el código HTML que aparece en la parte inferior.
Manual de administración www.gane.com.co
Pág. 25
Insertar una nueva pregunta en el Index. 8) Ingresar al administrador de la página y al menú Extensiones y Gestor de módulos.
9) Escribir “Encuesta” y dar click en el ícono de la lupa, debe aparecer el módulo en la parte inferior llamado “Encuesta”
10) Una vez ingresemos al módulo hacemos click en “Salida Personalizada”
Manual de administración www.gane.com.co
Pág. 26
Insertar una nueva pregunta en el Index. 11) En editor hacemos click en Cambiar editor para pasar a código HTML.
12) Una vez se cambie editor a código HTML, debajo de la primera línea, con el código que aparezca se debe pegar el código HTML que generó miniencuestas.com.
13) Una vez ingresado el código dar click en “Guardar y cerrar”, para guardar los cambios. La pregunta automáticamente aparecerá en el índex del portal web.
Manual de administración www.gane.com.co
Manual de administraci贸n Manual de administraci贸n www.gane.com.co Joomla!
Joomla! Gane
Dise帽ado y desarrollado por: