Hoy pasamos a la práctica. Como hasta ahora, el punto de partida siempre será el diseño de un sitio Web para un Instituto o un centro educativo y te proponemos la creación de un número concreto de secciones y categorías por ello. Tienes que tener en cuenta que este modelo es completamente adaptable: te corresponderá a ti crear más o menos secciones y categorías dependiendo de las necesidades de tu sitio web y que, además, no es inalterable, en cualquier momento del mantenimiento del sitio podrás crear nuevas secciones, nuevas categorías y asignar tus artículos nuevos o ya escritos a éstas.

Si se analizan las necesidades de un sitio para un centro educativo, una de las primeras cuestiones que consideramos es la posibilidad de diseñar secciones específicas para nuestros posibles visitantes: nuestros alumnos, el profesorado del centro, las familias de nuestros alumnos, un usuario cualquiera que desee obtener información del centro como su horario o su ubicación geográfica, etc. En ellas, cada visitante encontrará información que le sea pertinente y de su interés. De esta manera, se consigue que los contenidos que se ubiquen en el sitio Web sean los específicamente destinados a cada perfil del visitante. Pero no es menos cierto que también es necesario “vigilar” la privacidad y la confidencialidad de lo expuesto en el sitio Web. Joomla nos permite, de una manera sencilla, crear secciones diferenciadas, pero además, nos facilita mucho la posibilidad de que los contenidos que en ellos se establezcan sean de acceso público o no, o restringido a determinados usuarios.

De ahí que nuestra primera decisión sea la creación de secciones diferentes según los perfiles de nuestros usuarios. Para comenzar, crearemos cuatro secciones en nuestra Web: centro, alumnado, familias, profesorado.

Crear una sección en Joomla

Decidir qué secciones crearás será lo más difícil porque crearlas, técnicamente, en Joomla es sumamente sencillo… y repetitivo. Una vez que conozcas el procedimiento para hacerlo sólo tendrás que repetirlo para cada una de las secciones que crees en tu sitio Web.

No existen apenas diferencias entre la creación de una sección en Joomla versiones 1.o.x o versión 1.5, salvo en la localización de los menús correspondientes que te permitirán acceder a esta funcionalidad.

En esta práctica crearás una sección Centro, sección que te servirá para alojar todos los artículos que te servirán para informar o describir aspectos relacionados con tu centro.

En Joomla 1.0.x

• En Panel de Control haz clic sobre el botón Administrador de secciones.

• Haz clic en el botón Nuevo en la nueva página.

• Se abre una página en la que tendrás que introducir el nombre para la sección y ciertos parámetros y opciones.

Utiliza un nombre corto para el campo Titulo y para el nombre de la Sección: te recomendamos que emplees el mismo término en los dos casos. En este ejemplo, Centro, lógicamente. El título es un nombre que se utiliza para mostrarse en el menú principal; el nombre de la sección es la cabecera para la lista de categorías. Esto será exhibido en la sección de contenido del Frontend de su sitio.

Observa que en nivel de acceso la opción predeterminada es Public. Es la correcta, pues se desea que la sección sea accesible para otros usuarios (nuestros visitantes de la Web). Observa que también, por defecto, se encuentra validada la opción Si en Nivel de acceso: también es la opción correcta porque para que la sección sea accesible debe estar publicada (si validas la opción No, la sección no se publicará y los visitantes no podrán acceder a su contenido). Como ves, estos dos parámetros son muy importantes en Joomla: en el primer caso, restringes o no el acceso a ciertos visitantes de la web, en el segundo puedes impedir que se publique el apartado en cuestión.

En la parte derecha de la pantalla tienes la opción Enlaces en el menú disponibles para guardar.

Tras guardar la sección creada, aquí puedes incluir un enlace directo al menú deseado. Sin embargo, dado que todavía no hemos creado ningún menú (cosa que haremos en un nuevo tutorial) de momento, olvídate de ella.

Finalmente haz clic sobre el botón Guardar, para que la sección sea creada definitivamente.

En Joomla 1.5

No existen demasiadas diferencias con respecto a la versión anterior de Joomla. En el Panel de control encontrarás el Gestor de secciones que te permitirá crear y editar las secciones de tu sitio Web, utilizando idénticos procedimientos a los señalados en el punto anterior. Cabe destacar que algunos de los parámetros para la creación de una nueva sección son mucho más claros que en Joomla 1.0.x como la opción Publicado, con un mensaje más claro para el administrador de su funcionalidad. También han desaparecido todas las opciones relativas a la asociación con menús, pues el apartado de creación, edición y gestión de menús ha sido completamente revisado en este nueva versión, como veremos próximamente.

Ahora tienes que repetir estos procedimientos para crear las otras secciones del sitio Web. Por ejemplo, alumnado, Familias y Profesorado.

Crear nuevas categorías

Con respecto a las categorías que se incluirán en cada sección, esto depende muchísimo de la información que vayas a publicar: si el centro tiene proyectos en curso y son o no muy activos y generan su propia información, si se disponen de Departamentos en los que el equipo de profesores publica sus programaciones, tareas, actividades o apuntes para los alumnos, si la Asociación de Padres y Madres desea mantener su propio espacio en la web, etc. Te ofrecemos ejemplos concretos pero este apartado es el más personalizable:

1. Sección Centro: crea las categorías general (información no clasificable en las categorías creadas), organización (información sobre órganos unipersonales y colegiados del centro), secretaría (libros de texto, calendario escolar, becas y ayudas al estudio, avisos, matrícula, admisión de alumnos), proyectos (una categoría por cada uno de los proyectos del centro: Proyecto TIC, Proyecto de Apertura de Centros, Biblioteca escolar, Animación a la Lectura, Proyecto Comenius).
2. Sección Alumnado: crea las categorías general, Junta de Delegados, Actividades Complementarias, Actividades Extraescolares.
3. Sección Familias: crea las categorías general (información general dirigida a las familias), AMPA (información de la Asociación de Padres y Madres) y actividades (información sobre actividades específicas organizadas por la AMPA).
4. Sección Departamentos: crea diferentes categorías para cada uno de los Departamentos de tu IES.

La creación de categorías funciona exactamente de la misma forma que la creación de secciones, con la salvedad de que es necesario decidir a qué sección debe asignarse la categoría que se está creando.

En Joomla 1.0.x

Pasos para crear una categoría desde el Administrador de categorías:

1. En Panel de Control, haz clic sobre Administrador de categorías.
2. Haz clic en Nuevo para abrir la página de creación de nueva categoría.
3. Introduce un nombre corto en Título y nombre de la categoría. Ejemplos según las categorías anteriores: General, Organización, Secretaría, Proyecto TIC, Proyecto Biblioteca, Proyecto Comenius, AMPA, Complementarias, Extraescolares, Educación Física, Tecnología, Física y Química… y similares.
4. Asegúrate de asignarlo a la sección correspondiente. Presta mucho atención a este paso, no cometas errores.
5. Asegúrate de que su acceso sea Público, al menos de momento (¿no empiezas a vislumbrar qué sucedería si el acceso a una categoría fuera para usuarios registrados o para usuarios con permisos especiales?) y que la categoría se encuentre publicada, tal y como se establece por defecto.

