Curso Drupal6 Marysalento

Introduccin Instalacin bsica de Drupal Conguraciones del sitio web Construccin de sitio Web
Curso de Drupal Bsico

Mara Caizares Ords, Jorge Valencia lvarez
Universidad de Len
1 de Julio del 2010
Introduccin
Objetivos del Proyecto; Web de Departamento Crear una pgina personal a cada profesor del departamento donde pueda publicar su informacin personal, las asignaturas que imparte, sus trabajos de investigacin y los libros que ha publicado. Donde tambin dispondrn de un blog. Crear una Intranet de acceso restringido, donde los miembros del departamento puedan intercambiar diversos materiales, ya sean propios o de los congresos que se imparten. Crear una seccin de recursos matemticos que sean tiles para todos los alumnos, (revistas, editoriales, sofware matemtico...)
Mara Caizares Ords, Jorge Valencia lvarez Curso de Drupal Bsico
Introduccin
Introduccin
Introduccin
Primeros pasos Conguracin de la base de datos Modicacin del chero host Copia de archivos Modicacin el archivo de conguracin Conguracin base de datos, segunda parte Conguracin enlaces relativos
Instalacin bsica de Drupal

Bsqueda en Google Drupal est disponible en su pgina ocial, para encontrarlo slo debemos buscar en google, es el sitio ideal para descargarlo.
Figura: Bsqueda de Drupal en google.

Bsqueda en Google Drupal est disponible en su pgina ocial, para encontrarlo slo debemos buscar en google, es el sitio ideal para descargarlo.
Figura: Bsqueda de Drupal en google.
Web oficial de Drupal Cercana del lanzamiento de Drupal 7. Decidir que versin es la ms adecuada. Se ha elegido Drupal 6 dado que la lista de bugs de Drupal 7 todava es extensa

Web oficial de Drupal
Curso de Drupal Bsico Figura: Web ocial de Drupal

Curso de de Drupal Figura: Eleccion de versin Drupal Bsico
Lista de Bugsl Como vemos en la siguiente gura, aunque lo idneo este tipo de proyecto sera usar Drupal 7, sobre todo por los nuevos avances en el mdulo prole, la gran lista de bugs que no hemos listado completamente aqu, por motivos de espacio, obligan a ser conservadores ya que drupal 7 no parece que vaya a ser publicado al menos en 3 meses.
Lista de Bugsl Como vemos en la siguiente gura, aunque lo idneo este tipo de proyecto sera usar Drupal 7, sobre todo por los nuevos avances en el mdulo prole, la gran lista de bugs que no hemos listado completamente aqu, por motivos de espacio, obligan a ser conservadores ya que drupal 7 no parece que vaya a ser publicado al menos en 3 meses.

Figura: Lista de bugs de Drupal 7 Curso de Drupal Bsico

Comienza la instalacin Elegimos la ltima versin estable, Drupal 6. Para instalarlo en nuestra mquina local necesitaremos tener instalados tres elementos indispensables usados hoy en da por casi todos los gestores de contenido. PHP,MYSQL y APACHE son conocidos habitualmente por las siglas AMP y existen para todas las plataformas un paquete de fcil instalacin. Si usamos Windows hemos de buscar en la web por WAMP, en el caso de Linux dispondremos de un paquete para instalar en nuestros repositorios llamado LAMP, y por ltimo, si usamos Macintosh nos ser fcil bajar e instalar MAMP.





Comienza la instalacin
Figura: Conguracin de MAMP


Comienza la instalacin Una vez realizadas las conguraciones bsicas dependientes del sistema operativo slo tenemos que pulsar en Iniciar Servidores. En el caso de Mac, MAMP viene congurado por defecto en los puertos 8888. l mismo tiene una opcin para usar los Puertos por defecto tanto en apache con mysql. Resulta incmodo ya que pide autorizacin pero resulta til ya que la web queda exactamente congurada como si realmente estuviera en Internet si procedemos con los siguientes pasos.




Figura: Conguracin de MAMP2

Comienza la instalacin Una vez que MAMP arranca nos llevar a una pgina de conguracin donde tiene ya preinstaladas algunas de las herramientas ms tiles para la gestin de los servidores as como la informacin bsica para poder empezar a trabajar.
Comienza la instalacin Una vez que MAMP arranca nos llevar a una pgina de conguracin donde tiene ya preinstaladas algunas de las herramientas ms tiles para la gestin de los servidores as como la informacin bsica para poder empezar a trabajar.


Configuracin de la base de datos Lo primero que necesitaremos crear para nuestro sitio web es una base de datos donde el gestor de contenidos almacenar toda la informacin necesaria. Tanto conguraciones como datos de usuario y el contenido generado por ellos. Para ello usaremos la herramienta del MAMP PhpMyAdmin donde en la primera pgina ya nos aparece al opcin de crear una base de datos. Si no nos confundimos nos aparecer una pantalla similar a la siguiente. En nuestro caso hemos creado como se puede ver la base de datos matemticas.




Configuracin de la base de datos
Figura: Conguracin de la base de datos


Modificacin del fichero hosts Lo siguiente que necesitaremos para empezar a trabajar es hacerle creer a nuestro ordenador que el el dominio matemticas.unileon.es se encuentra en nuestro propio ordenador y no en algn lugar de Internet. Para ello modicaremos el chero hosts, vestigio primigenio de los actuales DNS y todava en uso, donde podemos indicarle que este dominio se encuentra en nuestra propia mquina. Para ello abriremos un terminal y usaremos el comando ms presente todos los sistemas Unix, el editor vi.




Modificacin del fichero hosts
Figura: Modicacin de chero host
Si no poseemos de los permisos necesarios seguramente hemos de ejecutar el comando con el prejo sudo que nos permite escalar nuestros privilegios.
Figura: Modicacin de chero host2


Modificacin del fichero hosts
Figura: Modicacin de chero host
Si no poseemos de los permisos necesarios seguramente hemos de ejecutar el comando con el prejo sudo que nos permite escalar nuestros privilegios.


Modificacin del fichero hosts Una vez aqu pulsaremos la tecla i para pasar a modo de edicin y aadir en la linea donde aparece el localhost, nuestro dominio. De esta forma nuestro ordenador cuando llamemos a esta mquina, se dirigir a la nuestra propia.

Modificacin del fichero hosts Una vez aqu pulsaremos la tecla i para pasar a modo de edicin y aadir en la linea donde aparece el localhost, nuestro dominio. De esta forma nuestro ordenador cuando llamemos a esta mquina, se dirigir a la nuestra propia.

Modificacin del fichero hosts Para salir y salvar nuestros cambios hemos de teclear ESC+:+w+q+!+ENTER
Figura: Escritura del archivo de conguracin en vi


Modificacin del fichero hosts Para salir y salvar nuestros cambios hemos de teclear ESC+:+w+q+!+ENTER
Figura: Escritura del archivo de conguracin en vi


Modificacin del fichero hosts Realmente nuestra mquina ya cree que ese dominio esta en ella misma? Para comprobarlo podemos hacer un simple ping, prueba de conexin y veremos que la direccin resuelta es 127.0.0.1 direccin ip reservada para la propia mquina.

Modificacin del fichero hosts Realmente nuestra mquina ya cree que ese dominio esta en ella misma? Para comprobarlo podemos hacer un simple ping, prueba de conexin y veremos que la direccin resuelta es 127.0.0.1 direccin ip reservada para la propia mquina.
Copiar archivos al directorio raz de nuestro servidor El siguiente paso ser copiar los archivos de Drupal al Raz de nuestro servidor web. En este caso donde vis segn la captura y hemos usado para descomprimir y copiar en todo este proyecto el programa Mucomander un equivalente del mc de linux realmente fcil de manejar, que permite ver los cheros ocultos, y que tiene versiones en todas las plataformas.
Copiar archivos al directorio raz de nuestro servidor El siguiente paso ser copiar los archivos de Drupal al Raz de nuestro servidor web. En este caso donde vis segn la captura y hemos usado para descomprimir y copiar en todo este proyecto el programa Mucomander un equivalente del mc de linux realmente fcil de manejar, que permite ver los cheros ocultos, y que tiene versiones en todas las plataformas.

Copiar archivos al directorio raz de nuestro servidor
Figura: Instalacin de los cheros al directorio raz de MAMP
Copiar archivos al directorio raiz de nuestro servidor Con Mucomander o mc (Midnight Comander) podemos entrar dentro de un archivo comprimido simplemente haciendo click sobre el para despus descomprimirlo en el directorio de la otra ventana.
Copiar archivos al directorio raiz de nuestro servidor Con Mucomander o mc (Midnight Comander) podemos entrar dentro de un archivo comprimido simplemente haciendo click sobre el para despus descomprimirlo en el directorio de la otra ventana.

Copiar archivos al directorio raz de nuestro servidor
Figura: Instalacin de los cheros al directorio raz de MAMP2

Copiar archivos al directorio raiz de nuestro servidor Una vez dentro nos mostrar una carpeta. Debemos entrar en ella para descomprimir directamente los archivos para nuestro servidor web.

