PROYECTO PRODUCTIVO

UNIDAD DIDACTICA: DISEO WEB

I PARTE INSTALACION EN MODO LOCAL

1.- Qu es Joomla!?
Joomla! es un tipo de CMS, es decir, es software para el manejo de
contenidos de websites directamente desde el servidor, en espaol se
conoce este como Sistema Gestor de Contenidos construido con PHP.
Este administrador de contenidos se usa para publicar en Internet e
intranets utilizando una base de datos MySQL.
Joomla! es software libre, abierto y est disponible para cualquiera bajo
licencia GPL. No se puede afirmar que sea perfecto, y no se puede prometer
que resolver todas las necesidades en el mundo. Pero el software de
Joomla! se ajusta perfectamente al trabajo en muchas aplicaciones web. Se
estn aadiendo nuevas caractersticas importantes en cada versin, y con
la ayuda y consejos de la increble comunidad de usuarios se podr seguir
proporcionando software de reconocido valor en los aos venideros.

INSTALAR XAMPP Y LUEGO EJECUTAR start en Apache Y Mysql

Ingresar al idioma especificado

Pantalla principal del xampp

Creacin de Mase de datos en http://localhost/phpmyadmin/

Descomprimir el archivo de Joomla en la carpeta C:\xampp\htdocs,

crear una carpeta EJEMPLO: WEB

Asistente de instalacin Paso 1. IDIOMA
El primer paso de la instalacin es elegir el idioma del sistema. De forma
predeterminada aparece seleccionado el idioma que corresponde al
lenguaje configurado en tu navegador. Joomla, por tanto, te saluda en
espaol. Haz clic enSiguiente para continuar.

LUEGO abrir un browser y escribir http://localhost/web/

Asistente de instalacin Paso 2. COMPROBACIN PREINSTALACIN

La importancia de este segundo paso radica en la evaluacin de las
caractersticas de tu servidor para averiguar si ser capaz o no de ejecutar
Joomla 2.5.

Despus de las comprobaciones hacer clic en siguiente

Despus de leer el contrato de uso de la licencia hacer clic en siguiente

Asistente de instalacin Paso 4. BASE DE DATOS

Este es el paso ms delicado porque tienes que cumplimentar los datos
referentes a la configuracin de la base de datos que creaste en el servidor
local: el nombre del servidor, el nombre de usuario, la contrasea y el
nombre de la base de datos. Y si no lo haces correctamente, ni siquiera
podrs continuar con la instalacin. En un servidor remoto estos datos te los
habr proporcionado tu proveedor de servicios (es el caso de las webs
institucionales educativas asturianas) o bien podrs gestionarlos a travs de
su Cpanel.

Personalizar la configuracin de la base de datos.

Asistente de instalacin Paso 5. CONFIGURACIN FTP
Probablemente la mayor fuente de problemas para antiguos usuarios de
Joomla era la diferenciacin de usuarios / privilegios en los sistemas UNIX,
que impedan acceder a ciertos archivos y carpetas. Para resolver este
problema sola ser necesario cambiar los privilegios individuales de cada
uno de estos archivos carpetas resultando una tarea bastante tediosa. Con
el objetivo de resolver esta situacin, desde la versin de Joomla 1.5. se ha
incluido una capa opcional de gestin de archivos basada en FTP, de modo
que cada vez que Joomla necesite acceder a un archivo lo haga mediante
este protocolo, en lugar de mediante el protocolo HTTP que es el
configurado de forma predeterminada. Esta capa slo es de utilidad si el

servidor en el que est instalado Joomla 2.5est basado en UNIX / Linux, no

si el servidor es Windows, pues en los sistemas Windows los usuarios y sus
privilegios se gestionan de un modo diferente que no causa este tipo de
problemas.

Asistente de instalacin Paso 6. CONFIGURACIN

Aqu debes configurar algunos detalles sobre el sitio como su nombre, tu
direccin de correo electrnico, establecer tu contrasea de administrador e
incluso la posibilidad de migrar datos desde instalaciones previas de Joomla

Asistente de instalacin Paso 7. FINALIZAR

Esta ltima pantalla te advierte que debes borrar la carpeta instalacin del
servidor, por motivos de seguridad, para comenzar a utilizar Joomla. Hasta
que no la borres y elimines todo su contenido no puedes comenzar a usarlo.
Pulsa el botn Eliminar la carpeta de instalacin para que Joomla se
encargue tambin de esto.

Hacer clic en Eliminar la carpeta de Instalacin Install

La ventana tambin te recuerda que debes utilizar como nombre de usuario
de acceso admin cuando quieras iniciar el sistema.
En Ubuntu tendrs que navegar por el sistema de archivos para borrar la
carpeta instalation de manera manual. Para ello acude a la carpeta var
(doble clic), www (doble clic) y portal (doble clic). Localiza la carpeta
installation y brrala directamente con la tecla Suprimir de tu teclado.
Vuelve al navegador y observa que la ventana del ltimo paso tiene dos
opciones:

3.- Elementos de Joomla!

Joomla consta de distintos elementos dinmicos para su funcionamiento
que permiten modificar el sitio. Estos elementos deben estar programados,
organizados y comprimidos (en una palabra, empaquetados) segn las

especificaciones del desarrollo y directivas de codificacin de Joomla, para

