Coordinación en un Centro TIC Tema 5.1 Plataforma Helvia: sitio web y bitácora

Transcripción

1 Coordinación en un Centro TIC Tema 5.1 Plataforma Helvia: sitio web y bitácora Diego García García, Coordinador TIC del C.E.I.P Nuestra Señora del Rosario de Macael Juan Lucas Cañabate, Coordinador TIC del I.E.S. Alto Almanzora de Tíjola

2 ÍNDICE 1.- Qué es Helvia? Primeros pasos con Helvia Sitio Imágenes Página de inicio ( Homepage ) Inclusión de imágenes en el diseño Ejemplos de Páginas de Inicio Secciones Crear una sección Modificar sección Eliminar sección Páginas Formularios Formulario de contacto Administración de formularios Libro de visitas Buscador Uploads Banners Noticias Estilos Bitácora Administración de la bitácora Categorías Imágenes Publicaciones Comentarios Configuración. 51 2

3 1.- Qué es Helvia?. Helvia es una aplicación informática que sustituye a lo que hasta ahora llamábamos Plataforma E-ducativa o simplemente plataforma. Ésta era, lo que ahora se llama aula virtual. La nueva Helvia tiene, además del Aula Virtual, dos componentes más, una bitácora donde organizar debates sobre distintos temas que afecten a la comunidad escolar y el sitio donde podemos crear la página web del centro. Para acceder a Helvia desde el centro: Para acceder a helvia desde fuera: Las equis hay que sustituirlas por el código del centro. Una de las posibilidades de Helvia es que nos permite acceder de una manera rápida y fácil a todos los usuari@s de Helvia a las Helvias de todos los centros de Andalucía lo que permitirá un enriquecimiento de todos. Una vez hacemos clic en este icono aparece una ventana que nos permite acceder a una provincia, haciendo clic en el mapa sobre la provincia elegida o buscar un centro y una vez elegido poder entrar en su Helvia 3

4 Dentro de las responsabilidades del Coordinador/a está la administración de esta aplicación para acceder a la administración desde el centro: Desde fuera del centro: Cuando Helvia se instala en el servidor por defecto tiene el mismo aspecto en todos los centros y debemos configurarla. 4

5 2.- Primeros pasos con Helvia. El primer paso que debemos realizar es cambiar la clave genérica que tienen todos los centros, para esto entramos como administradores como hemos mencionado, usamos como nombre de usuario: webmaster y contraseña: código de centro. Nos presenta la posibilidad de acceder a: el Sitio Web, la Bitácora, el Aula Virtual y la posibilidad de acceder a la Configuración General: Si accedemos a la configuración general podemos poner el nombre de nuestro centro y cambiar la contraseña del Webmaster, lo que es muy conveniente ya que si no lo hacemos cualquiera podrá entrar en la configuración de la Helvia de nuestro centro. 5

6 Ponemos el nombre de nuestro centro que aparecerá en la parte superior de la página de inicio y la contraseña que usaremos a partir de ahora. A partir de este momento podremos cambiar la contraseña en el Aula Virtual de Helvia. Una vez que realizamos esto nos da acceso a la configuración de la página de inicio del Sitio Web de Helvia. 6

7 El aspecto de la administración del sitio web es semejante al de la bitácora y al del aula virtual donde encontramos, una imagen con logotipo de la Junta de Andalucía que nos lleva al interfaz de usuario: Desde la vista de usuario podemos volver a la administración con la lista desplegable que tenemos en la parte inferior izquierda: Desde la vista de administración, se nos permite ir a la administración de la 7

8 bitácora, del Aula Virtual, administración general o cerrar sesión: El menú de administración del sitio, es semejante en la forma a los menús de los otros apartados de Helvia y al de la Plataforma E-ducativa. Debajo del menú encontramos el contenido de la opción activa en este caso Homepage, dentro de un procesador de texto, para su modificación, si lo creemos conveniente. Debajo de esta zona tenemos las imágenes disponibles para usarlas en la 8