Copiar archivos al directorio raiz de nuestro servidor Una vez dentro nos mostrar una carpeta. Debemos entrar en ella para descomprimir directamente los archivos para nuestro servidor web.

Copiar archivos al directorio raiz de nuestro servidor DS Store es un archivo invisible de Mac OS X que guarda conguraciones sobre la carpeta y otras cosas. No debemos preocuparnos por l y copiaremos los contenidos del archivos comprimido.

Copiar archivos al directorio raiz de nuestro servidor DS Store es un archivo invisible de Mac OS X que guarda conguraciones sobre la carpeta y otras cosas. No debemos preocuparnos por l y copiaremos los contenidos del archivos comprimido.

Copiar archivos al directorio raiz de nuestro servidor As deben quedar los dos directorios con la salvedad del DS Store. Es importante usar un gestor de archivos que nos permita ver los cheros ocultos, ya que los servidores web y estas aplicaciones usan archivos de la misma nomenclatura como el .htacces que con operaciones de copiado normal no se realizaran, o de realizarse, no podramos vericar su integridad. Hay ms soluciones adems de Mucomander pero la consideramos la ms apta sea cual sea la plataforma. Adems es gratuita y de cdigo fuente abierto.




Copiar archivos al directorio raiz de nuestro servidor

Copiar archivos al directorio raiz de nuestro servidor Ya podemos con nuestro navegador dirigirnos a la direccin de nuestra pgina web que nuestro ordenador redireccionar hacia nuestro propio computador mostrndonos los archivos web que acabamos de copiar. Drupal tiene un sistema de instalacin ms o menos automatizado. Al menos desde este punto. En nuestro caso, instalaremos Drupal en ingls para despus castellanizarlo.



Copiar archivos al directorio raiz de nuestro servidor
Figura: Modicacin del archivo de conguracin

Modificacin del archivo de configuracin Por defecto Drupal nos deja un chero de conguracin default.settings.php que debemos renombrar a settings.php si deseamos editarlo a mano. Vamos a intentar seguir los pasos de una instalacin guiada a travs de la web. Nos pide la modicacin del archivo de conguracin y asignarle los permisos necesarios para que el entorno web pueda editar el archivo por nosotros.




Modificacin del archivo de configuracion
Figura: Modicacin del archivo de conguracin2

Modificacin del archivo de configuracin Tendremos que renombrar el archivo conguracin default.settings.php y denominarlo como settings.php, pero antes copiaremos nuestra carpeta default a la carpeta matemticas.unileon.es. Es una forma ms seria de realizar al conguracin, ya que Drupal nos permite tener muchas web bajo el mismo motor. Esto har que cuando dirijamos nuestro navegador a matemticas.unileon.es tome en cuenta los archivos de conguracin de esa carpeta. Realizar un entorno de pruebas ser tan fcil como copiar esta carpeta a otra de nombre similar como veremos ms adelante.





Modificacin del archivo de configuracin


Una vez hecha esta copia del directorio entero por defecto, seguimos con la instalacin y vemos que nos pide al igual que antes de renombrar el archivo de conguracin de la carpeta matematicas.unileon.es que es el directorio que ahora toma como vlido.

Una vez hecha esta copia del directorio entero por defecto, seguimos con la instalacin y vemos que nos pide al igual que antes de renombrar el archivo de conguracin de la carpeta matematicas.unileon.es que es el directorio que ahora toma como vlido.




Modificacin del archivo de configuracin Y los archivos, siempre dentro de la carpeta sites nos quedaran as.
Nunca deberemos congurar ni instalar ningn mdulo que no est dentro de la carpeta sites. Aunque podemos hacerlo y funcionar, es lo que en Drupal se denomina una mala prctica.



Modificacin del archivo de configuracin La conguraciones archivos y mdulos propios slo de nuestro sitio web, siempre en la carpeta sites, y a la vez dentro de la carpeta de su dominio. Si instalamos algn mdulo podemos por ejemplo dejarlo dentro de la carpeta sites/all/modules y lo mismo ocurre para los themes y todo lo dems. Todo lo que dejemos dentro de la carpeta all lo podrn usar todos los sitios web que instalemos dentro de este mismo Drupal.



Configuracin base de datos Ahora Drupal nos pide congurar los datos de la base de datos, son los datos que hemos visto y con anterioridad en el PhpMyAdmin y el nombre de la base de datos que creamos. El tipo de base de datos es mysql y el nombre ser en que haya denido en la conguracin que hemos realizado previamente.

Configuracin base de datos



Configuracin base de datos Introducimos un prejo a la base de datos como buena prctica de programacin, que slo es til realmente cuando deseamos tener muchos Drupales alojados en una misma base de datos para evitar equivocaciones.
Configuracin base de datos Introducimos un prejo a la base de datos como buena prctica de programacin, que slo es til realmente cuando deseamos tener muchos Drupales alojados en una misma base de datos para evitar equivocaciones.

Figura: Conguracin de la base de datos2


Configuracin base de datos Empezamos a congurar el nuestro sitio web. Drupal nos anuncia que ha realizado las modicaciones necesarias al archivo de conguracin y nos pide que dejemos el archivo de conguracin de nuevo con los permisos de slo lectura. Lo primero que nos pide es el nombre del nuestro sitio y una direccin mail que usar para cualquier urgencia de administracin que sea necesaria.





Configuracin base de datos Introducimos los datos solicitados y por motivos de seguridad cambiamos de nuevo los permisos del archivo de conguracin como se nos haba solicitado.

nstalacin bsica de Drupal

Configuracin enlaces relativos Seguimos con la conguracin en la que para nuestro objetivo consideramos estas opciones. Por defecto observamos que las URLs limpias estn activas, sin embargo, como la web va a estar alojada en la Universidad de Len, y como sabemos por experiencias anteriores que no funcionan de manera adecuada ya que no estn soportadas por la administracin del servidor de la Universidad adecuadamente, las deshabilitamos.



Configuracin enlaces relativos
Conguraciones de idioma Conguracin de perles Conguraciones generales del sitio Web Ejemplo de instalacin de un mdulo Conguraciones esenciales
Configuraciones del sitio web
Configuracin del idioma Vamos a congurar nuestro sitio web a travs de nuestro navegador despus de haber colocado una contrasea al usuario admin. Lo primero que haremos para facilitar el seguimiento del documento es castellanizarlo.

Configuracin del idioma
Figura: Conguracin del sitio Web


Configuracin del idioma Nos dirigimos a la web de proyectos de Drupal, ya que vamos a descargarnos el idioma para tener el sitio web en castellano, para ello buscamos el apartado de translations.
Configuracin del idioma Nos dirigimos a la web de proyectos de Drupal, ya que vamos a descargarnos el idioma para tener el sitio web en castellano, para ello buscamos el apartado de translations.


Configuracin del idioma Buscamos el mdulo que es ms adecuado para nosotros. Siempre es aconsejable instalarse la versin recomendada.

Configuracin del idioma Lo ideal hubiera sido bajarse los archivos de idioma y copiarlos antes de haber instalado Drupal. Ahora lo que vamos a hacer es copiarlos en el directorio raz de Drupal y congurar el idioma desde el navegador.
Configuracin del idioma Lo ideal hubiera sido bajarse los archivos de idioma y copiarlos antes de haber instalado Drupal. Ahora lo que vamos a hacer es copiarlos en el directorio raz de Drupal y congurar el idioma desde el navegador.

Figura: Conguracin del idioma2

Configuracin del idioma Activamos el Content translation en el men de los mdulos de nuestro Drupal y habilitamos el mdulo local.

Configuracin del idioma Activamos el Content translation en el men de los mdulos de nuestro Drupal y habilitamos el mdulo local.

Configuracin del idioma Ahora nos desplazamos por el men, administracin, construccin del sitio, traduccin de la interface (translate interface).

Configuracin del idioma Ahora nos desplazamos por el men, administracin, construccin del sitio, traduccin de la interface (translate interface).
Configuracin del idioma An no nos aparece el idioma por lo que tenemos que aadirlo.
Configuracin del idioma An no nos aparece el idioma por lo que tenemos que aadirlo.


Configuracin del idioma Tenemos que ir a administracin, conguracin del sitio, lenguajes, y en este caso, podemos congurar y aadir todos los lenguajes de los que dispongamos.
Configuracin del idioma Tenemos que ir a administracin, conguracin del sitio, lenguajes, y en este caso, podemos congurar y aadir todos los lenguajes de los que dispongamos.

Configuracin del idioma En la etiqueta add language seleccionamos Espaol y guardamos los cambios.
Configuracin del idioma En la etiqueta add language seleccionamos Espaol y guardamos los cambios.

Configuracin del idioma Entonces nos aparecer en Espaol en la lista de idiomas para que podamos activarlo.
Configuracin del idioma Entonces nos aparecer en Espaol en la lista de idiomas para que podamos activarlo.



Configuracin del idioma Cambiamos la conguracin del idioma y lo dejamos seleccionado por defecto.
Configuracin del idioma Cambiamos la conguracin del idioma y lo dejamos seleccionado por defecto.

