You are on page 1of 201

La pgina web del centro con un Gestor de Contenido

Daniel Lpez Avellaneda dani@lubrin.org

CMS
Manual para el curso organizado por:
CEP Cuevas-Olula

+CEP

El Ejido

+CEP

Almera

http://aula.cepindalo.es

Marzo-Abril de 2007

ndice general
I Introduccin 6

0.1. Introduccin . . . . . . . . . . . . . . . . . . . . . 0.1.1. Requisitos previos . . . . . . . . . . . . . 0.2. Funcionamiento del curso . . . . . . . . . . . . . 0.2.1. Los apuntes . . . . . . . . . . . . . . . . . 0.2.2. Las tareas . . . . . . . . . . . . . . . . . . 0.2.3. Los foros . . . . . . . . . . . . . . . . . . 0.2.4. Otros recursos . . . . . . . . . . . . . . . 0.2.5. La evaluacin . . . . . . . . . . . . . . . . 0.3. Conceptos previos . . . . . . . . . . . . . . . . . 0.3.1. Trabajando desde terminal . . . . . . . . 0.3.2. Capturadores de pantalla . . . . . . . . . 0.3.2.1. Capturador de gnome . . . . . . 0.3.2.2. Capturando desde terminal . . . 0.3.2.3. Capturando con The Gimp . . . 0.3.3. Redimensionando imgenes . . . . . . . . 0.3.3.1. Escalar imgenes con The Gimp 0.3.3.2. Escalar imgenes desde terminal 1.1. Introduccin . . . . . . . . . . . . . . . . . . . . . 1.2. Tipos de CMS . . . . . . . . . . . . . . . . . . . 1.3. Propiedades de los CMS . . . . . . . . . . . . . . 1.3.1. Creacin del contenido . . . . . . . . . . . 1.3.2. Gestin del contenido . . . . . . . . . . . 1.3.3. Publicacin del contenido . . . . . . . . . 1.3.4. Presentacin del contenido . . . . . . . . 1.4. Ventajas de un CMS respecto a las web estticas 1.5. Desventajas . . . . . . . . . . . . . . . . . . . . . 1.6. Reconocer webs con CMS . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

. . . . . . . . . . . . . . . . . . . . . . . . . . .

7 7 7 8 8 9 9 9 10 10 11 11 12 12 13 13 13 14 15 16 16 16 16 16 17 17 18

1. Introduccin a los Gestores de Contenido

14

II Joomla!
2. El CMS Joomla!
2.1. Descripcin general . . . . . . . . . . . 2.1.1. Algunos conceptos en Joomla! . 2.2. Manuales y ayuda sobre Joomla! . . . 2.2.1. Manual del usuario . . . . . . . 2.2.2. Manual del administrador . . . . . . . . 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

20
21
21 23 24 24 24

NDICE GENERAL

#2/200 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 24 25 26 26 26 27 27 27 28

2.2.3. Glosario Joomla! . . . . . . . . . . . . . . 2.3. Tipos de usuarios . . . . . . . . . . . . . . . . . . 2.4. Participando en una web con Joomla! . . . . . . 2.4.1. Registrarse en una web con Joomla! . . . 2.4.2. Entrar como usuario registrado . . . . . . 2.4.3. Editar nuestros datos y proponer enlaces 2.4.4. Creando artculos de contenido . . . . . . 2.4.5. Editando artculos . . . . . . . . . . . . . 2.4.6. Publicando artculos . . . . . . . . . . . .

3. Instalacin de Joomla!

3.1. Instalacin de un CMS en localhost . . . . . . . . . . 3.1.1. Introduccin . . . . . . . . . . . . . . . . . . 3.1.2. Preparando el entorno de trabajo . . . . . . . 3.1.3. XAMPP . . . . . . . . . . . . . . . . . . . . . 3.1.3.1. Xampp for Linux . . . . . . . . . . 3.1.3.2. Xampp for Windows . . . . . . . . . 3.1.4. phpMyAdmin . . . . . . . . . . . . . . . . . . 3.2. Instalacin de Joomla! en localhost . . . . . . . . . . 3.2.1. Preparando localhost . . . . . . . . . . . . . . 3.2.2. Descargar Joomla! . . . . . . . . . . . . . . . 3.2.3. Descomprimir el paquete . . . . . . . . . . . 3.2.4. Continuar la instalacin desde el navegador . 3.3. Instalacin de Joomla! en averroes . . . . . . . . . . 3.3.1. El servidor averroes . . . . . . . . . . . . . . 3.3.2. Caractersticas de averroes . . . . . . . . . . 3.3.3. Instalando Joomla! en averroes . . . . . . . . 3.3.3.1. Descargar Joomla! de Internet . . . 3.3.3.2. Descomprimir el paquete descargado 3.3.3.3. Editar algunos cheros . . . . . . . 3.3.3.4. Subir los cheros a averroes . . . . . 3.3.3.5. Algunas modicaciones por FTP . . 3.3.4. Continuar la instalacin con el navegador . . 3.3.5. Adecuar la conguracin a averroes . . . . .

29
29 29 31 31 32 36 42 43 43 43 44 45 49 49 49 51 51 51 52 52 54 55 56 57 58 60 60 60 60 61 61 61 63 63 64 65 65 67 68 68 70

4. Administracin de Joomla!

4.1. Introduccin . . . . . . . . . . . . . . . . . . . . . . . . . 4.2. Conguracin del sitio . . . . . . . . . . . . . . . . . . . 4.3. Creando contenidos . . . . . . . . . . . . . . . . . . . . . 4.3.1. Estructuracin del contenido . . . . . . . . . . . 4.3.2. Creando secciones y categoras . . . . . . . . . . 4.3.2.1. Crear secciones . . . . . . . . . . . . . . 4.3.2.2. Crear categoras . . . . . . . . . . . . . 4.3.3. Creando artculos . . . . . . . . . . . . . . . . . . 4.3.3.1. Crear un artculo de contenido . . . . . 4.3.3.2. Crear un artculo de contenido esttico 4.3.4. Imgenes en los artculos . . . . . . . . . . . . . 4.4. Mens . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4.4.1. Creando un nuevo men . . . . . . . . . . . . . . 4.4.2. Aadir opciones a un men. . . . . . . . . . . . . 4.4.3. Relacin de los mens con los mdulos . . . . . . 4.5. Diseo de la pgina de inicio . . . . . . . . . . . . . . . 4.5.1. Estructura de la pgina de inicio . . . . . . . . . 4.5.2. Contenido de la pgina de inicio . . . . . . . . .

57

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

NDICE GENERAL

#3/200 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 70 . 71 . 72 . 74 . 75 . 76 . 76 . 76 . 77 . 78 . 79 . 83 . 87 . 87 . 87 . 88 . 91 . 91 . 94 . 99 . 102 . 103

4.5.3. Pero .. la portada de mi web tiene ms cosas . . . . . . . . Componentes de joomla! . . . . . . . . . . . . . . . . . . . . . . . . Mdulos en Joomla! . . . . . . . . . . . . . . . . . . . . . . . . . . Mambots . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . Plantillas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 4.9.1. Instalar una nueva plantilla . . . . . . . . . . . . . . . . . . 4.9.1.1. Dnde encontrar plantillas? . . . . . . . . . . . . 4.9.1.2. Cmo instalar una plantilla? . . . . . . . . . . . . 4.10. Pasando a la prctica . . . . . . . . . . . . . . . . . . . . . . . . . 4.10.1. Unos pequeos retoques antes de empezar con el contenido 4.10.2. Introduciendo contenido . . . . . . . . . . . . . . . . . . . . 4.10.2.1. Crear un men para los distintos departamentos . 4.10.2.2. Retocando men principal . . . . . . . . . . . . . 4.10.2.3. Modicando mdulos . . . . . . . . . . . . . . . . 4.10.2.4. Modicando el componente pgina de inicio . . . . 4.10.2.5. Contenido esttico . . . . . . . . . . . . . . . . . . 4.10.3. Turno a los grcos . . . . . . . . . . . . . . . . . . . . . . 4.10.3.1. Poniendo nuestro logo . . . . . . . . . . . . . . . . 4.10.3.2. Gestionando los Banners . . . . . . . . . . . . . . 4.10.4. Cambiando de plantilla . . . . . . . . . . . . . . . . . . . . 4.10.5. Retocando ms el cdigo . . . . . . . . . . . . . . . . . . . 4.10.6. Instalando algn componente nuevo . . . . . . . . . . . . . 4.6. 4.7. 4.8. 4.9.

III SPIP
5. Introduccin
5.1. 5.2. 5.3. 5.4. 5.5. Sistemas de Gestin de Contenido (CMS) El Gestor de Contenido SPIP . . . . . . . Ventajas de SPIP respecto a otros CMS . Pginas con SPIP . . . . . . . . . . . . . . Algunos conceptos necesarios . . . . . . . 5.5.1. Espacios privado y pblico . . . . 5.5.2. Tipos de usuarios en SPIP . . . . . 5.5.3. Estructura de una web con SPIP . 5.6. La comunidad SPIP . . . . . . . . . . . . 6.1. Colaborando como usuarios . . . . . . 6.2. Colaborando como redactores . . . . . 6.2.1. Registro . . . . . . . . . . . . . 6.2.2. Entrando al espacio privado . . 6.2.3. El espacio privado del redactor 7.1. 7.2. 7.3. 7.4. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

108
109
109 110 111 112 113 113 113 113 114 115 115 115 116 118 119 121 123 124 124 125 125 125 125

6.

Participando en una web con SPIP


. . . . .

. . . . .

115

7.

Redactando un Artculo o una Breve

Nuestra primera breve . . . . . . . . . . . . . . . . . . . . . Nuestro primer artculo . . . . . . . . . . . . . . . . . . . . Centrndonos en el contenido . . . . . . . . . . . . . . . . . Atajos tipogrcos de SPIP . . . . . . . . . . . . . . . . . . 7.4.1. Atajos para formatear texto . . . . . . . . . . . . . . 7.4.2. Enlaces hipertexto . . . . . . . . . . . . . . . . . . . 7.4.2.1. Enlace a una web externa: . . . . . . . . . 7.4.2.2. Enlace a otro artculo de nuestra web . . . 7.4.2.3. Enlace a una parte concreta de un artculo

119

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

NDICE GENERAL

#4/200 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 126 126 126 127 127 128 130 130

7.4.3. Notas a pi de pgina . . . . . . . . 7.4.4. Listas . . . . . . . . . . . . . . . . . 7.4.4.1. Listas sin numerar . . . . . 7.4.4.2. Listas numeradas . . . . . 7.4.4.3. Listas ramicadas . . . . . 7.4.5. Texto resaltado: code, quote y cadre 7.4.6. Tablas . . . . . . . . . . . . . . . . . 7.4.7. Evitar atajos tipogrcos . . . . . .

8.

8.1. Introduccin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8.2. Corrector ortogrco . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8.2.1. Activacin del corrector ortogrco por parte del administrador 8.2.2. Uso del corrector . . . . . . . . . . . . . . . . . . . . . . . . . . 8.3. Previsualizar artculos . . . . . . . . . . . . . . . . . . . . . . . . . . . 8.3.1. Activacin de la previsualizacin por parte del administrador . 8.3.2. Uso de la previsualizacin . . . . . . . . . . . . . . . . . . . . . 8.4. Imgenes en los artculos . . . . . . . . . . . . . . . . . . . . . . . . . . 8.4.1. Logos en SPIP . . . . . . . . . . . . . . . . . . . . . . . . . . . 8.4.2. Imgenes entre el texto de una artculo . . . . . . . . . . . . . 8.4.3. Imgenes en el portafolio . . . . . . . . . . . . . . . . . . . . . 8.5. Documentos anexos a un artculo . . . . . . . . . . . . . . . . . . . . . 8.5.1. Documento entre el texto . . . . . . . . . . . . . . . . . . . . . 8.5.2. Documento en el portafolio . . . . . . . . . . . . . . . . . . . . 8.6. Usar cdigos HTML y estilos CSS . . . . . . . . . . . . . . . . . . . . 8.7. Frmulas matemticas en un artculo . . . . . . . . . . . . . . . . . . . 9.1. Instalacin de SPIP en local . . . . . . . . . 9.2. Instalacin de SPIP en averroes . . . . . . . 9.3. Instalacin de SPIP en servidor privado . . 9.3.1. Instalacin automtica: spip_loader . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

Funciones Avanzadas para Redactores

131
131 132 132 133 133 133 134 135 135 136 137 138 138 138 139 140 141 144 147 147 149 150 150 152 153 154 154 154 155 156 156 156 157 158 158 160 160 160

9. Instalacin de SPIP

141

10.Conguracin de SPIP

10.1. Introduccin . . . . . . . . . . . . . . . . . . . . . . 10.2. Conguracin del sitio . . . . . . . . . . . . . . . . 10.2.1. Contenido del sitio . . . . . . . . . . . . . . 10.2.2. Interactividad . . . . . . . . . . . . . . . . . 10.2.3. Funciones avanzadas . . . . . . . . . . . . . 10.3. Gestin de idiomas . . . . . . . . . . . . . . . . . . 10.3.1. Idioma principal del sitio . . . . . . . . . . 10.3.2. Multilingismo . . . . . . . . . . . . . . . . 10.3.3. Archivos de idioma . . . . . . . . . . . . . . 10.4. Mantenimiento del sitio . . . . . . . . . . . . . . . 10.4.1. Copia de respaldo y restauracin de la base 10.4.2. Borrar la base . . . . . . . . . . . . . . . . . 10.5. Borrar la cach . . . . . . . . . . . . . . . . . . . . 11.1. Introduccin . . . . . . . . 11.2. Las secciones . . . . . . . 11.3. Artculos o breves . . . . 11.4. Sitios referenciados . . . . 11.4.1. Automticamente . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .

149

11.Primer Contenido. Estructura del Sitio

158

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

NDICE GENERAL

#5/200

11.4.2. Manualmente . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 161

12.Diseo de la web

12.1. Introduccin a los esqueletos . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 162 12.2. Dnde estn los esqueletos? . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 163 12.3. Usar un esqueleto descargado de Internet . . . . . . . . . . . . . . . . . . . . . . . 164 13.1. Introduccin . . . . . . . . . . . . . . . . 13.2. Logo y Nombre del Sitio . . . . . . . . . 13.3. Introduciendo Contenido . . . . . . . . . 13.4. Poniendo logo a los artculos y secciones 13.5. Sindicando noticias externas . . . . . . . 13.6. Algunas breves . . . . . . . . . . . . . . 13.7. Ocupndonos del diseo . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 167 168 169 171 172 175 176 183 185 186 186 187 188 190 190 192 193 193 193 193 194 194 195 195 196 196 197 197 198 198 199 200 200

162

13.Prctica Guiada

167

14.El lenguaje propio de SPIP

14.1. Introduccin . . . . . . . . . . . . . . . . . . . . . . . . . . 14.2. Francs y Lenguaje de Marcas . . . . . . . . . . . . . . . . 14.3. A vuelta con los esqueletos . . . . . . . . . . . . . . . . . 14.3.1. Qu contienen los esqueletos? . . . . . . . . . . . 14.3.2. Dnde estn los esqueletos? . . . . . . . . . . . . 14.4. Examinando el primer cdigo . . . . . . . . . . . . . . . . 14.5. Bucles . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14.5.1. Sintaxis simple de un bucle . . . . . . . . . . . . . 14.5.2. Sintaxis completa de un bucle . . . . . . . . . . . . 14.6. Balizas . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14.6.1. Sintaxis simple . . . . . . . . . . . . . . . . . . . . 14.6.2. Baliza como texto opcional de otra baliza . . . . . 14.6.3. Balizas en bucles anidados . . . . . . . . . . . . . . 14.6.4. Balizas con ltros . . . . . . . . . . . . . . . . . . . 14.6.5. Balizas con parmetros . . . . . . . . . . . . . . . 14.7. Criterios . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14.7.1. Orden de los resultados (criterios de clasicacin) . 14.7.2. Orden descendente . . . . . . . . . . . . . . . . . 14.7.3. Varios criterios a un mismo bucle . . . . . . . . . 14.7.4. Criterios especiales . . . . . . . . . . . . . . . . . . 14.7.5. Criterios de comparacin . . . . . . . . . . . . . . 14.7.6. Criterios usando expresiones regulares . . . . . . . 14.7.7. negacin! . . . . . . . . . . . . . . . . . . . . . . . 14.7.8. criterios de entorno . . . . . . . . . . . . . . . . . . 14.8. Filtros . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 14.8.1. Filtros de fechas . . . . . . . . . . . . . . . . . . .

183

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Parte I

Introduccin

Antes de empezar
0.1

Introduccin
Cuando te dieron destino en aquel centro busqu su web. En ella encontr actividad y colaboracin en lugar de dejadez. Destacaba el gusto por lo bien hecho frente al chapucismo. No reejaba seguidismo sino personalidad. En aquel centro .. sern de verdad as? Posiblemente no, pero as es como los vern desde el resto del mundo.

Antes de nada agradeceros vuestra participacin en esta actividad de formacin online, en la que espero que vengamos con nimo participativo y colaborativo. El texto de introduccin al curso debera hacernos pensar lo que signica la web de un centro educativo (tambin vale para la web de una empresa u organizacin e incluso para una web personal). Para m es como una fachada al mundo exterior, y toda persona que no conoce el centro, intenta hacerse una imagen del mismo viendo su fachada.
0.1.1

Requisitos previos