9 confección del sitio, donde posteriormente podemos definir categorías para un mejor control de las imágenes. Por último nos muestra la opción de modificar si decidimos guardar las modificaciones pulsando Modificar. Una vez que conocemos el entorno en el que nos vamos a mover, comenzamos a estudiar cada parte de Helvia por separado, teniendo en cuenta que antes de hacer nada en el ordenador tenemos que tener una idea clara y un diseño previo sobre el papel. Igualmente debemos tener disponibles los recursos ( imágenes, animaciones, documentos, etc, ) que vamos a necesitar. 3.- Sitio. Esta parte de Helvia es un instrumento para facilitar a todos los centros TIC de Andalucía la posibilidad de tener una página web de una manera rápida y fácil. Para los centros que ya tienen una página con bastantes contenidos o aquellos que incluso tienen un dominio propio qué hace? abandonan la que tenían y se pasan a Helvia? dejan el Sitio Web de Helvia y se dedican a la Web que tuviesen anteriormente?, en nuestra opinión no debemos abandonar nada sino que la página Web del centro y el Sitio Web de Helvia pueden ser complementarios y pueden compartir algunas zonas comunes y tener enlaces de una al otro y viceversa. En cualquier caso, esto es algo que junto con la estructura que le vayamos a dar lo tiene que analizar el Equipo de Coordinación y ser aprobado por los órganos correspondientes de cada centro. A continuación, vamos a estudiar la forma de configurar el Sitio Web, como hemos 9

10 dicho con anterioridad debemos tener un diseño previo en papel y todos los recursos preparados para incluirlos. En el Sitio Web de Helvia, se debe incluir en nuestra opinión, información acerca de como es nuestro centro, los proyectos que estamos poniendo en práctica y las noticias de actualidad que tienen relación con nuestra Comunidad Educativa. Para decidir el menú o los apartados que va a tener nuestro Sitio, podemos consultar algunos centros, que este trabajo lo tienen adelantado o la muestra que tenemos en el enlace de Helvia en Averroes: Podemos ver a continuación distintos ejemplos de menú de centros: Una vez que hemos decidido el menú, con todas las secciones y páginas que va a tener cada sección tenemos que proceder a llevar a la práctica lo diseñado Imágenes. Lo primero que tenemos que hacer, es subir las imágenes que vamos a usar y que después podemos actualizar cada vez que lo consideremos necesario. Entramos en vista de administración, elegimos la pestaña Sitio Web, la opción 10

11 Imágenes : Aparece una pantalla de administración de imágenes con un listado de las imágenes ya incluidas para ser utilizadas en el Sitio. Para ser organizados, vamos a definir una serie de categorías, tantas como secciones tengamos en el menú. Para ello elegimos: Imágenes Categorías Agregar Tecleamos el Nombre y la Descripción de la categoría, ( es obligatorio rellenar los dos datos, todo los datos que nos pidan y aparezcan en negrita son obligatorios ), y pulsamos. Podemos manejar las categorías, modificándolas, eliminándolas o agregando 11

12 nuevas eligiendo los distintos comandos: Una vez definidas las categorías podemos incluir las imágenes que necesitemos, eligiendo: Imágenes Administración Agregar Aparece la siguiente respuesta: Incluimos Nombre y Descripción, desplegamos la lista de Categoría y elegimos una. Tenemos que buscar ahora donde tenemos guardada la imagen, pulsando en. Una vez rellenados todos los campos o por lo menos los obligatorios, pulsamos. Las imágenes que tenemos ya incluidas podemos, eliminarlas, modificar algunos datos de ellas, y agregar nuevas usando los diferentes comandos: 12

13 Debemos de tener en cuenta que el tipo de imágenes soportadas son: jpg, gif, bmp, tiff, png, y animaciones flash swf. La anchura máxima de las imágenes a incluir en el diseño de las distintas páginas es de aproximadamente 480 pixeles Página de inicio ( Homepage ). Una vez que hemos introducido las distintas categorías de imágenes y las imágenes necesarias, comenzamos con el diseño del Sitio, configurando la página que aparecerá en primer lugar para cualquier visitante. Por defecto cuando nos instalan Helvia trae la imagen de un centro piloto: 13

14 En la imagen hemos recuadrado lo que podemos cambiar cuando nos referimos a la página de inicio o homepage. Accedemos a la vista de administración : Elegimos Homepage se nos ofrece un procesador de textos para modificar lo que viene por defecto. 14