Configuracin del idioma Ahora ya nos aparece nuestro sitio web en castellano y la conguracin del idioma debera estar nalizada.
Configuracin del idioma Ahora ya nos aparece nuestro sitio web en castellano y la conguracin del idioma debera estar nalizada.

Figura: Conguracin del Drupal Bsico idioma13 Curso de

Configuracin de perfiles Vamos a congurar el perl de los usuarios que van a utilizar el sitio web. Para ello nos desplazamos por el men lateral, administrar, administracin de usuario, y elegimos la opcin opciones de usuario. Actualmente todos los visitantes que lo deseen pueden crear cuentas de usuario como podemos observar en la imagen. Sin embargo como los usuarios de esta web tienen unos requisitos previos, ya que tienen que pertenecer al departamento de Matemticas de la Universidad de Len, esta conguracin no nos interesa.




Configuracin de perfiles
Figura: Conguracin del perl

Configuracin de perfiles Cambiamos la conguracin de modo que slo los administradores puedan crear las cuentas de usuario. Seremos nosotros quien demos de alta a cada uno de los profesores del Departamento de Matemticas. Una vez creada la cuenta, podrn modicar todos los datos referentes a sus cuentas. Todos los datos menos su nombre completo que ser el nombre de usuario.
Figura: Conguracin del perl2

Configuracin de perfiles Nos interesa identicar a cada uno de los usuarios con una foto, por ello, vamos a activar el soporte para imgenes en este men. Indicamos la ruta donde se van a encontrar las imgenes de los usuarios. Si no existe el directorio se crear. Podemos asignar unas dimensiones mximas a las fotos y un tamao al archivo. Hemos elegido en este ejemplo como resolucin mxima de la imagen 200pxX200px y como tamao mximo de la imagen 300Kb.






Configuracin de perfiles Una vez guardadas las conguraciones de las opciones de usuario, se crea automticamente el directorio donde se guardan las imgenes si no exista con anterioridad.
Configuracin de perfiles Tenemos que congurar tambin los permisos de los usuarios, para ello accedemos a permisos, que se encuentra en Administrar, Administracin de usuario, permisos. Por ahora va a tener acceso al mdulo comment y le vamos a permitir tener acceso a los comentarios, as como publicar comentarios.




Configuracin de perfiles Vamos a detallar cual ser el rol de cada usuario. Con los roles podemos crear grupos de usuarios, con diferentes privilegios. A nosotros nos interesa el rol de miembro del departamento, ya que as vamos a poder diferenciar la informacin a la que tienen acceso los diferentes miembros de la web. Como podemos observar, inicialmente slo disponemos de los roles de usuario annimo y usuario autenticado






Configuracin de perfiles Creamos un nuevo rol que va a tener el nombre de miembro del departamento. Este nuevo rol nos va a permitir dar acceso a nuestros usuarios a contenidos restringidos.


Configuracin de perfiles Los permisos de los que disponen este grupo de nuevo de usuarios va a cambiar, a partir de ahora van a poder crear pginas propias de contenido y borrarlas. Para ello cambiamos los permisos en el mdulo node.

Curso del perl9 Figura: Conguracin de Drupal Bsico

Configuracin de perfiles Adems, este nuevo grupo de usuarios tambin van a poder acceder a los perles de usuarios. Para ello debemos cambiar la conguracin en el mdulo user.


Configuracin de perfiles Una forma adecuada de personalizar un perl es mediante una foto. En la siguiente imagen podemos observar como actualizar nuestro perl con esta informacin. Hay que tener en cuenta que la imagen debe cumplir los requisitos que hemos seleccionado anteriormente, referente al tamao de la imagen y las dimensiones. Para editar nuestro perl tenemos que ir a inicio, mi cuenta, editar. En esta pantalla podemos congurar el idioma, la hora y cambiar o subir una imagen personal.





Configuracin de perfiles A continuacin se muestran los mdulos que son habitualmente aconsejables para un sitio web. Podemos destacar el mdulo comment, el mdulo help, el mdulo locate, el mdulo blog, el prole y y el mdulo search.



Configuracin de perfiles Como nuestros usuarios van a ser los profesores del Departamento de Matemticas, necesitamos crear campos de perl donde aadir informacin relativa a los profesores, como por ejemplo la informacin personal. Para poder realizar estas funciones, anteriormente hemos habilitado todos los mdulos del core necesarios. Nos dirigimos a Inicio, administrar, administracin de usuario, perles y seleccionamos aadir un nuevo campo.




Figura: Conguracin delDrupal Bsico Curso de perl15
Configuracin de perfiles La categora nos va a ayudar a agrupar lgicamente los campos: el ttulo hace referencia al campo que vamos a crear. Es importante dar una pequea descripcin para hacer ms fcil el manejo por parte del usuario.


Configuracin de perfiles Adems de crear el campo, tenemos que congurar las opciones de visibilidad. En este caso sern pblicas de modo que se muestre en el perl personal.


Configuracin de perfiles En esta imagen podemos ver cmo vamos creando los diferentes campos que vamos a tener en el perl de cada usuario. Actualmente tenemos el rea al que pertenece el profesor y la informacin relativa a su pgina web.

Configuracin de perfiles Y as se van creando los dems campos que sean de inters en el perl de usuario. Cuando creamos un campo, podemos habilitar el ttulo de la pgina de manera que si otra persona introduce la misma informacin, podamos mostrar pulsando encima de un enlace quienes son las personas que cumplen esas caractersticas.

Configuracin de perfiles Sin embargo, para el caso de localizacin, no debemos activar el ttulo de la pgina, ya que se supone que en cada despacho hay slo un profesor. En caso de que esta informacin cambiase, o tuviramos una relacin de aulas en las que se imparte clase, podra resultar de inters.


Configuracin de perfiles Tambin podemos seleccionar la opcin de que el formulario se autocomplete mientras el usuario escribe. Esto puede ser de gran inters cuando estamos creando un dato que es cmn para todos, por lo que esta funcionalidad resultar muy til.


Configuracin de perfiles Para este trabajo en particular, hemos creado los siguientes campos dentro del perl, pues son los que consideramos ms adecuados a la hora de mostrar la informacin de un profesor. Con estos datos vamos a tener informacin del rea al que pertenece el profesor, la categora, dnde podemos encontrarle, su telefno de contacto, su direccin postal, las asignaturas que imparte y su pgina web en caso de que disponga de ella.


Configuracin de perfiles sta es una captura de pantalla de como se mostraban los datos de lo que acabamos de hablar en la web anterior. De modo que lo que queremos conseguir en obtener mediante nuestro sistema de CMS un organizacin parecida de la informacin

Figura: Perl de Miguel Carriegos en la Web anterior


Configuracin de perfiles Vamos ahora a crear el perl de Miguel Carriegos en nuestra web. Como nombre de usuario usamos el nombre completo del miembro del departamento y evitamos confusiones de administracin y duplicacin de datos (el tener un usuario y un nombre completo) Situacin conveniente dado que el acceso por parte de los miembros va a ser muy espordico. Eliminamos la direccin de e-mail de la pgina personal para evitar el spam a los usuarios Adems habilitaremos el formulario de contacto cuando editemos el usuario.





Configuracin de perfiles Completamos toda la informacin relativa al nuevo usuario. Es decir, los campos que hemos creado con anterioridad. As obtendremos una pgina con la misma informacin que la web antigua del Departamento de Matemticas.


Configuracin de perfiles En la informacin personal podemos seleccionar entre los diferentes reas que hay en el Departamento de Matemticas, para ello las hemos creado previamente. En el apartado de categora, cada profesor podr poder lo que decida, ya que nadie mejor que l para editar su informacin referida a su categora como profesional. Es por este motivo que hemos dejado el campo abierto, para que se pueda introducir todo tipo de informacin.



Configuracin de perfiles As es pues, como tendramos la informacin de perl de Miguel Carriegos. Ntese que si existen ms personas con una misma categora podramos mostrar todos los que tienen esa categora. O si bien hay ms personas que imparten una misma asignatura podramos ver quienes son simplemente pulsando en el enlace que contiene el nombre..

Configuracin de perfiles En esta imagen podemos ver un ejemplo de todas las personas que tienen la categora de Titular de la Universidad.
Configuracin de perfiles En esta imagen podemos ver un ejemplo de todas las personas que tienen la categora de Titular de la Universidad.


Configuracin de perfiles Aqu un ejemplo de las personas que imparte Matemticas I. Como vemos nos muestra la informacin referente a los miembros del departamento y no aparece la lista de asignaturas, ya que se considera que se est accediendo la informacin de una asignatura en particular.


Configuraciones generales del sitio Web Nos disponemos ahora a congurar la informacin del sitio. Es importante realizar esta conguracin para ver como cambian los mensajes y el aspecto de la web cuando se congure el nuevo tema.
Configuraciones generales del sitio Web Nos disponemos ahora a congurar la informacin del sitio. Es importante realizar esta conguracin para ver como cambian los mensajes y el aspecto de la web cuando se congure el nuevo tema.

