GUÍA DE INSTALACIÓN DE PAQUETE MAMP PARA JOOMLA 3.0

MAMP viene de la abreviación de la palabras MAC, Apache, MySQL y PHP; este

paquete de programas permite tener un servidor local en cuestión de segundos en

nuestra computadora Mac y nos permitirá posteriormente instalar Joomla para

poder crear páginas web de acuerdo a nuestras necesidades.

A continuación se muestra paso a paso la instalación del MAMP:

1. Ingresar a un buscador e ingresar a la siguiente dirección:

http://www.mamp.info/en/index.html

2. Descargar el programa dando clic en el botón download, en este caso

descargaremos la versión MAMP que es gratuita, no la versión PRO que es

recomendada para uso profesional y además no es gratuita.

3. Una vez que hemos descargado, instalar el programa de manera habitual

como se lo realiza en una computadora Mac.

4. Una vez instalado, abrimos la aplicación donde nos aparecerá un recuadro

donde daremos clic en Arrancar MAMP y nos luego nos aparecerá la

siguiente pantalla:

5. Automáticamente se abrirá la pagina de inicio del MAMP.

6. De no ser así, damos clic en Iniciar Servidores, eventualmente nos pedirá la

contraseña de usuario del computador, esperamos unos segundos y nos

aparecerá la siguiente pantalla:

7. Una vez que están habilitados ambos servidores, damos un clic en el botón

Abrir página de inicio y se nos mostrará la siguiente pantalla:

Es posible que no logremos ingresar a esta pagina directamente, por lo que

deberemos hacer un paso previo. Damos clic en el botón Preferencias…en el que

podremos cambiar los puertos que nos aparecen cargados previamente, por los

que usan por defecto Apache y MySQL, 80 y 3306 respectivamente. Damos un clic

en OK y lograremos ingresar a la pagina antes mencionada. Lo más importante de

esta página es lo que esta encerrado en el recuadro negro:

8. Lo más importante de esta página es lo que esta encerrado en el recuadro negro:

Host: localhost ; Es el nombre que se usará en nuestra base de datos.Con el paso anterior se cambia el nombre del host de localhost 8888 a simplmente localhost

User : rootPassword : root

Nos servirán posteriormente para conectar nuestra base de datos con el paquete de instalación.

9. Luego escribimos en el URL : localhost y damos un enter, enseguida nos aparecerá la siguiente pantalla:

Esta es la página principal de localhost donde instalaremos Joomla.

10. Posteriormente, descargamos Joomla de la siguiente dirección:

http://www.joomla.org

11. Una vez descargada la última versión de Joomla, si esta comprimida la descomprimimos, caso contrario simplemente movemos esta carpeta de Joomla a la carpeta del MAMP, además podemos cambiarla de nombre por mayor facilidad. La ubicación de esta deberá ser:

/Applications/MAMP/htdocs

12. Nuevamente abrimos la página principal del MAMP y solo dejamos en el URL localhost y observaremos la siguiente pantalla:

13. Antes de iniciar el proceso de instalación, debemos enlazar nuestra configuración en una base de datos en la que almacenaremos cualquier cambio que realicemos en Joomla. Nos vamos nuevamente a la pagina principal del MAMP, y damos un clic en phpMyAdmin como se muestra en la figura siguiente:

14. Una vez ahí, podremos crear nuestra base de datos. Simplemente

ingresamos un nombre y ponemos crear.

15. Una vez creada la base de datos podemos regresar a la instalación de Joomla.

16. Damos un clic en la carpeta miweb donde iniciaremos la instalación de Joomla, nos aparecerá la siguiente pantalla.

Debemos ingresar los siguientes campos:

Nombre del sitio : El nombre que deseamos para nuestro sitio web.Descripción : Breve descripción del sitio.Correo Electrónico : Correo del AdministradorNombre de Usuario : Nombre de usuario para administración por

default ¨admin¨.Contraseña de usuario : Contraseña que desee.

Sitio fuera de línea : No

17. Una vez llenado estos campos, damos clic en siguiente, donde nos aparecerá la siguiente pantalla:

Debemos ingresar los siguientes campos:

Tipo de Base de Datos : MySQLiHospedaje : localhost Usuario : rootContraseña : rootBase de Datos : nombre con el que se creo la base de datos

(miweb_database)

Prefijo de las tablas : Por defecto