En Joomla 1.5

Al igual que ocurre con la creacción de secciones, las diferencias con la versión Joomla 1.0.x son mínimas. La creación y edición de categorías se realiza a través del Gestor de categorías que localizarás en el Panel de Control o en el menú Contenidos y el procedimiento es idéntico a la versión 1.0.x. Sigue las mismas recomendaciones que te hemos indicado en el punto anterior.

Recuerda que tienes que crear todas y cada una de las categorías que tengas pensadas y asignarlas a sus secciones correspondientes: la lista puede ser muy larga, si tu sitio es muy complejo.

---

No cabe duda que estas tareas resultan tediosas por repetitivas pero son el esqueleto y la estructura que contiene toda la colección de artículos que crearás a lo largo de tu trabajo de actualización y mantenimiento de la Web (ojo, de momento, esta estructura no tiene visualización en tu sitio Web, es una estructura interna). Lógicamente este esquema de secciones y categorías dependerá de los contenidos que quieras abordar y de la complejidad de tu sitio Web, pero te recomendamos que los decidas previamente y anotes, en lápiz y papel, los  contenidos que abordarás en la Web para que sea lo más claro posible.

Y te reiteramos que no son esquemas rígidos porque en cualquier momento que desees añadir nuevos contenidos podrás crear nuevas secciones y categorías, o asignar los ya creados a categorías y secciones diferentes, pero debe ser lo suficientemente claros para tu primera organización de la Web.

Y esto no requiere que seas un experto diseñador gráfico ni que manejes aplicaciones potentísimas que te supongan horas de aprendizaje. Te aseguro que sólo necesitas conocer tres o cuatro tareas básicas: una de ellas, la protagonista de nuestro artículo de hoy, el recorte de imágenes; de otra, ya te hemos hablado en un anterior artículo, cómo reducir el tamaño de imágenes. Como mucho pasar imágenes a blanco y negro o en escala de grises para utilizar a la hora de fotocopiar o el trabajo con textos, para asombrar a todos con tus portadas, folletos o carteles.

Te recomendamos  que no te pierdas nuestra serie de artículos dedicados a Gimp y te asombrarás de lo que serás capaz de crear utilizando esta aplicación de retoque fotográfico de código abierto, gratuita, libre y en español.

Para realizar este artículo se ha utilizado la versión Gimp 2.4.6 instalada en un equipo con Ubuntu Hardy Heron 8.04, pero no tendrás ningún problema para realizar las prácticas que te sugerimos en cualquier otro sistema operativo: recuerda que Gimp es un programa multiplataforma y que dispones también de versión para Windows XP y Windows Vista. Así pues, no tienes excusas para instalar y utilizar este excelente programa libre de diseño y retoque fotográfico.

http://flickr.com/photos/davelau/1347486440/sizes/l/in/set-72157600713669336/

La fotografía incluye una leona en la parte derecha de la imagen que deseamos aislar del resto. Si deseas utilizarla para seguir paso a paso nuestras indicaciones guarda la imagen en una carpeta de tu equipo (recuerda bien dónde se encuentra pues la utilizarás a continuación) mediante la opción del menú contextual del botón derecho del ratón de tu navegador Guardar imagen como. Puedes también, si lo deseas, utilizar cualquier otra imagen de tu interés.

Usuario Chi King - Flickr Licencia Creative Commons 2.0

Lo primero que tendrás que hacer, lógicamente, es abrir la imagen que deseas recortar en Gimp. Por tanto, ejecuta la aplicación por cualquiera de los procedimientos que ya conoces para abrir el programa. Para abrir la imagen vete el menú Archivo y selecciona la opción Abrir. Observa que se despliega el cuadro de diálogo Abrir imagen. En el desplegable se encuentran las carpetas y los archivos de tu equipo. Puedes ver la imagen que selecciones en tamaño reducido con la opción Vista previa del cuadro de diálogo.

Una vez localizada la imagen con la que vas a trabajar, por ejemplo, la que acabas de descargar, haz doble clic sobre ella para visualizar su contenido en Gimp (o selecciona y cliquea el botón Abrir). Ya tienes la imagen sobre la que vas a trabajar en pantalla, haz una copia antes de empezar a trabajar con ella para no retocar la imagen original (menú Archivo de la propia imagen - Guardar una copia).

Para trabajar con mayor comodidad con Gimp te proponemos una serie de trucos:

• Coloca la caja de herramientas de Gimp en un extremo, manteniéndola visible y deja en el centro de la pantalla la imagen con la que vas a trabajar. De este modo, resultará mucho más fácil seleccionar una herramienta en cualquier momento.
• Ajusta el tamaño de la ventana de la imagen colocando el cursor en una esquina y cuando el cursor del ratón adopte la forma de una flecha, mantén presionado el botón del ratón y arrastra la ventana hasta lograr el tamaño deseado.

Comenzamos con el recorte de la imagen. Puedes utilizar dos procedimientos muy diferentes. Aprovechamos el artículo para indicarte ambos y así aprenderás nuevos aspectos básicos de Gimp como son utilizar las herramientas de recorte y de selección rectangular. Experimenta con las dos opciones y quédate con aquella que te resulte más cómoda:

1. Recortar la imagen utilizando la opción Autorecortar imagen
2. Recortar la imagen utilizando la herramienta de selección rectangular

Primer procedimiento: Autorecortar imagen

Acude a la Caja de herramientas y haz clic sobre la herramienta de recorte (el mismo resultado obtendrás si acudes al menú Imagen y seleccionas Autorecortar imagen).

Observa que el cursor del ratón se transforma en el herramienta Recortar. Sólo tienes que hacer clic en el lugar exacto donde quieras hacer el recorte y arrastrar el ratón (manteniendo pulsado el botón izquierdo del ratón) en diagonal hasta formar una ventana y así seleccionar la parte de la imagen que te interese. Puedes ajustar aún más esta selección: puedes mover esta ventana a otra posición haciendo clic y arrastrando a otro lugar de la imagen (observa cómo se transforma el cursor del ratón para indicarte que puedes mover la selección) e incluso cambiar sus límites para ajustar aún más el tamaño deseado: acerca el cursor del ratón hacia sus lados o esquinas. Cuando éste cambie de forma, mostrando unas pequeñas flechitas, arrastra hasta obtener el resultado que precises. De esta manera, encuadrarás la imagen a la perfección.

Cuando finalices, haz clic sobre la imagen para proceder a su recorte. Todo lo que se encontraba a su alrededor habrá desaparecido.

Guarda ahora la nueva imagen en tu equipo tal y como ya te hemos mostrando en un artículo anterior: utiliza la opción Guardar o Guardar como… del menú Archivo para ello.

Segundo procedimiento: La herramienta Selección rectangular

Como has podido comprobar el procedimiento anterior es muy sencillo y te permite un buen control sobre el recorte de la imagen. Ahora te indicaremos un segundo procedimiento, que no sólo te permitirá recortar partes de la imagen, sino que también te permitirá mover o rellenar con un color el área que queda dentro de la selección.