Configuraciones generales del sitio Web
Figura: Conguracin bsicas1

Configuraciones generales del sitio Web Vamos a congurar ahora el formulario de contacto, para ello vamos a administrar, construccin del sitio, formulario de contacto. Simplemente tenemos que compilar los destinatarios a los que va enviado dicho formulario y si lo deseamos una respuesta automtica que servir al usuario para saber si su mensaje se ha enviado correctamente

Configuraciones generales del sitio Web Cabe destacar que podemos tener ms de un formulario de contacto, esto puede ser til por ejemplo si tenemos varias secciones, (matrculas, becas, ...) y necesitamos que el formulario de contacto se enve a sitios diferentes
Configuraciones generales del sitio Web Cabe destacar que podemos tener ms de un formulario de contacto, esto puede ser til por ejemplo si tenemos varias secciones, (matrculas, becas, ...) y necesitamos que el formulario de contacto se enve a sitios diferentes


Configuraciones generales del sitio Web Para tener el contacto disponible en algn sitio vamos a crear un primary link (inicio, administrar, conguracin del sitio, primary links) deniendo la ruta que deseamos tengo el contacto, as como el ttulo del enlace y la descripcin.
Configuraciones generales del sitio Web Para tener el contacto disponible en algn sitio vamos a crear un primary link (inicio, administrar, conguracin del sitio, primary links) deniendo la ruta que deseamos tengo el contacto, as como el ttulo del enlace y la descripcin.


Configuraciones generales del sitio Web Para contactar ser tan fcil como completar un pequeo formulario de contacto. La direccin es obligatoria para dar una respuesta el remitente
Configuraciones generales del sitio Web Para contactar ser tan fcil como completar un pequeo formulario de contacto. La direccin es obligatoria para dar una respuesta el remitente



Ejemplo de instalacin de un mdulo Una de las partes ms importantes de Drupal es la instalacin de mdulos. Vamos a instalar un mdulo que se ocupa de congurar las tareas de mantenimiendo ordinarias de Drupal, se puede hace manualmente en http://matematicas.unileon.es/cron.php o automticamente (usando el cron de tu sistema operativo para que acceda esa url). Puede estar o no en la misma mquina que se aloja. En este ejemplo elegiremos usar el mdulo de Drupal cron para pobres. http://Drupal.org/project/poormanscron




Ejemplo de instalacin de un mdulo Las ventajas es que si migramos el sitio web ya va con l esta conguracin, y no tenemos que depender de servidor externo. Nuestro mdulo se va a ejecutar si tenemos al menos una visita al da. Al n y al cabo, si nadie visita nuestra web tampoco importar que no se ejecute El mdulo lo buscamos en la web. Y lo descargamos igual que hicimos con el de idioma.




Ejemplo de instalacin de un mdulo

Figura: Ejemplo de instalacin del mdulo cron2







Ejemplo de instalacin de un mdulo Se nos ha olvidado darle permisos a la carpeta!!!
Ejemplo de instalacin de un mdulo Se nos ha olvidado darle permisos a la carpeta!!!












Ejemplo de instalacin de un mdulo Ahora ya slo tenemos que realizar las conguraciones adecuadas.
Ejemplo de instalacin de un mdulo Ahora ya slo tenemos que realizar las conguraciones adecuadas.


Ejemplo de instalacin de un mdulo Con esta conguracin ya no tenemos avisos de las pginas de administracin ni en la seccin de informes. Podemos acceder a la seccin de informe de estado para ver que est todo correcto.
Ejemplo de instalacin de un mdulo Con esta conguracin ya no tenemos avisos de las pginas de administracin ni en la seccin de informes. Podemos acceder a la seccin de informe de estado para ver que est todo correcto.


Configuraciones esenciales En esta seccin nos vamos a ocupar de algunos ajustes esenciales, como por ejemplo establecer de forma correcta la hora del nuestro sitio web. Para ello accedemos a administrar, conguracin del sitio, fecha y hora. En esta pantalla podemos efectuar tantos cambios como consideremos oportunos para establecer la hora del sistema. Poniendo el site en hora




Configuraciones esenciales
Figura: Ajustes esenciales1

Configuraciones esenciales Tambin vamos a denir los limites de las imgenes y archivos (GENERAL), para ello denimos un mximos de resolucin de las imgenes de 1024x1024 y que ningn archivo sobre pase los 30 mb y que ningn usuario sobrepase los 5 gigas de informacin subida.
Configuraciones esenciales Tambin vamos a denir los limites de las imgenes y archivos (GENERAL), para ello denimos un mximos de resolucin de las imgenes de 1024x1024 y que ningn archivo sobre pase los 30 mb y que ningn usuario sobrepase los 5 gigas de informacin subida.


Configuraciones esenciales Adems vamos a denir tambin los lmites de las imgenes y archivos (Api de blogs). Esta api la habilitamos para recordar su existencia pero sin usar pues es poco probable que el departamento actualice sus noticias usando dispositivos mviles.
Configuraciones esenciales Adems vamos a denir tambin los lmites de las imgenes y archivos (Api de blogs). Esta api la habilitamos para recordar su existencia pero sin usar pues es poco probable que el departamento actualice sus noticias usando dispositivos mviles.


Conguracin de la Intranet Creando las secciones pblicas Instalacin del CCK y VIEWS Instalacin de la plantilla Estado nal del Proyecto
Construccin de sitio Web

Configuracin de la Intranet Vamos a congurar ahora la Intranet, que ser un lugar donde los miembros del departamento podrn colgar informacin de Inters general pero no con intencin de que est pblica, sino que tendr carcter interno. Usaremos el mdulo book creando un libro principal al que llamaremos INTRANET, y dejaremos que todo el rol miembros del departamento pueda editar los books y evitaremos que el pblico vea este tipo de contenido, revisando los permisos de los mdulos activados


Configuracin de la Intranet
Figura: Conguracin de la Intranet1

Curso la Intranet3 Figura: Conguracin dede Drupal Bsico

Configuracin de la Intranet Todos tienen que poder ver los archivos cargados pero slo los miembros pueden cargar otros nuevos.
Configuracin de la Intranet Todos tienen que poder ver los archivos cargados pero slo los miembros pueden cargar otros nuevos.
Configuracin de la Intranet Permitiremos a todos los usuarios del departamento administrar todos los archivos: propios y ajenos.
Configuracin de la Intranet Permitiremos a todos los usuarios del departamento administrar todos los archivos: propios y ajenos.


Configuracin de la Intranet Si alguna palabra est traducida y alguien cree que se puede traducir mejor debe poder cambiarla as que habilitamos a todos los miembros del departamento la posibilidad de hacerlo en el mdulo locale.
Configuracin de la Intranet Si alguna palabra est traducida y alguien cree que se puede traducir mejor debe poder cambiarla as que habilitamos a todos los miembros del departamento la posibilidad de hacerlo en el mdulo locale.
Configuracin de la Intranet Por cierto!! Ya que estamos aqu... Hemos congurado el formulario de contacto anteriormente en el mdulo contact, pero todava no hemos denido las reglas de visibilidad y acceso.
Configuracin de la Intranet Por cierto!! Ya que estamos aqu... Hemos congurado el formulario de contacto anteriormente en el mdulo contact, pero todava no hemos denido las reglas de visibilidad y acceso.
Configuracin de la Intranet En el mdulo blog denimos que cada uno pueda editar su propio blog.
Configuracin de la Intranet En el mdulo blog denimos que cada uno pueda editar su propio blog.

Figura: Conguracin de la Intranet14.5
Configuracin de la Intranet En la siguiente gura, se puede apreciar lo que puede hacer el usuario antes de aplicar nuestros permisos.
Configuracin de la Intranet En la siguiente gura, se puede apreciar lo que puede hacer el usuario antes de aplicar nuestros permisos.


Configuracin de la Intranet Hasta ahora, los usuarios registrados no podan crear contenido, sin embargo con las nuevas conguraciones ya pueden hacerlo. Como vemos en la siguiente imagen, estamos logeados como Miguel Carriegos y podemos crear una entrada de bitcora.
Configuracin de la Intranet Hasta ahora, los usuarios registrados no podan crear contenido, sin embargo con las nuevas conguraciones ya pueden hacerlo. Como vemos en la siguiente imagen, estamos logeados como Miguel Carriegos y podemos crear una entrada de bitcora.


Configuracin de la Intranet Probemos a crear contenido, vaya quizs nos hemos pasado con los permisos . . .
Configuracin de la Intranet Probemos a crear contenido, vaya quizs nos hemos pasado con los permisos . . .

Configuracin de la Intranet Con todos los permisos que vemos en la imagen habilitados podramos anidar nuestra entrada de blog en cualquier parte de uno de los libros del sitio web. Como es una funcin un poco avanzada y difcil de explicar a los usuarios vamos a deshabilitarla para que la bitcora sea un simple y sencillo blog como los que todos conocemos.
Configuracin de la Intranet Con todos los permisos que vemos en la imagen habilitados podramos anidar nuestra entrada de blog en cualquier parte de uno de los libros del sitio web. Como es una funcin un poco avanzada y difcil de explicar a los usuarios vamos a deshabilitarla para que la bitcora sea un simple y sencillo blog como los que todos conocemos.
Configuracin de la Intranet Creando la Intranet web de acceso slo interno.
Configuracin de la Intranet Creando la Intranet web de acceso slo interno.