15 En nuestra opinión, debemos borrarlo todo y empezar el diseño con todo limpio, para borrar la imagen simplemente la seleccionamos y pulsamos la tecla borrar. Para el diseño podemos emplear tablas para ayudarnos a colocar cada elemento donde queremos, viñetas para hacer listas, caracteres especiales, distintos tipos de letras y estilos. Es un procesador que nos dará muchos quebraderos de cabeza para conseguir lo que queremos. A veces podemos recurrir si tenemos conocimientos para ella a ver el código HTML y hacer las modificaciones directamente. Para esto pulsamos sobre: Uno de las acciones a realizar que más trabajo nos dará, será la inclusión de imágenes en el diseño de las distintas páginas y secciones, en el siguiente apartado describimos la forma de hacerlo Inclusión de imágenes en el diseño. Como se puede ver en la imagen anterior, debajo de la ventana del procesador aparece una lista para elegir las categorías de las imágenes: Elegimos la categoría donde tenemos las imágenes que necesitamos y que previamente hemos tenido que introducir, según se ha explicado anteriormente. Las imágenes aparecen en forma de miniaturas ( thumbnail ). Estamos preparados para incluir una imagen, para lo que se seguirá el procedimiento siguiente: 1.- Nos situamos en el editor y hacemos un clic en el lugar dónde queremos insertar la imagen. 2.- Hacemos clic en la miniatura de la imagen que queremos incluir y que tenemos en la parte inferior del editor. 3.- Una vez incluida si hacemos clic sobre la imagen podremos modificar su tamaño. En teoría según el manual de Helvia podemos arrastrarla al lugar donde queramos pero nuestra experiencia en ese sentido no es muy buena. Para conseguir colocar la imagen o cualquier otro elemento podemos usar tablas, jugar con las alineaciones o editar directamente el código HTML. Otra opción que podemos usar es crear la página de inicio en Word y después pegar desde Word pulsando uno de los iconos del procesador de textos: 15

16 Ejemplos de Páginas de Inicio Algunas páginas tienen animaciones realizadas en flash como la del C.E.I.P Nuestra Señora del Rosario de Macael: 16

17 3.3.- Secciones. Las secciones, son las distintas opciones que se presentan en el menú, que en la vista de usuario Helvia se presenta a la izquierda. Estas secciones a su vez pueden dividirse en distintas subsecciones, que en Helvia se llaman Páginas. Al pulsar sobre cada sección se despliega la lista de páginas incluidas en cada sección. Secciones Páginas de una sección Mas secciones Como en la mayoría de los apartados de administración, tenemos la posibilidad de agregar creando nuevas secciones, modificar las ya creadas y por último eliminar las secciones que ya no cumplan su función Crear una sección. Para poder crear una nueva sección entramos en la vista administración y elegimos la opción Secciones y el comando AGREGAR. 17

18 En la lista de comandos elegimos y completamos el formulario que aparece en la ventana: Rellenamos las distintas opciones: Nombre del menú: Es el nombre que aparecerá en el menú de la vista se usuario. Descripción: Es una información para el administrador del Sitio y debe ser indicativo del contenido de la sección que estemos creando. De las siguientes opciones, tenemos que elegir una de ellas: Sin enlaces: con esta opción la sección aparece en el menú y lo único que hace es desplegar las páginas ligadas a la sección. URL: esta opción permite enlazar desde el menú con una dirección en Internet, esto nos puede ayudar a fundir el Sitio Web de Helvia con la página web de nuestro centro si ya la teníamos creada. Módulo: En esta opción podemos elegir, desplegando un lista, entre distintas opciones predefinidas de manera que la sección podemos convertirla en: libro de visitas, buscador, formularios, noticias,...además de los tipos definidos por defecto se pueden incorporar nuevos tipos definidos por nosotros/as. 18

19 Contenido: Con esta opción podemos definir el contenido de la sección de la misma manera que se ha explicado para la página de inicio o Homepage, y al pulsar sobre la sección en la vista de usuario, se nos abre una ventana con el contenido que hemos definido previamente. En la parte inferior de la ventana donde creamos la sección, debajo de las imágenes, tenemos una serie de opciones que debemos tener en cuenta: Si queremos que la sección se vea en el menú marcamos Visible en la web, si no queremos que aparezca en el menú elegimos Sección Privada y podemos marcar Mostrar fecha de modificación en la web, para que siempre conste cuando se ha hecho la última actualización si se trata de páginas muy dinámicas. Una vez realizado pulsamos, y la sección está creada Modificar sección. Una vez creada una sección o las que vienen creadas por defecto es posible modificar algunos aspectos. Para esto entramos en la administración, elegimos en la opción Secciones y el comando MODIFICAR, aparecerá la siguiente pantalla: 19

20 2 1 En la figura anterior, podemos distinguir dos zona fundamentales la marcada con 1 permite cambiar el orden en el que aparecerán las distintas secciones en el menú de la vista de usuario. Para esto hacemos clic en el nombre de la sección, pulsamos las flechas que tenemos a la derecha, por cada pulsación avanzará un escalón. Cuando el orden esté a nuestro gusto pulsamos ordenar. En el recuadro marcado como 2 tenemos información de las distintas secciones que tenemos definidas, en esta pantalla podemos cambiar la decisión que tomamos en el momento de crear la sección, sobre si será visible en la web, es una sección privada o si se muestra la fecha de actualización en la web, para elegir cada una de estas opciones debemos pulsar en el cuadrado en blanco que tienen al lado. Una vez realizados los cambios deseados, pulsamos en aplicar los cambios. Para modificar otros aspectos de la sección tenemos que situarnos sobre el nombre de la sección y hacemos clic, nos enviará a una pantalla similar a la que se utiliza para crear una sección, ya comentada, y modificaremos lo que creamos conveniente, no olvidando pulsar el botón modificar al final. Podemos acceder al contenido de cada sección, pulsando sobre la descripción de 20

