web de centro - cefire.edu.gva.es

Tema 5: Web de centro

CEFIRE El portal educativo Mestre a Casa.

Web de centro

Elaborado por:

Jordi Marco Juan (jmarco(arroba)mestreacasa.es)• Francisco Alfonso Hueso Pastor(ahueso(arroba)mestreacasa.es)

•

Rafael Chavarría Bonilla(rchavarria(arroba)mestreacasa.es)

•

Manuel Arnau Huerta(marnau(arroba)mestreacasa.es)

•

Víctor Pérez Cabello(vperez(arroba)mestreacasa.es)

•

Conocimientos previos

Pre-conocimiento

Alumno5

Web de centro 1

http://creativecommons.org/licenses/by-nc-sa/3.0/deed.es

En este tema abordaremos la gestión y administración de la web de centro. Por lo que recomendamos comoconocimientos previos para el alumnado:

- Conocer la administración de páginas en el portal.

- Generar páginas de los diferentes tipos que proporciona el portal educativo.

- Comprender la diferencia entre páginas públicas y privadas.

- Desenvolverse con la creación básica de contenidos.

- Manejo básico de la configuración de aplicaciones.

- Conocer las distintas aplicaciones y su funcionamiento.

Partiendo de estos conocimientos seremos capaces de gestionar la web de nuestro centro de una manera fácil ysencilla, sin que para ello sean necesarios unos conocimientos técnicos elevados (html,hojas de estilos CSS,FTP,etc.)

Objetivos

Objetivos

Todos los centros educativos de la Comunidad Valenciana presentes en el portal educativo disponen de unaweb premaquetada, pensada especialmente para que su administración y gestión sea sencilla para cualquierpersona que no posea unos amplios conocimientos informáticos.

El objetivo principal de este tema es adquirir los conocimientos necesarios para ser capaces de administrar ygestionar la web de nuestro centro.

Más concretamente los objetivos son:

Conocer las distintas secciones de la web premaquetada.1. Ser capaces de añadir nuevas secciones y modificar las ya existentes.2. Creación de nuevo contenido.3. Gestionar las páginas mediante permisos.4. Gestionar las aplicaciones y datos mediante permisos.5. Generar URL´s amigables tanto para las páginas de la web como para la dirección principal de la webde centro.

6.

Insertar código html embebido.7.

Contenidos

Secciones por defecto de la web de centro.1. Edición y adición de contenido.2. Gestión de páginas por permisos.3. Gestión de aplicaciones y datos por permisos.4.

Alumno5

Web de centro 2

Inserción de código embebido.5.

Criterios de evaluación

Para aprobar esta sesión será necesario entregar correctamente (con APTO) las actividades propuestas a lolargo de las secciones. En caso de que falten actividades por entregar será el profesor quien decida siconsidera la sesión aprobada.

Con el objetivo de poder diferenciar las entregas de los alumnos cada entrega se hará siguiendo el siguientepatrón:

1- se comprimirán los resultados de cada sección en un fichero comprimido tipo .ZIP

2- se renombrará con el nombre del alumno, primer apellido y sección del siguiente modo:

nombre1_apellido1_tema5_seccionX.zip

(Ej: vicente_rubio_tema5_seccion1.zip)

3- Cada sección se entregará por separado

El examen de autoevaluación no será entregado al profesor. Servirá al alumnado para comprobar susconocimientos adquiridos a lo largo de la sesión.1. Secciones de la web de Centro

Secciones de la web de Centro

Temporización: 40 min

Teoría

Secciones de la web de Centro

La página web de un centro educativo puede ser una extraordinaria herramienta al servicio del centro para suspropósitos más convencionales (proporcionar una información básica sobre el propio centro) y para avanzaren la profundización del uso de las TIC.

Todos los centros educativos de la Comunidad Valenciana presentes en el portal educativo disponen de unaweb premaquetada, pensada especialmente para que su administración y gestión sea sencilla para cualquierpersona que no posea unos amplios conocimientos informáticos.

La dirección genérica de la web de centro en el portal educativo mestre@casa sigue este formato:

Alumno5

Secciones de la web de Centro 3

http://mestreacasa.gva.es/web/codCentro00

Ejemplo:

Si el código del centro fuese 03011999, la direccion web del centro seríahttp://mestreacasa.gva.es/web/0301199900

En esta sección veremos los siguientes apartados:

Buscador de centros.• Secciones de la web premaquetada.•

BUSCADOR DE CENTROS

Básico

Para localizar la web de cualquier centro en el portal educativo, disponemos de un buscador con una versiónbásica en la que únicamente podremos buscar por un criterio, que buscará tanto en el nombre del centro comoen la localidad.

Ejemplo buscador básico:

Devuelve aquellos centros en los que aparece el término "palancia" en el nombre o bien en la localidad.

SECCIONES

A continuación vamos a ir viendo cada una de las secciones que la componen e indicando la funcionalidadque se pretende cubrir en cada una de ellas. Como bien se ha mencionado anteriormente, esta webpremaquetada no deja de ser una propuesta, que intenta recoger las secciones más habituales en una webeducativa, pero cada centro decidirá si quiere ampliar, modificar o reducir estas secciones.

Alumno5

