NDICE

1. Introduccin
2. El entorno local y el entorno remoto
3. Configuracin del servidor
4. Seleccin de un servidor compatible
5. Requisitos e Instalacin de Joomla! 2.5 Y 3.0
6. Configuracin global

PGINA 1

1. INTRODUCCIN

QU ES UN CMS?

Un gestor de contenidos o sistema

de gestin de contenidos CMS
(Content Management System) es
una aplicacin que nos facilita la
edicin y publicacin de contenidos
en la web directamente desde el
servidor. Los sitios web estn
formados, entre otros ficheros, por
un conjunto de pginas escritas en
lenguaje HTML. Si queremos publicar un contenido en la web debemos
escribir este codificndolo en el lenguaje HTML; para ello debemos aprender
dicho lenguaje o usar un programa que nos facilite la codificacin. Adems,
una vez terminada la pgina web, es necesario usar una aplicacin FTP que
nos permita "subirla" al servidor donde ser alojada (Hosting). Un CMS nos
permite editar y publicar contenidos sin pasar por este engorroso proceso y
prcticamente sin necesidad de saber nada del lenguaje HTML. Esta es slo
una de la multitud de herramientas que un CMS nos proporciona.
Imagine que en su empresa u organizacin es necesario publicar una gran
cantidad de contenidos en diferentes secciones. Es necesario reunir y
coordinar al equipo para la correcta realizacin de esta tarea. Entre los
asuntos a discutir es necesario determinar cmo se van a enlazar las pginas
y verificar que los enlaces funcionen correctamente. Si no se tuviera en
consideracin este asunto, por ejemplo, y el equipo que se dedica a escribir
los contenidos de la Seccin A se olvida de incluir los enlaces a las pginas de
la seccin B, nadie podra visitarlas. Los CMS nos permiten, adems,
coordinar y organizar la informacin para que los miembros de la empresa u
organizacin puedan publicar contenidos sin preocuparse de este problema.

PGINA 2

QU ES JOOMLA?

Joomla! es un sistema de gestin de contenidos

(CMS), es decir, es un software que nos permitir
crear y administrar pginas web. Este software
utiliza el lenguaje de programacin PHP y HTML; y
el motor de base de datos MySql (PhpMyAdmin),
se instala en un servidor web y se accede a l a
travs de un navegador. Es de cdigo abierto y
cualquiera puede descargarlo y utilizarlo libremente.
Qu podemos hacer con Joomla!?
Con Joomla! podremos crear sitios web corporativos, intranets y extranet,
tiendas virtuales, revistas digitales y cualquier otra cosa que se nos pase por
la cabeza. A continuacin podemos ver ejemplos de diversos sitios web:

Figura 1.1: Web de la universidad de Harvard

PGINA 3

Figura 1.2: Revista digital dedicada a la fotografa

Figura 1.3: Pgina dedicada a diseo de interiores y muebles

PGINA 4

2.

EL ENTORNO LOCAL Y EL ENTORNO

REMOTO

