Manual de Joomla

11,976 views
11,809 views

Published on

Guia de Joomla

Published in: Education
1 Comment
6 Likes
Statistics
Notes
No Downloads
Views
Total views
11,976
On SlideShare
0
From Embeds
0
Number of Embeds
157
Actions
Shares
0
Downloads
1,041
Comments
1
Likes
6
Embeds 0
No embeds

No notes for slide

Manual de Joomla

  1. 1. INSTITUTO SUPERIOR TECNOLÓGICO PÚBLICO “FRANCISCO DE PAULA GONZÁLES VIGÍL” CARRERA PROFESIONAL DE COMPUTACIÓN E INFORMÁTICA CURSO TALLER DISEÑO Y GESTIÓN DE SITIOS WEB LIC. JOSÉ LUIS PONCE SEGURA jlponcesg@hotmail.com www.redtacna.net cel. 952636911 TACNA – PERÚ 2009
  2. 2. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web CAPITULO I INTRODUCCIÓN AL CMS JOOMLA 1.1. ¿QUÉ ES JOOMLA? Joomla! es un Sistema de Administración de Contenidos Web (CMS), esto es, una herramienta de software utilizada para construir, administrar, y mantener sitios web de cualquier tipo y tamaño. Joomla para tu propio sitio web Si tu sitio se desarrolla con Joomla!, cada contenido del mismo podrás administrarlo vos desde un panel de control muy fácil de usar (no requieres de conocimientos ni habilidades técnicas avanzadas). El contenido web de tu sitio puede ser cualquier tipo de recurso digital publicable en Internet, por ejemplo: simple texto, fotos, música, videos, documentos (PDF, Word, Excel, etc), Joomla! te permitirá gestionar completamente tu sitio web utilizando tan solo un navegador web conectado a Internet, y unos conocimientos básicos sobre el manejo de la herramienta. 1.2. QUÉ PODRÁS HACER CON TU SITIO WEB JOOMLA? Podrás:  Actualizar todas tus páginas web,  Crear páginas nuevas, eliminar contenidos obsoletos,  Administrar los enlaces del menú,  Publicar novedades o eventos de tu actividad,  Editar información de la cabecera o del pie de página de tu sitio web,  Publicar banners o cualquier tipo de información en las barras laterales de la web,  Administrar los formularios de contacto,  Entre otras cosas más. Joomla! es la herramienta ideal para vos que te preocupa tu presencia en Internet, para vos que deseas mantener tu sitio web siempre actualizado y vivo. Joomla posee además un múltiple abanico inmenso de extensiones que amplían las funcionalidades de tu sitio web, en el momento que lo necesites: foros, encuestas online, calendarios de eventos, e-commerce, newsletters, wikis, gestores de descargas, directorios, galerías de fotos, galerías de audio y videos, y muchos recursos más. 1.3. QUÉ TIPO DE SITIOS WEB PUEDEN HACERSE CON JOOMLA? Con Joomla se pueden crear sitios web de cualquier tipo y tamaño:  Sitios web para pequeños negocios (PYMES), para profesionales independientes y trabajadores autónomos  Sitios web o portales corporativos (para empresas medianas o grandes)  Diarios digitales de noticias y Blogs Lic. José Luis Ponce Segura www.redtacna.net Pag. 2 de 32
  3. 3. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web  Sitios de comercio electrónico (tiendas virtuales)  Sitios web de colegios, iglesias y clubes, personales y familiares, organizaciones no gubernamentales, etc.  Comunidades virtuales y puntos de encuentro 1.4. ALGUNOS BENEFICIOS Y VENTAJAS DE USAR JOOMLA! Joomla! permite desarrollar y mantener al costo más bajo y con la mayor eficiencia posible, sitios web 100% profesionales puesto que cumple con los más altos estándares de calidad de software/aplicación para sitios web de Internet.  Es robusto y altamente funcional (tiene literalmente TODO lo que necesita tener una herramienta de desarrollo web)  Es escalable y extensible sin límites (se puede hacer crecer un sitio web hecho con Joomla! tanto como se desee)  Su diseño/aspecto estético es 100% personalizable (la apariencia visual o "look and feel" de los sitios web hechos con Joomla!)  Joomla está desarrollado siguiendo patrones de diseño estándares (MVC) que garantizan su calidad  Está preparado para altas exigencias de: arquitectura de la información, accesibilidad, usabilidad, rendimiento y velocidad, compatibilidad multinavegador, etc. 1.5. CARACTERÍSTICAS DE JOOMLA  Organización del sitio web: Joomla está preparado para organizar eficientemente los contenidos de tu sitio en secciones y categorías, lo que facilita la navegabilidad para los usuarios y permite crear una estructura sólida, ordenada y sencilla para los administradores.  Publicación de Contenidos: Con Joomla CMS podrás crear páginas ilimitadas y editarlas desde un sencillo editor que permite formatear los textos con los estilos e imágenes deseados. Los contenidos son totalmente editables y modificables.  Escalabilidad e implementación de nuevas funcionalidades: Joomla ofrece la posibilidad de instalar, desinstalar y administrar componentes y módulos, que agregarán servicios de valor a los visitantes de tu sitio web.  Administración de usuarios: Joomla te permite almacenar datos de usuarios registrados y también la posibilidad de enviar E-mails masivos a todos ellos. La administración de usuarios es jerárquica, y los distintos grupos de usuarios poseen diferentes niveles de facultades/permisos dentro de la gestión y administración del sitio.  Diseño y aspecto estético del sitio: Es posible cambiar todo el aspecto del sitio web tan solo con un par de clicks, gracias al sistema de templates que utiliza Joomla.  Navegación y menú: Totalmente editables desde el panel administrador de Joomla  Administrador de Imágenes: Joomla posee una utilidad para subir imágenes al servidor y usarlas en todo el sitio.  Disposición de módulos modificable: En un sitio creado con Joomla, la posicion de módulos (bloques periféricos) puede acomodarse como se prefiera.  Encuestas: Joomla posee un sistema de votaciones y encuestas dinámicas con resultados en barras porcentuales.  Feed de Noticias: Joomla trae incorporado un sistema de sindicación de noticias por RSS/XML de generación automática. 1.6. ALGUNAS OPCIONES DE PUBLICACIÓN DE PÁGINAS WEB EN JOOMLA: a) Automatización en la publicación: Las páginas y documentos de Joomla pueden programarse con fecha de publicación y fecha de caducidad. b) Archivo e historial: Las páginas viejas o publicaciones que hayan perdido vigencia pueden enviarse a un "archivo" de almacenamiento, sin necesidad de tener que borrarlas. Esto permite también dar la posibilidad a los navegantes de consultar artículos viejos o documentos anteriores en un historial. Lic. José Luis Ponce Segura www.redtacna.net Pag. 3 de 32
  4. 4. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web c) Formatos de lectura: Cada documento es generado automáticamente por Joomla en formato PDF, en versión imprimible, y en XML (para compartir los contenidos con otros sitios o aplicaciones de lectura) d) Envío por E-mail: Los usuarios del sitio Joomla podrán enviar automáticamente a un amigo por email cada documento publicado. e) Valoración de contenidos: Los visitantes del sitio podrán votar la calidad de lo publicado. 1.7. ¿QUÉ TECNOLOGÍAS UTILIZA JOOMLA? Joomla sigue el modelo de desarrollo más avanzado y actual de Software (Modelo Vista Controlador). Su estructura/arquitectura está separada en 3 capas:  Modelo: Almacenamiento y relación de datos (Mysql, XML),  Controlador: lógica funcional y estructuras de control del sistema (PHP o Hypertext Pre Processor), y  Vista: Presentación del aspecto estético (XHTML, CSS, Ajax o Js, imágenes y multimedia) El sistema funciona en servidores de páginas web (HTTP Servers), generalmente Apache, bajo plataformas Linux/Unix. Desde el punto de vista del usuario, Joomla en parte se ejecuta en el navegador y sistema operativo del cliente (usuario, navegante), esto es su compatibilidad es multiplataforma. Se accede a Joomla! desde un simple navegador web conectado a Internet (Internet Explorer, Mozilla Firefox, Opera, Safari, etc) 1.8. JOOMLA ES DE USO LIBRE Y GRATUITO! Joomla CMS es de uso gratuito, y de código abierto (OpenSource). El mismo se usa y distribuye bajo licencia pública general (GNU/GLP, esto significa que:  Puedes usarlo gratuitamente sin pagar licencias, sin importar el tipo de sitio web que vos tengas con él  Puedes modificarlo, adaptarlo y personalizarlo como quieras, para tu propio uso Versión Actual de Joomla! La versión actual de Joomla es la linea 1.5.x. La versión tradicional de Joomla es la linea 1.0.x (actualmente no debería utilizarse para nuevos proyectos porque ya es obsoleta) 1.9. EXTENSIONES DE JOOMLA! Las extensiones de Joomla! son aplicaciones que se instalan en el núcleo del sistema base (o Core) para extender su funcionalidad, interactividad, operatividad y servicios web. Permiten hacer crecer los sitios web desarrollados con Joomla! hacia una escalabilidad sin límites! Extensiones de Joomla clasificadas por categorías  Extensiones para Acceso y seguridad (autenticación, backups, restricción de contenidos, accesos al sitio, etc.)  Extensiones para la Administración (addon e interfaces de la administración de joomla)  Extensiones para Anuncios y Afiliados (banners, clasificados, publicidad, enlaces de texto, etc)  Extensiones de Autoría (para la publicación de contenido de los autores)  Bridges (para la integración de autenticación u otras funciones con otros sistemas)  Extensiones de Calendarios y Eventos (Agendas, recordatorios de fechas)  Extensiones para Clientes (CRM -administrador de clientes-, mesa de ayuda, soporte online) Lic. José Luis Ponce Segura www.redtacna.net Pag. 4 de 32
  5. 5. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web  Extensiones para Comunicación (entre usuarios del sitio: foros, chats, mensajería instantánea, newsletters, SMS, PMS, etc.)  Extensiones para Comunidades, Miembros y Grupos de trabajo (lista de miembros, perfiles, administración de proyectos y tareas, wiki, etc.)  Extensiones para Contacto y Feedback (comentario de artículos, contactos, email, formularios, libros de visitas, encuestas, testimonios y sugerencias, etc.)  Extensiones para Noticias y contenidos (Blog, Noticias, Microblogging, RSS)  Extensiones para las Mejoras del nucleo -de Joomla-  Extensiones para Directorios y Documentos (Descargas, glosarios, portfolios, directorios temáticos, preguntas frecuentes, etc.)  Extensiones para Comercio Electrónico (subastas, tienda de afiliados, donaciones, facturas y cuentas, sistemas de pago, plataformas de pago, carritos de compra, etc.)  Extensiones para Edición (Editores y addons para editores)  Extensiones para Contenidos Externos (extensiones para la publicación de contenidos externos en tu sitio Joomla! alertas y recordatorios, lectores RSS, clima, noticias, etc.)  Extensiones para Finanzas y estadísticas (calculadoras, moneda y cambio, stock de mercado)  Extensiones para Servidores y Alojamiento Web  Extensiones para Idiomas (traductores automáticos, contenidos multilenguaje, traducciones para Joomla)  Extensiones para Multimedia (reproductores de audio, galerías multimedia, fotos e imágenes, Streaming, reproductor de video, reproductor de audio, etc)  Extensiones para Búsqueda e Indexación (búsqueda de dominios, tagclouds, buscadores internos, etc.)  Extensiones para Administración del sitio (Cache, estadísticas de contenido, SEF, SEO y metatags, mapas de sitio, redirecciones url, visitantes, etc)  Extensiones para Estilo y diseño (accesibilidad, presentación de módulos, popups y frames, pdf / versión imprimible, templates, etc) Extensiones de Joomla por tipo:  Componentes: Son aplicaciones que se reproducen (renderizan) en el cuerpo principal de la página (sector maincontent)  Modulos: Son bloques pequeños que disponen información o herramientas alrededor del cuerpo principal de las páginas (columna izquierda, columna derecha, cabecera de página, pie de página, etc)  Plugins (ex mambots): Cambia el comportamiento de la salida HTML dinámicamente (agrega, transforma o quita elementos dentro del sector principal de las páginas) Las extensiones de Joomla tienen 3 tipos de compatibilidades:  1.0.x Native: Esto indica que la extensión es compatible con las versiones 1.0.x de Joomla!  1.5.x Native: Esto indica que la extensión es compatible con las versiones 1.5.x de Joomla!  1.5.x Legacy Esto indica que la extensión es compatible con la versión 1.0.x y también es compatible con la versión 1.5.x con el modo de compatibilidad activado "Legacy Mode". Legacy mode es un plugin de integración que contiene algunas funciones y librerías de Joomla 1.0.x cargadas en 1.5.x, para que ciertas aplicaciones de 1.0.x puedan funcionar con Joomla 1.5.x Las extensiones de Joomla pueden ser gratuitas o pagas:  Las extensiones de Joomla! gratuitas vienen con licencia GLP (General Public License)  Las extensiones de Joomla! comerciales vienen con licencias propias donde cada desarrollador puede definir con qué tipo de licencia de software para limitar el uso que hacen los usuarios del mismo. Lic. José Luis Ponce Segura www.redtacna.net Pag. 5 de 32
  6. 6. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web CAPITULO II INSTALACIÓN DE JOOMLA 1.5.X 2.1. CREACIÓN DE LA CARPETA LOCAL PARA SU SITIO WEB La carpeta local será aquella donde aloje Usted los archivos que forman parte de su Sitio Web  Para la instalación de Joomla, primero deberá crear una carpeta para su proyecto Web, ejemplo: MIPORTAL,  ¿Dónde debe crearse ésta carpeta? Ésta carpeta contendrá La carpeta debe crearse en la siguiente ruta: todos los archivos de su C:APPSERVWWW Sitio Web Es decir, luego de creada su carpeta, la ruta completa donde estarán sus archivos de su Sitio Web será: C:APPSERVWWWMIPORTAL 2.2. DESCOMPRIMIR LOS ARCHIVOS DEL JOOMLA A SU CARPETA MIPORTAL Una vez que tenga el archivo comprimido de Joomla: Joomla_1.5.x-xxxxxxzip, proceda a descomprimirlo: Archivo Comprimido: Joomla_1.5.x-xxxxxx.zip Descomprimir C:APPSERVWWWMIPORTAL Para la instalación propia de Joomla deberá ingresar a su navegador preferido (Internet Explorer, Mozilla Firefox, etc.), entonces deberás ingresar así en el navegador: http://localhost/miportal 2.3. INSTALACIÓN DE JOOMLA 1.5.X a) Seleccionamos el idioma a utilizar durante la instalación: Selección de idioma para la instalación Lic. José Luis Ponce Segura www.redtacna.net Pag. 6 de 32
  7. 7. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web b) Joomla! comprueba si nuestro sistema supera los requisitos mínimos para la instalación: Comprobación de requisitos del sistema: arriba obligatorios, abajo recomendados c) Aceptamos los términos de la licencia simplemente pulsando Siguiente: Aceptamos los términos de licencia GNU/GPL Lic. José Luis Ponce Segura www.redtacna.net Pag. 7 de 32
  8. 8. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web d) Ingresar la información de la base de datos para que Joomla! cree su juego de tablas. Conforme hemos configurado MySQL en pasos anteriores, los datos a introducir deberán ser:  Tipo de base de datos: mysql  Nombre del servidor: localhost  Nombre del usuario: joomlauser  Contraseña: la que pusimos al dar de alta el usuario joomlauser  Nombre de la base de datos: joomladb Aportar la información de la base de datos MySQL Al pulsar Siguiente tardará unos instantes en avanzar a la siguiente pantalla. En caso de mensaje de error, revisar los pasos de este tutorial. e) Configuración FTP Para nuestro caso responderemos NO, ya que lo haremos en forma independiente con un cliente FTP, como es FileZilla FTP Lic. José Luis Ponce Segura www.redtacna.net Pag. 8 de 32
  9. 9. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web f) Configuración inicial de Joomla! Tras pulsar en Siguiente en el paso anterior, en esta pantalla haremos tres operaciones: 1. Poner un nombre a nuestra web en el cuadro de texto Nombre de sitio web (e.g. Portal web computo) 2. Introducir un correo electrónico válido y una contraseña, que se asociarán al usuario ADMIN de Joomla, el administrador inicial. 3. Instalar datos de ejemplo. Activamos el radiobutton Instalar contenido de ejemplo predeterminado y pulsamos en el botón Instalar los datos de ejemplo predeterminado. Cuando este botón se convierta en el texto "Datos de ejemplo instalados", habrá finalizado al operación: Primera configuración de Joomla Pulsamos sobre Siguiente para continuar. Lic. José Luis Ponce Segura www.redtacna.net Pag. 9 de 32
  10. 10. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web g) Finalizar la instalación Joomla! nos pide que para finalizar correctamente la instalación, eliminemos el directorio miportalinstallation. De esta manera no se podrá repetir accidentalmente o malintencionadamente la instalación: Finalizar el proceso eliminando el directorio installation Ahora podemos acceder ya a Joomla! La página inicial del portal es: http://localhost/miportal/ Pagina inicial de Joomla con contenido de ejemplo Lic. José Luis Ponce Segura www.redtacna.net Pag. 10 de 32
  11. 11. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web Acceder al panel de administración El acceso al backend de administración del gestor es http://localhost/miportal/administrator/ Luego deberá ingresar el password del usuario ADMIN que se ingreso en punto f): Pantalla de login de la consola de administración del CMS Panel de administración de Joomla! Ya tenemos Joomla! instalado y preparado para nuestros desarrollos. Lic. José Luis Ponce Segura www.redtacna.net Pag. 11 de 32
  12. 12. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web CAPITULO III LAS DOS CARAS DE JOOMLA 3.1 LA INTERFAZ PÚBLICA DE JOOMLA -O FRONT-END La interfaz pública o Frontend de Joomla! es el sitio que tus usuarios/visitantes ven, navegan y usan. Esta puede encontrarse en la raíz de tu dominio, ejm: http://www.tusitio.com, o en un directorio interno, ej: http://www.tusitio.com/portal/ La apariencia del frontend Joomla dependerá del template que utilices. Es decir, el aspecto estético de tu sitio web (colores, estilos, imágenes, iconografía, disposición de elementos, etc) está definido por el template que utilices, por un lado, y por la configuración y nivel de personalización (personalización) que se haga sobre el mismo. La siguiente imagen muestra un sitio web Joomla recién instalado, con su template que viene por defecto -Rhuk Milkyway- (el cual tiene una configuración de 3 columnas, una cabecera -header- y un pie de página -footer-) En esta instancia es importante comprender cómo organiza la disposición de contenidos Joomla dentro de su interfaz gráfica pública. Es decir, cómo se disponen y organizan los elementos dentro del template. Las zonas rojas representan módulos, y la zona verde representa el área del contenido principal (main content) de las páginas web. Los módulos se disponen alrededor del contenido principal (main content): en las columnas laterales (izquierda y derecha), en la cabecera y pié de página, y también por encima o por debajo del contenido principal. Lic. José Luis Ponce Segura www.redtacna.net Pag. 12 de 32
  13. 13. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web 3.2 LA INTERFAZ ADMINISTRATIVA DE JOOMLA O BACKEND La interfaz administrativa de Joomla! es el panel de control desde donde administrarás tu sitio web. Para acceder a ella, primero debes ingresar a la administración de tu sitio: http://www.tusitio.com/administrator/ (debes reemplazar"tusitio.com" por tu verdadero dominio), una vez allí debes tipear el usuario y contraseña para acceder. Si los datos que se ingreso para acceder eran los correctos deberá ser redireccionado al Panel de Administración Principal: Lic. José Luis Ponce Segura www.redtacna.net Pag. 13 de 32
  14. 14. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web Existe una forma de administrar Joomla desde su Front-End, pero no lo explicaremos ahora. CONSEJO: Para comprender bien la relación que existe entre el frontend y el backend, conviene tener abiertas dos ventanas (o pestañas) del navegador, cada vez que administres tu sitio.  En una ventana carga la interfaz pública del sitio: http://www.tusitio.com  Y en la otra ventana carga la interfaz administrativa: http://www.tusitio.com/administrator/ De esta manera, podremos ir alternando la visualización en ambas. Cada vez que hacemos un cambio en el administrador, vemos cómo queda aplicado el cambio en la parte pública, maximizando su respectiva ventana (o seleccionando su pestaña en el navegador). Esto nos permitirá comprender rápidamente cómo funciona el sistema. Lic. José Luis Ponce Segura www.redtacna.net Pag. 14 de 32
  15. 15. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web CAPITULO IV ORGANIZACIÓN Y PLANIFICACIÓN La organización, clasificación y jerarquización de contenidos web es la tarea más importante de todas, en la etapa previa de creación o rediseño web. Aquí trataremos conceptos de Arquitectura de la Información aplicada a Joomla! y también de Usabilidad de los elementos de navegación. La clasificación de contenidos web - Secciones y Categorías de Joomla El sistema gestor de contenidos Joomla "organiza" la información en elementos clasificadores o "contenedores". A estos elementos Joomla da el nombre de "Secciones" y "Categorías", que son quienes contienen los propios documentos o "páginas web". Las secciones contienen categorías, y estas a su vez contienen documentos. Una sección es una colección de categorías que se relacionan de una cierta forma. Las secciones son la jerarquía de orden superior que engloban toda la información de sitios Joomla. Una categoría es un nombre genérico para un conjunto de items de contenido (documentos o páginas web) que se relacionan de una cierta manera bajo algún criterio. 4.1 ¿CÓMO ORGANIZAR UN SITIO WEB CON JOOMLA? El tamaño del sitio web a crear, su cantidad y variedad de contenidos, determinará de qué manera administraremos secciones y categorías dentro de Joomla. Una cosa es cómo organizas tus secciones y/o categorías, y otra cosa es qué ordenación, estructura, o forma de acceso le das a los contenidos desde el/los menú/es para que los navegantes/usuarios puedan acceder a ellos. Joomla brinda infinitas posibilidades a la hora de hacer esto. Sección 1 Sección 2 Categoría B Categoría F Categoría A Documento 4 Documento 11 Documento 1 ... Documento 5 Documento N Documento 2 Documento 6 ... ... Documento 3 Sección N Documento 7 Categoría N Categoría N + 1 Categoría C Documento R Documento R + N Documento 8 Categoría D ... +1 Documento 10 Documento R + N Documento 9 Documento Sin Clasificar 1 Documento Sin clasificar 2 Lic. José Luis Ponce Segura www.redtacna.net Pag. 15 de 32
  16. 16. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web 4.2 CONTENIDOS PARA SITIOS PEQUEÑOS Si tu sitio es pequeño o muy pequeño: 1. Podrás crear solo una sección y dentro de ella una sola categoría que va a contener a todos los documentos web, o 2. Podrás crear solamente items de contenido sin clasificar (sin sección ni categoría) y luego linkearlos desde el menú CASO 1: UNA SECCIÓN Y UNA CATEGORÍA En sitios web pequeños es común que haya una sola sección, que contiene una sola categoría, en cuyo interior se encuentran todos los documentos del sitio, por ejemplo: Nombre de la Nombre de la Documentos (Items de contenido) Sección Categoría - Quienes somos - Nuestros servicios General Empresa - Tarifas - Clientes CASO 2: CONTENIDO SIN CLASIFICAR Si tu sitio web es muy pequeño, no es necesario crear secciones y categorías. Joomla! te permite crear documentos web sin clasificar (o uncategorized) Documentos sin clasificar (Sin Clasificar ó Uncategorized) - Quienes somos - Nuestros servicios - Tarifas - Clientes 4.3 CONTENIDOS PARA SITIOS MEDIANOS O GRANDES Si el sitio a realizar con Joomla es grande, es necesario generar varias secciones y categorías para ordenar y clasificar mejor la información. Antes de ponerte a crear secciones y categorías, primero piensa bien cómo organizarás la información y la agruparás teniendo en cuenta:  La facilidad o dificultad que ofrezcas a los usuarios de encontrar la información ordenada y rápidamente localizable  La facilidad de administración (para encontrar y reconocer fácilmente los items, para no perderte cuando haya muchos, etc.)  El uso de las distintas maneras de publicar la información categorizada que te ofrece Joomla: (navegable por secciones, por categorías, por blogs, por menús personalizados, etc.) Lic. José Luis Ponce Segura www.redtacna.net Pag. 16 de 32
  17. 17. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web Con esto, puedes hacerte algunas secciones y varias categorías dentro de ellas. Allí colocarás y organizarás toda la información. Ejemplo: En vigilvirtual.com hemos organizado nuestro sitio Joomla! así: Secciones Categorías Información General Principal Servicios …. ... ... Notas de Prensa Noticias Eventos Deportes A su vez, dentro de cada categoría, generamos diferentes documentos: un documento para cada uno de los servicios que ofrecemos. Por ejemplo: Sección Categoría Documentos (Items de contenido)  Aniversario IST Vigil Notas de Prensa  Juegos florales IST Vigil 2009 Noticias Eventos  Simposio Nacional de Física Deportes  Computación Campeón en Voley 4.4 CONTENIDOS PARA SITIOS MUY GRANDES Un modelo con el cual puede resolverse el trabajo de organización de contenidos (cuando se tiene mucha y muy diversa información), puede resultar en una clasificación taxonómica de varios niveles de anidamiento. Joomla tiene básicamente 4 niveles de taxonomías (si usamos la paginación interna de items de contenido -o pagebreak-): seccion >> categoria >> item de contenido >> subitems de contenido ó también podrían considerarse solo 3 niveles (si no utilizamos la paginación interna de documentos) seccion >> categoría >> item de contenido Joomla no posee anidamiento infinito de taxonomías tal como sí permiten otros gestores de contenidos (Drupal, Wordpress, por ej.) Por eso, ante presencia de sitios muy grandes, es recomendable reagrupar secciones y categorías, en unidades compuestas de conceptos más elementales. Ejemplo: Supongamos que tenemos que hacer la web de una empresa distribuidora de alimentos, la cual comercializa una gran cantidad y variedad de productos (digamos, unos 4000 artículos) que están categorizados como se ve a continuación. Lic. José Luis Ponce Segura www.redtacna.net Pag. 17 de 32
  18. 18. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web Cada producto, debería ser presentado en un único documento web, que en Joomla es un ítem de contenido. Ejemplo de categorización de un ítem cualquiera de contenido: Alimentos >> Perecederos >> Lacteos >> Quesos >> Gruyere que abstrayendo un poco sería: Sección >> Subsección >> categoría >> subcategoría >> Item de contenido Pero como Joomla no permite generar 5 niveles de anidación (profundidad) de contenidos, se puede resolver la categorización agrupando niveles. Para ilustrar el ejemplo anterior quedaría entonces. Categorizando el ítem real de contenido primero: Alimentos / Perecederos >> Lacteos / Quesos >> Gruyere En forma abstracta quedaría... Sección / Subsección >> Categoría /Subcategoría >> Documento Y llevando las cosas a Joomla... Sección de Joomla >> Categoría de Joomla >> Item de contenido 4.5 ¿CUÁL ES EL ÓRDEN EN EL QUE DEBERÍAMOS TRABAJAR? La primera vez que "generamos" contenidos en Joomla, es cuando creamos el sitio web y organizamos sus contenidos y navegación. Debemos respetar este orden: 1. Crear una o varias secciones 2. Dentro de la sección/es previamente creada/s, crear varias categorías 3. Crear varios documentos o páginas web (dentro de la/s categoría/s previamente creada/s) 4. Crear enlaces desde el menú hacia los contenidos (o hacia sus contenedores), para que los usuarios puedan navegar por el sitio. 5. Configurar módulos para contenidos secundarios o contextuales (OPCIONAL) Luego que el sitio web en Joomla ya está "armado" no es necesario volver a realizar todos esos pasos. Obviamente porque ya tenemos secciones, categorías, y enlaces hacia los contenidos previamente creados, entonces, en esta instancia podemos:  Editar contenidos previamente creados o  Agregar nuevos contenidos (y/o contenedores) Nota importante!!!! Al crear secciones y categorías ten en cuenta estas reglas:  No tiene sentido crear una sección que solo tenga la posibilidad de contener UNA sola categoría, por ende no debe hacerse.  No tiene sentido crear una categoría que solo tenga la posibilidad de contener UN solo item de contenido (documento web), por ende no debe hacerse.  No debes crear diferentes secciones y categorías para un mismo documento web, es decir, cada item de contenido debería estar solo en su sección y categoría correspondiente, y no ser duplicado en otras.  Una sección amerita ser creada únicamente cuando se crearán varias categorías en su interior, y análogamente una categoría amerita ser creada únicamente cuando luego se crearán varios documentos en su interior  La creación de secciones y categorías debe utilizarse para clasificar la información según los criterios más importantes de información del sitio web, para criterios menos importantes se deben utilizar tags (etiquetas) Lic. José Luis Ponce Segura www.redtacna.net Pag. 18 de 32
  19. 19. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web 4.6 CREAR SECCIÓN Y CATEGORÍA Dentro del panel principal hay dos botones para administrar secciones y categorías. CREAR UNA SECCIÓN Ir a Panel Principal >> Gestor de Secciones >> Botón Nuevo >> Colocar el Titulo, Alias >> completar la descripción del contenido de la sección el campo de trabajo (si fuese necesario, esto es opcional) >> Guardar los cambios Lic. José Luis Ponce Segura www.redtacna.net Pag. 19 de 32
  20. 20. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web CREAR UNA CATEGORIA Panel Principal >> Gestor de Categorías >> Botón Nuevo >> Colocar el Titulo, Alias >>Seleccionar Sección >> Rellenar el campo de trabajo (si es necesario)>> Guardar los cambios Lic. José Luis Ponce Segura www.redtacna.net Pag. 20 de 32
  21. 21. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web CAPITULO V REÚNE Y ORGANIZA LOS CONTENIDOS DE TU WEB Para reunir el material a publicar en tu web (textos, imágenes, y cualquier material digital), debes comprender que todo debes organizarlo en torno a documentos web individuales. Asimismo ten en cuenta que cada documento web contiene: 1. Una serie de elementos comunes (que comparte con otros documentos del sitio, generalmente son elementos del layout o template, o información contextual), y 2. Elementos únicos y propios del documento en cuestión 5.1. ORGANIZANDO EL SITIO WEB EN TU PROPIA PC Es preciso que identifiques unidades de contenido y las separares en entidades únicas, para crear con ellas cada documento de tu sitio web. Para esto yo recomiendo utilizar una hoja de Word por cada documento web a publicar. También vas a contemplar, la forma en que vas a clasificar cada uno de esos documentos web dentro de tu sitio. Crea primero un directorio (carpeta) en tu PC donde colocarás tu proyecto web. Puedes llamar a este directorio, por ej: "Sitio Web" A esta altura voy a repetir una distinción importante: para sitios web pequeños (de 4 a 10 documentos, o un poco más), todos los documentos web deben ser colocados inmediatamente dentro del directorio "Sitio Web". Pero si tu sitio contendrá muchos documentos web, vas a hacer uso de las secciones y categorías de información. EN EL PRIMER NIVEL COLOCA LAS SECCIONES DE INFORMACIÓN: Dentro del directorio de tu proyecto ("Sitio Web" en el ejemplo), vas a crear una carpeta por cada sección de tu sitio, utiliza para nombrarla el mismo nombre que tendrá su sección correspondiente en tu sitio web. Ej: Lic. José Luis Ponce Segura www.redtacna.net Pag. 21 de 32
  22. 22. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web EN EL SEGUNDO NIVEL COLOCA LAS CATEGORÍAS DE INFORMACIÓN: Dentro de cada sección (carpeta), crea una nueva carpeta por cada categoría de documentos a publicar. Utiliza para nombrar tus carpetas los mismos nombres que tendrán las categorías en tu sitio web Ej. Recuerda que las categorías están "contenidas" en sus secciones correspondientes. Y EN EL TERCER NIVEL COLOCA LOS DOCUMENTOS O PÁGINAS WEB: Finalmente, en cada una de las categorías (carpetas) coloca todos los documentos a publicar dentro de ellas, ej: Si tienes todos los textos de tu sitio web en un solo archivo Word, debes empezar a seccionarlos y a dividirlos en varios. La idea es, repito, que tengas una hoja Word por cada documento web de tu sitio. Y que la mayor cantidad de documentos corresponda necesariamente a una sección y categoría de la información. Si notas que hay algunos documentos que no pueden ser clasificados en ninguna de tus secciones y categorías, simplemente colocarlos en una carpeta llamada "Sin Categorizar" que debes crear en tu carpeta del proyecto "Sitio Web" Cada hoja word perteneciente a un documento web debería contener entonces:  Los textos del documento  La vinculación a sus imágenes, archivos flash, u otro material digital / multimedia  Datos y metadatos, ej: título del documento, breve descripción y términos claves asociados  indicar sus relaciones (enlaces con otros documentos) Lic. José Luis Ponce Segura www.redtacna.net Pag. 22 de 32
  23. 23. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web  indicar si el documento contiene elementos interactivos, por ej, formularios, botones de llamada a la acción, etc. 5.2. FOTOGRAFÍAS E IMÁGENES Las fotografías se sugieren colocarlas en un directorio "imagenes" y referenciarlas desde cada documento Word, llamándolas por su nombre de archivo. Algunos tips para imágenes:  Si tienes muchas imágenes tal vez sea necesario clasificarlas / organizarlas en diferentes carpetas  Nombra los archivos con nombres representativos de lo que contienen, evita usar solo números  Usa para los nombres de imágenes solo caracteres alfanuméricos, reemplazando los espacios por guiones "_" o "-"  No uses caracteres extraños para los nombres de archivo  Si tienes fotos en secuencia, serializalas con un nombre seguido de un número creciente cada una de ellas, ej: producto_x_01.jpg, producto_x_02.jpg, producto_x_03.jpg, etc.  Si puedes baja el tamaño y peso de archivo sin perder la calidad de visualización/resolución  Si las dimensiones de tus imágenes es demasiado grande, reducirlas a un máximo de 800 pixeles de ancho 5.3. QUÉ CONTENIDOS DEBE TENER UN SITIO WEB CORPORATIVO Algunas sugerencias:  Un mensaje directo a tus usuarios que les explique: de qué trata el sitio y cómo pueden usarlo, qué tipo de información encontrarán en él, a quiénes está dirigido tu mensaje, qué prometes y con qué te comprometes, etc.  Información bien detallada de tu empresa, actividad o profesión (quiénes somos, valores, misión y visión, historia, trayectoria, miembros, etc)  Lista de clientes que han confiado en tu empresa, y Testimonios o casos de éxito de tus clientes  Fotografías de tu gente (staff), y de tu infraestructura: fotos de tus oficinas, showrooms, locales comerciales, planta fabril, flota de vehículos, etc  Información explícita sobre tus ventajas competitivas, propuestas únicas de valor para tus clientes, compromisos asumidos, garantías de calidad, certificaciones, premios y logros obtenidos.  Información completa y bien detallada de tus productos o servicios (no escatimes datos que puedan ser útiles para que tus clientes conozcan lo que ofreces)  Cartas de ventas con textos orientados a despertar el interés en lo que ofreces, con propuestas concretas y ofertas cerradas  Documentación e información de interés sobre el rubro, o actividad, divulgación sobre Investigación y Desarrollo, artículos y whitepappers, etc  Novedades, eventos y cualquier información de valor de tu sector/rubro/actividad o empresa Lic. José Luis Ponce Segura www.redtacna.net Pag. 23 de 32
  24. 24. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web CAPITULO VI LA APARIENCIA ESTÉTICA Y VISUAL DE TU SITIO 6.1. SOBRE EL SISTEMA DE TEMPLATES DE JOOMLA! Joomla posee un sistema de templates o plantillas, encargado de definir:  La configuración estructural de la interfaz gráfica de usuario (la pantalla),  La disposición de los diferentes elementos y su aspecto estético, y  El formato de estilo visual (colores, imágenes de fondo, tipografía, íconografía, divisiones, etc.) La mayor flexibilidad de Joomla se deriva de su filosofía de desarrollo MVC (modelo-vista- controlador) Esto es la separación de los contenidos por un lado y el diseño (presentación), por otro. Hablando con propiedad el concepto MVC es más complejo pero no lo explicaré aquí para simplificar Lo importante de este patrón es que implica que podemos cambiar en un instante el diseño visual de cualquier sitio Joomla! sin alterar sus contenidos, ni su organización, ni su navegabilidad, ni sus funcionalidades. Cuando instalas tu Joomla por primera vez, este ya trae tres templates instalados y uno que está asignado para cargar por defecto (Rhuk Milkyway). Luego puedes cambiar el aspecto visual de tu sitio simplemente:  Descargando de Internet e instalando nuevos templates, los cuales podrás configurarlos y personalizarlos en la medida de tus posibilidades,  Creando (o encargando) templates desarrollados a medida, para Joomla. o también  Personalizando los templates que ya vienen instalados por defecto 6.2. ¿COMO INSTALAR UNA TEMPLATE?  Ingrese al Panel de administración de Joomla  Luego diríjase al menú [Extensiones]  Luego seleccione [Instalar/Desinstalar] Lic. José Luis Ponce Segura www.redtacna.net Pag. 24 de 32
  25. 25. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web  Luego debe hacer clic en el botón subir Archivo & Instalar:  Luego deberá mostrar un mensaje de éxito, el cual nos indica que la plantilla fue instalada correctamente Luego para establecer la plantilla recientemente instalada, debemos seguir el siguiente procedimiento:  Ir al menú [Extensiones]  Luego seleccionar [Gestión de Extensiones]  Ahí deberemos seleccionar la plantilla recién instalada y luego hacemos clic en el botón [Predeterminado]  Luego observará que la plantilla seleccionada es la predeterminada Lic. José Luis Ponce Segura www.redtacna.net Pag. 25 de 32
  26. 26. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web CAPITULO VII CREACIÓN O EDICIÓN DE DOCUMENTOS 7.1. CREAR UN DOCUMENTO NUEVO (PÁGINA WEB) Desde el Panel Principal debe hacer clic en Add New Article 7.1.1. EDITOR VISUAL Joomla 1.5.x ya viene con un editor de contenidos visual (WYSIWYG), llamado TinyMCE 2.x. Este editor tiene dos áreas principales: El Área de herramientas y el campo de trabajo. Lic. José Luis Ponce Segura www.redtacna.net Pag. 26 de 32
  27. 27. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web 7.1.2 INTERFAZ DE EDICIÓN/CREACIÓN DE UN DOCUMENTO WEB  Datos y estado del documento: Titulo del documento, alias, estado de publicación (publicado o no publicado), sección y categoría a la cual pertenece el documento actual, front page (esto nos indica si el documento está publicado en la página principal o no)  Campo de trabajo: el mismo es donde va el cuerpo del documento: el texto, las imágenes, y los enlaces que se pueden editar (todo esto se llama hipertexto).  Campo de Herramientas: Aquí están las herramientas que sirven para "formatear" el cuerpo del documento editado: incrustar y editar imágenes, alinear el texto/imagen, establecer jerarquías entre encabezados de textos (títulos y subtítulos entre los diferentes párrafos), insertar tablas, enlaces, utilizar formato para los párrafos de texto: viñetas, negritas, itálicas, etc. Al crear un documento nuevo (ver imagen 16), debe colocarle un titulo al documento, un alias (usualmente es el mismo que colocamos en el titulo), y seleccionar una sección y categoría (previamente creadas) donde pertenecerá ese documento. Luego proceda a colocar el contenido del documento en el campo de trabajo, utilizando el editor visual para formatear el contenido. Cuando el documento está listo: Guarde o aplique los cambios. Lic. José Luis Ponce Segura www.redtacna.net Pag. 27 de 32
  28. 28. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web 7.1.3 GUARDAR/CANCELAR LOS CAMBIOS REALIZADOS 1- Guardar la edición del documento (guarda y cierra el documento actual) 2- Aplicar la edición y continuar editando (guarda el cambio pero el documento actual carga nuevamente) 3- Cerrar la edición, los cambios realizados hasta el momento sin haber clickeado en los botones 1 y 2 no serán guardados. 7.2. EDITAR/CONFIGURAR DOCUMENTOS 7.2.1. EDITAR CONTENIDO, DOCUMENTO/PÁGINA WEB Existen varias formas de encontrar el contenido que queremos editar (dependiendo de si se trata de un sitio web pequeño con pocas páginas o uno grande con muchos documentos): a) Ir a >> Contenido >> Gestor de Artículos >> b) Aparecerán todos los documentos listados, cuyos nombres se ven en la columna "Título". Haga click en el "nombre del documento" que desea editar. Lic. José Luis Ponce Segura www.redtacna.net Pag. 28 de 32
  29. 29. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web c) En el Gestor de Artículos se puede filtrar la lista de contenidos por sección y/o categoría: Seleccionar Sección y Categoría (ver imágenes 20 y 21) >> Aparecerán todos los documentos listados cuyos nombres están en la columna Título, haga click en el que desea editar. d) Cuando encontró el artículo de contenido que desea editar, debe hacer clic sobre el título (columna "Título"), y será dirigido a la interfaz de edición del documento en cuestión, tal como se vio en la figura del punto 7.1.2. 7.3. CONFIGURAR PREFERENCIAS DE PUBLICACIÓN Cuando se crea un artículo y se publica sin haber configurado/editado las preferencias que por defecto trae Joomla, la parte pública del contenido principal (maincontent) se ve así: Todos los textos e íconos que están en los recuadros rojos de la imagen anterior, dependiendo de la temática o el tipo de sitio que estamos creando, pueden o no estar activados. Lic. José Luis Ponce Segura www.redtacna.net Pag. 29 de 32
  30. 30. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web  Si usted no desea estos elementos -Todos o algunos- lo que debe hacer es ir a Contenido >> Gestor de Artículos >> Preferencias  Luego se abrirá una pantalla con las preferencias:  En ella deberá establecer los valores para los parámetros de los artículos, luego guardar los mismos. Lic. José Luis Ponce Segura www.redtacna.net Pag. 30 de 32
  31. 31. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web Veamos cómo activar o desactivar dichos elementos Artículo original Cambiando preferencias Luego deberá hacer clic en Guardar Lic. José Luis Ponce Segura www.redtacna.net Pag. 31 de 32
  32. 32. I.S.T. “F.P.G.V.” Computación e Informática Diseño y Gestión de Sitios Web Vista del artículo luego de cambiar las preferencias Lic. José Luis Ponce Segura www.redtacna.net Pag. 32 de 32

×