Presentación Joomla La Almunia

35
joomla 1.5... ¿fácil? cpr la almunia 1/2/2010

description

Powerpoint preparado por Jesús Martínez Verón para la 1ª sesión del curso Pizarra Digital Avanzado, que trata sobre el Joomla

Transcript of Presentación Joomla La Almunia

Page 1: Presentación Joomla La Almunia

joomla 1.5... ¿fácil?

cpr la almunia1/2/2010

Page 2: Presentación Joomla La Almunia

En pocas palabras: ¿qué es?

cpr la almunia1/2/2010

Es un cms (content management system)

O sea, un sistema de administración decontenidos.

Y aún más claro: una herramienta para crear páginas web de aparienciaprofesional sin necesidad de saber programar.

Joomla tiene una web “oficial” donde podemos encontrar el software necesario, ayuda e información:www.joomla.org

Page 3: Presentación Joomla La Almunia

¿Hay otros cms? ¿Es como un blog?

cpr la almunia1/2/2010

Hay otros cms que se van diferenciando en su complejidad y posibilidades.

Joomla es el más potente.

Si sabes manejar un blog tienes mucho avanzado.

Joomla tiene su origen en el lenguaje php.

El primer editor de php fue php.nuke. Por eso hay servicios similares que reciben el nombre de postnuke.

La versión de joomla es la 1.5

Page 4: Presentación Joomla La Almunia

Una caja vacía que deja volar la imaginación

cpr la almunia1/2/2010

Joomla es una aplicación que debe instalarse en un servidor.

En principio es como una caja vacía con enormes posibilidades.No queda otro remedio que “lanzarse”.

CATEDU ofrece un servicio de joomla (aunque limitado). También hay servidores comerciales. Lo que no hay es servicios tipo blogger...

Page 5: Presentación Joomla La Almunia

No os quiero engañar: no es fácil.

cpr la almunia1/2/2010

En más de una ocasión,

parecerá que nunca vamos a

lograrlo.

Lo más difícil es comprender cómo funciona. Y para eso estamos hoy aquí...

Es buena idea informarse en foros y webs especializadas. En castellano, la mejor referencia es:http://www.joomlaspanish.org

Page 6: Presentación Joomla La Almunia

Como sois expertos en blogs, vamos a compararlos para empezar a entender joomla

cpr la almunia1/2/2010

• Servicios web 2.0.• No necesitamos conocimientos de programación.• Zona de administración y frontal.• Diferentes niveles de usuarios.• Gestores de artículos.• Pueden incluir imágenes, vídeos, embeber contenidos, encuestas...• Podemos personalizar su aspecto mediante plantillas.• ...

=Una web creada mediante joomla puede funcionar como un blog. Pero para eso, es mejor (y más sencillo) un blog.

Page 7: Presentación Joomla La Almunia

Como sois expertos en blogs, vamos a compararlos para empezar a entender joomla

cpr la almunia1/2/2010

• Joomla es completamente personalizable.• No sólo puedes cambiar de plantilla. Puedes modificar totalmente la plantilla.• Puedes incluir todo tipo de extensiones: galerías de imágenes, foros, traductores, formularios, editores, gestores de archivos y carpetas...• Además de “noticias” en joomla podemos tener páginas fijas de todo tipo.• Si se conoce algo de programación, las posibilidades son casi infinitas. Además, aumentan cada día.

Las posibilidades de ampliación de joomla crecen, literalmente, todos los días.

Page 8: Presentación Joomla La Almunia

Se lo que estáis pensando. Pero habéis hecho bien en esperar. Empezamos a practicar.

cpr la almunia1/2/2010

Abrid un navegador y teclead la dirección:www.historiadelartecreha.com

Page 9: Presentación Joomla La Almunia

Esto es, más o menos, lo que veis. El frontal. Os explico...(cuerpo, módulos, menús...).

cpr la almunia1/2/2010

La primera apariencia de joomla es muy similar a un blog.

Page 10: Presentación Joomla La Almunia

Ahora entramos en la zona de administración (la interesante).Escribimos: www.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

En todos los casos, la forma de entrar en la zona de administración consiste en escribir /administratordespués de la dirección de nuestro joomla.

usuario:contraseña:

