Sencillo material que ilustra de manera general la forma en que se construye un sitio web con Joomla, no pretende ser un material perfecto, sino un referente que muestra otra manera de trabajar con éste CMS.

1. Cunduacán, Tabasco, México
Diciembre de 2013
División Académica de Informática y Sistemas
Taller: Mi primer sitio Web con Joomla
L.I.A. Manuel Antonio López García
Mayo de 2014

2. 2
Necesitamos:
Mayo de 2014

3. 3
Instalando Apache, PHP y MySQL (appserv-win32-2.5.10)
El instalador nos dá la bienvenida y recomienda que se cierren otras aplicaciones que podamos tener abiertas, ésto debido a que deberemos reiniciar nuestro equipo una vez terminada la instalación.
Damos clic en ”Next >”
Mayo de 2014

4. 4
Aceptamos las condiciones de la Licencia del Software
Debemos aceptar la licencia del software, mismo que es de uso libre, bajo la modalidad de licenciamiento GPL.
Damos clic en ”I Agree”
Mayo de 2014

5. 5
Elegimos la carpeta donde se instalará el software
Es de suma importancia recordar la ubicación donde se instala el software, ya que posteriormente se requerirá accesar a dicha ubicación. Por default, de sitúa en la ruta: ”C:”
Damos clic en ”Next >”
Mayo de 2014

6. 6
Seleccionamos los programas a instalar
Es aquí donde elegimos instalar Apache (Servidor Web), MySQL (Base de datos), PHP (Lenguaje de programación en el que se basa Joomla) y el phpMyAdmin (Interfaz gráfica de administración de Base de Datos MySQL).
Damos clic en ”Next >”
Mayo de 2014

7. 7
Configuración de Apache HTTP Server (Servidor Web)
Colocamos un nombre de dominio ficticio pues nuestro servidor será local, un correo también ficticio, y dejamos seleccionado el puerto ”80”, puerto por el que se comunica el servidor apache.
Damos clic en ”Next >”
Mayo de 2014

8. 8
Establecemos contraseña de acceso al servidor de Base de Datos MySQL
Establecemos una contraseña de acceso al servidor de base de datos MySQL; El usuario por default es ”root” y para éste ejemplo la contraseña establecida es ”taller”. importante recordar éstos dos datos, pues los usaremos más adelante.
Damos clic en ”Install”
Mayo de 2014

9. 9
Esperamos a que se instalen las opciones seleccionadas
Mayo de 2014

10. Configuramos el Firewall de Windows
Seleccionamos que el firewall de nuestro equipo permita que el Apache HTTP Server, pueda comunicarse en todas las redes a través de él.
Damos clic en ”Permitir acceso”
Mayo de 2014

11. 11
Permitimos que se inicien los servicios Apache y MySQL
Para finalizar la instalación, permitiremos que se inicien los servicios Apache y MySQL, pues de lo contrario no tendremos acceso al Servidor Web ni al de Base de Datos.
Damos clic en ”Finish”
Mayo de 2014

12. 12
Verificamos que Apache HTTP Server se haya instalado correctamente
En cualquier navegador Web que tengamos instalado en nuestro equipo, escribimos: ”http://localhost/”
Si la instalación y configuración de Apache HTTP Server ha sido correcta, veremos la imágen de la izquierda.
Mayo de 2014

13. 13
Verificamos que MySQL Server y phpMyAdmin se hayan instalado correctamente
En cualquier navegador Web que tengamos instalado en nuestro equipo, escribimos: ”http://localhost/phpMyAdmin/”
Es aquí donde ingresaremos el usuario ”root” y la contraseña ”taller” para poder accesar al phpMyAdmin, interfaz gráfica del MySQL Server.
Damos clic en ”Aceptar”.
Mayo de 2014

14. 14
Verificamos que MySQL Server y phpMyAdmin se hayan instalado correctamente
Si el usuario y la contraseña ingresados en el paso anterior son correctos, habremos accesado a la interfaz gráfica de administración de bases de datos MySQL Server.
Mayo de 2014

15. 15
Crearemos una carpeta llamada ”tallerjomla” en la ruta ”C:AppServwww”
Mayo de 2014

16. 16
Descomprimimos el contenido del archivo ”Joomla_2.5.11-Spanish- Pack_Completo.zip” dentro de la carpeta ”tallerjoomla”
Mayo de 2014

17. 17
En nuestro navegador Web colocamos la url: ”http://localhost/tallerjoomla”
Se mostrará el inicio del proceso de instalación de Joomla. En el primer paso elegiremos el idioma en que se desea instalar, y daremos clic en ”Siguiente”
Mayo de 2014

18. 18
Comprobando pre-instalación
Verificamos la comprobación de pre-instalación y damos clic en ”Siguiente”
Mayo de 2014

19. 19
Aceptamos los términos de la licencia GPL
Damos clic en ”Siguiente”
Mayo de 2014

20. 20
Configuramos la base de datos donde se instalará Joomla
Aquí usaremos el usuario ”root” y la contraseña ”taller” y el nombre de la base de datos será ”bdtallerjoomla”. Damos clic en ”Siguiente”
Mayo de 2014

21. 21
Omitimos ésta pantalla y damos clic en ”Siguiente”
Mayo de 2014