Nota. También la herramienta Selección rectangular te permitirá seleccionar elementos concretos para indicar a Gimp qué partes de una capa (ya verás este concepto más adelante) se verán afectadas por un cambio (pintura, relleno, filtro, transformación…) y cuáles no. Normalmente, cuando no hay selección de ningún tipo, los cambios se aplican a toda la capa.

La forma de utilizar la herramienta Selección rectangular es sencilla y muy similar a la herramienta que has visto en el apartado anterior. Abre de nuevo la imagen descargada y realiza una copia para trabajar sobre ella.

Haz clic en el icono herramienta Selección rectangular ubicado en la Caja de Herramientas.

Coloca el cursor del ratón en una esquina de la imagen y, manteniendo presionado el botón izquierdo del ratón, arrastra el cursor en diagonal para formar una ventana de selección. Suelta luego el botón del ratón para terminar la selección. Observa que, a diferencia de la herramienta anterior, el área seleccionada queda enmarcada con líneas discontinuas y parpadeantes que se desplazan alrededor de la imagen. Esto es lo que se conoce como selección flotante. Puedes cancelar la selección que acabas de realizar simplemente haciendo clic con el cursor del ratón fuera del área punteada.

Ahora bien, debes de saber que este rectángulo de selección no queda seleccionado definitivamente, sino que se encuentra “preseleccionado”, es decir, que puedes editar la “preselección” en el caso de que no se ajuste a lo que deseabas (exactamente igual que la herramienta anterior, podrás mover la selección o cambiarla de tamaño). Para confirmar la selección pulsa la tecla ENTER o bien haz clic con el ratón en el interior del rectángulo de selección. Esto no te impide volver a utilizar la herramienta Selección rectangular para comenzar una nueva selección, si la realizada no es de tu agrado, en cualquier momento.

Nota. Si después de iniciar la selección pulsas la tecla Ctrl de tu teclado, la selección se realizará desde el centro del rectángulo, no desde la esquina superior izquierda.

Para recortar la parte de la imagen seleccionada acude, finalmente al menú Imagen y selecciona la entrada Recortar a la selección. El resultado será exactamente el mismo que en el procedimiento anterior: todo lo que se encuentre alrededor de la parte seleccionada de la imagen desaparecerá.

No cabe duda que tal vez consideres el primer procedimiento descrito más rápido, sin embargo, la ventaja que tiene éste sobre el anterior es que la selección rectangular te permitirá editar esta parte de la imagen previamente a su recorte, si lo deseas. Por ejemplo, prueba con la entrada Desaturar del menú Color y para experimentar selecciona una de las opciones (claridad, luminosidad, media) y haz clic sobre el botón Desaturar. Los cambios sólo se aplican al elemento de la imagen seleccionado. Ahora… ¡recórtala, como ya te hemos indicado, y guarda la imagen final!

Descarga o imprime el tutorial realizado en formato PDF: Acceder

Accede al Videotutorial en formato swf: Gimp: recortar una imagen

Para instalar el plugin en Ubuntu Hardy Heron 8.04 (la versión que tengo actualmente instalada) y en Gimp 2.4.6 (la última versión estable) acude al sitio Web de Alberto Lepe Garza quien nos ha preparado un paquete deb ya configurado para que el proceso de instalación en Ubuntu sea extremadamente sencillo. Sólo tendrás que descargar la versión que precises (elige entre versión x86 o amd64) y permitir su ejecución a través del Gestor de paquetes GDebi y en breves segundos el plugin se instalará rápidamente.

Abre una imagen en Gimp y acude al menú Archivo. Ahora ya localizarás la nueva entrada en el menú Archivo.

Sitio About Linux, Save for the Web: Acceso

Descarga el paquete deb para equipos x86: Descarga

En este artículo os contaré algunas de mis primeras impresiones, las de una usuaria novel que aún le queda mucho por probar y experimentar con Elgg pero que, en principio, lo poco visto me ha agradado enormemente por sus implicaciones en el ámbito educativo: e-learning, grupos, comunidades, blogs, uso compartido de archivos… y muchas otras funciones idóneas para un aprendizaje cooperativo y colaborativo: integración con Moodle, Drupal, MediaWiki, podcast, permisos de acceso…

Elgg, plataforma de código libre para redes sociales

Elgg es una aplicación web social open-source licenciada bajo licencia GPL v.2 (software libre) que se ejecuta en LAMP (Linux, Apache, MySQL y PHP) o Wamp (Windows, Apache, MySQL, PHP). Es una plataforma, por tanto, para redes sociales (esas que ahora están tan de moda con Facebook, Twitter, MySpace, Del.icio.us, Flickr… y que se están abriendo paso vertiginosamente en Internet). Estas plataformas (sistemas abiertos que se van construyendo con lo que cada usuario aporta) nos permiten interactuar con otras personas aunque ni siquiera las conozcamos, compartir nuestros intereses, preocupaciones o necesidades, establecer comunidades de personas que comparten actividades o experiencias y conectarnos a determinados grupos seleccionados con todos los beneficios psicosociales que ello conlleva. Básicamente su funcionamiento, sea cual sea la plataforma utilizada, es muy similar: se monta el soporte técnico, los que inician el proyecto invitan a amigos y conocidos a formar parte de la red social, cada nuevo miembro trae consigo muchos nuevos miembros y así sucesivamente. Este crecimiento geométrico comporta cientos de miembros de la red conectados, ¡y a un bajo coste!.

Nota. Si te interesa el tema te recomiendo la lectura de El poder de las redes, un libro en formato PDF de Dominio Público, en el que David de Ugarte desarrolla estas temáticas con todo lujo de detalle. No te lo pierdas si quieres conocer hacia donde van las nuevas tendencias en la Red de Redes.

La cuestión, hasta ahora, estriba en que debes entrar a formar parte de esa comunidad de usuarios ya establecida, que tiene sus propias reglas y que puede o no admitir tu participación e incluso censurar tus opiniones. ¿Te imaginas, en cambio, poder contar con tu propia red social?.  Para eso tienes Elgg. Piensa en sus implicaciones educativas: pensar, escribir, compartir, comunicar, participar… Todo eso, y mucho más, es Elgg.

Llevo unos días utilizando esta plataforma instalada en el servicio de hosting 1&1, “jugando” con ella en un primer sitio de pruebas: Comunidad: Con el ordenador a cuestas y aún me quedan muchísimas cosas por hacer y por aprender.

La he instalado en local, en un servidor wamp (accede al artículo que te indica como instalar Xampp en Windows XP, si deseas hacerlo), sin problemas y en una instalación rápida y sencilla (te indicaremos cómo, para eso está Con el ordenador a cuestas), he intentado repetir el proceso pero en un servidor lamp, en mi flamante portátil con Ubuntu 8.04, con ciertos problemillas que aún no he resuelto y que me tienen muy ocupada en localizar la solución (por cierto, si algún lector de este blog lo ha conseguido le estaría muy agradecida si compartiera con todos nosotros cómo lograrlo)… y espero impaciente a que llegue el día 18 de Agosto, fecha de publicación del lanzamiento de la próxima versión de Elgg (Elgg 1.0, release) para testearla.