BUSCADOR DE CENTROS 4

Inicio

En esta sección aparece la información institucional aportada por la Dirección General de Ordenación yCentros Docentes. Entre otra información se encuentra:

Nombre• Dirección• Teléfono• Email•

Titular• Programas de educación bilingüe oplurilingüe

•

Niveles educativos autorizados• Foto del centro•

Alumno5

SECCIONES 5

Inicio Localización

Dentro de la sección de "Inicio" aparece una subsección denominada "Localización", en la cual podemosencontrar una mapa de localización del centro educativo. El cual nos permite obtener una ruta para llegar alcentro, si especificamos nuestra dirección y hacemos click en "Cómo llegar".

Agenda

En esta sección el responsable de la administración de la web del centro podrá añadir y gestionar eventos queafecten a la vida del centro educativo tales como claustros, sesiones de evaluación, calendario escolar,actividades extraescolares, etc.

Alumno5

SECCIONES 6

Historia y entorno

Esta sección dispone de tres apartados distintos que en función de las particularidades de nuestro centroemplearemos o no.

Historia: Donde se recogerá una breve descripción de la historia del centro, como por ejemplo su añode fundación.

•

Personaje o lugar: Si el nombre de nuestro centro se debe a un personaje o a un lugar característico,que mejor sitio para hablar de ello que en esta sección.

•

Entorno: Descripción del entorno geográfico y social.•

Alumno5

SECCIONES 7

Servicios

En esta sección describiremos los servicios de que dispone el centro (Comedor, transporte escolar, aulas deinformática, etc.)

Alumno5

SECCIONES 8

Servicios Actividades

Esta sección alberga una subsección llamada "Actividades" donde se podrán reseñar las actividadesextracurriculares que se desarrollan en el centro (Teatro, pintura, patinaje, tenis, idiomas, ballet,etc.)

Enseñanzas

Aquí se recogen las enseñanzas que imparte el centro como pueden ser infantil, primaria, secundaria,

Alumno5

SECCIONES 9

bachillerato (diferentes modalidades) y ciclos formativos, así como su programa bilingüe o plurilingüe(PIL,PIP).

Blogs

En esta sección podemos ver las entradas de los blogs de los profesores que pertenecen al centro ordenadas deforma cronológica, así como los últimos profesores que han escrito en su blog (bloggers).

Alumno5

SECCIONES 10

Secretaría

En esta sección se muestra información de la secretaría del centro como puede ser el horario de atención,información de contacto, información sobre ayudas o becas, información sobre la matriculación, etc.

Tablón de fotos

En esta sección encontramos un visualizador de contenidos donde se podrán mostrar imágenes relativas alcentro. Recordad que para la publicación de imágenes del alumnado en la web deberéis contar con laautorización de sus respectivos padres, madres o tutores legales.

Alumno5

SECCIONES 11

Práctica

Práctica 1

Realiza las siguientes busquedas en el buscador de las webs de centro:

Busca la dirección web del centro al que perteneces.1. Busca las direcciones de correo electrónico del INSTITUTO EDUCACIÓN SECUNDARIAOLEANA de Requena.

2.

Averigua el código de centro del CEIP Argentina de Benferri.3.

Guarda los resultados en un único archivo llamado busquedas.txt

Alumno5

Práctica 1 12

Práctica2

A través del mapa de localización del CEIP Salvador Tuset de Valencia, determina cómo llegar hasta éltomando como punto de origen la dirección de vuestro centro.

Realiza una captura del mapa que recoge el trazado de la ruta y guarda el resultado en un fichero llamadomapa.

Ampliar conocimientos

Buscador de centros

Avanzado

El buscador en su versión avanzada permite realizar búsquedas por los siguientes criterios: Nombre,Dirección, Ciudad, Código Postal, Municipio, Provincia y Código de centro.

Ejemplo buscador avanzado:

Esta búsqueda devuelve los centros en cuyo nombre aparece "ferrer" y están ubicados en "valencia".

2. Edición, adición y maquetación de contenido

Alumno5

Buscador de centros 13

Edición, adición y maquetación decontenido


Teoría

Edición, adición y maquetación de contenido.A continuación vamos a ver como podemos editar las secciones ya existentes y modificar su contenido, asícomo crear nuevas secciones en nuestra web de centro.Nos encontraremos las siguientes secciones:

Edición de contenido• Adición de contenido• Maquetación de contenido•

Para llevar a cabo estas acciones se requiere estar registrado en el portal educativo, y además poseer unosroles especiales. Un rol no es más que una serie de permisos que se le conceden a un usuario para realizardeterminadas acciones.

Los roles que se deben poseer en el centro en el que deseemos administrar la web, es bien el de Director, obien la persona en la que delegue el director deberá poseer los roles de Organization Administrator yAdministrador Web Docente.

Con el fin de ilustrar esta unidad de la forma más real posible , utilizaremos un centro escogido al azar comocentro de referencia, en este caso el CEIP Salvador Tuset de Valencia, cada uno utilizará el centro que le seaasignado.

Una vez registrado con un usuario con los permisos necesarios, iremos al menú flotante situado en la partesuperior derecha, pincharemos en Mis espacios web y buscaremos nuestro centro, accederemos a las páginaspúblicas que son las que forman la web de centro.