Page 11: Presentación Joomla La Almunia

Creación de usuarios. User Manager www.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Los usuarios los puede crear el administrador desde esta zona de administración.

También los propios visitantes de la página se pueden registrar desde el frontal (en este caso sólo pueden ser “usuarios registrados”).

Realiza:1. Crea una nueva cuenta de usuario (la tuya).2. Elige nombre de usuario y contraseña (el e-mail te mandará los datos a tu cuenta para que los recuerdes).3. Serás administrador del Back-end.4. Selecciona el editor JCE 154 (no viene por defecto).5. Cierra sesión y vuelve a entrar con tu nueva cuenta en la zona de administración.

Page 12: Presentación Joomla La Almunia

Inserción de noticias. Add New Articlewww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Opciones principales del editor:

1. Insertar imágenes (desde servidor y mediante url).2. Fuentes.3. Pegar desde Word.4. Crear tablas.5. Insertar vínculos (externos e internos).6. Vista previa.

Realiza:1. Escribe un artículo.2. Inserta una imagen.3. Elige título.4. Selecciona Sección y Categoría.5. Publica el artículo en la página principal.6. Comprueba el resultado en el “frontal”.

Los parámetros nos permiten cambiar autor,

fechas, opciones de visualización...

Page 13: Presentación Joomla La Almunia

Inserción de noticias. Add New Article. Embeber códigowww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

El botón “embeber” código sirve también para insertar código php, html...

Su aspecto variará en función del editor que utilicemos.

Realiza:1. Busca un vídeo en youtube o una presentación en slideshare (o cualquier objeto que se pueda embeber).2. Insértalo en una noticia utilizando el botón

Page 14: Presentación Joomla La Almunia

Recapitulamos: usuarios, artículos y vemos Article Manager, Media Manager y Front Page Managerwww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Empezamos a tener alguna opción de control más que en un blog.

Ordenamos los artículos en la página principal según nuestras preferencias.

Realiza:1. Cambia de sección y categoría algún artículo que hayas escrito.2. Échale un vistazo al Front Page Manager aunque todos a la vez no podemos estar cambiando el orden de la página principal.

Ya sabemos lo básico. Pero ¿esto era todo?

Page 15: Presentación Joomla La Almunia

Secciones y Categoríaswww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

La opción “Uncategorised” se utiliza para artículos que no pensamos incluir en ningún menú.

Secciones y Categorías no son lo mismo que “botones del menú”.

En primer lugar se crea la Sección y luego la Categoría.

Realiza:1. Crea una Sección y una Categoría nuevas.

Secciones y Categorías sirven para que los administradores organicen los contenidos.

Page 16: Presentación Joomla La Almunia

Los menúswww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Joomla trae por “defecto” unos menús de ejemplo cuando se instala.

Se pueden modificar pero hay uno, “Main menu”, que nunca se debe de eliminar (está marcado con *).

En el caso que vemos “Main menu” se llama “El mundo del Arte”.

Para crear un menú nuevo se utiliza la opción “Menu Manager”.

Zona de administración

Zona pública

Realiza:1. Comprueba que hay un menú (Superior) que está en la zona de administración, pero que no vemos en la zona pública.Esto te indica que cuando creamos un menú no se muestra de inmediato al visitante de la web (tendremos que colocarlo en un “módulo”).

Page 17: Presentación Joomla La Almunia

Menú principal. Main menu.www.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

En este caso “Main menu” se llama “El mundo del arte”, pero conserva la página de “Inicio” original.

Podemos crear nuevos menús, editarlos, publicarlos o no (por defecto siempre es “no”), cambiarlos de orden y decidir de qué tipo es.

Page 18: Presentación Joomla La Almunia

Menú: crear items. Type.www.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Cuando creamos un nuevo “item” en un menú, tenemos que decidir qué se mostrará (y de qué modo) en la zona pública.

Al pasar el cursor del ratón sobre las opciones nos da una pequeña ayuda.

Las opciones son muy amplias: artículos como en un blog, categorías que tiene una sección, páginas externas insertadas (wrapper), links externos...

Realiza:1. Crea un “item” en cualquiera de los tres menús públicos de la página.2. Elige cualquiera de los tipos que te ofrece joomla.3. Asegúrate de que está publicado.