Configuracin de la Intranet Creamos una pgina de libro inicial con los comentarios desactivados.
Configuracin de la Intranet Creamos una pgina de libro inicial con los comentarios desactivados.

Configuracin de la Intranet Y ya tenemos nuestra Intranet, que es un libro con acceso restringido.
Configuracin de la Intranet Y ya tenemos nuestra Intranet, que es un libro con acceso restringido.


Configuracin de la Intranet Ahora podemos crear pginas en el libro.
Configuracin de la Intranet Ahora podemos crear pginas en el libro.

Configuracin de la Intranet Si hacemos una pgina del libro con el men y no seleccionamos el libro al que pertenece, la pgina se crear pero permanecer deslindada de los mens. Para evitar esta posible confusin que puede tener accidentalmente el usuario de una forma sencilla, desactivaremos el men.(solo podrn crear nueva informacin aadiendo pginas hijas)

Configuracin de la Intranet Hemos obligado al usuario a crear las pginas slo desde la Intranet que ya autocongura la jerarqua de la pgina y as no hay posibles confusiones. Como vemo en la siguiente diapositiva, aunque el usuario tiene permiso para crear paginas de libro ya no le aparece en el menu lateral.


Configuracin de la Intranet Aqu vemos un ejemplo de una pgina creada. Adems pueden dejar comentarios acerca de una pgina ya creada.
Configuracin de la Intranet Aqu vemos un ejemplo de una pgina creada. Adems pueden dejar comentarios acerca de una pgina ya creada.





Configuracin de la Intranet Al igual que evitaremos la duplicacin de los lugares donde se puede crear la pgina de un libro, haremos lo mismo con la forma de introducir informacin en la Intranet. Deshabilitaremos los comentarios por defecto para invitar al usuario a que realice modicaciones si cree que algo no est bien y evitar la confusin de meter informacin dentro de los comentarios, prctica en principio poco til para una INTRANET lo mismo se podr hacer para los blogs ya que ser una web fundamentalmente demostrativa, siempre podr ser cambiado el comportamiento por defecto y el de cada entrada de informacin en particular.

Configuracin de la Intranet Al igual que evitaremos la duplicacin de los lugares donde se puede crear la pgina de un libro, haremos lo mismo con la forma de introducir informacin en la Intranet. Deshabilitaremos los comentarios por defecto para invitar al usuario a que realice modicaciones si cree que algo no est bien y evitar la confusin de meter informacin dentro de los comentarios, prctica en principio poco til para una INTRANET lo mismo se podr hacer para los blogs ya que ser una web fundamentalmente demostrativa, siempre podr ser cambiado el comportamiento por defecto y el de cada entrada de informacin en particular.

Configuracin de la Intranet Aprovechamos para darle un nombre ms afable para el usuario al tipo de contenido y colocamos un aviso de uso del editor de texto enriquecido que instalaremos ms adelante y habilitamos las revisiones para que nadie borre por error algo importante.
Configuracin de la Intranet Aprovechamos para darle un nombre ms afable para el usuario al tipo de contenido y colocamos un aviso de uso del editor de texto enriquecido que instalaremos ms adelante y habilitamos las revisiones para que nadie borre por error algo importante.


Configuracin de la Intranet Seleccionamos la opcin multilenguaje y la conguracin de los archivos adjuntos dejamos la que est por defecto. Adems quitamos los comentarios por defecto por el motivo que hemos expresado anteriormente. En los comentarios hacemos los cambios que se recogen en la imagen anterior.
Configuracin de la Intranet Seleccionamos la opcin multilenguaje y la conguracin de los archivos adjuntos dejamos la que est por defecto. Adems quitamos los comentarios por defecto por el motivo que hemos expresado anteriormente. En los comentarios hacemos los cambios que se recogen en la imagen anterior.

Configuracin de la Intranet Aprovechemos para crear una pagina hija del libro con un chero adjunto y experimentar como funciona.
Configuracin de la Intranet Aprovechemos para crear una pagina hija del libro con un chero adjunto y experimentar como funciona.




Configuracin de la Intranet De esta forma ya tenemos nuestra estructura en rbol disponible automticamente.
Configuracin de la Intranet De esta forma ya tenemos nuestra estructura en rbol disponible automticamente.


Configuracin de la Intranet Actualmente la navegacin de nuestro sitio web est as:
Configuracin de la Intranet Actualmente la navegacin de nuestro sitio web est as:

Curso la Intranet39 Figura: Conguracin de de Drupal Bsico
Configuracin de la Intranet Los perles autorizados podrn administrar la jerarqua del libro aqu. Si son usuarios avezados podremos permitirles crear una estructura de mens que se puede corresponder o no a la jerarqua del libro.



Creando las secciones pblicas Se pide que las noticias marcadas con la seal alama aparezcan en una pgina o seccin distinta e identicable para poder despus ser dada a otras webs de esta red como referencia enlazable. Para poner esta marca a las noticias o cualquier otro tipo de contenido hay varias vas, pero la ms simple y lgica parece que es aadirle tags a nuestro sitio web. Las tags son muy importantes para identicar el contenido, respeta la idea de la web semntica, ayuda a google a encontrarnos y tambin nos puede servir para discriminar un tipo de noticias de otra y que aparezcan en una pgina o Vista como llamaremos en Drupal.

Creando las secciones pblicas Se pide que las noticias marcadas con la seal alama aparezcan en una pgina o seccin distinta e identicable para poder despus ser dada a otras webs de esta red como referencia enlazable. Para poner esta marca a las noticias o cualquier otro tipo de contenido hay varias vas, pero la ms simple y lgica parece que es aadirle tags a nuestro sitio web. Las tags son muy importantes para identicar el contenido, respeta la idea de la web semntica, ayuda a google a encontrarnos y tambin nos puede servir para discriminar un tipo de noticias de otra y que aparezcan en una pgina o Vista como llamaremos en Drupal.
Creando las secciones pblicas Las tag pueden ser predenidas o libres. Usaremos esta ltima opcin. La marca o seal alama hace referencia a que el contenido habla de este tema. No es una funcionalidad nueva ni necesita requisitos especcos por eso parece la forma de organizar la informacin ms apropiada en este caso.
Creando las secciones pblicas Las tag pueden ser predenidas o libres. Usaremos esta ltima opcin. La marca o seal alama hace referencia a que el contenido habla de este tema. No es una funcionalidad nueva ni necesita requisitos especcos por eso parece la forma de organizar la informacin ms apropiada en este caso.

Creando las secciones pblicas
Figura: Creando las secciones pblicas1

Creando las secciones pblicas Las tags llamadas en Drupal Taxonomas se crean a travs de los Vocabularios que son grupos de tags. Por ejemplo si estuviramos clasicando objetos podramos crear un vocabulario que se llamara color y cuyos trminos o tags fuesen: rojo,azul,ail,rosa,etc
Creando las secciones pblicas Las tags llamadas en Drupal Taxonomas se crean a travs de los Vocabularios que son grupos de tags. Por ejemplo si estuviramos clasicando objetos podramos crear un vocabulario que se llamara color y cuyos trminos o tags fuesen: rojo,azul,ail,rosa,etc


Creando las secciones pblicas El siguiente paso importante ser denir a que tipo de contenido vamos a asignar ese vocabulario, ya que no todos los tipos de contenido son sensibles de ser clasicados con los mismos vocabularios. Si tuviramos una embotelladora de agua, difcilmente tendramos agua roja por poner un ejemplo burdo.
Creando las secciones pblicas El siguiente paso importante ser denir a que tipo de contenido vamos a asignar ese vocabulario, ya que no todos los tipos de contenido son sensibles de ser clasicados con los mismos vocabularios. Si tuviramos una embotelladora de agua, difcilmente tendramos agua roja por poner un ejemplo burdo.



Creando las secciones pblicas Lo mismo ocurre para nuestra web y en este caso el tipo de contenido que nos interesa que sea clasicado es el blog o bitcora. Hemos seleccionado el tipo de tag Etiquetas lo que quiere decir que no especicaremos la lista de palabras con las que se puede etiquetar el contenido. Para este caso ha parecido ms til dejar etiquetar libremente a los usuarios ya que podrn clasicar su contenido de forma libre sin intervencin de un administrador y dar ms riqueza al contenido para ser mejor encontrados por los buscadores y otras pginas del mismo inters.

Creando las secciones pblicas Lo mismo ocurre para nuestra web y en este caso el tipo de contenido que nos interesa que sea clasicado es el blog o bitcora. Hemos seleccionado el tipo de tag Etiquetas lo que quiere decir que no especicaremos la lista de palabras con las que se puede etiquetar el contenido. Para este caso ha parecido ms til dejar etiquetar libremente a los usuarios ya que podrn clasicar su contenido de forma libre sin intervencin de un administrador y dar ms riqueza al contenido para ser mejor encontrados por los buscadores y otras pginas del mismo inters.