Pero Elgg, de momento, no es un camino de rosas, no nos engañemos:

1. Muy poca documentación, ya hemos hablado de ello, y muy escasa en español. Dificultad que seguramente se salvará cuando Elgg se haga más y más popular y cada vez más usuarios de lengua castellana la utilicen.
2. Su panel de administración es más bien limitado.
3. La instalación, aunque sencilla, no es del todo amigable y se requieren ciertos conocimientos técnicos. Aunque la Red ayuda mucho, en este sentido, sólo hay que seguir instrucciones y la instalación será cosa de niños.
4. La edición del sistema es complicada, por ejemplo, para editar las plantillas en uso, modificar el contenido de las páginas… Se necesitan conocimientos en lenguaje html, manejo de hojas de estilo, conocimientos básicos en lenguaje PHP… Al  menos, en lo concerniente a la administración del sistema, no está al alcance de cualquiera.
5. A pesar de buscar exhaustivamente por Internet apenas localicé sitios que ofrezcan soporte, foros de participación, páginas con resolución de problemas, etc… acostumbrada como estoy a que mis dudas con WordPress, Joomla… se resuelvan tras algunas búsquedas.

y aún no he experimentado con módulos, plugins ni cambios de plantillas, así que desconozco qué problemas encontraré en el futuro.

Pero, en cambio, la utilización de la plataforma por parte de los miembros que quieran formar parte de nuestra red social es extremadamente fácil, apenas son necesarios conocimientos técnicos para establecer grupos de trabajo o comunidades y para administrarlos, la publicación de blogs personales o del blog de cada comunidad es sencilla, la administración de nuestro disco duro virtual, simple. ¡Elgg se merece un hueco en nuestra agenda!

Sitio oficial del proyecto: Elgg.org

Elgg Documentation (en inglés): acceder 

Documentación (en español): Elgg en español 

Tutorial (en español): Aprender en Red

Happies Wiki: Elgg (en español): acceder 

EduSpaces: comunidad internacional. Acceder 

Blocs y portafolis del Tarradell: ejemplo de utilización en un IES. Acceder

Comunidad del Software Libre Bolivia: SLOB 2.0

¿Empiezas a vislumbrar algunas de sus posibilidades?
¡Anímate y descarga Elgg!

En la imagen, el particular homenaje del equipo gráfico de Google en el día de la inauguración (8 del 8 del 2008).

Visita Maps Google - Juegos de Pekín 2008

Tal y como has hecho en nuestros artículos anteriores dedicados a Scribus, en primer lugar, descarga o imprime el manual correspondiente y, a continuación, realiza las prácticas que te sugerimos.

Una ficha descriptiva para Conocimiento del Medio

En el capítulo 2 realizamos un Cartel conmemorativo aprovechando las técnicas básicas de inserción de texto e imagen en Scribus. Con los nuevos contenidos abordados en este capítulo lograrás que tus documentos tengan un mayor impacto visual y, sobre todo, muestren la información bien organizada, gracias a la utilización de tablas en ellos.

El objetivo final es la realización de un cartel para el aula en el que se mostrarán las características básicas de los animales vertebrados, ilustrado mediante una selección de imágenes previamente localizadas en Internet y descargadas a nuestro equipo. En este caso, utilizaremos fotografías de la Wikipedia, popular enciclopedia libre, cuyo contenido se muestra bajo licencia GNU y que, por tanto, nos permite utilizar las imágenes que alberga libremente, pudiendo copiarlas, redistribuirlas o modicarlas, siempre bajo esta misma licencia.

El aspecto final de nuestra ficha descriptiva será similar a la siguiente captura de pantalla:

Prepara el material necesario

Crea una carpeta para albergar las imágenes y el documento que realizarás en Scribus (carpeta vertebrados). Guarda en ella cada una de las fotografías que utilizarás en el cartel y que te ofrecemos a continuación (utiliza la opción del botón derecho del ratón sobre la imagen Guardar imagen como):

Prepara la página. Abre un nuevo documento en Scribus en tamaño Din A-4 y orientación vertical. Establece los márgenes superior e inferior a 1,80 cm y los márgenes derecho e izquierdo a 2,20 cm. Guárdalo con el nombre animvert (extensión sla, nativa de Scribus) mediante archivo - guardar como en la carpeta que has creado en el paso anterior.

Realiza el borde de la página

Selecciona la herramienta forma y dibuja un rectángulo que abarque todo el ancho de la página. Edítalo desde la ventana Propiedades (tecla F2). Para ello, sigue nuestras indicaciones:

• Sección X,Y,Z. Selecciona el rectángulo y configura los siguientes parámetros: posición_X, 2,20 cm; posición _y, 1,80 cm. Así el rectángulo comenzará en la esquina superior izquierda de la página. Haz clic sobre el eslabón de la cadena en Anchura y Altura para poder modificar ambos valores independientemente uno de otro (observa que se rompe la cadena): teclea 16,5 cm en anchura y 1,2 cm en altura.
• Sección Colores. Haz clic sobre el bote de pintura para editar el color de relleno de la forma y elige en la lista de colores el color Blue4. En el caso de que la forma tenga línea de contorno haz clic sobre el lápiz en esta misma sección y selecciona la primera entrada de la lista Ninguno para que la forma no tenga contorno.

Repite el procedimiento pero ahora realizando un rectángulo muy estrecho que abarque el documento de arriba a abajo. Por ejemplo, con los valores:

• Posición_X: 2.20 cm
• Posición_y: 1,80 cm
• Anchura: 0,3 cm
• Altura: 25,0 cm
• Color de relleno: Blue4
• Color de línea: Ninguno

Pon el título al cartel

Haz clic sobre la herramienta Marco de texto y dibuja un rectángulo sobre el borde horizontal azul. Utiliza el menú contextual del botón derecho del ratón para elegir la entrada Editar texto. Teclea con letras mayúsculas ANIMALES VERTEBRADOS (formatea este texto utilizando un tamaño de letra que prácticamente alcance la anchura de la forma, por ejemplo, en nuestro caso Times New Roman, tamaño 30 puntos). Selecciona como color de relleno, el color blanco (white), para que la fuente destaque sobre el fondo oscuro.

Teclea la definición

Mediante la herramienta Marco de texto - botón derecho del ratón Editar texto, teclea la siguiente definición: Son animales que tienen esqueleto interno, con columna vertebral. Utiliza un formato de fuente a buen tamaño, 18 puntos, por ejemplo, para que sea bien visible. Establece como fondo el color Azure2: ventana Propiedades, sección Colores - Editar color de relleno.

Crea las tablas para colocar la información descriptiva: grupos de animales vertebrados

Crea una tabla de 5 filas y 1 columna con los siguientes parámetros de configuración: posición_X, 2,5 cm, posición_Y, 6,5 cm, Anchura, 5,5 cm y Altura 13,5 cm. En cada casilla teclea MAMÍFEROS, AVES, ANFIBIOS, PECES, REPTILES. Edita el texto para que la fuente tenga el color Blue4: hemos definido un tipo de fuente Times New Roman, tamaño 30 puntos, alineación a la derecha.

