TEMA 1


T1 pag 1 Portada  

Última actualización: Dimarts Agost 30, 2022 10:13:46 GMT-0000 ...page...

PortalEdu El nuevo portal docente


A partir del curso académico 2019-2020, los centros no universitarios y los profesores, dependientes de la Consellería, tendrán a su disposición un nuevo Portal Educativo. En él se podrán alojar tanto los sitios web de CEIP, IES, EOI..., así como blogs docentes personales de una manera similar (no igual), a lo que hace actualmente Mestre@casa. Esta nueva plataforma se llamará PortalEdu, y las principales motivaciones para su desarrollo, han sido:

  • Ofrecer un entorno más actualizado que el actual, renunciar a tecnologías obsoletas como Flash y ofrecer una apariencia más moderna.
  • Evitar los problemas de seguridad derivados del uso de versiones antiguas, utilizando un entorno fácilmente actualizable y más transparente para los usuarios.
  • Mejorar el uso de la web como herramienta de dinamización de centros y profesores.
  • Ofrecer una herramienta sencilla y conocida que ofrezca los recursos adecuados.
  • Apoyar la línea de trabajo de asesoramiento, favoreciendo el uso de software libre en lugar de software propietario.
  • Promover buenas prácticas en el tratamiento de la información y su publicación en el blog del profesor o en el sitio web de un centro educativo. Siempre respetando la normativa vigente.


Este material tiene como objetivo principal acercarnos a las posibilidades que nos ofrecerán Portal.EDU, saber qué es y qué no es el nuevo portal, además de considerar estrategias de trabajo colaborativo para lograr, publicar y mantener un sitio web útil y actualizado.

Captura 1

Última actualización: Dimarts Agost 30, 2022 10:13:46 GMT-0000 ...page...

Un poco de historia


Inicialmente (estamos hablando de los primeros años de la década de 2000), cada centro tenía alojado en servidores de consejería (Linucentres/Intercentros... si eres es un/a veterano/a,te sonará) su propio sitio web. Permitía cualquier tipo de contenido web, muchas personas incluso hacían “a mano” el sitio web del Centro, ya que en ese momento los administradores de contenidos no estaban tan desarrollados como actualmente. Esta estrategia dio muchos problemas en la actualización y gestión de los servidores ya que, con la diversidad de plataformas instaladas, las configuraciones que funcionaron para algunos, fallaron para otros.

Para resolver este problema, se decidió unificar el alojamiento de los sitios web de las escuelas y profesores en un solo gestor de contenido. De esta manera, y desde el año 2007, se ofreció el portal Mestre@casa.

T1 Pag3 Mestreacasa

Hay que decir que, como primera herramienta en un entorno Web 2.0, más colaborativo y participativo, funcionó satisfactoriamente durante un periodo de tiempo muy amplio. Esto permitió a los centros y a los profesores empezar a ver la Web como la herramienta práctica para la publicación y dinamización.

Sin embargo, en los últimos años, la demanda de una actualización en el funcionamiento de este portal ha ido creciendo, en la misma medida que el uso, por parte de los centros, de la plataforma, ha ido bajando. Actualmente, se estima que alrededor de 900 centros en nuestra comunidad usan Mestre@casa con cierta regularidad. Esto equivale a sólo el 50% del total de los centros de propiedad pública.

Si finalmente tenemos en cuenta la normativa vigente, lo que nos impide publicar cualquier información o imagen de nuestros estudiantes en servidores externos, queda claro el carácter obligatorio de una revisión del sistema que se ofreció a permanecer y gestionar el sitio web de las escuelas y de sus docentes.Por todo ello, desde el servicio informático para centros educativos, Wordpress ha sido elegido como alternativa. Se trata, sin duda, de una herramienta actual, de código libre y ampliamente usada, en la que muchos docentes ya están acumulando experiencia previa de uso.

El nombre del portal web, desarrollado y mantenido con Wordpress, por la Consellería de Educación, Investigación, Cultura y Deporte, es PORTAL.EDU y, como se mencionó anteriormente, estarán a disposición de todos los centros y docentes, a partir del curso 2019-2020.