Creando las secciones pblicas En esta imagen podemos ver como queda el vocabulario despus de haber sido creado. Podremos ver la lista de trminos creados por los usuarios en este caso y agregar nosotros ms.
Creando las secciones pblicas En esta imagen podemos ver como queda el vocabulario despus de haber sido creado. Podremos ver la lista de trminos creados por los usuarios en este caso y agregar nosotros ms.


Creando las secciones pblicas Si creamos una entrada del blog o bitcora veremos que ahora nos aparece un campo para introducir nuestras tags. El crculo de la derecha en el campo indica que los nombres introducidos se autocompletan, si alguien lo hubiera hecho antes..
Creando las secciones pblicas Si creamos una entrada del blog o bitcora veremos que ahora nos aparece un campo para introducir nuestras tags. El crculo de la derecha en el campo indica que los nombres introducidos se autocompletan, si alguien lo hubiera hecho antes..

Creando las secciones pblicas Aqu vemos una entrada hecha y nos aparecen ya como seleccionables las tags incluida alama que nos servir para crear una pgina de referencia con todo lo que publiquemos cuando aadimos esta tag a un envo nuestro.
Creando las secciones pblicas Aqu vemos una entrada hecha y nos aparecen ya como seleccionables las tags incluida alama que nos servir para crear una pgina de referencia con todo lo que publiquemos cuando aadimos esta tag a un envo nuestro.


Creando las secciones pblicas ste es slo un ejemplo de como se ven las noticias cuando presionamos la tag alama, y como copiando su url ya tenemos la Vista en la que slo nos salen las noticias de la red alama.
Creando las secciones pblicas ste es slo un ejemplo de como se ven las noticias cuando presionamos la tag alama, y como copiando su url ya tenemos la Vista en la que slo nos salen las noticias de la red alama.


Creando las secciones pblicas Ahora debemos crear un enlace en el men. Pero no como antes. Intranet lo hemos dejando en el men principal navigation debido a que slo aparecer a los usuarios registrados o miembros del departamento. Por eso el lugar ms apropiado para el enlace del men de la Intranet parece ser ese conjunto de mens cuyas opciones son tambin para mostrar a usuarios registrados. Sin embargo para las secciones pblicas parece obvia la necesidad de crear un apartado nuevo de mens apropiado a la visualizacin pblica.

Creando las secciones pblicas Ahora debemos crear un enlace en el men. Pero no como antes. Intranet lo hemos dejando en el men principal navigation debido a que slo aparecer a los usuarios registrados o miembros del departamento. Por eso el lugar ms apropiado para el enlace del men de la Intranet parece ser ese conjunto de mens cuyas opciones son tambin para mostrar a usuarios registrados. Sin embargo para las secciones pblicas parece obvia la necesidad de crear un apartado nuevo de mens apropiado a la visualizacin pblica.

Creando las secciones pblicas Sin embargo si queremos tener un Men ms limpio donde nos quede bien claro qu es lo que le va a aparecer al pblico, la mejor opcin es crear un conjunto de mens. Eso haremos para la nueva seccin creada de Alama. Aprovecharemos para denir el men por defecto en el que nos aparecern ya enlazados nuestros contenidos creados y lo cambiamos de Primary links a secciones de forma que quede en la manera de la gura.
Creando las secciones pblicas Sin embargo si queremos tener un Men ms limpio donde nos quede bien claro qu es lo que le va a aparecer al pblico, la mejor opcin es crear un conjunto de mens. Eso haremos para la nueva seccin creada de Alama. Aprovecharemos para denir el men por defecto en el que nos aparecern ya enlazados nuestros contenidos creados y lo cambiamos de Primary links a secciones de forma que quede en la manera de la gura.

Creando las secciones pblicas En la siguiente pantalla conrmamos su existencia en la lista de mens del recin creado men y por consiguiente su bloque.
Creando las secciones pblicas En la siguiente pantalla conrmamos su existencia en la lista de mens del recin creado men y por consiguiente su bloque.

Creando las secciones pblicas Ahora cuando creamos un enlace del men nuevo no ser necesario seleccionar el men en que queramos que apareciera porque ya pusimos en la categora por defecto. sto nos ser muy til para editar las siguientes secciones con rapidez. Caso contrario tendramos que viajar por todo este men en busca de la jerarqua de mens adecuada cada vez que crearemos uno nuevo.
Creando las secciones pblicas Ahora cuando creamos un enlace del men nuevo no ser necesario seleccionar el men en que queramos que apareciera porque ya pusimos en la categora por defecto. sto nos ser muy til para editar las siguientes secciones con rapidez. Caso contrario tendramos que viajar por todo este men en busca de la jerarqua de mens adecuada cada vez que crearemos uno nuevo.


Creando las secciones pblicas Efectivamente al crear la nueva seccin en la ruta deberemos colocar la url absoluta http://matemticas.unileon.es/?q=taxonomy/term/1 o si queremos ser ms limpios la relativa taxonomy/term/1. Esto nos crear un enlace en el men dentro de secciones a la vista de las noticias que han sido categorizados como alama.
Creando las secciones pblicas Efectivamente al crear la nueva seccin en la ruta deberemos colocar la url absoluta http://matemticas.unileon.es/?q=taxonomy/term/1 o si queremos ser ms limpios la relativa taxonomy/term/1. Esto nos crear un enlace en el men dentro de secciones a la vista de las noticias que han sido categorizados como alama.

Creando las secciones pblicas Qu vemos! Todava no nos aparece el enlace. Por qu? Cada vez que creamos un grupo de enlaces de men o Men a secas como se llama en Drupal, este genera automticamente un bloque cuya ubicacin an no hemos denido. Donde aparecer el bloque de nuestro men? Para ello tendremos que ir a bloques dentro de la seccin de administracin para poder hacer uso de una de las funciones ms potentes de este gestor de contenido.
Creando las secciones pblicas Qu vemos! Todava no nos aparece el enlace. Por qu? Cada vez que creamos un grupo de enlaces de men o Men a secas como se llama en Drupal, este genera automticamente un bloque cuya ubicacin an no hemos denido. Donde aparecer el bloque de nuestro men? Para ello tendremos que ir a bloques dentro de la seccin de administracin para poder hacer uso de una de las funciones ms potentes de este gestor de contenido.

Creando las secciones pblicas Como vemos en la siguiente diapositiva nuestro bloque de mens est al nal sin ninguna posicin. Lo colocaremos con los otros mens en el lado izquierdo, recordando que esta conguracin slo afecta a este theme o apariencia seleccionada actualmente.

Creando las secciones pblicas As quedara nalmente el bloque de secciones con nuestro men. De esta forma ya tendramos el sistema preparado para la creacin de todas la pginas y secciones pblicas, proceso que por su simpleza slo vamos a describir rpidamente.
Creando las secciones pblicas As quedara nalmente el bloque de secciones con nuestro men. De esta forma ya tendramos el sistema preparado para la creacin de todas la pginas y secciones pblicas, proceso que por su simpleza slo vamos a describir rpidamente.

Figura: Creando las secciones pblicas16 Curso de Drupal Bsico
Creando las secciones pblicas Aunque al usuario slo le aparecer la posibilidad de crear su blog y las pginas de la Intranet, el administrador podr crear otros tipos de contenido. Para las secciones ms bien estticas de la web, hemos elegido usar el tipo de contenido que ya tiene habilitado por defecto Drupal Page.

Creando las secciones pblicas As de sencillo. Indicamos el contenido de la pgina si es que ya lo sabemos y en la seccin de men indicamos la jerarqua de men segn nuestras preferencias. Al contrario que el mdulo book , el mdulo page (pgina) solo tiene la jerarquia de los menus. Si se la asignamos...



Figura: Creando las secciones pblicas19 Curso de Drupal Bsico


Creando las secciones pblicas Al crear pginas slo nos tenemos que preocupar de ir creando la jerarqua. Lo podemos hacer tambin con un libro para que quede ms organizado como en la Intranet. Pero esto complicara la administracin por parte de los usuarios que tendran que hacer una operacin similar a esta para editar una seccin de la Intranet. Qu ocurre si nos confundimos? Ya hemos editado una buena parte de las secciones pblicas y no hemos puesto las reas dentro del men reas.



Creando las secciones pblicas Slo tendremos que ir a la administracin de mens en el submen que vemos en la imagen. Y arrastrar y soltar haciendo click con el ratn en las cruces y moviendo un poco a la derecha o la izquierda para determinar la jerarqua.
Creando las secciones pblicas Slo tendremos que ir a la administracin de mens en el submen que vemos en la imagen. Y arrastrar y soltar haciendo click con el ratn en las cruces y moviendo un poco a la derecha o la izquierda para determinar la jerarqua.

