Propuesta estructura portal

1. Propuesta gráfica y de funcionamiento
PORTAL FOREM GALICIA

2. Estructura
La estructura de las
páginas estará formada
cabecera
por una cabecera, un
cuerpo central y faldón.
En el cuerpo central breadcrumbs o 'migas de pan'
existirán tres áreas. En la Cuerpo de la
parte superior se situaran
breadcrumbs (migas de página
pan), a continuación
aparecerán dos columnas
de distinto tamaño a lo
ancho, la que se
encuentra en el lado
izquierdo será algo más
separación entre columnas
del doble de la que se
sitúa en la parte derecha.
La estructura de página a
margen
margen
lo ancho será fija, no
viéndose modificada en
ningún momento por el
navegador.
Faldón

3. Estructura
Aunque la mayoría de las cabecera
páginas se construirán
utilizando dos columnas.
Existen dos casos en que
esa estructura no se breadcrumbs o 'migas de pan'
utilizará, que son cuando
se muestre en pantalla las
Cuerpo de la
tablas con la oferta página
formativa y las fichas de
inscripción
Faldón

4. Cabecera
960 píxeles
Imagen propuesta como 200 píxeles
cabecera del sitio
Cabecera con los
elementos que propongo Casillas que nos permitirán
incorporar en la misma: incorporar los datos de
Login usuario y menú usuario registrado o bien
principal de navegación. registrarnos como usuario
Menú de navegación principal.
Propongo que se incorpore a
dicho menú la sección blog o
bitácoras.

5. Estructura La columna situada en la parte derecha tendría un ancho fijo de 280 píxeles.
En este espacio se situaran diferentes elementos: datos de centros, datos de la oferta formativa, novedades tecnológicas.
En algunas ocasiones aparecerán una serie de iconos que permitirán a los usuarios suscribirse a RSS, a twitter u otros
servicios de red social que establezca FOREM GALICIA, para que de esta forma los usuarios estén al día de novedades,
En todas las páginas
noticias, oferta formativa,.. que FOREM GALICIA publique en el sitio.
aparecería
breadcrumbs o 'migas En algunos casos aparecerán referencias de los últimos artículos insertados en el blog o bien de la oferta formativa, que el
de pan', posicionada en sistema se encargará de forma automática de ir actualizando.
la parte superior cuerpo
central de la página
Título de la página
La columna principal,
situada en la parte
izquierda de la página,
tendría un ancho fijo
de 600 píxeles.
En este espacio se
situarían los
contenidos principales
de la página. También
se localizarían en
algunas situaciones
imágenes interactivas
que no permitan
dirigirnos a otras
ubicaciones dentro del
sitio.
280 píxeles
600 píxeles
20 píxeles
20 píxeles 40 píxeles

6. Estructura
breadcrumbs o 'migas de pan', posicionada en la
parte superior cuerpo central de la página
Título de la página
Aunque la mayoría de
las páginas se
construirán utilizando
dos columnas. Existen
dos casos en que esa
estructura no se
utilizará, que son
cuando se muestre en
pantalla la oferta
formativa y las fichas
de inscripción. En este
caso la disposición del
cuerpo de la página se
construirá utilizando
una única columna.
920 píxeles
20 píxeles 20 píxeles

7. Faldón
Aun no he realizado ninguna propuesta para el faldón del sitio, este debería llevar al menos
los siguientes elementos:
Estándares a los que se ajusta el sitio web
Dirección y teléfono de FOREM GALICIA – servicios centrales
Correo electrónico de contacto
La propuesta queda pendiente de realizar, cuando conozca los elementos exactos que
deben aparecer

8. Colores
Para la elaboración de contenidos y elementos gráficos
de las páginas, propongo las tres gamas cromáticas
que aparecen en el lado izquierdo.
Además de un cuarto color (azul) que se utilizaría para
marcar algunos de los vínculos del documento.
El uso de colores muy saturados y de gran impacto
visual, serán atenuados por la presencia de colores
acromáticos como son blancos, negros y grises.
El fondo de la página será blanco.
El color de los textos no utilizará el negro puro, sino
grises con muy baja luminosidad. Se pretende evitar el
máximo contraste creado por un fondo blanco, y con
ello reducir, en la medida de lo posible, el cansancio
visual.