SERVIDOR LOCAL:
Un Servidor Local es aquel Servidor Web que reside en una red local al
equipo de referencia. El Servidor web Local puede estar instalado en
cualquiera de los equipos que forman parte de una red local. Es por tanto
obvio, que todos los Servidores Web, son locales a la red local en la que se
encuentran, o como mnimo, locales al sistema en el que estn instalados.
Cuando un servidor Web se encuentra 127.0.0.1 en Ipv4 y ::1 en Ipv6. El
puerto TCP 80 se obvia. Los archivos se almacenan en un directorio
determinado por la configuracin, generalmente modificable.
Sin embargo, la configuracin e instalacin de cada uno de los componentes
necesarios para hacer funcionar una aplicacin web en todas sus capas
(servidor web, servidor de bases de datos, lenguaje de programacin, etc...)
suele ser costoso, tanto en tiempo como en complejidad, para usuarios no
familiarizados.
Existen packs de software llamados stacks que contienen todo lo necesario
para hacer funcionar una aplicacin web. Tradicionalmente, se suelen
denominar WAMP (Windows + Apache + MySQL + PHP) o LAMP (Linux +
Apache + MySQL + PHP), por ejemplo, e incorporan un panel para administrar
o acceder a las operaciones ms comunes (iniciar o apagar servicios,
configuracin,
administracin,
gestin
de
logs,
etc...).
Veamos una lista de 6 servidores web locales ms usados ideales para
desarrollo o administracin.
1. XAMPP
Quizs uno de los ms conocidos es XAMPP. Incorpora un servidor Apache,
un sistema gestor de bases de datos MySQL y lenguajes como PHP y Perl.
Adems, ofrece soporte para gestionar cuentas FTP, acceso a bases de datos
mediante PHPMyAdmin, bases de datos SQLite y varias otras caractersticas.
Tambin incluye un servidor de correos Mercury para el envo de emails, un
ervidor Tomcat para servlets JSP, y un servidor FTP FileZilla.

PGINA 5

Es multiplataforma, por lo que funciona en sistemas Windows, Linux, Mac e

incluso hasta Solaris. Tambin es portable, por lo que no necesita instalacin.
2. WAMPServer
Otro de los stacks WAMP ms conocidos es WampServer (o simplemente
WAMP). Se trata de un conjunto Apache + MySQL + PHP para Windows, en el
que adems se incluye PHPMyAdmin para gestionar las bases de datos y
webgrind como profiler para analizar el rendimiento de aplicaciones PHP5 en
nuestro servidor.

Su interfaz es muy simple y sencillo, y tiene opcin para establecer el idioma

en espaol.

PGINA 6

3. BitNami
Probablemente, una de las opciones ms cmodas e interesantes sea
BitNami. Se trata de una coleccin de aplicaciones web comunes, donde
puedes encontrar algunas como Wordpress, Drupal, Ghost, Django, Moodle y
tantas otras. Cada paquete viene preparado independientemente, por lo que
slo tienes que descargarlo e instalarlo. Fcil y rpido. Tambin est
preparado para instalar en entornos virtualizados o en servidores basados en
la nube, como Amazon o Azure.

4. MAMP
Obviamente, si tenemos WAMP (para plataformas Windows) y LAMP (para
plataformas Linux), nuestros amigos de la manzana no podran ser menos.
MAMP es el anlogo para el sistema operativo de Apple (Mac + Apache +
MySQL + PHP).

PGINA 7

Adems, tambin ofrece MAMP Pro, una versin comercial con ms

funcionalidades.
5. EasyPHP EasyPHP
es un WAMP orientado a desarrolladores PHP. La aplicacin es muy sencilla y
minimalista, ya que slo muestra el control de los servidores y un registro de
sucesos (log). Sin embargo, en la pgina local principal, ofrece varias cosas
interesantes, como un panel de opciones de cada servidor, cambiar
credenciales, avisos de actualizaciones o incluso un intrprete para pruebas
PHP.

PGINA 8

SERVIDOR REMOTO:
Servidor de acceso remoto (Remote Access Server/Services) es una
combinacin de hardware y software que permite el acceso remoto a
herramientas o informacin que generalmente residen en una red de
dispositivos.
Hablando de un servidor como un equipo, son las computadoras que se usan
para tener a su vez programas servidores. Son mucho ms grandes y poseen
mayores caratersticas que los equipos normales. stos equipos son los que
nos dan un espacio para almacenar nuestro sitio web, es decir, nos permiten
tener lo que llamamos un Hosting, adems de ste se necesita un nombre
para el sitio web; es decir, un Dominio, por medio del cual cualquier persona
podr acceder a nuestro sitio web a travs de la red.

Ejemplos de dominio:
www.google.com
www.udea.edu.co
Un programa servidor remoto es aquel que est instalado en otro equipo, en l
puedes almacenar tu sitio web, para acceder se hace por medio de una direccin IP,
ejemplo: 192.168.49.102.
Los servidores utilizan diferentes Protocolos para transferir datos, entre ellos estn:
SHH,PHP y el ms usado FTP.
Qu es FTP?