Respecto a hardware/software los requisitos necesarios para realizar el curso son un ordenador con conexin a Internet (preferiblemente de banda ancha) y derechos de administrador sobre el mismo (se necesitan instalar programas). Aunque el Sistema Operativo ocial de estos cursos de Indalo es Guadalinex V3, en nuestro curso no es imprescindible poseer Guadalinex. Si decide seguir el curso con otros Sistemas Operativos (MacOsX, WindowsXP, etc.) se supone que sabe manejarlos con soltura, moverse por las distintas carpetas, comprimir y descomprimir cheros, editar texto plano, etc. No obstante, slo hay un tema (la instalacin del Gestor de Contenido en nuestro ordenador personal) donde todo ser distinto, dependiendo del sistema operativo que use. Los apuntes y capturas de pantalla estarn referidos, lgicamente, a Guadalinex V3 y posiblemente incluya alguna captura referida a WindowsXP. Sera casi imposible dar soporte a la cantidad de sistemas operativos existentes. Para el resto de temas, donde se trabajar sobre pginas web, el sistema operativo usado es indiferente, si bien es cierto, debera usar un navegador que cumpla con la mayora de estndares y/o normas del w3c (http://www.w3c.es). Mozilla Firefox es a fecha de hoy el ms indicado (adems est disponible para varios sistemas operativos).
0.2

Funcionamiento del curso


recursos aportados por los profesores (apuntes, direcciones de Internet, etc.) tareas propuestas por los profesores (que los alumnos deben realizar y enviar)
7

Si nunca hizo un curso online bajo la plataforma Moodle, debe saber que estos cursos se basan en varios pilares, los ms importantes son tres:

#8/200

foros donde se aclaran dudas o se comentan temas relacionados con el curso


Los diversos temas (y sus tareas asociadas) que componen el presente curso se deben seguir en el orden propuesto, para seguir un tema normalmente necesitar conocer los conceptos tratados en temas anteriores. Los temas se irn entregando en intervalos de tiempo, entre otras cosas, para marcar el ritmo de seguimiento y aprendizaje, aunque se har de forma un poco forzada con objeto de dejar al menos los 15-20 das ltimos para realizar la tarea nal obligatoria. No se apure si encuentra mucho material, recuerde que no necesita 'estudiar' como si de un examen clsico se tratase. Mire peridicamente su correo y el foro de Novedades del curso y sobre todo, eche un vistazo a las nuevas tareas que vayan apareciendo. Recuerde que aunque no piense hacerlas en ese momento, si le conviene al menos mirar la fecha tope de entrega para ir planicndose.
0.2.1

Los apuntes

A Los apuntes estn confeccionados usando L TEX y exportados a formato PDF. Aunque el formato pdf (de Adobe) no es un formato abierto, s que son libres la mayora de visualizadores de pdf. Las ventaja de este formato, aparte de su portabilidad (se ve igual en cualquier ordenador y con cualquier sistema operativo) y de estar optimizado para la impresin, es la accesibilidad (puede aumentar el texto sin perder calidad), con lo cual le viene bien a las personas con discapacidades visuales y a todos (debemos conservar la vista). No obstante, no le aconsejo que imprima todos los apuntes (sera un gasto enorme de tinta y papel, incluso aunque lo pague su centro que somos todos). Puede que necesite imprimir algunas pginas sueltas, aunque muchas de ellas tendr bastante con leerlas una vez. No mire estos pdf online, descrguelos y lalos tranquilamente (si ahorramos ancho de banda en el servidor, todos nos beneciamos). Si est siguiendo el curso junto a otros/as compaeros/as de centro no es necesario que todos/as descarguen el mismo documento (Recuerde: aprenda como ms cmodo/a se sienta, slo/a o en compaa). Aunque se entregarn captulo a captulo, a nal de curso se pondr a disposicin del alumnado, todos los captulos en un solo documento (libro.pdf), por lo que cualquier errata que notis (aunque sea una simple tilde) sera de agradecer que lo comunicarais (se habilitar un foro para ello), a n de que tengamos un documento nal libre de errores (si colaboramos todos se conseguir).

0.2.2

Las tareas

Hay tareas voluntarias y/o tareas obligatorias al nal de todos los temas. Tambin hay una tarea nal obligatoria en la que se aprovechar lo aprendido en los diferentes programas del curso. Ser bastante abierta con objeto de que cada alumno la haga a su manera y aproveche los programas que mejor domine. En el apartado 0.2.5 hay ms detalles sobre las tareas que hay que realizar para superar el curso. Habr distintos tipos de tareas: Cuestionarios online tipo test que suelen tener un nmero limitado de intentos y tambin pueden tener limitacin en el tiempo de respuesta (intentar evitar esto ltimo). Ficheros de texto que habr que completar online y enviar (respuestas a preguntas por ejemplo) Ficheros de texto en otros formatos (por ejemplo Open Oce) que habr que realizar tranquilamente oine y enviar cuando estn terminados Ficheros grcos, por ejemplo capturas de pantalla, que se realizarn oine y se enviarn. Otros tipos de tareas, por ejemplo visitar determinadas webs y conseguir cierta informacin. Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

#9/200
0.2.3

Los foros

Junto a los apuntes, los foros constituyen el recurso ms importante, sobre todo si se usan bien. A veces se aprende ms en los foros que leyendo decenas de manuales. Algunos consejos sobre el uso de los foros: 1. Pregunte siempre que tenga dudas. Recuerde que no existe pregunta tonta (aunque s pueden existir tontas respuestas). 2. Ponga un ttulo representativo al mensaje, es decir, que en pocas palabras resuma el contenido de su mensaje. No ponga ttulos como 'Tengo una duda', s valdra un ttulo como 'Duda sobre el programa tal'. Recuerde que cuando miramos los foros slo vemos los ttulos. Sera una prdida de tiempo para todos tener que abrir y releer muchos mensajes porque su ttulo no dice de qu va. 3. Mire las preguntas anteriores por si ya alguien pregunt lo que piensa preguntar. 4. No abra nuevos temas a no ser que sea necesario. Si ya hay un foro abierto sobre un determinado tema, conteste o pregunte en ese foro en lugar de abrir otro nuevo. 5. Colabore y responda a las preguntas que sepa. Si ha conseguido superar una dicultad, seguro que puede ayudar a sus compaeros. Los foros son colaborativos. Queda mal visto un foro en el que siempre pregunta algn alumno y siempre responde el profesor. Cuando adems hay respuestas de otros alumnos/as el foro se enriquece y todos aprendemos ms. 6. Si quiere hablar de algn tema no relacionado con el curso pida (sin no lo han puesto ya) un foro especial. En ese foro se podra hablar de cualquier tema, pero debiera estar relacionado con la enseanza; no lo use para hablar de ftbol.
0.2.4

Otros recursos La evaluacin

Son muchos los recursos que Moodle pone a nuestra disposicin: chats, glosarios, wikis, etc.. Puede ver una lista de los recursos disponibles en el http://aula.cepindalo.es/moodle/mod/resource/view.php?id=972.
0.2.5

Para superar el curso es imprescindible enviar todas las tareas obligatorias Las tareas voluntarias pueden tener nota, pero no inuyen en la calicacin nal. Se usan a modo de prctica y se envan cuando se necesite correccin. Hay tareas obligatorias en algunos temas y tambin hay una tarea obligatoria al nal de curso que combinar algunas de las partes tratadas durante el mismo. La nica herramienta de evaluacin del curso es la revisin de las tareas obligatorias enviadas por el alumnado. Cuando se enve una tarea obligatoria que no sea correcta, el profesorado dar instrucciones sobre como recticar la tarea, sobre qu partes son incorrectas, etc. por lo que se podr volver a enviar de nuevo. Recuerde que perder esa posibilidad si enva sus tareas el ltimo da y a ltima hora. Recuerde que no se trata de evaluar lo que usted ya saba, sino de que aprenda durante el curso, por lo tanto todo lo que no entienda o tenga dudas, es su obligacin preguntarlo en los foros.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

#10/200
0.3 0.3.1

Conceptos previos Trabajando desde terminal

En Linux es frecuente trabajar a modo texto desde terminal. Con ello se tiene acceso total a todos los programas. Mediante los mens del entorno grco, a golpe de ratn, tenemos acceso a unos pocos programas (normalmente los ms utilizados). Sin embargo a veces es ms fcil teclear una palabra (o varias) en un terminal que ir buscando por los mens de los programas la opcin deseada. Durante este manual muchas de las acciones a realizar en Guadalinex se harn mediante el entorno grco (a base de clic), otras mediante terminal y otras se explicarn con ambas opciones (siempre intentando buscar la forma ms fcil y/o rpida de realizar las acciones perseguidas). Aunque ya habr usado un terminal ms de una vez, le recuerdo lo imprescindible:

Una manera rpida de abrir un terminal, es haciendo clic (botn derecho) en cualquier parte vaca del escritorio y seleccionando (en el men emergente) Abrir terminal.

Las rdenes o comandos se teclean 'tal cual' (respetando maysculas, espacios, etc.) Al terminar de teclear la orden, hay que pulsar Enter Los caracteres '$' y '#' que aparecen (en este manual) precediendo las rdenes no se teclean, indican si acta como usuario normal($) o como administrador(#) (root). Las acciones a realizar como root, sern para instalar programas necesarios para el curso. Cuando se hable de la carpeta /home/usuario deber entender que en su caso ser /home/pepita (u otro nombre de usuario)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

#11/200
0.3.2

Capturadores de pantalla

Si ya sabe capturar ventanas y/o pantallas no necesita leer este apartado. Aqu se describen programas para Guadalinex, su usted usa otro sistema operativo puede leer la parte correspondiente al programa Gimp (disponible para varios sistemas operativos). Antes de entrar en los recursos propios del curso, es conveniente conocer algunos de los recursos de carcter general, en especial los capturadores de pantalla. Las capturas de pantalla, tambin llamados pantallazos o screenhots (en ingls) se hacen casi imprescindibles al crear recursos de cualquier materia, normalmente con objeto de incluir la imagen capturada en nuestros apuntes o manuales. Tambin necesitaremos realizar capturas de pantalla para enviar como soluciones a algunos de los ejercicios planteados en el presente curso. Recordar brevemente como obtener capturas de pantalla (ahora usando Guadalinex V3), que debemos dominar con soltura para poder responder a algunas de las cuestiones del curso actual. Hacer una captura es como hacer una foto a la ventana de un determinado programa o a la pantalla completa. El resultado de la captura es un chero imagen en formato grco, preferiblemente jpg o png, por ser estos formatos reutilizables en la mayora de programas (se pueden insertar en un documento de texto, en una pgina web, enviarlos por correo, etc.). Los capturadores de pantalla pueden hacer una captura de una ventana, de la pantalla entera e incluso de un trozo de ventana o pantalla. Existen muchas formas de hacer capturas con Guadalinex V3, desde programas que ya vienen con Guadalinex hasta programas que debemos instalar. Todos son fciles de usar: pulsando un par de teclas o haciendo unos clic de ratn, tendremos nuestra captura. Veamos algunos de ellos:
0.3.2.1

Capturador de gnome

El capturador de gnome, incluido en Guadalinex permite capturar ventanas o la pantalla entera pulsando una combinacin de teclas:

<Alt>+ <Impr> captura la ventana actual <Impr> captura la pantalla al completo


La tecla <Impr>tambin puede llamarse <Impr Pant>o incluso <Print>segn el teclado, y est situada a la derecha de <F12>o en la zona de las teclas <insert>, <Supr>, etc. El smbolo '+' entre dos teclas signica: presionar la segunda sin soltar la primera. Cuando pulsemos una de las combinaciones de teclas anteriores, gnome nos preguntar el nombre del chero y la carpeta donde queremos guardarlo.

Si por cualquier motivo no le funcionan las teclas anteriores, puede redenir otras teclas para sus capturas. Ello la haramos en el Men Sistema Preferencias Combinaciones de teclas

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

#12/200

Tambin es posible acceder al capturador de gnome mediante el Men Sistema Capturar la pantalla.. (aunque slo ofrece la posibilidad de capturar la pantalla al completo).
0.3.2.2

Capturando desde terminal

Guadalinex incorpora muchos programas que a veces creemos que no existen, al no tener acceso desde los Mens. Sin embargo desde terminal se puede acceder a ellos. Una prueba es el paquete ImageMagick (conjunto de utilidades para manejar imgenes). Para capturar una imagen basta con teclear en un terminal:

$ import -pause 5 imagen.jpg


Le hemos dicho que capture (import) dentro de 5 segundos (-pause 5) y lo grabe con el nombre de imagen.jpg (en el directorio actual). Si mira en /home/usuario tendr capturada su imagen.jpg. Durante los 5 segundos que hemos puesto de pausa tenemos que cambiar a la ventana que queremos capturar; pasado ese tiempo el cursor cambiar de forma y debemos hacer clic. Tambin es posible visualizar la imagen capturada tecleando en terminal:

$ display imagen.jpg

0.3.2.3

Capturando con The Gimp

The Gimp es un potente editor de imgenes incluido en Guadalinex (disponible tambin e n otros sistemas operativos: www.gimp.org) con el que podemos, entre sus muchas posibilidades, capturar ventanas o la pantalla completa.

Una vez iniciado el programa, usamos el Men Archivo

Adquirir Captura de pantalla ..


http://aula.cepindalo.es

Daniel Lpez Avellaneda [http://lubrin.org]

#13/200

Elegimos si queremos capturar una ventana o la pantalla entera, el tiempo de retardo y pulsamos Capturar. Despus guardamos la imagen en la carpeta y con el nombre que queramos.
0.3.3

Redimensionando imgenes

A veces es necesario redimensionar (tambin llamado escalar ) una imagen (aumentarla o disminuirla). Antes de retocar una imagen debe tener en cuenta que: Si aumenta una imagen, la resultante tendr peor calidad que la original. Debe escalarla de forma proporcional Haga una copia de la imagen antes de retocarla El caso ms frecuente es hacerla ms pequea (con objeto de ponerla en nuestros documentos o pginas web). Veamos dos mtodos.
0.3.3.1

Escalar imgenes con The Gimp

Una vez abierta la imagen con The Gimp, tendremos una ventana que contiene la imagen. En dicha ventana seleccionamos el Men: Imagen Escalar la imagen... En la ventana emergente seleccionamos el nuevo tamao (en pixels, porcentaje u otra unidad) y pulsamos Escalar.
0.3.3.2

Escalar imgenes desde terminal

De manera rpida se puede escalar una imagen desde terminal. Para ello tecleamos:

$ mogrify -resize 50 % file.jpg


le.jpg es el nombre de la imagen. Debemos estar situados previamente en la carpeta donde se encuentra la imagen (cd /home/usuario/carpeta) Tambin se puede escalar en pixels: -resize 300x300 la escalara a 300x300 pixels El proceso no es reversible, por lo que debera hacer antes una copia de la imagen por si no le gusta el resultado nal ($ cp le.jpg le2.jpg)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 1

Introduccin a los Gestores de Contenido


Introduccin

1.1

Un Sistema de gestin de contenido, tambin llamado CMS (Content Management System) permite la creacin y administracin de contenidos en pginas web. Suelen usar una base de datos donde se aloja el contenido del sitio. Estos sistemas estn acabando con las tradicionales web estticas que apenas se actualizan (por lo complicado y tedioso que resultan las actualizaciones). Se basan fundamentalmente en separar el contenido del diseo, de forma que, se puede modicar el diseo sin tocar los contenidos, o se pueden aadir contenidos fcilmente sin tener que preocuparnos del diseo. Otra de sus principales caractersticas es su sistema de contraseas que permiten que varias personas puedan actualizar la web (aunque estn situadas en distintos puntos del planeta). Estos sistemas distinguen entre la parte pblica (lo que ven los visitantes de la web) y la parte privada (donde acceden los responsables para modicarla) Suelen diferenciar varios tipos de usuarios:

invitados : cualquiera que entre en la web puede acceder a casi todos los contenidos usuarios registrados : tienen acceso a la totalidad de contenidos pblicos redactores o colaboradores : pueden acceder a algunas partes privadas (publicar noticias, artculos, enlaces, etc.) administradores : tienen acceso a todo y son responsables del diseo de la web y de otras caractersticas tcnicas.
Ampliar informacin sobre CMS:
http://es.wikipedia.org/wiki/CMS http://www.cmsenespanol.com/

14

CAPTULO 1. INTRODUCCIN A LOS GESTORES DE CONTENIDO


1.2

#15/200

Tipos de CMS

Hay muchos tipos de CMS, los ms habituales son: foros (ejemplo: phpBB http://www.phpbb-es.com/ blogs (ejemplo: wordpress http://wordpress.org wikis (ejemplo: MediaWiki: http://www.mediawiki.org) portales de Internet o Sitios Web: a veces agrupan condiciones de los anteriores. Es el tipo de CMS que estudiaremos en este curso. Aunque tambin existen CMS comerciales, la mayora de CMS son de cdigo abierto. Algunos ejemplos de CMS (portales) son: Drupal Joomla! Php-Nuke Spip

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 1. INTRODUCCIN A LOS GESTORES DE CONTENIDO


1.3 1.3.1

#16/200

Propiedades de los CMS Creacin del contenido

El contenido es creado por los usuarios que tengan privilegios para ello. Para poder crear contenido tienen que autenticarse en la web (mediante usuario y contrasea) y a partir de ah tendrn disponibles opciones (en forma de mens, enlaces, botones, etc.) que les permitirn acceder a la creacin del contenido. La creacin de contenidos en s se realiza mediante un editor de texto tipo WYSIWYG, de forma que no necesitan conocimientos de HTML (como ocurre con las webs tradicionales) Los CMS tambin permiten redactar contenidos usando lenguaje HTML (destinado principalmente a los usuarios con ms conocimientos)
1.3.2

Gestin del contenido

El contenido creado se guarda en una base de datos, junto a otros datos (autor, fecha de creacin, seccin, etc.) El contenido es estructurado en categoras o secciones, que en algunos CMS pueden tener muchas ramicaciones. Por ejemplo un artculo puede pertenecer a una seccin, que a su vez es subseccin de una seccin mayor.
1.3.3

Publicacin del contenido

El contenido creado por usuarios o colaboradores y gestionado mediante la base de datos, es publicado cuando los administradores dan el consentimiento. A veces existen usuarios con privilegios sucientes para publicar directamente los contenidos (sin necesidad de autorizacin de administradores). No todo el contenido es publicado De los contenidos publicados, no todos lo hacen en la pgina principal
1.3.4

Presentacin del contenido

La presentacin de los contenidos publicados est preparada de antemano y es responsabilidad de los administradores. Suele haber diferentes plantillas con sus diferentes colores, formatos y diseos. Los administradores pueden modicar las plantillas o el formato de la web, sin tener que tocar el contenido

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 1. INTRODUCCIN A LOS GESTORES DE CONTENIDO


1.4

#17/200

Ventajas de un CMS respecto a las web estticas

Se pueden aadir nuevas funcionalidades de manera global y de forma fcil. Por ejemplo si queremos insertar un formulario de bsqueda en la cabecera de todas las pginas, mediante un CMS se hara una sla vez, mientras que en una web esttica habra que hacerlo manualmente en cada una de las pginas. Muchas pginas enlazadas. Un CMS gerstiona los enlaces entre las diferentes pginas de la web de forma automtica. Crear los enlaces de forma manual supondra horas y horas de trabajo Reutilizar contenidos anteriores. Si disponemos de contenidos creados con anterioridad a la instalacin de nuestro CMS, es posible reutilizarlos, readaptarlas o enlazarlos con el CMS Pginas interactivas que son distintas en funcin del usuario que las visita. Son pginas dinmicas que se crean automticamente. Las web estticas suelen tener las pginas almacenadas en el servidor y son siempre las mismas independientemente del usuario que las visite. Navegabilidad. Al tener un formato similar todas las pginas la navegabilidad suele ser ms sencilla, adems de dar una imagen ms de conjunto. Facilidad de actualizacin. Cualquier persona sin conocimientos tcnicos puede subir informacin a una web gestionada por un CMS Posibilidad de subir imgenes y otro tipo de cheros sin tener que usar FTP
1.5

Desventajas

La principal desventaja de un CMS respecto a las estticas webs tradicionales es una mayor lentitud de carga. Al ser generadas dinmicamente (el cdigo php genera el cdigo html nal que entender y visualizar el navegador) supone un mayor tiempo de carga pues se necesitan dos fases: 1. generar el cdigo html (mediante script php) 2. mostrar el cdigo html al navegador En las web estticas, el cdigo html ya est generado y guardado en el servidor y tan slo necesitan la segunda fase: mostrarlo al navegador Un segunda desventaja es el tema de la seguridad. Los CMS estn programados en lenguajes como php y mysql y a veces suelen encontrarse agujeros de seguridad en los mismos. Otras veces el problema puede venir por una mala conguracin del servidor donde estn alojados. La tercera desventaja sera la falta de personalidad de las webs creadas. A pesar de haber diferentes plantillas, la mayora de las web creadas con el mismo CMS son muy similares.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 1. INTRODUCCIN A LOS GESTORES DE CONTENIDO


1.6

#18/200

Reconocer webs con CMS

Cuando navegamos por Internet disponemos de varios mtodos para saber si una web est creada con un CMS: 1.

Mirando el pi de pgina.
En el pi de pgina suele venir algn logo o texto que nos indica el CMS con el que se ha creado la web. Algunos ejemplos:

Web creada con SPIP

Web creada con Joomla!

Web creada con PHP-Nuke

Web creada con Xoops

Web creada con WordPress

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 1. INTRODUCCIN A LOS GESTORES DE CONTENIDO

#19/200

2.

Mirando el favicon.
El favicon (proviene de Favorites Icon) es un pequeo icono que suele aparece en la barra de direcciones precediendo a la url de la pgina. Los CMS suelen poner su propio favicon y los creadores de webs no suelen quitarlo. Ejemplos:

favicon de MediaWiki

favicon de Joomla!

favicon de SPIP 3.

Observando el diseo y los links internos


Cuando los dos mtodos anteriores fallan, siempre nos queda la posibilidad de ver el diseo de la pgina (las webs realizadas con el mismo CMS a veces son parecidas) e incluso pasando el cursor por los enlaces internos y observando (en la barra de tareas) los que nos dice el enlace. Algunos enlaces internos de Joomla: www.miweb.es/index.php?option=com_content&task=view&id=59&Itemid=125 www.miweb.es/index.php?option=com_wrapper&Itemid=99&id=2398 Enlaces con SPIP: www.miweb.es/spip.php?article105 www.miweb.es/spip.php?page=plan

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Parte II

Joomla!

20

Captulo 2

El CMS Joomla!

2.1

Descripcin general

Joomla! es un Gestor de Conenido (CMS) de cdigo abierto y licencia libre. web ocial: http://www.joomla.org en castellano: http://www.joomlaspanish.org Joomla! es uno de los CMS ms populares en los ltimos tiempos. Le est sucediendo algo parecido a lo de PHP-Nuke hace unos aos1 . Es un CMS relativamente joven, su primera versin (1.0.0) fu publicada en Septiembre de 2005 y la ltima (1.0.12) en Diciembre de 2006. Surgi como una escisin de mambo y por tanto su cdigo es una modicacin a partir de la versin 4.5.2.3 de Mambo (http://www.mambo-foundation.org/). Paralelamente a la versin estable (actualmente la 1.0.12) Joomla! est desarrollando una nueva versin 1.5 (an en fase beta) reescribiendo el cdigo desde cero. El gran xito de Joomla! en nuestro pas se debe sin duda a dos factores: 1. Amplio soporte en castellano centralizado en la web http://www.joomlaspanish.org, donde se est traduciendo prcticamente toda la doucmentacin al castellano. 2. Gran cantidad de plantillas con diseos atractivos (la mayora realizadas para mambo) que hace que muchos usuarios (que dan ms importancia al diseo que a la gestin del contenido) se decidan por este CMS
1 donde hablar de CMS era hablar de PHP-Nuke; sin embargo actualmente PHP-Nuke ha pasado del 'todo' a la 'casi nada'

21

CAPTULO 2. EL CMS JOOMLA!

#22/200

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 2. EL CMS JOOMLA!


2.1.1

#23/200

Algunos conceptos en Joomla!

Durante el estudio de Joomla! encontrar algunos conceptos que quizs no conozca, aunque conozca otros CMS, pues Joomla! usa una terminologa que a veces es distinta al resto de CMS.

Usuario: es toda persona que accede a la web para visualizarla, modicarla, administrarla, etc.
En el apartado 2.3 se explican los distintos tipos de usuarios.

Contenido: Los contenidos de una web con Joomla! se estructuran en tres niveles: secciones: nivel principal o primario categoras: nivel secundario. Las categoras estan incluidas en las secciones (una seccin artculos de contenido: el tercer y ltimo nivel lo constituyen los artculos, que son los que
contienen el contenido propiamente dicho. Cada artculo debe pertenecer a una categora, que a su vez estar dentro de una seccin.

puede tener varias subsecciones que joomla! llama categoras)

artculos de contenido esttico: artculos especiales que no pertenecen a ninguna


categora

Contactos, Noticias externas, Encuestas y Enlaces Web. Desarrolladores ajenos a Joomla! crean nuevos componentes que se pueden descargar de Internet e intalar.

Componentes: elementos que incorpora Joomla!. Por defecto trae varios: Banners (anuncios),

Mens: facilitan la navegacin del sitio y el acceso a los contenidos. Las diferentes opciones de un men son denominadas en Joomla! artculos de men. Mdulos: bloques que pueden mostrarse en cualquier parte de la pgina como contenedores
de diferentes contenidos (componentes, artculos de contenido, etc). Por defecto vienen algunos: mens, secciones, encuestas, imgenes al aza r, etc. defecto algunos: Editor WYSIWYG, {mosimage}, {mospagebreak}, etc.

Mambots: funciones especcas que manipulan algn tipo de contenido. Joomla! incorpora por Plantillas (template): aspecto visual y grco de la web. Se pueden elegir varias. Espacio pblico (Front-end): es la web propiamente dicha, desde el punto de vista de cualquier
visitante de la web

Espacio privado (Back-end): es la parte privada a la que slo pueden acceder administradores
o usuarios con sucientes privilegios Sobre todos estos conceptos se ir ampliando informacin a lo largo del curso.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 2. EL CMS JOOMLA!


2.2

#24/200

Manuales y ayuda sobre Joomla!

Uno de los puntos fuertes de Joomla! es su soporte en castellano. La casi totalidad de la documentacin est traducida al castellano y disponible en la web http://www.joomlaspanish. org. En el curso nos basaremos en la versin 1.0.12 (la ltima estable).
2.2.1

Manual del usuario

En la web de referencia (joomlaspanish) podemos encontrar el manual ocial (mejor dicho, la traduccin al castellano del manual ocial): Debe descargar dicho manual Manual del Usuario 1.0.x Joomla! Spanih, pues haremos referencia al mismo a lo largo del curso (es un pdf de 196 pginas). Aunque siempre nos referiremos al manual en PDF, acaban de poner dicho manual tembin en versin HTML (para consultarlo online): http://ayuda.joomlaspanish.org/ayuda-joomla/
2.2.2

http://ayuda.joomlaspanish.org/

Manual del administrador

Adems el manual de usuario, existe una gua de referencia llamada manual del administrador y que podemos visualizar online en la url:

http://ayuda.joomlaspanish.org/index.php?option=com_content&task=view&id=194&Itemid= 81

2.2.3

Glosario Joomla!

http://ayuda.joomlaspanish.org/index.php?option=com_content&task=view&id=194&Itemid= 81

Tambin hay disponible un glosario que nos puede auyudar en nuestros inicios:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 2. EL CMS JOOMLA!


2.3

#25/200

Tipos de usuarios

En la mayora de CMS se distinguen al menos tres tipos de usuarios: invitados, ususarios registrados y administradores. Joomla! hace una clasicacin en la que distingue hasta 8 tipos de usuarios con privilegios que van en escala desde el invitado (que pasa por la web y tan slo puede visualizarla) hasta el super-administrador (root) que es el dueo y jefe y por tanto tiene permiso para todo. En la siguiente escala (de menor a mayor) de tipos de usuario en Joomla! cualquier tipo tiene los privilegios de su rango adems de todos los privilegios de usuarios de rango menor: 1. 2. 3. 4. 5. 6. 7. 8.

(con posibilidad de usar los controles que manejan el contenido de la web)

invitado: tan solo puede visualizar el contenido de la web (excepto zonas restringidas). registrado: puede ver las zonas restringidas y puede proponer enlaces. Autor: puede proponer artculos Editor: puede editar los artculos propuestos Supervisor: privilegios para poder publicar artculos manager: acceso al espacio privado (Back-end) de la web y por tanto al panel de control

Administrador: puede aadir/eliminar extensiones y plantillas y modicar el diseo grco de la web. Adems puede modicar los privilegios de otros usuarios de igual o menor rango. Super-administrador: acceso total a todo, entre otras cosas los aspectos globales de la
web y la edicin de cualquier tipo de usuario.

A modo de ejemplo, digamos que un autor adems de sus privilegios tiene todos los que puedan tener los usuarios de rango inferior (registrados e invitados). La lista de privilegios propuestos en la escala es un resumen de los que asigna Joomla! por defecto. Los administradores pueden ampliar o reducir los privilegios de un determinado rango.

Cmo se obtiene alguno de esos 8 rangos? El super-administrador obtiene su rango cuando

instala Joomla!, es decir, el usuario y contrasea que se introduce durante la instalacin es el que adquiere el rango de super-administrador. El rango de invitado lo tiene cualquier persona que visite la web. Cuando nos registramos en una web con Joomla! adquirimos el rango de registrado (los administradores pueden congurar la web de forma que se permita o no registrarse a los usuarios). El resto de rangos (incluyendo tambin el de registrado) nos los tiene que otorgar un administrador.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 2. EL CMS JOOMLA!


2.4 2.4.1

#26/200

Participando en una web con Joomla! Registrarse en una web con Joomla!

Veamos este apartado en forma de prctica guiada real. Nos vamos a registrar en una web que he habilitado exlusivamente para el curso. Puesto que la web es accesible a cualquiera que conozca la url o la encuentre por casualidad, existe la posibilidad de que se registren personas ajenas al curso, para difereciaros tenis que poner (durante el proceso de registro) el e-mail ocial que tenis en el curso (podis mirar vuestra informacin personal en moodle si no lo recordis). Sera una buena idea tener a mano la prctica obligatoria (as podr ir realizando parte de la misma miestras lee este apartado). Vayamos con la prctica guiada: 1. Entre en la web: http://www.juntadeandalucia.es/averroes/iesmarserena/joomla 2. Busque un enlace para registrarse en la pgina principal y hgale clic. 3. Rellene el formulario con su nombre real y el e-mail que usa en el curso. Puede ver un ejemplo en la siguiente imagen:

4. Pulse sobre Enviar registro. 5. Segn como hayan congurado el sistema los administradores, necesitaremos mirar nuestro correo y hacer clic en un enlace que nos enviar el sistema o sencillamente ya estamos registrados. Cuando pulsamos sobre enviar registro se nos informar si ya podemos entrar o necesitamos activar la cuenta mirando nuestro correo.
2.4.2

Entrar como usuario registrado


Encontraremos un formulario parecido al de la imagen donde teclearemos nuestro usuario y contrasea y pulsaremos Entrar. Si activa la casilla Recordarme, quizs no tenga que volover a teclear usuario y clave las prximas veces que entre en la web. Veremos un nuevo men (Men de usuario) donde dispondremos de varias opciones (segn nuestro rango) no disponibles para invitados

Puesto que los usuarios registrados pueden tener ciertos privilegios, debemos entrar como usuario registrado a la web para gozar de los mismos.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 2. EL CMS JOOMLA!

#27/200 Por ejemplo podemos editar nuestra informacin personal (modicar direccin e-mail, cambiar contrasea, etc.)

2.4.3

Editar nuestros datos y proponer enlaces


registrado, mientras no nos suban el rango, lo nico que podemos hacer es:

Como usuario

Ver zonas de la web no accesibles a invitados (siempre que los administradores hayan creado esas zonas) Editar nuestros datos : podemos modicar nuestro nombre, e-mail, usuario y contrasea. Proponer un enlace : el formulario nos permite rellenar los campos Nombre, Seccin, URL y Descripcin. Los administradores tienen que validarlo para que sea publicado.
2.4.4

Creando artculos de contenido

Si tenemos rango de autor, podemos mediante 'Enviar noticia' (men usuario) crear una artculo de contenido. Los administradores u otros usuarios con ms privilegios podrn publicarlo. En el captulo 4 del Manual Ocial tenemos detalles de las diferentes opciones existentes para crear un artculo o noticia. Mediante el editor TinyMCE (si est disponible) podemos editar nuestro artculo. Tiene muchas opociones y posibilidades.

2.4.5

Editando artculos

Si tenemos rango de editor, podemos editar nuestros artculos. Los artculos en los que tengamos privilegios de edicin, se nos mostrarn con un icono 'Editar' junto al ttulo del mismo. Puede verlo en la siguiente imagen:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 2. EL CMS JOOMLA!


2.4.6

#28/200

Publicando artculos

Si tenemos el rango de Supervisor, podemos adems de crear y editar artculos, publicar nuestros artculos y los artculos de usuarios de rango inferior. Al supervisor en la pestaa Publicar le aparece un nuevo campo llamado 'Estado' en el que puede elegir dos opciones: Publicado o No Publicado.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 3

Instalacin de Joomla!

3.1 3.1.1

Instalacin de un CMS en localhost Introduccin

La mayora de los CMS necesitan correr en un servidor basado en soluciones LAMP. El trmino LAMP se reere a una combinacin de los siguientes programas:

Linux (como Sistema Operativo) Apache (como servidor web): http://httpd.apache.org/ MySQL (gestor de bases de datos): http://www.mysql.com/ PHP (Perl o Phyton) (lenguaje de programacin): http://www.php.net
Aunque no es habitual, algunos CMS tambin funcionan bajo servidores con Sistema Operativo Windows e incluso con servidores web distintos de Apache.

El trmino servidor se usa tanto para designar un programa (servidor web por ejemplo), como para designar el ordenador que alberga este programa. Incluso se suele usar para designar a ambos (ordenador + programa servidor). Para no entrar en detalles tcnicos, digamos a modo de resumen, que en un servidor estn alojadas fsicamente las pginas web que podemos visualizar desde cualquier cliente usando un navegador. Los servidores reales de Internet estn conectados las 24 horas durante todos los das del ao. Para alojar una pgina web podemos elegir varias alternativas: 29

CAPTULO 3. INSTALACIN DE JOOMLA!

#30/200

usar servidores gratuitos (que insertan publicidad en las pginas) usar servidores de pago (pagando una cuota mensual) usar el servidor de nuestra empresa u organizacin montar un servidor propio (usando Linux nos bastara un viejo ordenador)1 usar nuestro propio ordenador (servidor local o localhost), aunque las pginas no sern visibles desde Internet, es muy til para hacer prcticas y pruebas2

1 Si tiene inters en montar su propio servidor, puede encontrar informacin en: http://lubrin.org/spip.php?rubrique7 2 Tambin puede preferir instalar un servidor en localhost, si dispone de varios ordenadores en red (en casa, en la empresa, etc..) y slo quiere que las pginas sean visibles desde dentro de su red, es decir, sin que tengan salida a Internet.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!


3.1.2

#31/200

Preparando el entorno de trabajo

El primer paso, antes de instalar un CMS es comprobar que el servidor cumple los requisitos (bsicamente Apache, PHP y MySQL). En los servidores reales de Internet ya se encuentran instalados estos programas, pero si optamos por un servidor local necesitaremos instalarlos nosotros. Para las prcticas de instalacin de un CMS usaremos un servidor local (localhost). Nuestro propio ordenador puede hacer de servidor y de cliente simultneamente. Cualquier CMS necesita, adems del servidor web (preferiblemente apache), el gestor de base de datos MySQL y el lenguaje de programacin PHP. Est fuera de los objetivos del curso la instalacin, conguracin y aprendizaje de Apache, MySQL, PHP, etc., sin embargo como son necesarios para instalar el CMS, vamos a usar una sencilla solucin llamada xampp, que es un software que incluye Apache, MySQL, PHP, etc., es de fcil instalacin y est disponible para varias plataformas (Linux, Windows, Mac, etc.). Despus de instalar xampp, ya estar disponible nuestro servidor local y podremos instalar nuestro CMS. Los requerimientos, antes de seguir, son tan slo un PC con Linux (tambin se puede con Windows) en el que tengamos derechos de administrador (para poder instalar programas) y una conexin (preferiblemente de banda ancha) a Internet.
3.1.3

XAMPP

Xampp es una distribucin (de fcil instalacin) de apache que incluye adems PHP, MySQL, PERL, etc. Xampp est disponible para varias plataformas (Linux, Windows, Mac OsX, Solaris). Los pasos a seguir para instalar xampp, que destallar y explicar ms adelante, se pueden resumir en: entrar en la web de xampp, descargar el programa en un chero comprimido, descomprimir el chero descargado en una carpeta adecuada y ejecutar el programa. Vemoslo con ms detalle: En primer lugar entramos en la web ocial de xampp: No debe preocuparnos que la web no est disponible en castellano, ya que el programa (que es lo que nos interesa) si que est traducido a nuestro idioma.
http://www.apachefriends.org/en/xampp.html

Elegimos nuestro sistema operativo: Xampp for Linux, Xampp for Windows, etc.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!


3.1.3.1

#32/200

Xampp for Linux

Si nuestro sistema operativo es Linux necesitaremos pocos pasos para la instalacin: 1.

Descargar la ltima versin de Xampp for Linux

En la imagen vemos la versin 1.5.5a de 28 de Noviembre de 2006. Puede que cuando lea estas pginas haya disponible una versin ms actual. Haga clic para descargar y asegrese de recordar en qu carpeta de su disco duro se ha descargado. Como tardar, son ms de 50 megas, aproveche para ir leyendo los siguientes apartados.

2.

Descomprimir el chero descargado


Nos posicionamos en la carpeta donde lo hemos bajado y descomprimimos el chero en la carpeta /opt. Por ejemplo, si lo he descargado en /home/dani/Desktop tendr que teclear en la consola:
$ cd /home/dani/Desktop $ sudo tar xvfz xampp-linux-1.5.5a.tar.gz -C /opt

El carcter $ no se teclea. Si est descargando una versin distinta (ms actual) el nombre del chero ser diferente Si por casualidad hizo una anterior instalacin de xampp, esta sobreescribir la antigua, aunque si es su caso, lo mejor es desinstalar antes la antigua; suponiendo que no tenga datos que perder, puede borrarla completamente tecleando: $ sudo rm -rf /opt/lampp 3.

Iniciar el servidor xampp, con slo teclear:


$ sudo /opt/lampp/lampp start

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#33/200

Con ello se iniciarn los programas apache, mysql, php, etc. obteniendo en consola una salida similar a: $ sudo /opt/lampp/lampp start Starting XAMPP for Linux 1.5.5a... XAMPP: Starting Apache with SSL (and PHP5)... XAMPP: Starting MySQL... XAMPP: Starting ProFTPD... XAMPP for Linux started. Recuerde el comando anterior, pues lo tendr que volver a teclear cuando quiera iniciar el servidor. El servidor se detiene mediante el comando:
$ sudo /opt/lampp/lampp stop

(o cuando apague el ordenador). No inicie el servidor cuando no lo vaya a necesitar, pues todos esos programas en memoria consumen algunos recursos. 4. Vericacin y conguracin Ya tenemos instalado y funcionando nuestro servidor local. La url de nuestro servidor local es http://localhost, de la misma forma que la url de google es http://www.google.es. Por tanto para acceder al servidor local teclearemos en el navegador http://localhost, pero antes de teclearlo, debe saber que internamente las pginas web tenemos que ponerlas en la carpeta /opt/lampp/htdocs. Podremos crear carpetas dentro de htdocs, por ejemplo pruebas: /opt/lampp/htdocs/pruebas, a la que accederemos mediante el navegador con http://localhost/pruebas. Al teclear http://localhost en el navegador accederemos a una pantalla para elegir el idioma

Seleccionamos

Espaol y nos muestra la pantalla de Bienvenida

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#34/200

Pulsamos ahora sobre Status (en el men de la izquierda)

Las extensiones de PHP Acelerador y Oracle no las necesitamos, por lo que no nos importa que aparezcan desactivadas (en rojo). Si las primeras 5 opciones estn en verde, todo funciona correctamente. Seleccionamos ahora Seguridad (en el men de la izquierda) y en la nueva pantalla veremos que todo est INSEGURO (marcado en rojo). Es normal, an no hemos puesto contraseas para los programas. Lo haremos a continuacin y es aconsejable poner una contrasea fcilmente recordable y sobre todo, poner la misma contrasea para todos los programas. Aunque Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#35/200

parezca que vamos contra las normas, le recuerdo que estamos en un servidor local (no en uno real de internet) y que son muchos los programas (terminaramos lindonos si ponemos una distinta para cada programa). En los sucesivo asumiremos (para mejor comprensin del manual) que la contrasea elegida es "clave". Para poner estas contraseas tenemos que volver a la consola y teclear /opt/lampp/lampp

security

Cuando pida password tecleamos clave y en el resto de opciones aceptamos pulsando Enter.
$ sudo /opt/lampp/lampp security XAMPP: Quick security check... XAMPP: Your XAMPP pages are NOT secured by a password. XAMPP: Do you want to set a password? [yes] XAMPP: Password: XAMPP: Password (again): XAMPP: Password protection active. Please use 'lampp' as user name! XAMPP: MySQL is accessable via network. XAMPP: Normaly that's not recommended. Do you want me to turn it o? [yes] XAMPP: Turned o. XAMPP: Stopping MySQL... XAMPP: Starting MySQL... XAMPP: The MySQL/phpMyAdmin user pma has no password set!!! XAMPP: Do you want to set a password? [yes] XAMPP: Password: XAMPP: Password (again): XAMPP: Setting new MySQL pma password. XAMPP: Setting phpMyAdmin's pma password to the new one. XAMPP: MySQL has no root passwort set!!! XAMPP: Do you want to set a password? [yes] XAMPP: Write the password somewhere down to make sure you won't forget it!!! XAMPP: Password: XAMPP: Password (again): XAMPP: Setting new MySQL root password. XAMPP: Change phpMyAdmin's authentication method. XAMPP: The FTP password is still set to 'lampp'. XAMPP: Do you want to change the password? [yes] XAMPP: Password: XAMPP: Password (again): XAMPP: Reload ProFTPD... XAMPP: Done.

Si ahora volvemos al navegador y refrescamos la pgina Seguridad, lo tendremos todo verde.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#36/200

A partir de ahora le pedir usuario:

lampp y contrasea: clave

Desde este momento dispone de un servidor local preparado para instalar cualquier CMS. Por tanto los pasos a seguir para la instalacin del CMS sern casi iguales a los que se necesitan para instalarlo en un servidor real de Internet.
3.1.3.2

Xampp for Windows

Los pasos a seguir son muy parecidos a los de xampp for Linux. 1.

Descargar la ltima versin de Xampp for Windows


Con la versin reducida (lite) tenemos suciente

En la imagen vemos la versin 1.5.4a de 5 de Octubre de 2006. Puede que cuando lea estas pginas haya disponible una versin ms actual. Haba clic para descargar y asegrese de recordar en qu carpeta de su disco duro se ha descargado. Como tardar, son unos 43 megas, aproveche para ir leyendo los siguientes apartados. 2.

Descomprimir el chero descargado


Elija cualquier carpeta para descomprimirlo. En este manual asumiremos que se ha descomprimido en D:\programas. Al descomprimir, nos crear una carpeta llamada xampplite que contendr unos cuantos cheros y carpetas.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#37/200

3. Ejecutamos (haciendo doble clic) el chero

setup-xampp.bat

Pulsamos cualquier tecla (para cerrar la ventana) 4.

Iniciamos xampp ejecutando xampp_start.exe

Minimizamos esta ventana (no debemos cerrarla) 5.

Vericacin y conguracin
http://aula.cepindalo.es

Daniel Lpez Avellaneda [http://lubrin.org]

CAPTULO 3. INSTALACIN DE JOOMLA!

#38/200

Ya tenemos instalado y funcionando nuestro servidor local. La url de nuestro servidor local es http://localhost, de la misma forma que la url de google es http://www.google.es. Por tanto para acceder al servidor local teclearemos en el navegador http://localhost, pero antes de teclearlo, debe saber que internamente las pginas web tenemos que ponerlas en la carpeta d:\programas\xampplite\htdocs. Podremos crear carpetas dentro de htdocs, por ejemplo pruebas: d:\programas\xampplite\htdocs\pruebas, a la que accederemos mediante el navegador con http://localhost/pruebas. Al teclear http://localhost en el navegador accederemos a una pantalla para elegir el idioma

Elegimos idioma espaol y nos muestra la pantalla de bienvenida

Pulsamos sobre

Estado (men de la izquierda)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#39/200

Comprobamos que todo est activado (en verde) El siguiente paso es el chequeo de seguridad (men de la izquierda)

Veremos que est casi todo Inseguro (en rojo), por lo que seguiremos las instrucciones de nal de pgina pulsando sobre http://localhost/security/xamppsecurity.php

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#40/200

Tenemos dos apartados: Security console MySQL & XAMPP directory protection Security console MySQL contrasea: clave repetirla: clave PhpMyAdmin authentication: coockie Safe plain password in text le? Si marcamos esta casilla, guardar la contrasea en un chero de texto plano. La guardar sin encriptar (una prueba ms de la poca seguridad de Windows). Pulsamos sobre: Password changing Segunda parte: Proteger el directorio usuario: lampp password: clave Safe plain password in text le? Igual que antes. Pulsamos sobre Make safe the XAMPP directory Puede poner como usuario y contrasea lo que quiera. En el manual asumiremos que ha puesto usuario: lampp y contrasea: clave. En futuros accesos a xampp le pedir usuario y contrasea. Volvemos a recargar la pgina de Checkeo de seguridad.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#41/200

Observamos que PHP no es seguro: PHP is NOT running in "safe mode" Debemos cambiar la conguracin de php en el chero php.ini que est en: D:\programas\xampplite\apache\bin\php.ini Abrimos el chero (con el bloc de notas por ejemplo) y buscamos la lnea: Safe_mode = O y la cambiamos por: Safe_mode = On

Guardamos el chero. Para que el cambio surta efecto debemos reiniciar apache. Ejecutamos D:\programas\xampplite\xampp_restart.exe Volvemos a recargar la pgina chequeo de seguridad y ya estar todo seguro (en verde). Desde este momento dispone de un servidor local preparado para instalar cualquier CMS. Por tanto los pasos a seguir para la instalacin del CMS sern casi iguales a los que se necesitan para instalarlo en un servidor real de Internet.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!


3.1.4

#42/200

phpMyAdmin

Nuestro servidor local dispone de servidor web apache, php y MySQL (entre otros programas). Uno de los programas que nos ser de utilidad es phpMyAdmin que sirve para administrar el gestor de bases de datos MySQL. Si usted conoce el lenguaje SQL (a base de comandos en modo texto) no necesitara phpMyAdmin. De todas formas nos resultar ms cmodo hacerlo de forma grca sin necesidad de conocer los comandos SQL. La gestin de la base de datos (crear tablas, aadir o modicar registros, etc.) que usa cualquier CMS la hace l mismo. Lo nico que necesitamos hacer nosotros es crear la base de datos. Pero slo crearla, es decir, slo ponerle un nombre (de todo lo de ms se encarga el CMS). Algunos CMS como SPIP llegan an ms lejos y ni siquiera necesitamos crear la base de datos. Puesto que durante el curso instalaremos el CMS Joomla!, crearemos una base de datos (con phpMyAdmin) llamada joomla que nos servir para iniciarnos en phpMyAdmin y de paso ya tendremos nuestra base de datos vlida para la futura instalacin de Joomla. Para iniciar phpMyAdmin podemos entrar en el servidor: http://localhost y pulsar en el men de la izquierda sobre phpMyAdmin. Alternativamente podemos entrar directamente mediante: http://localhost/phpmyadmin. De ambas formas nos recibir con la siguiente ventana:

Como usuario para la base de datos: root y como contrasea clave (recuerde que acordamos llamar 'clave' a la contrasea de todos los programas de xampp). Ahora bastara con crear la base tecleando 'joomla ' y pulsando 'Crear '.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!


3.2

#43/200

Instalacin de Joomla! en localhost

En el captulo de introduccin a los CMS comentamos que nuestra web tenemos que ponerla fsicamente en algn servidor: en un servidor de pago, en uno particular (nuestro o de nuestro centro), en el servidor averroes de la JJAA o de forma local en nuestro propio ordenador. Las ventajas de instalarlo en localhost (servidor local) son bastantes: hacer todas las pruebas que queramos para aprender hacer pruebas antes de publicarlo en Internet servir pginas slo para nuestra red local (sin salida a Internet) enorme rapidez de carga de pginas Algunas desventajas son: Las posibilidades de interactividad de otros usuarios son menores (nulas si nuestra red local se reduce a un slo ordenador: el nuestro). No podemos saber lo rpido que cargar la pgina hasta que no est en Internet (a veces nos pasamos poniendo imgenes grandes porque en local cargan rpido, pero cuando las subimos .. los visitantes desesperan por la lentitud de carga). Lo que s est claro, es que para nuestras prcticas del curso usaremos la instalacin de Joomla! en localhost.
3.2.1

Preparando localhost Descargar Joomla!

Vimos en un captulo anterior como preparar localhost con xampp para poder instalar Joomla! u otro CMS. Adems creamos con PhpMyAdmin la base de datos llamada joomla.
3.2.2

La descarga la haremos desde la web http://www.joomlaspanish.org para descargarnos el paquete en castellano (se podra optar por descargar la versin original en ingls desde la misma web o desde la web ocial: http://www.joomla.org). Tras entrar en joomlaspanish buscamos un enlace que nos lleve a la descarga.

Es posible que cuando lea estos apuntes haya una versin superior. En la pgina de descargas vemos todas las actualizaciones

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#44/200

Debemos pulsar en siguiente (triangulito) para ir a la segunda pgina

donde ya vemos la ltima versin 1.0.12 de la que hay tres archivos. Los tres son archivos comprimidos que tienen el mismo contenido. La diferencia de tamao es por el formato de compresin (los formatos Linux tar.gz y tar.bz2 usan mejores algoritmos de compresin que el formato zip, habitualmente usado por Windows). Si usa Windows descargue el .zip Si usa Linux puede descargar cualquiera de los tres; le recomiendo el tar.gz Procedemos a la descarga haciendo clic sobre el nombre del chero

3.2.3

Descomprimir el paquete

Una vez descargado el paquete, tenemos que descomprimirlo en la carpeta adecuada. Recordemos que en nuestra instalacin de xampp en localhost las pginas web hay que crearlas dentro de la carpeta /opt/lampp/htdocs3 . Por si despus instamos otras cosas, lo mejor es crear una carpeta para joomla: 1. Creamos una carpeta para joomla dentro de htdocs4 : $ sudo mkdir /opt/lampp/htdocs/joomla 2. Nos posicionamos en la carpeta donde descargamos el paquete de joomla. Supongamos que lo tenemos en /home/usuario/Desktop $ cd /home/usuario/Desktop 3. Le decimos que lo descomprima en la carpeta /opt/lampp/htdocs/joomla sudo tar -xvf Joomla_1.0.12-spanish-premium.tar.gz -C /opt/lampp/htdocs/joomla Observe que si ha descargado una versin posterior el nombre del paquete ser distinto 4. Damos permisos a la carpeta: $ sudo chown -R nobody /opt/lampp/htdocs/joomla Hemos concluido esta etapa.
3 Los usuarios de Windows deben poner las pginas en la carpeta xxx\xampplite\htdocs (donde xxx es una ruta del tipo D:\programas, dependiendo de donde hayan instalado xampplite) 4 Los usuarios de Windows deben crear la carpeta joomla en xxx\xampplite\htdocs (donde xxx es una ruta del tipo D:\programas, dependiendo de donde hayan instalado xampplite) de forma que quede xxx\xampplite\htdocs\joomla. El siguiente y ltimo paso sera descomprimir el paquete zip en la carpeta joomla que acaban de crear

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!


3.2.4

#45/200

Continuar la instalacin desde el navegador

Nos aseguramos que tenemos iniciado el servidor xampp. Si par el servidor o reinici o apag su equipo puede volver a iniciarlo mediante: $ sudo /opt/lampp/lampp start En el navegador apuntamos a http://localhost/joomla Obtendremos una ventana similar a la siguiente:

En esta pgina nos muestra las caractersticas idneas que necesita Joomla para funcionar. En verde lo que est bien y en rojo lo que hay que corregir. Aunque Joomla! funcionar a pesar de haber algo rojo y en algunos casos (como la seguridad) no tiene mucho sentido en un servidor local, le vamos a hacer caso y vamos a corregir todo lo rojo.

Comprobando la versin Podemos comprobar si hay alguna versin nueva. Comprobando la seguridad A pesar de estar en un servidor local, debemos acostumbrarnos
a seguir las normas de seguridad.

El archivo globals.php se encuentra en la raz de nuestra instalacin de Joomla!: /opt/lampp/htdocs/joomla/globals.php Para modicar ese chero le damos permisos para poder editarlo: $ sudo chmod 644 /opt/lampp/htdocs/joomla/globals.php y lo editamos: $ sudo gedit /opt/lampp/htdocs/joomla/globals.php Buscamos la lnea dene( 'RG_EMULATION', 1 ); y la cambiamos por dene( 'RG_EMULATION', 0 ); para desactivar RG_EMULATION y guardamos el chero Ahora comprobamos pulsando el botn 'Comprobar otra vez'. Ya debe estar todo en verde.

Ajustes recomendados Aqu hay que modicar la conguracin de PHP si tenemos alguna directiva que aparezca en rojo. El chero de conguracin de php es php.ini y se encuentra en /opt/lampp/etc/php.ini 5 Cuando todo est correcto, pulsamos sobre Siguiente y nos aparece le ventana de la Licencia
5 En

Windows el chero de conguracin se encuentra en la ruta \xampplite\apache\bin\php.ini

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#46/200

Volvemos a pulsar Siguiente

Rellenamos el formulario con los datos de la Base de datos. La casilla Instalar datos de ejemplo deberamos dejarla marcada si es la primera vez que instalamos joomla (nos instala unos cuantos artculos de ejemplo que podremos modicar o borrar posteriormente). Tras pulsar Siguiente

debemos proporcionar un nombre para nuestra web y pulsar siguiente.

En el paso 3 comprobamos que URL y Ruta son las correctas, ponemos el e-mail del administrador y una contrasea (ponga una contrasea fcil pues estamos en un servidor local; si acepta la que propone Joomla! apntela, si la olvida tendr que volver a realizar toda la instalacin).

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#47/200

Hemos terminado la instalacin. Recuerde o anote usuario y clave. Debemos borrar (por motivos de seguridad) el directorio de instalacin $ sudo rm -R /opt/lampp/htdocs/joomla/installation Para acceder a la web: http://localhost/joomla Si decidimos instalar los ejemplos obtendremos una ventana como la siguiente

Si optamos por no instalar los ejemplos obtendremos:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#48/200

Para entrar al espacio privado del administrador: http://localhost/joomla/administrator Nos pedir usuario:passdword (admin:clave)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!


3.3 3.3.1

#49/200

Instalacin de Joomla! en averroes El servidor averroes

El servidor averroes de la Junta de Andaluca ofrece espacio para pginas web (y otros servicios) a todos los centros andaluces (aunque no sean TIC). Es necesario que los centros se integren (apunten) en averroes para poder recibir estos servicios gratuitos. Aunque la mayora de los centros estn en averroes, si su centro no lo estuviese (pregunte a su director/a), basta con que el director/a enve un fax con los siguientes datos: Adems de espacio web, averroes da a los centros una direccin de correo del tipo 12345678.averroes@juntadeandalucia.es (el nmero 12345678 es el cdigo del centro) con su correspondiente contrasea, que es muy importante porque aunque no use el correo de averroes, esa contrasea vale para el servicio FTP (para subir las pginas al servidor de averroes). Piense en la posibilidad de aprovechar este curso para crear una web de su centro (y opcionalmente alojarla en averroes). Estamos en 2007 y an encuentro compaeros/as que me dicen que con el correo de averroes reciben mensajes pero no pueden enviar. Lo cual es lgico pues la conguracin del correo de averroes se cambi en Junio de 2005. Para actualizar el correo a la nueva conguracin no hay ms que seguir esta gua grca:
http://www.juntadeandalucia.es/averroes/red_averroes/como.php3

http://www.juntadeandalucia.es/averroes/usuarios/nueva_configuracion_correo.php# configuracion

Las pginas de los centros alojadas en averroes tienen direcciones del tipo: http://www.juntadeandalucia.es/averroes/centro y se pueden visualizar con gran velocidad cuando se accede desde la red corporativa. Cuando se visualizan desde fuera de la red Corporativa la velocidad es tambin bastante buena. Otra cosa distinta es al acceso desde dentro de la red corporativa a pginas alojadas fuera de la red, sobre todo en las maanas de los das lectivos donde se forma un cuello de botella debido posiblemente a los ltros que usa la Junta.
3.3.2

Caractersticas de averroes

Evidentemente podemos subir a nuestro espacio de averroes pginas web estticas sin ningn problema. Otra cosa son los CMS, que como vimos en la introduccin necesitan adems Apache, PHP y MySQL. Averroes cumple estos requisitos y ya tiene instalados Apache, PHP y MySQL con la salvedad de que la base de datos tenemos que solicitarla. Tenemos que pedir a averroes una base de datos para nuestro centro. El usuario, contrasea y nombre de la base que nos proporcione averroes lo necesitamos para la instalacin de Joomla! u otro CMS.

cmo solicitar a averroes una base de datos? Para solicitar una base de datos hay que enviar un mensaje desde el correo de averroes a la direccin: stecnico.averroes@juntadeandalucia.es con los siguientes datos:
Asunto : SOLICITUD DE BASE DE DATOS Cuerpo del mensaje : cdigo del centro y tipo de base de datos (mysql o postgres).
En el tipo de base de datos elegiremos mysql (el usado por la mayora de CMS). Suelen tardar una o dos semanas en enviarte un correo con los datos (particularmente no entiendo la tardanza, pues realmente un administrador de un servidor tarda menos de 30 segundos en teclear un par de lneas desde terminal). Recibiremos un mensaje de respuesta en el que nos indicarn: Nombre de la base de datos (suele ser el cdigo del centro con alguna letra(s) ms) Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#50/200

Usuario (suele ser el nombre de la base de datos) Contrasea Para ms informacin:


http://www.juntadeandalucia.es/averroes/usuarios/alojamientobbdd.php

Lo primero que debemos hacer al recibir el mensaje es comprobar que funciona. Para ello entramos en: http://www.juntadeandalucia.es/averroes/phpmyadmin

Tecleamos el usuario y contrasea que nos ha proporcionado averroes y pulsamos Identicacin y as accedemos, mediante PhpMyAdmin a la administracin de la Base de Datos. No necesitamos administrar ni hacer nada (salvo que seamos usuarios expertos), puesto que los CMS (Joomla!, SPIP u otros) se encargarn de crear las tablas, campos y dems. Para nuestro propsito del curso, tan slo necesitamos entrar para comprobar si el usuario y contrasea que nos ha proporcionado averroes son correctos (conozco al menos un caso particular en el que han enviado el usuario y contrasea de un centro a otro y viceversa .. y, lgicamente a ninguno de los dos centros le funcionaba). Si su centro no ha solicitado an una base de datos, debera hablar con su director/a para hacerlo ya. Puede que quiera aprovechar el curso para crear una web para el centro. En caso contrario tambin debera solicitarla, pues el da que quiera usarla le resultar algo molesto (al menos a m me sucedi) tener que esperar una o dos semanas.

Problemas con el proxy redirector Anteriormente hemos mencionado que averroes cumple

los requisitos para instalar un CMS, con la nica salvedad de tener que solicitar una base de datos. Sin embargo, hay un nuevo problema aadido y es el proxy redirector. El tema es que cambia la URL dependiendo de si accedemos desde dentro de la red corporativa (centros DIG, TIC, etc.) a si accedemos desde fuera de la misma. La URL de un centro de cdigo 12345678 es: http://averroes.ced.junta-andalucia.es/12345678 (si se accede desde la red corporativa) http://www.juntadeandalucia.es/averroes/12345678 (si se accede desde fuera de la red)

Para el navegante no supone ningn problema, pues todos tecleamos http://www.juntadeandalucia.es/averroes/12345678 (desde fuera o desde dentro de la red corporativa) y ya se encarga el proxy de traducir la direccin a http://averroes.ced.junta-andalucia.es/12345678. Sin embargo para un CMS si que es un problema, puesto que la URL la suele almacenar en una variable php y segn lo hayamos congurado puede almacenar una direccin u otra, con lo cual slo funcionara bien desde dentro de la red o desde fuera (no funcionara desde ambos sitios simultneamente como sera deseable). Averroes ofrece una solucin que pasa por modicar el cdigo php y que funciona en algunos CMS como Joomla o Moodle. No se necesitan conocimientos de lenguaje php, basta con poner lo que nos dicen en el dichero que nos indican. Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#51/200

Estas soluciones se pueden encontrar en las pginas de averroes:

Esta solucin (para el/la que entienda algo de php) pasa por detectar un nmero que va incluido en la IP del proxy. Es una buena solucin, pero depende de un nmero que si maana cambian la IP del proxy ya no valdra. Yo particularmente encontr otra solucin que no depende del nmero, pues sencillamente detecta el proxy (independientemente de la IP que tenga). Mi solucin la he probado con algn que otro CMS (por ejemplo SPIP) y funciona bien (hay algunos centros en la provincia de Crdoba que la usan). El funcionamiento interno de algunos CMS como por ejemplo mediawiki (el wiki con el que est hecha la wikipedia) impide que funcionen en averroes puesto que la URL la guarda en cach (en archivos fsicos) y no la puede modicar. Para los/as que estn un poco perdidos con estos temas, decirles que no se preocupen, que no hay que saber de php, ni de proxys, ni de redirecciones, etc. para instalar Joomla! o SPIP, tan slo tendrn que copiar unas lneas de texto en un chero y listo.
3.3.3

http://www.juntadeandalucia.es/averroes/usuarios/redirecciones.php

Instalando Joomla! en averroes

Iniciamos la parte prctica de instalar Joomla! en averroes y antes de nada, debemos saber que los pasos a seguir son prcticamente los mismos que para instalarlo en cualquier otro servidor de Internet:
3.3.3.1

Descargar Joomla! de Internet Descomprimir el paquete descargado

Seguimos los mismos pasos que en el apartado 3.2.2


3.3.3.2

Aqu si hay cambios respecto a la instalacin en localhost. Tenemos que descomprimir el paquete en nuestro disco duro y despus subirlo por ftp a averroes. Para descomprimirlos de forma fcil basta con apuntar con el ratn al paquete, pulsar botn derecho y elegir 'Extraer aqu'. Supondremos que hemos descomprimido los cheros en la carpeta: /home/usuario/Desktop/joomla_averroes

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!


3.3.3.3

#52/200

Editar algunos cheros

Necesitamos modicar algunos cheros antes de subirlos a averroes 1.

Editamos el chero globlas.php para modicar la lnea dene( 'RG_EMULATION', 1 );

y dejarla como dene( 'RG_EMULATION', 0 ); Para modicar cualquier chero de extensin php hay que usar un editor de texto plano (en Linux: gedit, nano, etc. en Windows: Bloc de Notas, LopeEdit, etc.), no lo haga con un procesador de textos tipo OpenOce, Word, etc. En Linux lo haramos as: Nos posicionamos en la carpeta donde hemos descomprimido el paquete de joomla! $ cd /home/usuario/Desktop/joomla_averroes Damos permiso de escritura al chero globals.php $ chmod 644 globals.php Lo editamos $ gedit globals.php modicamos la lnea dene( 'RG_EMULATION', 1 ); para que quede dene( 'RG_EMULATION', 0 ); y guardamos el chero Volvemos a dejar como estaba el glogals.php (sin permiso de escritura) $ chmod 444 globals.php

2.

Crear un chero vaco de nombre conguration.php y ponerlo donde tenemos el resto

de cheros y carpetas (en la raz, justo donde estn CHANGELOT.php, conguration.php-dist, etc.) debemos incluirle la siguiente lnea (al principio del mismo): php_value register_globals 0

3.

Editar el chero htaccess.txt. Usando un editor de texto plano (como antes) tan slo

De momento es suciente. Ya podemos subir los cheros al servidor de averroes.


3.3.3.4

Subir los cheros a averroes

Para subir los cheros de joomla al servidor averroes necesitamos usar un programa cliente de FTP. Si es usuario de Windows use su programa habitual de FTP (si no tiene instalado ningn programa de FTP, le recomiendo descargarse Filezilla que es software libre. El software libre no es exclusivo de Linux, en Windows tambin hay programas libres en los que no hay que piratear ni pagar como eMule, Filezilla, Open oce, Gimp, etc.). Si usa Guadalinex ya tiene instalado gFTP (para m el mejor programa de FTP que he probado, no slo por su facilidad de uso, sino por su efectividad). Se accede al mismo mediante el men Aplicaciones Internet gFTP Cualquier programa de FTP (File Transfer Protocol) se usa para subir/bajar cheros a un servidor (por ejemplo los cheros de una pgina web). Todos son muy parecidos y en su interfaz grca suelen tener las siguientes partes: En la zona superior los datos para la conexin: nombre del servidor y nuestro usuario y contrasea

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#53/200

En la parte central dos rboles de carpetas (a la izquierda las carpetas de nuestro disco duro y a la derecha las carpetas del servidor). Entre ambos rboles de carpetas suele haber un par de echas: nuestro_PC servidor_internet para subir cheros y nuestro_PC servidor_internet para bajar cheros. Antes de pulsar sobre esas echas hay que seleccionar los cheros a subir o bajar. En la parte inferior se muestran los mensajes del servidor, estado de las transferencias y otras informaciones tiles Para el caso particular del servidor de averroes los datos son:

servidor: tcp.averroes.cica.es usuario: 12345678 (cdigo del centro) contrasea: la contrasea del correo de averroes puerto: se deja por defecto (no es necesario poner nada)
Veamos una imagen

En la imagen anterior slo nos queda pulsar el botn Conectar (arriba izquierda). Una vez que conectemos aparecern a la derecha los cheros y carpetas que tengamos en nuestro espacio de averroes (estar vaco si su centro an no ha usado ese espacio). Si su centro ya est usando el espacio de averroes para otras pginas, debera crear una carpeta (en el servidor) llamada por ejemplo joomla y subir los cheros a esa carpeta. En ese caso su web se ver en la URL http://www.juntadeandalucia.es/averroes/micentro/joomla. Tambin podra poner joomla en la raz de su espacio, pero existe la posibilidad de sobreescribir cheros existentes. Si su centro no ha usado el espacio de averroes puede subir joomla a la raz de su espacio. En ese caso su web se ver en la URL http://www.juntadeandalucia.es/averroes/micentro Tenemos que subir (tardar un rato) todos los cheros y carpetas que tenemos en nuestra carpeta /home/usuario/Desktop/joomla_averroes. Veamos una imagen

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#54/200

Hemos seleccionado todos los cheros y carpetas y ahora pulsamos Flecha Derecha para que suban al servidor.
3.3.3.5

Algunas modicaciones por FTP

Hemos terminado de subir los cheros al servidor averroes. Ahora debemos hacer algunas modicaciones usando el programa de FTP. Si selecciona un chero (o varios) en el servidor (lado derecho) con un simple clic (entonces lo ver resaltado), puede pulsar botn derecho de ratn y aparecer un men emergente donde puede elegir entre varias opciones: borrar, renombrar, modicar atributos (cambiar permisos), etc. Las modicaciones que debemos hacer son las siguientes: 1. Dar todos los permisos al chero conguration.php

2. Renombrar el chero htaccess.txt a .htaccess (debe poner el punto que precede al nombre. Ese punto signica en Linux 'chero oculto'; no importa que use Windows, pues est modicando un chero de averroes que usa Linux como google y la amplia mayora de servidores de Internet) 3. Nos queda an darle permisos a una serie de carpetas. Abogando por la seguridad y para no dar ni un slo permiso que sea innecesario, dejaremos que sea Joomla! quien nos diga a qu carpetas hay que darle permisos (por tanto esta parte la haremos ms tarde).

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!


3.3.4

#55/200

Continuar la instalacin con el navegador

Hemos realizado casi todos los preliminares. Ahora continuaremos la instalacin con el navegador y ser Joomla! quien nos diga si queda algo por hacer. Abrimos nuestro navegador y tecleamos la URL de nuestra futura web: http://www.juntadeandalucia.es/micentro Si subi los cheros a una carpeta de nombre joomla, la URL ser: http://www.juntadeandalucia.es/micentro/joomla Ver la ventana de Preinstalacin (debe recordarla de la instalacin en localhost)

Si ha seguido los pasos anteriores, slo tendr en rojo la ltima parte

A todas las carpetas que aparecen como 'No puede ser escrito' hay que darles permisos de escritura. Para ello usaremos nuestro programa de FTP y le asignaremos permisos 707 segn la siguiente imagen:

Puede asignar permisos a varios cheros/carpetas a la vez. Para ello seleccione varios, pulse botn derecho y elija Modicar Atributos. Cuando haya terminado de modicar todas las carpetas que exige Joomla! vaya al navegador y pulse sobre 'Comprobar otra vez'. Ahora debera estar todo en verde. Si es as, pulsamos sobre Siguiente, leemos la licencia y volvemos a pulsar Siguiente. En el Paso1 debemos poner los datos de la Base de Datos que solicitamos a averroes: Nombre del servidor: localhost Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 3. INSTALACIN DE JOOMLA!

#56/200

Usuario MySQL: x12345678x Contrasea MySQL: ******** Base de datos: x12345678x En los pasos siguientes (ya los vimos en la instalacin en localhost) tendr que poner un nombre para la web (paso2) y un e-mail y contrasea (paso3) y por ltimo borrar el directorio de instalacin (lo hacemos mediante ftp).
3.3.5

Adecuar la conguracin a averroes

El ltimo paso para que nuestra web est plenamente funcional es solucionar el problema del proxy redirector de averroes (distinta URL segn se entre desde fuera o desde dentro de la red corporativa). Para ello: 1. Nos bajamos (por ftp) el chero conguration.php 2. Lo abrimos con nuestro editor de textos y realizamos las siguientes acciones: a) Borramos la lnea:
$mosCong_live_site = 'http://averroes.ced.junta-andalucia.es/iesmarserena/joomla'; b) En su lugar ponemos lo siguiente:6 $ipservidor = getenv('REMOTE_ADDR'); $letra = substr($ipservidor,3,5); if ($letra == 160.5) { $mosCong_live_site = 'http://www.juntadeandalucia.es/averroes/~12345678/joomla'; } else { $mosCong_live_site = 'http://averroes.ced.junta-andalucia.es/~12345678/joomla'; }

Lo guardamos y lo subimos sobreescribiendo el original. Por motivos de seguridad cambiamos los permisos de conguration.php7 a 644

Ya tenemos nuestra web en averroes plenamente funcional.

el cdigo de su centro la conguracin de joomla debemos cambiar los permisos de conguration.php a 777 y una vez realizados los cambios le volvemos a dar 644

6 En lugar de 12345678 ponga 7 Cuando queramos modicar

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 4

Administracin de Joomla!

4.1

Introduccin

La administracin de Joomla! se hace desde el espacio privado (llamado en Joomla! Back-end) al que slo tienen acceso los administradores (manager, administrador o super-administrador). Para entrar al espacio privado se suele hacer mediante un enlace en la web (espacio pblico) o tecleando directamente la url: http://www.miweb.es/joomla/administrator donde http://www.miweb.es/joomla/ es la ruta donde tiene instalado Joomla! Tras identicarnos con usuario y contrasea

accedemos al Panel de Control

Mediante los mens de la barra superior podemos acceder a todas las funcionalidades disponibles. Adems tenemos (abajo izquierda) unos cuantos iconos de acceso rpido que nos llevan a las funciones ms usadas y unos pocos mdulos de informacin (derecha) que nos ofrecen informaciones y accesos tiles. 57

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.2

#58/200

Conguracin del sitio

El primer paso despus de instalar joomla! debera ser la conguracin del sitio. Es importante ponerle un nombre signicativo a la web y por qu no? un buen icono. Tambin se deben congurar otros aspectos como: Poner la web 'Fuera de Lnea' para tareas de mantenimiento, etc. Se accede mediante el men Sitio Conguracin Global.

La descripcin de todos los apartados se puede encontrar en el apartado 'Conguracin Global' del captulo 8 del Manual ocial de Joomla! (hay 9 pginas en las que se describen todas las opciones). La primera vez no hay que aprenderse ni entender la cantidad de apartados que tiene la conguracin. Con unos pocos tendramos bastante de momento. Los ms importantes son:

Sitio Nombre del sitio (nombre para la web) Sitio Permitir el registro (de nuevos usuarios) Metadatos Descripcin del sitio Metadatos Palabras clave Correo
La pestaa de correo es importante sobretodo si ha congurado el sitio de forma que permita el registro de usuarios. Con la opcin 'Usar activacin de cuentas nuevas ' (de la pestaa Sitio ) activada, cuando un usuario se registra recibe un e-mail con las instrucciones para conrmar su registro. Joomla! admite tres formas de enviar esos e-mail: 1. Mediante SendMail, que es el programa que usa Linux para enviar correo (aunque existen muchos ms y mejores como PostFix, Sendmail es el que viene por defecto en cualquier distribucin Linux). Esta opcin slo la podemos usar cuando tengamos Joomla! instalado en un servidor propio (bajo Linux claro est). 2.

SMTP Server. Si tenemos Joomla! en un servidor ajeno, pero disponemos de un servidor propio de correo o una cuenta de correo con acceso SMTP, bastara darle el nombre del servidor, usuario y contrasea de la cuenta. En ese caso, Joomla! usara esa cuenta de correo
http://aula.cepindalo.es

Daniel Lpez Avellaneda [http://lubrin.org]

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#59/200

para enviar los e-mails. A la hora de la verdad, esto puede ser difcil de conseguir, pues los correos tradicionales como yahoo, gmail, etc. no lo van a permitir. Incluso los servidores de correo caseros estn congurados para no permitir relay (yo al menos los conguro as, como una medida ms de lucha contra el spam). Incluso suponiendo que disponga de una cuenta de correo con acceso SMTP, es posible que tampoco funcione si el servidor donde est alojado Joomla! es muy estricto (como sucede con el servidor averroes) y no le permite conexiones por el puerto 25. 3.

Funcin mail de PHP. La funcin mail() de PHP suele ser la ltima opcin y no todos los

servidores la permiten. El servidor averroes la tiene deshabilitada, aunque se puede solicitar que nos habiliten un usuario por centro. En ese caso necesitaramos conocimientos de PHP para retocar el cdigo de Joomla! y conseguir que enve correo.

El tema del registro para usuarios conocidos (por ejemplo el alumnado y profesorado de un centro) se puede solucionar de la siguiente manera: Los administradores pueden dar de alta a todos los usuarios que quieran, le pueden asignar una contrasea provisional y el usuario, si lo desea, puede cambiarla entrando en su cuenta. Otra manera de solucionarlo es desactivar la opcin 'Usar activacin de cuentas nuevas ' (de la pestaa Sitio ), de esa manera los usuarios pueden registrarse sin necesidad de conrmar el registro en su correo (quedan registrados de forma inmediata y Joomla! no necesita enviarles ningn e-mail).

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.3

#60/200

Creando contenidos

Dos aspectos bsicos y diferenciados en cualquier CMS son: contenido y diseo. Cul de ellos primero?. Para probar plantillas o diseos es necesario tener algn contenido; si no hay artculos ni secciones no podemos ver en su totalidad el diseo grco. Por tanto los pasos a seguir seran: Crear algo de contenido (aunque sea de pruebas) Elegir unas plantillas o un diseo grco Ir completando el contenido (con la web ya en produccin)
4.3.1

Estructuracin del contenido

En la introduccin a los CMS decamos que los contenidos de la web se expresaban en forma de artculos, los cuales pertenecan a una seccin. En algunos CMS las secciones pueden tener subsecciones y estas a su vez ramicarse ms. En el caso particular de Joomla! no podemos hacer todas las ramicaciones que queramos. Tan slo disponemos de tres niveles: secciones (primer nivel) categoras (incluidas en las secciones) (segundo nivel) artculos (incluidos en las categoras) (tercer nivel) Un artculo tiene que pertenecer a alguna categora (la cual a su vez debe estar incluida en alguna seccin), por tanto no podemos crear artculos de contenido sin haber creado antes categoras y secciones que los incluyan. No obstante tambin existen artculos de contenido esttico que no pertenecen a ninguna categora ni seccin. Por ejemplo en la web de un centro podemos crear una seccin llamada DEPARTAMENTOS. Dentro de la misma podemos crear varias categoras: Matemticas, Lengua, Tecnologa, Fsica, etc. Entonces dentro de cada departamento los miembros del mismo pueden crear artculos de contenido.
4.3.2

Creando secciones y categoras


Crear secciones

El orden lgico es crear primero secciones y despus categoras incluidas en las secciones, para ms tarde ir creando los artculos de contenido
4.3.2.1

Puede ver informacin ms detallada en las pginas 62 y siguientes del manual ocial. Para crear una seccin, estando en el espacio privado pulsamos sobre el men Contenido Administrador de secciones

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#61/200

Lgicamente no hay ninguna seccin creada. Para crear una seccin debemos pulsar sobre el icono Nuevo. Nos aparece un formulario para rellenar, en el que indicaremos algunos datos: Ttulo de la seccin Nombre largo Logo de la seccin Descripcin Al nalizar pulsamos sobre guardar
4.3.2.2

Crear categoras

Dentro de las secciones hay que crear categoras (y dentro de estas estarn los artculos de contenido). Las categoras se administran en el men: Contenido Administrador de categoras. Se precede de igual forma que para crear una seccin, con la nica salvedad que al crear una nueva categora hay que decirle a qu seccin pertenece.
4.3.3

Creando artculos
Crear un artculo de contenido

Existen dos tipos de artculos: de contenido y de contenido esttico.


4.3.3.1

Los artculos de contenido se pueden publicar en la pgina inicial de la web y deben pertenecer a alguna categora (la cual a su vez debe pertenecer a alguna seccin). Hay varios caminos para escribir un nuevo artculo de contenido. El ms directo es mediante el icono Aadir nuevo artculo.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#62/200

Nos aparece el formulario de la imagen anterior donde hay un excesivo nmero de datos para rellenar (fjese en la zona de la derecha que hay varias pestaas: publicacin, imgenes, etc.). Intentar repasar los ms importantes:

Ttulo: ttulo del artculo


Alias : puede poner un alias para el artculo (no es necesario)

Seccin: elija una seccin Categora: la lista de categoras depende de la seccin elegida. Debe elegir una categora. Texto de introduccin: (obligatorio, lo que suele aparecer en portada cuando se publica
el artculo)

Texto completo (lo que aparece al pulsar Leer ms ) Ver en la pgina inicial (si queremos que aparezca en portada)
Para ver con detalle todas las opciones: Administrador de artculos: Nuevo/Editar Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#63/200

http://ayuda.joomlaspanish.org/index.php?option=com_content&task=view&id=274&Itemid=98 Relacionado: Administrador de artculos http://ayuda.joomlaspanish.org/index.php?option=com_content&task=view&id=270&Itemid=98


4.3.3.2

Crear un artculo de contenido esttico

Los artculos de contenido esttico no pertenecen a ninguna categora (y por tanto a ninguna seccin). Tampoco pueden publicarse en la pgina de inicio. Para crear un artculo de contenido esttico usaremos el men Contenido Administrador de contenido esttico y pulsaremos sobre Nuevo.

Observamos que las opciones son las mismas que para crear un artculo de contenido con dos diferencias: No tenemos que elegir categora ni seccin No hay texto introductorio (al no publicarse en la pgina de inicio)
4.3.4

Imgenes en los artculos

El tratamiento de la imgenes por parte de Joomla! resulta un poco peculiar: Sin el rango de administrador no se pueden subir imgenes incluidas en un artculo, tan slo se pueden elegir imgenes entre las que hayan dispuesto los administradores. Si la imagen se encuentra en otro servidor de Internet del que se conoce la ruta, puede ponerla usando el icono 'Insertar imagen'.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.4

#64/200

Mens

Joomla! trae unos mens predeterminados que podemos usar y/o modicar. Adems es posible crear nuevos mens. Mediante el men Mens Administrador de Mens podemos ver un resumen de los mens disponibles.

En la imagen anterior tenemos los cuatro mens predeterminados que trae Joomla! (es necesario que durante la instalacin le digamos que instale los ejemplos). Adems del nombre del men podemos ver los artculos publicados que tiene (Joomla! trata cada opcin de un men como un artculo). Los mens anteriores se corresponden con las siguientes imgenes:

A modo de ejemplo, veamos el men principal. Accedemos mediante el men Mens

mainmenu.

El men principal es un tanto especial por dos motivos: 1. No se puede eliminar (es necesario para que joomla! funcione correctamente) 2. La primera opcin de este men: Inicio es la que controla la pgina principal. Debemos tener mucho cuidado con borrarlo o cambiarlo de lugar (se debe dejar como primera opcin) Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#65/200

Mediante la columna Reordenar, pulsando echa arriba/abajo podemos cambiar el orden en que aparecern las opciones de los mens. Mediante la columna Publicado, podemos ocultar las opciones que queramos. Podemos eliminar una opcin (si no la pensamos usar ms) seleccionndola y pulsando el botn Basura. Mediante la columna Acceso se puede restringir el acceso de alguna opcin:

Public : lo ver todo el mundo Registered : slo vern la opcin los usuarios registrados Special : lo vern los usuarios con rango de autor o superior
Adems de estas opciones rpidas, en la columna Artculo del men, podemos hacer clic sobre una de las opciones y se nos permitir editarla completamente.
4.4.1

Creando un nuevo men

Para crear un nuevo men podemos modicar las opciones de uno de los cuatro mens predenidos de joomla! o bien crear uno nuevo desde cero. Crearemos un nuevo men desde cero. Entramos en el men Mens Administrador de Mens y pulsamos sobre Nuevo.

Nombre del men (sin espacios en blanco) Ttulo del mdulo : mod_mainmenu (obligatorio). Pulsamos Guardar.
4.4.2

Aadir opciones a un men.


Nombre del Men al que queramos aadir una opcin de

Entramos en el men Mens men. Pulsamos sobre Nuevo.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#66/200

Debemos elegir una de las opciones que aparecen en la imagen anterior. Supongamos que queremos que nuestra opcin de men nos lleve a un artculo de contenido esttico, entonces elegiramos: Enlace - Contenido esttico y nos aparecer una nueva ventana:

Los datos ms destacados son: Nombre: un nombre para la opcin de men Artculo padre: si en lugar de Top elegimos una de las otras opciones de men, lo que crearemos es un submen, o mejor dicho, una subopcin de men. He creado una subopcin llamada

prueba que aparecer as:

Nota: para que los mens aparezcan expandidos, hay que congurarlos en su mdulo correspondiente: men Mdulos Mdulos del sitio, elegimos el men que queremos expandir y marcar la opcin Expandir men.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.4.3

#67/200

Relacin de los mens con los mdulos

Los mdulos son como contenedores que pueden incluir por ejemplo mens. Si hemos creado un nuevo men se crear un nuevo mdulo asociado (por eso al crear un nuevo men, adems de nombre del men nos pide ttulo del mdulo). Los mdulos pueden estar visibles (publicado) o no visibles (no publicado). Por tanto un nuevo mens recin creado no ser visible hasta que lo sea su mdulo asociado. Aunque hablaremos ms sobre mdulos en el apartado correspondiente, si entramos en el men Mdulos Mdulos del sitio, veremos el mdulo correspondiente al men creado anteriormente

En la imagen vemos que el mdulo 'Mi Nuevo Menu' correspondiente al men que creamos en un apartado anterior no est visible (publicado), mientras que el mdulo Banners si que est visible. Si hacemos clic sobre el pequeo icono rojo conseguiremos que se publique y por tanto sea visible en la pgina de inicio de nuestra web.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.5 4.5.1

#68/200

Diseo de la pgina de inicio Estructura de la pgina de inicio

El men Inicio (primera opcin del men principal o mainmenu) es quien controla la pgina de inicio. Si cambiamos de orden esta opcin y ponemos como primera otra opcin

entonces la pgina de inicio cambiar y se mostrar el resultado de lo que hayamos puesto en primera opcin (en el ejemplo de la imagen: Buscar). En la siguiente imagen podemos ver el resultado:

Lo normal es mantener la opcin Inicio como primera opcin del men principal. Esa opcin inicio se puede congurar un poco (dentro del escaso margen que ofrece Joomla! para personalizar la web, si lo comparamos con SPIP por ejemplo). Veamos que pone joomla! por defecto y qu se puede modicar. Mediante el men Mens mainmenu vemos nuestra opcin Inicio como primera opcin:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#69/200

Si pulsamos sobre Inicio podemos congurar algunas opciones, las importantes son las que aparecen en la siguiente imagen:

Principal : nmero de artculos que aparecern como principales (por defecto 1) Introduccin : nmero de artculos que aparecern con texto introductorio (por defecto 2) Columnas : nmero de columnas para los textos introductorios (por defecto 2) Enlaces : nmero de artculos que aparecern como enlaces (por defecto 1)
Veamos un ejemplo: usaremos la conguracin siguiente: Principal: 1 artculo Con texto de introduccin: 1 artculo Columnas: 1 (no tiene sentido poner ms para un slo artculo de intro) Artculos con enlace: 2 artculos Lo anterior nos dar una pgina de inicio como la que muestra la siguiente imagen:

Notas: No se pueden poner 0 columnas (el mnimo sera una) Se puede poner 0 en principales, en introductorios y en enlaces Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#70/200

Si ponemos simultneamente 0 en principales e introduccin joomla! mucho que mejorar la programacin de este CMS)
4.5.2

dar ERROR (tiene

Contenido de la pgina de inicio

Hemos visto en el apartado anterior la parte relativa a la estructuracin de la pgina de inicio: cuntos artculos ponemos como principales (con gran cantidad del contenido del artculo), cuntos ponemos como introductorios (con un pequeo texto de introduccin) y cuntos ponemos como enlace (sin ningn texto, slo el enlace). El resto de artculos no apareceran en la pgina de inicio o portada de nuestra web. En el punto actual quiero explicar, no cuantos, sino cules artculos aparecer en la portada o pgina de inicio de nuestra web. Los dos mtodos principales para que un artculo aparezca en portada son: 1. Cuando editamos un artculo de contenido (vase 4.3.3.1, disponemos de una opcin llamada 'Ver en la pgina inicial' (no tendramos ms que activar esta opcin). 2. Mediante el Administrador de la pgina de Inicio (men Contenido ) podemos ver una lista de los artculos que se muestran en dicha pgina. Tenemos la posibilidad de eliminar artculos de la pgina de inicio (pulsando el botn Borrar se eliminaran de la pagina de inicio) o de elegirlos segn varios criterios: seccin, categora, autor o texto libre. Por ejemplo si tengo una categora llamada 'Novedades', es posible que me interese que aparezcan en la portada slo las novedades. Desde el Administrador de la pgina de inicio no es posible aadir nuevos artculos a la portada. Para ello tendramos que editar el artculo en cuestin y activarle la casilla 'Ver en pgina inicial '.
4.5.3

Pero .. la portada de mi web tiene ms cosas

Evidentemente la portada de nuestra web tiene ms cosas. Lo visto en los apartados anteriores se reere exclusivamente a la opcin Inicio del Men Principal (artculos de contenido que aparecen en portada). La portada tambin puede contener encuestas, mens, banners, etc. La mayora de estas otras cosas se controlan mediante los mdulos. Adems la portada de la web tambin tiene unos colores y un diseo especco que podremos cambiar mediante plantillas.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.6

#71/200

Componentes de joomla!

Los componentes son funcionalidades que se suelen mostrar en la portada de la web. Joomla! incluye en su instalacin por defecto algunos componentes. Tambin es posible bajarse de Internet nuevos componentes desarrollados por programadores ajenos a joomla!. Por ejemplo joomla incorpora un componente llamado Encuestas que permite poner en la web principal diferentes encuestas. Cada componente es controlado por un mdulo que se encarga entre otras cosas de hacerlo visible o no (publicarlo en la portada o no publicarlo). Las ubicacin de estos componentes (arriba, centro de la web, etc.) es controlada por las plantillas. Los componentes que se instalan automticamente (al instalar joomla!) son:

Banners: controla los banners que aparecen en la parte superior de la web (las plantillas
son las que controlan la ubicacin exacta de los banners)

Contactos: permite mantener una lista de contactos para que los usuarios de la web puedan comunicarse con nosotros (puede darle cualquier otra utilidad a su lista de contactos) Correo masivo: para enviar e-mails a grupos de usuarios Encuestas: gestiona las diferentes encuestas que podamos publicar Enlaces web: mantiene un directorio de enlaces web Noticias externas: podemos recibir en nuestra pgina las noticias actualizadas de otras

web de Internet (noticias de La JJAA, de nuestro CEP, de nuestro peridico favorito, etc.). Veamos un ejemplo: si entramos en la web www.iesmarserena.es podemos ver al nal abajo (en el centro) las noticias de Educacin de la Junta de Andaluca. Eso permite a los visitantes de www.iesmarserena.es conocer las ltimas novedades de Educacin de la Junta sin tener que entrar a la web de la Junta. Algunos navegadores modernos como Firefox permiten recibir las ltimas noticias sin tener que entrar a ninguna web (ms informacin en http://lubrin.org/spip.php?article59)

Sindicacin: es el proceso contrario a 'Noticias externas'. Somos nosotros quienes permitimos que otras web de Internet reciban nuestras noticias. Desgraciadamente Joomla! slo permite sindicar las noticias o artculos que aparecen en la pgina de inicio. Con otros CMS se puede sindicar cualquier seccin (igual que de un peridico slo nos pueden interesar las noticias deportivas).

En el apartado Administrar componentes especcos del captulo 7 del manual ocial de Joomla! dispone de bastante informacin sobre estos componentes.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.7

#72/200

Mdulos en Joomla!

Los mdulos son una especie de contenedores que se usan para mostrar diversos contenidos como pueden ser componentes, mens, enlaces, texto, etc. Por ejemplo el componente encuestas tiene asociado su mdulo correspondiente mediante el cual podemos hacer que se muestren o que no se muestren las encuestas. Otro ejemplo: podemos crear un nuevo men (el cual tendr su mdulo asociado). Mediante su mdulo podemos hacer que ese men sea visible o no lo sea. Esta nomenclatura de joomla!, bastante liosa para quien usa un CMS por vez primera, hace que uno de los errores ms frecuentes del novato en joomla sea crear un nuevo men y no comprender porqu no le aparece en su portada, pues sera ms lgico que en la conguracin del men se pudiese hacer visible y no tener que ir a buscarlo en los mdulos. Al igual que los componentes, es posible descargar de Internet nuevos mdulos e instalarlos en nuestro joomla!. Hay dos tipos de mdulos: los relacionados con el espacio pblico y los relacionados con el espacio privado de los administradores. Si entramos al men Mdulos Mdulos del Sitio, veremos una pantalla parecida a la siguiente imagen:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#73/200

Podemos destacar los siguiente:

Nombre : una columna con el nombre del mdulo


Publicado: indica si est visible o no Reordenar: algunos permiten intercambiar su posicin vertical

Accesos : si es accesible a todo el mundo (public), slo a los usuarios registrados (registered) o slo para autores o rangos superiores (special) Posicin : izquierda, derecha, etc.
Pginas : si se visualiza en todas las pginas, en algunas, etc. Algunas opciones se pueden cambiar directamente desde esta pgina. Para el resto de opciones necesitamos hacer clic sobre el nombre del mdulo. Para conocer todas las opciones disponibles en cada uno de los aproximadamente 20 mdulos puede consultar el apartado El Administrador de Mdulos del captulo 7 del manual de joomla!

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.8

#74/200

Mambots

Los Mambots son pequeos programas aadidos que aportan nuevas funcionalidades para joomla!. En realidad los Mambots son lo que en otros CMS o en otros programas se llaman plugins (que joomla! en su extraa terminologa1 llama Mambots). Al igual que con los componentes y mdulos, joomla! trae instalados por defecto una serie de Mambots y tambin es posible descargar otros de Internet e instalarlos. Podemos administrar los Mambots mediante le men Mambots Administrador de Mambots obteniendo la siguiente pantalla:

Podemos observar una pantalla parecida al administrador de componentes o al administrador de mdulos, por lo que el funcionamiento es muy parecido. Para conocer todas las opciones disponibles en cada uno de los Mambots puede consultar el apartado El Administrador de Mambots del captulo 7 del manual de joomla!

1 joomla! anuncia en su web que en una futura versin los Mambots pasarn a llamarse plugins (parece que se estn dando cuenta de la confusin que crean)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.9

#75/200

Plantillas

Las plantillas controlan la mayor parte del diseo grco de la web. Como en cualquier CMS, podemos cambiar las plantillas sin tener que tocar el contenido y parecer una web distinta. Joomla! trae instaladas por defecto varias plantillas. Empezaremos practicando con ellas. Para ver las plantillas que tenemos instaladas usaremos el men: Sitio Administrador de plantillas Plantillas del Sitio.

En la imagen anterior vemos las tres plantillas que trae por defecto joomla!. Si tenemos activada la casilla 'Vista previa de la plantilla ' podemos ver una rpida vista de la misma al pasar el cursor por encima del nombre. Tambin podemos ver que hay una de ellas predeterminada. Para cambiar de plantilla, seleccionamos otra y pulsamos sobre el botn 'Defecto'. Podemos ahora ir al espacio pblico y ver el nuevo diseo de la web. Es posible hacer que sean los visitantes de nuestra web los que elijan la plantilla. Esto en la prctica supone bastante trabajo porque habra que cuidar los detalles en todas las plantillas. Hay web que ofrecen cambiar de plantilla y cuando lo usamos muchas cosas no se ven como debieran. De todas formas en nuestras prcticas vamos a permitir esa posibilidad. Para ello nos vamos al men Mdulos Mdulos del Sitio y hacemos visible (publicado) el mdulo Cambiar Plantilla. (en la imagen aparece No Publicado) Entonces veremos en la web el mdulo (parecido a la siguiente imagen)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.9.1
4.9.1.1

#76/200

Instalar una nueva plantilla


Dnde encontrar plantillas?

En la red existen bastantes plantillas libres para Joomla! (hay tambin de pago). Algunos sitios donde podemos encontrar plantillas:
http://www.joomlaspanish.org/component/option,com_remository/Itemid,28/func, select/id,4/ http://forum.joomla.org/index.php/topic,25306.0.html

En la web del curso subir alguna plantilla para practicar.


4.9.1.2

Cmo instalar una plantilla?

Las platillas que nos descargamos de Internet son cheros comprimidos (en formato .zip) y se pueden instalar de forma automtica mediante el men Instaladores Plantillas-Sitio.

Pulsamos sobre Examinar.. y buscamos el chero zip de la plantilla en las carpetas de nuestro disco duro. Entonces pulsamos sobre Subir archivo e instalarlo. Si el archivo que hemos subido es correcto, nos informar de que se ha instalado bien y nos invitar a pulsar Continuar. Si queremos probar el funcionamiento de la plantilla recin instalada, debemos ponerla como predeterminada: la seleccionamos y pulsamos el botn Defecto.

En la imagen anterior vemos que hay 12 plantillas instaladas. La instalacin de componentes y mdulos se hace de las misma manera que las plantillas

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.10

#77/200

Pasando a la prctica

Con un conocimiento supercial a nivel general de Joomla! es suciente para empezar a aprender ya de forma real. No obstante es posible que tengamos que dar algn vistazo de vez en cuando al manual, pero como mejor se aprende es practicando. Para seguir esta prctica guiada debe partir de una instalacin de joomla en localhost, en averroes o en cualquier otro servidor. Tras una instalacin de Joomla! (en la que elegimos instalar los artculos de ejemplo en su momento durante la instalacin) tendremos (con las plantillas por defecto de joomlaspanish) una web como la siguiente imagen:

Vamos a ir acondicionando la web a nuestro gusto y a nuestras necesidades. Puede practicar con lo que propongo o hacer sus propios cambios.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.10.1

#78/200

contenido

Unos pequeos retoques antes de empezar con el

En el lateral derecho est el mdulo de Encuestas que, como no lo voy a usar de momento, lo voy a desactivar (no lo borrar por si lo uso en el futuro). Tambin voy a ocultar el mdulo de Sindicacin (abajo izquierda). En el lateral derecho me quedar slo el mdulo Quin est en lnea?. No quiero quitarlo, pero lo pasar al lado izquierdo y as tengo ms espacio para el centro de la pgina. Si en un futuro uso ms mdulos, posiblemente tenga que volver a usar el lateral derecho. Para realizar los cambios anteriores, entramos en el espacio privado (como administrador), en el men Mdulos Mdulos del Sitio y en la columna Publicado hago clic en Encuestas y en Sindicacin para despublicarlos. Compruebo mirando la web que han desaparecido. En el mismo men anterior pulso sobre Quin est en lnea? para editar los datos de ese mdulo. En posicin lo cambio a left (izquierda)

Ahora vuelvo sobre la web, recargo la pgina y observo el resultado: como no me gusta donde ha quedado (lo quiero en la parte de abajo) vuelvo al men Mdulos del Sitio y pulso las echitas hasta situarlo debajo del mdulo Formulario de Acceso. La web debe quedar as:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.10.2

#79/200

Introduciendo contenido

Empezamos a poner contenido. Recordemos que los artculos de contenido deben pertenecer a alguna categora y sta a su vez, debe estar incluida en alguna seccin. Por tanto debemos crear primero las secciones y sus categoras. Hemos pensado crear una seccin llamada Departamentos que contenga varias categoras: Matemticas, Lengua, Naturales, etc. con objeto de que los compaeros y compaeras de nuestro centro puedan publicar artculos de los diferentes departamentos. Entramos al men Contenido Administrador de Secciones y observamos que hay algunas secciones ya creadas (noticias, faq y ltima hora). De momento no las tocamos (puede que despus las necesitemos como estn, o modicadas o pensemos borrarlas). Pulsamos sobre el botn Nuevo para crear nuestra seccin Departamentos.

Pulsamos el botn guardar y no busque en la web que de momento no va a aparecer. Sigamos con el contenido. Ahora creamos las categoras entrando al men Contenido Administrador de Categoras y pulsamos sobre Nuevo para crear una nueva categora

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#80/200

Pulsamos sobre Guardar y vamos creando unas cuantas categoras ms: Lengua, Naturales, Tecnologa, etc.

Ahora pasamos a crear unos cuantos artculos de contenido que pondremos en las categoras creadas anteriormente (consulte el apartado 4.3.3.1 o el manual de joomla! si no recuerda cmo crear artculos de contenido). Al crear nuestros primeros artculos vemos que estara bien un pequeo icono para los artculos (como los artculos de muestra de joomla!), sin embargo los que tiene joomla por defecto no nos gustan. Sera conveniente preparar unos cuantos iconos para acompaar a los artculos. Si se le da bien el diseo grco puede crearlos usted, si no es as deber conseguirlos de otro modo. Si los busca en Internet, debe asegurarse que estn libres de derechos de autor (si usa cualquier imagen que encuentre en la red y la pone en su web puede tener problemas legales). Si usa Linux mire en su carpeta /usr/share/icons donde encontrar centenares de iconos libres que puede usar como le plazca. Para subir iconos o imgenes desde su disco duro, debemos entrar al men Sitio Administrador de imgenes y entrar a la carpeta Stories.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#81/200

Mediante el botn Examinar puede elegir la imagen de su disco duro y mediante el botn Subir (arriba derecha) la subimos al servidor. Ahora nos vamos al men Contenido Todos los artculos de contenido y editamos los artculos creados para ponerle su imagen correspondiente. Para poner la imagen en el artculo debemos usar la etiqueta {mosimage}

La etiqueta podemos ponerla manualmente o pulsando sobre el botn PONER IMAGEN (en la imagen anterior est abajo izquierda). Con ello le estamos diciendo a joomla! que ponga una imagen. Ahora en la parte derecha, en la pestaa Imgenes debemos elegir la imagen a poner (tambin podemos elegir su alineacin: izquierda, derecha, etc.).

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#82/200 Cuando hayamos elegido la imagen. su alineacin y dems debemos pulsar Aplicar. Finalmente pulsaremos Guardar (arriba derecha). Si en los artculos creados hemos elegido la opcin Publicar en pgina de Inicio, nuestra web tendr un aspecto parecido a la siguiente imagen:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.10.2.1

#83/200

Crear un men para los distintos departamentos

Vamos a aprovechar el mdulos Recursos Joomla!, que renombraremos a 'Departamentos' para poner enlaces a las categoras creadas: Matemticas, Lengua, etc. Antes de borrar o editar los enlaces que aparecen en ese mdulo, como no queremos perder la opcin Administracin, copiaremos esa opcin de men al Men principal. El resto de opciones las editaremos para que enlacen a los departamentos. Como slo nos quedarn 4 opciones y tenemos ms de 4 departamentos, aadiremos ms opciones a ese men. En primer lugar nos vamos al men Mdulos Mdulos del Sitio y hacemos clic sobre el mdulos Recursos Joomla!. Le cambiamos el nombre por Departamentos.

Observamos que ese mdulo incluye el men othermenu. Eso signica que debemos entrar en la conguracin de othermenu para cambiar las opciones (lo haremos mediante el men Mens othermenu).

Seleccionamos Administracin y pulsamos el botn Copiar.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#84/200

Seleccionamos mainmenu y volvemos a pulsar Copiar. Ahora podemos ir modicando cada una de las opciones. Si entramos a modicar una opcin:

vemos que son del tipo Enlace-URL (enlaces a pginas exteriores) y no podemos modicar el tipo. Entonces lo que debemos hacer es eliminar esas opciones y crear otras nuevas, puesto que nuestras opciones: Matemticas, Naturales, etc. no son enlaces a pginas externas. Una vez eliminadas (seleccionndolas y pulsando el botn Basura) vamos pulsando sobre Nuevo para ir creando las nuevas entradas.

Como nuestras opciones de men son categoras de contenido, debemos seleccionar una de estas: Bloque - Categora de contenido Tabla - Categora de contenido La mejor forma de entender la diferencia entre bloque y tabla, es probando ambas y viendo como quedan en la web (particularmente para este caso, yo preero bloque). Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#85/200

Pulsamos botn

Siguiente (arriba-derecha) y editamos (ver siguiente imagen)

He modicado Nombre y categora en la parte izquierda. En la parte derecha he puesto un ttulo para la pagina y he modicado el nmero de artculos que aparecen como principal, intro y enlaces. En enlaces he puesto bastantes (10, se pueden poner muchos ms), con objeto de que la pgina de portada sea una especie de ndice e incluya la mayora de contenidos. Despus de poner varias secciones y algunos artculos de contenido podemos ver la web:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#86/200

Si pulsamos sobre una de las secciones:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.10.2.2

#87/200

Retocando men principal

En el men principal (mainmenu) hay muchas opciones que no me valen y que voy a despublicar (ocultar). No las borrar, de momento, por si me sirven posteriormente. Ocultar las siguientes opciones: Buscar (ya hay un buscar arriba-derecha) Licencia Joomla! Contactar (ya hay un contactar en el men superior) Bloc FAQ Wrapper Para ello entramos en el men Mens mainmenu y hacemos clic sobre el icono de la columna Publicado para despublicar las opciones anteriores.
4.10.2.3

Modicando mdulos

Los mdulos superiores ltimas Noticias y Popular los voy a modicar para que muestren slo 4 items en lugar de 5. Adems al mdulo Popular le cambiar el nombre por 'Los ms ledos'. Entramos en el men Mdulos Mdulos del Sitio y hacemos clic sobre ltimas Noticias. En el apartado Contador ponemos 4 y pulsamos Guardar. Precedemos igual con el mdulo Popular, donde adems de poner 4 en el contador, en ttulo ponemos 'Los ms ledos'.
4.10.2.4

Modicando el componente pgina de inicio


Inicio. Si entramos en Mens

mainmenu podemos observar dicha opcin:

La primera opcin del men principal (mainmenu) se llama

Si miramos la columna Tipos vemos que Inicio es un componente. Lo primero que se piensa es que Inicio es un simple enlace-url que nos lleva a la pgina principal de la web. Sin embargo, al ser un componente debe hacer ms cosas. Entramos hacindole clic a Inicio.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#88/200

Podemos ver que tiene una serie de parmetros en la columna de la derecha. Los que vamos a editar son los referidos al nmero de artculos (y formato de los mismos) que aparecen en la pgina principal. Las opciones son:

Principal : nmero de artculos en formato principal Introduccin : nmero de artculos en formato intro Columnas : nmero de columnas para los artculos en formato intro Enlaces : nmero de artculos que aparecen como enlace
La conguracin que voy a establecer es: Principal: 1 Introduccin: 4 (en 2 columnas) Enlaces: 8
4.10.2.5

Contenido esttico

Crearemos unos cuantos artculos de contenido esttico (no pertenecientes a ninguna categora) para poner algunos datos de nuestro centro: direcciones y telfonos, situacin geogrca, datos de la localidad, etc. Para esos artculos voy a crear enlaces desde el men principal, o mejor crear un nuevo men de ttulo 'Nuestro Centro' por ejemplo y en el nuevo men ponemos como opciones los enlaces a esos artculos de contenido esttico. Es conveniente crear primero el men y despus los artculos estticos. De esa forma, al crear un artculo podremos enlazarlo a una entrada de men.

Creando un nuevo men Mediante el men Mens Administrador de Mens podemos crear un nuevo men pulsando sobre Nuevo.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#89/200

Tras rellenar el nombre (sin espacios en blanco) y el ttulo del mdulo, pulsamos Guardar. Ahora nos vamos al men Mdulos Mdulos del sitio y lo publicamos haciendo clic en el icono de la columna Publicado. Con las echas (arriba-abajo) de la columna Reordenadar lo colocamos entre el men principal y el men Departamentos.

Creando contenido esttico Ya podemos empezar a crear nuestros artculos de contenido esttico. Lo haremos mediante el men Contenido Administrador de Contenido Esttico.

Si ya tenemos algn artculo de contenido esttico (como Licencia Joomla!) que no necesitamos, en lugar de borrarlo y crear uno nuevo, es preferible editarlo (tenga en cuenta que Joomla! en realidad no es capaz de eliminar artculos de la Base de Datos, lo que hace es almacenarlos en la Papelera y siguen ocupando espacio en la base de datos). Si hacemos clic sobre Licencia Joomla! podemos editarlo: Le cambiamos el ttulo y ponemos nuestro texto. En la parte derecha, pestaa Enlace al men ponemos el men menu_mi_centro y como Nombre del artculo de men podemos el ttulo del artculo o un nombre ms corto.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#90/200

Pulsamos sobre Enlace algo como:

al men y despus Guardar y nos vamos a la web y deberamos ver

Podemos crear ms artculos de contenido esttico y enlazarlos a ese men.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.10.3

#91/200

Turno a los grcos

Podemos ir introduciendo algunos artculos ms y modicando o adaptando a nuestro gusto muchos de los apartados anteriores. Pero pasemos ya a la parte grca. Para esta parte se requieren algunos conocimientos (php, html, css, etc.). Lo que intento en este apartado es llegar lo ms lejos posible sin necesidad de esos conocimientos.
4.10.3.1

Poniendo nuestro logo

Estamos ya cansados de ver el logo de Joomla Spanish? La verdad es que se merecen esa publicidad porque hacen un buen trabajo, sobre todo traduciendo joomla! al castellano. Pero nosotros queremos el logo de nuestro centro. En primer lugar investiguemos donde est esa imagen. Si pasamos el cursor por encima del logo de Joomla! Spanish y pulsamos botn derecho propiedades, podemos ver la url de esa imagen: ../templates/spanish_red/images/spanish_joomla_logo.png. Bastara con subir a esa carpeta la imagen de nuestro logo, renombrada a spanish_joomla_logo.png con lo cual la original ser sobreescrita por la nuestra y listo. Eso presenta un inconveniente y es que posiblemente en el cdigo fuente se hayan puesto las dimensiones de la imagen (298x75 px) y tendramos que poner nuestro logo con esas mismas dimensiones para que no se viese desproporcionado. Lo anterior podra valer, pero a menudo sucede que ya tenemos nuestro logo y que tiene unas determinadas dimensiones que, lgicamente, no coinciden con las del logo original. Entonces no tenemos ms remedio que retocar el cdigo. Le recuerdo que cualquier chero que retoquemos (le.html, le.php, le.css) lo debemos hacer con un editor de textos (nunca use un procesador tipo Open Oce, Word, etc.). Si solemos programar a menudo podemos usar potentes editores tipo BlueFish, NVU, etc., pero resulta ms sencillo y prctico usar gedit (ya viene instalado en Guadalinex). Si usa otro Sistema Operativo busque un editor 'en condiciones' de los que ponen el cdigo resaltado en colores (no se queme la vista con editores del tipo Bloc de Notas de Windows). Antes de editar el cdigo debemos subir nuestro logo. Supongamos que se llama mi_logo.png. Debemos subirlo a la carpeta /templates/spanish_red/images/. Si tenemos joomla! instalado en la red (averroes u otro servidor) deberemos hacerlo por ftp. Su estamos practicando en nuestro servidor local tambin hay que copiarlo a dicha carpeta (en Linux la ruta completa sera: /opt/lampp/htdocs/joomla/templates/spanish_red/images/ ). Una vez que hemos puesto nuestro logo mi_logo.png en la carpeta apropiada tenemos que modicar el chero que llama al logo y donde ponga spanish_joomla_logo.png lo sustituimos por mi_logo.png. El chero a modicar es el index.php, chero principal de la plantilla spanish_red que estamos usando. Se encuentra ubicado en la ruta: /opt/lampp/htdocs/joomla/templates/spanish_red/index.php. Si su instalacin de joomla! se encuentra en Internet deber modicarlo en su copia local (en su disco duro) y despus subirlo por ftp de forma que sobreescriba el index.php original. Si su instalacin es en localhost, puede modicarlo directamente.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#92/200

Use la opcin Buscar de su editor para localizar spanish_joomla_logo.png y sustituirlo por mi_logo.png. No olvide guardar el chero y subirlo por ftp (si tiene joomla! en la red). Si es la primera vez que edita una pgina de Internet, debe saber que Linux (y por tanto los servidores de Internet) son sensibles a maysculas, es decir, Mi_Logo.png y mi_logo.png son dos cheros distintos (este concepto tan sencillo produce verdaderos dolores de cabeza a muchas personas que se inician en la red y que estn acostumbradas a usar Sistemas Operativos que no distinguen entre los caracteres 'm' y 'M'). Hay otra forma de hacer modicaciones en las plantillas: en le men Sitio Administrador de plantillas Plantillas Sitio seleccionamos una de las plantillas y usamos uno de los botones Editar HTML o Editar CSS. Presenta la ventaja de no tener que usar ftp si tenemos la instalacin en Internet (en caso de que los archivos de las plantillas tengan permisos para editarlos).

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#93/200

Debemos pulsar Guardar al nalizar. Cuando refresquemos nuestra web ya debe aparecer nuestro logo

Observe las dimensiones del logo. En este caso sobrepasa la zona superior, sin embargo el diseo en relieve del logo hace que queda hasta mejor dejndolo que sobrepase. Es un logo del CEP que desconozco quin lo ha diseado (mis felicitaciones al autor/a pues a m me encanta).

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.10.3.2

#94/200

Gestionando los Banners

Los banners son las imgenes que aparecen en la parte superior de nuestra web (con la plantilla que estamos usando; otras plantillas pueden situarlos en otras partes de la pgina de inicio). Son imgenes de 468x60 pixels. El tamao no es capricho de joomla! sino que es casi un estndar y es muy usado en Internet. En la instalacin por defecto de Joomla! vienen dos banners que aparecen aleatoriamente. Podemos sustituirlos por otros, borrarlos, aadir nuevos, etc. Entramos en el administrador de imgenes: Sitio Administrador de imgenes, en la carpeta /Banners y borramos ambos (mediante el icono papelera situada abajo-izquierda de cada imagen)

A continuacin subimos nuestros banners. Con subir uno basta. Pero an no le aparecer en la web (posteriormente haremos que aparezca). La opcin fcil sera borrar esos dos banners que trae joomla! por defecto y subir otros dos con el mismo nombre que los originales. Sin embargo vamos a intentar hacerlo bien hecho. Debemos tener en cuenta que esas imgenes (logo y banners) dicen mucho del diseo grco de la web. No debemos hacer chapuzas en este aspecto. Una opcin interesante es usar un logo largo y no usar los banners. En ese caso deberamos desactivar el mdulo banners y debemos tener en cuenta que si cambiamos de plantilla, el hueco para los banners puede estar situado en otro sitio distinto de la zona superior y se nos puede quedar un hueco vaco y feo. Un ejemplo de logo largo podra ser:

Comentada esta opcin, vamos a subir un banner y dejar activado el mdulo banners para no perder la posibilidad de cambiar de plantillas.

Cmo crear un banner? En primer lugar debemos respetar dos temas:


1.

las dimensiones: 468x60 px. Aunque en nuestra plantilla no descuadrara mucho si tiene unas dimensiones ligeramente diferentes, la mayora de las plantillas estn diseadas para
http://aula.cepindalo.es

Daniel Lpez Avellaneda [http://lubrin.org]

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#95/200

las dimensiones estndar (468x60). Veamos que ocurre si ponemos un banner de dimensiones no adecuadas:

Es una plantilla preparada para las dimensiones estndar y deja un hueco feo si el banner no tiene sus dimensiones apropiadas. 2.

el tamao de la imagen: 20-30 kb como mximo. Un banner debe tener de 10-15 kb de

tamao, pero como tampoco vamos a ser profesionales del diseo grco, se podra admitir hasta 30 kb. Si tiene un tamao mayor, tarda en cargarse y produce el efecto (aunque no nos enteremos, nuestro subconsciente lo capta) de que esa web va muy lenta. Vamos con el ejemplo:

Es un banner bien diseado (a m me gusta) y parece que no ha tardado demasiado en cargar. Pasamos el cursor por encima y pulsamos botn-derecho Propiedades: dimensiones 468x60 y tamao 31,5 kb. Est bastante bien. Pero en esa misma pgina recargo y veo que usan un segundo banner:

Me da la impresin que ha tardado en cargar. Miro las propiedades y tamao: (excesivo)

82.5 kb

En el temario del curso no entra el diseo grco, pero hay maneras de conseguir banners menos pesados. Vamos a usar el programa Gimp que viene instalado en Guadalinex y en cualquier distribucin de Linux. Los usuarios de MacOSX y los de Windows tambin puede usar Gimp (es software libre) descargndolo de la web ocial http://www.gimp.org. Una vez abierto el programa, entramos al men Archivo Nuevo.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#96/200

Ponemos algo de texto y algn icono o dibujo

He usado transparencia en lugar de fondo blanco. Aunque no lo vea bien ahora, despus cuando lo vea realmente ver que la transparencia da a veces mejor aspecto que un fondo blanco (todo esto, como siempre, es a gusto del consumidor). Una vez guardado ocupar unas 14 kb y tendr este aspecto:

(lo veremos despus a su tamao real)

Gestionar los banners Para incluir nuevos banners debemos realizar tres pasos:
1. Subir las nuevas imgenes y borrar las que no necesitemos (mediante el men Administrador de imgenes, carpeta Banners)

Sitio

2. Crear/modicar clientes. Joomla! gestiona los banners como si fuesen de publicidad y por tanto todo banner debe tener un cliente. Debemos crear un nuevo cliente (tambin podemos borrar los que hay por defecto) mediante el men Componentes Banners Clientes.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#97/200

En la imagen vemos un nuevo cliente (yo_mismo) adems de los dos que venan con la instalacin por defecto de joomla! 3. Asignarle Banners a los clientes. En el men Componentes mos sobre Nuevo y completamos el formulario

Banners Banners pulsa-

Si desconoce la url que tiene que poner en el apartado Mostrar banner, vaya al administrador de imgenes, carpeta /Banners y pulse sobre el icono 'Cdigo de la imagen' (est bajo la imagen junto al icono papelera). Al pulsar sobre el icono le aparecer arriba la url de la imagen, tiene que copiar ese cdigo y despus pegarlo en el apartado 'Mostrar banner'. Nuestra web ya tendr otro aspecto:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#98/200

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.10.4

#99/200

Cambiando de plantilla

En el apartado 4.9.1 veamos cmo instalar plantillas. Instalamos la plantilla schizope_clu-x (http://schizoper.miyahost.com/) siguiendo las instrucciones del apartado 4.9.1 y la ponemos como predeterminada (en el Men Sitio Administrador de plantillas Plantillas Sitio, la seleccionamos y pulsamos el botn Defecto). Ahora refrescamos nuestra web y vemos el resultado:

Esta plantilla tambin hay que modicarla para poner nuestro logo y dems. Procedemos a poner nuestro logo tal como lo hicimos con la plantilla anterior: subir el logo y editar el chero index.php. Si la dejamos sin logo, tampoco queda mal:

Una vez editado el chero index.php, guardado y recargada la pgina vemos que

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#100/200

nuestro logo no tiene las dimensiones adecuadas. Si volvemos a mirar el cdigo

vemos que tiene establecidas unas dimensiones: width="231" Basta con borrar ese trozo. El cdigo quedara as:

height="108"

<img src="templates/schizope_clu-x/images/logo_cep.png" border="0">

Guardamos y observamos el resultado:

Ahora que el logo est bien, observamos que no aparecen por ningn sitio nuestros banners. Eso signica que en la programacin de la plantilla no lo han puesto. An nos queda un recurso para arreglar esto sin tener que programar. Nos vamos al men Sitio Vista Previa En lnea con las posiciones.

Observe los recuadros left y newsash. Son posiciones para encuadrar los mdulos. En el recuadro left (situado curiosamente en el lateral derecho) aparece todo el men que otras plantillas Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#101/200

sitan en el lateral izquierdo (de ah el nombre de left, aunque el diseador de esta plantilla ha credo conveniente ponerlo en el lado derecho). Pero en el recuadro newsash, en la web no aparece nada. Eso signica que lo podemos aprovechar (adems tiene las dimensiones adecuadas) para poner nuestros banners. Para ello tan slo hay que decirle al mdulo banners que se site en la posicin newsash. Entramos en el men Mdulos Mdulos del sitio y editamos el mdulo Banners. En el apartado Posicin seleccionamos newsash y guardamos.

La web tendr este aspecto:

Y si lo queremos centrado?

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#102/200

tenemos que retocar el cdigo. Buscamos en el cdigo 'newsash' y obtenemos:


<div class="top"> <?php mosLoadModules ( 'newsflash' ); ?></div>

Ese es el trozo de cdigo que dice donde colocar el mdulos que vaya en la posicin newsash. Bastara con aadirle una etiqueta de centrado:
<div class="top" align="center"> <?php mosLoadModules ( 'newsflash' ); ?></div>
4.10.5

Retocando ms el cdigo

Como ejemplo de modicar plantillas o retocar el cdigo, modicaremos el pi de pgina (footer) para poner otra informacin distinta a la que hay por defecto. Para la prctica modicaremos la otra plantilla spanish_red que tiene menos complicacin para usuarios no iniciados en programacin web. Cambiamos de plantilla y observamos el cdigo (mediante el botn Edit HTML por ejemplo). Casi al nal del archivo tenemos el texto:
<div id="footer_r"> <?php include_once( $GLOBALS['mosConfig_absolute_path'] . '/includes/footer.php' ); ?> </div>

Aunque no entendamos nada, en resumen signica: lnea1: empieza el pi de pgina lnea2: pon el pi de pgina (las lneas de texto Joomla! es software libre ..) lniea3: termina el pi de pgina Si nosotros cambiamos la lnea2 y ponemos, por ejemplo:
<div id="footer_r"> Estoy haciendo pruebas con el pi de pgina de la plantilla </div>

Observemos el resultado:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!


4.10.6

#103/200

Instalando algn componente nuevo

Tanto el componente como el mdulo se pueden descargar de la web: http://www.joomlastats. org. No obstante los he subido a CEP Indalo (Recursos Joomla!) por si no queris perder tiempo en buscarlos. Descargamos el componente: com_joomlastats_v211.zip de http://developer.joomla.org/
sf/frs/do/viewRelease/projects.joomlastats/frs.joomlastats_upto_v2_2_0.com_joomlastats_ v211 o de Indalo. El mdulo lo descargamos de http://forge.joomla.org/sf/frs/do/viewRelease/projects. joomlastats/frs.joomlastats_modules.mod_jstats_counters1_7 o de Indalo.

mod_jstats_counters1.7.zip. Para que este mdulo funcione se necesita instalar previamente el componente com_joomlastats.

Instalaremos ahora un mdulo que nos va a gestionar las visitas a la web. El mdulo se llama

Instalando el componente
Mediante el men Instaladores Componentes pulsamos sobre Examinar, lo buscamos en las carpetas de nuestro disco duro y pulsamos Subir Archivo e instalarlo. En la siguiente pantalla debemos pulsar sobre Continuar y ya lo tenemos instalado, pero antes observamos la informacin que nos muestra:

Nos dice que debemos incluir ese cdigo que muestra en nuestra plantilla. Debemos ir al men Sitio Administrador de Plantillas Plantillas del Sitio, seleccionar nuestra plantilla (spanish_red) y pulsar sobre el botn Editar HTML. A continuacin copiamos el cdigo anterior y pulsamos Guardar. En la siguiente imagen puede ver (en texto resaltado) el cdigo incluido:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#104/200

Ahora puede ver como en el men Componentes tiene una nueva opcin llamada JoomlaStats. Si hacemos clic sobre la misma podemos observar las estadsticas en nuestro espacio privado:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#105/200

Instalando el modulo
Mediante el men Instaladores Mdulos pulsamos sobre Examinar, lo buscamos en las carpetas de nuestro disco duro y pulsamos Subir Archivo e instalarlo. En la siguiente pantalla debemos pulsar sobre Continuar y ya lo tenemos instalado.

El nombre del mdulo es mod_jstats_counters, como puede observar en la imagen anterior. Vamos a congurarlo y decidir donde queremos que se visualice: Entramos al men Mdulos Mdulos del Sitio y pulsamos sobre JoomlaStats Counters.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#106/200

Conguramos ttulo y algunos parmetros y pulsamos Guardar. Nos aseguramos que est visible (publicado) y lo colocamos debajo del mdulo Departamentos. Vamos a la web principal y tendr este aspecto:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 4. ADMINISTRACIN DE JOOMLA!

#107/200

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Parte III

SPIP

108

Captulo 5

Introduccin

5.1

Sistemas de Gestin de Contenido (CMS)

Un Sistema de gestin de contenido, tambin llamado CMS (Content Management System) permite la creacin y administracin de contenidos en pginas web. Suelen usar una base de datos donde se aloja el contenido del sitio. Estos sistemas estn acabando con las tradicionales web estticas que apenas se actualizan (por lo complicado y tedioso que resultan las actualizaciones). Se basan fundamentalmente en separar el contenido del diseo, de forma que, se puede modicar el diseo sin tocar los contenidos, o se pueden aadir contenidos fcilmente sin tener que preocuparnos del diseo. Otra de sus principales caractersticas es su sistema de contraseas que permiten que varias personas puedan actualizar la web (aunque estn situadas en distintos puntos del planeta). Estos sistemas distinguen entre la parte pblica (lo que ven los visitantes de la web) y la parte privada (donde acceden los responsables para modicarla) Suelen diferenciar varios tipos de usuarios:

invitados : cualquiera que entre en la web puede acceder a casi todos los contenidos usuarios registrados : tienen acceso a la totalidad de contenidos pblicos redactores o colaboradores : pueden acceder a algunas partes privadas (publicar noticias, artculos, enlaces, etc.) administradores : tienen acceso a todo y son responsables del diseo de la web y de otras caractersticas tcnicas.
Ejemplos de CMS: Drupal Joomla Php-Nuke Spip Ampliar informacin sobre CMS:
http://es.wikipedia.org/wiki/CMS http://www.cmsenespanol.com/

109

CAPTULO 5. INTRODUCCIN
5.2

#110/200

El Gestor de Contenido SPIP

SPIP (http://www.spip.net/es) no es un CMS ms, tiene algunas caractersticas que lo hacen nico. En mi opinin, es sin lugar a dudas el mejor de los CMS (al menos entre los ms conocidos, puesto que hay muchos y es casi imposible probarlos todos)

SPIP (acrnimo de S ystme de P ublication P our l' I nternet P articipative ) en castellano Sistema de Publicacin Para una Internet Participativa, es un software libre bajo licencia GPL con la estructura ideal para desarrollar sitios de tipo CMS con edicin colectiva, al estilo de una revista online. Permite controlar una web entre varias personas, escribir los artculos sin tener que saber lenguaje HTML, modicar muy fcilmente la estructura de la web sin tener que aprender lenguajes de programacin como PHP o MySQL. Con el mismo navegador que se utiliza para visitar una web (Mozilla Firefox, Explorer de Microsoft, Opera, ...), SPIP permite crear y mantener actualizado un sitio, gracias a una interfaz de uso muy sencillo. Los orgenes de SPIP se remontan al ao 1998. Se puede obtener informacin sobre la historia de SPIP en http://www.spip.net/es_article108.html

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 5. INTRODUCCIN
5.3

#111/200

Ventajas de SPIP respecto a otros CMS

1. Una de las ventajas de SPIP es la exibilidad para modicar el diseo de la web, personalizndola a nuestro gusto y caractersticas. Si observamos las web creadas con otros CMS (php-nuke por ejemplo) vemos que son autnticos clones. De una a otra slo cambia el logo y los colores de los mens. Para los que no tengan conocimientos o no tengan tiempo de realizar diseos personales, pueden descargar de Internet muchos diseos (llamados en SPIP 'esqueletos') ya prefabricados y aplicar a nuestra web el que ms nos guste. Pero la exibilidad no slo es en diseo, SPIP tambin permite mostrar los contenidos de muy diferentes formas, con lo que las posibilidades son prcticamente innitas con el nico lmite: nuestra imaginacin. 2. La segunda gran diferencia y ventaja de SPIP es un sistema de cach que hace cargar las pginas mucho ms rpido. Los dems CMS generan las pginas dinmicamente, de forma que si 100 usuarios deciden ver la web, tiene que generarse 100 veces (por qu repetir el mismo trabajo tantas veces?). SPIP slo genera las pginas cuando se hacen modicaciones en las mismas quedando almacenadas en la cach para mostrarlas a todos los usuarios que quieran verlas. Esta ventaja no slo redunda en que el visitante note que la pgina se carga unos segundos antes, sino que tiene ms consecuencias: - Al no tener que trabajar tanto el servidor, nos podemos permitir el lujo de usar como servidor un ordenador con pocos recursos (los particulares, colegios, organizaciones, etc. que anden escasos de recursos econmicos pueden montar un servidor con SPIP sin tener que comprar un superordenador). - Si por sobrecarga u otro motivo 'se viene abajo' la base de datos, cualquier CMS deja de funcionar, mientras que SPIP sigue funcionando (no se podrn agregar nuevos contenidos, pero las pginas seguirn vindose en Internet). 3. La tercera ventaja quizs sean algunos pequeos detalles que pueden venir bien a deterA minados usuarios: posibilidad de introducir ecuaciones matemticas con L TEX, corrector ortogrco, motor de bsqueda, sistema mas realista de estadsticas de visitas, etc.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 5. INTRODUCCIN
5.4

#112/200

Pginas con SPIP

En la red hay muchas pginas con SPIP: web personales, educativas, centros de enseanza, organizaciones, ongs, sindicatos, etc. A modo de ejemplo: La voz de Salamanca - http://www.lavozdesalamanca.com Asociacin de Usuarios de Internet - http://www.aui.es Software Libre Argentina - http://www.solar.org.ar/ AMPA del Colegio Alhambra - http://www.ampacolegioalhambra.org/ CEIP San Isidro Labrador - http://www.juntadeandalucia.es/averroes/cpsil/ CEIP Prncipe de Espaa - http://www.principemiranda.com/ www.josecouso.info - http://www.josecouso.info Matemticas IES - http://lubrin.org/mat Le monde diplomatique - http://www.monde-diplomatique.fr/
197/index.html

Ministerio de Asuntos Exteriores Francia - http://www.diplomatie.gouv.fr/es/ministerio-asuntos-exteriore Mujeres en la red - http://www.mujeresenred.net/ Sociedad Balear de Matemticas - http://www.xeix.org Otras pginas con SPIP: http://www.spip.net/es_article81.html

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 5. INTRODUCCIN
5.5

#113/200

Algunos conceptos necesarios

A lo largo de este manual, o de cualquier documentacin sobre SPIP, aparecen algunos trminos, que casi siempre se dan por sabidos, pero que pueden hacer dudar a los recin llegados.
5.5.1

Espacios privado y pblico

espacio privado: interfaz web a la que slo pueden acceder los redactores y administradores
de una web con SPIP.

espacio pblico: la web propiamente dicha, lo que ve cualquier navegante o visitante


5.5.2

Tipos de usuarios en SPIP

En SPIP tenemos tres tipos de usuarios:

usuario normal: visitante que accede a visualizar la web redactor: puede acceder al espacio privado, aunque no tiene disponibles todas las opciones.
Normalmente es un colaborador de la web que enva artculos, breves, etc. (no necesita conocimientos informticos)

administrador: dueo de la web con acceso a la totalidad de las opciones del espacio

privado. Normalmente tambin acta de redactor y adems es responsable del diseo y de la conguracin de todas las opciones de SPIP (necesita ciertos conocimientos informticos, al menos debe dominar ciertas caractersticas de SPIP; aunque no es necesario que conozca lenguajes de programacin de Internet como HTML, PHP, MySQL, JavaScrip, CSS, etc. cuanto ms conozca estos temas, ms partido sacar a su web)
5.5.3

Estructura de una web con SPIP

Aunque la gran exibilidad de SPIP permite hacer de la web prcticamente lo que queramos, hay partes comunes en todas las spip-web. La web se estructura de forma parecida a un revista tradicional (o mejor, parecida a una revista online), donde tenemos diferentes secciones (que a su vez pueden tener subsecciones) compuestas por un conjunto de artculos (tambin pueden contener pequeas noticias breves). No existen artculos 'sueltos', es decir todo artculo tiene que pertenecer a alguna seccin. Un artculo puede ser desde una noticia poco extensa (slo unas lneas) hasta un documento muy extenso que puede incluir fotos, cheros anexos, foro de comentarios, etc. La mayora de las web con SPIP suelen tener la opcin mapa (o plano) del sitio, donde podemos ver un esquema de las diferentes secciones y subsecciones

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 5. INTRODUCCIN
5.6

#114/200

La comunidad SPIP

La comunidad 'spipera' es bastante activa (como la mayora de comunidades de software libre). Los principales sitios son:
http://www.spip.net (web ocial de SPIP: descargas, documentacin, etc.) http://www.spip.net/es (web ocial en castellano: traduccin de los artculos originales

franceses)

http://www.spip-es.net (comunidad hispana)

llano)

http://listes.rezo.net/mailman/listinfo/spip-es (Lista de correo de SPIP en castehttp://www.spip-contrib.net (contribuciones externas a SPIP) http://doc.spip.org/ (documentacin del cdigo de SPIP para usuarios avanzados)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 6

Participando en una web con SPIP


Colaborando como usuarios

6.1

Si no somos redactores ni administradores, sino simples visitantes de una web con SPIP, a veces se nos permite colaborar comentando artculos escritos por otros. Normalmente al nal de cada artculo suele haber una opcin llamada "Comentar este artculo ", que en realidad es un foro en el que puede haber varias rplicas y contrarrplicas. Para poder comentar artculos, el administrador de la web tiene que permitirlo A veces es necesario estar registrados (como redactores) para poder enviar comentarios Segn la conguracin del administrador, los comentarios se pueden publicar inmediatamente tras escribirlos o tras un visto bueno de un administrador Aunque SPIP lo permite, est mal visto hacer comentarios annimos (debemos poner al menos nuestra direccin de correo electrnico)
6.2

Colaborando como redactores

A partir de aqu, despus de las inevitables introducciones y consideraciones previas, entramos ya en materia. Aprenderemos a colaborar (como redactores/as) en una web con SPIP ya existente. Por tanto no necesitamos, de momento, aprender nada sobre instalacin y conguracin de SPIP.
6.2.1

Registro

Para hacernos redactores y poder entrar en el espacio privado necesitamos darnos de alta previamente en la web. Aunque existen muchos tipos de formularios (cada web suele personalizar el suyo), todos son muy parecidos. En la imagen de la derecha vemos un formulario de registro de la web http://colewebs.org

115

CAPTULO 6.

PARTICIPANDO EN UNA WEB CON SPIP

#116/200

En la siguiente imagen vemos el formulario original, el que trae por defecto SPIP

Veremos, en la web donde queremos colaborar, un formulario de registro parecido al de la imagen, donde tan slo necesitamos un nombre (mejor una sola palabra, por ejemplo 'pakito') y una direccin de correo vlida. Despus de teclearlos y pulsar Validar nos vamos a nuestro correo donde ya tendremos, casi seguro1 , las instrucciones oportunas.
6.2.2

Entrando al espacio privado


Entrar al espacio

En el apartado anterior nos registramos y hemos recibido un correo con el login y contrasea. Para entrar en el espacio privado de una web con SPIP podemos hacerlo de varias formas: 1. Buscar un enlace (normalmente en la portada de la web) del tipo:

privado

2. Tecleando directamente la direccin de la web seguido de /ecrire (ejemplo: si la web es http://lubrin.org/mat, teclearamos http://lubrin.org/mat/ecrire De ambas formas obtendremos una pantalla en la que introduciremos login y contrasea
1 Si transcurridos unos minutos no te ha llegado el e-mail, es posible que tu servidor de correo tenga unas restricciones anti-spam muy fuertes. Mira, por si acaso, en la carpeta Spam o prueba con otra cuenta de correo (las de yahoo y gmail suelen funcionar bien)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 6.

PARTICIPANDO EN UNA WEB CON SPIP

#117/200

No use la opcin -quedar identicado unos das - si est usando un ordenador pblico (colegio, organizacin, etc.) pues otras personas podran entrar con su clave. Una vez que tecleemos correctamente login y contrasea, estaremos ya en el espacio privado que tiene una interfaz muy completa.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 6.
6.2.3

PARTICIPANDO EN UNA WEB CON SPIP

#118/200

El espacio privado del redactor

La interfaz del espacio privado que vemos como redactor es muy parecida a la que ve el administrador (que tiene lgicamente algunas opciones ms). Veamos una descripcin por partes:

privado)

Mis Tareas: es la portada del espacio privado (lo que vemos cuando accedemos al espacio

pueden aparecer todos o slo los que estn conectados) Ayuda en lnea: pequeo resumen de la ayuda ocial de SPIP Visitar el sitio: accedemos directamente al espacio pblico

Edicin del sitio: nos muestra las diferentes secciones Foro interno: permite intercambiar mensajes entre redactores y/o administradores Autoras y autores: lista de redactores y administradores del sitio (segn la versin de SPIP,

La segunda barra de botones (al igual que la primera) est siempre visible, independientemente de la opcin en la que nos encontremos. La mejor forma de aprender para qu sirve cada opcin es ir pasando el cursor por encima de los botones e incluso haciendo clic en algunas de ellas para ir investigndolas todas.

Aunque podemos acceder por diferentes caminos, las opciones ms tiles son: Nuevo artculo y Nueva Breve, que nos permiten escribir artculos o breves. Normalmente la publicacin de un artculo escrito por un redactor no es inmediata (necesita el visto bueno del administrador). Hablaremos sobre ello en captulos posteriores.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 7

Redactando un Artculo o una Breve


Nuestra primera breve
Nueva Breve accederemos a un

7.1

Estando en el espacio privado, si pulsamos sobre el icono formulario que debemos rellenar.

Ttulo: es obligatorio poner ttulo Seccin: toda breve debe pertenecer a una seccin Texto: contenido de la breve (hagamos honor a su nombre) Enlace hipertexto: Aunque en el texto de la breve podemos poner enlaces a pginas web,
119

CAPTULO 7.

REDACTANDO UN ARTCULO O UNA BREVE

#120/200

si incluimos un enlace hipertexto (que deber tener ttulo y direccin de la web) ser expresado aparte (con un comentario parecido a: Ver en Lnea )

Si somos redactor/a la breve no se publicar inmediatamente (necesita el visto bueno de algn administrador/a). Cuando un/a administrador/a vea la breve que hemos redactado (o redacte una nueva) dispondr de una campo extra (que no tenemos los redactores) con tres opciones:

Breve propuesta : queda propuesta a expensas de que la vean otros administradores y nalmente sea publicada o rechazada. Breve rechazada : se rechaza, no se publica. Breve validada : es publicada inmediatamente.
La forma y lugar de la pgina donde aparecer la breve depende del diseo que haya dispuesto el administrador.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 7.
7.2

REDACTANDO UN ARTCULO O UNA BREVE

#121/200

Nuestro primer artculo


Nuevo Artculo es mucho ms amplio

El formulario que obtenemos al pulsar sobre el icono (tiene ms campos) que el de las breves.

El nmero de campos a rellenar depende de dos factores: 1. La conguracin elegida por el administrador 2. La conguracin elegida (en su espacio privado) por el redactor (interfaz simple / interfaz completa)

Si elegimos interfaz completa aparecern todos los campos que haya permitido el administrador. Los campos obligatorios son:

Ttulo: ttulo del artculo Seccin: todo artculo debe pertenecer a una seccin Texto: contenido del artculo
Otros posibles campos son:

Antettulo: antes del ttulo Subttulo: despus del ttulo Descripcin rpida: aqu se pone un resumen del artculo, que es lo que suele aparecer
en la portada de la web. Cuando se pulsa sobre el artculo se entra a visualizar el artculo completo. Si no ponemos nada en descripcin rpida, SPIP toma como resumen las primeras lneas del artculo.

Enlace hipertexto: igual que hemos visto en las breves Epgrafe: es una especie de introduccin al artculo Post Scrptum: datos posteriores o Post Data
Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 7.

REDACTANDO UN ARTCULO O UNA BREVE

#122/200

Como vemos, son demasiados campos. Normalmente los administradores no los tienen todos activos. Cuando hayamos rellenado el formulario pulsamos sobre Guardar. En la nueva ventana que nos aparece tendremos disponibles, entre otras opciones:

Modicar este artculo para realizar cambios si an no est a nuestro gusto Un botn Pedir la publicacin de este artculo (si somos redactores)
Un botn

Cuando el administrador vea nuestro artculo propuesto (o cuando escriba uno nuevo) tendr una ventana parecida pero con algunas opciones ms, entre ellas:

Este artculo est ..

en curso de redaccin: cuando un administrador ha empezado a redactarlo, pero preere


terminarlo en otro momento

pueden modicarse por su autor. Si el administrador no quiere publicarlo porque necesita algn retoque es mejor que lo ponga en 'curso de redaccin' para que sus autores puedan modicarlo

propuesto a la evaluacin: cuando ha sido propuesto por algn redactor publicado: se publica inmediatamente rechazado: cuando fue propuesto, pero no ha sido validado. los artculos rechazados no

a la papelera: es la opcin ms drstica. El artculo ya no ser visible ni siquiera por los

administradores. Sin embargo SPIP no borra realmente el artculo. Existe la posibilidad de recuperar un artculo de la papelera (haciendo uso de php y/o mysql; con SPIP no se puede).

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 7.
7.3

REDACTANDO UN ARTCULO O UNA BREVE

#123/200

Centrndonos en el contenido

Puesto que ya sabemos como redactar un artculo, vamos a centrarnos en el contenido y en el formato del mismo. El editor que usa SPIP para el contenido de un artculo, de una breve o en otras partes, tiene unas caractersticas muy peculiares

Si escribimos un texto tal como lo haramos en un procesador de textos, obtendramos un texto continuo, sin puntos aparte ni prrafos, etc. Por tanto necesitamos aprender algunos detalles. Si conocemos algo de lenguaje HTML (lenguaje de etiquetas con el que se escriben las pginas web) podemos aplicarlo, pero si no sabemos HTML, no nos queda otra opcin que aprender unos pocos atajos tipogrcos de SPIP, algunos de los cuales se encuentran en los pocos botones que tiene el editor (cursiva, negrita, etc.). Los atajos tipogrcos de SPIP no se aprenden al tirn, sino que se van consultando conforme se van necesitando, aunque si redactamos artculos a menudo terminamos aprendindolos sin querer.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 7.
7.4

REDACTANDO UN ARTCULO O UNA BREVE

#124/200

Atajos tipogrcos de SPIP

El objetivo de estos atajos es poder formatear un texto sin conocer lenguaje HTML. La mayora de atajos son sencillos y fciles de usar, por ejemplo para poner una palabra en cursiva se encierra entre {llaves} y para ponerla en negrita se encierra entre {{dobles llaves}}. Si tecleamos: SPIP es {software libre} con licencia {{GPL}} Obtendremos: SPIP es software libre con licencia

GPL

7.4.1

Atajos para formatear texto


Resultado cursiva Nuevo prrafo Nueva lnea  Observaciones Deja una lnea en blanco antes y otra despus Dejamos una (o varias) lneas en blanco Guin bajo seguido de espacio Lnea de separacin (4 guiones seguidos)

Los atajos tipogrcos ms importantes para formatear texto son: Atajo {cursiva} {{negrita}} {{{interttulo}}} _ Ejemplo: {{{Interttulo}}} SPIP es {software libre} con licencia {{GPL}}. _ Esto es una nueva lnea, que aunque la escriba seguida, debe ponerla en un nuevo rengln. Dejo una lnea en blanco para nuevo prrafo. Esto va despus de la separacin horizontal Resultado:

negrita Ttulo

Interttulo
SPIP es software libre con licencia GPL Esto es una nueva lnea, que aunque la escriba seguida, debe ponerla en un nuevo rengln. Dejo una lnea en blanco para nuevo prrafo. Esto va despus de la separacin horizontal

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 7.
7.4.2

REDACTANDO UN ARTCULO O UNA BREVE

#125/200

Enlaces hipertexto
Enlace a una web externa:
[ttulo->url]. Un ejemplo:

Podemos poner enlaces a pginas web, a otros artculos de nuestra web, etc.
7.4.2.1

Usaremos el formato

El gestor de contenido [spip->http://www.spip.net] es software libre y su resultado: El gestor de contenido spip es software libre Si no ponemos un ttulo, es decir si slo ponemos [->http://www.spip.net] tomar como ttulo la url entera
7.4.2.2

Enlace a otro artculo de nuestra web

[ttulo->nmero_de_artculo] En lugar de teclear la url entera tan slo debemos teclear el nmero del artculo Para poner enlaces hacia una seccin, breve, autor, etc. usaremos: [ttulo->rubrique1 num] [ttulo->breve num] [ttulo->auteur num]
7.4.2.3

Enlace a una parte concreta de un artculo

Podemos crear un enlace a una parte concreta de un artculo (puede ser el principio, el nal o cualquier zona intermedia dentro del artculo). Para ello debemos poner previamente una marca o ancla en esa zona concreta a la que enlazaremos despus. Ponemos el ancla mediante: [ancla<-]gestor de contenido [spip->http://www.spip.net] es software libre (podemos usar, en lugar de ancla, cualquier palabra). Veamos un ejemplo. Supongamos que dentro de un artculo (el artculo 30 por ej.) tenemos una clasicacin de los seres vivos a la que posiblemente necesitemos recurrir posteriormente. El artculo 30 podra tener un aspecto parecido a: A continuacin tenemos la clasicacin:

[ClasifSV<-] Clasicacin de los Seres Vivos


bla bla bla ...

Ahora, cada vez que queramos referirnos a esa clasicacin, podemos poner un enlace del tipo:

[clasicacin->30#ClasifSV]

Por ejemplo, en otro artculo podramos ver algo parecido a:


1 rubrique es una palabra francesa que signica seccin (recordemos que SPIP es francs y por tanto emplea algunos trminos franceses)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 7.

REDACTANDO UN ARTCULO O UNA BREVE

#126/200

bla bla bla ... Segn la [clasicacin->30#ClasifSV] de los seres vivos ...

7.4.3

Notas a pi de pgina

Las notas a pi de pgina son numeradas automticamente por SPIP. Para poner una nota tan slo debemos poner su contenido entre [[dobles corchetes]]. Veamos un ejemplo: El cms[[CMS : Content Management System, en castellano Sistema de Gestin de Contenido]] spip es software libre con licencia GPL y su resultado: El cms2 spip es software libre Tambin podemos forzar manualmente45 la numeracin de la nota, para ello usaremos el cdigo: Tambin podemos forzar manualmente[[<45>nota forzada a usar el nmero 45]] la numeracin ..

7.4.4

Listas
Listas sin numerar
(seguidos de espacio) a principio de lnea.

Podemos usar varios tipos de listas:


7.4.4.1

Basta con poner guiones Si tecleamos:

El cms spip es software libre, por tanto: - se puede copiar libremente - se puede estudiar y modicar su cdigo obtendremos como resultado: El cms spip es software libre, por tanto: se puede copiar libremente se puede estudiar y modicar su cdigo
2 CMS : Content Management System, 45 nota forzada a usar el nmero 45

en castellano Sistema de Gestin de Contenido

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 7.
7.4.4.2

REDACTANDO UN ARTCULO O UNA BREVE


Listas numeradas
guiones (seguidos de #) a principio de lnea.

#127/200

Pondremos en este caso Si tecleamos:

El cms spip es software libre, por tanto: -# se puede copiar libremente -# se puede estudiar y modicar su cdigo obtendremos como resultado: El cms spip es software libre, por tanto: 1. se puede copiar libremente 2. se puede estudiar y modicar su cdigo

7.4.4.3

Listas ramicadas

Escribiremos en este caso, adems de guiones, tantos * , como profundidad de ramicaciones queramos. Si tecleamos: Los distintos cursos son: - ESO -* Primer Ciclo -** 1o ESO -** 2o ESO -* Segundo Ciclo -** 3o ESO -** 4o ESO - BACHILLER -* 1o Bachillerato -** Ciencias -** Letras -*** Sociales -*** Humanidades obtendremos como resultado:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 7.

REDACTANDO UN ARTCULO O UNA BREVE

#128/200

Los distintos cursos son: ESO


Primer Ciclo 1o ESO 2o ESO Segundo Ciclo 3o ESO 4o ESO

BACHILLER
1o Bachillerato Ciencias Letras

Sociales Humanidades

7.4.5

Texto resaltado: code, quote y cadre

Cuando queremos resaltar un texto, por ejemplo si queremos poner una cita (palabras textuales), disponemos de tres etiquetas predenidas: code, quote y cadre. Los administradores de web con SPIP suelen personalizar esas etiquetas, por lo que posiblemente no obtendremos el mismo resultado en dos webs distintas. La personalizacin es en cuento a diseo y estilos: algunos lo resaltan con recuadro negro y fondo rojo, otros usan otras combinaciones de colores (en cualquier caso esos textos quedarn resaltados y distinguidos del resto de texto). Para que esa porcin de texto quede resaltada (segn el estilo denido por el administrador), nosotros como redactores, tenemos que encerrar el texto entre las etiquetas de inicio y n (de code, quote o cadre). <code>Texto resaltado con code </code> <quote>Texto resaltado con quote </quote> <cadre>Texto resaltado con cadre </cadre> Las etiquetas anteriores se ponen incluyendo los signos < y en los nales de etiqueta. Su signicado es muy sencillo: <code> Inicio de texto resaltado mediante code </code> Fin de texto resaltado mediante code Veamos, como siempre, un ejemplo:

>. Observe la barra inclinada (/)

Las declaraciones de Mario Gas, director del Teatro Espaol: <quote> "Lo que ms me preocupa es la tergiversacin del mensaje. En este espectculo nadie se mete con Espaa" </quote> referidas a la obra "Lorca somos todos"de Pepe Rubianes ..

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 7.

REDACTANDO UN ARTCULO O UNA BREVE

#129/200

El cdigo anterior puede tener un resultado parecido a: Las declaraciones de Mario Gas, director del Teatro Espaol:

"Lo que ms me preocupa es la tergiversacin del mensaje. En este espectculo nadie se mete con Espaa"
referidas a la obra "Lorca somos todos" de Pepe Rubianes .. El uso de las etiquetas de texto resaltado suele ser:

code para trozos de cdigo informtico quote para citas cadre caja para textos de grandes dimensiones (se puede poner por ejemplo el contenido de un
Para ms informacin: http://lubrin.org/mat/spip.php?article418

archivo te texto). Si el texto es muy grande, en la caja aparecen barras de deslizamiento (horizontal y/o vertical)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 7.
7.4.6

REDACTANDO UN ARTCULO O UNA BREVE

#130/200

Tablas

Tambin nos ofrece SPIP la posibilidad de insertar tablas, para ello hacemos uso del carcter barra vertical (|). Tecleando: | uno | dos | | tres | cuatro | | cinco | seis | Obtendramos: uno tres cinco dos cuatro seis

Si queremos la primera la resaltada debemos usar negritas: | {{ columna1}} | {{ columna2}} |{{ columna3}} | | la1-1 | la1-2 | la1-3 | | la2-1 | la2-2 | la2-3 | | la3-1 | la3-2 | la3-3 |

Sera conveniente dejar una lnea en blanco antes de la tabla y otra despus. Asegrese que no haya ningn espacio en blanco despus de la ltima barra vertical de cada la. Para ms informacin: http://lubrin.org/mat/spip.php?article418
7.4.7

Evitar atajos tipogrcos

A veces lo que necesitamos es justo lo contrario, es decir que SPIP no interprete una expresin entre llaves, por ejemplo, como cursiva. Si ponemos {palabra} , SPIP lo interpretar como palabra (en cursiva). Para evitar eso y conseguir que nos ponga tambin las llaves, teclearamos:

<html>{palabra}</html>

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 8

Funciones Avanzadas para Redactores


Introduccin

8.1

En los captulos anteriores tenemos informacin ms que suciente para colaborar en una web con SPIP, enviando nuestros artculos y/o breves ocasionalmente o peridicamente. No obstante, a veces somos ms exigentes o ms perfeccionistas (deberamos serlo) y queremos que nuestro trabajo (artculo normalmente) tenga una estructura o diseo ms atractivo. Por ejemplo: Cmo subrayar una palabra o frase? Cmo poner una palabra de otro color? Cmo adjuntar un documento a mi artculo? Cmo incluir una o varias imgenes en el artculo? Cmo poner determinados smbolos o expresiones? Cmo saber, antes de publicarlo, el aspecto nal que tendr mi artculo? Tendr alguna errata o incluso alguna falta de ortografa? Esas y otras preguntas nos solemos hacer, cuando ya hemos enviado varios artculos y empezamos a pensar que no slo el contenido es importante, que un montn de letras juntas (aunque toquemos temas importantes y seamos buenos escritores) no resultan atractivas para muchos lectores. Alguna foto o gura, alguna frase resaltada y otros pequeos detalles ms, pueden atraer a algn lector/a, que de otro modo no se hubiese sentido incitado a leer. Para hacer todas estas cosas, no es necesario aprenderse este captulo, tmese como un manual de consulta, que podemos necesitar en cualquier momento. A pesar de que los libros y manuales tienen un ndice, a veces los autores no consiguen transmitir, con unas pocas palabras de ndice, todo el contenido del interior. Aprovechando el curso puede leer este captulo al completo y, de esa forma, s sacar partido al ndice. Al leerlo sabr qu cosas se pueden hacer y cuando las necesite (durante este curso o posteriormente) sabr encontrarlas rpidamente y el ndice le dir ms a usted, que a otra persona que no haya ledo el manual. Para realizar algunas de las opciones de este captulo se necesita que el administrador/a realice ciertas conguraciones y ponga disponibles ciertas opciones. Por ejemplo, si el administrador no activa el corrector ortogrco, el redactor no podr usarlo. Por ello, intentar resaltar y especicar claramente las tareas que haya que realizar como administrador. Si ya colabora como redactor con alguna web y observa que no tiene disponibles ciertas opciones, contacte con el administrador y solictelas. 131

CAPTULO 8.
8.2

FUNCIONES AVANZADAS PARA REDACTORES

#132/200

Corrector ortogrco

El corrector ortogrco es una funcionalidad aadida de SPIP, que siempre viene bien, pero que debiera evitarse. Se debera, sobre todo si su artculo es extenso, teclearlo con su procesador de textos habitual y pasarle el corrector de su procesador, para nalmente, mediante copiar y pegar, pasar el artculo a SPIP. Sin embargo, esto no siempre es posible (por no encontrarnos en casa o por cualquier motivo). Cuando hacemos uso del corrector ortogrco, SPIP enva el artculo a un servidor pblico (mantenido por voluntarios o colaboradores) que compara cada palabra con un diccionario que posee y devuelve el artculo, con las palabras que no estn en el diccionario marcadas en rojo. Para poder hacer uso de esta herramienta, el administrador debe tenerla activada

Activacin del corrector ortogrco por parte del administrador


8.2.1

Entramos en el espacio privado como administrador

Conguracin del sitio Seleccionamos Opciones Avanzadas


Pulsamos sobre el men

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 8.
8.2.2

FUNCIONES AVANZADAS PARA REDACTORES

#133/200

Uso del corrector

Despus de teclear un artculo y pulsar sobre guardar, podemos ver la opcin Revisar la Ortografa (arriba izquierda)

Tras pulsar sobre Revisar la ortografa, conectar a los servidores pblicos de ortografa (a veces suele tardar un rato) y nos devolver una pantalla con el contenido del artculo, pero ya con algunas palabras en rojo y otras en verde. Las palabras en rojo son las que no estn en su diccionario. Las palabras en verde son las que no estando en su diccionario, las hemos aadido nosotros (que en realidad se aaden al diccionario local). En la siguiente imagen:

observamos como ha marcado en rojo la palabra corector (mal escrita, debera ser corrector) y en verde la palabra spip (que no est en el diccionario de espaol, pero que hemos aadido nosotros). Si pulsamos en el navegador echa atrs (ir a la pgina anterior), estaremos de nuevo en el artculo y pulsando sobre Modicar artculo, podemos corregirlo.
8.3

Previsualizar artculos

Resulta interesante ver el aspecto nal del artculo antes de publicarlo. La previsualizacin de artculos (al igual que el corrector ortogrco) tiene que estar previamente activada por el administrador (por defecto suele venir desactivada).

Activacin de la previsualizacin por parte del administrador


8.3.1

Entramos en el espacio privado como administrador

Conguracin del sitio Seleccionamos Opciones Avanzadas


Pulsamos sobre el men

Elegimos el panel Previsualizacin Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 8.

FUNCIONES AVANZADAS PARA REDACTORES

#134/200

La activamos para todos los redactores (o slo para administradores)


8.3.2

Uso de la previsualizacin

Despus de teclear un artculo y pulsar sobre guardar, si queremos previsualizarlo necesitamos proponerlo para la publicacin (los artculos en curso de redaccin no se pueden previsualizar).

Al pulsar sobre Previsualizar lo veremos exactamente tal y como se ver una vez publicado. La nica diferencia ser un cartel que nos avisar de que estamos en modo previsualizar

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 8.
8.4

FUNCIONES AVANZADAS PARA REDACTORES

#135/200

Imgenes en los artculos

Podemos poner imgenes de tres formas distintas: como logo del artculo, como imagen dentro del artculo y como imagen anexa al artculo (en el portafolio). En la siguiente foto podemos observar imgenes de los tres tipos:

8.4.1

Logos en SPIP

En SPIP es posible usar logos para la web, para un artculo, para una seccin, etc. Los logos para el sitio y para las secciones los pone el administrador. Adems, suele ser frecuente que el administrador congure la web de forma que si un artculo no tiene logo, entonces tome el logo de su seccin; tengamos en cuenta que no siempre es posible encontrar un logo adecuado para cada artculo. Logo del sitio: Como administrador Conguracin del sitio / Contenido del sitio Logo de una seccin: Como administrador Edicin del sitio / Seccin apropiada

Logo de un artculo: como redactor y estando el artculo guardado, veremos en la izquierda


un panel llamado Logotipo del artculo

Hacemos clic sobre el triangulito

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 8.

FUNCIONES AVANZADAS PARA REDACTORES

#136/200

Pulsando sobre Examinar, se abre una ventana con las carpetas de nuestro ordenador, donde debemos buscar y elegir la imagen o logo, y despus pulsamos sobre Subir.

(Tambin es posible aadir un segundo logo con Logotipo paso del ratn, que se visualizara al pasar el ratn sobre el logo en el artculo ya publicado)
8.4.2

Imgenes entre el texto de una artculo

Para poder insertar imgenes en el interior, el artculo se debe encontrar en fase de modicacin, es decir, si estuviese guardado pulsaramos sobre Modicar este artculo. Veremos entonces (arriba-izquierda) un panel llamado Aadir
una imagen

Pulsando sobre Examinar, se abre una ventana con las carpetas de nuestro ordenador, donde debemos buscar y elegir la imagen, y despus pulsamos sobre Subir. Ahora podemos ponerle ttulo a la imagen, e incluso una descripcin y, nalmente pulsamos Guardar. Ahora tan slo nos queda decidir en qu parte del artculo ponemos la imagen y cmo estar alineada (centro, izquierda o derecha). Para ello ponemos el cursor en la posicin donde queramos insertar la imagen y hacemos doble clic sobre <img98|left>, <img98|center> o <img98|right> , segn la alineacin elegida (tambin podemos teclear directamente en el texto una de las tres opciones).

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 8.
8.4.3

FUNCIONES AVANZADAS PARA REDACTORES

#137/200

Imgenes en el portafolio

En el portafolio se pueden adjuntar imgenes o documentos. Aparecern, como miniaturas, al nal del artculo. Haciendo clic sobre ellas se pueden ver a tamao natural. Desde SPIP 1.9.x podemos usar el portafolio como una galera de fotos, slo necesitamos escribir un artculo (incluso sin ningn texto) y adjuntar imgenes al portafolio. Para adjuntar las imgenes al portafolio tenemos que usar el panel Aadir un documento, que viene al nal del formulario de artculo.

Como siempre, pulsamos sobre Examinar, la buscamos en nuestras carpetas y pulsamos Subir. Si son muchas las imgenes que queremos subir, podemos hacerlo por FTP (debemos subirlas a la carpeta /ecrire/upload).

Subir varias imgenes a la vez

Entonces, si pulsamos sobre Instalar todos los documentos, nos aparece una lista de las imgenes disponibles en /ecrire/upload y elegimos las que nos convengan.

Si eres administrador puedes crear una galera de fotos un poco ms completa siguiendo el artculo: Galera de fotos como ejemplo de paginacin y portafolio

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 8.
8.5 8.5.1

FUNCIONES AVANZADAS PARA REDACTORES

#138/200

Documentos anexos a un artculo Documento entre el texto

De igual forma que se adjunta una imagen entre el texto (segn hemos visto en el apartado anterior), podemos adjuntar un documento (un archivo en formato pdf, openoce, txt, etc.). En el artculo ya publicado veremos entonces un icono de forma que al hacerle clic nos mostrar el contenido del documento. Para adjuntarlo entre el texto, debemos usar el panel lateral Aadir un Documento

8.5.2

Documento en el portafolio

Es ms usual y normal adjuntar documentos en el portafolio (al nal del artculo). Para ello usaremos el panel Aadir un documento (al nal del artculo)

SPIP nos ofrece adems la posibilidad, de adjuntar un documento que ya se encuentre en Internet, con slo decirle la url (direccin donde se encuentra)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 8.
8.6

FUNCIONES AVANZADAS PARA REDACTORES

#139/200

Usar cdigos HTML y estilos CSS

Otra opcin que tenemos disponible, con objeto de mejorar el diseo y estructura de nuestro artculo, es usar cdigos html y estilos css. Resulta evidente que se hace necesario saber lenguaje HTML y algo de CSS, que como no es objeto de estudio del presente curso, tan slo voy a recordar pequeos detalles que nos pueden ser tiles (sin necesidad de aprender nuevos lenguajes). Veamos un ejemplo. Si tecleamos el siguiente cdigo:

Obtendremos como resultado:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 8.
8.7

FUNCIONES AVANZADAS PARA REDACTORES

#140/200

Frmulas matemticas en un artculo

A Las frmulas matemticas en SPIP se insertan usando cdigo LaTeXL TEX. AT X no slo se usa para escribir ecuaciones El procesador de macros o lenguaje de bajo nivel L E matemticas, sino que es lo mejor que existe para redactar artculos cientcos o libros tcnicos, no slo porque se puede conseguir cualquier expresin, sino por la calidad nal (en PDF) del documento. Afortunadamente no vamos a necesitar instalarlo, ni aprenderlo para poner frmulas en nuestros artculos.

A Cmo funciona L TEX en SPIP?

A Las frmulas se teclean en el artculo usando comandos L TEX

SPIP las enva a un servidor TEX pblico y ste se las devuelve a SPIP ya procesadas y en formato imagen.png SPIP muestra la imagen.png en el artculo y adems la guarda en la cach, de forma que, si vuelves a necesitar la misma frmula, la saca de la cach para evitar tener que enviarla a procesar de nuevo.

Cmo insertar una frmula entre el texto?


Usaremos la siguiente expresin:

<math>$ frmula $ </math>


Por ejemplo el cdigo siguiente:
La frmula <math> $ 1 + \sqrt{2x+5} $ </math> siqnifica que ...

y su resultado: La frmula 1 + 2x + 5 signica que ... Algunos ejemplos:


A Cdigo L TEX

Resultado
x3 + 5x2 A0 = x0 + x1 3x + 1 x3

x^3+5x^2 A_0=x_0+x_1 \frac{3x+1}{x-3}

Puede obtener ms informacin en: http://lubrin.org/mat/spip.php?article420

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 9

Instalacin de SPIP

9.1

Instalacin de SPIP en local

Asumimos que tenemos instalado y funcionando xampp segn vimos en temas anteriores. Para instalar SPIP en locahost seguiremos estos pasos: 1. Descargar la ltima versin Entramos en http://www.spip.net/es y pulsamos sobre descargar la ltima versin

Pulsando sobre el paquete de la ardilla se descargar un chero llamado spip.zip Tambin puede descargarlo directamente de http://www.spip.net/spip-dev/DISTRIB/
spip.zip

2. Descomprimir el chero descargado en cualquier parte de nuestro disco duro, lo que originar una carpeta llamada spip que contiene unos cuantos cheros y carpetas

141

CAPTULO 9. INSTALACIN DE SPIP

#142/200

3. Copiar la carpeta spip al interior de la carpeta

htdocs (de xampp)

a ) Los usuarios de Windows la tienen en D:\programas\xampplite\htdocs b ) Para los usuarios de Linux est en /opt/lampp/htdocs y pueden copiarla entrando en la consola como root y (suponiendo que se encuentra en /home/dani/Desktop) tecleando:

cp -R /home/dani/Desktop/spip /opt/lampp/htdocs/

4. Dar permisos de escritura a las carpetas /IMG , /tmp , /local y /cong

a ) Con Windows: no es necesario, puede saltar este paso b ) Con Linux: desde consola puede teclear:
sudo chmod 777 /opt/lampp/htdocs/spip/IMG sudo chmod 777 /opt/lampp/htdocs/spip/tmp sudo chmod 777 /opt/lampp/htdocs/spip/local sudo chmod 777 /opt/lampp/htdocs/spip/config

5. Iniciar la instalacin apuntando el navegador a: http://localhost/spip/ecrire

Seleccionamos idioma y pulsamos Siguiente 6. En la nueva pantalla nos pide los datos de la conexin MySQL Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 9. INSTALACIN DE SPIP

#143/200

a ) Direccin de la base de datos: localhost b ) Tu identicador de conexin: root c ) Tu contrasea de conexin: clave1
7. Segunda etapa: si la contrasea ha sido correcta nos responder: Segunda etapa: tentativa de conexin a la base

La conexin ha funcionado. 8. Tercera etapa: Elegir tu base

Creamos una base de datos a la que llamamos por ejemplo spip (tal como propone)

Creacin de las tablas de la base La estructura de tu base de datos ha sido instalada 9. Quinta etapa: Informaciones personales
Cuarta etapa: Tu identidad pblica: fulanico (alias que aparecer como rma de tus artculos) Tu correo electrnico: fulano@correo.es (e-mail real) Tu login: fulano (necesario para entrar al espacio privado) Tu contrasea: contra (necesaria para entrar al espacio privado)2 10.

Hemos terminado!
La instalacin ha nalizado. Si pulsa siguiente ir al espacio privado. No olvide el login y contrasea (necesarios para entrar al espacio privado). Y recuerde que para el espacio pblico http://localhost/spip y para el privado http://localhost/spip/ecrire y funcionar exactamente igual que si estuviese instalado en un servidor real de Internet (salvo que las pginas slo las puede ver usted)

1 Igual contrasea que puso durante la instalacin de xampp 2 esta contrasea no tiene nada que ver con la que pusimos en

xampp

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 9. INSTALACIN DE SPIP


9.2

#144/200

Instalacin de SPIP en averroes

1.

Descargamos SPIP y lo descomprimimos en una carpeta de nuestro disco duro,


tal como hicimos en la instalacin en localhost.

2. Antes de subir por FTP los cheros, debemos modicar unas lneas en uno de los cheros para adaptar SPIP a la conguracin especca del servidor de averroes. En la web de averroes no hay ninguna informacin sobre ello. Yo particularmente encontr una solucin que funciona y que adems no depende del nmero de la IP del proxy (nmero que se usa en la solucin ofrecida por averroes para los casos de joomla! y moodle). Debemos tener en cuenta que averroes est modicando su servidor, actualizando programas y haciendo pruebas actualmente (por ello podemos encontrarnos que momentneamente no funcione el FTP o no funcionen algunas cosas). El chero a modicar es: /ecrire/inc/utils.php. Lo abrimos con un editor de textos y realizamos los siguientes cambios:

He comentado tres lneas (en azul). Comentar una lnea es ponerle un smbolo, en este caso una doble barra inclinada (//) al principio de lnea. Con ello esas lneas no se tendrn en cuenta (hace el mismo efecto que borrarlas). He aadido dos lneas: las que contienen averroes y terminan con 'aadida Dani', las cuales sustituirn a las comentadas o borradas anteriormente. 3.

Subir los cheros por FTP a averroes. Podemos subirlos a la raz de nuestro sitio o a una carpeta (llamada por ejemplo /spip). Recuerde que necesita usuario y contrasea para FTP (usuario: cdigo del centro, contrasea: la del correo de averroes) y haber solicitado una base de datos MySQL averroes.

4. Continuamos dando permisos a las carpetas /IMG , /tmp , /local y /cong. Tenemos que dar los permisos con el programa de FTP. Apuntando a la carpeta y haciendo clic con el botn derecho del ratn elegimos Modicar atributos (o Modicar permisos o la opcin que tenga su programa de FTP) y le damos permisos 777, es decir, lectura, escritura y ejecucin para usuario, grupo y otros.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 9. INSTALACIN DE SPIP

#145/200

5. Iniciar la instalacin apuntando el navegador a: http://www.juntadeandalucia.e/averroes/~12345678/spip/ecrire (suponiendo que lo haya instalado en una carpeta llamada /spip, si lo ha instalado en la raz de su espacio en averroes, la url sera http://www.juntadeandalucia.e/averroes/~12345678/ecrire). En lugar de 12345678 ponga el cdigo de su centro

Seleccionamos idioma y pulsamos Siguiente 6. En la nueva pantalla nos pide los datos de la conexin MySQL

a ) Direccin de la base de datos: localhost b ) Tu identicador de conexin: 3 c ) Tu contrasea de conexin: 4


7. Segunda etapa: si la contrasea ha sido correcta nos responder: Segunda etapa: tentativa de conexin a la base

La conexin ha funcionado. 8. Tercera etapa: Elegir tu base

La estructura de tu base de datos ha sido instalada


3 dato 4 dato

Elegimos la base de datos que nos ha suministrado averroes (el nombre es muy parecido al cdigo de su centro). No podemos elegir 'Crear una base de datos' pues averroes no nos da permiso para ello. Cuarta etapa: Creacin de las tablas de la base
suministrado por averroes suministrado por averroes

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 9. INSTALACIN DE SPIP

#146/200

9. Quinta etapa: Informaciones personales Tu identidad pblica: fulanico (alias que aparecer como rma de tus artculos) Tu correo electrnico: fulano@correo.es (e-mail real) Tu login: fulano (necesario para entrar al espacio privado) Tu contrasea: contra (necesaria para entrar al espacio privado) 10.

Hemos terminado!
La instalacin ha nalizado. Si pulsa siguiente ir al espacio privado. No olvide el login y contrasea (necesarios para entrar al espacio privado).

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 9. INSTALACIN DE SPIP


9.3

#147/200

Instalacin de SPIP en servidor privado

Los centros (particulares u organizaciones) que dispongan de un servidor privado pueden aprovechar los bajos recursos que consume SPIP (por su sistema de cach) para instalarlo. Si ya dispone de una lnea ADSL para su consumo privado puede montar su propio servidor. Si adems posee algunos conocimientos de Linux, le bastara un viejo ordenador (o gastarse menos de 100 euros en uno de segunda mano) para montarlo. Tiene instrucciones detalladas sobre cmo llevar a cabo el proyecto en un manual que escrib hace ya algn tiempo, pero que es perfectamente vlido hoy en da: Partiendo de la base de que ya dispone de un servidor privado, la instalacin de SPIP en su servidor se har de forma similar a la instalacin en averroes, con algunas ventajas: Podemos usar la funcin mail de php para enviar correos a quien queramos Dispondremos de todo el espacio web que queramos (mientras haya disco duro) Podemos modicar cualquier cosa en la conguracin de PHP (o de cualquier otro programa, ya que somos dueos del servidor).
9.3.1

http://lubrin.org/spip.php?article33

Instalacin automtica: spip_loader

Aprovecho este apartado para explicar una nueva forma de instalar SPIP. Se trata de spip_loader y es un script que se encarga de descargar SPIP, descomprimirlo, ponerlo en nuestro espacio web, etc. Har por nosotros todos esos pasos, de forma que no tendremos que usar el FTP ms que para subir el spip_loader (que se hace muy rpido, pues tiene tamao pequeo: 15 kb aproximadamente). Los pasos a seguir son los siguientes: 1.
http://www.spip.net/es_download y hacemos clic al icono de la imagen (si en lugar de descargarse el chero se le muestra en pantalla, tendr que apuntar al icono, pulsar botn derecho del ratn y elegir la opcin: Guardar enlace como..).

Descargar el script spip_loader.php. Para ello entramos en la web ocial de SPIP:

2.

Subir el spip_loader a su espacio web. Deber usar FTP para subir el chero descargado a su espacio web (a la raz de su sitio o a la carpeta donde piense crear su web con SPIP). Si lo instala en una carpeta, asegrese que dicha carpeta cuenta con todos los permisos (777). Apunte su navegador al script. Por ejemplo: http://www.miservidor.es/mi_carpeta/spip_loader.php

3.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 9. INSTALACIN DE SPIP

#148/200

4.

Pulsamos sobre Empezar la instalacin y esperamos un buen rato. Aunque no vea

cmo va el proceso, en realidad es ms rpido que con la instalacin manual, pues con la manual tendramos que descargar el zip, descomprimirlo y despus subirlo por ftp. De forma automtica, baja directamente desde el servidor de SPIP a su espacio web.

5. Volvemos a pulsar sobre Siguiente. 6. En el siguiente paso tenemos que poner los datos de MySQL (la base de datos) 7. Creamos una nueva base de datos 8. Ponemos nuestra identidad pblica y nuestros identicadores personales (igual que en otras instalaciones de SPIP, en apartados anteriores) 9. Hemos terminado.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 10

Conguracin de SPIP

10.1

Introduccin

Describir aqu las conguraciones ms importantes en SPIP que debern ser realizados por un administrador/a desde el espacio privado. En primer lugar entraremos en el espacio privado y seleccionaremos Interfaz Completa. Tambin puede seleccionar, si lo desea, Pantalla Completa. Dentro de la conguracin distinguimos cuatro apartados. Observe que adems del botn Conguracin del sitio, cuando pasamos el cursor por encima, aparecen tres nuevos botones. Los cuatro apartados seran entonces:

Conguracin del sitio Gestin de Idiomas Mantenimiento del sitio Vaciar la cach Si la parte pblica no aparece en su idioma, debera mirar primero la seccin Gestin de Idiomas. De todas formas, salvo poner un logo y un nombre para la web, la mayora de opciones que vienen por defecto en la conguracin de SPIP son las apropiadas. Cuando vaya adquiriendo experiencia y aprendiendo a gestionar su sitio, posiblemente necesitar ajustar algunas de las opciones de la conguracin. Puede dar un vistazo general a la conguracin, para al menos "saber donde encontrar", cuando lo necesite. No se preocupe si no entiende an muchas de las opciones. Cuando lleve un tiempo considerable administrando un sitio con SPIP las ir entendiendo poco a poco. No obstante, muchas de ellas son fciles de entender, y ya desde el primer da se puede ir atreviendo a 'trastearlas'.

149

CAPTULO 10. CONFIGURACIN DE SPIP


10.2 10.2.1

#150/200

Conguracin del sitio Contenido del sitio

Encontramos aqu modicaciones relativas a los contenidos del sitio.

Logotipo del sitio


En primer lugar puede poner un logo al sitio en el panel de la izquierda Logotipo del sitio. Para ello pulse sobre y se desplegar el panel. Pulsando sobre Examinar podr buscar el logo entre las carpetas de su disco duro y nalmente, pulsando sobre Subir ya tendr logo su web. Puede poner un segundo logo, si quiere que cambie la imagen al pasar el cursor por encima

Datos del sitio


Complete el formulario para poner el Nombre de su web y una descripcin (si lo ve conveniente). Su direccin e-mail tambin debiera ponerla. Pulse Guardar cuando haya completado el formulario. Si quiere ver los cambios, vaya al espacio privado y recargue la pgina.

Los artculos
Podemos activar todos los campos de un artculo, aunque seran demasiados. En las conguraciones de los esqueletos se puede elegir que campos queremos que aparezcan. Con enlace hipertexto activado, se permitir a los redactores poner un enlace a una web que, en la visualizacin del artculo, aparecer resaltado y con la frase: "Ver en lnea". Fecha de redaccin anterior : hay veces en que es necesario modicar un artculo publicado en fechas pasadas, entonces la fecha de publicacin cambiar (a la nueva) y tenemos la posibilidad de conservar la fecha de publicacin anterior. Modicando convenientemente los esqueletos podramos conseguir algo as: publicado el 12-09-2006 por pepico actualizado el 20-10-2006 por juanita Publicacin de los artculos con fecha posterior : nos permite la posibilidad de publicar un artculo a futuro, es decir, podemos crear un artculo felicitando el nuevo ao, ponindole fecha de 01-01-2007 a las 00:01 y as ser publicado en esa fecha y hora (mientras nosotros estamos de celebraciones).

Las breves
Simplemente si queremos usarlas o no.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 10. CONFIGURACIN DE SPIP

#151/200

Las palabras clave


Las palabras clave es una tcnica muy potente que hay que entender bien para sacarle provecho. Asignando palabras clave a los artculos, podremos relacionar artculos que tengan la misma clave aunque no se encuentren en la misma seccin. Si a un artculo le asociamos la clave "oposiciones ", cuando el visitante lea el artculo podr ver un panel llamado por ejemplo "Artculos relacionados" con una lista de artculos relacionados, que sern todos los artculos que lleven la clave oposiciones. Evidentemente para ello tenemos que descargar de internet un esqueleto que incorpore esta utilidad o bien modicar nuestro esqueleto. Si an no sabe nada de esqueletos, y est empezando una web nueva, no estara de ms usar las palabras clave en sus artculos pensando en el futuro. Cuando se usan muchas palabras clave distintas, se hace aconsejable clasicarlas en grupos, entonces podra activar la opcin: Utilizar la conguracin precisa de los grupos de palabras clave. Slo se lo aconsejo si usa muchas claves y respecto a usarlas en los foros pienso que no es aconsejable.

Sindicacin
La sindicacin es algo relativamente reciente y muy de moda ltimamente. Bsicamente consiste en que en una web se vean los titulares de las noticias que publican otras webs. Si usted sindica en su web las noticias de elpais.es por ejemplo, entonces los visitantes de su web ven los titulares de las noticias de elpais.es actualizados, de forma automtica y sin que usted tenga que intervenir. Veamos un ejemplo: si entramos en la web http://www.iesmarserena.es veremos en un panel a la izquierda las ltimas noticias de barrapunto, y al nal de pgina en el centro, vemos las ltimas novedades de Educacin de la Junta de Andaluca. Las opciones por defecto son las ms apropiadas. En cuanto al ltimo apartado: Archivos de sindicacin, se reere a si queremos que nuestra web pueda ser sindicada mediante un resumen de los artculos o con los artculos completos (elija la que crea ms conveniente).

Documentos adjuntos
Elija si desea permitir que se adjunten documentos a los artculos. Lo recomendable es que s, aunque tiene menos sentido adjuntar documentos a las secciones (slo en casos particulares pudiera ser til).

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 10. CONFIGURACIN DE SPIP


10.2.2

#152/200

Interactividad

Modo de funcionamiento de los foros pblicos


indicamos aqu si queremos que se puedan enviar comentarios a los artculos. Las opciones son: Desactivar los foros pblicos: no se podr enviar comentarios a los artculos Publicacin inmediata: se publican al instante Moderado a priori: un administrador debe validar el mensaje antes de ser publicado Inscripcin obligatoria: es necesario registrarse para enviar comentarios Lo que se elige aqu es la opcin por defecto. No obstante, para cada artculo en particular se puede modicar y elegir cualquiera de las 4 opciones

Inscripcin automtica de nuevas personas


Si aceptamos inscripciones, podrn registrarse como redactores los visitantes de nuestra web. Cuando esta opcin est activa, aparece el Formulario de Inscripcin en la portada de la web.

Visitantes
Este apartado no es para redactores (como el anterior) sino para que se registren usuarios sin acceso al espacio privado. Para que funcione, necesitamos modicar adecuadamente los esqueletos. Esta losofa, de tener que registrarse para ver la totalidad de la web o participar en los foros, es propia de otros CMS. SPIP, aunque lo permite, no lo propone por defecto. Particularmente pienso que es un error obligar al visitante a registrarse. Los registros deben quedar para los redactores, es decir, para las personas que colaboran o piensan colaborar alguna vez en la web. Recordemos que las webs que no te dejan ver casi nada si no ests registrado, tienen nes publicitarios: obligarnos a dar el e-mail para enviarnos publicidad o vender la lista de e-mails a empresas publicitarias o spammers.

Envo automtico de correos electrnicos


Aunque no se debe abusar del envo de correos, algunas opciones si se deberan activar:

Enviar los mensajes de los foros a los autores/as. Creo que es interesante que el autor/a de un artculo reciba un mail cuando alguien enve un comentario sobre el mismo y si adems respondemos con otro comentario, ese usuario y los dems notarn que sus opiniones son tenidas en cuenta (eso har que sus usuarios valoren ms su web) . Direccin de correo de envo. Es otra opcin importante. Indica el remitente de los correos automticos que enva SPIP. Puede poner por ejemplo: webmaster@misitio.es. Si lo deja en blanco tomar como remitente la direccin del destinatario y eso ser tomado como spam en muchos servidores.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 10. CONFIGURACIN DE SPIP

#153/200

Foro administradores
Ya existe en el espacio privado un foro para redactores y administradores. Si su web tiene muchos administradores (no suele ser el caso normal) puede activar este foro, que es exclusivo para administradores.
10.2.3

Funciones avanzadas

Mtodo de creacin de miniaturas


Depende de la conguracin del servidor que albergue su web. Normalmente dispondr de las libreras GD2, que es el mejor mtodo. Elija la imagen que mejor se vea y active Crear Miniaturas.

Motor de bsqueda
SPIP suele indexar todas las palabras de los artculos, ttulos, secciones, breves, etc. Si activamos el motor de bsqueda, los usuarios podrn buscar en nuestra web. Si lo desactivamos ya no aparecer el formulario Buscar en la portada de la web.

Estadsticas de visitas
Activando las estadsticas tendremos acceso, entre otras cosas, al nmero de visitas que recibe cada artculo, desde dnde nos visitan (pginas donde hay enlaces a nuestra web), etc.

Trabajo colectivo en los artculos


No active los mensajes de advertencia, a no ser que realmente trabajen varios redactores en un mismo artculo, pues los mensajes de advertencias son muy 'cansinos'.

Seguimiento de las revisiones


No lo active, a no ser que realmente lo necesite.

Ortografa
El corrector ortogrco resulta de utilidad. Actvelo si quiere permitir que sus redactores puedan revisar la ortografa antes de publicar sus artculos. La mayora de los CMS no disponen de esta opcin.

Previsualizacin
Tambin resulta de utilidad poder ver 'exactamente' como se ver un artculo al publicarse.

Utilizar un proxy
Deje en blanco esta opcin, a no ser que sea un usuario avanzado y sepa lo que hace.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 10. CONFIGURACIN DE SPIP

#154/200

Archivos de autenticacin
No crear esos archivos. Esta opcin es tambin para usuarios avanzados. Si el servidor donde estn alojadas sus pginas es el Servidor IIS de Microsoft, en lugar de apache, s debiera informarse sobre los archivos htaccess, pues en ese caso la informacin que usted cree privada estara disponible para todo el mundo. Ms informacin en:
http://www.spip.net/es_article2650.html

10.3 10.3.1

Gestin de idiomas Idioma principal del sitio

Idioma principal del sitio: espaol Juego de caracteres del sitio: utf-8 En juego de caracteres, hasta hace poco tiempo se pona en cada pas el suyo. Por ejemplo con un juego de caracteres ingls no se poda usar la ''. Actualmente se est imponiendo (o se ha impuesto ya) el uso del juego internacional utf-8, que trae todos los caracteres de cualquier idioma. Hoy en da se considera que un programa que no venga en utf-8 es arcaico. Aunque an hay muchos CMS que no usan utf-8, SPIP lo incorpora desde hace ya bastante tiempo. Algo que no nos debe sorprender si tenemos en cuenta que SPIP es a Febrero de 2007 el nico CMS con el que se puede hacer una web 'realmente' multilinge.
10.3.2

Multilingismo

De momento puede dejar ambas opciones sin activar. Para hacer una web multilinge, SPIP es el CMS adecuado, pero ello requiere un captulo aparte en este manual. A modo de resumen podemos decir que SPIP relaciona cada artculo con sus traducciones y podemos hacer (modicando convenientemente los esqueletos) que slo se vean los artculos del idioma elegido, permitir que se vean los enlaces a las distintas traducciones, etc, Vea esta imagen de la web ocial de SPIP:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 10. CONFIGURACIN DE SPIP

#155/200

http://www.spip.net/es_article81.html
10.3.3

Observe en cuantos idiomas se puede leer este artculo. El artculo original est en:

Archivos de idioma

Cuando se modican los esqueletos o se crean otros nuevos (esto tambin es para administradores y usuarios avanzados) si en un lugar determinado ponemos <:accueil_site:>ser traducido al idioma en que se visualice la pgina: Portada del sitio (espaol), Beginpagina(holands), etc.

Si a usted no le gusta la traduccin 'Portada del sitio' y preere mejor 'Inicio', tiene dos opciones para cambiarlo: Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 10. CONFIGURACIN DE SPIP

#156/200

Una sera sustituir en su esqueleto '<:accueil_site:>' por 'Inicio' con la desventaja de que su web no se traducira correctamente a otros idiomas. La segunda opcin es cambiar en los archivos de idioma la traduccin 'Portada del sitio' por 'Inicio' con la desventaja de que cuando actualice a una nueva versin de SPIP, posiblemente se volver a sobreescribir su chero de idiomas y le volver a aparecer 'Portada del sitio'. Si no piensa hacer un sitio multilinge, le interesa la primera opcin, ya que los esqueletos no son sobreescritos al actualizar SPIP.
10.4

Mantenimiento del sitio Copia de respaldo y restauracin de la base

10.4.1

Esta opcin se usa para hacer copias de seguridad (y restaurarlas) de la base de datos. El caso ms frecuente es cuando cambiamos de hospedaje nuestra web con SPIP (por ejemplo si lo tenemos instalado en local y queremos cambiarlo a un servidor de Internet). Hay que procurar no cometer el error de cambiar de versin, es decir, si hacemos una copia de seguridad con SPIP 1.9.0 y despus intentamos restaurarla con SPIP 1.9.1 podemos perder los datos. Si miramos la imagen anterior vemos que SPIP lo advierte claramente. La copia de seguridad crea en un chero dentro de /ecrire/data llamado dump.xml. Cuando haga una copia de seguridad, ponga una segunda copia de ese chero dump.xml en algn lugar seguro y procure no perderla.
10.4.2

Borrar la base

Si se le ocurre ejecutar esta opcin, debe saber que perder todo, no slo los artculos y breves, adems perder los redactores y administradores.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 10. CONFIGURACIN DE SPIP


10.5

#157/200

Borrar la cach

SPIP guarda en cach todas las pginas, lo que evita tener que recalcularlas cada vez que alguien las visita (como ocurre en el resto de CMS). Esto es una gran ventaja, pues la rapidez del sitio es muy superior. Si vaciamos la cach perderemos, momentneamente esta ventaja, pues conforme se vayan visitando las pginas, las va almacenando en cach y terminar teniendo todo el sitio en cach como es normal. Entonces por qu vaciar la cach? Pueden ser varios los motivos que nos obliguen a ello: Si hacemos una cambio grco importante en los esqueletos, durante un tiempo los visitantes seguirn viendo los artculos con el diseo antiguo (pues as estarn grabados en la cach). Si queremos que, desde este momento ya nadie vea los viejos diseos, podemos vaciar la cach. Cuando se actualiza a una nueva versin, se suelen perder las bsquedas, es decir, a veces se pierde toda la indexacin de palabras que ha ido haciendo SPIP poco a poco. Existe un plugin que fuerza una nueva indexacin y para usarlo es necesario vaciar la cach. Puede obtener ms informacin de dicho plugin en:
http://lubrin.org/mat/spip.php?article424

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 11

Primer Contenido. Estructura del Sitio


Introduccin

11.1

Todava no podemos pasar a los aspectos relacionados con el diseo de nuestra web, a no ser que ya tenga contenido suciente. En este captulo empezaremos a crear contenido y cuando tengamos el suciente podremos pasar a ocuparnos del diseo. En SPIP el contenido principal son los artculos, los cuales deben pertenecer a alguna seccin, que a su vez puede ser subseccin de otra seccin mayor, pudindose hacer todas las ramicaciones que queramos. Adems de los artculos, tambin forman contenido las breves (destinadas a poner informaciones de pequeo tamao como anuncios, avisos o noticias de ltima hora). Tambin seran contenido los sitios referenciados y los mensajes a los foros. Antes de introducir contenido, se debe crear una estructura jerrquica de secciones.
11.2

Las secciones

La estructura principal de nuestra web la conforman las secciones. Antes de poder crear artculos, breves, sitios relacionados, etc. necesitamos crear secciones que alojen a los anteriores.

Las secciones se crean pulsando sobre Crear una seccin, pero cuntas secciones crear? Las primeras secciones o secciones principales (tambin llamadas sectores) no deben ser muchas con objeto de favorecer la navegacin y la claridad del sitio. Debe saber que tambin se pueden crear subsecciones (secciones dentro de las secciones), por tanto prepare la estructura de su web de forma que est bien ramicada. Si piensa que va a publicar muchsimos artculos o si cree que habr artculos que se puedan encuadrar en dos secciones distintas, active las palabras clave en la conguracin. Empiece creando algunas secciones y subsecciones. Tenga en cuenta que no aparecern en el espacio pblico mientras estn vacas, es decir, una seccin que no contenga nada (ni artculos, ni breves, ni nada) no aparecer en la lista de secciones en el espacio pblico.

158

CAPTULO 11. PRIMER CONTENIDO. ESTRUCTURA DEL SITIO

#159/200

Los campos que necesitamos poner en una nueva seccin son:

Ttulo: evite poner ttulos largos En el interior de: Raz del sitio o dentro de otra seccin existente (como subseccin) Descripcin rpida: es aconsejable rellenar este campo Texto explicativo: no es necesario (si lo cree conveniente, lo rellena)
La descripcin rpida es til para el administrador/a (aparece en el espacio privado). El texto explicativo suele aparecer en el espacio pblico (si no modicamos los esqueletos por defecto). Lo mejor, como casi siempre es hacer pruebas y comprobar su efectos en el espacio pblico. No olvide pulsar sobre guardar cuando rellene el formulario.

Logotipo de la seccin
Es conveniente poner un logo a cada seccin, si no lo pone a todas las subsecciones, al menos debiera ponerlo a las secciones principales (sectores). Para poner un logo entre en la seccin. Si se ha perdido en el espacio privado, pulse sobre Mis Tareas (es como el inicio o ndice del espacio privado). A continuacin pulse sobre el nombre de la seccin. Ver a la izquierda el panel Logotipo de la seccin. Pulse sobre el triangulito para desplegar el panel, sobre Examinar para elegir la imagen entre las carpetas de su disco duro y nalmente sobre Subir.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 11. PRIMER CONTENIDO. ESTRUCTURA DEL SITIO


11.3

#160/200

Artculos o breves

Cree artculos o breves siguiendo las instrucciones del captulo: Redactando un artculo o una breve. Recuerde que esos artculos o breves, si los ha creado como pruebas, podr modicarlos siempre que quiera, Si piensa empezar a crear artculos ya en serio, no borre los que hizo de prueba, ya que SPIP no los borra denitivamente de la base de datos (aunque no podamos verlos), en lugar de borrarlos, modifquelos.
11.4

Sitios referenciados

Al referenciar un sitio, no slo se pone un enlace a ese sitio, sino que adems se pueden obtener (por sindicacin) las ltimas noticias de ese sitio. Cuando pulsamos sobre Referenciar un sitio obtenemos el formulario en el que disponemos de dos opciones: de forma automtica o manualmente (recomendado).
11.4.1

Automticamente

En este caso no tenemos ms que poner la url del sitio y pulsar Aadir. SPIP intentar encontrar el nombre y descripcin del sitio. En el espacio pblico slo aparecer un enlace a esa web. Otra opcin es poner la url del archivo de sindicacin, entonces en lugar de obtener slo un enlace al sitio, tendremos adems las ltimas noticias de ese sitio. Ejemplos: http://lubrin.org http://lubrin.org/spip.php?page=backend

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 11. PRIMER CONTENIDO. ESTRUCTURA DEL SITIO


11.4.2

#161/200

Manualmente

Los campos Nombre del sitio, Direccin del sitio y En el interior de la seccin .. son obligatorios. La descripcin del sitio es opcional. Por ltimo podemos elegir si queremos sindicacin. Para obtener la url de sindicacin de un sitio, puede buscar en esa web el icono del enlace'. , poner el cursor encima y seleccionar 'Copiar la ruta

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 12

Diseo de la web

12.1

Introduccin a los esqueletos

Una de las ventajas de la mayora de los CMS (y por tanto tambin de SPIP) es la separacin entre contenido y diseo, es decir, podemos cambiar radicalmente el diseo grco de la web sin tener que tocar el contenido. Podramos decir que el contenido se muestra sobre una base de caractersticas grcas: color de fondo, columnas de separacin, tipos y colores de letras, etc. Esta base que sustenta el contenido se llama esqueleto (squelette en francs) en SPIP. En otros CMS suele tener nombres como plantillas o themes. Eso quiere decir que sin cambiar ni una coma del contenido, cambiando nicamente el esqueleto, podemos conseguir una web totalmente distinta (grcamente hablando). Evidentemente SPIP ya trae un esqueleto por defecto, que posiblemente no nos guste, pues su objetivo no es mostrar efectos visuales, sino la sencillez y claridad. Para entenderlo veamos unas capturas de la web http://www.colewebs.org, que si no es la nica, si es la mejor web de esqueletos para SPIP en castellano (gracias al amigo Jos Luis).

esqueleto

por defecto de SPIP

162

CAPTULO 12. DISEO DE LA WEB

#163/200

esqueleto

aleshores

esqueleto

epc_2c_mi

Si nuestros conocimientos informticos lo permiten, podemos crear nuestro propio esqueleto; en caso contrario nos conformaremos con descargar uno que nos guste de Internet.
12.2

Dnde estn los esqueletos?

Los esqueletos se encuentran en una carpeta aparte dentro del conjunto de cheros de SPIP. Si miramos los cheros de SPIP, recordaremos que hay, adems de cheros, varias carpetas: IMG, CACHE, ecrire, dist, etc. El esqueleto 'por defecto' de SPIP se encuentra en la carpeta /dist. Si creamos un nuevo esqueleto o descargamos uno de internet los situaremos en otras carpetas (que Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 12. DISEO DE LA WEB

#164/200

tendremos que crear) que partirn de la raz (al igual que /dist). Para proveer a nuestra web de un nuevo esqueleto tenemos varias posibilidades: Descargar de Internet un esqueleto ya creado Modicar el esqueleto por defecto de SPIP Descargar un nuevo esqueleto y modicarlo
12.3

Usar un esqueleto descargado de Internet

En primer lugar debemos buscar esqueletos en la red (hay muchos esqueletos con licencia libre). Direcciones donde encontrar esqueletos:
http://www.colewebs.org http://www.spip-contrib.net/-Squelettes-

Cualquier buscador (buscando por spip+esqueleto, o por spip+squelette ) Descargamos el esqueleto, que suele ser un chero comprimido. Al descomprimir el esqueleto nos encontramos con una carpeta (que contiene cheros). Supongamos que la carpeta se llama 'mi_esqueleto' Copiamos dicha carpeta a la raz de nuestro sitio SPIP Buscamos si existe el chero /ecrire/mes_options.php Si existe, le aadimos (al nal por ejemplo) el siguiente cdigo: $GLOBALS['dossier_squelettes'] = 'mi_esqueleto'; Si no existe, lo creamos y le ponemos el siguiente contenido: <?php $GLOBALS['dossier_squelettes'] = 'mi_esqueleto'; ?> Otra opcin ms fcil consiste en, una vez copiada la carpeta /mi_esqueleto, renombrarla a /squelettes y ya no habra que buscar el mes_options, ni hacer nada ms. La desventaja de esta opcin es que slo podemos probar un esqueleto (slo podemos tener una carpeta squelettes).

Prctica guiada
Veamos un ejemplo, paso a paso, sobre como instalar un esqueleto. 1. Descargamos el esqueleto que hay en http://lubrin.org/mat/spip.php?article473 2. Lo descomprimimos en nuestro disco duro y vemos que tiene una sola carpeta de nombre esqueleto_dani 3. La copiamos a nuestro espacio web de SPIP

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 12. DISEO DE LA WEB

#165/200

4. Ahora debemos buscar el chero /ecrire/mes_options.php, que normalmente no lo tendremos (salvo que hayamos instalado antes algn esqueleto o seamos usuarios avanzados). Por tanto debemos crear el chero con un editor de texto plano (gedit en Linux, bloc de notas en Windows, etc. no se debe usar un procesador de textos tipo OpenOcce o M. Word).

5. Ya est instalado el esqueleto. Nos vamos al espacio pblico y vemos:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 12. DISEO DE LA WEB

#166/200

6. Parece que no ha funcionado .. se ve el esqueleto por defecto de SPIP. Ah! .. pulsamos sobre Actualizar esta pgina (para que la recargue)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 13

Prctica Guiada

13.1

Introduccin

Crearemos una web con SPIP desde el principio. Partimos de una instalacin reciente de SPIP 1.9.2 en la que an no hemos tocado nada: slo la instalacin.

En unos minutos crearemos una web operativa para nuestro centro o departamento (o una web personal). Si decide que los usuarios participen enviando comentarios a los artculos (como un blog), SPIP es el CMS adecuado.

167

CAPTULO 13. PRCTICA GUIADA


13.2

#168/200

Logo y Nombre del Sitio

Entramos al espacio privado y en conguracin del sitio tan solo pondremos un logo y un nombre y descripcin para la web

Pulsamos guardar y nos vamos a visualizar la web:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA


13.3

#169/200

Introduciendo Contenido

Empezamos a introducir contenido: Crearemos varias secciones, algunas con subsecciones: Departamentos
Matemticas Selectividad Naturales Lengua

Datos del Centro Extraescolares


Viaje de Estudios Semana Cultural

Nuestro Pueblo

En la web principal no aparecern las secciones hasta que no contengan artculos. Por tanto vamos a crear al menos un artculo de cada seccin. Cuando cree artculos no olvide publicarlos:

Cuando vea la web, no olvide recargar la pgina mediante el botn 'Actualizar esta pgina' (esos botones no los ver el visitante).

Con un par de artculos (uno de cada seccin) la web empieza a tomar cuerpo:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA

#170/200

Sigamos introduciendo artculos. En las secciones que tienen subsecciones, por ejemplo Extraescolares (subsecciones: Viaje de Estudios y Semana Cultural), los artculos los podemos poner dentro de Extraescolares (sin incluirlos en ninguna subseccin) o dentro de alguna de las subsecciones. Podemos ramicar las subsecciones todo lo que queramos. Despus de unos cuantos artculos ms vemos que aparecen todas las secciones y que aparecen destacados los dos ltimos artculos. De los anteriores slo aparece un enlace. Cuando pasemos de 10 artculos nos aparecer la paginacin automtica de SPIP.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA


13.4

#171/200

Poniendo logo a los artculos y secciones

A veces es difcil encontrar un logo para cada articulo. Lo que se hace en la prctica es poner un logo a cada seccin y entonces todos los artculos de una seccin llevarn ese logo (excepto los artculos a los que queramos poner un logo especial). Preparamos unos cuantos logos y se los adjudicamos a las secciones. Recuerde que no puede coger cualquier imagen que encuentre en Internet (a no ser que est libre de derechos). Si usa Linux en /usr/share/icons tiene centenares de iconos libres. En el espacio privado, entramos en cada una de las secciones y mediante 'logotipo de la seccin' le ponemos el logo.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA


13.5

#172/200

Sindicando noticias externas

Queremos recibir en la portada de nuestra web algunas noticias que pueden interesar a la comunidad educativa de nuestro centro. Aunque se pueden sindicar muchas (todas las que queramos) nos vamos a conformar con un ejemplo: sindicaremos las ltimas noticias de la Consejera de Educacin de la Junta de Andaluca. Los sitios referenciados o sindicados deben pertenecer a alguna seccin. Creamos una nueva seccin llamada Noticias (que posteriormente la aprovecharemos tambin para poner algunas breves). Una vez creada la seccin Noticias (sin ningn artculo de momento), pulsamos sobre 'Referenciar un sitio'.

Elegimos referenciarlo automticamente y ya se encarga SPIP del resto.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA

#173/200

Una vez que hemos pulsado sobre validar (arriba y abajo) obtenemos:

Ahora veamos cmo sale en la web:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA

#174/200

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA


13.6

#175/200

Algunas breves

Mediante las breves podemos poner noticias breves de ltima hora. Pulsamos sobre Nueva Breve y tecleamos la noticia:

Aparecer en la web as:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA


13.7

#176/200

Ocupndonos del diseo

Esta plantilla (llamadas esqueletos en SPIP) es muy sencilla, clara y funcional. No obstante podemos usar algn otro esqueleto o plantilla de la red .. a ver si nos convence. Antes de usar alguna platilla o theme, voy a retocar el cdigo para que las noticias sindicadas, en lugar de aparecer debajo de las breves, aparezcan en la columna de la derecha, justo debajo de secciones. Retocar el cdigo de los esqueletos es para usuarios avanzados, pero este sencillo paso slo consiste en cambiar unas lneas de posicin (moverlas de una parte a otra dentro del mismo archivo), por lo que creo que es fcil hacerlo. El chero que controla la portada de nuestra web se llama sommaire.html y est incluido en la carpeta /dist , que es la carpeta donde estn los esqueletos originales de SPIP. En los cheros de dicha carpeta no se deben hacer modicaciones, debemos crear una nueva carpeta llamada /squelettes y copiar en ella el sommaire.html y hacer las modicaciones en el /squelettes/sommaire.html. Una vez copiado el sommaire.html a /squelettes lo abrimos con un editor de texto plano (por ejemplo gedit en Linux). Buscamos el bloque que aparece resaltado en la siguiente imagen:

lo cortamos y lo pegamos en la zona de Navegacin lateral (ver siguiente imagen)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA

#177/200

Guardamos el chero y nos vamos al espacio pblico para ver la web. No olvide pulsar sobre el botn Actualizar esta pgina. En la siguiente imagen podemos observar el nuevo aspecto de la web

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA

#178/200

//lubrin.org.

Esta sencilla estructura es la que yo uso (con algunos pequeos retoques) en mi web http:

Si preere probar algunos temas o plantillas, explicar como instalar un par de ellos. En la web http://skedus.free.fr/spip/spip.php?article8 podemos encontrar algunos themes que se instalan como plugins. Descargaremos un par de ellos (tambin estn disponibles en moodle): En-rondeur.zip y SKDarkGirl.zip. Una vez descargados los dos cheros zip, los descomprimimos en nuestro disco duro y originarn dos carpetas llamadas /En-rondeur y /SKDarkGirl. En la raz de nuestro sitio SPIP (donde estn /dist, /ecrire, etc. ) creamos una nueva carpeta llamada /plugins y dentro de ella colocamos las carpetas /En-rondeur y /SKDarkGirl. Ahora tan solo nos queda activarlas. Para ello nos vamos al espacio privado, pasamos el cursor sobre Conguracin del Sitio y observamos que hay un nuevo icono llamado Gestin de los plugins.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA

#179/200

Hacemos clic sobre Gestin de los plugins

Marcamos SkDarkGirl y pulsamos Validar. Ahora vamos al espacio pblico para ver como queda y actualizamos pgina:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA

#180/200

Si no nos gusta como queda el logo, podemos crear otro o simplemente quitarlo. Para eliminarlo, en el espacio privado, Conguracin del Sitio, en la izquierda, logotipo del sitio, Suprimir. Entonces quedara as:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA

#181/200

Procediendo de forma anloga desactivamos este theme y activamos el En Vamos al espacio pblico y actualizamos la pgina. Quedar as:

rondeur.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 13. PRCTICA GUIADA

#182/200

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

Captulo 14

El lenguaje propio de SPIP


Introduccin

14.1

Iniciamos con este captulo una parte destinada a usuarios medio-avanzados, a usuarios valientes, que valoren la interactividad, la personalizacin, el disfrutar de las cosas bien hechas y sobre todo valoren el poder decir "esto lo he hecho yo". El usuario acostumbrado a "tragarse lo que le den", acostumbrado a "sentarse en el sof y ver lo que pongan", puede dar prcticamente por nalizado su aprendizaje de SPIP, con los captulos vistos hasta el momento. Los que piensan que "slo seguirn los que tengan conocimientos informticos medio-altos" estn muy equivocados; no es cuestin de conocimientos sino de 'losofa y manera de pensar', si bien es cierto, que cuanto ms conocimientos y experiencia informtica tengas, menos difcil te ser entender lo que sigue. Tu decides te atreves a seguir?.
SPIP tiene un lenguaje propio, que no puede considerarse un lenguaje de programacin, sino ms bien un pseudo-cdigo. Y por qu tiene un lenguaje propio? Por qu aprender un nuevo lenguaje si los dems CMS no lo tienen? Entonces SPIP es ms difcil? El que SPIP tenga su propio lenguaje no tiene por objetivo ser ms difcil, ni necesitar aprender un nuevo lenguaje, sino todo lo contrario. El lenguaje de SPIP (con sus bucles y balizas) tiene por objetivo conseguir de forma fcil unas serie de objetivos, sin tener que ser un experto en lenguajes como PHP y MySQL. En cualquier otro CMS para seguir adelante, necesitaramos ser usuarios avanzados en PHP (lenguaje bastante similar a 'C', que es uno de los ms potentes, pero uno de los ms difciles) y en explotacin de bases de datos MySQL. SPIP se encarga de traducir su pseudo-cdigo en instrucciones PHP y MySQL. Veamos un ejemplo: mire el siguiente cdigo en lenguaje SPIP

183

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP

#184/200

Para obtener lo mismo, en PHP se hubiese tenido que poner el siguiente:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP


14.2

#185/200

Francs y Lenguaje de Marcas

Despus de ver los tochos de cdigo anteriores, pudiramos (o quizs deberamos) estar asustados. El cdigo PHP si que asusta de verdad, pero el cdigo SPIP .. lo miramos de nuevo .. y observamos las palabras francesas:

articles (artculos) boucle (bucle) rubrique (seccin) par (por) titre (ttulo)
No le va el francs? No se preocupe, ya conoce aproximadamente una quinta parte del vocabulario francs que necesitamos. Nunca ha usado lenguaje de marcas? No se preocupe, es tan sencillo como <MARCA> texto </MARCA>. Ntese que las marcas van por parejas (la marca del nal lleva una '/' para distinguirla) y lo que se encuentra entre ambas marcas es la parte que se ver afectada por la marca. Un ejemplo: en lenguaje HTML (de creacin de webs) la marca de texto en negrita es <B>.. </B>. El texto que aparezca entre esas dos marcas aparecer en negrita cuando el cliente visualice la pgina con su navegador. Las marcas que usa slip son del tipo: <BOUCLE_articulos(ARTICLES) {id_rubrique=5} {par titre}> ... </BOUCLE_articulos> Tambin tienen su marca de inicio y su marca de n. El cdigo anterior (an no hemos empezado, es un pequeo adelanto) signica: BOUCLE : muestra un listado de ARTICLES : artculos id_rubrique=5 : de la seccin 5 par titre (por ttulo) : ordenados por ttulo Qu le ha parecido este adelanto? Lo he entendido todo: 'est en condiciones de seguir este manual ' Lo he entendido a medias: 'puede continuar, aunque puede tener dicultades ' No me he enterado de nada: 'quizs debiera intentarlo en otro momento '

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP


14.3

#186/200

A vuelta con los esqueletos

Debo recordar la importancia de los esqueletos (squelettes ), que en otros CMS son llamados plantillas o themes. Los esqueletos soportan el contenido de la web y en ellos se denen el aspecto grco, la forma de presentar el contenido y el contenido a expresar. La mayora de CMS tienen ms variedad de plantillas para elegir que SPIP, sin embargo esas plantillas son todas muy similares: slo cambia los colores (estilos css) y el posicionamiento de ciertos bloques de informacin (izquierda, derecha, arriba, abajo). En los CMS ms avanzados hasta se puede elegir, por ejemplo, el nmero de noticias a mostrar en el bloque noticias. Pero SPIP va mucho ms all; aparte de lo anterior, con SPIP podramos elegir (sigamos con el ejemplo del bloque de noticias o artculos): el orden en que aparecen los artculos (por fecha, por autor, por seccin, por palabras clave, ..) las partes de un artculo que queremos que aparezcan (autores, ttulos, fechas, resumen, texto completo, etc.) la tipografa y formato noticias resaltadas, divididas en grupos y las innitas combinaciones que podemos hacer con todo lo anterior Para poder modicar y/o personalizar lo anterior tenemos que modicar los esqueletos: bien modicar el esqueleto por defecto de SPIP, o bien modicar un esqueleto descargado de Internet.
14.3.1

Qu contienen los esqueletos?

Los esqueletos estn formados por un grupos de cheros incluidos dentro de una carpeta. Puede dar un vistazo a la carpeta /dist que contiene el esqueleto por defecto de SPIP. Hay varios tipos de cheros:

cheros.css hojas de estilos (controlan colores, tipografas, etc.) imgenes chero.gif, chero.png, etc. cheros.html incluyen lo normal de un chero HTML ms algunas etiquetas en lenguaje SPIP. otros para uso avanzado: cheros javascript, cheros de idioma, formularios, etc.
A modo de avance, algunos de los cheros son:

sommaire.html portada del sitio article.html esqueleto para el artculo (se nos muestra cuando pulsamos sobre ver artculo completo)

plan.html mapa o plano del sitio rubrique.htm esqueleto para las secciones

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP


14.3.2

#187/200

Dnde estn los esqueletos?

Todos los cheros que componen un esqueleto se deben situar dentro de una carpeta que puede tener uno de los siguientes nombres:

/dist incluye el esqueleto por defecto de SPIP. No debemos modicar ningn chero aqu. /squelettes carpeta que debemos crear y situar en ella los nuevos esqueletos /otro_nombre podemos elegir el nombre que queramos, pero en este caso debemos decirle
a SPIP el nombre de la carpeta que contiene el esqueleto, incluyendo la lnea dentro del chero /ecrire/mes_options.php. Si dicho chero an no existe, debemos crearlo. Se pueden denir varias carpetas separadas por (:). Ejemplo: $GLOBALS['dossier_squelettes'] = 'carpeta1:carpeta2'; En caso de que estemos probando varios juegos de esqueletos y tengamos esqueletos en /dist (el de SPIP, en /squelettes y en otras carpetas, debemos saber el orden en que SPIP busca los esqueletos. Cuando un visitante solicita por ejemplo el mapa del sitio (plan.html), SPIP sigue el siguiente orden para buscar ese chero plan.html 1. Carpetas denidas en la variable $GLOBALS['dossier_squelettes'] (en el orden en que estn puestas) 2. Carpeta /squelettes 3. Lista de esqueletos de la variable $plugins 4. la raz del sitio SPIP 5. Carpeta /dist 6. Carpeta /ecrire Salvo que seamos usuarios avanzados, slo nos interesan los pasos 1, 2 y 5. Como conclusin podemos obtener que primero mira en $GLOBALS['dossier_squelettes'], despus en /squelettes y si no encuentra, mira en el esqueleto por defecto /dist. Por tanto, si descargas varios esqueletos para probarlos, lo mejor es ponerlos en carpetas independientes (cada una con su nombre, podemos dejar el propio nombre que trae el esqueleto). Modicando la variable $GLOBALS['dossier_squelettes'] del /ecrire/mes_options podemos ir probando cada uno de ellos hasta dejar el que nos convenga ms (podemos borrar el resto de carpetas). Si decidimos modicar el esqueleto por defecto de SPIP, lo mejor es hacer una copia de /dist y llamarle /squelettes y trabajar sobre /squelettes. Sobre /dist no se debe trabajar. No debemos modicar nada de la carpeta /dist porque si posteriormente hacemos una actualizacin de SPIP, nos actualizar la carpeta /dist y perderamos los cambios realizados.

$GLOBALS['dossier_squelettes'] = 'carpeta';

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP


14.4

#188/200

Examinando el primer cdigo

Empezamos a mirar el cdigo de los cheros html de los esqueletos. Por si queremos hacer modicaciones, por ejemplo en nuestra instalacin en localhost de SPIP, antes de nada deberamos hacer una copia de la carpeta /dist y renombrar (la copia) como /squelettes. Trabajaremos sobre esta copia. Para ver y/o modicar el cdigo es recomendable usar un editor de textos que al menos ponga de colores las distintas etiquetas, por ejemplo gedit (en Linux), BlueFish (Linux), NVU (Linux, Mac, Windows), o cualquier otro. Uno de los cheros ms importantes es sommaire.html, encargado de controlar la portada del sitio. Si lo abrimos y le damos un vistazo:

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP

#189/200

Podemos observar: etiquetas HTML: <html>, <body>, <head>, .. Las clsicas etiquetas HTML etiquetas SPIP: SPIP

<BOUCLE>, <INCLURE>, .. Forman parte del lenguaje propio de

etiquetas de idioma SPIP: <:etiqueta:> Forman parte del lenguaje propio de SPIP y se mostrar la traduccin al idioma correspondiente (tiles para hacer webs multilinges) balizas SPIP: #CACHE, #LANG, #URL_ARTICLE, .. Forman parte del lenguaje propio de SPIP, se escriben en MAYSCULAS y empiezan con el carcter '#' Si nos jamos en las etiquetas SPIP, distinguiremos dos tipos: 1.

<INCLURE..
Su sintaxis es <INCLURE {fond=pagina}>y signica que debe incluir (en el lugar donde est la etiqueta) otra pgina.html del esqueleto. Observe que no se pone la extensin .html. Imaginemos que en todas las pginas de nuestra web queremos poner, en la cabecera arriba, el logo y el ttulo de nuestra pgina. En lugar de repetirlo en todas las pginas, creamos un chero aparte que slo contenga esa cabecera y lo incluimos con <INCLURE>en las pginas que queramos que aparezca. En los esqueletos por defecto de SPIP, hay un chero llamado inc-entete.html que contiene esas cabeceras (logo, ttulo y dems). Por ello es normal que se suela incluir en todas las pginas la etiqueta <INCLURE{fond=inc-entete}. Igual ocurre con el pi de pgina: incpied.html.

2.

<BOUCLE.. y <B_..
Estas etiquetas son los famosos bucles de SPIP y van acopladas de la forma:
<B_nombre> <BOUCLE_nombre(TIPO) ...> </BOUCLE_nombre(TIPO) ...> </B_nombre>

Observamos ahora las


#NOM_SITE_SPIP

BALIZAS y podemos comprobar que a veces van solas:

y otras veces llevan un ltro:


#DATE|affdate

Cuando estudiemos las balizas, veremos que #DATE signica pon la fecha y que el ltro |adate signica que la ponga en un determinado formato. Observe que ponemos una barra vertical entre el la baliza y el nombre del ltro:
#BALIZA|filtro

Otras veces veremos las balizas de esta forma:


[texto (#BALIZA) texto]

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP


14.5

#190/200

Bucles

Iniciamos el estudio, ya un poco ms de cerca de los bucles (BUCLES), una de las bases sobre las que se apoya el lenguaje propio de SPIP. Recordemos que todos los datos de nuestra web-spip se guardan en una Base de Datos y que no es necesario aprender PHP ni MySQL para explotar esta base de datos. Los BOUCLES son el resultado de consultas a la Base de Datos. Cuando en el cdigo aparece un bucle, le est diciendo a SPIP que haga una consulta a la base de datos y nos muestre un listado con el resultado (lista de artculos, lista de autores, de secciones, etc.)
14.5.1

Sintaxis simple de un bucle

Un bucle, en su expresin ms simple se muestra as:


<BOUCLEnombre(TIPO){criterio}> Texto o cdigo HTML + balizas SPIP </BOUCLEnombre>

nombre podemos poner el nombre que queramos. Se suele poner como primer carcter del nombre
el guin bajo (_). Ejemplo _articulos, _ultimos-articulos (procuraremos no poner tildes) ARTICLES artculos RUBRIQUES secciones BREVES noticias breves FORUMS mensajes de los foros AUTEURS autores MOTS palabras clave SITES sitios sindicados DOCUMENTS documentos adjuntos SIGNATURES rmas o peticiones HIERARCHIE jerarqua SYNDIC_ARTICLES artculos de los sitios sindicados

TIPO el tipo de bucle debe ser uno de los permitidos por SPIP:

{criterio} criterios de la consulta o listado. Pueden ser criterios de orden (por fecha, alfabtico,
etc.), de comparacin (ejemplo: articulos con fecha posterior a una dada), etc. Entre las etiquetas de inicio y n de bucle, se suelen poner algunas balizas de SPIP, normalmente relativas a las partes que queremos mostrar (y cmo mostrarlas) de cada elemento listado en el bucle. Cuando le pedimos, por ejemplo, un listado de los ltimos artculos, SPIP debe saber qu (y cmo) muestra de cada artculo: slo el ttulo, ttulo y contenido, etc. Recuerde que en un artculo hay muchos campos: antettulo, subttulo, ttulo, descripcin, autor, fecha, texto del artculo, etc. Veamos el primer ejemplo de bucle: Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP


<BOUCLE_articulos_recientes(ARTICLES) {par date}{inverse}{0,10}> <h3><a href="#URL_ARTICLE">#TITRE</a></h3> [(#DATE|affdate)][, <:par_auteur:> (#LESAUTEURS)] <br> </BOUCLE_articulos_recientes>

#191/200

Analizamos: Tenemos las etiquetas de inicio y n de bucle. En la de inicio van las caractersticas del bucle que son las siguientes: el nombre del bucle es _articulos_recientes (se puede elegir cualquier nombre, siempre que no lo dupliquemos, es decir, no se puede elegir el mismo nombre para dos bucles). el TIPO es (ARTICLES) (artculos). Es lo que queremos que liste (de la base de datos). En este caso le pedimos un listado de artculos. hemos puesto tres criterios (entre los muchos que existen para elegir):

{par date} (ordnalos por fecha) {inverse} (al revs, el ms nuevo primero) {0,10} (empieza en el 0 que es el primero y pon un total de 10, es decir, los 10 primeros)

Entre ambas etiquetas (de inicio y n) va el cdigo html y las balizas SPIP que queramos poner. Con ello le decimos lo que queremos mostrar de cada elemento del bucle (en este caso, lo que queremos mostrar de cada artculo). En el ejemplo tenemos las balizas:

#TITRE (ttulo del artculo) y #URL_ARTICLE (url del artculo) una baliza con ltro [#BALIZA|ltro], concretamente #DATE|adate que signica la
balizas normales: fecha de publicacin del artculo, formateada con el ltro adate (sale la fecha en texto: 19 de octubre de 2006, en lugar de 19/10/2006 si no llevase el ltro adate). una ltima baliza del tipo [texto anterior (#BALIZA) texto posterior] que es #LESAUTEURS (autor/a, autores/as del artculo) con un texto anterior , <:par_auteur:>en el que adems de los espacios en blanco y la coma (,) vemos la expresin <:par_auteur:>. Este tipo de expresiones <:cadena_de_texto:>son para internacionalizar los esqueletos y ser traducida por 'by' (ingls), 'par ' (francs), 'por ' (castellano), etc. Por tanto el resultado de ese bucle sera algo as: Ttulo del artculo 1 fecha, por autor Ttulo del artculo 2 fecha, por autor ... Ttulo del artculo 10 fecha, por autor Con el ejemplo anterior hemos visto la sintaxis ms simple de un bucle. Veamos ahora la sintaxis completa de un bucle

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP


14.5.2

#192/200

Sintaxis completa de un bucle

La sintaxis completa, entre otras cosas, prevee incluso los casos en los que no haya elementos que mostrar. Podramos pedir un listado de artculos del mes de Marzo de 2006 y resultar que no hay ningn artculo de esa fecha. Con la sintaxis completa podemos prepara un mensaje del tipo: "No hay artculos".

<Bnombre> cdigo html opcional anterior . Aparece antes de la lista. No se muestra si la lista no contiene elementos <BOUCLEnombre(TIPO){criterios|ltros}{mascriterios}> cdigo html + balizas spip </BOUCLEnombre> cdigo html opcional posterior . Aparece despus de la lista. No se muestra si la lista no contiene elementos </Bnombre> cdigo html alternativo . Es lo nico que se muestra cuando la lista no tiene elementos <//Bnombre>
Veamos un ejemplo:
<B_ultimas_breves> <h2> ltimas Breves </h2> <ul> <BOUCLE_ultimas_breves(BREVES) {par date}{inverse} {0,5}> <li>[(#DATE|affdate_court) ; ]<a href="#URL_BREVE">#TITRE</a></li> </BOUCLE_ultimas_breves> </ul> </B_ultimas_breves> <br>An no hay noticias breves <//B_ultimas_breves>

El cdigo anterior mostrara las ltimas 5 breves, generando el cdigo html siguiente:
<h2> ltimas Breves <ul> <li>fechacorta ; <a <li>fechacorta ; <a <li>fechacorta ; <a <li>fechacorta ; <a <li>fechacorta ; <a </ul> </h2> href="url_de_breve_1">Ttulo href="url_de_breve_2">Ttulo href="url_de_breve_3">Ttulo href="url_de_breve_4">Ttulo href="url_de_breve_5">Ttulo de de de de de breve breve breve breve breve 1</a></li> 2</a></li> 3</a></li> 4</a></li> 5</a></li>

Si no hubiese ninguna breve el cdigo que mostrara sera el siguiente:


<br> An no hay noticias breves

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP


14.6

#193/200

Balizas

Las Balizas son variables de spip que sern sustituidas por su valor. Estas variables, como su nombre indica, no siempre tienen el mismo valor. Por ejemplo la baliza #TITRE signica 'Ttulo del artculo ' cuando est situada dentro de un bucle de artculos(ARTICLES), sin embargo, tambin signica 'Ttulo de la seccin ' cuando est dentro de un bucle de secciones (RUBRIQUES).
14.6.1

Sintaxis simple

Las balizas siempre van precedidas del smbolo #. Su sintaxis simple es:
#BALIZA

A vece, una baliza puede representar un campo que no exista. Por ejemplo la baliza #SURTITRE en un bucle ARTICLES signica 'Antettulo ', pero puede que haya artculos que no tengan antettulo. Para estos casos se usa la siguiente sintaxis:
[ texto opcional anterior (#BALIZA) texto opcional posterior ]

Cuando la expresamos con la sintaxis anterior, en caso de no existir no muestra nada de lo que hay entre corchetes (ni la baliza, ni los textos opcionales)
14.6.2

Baliza como texto opcional de otra baliza

Existe la posibilidad de incluir en los textos opcionales (anterior y posterior) otras balizas:
[ texto (#BALIZA1) texto (#BALIZA2)]

En el ejemplo anterior, slo mostrar el resultado en caso de existir #BALIZA2


14.6.3

Balizas en bucles anidados


<BOUCLE_secciones(RUBRIQUES) {par date}> <BOUCLE_ultimo_articulo(ARTICLES) {par date}{inverse}{0,1}> #TITRE <br> <BOUCLE_ultimo_articulo> </BOUCLE_secciones>

Cuando un bucle est dentro de otro, decimos que estn anidados. Veamos el siguiente cdigo:

En el ejemplo anterior hay un bucle ARTICLES dentro de un bucle RUBRIQUES. Mostrar todas las secciones ordenadas por fecha y dentro de cada seccin listara el ltimo artculo de esa seccin. Tenemos una baliza #TITRE(ttulo) que signicara 'Ttulo del artculo ', por estar dentro del bucle ARTICLES. Pero y si quiero mostrar el ttulo de la seccin tambin? Entonces tendra que decirle a spip, de alguna manera, que el #TITRE se reere a la seccin; lo hara as: #_secciones:TITRE. Para obtener un resultado parecido a: ltimo Artculo de cada seccin: Ttulo del ltimo artculo (en la seccin: Ttulo de la seccin1) Ttulo del ltimo artculo (en la seccin: Ttulo de la seccin1) ... Ttulo del ltimo artculo (en la seccin: Ttulo de la seccin1) Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP

#194/200

tendra que poner un cdigo similar a:


<h2>ltimo Artculo de cada seccin:</h2 <BOUCLE_secciones(RUBRIQUES) {par date}> <BOUCLE_ultimo_articulo(ARTICLES) {par date}{inverse}{0,1}> #TITRE (en la seccin: #_secciones:TITRE)<br> <BOUCLE_ultimo_articulo> </BOUCLE_secciones>

14.6.4

Balizas con ltros

A las balizas se le pueden aplicar uno o varios ltros. Para ello debemos usar la sintaxis:
[texto anterior (#BALIZA|filtro1|filtro2| ... |filtron) texto posterior]

Los corchetes y parntesis son necesarios aunque no haya texto opcional anterior y posterior para que procese los ltros. Si escribimos #BALIZA|ltro, no procesar el ltro; para que lo haga tendramos que poner [(#BALIZA|ltro)]. Posteriormente se profundizar en el uso de ltros. Mientras tanto veamos algunos ejemplos:

#DATE|adate muestra la fecha en formato texto #DATE|adate_mois_annee muestra slo mes y ao #DESCRIPTIF|textebrut muestra la descripcin (resumen rpido) de un artculo en texto
bruto (texto sin formato).
14.6.5

Balizas con parmetros

Algunas balizas admiten parmetros. Los parmetros se le pasan entre llaves y separados por comas (si hay ms de uno).
#BALIZA{param1,param2, ... , paramN}

En el inicio de muchos de los cheros html de los esqueletos, es frecuente ver la baliza:
#CACHE{7200}

Recordemos que SPIP guarda en cach las pginas y no vuelve a generarlas hasta que se no se incluya alguna modicacin. Eso no es del todo cierto, puesto que, aunque no hayan sido modicadas, las vuelve a generar si la cach ha expirado. Mediante la baliza #CACHE{7200} le estamos dando un plazo de 7200 segundos (dos horas). Qu sentido tiene que vuelva a generar y actualizar una pgina de la que no hemos modicado nada? El motivo suele ser que en dicha pgina podemos tener sindicadas las noticias de otra web, entonces la refresca para que se actualicen dichas noticias. Evidentemente podemos modicar los 7200 segundos y poner los que nos plazca, aunque los nmeros por defecto que trae spip son perfectamente vlidos para la amplia mayora de las ocasiones.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP


14.7

#195/200

Criterios

Los criterios en SPIP son condiciones que se aplican a los bucles con objeto de ordenar, ltrar o limitar los resultados del bucle. Se expresan entre llaves de la forma: <BOUCLE_articulos(ARTICLES) {criterio}>

14.7.1

Orden de los resultados (criterios de clasicacin)

Son de la forma {par criterio} Ordena los resultados del bucle segn criterio Ejemplo: {par date} (ordena por fecha) Podemos elegir un criterio por cada campo de la Base de Datos, de la misma forma que hay una #BALIZA por cada campo de la Base de Datos.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP

#196/200

En la imagen vemos todos los campos de la tabla spip_articles, junto a las balizas a que da lugar cada campo. Para ms informacin sobre la Base de Datos de SPIP puede consultar en: Observe que usamos maysculas para las balizas y minsculas para los criterios. Por tanto, para un bucle ARTICLES podramos elegir cualquiera de los 29 criterios. Como ejemplo:
http://lubrin.org/mat/spip.php?article453

{par titre} ordena por ttulo {par date} ordena por fecha {par visites} ordena por nmero de visitas
14.7.2

Orden descendente

Podemos cambiar el orden normal (ascendente) por un orden descendente; para ello tenemos dos opciones:

{par criterio}{inverse} {!par criterio}


Ejemplo: <BOUCLE_articulos(ARTICLES) {par date}{inverse}> ordenara los artculos por fecha en orden descendente (los ms recientes primero) Es recomendable usar la segunda opcin. Veamos este caso: <BOUCLE_articulos(ARTICLES) {par date}{inverse}{par titre}> <BOUCLE_articulos(ARTICLES) {!par date}{par titre}> Ambas opciones producen el mismo efecto, pero el primer caso puede confundirnos: el {inverse } se aplica al criterio anterior, al siguiente o a todos? inverse se aplica al criterio inmediatamente anterior. Si empleamos el segundo caso, queda ms claro que lo que se invierte es la fecha
14.7.3

Varios criterios a un mismo bucle

Se puede emplear ms de un criterio usando una de las dos opciones: {par criterio1}{par criterio2} {par criterio1, criterio2} Ejemplo: <BOUCLE_articulos(ARTICLES) {par visistes, titre}> ordenara por nmero de visitas y entre los que tengan las mismas visitas los ordena por ttulo

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP


14.7.4

#197/200

Criterios especiales

{par hasard} ordena al azar Aunque siempre ponemos como ejemplo el bucle ARTICLES, los dems bucles (RUBRIQUES, MOTS, BREVES, AUTEURS, FORUM, etc.) tambin se pueden ordenar. Sin embargo los criterios son distintos. No podemos ordenar un bucle RUBRIQUES por las visitas {par visites} puesto que la base de datos spip_rubriques no tiene el campo 'visites'. No obstante algunos criterios coincidirn: por ejemplo los campos 'date' y 'titre'.
14.7.5

Criterios de comparacin

Un criterio bastante usado en los bucles es: <BOUCLE_articulos(ARTICLES){id_rubrique=12}> Mediante este criterio obtenemos slo los artculos de la seccin 12. La sintaxis general de estos criterios es: {criterio SIGNO constante}

SIGNO : =, <, >, <= , >= criterio : cualquier criterio de la base de datos constante : un valor constante que puede ser nmero, letra o palabra e incluso una #BALIZA
Ejemplos (relativos a un bucle ARTICLES): 1. {titre=Matemticas} 2. {id_secteur=3} 3. {id_rubrique>=23} 4. {titre<=d} 5. {id_rubrique=#GET(m)} Los ejemplos con constantes numricas (2 y 3) son fciles de entender: 2) slo artculos del sector1 3 3) slo artculos de las secciones 23, 24, 25, ... Para los ejemplos donde la constante es texto debemos tener en cuenta que SPIP (al menos la versin 1.9.x) no distingue entre maysculas y minsculas en las constantes que ponemos a la derecha del signo. Por tanto los criterios:

{titre=Matemticas} {titre=MATemticas} {titre=matemticas}


seran iguales. Sin embargo el criterio {titre=matematicas} ya sera distinto (observa que no lleva tilde). 1) Todos los artculos cuyo ttulo sea 'matemtica' (con maysculas o minsculas pero con su tilde) 4) Con {titre<=d} obtendremos todos los ttulos que empiecen por una letra anterior a la 'd', es decir, el ttulo puede empezar por a(A), b(B) , c(C). OJO: tambin se incluiran ttulos que
otra
1 un

sector es una seccin principal, que sale directamente de la raz y por tanto no es subseccin de ninguna

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP

#198/200

empiecen por un nmero. Incluira tambin los que empiecen por d? NO. Sin embargo pone <=, debera incluir tambin el =. Lo que ocurre es que cualquier palabra o frase que empiece por d (ejemplo: "dar") es alfabticamente posterior a "d" (si el ttulo de un artculo fuese slo "d" o "D" si que estara incluido) 5) en este ejemplo, en lugar de una constante tenemos una baliza, en realidad tenemos 'el valor de una baliza' (que es por tanto una constante).
14.7.6

Criterios usando expresiones regulares

Las expresiones regulares son una especie de comodines que pueden representar a un conjunto de palabras o cadenas de caracteres (ejemplo: la expresin regular ^[A] signica cualquier cadena de caracteres que empiece por la letra A). Son muy usadas en algunos lenguajes de programacin y sobre todo en sistemas UNIX/Linux. Una expresin regular es un recurso muy potente aunque de cierta complejidad. Como su estudio est fuera del alcance de este manual, tan slo veremos algunos ejemplos. Para usarlas con los criterios de spip se sigue esta sintaxis:

{criterio==expresion_regular}

Ntese que usamos doble signo == (el doble signo igual le indica a spip que lo que viene a continuacin es una expresin regular) Tambin se aplica aqu el caso especial de spip (no hay diferencia entre maysculas y minsculas) Ejemplos: 1. {titre==mate} El ttulo contiene la palabra 'mate'. Valdra ttulos como:

a ) La enseanza de las Matemticas b ) LA materia celeste c ) El MATERIAL de obra


Observe que es diferente al criterio {titre=mate} donde slo admitira ttulos formados exclusivamente por la palabra 'mate' 2. {titre==^[abc]} El ttulo empieza por a(A), por b(B) o por c(C) 3. {titre==^[a-f]} El ttulo empieza por cualquier letra entre a(A) y f(F) 4. {titre==ar$} El ttulo termina por ar 5. {id_rubrique==(2|3|4|9)} La seccin puede ser la 2, la 3, la 4 o la 9
14.7.7

negacin!
!= !==

Para expresar "desigual" o "no es igual" se emplea el carcter ! para criterios de comparacin sera Ejemplos: <BOUCLE_articulos(ARTICLES){id_rubrique!=8}> artculos de cualquier seccin excepto la 8 Daniel Lpez Avellaneda [http://lubrin.org] http://aula.cepindalo.es para criterios de expresiones regulares sera

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP

#199/200

<BOUCLE_articulos(ARTICLES){titre!==guerra}> artculos cuyo ttulo no contenga la palabra guerra


14.7.8

criterios de entorno

Es muy frecuente ver bucles con expresiones del tipo: <BOUCLE_articulos(ARTICLES) {id_rubrique}> Vemos que hay un criterio id_rubrique, pero no vemos ni el signo ni la constante a la derecha del signo. En estos casos el signo (aunque no est visible es el signo igual =). Pero igual a qu? Falta la constante y entonces se dice que la toma del entorno y lo puede hacer de dos formas distintas: toma el valor de la url si la pgina es http://miservidor.es/spip.php?rubrique4, tomara como valor {id_rubrique=4} toma el valor de los elementos del bucle en el que se encuentra. Veamos un ejemplo: <BOUCLE_secciones(RUBRIQUES){id_rubrique<4}> <BOUCLE_articulos(ARTICLES){id_rubrique}{!par date} #TITRE <br /> </BOUCLE_articulos> </BOUCLE_secciones> En el ejemplo anterior vemos dos bucles anidados (uno dentro de otro). Hay un bucle de secciones y dentro de l otro bucle de artculos. Hay que entenderlos desde fuera hacia dentro. Primero hay un bucle de secciones cuya identidad sea menor que 4, es decir listar 3 secciones: seccin 1, seccin 2 y seccin 3 Dentro de cada seccin tiene que listar (por el bucle artculos) todos los artculos que cumplan el criterio {id_rubrique} (cuando est en la seccin 1 ser {id_rubrique=1}, cuando est en la dos ser {id_rubrique=2}, pues va tomando la id_rubrique del entorno). Resulta ms difcil explicarlo que entenderlo y la mejor manera de entenderlo es, como siempre, practicndolo y comprobndolo.

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

CAPTULO 14. EL LENGUAJE PROPIO DE SPIP


14.8

#200/200

Filtros

En el apartado 14.6.4 vimos que a las balizas se le pueden aplicar uno o varios ltros con objeto de modicar su salida. Para ello usamos la sintaxis:
[texto anterior (#BALIZA|filtro1|filtro2| ... |filtron) texto posterior]

Los corchetes y parntesis son necesarios aunque no haya texto opcional anterior y posterior para que procese los ltros, que sern procesados en orden: ltro1, ltro2, .. , ltron. Puede obtener ms informacin sobre los ltros de SPIP en el Manual Ocial:
http://www.spip.net/es_article149.html

A modo de ejemplo, veamos algunos ltros de fechas:


14.8.1

Filtros de fechas

Cuando queremos poner una fecha (la fecha de publicacin de un artculo, por ejemplo) usamos la baliza #DATE. Sin embargo a esta baliza se le suelen aplicar algunos ltros, por ejemplo: #DATE|adate.

adate: devuelve la fecha en el formato: 23 de Marzo de 2007 adate_jourcourt: devuelve la fecha en el formato: 23 de Marzo (si fuese una fecha de un
ao anterior al actual, tambin pondra el ao. Ejemplo: 23 de Marzo de 2006 anterior al actual, no pondra da, slo mes y ao. Ejemplo: Marzo de 2006

adate_court: devuelve la fecha en el formato: 23 de Marzo (si fuese una fecha de un ao adate_mois_annee: devuelve slo mes (1 a 12) y ao. Adems de mes (mois) y ao (annee) se pueden usar otros trminos como: jour (da), minutes (minutos), secondes (segundos), mon_jour (da de la semana: Lunes, Martes, etc.), mon_mois (mes en letra: Enero, Febrero, ..)

Daniel Lpez Avellaneda [http://lubrin.org]

http://aula.cepindalo.es

You might also like