21 cada sección, pero solamente de aquellas que tienen contenido, no de las que simplemente son un enlace, un modulo, etc Eliminar sección. Además de agregar y modificar podemos eliminar una sección de una manera rápida. Para esto en la vista de administración, elegimos en la opción Secciones y el comando ELIMINAR, aparecerá la siguiente pantalla: En la ventana anterior marcamos el recuadro correspondiente aquellas secciones a eliminar y una vez comprobado este extremo, pulsamos el botón Páginas. Las páginas que nombra la administración de Helvia, están incluidas en las secciones, como se ha explicado. Para acceder a la gestión de las páginas, entramos en administración del Sitio Web y elegimos la opción Páginas. Como se puede apreciar en la imagen anterior, la gestión de páginas es semejante a la gestión de secciones, ya explicada. Tenemos los mismos comandos, la capacidad 21

22 de ordenar su aparición en el menú y el acceso y el modo de efectuar cambios. A la hora de efectuar la creación o modificación de una página se nos ofrecerán las siguientes opciones: Sección del Sitio: a la hora de decidir la creación de una página, se nos pide el nombre de la sección a la que va a pertenecer, eligiendo de una lista desplegable, en la que figuran las secciones disponibles. Nombre del menú: es el nombre que aparecerá en el menú de la vista se usuario. Título: lo que pongamos en esta casilla aparecerá como cabecera, en la vista de usuario. Texto alternativo: en este apartado escribiremos lo que queremos que aparezca cuando coloquemos el cursor del sobre el menú en la vista de usuario. Rellenar esta opción, no es obligatorio ya que no aparece en negrita, en la vista de administración. Las demás opciones que aparecen son iguales que las descritas en la parte dedicada a secciones. Cuando acabamos de crear o modificar no debemos olvidar pulsar sobre el botón Agregar o Modificar según corresponda Formularios. Los formularios pueden utilizarse para recopilar todo tipo de informaciones de alumnado, profesorado, o de visitantes de nuestro sitio web de Helvia. Hay un formulario definido por defecto en Helvia que nosotros podemos modificar y podemos definir cuantos formularios nuevos deseemos, estos nos aparecerán en la 22

23 lista desplegable de Módulo, cuando estamos creando o modificando secciones o páginas. Para acceder a la gestión de formularios, entraremos en la administración de Helvia y elegimos la opción formularios. Encontramos dos opciones: Formulario de contacto administración Formulario de contacto. Este formulario es al que se accede, cuando cualquiera que entre al sitio web pulsa el enlace de contacto. Aparecerá una imagen como la anterior, una vez rellenados los campos cuyo nombre están en negrita, que son obligatorios, pulsamos enviar y los datos llegará a la dirección de correo electrónico definido en al administración del formulario de contacto. El formulario de contacto viene predefinido pero podemos modificarlo a nuestro 23

24 gusto. Para ello entramos en administración, elegimos la opción Formularios y no lleva al formulario de contacto Lo primero que tenemos que hacer, es poner en el casillero de del destinatario, la dirección de correo electrónico donde serán enviados los datos del formulario. Los datos aparecerán en el formularios de la siguiente manera: Después podemos elegir cuales de los campos a rellenar, serán obligatorios o estarán disponibles, marcando la casilla correspondiente. Podemos elegir la dimensión que tendrá la casilla donde el usuario puede escribir, una línea simple o múltiples líneas, dependiendo de lo que creamos que el usuario/a necesita. Una vez que hayamos realizado los cambios que creamos oportunos pulsamos Modificar. 24

25 Administración de formularios. Para llegar a administración de formularios, una vez que estamos en la administración del sitio web, elegimos la opción Formularios y dentro de ella, Administración. Aparece una ventana semejante a las que ya conocemos, con los comandos, agregar, modificar y eliminar, y la lista de formularios definidos por el administrador de Helvia que es el Coordinador/a de cada centro. Nos centramos ahora en la creación de un formulario, para lo cual elegimos el comando AGREGAR que se puede localizar a la izquierda de la ventana anterior. En primer lugar damos nombre al formulario, procurando ser descriptivo a la hora de rellenar la casilla de Nombre del formulario. 25

