View
368
Download
3
Category
Preview:
Citation preview
Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web Gestores de Contenidos Web
14 de junio de 2015 Página 1 de 7
Informe: Práctica Guiada con Joomla
Introducción
La presente práctica fue realizada sobre un servidor conectado a internet, usando LAMP (Linux, Apa-
che, MySQL y PHP) y ubicado en la siguiente dirección:
http://52.24.38.47/joomla2/
Los pasos previos para comenzar a trabajar con Joomla consistieron en descargarlo, descom-
primirlo, cargarlo en el servidor web y crear la base de datos.
1. Instalación y Configuración de Joomla
Lo primero que debe de realizarse una vez que se descarga Joomla de la página oficial, es descom-
primir el archivo, y ubicarlo dentro de la carpeta del servidor web. Ya que Joomla requiere de una
base de datos también debe crearse, para lo cual se ingresa a MySQL y se crea.
$ wget http://joomlacode.org/gf/download/frsrelease/20021/162258/Joomla_3.4.1-Stable-Full_Package.tar.gz
$ mkdir joomla2 $ cp Joomla_3.4.1-Stable-Full_Package.tar.gz joomla2/ $ cd joomla2/ $ tar –xzvf Joomla_3.4.1-Stable-Full_Package.tar.gz $ rm Joomla_3.4.1-Stable-Full_Package.tar.gz $ cd .. $ sudo mv joomla2/ /var/www/html/ $ mysql –u root –p mysql> create database joomla2; mysql> exit
Hecho esto, se puede proceder a iniciar la instalación con solo poner en la URL la ubicación de
Joomla, por ejemplo en para esta práctica /var/www/html/joomla2 equivale a www.domi-
nio.com/joomla2 con lo cual se iniciará el proceso de instalación como se ve en la imagen. Aquí se
deben introducir datos como el usuario administrador de Joomla, e identificar el sitio. Posteriormente
en el siguiente paso se solicitarán los datos para conectar con la base de datos que usará Joomla.
Ilustración 1. Inicio de la instalación de Joomla
Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web Gestores de Contenidos Web
14 de junio de 2015 Página 2 de 7
El tercer paso es indicar si se desea utilizar el protocolo de transferencia de archivos, el cual no
se ocupará para esta práctica, por lo que se dejará desactivado.
En el paso final antes de proceder con
la instalación es confirmar todos los datos
configurados anteriormente, sumado con
la opción de incluir un blog o sistema de
ejemplo para que pueda ser modificado
por aquellos que no tienen muchos cono-
cimientos en Joomla.
Ilustración 3. Configuración de la BD en instalación de Joomla
Ilustración 2. Configuración de FTP en instalación de Joomla
Ilustración 4. Confirmar configuración antes de instalar Joomla
Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web Gestores de Contenidos Web
14 de junio de 2015 Página 3 de 7
Al dar clic en el botón “Insta-
lar”, comenzará el proceso de configu-
raciones, el cual durará unos cuantos
segundos, hasta que aparezca lo si-
guiente.
Es importante como lo muestra
en pantalla eliminar el directorio de ins-
talación, si se dieron los permisos ade-
cuados bastará con dar clic en el botón,
de lo contrario se deberá hacer manual-
mente.
Como se puede apreciar en la
ilustración, ya que una vez instalado
Joomla es en inglés, se ofrece la posibilidad de iniciar la instalar más idiomas, por lo que se da clic
en el botón para instalar el idioma Español.
2. Configurar sitio
El sitio a realizar será de la Universidad Internacional de la Rioja, por lo que los contenidos estarán
directamente relacionados con ésta y los contenidos serán obtenidos de las páginas oficiales. Así pues,
se crearán las categorías Revista, Videos y MasterClass.
Ilustración 5. Finalización de instalación de Joomla
Ilustración 6. Instalación exitosa de Joomla
Ilustración 7. Creación de categorías
Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web Gestores de Contenidos Web
14 de junio de 2015 Página 4 de 7
También se crearán dos usuarios diferentes, uno llamado “hector garduño real” que será usua-
rio Autor, mientras que el usuario “jefe de todos” será Administrador, por lo que sumando el super
usuario creado al instalar Joomla entonces se tendrán tres usuarios.
2.1. Generación de contenido
Se crearán diversos artículos, el del tema “Lean UX” será general, mientras que el titulado “Profesor
de religión” será de acceso restringido con la finalidad de que el autor lo revise.
Ilustración 8. Creación de usuarios
Ilustración 9. Creación de artículo normal
Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web Gestores de Contenidos Web
14 de junio de 2015 Página 5 de 7
2.2. Añadir feed de RSS
Se enlazara con el feed de noticias de la blog Revista de la UNIR, para ello se tiene que crear un
nuevo Feed.
Ilustración 12. Creación de un artículo restringido
Ilustración 11. Lista de artículos
Ilustración 13. Creación de un nuevo feed
Ilustración 10. Visualización de artículos restringidos con sesión iniciada
Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web Gestores de Contenidos Web
14 de junio de 2015 Página 6 de 7
2.3. Creación de menús para las categorías
Todos los menús que relacionan cada categoría con los artículos deben ser agregados.
Para que el usuario pueda ver las noticias externas también es necesario agregar una nueva
página o ítem al menú, el cual enlaza con el feed que se creó con anterioridad.
2.4. Instalación y configuración de extensión
Ya que la Universidad es Internacional, uno de las exten-
siones más adecuadas que se le podrían añadir es la de tra-
ducción, para lo cual se empleará el plugn GTranslate. Pos-
teriormente debe instalarse cargando el archivo y haciendo
una simple configuración.
Ilustración 14. Creación de Menús
Ilustración 15. Presentación de feeds
Ilustración 16. Descar GTranslate
Ilustración 17. Instalar GTranslate
Por: Héctor Garduño Real
Máster en Dirección e Ingeniería de Sitios Web Gestores de Contenidos Web
14 de junio de 2015 Página 7 de 7
Para la configuración
simplemente hay que
Mostrarlo, Publi-
carlo, Posicionarlo e
indicar las páginas
que lo mostrará, tal
como se muestra en
la siguiente imagen.
Finalmente se puede
navegar entre las pá-
ginas y en cualquier
momento cambiar el idioma.
Ilustración 19. Configuracion de GTranslate
Ilustración 18. Plugin GTranslate traductor funcionando
Recommended