Páginas Web en Páginas Web en JoomlaJoomla

Un paso más en nuestra webUn paso más en nuestra web

Luís Méndez CastedoLuís Méndez CastedoCoordinador TIC Coordinador TIC

CP Los Campos (Gijón)CP Los Campos (Gijón)

Hablaremos sobre:Hablaremos sobre:

Páginas estáticas y dinámicas.Páginas estáticas y dinámicas. Joomla en nuestro entorno.Joomla en nuestro entorno. Características de Joomla.Características de Joomla. Instalación en servidor local.Instalación en servidor local. Instalación en servidor remoto.Instalación en servidor remoto. Primer paseo por Joomla.Primer paseo por Joomla. Consejos finales.Consejos finales.

En el principio fueron las páginas En el principio fueron las páginas estáticasestáticas

Diseño estático HTML más Diseño estático HTML más complejocomplejo

Era laboriosoEra laborioso

HtmlHtml

1.1. Crear todos los documentosCrear todos los documentos2.2. Crear menúsCrear menús3.3. Crear los enlacesCrear los enlaces4.4. Problemas de maquetadoProblemas de maquetado5.5. Un buen diseño es difícilUn buen diseño es difícil6.6. Armar la estructuraArmar la estructura7.7. Subir por FTP contenidosSubir por FTP contenidos

Páginas dinámicasPáginas dinámicas

Web con lenguaje PHP, ASP y HTMLWeb con lenguaje PHP, ASP y HTML Necesitan una base de datosNecesitan una base de datos Lo que vemos en pantalla es generado en Lo que vemos en pantalla es generado en

el momento por el servidor.el momento por el servidor. JoomlaJoomla construye sitios web basados en construye sitios web basados en

PHP con base de datos MYSQL.PHP con base de datos MYSQL.

Páginas dinámicasPáginas dinámicas

Nuestro PC

Servidor remoto

PHP

Interpreta PHP

Base datos

HTML

(Joomla)

Páginas dinámicas JoomlaPáginas dinámicas Joomla en nuestro entornoen nuestro entorno

CP Antonio MachadoCP Antonio MachadoCP CP AtaliaAtaliaCP MontevilCP MontevilCP Evaristo ValleCP Evaristo ValleCP TremañesCP TremañesCP Los CamposCP Los CamposCP V. MareasCP V. MareasEducasturEducasturIES IES Nº5Nº5IES IES UniUni. Laboral. LaboralIES P. FeijooIES P. FeijooIES IES MatajoveMatajove

Desarrolladores de JoomlaDesarrolladores de Joomla

www.joomla.org

www.joomlaspanish.org

Motivos para usar Motivos para usar JoomlaJoomlaSistema de Sistema de código abiertocódigo abiertoEs Es gratuitogratuitoGestión Gestión onlineonlineAdministración Administración sencillasencillaCrea Crea todo tipotodo tipo de sitios web de sitios webResultado final Resultado final impecableimpecableNos Nos facilitafacilita el trabajo el trabajoGranGran comunidad comunidad de usuarios de usuarios

Ventajas

Algunas Características TécnicasAlgunas Características Técnicas

Gestor de contenidos dinámicos Gestor de contenidos dinámicos (CMS)(CMS) Funciona con Funciona con PHP y MYSQLPHP y MYSQL Secciones > Categorías > ArtículosSecciones > Categorías > Artículos EditorEditor de contenidos de contenidos Panel de Panel de administración sencilloadministración sencillo Gestión deGestión de usuarios usuarios Administrador de archivos Administrador de archivos multimediamultimedia Escalable agregando módulos y extensionesEscalable agregando módulos y extensiones Sistema de Sistema de encuestasencuestas dinámicas dinámicas EstadísticaEstadística de visitas de visitas SindicaciónSindicación de noticias de noticias Diseño profesional con Diseño profesional con plantillasplantillas

¡Hacia la instalación y más allá!¡Hacia la instalación y más allá!

Coordinador

TIC

JoomlaJoomlaInstalación en un servidor localInstalación en un servidor local

Nuestro ordenadorNuestro ordenador

Instalación de Instalación de Joomla Joomla Servidor web Servidor web locallocal en Windows en Windows

Requisitos

Servidor Apache

Servidor de bases de datos Mysql

Intérprete y lenguaje PHP

XML y ZLIB

Paso 1Paso 1: Instalamos EasyPHP: Instalamos EasyPHP

Descargamos Easyphp de sourceforget.net y lo ejecutamos

Seleccionamos el idioma

Aceptamos la Bienvenida y la LicenciaAceptamos la Bienvenida y la Licencia

Seleccionamos carpeta de destinoSeleccionamos carpeta de destino

Se lanza la instalaciónSe lanza la instalación

Se inician los servidores y vemos el Se inician los servidores y vemos el iconoicono

Sigamos el rastro a EasyphpSigamos el rastro a Easyphp

Paso 2Paso 2 : Configuramos Mysql : Configuramos MysqlPicamos en el icono Easyphp > Administración > Mysql Gestion

2.12.1. Creamos un usuario administrador. Creamos un usuario administrador

Picamos en “Privilegios”

Picamos en “Agregar nuevo usuario”Picamos en “Agregar nuevo usuario”

Rellenamos los campos pedidosRellenamos los campos pedidos¡¡Anota estos datos!!¡¡Anota estos datos!!

Asigna privilegios totales en la misma página Asigna privilegios totales en la misma página

Ya tenemos al usuario administrador creadoYa tenemos al usuario administrador creado

Picamos en “localhost” y volvemos al administrador de Mysql

2.2.2.2. Creamos la base de datos poniendo el Creamos la base de datos poniendo el nombre, el juego de caracteres del cotejamiento.nombre, el juego de caracteres del cotejamiento.