26 Introducimos el del destinatario de los datos. Ponemos Nombre a cada campo que necesitemos y marcamos si la casilla es de una línea simple, Tipo A, múltiples líneas Tipo B. Decidimos después cuales de los campos serán obligatorios y al usuario se le marcarán en negrita. Desmarcamos la disponibilidad de los campos que no hayamos necesitado. Por último pulsamos el botón cuando hemos terminado de definir el formulario. Para modificar un formulario ya creado, pulsamos sobre el nombre del formulario, en la lista de formularios y aparecerá una ventana como la que hemos analizado en la creación de formularios y a partir de ahí cambiamos lo necesario, no olvidando pulsar el botón. Para eliminar formularios, elegimos el comando eliminar y aparecerá la lista de formularios creados, con una casilla para marcarla si queremos eliminarlo, cuando elegimos los formularios a eliminar pulsamos el botón. Los formularios se harán visibles en secciones o páginas eligiendo a la hora de su diseño, la opción modulo y en la lista desplegable elegir el formulario deseado. 26

27 3.6.- Libro de visitas. Podemos crear en nuestro sitio web un libro de visitas, para que los visitantes nos dejen un comentario de cualquier índole. Para esto se ha implementado un módulo predefinido, así la creación de este libro será mucho más fácil. Lo primero a realizar es definir cómo será nuestro libro de visitas, determinar que datos tiene que cumplimentar quien decida usarlo. Para elegimos libro de Visitas y dentro de él la opción Libro de Visitas. Los nombres de cada campo ( Nombre, apellido,... ) podemos modificarlos, por ejemplo en lugar de Apellido, podemos poner Apellidos, o en lugar de Universidad y País, podemos poner Domicilio, este aspecto es totalmente configurable. Marcamos cuales de los campos estarán disponibles, cuales serán obligatorios y si serán de tipo A o tipos B. Mas tarde marcamos quien podrá firmar y /o leer el libro de visitas. Cuando todo está definido pulsamos el botón modificar. Para que aparezca el libro de visitas en el sitio web, creamos una página o sección y elegimos la opción módulo y dentro de la lista desplegable que nos ofrece elegimos libro de visitas. 27

28 La vista de usuario en el sitio dentro de una página o sección sería la siguiente: Aparecerían todas las firmas, unas debajo de otras, con los datos obtenidos con el formulario previamente definido para este fin. En la esquina superior derecha de la página o sección donde hemos colocado el Libro de Visitas, aparece un enlace para poder firmar, si clicamos sobre él, nos ofrece el formulario a cumplimentar donde aparecen en negrita los apartados que hay que rellenar obligatoriamente y el administrador ha decidido: 28

29 El administrador de la plataforma puede controlar las firmas que se han realizado, eligiendo en el menú de administración Libro de Visitas, Firmas, nos aparece un listado con las firmas que se hayan realizado y los comandos modificar y eliminar, a la derecha de la pantalla. Podemos ordenar las firmas por el código que se asigna a cada firma, haciendo clic sobre la palabra código de la línea gris. Haciendo lo mismo sobre la palabra fecha las firmas se ordenarán por fecha y si hacemos clic sobre el nombre del firmante ( debajo de creado por ) abre una ventana que nos permite modificar el nombre de cada campo, su contenido o si aparecerá o no en el sitio web. 29

30 Hechas las modificaciones que creamos necesarias, debemos pulsar: Si queremos eliminar alguna/s firma/s, elegimos el comando ELIMINAR. marcamos a continuación las firmas a eliminar y después pulsamos el botón: Si decidimos usar la posibilidad del libro de visitas, debemos estar siempre alerta para poder eliminar aquellas firmas que sólo pretenden incluir publicidad, o las que pierden las formas insultando o descalificando a personas o instituciones Buscador. Esta herramienta sirve para localizar de una manera rápida y cómoda, palabras clave, en nuestro sitio web. Para configurar elegimos en el menú de administración del sitio web la opción buscador 30

31 Marcamos las zonas del sitio donde se realizará la búsqueda y pulsamos el botón modificar. Una vez configurado el buscador lo tenemos que hacer accesible, para esto en una página o sección en lugar de contenido u otra opción elegimos módulo y en el menú desplegable elegimos Buscador. En la vista de usuario el buscador lo podemos utilizar en las páginas o secciones que hemos definido anteriormente y también en la opción buscar del marco superior del sitio web. 31

32 3.8.- Uploads. Esta opción nos permite establecer una zona de descarga ( Dowloads ) de archivos. Los archivo que podemos manejar en esta zona pueden ser de cualquier tipo. Para subir archivos, para ponerlos a disposición de nuestros visitantes elegimos la opción Uploads del menú de configuración del sitio web, seleccionamos el comando AGREGAR: Se rellenan Nombre y Descripción, se pulsa sobre Examinar, se localiza el archivo y por último se pulsa el botón Agregar. Si ahora elegimos el comando MODIFICAR, nos aparecerá la lista de los archivos que podemos poner a disposición los visitantes del sitio: 32