Pues bsicamente es el servicio de transferencia de ficheros a travs de

Internet, conectndonos con servidores dentro de la red que nos facilitan
dichos archivos.
Muchos servidores de Internet o servidores Web disponen de esta posibilidad,
ya que con frecuencia necesitamos programas de diversa ndole, como
navegadores, la ltima versin del programa antivirus, programas de
comunicaciones entre otros.
Manejo de un servidor de FTP:
Al acceder a l aparecern una serie de carpetas, dentro de cada una
podremos hallar otras subcarpetas o ficheros.
Es importante leer siempre el fichero de texto llamada INDICE.TXT ya que
aqu est contenida la lista de carpetas y/o archivos que aparecen en cada
directorio, para finalmente escoger el que nos interese. Para ello simplemente
hay que hacer un doble clic con el ratn en el fichero, si es de texto se ver el
contenido en la pantalla, pero si es otro tipo de fichero, se abrir una ventana
de Windows donde podremos escoger el directorio dentro de nuestro
PGINA 9

ordenador hacia donde se grabar el fichero. Resumiendo: cogeremos el

fichero en cuestin desde el servidor hasta nuestro disco duro.
Una vez ya est el fichero en nuestro equipo lo podremos ejecutar,
descomprimir, o realizar las acciones que sean necesarias.
Cmo se accede?
Cuando vamos a acceder a una pgina web, en la URL, o en el campo donde
se pone la direccin ponemos algo como http://www.google.com esto quiere
decir que estamos pidiendo a un servidor que a travs de la red nos traiga esa
pgina web. Para acceder a los ficheros de una pgina web que tenemos
almacenados en un servidor remoto entonces ya no se pone http:// si no que
se utiliza ftp:// antes de cualquier direccin, pues se le est indicando que lo
que quieres hacer es estar en un servidor y no en la web.
Para conectarse al servidor se debe tener un nombre de usuario y una clave, o
simplemente a travs de la direccin Ip.
Ejemplos:
Sin autenticacin inmediata
- ftp://192.168.0.1
- ftp://google.com
Con autenticacin inmediata
- ftp://user :pass@192.168.0.1
- ftp://user :pass@google.com

PGINA 10

3.

CONFIGURACIN DEL SERVIDOR

En este manual usaremos el Wamp Server ya que es el mejor y ms fcil de