Crea una segunda tabla de 5 filas y 1 columna con los siguientes parámetros: posicion_X: 8,2 cm, posición_Y: 6,5 cm, anchura: 6,5 cm, altura: 13,5 cm… para que se encuentre ajustada en paralelo con la tabla anterior. En cada casilla teclea las características de cada uno de los grupos anteriores. Selecciona tipo de fuente Times New Roman, tamaño 12 puntos, alineación a la izquierda.

Haz clic con el botón derecho del ratón sobre cada una de las tablas y selecciona la entrada Is Locked para bloquear la posibilidad de mover o modificar las tablas realizadas: así evitarás manipulaciones accidentales.

Ilustra el cartel con imágenes

Por el procedimiento que ya conoces: insertar marco de imagen - botón derecho del ratón Get image - pestaña Propiedades - Sección Imagen - Escalar al tamaño del marco, posiciona las imágenes descargadas en el documento según tus preferencias.

¡Terminado! Ahora guarda de nuevo el documento y no te olvides exportarlo a formato PDF. Imprímelo y utilízalo en tu aula con tus alumnos.

Descarga el documento final en formato nativo de Scribus: animvert.sla

Descarga el documento en formato PDF: animvert.pdf

Nota. Debes crear, por lo menos, una sección, y dentro de ella, por lo menos, una categoría,
antes de crear cualquier artículo de contenido o documento en Joomla.

¿Te lías un poco? Los conceptos de secciones y categorías pueden resultarte un tanto confusos y difíciles de comprender, así sin más, pero si planificas previamente tu sitio Web te resultará fácil su creación. Debes establecer, con lápiz y papel, el menú de navegación que incluirá tu sitio Web, pues eso condicionará, con toda probabilidad, la creación de secciones, categorías y, también, los futuros menús de navegación. Nosotros te ofreceremos un ejemplo de las posibles secciones, categorías y, en futuros artículos también los menús de navegación, que puede poseer una web-tipo para un centro educativo, ya sea de Primaria o Secundaria, pero, lógicamente, te corresponderá a ti adaptarlo a tus necesidades concretas.

Pero si el concepto de secciones y categorías puede resultarte a priori un poco lioso, su proceso de creación en Joomla es extraordinariamente sencillo y repetitivo: prácticamente el único dato que tendrás que considerar será su nombre.

Te adelantamos otro dato: la estructura de secciones y categorías no tiene necesariamente que coincidir con los menús de tu Web, aunque sí es posible que una gran cantidad de los menús de tu sitio se relacionen directamente con categorías creadas. Como verás más adelante, los menús en Joomla son sólo enlaces a distintos apartados de la Web y podrás crear estos enlaces a una sección, a una categoría, pero también a artículos de contenido o a componentes instalados en el sistema. Las posibilidades son muchas y muy variadas.

Y aunque te ofrecemos un criterio de clasificación tipo, el sistema es tan flexible que te permitirá editar las secciones y categorías en cualquier momento que precises y también mover documentos creados anteriormente hacia otras secciones o categorías existentes. Por tanto, considera que esta organización ni es inamovible ni es inalterable.

Planificación de secciones

Supongamos que estás planificando el diseño de la página Web de tu Instituto y que deseas que en ella se traten los siguientes aspectos de la vida de tu centro:

• Con respecto a la vida ordinaria del centro: Datos generales, su situación, instalaciones, organización, oferta educativa, el horario general del centro, información académica, secretaría, personal laboral, etc.
• Con respecto a los alumnos: horarios por cursos - aulas, la Junta de delegados, Actividades complementarias, Actividades extraescolares, enlaces expresamente destinados a ellos…
• Con respecto a los padres: AMPA, tutores y horarios de atención de tutorías, Escuela de Padres, actividades de la AMPA…
• Los proyectos en marcha del centro: Biblioteca escolar, Apertura del centro, Proyecto TIC, Educación vial, Fomento de la lectura, Salud y consumo, proyectos internacionales, etc.
• La organización en Departamentos: información general y concreta de los diferentes departamentos, Ciencias Naturales, Economía, Cultura Clásica, Educación Física,Tecnología, etc.
• Diferente documentación para visualizar y/o descargar: Proyecto Educativo, Proyectos curriculares, Proyecto TIC, RRI, Boletines informativos del centro, legislación actualizada, etc.
• Novedades: Últimas noticias, novedades, citas, avisos, etc.

El esquema ya de por sí te indica que necesitarás que Joomla disponga de unas secciones muy claras: por ejemplo, CENTRO, ALUMNADO, FAMILIAS, PROFESORADO, DEPARTAMENTOS, aunque todo ello dependerá, claro está, del contenido que quieras mostrar en la Web y de la complejidad de la misma. Para diseñar una web de un centro de Educación Infantil y Primaria probablemente no necesites planificar tantas secciones y, en cambio, en la Web de un Instituto la sección Alumnos y Departamentos puedan ser imprescindible, sobre todo, si pretendes ofrecer recursos propios de una intranet en el primer caso o si diferentes profesores gestionan su propio departamento y acostumbran a incluir contenidos propios en la Web en el segundo.

Como ves, la posibilidad de establecer secciones y categorías te permite mucha flexibilidad a la hora de diseñar tu sitio Web, desde un sitio muy sencillo con una única sección (por ejemplo, la sección centro) en la que incluirás todos tus artículos de contenido, a sitios Web complejos y casi profesionales con múltiples secciones, plantillas diferentes para cada sección, menús variados por secciones y muchas otras combinaciones posibles. Depende, todo ello, de qué tipo de sitio Web pretendas diseñar y de tus conocimientos en la propia administración de Joomla, pero te garantizamos que Joomla te permite todo esto… y mucho más.

Planificación de categorías

Algo similar ocurre en el proceso de planificación de las categorías que se incluirán en cada sección. Aunque te ofrecemos un ejemplo de posibles categorías, todo dependerá de qué sitio Web estés planificando:

• Categorías de la sección CENTRO. Organización, Información académica, Secretaría, Proyecto TIC, Proyecto Biblioteca y los distintos proyectos que tenga en marcha el centro…
• Categorías de la sección ALUMNADO. Junta de delegados, Extraescolares, Experiencias, Experiencias TIC
• Categorías de la sección FAMILIAS. AMPA, Actividades
• Categorías de la sección PROFESORADO. Profesorado General, Enlaces Web
• Categorías de la sección DEPARTAMENTOS. Crea una categoría para cada departamento: Educación Física, Ciencias Naturales, Historia y Geografía, Orintación, Llingua Asturiana, Música, Matemáticas, Lengua y Literatura, Francés, Inglés, Física y Química…

¿Tienes las cosas más claras ahora? Pues… planifica tu sitio web convenientemente: coge lápiz y papel y anota qué secciones y qué categorías concretas necesitarás para clasificar tus contenidos en Joomla. Nosotros te mostraremos el procedimiento para crearlas, a ti te corresponde adaptar nuestra guía a tus posibles criterios de clasificación: sólo tendrás que cambiar su nombre.

Eliminar las secciones, categorías y artículos de contenido de ejemplo de Joomla