lograr un estndar y que estos puedan ser desempaquetados e instalados
por com_installer que es un componente de administracin que posee
Joomla. Los elementos dinmicos que pueden instalarse son:
Componentes, Mdulos, Mambots, Lenguajes, y Templates.
Componentes
Los Componentes son elementos del ncleo de Joomla! con una
funcionalidad determinada y que se muestran en el cuerpo principal de la
plantilla del sitio web. Dependiendo del diseo de la plantilla utilizada,
suelen estar en el centro de la pgina web.
La instalacin estndar de Joomla! incluye los componentes: Banners
(anuncios), Contactos, Noticias Externas, Encuestas y Enlaces Web, y la lista
puede seguir creciendo.
Mdulos
Los Mdulos amplan las posibilidades de Joomla! proporcionando nueva
funcionalidad al software. Un Mdulo es un pequeo artculo de contenido
que puede mostrarse en cualquier parte que la plantilla lo permita. Los
mdulos son muy fciles de instalar en el Administrador (Back-end).
Joomla! incluye los mdulos: Men Principal, Men Superior, Selector de
Plantilla, Encuestas, Noticias Externas, Contador de Accesos, etc. Pero a
travs de las siguientes ligas se pueden descargar templates para ser
asignadas a nuestro sitio Directorio de Extensiones Joomla! o al Sitio del
Desarrollador.
Un ejemplo del cdigo de un mdulo es: <?php mosLoadModules ( module
position );?>.
Mambots
Un Mambot es una pequea funcin orientada a una tara que intercepta
cierto tipo de contenido u lo manipula de algn modo. Algunos de ellos son
Editores WYSIWYG, {mosimage} y {mospagebreak} ya incluidos en
Joomla!.
Templates
La plantilla (template) y sus archivos asociados proporcionan el aspecto
visual y el manejo del sitio web y se mantienen separados del contenido del
sitio. Esta se almacena en una base de datos MySQL.
La instalacin habitual de Joomla! incluye 2 plantillas pre-instaladas:
madeyourweb y rhuk_solaflare_ii. Los archivos de la plantilla se ubican en
la carpeta templates en la carpeta de instalacin de Joomla!.
Habitualmente constan de los siguientes archivos:
Nombre del Archivo

Detalles

index.php

Este archivo contiene cdigo HTML, PHP y

posiblemente JavaScript, y proporciona el soporte

para el diseo de su sitio web. Adems, en

combinacin con los archivos .css y las imgenes,
determinan la estructura del diseo y los
elementos de contenido del sitio.
templateDetails.xm
l

Este archivo contiene los detalles descriptivos de

la plantilla y las referencias a todos los archivos
usados, ejemplo: index.php, el archivo css

template_thumbnai
l.png

Este archivo se usa, en el Administrador de

Plantillas para proporcionar, si est activado, una
imagen en miniatura del diseo del sitio web.
Debe estar situado en el directorio raz de la
plantilla.

Template_css.css

Situado en la carpeta css del directorio de la

plantilla, esta Hoja de Estilos en Cascada (CSS)
contiene el cdigo que define el estilo visual del
sitio web, ejemplo: tamaos de letra, colores
Pueden existir tantos archivos CSS como usted
desee proporcionar en la referencia HTML del
archivo index.php. Por ejemplo:
<?php echo "<link
rel=\"stylesheet\"href=\"$GLOBALS
[mosConfig_live_site]/templates/
$GLOBALS[cur_template]
/css/template_css.css\" type=\"text/css\"/>" ; ?>
Nota: Aunque en este ejemplo se ha dividido el
cdigo en tres lneas, en la prctica no deben
existir espacios.

Archivos de Imagen

Estos archivos estn situados en la carpeta

images y pueden ser .gif, .jpg o .png.
Constituyen los elementos grficos del diseo del
sitio web.

4.- Modificar la apariencia desde Back-end.

Debe crear una cuenta con los permisos necesarios para poder darle una
nueva configuracin a la pgina. Una vez que ya este dado de alta como
usuario de joomla, debe acceder al formulario de acceso a travs del link:
www.localhost/web/administrator que le desplegara la siguiente pantalla y
usted lo llenar con el nombre de usuario que se le asigno y la contrasea
para permitirle el acceso al Back-end:

Panel de Acceso de modo administrador

Panel de la pantalla de Administracin de componentes el Joomla 2.5

II PARTE INSTALACION EN MODO SERVIDOR

PROPIETARIO
1. Registro de DOMINIO:

2. DIRECCIONAR EL DOMINIO A LOS DNS DEL HOSTING INGRESANDO AL

MENU ADMINISTRAR

3. INGRESAR AL PANEL DE CONTROL DE CPANEL: EJEMPLO:

http://www.iestphuancavelica.edu.pe:2082

4. VISTA DEL PANEL PRICIPAL

5. CREACION DE LA BASE DE DATOS PARA EL JOOMLA

6. DE MODO MYSQL

7. GESTIONAR PLANTILLAS

8. INSTALAR MODULOS A TRAVES DEL GESTOR DE EXTENSIONES

9. ACTIVAR LA PLANTILLA

10.ACTIVAR OPCIONES DE LA PLANTILLA

11.Instalando mdulo de visitas vinaora ( activar el plugin y poner la

posicin donde mostrar)

12.Vista previa del mdulo de visitas

Para ubicar la ubicacin de mdulos escribir: ?tp=1

http://www.iestphuancavelica.edu.pe/portal/?tp=1

13.SEGURIDAD