18. Una vez configurada la base de datos, damos clic en siguiente y aparecerá la siguiente pantalla:

Aquí podemos seleccionar que se instalen datos de ejemplo, sin embargo se puede seleccionar Ninguno para comenzar desde cero. Además debemos verificar que las configuraciones recomendadas con las actuales coincidan.

19. Finalmente damos clic en Instalar y nos aparecerá la pantalla siguiente:

En esta parte debemos eliminar la carpeta de instalación dan un clic en el botón Eliminar carpeta de instalación.

20. Damos clic en Administración para iniciar con el proceso de diseño de nuestra pagina en Joomla. Se puede ingresar al administrador también poniendo en el buscador el URL:

localhost/[nombre del sitio]/administrator

21. Ingresamos el Usuario y Contraseña y podremos administrar nuestro proyecto en Joomla

Cabe señalar que en esta parte del proceso de administración, podemos cambiar el idioma tanto del sitio como del administrador, de la siguiente manera:

1. En primer lugar, debemos ingresar al sitio web:

http://www.joomlaspanish.org

2. Una vez ahí, descargar el paquete de idioma para la versión de Joomla 3.0.

Pack Idiomas: Administrador , Front y Editor TinyMCE 3.5.6 3.0.3v3 (Zip)

Con este instalador podremos cambiar a cualquier idioma nuestro sitio y el administrador de Joomla.

3. Una vez descargado, nos vamos al página de administración, a la pestaña de Extensions/ Extension Manager

4. Damos clic en el botón Seleccionar archivo, donde elegiremos el archivo descargado. Si este archivo está descomprimido (en el OSX Lion 10.7.5 se descargan algunos archivos descomprimidos) deberemos comprimirlo con el fin de que se suba todo el archivo de una sola vez. Luego daremos un clic en el botón Upload & Install. Luego de esto aparecerá que se instaló satisfactoriamente.

5. Para que estos cambios surtan efecto, debemos dar un clic en la pestaña Language Manager y configuraremos lo siguiente:

Dar un clic en Install Language

Nos aparecerá una lista de idiomas de los cuales podremos seleccionar, nuestro idioma de interés es el Español, de manera que en el botón Find, ingresaremos la palabra Spanish y nos aparecerá la siguiente ventana:

Damos un clic en la check box del idioma y luego vamos al botón INSTALL. Nos aparecerá una mensaje que fue instalado satisfactoriamente. Luego, vamos nuevamente a la pestaña de Language Manager en donde elegiremos como default Spanish, dando un clic en la estrella que aparece en la sección default del recuadro.

En la parte superior aparece un mensaje que nos dice que se ha cambiado el idioma por defecto en este caso del sitio. En la parte izquierda de la pantalla podemos seleccionar el idioma por defecto tanto del sitio como del administrador.

Una vez hechos estos cambios, tanto el sitio como el administrador están en Español y podremos empezar el diseño de la página web en Joomla.

MI PRIMER SITIO WEB CON JOOMLA 3.0

Para comenzar con el diseño en Joomla 3.0, vamos a conocer un poco las opciones que presenta el administrador de Joomla y funciones principales.

1. Iniciamos el administrador poniendo en el URL:

localhost/[nombre del sitio]/administrator

2. Una vez en el administrador, tenemos la siguiente pantalla donde se muestra un menú con varias funciones para la configuración de sitio web que estamos creando. Además como podemos observar el idioma por defecto es el Español.

Vamos a conocer un poco mas acerca de Configuración Global, en donde se encuentra las configuración de nuestro sitio, como se muestra en la siguiente pantalla:

Descripción del sitio, palabras claves, y etiquetas que nos permitan encontrar más rápido nuestro sitio en los buscadores. Podemos también poner nuestro sitio en modo Offline que nos permite hacer configuraciones sin que los usuarios del sitio lo vean o puedan ingresar al sitio. Además que se puede poner un mensaje que indique a los usuarios que el sitio está en mantenimiento.Se tiene otras opciones como son: Sistema, Servidor, Permisos, Filtros de Texto, que no se analizarán en este documento. Una vez que realicemos los cambios que se requieran damos un clic en el botón Guardar y Cerrar.

En la parte superior izquierda aparece el nombre de nuestro sitio web, si damos un clic en esa lugar, se nos abrirá una pestaña mostrando una vista preliminar de nuestro sitio web en construcción. Es importante este botón ya que nos permite ir observando cada uno de los cambios que se realizan.