22. 22
Configuramos nombre del sitio Web y datos de administrador
Al sitio le colocaremos el nombre de ”Taller Joomla” o elige alguno de tu agrado. Debemos ingresar también el correo electrónico del administrador del sitio y establecer una contraseña de acceso al panel de administración de Joomla. Importante no olvidar estos datos, pues de lo contrario se volverá inaccesible la administración de nuestro sitio Web.
Para éste ejemplo hemos usado: Usuario: ”admin” Contraseña: ”taller”.
Damos clic en ”Siguiente”
Mayo de 2014

23. 23
Eliminamos la carpeta ”installation”
Finalmente debemos eliminar la carpeta llamada ”installation”, podemos hacerlo dando clic en el botón ”Eliminar la carpeta de instalación (installation)”
Mayo de 2014

24. 24
Accesamos al Sitio ”http://localhost/tallerjoomla/”
Si damos clic en el botón ”Sitio” nos remitirá el navegador Web a lo que es nuestro sitio Web, con elementos y una plantilla preestablecida, misma que nosotros podemos cambiar de acuerdo a las necesidades.
Mayo de 2014

25. 25
Accesamos al Sitio ”http://localhost/tallerjoomla/administrator/
Si damos clic en el botón ”Administrador” nos remitirá el navegador Web a lo que es la pantalla de acceso al panel de administración de nuestro sitio Web. Aquí usaremos el usuario ”admin” y la contraseña ”taller” para poder entrar.
Mayo de 2014

26. 26
Mayo de 2014
Este es el panel de administración de nuestro portal, desde el que vamos a poder agregar menús, artículos, incluir módulos y plugins para hacer más completo y atractivo nuestro sitio Web.

27. 27
Mayo de 2014
Existen cinco tipos de extensiones:
Componentes
Módulos
Plantillas
Plugins
Lenguajes
A continuación algunos ejemplos:

28. 28
Mayo de 2014
Si entramos al gestor de Módulos, podemos apreciar los existentes, y en nuestro portal podemos verlos en ejecución. Basta cambiar el ”Estatus” de un módulo para que dejemos de verlo en nuestro portal. Daremos clic en el símbolo verde del módulo ”Formulario de acceso” y cambiará a despublicado.

29. 29
Mayo de 2014
Y aquí podemos observar que al estar despublicado el módulo, ya no se ejecuta en nuestro portal.

30. 30
Mayo de 2014
Podemos agregar tantos módulos necesitemos, esto dependerá de nuestro portal y lo que se requiera en el. Para agregar un nuevo módulo buscaremos un módulo gratuito (algunos son de paga debido a que son más sofisticados, para el ejemplo usaremos uno de uso libre).
En el sitio: http://extensions.joomla.org podemos encontrar una serie de extensiones para nuestro sitio. Para este ejemplo, se eligió una extensión de tipo módulo y será un calendario en nuestro sitio.

31. 31
Mayo de 2014
Ya que nuestro módulo es una extensión, entraremos en el menú “Extensiones/Gestor de Extensiones” en el panel de administrador.
Existen 3 formas de cargar un módulo, usaremos la más práctica que es seleccionar el archivo “reallysimplejquerycalendar.zip” que contiene nuestro módulo de calendario. Posteriormente daremos clic en “Subir e instalar”

32. 32
Mayo de 2014
Si todo salió bien, veremos el mensaje de módulo instalado correctamente, de lo contrario, puede deberse a lo siguiente: el módulo esta comprimido 2 veces o más, es decir, “archivo.zip” contiene otro “archivo.zip”, o el módulo no se encuentra comprimido; para éste método, se requiere que los archivos del módulo estén comprimidos en formato *.zip

33. 33
Mayo de 2014
Ahora entraremos al menú “Gestor de extensiones/Gestor de módulos”, es aquí donde veremos el módulo que acabamos de subir y a partir de aquí lo podemos configurar para colocarlo en nuestro sitio. Daremos clic sobre el módulo “Really Simple Calendar”

34. 34
Mayo de 2014
Serán 3 configuraciones las necesarias para mostrar nuestro módulo: Posición (donde lo queremos ver), Estatus (publicado o despublicado) y el Menú o módulo donde se podrá ver(cuando tengamos más contenido podremos elegir en cuales módulos se verá, pues a lo mejor sólo querremos que se vea al inicio y no dentro de la navegación del portal). Para el ejemplo, elegiremos que se vea en todas las páginas.
Los valores deben quedar así. A continuación daremos clic en la opción “Guardar y Cerrar”

35. 35
Mayo de 2014
Y es de esta manera en que hemos subido, configurado y publicado nuestro módulo.
Podemos de esta forma enriquecer nuestro sitio con tantos módulos como necesitemos para hacerlo funcional, de acuerdo a las necesidades que se requiera solventar.

36. 36
Sitios de Interés
http://www.joomla.org/
http://plantillasjoomla.org/
http://extensions.joomla.org/
http://www.extensionesjoomla.org/
http://ayuda.joomlaspanish.org/
Mayo de 2014

37. 37
Limites
¡¡Tú mismo!!
Mayo de 2014

38. 38
Por su atención, Muchas Gracias .
Contácto:
daisujat@hotmail.com
@daisliamanuel
Mayo de 2014