manejar e instalar de forma local.
1. Primero lo descargamos de su pgina oficial
(http://www.wampserver.com/) Ya que es software libre:

2. Ahora procederemos a instalarlo:

Primero abriremos el setup luego de descargarlo y aparecera la

pantalla principal de instalacion de Wamp Server(figura 3.1):

Figura 3.1. Pantalla de instalacin de Wamp server

PGINA 11

Luego vendr la licencia y el modo de uso de Wamp Server, lo

aceptaremos y luego pondremos next (Continuar)

Luego vendr la opcin donde seleccionaremos la carpeta donde se va

instalar Wamp Server en este caso ser en la unidad c:

PGINA 12

Ahora marcamos crear Icono en escritorio y continuamos

Luego aparecer la pantalla para empezar la instalacin y le daremos

clic en Install

PGINA 13

Empezara a instalar Wamp Server

En los parmetros de Email PHP se puede configurar para utilizar la

funcin mail (), se recomienda dejarlo con los valores por defecto.

PGINA 14

Y ya est instalado y solo le daremos en finalizar

Para saber que nuestro Wampserver Funciona Tendr que salir el logo
de wamp server en color verde.

PGINA 15

Y para verlo tenemos que entrar al explorador y poner la direccin (

http://localhost ):

PGINA 16

4. REQUISITOS E INSTALACIN DE
JOOMLA! 2.5 Y 3.0
Requisitos de instalacin
Aqu explicaremos que requisitos necesitamos para instalar Joomla! en un
servidor local y remoto:

Joomla! 2.5
El servidor tiene que tener las siguientes caractersticas para poder instalar
Joomla! 2.5

Php, versin 5.2.4 o superior

Base de datos MySQL versin 5.0.4 o superior
Apache versin 2.2.17 o superior

Joomla! 3.0
El servidor tiene que tener las siguientes caractersticas para poder instalar
Joomla! 3.0

Php, versin 5.3.1 o superior.

Base de datos MySQL, versin 5.1 o superior.
Apache versin 2.2.17 o superior.

PGINA 17

INSTALACIN DE JOOMLA! 2.5

Esta instalacin ser de forma local as que usaremos un servidor local
(WampServer)
1. Entraremos al localhost (http://localhost)

2. Crearemos una base de datos en PhpMyAdmin con el nombre de:

Prueba

Para entrar iremos a la opcin de phpmyadmin

PGINA 18

Entraremos a la pantalla principal del PhpMyadmin

( http://wampserver/phpmyadmin )

Iremos a la opcin Crear nueva base de datos y crearemos la base

de datos:

PGINA 19

Le damos crear y la base estar creado y nos mostrara el siguiente

mensaje:

3. Luego descargaremos JOOMLA! de su sitio oficial

http://www.joomlaspanish.(Figura 4.3.1) y lo Instalaremos

Figura 4.3.1 Descarga de Joomla

PGINA 20

Una vez descargada lo copiaremos en: C:\wamp\www(Figura 4.3.2)

Figura 4.3.2 joomla! descargado y copiado a wamp

Y lo descomprimiremos en la misma carpeta (Figura 4.3.3)y le

cambiaremos el nombre a la carpeta por Prueba(Figura 4.3.4)

Figura 4.3.3Descomprimiendo joomla

PGINA 21

Figura 4.3.4cambio de nombre a la carpeta

Iremos al navegador entraremos la direccinhttp://localhost/prueba y

nos mostrara la pantalla de inicio de instalacin de Joomla!:

Figura 4.3.5 Pantalla de instalacin de joomla!

PGINA 22

En la figura 4.3.5 escogeremos el idioma de instalacin y el cual va

hacer nuestra web en nuestro caso espaol y seleccionado le
daremos siguiente:

Luego aparecer la pantalla de Comprobando Pre-Instalacin y le

daremos siguiente

PGINA 23

Luego aparecer la pantalla de LICENCIA DE JOOMLA! donde

solo le daremos siguiente:

Luego vendr la pantalla de CONFIGURACION DE LA BASE DE

DATOS donde:
Tipo de Base de Datos: Mysqli
Nombre de Host: Como es local es localhost
Usuario: Como es local ser root
Contrasea: Si nuestra base tiene contrasea la pondremos y si
no la tiene no se coloca
Nombre de la base de datos: es el nombre de la base de datos en
nuestra ocasin Prueba

PGINA 24

Luego aparecer la pantalla de Configuracin FTP y le daremos

siguiente:

PGINA 25

Ahora configuraremos el sitio Web:

Nombre de Sitio: El nombre de nuestra empresa o nombre del sitio
web En este caso Prueba.
Email: Email del dueo del sitio Web.
Usuario del administrador: Un nombre que va administrar el sitio
web en este caso: admin.
Contrasea del administrador: Sera la contrasea con la cual
accederemos al administrador en este caso 123 y la opcin
siguiente es confirmar la contrasea.
Datos de ejemplo: se tiene que dejar as.
Y en el botn de Instalar datos de ejemplo es para tener una web
echa pero como un ejemplo (demo)

PGINA 26

Y al terminar de la web saldr un botn el cual dir: Eliminar la

carpeta de instalacin (installation)al cual le daremos clic ya que
al estar la carpeta de instalacin nos puede causar problemas como
no nos dejara ingresar al sitio web y al administrador

Figura 3.6Finalizacin de la Instalacin

Esta es el sitio web instalado y para entrar escribiremos la direccin

( http://localhost/prueba ) o le daremos clic en sitio de la Figura 4.3.6

PGINA 27

Y para ingresar al administrador colocaremos La direccin

Nombredeweb.com/administrator para cualquier pgina echa en
Joomla! en nuestro caso ( http://localhost/Prueba/administrator )
En la Figura 4.3.7 ingresaremos la cuenta de administrador y luego
nos mostrar la pgina del administrador (Figura 4.3.8)

Figura 4.3.7 Inicio de Administracin de Joomla

Figura 4.3.2 Pgina principal del administrador de Joomla

PGINA 28

Instalacin de Joomla! 3.0

Esta instalacin ser de forma local as que usaremos un servidor local
(WampServer)
1. Entraremos al localhost ( http://localhost)

2. Crearemos una base de datos en PhpMyAdmin con el nombre de:

Prueba1

Para entrar iremos a la opcin de phpmyadmin

PGINA 29

Entraremos a la pantalla principal del PhpMyadmin

( http://wampserver/phpmyadmin )

Iremos a la opcin Crear nueva base de datos y crearemos la base

de datos:

PGINA 30

Le damos crear y la base estar creado y nos mostrara el siguiente

mensaje:

PGINA 31

3. Luego descargaremos JOOMLA! de su sitio oficial

http://www.joomlaspanish.(Figura 4.31) y lo Instalaremos

Figura 4.31 Descarga de Joomla 3.0

Una vez descargada lo copiaremos en: C:\wamp\www(Figura 4.32)

Figura 4.32 joomla descargado y copiado a wamp

PGINA 32

Y lo descomprimiremos en la misma carpeta (Figura 4.33)y le

cambiaremos el nombre a la carpeta por Prueba1(Figura 4.34)

Figura 4.33Descomprimiendo joomla

Figura 4.34cambio de nombre a la carpeta

PGINA 33

Iremos al navegador entraremos la direccinhttp://localhost/pruebay

nos mostrara la pantalla de inicio de instalacin de Joomla!:

Figura 4.35 Pantalla de instalacin de joomla!

En la figura 4.35 configuraremos el sitio web y la cuenta de

administrador as y luego le daremos siguiente:
Seleccin de Idioma: Ah escogeremos el idioma en nuestro caso
espaol
Nombre de Sitio: El nombre de nuestra empresa o nombre del sitio
web En este caso Prueba.
Meta de Descripcin: Ah se describe un poco de que es la pgina
eso lo pones si usted lo desea sino no porque no afecta la
instalacin.
Email: Email del dueo del sitio Web del que lo va administrar.
Usuario del administrador: Un nombre que va administrar el sitio
web en este caso: admin.

PGINA 34

Contrasea del administrador: Sera la contrasea con la cual

accederemos al administrador en este caso 123 y la opcin
siguiente es confirmar la contrasea.
Sitio fuera de Lnea: le pondremos no porque nuestro sitio estar
activado

Luego vendr la pantalla de CONFIGURACION DE LA BASE DE

DATOS donde:
Tipo de Base de Datos: Mysqli
Nombre de Host: Como es local es localhost
Usuario: Como es local ser root
Contrasea: Si nuestra base tiene contrasea la pondremos y si
no la tiene no se coloca
Nombre de la base de datos: es el nombre de la base de datos en
nuestra ocasin Prueba1
Prefijo de la tabla: se quedara as ya es el prefijo que le pone
Joomla! a nuestra base de datos
PGINA 35

En Finalizacin estar la opcin:

Instalar datos de ejemplo Espaol: Si ponemos nada nos dar
una web vaca para ejecutarlo desde cero y si ponemos en datos de
ejemplo nos dar un demo de una web en este caso pondremos la
opcin Datos de ejemplo predeterminados en Espaol (ES)
Y en los dems lo dejaremos tal como est.

PGINA 36

Luego aparecer la ventada de instalacin como en la figura 4.36

Figura 4.36 Pantalla de proceso de instalacin de Joomla!

Y al terminar de la web saldr un botn el cual dir: Eliminar la

carpeta de instalacin (installation)al cual le daremos clic ya que
al estar la carpeta de instalacin nos puede causar problemas como
no nos dejara ingresar al sitio web y al administrador

Finalizacin de la Instalacin

PGINA 37

Esta es el sitio web instalado y para entrar escribiremos la direccin

( http://localhost/prueba ) o le daremos clic en sitio de la Figura 3.7

Y para ingresar al administrador colocaremos La direccin

Nombredeweb.com/administrator para cualquier pgina echa en
joomla! en nuestro caso ( http://localhost/Prueba/administrator )
En la Figura 4.38 ingresaremos la cuenta de administrador y luego
nos mostrar la pgina del administrador (Figura 4.39)

Figura 4.38 Inicio de Administracin de Joomla!

PGINA 38

Figura 4.39Pgina principal del administrador de Joomla!

PGINA 39

CONFIGURACIN GLOBAL
Para entrar a configuracin global entraremos en sitio/Configuracin global
(figura1.)

Sitio:

En esta opcin podemos cambiar el nombre del sitio

Como ejemplo lo cambiaremos a Mi Primer Sitio

Activar o desactivar el sitio

Como ejemplo lo desactivaremos
PGINA 40

Personalizar el mensaje cuando nuestra pgina esta desactivado y

ponerle una imagen
Como ejemplo cambiaremos a Pronto lo Atenderemos (figura1) y lo
visualizaremos en la pgina (figura2)

PGINA 41

Cambiar el editor

El nivel de acceso de nuestra pagina

Si es pblico o solo para algunos lo dejaremos en pblico.

Sistema:
La configuracin de usuario y multimedia ya no estn en este rea. Ahora podrs
encontrarlas en Usuarios y Gestor Multimedia.
Las opciones de cach son diferentes por que el sistema interno de cach ha sido
reescrito, y ahora proporciona ms posibilidades. En general, la cach hace tus sitios
ms rpidos a base de almacenar partes del HTML en archivos. El servidor web puede
servir estos archivos extremadamente rpido. Es posible 'cachear' pginas, vistas de
componentes y mdulos. Puedes purgar y limpiar la cach desde Sitio/mantenimiento

Servidor:
PGINA 42

Todas las opciones de servidor son las mismas que en Joomla! 1.5. A pesar
de ello, mencionar la opcin Forzar SSL. Esta opcin est suscitando ms y
ms atencin. Puedes ofrecer a tus usuarios un sitio completamente seguro.
Es necesario tener SSL configurado en tu servidor web, y tambin necesitars
un certificado SSL.

Opciones del servidor

Permisos
Este es el lugar para configurar los permisos globales para tus grupos de
usuario. Afortunadamente, no siempre ser necesario cambiar las opciones
predeterminadas. Si cambias la configuracin de un grupo, se aplicar tanto a
l como a sus subgrupos, componentes y contenido. Bsicamente, autorizas,
deniegas o heredas los permisos Acceso al sitio, Acceso a la administracin,
Acceso fuera de lnea, Super administrador, Acceso al componente, Crear,
Borrar, Editar, Editar estado y Editar propios. Cada grupo tiene su propio
conjunto de permisos.

PGINA 43

Opciones del sistema

Filtro de Textos
El filtro de texto es un concepto que te permite buscar patrones concretos en
el texto subido por los usuarios, como por ejemplo etiquetas HTML, y filtrarlos.
Es posible establecer filtros distintos para cada grupo diferente. Digamos que
un usuario est autorizado a publicar texto con etiquetas HTML dentro, pero
sin iframes. Slo tu grupo 'iframers' tiene permiso para publicar iframes. Estos
filtros afectan al contenido de todo el sitio.

PGINA 44

Filtro de Texto

PGINA 45