9. Tipografía
La fuente que he propuesto para el portal es la ARIAL.
Es una fuente segura (se encuentra en la mayoría de los ordenadores) y presenta gran legibilidad, y por
tratarse de una fuente de palo seco, produce menor cansancio visual en la lectura de páginas web.

10. Inicio
En la parte izquierda se En la parte derecha se
pondría un texto de colocarían una serie de
presentación de FOREM noticias seleccionadas entre
GALICIA, acompañado de las diferentes entradas
una imagen, un video o realizadas en el blog. Serían
bien una galería de fotos entre 2 y 4, y deberían ser
dinámica. incorporadas por el
Para crear una sensación webmaster o un responsable
de dinamismo sería de FOREM GALICIA con
conveniente que el permisos de edición. Dichas
elemento gráfico fuese entradas estarían formadas
cambiando en el tiempo. por una imagen o video y un
pequeño texto introductorio
de la noticia destacada. Los
usuarios interesados podrían
leer y visionar el artículo
completo pulsando sobre el
título o en el vínculo Leer
maís…Dichas noticias
deberían ir actualizándose
semanal o quincenalmente.

11. Blog
El uso de categorías nos
A las diferentes entradas permitirá filtrar las
del blog deberán asignar entradas del blog por
obligatoriamente una o temas, y que el sistema
varias categorías: cree referencias en
tecnoloxia educativa, diferentes páginas del
recursos didácticos, sitio web.
novedades centros,…., Al pulsar sobre una de las
que permita al sistema categorías del menú,
crear automáticamente aparecerán únicamente
referencias en diferentes aquellas entradas que
páginas del sitio web con han sido etiquetadas con
las últimas entradas, y la categoría seleccionada.
además crear un servicio
de envío de la actualidad
educativa y de FOREM
GALICIA a través de
servicios de red social,
como puede ser twitter.
El aspecto de esta sección aun
no esta totalmente definido

12. Entradas Blog
En la columna izquierda se En la columna derecha
situará las entradas del aparecería el nombre del
blog. Será posible que los autor y fecha de publicación,
usuarios registrados además se indicaría la
incorporen comentarios. categoría a la que pertenece
Los elementos gráficos la entrada del blog. .
incorporados se justificarán
obligatoriamente a la
izquierda, y no podrá fluir
texto por los lados izquierdo
y derecho de la imagen.
El aspecto de esta sección aun
no esta totalmente definido

13. Centros
En el lado derecho aparecerán
de 4 a 6 novedades de centros.
Estas referencias las creará
automáticamente el sistema a
partir de las entradas realizadas
en el blog del portal y que
tengan la etiqueta novedades
La imagen interactiva nos centros. Las novedades se
permite seleccionar el actualizarán automáticamente
centro que queremos tener cada vez que se incorporen
información. nuevas entradas en el blog con
la etiqueta novedades centros.
Siempre aparecerán las 4-6
últimas novedades centros.
Es posible que cualquier
usuario, previo registro, se
suscriba a las RSS de
novedades centros, o bien
reciba las novedades centros a
través de twitter o bien
cualquier otro servicio de red
social que establezca FOREM
El usuario también puede
consultar las referencias que
aparecen en Novedades
centros, pulsando sobre el título
o bien sobre el vínculo “Máis
información”.

14. Centros
En cada una de las diferentes
páginas de los centros de FOREM De cada centro aparecerá
GALICIA, aparecería una galería de información, que les permita ponerse
fotos del centro, que se reproduciría en contacto con el centro de FOREM
de forma automática. Una de las GALICIA, o bien con el responsable
imágenes de la galería sería el plano del centro.
de situación del centro, que Aparecerán al menos los siguientes
aparecería automáticamente al datos: Dirección, Teléfono, Fax,
entrar en la página, y desaparecería correo electrónico, responsable de
pasado un tiempo para dar paso a centro.
fotos del centro
Además aparecerá en la parte inferior
dos botones desde donde podrán
Al pulsar sobre el consultar en google la localización y
Texto, corto y preciso, botón mapa google la oferta formativa actual del centro.
de la características del se abrirá una nueva
centro correspondiente. También podría existir un botón
ventana donde
donde se consultase las
aparecerá el mapa
especialidades homologadas en el
google con la
centro..
situación del centro
Si pulsamos sobre el
botón oferta
formativa, aparece
una tabla con la
oferta formativa del
centro en cuestión.