Creando las secciones pblicas Podemos colocar en orden de nuevo las pginas simplemente arrastrando y soltando en la cruceta hacia arriba o hacia abajo si no han quedado en el orden deseado cuando las creamos o las reorganizamos.
Creando las secciones pblicas Podemos colocar en orden de nuevo las pginas simplemente arrastrando y soltando en la cruceta hacia arriba o hacia abajo si no han quedado en el orden deseado cuando las creamos o las reorganizamos.


Creando las secciones pblicas Si nos confundimos de orden de importancia tambin lo podremos solucionar a golpe de ratn.
Creando las secciones pblicas Si nos confundimos de orden de importancia tambin lo podremos solucionar a golpe de ratn.



Instalacin del CCK y VIEWS El listado de asignaturas lo programaremos con cck y views. En realidad cck no lo necesitaremos ya que los campos que contiene el mdulo perles que ya viene en el core de Drupal nos ser suciente pero lo habilitaremos para futuros desarrollos y para experimentar. Antes de empezar a congurar views y cck haremos un copia de seguridad de la base de datos. Para hacer pruebas de forma tranquila sin destrozar lo hecho hasta ahora. Una vez bajados los mdulos que creemos nos van a ser necesarios procedemos a su instalacin como hemos visto con el mdulo poorsmancron descomprimiendo en el directorio sites/matematicas.unileon.es/modules

Instalacin del CCK y VIEWS El listado de asignaturas lo programaremos con cck y views. En realidad cck no lo necesitaremos ya que los campos que contiene el mdulo perles que ya viene en el core de Drupal nos ser suciente pero lo habilitaremos para futuros desarrollos y para experimentar. Antes de empezar a congurar views y cck haremos un copia de seguridad de la base de datos. Para hacer pruebas de forma tranquila sin destrozar lo hecho hasta ahora. Una vez bajados los mdulos que creemos nos van a ser necesarios procedemos a su instalacin como hemos visto con el mdulo poorsmancron descomprimiendo en el directorio sites/matematicas.unileon.es/modules

Instalacin del CCK y VIEWS
Figura: Instalacin del CCK y VIEWS1

Instalacin del CCK y VIEWS En este caso hemos elegido cck link y views adems del poormanscron que ya hemos instalado. Los descomprimiremos por el mismo mtodo en nuestra carpeta de mdulos.
Instalacin del CCK y VIEWS En este caso hemos elegido cck link y views adems del poormanscron que ya hemos instalado. Los descomprimiremos por el mismo mtodo en nuestra carpeta de mdulos.


Instalacin del CCK y VIEWS Procederemos a su activacin en la pantalla de preferencias de administracin.
Instalacin del CCK y VIEWS Procederemos a su activacin en la pantalla de preferencias de administracin.

Instalacin del CCK y VIEWS Aqu podemos ver el mdulo anteriormente instalado en el apartado de Otros al nal de la lista de mdulos que es donde aparecern los mdulos nuevos que instalemos excepto raras excepciones.
Instalacin del CCK y VIEWS Aqu podemos ver el mdulo anteriormente instalado en el apartado de Otros al nal de la lista de mdulos que es donde aparecern los mdulos nuevos que instalemos excepto raras excepciones.


Instalacin del CCK y VIEWS Aqu lo vemos activado. Seleccionamos todas las opciones aunque para el resultado nal slo necesitaremos la primera.
Instalacin del CCK y VIEWS Aqu lo vemos activado. Seleccionamos todas las opciones aunque para el resultado nal slo necesitaremos la primera.



Instalacin del CCK y VIEWS Aqu vemos los mdulos que provee CCK. El campo Link ha aparecido debido a que hemos instalado el mdulo link para cck anteriormente. Content habilita el corazn del mdulo que nos permite aadir campos a cualquier tipo de contenido y congurarlos a nuestro antojo. Content copy permite hacer copias de contenido, permissions habilita las reglas de acceso, eldgroup agrupa campos y los dems campos nos habilitan otras funciones obvias y slo destacar node reference y user reference que nos permiten vincular un campo a un usuario o a un nodo. Las habilitamos todas aunque slo necesitaremos content link y user reference.

Instalacin del CCK y VIEWS Aqu vemos los mdulos que provee CCK. El campo Link ha aparecido debido a que hemos instalado el mdulo link para cck anteriormente. Content habilita el corazn del mdulo que nos permite aadir campos a cualquier tipo de contenido y congurarlos a nuestro antojo. Content copy permite hacer copias de contenido, permissions habilita las reglas de acceso, eldgroup agrupa campos y los dems campos nos habilitan otras funciones obvias y slo destacar node reference y user reference que nos permiten vincular un campo a un usuario o a un nodo. Las habilitamos todas aunque slo necesitaremos content link y user reference.

Instalacin del CCK y VIEWS En cuanto los activamos nos pedir que revisemos los permisos proporcionndonos un enlace directo al mismo.
Instalacin del CCK y VIEWS En cuanto los activamos nos pedir que revisemos los permisos proporcionndonos un enlace directo al mismo.



Instalacin del CCK y VIEWS Como todo lo que vamos a crear es pblico podemos activar el acceso a todas las vistas a todos los roles de la web. Las vistas o Views son conguraciones que nos permitirn personalizar la informacin mostrada de un forma sorprendente. La instalacin del mdulo help, resulta imprescindible para iniciados y expertos, ya que las opciones de cck y views adems de ser el plato fuerte de Drupal, aumentan en complejidad y forma de trabajo con cada versin nueva. Avanzando tanto que este tipo de ayudas se ha vuelto casi obligatoria ya que es fcil olvidar las herramientas al alcance y como manejarlas. En esta gura vemos como en la pgina web para hacer una vista ya nos sugieren la instalacin del mdulo help.

Instalacin del CCK y VIEWS Como todo lo que vamos a crear es pblico podemos activar el acceso a todas las vistas a todos los roles de la web. Las vistas o Views son conguraciones que nos permitirn personalizar la informacin mostrada de un forma sorprendente. La instalacin del mdulo help, resulta imprescindible para iniciados y expertos, ya que las opciones de cck y views adems de ser el plato fuerte de Drupal, aumentan en complejidad y forma de trabajo con cada versin nueva. Avanzando tanto que este tipo de ayudas se ha vuelto casi obligatoria ya que es fcil olvidar las herramientas al alcance y como manejarlas. En esta gura vemos como en la pgina web para hacer una vista ya nos sugieren la instalacin del mdulo help.

Instalacin del CCK y VIEWS El enlace nos lleva directamente a la pgina de descargas donde slo tendremos que elegir la versin adecuada para nuestra instalacin, en este caso Drupal 6.
Instalacin del CCK y VIEWS El enlace nos lleva directamente a la pgina de descargas donde slo tendremos que elegir la versin adecuada para nuestra instalacin, en este caso Drupal 6.

Instalacin del CCK y VIEWS La descarga la haremos como la de otros mdulos.
Instalacin del CCK y VIEWS La descarga la haremos como la de otros mdulos.

Instalacin del CCK y VIEWS As como la instalacin.
Instalacin del CCK y VIEWS As como la instalacin.

Instalacin del CCK y VIEWS Activaremos los mdulos en la seccin correspondiente bajo Administracin, Mdulos.
Instalacin del CCK y VIEWS Activaremos los mdulos en la seccin correspondiente bajo Administracin, Mdulos.

Instalacin del CCK y VIEWS Esto nos cambiara la vista anterior ofrecindonos ahora mensajes de ayuda acerca de como crear nuestra primera vista.
Instalacin del CCK y VIEWS Esto nos cambiara la vista anterior ofrecindonos ahora mensajes de ayuda acerca de como crear nuestra primera vista.

Instalacin del CCK y VIEWS En este caso podemos ver una ayuda acerca de como trabajar con Views.
Instalacin del CCK y VIEWS En este caso podemos ver una ayuda acerca de como trabajar con Views.

Instalacin del CCK y VIEWS Vamos a crear nuestra Vista del personal que es miembro del departamento. Es decir, un lugar en la web en la que se vern los usuarios con sus asignaturas y otras caractersticas que nos interesen. Lo primero que debemos hacer es comprobar que est habilitado el mdulo.
Instalacin del CCK y VIEWS Vamos a crear nuestra Vista del personal que es miembro del departamento. Es decir, un lugar en la web en la que se vern los usuarios con sus asignaturas y otras caractersticas que nos interesen. Lo primero que debemos hacer es comprobar que est habilitado el mdulo.


Instalacin del CCK y VIEWS Despus nos dirigimos a la seccin de administracin y seleccionamos el enlace Views. Y all para crearla seleccionamos Add lo que nos crear una vista nueva.
Instalacin del CCK y VIEWS Despus nos dirigimos a la seccin de administracin y seleccionamos el enlace Views. Y all para crearla seleccionamos Add lo que nos crear una vista nueva.



Instalacin del CCK y VIEWS Hemos de completar unos datos identicativos esenciales como son: el nombre de la vista, una descripcin y si lo deseamos alguna tag para nuestra organizacin interna como programadores. Tambin debemos de seleccionar el dato ms importante y que no es cambiable. Si nos confundimos no tendremos ms remedio que borrar todo el trabajo echo en la vista. Se trata de saber que tipo de vista va a ser. Puede ser de archivos de contenido, de revisiones de contenido, de comentarios etc.. En nuestro caso va a ser una vista de Usuario.

