Joomla! 1.5 Para Principiantes

Instalación y configuración básicaLuis Barriocanal - www.edujoomla.es

Joomla! 1.5

19 Abril 2008 Joomla!Day España

Un servidor web para Joomla

Un servidor Web para Joomla!

2



¿Por qué un servidor Web?Joomla no es un programa para diseñar páginas web, sino un gestor de contenidos (CMS) Funciona como una aplicación que se ejecuta en un servidor web

Necesita un entorno especial para poder funcionar

Servidor web Apache

Gestor de base de datos Mysql

Intérprete de lenguaje Php

PhpMyadmin para gestionar Mysql vía web

3



OpcionesInstalación de un servidor web local

Se instala como otras aplicacionesOpciones diferentes según SO

Easy Php: Para WindiowsXAMPP: Para Windiows, Linux y MacMAMP: Para MacServidor integrado en el Sistema Operativo: Linux y Mac

Contratación de un plan de hosting comercial

4

http://www.easyphp.org/

http://www.easyphp.org/

http://www.apachefriends.org/en/index.html

http://www.apachefriends.org/en/index.html

http://www.mamp.info

http://www.mamp.info



Descarga e instalación de

5

En www.apachefriends.org

buscamos la distribución de XAMPP para nuestro sistema operativo

http://www.apachefriends.org

http://www.apachefriends.org



Descarga e instalación de 2

6

Descargamos el paquete de instalación

de XAMPP



Descarga e instalación de 3

7

Seguimos las instrucciones de

instalación



4 puntos clave

8

Arranque del servidor

Acceso a la interfaz web: http://localhost

Directorio Web: aplicaciones/xampp/xamppfiles/htdocs

PhpMyAdmin

http://localhost

http://localhost



Arrancando

9

Buscamos el panel de control de

XAMPP y arrancamos el servidor



http://localhost/

10

Accedemos a la interfaz de

administración enhttp://localhost/

http://localhost

http://localhost

http://localhost

http://localhost


Instalación de Joomla

Instalación de Joomla! 1.5

11



1. Descargar paquete de instalación

12

En página oficial de Joomla en español

www.joomlaspanish.org buscamos la distribución

más actual

http://www.joomlaspanish.org

http://www.joomlaspanish.org



13

Descargamos uno de los paquetes

disponibles

19 abril 2008 Joomla!Day España


14

Extraemos los archivos del paquete

comprimido



15

Cambiamos el nombre a la carpeta

resultante para ponerle uno más sencillo



16

Colocamos la carpeta joomla15 en el directorio

web localhtdocs

2. Preparación de los archivos de instalación



17

En Mac y en Linux tendremos que dar

permisos de escritura a la carpeta joomla15

2. Preparación de los archivos de instalación



18

En la página principal de XAMPP

buscamos phpMyAdmin

3. Crear la base de datos

En phpMyAdmin crearemos una nueva base de datos a la que

llamaremos p.e. joomla15



4. Ejecutar el asistente de instalación

19

En el navegador vamos a http://localhost/joomla15

http://localhost/joomla15

http://localhost/joomla15



4.1. Asistente de instalación: Idioma

20

1 Seleccionamos el

idioma preferido para el asistente

2 Pulsamos en

siguiente



4.2. Asistente de instalación: Comprobación previa

21

Si todo está bien pulsamos en

siguiente

Si aparece esta advertencia es que no

hemos ajustado permisos de escritura



4.3. Asistente de instalación: Licencia

22

Leemos los términos de la

licencia y pulsamos en siguiente



4.4. Asistente de instalación: Base de datos

23

Completamos el formulario y pulsamos en

siguiente

En XAMPP las bases de datos

vienen sin contraseña



4.5. Asistente de instalación: Configuración de FTP

24

Lo dejamos como está y pulsamos

en siguiente

Es una de las novedades de Joomla 1.5 pero no la vamos

a utilizar



4.6. Asistente de instalación: Configuración Principal

25

Completamos y pulsamos en

siguiente

Es aconsejable instalar los datos

de ejemplo

Una vez completada la instalación podremos cambiar estos datos desde el panel de

administración



4.7. Asistente de instalación: Finalizar

26

Debemos eliminar la carpeta installation antes de poder

acceder a nuestra nueva web



27

También la podemos renombrar, por si hubiera que repetir la

instalación

4.7. Asistente de instalación: Borrar carpeta installation



28

Portada de Joomla



29

Administrador de Joomla



30

¿ Repetimos?Pulsar para ver

el vídeo

http://lbarriocanal.googlepages.com/Instalar_Joomla15-XAMPP.mov

























