Por Jennifer Islas Manual de uso para Intranet
Presentación El siguiente manual se ha hecho con la finalidad de que los miembros del laboratorio de átomos fríos se sirvan de una ayuda para poder gestionar tanto desde el back-end como del front-end el sitio Web. Índice 1) Estructuras y Términos *Front-end y Back-end *Extensiones 1 2) Configuración del Sitio y de los Contenidos *Panel de control 3) Gestores *Gestor Usuarios *Gestor Menús *Gestor Categorias *Gestor Artículos 4) Galeria
Estructuras y Términos Front-end y Back-end Un sitio Web podemos dividirlo en dos áreas generales, el Front-end y el back-end, ambas áreas forman parte y hacen posible el sitio Web, la diferencia principal de éstas es quienes tienen acceso a cada una; si pensáramos que el sitio Web es un escenario para una obra de teatro, diríamos que el Front-end se trata de lo que el público ve, de la obra en sí, aquí quienes tienen acceso serían los actores, la posible banda sonora y desde luego el público, que es para quienes fue hecha la obra; el back-end sería la parte tras bambalinas o el telón, en esta parte se encuentra el staff que organiza, estructura y dirige la obra. La misma lógica toma un sitio Web, su escenario es lo que el público ve en el ordenador y tras bambalinas se encuentran los protocolos que se usan para gestionar y administrar el sitio Web, solo los administradores principales que en general son los programadores y diseñadores tienen acceso a esta parte, puesto que aquí donde se da el diseño y estructuración de una página por medio de lenguajes de programación. 2 En el sitio Web del Laboratorio, los administradores principales (Dr. Jiménez, Ing. Palacios y una servidora) son quienes tienen acceso al Backend, los demás miembros tienen acceso al Frontend, donde dependiendo de su nivel de acceso de cuenta (usuario) pueden modificar el sitio Web sin necesidad de usar lenguajes de programación. Vista Front-end Vista Back-end
Extensiones Las extensiones Joomla son aplicaciones software que se añaden al CMS para mejorar su funcionalidad, generalmente éstos son creados por las comunidades que ocupan los CMS; las extensiones modifican el núcleo del código base del gestor añadiéndole funcionalidades que no vienen en el paquete básico. En Joomla las extensiones se clasifican en cinco categorías: Componentes: Son mini-aplicaciones que se añaden en código al cuerpo principal de la página. Los componentes cuentan generalmente con un interfaz y logística diferente al del administrador de Joomla (en el back.end), por eso los componentes se encuentran en un menú aparte de las demás extensiones para poder ser configurados. En el sitio Web del Laboratorio, se añadieron diferentes componentes, los cuales se explican en capítulos diferentes. Módulos: Un módulo es una parte o sección del sitio Web que observamos, dentro de cada módulo podemos encontrar menús, formularios, banners, artículos etc. Los módulos son creados y editados solo en el back-end y sirven para definir que es lo que se pondrá en esa área. Supongamos que compramos un terreno, en este lugar vamos a construir una editorial, esto implica que va a haber cuartos para diferentes usos, por ejemplo donde se trabajará todo el diseño, donde se imprimirá, empastara, venderá etc. cada cuarto viene siendo un módulo del sitio Web, para tener una buena estructuración de la editorial se necesitará de un plano que nos ilustre el acomodo y distribución de cada cuarto dentro del terreno, así mismo se definirá el uso de cada uno. En el sitio Web es lo mismo, debemos definir para que será usado ese módulo antes de agregar cualquier cosa, pues esto da los parámetros para seguir. Nuevo módulo (Back-end) Dentro del administrador ir a -Extensiones / Gestor de módulos- dependiendo de donde queremos agregar el nuco módulo en el menú izquierdo lo marcamos, puede ser en el sitio o en el administrador, una vez escogido le damos al botón nuevo y dentro de la lista que se abre escogemos el módulo que ocuparemos, puede ser para crear un menú, para añadir u buscador, una página de enlaces etc. Después llenamos los campos requeridos y guardamos, el módulo se habrá creado, pero no es visible en el sitio por que aún no tiene nada, es como se solo hubiéramos marcado el área que ocupara dentro de un plano. En esta imagen vemos la división de los modulos con sus respectivos nombres. Aquí vemos como ya hay elementos en los módulos, el menú marcado con un rectangulo rojo se encuentra dentro del modulo position-1 (top menú) y a su vez este menú tiene diferentes estilos, -inicio, nosotros, proyectos etc...- 3
Configuración del Sitio y Contenidos Plugins: Son secciones del código que se ejecutan cuanto se produce un evento predefinido dentro de Joomla!. Algunos ejemplos de plugin podrían ser los editores, que se ejecutan cuando se inicia una sesión de edición. Idiomas: Son extensiones que permiten presentar el sitio o la administración en cualquiera de los idiomas existentes que tengamos instalados. Esto permite usar Joomla! en otros idiomas, sin para ello necesitar cambiar el núcleo del programa. Plantillas Son extensiones que controlan el modo en que se mostrará el contenido del sitio, incluyendo las ubicaciones y presentación de los elementos, colores, fuentes, y demás. Las plantillas permiten separar la apariencia del sitio del contenido. Nota: Las extensiones pueden ser modificadas solo en el back-end, puesto que tiene que ver con la estructuración y diseño de la página. Panel de control En el Back-end es posible configurar todo lo que tiene el sitio, la interfaz de Joomla maneja ese lugar como el Panel de control, que es la página que se abre al entrar a la administración del sitio. Tanto en la parte de arriba como a la derecha se encuentran los menús que conducen a la creación de un nuevo elemento del sitio, ya sea, un nuevo menú, artículo, módulo etc. Todo esto se puede através de los gestores. En el menú del sistema (izquierda), podemos accesar a la configuración global de los componentes del sitio, es decir en este lugar podemos dar permisos de como será un publicación, que formato tendrá, quienes pueden verla, que acciones tendrán los usuarios, un poco sobre el diseño visual del sitio etc. También podemos ver la información del sistema, esto sirve para saber la capacidad del software y la versión del lenguaje de programación que se esta usando para la creación del sitio, de esta forma sabremos mejor como ir mejorando la página, con que extensiones es compatible y que componentes soporta. 4
Gestores Gestor Usuarios El gestor de Usuarios sirve para organizar el nivel de acceso y los permisos que tendrán los usuarios registrados. Un usuario es cualquier persona que accede a nuestra web, tanto al back-end como al front-end, esté registrado o no. En Joomla todos los usuarios forman parte de algún grupo, incluso los que no están registrados pertenecerán, por defecto, al grupo Público. Para administrar a los usuarios debemos ir al gestor de usuarios, dentro del panel de control en el menú superior, encontramos usuarios al hacerle click se abre un sub-menú que entre otros contiene el gestor de usuarios, también podemos hallarlo en el menú derecho. Aquí veremos una lista con todos los usuarios de nuestro sitio, su estado, grupo al que pertenecen, fechas de visitas, etc. Podremos activar y desactivar sus cuentas o modificar su perfil entre otras opciones. En el siguiente video veremos como añadir un nuevo usuario. Existen diferentes niveles de acceso para usuarios, los cuales pueden dividirse en dos categorías principales: Invitados Usuarios Registrados Invitados Usuarios Registrados Los Invitados son sencillamente usuarios que han navegado hasta encontrar el sitio Web. Dependiendo de cómo el administrador ha configurado el sitio, los invitados podrán navegar libremente por todo el contenido o tener restringido el acceso a cierto tipo de contenidos, reservados para usuarios registrados. Los Usuarios Registrados están registrados en su sitio con un nombre de usuario y contraseña. Este nombre de usuario y contraseña les permite acceder al área restringida del sitio, recibiendo privilegios especiales no disponibles para los invitados. Los usuarios registrados se dividen en dos grupos: Usuarios del Sitio (Front-end) Usuarios del Administrador (Back-end) Usuarios del Sitio (Front-end) Los usuarios del Sitio (Front-end) disfrutan de ciertos derechos adicionales sobre los visitantes, entre los que se puede incluir la capacidad para crear y publicar contenido en el sitio web. Generalmente, nos referimos a estos usuarios como proveedores de contenido ya que su meta principal es la de proveer contenido al sitio web, no la de administrar el sitio o alterar su diseño. Los proveedores de contenido pueden enviar nuevos contenidos directamente mediante la interfaz Web, usando un editor integrado, sin necesidad de ningún conocimiento de código HTML. Dentro de esta amplia clasificación de proveedores de contenido, existen cuatro niveles específicos, que pueden ser asignados por el administrador del sitio. Estos niveles son: Registrado (Registered), Autor (Autor), Editor (Editor) y Supervisor (Publisher). Registrado (registered): Un Usuario Registrado no puede crear, editar o publicar contenido en un sitio. Puede enviar nuevos Enlaces Web para ser publicados y puede tener acceso a contenidos restringidos que no están disponibles para los invitados. Autor (author): Los Autores pueden crear su propio contenido, especificar ciertos aspectos de cómo se presentará el contenido e indicar la fecha en la que debería publicarse el material. Editor (editor): Los Editores tienen todas las posibilidades de un Autor, y además la capacidad de editar el contenido de sus propios artículos y los de cualquier otro Autor. Supervisor (publisher): Los Supervisores pueden ejecutar todas las tareas de los Autores y Editores, y además tienen la capacidad de publicar un artículo. 5
El nivel por defecto de los nuevos usuarios es el de Usuario Registrado. Para que los usuarios del Sitio (Front-end) puedan acceder a otro tipo de nivel, es necesario que un Administrador o un Súper-Administrador cambie su perfil mediante el Panel de Administración (Back-end). Usuarios del Administrador (Back-end) Súper-Administrador (super administrator): Los Súper-Administradores tienen el mismo poder que un root en un sistema tradicional Linux y disponen de posibilidades ilimitadas para ejecutar todas las funciones administrativas de Joomla!. Solo los Súper-Administradores tienen la capacidad de crear nuevos usuarios con permisos de Súper-Administrador, o asignar este permiso a usuarios ya existentes. Los usuarios del Back-end: Mánager, Administrador y Súper-Administrador, habitualmente se conocen como Administradores del Sitio, pero también tienen acceso a la interfaz del Front-end. Como los usuarios del Front-end, los usuarios del Back-end tienen diferentes privilegios: Mánager (Manager): Un Mánager tiene los mismos permisos que un Supervisor pero con acceso al panel de administración del Back-end. Los Mánagers tienen acceso, en el panel del administrador, a todos los controles asociados al contenido, pero no tienen capacidad para cambiar las plantillas, alterar el diseño de las páginas, o añadir o eliminar extensiones de Joomla!. Los Mánagers tampoco tienen autoridad para añadir usuarios o alterar los perfiles de usuarios existentes. Administrador (administrator): Los Administradores tienen un rango de acceso más amplio que los Mánagers. Además de todas las actividades relacionadas con el contenido que puede ejecutar un Mánager, pueden añadir o eliminar extensiones al sitio web, cambiar plantillas o alterar el diseño de las páginas, e incluso alterar los perfiles de usuario a un nivel igual o inferior al suyo. Lo que no pueden hacer los Administradores es editar los perfiles de Súper- Administradores o cambiar ciertas características globales del sitio web. De hecho, ni siquiera verán los usuarios de tipo Super-Administrador en el Administrador de Usuarios. Gestor de menú Como ya dijimos dentro de un modulo podemos encontrar variedad de elementos como lo es un menú, para añadir un nuevo menu se debe entrar al administrador del sitio. 1) Desde el menu superior (1) : nos vamos a menus/ menú manager/ add new menú. 2) Desde el menu de la derecha (quick icons): vamos a menu manager (2) y new (3). En la ventana que nos sale (4) llenamos los campos según el caso, añadimos el titulo el tipo de menú que será y una descripción sobre este (no hay especificaciones de llenado lo hacemos según nuestro criterio) después le damos en save & close. 1 3 4 2 6
Nuestro nuevo menú esta hecho, en este caso se tituló prueba, pero falta asignarle un lugar es decir un modulo ; para ello en la parte derecha (5) le damos a Add a module for this menu type. 5 8 En esta pantalla (6) escribimos el titulo del menú por ejemplo menú izquierdo (por que va a ir en el lado izquierdo), en show title le damos a hide para evitar que el titulo se vea en nuestro sitio y por último en position escogemos la plantilla que estamos usando y el modulo en el que queremos que aparezca el menú (en el ejemplo se marca la posición 7). 6 7 9 Una vez hecho lo anterior nos fijamos que en status este marcada la opción de published le damos en save & close dejando las demás opciones tal cual. Nuestro menu ya tiene un lugar asignado pero no tiene ningún estilo. Para agregarle estilos vamos al menú que creamos y del lado izquierdo accionamos el cuadrito que tiene luego le damos click a menú ítems (8) (estilo), o simplemente (más rápido) damos click sobre el nombre de nuestro menú (9). Damos click en new, en la pantalla que nos aparece en Menu item type le damos a selec (10), se nos volverá a abrir otra pantalla flotante (11), con varias secciones de estilo, cada uno tiene una función distinta (articulos, banners, buscador, anuncios...). En esta parte es donde elegiremos el estilo del menu, es decir si será para ligar a articulos, para ir a contactos, para un formulario de acceso para un banner, para un menu normal, etc. 7
10 11 Cada menú se compone de diferentes estilos que nos permiten navegar en nuestro sitio. Digamos que nuestro sitio es una casa, donde hay muchas puertas, estas puertas son los ítems que nos dan acceso a diferentes áreas de la casa, por esto mismo cada ítem tiene su peculiaridad y especificación (una puerta nos puede llevar al baño o a una recámara), como también recordemos que cada menú se encuentra dentro de un módulo que influenciará el funcionamiento del menú con sus estilos (ítems). En el siguiente video se ve como crear un menu con su estilo. 8 Gestor de categoría Las categorías sirven para administrar el contenido del sitio Web cada categoría actúa como un campo semántico, cada contenido debe pertenecer a una categoría para poder se visto en el sitio Web; las categorías también son administradas desde el back-end, otra cosa es que hay componentes (extensiones) que se administran independientemente a lo cual llegan a tener su división de categorías aparte del demás contenido en la página. El contenido más común son los artículos, y las imágenes, estos pueden ser administrados desde el gestor de categorías general, sin embargo hay contenido que tiene su categoría independiente como lo es nosotros en la página; desde el front-end podemos ver en el menú superior un item nosotros este nos lleva a una lista que en sí son las categorías del nosotros : académicos, estudiantes, etc, y estas categorías se administran desde el back-end en componentes. Como decía anteriormente las categorías son una especie de campo semántico, puede encerrar diferentes artículos que no se parezcan, pero que en un punto tienen algo en común. Por ejemplo dentro del sitio Web del laboratorio se encuentra la categoría proyectos que engloba los proyectos del laboratorio que son átomos de rydber, trampa magneto-óptica y transiciones prohibidas, también hay categorías con esos tres nombres en donde englobaran los artículos pertenecientes a cada proyecto. En el siguiente video se ve como crear una categoría.
Gestor artículo En el administrador (back-end) En el sitio (front-end) En el gestor de articulo podemos administrar los artículos, crearlos, editarlos, publicarlos, borrarlos etc, es importante recordar que un articulo debe pertenecer a una categoría para que así el gestor sepa a donde mandar y en que parte se visualizara el articulo en el sitio Web. 9 Para crear un articulo véase el siguiente video. Galeria El siguiente video muestra como añadir fotos a la galeria Galeria
Por Jennifer Islas Manual de uso para Intranet