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

Necesitamos:

Mayo de 2014

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

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

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

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

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

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

Esperamos a que se instalen las opciones seleccionadas

Mayo de 2014

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

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

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

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

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

Crearemos una carpeta llamada ”tallerjomla” en la ruta ”C:\AppServ\www”

Mayo de 2014

16

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

Mayo de 2014

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

Comprobando pre-instalación

Verificamos la comprobación de pre-instalación y damos clic en ”Siguiente”

Mayo de 2014

19

Aceptamos los términos de la licencia GPL

Damos clic en ”Siguiente”

Mayo de 2014

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

Omitimos ésta pantalla y damos clic en ”Siguiente”

Mayo de 2014

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

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

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

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

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

Mayo de 2014

Existen cinco tipos de extensiones: Componentes Módulos Plantillas Plugins Lenguajes A continuación algunos ejemplos:

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

Mayo de 2014

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

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

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

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

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

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

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

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

Limites

¡¡Tú mismo!!

Mayo de 2014

38

Por su atención, Muchas Gracias .

Contácto:

daisujat@hotmail.com

@daisliamanuel

Mayo de 2014