Instalacin del CCK y VIEWS Hemos de completar unos datos identicativos esenciales como son: el nombre de la vista, una descripcin y si lo deseamos alguna tag para nuestra organizacin interna como programadores. Tambin debemos de seleccionar el dato ms importante y que no es cambiable. Si nos confundimos no tendremos ms remedio que borrar todo el trabajo echo en la vista. Se trata de saber que tipo de vista va a ser. Puede ser de archivos de contenido, de revisiones de contenido, de comentarios etc.. En nuestro caso va a ser una vista de Usuario.

Instalacin del CCK y VIEWS Aqu podemos ver el esquema en detalle del funcionamiento de las distintas partes del entorno de programacin de views, donde deniremos todos los campos que deseamos que aparezcan, como tienen que aparecer, el orden etc. En elds iremos aadiendo los campos y deniendo su forma de mostrarse. Slo tenemos que hacer click sobre ellos y aparecern abajo para congurarlos.
Instalacin del CCK y VIEWS Aqu podemos ver el esquema en detalle del funcionamiento de las distintas partes del entorno de programacin de views, donde deniremos todos los campos que deseamos que aparezcan, como tienen que aparecer, el orden etc. En elds iremos aadiendo los campos y deniendo su forma de mostrarse. Slo tenemos que hacer click sobre ellos y aparecern abajo para congurarlos.



Instalacin del CCK y VIEWS Aqu se muestra una view por defecto. No tiene creada ninguna pgina y por lo tanto no tiene vista en la cual se pueda ver su resultado. Desde la versin 6, y debido a que era habitual crear muchas vistas con similares resultados, se cambio la programacin del mdulo para que fuera jerrquica. Es decir, creamos una conguracin de vista con unos valores genricos y de esta creamos pginas con valores similares, bloques con informaciones similares etc.

Instalacin del CCK y VIEWS Aqu se muestra una view por defecto. No tiene creada ninguna pgina y por lo tanto no tiene vista en la cual se pueda ver su resultado. Desde la versin 6, y debido a que era habitual crear muchas vistas con similares resultados, se cambio la programacin del mdulo para que fuera jerrquica. Es decir, creamos una conguracin de vista con unos valores genricos y de esta creamos pginas con valores similares, bloques con informaciones similares etc.


Instalacin del CCK y VIEWS Este es el objetivo. Una lista del personal que pertenezca al rol Miembro del Departamento, en la cual se ver su nombre cargo asignaturas y foto y enlace a su formulario de contacto personalizado. Todos los elementos de inters sern seleccionables para su auto clasicacin.
Instalacin del CCK y VIEWS Este es el objetivo. Una lista del personal que pertenezca al rol Miembro del Departamento, en la cual se ver su nombre cargo asignaturas y foto y enlace a su formulario de contacto personalizado. Todos los elementos de inters sern seleccionables para su auto clasicacin.



Instalacin del CCK y VIEWS Aqu tenemos la conguracin de la vista para conseguir este resultado. Como vemos se ha creado una vista de pgina que sale de la default en la que hemos denido que los resultados se muestren en forma de tabla y en la que hemos aplicado un ltro. Slo salen aquellos usuarios cuyo rol sea Miembro del departamento. Imprescindible ya que ahora hay al menos 2 usuarios que no son miembros de este grupo. El usuario annimo que aparecera si no estuviera puesto este ltro y el primer usuario que an siendo administrador puedo pertenecer o no a otros grupos.




Instalacin de la plantilla Para la instalacin de la plantilla ser necesario crear una carpeta dentro de nuestro subdirectorio sites llamada themes donde colocaremos nuestro tema de apariencia personalizado para el departamento de matemticas.
Instalacin de la plantilla Para la instalacin de la plantilla ser necesario crear una carpeta dentro de nuestro subdirectorio sites llamada themes donde colocaremos nuestro tema de apariencia personalizado para el departamento de matemticas.

Instalacin de la plantilla
Figura: Instalacin de la plantilla

Instalacin de la plantilla Un slo directorio contiene todos los elementos estticos: imgenes, hojas de css y archivos de orden de informacin (tpls) y javascripts necesarios para la correcta visualizacin en todos los navegadores y algunos efectos visuales.
Instalacin de la plantilla Un slo directorio contiene todos los elementos estticos: imgenes, hojas de css y archivos de orden de informacin (tpls) y javascripts necesarios para la correcta visualizacin en todos los navegadores y algunos efectos visuales.

Figura: Instalacin de la plantilla2
Instalacin de la plantilla En administracin, temas, podremos encontrar nuestro nuevo tema en la lista. Tendremos que activarlo y denirlo por defecto si queremos que sea la apariencia siempre de nuestro sitio web.
Instalacin de la plantilla En administracin, temas, podremos encontrar nuestro nuevo tema en la lista. Tendremos que activarlo y denirlo por defecto si queremos que sea la apariencia siempre de nuestro sitio web.


Instalacin de la plantilla Cada tema tiene sus propias opciones generadas por el propio Drupal. Marcaremos todas y deshabilitaremos las frases y otras informaciones adicionales que no nos sean tiles, como por ejemplo, la misin del sitio. En el apartado icono personalizado subiremos el favicon.ico que identicar con una imagen las pestaas de nuestro navegador
Instalacin de la plantilla Cada tema tiene sus propias opciones generadas por el propio Drupal. Marcaremos todas y deshabilitaremos las frases y otras informaciones adicionales que no nos sean tiles, como por ejemplo, la misin del sitio. En el apartado icono personalizado subiremos el favicon.ico que identicar con una imagen las pestaas de nuestro navegador


Instalacin de la plantilla Despus de esto la parte ms importante es que se ver en cada lugar de la pgina. Drupal permite que no dejemos todo el trabajo a las plantillas y cede todo el trabajo de colocacin a su seccin de bloques, si el theme esta correctamente programado.
Instalacin de la plantilla Despus de esto la parte ms importante es que se ver en cada lugar de la pgina. Drupal permite que no dejemos todo el trabajo a las plantillas y cede todo el trabajo de colocacin a su seccin de bloques, si el theme esta correctamente programado.


Instalacin de la plantilla Este es el resultado nal: un excelente tema con transparencias. Dejamos el bloque de inicio de sesin el ms bajo y cuando se entra como usuario surge el men de la Intranet y las opciones para crear contenido. Por defecto dejamos todo habilitado, como las fotos de los usuarios en los envos a la espera de que se pueda cambiar bajo la opinin de los usuarios. En pequeo arriba a la izquierda decorando la pestaa podemos ver el icono corporativo.

Instalacin de la plantilla Este es el resultado nal: un excelente tema con transparencias. Dejamos el bloque de inicio de sesin el ms bajo y cuando se entra como usuario surge el men de la Intranet y las opciones para crear contenido. Por defecto dejamos todo habilitado, como las fotos de los usuarios en los envos a la espera de que se pueda cambiar bajo la opinin de los usuarios. En pequeo arriba a la izquierda decorando la pestaa podemos ver el icono corporativo.



Estado final del Proyecto Para la web matematicas.unileon.es: Aqu se puede apreciar como ha quedado el proyecto una vez ha sido concluido.

Estado final del Proyecto Para la web matematicas.unileon.es: Aqu se puede apreciar como ha quedado el proyecto una vez ha sido concluido.

Estado final del Proyecto
Figura: Estado nal matematicas2


Estado final del Proyecto
Figura: Estado nal matematicas3


Curso Drupal6 Marysalento

Hochgeladen von

Dokumentinformationen

Originaltitel

Copyright

Verfügbare Formate

Dieses Dokument teilen

Dokument teilen oder einbetten

Freigabeoptionen

Stufen Sie dieses Dokument als nützlich ein?

Sind diese Inhalte unangemessen?

Copyright:

Verfügbare Formate

Curso Drupal6 Marysalento

Hochgeladen von

Copyright:

Verfügbare Formate

Introduccin Instalacin bsica de Drupal Conguraciones del sitio web Construccin de sitio Web

Curso de Drupal Bsico

1 de Julio del 2010

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Figura: Bsqueda de Drupal en google.

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Figura: Bsqueda de Drupal en google.

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico Figura: Web ocial de Drupal

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de de Drupal Figura: Eleccion de versin Drupal Bsico

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Figura: Lista de bugs de Drupal 7 Curso de Drupal Bsico

Instalacin bsica de Drupal

Instalacin bsica de Drupal

Instalacin bsica de Drupal

Instalacin bsica de Drupal

Instalacin bsica de Drupal

Instalacin bsica de Drupal

Figura: Conguracin de MAMP

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez

Curso de Drupal Bsico

Instalacin bsica de Drupal

Figura: Conguracin de MAMP2

Instalacin bsica de Drupal

Mara Caizares Ords, Jorge Valencia lvarez