Cuando realizaste la instalación de Joomla, sea en su versión 1.0.x o 1.5, muy probablemente instalaste datos de ejemplo. De esta manera, se crearon secciones, categorías y artículos de contenido de ejemplo, para mostrarte las posibilidades de este CMS. Ahora bien, no las vas a utilizar con toda probabilidad, por lo que lo mejor será que elimines estos elementos preinstalados que no te hacen falta.

Para eliminar secciones, categorías y artículos de contenido debes seguir un orden determinado. En primer lugar, tendrás que eliminar los artículos de contenido, ya que sólo podrás eliminar categorías y secciones si éstas están vacías. ¿Cómo?

En versiones Joomla 1.0.x

• Vete al Panel de control (menú Inicio) y haz clic sobre el botón Administrador de artículos.
• Selecciona todos los artículos de ejemplo que deseas eliminar haciendo clic en el cuadradito situado a la izquierda de cada uno de ellos (te recomiendo los selecciones todos, te aseguro que no los necesitarás).
• Una vez validados, para borrarlos pulsa el botón Basura que se encuentra en la botonera superior.

En realidad, no has eliminado los artículos, tan solo los has mandado a la Papelera (te permitirá recuperarlos posteriormente si te arrepientes de su borrado). Para borrarlos definitivamente (y que las secciones y categorías se encuentren vacías) debes acudir de nuevo al Panel de Control, al botón Administrador de la Papelera. Selecciona de nuevo todos los artículos y bórralos definitivamente haciendo clic, de nuevo, sobre el botón Borrar (acepta los mensajes de advertencia y elimina definitivamente todos los artículos de la papalera)

Una vez que hayas eliminado los artículos de contenido podrás borrar las categorías y secciones, ¡y recuerda… siempre por este orden!

La gestión de categorías se realiza desde el menú Contenido - Administrador de categorías o bien desde Panel de Control - botón Administrador de Categorías. Observa que en el listado aparecen las tres categorías de ejemplo creadas en la instalación y que ninguna tiene artículos de contenido asociados (columna Activos, valor 0), ni siquiera en la papelera (columna Papelera, valor 0). Como están vacías podrás eliminarlas seleccionándolas y haciendo clic sobre el botón Borrar. Elimina todas las categorías de ejemplo.

Con un procedimiento similar podrás eliminar también las secciones. Accede a las diferentes secciones creadas desde el menú Contenido - Administrador de Secciones o bien desde Panel de Control - Administrador de Secciones y repite el procedimiento para eliminar todas las secciones de ejemplo creadas (selecciónalas y haz clic en el botón Borrar). ¡Ahora tu sistema esta limpio y despejado!

En versiones Joomla 1.5

Los procedimientos para eliminar artículos de contenido (en Joomla 1.5, simplemente artículos), categorías y secciones son exactamente los mismos sólo que su gestión y administración se realiza desde el menú Contenido. Selecciona Gestor de artículos y envía todos los artículos de ejemplo a la Papelera haciendo clic sobre el botón de la botonera superior Papelera (bórralos definitivamente en el menú Contenido - Papelera de artículos). A continuación, elimina las categorías creadas en Contenido - Gestor de Contenidos y, finalmente, haz lo mismo con las secciones en Contenido - Gestor de secciones. ¡Ya está, Joomla limpio y despejado!

Nota. Si ahora previsualizas tu sitio (localiza el enlace Previsualizar situado en la esquina superior derecha y en el menú contextual del botón derecho del ratón selecciona Abrir en una pestaña nueva, así recargarás la página) comprobarás que la parte central de Joomla (donde se muestran los artículos) está vacía y no muestra nada: te has “cargado” todo el contenido de tu sitio Web. Ten, por tanto, mucho cuidado con lo que borres en Joomla.

En primer lugar, descarga y/o imprime el tutorial con los contenidos que vamos a trabajar en nuestras prácticas de hoy. Aprenderás a insertar texto e imágenes en un documento, a posicionarlos, modificarlos de tamaño y realizar diversas tareas de edición en ellos.

Pero… Con el ordenador a cuestas no se limita a indicarte el uso “oficial y clásico” de la aplicación que encontrarás en el tutorial. Nuestro propósito siempre será que puedas utilizarlo en tus actividades y tareas escolares. Por ello, la primera práctica que te proponemos será realizar un sencillo cartel para el aula. Hemos escogido una de esas fechas que solemos conmemorar en las aulas como es el Día Mundial del Agua (ahora que está tan de actualidad con la Expo de Zaragoza) pero podrás adaptar este ejemplo a otros como la celebración del Día del Libro, el Día de la No Violencia y la Paz o cualquier otro cartel que necesites para tu clase: se me ocurren así, sin mucho pensar, un cartel que muestre la diversidad de animales salvajes, los sistemas y aparatos del cuerpo humano, diferentes tipos de paisaje, muestrarios de letras, números o palabras,  las portadas de los libros leídos, vocabulario trabajado en un Proyecto o Unidad Didáctica, etc.

1. Tutorial paso a paso - Capítulo 2. Insertando texto e imagen en el documento

2. Realización del cartel Día Mundial del Agua

Te proponemos la realización de un cartel para el aula que conmemore la celebración del Día Mundial del Agua. Para realizarlo deberás descargar las imágenes que vas a utilizar en su diseño (te recomendamos crees una carpeta y guardes en ella tanto las imágenes como el archivo final que realizarás con Scribus). Son todas ellas imágenes gratuitas y libres de derechos que hemos localizado y descargado del Banco de imágenes y sonidos del CNICE, un sitio web del que ya te hemos hablado y que solemos visitar con frecuencia para localizar imágenes para utilizar en nuestros proyectos educativos. Además, te ofrecemos al final del artículo los archivos PDF y SLA (nativo de Scribus) con el proyecto de diseño original por si deseas utilizarlo y editarlo a tu gusto.

1. Ejecuta Scribus. En la ventana de diálogo Nuevo documento selecciona Single Page (una única página), Tamaño A4, Orientación Apaisado y establece como márgenes del documento derecho e izquierdo de 2,00 cm y superior e inferior de 1,80 cm. (estos últimos valores son algo arbitrarios, selecciona aquellos que te permitan no tener problemas con los márgenes de impresión de tu impresora).

2. Vas a incluir una imagen de fondo. Haz clic sobre el icono Marco de imagen y haz clic y arrastra hasta que el marco de imagen cubra toda la página (puedes reajustar su tamaño las veces que lo necesites tirando de los tiradores que aparecen en las esquinas y a los lados del marco de imagen). Pincha con el botón derecho del ratón sobre el marco y, en el menú contextual emergente, selecciona Get image para localizar la imagen fondo.jpg que habrás descargado previamente. No necesitas hacer ningún otro cambio, pues la imagen tiene un tamaño lo suficientemente grande para ser utilizada como fondo del documento.

3. Realización del texto Día Mundial del Agua. Para incluir texto en el documento haz clic sobre el icono Marco de texto. Haz clic y arrastra hasta que el marco de texto se posicione prácticamente ocupando todo el ancho de la página. Pincha con el botón derecho del ratón sobre el marco y, en el menú contextual emergente, selecciona Editar texto. Teclea DÍA MUNDIAL DEL AGUA en el espacio en blanco del editor Story Editor. Vas a formatear este texto (recuerda seleccionarlo previamente) con los siguientes parámetros:

• Fuente: Hemos seleccionado Bitstream Vera Sans, un tipo de letra muy similar a Arial.
• Tamaño: 50 puntos
• Separación entre caracteres: 120%
• Outline, linewidth 5%
• Color de fondo: GreenYellow
• Color de línea: Black (negro)
• Alineación: Centrado

Cuando finalices haz clic en el botón de Actualizar (icono Verde en la parte superior) para aplicar el formato al título y cerrar el editor.

Puedes mover el título a otro lugar del documentos simplemente acercándote a él y cuando el cursor del ratón se transforme en una mano arrastrarlo a otra posición.

4. Realización del texto 22 de marzo de 2009. Mediante idénticos procedimientos incluye un nuevo marco de texto con este contenido y edítalo según los siguientes parámetros:

• Fuente: Times New Roman Regular
• Tamaño: 40 puntos
• Color de fondo: White (blanco)
• Alineación: centrado

Colócalo inmediatamente debajo del texto anterior y a una distancia prudencial: no te preocupes demasiado, podrás volver a posicionarlo en cualquier momento de la edición del cartel.

5. Insertar imágenes que ilustren el cartel. Utiliza la opción Marco de Imagen, botón derecho del ratón Get Image para localizar las imágenes playa.jpg y chorro.jpg.  La única peculiaridad que utilizarás será seleccionar en el menú contextual del marco de imagen (botón derecho del ratón) la entrada Propiedades. En el nuevo cuadro de diálogo busca la opción Imagen y valida la opción Escalar al tamaño del marco para que el tamaño de la imagen se adapte al tamaño del marco que tú has definido. Asegúrate de que se encuentra marcada la entrada Proporcional. De esta manera, podrás modificar el tamaño de la imagen tirando de los tiradores del marco sin que la imagen se deforme al hacerlo.  Coloca ambas imágenes según tus preferencias.

6. Realizar el texto El agua, fuente de vida. En este caso, vas a utilizar la opción Shadowed Text para conseguir un cierto efecto de relieve en el texto. Utiliza el icono Marco de texto, teclea el texto en cuestión y edítalo mediante el Story Editor con los siguientes parámetros:

• Fuente: Bitstream Vera Sans
• Tamaño: 50 puntos
• Shadowed Text, con los valores X-Offset 5% e Y-Offset -5%
• Color de línea: Black
• Color de Fondo GreenYellow

Ahora ya tienes todos los objetos sobre el documento. Sólo tendrás que posicionar cada uno de ellos en el lugar que consideres estéticamente más adecuado (tan simple como clic y arrastrar).

Finalmente guarda el proyecto con el nombre cartel_agua mediante Archivo - Guardar como y, muy práctico, guarda también el documento en formato PDF mediante el icono Guardar como PDF ( idéntico resultado obtendrás también si sigues la ruta del menú Archivo - Exportar - Guardar como PDF).

El resultado final será similar al siguiente:

Fácil y rápido, ¿verdad?. Ahora, con estos procedimientos iniciales podrás crear una gran variedad de diferentes carteles para tu aula. Dirás que esto mismo podrías haberlo hecho con un procesador de textos… Tal vez sí… tengas razón, pero aún no hemos exprimido todo el jugo a Scribus… todo se andará.

Descarga el archivo: cartel_agua.sla (formato nativo de Scribus)

Descarga el archivo: cartel_agua.pdf (formato PDF para visualizar en pantalla).

No pierdas tiempo, sigue nuestras guías paso a paso que ahora iniciamos y ¡pásate al software libre!

Fuente del documento: Manual de Scribus, versión 1.3.3.7 de Antonio Cobo Cuevas, profesor de Informática en el IES Fuente de la Peña publicado bajo licencia GFDL. Muchísimas gracias Antonio por tu generosidad, me limito a complementarlo, adaptarlo y programar sencillas prácticas que permitan a cualquier docente realizar documentos de calidad para su centro.

Editor predeterminado TinyMCE en una instalación básica de Joomla

Probablemente será suficiente para tí utilizar el editor TinyMCE, sobre todo, a la hora de realizar las tareas más habituales que realizarás con textos: cambiar el formato de fuente, su tamaño, alinearlo, etc., pero… notarás sus carencias cuando utilices imágenes en tus artículos. Este editor no posee un buen gestor de imágenes que te permita no sólo incluirlas en tus artículos, sino también subirlas cómodamente al servidor, redimensionarlas, ajustar su tamaño y posición, añadir y configurar enlaces, etc. Para ello, no te quedará más remedio que utilizar el Administrador de imágenes que incluye Joomla en su instalación básica (lo hallarás en Inicio - Panel de Control) y preparar previamente la imagen con un programa de edición (como Gimp, por ejemplo) antes de subirla al servidor. Esto es muy incómodo, hasta complicado si no sabes manejar un programa de edición de imagen y, sobre todo, una pérdida de tiempo considerable.

Lo ideal es disponer de un editor que te permita realizar todas estas tareas directamente desde la propia edición en línea del artículo, es decir, utilizando las posibilidades que el propio editor incorpora. Por ello, te recomendamos que dediques unos minutos a instalar en Joomla un editor que incorpore estas funcionalidades.

Si acudes a la página oficial de extensiones para Joomla:

http://extensions.joomla.org/

y seleccionas en el menú Extension Categories, la categoría Edition y, a continuación, el enlace Editors, accederás a una amplia lista de posibles editores para instalar en tu Joomla (a fecha de este artículo, nada más y nada menos que 14 editores, algunos de ellos incluso comerciales, de pago).

Con este artículo aprenderás a instalar uno de ellos (repite el procedimiento con el que desees). El que te recomendamos es el mejor, sin duda, por su popularidad, por su amplio desarrollo y por ser uno de los más completos. Nos referimos al editor JCE, un editor WYSIWIG como el anterior pero que sí incorpora un excelente gestor de imágenes. Al ser una extensión muy completa, su instalación puede resultarte algo complicada, pero si sigues nuestras indicaciones no te resultará nada difícil. Ten en cuenta que el desarrollo del editor JCE está muy avanzado y muchos desarrolladores trabajan con él: esto trae consigo que existan muchas funcionalidades creadas para él como plugins específicos o packs de lenguaje diversos (entre ellos el español). Nosotros realizaremos una instalación básica: necesitarás descargar e instalar el plugin del editor, pero también un componente de administración ( paso imprescindible) y un archivo de idioma español, por si eso del inglés no es lo tuyo. ¿Te pones manos a la obra?

Paso 1. Localiza los archivos necesarios

En primer lugar, debes dirigirte a la página oficial del proyecto:

http://www.joomlacontenteditor.net/

Para descargar los archivos necesarios tendrás que registrarte: hazlo en la pestaña Login/Register. No te preocupes: el registro es completamente gratuito. Una vez finalizado el registro acude a la pestaña Downloads para acceder al gestor de descargas. Tanto si utilizas Joomla 1.0.1x como Joomla 1.5 el procedimiento de descarga es el mismo: selecciona la versión exacta de Joomla que tienes instalado y guarda en tu equipo los archivos referentes al plugin, al componente de administración y al pack de idioma español.