Hasta aquí, una 'minilección' de la historia que contextualiza el punto en el que nos encontramos, en relación con las webs de los centros educativos y de sus blogs docentes. Puede ser un buen resumen para entender por qué estás haciendo esta formación, y para empezar a enfocar nuestra atención en el CMS (Content Manager) que será nuestra herramienta de trabajo a partir del próximo año académico, si queremos publicar información sobre el centro o sobre nuestra tarea docente.

¿CMS?
A lo largo de todo el punto, se nos ha colado varias veces, un concepto que quizás no conozcas. Los CMS. ¿En qué consiste un CMS?

Un CMS (sistema de gestión de contenido en inglés), o Content Manager System, es un software de gestión de contenidos que permite elaborarlos, publicarlos y actualizarlos. Se utiliza especialmente para gestionar páginas web, ya sean blogs o de uso general. Wikipedia

Última actualización: Dimarts Agost 30, 2022 10:13:46 GMT-0000 ...page...

¿Qué es eso de WordPress?


Si tienes un blog personal, un sitio web dedicado a un proyecto educativo o un hobby (gastronomía, Origami...), es muy probable que ya estés usando Wordpress, incluso aunque no conozcas esa palabra. En caso contrario, te diré que básicamente es la herramienta que actualmente más se utiliza para el desarrollo de los contenidos de la web.

Inicialmente concebido como un gestor de blogs, Wordpress ha ido evolucionando hacia lo que se conoce actualmente como un CMS (sistema de gestión de contenido en inglés), con capacidad para dar cabida a sitios web más complejos. Desde su primera versión, del año 2003 hasta la actualidad, su popularidad ha crecido hasta convertirse en el apoyo de una gran parte de la web. Por lo tanto, y de acuerdo con w3techs, el 45,5% de las páginas de Internet se desarrollan sin la ayuda de ningún CMS, en el resto, Worpress se impone claramente como la alternativa más popular:

Captura 2



¿A qué se debe a esa adolescencia tan exitosa? Básicamente a tres apariciones en las que WP destaca en el resto:

  1. Dinamismo: entorno orientado al contenido, con organización cronológica de la información y ventajas para el posicionamiento en los buscadores.
  2. Simplicidad: no se requieren conocimientos previos de programación o diseño web. Su curva de aprendizaje es muy pequeña.
  3. Colaborativo: estructura que favorece el trabajo en grupo, incorporando herramientas de interacción con los usuarios de nuestro sitio.


¿Significa eso que WordPress es perfecto? Probablemente no, seguramente no es el entorno que más posibilidades de configuración proporciona, ni la herramienta que ofrece la mejor gestión de los recursos subidos a la web (archivos, imágenes... verificaremos que las opciones de organización, de hecho, son muy reducidas) y por último, NO es un gestor de formación, con WordPress no podemos organizar cursos, con repositorios de materiales o evaluaciones, por lo que el GVA ofrece otras alternativas (aules.edu.gva.es).

A lo sumo, podemos afirmar que WordPress es un gestor de contenido que te permite montar un sitio web, y mantenerlo actualizado, de manera sencilla. Por esta razón, podemos, como docentes, utilizarlo desde diferentes perspectivas:

  • El sitio web del Centro.
  • El blog del personal docente.
  • Blog del Aula.
  • Un sitio web de un proyecto educativo.


En esta formación nos centraremos en el primer punto, montando la página web de nuestro centro. Aunque hay que decir que si acabamos pudiendo desarrollar un sitio web del Centro, el desarrollo de nuestro blog educativo, o cualquier otra realidad educativa donde el uso de un sitio web puede ser útil, será una tarea casi trivial.
En cualquier caso, y para seguir adelante, lo primero que necesitamos es saber cómo acceder a la plataforma. En el siguiente punto lo veremos.

Última actualización: Dimarts Agost 30, 2022 10:13:46 GMT-0000 ...page...

Acceso a la plataforma


