Diferencia entre revisiones de «Usuario:ManuelRomero/modulo Joomla»

De WikiEducator
Saltar a: navegación, buscar
Línea 1: Línea 1:
{{#widget:Slides}}  
+
{{#widget:Slides}} {{MiTitulo| Administración de servicios: JOOMLA}}  
{{MiTitulo| Administración de servicios: JOOMLA}}
+
<div class="slides layout-regular template-default"><div class="slide">
 +
= JOOMLA =
 +
</div> <div class="slide">
 +
=== Introduccion ===
  
<div class="slides layout-regular template-default">
+
#Conceptos generales
 +
#Instalación
 +
#Administrar
 +
#Configuraición de un nuevo sitio
 +
#Grupos de usuarios
 +
#Gestor de menús
 +
#Gestor de categorías
 +
#Plantillas
 +
#Extensiones de joomla
 +
##Componentes
 +
##Módulos
 +
##Pulg-in
 +
##Idiomas
 +
#Ejemplo de un sitio web / proyecto
 +
</div>
 +
<br>  
 
<div class="slide">
 
<div class="slide">
= JOOMLA=
+
=== Conceptos generales ===
</div>
+
  
<div class="slide">
+
JOOMLA: Gestor de contenido
===Introduccion===
+
#Conceptos generales
+
#Instalación
+
#Administrar
+
#Configuraición de un nuevo sitio
+
#Grupos de usuarios
+
#Gestor de menús
+
#Gestor de categorías
+
#Plantillas
+
#Extensiones de joomla
+
##Componentes
+
##Módulos
+
##Pulg-in
+
##Idiomas
+
#Ejemplo de un sitio web / proyecto
+
</div>
+
  
 
+
*software que permite crear y gestionar un sitio web  
<div class="slide">
+
*separa los contenidos de los mecanismos para gestionarlos  
===Conceptos generales===
+
JOOMLA: Gestor de contenido
+
*software que permite crear y gestionar un sitio web
+
*separa los contenidos de los mecanismos para gestionarlos
+
 
*no necesarios conocimientos técnicos  
 
*no necesarios conocimientos técnicos  
 
*Se basa en un modelo de tres capas
 
*Se basa en un modelo de tres capas
[[Archivo:capas_joomla.png|300px|Modelo de tres capas]]
+
 
#Arquitectura, librerías y plugins hablan de la funcionalidad básica para desarrollar
+
[[Image:Capas joomla.png|300px|Modelo de tres capas]]  
#Aplicaciones Son programas que se ejecutan utilizando la funcionalidad de la capa base
+
 
La capa de extensión son elementos que amplían la aplicación y tienen que ver más con la manera en la que se ven las cosas
+
#Arquitectura, librerías y plugins hablan de la funcionalidad básica para desarrollar  
##Plantillas forma de organizar visualmente la presentación de datos
+
#Aplicaciones Son programas que se ejecutan utilizando la funcionalidad de la capa base
##Módulos forma de presentar los datos
+
 
 +
La capa de extensión son elementos que amplían la aplicación y tienen que ver más con la manera en la que se ven las cosas  
 +
 
 +
##Plantillas forma de organizar visualmente la presentación de datos  
 +
##Módulos forma de presentar los datos  
 
##Componentes forma de orgnaizar y almacenar datos
 
##Componentes forma de orgnaizar y almacenar datos
</div>
+
</div> <div class="slide">
 
+
<div class="slide">
+
 
=== Instalación  ===
 
=== Instalación  ===
  
Línea 69: Línea 68:
 
*el hosting en local con phpmyadmin&nbsp;:)
 
*el hosting en local con phpmyadmin&nbsp;:)
  
El el proceso de instalación creamos el usuario administrador (usuario y contraseña)
+
El el proceso de instalación creamos el usuario administrador (usuario y contraseña)  
  
El final hay que borrar el directorio '''instalation''' pero el propio asistente te lo indica y lo hace si presionas el botón para hacerlo
+
El final hay que borrar el directorio '''instalation''' pero el propio asistente te lo indica y lo hace si presionas el botón para hacerlo  
  
&lt;/div&gt;
+
</div>
  
 
<br>  
 
<br>  
<div class="slide"></div>
 
  
===Administracion===
+
<div class="slide"></div>
*Para administrar un sitio acceder a él
+
===Páginas de referencia===
http://url.del.sitio/administrator
+
www.joomla.org
*introducir usuario y contraseña
+
http://resources.joomla.org
*Accedemos al back end del sistema
+
 
</div>
+
  
  
<div class="slide">
 
===Configuraición de un nuevo sitio===
 
 
</div>
 
</div>
*Después de instalar vamos a configurarlo
 
*Un sitio web se puede atacar desde dos sitios
 
**como usuario del sitio visitándolo '''visitant''' o como administrador '''Editor'''
 
  
[[Archivo:Joomla_uso.png|300px|Acceder a un sitio:Administrar o Visitar]]
+
<div class="slide"></div>
  
 +
=== Administracion ===
  
<div class="slide">
+
*Para administrar un sitio acceder a él
  
===Grupos de usuarios===
+
http://url.del.sitio/administrator
</div>
+
  
 +
*introducir usuario y contraseña
 +
*Accedemos al back end del sistema
 +
A la hora de administrar tenemos muchos elementos para realizar
 +
A continuación iremos creando cada uno de ellos.
 +
</div>
 +
<br>
 
<div class="slide">
 
<div class="slide">
===Gestor de menús===
+
=== Configuraición de un nuevo sitio ===
*Crear un nuevo menú
+
</div>
**tipo titulo y descripción
+
*Después de instalar vamos a configurarlo
*Crear un elemento de menu
+
*Un sitio web se puede atacar desde dos sitios
**publicado-orden-acceso-elemento tipo menu
+
**como usuario del sitio visitándolo '''visitant''' o como administrador '''Editor'''
**tipo de elemento de menu
+
[[Archivo:JommlaCrearElementoMenu.png|300px|Opciones elemento de menu]]
+
**A donde nos dirieje el enlace
+
*Navegar por diferentes menus
+
  
</div>
+
[[Image:Joomla uso.png|300px|Acceder a un sitio:Administrar o Visitar]]
  
 +
<br>
 
<div class="slide">
 
<div class="slide">
===Gestor de menús===
+
=== Grupos de usuarios ===
*tipo de elemento de menu
+
</div> <div class="slide">
Contactos
+
=== Gestor de menús ===
artículos
+
Noticias externas
+
Buscar
+
Gestor de usuarios
+
Enlaces web
+
URL Embebidas
+
Sistemas de enlaces
+
  
 +
*Crear un nuevo menú
 +
**tipo titulo y descripción
 +
*Crear un elemento de menu
 +
**publicado-orden-acceso-elemento tipo menu
 +
**tipo de elemento de menu
  
</div>
+
[[Image:JommlaCrearElementoMenu.png|300px|Opciones elemento de menu]]
  
 +
**A donde nos dirieje el enlace
 +
*Navegar por diferentes menus
 +
</div> <div class="slide">
 +
=== Gestor de menús ===
  
<div class="slide">
+
*tipo de elemento de menu
===Gestor de categorías===
+
</div>
+
  
 +
Contactos artículos Noticias externas Buscar Gestor de usuarios Enlaces web URL Embebidas Sistemas de enlaces
 +
 +
<br>
 +
</div>
 +
<br>
 
<div class="slide">
 
<div class="slide">
===Plantillas===
+
=== Gestor de categorías ===
</div>
+
</div> <div class="slide">
 +
=== Plantillas ===
 +
</div> <div class="slide">
 +
=== Extensiones de joomla ===
  
<div class="slide">
+
*Componentes  
===Extensiones de joomla===
+
*Módulos  
*Componentes
+
*Pulg-in  
*Módulos
+
*Pulg-in
+
 
*Idiomas
 
*Idiomas
 
+
</div> <div class="slide">
</div>
+
=== Ejemplo de un sitio web / proyecto ===
 
+
</div></div>
<div class="slide">
+
===Ejemplo de un sitio web / proyecto===
+
</div>
+

Revisión de 03:14 10 ene 2012

Introduccion

  1. Conceptos generales
  2. Instalación
  3. Administrar
  4. Configuraición de un nuevo sitio
  5. Grupos de usuarios
  6. Gestor de menús
  7. Gestor de categorías
  8. Plantillas
  9. Extensiones de joomla
    1. Componentes
    2. Módulos
    3. Pulg-in
    4. Idiomas
  10. Ejemplo de un sitio web / proyecto


Conceptos generales

JOOMLA: Gestor de contenido

  • software que permite crear y gestionar un sitio web
  • separa los contenidos de los mecanismos para gestionarlos
  • no necesarios conocimientos técnicos
  • Se basa en un modelo de tres capas

Modelo de tres capas

  1. Arquitectura, librerías y plugins hablan de la funcionalidad básica para desarrollar
  2. Aplicaciones Son programas que se ejecutan utilizando la funcionalidad de la capa base

La capa de extensión son elementos que amplían la aplicación y tienen que ver más con la manera en la que se ven las cosas

    1. Plantillas forma de organizar visualmente la presentación de datos
    2. Módulos forma de presentar los datos
    3. Componentes forma de orgnaizar y almacenar datos

Instalación

El proceso de instalación es muy sencillo Es igual en un equipo local que en un servidor de hosting

Prerequisitos
Tener instalado apache, mysql y php

En el hosting seguro que lo tenemos, en local podemos hacerlo instalando XAAMP (www.apachefriends.org/es/xampp.html) o WAMP (www.wampserver.com/en/En caché - Similares)

accedemos a la web de joomla

http://www.joomlaspanish.org/

En ella descargamos la última versión

Un fichero zip que debemos descargar  (buscar siempre última versión)

Descomprimirlo el el directorio DocumentRoot de nuestro servidor web (Donde apache busca el fichero index)

Abrimos el navegador y el proceso de instalación se inicia

Sólo hay un paso en el que debemos crear una base de datos

  • En el servidor web usar utilidades de gestión de mysql que ofrezca
  • el hosting en local con phpmyadmin :)

El el proceso de instalación creamos el usuario administrador (usuario y contraseña)

El final hay que borrar el directorio instalation pero el propio asistente te lo indica y lo hace si presionas el botón para hacerlo


Páginas de referencia

www.joomla.org http://resources.joomla.org


Administracion

  • Para administrar un sitio acceder a él
http://url.del.sitio/administrator
  • introducir usuario y contraseña
  • Accedemos al back end del sistema

A la hora de administrar tenemos muchos elementos para realizar A continuación iremos creando cada uno de ellos. </div>

Configuraición de un nuevo sitio

  • Después de instalar vamos a configurarlo
  • Un sitio web se puede atacar desde dos sitios
    • como usuario del sitio visitándolo visitant o como administrador Editor

Acceder a un sitio:Administrar o Visitar


Grupos de usuarios

Gestor de menús

  • Crear un nuevo menú
    • tipo titulo y descripción
  • Crear un elemento de menu
    • publicado-orden-acceso-elemento tipo menu
    • tipo de elemento de menu

Opciones elemento de menu

    • A donde nos dirieje el enlace
  • Navegar por diferentes menus

Gestor de menús

  • tipo de elemento de menu

Contactos artículos Noticias externas Buscar Gestor de usuarios Enlaces web URL Embebidas Sistemas de enlaces



Gestor de categorías

Plantillas

Extensiones de joomla

  • Componentes
  • Módulos
  • Pulg-in
  • Idiomas

Ejemplo de un sitio web / proyecto

</div>