Para Joomla versión 1.0.x

• Localiza el enlace JCE Editor Mambot/Plugin y haz clic sobre él. Selecciona la versión 1.0.1x y haz clic de nuevo sobre este enlace. Ahora busca en la siguiente pantalla el enlace JCE Editor Mambot 1.18 y guarda el archivo bot_jce_118.zip en una carpeta de tu ordenador.
• Haz clic sobre el icono Downloads Home para volver al gestor de descargas. Localiza el enlace JCE Admin Component y haz, de nuevo, clic sobre él. Selecciona la versión 1.1.x haciendo clic sobre su entrada y busca en la siguiente pantalla la entrada JCE Admin Component 1.1.1. Haz clic en ella y guarda el archivo com_jce_111.zip en tu equipo.
• Por último, vuelve de nuevo a la pantalla inicial de descargas y haz clic sobre JCE Language packs. Selecciona la entrada Language Packs for Joomla 1.1.x y guarda en tu equipo el archivo del idioma español (spanish language).

Ahora tienes tres archivos comprimidos zip convenientemente guardados en tu ordenador: no necesitarás descomprimirlos, Joomla se encargará de todo cuando comiences el proceso de instalación del nuevo editor.

Para Joomla versión 1.5

El proceso es exactamente el mismo, pero localizando en cada una de las entradas la versión Joomla 1.5.x.  De momento, no existe versión de idioma español, por lo cual sólo tendrás que localizar y descargar dos archivos: el archivo correspondiente al plugin y el archivo que se refiere al componente de Administración.

Al finalizar el proceso tendrás dos archivos comprimidos zip en tu equipo: plg_jce_150_rc1.zip (el plugin) y com_jce_150_rc4.zip (el componente de administración). No debes descomprimirlos, Joomla se encargará de todo a la hora de instalarlos.

Paso 2. Instala el editor

Llega el momento de realizar la instalación del nuevo editor. Lógicamente tendrás que loguearte en Joomla como Administrador (en la pantalla de acceso, teclea los datos del usuario admin) para realizar la instalación de extensiones en el sistema.

Instala el editor JCE en Joomla versión 1.0.1x

El orden que has seguido para descargar los archivos necesarios, es también el orden que debes seguir para instalar el nuevo editor. En primer lugar, instala el plugin y, a continuación, el componente de Administración. Observa cómo:

Instalar el plugin JCE.

• Para instalar plugins o mambots en Joomla 1.0.1x tienes que acudir al menú Instaladores y seleccionar la entrada mambots.

• En la nueva pantalla haz clic sobre el botón Examinar para localizar el archivo del plugin descargado en el paso 1 (es el archivo bot_jce_118.zip) y guardado en tu equipo. Cuando su ruta de acceso aparezca en el campo de texto Paquete de archivo, haz clic en el botón Subir archivo e instalarlo.

• En breves segundos, el sistema te indicará que el plugin se ha instalado satisfactoriamente. Localiza al final de la página el enlace Continuar… para volver a la pantalla inicial de instalación.

Ahora toca instalar el componente de Administración de JCE.

• Para instalar componentes en Joomla 1.0.1x tienes que acudir al menú Instaladores y seleccionar la entrada Componentes.

• El procedimiento es exactamente igual al anterior. Mediante el botón Examinar localiza el archivo descargado en el paso 1, es el archivo com_jce_111.zip e instálalo mediante el botón Subir archivo e instalarlo.

• De nuevo espera unos segundos y el componente se habrá instalado sin problemas. Sal de la pantalla de instalación haciendo clic en el enlace Continuar… que localizarás en la parte inferior de la página.

Instala el editor JCE en Joomla versión 1.5

Como ya te hemos comentado en un artículo anterior, Joomla 1.5 ha simplificado mucho el proceso de instalación de extensiones pues ahora todo se hace desde un único punto: el menú Extensiones - Instalar / Desinstalar.

Por lo demás, el proceso es exactamente igual que el referido para las versiones 1.0.1x: instala primero el plugin y después el componente de administración, mediante idénticos procedimientos.

Paso 3. Configura el editor

En primer lugar, debes asegurarte que el plugin que acabas de instalar está habilitado. Quizá no sea el caso de este editor, pero este es un error muy frecuente a la hora de trabajar en Joomla: instalas algo y no puedes utilizarlo, y no sabes el porqué, simplemente el motivo es que puede no estar habilitado. Es muy recomendable que cuando realices cualquier instalación acudas al gestor correspondiente para comprobar si se encuentra o no publicado. Si tu versión de Joomla es 1.0.1x tendrás que acudir al menú Mambots - Administrador de mambots y comprobar que en el listado correspondiente la entrada JCE Editor Mambot se encuentra publicada (en la columna que corresponde a su derecha habrá un icono en verde). Si tu versión de Joomla es 1.5 acude al menú Extensiones - Gestor de plugins para comprobar que Editor - JCE 1.5.0 también lo está (icono de validación en verde).

La administración del editor se realiza desde su entrada en el menú Componentes (en ambas versiones de Joomla). En el caso de la versión 1.0.1x tendrás que utilizar la entrada JCE Languages para instalar el pack de idioma español. No es nada difícil hacerlo: en la pantalla JCE Language Manager haz clic sobre el botón Install y repite el procedimiento ya conocido para instalar el archivo: examina tu equipo y súbelo e instálalo. El lenguaje español aparecerá en el nuevo listado, haz clic en su botón de validación y, seguidamente, pulsa sobre el botón Publicar.

Paso 4. Asigna el nuevo editor a los usuarios de Joomla

La instalación del editor ha finalizado pero, de manera predeterminada en la instalación, los usuarios del sistema utilizarán el editor preinstalado en Joomla, es decir, TinyMCE. Tendrás que indicar manualmente qué usuario utilizará el nuevo editor instalado y, en concreto, tú mismo como administrador del sistema.

Utilices la versión de Joomla que utilices el proceso es similar. Acude al Administrador de Usuarios (en Joomla 1.0.1x mediante el Panel de Control y en Joomla 1.5 a través del menú Sitio - Gestor de usuarios). Si acabas de realizar una instalación básica lógicamente sólo habrá un usuario en el sistema, el usuario Administrador. Haz clic sobre su nombre para acceder a la configuración del usuario y localiza el apartado Parámetros para especificar el editor que utilizará, a partir de ahora, el usuario. De la lista selecciona el editor JCE y haz clic finalmente sobre el botón Guardar.

Selección del editor para el usuario Administrador en Joonla 1.0

Selección del editor para el usuario Administrador en Joomla 1.5

Comprueba ahora que el nuevo editor se encuentra ya disponible. Por ejemplo, escribe un nuevo artículo y fíjate que ahora el editor JCE se muestra en la pantalla. Prueba con alguno de sus iconos y experimenta un  poco. En un futuro artículo te indicaremos cómo utilizar el gestor de imágenes que lleva incorporado.