15. Oferta formativa
Aparecerá un listado de los
últimos 10 -15 cursos
Imagen interactiva que nos incorporados a la oferta
permite, seleccionar un criterio formativa.
de búsqueda de la oferta
formativa. Permitirá a los usuarios
suscribirse a RSS de este
Los distintos criterios están apartado, o bien suscribirse
agrupados gráficamente en los para recibir la actualidad a
siguientes apartados: centros, través de twitter o bien otro
colectivo, sector, modalidade y servicio de red social que
búsqueda. establezca FOREM GALICIA
Cualquiera de los criterios de Estas entradas serán
búsqueda, exceptuando generadas
avanzada, generará una tabla automáticamente por el
con oferta formativa de ese sistema al ir incorporando
momento. nueva oferta formativa

16. Oferta formativa
Esta tabla se generará
automáticamente tras haber
seleccionado un criterio en la Al pulsar este icono
página inicial de la sección oferta aparecería una página que
formativa, o bien al haber permita al usuario realizar
realizado una busqueda la inscripción en el curso.
avanzada.
Se limitará el número de filas, y se
generará una o varias páginas con
el resultado.
Esta tabla ocupará el cuerpo de la
página, tendrá un ancho de 920
píxeles.
Desde esta página podremos
consultar información del curso e Al pulsar sobre este icono
inscribirnos en cualquiera de los accederíamos a la información
cursos que aparecen, para ello especifica del curso: horario, horas
disponemos de los iconos del contenido, requisitos, ….
lado derecho de la tabla.

17. Oferta formativa
A está página accederíamos desde la
opción AVANZADA, situada en la
página de inicio de la sección oferta
formativa.
Podremos realizar una búsqueda más
selectiva de la oferta formativa. He
establecido los mismos criterios que
actualmente utiliza la página de
FOREM GALICIA.

18. Oferta formativa
El contenido del formulario
de inscripción, tienen
exactamente las mismas
opciones que el que utiliza
actualmente FOREM
GALICIA.
Desde esta ficha, las
personas que lo deseen y
cumplan los requisitos que
establece la oferta formativa,
podrán realizar la petición de
inscripción.
La ficha ocuparía una sola
columna, no existiría una
columna a la derecha, como
existe en otras páginas del
Portal.

19. Oferta formativa
En esta página aparece la
información del curso y un
botón que permite a los En cuadro que aparece
usuarios inscribirse, en el lado derecho se
sitúa datos técnicos de
En el espacio de la izquierda
la oferta formativa:
se situa la información del
horario, duración,
curso: requisitos,
modalidad de la acción
temporalización, objetivos y
formativa, …
contenidos de la oferta
formativa que haya Debajo del cuadro Datos
seleccionado el usuario. aparecería un botón que
permite al usuario ir a la
página de inscripción del
curso.
El aspecto de esta sección aun
no esta totalmente definido

20. Tecnoloxía
En el lado derecho aparecerán de
4 a 6 novedades tecnológicas.
Estas referencias las creará
automáticamente el sistema a
partir de entradas realizadas en el
Aparece un gráfico interactivo blog del portal y que tengan la
que nos permite ir a las etiqueta Novedades tecnolóxicas.
secciones: Espazos virtuais, Las novedades se actualizarán
Recursos didácticos o automáticamente cada vez que se
Chismes. incorporen nuevas entradas en el
blog con la etiqueta novedades
tecnolóxicas. De esta forma
siempres aparecerán las 4-6
últimas novedades tecnológicas
introducidas en el blog.
Es posible que cualquier usuario,
previo registro, se suscriba a las
RSS de novedades tecnológicas,
o bien las reciba a través de
twitter o cualquier otro servicio de
red social que establezca FOREM
El usuario también puede
consultar estas referencias
pulsando sobre el título o bien
sobre el vínculo “Máis
información”.