33 En esta vista podemos ordenar de distintas maneras la lista, según pulsemos en las opciones de la barra gris de la imagen superior ( por creador, nombre, descripción, archivo ). Podemos visualizar los archivos pulsando sobre el nombre de archivo que figura en la columna Archivo. Si pulsamos el contenido que encontramos debajo de la columna Nombre, nos abre una ventana para modificar algunas opciones o cambiar el archivo almacenado. Una vez que hemos cambiado los aspectos necesarios, pulsamos el botón Modificar. Por último también podemos usar el comando ELIMINAR, que funciona de la misma forma que hemos explicado en otras opciones. Para hacer visible a los/as usuarios/as la posibilidad de descargar archivos, tenemos que crear una página o sección con esta utilidad 33

34 Definimos los distintos elementos de la página y el contenido redactamos el texto que debe aparecer, seleccionamos la palabra o palabras que nos enlazarán con el archivo a descargar, cuando están seleccionadas pulsamos en el icono de las cadenas y aparecerá una ventana para elegir con que vamos a enlazar la selección: Seleccionamos el archivo que queremos enlazar de los que figuren en la columna 34

35 Uploads, la dirección del archivo aparecerá en la ventana Link y cuando esto ocurra, pulsamos el botón Aceptar. Esto nos devuelve a la ventana de administración y el texto seleccionado, para hacer el enlace, tendrá el aspecto de un típico enlace subrayado. En la vista de usuario tendrá el siguiente aspecto: Banners. Podemos definir banner como un gráfico publicitario rectangular que puede ser fijo o animado, e incluso con sonido, que se incluye en las páginas web a modo de anuncio. Haciendo clic sobre él, normalmente envía hacia el sitio web del anunciante. En la vista de usuario aparecen en la columna de la derecha en su parte inferior, bajo el título enlaces de interés. Por defecto vienen los banners de andaluciajunta, SENECA, portal de la Junta de Andalucía y novedades de la Consejería de Educación. Podemos añadir nuevos banner accediendo a la administración del sitio web, en la opción Banners y eligiendo el comando Agregar. Aparece un cuestionario en el que tendremos que cumplimentar de manera obligatoria todos los campos que aparecen en negrita. 35

36 Tendremos preparada una imagen en formato: jpg, gif, bmp, tiff o png, también se puede incluir un película flash con extensión swf. El tamaño debe ser de 105 píxeles de ancho como máximo. Podemos elegir que al lanzar el enlace se abra en otra ventana marcando en la opción correspondiente. Pulsamos el botón Para obtener la imagen que utilizaremos como banner, entraremos en la página que queremos enlazar y la guardamos, como página web completa, al hacer esto se creará una carpeta donde la hemos guardado con el nombre que le hemos dado. Buscamos en la carpeta y probablemente encontraremos un logotipo o una imagen que podamos utilizar. Otra opción es crear una imagen nosotros mismos. Si elegimos el comando MODIFICAR, aparecerá una lista de los banners ya definidos: 1 36

37 En la zona marcada con 1, podemos ordenar como aparecerán los banners en la vista de usuario, seleccionando el enlace correspondiente y pulsando las flechas que se encuentran a la derecha. Si pulsamos en cualquiera de los títulos de las columnas que aparecen en la fila de fondo gris podemos ordenar los banners, en función de la elección que hagamos ( Creado/modificado por, Nombre, Descripción, Imagen ). Si pulsamos sobre el nombre del archivo que contiene la imagen podemos visualizarla. Si hacemos clic en el nombre del enlace podemos acceder a los datos que introducimos en el momento de agregar el banner y modificarlos Cambiamos los distintos aspectos que creamos oportuno, incluso cambiar la imagen del banner y pulsamos MODIFICAR. Por último si elegimos el comando Eliminar nos aparecerá la lista de banners que tenemos disponibles con una casilla para marcar los que vayamos a eliminar. 37

38 Una vez marcados los banners a eliminar pulsamos el botón Noticias. En nuestro sitio web, podemos colocar noticias y desde la administración se pueden gestionar de una manera sencilla. Para acceder a la administración de Noticias seleccionamos la pestaña situada al lado de la de sitio web Dentro de noticias tenemos dos opciones, Administración y Grupos. La opción Grupos es algo así como categorías, y permite la clasificación de las noticias. Debemos crear varios grupos como: noticias del centro, noticias alumnado, noticias sobre profesorado, proyectos, novedades, etc... Para esto elegimos el comando AGREGAR: Rellenamos los distintos apartados y pulsamos el botón agregar. Los demás comandos de MODIFICAR y ELIMINAR funcionan de manera similar como en las opciones anteriores. 38

