Anexo A – Demostración y manual de usuario
Contents
1. E e E Topic 1 a Course Contest we 906 wowen Administraci n del sitio m Top 2 E j la Mty courses e aropa Upcoming events ke Notificaciones investigaci n sobre el ema expuesto Minimo 5 p ginas o Registro 0 Administration 7 Taare are no upcontng evt t Caracter sticas Topic 2 New event avanzadas Couse IMSS On dad an Y Fna ouz Recent activity b Usuarios muns A Unensol me hom CEJ 5 sinice Thursday 26 June 201 gt Cursos cr Pavia Vedat DJs 21 b Calificaciones mea Fu report of recent actvay Insignias precia Course updates gt Ubicaci n Aee pame Forun Idioma b Extensiones gt Seguridad Y Afterburner Afterburner gt unabashedly bulk tor speed Apariencia w Temas 4 Ajustes de g Latest news EI Welcome to our 2 0 Test Site Login T g 1Uar 09 31 Vigra siil wo izg en creating a ins dama dxpuimrce hera for ha Mosde Uesmame temas X paara tarr oe y Conlin Vis pa po to pura a ps d mie Sasa q Selector de neos ARIA ae ousabia situated bel os to logit using ena Password 12 20 01 44 ol theae accounta to play around temas l sami Usas Lanas Teacher pe K Afterburner e Ussmrare tescher Y Anomal a n aa Password Teacher Calendar r A Tags SiN Student 4 March 2051 gt ke Arialist le Usamame sides An An Tur Wed Tu fu za armo Moodie Mz Studenti e LEA ON pug Brick nch tot testeining Password Student sae a E gt y gt in the maasti wall just hp merking Eny Domo oz Clean A O io o Formal White Ava2. 1 2 d m i a gt 3 Los bloques de Moodle es una de las formas m s b sicas de a adir funcionalidad a un sitio o curso Adem s sirven como modo de navegaci n principal por las p ginas del sitio Los bloques permiten por ejemplo mostrar las noticias de un curso un calendario o pr ximos eventos C Mar a de Luna 3 Edificio Torres Quevedo Campus R o Ebro AINA 7 ae 50018 ZARAGOZA emima unIiZar es Universidad Zaragoza Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 1 2 El resultado despu s de configurar el contenido personalizado y de a adir algunos bloques adicionales es el presentado en la figura 18 H Tema UIKit Men principal B Novedades del sitio ha Navegaci n HH P gina Principal O rea personal a P ginas del sitio Ea Mi perfil la Vis cursos E Administraci n E 5 Ajustes de la p gina principal 4 Activar edici n Editar ajustes a Usuarios Y Filtros a informes Copia de seguridad Restaurar a Banco de preguntas la Ajustes de mi perfil a Administraci n del sitio Idioma y K Mi panel de control v lt Mis Asignaturas y Usted se ha identificado como Admin User Salir Anillo Digital Docente Plataformas moodle 2 de apoyo a la docencia de la Universidad de Zaragoza Es responsabilidad del usuario en su caso profesor alumno del curso o invitado el uso correcto de los servicios
3. EE Tema 1 A adir un nuevo tema ln General Sin novedades a n a Tema 1 ia Contenido del curso 2 2MB documento PDF a Tema 2 la Mis cursos Ll Tarea en grupo ES Eventos proximos E Investigaci n sobre el tema expuesto M nimo 5 p ginas E Administraci n O No hay eventos pr ximos Ir al calendario Tema 2 Nuevo evento E5 Administraci n del curso o 4 Activar edici n Test final Activi z ctividad reciente Editar ajustes O a Usuarios amp Darme de baja en Demo Figura 23 Tema degradado C Mar a de Luna 3 Edificio Torres Quevedo IN eina unizar es sa Universidad i Zaragoza 1542 Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 1 7 Listado de grupos de componentes y variables personalizables Es la forma principal de personalizar el aspecto del sitio Aqu nos encontramos una larga lista de componentes y las variables que les dan forma y aspecto categorizadas por elemento y tipo de variable Cada grupo de variables tiene un peque o bot n que nos permite restablecer todos sus valores originales Del mismo modo cuando una variable ha sido modificada su nombre aparece en negrita y si pulsamos en ella podemos restablecer su valor original Refrescar Y Auto refrescar Global 9 Color de fondo Degradado interior Color de fondo Degradado exterior Tipograf a 2 Tama o de letra 14px
4. Tipo de letra Helvetica Neue Hel Altura de l nea 20px Color del texto a Figura 24 Algunas variables personalizables Controles generales Nos permiten realizar funciones que afectan a todo el gestor visual de estilos l Refrescar y check de auto refrescar Al pulsar el bot n de refrescar se actualizar n los estilos del sitio visualizado a la derecha en unos 1 3 segundos o menos dependiendo del navegador y de la potencia del ordenador sin necesidad de guardarlos todav a Si marcamos el check de auto refrescar cada vez que modifiquemos una variable los estilos se refrescar n autom ticamente 2 Guardar y utilizar estilos figura 25 Deberemos pulsarlo cuando hayamos acabado de personalizar nuestro sitio Los estilos visualizados se guardar n y aplicar n al sitio real y por lo tanto ser visto por todos los usuarios C Mar a de Luna 3 Edificio Torres Quevedo Campus R o Ebro 50018 ZARAGOZA Estilos guardados con xito Figura 25 Di logo al guardar estilos o MED eina unizar es su Universidad jAi Zaragoza hiis Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 1 8 3 Exportar Importar LESS Nos permite exportar las personalizaciones a un archivo para volver a ser importadas despu s en el mismo sitio Moodle u otro sitio diferente siempre que tenga el tema UIkit instalado 4 Resetear todo fig
5. del campus virtual ADD y la obligaci n de guardar la confidencialidad de las contrase as de acceso a cada uno de los recursos y plataformas amp Usuario identificado a Calendario a 2 Mensajes a 4 junio 2014 No hay mensajes en espera Dom Lun Mar Mi Jue Vie S b Mensajes 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Admin User 22 23 24 25 26 27 28 Ciudad Zaragoza 29 30 eduramiba gmail com o Entradas de blog recientes Nueva entrada de blog Entradas sobre este asunto Curso Cursos v Colapsar todo Categor a Demo 2 Curso Demo Profesor Profesor 1 Figura 18 P gina principal tras los ajustes Adem s de unas diapositivas y cajas de anuncios para que aparezcan solamente a usuarios no identificados podemos a adir enlaces a redes sociales y aplicaciones m viles que aparecer n en todo el sitio encima del men de navegaci n Ambas caracter sticas pueden verse en la captura de la figura 19 pann a Redes Sociales age Universidad f AM Zaragoza Y in H Tema UIKit idioma y Usted no se ha Identificado Entrar Osluz o Oficina Software Libre Universidad de Zaragoza www bantter com emaunizar C Mar a de Luna 3 Edificio Torres Quevedo Campus R o Ebro 50018 ZARAGOZA Visita guiada a nuestros edificios ul i so ESLIS EFAS al PA Conferencias r Cursos de verano Y q Figura 19 Marketing en la p gina principal eina unizar es su Universidad i Zaragoza maa Eduardo R
6. es posible mediante Moodle por s s lo e A adir una serie de diapositivas y cajas de anuncios al sitio Pueden resultar tiles en sitios Moodle donde se venden cursos o para enriquecer la imagen de empresa en el sitio Ambas pueden ser configuradas para ser mostradas solamente si no se est autenticado o viceversa e El administrador del sitio puede configurar bloques que solamente l puede visualizar Esto puede resultar til para monitorizar u obtener un resumen del sitio o realizar labores de gesti n A modo de ejemplo vamos a a adir un texto personalizado a la p gina principal figura 17 y algunos bloques A ade un rea de contenido personalizado al principio de la caja principal de la p gina inicial Activar contenido v personalizado Si se activa mostrar el contenido personalizado al principio de la caja principal de la p gina inicial Contenido personalizado EA gt Arial vw 3 12pt v Anillo Digital Docente Plataformas moodle 2 de apoyo a la docencia de la Universidad de Zaragoza Es responsabilidad del usuario en su caso profesor alumno del curso o invitado el uso correcto de los servicios del campus virtual ADD y la obligaci n de guardar la confidencialidad de las contrase as de acceso a cada uno de los recursos y plataformas Ruta p span strong Lo que se escriba aqu aparecer al principio de la caja principal de la p gina inicial Figura 17 Ajustar contenido de la p gina principal
7. se genere un nuevo sitio para permitir la ejecuci n del mismo sobre este c digo C Mar a de Luna 3 Edificio Torres Quevedo IN eina unizar es Universidad Zaragoza Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 4 2 Personalizaci n de sitios Moodle 2 1 Utilizaci n del tema Vamos a ver varios ejemplos de c mo se puede utilizar el tema y qu permite realizar Una vez instalado el tema lo primero que deberemos hacer es seleccionarlo desde el panel de administraci n del sitio Moodle Usted se ha identificado como Admin User Salir Moodle 2 6 3 P gina Principal gt Administraci n del sitio gt Apariencia gt Temas gt Selector de temas Activar la edici n de bloques Navegaci n oa F m Seleccionar tema para el dispositivo default P gina Principal a Area personal Borrar cach s de temas P ginas del sitio Tema Informaci n Mi perfil i Theme UIKit Mis cursos e Ulkit A Theme UKR Lagane MyOnmoros Muy Courses gt You are logged in as Adra Une LOG ou Marcas del 5 a Para uN a Go 5 Usar tema E Home gt My courses Mise ourse administrador avigaon arch forums Marcar esta pagina wa B a la Sse pages Adet od serch E la My protse a Oscunslon brun ns Current course oran ky taong about his course topics Ss Administraci n 5 a Spm dea Latest news B Prk prts Ajustes de mi perfil RA Topie 1 o a
8. tenemos el tema funcionando los siguientes pasos para aprovecharlo al completo ser an configurar las caracter sticas adicionales que ofrece y o personalizar el aspecto completo del sitio A modo de ejemplo vamos a configurar al completo un sitio Moodle ficticio para la Universidad de Zaragoza El proceso que vamos a seguir consistir en configurar previamente todo tipo de contenido bloques e im genes logos realizado mediante ajustes y preferencias y finalmente adaptar el estilo del sitio realizado mediante el gestor visual de estilos Es importante destacar que podemos realizar las personalizaciones en cualquier orden deseado sta no es la nica forma de personalizar un sitio mediante el tema 2 1 1 Configuraci n de ajustes y preferencias del tema Podemos acceder a todos los ajustes que permite el tema desde un nico men categorizado El modo de acceder es Men de Administraci n del Sitio Apariencia Temas UIKit figura 8 Vamos a configurar cada una de las categor as para nuestro sitio ficticio 2 Administraci n a Ajustes de mi perfil ES Administraci n del sitio Notificaciones Registro Caracter sticas avanzadas a Usuarios a Cursos a Calificaciones ia Insignias a Ubicaci n an idioma a Extensiones la Seguridad ES Apariencia 5 Temas Ajustes de temas Selector de temas Clean la Essential More ES UIKit Gestor visual de estilos para UlKit Ajustes general
9. 1 2 3 4 5 la P ginas del sitio Color del texto atenuado Ba Mi perfil 6 7 8 9 1 u 2 13 14 4 18 17 18 49 Color de enlaces la Mis cursos Admin User 2 4 2 3 U 5 B Decoraci n de enlaces Ciudad Zaragoza TB BD DO 3 eduramiba Agmail com o Color de enlaces hover 0 Administraci n Decoraci n de enlaces hover underline a OS Entradas de blog recientes gt Ajustes de la p gina principal Color de texto de contraste 4 Activar edici n Editar ajustes la Usuarios Y Filtros la informes Cabeceras Tipo de letra Helvetica Neue Hel No hay entradas recientes Cabeceras Color Cursos Cabeceras Peso de la letra w Colapsar todo Copia de seguridad Restaurar Navegaci n Margen lateral Color de fondo Degradado superior Color de fondo Degradado inferior Color del texto generales O Guardar y utilizar estilos Exportar LESS 9 Resetear todo 3 Controles Importar LESS ln Banco de preguntas la Ajustes de mi perfil la Administraci n del sitio Buscar Categor a Demo Curso Demo Profesor Profesor 1 Novedades del sitio A adir un nuevo tema Nuevo sitio Demo NS de Admin User s bado 28 de junio de 2014 20 39 Esta es una noticia de ejemplo Figura 20 Vista general del gestor visual de estilos parte superior Darse de baja de este foro Enitar Anrrar Como podemos ver en la imagen anterior la herramienta se diferencia en dos se
10. E noticias B squeda avanzada a P ginas del sitio Es Mi perfil Foro de discusi n Curso actual Sei TE aa Foro para hablar de la tem tica de este curso E ea E Ultimas noticias a Participantes a Insignias Tema 1 A adir un nuevo tema a General Sin novedades a n la Tema 1 ia f Contenido del curso 2 2MB documento PDF a Tema 2 Ba Mis cursos 2 Tarea en grupo S Eventos pr ximos Investigaci n sobre el tema expuesto M nimo 5 p ginas E Administraci n E No hay eventos pr ximos Ir al calendario Tema 2 Nuevo evento 5 Administraci n del curso p 4 Activar edici n Test final es A v Actividad reciente amp Editar ajustes a Usuarios amp Darme de baja en Demo 22 Tema casi plano 3 Degradado figura 23 Tema que utiliza degradados bordes redondeados y sombras Es el tema por defecto y el que vamos a utilizar para personalizar nuestro sitio de ejemplo a Admin su Universidad Ali Zaragoza l Redes Sociales y f in HA Tema UIKit Idioma y Mi panel de control v Mis Asignaturas y Usted se ha identificado como Admin User Salir ih Navegaci n E P gina Principal gt Mis cursos gt Categor a Demo gt Curso Demo Buscar en los foros el P gina Principal O rea personal Noticias la P ginas del sitio B squeda avanzada la Mi perfil Foro de discusi n ES Curso actual Foro para hablar de la tem tica de este curso Iti ici E IS E Ultimas noticias la Participantes
11. Investigaci n sobre el tema expuesto M nimo 5 p ginas gA Eventos pr xim os Copia de seguridad Restaurar importar Tema 2 No hay eventos pr ximos Publicar Ir al calendario C Reiniciar Y Test final Nuevo evento 1 Banco de preguntas 9 Cambiar rol a O Actividad reciente ln Ajustes de mi perfil a Administraci n del sitio Buscar O 2014 Unizar Escuela de Ingenier a y Arquitectura Universidad Zaragoza Figura 28 Resultado final del sitio personalizado C Mar a de Luna 3 Edificio Torres Quevedo IN eina unizar es su Universidad i Zaragoza ii Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 2 0 2 2 Ejemplos de sitios configurados mediante el tema 2 2 1 Sitio preliminar para SEAS similar a su campus virtual estudios abiertos SEAS GRUPO SANVALERO Sitio 2 6 1 idioma Mipaneldecontroly Mis Asignaturas y Usted se ha identificado como Admin Usuario Salir Cursos v Colapsar todo Miscel nea ft Pagina Principal Subcategor a e Subcurso Prueba Curso Categor a Uno e Curso Dos e Curso Test Novedades del sitio Suscribirse a este foro ALULI MISU UCIOILIL UCI SILIO edodes A Buscar NS de Admin Usuario mi rcoles 30 de abril de 2014 20 17 Prueba Editar Borrar Hacer un comentario en este tema 0 r plicas O 2014 Hib
12. N eina unizar es sa Universidad i Zaragoza hiis Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 1 9 2 1 3 Resultado final de nuestro sitio Despu s de aplicar las personalizaciones de estilo a nuestro sitio la imagen de la figura 28 es un ejemplo del resultado que podr amos obtener Hemos puesto un fondo degradado ligeramente gris a la p gina y cambiado el tipo de letra de todos los elementos por Bree Serif Google Fonts Tambi n hemos modificado todos los colores de la barra de navegaci n al completo as como los colores de fondo iconos elementos y enlaces de los bloques Finalmente hemos modificado el bot n primario para ser un azul m s oscuro a Admin sm Universidad jfi Zaragoza a Redes Sociales yg f in f Tema UIKit Idioma y Mi panel de control y amp Mis Asignaturas Y Usted se ha identificado como a Navegaci n a gi n Perfil gor a Demo gt Curso Demo 3 Calendario Mensajes Archivos privados Eo s Administraci n B squeda avanzada 7 Salir 5 Administraci n del curso Foro para hablar de la tem tica de este curso Pa E ltimas noticias Editar ajustes Usuarios Tema 1 amp Darme de baja en Demo A adir un nuevo tema Sin novedades a n Y Filtros a Contenido del curso 2 2MB documento PDF Mn informes LD Tarea en grupo E3 Calificaciones s Insignias
13. PUESTA EN MARCHA DE PLATAFORMAS MULTI SITIO TIPO CAMPUS VIRTUAL MEDIANTE LA EXTENSI N DE MOODLE Anexo A Demostraci n y manual de usuario Tabla de contenidos l Gesti n Multi sttio Moodle score ineine ii l 1 1 Utilizaci n de la herramienta necesarios cetonas ic l 1 1 1 Ereaci n dean aerO O ee E l 1 1 2 Proceso de creaci n de una plantilla oooccccoccnnnocnnonocnnnnncnnnnncononononnnncnnnnnncnnnnnnnnnns 3 2 Personalizaci n de sitios Moodle ccooocccccoccnccoccnnononnnoncnnonononnnnnononnncnnnnnnnnnnnnnnnnnnnnonnnnnnnnnnnnnnnnnnnss 4 2 1 CE a AAA 4 2 1 1 Configuraci n de ajustes y preferencias del temMa ooonccccocnnococnnnnncnnonnnnnnonnnnnnnncnnnncnnnns 6 2 Gestor visual de esti lOS PR Poo ES ET 14 PA Be Resultado final de nuestro SI IO oooccccooccnnoncnnnnncnnnnncnnnnnonnnnnnnnnonnnnonnnnnnnnnnnnnnnnnnnnnnnnnnnnnnns 19 2 2 Ejemplos de sitios configurados mediante el tema ooccccoocnnnnnccncnncnnonnnononononnnnacnnonncnnnninnnnns 20 PEAN Sitio preliminar para SEAS similar a su campus virtual ooooccccoccnncocnnnnnnnnnnnncnnnnanoss 20 Dize Sitio para otra empresa no T VEA sisi ia 21 sa Universidad i Zaragoza hiis Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 1 En este anexo dedicaremos la mayor parte del documento a describir en dos secciones esenciales claramente diferenci
14. a Inicial Spots Publicitarios Redes Sociales Aplicaciones m viles Google Fonts Google Analytics Calendario Sube tu propia imagen de fondo para el ple de p gina Ser repetida en el fondo del pie de p gina de todas las p ginas Blog Navegaci n magen del Pie Tama o m ximo para nuevos archivos Sin mile n mero m ximo de archivos adjuntos 1 Ajustes HTML Incrustaci n de multimedia Moodie Docs 8 Archivos P gina de rea personal por defecto P gina de perfil por defecto r Cursos e AJAX y Javascript Gestionar marcas HTML adicional P gina Principal Por favor suba su imagen personalizada aqu si quieres a adiria al pie de p gina Si subes una imagen aparecer encima del HTML personalizado del pie si lo hay Servidor Informes Desarrollo Favicon ama o m xomo para nuevos archivos Sn rie numero m ximo de archivos adjuntos Motor de Ayuda para actualizar oe Tareas Motor de Ayuda para actualizar Preguntas a Figura 9 Ajustes generales del tema Los siguientes ajustes que tenemos disponibles son relativos al men de navegaci n Podemos configurar si deseamos mostrar accesos directos mediante el submen Mi panel de control y si queremos mostrar accesos directos a los cursos matriculados del usuario con el submen Mis Cursos Adem s podemos modificar la terminolog a utilizada en el submen Mis Cursos entre varias opciones unidades clases m dulos asignaturas y cursos Por otra parte existe otro a
15. adas la aplicaci n que posibilita la gesti n automatizada del multi sitio y el tema de Moodle desarrollado para personalizar los sitios individuales En ambas secciones comenzaremos demostrando las posibilidades y funciones con las que cuenta cada una de las partes Despu s de esto trataremos uno o varios ejemplos completos de uso y otros resultados obtenidos 1 Gesti n Multi sitio Moodle Vamos a ver en mayor detalle el funcionamiento de la herramienta para la gesti n de un multi sitio Moodle en adelante MMoodle 1 1 Utilizaci n de la herramienta 1 1 1 Creaci n de un nuevo sitio El modo de utilizaci n de este sistema es muy sencillo 1 Se preparan uno o varios sitios Moodle base que sirven de plantilla para la generaci n de nuevos sitios Se configuran como plantillas en MMoodle Ver secci n 1 2 de este documento para mayor detalle 2 Una vez se dispone de una plantilla mediante la interface de usuario de MMoodle se generan autom ticamente cuantos nuevos sitios se deseen a partir de la plantilla Podemos ver un ejemplo en la figura 1 Here you can easily Moodle Site name Nuevo create a new Moodle Site from an existing Moodle Template Moodle 2 6 3 y Moodle Template Site Mode Duplicate template files to be used only by this site ly Database name moodle_539df154a1a37 Domain example com Value is required and can t be empty Description Figura 1 Creaci n de un nuevo sitio Moodle a partir de una plan
16. amos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 1 3 Otros ajustes Otros ajustes que podemos realizar es la integraci n con Google Analytics y Google Fonts En cuanto a Google Fonts el tema nos permite incorporar en el sitio hasta 10 tipos de letra diferentes de este servicio Los tipos de letra que configuremos nos aparecer n disponibles junto a otros en el gestor visual de estilos Google Fonts es un servicio web de Google que permite incluir cientos de tipos de letra diferentes disponibles en un repositorio de forma sencilla y r pida en cualquier sitio web C Mar a de Luna 3 Edificio Torres Quevedo EN eina unizar es Universidad Zaragoza Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 1 4 2 1 2 Gestor visual de estilos Este sistema de gesti n visual e interactiva de los estilos es la mayor ventaja del tema Moodle y la que m s aprovecha la utilizaci n del framework UIkit Gracias a que UIkit nos ofrece un conjunto amplio de todo tipo de componentes para aplicaciones web y que estos componentes han sido dise ados desde la base para que su aspecto pueda ser configurado mediante una serie de variables colores tipos de letra medidas en p xeles podemos construir una herramienta que nos permita alterar las variables para visualizar y establecer un siti
17. cciones principales C Mar a de Luna 3 Edificio Torres Quevedo Campus R o Ebro 50018 ZARAGOZA eina unizar es sa Universidad jAi Zaragoza aa Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 1 5 l La columna izquierda de menor tama o que contiene todos los controles que nos permiten personalizar el sitio tema base variables restablecer valores exportar importar guardar estilos 2 La columna derecha que nos permite ver tanto la pre visualizaci n de la p gina real de Moodle con los estilos personalizados aplicados como los estilos reales Adem s es completamente funcional y nos permite navegar por todo el sitio web manteniendo los estilos personalizados sin necesidad de guardarlos A continuaci n se explican con detalle cada una de las partes que forman el gestor visual de estilos Selecci n del tema inicial en el que basar el sitio Este control nos permite elegir un tema o dise o base dado por Ulkit para utilizar y modificar mediante las variables Existen 3 temas base 1 B sico figura 21 Tema plano y simple sin bordes sin degradados sin sombras gt Admin z Universidad jfi Zaragoza a o Redes Sociales Y f in HA Tema UlKit idioma amp Mi panel de control Mis Asignaturas y Usted se ha identificado como Admin User Salir ih Navegaci n E P gina Principal gt Mis cursos gt Categor a Demo gt Cur
18. cuenta la necesidad de alterar esta p gina por diferentes razones como pueden ser que resulte lo m s simple posible reducir la informaci n mostrada o incluir un logo de cabecera Como puede observarse en las siguientes im genes para nuestro sitio vamos a ocultar la cabecera del sitio el men de navegaci n y el pi de p gina Adem s proporcionamos al tema un logo que reemplaza el texto de la caja de introducci n de credenciales En las figuras 15 y 16 podemos ver el aspecto antes y despu s de aplicar los ajustes a la p gina de acceso respectivamente Universidad ML Zaragoza HA Tema UIKit Idioma y Usted no se ha identificado Entrar Nombre de usuario Contrase a Recordar nombre de usuario Olvid su nombre de usuario o contrase a Las Cookies deben estar habilitadas en su navegador 7 Algunos cursos permiten el acceso de invitados Entrar como invitado Escuela de Ingenier a y Arquitectura Universidad Zaragoza Figura 15 P gina de acceso antes de aplicar las configuraciones O 2014 Unizar an Escuela de ON Igenier a y Arquitectura 1542 Universidad Zaragoza Nombre de usuario Contrase a E Recordar nombre de usuario Olvid su nombre de usuario o contrase a Las Cookies deben estar habilitadas en su navegador 2 Algunos cursos permiten el acceso de invitados Entrar como invitado Figura 16 P gina de acceso despu s de aplicar las configuraciones C Mar a de L
19. e is Moodle Site name Local correctly set up Moodle Template Moodle 2 6 3 Site Mode Do not duplicate template files Database name moodle_loca Domain localtest Description Test Figura 4 Detalles modificaci n y borrado de un sitio Al editar un sitio se actualizar n las propiedades pertinentes y si se ha cambiado el dominio el sitio pasar a estar disponible en el nuevo dominio y subdominio de forma autom tica C Mar a de Luna 3 Edificio Torres Quevedo IN eina unizar es Universidad Zaragoza Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 3 1 1 2 Proceso de creaci n de una plantilla Las plantillas son com nmente instalaciones limpias de Moodle que contienen los archivos de c digo fuente PHP y la base de datos m s archivos que crea Moodle durante su instalaci n Preparar una plantilla es un proceso manual pero relativamente simple Para realizar este proceso solo deberemos seguir los pasos de instalaci n de Moodle Normalmente una vez instalado no se realizan cambios sobre la instalaci n y de esta forma se consigue un sitio plantilla lo m s vac o posible a no ser que se desee configurar sobre esta plantilla ciertos datos ajustes o informaci n que todos los dem s sitios deban compartir El archivo de configuraci n de Moodle de la plantilla puede dejarse como est pues ser sobrescrito por MMoodle cada vez que
20. erus V SANVALER N Ve c ve A ve ve SAR ve O gt t b SA NVALERO Sr SANVALERO Sr CPASALDUIE Sr SEAS SF SA NJORGE Sr Prueba pie de p gina C Mar a de Luna 3 Edificio Torres Quevedo IN eina unizar es su Universidad i Zaragoza 1542 Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 2 1 2 2 2 Sitio para otra empresa no revelada Redes Sociales y f HA Otro sitio empresa 2 Idioma Usted no se ha identificado Entrar X Manual Para el Docente Anuncio de muestra 2 Anuncio de muestra 3 Server Network Chonl Espacio para anuncios Espacio para anuncios Manual Para el Docente Esto es un texto opcional Esto es un texto opcional Men principal Novedades del sitio Nuevo Curso Manual para el alumno FA Novedades del sitio de Admin Usuario jueves 22 de mayo de 2014 12 13 Nuevo curso disponible Manual para el alumno Ir al curso de manual para el alumno sa Navegaci n f P gina Principal 3 Novedades del sitio a Cursos emailadempresa com C Mar a de Luna 3 Edificio Torres Quevedo Campus R o Ebro AN 50018 ZARAGOZA N na unizar es Uh Ml O E
21. es Men Personalizado Diapositivas de P gina Inicial Ajustes de la p gina de Login Ajustes de la P gina Inicial Spots Publicitarios Redes Sociales Aplicaciones m viles Google Fonts Google Analytics Figura 8 Men de ajustes categorizados del tema C Mar a de Luna 3 Edificio Torres Quevedo Campus R o Ebro 50018 ZARAGOZA eina unizar es 1542 Universidad Zaragoza Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 7 Configurando ajustes generales y el men de navegaci n superior En esta p gina podremos configurar ciertas preferencias presentes en cualquier sitio web com n Algunas de estas caracter sticas son logo reemplaza el icono del sitio que tambi n es configurable imagen de fondo de la cabecera imagen de fondo del sitio imagen de piel de p gina imagen de fondo del pie de p gina favicon del sitio nota de copyright texto del pie de p gina y la posibilidad de a adir bloques de Moodle en el pie de p gina En este caso figura 9 vamos a configurar solamente el logo copyright imagen del pie y favicon del sitio HN Tema UlKit Idioma y e Mi panel de control y 8 Mis Cursos y Usted se ha identificado como Admin User Salir w menu reryonacauu Diapositivas de P gina magen de fondo de pie de a li it Inicial pagina Ajustes de la p gina de Login al Archivos Ajustes de la P gin
22. juste relacionado con las categor as y subcategor as de cursos de Moodle para especificar el modo en el que se muestran los cursos matriculados Disponemos de tres modos diferentes 1 Lista simple de cursos figura 10 Es el modo que se establece como activo al instalar el tema Muestra una lista de los cursos matriculados sin ning n tipo de jerarqu a Mis Asignaturas Y Curso Adicional Curso Demo Figura 10 Men Mis Cursos Lista simple de cursos C Mar a de Luna 3 Edificio Torres Quevedo Eo eina unizar es su Universidad i Zaragoza 1542 Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 8 2 Mostrar listas de cursos bajo su categor a de mayor nivel figura 11 Este modo muestra los cursos dentro de categor as desplegables pero limita la profundidad de categor as a un solo nivel Mis Asignaturas y Miscel nea lt Categor a Demo v Curso Adicional Figura 11 Men Mis Cursos Mostrar lista de cursos bajo su categor a de mayor nivel 3 Mostrar los cursos con jerarqu a completa de categor as figura 12 Este modo muestra los cursos dentro de sus categor as y subcategor as sin limitar la profundidad Mis Asignaturas Y Miscel nea v Curso Demo Categoria Demo v Subcategor a 1 Curso Adicional Figura 12 Men Mis Cursos Mostrar los cursos con jerarqu a completa de categor as Todo
23. le con el tema UIKit sin personalizaciones Por otra parte el tema se adaptar al tama o de pantalla disponible en el navegador web Como puede verse en el siguiente conjunto de capturas de pantalla realizadas desde un tel fono m vil Android figura 7 Y FA E 21 07 E as ema Tes ajaa Admin O rea persc P gina Principal gt Mis cursos gt Categor a Demo gt Curso Demo User Salir a P ginas d ln Mi perfil Idioma 5 Curso acti 2 gt Curso b Mi panel de control ln Parti Ba Insig NN o amp Perfil MN Gene r Noticias E Calendario Mn Teme T2 Foro de discusi n S Mensajes la Tem Entrar Archivos privados a cursa Foro para hablar de la Salir tem tica de este Nombre de usuario admin curso amp Mis Cursos fos Adm Contrase a oooooooso Curso Demo Tema 1 25 Administr a 4 Activar Recordar nombre de usuario Contenido del curso X Editar a d 2 2MB documento PDF i Olvid su nombre de usuario o aoii Ma Usuario contrase a g Tarea en grupo Darme c Y Filtros Las Cookies deben estar habilitadas en su Investigaci n sobre el Figura 7 Tema UIKit desde un tel fono m vil C Mar a de Luna 3 Edificio Torres Quevedo EN eina unizar es 1542 Universidad Zaragoza Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 6 Una vez
24. llable courses Figura 5 Selecci n del Tema UIKit desde Moodle est ndar Cuando seleccionemos el tema podremos ver nuestro sitio con el aspecto b sico del tema Como puede observarse en la figura 6 este aspecto es directamente utilizable a la par que limpio y pr ctico C Mar a de Luna 3 Edificio Torres Quevedo Campus R o Ebro 50018 ZARAGOZA eina unizar es aan 1542 Universidad Zaragoza Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 5 E Tema UIKit gr 4 Tema UIKit Idioma y amp Mi panel de control v S Mis Cursos y Usted se ha identificado como Admin User Salir Men principal Cursos Colapsar todo Ig Novedades del sitio Categor a Demo sa Navegaci n Curso Demo Profesor Profesor 1 fi P gina Principal rea personal la P ginas del sitio Novedades del sitio ls Mi perfil ln Mis cursos Darse de baja de este foro A adir un nuevo tema 5 Nuevo sitio Demo amp Administraci n Y de Admin User s bado 28 de junio de 2014 20 39 Esta es una noticia de ejemplo Editar Borrar Hacer un comentario en este tema 0 r plicas ES Ajustes de la p gina principal f Activar edici n Q Editar ajustes la Usuarios Y Filtros Informes Copia de seguridad Restaurar a Banco de preguntas la Ajustes de mi perfil a Adenimintrani m dal mitin Figura 6 Aspecto de un sitio Mood
25. o web a medida Vamos a configurar nuestro sitio de ejemplo mediante el gestor visual de estilos para conseguir un aspecto mucho m s acorde a nuestras necesidades as como visualizar diferentes alternativas Vista general del gestor visual de estilos Admin Tema base 1 Selecci n del tema inicial Ta Universidad e AM Zaragoza en el que basar el sitio Y Auto refrescar 2 Listado de grupos de Previsualizaci n del sitio real con los estilos personalizados aplicados Degradado M Redes Sociales y f in z Tema UIKit idioma BMi panel de controly Mis Asignaturas y Usted se ha identificado como Admin User Salir componentes y variables pe rsona Iza bles Men principal 5 Anillo Digital Docente Plataformas moodle 2 de apoyo a la docencia de la Universidad de Zaragoza Color de fondo Degradado exterior Es responsabilidad del usuario en su caso profesor alumno del curso o invitado el uso correcto de los servicios del campus virtual ADD y la obligaci n de guardar a la confidencialidad de las contrase as de acceso a cada uno de los recursos y plataformas Tipograf a 9 l a Novedades del sitio Tama o de letra 14px a io j i a i 5 To de iiA aa a Navegaci n E d Usuario identificado 5 Calendario Mz Mensajes Altura de l nea 20px POE 4 P gina Principal s julio 2014 gt No hay mensajes en espera 3 Color del texto E Dom Lun Mar Mi Jue Vie S b Mensajes O rea personal Se as e eu A ne E ji EET
26. s los ajustes del men de navegaci n tambi n afectan al men lateral para m viles de la misma forma Para nuestro sitio elegiremos mostrar el panel de control utilizar la terminolog a de asignaturas y mostrar la jerarqu a completa de categor as de cursos Ver figura 13 Men Personalizado Mi panel de control Muestra una lista de funciones comunes utilizadas por los usuarios Mostrar Mi panel de control Y valc por detecto si _vikit d ashboa Mostrar el panel de control con enlaces de usuario en el men Lista din mica de cursos matriculados Muestra una lista de cursos matriculados al usuario Mostrar cursos matriculados Valor por defecto Si theme_uikit displaymyco Muestra una lista de cursos matriculados al usuario en el men Teminolog a Mis Asignaturas ly Valor por defecto Mis Cursos Cambiar la terminolog a del elemento Mis Cursos en el men desplegable Modo de mostrar los cursos Mostrar lista simple de cursos matriculados Mostrar lista simple de cursos E rs g Mostrar listas de cursos bajo su categor a de mayor nivel culados en el men Mostrar los cursos con jerarqu a completa de categor as N Guardar cambios Figura 13 Ajustes del men de navegaci n C Mar a de Luna 3 Edificio Torres Quevedo Campus R o Ebro 50018 ZARAGOZA eina unizar es sa Universidad jAi Zaragoza nas Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la e
27. so Demo Ea Buscar en los foros Y ft P gina Principal O rea personal r2 PEER 5 a P ginas del sitio pu B squeda avanzada Es Mi perfil Foro de discusi n 5 Curso actual E f Foro para hablar de la tem tica de este curso pe T Cara o E Ultimas noticias ln Participantes a Insignias ds i Tema 1 A adir un nuevo tema a General Sin novedades a n al o Contenido del curso 2 2MB documento PDF a Tema 2 la Mis cursos S Tarea en grupo Eventos pr ximos Investigaci n sobre el tema expuesto M nimo 5 p ginas E Administraci n Y No hay eventos pr ximos Ir al calendario Tema 2 Nuevo evento ES Administraci n del curso 9 4 Activar edici n Af Test final pi OS O Actividad reciente Editar ajustes a Usuarios amp Darme de baja en Demo Figura 21 Tema base C Mar a de Luna 3 Edificio Torres Quevedo IN eina unizar es Universidad Zaragoza Eduardo Ramos Ib ez Puesta en marcha de plataformas multi sitio tipo campus virtual mediante la extensi n de Moodle Anexo A 1 6 2 Casi plano figura 22 Contiene bordes redondeados y sombras pero sin degradados put a Admin sa Universidad fi Zaragoza a i Redes Sociales yv f in A Tema UlKit idioma 4BMi panelde control Mis Asignaturas y Usted se ha identificado como Admin User Salir ih Navegaci n a P gina Principal gt Mis cursos gt Categor a Demo gt Curso Demo Buscar en los foros 2 A P gina Principal O rea personal a a n W
28. tilla 3 Una vez finalizado el proceso de configuraci n inicial de la figura 2 El nuevo sitio generado ya es accesible sin tener que gestionar manualmente sus archivos base de datos o configuraci n b sica C Mar a de Luna 3 Edificio Torres Quevedo IN eina unizar es us