En este momento ya estamos en disposición de modificar cualquier sección de la web. Podemos observar quesi poseemos los roles antes mencionados, navegando por la web en todas las aplicaciones o portlets nos

Alumno5

Edición, adición y maquetación de contenido. 14

aparecen las opciones para poder configurarlas, cambiarles la apariencia e incluso cerrarlas.

EDICIÓN DE CONTENIDO

Para modificar un contenido nos situaremos sobre el visualizador de contenido a modificar, en este casovamos a modificar en la sección Historia y entorno el contenido que hace referencia a Personaje o lugar ypulsaremos el botón de Edición

Al hacerlo nos aparece una caja de texto enriquecido donde podremos escribir, insertar imágenes, dar formatoe incluso pegar texto desde un documento hecho con un procesador de texto.

Alumno5

EDICIÓN DE CONTENIDO 15

Una vez modificado pincharemos en el botón Guardar.

BILINGÜISMO

Observar que una de las características que diferencia nuestro portal educativo es el bilingüismo, por ellotodas las páginas y secciones de la web premaquetada se encuentran tanto en valenciano como en castellano.Si queremos modificar un contenido para un idioma concreto, lo único que debemos hacer es fijar el idiomaen el desplegabley asegurarse que el contenido se encuentra localizado.

Alumno5


INSERTAR IMAGENES

Una opción muy interesante del editor de contenidos es la posibilidad de insertar imágenes.Vamos ahora adetallar como se introducen las imágenes en la web. Al editar el contenido hay que pulsar sobre el botóninsertar imagen

Al pulsar sobre el botón nos aparece el siguiente recuadro:

Alumno5


Hay que darle al botón para poder seleccionar una imagen existente entre los documentos delcentro y además podremos subir imágenes desde nuestro duro.

Alumno5


En este caso vemos que podemos seleccionar documentos de nuestro centro, una buena práctica sería crearuna carpeta imagenes dentro de nuestro centro y subir ahí todas las fotos que queramos poner en nuestra webde centro.

Pinchamos en y en la ventana que nos aparece especificaremos el nombre de la carpetaen este caso imagenes, como podemos observar en la siguiente:

Una vez creada la carpeta imagenes, nos situamos dentro de ella y procedemos a subir una imagen de nuestrodisco duro local, para ello examinaremos nuestro disco duro para seleccionar la imagen a subir yposteriormente una vez seleccionada, pulsaremos el botón de Upload.

Alumno5


Una vez hayamos subido la imagen la tendremos disponible para insertarla en cualquier contenido de nuestraweb.

ADICIÓN DE CONTENIDO

Hasta ahora hemos visto como modificar el contenido de las secciones que existían previamente, ahoraprocederemos tanto a crear nuevas páginas como nuevos contenidos así como utilizar distintas aplicaciones.

Para ello vamos a crear una nueva página a la que llamaremos Administración, haremos click en Añadirpágina situado debajo de las secciones de la web de centro

Una vez guardada aparecerá en el menú de secciones, pinchamos en esta nueva sección que se encontrarávacía.Vamos a añadir la aplicación llamada Gestor de contenidos, para ello iremos al menú flotante ypinchamos en Añadir aplicación

Añadimos la aplicación Gestor de contenidos a la página de Administración

Alumno5

ADICIÓN DE CONTENIDO 20

El resultado de añadir esta aplicación es el siguiente:

Si pinchamos en Buscar contenidos, nos muestra todos los contenidos que han sido creados para la webpremaquetada, donde tenemos la posibilidad de eliminarlos o hacer que expiren:

Alumno5


Si pinchamos en Añadir contenido, debemos elegir entre el tipo de contenido a crear y en función del mismoaparecerán los campos a completar.

El contenido libre es el contenido que más flexibilidad nos da a la hora de crear contenido y esta sujeto a unformato menos rígido.El contenido de tipo noticia, básicamente constará de un título y una descripción de la noticia.

En la próxima sección veremos como ocultar la página de administración a los usuarios anónimos.

CARACTERÍSTICAS COMUNES A TODOS LOS TIPOS DE CONTENIDOS

Con independencia del tipo de contenido que estemos creando, todos los formularios se distribuyen enpestañas y cuentan con una serie de campos que se irán completando de acuerdo a la información requerida.

Alumno5


Existen campos de obligada cumplimentación, normalmente el nombre del contenido.Si no lo rellenamos semostrará un mensaje de error que no nos dejará crear el contenido.

Todos los tipos de contenidos cuentan con campos textuales y campos numéricos. En ocasiones en los camposnuméricos ha de figurar una fecha. Ésta podrá insertarse tecleándola en la caja de escritura o bienseleccionándola del calendario que se muestra cuando activamos el icono que acompaña al campo.

Finalmente, en todos los tipos de contenidos existen campos que permiten al usuario dar formato al texto queestán insertando, a través de una pequeña barra de herramientas situada dentro del cuadro de edición.

El editor incluye numerosas funcionalidades. Con él se podrán añadir imágenes, tablas, animaciones y demáscomponentes dinámicos de una página web, creando contenidos de gran riqueza multimedia.

EJEMPLO DE CREACIÓN DE NUEVO CONTENIDO