Aunque la plataforma ya está disponible en su dirección "portal.edu.gva.es", para su visita como usuario anónimo, lo que necesitas, como desarrollador/a de un sitio web, es tener acceso con los permisos correspondientes para editar, organizar, modificar o eliminar.
Tranquilidad, no tendrás que memorizar demasiado para recordar la URL para autenticarte...
El único requisito es tener al usuario correspondiente a la plataforma creado y activo.

Captura 3

¿Cómo puedo acceder a Portal.Edu?

 

  • Tiene dos métodos para llegar a la pantalla de login:
  1. Con un clic en el botón que aparece arriba en la parte derecha, llamado "Acceder" Acceder
  2. Escribir la sigueinte URL: portal.edu.gva.es/login
  • Incluyendo sus datos. Inicialmente, serán los siguientes:

Nombre de usuario: tu usuario de correo electrónico corporativo (sin @gva. es)
Contraseña: la misma con la que accedes a otros servicios de la Generalitat (nómina, ITACA, formación de cuentas...). Puedes cambiarla si quieres, editando tu perfil.

En caso de cualquier incidencia con el acceso, PortalEdu ofrece un sencillo sistema de restablecimiento de contraseña, mediante el envío de un correo a tu cuenta de @gva.es.

Captura 4



¡Atención! Para el curso actual...
Ya que estamos en las fases iniciales de puesta en marcha de la plataforma, algunos aspectos de la misma todavía no están completamente configurados con sus características finales. Uno de estos aspectos es la validación del usuario.

Actualmente, para obtener una contraseña de acceso a la plataforma, debes introducir tu nombre de usuario (tu dirección sin @gva. es) y acceder al sistema de restablecimiento de contraseña explicado anteriormente.

Recibirás un correo electrónico en tu cuenta de correo GVA con un enlace con el que podrás incluir la contraseña que quieras.
T1 Pag5 4 Correugva

Si todo ha ido bien, ya tienes ante ti la sesión en el portal. La ventana inicial es lo que en Wordpress llamamos ESCRITORIO o TABLERO (en inglés dashboard o back-end), desde aquí podrás gestionar todos los elementos o características que tienes disponibles con tus permisos (hablaremos de los permisos más adelante en el curso).
Dependiendo de a lo que tengas permiso, verás algunas cosas u otras. Esta pantalla no es accesible al público en general. Desde el tablero también se puede acceder a la parte pública de la web (front-end), a la que tiene acceso cualquier visitante de la web.
Si estás validado/a con tus datos, verás algunas opciones de gestión en la parte superior.

Captura 5
Captura 6


La apariencia de uno y otro es bastante diferente, nos acostumbraremos a la práctica y aprenderemos qué podemos hacer en cada uno.
Lo primero que debemos saber son las opciones que tendremos para generar contenido. Esto es de lo que hablaremos en la siguiente sección...

Última actualización: Dimarts Agost 30, 2022 10:13:46 GMT-0000 ...page...

Creación de contenido


Como hemos mencionado en el punto '¿qué es esto de Wordpress?', una de las principales características de este CMS es que está orientado hacia la generación sencilla de contenido. El objetivo es permitir la publicación de información en Internet para personas sin conocimiento de diseño web, HTML o CSS. El trabajo de Wordpress, precisamente, es evitar que tengas que conocer el significado de esos siglas, para hacer un buen sitio web.

Para el diseño de su contenido, tiene dos opciones, la creación de entradas o páginas. Por el momento no veremos cuáles son las diferencias entre ellas, lo haremos más tarde.

Captura 7
En cualquier caso, Wordpress muestra su diseñador por defecto, el denominado Gutenberg(Editor de bloques). Un editor que permite modificar por completo todo el contenido de nuestra web, dividido en bloques para facilitar su edición. Cada pieza de contenido en el editor, desde un párrafo hasta una galería de imágenes o un titular, es su propio bloque. Y al igual que los bloques físicos, los bloques de WordPress pueden añadirse, organizarse y reorganizarse, lo que permite a los usuarios crear contenidos ricos en medios y diseños de sitios de una manera visualmente intuitiva.

Captura 8

Si queremos ir un poco más allá, en la complejidad de nuestro diseño de contenido, PortalEdu incorpora otra herramienta. Esta es un editor algo más complejo y con más opciones de configuración que el editor clásico que acabamos de ver. Esta herramienta se llama Editor visual.