La característica principal de Joomla es que utiliza módulos ubicados en diferentes parte del sitio web, lo que quiere decir que una página puede estar compuesta de varios módulos que podemos modificarlos a nuestra conveniencia.

Para poder modificar la plantilla que nos presenta Joomla y sus diferentes modulos, debemos ir a Extensiones / Gestor de Plantillas.

Aquí debemos tener en cuenta dos cosas: tenemos una plantilla para el Sitio y otra para el Administrador. En la parte izquierda tenemos el botón de Estilo y Plantillas. El botón estilo nos presenta varios estilos que podemos usar tanto para el sitio como para el administrador. En el botón plantillas podemos ver los modelos de las plantillas que ya vienen cargadas en el Joomla. Para poder previsualizar la posición de los módulos en las plantillas, debemos ir al botón OPCIONES, y habilitar la pre visualización. Damos clic en Guardar y cerrar.

Con este cambio ya tendremos la opción de previsualizar la plantilla y sus módulos.

Para poder modificar los módulos que aparecen en la plantilla, debemos ir a Extensiones / Gestor de Módulos .Aquí encontraremos todos los módulos que componen la plantilla, así como también su posición en la misma. Es posible modificar su posición dentro de la misma, simplemente damos un clic en la pestana que aparece junto a cada modulo y aparecerá la opción EDITAR.

Por ejemplo, vamos a modificar la posición de Main Menu que esta actualmente en la posición 7 y la vamos a poner en la posición 1. Una vez realizados estos cambios damos un clic en Guardar y Cerrar.

Por otra parte, los contenidos que se enlacen a cada uno de los módulos podrán ser categorizados o no. Sin embargo, es importante categorizar los contenidos ya que nos permitirán trabajar de manera ordenada con cada uno de los módulos. Hay una categoría por default que se denomina ¨Sin categoría¨.

Para crear otra categoría vamos a la pestaña Contenido / Gestor de Categorías / Añadir nueva categoría.

Ahí podremos poner el nombre de la categoría que vamos a crear, un alias que automáticamente Joomla le asigna no hace falta ponerlo y darle una descripción a la categoría que es opcional. Una vez hechos los cambios damos clic en guardar y cerrar.

Para enlazar un contenido a la categoría menuprincipal debemos ir a la pestaña Contenido / Gestor de contenidos / Añadir nuevo articulo

Debemos ingresar un titulo, la categoría que recientemente creamos y cualquier contenido que deseemos ya sea texto, imágenes, etc. Para insertar imágenes debemos dar clic en el icono encerrado por el rectángulo rojo y nos aparecerá la pantalla que esta en la parte superior. Una vez hecho esto damos un clic en Guardar y cerrar.

Para agregar un nuevo botón a nuestro menú principal nos vamos a la pestaña Menús / Main Menu, donde podemos añadir un nuevo elemento al menú.

Aquí deberemos seleccionar el tipo de elemento que se enlazará al nuevo botón del menú (donde nos aparecerá una lista como se muestra en la figura) por ejemplo, se elegirá la opción Artículos / Mostrar un solo artículo. Posteriormente nos pedirá que seleccionemos el articulo que deseamos enlazar y finalmente deberemos ingresar el título del elemento. Una vez hechos estos cambios daremos un clic en Guardar y cerrar.

En este ejemplo, aparecen en el menú dos elementos más (about y home), los cuales pueden ser eliminados simplemente seleccionándolos y damos un clic en el botón PAPELERA que se encuentra en la parte superior del menú. Además para que el contenido enlazado se muestre directamente debemos poner por defecto al elemento que deseamos dando un clic en la estrella amarilla que aparece en las opciones.

Ahora vamos a ingresar un nuevo elemento a nuestro menú, por ejemplo Quienes Somos. Seguimos el mismo procedimiento que anteriormente se explicó. Una vez hecho esos cambios dar clic en guardar y cerrar.

De esta manera queda nuestro sitio web realizados estos cambios. Se puede observar que en la parte superior se muestra los dos elementos del menú que hemos creado. Además se puede ver que aparecen otros módulos que posteriormente pueden ser modificados.

En este documento se presenta las funciones básicas de lo que es Joomla. Ese administrador de contenidos es bastante extenso por lo que hará falta estudiar y explorar más a profundidad para conocer todos sus elementos; sin embargo para realizar una primera página en Joomla, pienso que es suficiente.