Page 19: Presentación Joomla La Almunia

Menú: opciones de edición y página Inicio.www.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Los valores de edición no suele ser necesario modificarlos a excepción de la página de Inicio.

En la página de Inicio estos parámetros son fundamentales para definir el aspecto que deberá tener nuestra web.Parámetros para definir

la distribución de las noticias si optamos por

la apariencia “blog”.

Fundamental en la página de Inicio.

¿Cómo se llama?¿En qué menú?¿Es submenú?¿Lo publicamos ya?¿Dónde va?¿Quién lo puede ver?¿Dónde irá la navegación?

Page 20: Presentación Joomla La Almunia

Extensioneswww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

La mejor web para la descarga de extensiones es:http://extensions.joomla.org/

Hay extensiones gratuitas y comerciales.

Las extensiones son las herramientas que realmente nos van a permitir controlar joomla a nuestro gusto.Hay cuatro tipos de extensiones.

1. Template: plantilla para configurar el aspecto del “sitio”.2. Módulo: aplicación sencilla que basta con ubicar en la web.3. Plugin: permite interpretar un código con un texto sencillo.4. Componente: programa complejo que debemos de configurar para que funcione. Amplía al máximo la funcionalidad de joomla.

Page 21: Presentación Joomla La Almunia

Ya dije que no era fácilwww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010¿CÓMO?

Page 22: Presentación Joomla La Almunia

Extensiones: ¿dónde se consiguen?www.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

La mejor web para la descarga de extensiones es:http://extensions.joomla.org/

Hay páginas especializadas para descargas en internet. Normalmente están especializadas en plantillas o en el resto de las extensiones.

Los tipos de extensiones (componentes, módulos, plugins) se indican mediante logos muy intuitivos.

En algunas ocasiones una misma extensión necesita, a la vez, un componente y un módulo, o un módulo y un plugin...

Page 23: Presentación Joomla La Almunia

Extensiones: cómo se instalanwww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Hay extensiones gratuitas y comerciales.

Plantillas, módulos, plugins y componentes se instalan de la misma manera.

1. En la página de descarga de la extensión pulsamos Download.2. Guardamos en nuestro ordenador el fichero, siempre del tipo .zip.

3. En la administración de nuestro joomla vamos a Extensión - Install/Uninstall.4. Con Examinar buscamos el fichero .zip en nuestro disco duro.5. Pulsamos Upload file & Install.6. Si el fichero es correcto ya está. Si no lo es, joomla nos avisa.

Page 24: Presentación Joomla La Almunia

Templates: ¿qué son?www.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Buenas páginas para descargar plantillas gratuitas:

www.joomla24.com/

www.joomlaos.de/

Realiza:1. Accede a Extensions / Template Manager.2. Pasa el cursor del ratón por encima de los templates.

Una plantilla es algo más que la apariencia de la web.A partir de una misma plantilla se pueden conseguir webs muy diferentes.

Page 25: Presentación Joomla La Almunia

Templates: parámetros.www.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Los botones Edit HTML y Edit CSS (hoja de estilos) nos permiten personalizar completamente la apariencia de la web.

Realiza:1. Selecciona la plantilla “news_link”.2. Cambiar “Color Style” y comprueba el resultado en la página.

Algunas plantillas nos permiten cambiar los parámetros de configuración de forma muy sencilla.

Page 26: Presentación Joomla La Almunia

Templates: posiciones.www.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Hay plantillas “estáticas” (de ancho fijo) y “dinámicas” (de ancho variable). Es conveniente elegir bien.

Antes de publicar una web con joomla conviene probar diferentes plantillas.

Realiza:1. Selecciona dos plantillas distintas y en cada una de ellas pulsa “preview”.2. Comprueba que los “módulos” de cada plantilla son distintos.

Una opción fundamental es la de “preview”. Nos permite ver claramente los “módulos” de la plantilla y como se llaman.

Page 27: Presentación Joomla La Almunia

Módulos. Module Managerwww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Para añadir un módulo en nuestra web hay que:1. Instalarlo.2. Ubicarlo en una posición de nuestra plantilla.3. Activarlo.

Realiza:1. Pulsa sobre el módulo “S5 Horizontal Login” para desactivarlo. Comprueba que ocurre en la web. Vuelve a activarlo.