Captura 9


Este editor visual es un programa llamado Beaver Builder, y es una extensión (inglés plugin) de Wordpress, instalado en PortalEdu Nos permite ampliar las opciones de diseño de nuestras páginas. Su filosofía es la conocida como WYSIWYG, en la que trabajamos de una manera mucho más visual, arrastrando elementos por la parte de la pantalla donde queremos localizarlos.
Captura 10

Antes de empezar a usarlo, debes tener en cuenta algunas cuestiones:

  1. Es una extensión (o plugin) instalado en PortalEdu Si tienes una cuenta creada en Wordpress.com o en otro sitio web de Worpress, probablemente no tengas la opción de editar con Beaver Builder, no está instalado.
  2. No se obliga a hacer uso de este editor. Si prefieres continuar con el clásico, no hay problema.


No es el objetivo de este material ofrecer un curso completo de Beaver Builder, en la web oficial del plugin tienes una muy buena documentación, a partir de la cual puedes empezar a trabajar. Hasta dónde llegues, es cuestión de práctica.
Además de la documentación del editor visual, si necesitas una ayuda en PortalEdu, Wordpress te ofrece una ayuda muy útil que tienes siempre ubicada en la parte superior de la pantalla, te informará de las diferentes opciones que tienes en la pantalla en ese momento.
Captura 11
A continuación, te ofrecemos la posibilidad de realizar una tarea para empezar a saber cómo trabajarás en el nuevo portal.

TAREA 1: Probando el editor visual
Si quieres hacerte una idea de cómo funciona Beaver Builder, tienes una sección en el plugin Web para poder hacer ' prácticas ' con las diferentes opciones que se ofrecen. Podría ser una buena manera de empezar a acostumbrarse, por ejemplo, insertar primero columnas donde queremos organizar los elementos, y luego poner los contenidos que queremos, sin "ensuciar" la página web de nuestro centro.

Web de pruebas de Beaver Builder (Sección de creación de páginas)

::T1 Pga6 7 Beaverbuilder
Recuerda que solo puedes realizar pruebas de diseño de contenido. No podrás guardar tu trabajo para posteriormente reutilizarlo.::



Última actualización: Dimarts Agost 30, 2022 10:13:46 GMT-0000 ...page...

Presente y futuro de la plataforma


Como se ha mencionado en el acceso a la plataforma, PortalEdu se encuentra en las primeras etapas de desarrollo, por lo tanto, algunas de las características no están completamente desarrolladas, y otras ni siquiera son accesibles hoy en día. Tendrás que tener un poco de paciencia para trabajar con todas las funcionalidades activas.

T1 Pag7 Coming Soon


En este curso trataremos principalmente de mostrarte los elementos que ya puedes usar, pero también mostraremos algunas de las funcionalidades que se encontrarán activas a medio plazo, una vez que Portal.edu sea accesible a todas las escuelas públicas de la Comunidad.

En las diferentes tareas opcionales, y las prácticas obligatorias, utilizaremos como referencia el sitio web de un centro educativo, pero pronto PortalEdu, ofrecerá la posibilidad de desarrollar y publicar nuestro blog de enseñanza personal.

Por otro lado, los elementos que vamos a encontrar a lo largo de esta formación, son independientes de la estructura de la web en la que haremos uso de ellos. Esto significa que las herramientas que aprenderás a usar te servirán, ya sea para montar el sitio web de tu escuela, o si estás completando tu blog de enseñanza personal o un sitio web de cualquier otro tipo, relacionado con la enseñanza.

En el tema 2 analizaremos algunas cuestiones previas antes del desarrollo de un sitio web. Este análisis es sin duda una de las tareas más importantes ya que marcará la viabilidad de tu proyecto. Si tenemos que considerar un sitio web de enseñanza como un sitio web colaborativo y a largo plazo, antes de empezar a crear contenido en Wordpress, tendremos que planificar un poco lo que queremos lograr.

Antes de pasar al tema siguiente, recuerde realizar la práctica 1, para comprobar que el acceso a PortalEdu es correcto.