Vamos a crear un contenido que llamaremos comedor y en el cual pondremos el menú del comedor escolar.Para ello crearemos un contenido libre desde el Gestor de contenidos y seleccionaremos el tipocontenido_libre.

En la pestaña Resumen, rellenaremos el nombre y la descripción:

Alumno5


En la pestaña Cuerpo utilizaremos el editor para crear una tabla con el menú escolar:

Alumno5


En la pestaña Categoría podríamos etiquetar el contenido en función de diferentes catalogaciones como porejemplo el nivel educativo, en nuestro caso particular no utilizaremos esta opción.

En la pestaña Fechas podemos fijar las fechas de publicación, expiración y revisión del contenido, en el casoque nos ocupa dejaremos las fechas que aparecen por defecto.

En este punto ya tendríamos el contenido preparado, pero es importante distinguir 2 casos a la hora de guardarel contenido.

1. Guardar / Guardar y continuar --> Crean el contenido pero no tiene permisos para verse en la web de formapública, se encuentra en un estado de borrador, pendiente de aprobar para su publicación.

Alumno5


2. Guardar y aprobar --> El contenido tiene los permisos necesarios para verse de forma pública.

MAQUETACIÓN DE CONTENIDO

Una vez creado y aprobado el contenido sólo nos hace falta publicarlo o hacerlo visible en nuestra web, paraello seguiremos con el ejemplo anterior y crearemos una página llamada Comedor

A continuación añadiremos la aplicación Contenido situada en la categoría Gestor de contenidos

Alumno5

MAQUETACIÓN DE CONTENIDO 26

Lo siguiente es seleccionar el contenido del Comedor, para ello pincharemos en el icono deconfiguración.Aparecerá un listado con todos los contenidos de la web de centro, haremos clic sobre elcontenido del comedor. Para ver el resultado pincharemos en la esquina superior derecha, en el enlace quepone Volver a la página índice.

Práctica

Práctica 1

Modifica la sección Historia y entorno de tu web de centro para poner el siguiente texto en Personaje olugar:

Alumno5

Práctica 1 27

Salvador Tuset nace en Valencia el 9 de noviembre de 1883, En 1898, a los 15 años de edad, se matriculaoficialmente en la Escuela de Bellas Artes de San Carlos de Valencia, finalizando sus estudios en 1903.A los 27 años, en 1911, gana la plaza de pensionado de pintura en la Academia Española de Bellas Artes deRoma. Sus compañeros en Roma fueron, entre otros, José Capuz, Tomás Murillo, Peppino Benlliure, Moisesde Huertas, Luis Benedito, Oroz y LabradaTras su muerte, la ciudad de Valencia dio su nombre a una calle y a un Grupo de Enseñanza Media. En 1972,a instancias del Colegio Oficial de Profesores de Dibujo de Valencia (que fueron sus alumnos), el Excmo.Ayuntamiento de Valencia erige un monumento con su busto en las Alameditas de Serranos, obra de su hijaAmparo bajo la dirección del escultor y catedrático de Bellas Artes Octavio Vicent.

Salvador Tuset naix a València el 9 de novembre de 1883, En 1898, als 15 anys dédat, es matriculaoficialment en lÉscola de Belles Arts de Sant Carles de València, finalitzant els seus estudis en 1903.Als 27 anys, en 1911, obté la plaça de pensionat de pintura en lÁcadèmia Espanyola de Belles Arts de Roma.Els seus companys a Roma van ser, entre altres, José Capuz, Tomás Murillo, Peppino Benlliure, Moises deHuertas, Luis Benedito, Oroz y LabradaDesprés de la seua mort, la ciutat de València va donar el seu nom a un carrer i a un Grup dÉnsenyançaMitjana. En 1972, a instàncies del Col·legi Oficial de Professors de Dibuix de València (que van ser els seusalumnes), lÉxcm. Ajuntament de València erigix un monument amb el seu bust en les Alameditas de Serrans,obra de la seua filla Amparo sota la direcció de léscultor i catedràtic de Belles Arts Octavio Vicent.

Además inserta la siguiente imagen:

Para verificar el correcto funcionamiento debes navegar en valenciano y en castellano y te debe aparecer eltexto correspondiente a cada idioma junto a la imagen.

Realiza una captura para la sección en valenciano (tuset_val) y para castellano (tuset_esp).

Práctica 2

Añade una nueva página llamada Activ. Extraescolares donde se debe visualizar un contenido llamadoextraescolares que recoge el horario de al menos 2 actividades (a tu libre elección).

Realiza una captura de la nueva página y guárdala como actividades.

Alumno5

Práctica 2 28


Url amigable de la web de centro

La dirección de la web de centro tiene la siguiente forma:http://mestreacasa.gva.es/web/codigoCentro00

Lo que puede ser poco práctico a la hora de recordar la dirección.Para dar solución a este problema,vamos aver como pasar en nuestro caso de tener una url como:

http://mestreacasa.gva.es/web/4601281100

a disponer de la siguiente url amigable:

http://mestreacasa.gva.es/web/salvadortuset

Vamos a ver como definir una url amigable para la dirección de la web de centro.Nos situamos sobrecualquier página de la web y vamos al menú flotante y seleccionamos Administrar Páginas