Module Manager nos permite saber qué módulos tenemos instalados, si están activados o no, en qué orden, si son públicos o sólo para usuarios registrados y en que posición de la plantilla se sitúan.

Page 28: Presentación Joomla La Almunia

Módulos. Nuevo módulo.www.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Joomla tiene módulos instalados por defecto. Por ejemplo, Banner, Login o Archived Content.

Otros módulos se instalan después de descargarlos de internet.

Realiza:1. Pulsa en la opción “Custom HTML”.

Cuando pulsamos sobre “New” podemos elegir cuál de los tipos de módulos que tenemos instalados en joomla queremos crear.

Tenemos la opción de crear uno totalmente desde cero: “Custom HTML”.

Page 29: Presentación Joomla La Almunia

Módulos. Parámetroswww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Con la opción “Custom HTML” podemos crear un módulo completamente nuevo. Basta utilizar el mismo editor que tenemos para crear las noticias.

Realiza:1. Comprueba qué posiciones del template puedes seleccionar.2. Al seleccionar la posición right, fíjate en lo que ocurre en “Order”.

Título

Posición del template

¿Quién ve el módulo?

¿En qué páginas de nuestra web se ve el módulo?

Editor para crear un módulo desde cero

Page 30: Presentación Joomla La Almunia

Pluginswww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Los plugins son pequeñas aplicaciones que nos permiten hacer más sencilla una tarea, por ejemplo, permitiéndonos editar sin necesidad de utilizar el código para insertar un vídeo.

En el ejemplo que estamos viendo, el plugin “content youtube” nos permite editar un vídeo simplemente con escribir {youtube}id_video{/youtube}

La ventaja, en este caso, es que resulta más fácil acompañar el vídeo de texto, imágenes...

¡Ánimo, que casi lo tenemos!

Page 31: Presentación Joomla La Almunia

Componenteswww.historiadelartecreha.com/administrator

cpr la almunia1/2/2010

Los componentes son programas “complejos” que, normalmente, son configurables.Son las extensiones que pueden convertir a un joomla en una página de aspecto profesional.

Hay algunos componentes que vienen preinstalados en joomla (Banner, Contacts, Polls..). Otros hay que instalarlos (en la imagen, Frontpage SlideShow, JCE y sh404SEF).

En las páginas especializadas se pueden descargar componentes para cientos de funciones diferentes.

Realiza:1. Entra en el componente JCE Administration y repasa todas las opciones que te ofrece. Este es el componente que hemos usado como editor de noticias porque es mucho más completo que el editor de joomla.

Page 32: Presentación Joomla La Almunia

Para acabar...

cpr la almunia1/2/2010

Joomla es una magnífica herramienta pero para administrar una buena página web con ella requiere:

1. Tomar una serie de decisiones previas sobre cómo queremos que sea la web.2. Recordar que las webs deben de ser prácticas y de apariencia sencilla. No abusar de extensiones (nubes, carruseles...).3. Acudir a las webs especializadas cuando lo necesitemos.4. Visitar los foros de joomla cuando tengamos un problema (alguien habrá tenido el mismo problema antes).

Page 33: Presentación Joomla La Almunia

Para acabar...: ventajas sobre los blogs.

cpr la almunia1/2/2010

Recuerda que Joomla te aportará muchas ventajas sobre un blog porque...1. Es mucho más configurable.2. Además de acceder a noticias puedes añadir contenidos fijos.3. Lo podrás administrar hasta el último detalle.4. Su apariencia es realmente profesional.5. Integra cualquier clase de contenidos.

Page 34: Presentación Joomla La Almunia

Para acabar...: webs interesantes.

cpr la almunia1/2/2010

Webs “generalistas”:www.joomla.orgwww.joomlaspanish.org

Descarga de templates:www.joomlaos.dewww.joomla24.com

Extensiones:http://extensions.joomla.org

Educación (y más):www.edujoomla.es

Foro:www.joomlaspanish.org/foros/

Page 35: Presentación Joomla La Almunia

Y nada más. Espero que ya hayamos logrado nuestro objetivo.

¡GRACIAS POR LA PACIENCIA!

cpr la almunia1/2/2010