Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Modulos1 3 PDF
Modulos1 3 PDF
:
La web en entornos educativos
Capítulos 1 a 3
Índice de contenido
1. ¿Por qué Joomla!?....................................................................................................1
1.1. ¿Qué es Joomla!?..............................................................................................1
1.2. Estructura de un CMS........................................................................................2
1.2.1. Front-end y Back-end.................................................................................2
1.2.2. Configuración..............................................................................................2
1.2.3. Derechos de acceso...................................................................................2
1.2.4. Contenido....................................................................................................3
1.2.5. Plantillas......................................................................................................3
1.2.6. Extensiones................................................................................................3
1.2.7. Rutina de trabajo.........................................................................................3
1.3. Versiones de Joomla!.........................................................................................3
1.4. Características de Joomla!.................................................................................4
1.5. Licencia de Joomla!...........................................................................................6
1.5.1. La comunidad Joomla!................................................................................8
1.6. Joomla! en entornos educativos........................................................................9
2. Instalación de Joomla! en un servidor web local.....................................................11
2.1. Requisitos de instalación..................................................................................11
2.2. Windows: utilización de un servidor web portable, con Joomla! Instalado......12
2.3. Windows: uso de WAMP para instalar un servidor local.................................15
2.3.1. Gestión de Wamp.....................................................................................20
2.3.2. Iniciar Wamp.............................................................................................22
2.4. Instalación de un servidor web local en GNU/Linux: LAMP............................23
2.5. Instalación de un servidor web local en Mac OS X: MAMP............................27
2.5.1. MAMP. Gestión.........................................................................................29
2.6. PhpMyAdmin. Creación de la base de datos y el usuario MySQL..................33
2.6.1. Windows...................................................................................................33
2.6.2. Ubuntu.......................................................................................................36
2.7. Instalación de Joomla!.....................................................................................39
3. Instalación de Joomla! en un servidor web remoto.................................................48
3.1. Requisitos de instalación.................................................................................48
3.2. Alojamiento web gratuito..................................................................................48
3.3. Conseguir el hosting gratuito...........................................................................49
3.4. Instalación de Joomla!.....................................................................................53
3.4.1. Instalación automatizada de Joomla!.......................................................53
3.4.2. Instalación “manual”.................................................................................56
3.4.3. Instalar Joomla!.........................................................................................62
1 Joomla es una trascripción fonética al inglés (“jumla”) de un término en “swahili”, cuya traducción
es “todos juntos” o “como un todo”.
2 Este apartado es copia prácticamente literal del texto original de Gonzalo Reynoso, propietario del
espacio http://www.joomlaos.net y se publica en este capítulo con autorización expresa del autor.
El funcionamiento de Joomla! se lleva a cabo gracias a sus dos principales
elementos:
1. La base de datos MySQL: es donde se guarda toda la información y la mayor
parte de la configuración del sistema, de una forma ordenada y en distintas
tablas, cada una de las cuales almacena información específica y
determinada.
2. Los scripts PHP: son los que ejecutan las acciones de consulta y realizan
modificaciones en la base de datos convirtiendo los datos en simples páginas
web interpretables por los navegadores de Internet y perfectamente
inteligibles para los usuarios y administradores.
Existen también otro tipo de archivos que realizan importantes tareas dentro de Joomla!
(archivos XML, scripts Javascript, CSS, Ajax, etc), pero el motor fundamental de
todo CMS (y de Joomla! en particular) lo constituyen los dos enunciados
anteriormente.
1.2.2. Configuración
Las decisiones de configuración que se aplican al sitio web son especificados en
“Configuration settings”. Esto incluye el título del sitio web, las palabras para los
motores de búsqueda, opciones que permiten o prohíben darse de alta como usuario
en el sitio web y muchas otras funciones.
1.2.4. Contenido
Joomla! permite cualquier tipo de contenido. Texto simple, imágenes, vínculos,
música y archivos multimedia en general o una combinación de todos ellos. Para
mantener una buena presentación de los contenidos, son incluidos en estructuras
jerarquizadas, siendo clasificados según secciones y categorías, que a su vez,
deben ser administrados.
1.2.5. Plantillas
Una plantilla define los colores, las fuentes y su tamaño, imágenes de fondo,
espaciado y distribución de la página, es decir, todo lo que tiene que ver con la
apariencia del sitio web.
1.2.6. Extensiones
Todo sistema debe poder ser ampliable para poder crecer en función de los
requerimientos que aparezcan. Las funcionalidades que pertenecen a determinado
contexto son cubiertas por lo que conocemos como componente. Por ejemplo,
componentes típicos son una tienda online, un gestor de usuarios, un gestor de
listas de correo, un foro, una galería de imágenes, un gestor de descargas,...
Los módulos que se necesitan integrar con los componentes son utilizados para
insertar contenidos en la parte deseada dentro de la plantilla. Son ejemplos de
módulos el que permite ver los usuarios conectados en el momento, el que permite
ver las estadísticas del sitio, el que muestra los artículos de contenido más recientes,
etc.
Son consideradas extensiones también las plantillas, los paquetes de idiomas, y
también los llamados plugins, cuya funcionalidad principal, pero no la única, es
interceptar los contenidos y realizar alguna modificación en ellos antes de ser
mostrados en el navegador.
3 Los propietarios del CMS Mambo Open Source decidieron cambiar la filosofía de trabajo que
existía en la comunidad de desarrolladores. Algunos desarrolladores decidieron, en ese momento,
desligarse del proyecto Mambo y empezar lo que ahora conocemos como Joomla! La versión 1.0
de Joomla! es una versión revisada de Mambo 4.5.2.3
información propia del equipo de desarrollo. Las versiones beta están
disponibles para ser probadas al menos durante periodos de tres
semanas para que los desarrolladores de extensiones puedan realizar
los cambios oportunos para poder adaptarlos a la nueva versión de Joomla!
• Versión de mantenimiento (Maintenance release)
Versión que puede ser usada inmediatamente.
• Roadmap
Se entiende por Roadmap la propuesta de trabajo en el tiempo que ha
realizado una comunidad de desarrolladores, en nuestro caso de Joomla!
Sirve para conocer cómo es la evolución prevista, qué prestaciones ofrecen
las versiones que va apareciendo, y lo que llegará en el futuro.
4 Este apartado es copia prácticamente literal del texto original de Gonzalo Reynoso, propietario del
espacio http://www.joomlaos.net y se publica en este capítulo con autorización expresa del autor.
5 WYSIWYG son las siglas de What You See Is What You Get. Estos editores permiten estar viendo
en todo momento el texto que se escribe tal y como es mostrado una vez impreso
· Diseño y aspecto estético del sitio: es posible cambiar todo el aspecto del
sitio web tan solo con un par de clics, gracias al sistema gestor de
plantillas (templates) que utiliza Joomla!
· Navegación y menús: la administración de los menús permite tomar decisiones
rápidas y sencillas sobre la navegación que queremos en nuestro sitio web.
· Administrador de archivos multimedia: Joomla! posee una utilidad para subir
imágenes, videos, archivos de sonido, al servidor para ser usados en todo
el sitio.
· Disposición de módulos modificable: en un sitio creado con Joomla!, la
posición de módulos puede acomodarse como se prefiera.
· Encuestas: Joomla! posee un sistema de votaciones y encuestas dinámicas con
resultados en barras porcentuales.
· Feed de Noticias: Joomla! trae incorporado un sistema de sindicación de
noticias por RSS de generación automática.
· Publicidad: es posible hacer publicidad en el sitio usando el Administrador de
Banners.
· Estadísticas de visitas: con información de navegador, sistema operativo y
detalles de los documentos (páginas) más vistos.
Características de publicación de páginas web en Joomla!:
· Automatización en la publicación: las páginas y documentos de Joomla!
pueden programarse con fecha de publicación y fecha de caducidad. Es
decir, un documento puede programarse para que se publique auto
máticamente al llegar una determinada fecha, y luego despublicarse
también de forma automática en otra fecha.
· Archivo e historial: las páginas viejas o publicaciones que hayan perdido
vigencia pueden enviarse a un "archivo" de almacenamiento, sin necesidad
de tener que borrarlas. Esto permite también dar la posibilidad a los navegantes
de consultar artículos viejos o documentos anteriores en un historial.
· Formatos de lectura: cada documento es generado automáticamente por
Joomla! en formato PDF, en versión imprimible, y en XML.
· Envío por correo electrónico: los usuarios del sitio Joomla! podrán
enviar
automáticamente a un amigo por correo electrónico cada documento
publicado.
· Valoración de contenidos: los visitantes del sitio podrán votar la calidad de lo
publicado.
· Comentarios: (opcional) los usuarios podrán comentar sus opiniones o
expresar sus inquietudes en la misma página de contenidos.
1.5. Licencia de Joomla! 6
El software Joomla! CMS es de uso gratuito, y de libre distribución (Open Source), bajo
licencia pública general (GNU/GLP). En este enlace se puede leer una traducción
no oficial al español de la licencia GNU de software libre.
http://gugs.sindominio.net/licencias/gples.html
Es bueno que sepas que eres el propietario de tu sitio Joomla! pero no eres
propietario del sistema Joomla! que utilizas para el mismo (en el sentido en que
no podrías venderlo como si fuese tuyo). Esto quiere decir que hay ciertas leyes de
Copyright que hay que respetar. Ten en cuenta que el dinero que alguien paga por la
construcción de un sitio utilizando Joomla! no es por concepto de la compra del
software (porque éste es gratuito), sino que el cliente paga por los servicios que se
derivan de Joomla!: de instalación, configuración, diseño, y puesta en marcha del
sitio, además del respectivo soporte.
De todas formas, jamás nadie podrá cobrar por la utilización de Joomla! o impedir que
alguien utilice este sistema si no se violan los términos de la licencia GNU/GLP.
Además, es necesario que sepas que el Copyright sobre los contenidos de cada sitio le
pertenece al propietario del mismo. Una cosa es el copyright de Joomla! y otra muy
distinta es el Copyright de los contenidos de un determinado sitio. En términos
legales...
Sí se puede:
· Quitar el crédito en el pie de página que tiene la leyenda: "powered by
Joomla!... "
· Usar el software para cualquier propósito.
· Estudiar cómo trabaja el sistema y adaptarlo a las propias necesidades, sin la
obligación de publicar o redistribuir esas modificaciones.
· Redistribuirlo, es decir distribuir copias del sistema para que más personas
puedan acceder a él.
· Cobrar por redistribuir el software o por prestar servicios relacionados con el
mismo.
·Hacer mejoras al programa, y redistribuirlo bajo los mismos términos GNU/GLP,
pudiendo agregar el propio Copyright, al original de Joomla!, y anotando los
cambios de código, enmiendas y agregaciones al código fuente original.
No se puede:
· Quitar las declaraciones de Copyright y créditos del código fuente de
Joomla!
· Cobrar por el software Joomla! en sí mismo (no confundir con cobrar por
redistribución o por servicios relacionados con el software)
· Modificar o ampliar el código fuente de Joomla! con el objeto de revender o
cobrar por el software.
· Alterar el código fuente de Joomla! con el objeto de darle a este otra
denominación o librarse de la licencia GNU/GLP, para propósitos de venta.
6 Este apartado es copia prácticamente literal del texto original de Gonzalo Reynoso, propietario del
espacio http://www.joomlaos.net y se publica en este capítulo con autorización expresa del autor.
· Alterar o eliminar la licencia GNU/GLP de distribución de Joomla!
· Pretender que Joomla! sea tuyo, para hacer de él lo que quieras.
En resumen:
La filosofía Open Source se basa en la cooperación de desarrollo y la iniciativa de
compartir software libremente sin que los usuarios tengan que pagar licencias ni
derechos por el uso del mismo. Obviamente hay una clara realidad: en este mundo
de "tiempos escasos" nadie regala nada por altruismo puro. Los mismos
desarrolladores de Joomla!, por ejemplo, realizan soporte y desarrollos basados en
Joomla! de forma comercial a negocios o empresas privadas que solicitan sus
servicios. Por ello decimos que las herramientas de código abierto son gratuitas,
pero el tiempo de los desarrolladores no lo es. Y el tiempo significa dinero.
Cualquier persona puede crear sitios con Joomla! y cobrar por sus servicios y
aquel que no tenga tiempo o ganas de hacerlo, tendrá que pagar por ello, de la
misma manera que una persona que no tenga o disponga del dinero para pagar un
desarrollo web tendrá que disponer de tiempo, trabajo, esfuerzo e investigación para
lograr sus propósitos.
A grandes rasgos, y aunque la pretensión del proyecto Joomla! es potenciar que
Joomla! y las extensiones creadas por otros desarrolladores sean Open Source, es
éste un camino largo por recorrer, con una filosofía definida sobre la
propiedad del software. Son muchas las matizaciones que se pueden hacer en un
terreno de definiciones tan complejo, y para ello es conveniente revisar la
información que al respecto dispone el sitio web oficial del proyecto Joomla!
7 http://es.wikipedia.org/wiki/Aplicaci%C3%B3n_port%C3%A1til
1 2
En la parte central (1) tenemos los iconos para acceder a Joomla! (el de la izquierda
a la portada -al sitio web de Joomla!- y el de la derecha a la zona de administración).
En la zona de la derecha (2) se nos informa que parece acceder como
administradores a Joomla! Hay que utilizar como nombre de usuario y contraseña la
palabra admin.
8. Hagamos clic sobre el icono que nos lleva a la zona de
administración de Joomla!
9. Introduzcamos nombre de usuario y contraseña (recuerde que es
la palabra admin en ambos casos).
11. Podemos comprobar que está por defecto el francés. Si quiere cambiar de
idioma en el sitio Web marque el botón radial (el circulo pequeño que aparece
a su izquierda) del idioma que prefiera y haga clic en el botón Default
12. Lo mismo puede hacer con la zona de administración. Para ello haga clic en
la pestaña Installées(s) – Administration (ver figura anterior) y proceda de
forma similar.
Nota: los textos que en el sitio web aparecen en francés no se modifican con estos
cambios (porque son ejemplos de artículos o nombres de menús que no forman
parte de la instalación del programa). Como se verá más adelante (en el capítulo 4),
se pueden añadir más idiomas (el español desde
http://www.joomlaspanish.org/noticias/200-versiones-del-pack-joomlaspanish-y-
joomla/438-joomla-254-spanish.html)
Nos resume las decisiones y decidimos que empiece la instalación, haciendo clic en
Install.
Podemos dejar por defecto este servidor SMTP, el que utilizará PHP para enviar
mensajes de correo. WampServer no incluye la instalación de un servidor de correo, en
caso de que dispusiéramos de uno instalado introducimos una cuenta de correo que
utilizará PHP para enviar mensajes. En este caso una ficticia.
o ninguno,
8 http://es.wikipedia.org/wiki/LAMP
Durante este proceso el sistema nos pide una contraseña para el usuario “root”
de mysql-server-5.5 o, lo que es lo mismo, del único usuario que existe por
defecto con posibilidades de acceso y gestión de las bases de datos MySQL, y
que será el que utilicemos para acceder en primera instancia a la administración
de estas bases de datos con phpMyAdmin. Obviamente, debe recordar con
posterioridad la contraseña introducida.
9. Se nos pregunta qué servidor web será reconfigurado para poder utilizar
phpMyAdmin. Elegimos apache2.
10. Una vez instalados los programas cerramos la ventana Centro de software de
Ubuntu, arrancamos nuestro navegador y comprobamos que tenemos el
servidor funcionando. Para ello escribimos la URL http://localhost y el sistema
indica que Apache funciona correctamente.
9 http://es.wikipedia.org/wiki/MAMP
4.
7. Nos aparece en el Dock la presencia de un icono que indica que MAMP está activo.
Esta sería la página de inicio que visualizaríamos en el navegador por defecto al iniciar
los servicios de MAMP.
En este caso, podemos modificar el puerto que utiliza apache por defecto, el
“8888”, y cambiarlo por el puerto “80”. Así evitamos tener que detallar en la URL
local que escribamos en el navegador que la comunicación se realiza a través
del puerto “8888”.
• Apache, para decidir en qué carpeta se ubica el directorio raíz que almacena los
archivos que sirve Apache.
2.6.1. Windows
Ya sabemos cómo entrar en la ventana de gestión de phpMyadmin. Observamos
detenidamente la imagen de bienvenida a phpMyAdmin.
Conviene tener claro que el usuario creado tiene todos los privilegios sobre la
gestión de las bases de datos, y que puede ser una mala gestión de la seguridad del
sitio. Lo habitual es que el usuario tenga determinados permisos sobre alguna base
de datos, y que el acceso a la gestión de las bases de datos esté más controlada por
otros usuarios administradores.
Además, lo más probable es que el usuario “root”, el administrador que por defecto
se crea al instalar PhpMyAdmin, no tenga contraseña, por lo que sería conveniente
asignarle una si esta instalación está disponible en una red.
2.6.2. Ubuntu
Después de introducir como nombre de usuario “root” y como contraseña la que
elegimos cuando se instaló phpMyAdmin
Una vez creada nos aparece en la parte inferior. Hacemos clic en “Comprobar los
privilegios” en esta base de datos.
Con lo cual nos aparece la siguiente ventana, en la que hacemos clic en “Agregar un
nuevo usuario”.
Escribimos el nombre de nuestro usuario (en nuestro caso hemos elegido “usuario”),
el nombre del servidor (localhost) y una contraseña (que debemos recordar).
1. Cree una carpeta de nombre “joomla” en la carpeta que utiliza Apache para
servir archivos. Esta carpeta está localizada:
• En Windows: c:\wamp\www
• En Ubuntu: /var/www (ver indicaciones más adelante)
• En Mac OS: Aplicaciones/MAMP/htdocs
Finalizada la creación de esta carpeta deberemos tener:
• En Windows: c:\wamp\www\joomla
• En Ubuntu: /var/www/joomla
• En Mac OS: Aplicaciones/MAMP/htdocs/joomla
Paso 3: Licencia
Nos encontramos con la pantalla que nos muestra la licencia GNU/GPL bajo la que
se distribuye Joomla! La leemos y pasamos a la siguiente pantalla.
Realizado este paso, y con todos los datos correctos introducidos, pasamos a la
siguiente pantalla.
Paso 6: Configuración
En esta pantalla decidimos “Nombre del sitio” y los datos con los que se crea el
primer usuario en Joomla!: “correo electrónico del administrador”, y “contraseña del
administrador”. El primer usuario que se crea en Joomla! es éste, y se necesita esta
contraseña. El nombre de usuario es “admin”. Introduce como nombre del sitio tu
nombre y apellidos.
Haga clic en el botón “Instalar datos de ejemplo” ya que los utilizaremos para
conocer Joomla! Cuando haga clic en el botón cambia de aspecto para confirmar
que se ha realizado esta operación.
2. Si pulsamos en el vínculo “Click here to sign up for free hosting” el sistema nos
muestra una página en la que debemos completar los campos de un formulario con
los datos de registro que nos solicitan. En las siguientes imágenes aparece
información “ficticia”, por lo que los datos que introduzca deben ser personales
suyos.
Los datos que se solicitan son sencillos de comprender, pero en estos momentos
debemos tener claro que los que se designa como Username, será parte de la URL
que se nos asignará para albergar nuestra instalación de Joomla!, y será de la
forma:
http://username.byethost10.com o http://www.username.byethost10.com
3. Completada la información solicita, activamos el botón “Register” para continuar
con el proceso de petición.
4. El proceso de registro nos indica que se ha enviado la activación de la cuenta del
espacio gratuito a la dirección de correo con la que nos registramos.
An activation email has now been sent to jsanchezrodri@gmail.com , please click the
activation link in the email to activate this account
6. El vínculo del mensaje de correo nos lleva de nuevo a una pantalla con un botón
para que pulsemos sobre él. Lo hacemos y aparecerá ya por fin toda la información
sobre la cuenta de hosting gratuito conseguida. Esta información nos dice cómo
entrar al panel de control del hosting, servidor y usuario FTP, servidor y usuario
MySQL y el nombre del dominio. Sobra decir que es imprescindible conservar esta
información (guarde la página o copie y pegue el contenido en un procesador de
textos y guarde el archivo).
Nota: Se nos informa en la parte superior que la cuenta estará activa pasados unos
minutos
Una vez dentro de panel de control observamos que se nos ofrece la utilización de
instaladores. Haga clic en “Script Installer” para ver los que podemos utilizar.
La última pantalla nos indica (¡en pocos segundos!) que la instalación de Joomla! Ha
concluído.
El sistema nos muestra la información que necesitamos: las URL de acceso al Front-
end (para acceder al Back-end tendríamos que añadir /administrator a la URL), el
usuario (admin) administrador creado en la instalación y el nombre de la base de
datos creada automáticamente.
Por poner alguna “pega”: la instalación es en inglés, aunque podemos entrar en la
zona de administración y añadir el paquete de idioma que queramos, en concreto el
español lo podemos descargar desde http://www.joomlaspanish.org/noticias/200-
versiones-del-pack-joomlaspanish-y-joomla/438-joomla-254-spanish.html (la
instalación de estos paquetes se detalla en el capítulo 4; la reseñamos muy
brevemente aquí).
Una vez descarguemos el archivo zip con la traducción del idioma de la zona de
“Administrador y Front juntos”
Una vez dentro de ella crearemos un nuevo directorio para la instalación de Joomla!.
Hacemos clic en el botón “Nuevo directorio”.
Una vez instalado, lo ejecutamos y para poder acceder al espacio de nuestro hosting
gratuito necesitamos detallar la conexión: Servidor, Nombre de usuario, Contraseña
y Puerto (podemos poner 21 o dejarlo vacío).
Podemos subir los archivos a esta carpeta o podemos crear previamente una
subcarpeta dentro de htdocs (por ejemplo denominada joomla). Para ello se hace
clic con el botón derecho sobre la zona de la derecha (la del servidor); en el menú
emergente se elige “Crear directorio”.
Una vez creada accedemos a ella haciendo doble clic sobre la misma.
Sólo queda esperar a que todas las carpetas y archivos estén en el servidor.
Nota: La subida mediante el “Administrador FTP” puede llevarnos varios minutos;
utilizar un “cliente FTP” varias horas (dependiendo de nuestra conexión llevará más
o menos tiempo).
7. Y por fin, para finalizar, el sistema indica que debemos borrar la carpeta de
instalación de nuestro servidor. Para ello hacemos clic en el botón “Eliminar la
carpeta de instalación (installation)”.
Una vez eliminada esta carpeta ya podemos acceder a la portada de nuestro sitio
web, a través de una URL del tipo:
http://www.usuario.byethost7.com
O la administración de Joomla! a través de una URL de este tipo:
http://www.usuario.byethost7.com/administrator