Nos mostrará una página como la siguiente:

Alumno5

Url amigable de la web de centro 29

Hemos de asegurarnos que estamos trabajando sobre la raíz del centro (no sobre ninguna página en concreto),lo podemos ver remarcado arriba de la imagen, luego debemos seleccionar la pestaña Servidor virtual

Hemos de definir la url amigable, teniendo en cuenta que siempre empiece por /.En el caso de que se produzcaun error, bien porque no se admita algún carácter o bien porque la url escogida ya ha sido seleccionada porotro centro, se nos mostrará un mensaje advirtiéndonos de ello.

A partir de ahora ya podemos acceder en nuestro centro con la url:

http://mestreacasa.gva.es/web/salvadortuset

aunque también sigue siendo valida la antigua url.3. Gestión de páginas por permisos

Alumno5

Url amigable de la web de centro 30

Gestión de páginas por permisos


Teoría

Gestión de páginas por permisos

A la hora de gestionar la web del centro nos puede resultar muy interesante que a ciertas páginas sólo puedanacceder aquellos usuarios que posean permisos para ello y no todo el público en general. En este apartadovamos a ver como hacerlo, para ello vamos a aprovechar la página que creamos en la sección anterior, a lacual llamamos Administración y que contenía la aplicación Gestor de contenidos, para que únicamente seavisible por el administrador de la web del centro.

Una vez registrados en el portal con un usuario que pueda administrar la web de centro nos iremos a laspáginas públicas de la web de centro, en este momento haremos clic en el menu flotante en la secciónAdministrar páginas como podemos ver en la siguiente imagen:

Nos encontraremos con la siguiente ventana:

Alumno5

Gestión de páginas por permisos 31

Seleccionaremos la página que queremos configurar, en este caso Administración, nos aparecerá una ventanaigual a la anterior pero en este caso, la página que editamos es la que Administración.

Alumno5


Pincharemos en el botón de Permisos (remarcado en la figura anterior) y nos aparecerá la siguiente ventana:

Alumno5


Para alcanzar nuestro objetivo que és que la pagina de Administración sólo pueda verla el administrador de laweb del centro, seguiremos los siguientes pasos:

Quitar permisos a los usuarios anónimos.• Quitar permisos a los usuarios del centro.• Añadir permisos al administrador de la web decentro.•

QUITAR PERMISOS A LOS USUARIOS ANÓNIMOS

Como se puede observar Anónimo posee actualmente los permisos de Ver sobre la página de Administración,vamos a quitarle el permiso, para lo cual seleccionaremos Ver y haremos clic en la flecha

Alumno5

QUITAR PERMISOS A LOS USUARIOS ANÓNIMOS 34

Una vez el permiso de Ver se encuentre en disponible, pincharemsos el botón de Guardar.

QUITAR PERMISOS A LOS USUARIOS DEL CENTRO

A continuación quitaremos los permisos de la pestaña Centro, para conseguir que tampoco sea visible porningun usuario del centro. Procederemos de igual forma que para quitar los permisos de Anónimo, pulsaremosla pestaña Centro:

Como se puede observar Centro posee actualmente los permisos de Ver sobre la página de Administración,vamos a quitarle el permiso, para lo cual seleccionaremos Ver y haremos clic en la flecha

Alumno5

QUITAR PERMISOS A LOS USUARIOS DEL CENTRO 35

Una vez el permiso de Ver se encuentre en disponible, pincharemsos el botón de Guardar.

AÑADIR PERMISOS AL ADMINISTRADOR DE LA WEB DECENTRO

Ahora vamos a conseguir que sólo el administrador de la web del centro, sea capaz de acceder a esta página.Para ello pincharemos en la pestaña de Roles de organización

Hacemos clic en Disponible y en la caja de texto buscamos el rol Administrador Web Docente

Alumno5

AÑADIR PERMISOS AL ADMINISTRADOR DE LA WEB DE CENTRO 36

Pulsamos el botón Buscar roles y marcamos la casilla del rol encontrado

A continuación pulsamos Actualizar permisos

Moveremos el permiso de Ver a Actual

Alumno5


A partir de este momento sólo podran acceder a la pagina de administración aquellos usuarios que posean elrol Administrador Web Docente.

Ahora para comprobar que realmente funciona como deseabamos, guardaremos la url de nuestra web, ennuestro caso http://mestreacasa.gva.es/web/4601281100 y saldremos del portal (para ser un usuario anónimo),para ello

Ahora copiaremos la url en el navegador y observaremos como no aparece la página Administración en elmenu de nuestra web.

Si accedemos con un usuario del centro que no sea administrador de la web del centro, obtendremos el mismoresultado.

Por último si accedemos con el administrador de la web veremos la página de Administración.

Alumno5


Práctica

Práctica 1

Modifica la página de la Agenda para que sólo pueda ser vista por los usuarios del centro.

Realiza una captura del menú de la web de centro navegando como usuario anónimo, guárdala como Agenda.


Url's amigables de las páginas

Si nos fijamos en las direcciones de las páginas de la web de centro tienen la siguiente forma:

http://mestreacasa.gva.es/web/codigoCentro00/numero