21. Recursos
En el lado derecho de la
En el lado izquierdo de página aparecerán los 4-6
la página Recursos últimas novedades recursos
didácticos, aparecerá didácticos. Estas referencias
un gráfico interactivo y las creará automáticamente el
un texto explicativo de sistema a partir de entradas
los diferentes recursos realizadas en el blog del
didácticos que FOREM portal y que tengan la
GALICIA pone a etiqueta recursos didácticos.
disposición de los
usuarios. El gráfico nos Es posible que cualquier
permite dirigirnos a usuario, previo registro, se
tres apartados: suscriba a las RSS de
Repositorio Desire, actualidad recursos
videos y otros recursos didácticos, o bien reciba las
didáctiocs. novedades a través de twitter
o cualquier otro servicio de
El texto, de manera red social que establezca
concisa y precisa, FOREM
deberá explicar que
encontrará en cada El usuario también puede
una de los apartados.. consultar las referencias que
aparecen en Actualidad
recursos didácticos, pulsando
sobre el título o bien sobre el
vínculo “Máis información”.

22. Espazos virtuais
En el lado derecho de la
página aparecerán los 4-6
En el lado izquierdo de la últimas novedades espacios
página Espazos virtuais, virtuales. Estas referencias las
aparecerá un gráfico creará automáticamente el
interactivo y un texto sistema a partir de entradas
explicativo de los diferentes realizadas en el blog del portal
espacios virtuales que FOREM y que tengan la etiqueta
GALICIA tiene en espacios virtuales.
funcionamiento. El gráfico nos
Es posible que cualquier
permite dirigirnos a cualquiera
usuario, previo registro, se
de ellos.
suscriba a las RSS de
El texto, de manera concisa y novedades espazos virtuais, o
precisa, deberá explicar las bien reciba las novedades a
características más través de twitter o cualquier
significativas de estos otro servicio de red social que
espacios virtuales, que nos establezca FOREM
vamos a encontrar y para que
El usuario también puede
nos sirven.
consultar las referencias que
aparecen en novedades
espazos virtuais, pulsando
sobre el título o bien sobre el
vínculo “Máis información”.

23. Chismes
En el lado derecho de la página
Chismes aparecerán los 4-6
últimos chismes. Estas
referencias las creará
En el lado izquierdo de la
automáticamente el sistema a
página Chismes,
partir de entradas realizadas en
aparecerá un gráfico
el blog del portal y que tengan
interactivo y un texto
la etiqueta chismes.
explicativo de lo que se
entiende por PDIs, Es posible que cualquier
Lectores y Outros usuario, previo registro, se
chismes. El gráfico nos suscriba a las RSS de chismes,
permite dirigirnos a tres o bien reciba los chismes a
secciones dentro del través de twitter o cualquier
portal, donde habrá otro servicio de red social que
información, enlaces, establezca FOREM
actualidad sobre PDIs ,
El usuario también puede
lectores u otro tipo de
consultar las referencias que
tecnología educativa.
aparecen en Últimos chisme,
El texto, de manera pulsando sobre el título o bien
concisa y precisa, deberá sobre el vínculo “Máis
explicar que se entiende información”.
y que podemos encontrar
en cada una de esas
secciones.

24. Proxectos
En el lado derecho de la
página proyectos aparecerán
las 4-6 novedades de los
proyectos llevados a cabo
En la columna de la por FOREM GALICIA. Estas
izquierda se sitúa un referencias las creará
gráfico con la relación de automáticamente el sistema a
todos los proyectos que partir de entradas realizadas
FOREM GALICIA se en el blog del portal y que
encuentra llevando a tengan la etiqueta novedades
cabo, este gráfico es una proyectos.
tabla compuesta de
gráficos y vínculos que Es posible que cualquier
fácilmente podemos usuario, previo registro, se
modificar y actualizar. La suscriba a las RSS de
idea es de algo novedades proyectos, o bien
“orgánico”, que crece reciba las novedades de los
año a año. proyectos a través de twitter
o cualquier otro servicio de
Los diferentes vínculos red social que establezca
nos abrirían los sitios FOREM
asociados a los
proyectos, o bien una El usuario también puede
página explicativa del consultar las referencias que
proyecto y del estado aparecen pulsando sobre el
actual del mismo. título de la referencia o bien
sobre el vínculo “Máis
Procuraremos, en información”.
aquellos proyectos con
nombres largos, utilizar
una denominación
abreviada del proyecto.