Mysql crea una base de datos con (0) tablas.Mysql crea una base de datos con (0) tablas.

Paso 3Paso 3: Instalar Joomla: Instalar JoomlaCreamos una carpeta “joomla” dentro del directorio “WWW” de EasyPHP y descomprimimos en ella la versión que tengamos de Joomla.

Con EasyPHP iniciado; en nuestro navegador escribimos: Con EasyPHP iniciado; en nuestro navegador escribimos: http://localhost/joomlahttp://localhost/joomla y arranca la instalación y arranca la instalación

Paso 1Paso 1

Comprueba el servidor, si no se ajusta a lo recomendado nos Comprueba el servidor, si no se ajusta a lo recomendado nos aparecerán anotaciones en rojo.aparecerán anotaciones en rojo.

Paso2Paso2

La carpeta donde lo instalamos tiene que tener los permisos de lectura y escritura adecuados.

Se muestran las condiciones de la licenciaSe muestran las condiciones de la licenciaPaso 3Paso 3

Introducimos los datos que anotamos al crear la base de datos Mysql.Introducimos los datos que anotamos al crear la base de datos Mysql.Paso 4Paso 4

Joomla crea en la base mysql todas las tabla que necesita.

Dejamos en blanco en la instalación local.Dejamos en blanco en la instalación local.Paso 5Paso 5

Si instalamos en servidor remoto, pondremos los datos de nuestro servidor FTP.

Se usa con servidores no Windows.

Nombramos el sitio web.Nombramos el sitio web.Confirmamos el correo electrónico.Confirmamos el correo electrónico.

Creamos la contraseña para el administrador.Creamos la contraseña para el administrador.Paso 6Paso 6

Administrador por defecto es “admin”

Contraseña la que pongamos

Termina la instalación indicándonos que borremos la carpeta Termina la instalación indicándonos que borremos la carpeta “installation” en EasyPHP > www > joomla“installation” en EasyPHP > www > joomla

Paso 7Paso 7

Accedemos al inicio de nuestra web con: Accedemos al inicio de nuestra web con: http://localhost/joomlahttp://localhost/joomla

JoomlaJoomlaInstalación en un servidor Instalación en un servidor

remotoremotoEducasturEducastur

Instalar Joomla en servidor remoto Instalar Joomla en servidor remoto

Requisitos

Servidor Apache

Servidor de bases de datos Mysql

Intérprete y lenguaje PHP

XML y ZLIB

Paso 1 Instalación en EducasturPaso 1 Instalación en EducasturPreviamente accedemos a nuestro espacio web en Educastur con Filezila. Necesitamos los datos de alojamiento de nuestro Centro: nombre del servidor FTP, nombre de usuario y contraseña.

Creamos en el directorio raiz una carpeta donde instalaremos Joomla

Paso 2 Solicitamos permisosPaso 2 Solicitamos permisosNos ponemos en contacto con el Webmaster de Educastur

Le solicitamos que adjudique permisos de lectura, escritura y ejecución a la carpeta que hemos creado en el paso anterior para nuestro

Joomla.

Paso 3 MYSQL en EducasturPaso 3 MYSQL en Educastur

Más Más sencillosencillo que en local. que en local. NoNo hay que hay que configurarconfigurar la base de datos. la base de datos. Tenemos Tenemos una base creadauna base creada por centro. por centro. Solo necesitamos Solo necesitamos nombre y servidornombre y servidor para para

configurar Joomla.configurar Joomla.

Entramos en el servicio de hospedaje y Entramos en el servicio de hospedaje y MySQLMySQLhttp://web.educastur.princast.eshttp://web.educastur.princast.es

Nos pedirán datos de nuestro Nos pedirán datos de nuestro centrocentro

Comprobamos la existencia de Comprobamos la existencia de nuestranuestra base mysql. base mysql.Sola hay una y no podemos crear ninguna otra.Sola hay una y no podemos crear ninguna otra.

Anotamos nombre y servidor.Anotamos nombre y servidor.

Nombre: campos

Servidor: mysql.educastur.es

Descomprimimos el paquete de Joomla en nuestro equipo local y Descomprimimos el paquete de Joomla en nuestro equipo local y subimos con Filezila por FTPsubimos con Filezila por FTP todos los archivos y carpetas a la carpeta todos los archivos y carpetas a la carpeta creada anteriormente en nuestro espacio de Educastur.creada anteriormente en nuestro espacio de Educastur.

Resultado final del FTPResultado final del FTP

Iniciamos la instalación vía web escribiendo en el navegador la URL de Iniciamos la instalación vía web escribiendo en el navegador la URL de la carpeta donde hemos descomprimido todos los archivos de Joomla.la carpeta donde hemos descomprimido todos los archivos de Joomla.http://web.educastur.princast.es/cp/nombrecole/joomla

Y arrancará la instalación como en local

Primer paseo por Primer paseo por JoomlaJoomla http://web.educastur.princast.es/cp/nombrecole/joomla

Front-end

Acceso al Back-end Acceso al Back-end Usuario y contraseñaUsuario y contraseña

Back-endBack-end

Desde este panel tenemos acceso a todo aquello que nos permita nuestro nivel de usuario.

Este sería el panel para el Superadministrador

Consejos antes de construirConsejos antes de construir

¿Qué queremos?¿Qué queremos? Tener Tener clara la estructuraclara la estructura del sitio, secciones, del sitio, secciones,

categorías.categorías. Tipos de usuarios.Tipos de usuarios. Trabajar partiendo de Trabajar partiendo de cerocero Trabajar en paralelo, probando Trabajar en paralelo, probando primero en localprimero en local

y luego en remotoy luego en remoto MenosMenos siempre es siempre es másmás

Joomla nos facilitará el trabajo y permitirá adelantarnos a los problemas.