Por ejemplo la sección Inicio del centro 46012811 sería:

http://mestreacasa.gva.es/web/4601281100/1

Con la ayuda de la url amigable para la página de inicio podríamos definir la siguiente url:

http://mestreacasa.gva.es/web/4601281100/inicio

Vamos a ver como definir una url amigable para una página de la web de centro.En este caso vamos a poneruna url amigable a la sección Tablón de fotos la llamaremos fotos.Nos situamos sobre la página a modificar yvamos al menú flotante y seleccionamos Administrar Páginas

Alumno5

Url's amigables de las páginas 39

Nos mostrará una página como la siguiente:

Hemos de asegurarnos que estamos trabajando sobre la página que queremos modificar, lo podemos verremarcado arriba de la imagen, luego debemos modificar el campo URL amigable teniendo en cuenta quesiempre comience por /.Si introducimos un carácter no válido nos avisará.

A partir de ahora ya podemos acceder en nuestro centro al tablón de fotos con la url:

http://mestreacasa.gva.es/web/4601281100/fotos4. Gestión de aplicaciones por permisos

Gestión de aplicaciones por permisos


Teoría

Gestión de aplicaciones por permisos

En la sección anterior hemos visto como restringir el acceso a ciertas páginas, distinguiendo entre usuariosregistrados y usuarios anónimos. Ahora vamos a ver como restringir el acceso a las aplicaciones.

Para llevarlo a cabo vamos a crear un nuevo contenido que visualizaremos en la sección de Secretaría y quellamaremos Reglamento Régimen Interno (RRI), que sólo podrá ser visualizado por los usuarios registradosdel centro.

Alumno5

Gestión de aplicaciones por permisos 40

Una vez registrados en el portal con un usuario que pueda administrar la web de centro nos iremos a laspáginas públicas de la web de centro, en este momento haremos clic en la página de Administración (dondetenemos la aplicación de Gestor de Contenidos) y añadiremos un nuevo contenido

de tipo contenido_libre

lo llamaremos RRI

Alumno5


y en su cuerpo pondremos el siguiente texto:

REGLAMENTO DE RÉGIMEN INTERNO

Definimos el Reglamento de Régimen Interior del centro como el conjunto de reglas, normas yprocedimientos que posibilita que su estructura organizativa funcione, y que determina cómo se realizarán lasfunciones de las diferentes unidades organizativas. Por tanto, este Reglamento será la concreción de lanormativa vigente adaptada a una filosofía organizativa y a unos valores que el Centro quiere desarrollar yque determinarán el estilo propio de funcionamiento.

Lo guardaremos y aprobaremos , en este momento ya tenemos el contenido listo para su

visualización.

Nos situamos en la página de Secretaría y añadiremos la aplicación Contenido situada en la categoría Gestorde contenidos

Alumno5


Lo siguiente es seleccionar el contenido RRI, para ello pincharemos en el icono de configuraciónAparecerá un listado con todos los contenidos de la web de centro, haremos clic sobre el contenido del

RRI. Para ver el resultado pincharemos en la esquina superior derecha, en el enlace que pone Volver a lapágina índice.

En este momento cualquiera podría ver ambos contenidos, tanto el de Secretaría como el de RRI.Ahora vamosa modificar los permisos de la aplicación Contenido que muestra RRI para que sólo sea visible a los usuariosdel centro, para ello pincharemos en el icono de configuración y seleccionaremos la pestaña de Permisos

Alumno5


Nos centraremos en las pestañas de Centro y Anónimo, donde Centro hace referencia a los usuarios quepertenecen al centro y el Anónimo se refiere al usuario que no se registra para acceder a la web, es decir elpúblico en general.Como nuestro objetivo es que la aplicación Contenido que muestra el RRI sólo la pudieranver que usuarios pertenecientes al centro, haremos clic en Anónimo para quitarle permisos:

Como se puede observar Anónimo posee actualmente los permisos de Ver sobre la aplicación Contenido,vamos a quitarle el permiso, para lo cual seleccionaremos Ver y haremos clic en la flecha

Alumno5


Una vez el permiso de Ver se encuentre en disponible, pincharemos el botón de Guardar.

Ahora para comprobar que realmente funciona como deseábamos, guardaremos la url de nuestra web, ennuestro caso http://mestreacasa.gva.es/web/4601281100 y saldremos del portal (para ser un usuario anónimo),para ello

Ahora copiaremos la url en el navegador y observaremos como en la sección de Secretaría aparece elcontenido Secretaría y sin embargo no aparece el Reglamento de Régimen interno.

Práctica

Alumno5


Práctica 1

Modifica el contenido Historia del centro de la página Historia y entorno para que sólo pueda ser vista porlos usuarios del centro.

Realiza una captura de la página Historia y entorno navegando como usuario anónimo, guárdala comoHistoria.


Filtrado de datos basado en rolesVamos a ver como podemos restringir el acceso a ciertos datos según los roles que posee el usuario. Para ellovamos a añadir una nueva página a la web de centro a la que llamaremos Foro.

Nos situaremos sobre la página creada y añadiremos la aplicación Foro de discusión situada en la categoríaColaboración.

