Instalacin y Configuracin de Extensiones en Joomla 1'5

1
Instalación y Configuración de Extensiones en
Joomla 1.5

• Las cuatro extensiones fundamentales para tu
  sitio Web Joomla 1.5

2

• Qué son las extensiones en Joomla 1.5?

• Joomla parte de una configuración inicial (la que
  encontramos tras la instalación y que luego
  debemos modificar y adaptar a nuestras
  necesidades.
• Las funcionalidades de Joomla se basan en
  Módulos. Son bloques que podemos añadir o
  quitar a conveniencia, así como permitir que se
  vean o no, o establecer para cada una de las
  páginas en qué lugar queremos que se vea.
• Pero podemos añadir nuevas funcionalidades
  gracias a las Extensiones Plantillas
  Componentes, Plugins y Mambots.

3

• Qué diferencia hay entre unas y otras?

• En Joomla 1.5 ya no nos importa.
• En las versiones anteriores al instalar había que
  decirle si era un Componente , un Plugin o un
  Mambot. Ahora ya no. Joomla 1.5 detecta
  automáticamente lo que es y lo instala llevándolo
  a la carpeta que corresponda.
• Lo primero es ir al panel de administración de
  Joomla 1.5, con perfil de Superadministrador
  (único capacitado para instalar nuevos
  componentes).

4

• Instalar extensiones (1)

Para mostrar el proceso instalaremos una nueva
plantilla. La plantilla por defecto tras la
instalación tiene este aspecto
5

• Instalar extensiones (2)

• Vamos a Extensiones/ Instalar-desinstalar

6

• Instalar extensiones (3)

• Llegamos al gestor de extensiones. Hacemos clic
  sobre Seleccionar archivo.

7

• Instalar extensiones (4)

• Seleccionamos en el navegador de archivos que
  aparece, el archivo de la plantilla. Son archivos
  .ZIP, Joomla se encarga de descomprimirlos.

8

• Instalar extensiones (5)

• Ya vemos el archivo seleccionado aquí.
• Hacemos clic en Subir archivo e instalar. Lo
  demás no nos importa.

9

• Instalar extensiones (6)

• Si es incompatible nos da un aviso como este.
  Probaremos con otra plantilla

10

• Instalar extensiones (7)

• Si es incompatible nos da un aviso como este.
  Probaremos con otra plantilla (redevo_Aphellion-de
  sc)
• Ahora si nos da mensaje de Instalar plantilla
  con éxito

11

• Configurar la plantilla predeterminada(1)

• Para ver la plantilla volvemos al panel de
  configuración y entramos en Extensiones/Gestor
  de Plantillas

12

• Configurar la plantilla predeterminada(2)

• Vemos nuestra plantilla recién instalada
• La plantilla por defecto es esta.
• Hay otras dos plantillas más en la preinstalación

13

• Configurar la plantilla predeterminada(3)

• Seleccionamos la plantilla que queremos
• Hacemos clic sobre la estrella.
• Nuestra plantilla se convierte en predeterminada.
• Volvemos al panel de control.

14

• Configurar la plantilla predeterminada(4)

• Si vamos al Front-End veremos el nuevo aspecto
  del sitio.

15

• Configurar la plantilla predeterminada(5)

• Atención, esta es la plantilla general, para todo
  el sitio, pero podemos hacer excepciones
• Después de crear una sección se puede asignar una
  plantilla diferente para esta sección. Se
  selecciona la plantilla que se quiera y se activa
  la casilla Asignado.

16

• Extensiones interesantes(1)

• Por supuesto elegir una buena plantilla, que
  tenga
• Buen aspecto
• Compatibilidad con los módulos
• De 2 o de 3 columnas según se considere.
• Pero además se recomiendan estas cuatro
  extensiones por sus utilidad y las posibilidades
  que ofrecen
• Editor JCE (Editor de textos para Joomla)
• DocMan (Administrador de subidas y descargas de
  archivos)
• Exposé4 (Galerías de fotos en Flash)
• Jevents Calendar (Calendario con posibilidad de
  establecer eventos)

17

• Editor JCE(1)

• Partimos de un hecho cierto Todos los editores
  para Joomla son malos. Descolocan el texto, no
  tienen demasiadas opciones de integración de
  archivos multimedia, etc.
• Por su aspecto, quien haya trabajado con los
  Blogs de Educastur Blog puede pensar que son
  similares. Por desgracia no es así. Son bastante
  inferiores.
• De entre todos, el menos malo es sin duda JCE
  (Joomla Content Editor)

18

• Editor JCE(2) (Instalación)

• Instalamos JCE editor. Podemos bajarlo de
  Internet, pero se facilita el archivo instalador
  en esta publicación.
• Obtener JCE
• Al abrir la carpeta tenemos todo esto. Hay que
  ir instalándolos uno por uno. El primero debe ser
  el complemento (Empieza por com_)

19

• Editor JCE(3) (Instalación)

• Vamos a Extensiones/Instalar y desinstalar.

20

• Editor JCE(4) (Instalación)

• Y vamos eligiendo sucesivamente los archivos de
  la carpeta. Se van instalando por orden.

21

• Editor JCE(5) (Instalación)

• Subir archivo e instalar.

22

• Editor JCE(6) (Instalación)

• Esperamos a que nos de el mensaje de confirmación
  y procedemos con el siguiente.

23

• Editor JCE(7) (Instalación)

• Así instalamos la traducción al español. Pese al
  mensaje correcto, luego no funciona.
• El primer Plugin.
• (los plugins añaden funcionalidades al
  complemento)

24

• Editor JCE(8) (Instalación)

• Instalamos el segundo plugin.
• Y el tercero.

25

• Editor JCE(9) (Instalación)

• Ahora hay que activar los módulos y plugins.
  Vamos al panel de control y miramos en el menú
  Componentes.
• Vemos un nuevo componente. El resto vienen en la
  preinstalación

26

• Editor JCE(10) (Instalación)

• Pero si entramos en el panel de control del
  componente.
• Da un error. Algo falta.

27

• Editor JCE(11) (Instalación)

• Así que vamos al gestor de módulos a buscar si
  hay algún nuevo módulo relacionado con JCE sin
  publicar. Menú Extensiones, gestor de módulos.

28

• Editor JCE(12) (Instalación)

• No hay ningún módulo JCE.

29

• Editor JCE(13) (Instalación)

• Vamos a ver en los plugins.

30

• Editor JCE(14) (Instalación)

• Hay tres plugins. Uno ya está activo. Los otros
  dos no. Debemos activarlos. (Media Object y JCE
  Utilities).

Para activarlos simplemente hacemos clic
aquí También conviene activar el Modo Legacy.
31

• Editor JCE(15) (Instalación)

• Si ahora vamos a Sitio/Configuración global,
  podemos configurar el editor por defecto. En la
  lista aparecerá el JCE.
• Lo elegimos.

No obstante, un usuario podrá establecer en su
perfil otro editor de la lista como
predeterminado para él.
32

• Editor JCE(16)

El aspecto del editor es este.
33

• Docman (Gestor de archivos)

• Nos va a servir para dos cosas
• Para poner archivos a descargar desde nuestro
  sitio.
• Para permitir a algunos usuarios del Front-End
  subir archivos al servidor para crear sus
  artículos sin FTP y sin acceso al Back-End.
• Los archivos para su instalación pueden obtenerse
  en esta dirección
• http//extensions.joomla.org/component/option,com_
  mtree/task,viewlink/link_id,82/Itemid,35/
• O de esta misma publicación aquí

34

• Docman (1) Instalación

• Debemos instalar de la misma forma que antes
  estos dos archivos. Primero siempre el
  complemento.

35

• Docman (2) Instalación

• Seleccionamos y Abrir

36

• Docman (3) Instalación

• Clic en Subir e instalar.
• Mensaje de confirmación de subida exitosa

37

• Docman (4) Instalación

• Hacemos lo propio con el Plugin.
• Comprobamos que no hay módulos pendientes de
  activar.
• En cambio si deberemos activar un plugin (DOCLink)

38

• Docman (5) Instalación

• Si ahora vamos a Componentes, vemos el
  componente Docman. Podemos desplegar el menú de
  opciones.

39

• Docman (6) Configuración

Hay que aclara que en Docman las Categorías
son simplemente carpetas en las cuales vamos a
clasificar los archivos. No tienen nada que ver
con las categorías de Joomla. En mi caso he
creado una categoría por Departamento, así como
otra para Extraescolares, Nuevas Tecnologías,
Etc..
40

• Docman (7) Configuración

Si entramos en el gestor de categorías podemos
ver esto y crear las categorías que queramos.
Después de crearlas hay que publicarlas para que
se vean.
41

• Docman (8) Configuración

Como ejemplo he creado dos categorías. La
primera para Tecnologías y la segunda para
Francés. Importante les asigno nivel Registrado
Solo los usuarios registrados y superiores podrán
descargar archivos
42

• Docman (9) Configuración

En el listado de categorías las vemos así
43

• Docman (10) Configuración

Y si entramos por el Front-End veríamos esto al
entrar en Docman (si somos usuario registrado o
de nivel superior)
Pero Cómo llega un usuario hasta aquí?
44

• Docman (11) Configuración

Para poder utilizar un componente desde el
Front-End debemos crear una entrada de menú que
nos enlace a ese componente. Eso lo hacemos así

• Vamos a menú y en este caso menú principal que
  es donde quiero que aparezca el enlace a Docman.

45

• Docman (12) Configuración

• Y creamos una nueva entrada de menú.

46

• Docman (13) Configuración

• Será una entrada de tipo Enlace a Componente.
  En concreto seleccionamos Docman

47

• Docman (14) Configuración

• Le llamo Descargas.
• Aparecerá el último del menú Principal.
• Y muy importante para que solo lo vean los
  usuarios con perfil de Usuario Registrado o
  superior selecciono acceso Registrado

48

• Docman (15) Configuración

• Inicialmente cuando accedo al Front-End sin
  registrarme veo esto

49

• Docman (16) Configuración

• Pero cuando me logueo los menús cambian y
  aparece una entrada nueva Descargas.

50

• Docman (17) Configuración

• Esa es la puerta de acceso a Docman para
  descargar archivos. Atención Únicamente para
  descargar archivos.

51

• Docman (18) Configuración

Otro asunto es cómo subir archivos desde el
Fron-End. Para ello hay que recurrir a un truco.
Teniendo en cuenta que sólo deben poder acceder a
subir archivos lo publicadores. Antes de nada
hay que aclarar que

• Pese a que creemos categorías, en Docman todos
  los archivos que subamos se almacenan en la misma
  carpeta del FTP joomla/dmdocuments. Es
  configurable pero conviene dejarla en la opción
  por defecto
• http//web.educastur.princast.es/ies/matajove/joom
  la/dmdocuments/nombredelarchivo

52

• Docman (19) Configuración

Analicemos
http//web.educastur.princast.es/ies/matajove/j
oomla/dmdocuments/nombredelarchivo.swf
Dirección FTP de Educastur
Nombre del archivo.
Carpeta de Docman en Joomla
Depende de cada centro
53

• Docman (20) Configuración

Y para abrir la puerta a esta carpeta hacemos lo
siguiente (Cuidado, estamos abriendo una puerta
falsa al Back-End, por tanto hay que estar
seguros de a quién se abre)

• Vamos a crear otra nueva entrada de menú en el
  menú Principal a la que llamaremos Subir
  archivos, sólo para usuarios de nivel Especial.

54

• Docman (21) Configuración

• Hacemos clic en nuevo.

55

• Docman (22) Configuración

• Debemos engañar a Joomla diciéndole que se trata
  de un enlace externo.

56

• Docman (23) Configuración

• Ponemos el nombre a la entrada de menú.
• Establecemos la dirección del enlace.
• Lo situamos dentro del menú principal, abajo del
  todo.
• Le damos acceso especial.

Y cual es la dirección del enlace?
57

• Docman (24) Configuración

Aquí está el truco. Para saber la dirección del
panel desde el que subimos los archivos acudimos
a él

• Vamos a Componentes/ Docman/Files

58

• Docman (25) Configuración

• Nos interesa la dirección de la barra de
  direcciones del navegador. La seleccionamos y la
  copiamos con ControlV para después pegarla en la
  ventana correspondiente de creación de la entrada
  de menú.

59

• Docman (26) Configuración

• Pegamos aquí y guardamos.

60

• Docman (27) Configuración

• Ahora vamos al Front-End y nos logueamos (Con un
  perfil superior al de Usuario Registrado).
  Veremos una entrada de menú nueva llamada Subir
  Archivos.

61

• Docman (28) Configuración

• Al hacer clic aquí se accede al panel de subida
  de archivos de Docman. Hay que dejar claro que
• Sólo se subirán archivos pequeños. Si se detecta
  algún archivo de gran tamaño se borrará.
• Únicamente para archivos PDF o SWF (ver porqué en
  el manual del publicador. El resto de los
  archivos deben incrustarse desde un servicio
  externo.

Para subir un archivo se hace clic aquí Ver el
manual del publicador
62

• Exposé4(1) Instalación

• Permite subir muchas fotos a la vez y crear
  fácilmente un álbum con ellas, organizar los
  álbumes, renombrarlos, borrarlos, etc
• Ajusta automáticamente el tamaño de las imágenes.
• Presenta claramente los álbumes para que el
  lector elija el que quiere ver.
• Presentación muy vistosa de las fotos con efecto
  roller, y posibilidad de ampliar, pasar de una
  en una, etc El aspecto es impecable.
• Puede descargarse de esta dirección
• http//extensions.joomla.org/extensions/images--m
  ultimedia/photo-flash-gallery/254/details
• O también de aquí

63

• Exposé4(2) Instalación

De forma análoga a como hacíamos con Docman

• Para que se pueda visualizar los álbumes el
  administrador debe crear un enlace Fotos que
  nos lleve a las galerías de Exposé.
• El administrador debe recurrir a un truco para
  hacer accesible a los publicadores el subir sus
  propias galerías. Se trata de crear un enlace
  desde un menú al Mánage Albums de Exposé4, de
  acceso Especial.
• El administrador (si quiere) dará la contraseña
  de entrada al Manage Albums de Exposé4.
• Cuidado porque cualquier persona que accede ahí
  puede crear un álbum, pero también borrar el de
  otro. Por tanto debe haber responsabilidad y
  confianza mutua.

64

• Exposé4(3) Instalación

• Instalamos Exposé4, es decir, este archivo .ZIP
  de la forma habitual.

65

• Exposé4(4) Instalación

• En el mensaje de confirmación de subida e
  instalación debemos fijarnos en esto es la
  contraseña para acceder al panel de
  administración de Exposé4

66

• Exposé4(5) Instalación

• Si ahora vamos a Complementos/
• Exposéprive/manage Albums entramos en el panel
  de administración de Exposé4.

67

• Exposé4(6) Instalación

• Para entrar nos pide la contraseña. Por defecto
  está configurado para manager.

68

• Exposé4(7) Instalación

• Aquí es donde se crean los álbumes.
• Para aprender a crear un álbum ver el 2manual del
  publicador.
• Ahora sólo nos interesa la dirección de este
  panel.

69

• Exposé4(8) Instalación

• Abriremos una puerta trasera mediante un enlace
  (de acceso especial) desde el menú principal del
  Front-End a esta pantalla.

• La dirección a la que debemos dirigir ese enlace
  es esta.

70

• Exposé4(9) Instalación

• Crearemos dos entradas de menú
• Una con el nombre Fotos dará acceso al
  componente sólo para visualizar las galerías.
  Será de acceso Registrado
• Otro, de acceso Especial, lo llamaremos Subir
  Galería y será de tipo enlace externo con la
  dirección obtenida por el procedimiento expuesto
  en la diapositiva anterior. Esta entrada de menú
  servirá para que cualquier publicador pueda subir
  una galería de imágenes.

71

• Exposé4(10) Instalación

• Al final si entramos con nivel de usuario
  especial al Front-End veremos esto

Con fotos podremos visualizar las galerías ya
creadas. Con subir Galería podremos añadir más
galerías
72

• Exposé4(11) Visualización

Visualizar galería
73

• Exposé4(12) Creación

Crear galería
74

• JEvents Calendar (1) Instalación

• Permite mostrar un calendario en el que se
  resaltan eventos que se organicen en el centro.
  Se pueden crear categorías de eventos (Exámenes,
  evaluaciones, salidas extraescolares, etc..) y
  asignar un color distinto a cada una de ellas.
• Al hacer clic sobre la fecha mostrará la
  información que hayamos introducido relativa al
  evento.
• Puede descargarse de esta dirección
• http//extensions.joomla.org/extensions/calendars
  --events/events/95/details
• O también de aquí

75

• JEvents Calendar (2) Instalación

• Instalamos JEvents, es decir, estos archivos .ZIP
  de la forma habitual. Ojo, primero el módulo,
  luego el complemento, y por último los dos de
  abajo.
• Mensajes de éxito al subir el módulo

76

• JEvents Calendar (3) Instalación

• También con éxito el complemento.

77

• JEvents Calendar (3) Instalación

• Después se instalan con éxito el módulo y el
  complemento para manejar JEvents desde el
  Front-End.
• Ahora hay que activar los módulos. Vamos a
  Extensiones/Gestor de módulos

78

• JEvents Calendar (4) Instalación

• Buscamos los módulos y los activamos (habilitar).
  Si no, no se verán.

79

• JEvents Calendar (5) Instalación

• Como no se instaló ningún Plugin no hay que
  activar ninguno.
• Buscamos el complemento en el menú Componentes.
• Vamos a Configuración

80

• JEvents Calendar (6) Configuración

• Conviene (si queremos descargarnos de trabajo)
  habilitar que los publicadores puedan establecer
  eventos. Inicialmente está configurado para que
  puedan solamente los administradores.

81

• JEvents Calendar (7) Configuración

• Otro asunto importante es establecer categorías
  de eventos. Permite asignar un color a cada
  categoría. (No tienen nada que ver con las
  categorías de artículos)

82

• JEvents Calendar (8) Configuración

• Como ejemplo, voy a crear dos categorías Una
  para las fechas de evaluaciones en color verde y
  otra para las celebraciones (Día de la paz, día
  de la mujer, etc) en color azul. Hacemos clic en
  Nuevo

83

• JEvents Calendar (9) Configuración

• Le asigno color, Nombre y nivel de acceso
  Registrado. Y lo guardo. Repito con la otra
  categoría.

Color
Nombre
Acceso
84

• JEvents Calendar (10) Configuración

• Al volver al panel de administración de las
  categorías de JEvents vemos esto. Hay dos
  categorías, pero están sin publicar. Las
  publicamos.

85

• JEvents Calendar (11) Configuración

• Los usuarios con nivel de Publicador o superior
  podrán crear eventos y asignarlos a fechas,
  dentro de las categorías correspondientes. Para
  aprender a crear eventos con JEvents ver el
  Manual del publicador, de esta misma
  publicación.

86

• JEvents Calendar (12) Configuración

• Debemos crear una nueva entrada de menú para que
  se pueda acceder a la creación de eventos desde
  el Front-End. En este caso JEvents permite
  establecer el nivel de acceso. Lo haremos de la
  siguiente manera
• Los Usuarios registrados podrán ver el calendario
  y consultar los eventos, pero no verán la entrada
  de menú Crear Eventos, ni tampoco podrán
  crearlos.
• Los publicadores y superiores podrán ver el
  calendario y consultar eventos, y además verán en
  el menú principal una entrada de menú para
  acceder al panel de creación de eventos.

87

• JEvents Calendar (13) Configuración

• La entrada de menú será de tipo Componente y
  en concreto a Eventos.

88

• JEvents Calendar (14) Configuración

• Ponemos el nombre Crear Evento.
• La situamos en el menú Principal.
• Establecemos acceso Especial para que no lo
  vean ni los Invitados ni los Usuarios
  Registrados.
• Guardar.

89

• JEvents Calendar (15) Configuración

• Al entrar en el Front-End y loguearnos con perfil
  de Publicador o superior veremos este menú
  Principal.Hay una nueva entrada de menú Crear
  evento.
• Para visualizar un evento en una fecha sólo hay
  que hacer clic sobre la fecha en el calendario.

90

• JEvents Calendar (16) Configuración

• Pero inicialmente el calendario se muy abajo y a
  la izquierda. Queremos verlo arriba y a la
  derecha.
• Deberemos modificar la posición del módulo en el
  Back-End. Iremos al Gestor de módulos. Hacemos
  clic para editar el módulo Events Calendar.

91

• JEvents Calendar (17) Configuración

• Cambiamos posición a Right (derecha) y posición a
  0, la más alta dentro de la columna derecha

Antes
Después
92

• JEvents Calendar (18) Configuración

• Y ahora se verá así en la portada.

93
Instalación y Configuración de Extensiones en
Joomla 1.5

• Fin de la Presentación