Joomla 1.5 funcionalidades básicas

Joomla! 1.5 Funcionalidades Básicas

31



Conceptos Clave 1 Administración

2 Diseño

3 Contenido

4 Navegación

5 Extensiones

6 Jerarquía de usuarios

32



1. Administración

frontzona pública

33

2 zonas diferenciadas

backzona privada



Accedemos a la zona de administración

34

Para gestionar el contenido y las funciones de joomla



2. Diseño

Separación de diseño y de contenido

Diseño basado en plantillas o templates

Contenido: se almacena en una base de datos

Gestor de plantillas: permite cambiar el aspecto del sitio sin necesidad de editar el contenido

35



Separación de diseño y contenido

36

Base de datos

Plantilla

DISEÑO

CONTENIDO



Podemos cambiar el aspecto sin editar el contenido

37



Y utilizar plantillas diferentes para distintas secciones o páginas de una misma web

38

www.aulablog.com/edublogs2007 www.aulablog.com/edublogs2008



Como por ejemplo en:

39

http://www.aulablog.com/edublogs2007






Y también podemos cargar plantillas adicionales

40

En distintos portales temáticos sobre Joomla hay cientos de plantillas listas para su descarga e instalación: de ancho fijo, de ancho variable, a dos columnas a tres columnas, gratuitas, de pago .....



Y editar el código de la plantilla desde la zona de administración

41

Editor código html Editor CSS



3. Contenido

42



La unidad básica de contenido es el artículo

43

Artículo destacado a una columna

Artículos siguientes a 2 columnas



Desde el administrador de artículos ...

44

Barra de herramientas

Lista de artículos



Editamos los artículos que se publican en el sitio ...

45

Título

Parámetros

Contenido



Con la ayuda de un editor Wysiwyg ...

46

Barra de herramientas de

edición

..que nos permite añadir texto, imágenes y elementos multimedia



Los artículos se organizan jerárquicamente en secciones y categorías

47

Artículo 1

Artículo 2 Artículo N

Artículo 8

Artículo 7

Artículo 6

Artículo 5

Artículo 4

Artículo 3



En el gestor de secciones y categorías

48

se pueden editar, eliminar o añadir nuevas secciones y categorías



Los artículos de una sección o una categoría pueden presentarse en dos formatos

49

Blog(una o varias columnas)

También pueden agruparse artículos de varias secciones o

categorías

Tabla(lista de artículos que pueden ordenarse pulsando en el título

de la columna)



Y también hay artículos “sin clasificar”...

50

Sin clasificar

... que funcionan como documentos de contenido estático (así se llaman en joomla 1.0.X)



4. NavegaciónPara que nuestros visitantes puedan navegar sin naufragar Joomla dispone de un sistema de menús flexible y altamente configurable

51



Con los datos de ejemplo se crean varios menús

52

Menú superior(topmenu)

Menú Recursos

Menú Principal



que se ubican en distintas zonas o posiciones de la plantilla

53

user3

left

Top

right

user2user1

mainbody



Cada menú puede contener items de distinto tipo

54

Un artículo de contenido

Varios artículos (blog o tabla)

Enlace a una URL externa

Enlace a un componente

Etc.



El administrador de menús permite...

55

EditarEliminarAñadir

MENÚS

EditarEliminarAñadir

ITEMS A UN MENÚ



5. Extensiones

• No solo podemos publicar y organizar artículos de contenido informativo

• Las extensiones añaden otras muchas funcionalidades a nuestra web

• Componentes• Módulos• Plugins• Idiomas

56



5.1. Componentes• Los componentes son pequeñas aplicaciones

independientes entre sí que se integran en Joomla

• Añaden distintas funcionalidades a Joomla y convierten nuestro sitio en mucho más que una web de artículos o noticias

57



• Joomla trae varios componentes “de serie” ⁃ Banners (anuncios gráficos) ⁃ Contactos ⁃ Lector de fuentes de noticias RSS ⁃ Encuestas ⁃ Búsquedas ⁃ Enlaces Web

• Y además se pueden añadir fácilmente otros componentes adicionales

58



Componente Banners (Anuncios)Sirve para gestionar las imágenes y logos publicitarios que se publican mediante el módulo del mismo nombre (mod_banners).

• Pueden organizarse por categorías y clientes

• Puede ajustarse el número de veces que se va a mostrar cada banner

59



Componente ContactosSirve para crear un directorio de personas, mostrar su información personal

• Puede organizarse por categorías

• Se puede habilitar un formulario a través del cual los visitantes puedan enviar un mensaje a los miembros del directorio.

60