Para aprovechar al máximo la amplitud de la pantalla, en el menú flotante seleccionaremos la opción Plantillade página y dentro de las opciones existentes marcamos 1 Column. El foro presentará el siguiente aspecto:

Alumno5

Filtrado de datos basado en roles 46

En este momento vamos a añadir dos categorías General y Docentes, la primera será visible para todo elmundo y la segunda sólo se encontrará disponible para los docentes.

Hacemos click en Añadir categoría y creamos la categoría General

De igual manera creamos la categoría Docentes:

Alumno5


El foro quedará de la siguiente forma:

En el botón de Acciones perteneciente a la categoría Docentes seleccionaremos Permisos

Seleccionamos la pestaña Disponible dentro de Roles de organización

Alumno5


Buscaremos el rol Docente

Marcamos el rol Docente y pinchamos el botón Actualizar permisos, moveremos los permisos que se ven enla imagen de Disponible a Actual y haremos clic en Terminar.

Alumno5


A continuación quitaremos todos los permisos existentes en las pestañas Centro y Anónimo (Pasaremos todolo que haya en Actual a disponible). La pestaña Centro quedará de la siguiente manera:

La pestaña Anónimo quedará así:

Alumno5


A partir de este momento sólo los usuarios que sean docentes, tendrán acceso a la categoría Docentes del foroy el resto sólo podrán ver la categoría General. Para comprobarlo si nos registramos con un usuario que tengael rol Docente dentro de nuestro centro veremos el foro de esta manera:

Mientras que si salimos del portal (dejamos de estar registrados) y accedemos al foro, podremos verúnicamente la categoría General

Como hemos podido comprobar disponemos de una herramienta muy potente que nos permite filtrar datoscon un alto grado de granularidad, ya que puede llegar al nivel del rol deseado.

Alumno5


5. Inserción de código embebido

Inserción de código embebido


Teoría

Inserción de código embebido

También tenemos la posibilidad de insertar presentaciones,documentos, albums de fotos,videos etc, creadosen sitios de terceros como pueden ser Scribd, Slideshare, Flickr, Picassa, Youtube,etc.

Esto es posible porque el editor que utilizamos para crear contenido nos da la posibilidad de trabajar con html,con lo que copiando una pequeña porción de código html (código embebido) proporcionado por los sitiosexternos al portal, permite acceder a este tipo de recursos que mejoran notablemente nuestra web.

En esta sección veremos como:

Insertar un documento (Scribd)• Insertar una presentación (Slideshare)• Insertar una colección de fotos (Flickr)• Insertar un video (Youtube)•

INSERTAR DOCUMENTO (SCRIBD)

Para insertar una presentación con este formato, lo único que tendremos que hacer será conseguir el códigohtml de la misma para poderlo insertar en nuestro contenido.

Una vez hayamos localizado en www.scribd.com el documento que queramos insertar en nuestra web

Alumno5

Inserción de código embebido 52

http://www.scribd.com

Haremos clic en la barra de herramientas inferior en la esquina inferior derecha, como vemos indicado en laimagen.Se nos mostrará la el siguiente cuadro:

A continuación seleccionamos embed y se nos mostrará el siguiente cuadro, donde copiaremos el código htmlque necesitamos, para ello pinchar en el copy que se encuentra remarcado.

Alumno5

INSERTAR DOCUMENTO (SCRIBD) 53

Ahora lo único que nos queda es copiar este código embebido en el contenido que deseemos (recordar queantes de pegar hay que seleccionar en el editor la opción Fuente HTML) y guardarlo.A continuación puedesver el resultado:

Alumno5

INSERTAR DOCUMENTO (SCRIBD) 54

INSERTAR PRESENTACIÓN (SLIDESHARE)

De forma análoga a como hemos hecho en el caso anterior buscaremos en www.slideshare.net la presentaciónque queramos insertar en nuestra web

Alumno5

INSERTAR PRESENTACIÓN (SLIDESHARE) 55

http://www.slideshare.net

Haremos clic en la barra de herramientas superior en embed, como vemos indicado en la imagen.Se nos mostrará el siguiente cuadro:

A continuación copiaremos el código html que necesitamos, para ello seleccionamos el texto que aparece enla caja de texto.

Ahora lo único que nos queda es copiar este código embebido en el contenido que deseemos (recordar queantes de pegar hay que seleccionar en el editor la opción Fuente HTML) y guardarlo. A continuación puedesver el resultado:

Alumno5

INSERTAR PRESENTACIÓN (SLIDESHARE) 56

INSERTAR ALBUM DE FOTOS (FLICKR)

Ahora lo que pretendemos es insertar en nuestra web fotos que nos puedan ser de utilidad. Por ejemploimaginemos que necesitamos mostrar fotos de las obras de Gaudí porque vamos a realizar una actividadextraescolar en la que visitaremos una de sus obras.

Para ello iremos a http://www.flickr.com/search/advanced de entre los distintos criterios para realizar labúsqueda utilizaremos:

Para asegurarnos utilizar imágenes de libre distribución, marcaremos la opción Creative Commons:

Alumno5

INSERTAR ALBUM DE FOTOS (FLICKR) 57

http://www.flickr.com/search/advanced

Obtendremos las imágenes de la búsqueda, donde seleccionaremos presentación:

Haremos clic en la barra de herramientas superior en compartir, como vemos indicado en la imagen.

Alumno5


Se nos mostrará el siguiente cuadro:

A continuación copiaremos el codigo html que necesitamos, para ello seleccionamos el texto que aparece enla caja de texto o bien haremos clic en Copiar en el portapapeles.

Ahora lo único que nos queda es copiar este código embebido en el contenido que deseemos (recordar queantes de pegar hay que seleccionar en el editor la opción Fuente HTML) y guardarlo.A continuación puedesver el resultado:

Alumno5


INSERTAR UN VIDEO (YOUTUBE)

Ahora lo que pretendemos es insertar un video en nuestra web que nos puedan ser de utilidad. Por ejemplopodemos acompañar las imágenes anteriores de Gaudí con un video.

Para ello iremos a http://www.youtube.com y buscaremos el video con el que queremos trabajar:

Alumno5

INSERTAR UN VIDEO (YOUTUBE) 60

http://www.youtube.com

Posteriormente haremos clic en Insertar como indica la imagen, veremos el siguiente cuadro:

Alumno5


Donde nos permite personalizar el codigo html a pegar en nuestro contenido, ya que podemos incluir videosrelacionados, seleccionar el color de la barra de herramientas, definir el tamaño de la ventana del video,etc.

Una vez definido, copiaremos este código embebido en el contenido que deseemos (recordar antes de pegarhay que seleccionar en el editor la opción Fuente HTML) y guardarlo.A continuación puedes ver el resultado:

Alumno5


Práctica

Práctica 1

Crea una página nueva denominada Embebido, donde debes añadir un documento de Scribd, unapresentación de Slideshare, una colección de imágenes de Flickr y un video de Youtube.

Realiza una captura de la página y guárdala con el nombre embebido.


http://www.pcweb.es/manual_html/mostrar.php?pagina=42Fuentes de información

DocuWiki

http://mestreacasa.gva.es/web/portaleducativo/documentacion

Canal youtube de mestre@casa (canal 1)

Canal youtube de mestre@casa (canal 2)

Alumno5

Práctica 1 63

http://mestreacasa.gva.es/web/portaleducativo/documentacion

http://www.youtube.com/user/mestreacasa

http://www.youtube.com/user/EscolaLliureX

http://www.edu.gva.es/ite/val/mestreacasa.htm

http://www.pcweb.es/manual_html/mostrar.php?pagina=42



http://www.flickr.com


Resumen final

Reflexión

Preguntamos "¿para qué ha servido este tema?"Después de este tema el alumnado ha conocido las distintas secciones que conforman la web premaquetada,ha sido capaz de crear nuevas secciones así como modificar las ya existentes.

Se han filtrado los contenidos, las secciones y las aplicaciones en función de los permisos que poseen losusuarios.Por último han conocido como enriquecer de una forma sencilla la web del centro, ayudándonos de lainserción de código embebido (documentos de Sribd,presentaciones de Slideshare,colecciones de fotos deFlickr y videos de Youtube).

Autoevaluación

Examen SCORM

Las secciones de la web de centro premaquetada:

No pueden eliminarse.Pueden modificarse, la única sección que hay que respetar es la de Inicio, ya que contiene la informaciónoficial del centro.Tenemos total libertad para crear, modificar y eliminar las secciones de la web en función de nuestrasnecesidades.

La dirección de la web de centro sigue el siguiente formato:

http://mestreacasa.gva.es/web/codigoCentro00http://mestreacasa.gva.es/web/nombreCentro00Es independiente tanto del código de centro como del nombre.

Alumno5

Práctica 1 64

http://www.edu.gva.es/ite/val/mestreacasa.htm

http://www.pcweb.es/manual_html/mostrar.php?pagina=42



http://www.flickr.com


Teniendo en cuenta que la figura pertenece a la pestaña de Permisos Anónimo de la página Historia y entorno,podemos afirmar que:

Los usuarios anónimos no podrán ver la página de Historia y entorno.Los usuarios anónimos no podrán ver ni la página de Historia y entorno ni sus aplicaciones.Los usuarios anónimos podrán ver la página de Historia y entorno, ya que la web del centro esta abierta atoda la comunidad educativa

A la hora de guardar un contenido que acabamos de crear:

La opción de Guardar, Guardar y continuar y Guardar y aprobar tiene el mismo efecto.Las opción de Guardar y continuar es la única que hace público el contenido de forma automática.Ninguna de las anteriores.

Cuando deseamos insertar una funcionalidad proporcionada por un servicio externo al portal educativo:

No es posible insertar funcionalidades que no sean proporcionadas por el portal.Copiaremos el código embebido proporcionado por el servicio externo y lo pegaremos en el editor decontenido directamente.Copiaremos el código embebido proporcionado por el servicio externo y lo pegaremos en el editor decontenido habiendo marcado previamente la opción Fuente HTML.

Este artículo está licenciado bajo Creative Commons Attribution Non-commercial Share Alike 3.0 License

Formació del Professorat - CEFIRE

Alumno5

Práctica 1 65

http://creativecommons.org/licenses/by-nc-sa/3.0/

web de centro - cefire.edu.gva.es

Documents