39 La opción de administración nos permite gestionar las noticias, agregando, modificando y eliminando. Para agregar noticias, se nos ofrecerá una vista como la siguiente: En primer lugar debemos elegir, entre los distintos Grupos de Noticias que tengamos definidos, en cual vamos a clasificar la noticia que vamos a introducir. Le adjudicamos un Nombre descriptivo a la noticia. Marcamos que sea Visible en la web. Usamos el procesador de texto que ya conocemos, para redactar la noticia, en la cual podemos incluir imágenes, enlaces a Internet haciendo uso de este icono del procesador de texto, que previamente hemos debido introducir y que tendremos situadas en la parte inferior dela ventana: 39

40 Podemos incluir un archivo relacionado con la noticia y que pueda servir para profundizar en ella. Marcamos el resto de las opciones y pulsamos el botón Una vez que tenemos varias noticias, si elegimos el comando MODIFICAR aparecerá un listado de noticias: Podemos ordenar las noticias, como se ha explicado en otros apartados, pulsando sobre el encabezamiento de cada columna ( salvo Contenido ). Si pulsamos en contenido, de cada noticia, se puede visualizar la noticia. Desde esta vista podemos cambiar si será visible en la web, si se mostrará la fecha de modificación o si será visible en la página de inicio ( homepage ). Para esto marcaremos el recuadro correspondiente en la columna Características, recuadrado con línea de puntos. Terminados estos cambios, para que tengan efecto debemos pulsar Aplicar Cambios. Para modificar el contenido de una noticia pulsamos sobre el nombre de la misma y nos da acceso a una ventana similar, a la que hemos visto a la hora de agregar una noticia, con la única diferencia que nos ofrece la posibilidad de cambiar el archivo o mantener el archivo relacionado. Para que el usuario pueda ver las noticias, creamos una página o sección a la que adjudicaremos en la opción módulo, el grupo de noticias que queremos mostrar, o 40

41 simplemente noticias, así aparecerán las noticias del grupo elegido o todas las noticias respectivamente. En la página de inicio o Homepage, se pueden ver las noticias que hemos decidido que aparezcan. Si pulsamos ver más >> o sobre el nombre de la noticia, nos muestra la noticia completa 41

42 Nombre de la noticia Enlace a Internet Archivo relacionado Estilos. Para crear las distintas páginas, secciones o noticias tenemos unos estilos definidos donde se recogen distintos tipos y estilos de letra, colores, tamaños, etc.. Accedemos desde la administración del sitio web eligiendo estilos de las opciones del menú. 42