Componente Newsfeeds (lector de fuentes de noticias RSS)

El componente Noticias Externas es un lector de feeds o canales RSS que nos permite además clasificar y ordenar en categorías distintas fuentes de noticias

61



Componente EncuestasNos permite crear y editar encuestas que se publican mediante el módulo del mismo nombre (mod_poll).

• El módulo encuestas puede publicarse en las páginas deseadas y con la encuesta o encuestas deseadas.

62



Componente WebLinksNos permite crear un directorio de enlaces web de interés para nuestros usuarios clasificados en categorías.

63

• Además de la dirección URL del sitio web en cuestión podemos publicar su título y una pequeña descripción.

• También se mostrará al visitante el número de veces que el enlace ha sido pulsado.



5.2. Módulos

64

• Son pequeños bloques de información distribuidos por la periferia de la plantilla

• Al instalar los datos de ejemplo se crean varios módulos

• Los más importantes son los que muestran los menús de navegación

• Joomla trae “de serie” otros muchos módulos que podemos activar o desactivar fácilmente

• También se pueden instalar módulos adicionales



65

MÓDULOS



66

• Pueden colocarse en distintas posiciones

• Cada plantilla puede tener distintas posiciones en las que ubicar los módulos

• Podemos elegir en qué páginas se muestra un módulo y en cuáles no



En el Gestor de módulos ...

67

... podemos ver la lista de módulos disponibles



68

... podemos configurar el comportamiento de cada uno de los módulos ...



...para...• Cambiar el título

• Mostrar o no mostrar el título

• Habilitar o deshabilitar el módulo

• Cambiar su posición

• Cambiar el orden que ocupa dentro de esa posición

• .....

69



... O determinar en qué paginas se mostrará ...

70



... O configurar los parámetros individuales de cada módulo

71



Podemos crear nuevos módulos a partir de los ya existentes

72



y cargar nuevos módulos eligiendo entre los muchos que desarrolla la comunidad de usuarios de Joomla

73



5.3. Plugins

74

• Los plugins son extensiones que realizan alguna transformación al contenido de Joomla, interceptándolo y manipulándolo de alguna manera antes de que sea mostrado.

• En las versiones anteriores a Joomla! se los conocía como Mambots

• La distribución base de Joomla viene con varios plugins instalados, cada uno de ellos con diferentes objetivos y funciones.

• También se pueden instalar plugins adicionales



75



5.4. Idiomas

76

• Al igual que otros CMS, Joomla permite la participación de varios autores en el desarrollo y mantenimiento del sistema gracias a la posibilidad de asignar diferentes niveles de uso y administración a diferentes usuarios.

• Se puede hacer una gestión colaborativa a la vez que controlada del sitio web y conseguir un mejor reparto de funciones y responsabilidades que estimule la participación.



6. Jerarquía de Usuarios

77



78

En el Gestor de usuarios podemos ver la lista de usuarios del sitio



79

podemos habilitar el registro de usuarios desde la zona pública



80

y podemos dar de alta a los usuarios manualmente



81

el Administrador puede asignar distintos niveles de acceso a los usuarios

para acceder a zonas restringidas del

frontend

para acceder a la zona de administración



82

el acceso a cada artículo, sección, menú o item de menúpuede restringirse a

usuarios registrados

usuarios con permisos

especiales



Recapitulando 1 Administración

2 Diseño

3 Contenido

4 Navegación

5 Extensiones: componentes, módulos, plugins, idiomas

6 Jerarquía de usuarios

83

Joomla! Getting Started

• http://www.slideshare.net/smalcolm/getting-started-with-joomla

Instalación Joomla 1.5

• http://www.slideshare.net/emirpzo/instalacion-joomla-15

Beginners - Joomla! Documentation

• http://docs.joomla.org/BeginnersCentro de Ayuda Joomla! Spanish

• http://ayuda.joomlaspanish.org

EduJoomla• http://www.edujoomla.es



Algunas referencias

84Luis Barriocanal

http://www.slideshare.net/smalcolm/getting-started-with-joomla/

http://www.slideshare.net/smalcolm/getting-started-with-joomla/

http://www.slideshare.net/emirpzo/instalacion-joomla-15/

http://www.slideshare.net/emirpzo/instalacion-joomla-15/

http://docs.joomla.org/Beginners

http://docs.joomla.org/Beginners

http://ayuda.joomlaspanish.org

http://ayuda.joomlaspanish.org

http://www.edujoomla.es/

http://www.edujoomla.es/

19 Abril 2008 Joomla!Day España 85

Technology

Joomla! 1.5 Para Principiantes