43 Los tipos definidos tienen la misma estructura:.nombre { font-family: nombres de los tipos de letra; font-size: ( tamaño ) 12 px; font-weight: ( negrita, normal, cursiva,.. ) bold; color: #666666; text-align: ( aliniación ) justify; } Escribimos sobre la ventana que aparece y una vez que hemos escrito un nuevo estilo o modificado uno existente, pulsamos el botón modificar, de los que aparecen en la parte inferior de la pantalla. Si pulsamos previsualizar podemos apreciar como se verían los textos definidos El botón descargar sirve para bajarnos a nuestro ordenador los estilos definidos, a un archivo con extensión.css. 43

44 4.- Bitácora. La bitácora de Helvia es una aplicación cuya finalidad es la de favorecer la participación de los distintos sectores de la Comunidad Educativa, de manera que de manera fácil y cómoda para todos/as puedan expresar su opinión sobre diversos temas que se propongan a debate. Para entrar en la bitácora de Helvia como usuario: ( desde el centro ) Para acceder desde fuera del centro: donde las equis hay que sustituirlas por el código del centro. Si ya estamos en otro apartado de Helvia pulsamos el icono correspondiente: Para acceder a la administración desde el centro: Desde fuera del centro: en la ventana que se abre elegimos la opción de la bitácora: El aspecto de la bitácora de Helvia como usuario es el siguiente: 44

45 5.- Administración de la bitácora La administración de la bitácora es muy similar a la del sitio web. Como se puede observar en la figura anterior, la vista de administración es muy parecida a lo que ya conocemos. En la parte superior nos permite movernos por distintas opciones de administración. 45

46 El icono de Helvia nos lleva a la vista de usuario Tenemos una serie de opciones en el menú de administración Y por último tenemos una lista de comandos, que encontraremos en las distintas opciones del menú: Categorías Para organizar bien la bitácora es necesario crear categorías para situar en ellas las distintas imágenes y publicaciones que se incorporen en la bitácora Para agregar una categoría elegimos la opción Categorías de la pestaña Publicaciones y en ella el comando Agregar 46

47 Escribimos el Nombre de la categoría y pulsamos el botón Agregar. Podemos definir categorías como: inicio de curso, sugerencias para Helvia, actividades extraescolares, incidencias de PASEN, noticias del centro, etc Una vez creada la categoría podemos acceder a ella para modificarla elegimos la opción Categorías de la pestaña Publicaciones De la lista de categorías que se despliega, podemos ordenarlas por nombre pulsando sobre el título de la columna Nombre o por fecha pulsando sobre Fecha de modificación. Si hacemos un clic sobre el nombre de la categoría que queremos modificar aparecerá la ventana: Sobre ella podemos modificar el nombre de la categoría. Para eliminar las categorías elegimos la opción Categorías de la pestaña Publicaciones y en ella el comando ELIMINAR. 47

48 Una vez aparece la lista de categorías, podemos marcar el cuadro correspondiente a la o las categorías a eliminar y pulsamos el botón Eliminar Imágenes El siguiente paso para configurar la bitácora, es incorporar las imágenes que usaremos para las publicaciones, para ello en el menú de la pestaña de Publicaciones elegiremos la opción Imágenes. Usamos el comando AGREGAR, aparece la ventana para poner el Nombre de la imagen, la Descripción, pulsando el botón Examinar buscamos la foto en nuestro ordenador. Una vez hecho todo esto pulsamos el botón Agregar. El resto de las operaciones que podemos hacer con las imágenes en la bitácora es similar a lo descrito para las imágenes del sitio web de Helvia Publicaciones. Una publicación sería la intervención inicial, que da pie a establecer un debate, sobre cualquier aspecto de la vida de nuestro centro. Para agregar una publicación elegimos la opción Publicaciones de la pestaña Publicaciones y en ella el comando AGREGAR : 48

49 Se despliega entonces la ventana que nos permite definir la publicación. En primer lugar desplegamos las distintas Categoría, que previamente hemos definido y elegimos una de ellas para encuadrar nuestra publicación. Posteriormente elegimos el Título de la publicación Marcamos que sea Visible en la web, esta publicación. Confeccionamos el Contenido de la publicación que debe ser un texto que 49

50 introduzca el debate, en el texto podemos utilizar imágenes, que previamente hemos tenido que introducir. La inclusión de la imágenes en el texto se hace de la misma manera como se describió para el sitio web. También se pueden incluir enlaces. Las publicaciones las podemos modificar y eliminar siguiendo el mismo procedimiento explicado, para otras secciones. En la vista de usuario, una publicación se vería en la parte superior seguida de todos los comentarios que se hagan en la publicación y después se ofrecerá al usuario la posibilidad de hacer comentarios donde tendrá que indicar su nombre, y escribir el texto. En la parte derecha tendremos una serie de pestañas, donde podremos elegir las distintas publicaciones, y una información acerca de las más comentadas. Título de la publicación C o m e n t a r i o Contenido Zona para agregar comentarios 50

51 5.4.- Comentarios. Como se puede ver en la figura anterior, es el usuario que acceda a la bitácora el que puede agregar los comentarios. Desde la administración lo único que podemos hacer es eliminarlos. Accedemos a la administración y escogemos la pestaña Publicaciones y en el menú Comentarios. 1 La lista desplegable marcada con 1 permite que seleccionemos la publicación donde se hizo el comentario que queremos borrar, elegimos una y no aparecerán los comentarios realizados en la publicación seleccionada. Marcamos el cuadro correspondiente al comentario a eliminar y por último pulsamos el botón Eliminar. Si pulsamos sobre el inicio del comentario, en la columna Comentario, podemos visualizarlo Configuración. En esta pestaña podemos decidir algunos aspectos de la vista de usuario, y si los comentarios serán públicos o no. 51

52 En principio dejaremos las opciones por defecto. Podemos ir variando la cantidad de publicaciones por página y titulares hasta encontrar una configuración que consideremos adecuada. Si decidimos poner en marcha la bitácora, debemos prestarle atención de manera continuada revisando muy a menudo los comentarios, pues mientras no sea posible que los comentarios sólo los hagan usuarios registrados, estamos expuestos a que cualquiera nos cuelgue su publicidad o algún comentario de mal gusto, que será visible por nuestro alumnado hasta que lo borremos. Para gestionar la bitácora podemos decidir que un componente del Equipo de Coordinación, sea el encargado. Para esto podemos darlo de alta en el Aula Virtual como Webmaster. Para que no se pueda utilizar la bitácora lo que tenemos que hacer es no crear ninguna publicación. En la vista de usuario se vería como aparece en la figura, de manera, que no se podrían insertar comentarios. 52