Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas
Mostrando entradas con la etiqueta HTML. Mostrar todas las entradas

viernes, 3 de enero de 2020

Web de centro adaptada: Resultado final.

Una vez hice el análisis mencionado en anteriores entradas, confeccioné la página web con la plataforma WIX. El uso de esta plataforma es muy sencillo e intuitivo cuyo diseño es sencillo ya que se compone de recursos insertados a través de HTML. En este enlace, se podrá acceder a la página web diseñada por mí.



El menú que se sigue en esta página web es el siguiente:

  1. Inicio. En este apartado se puede ver la página principal del centro. Se puede ver como se encuentran imágenes del "centro" y de los "alumnos", además de algunas frases que hagan pensar sobre la importancia de la educación en la sociedad y la implicación que tiene el centro con ello. Además consta de transiciones que harán más atractiva la navegación en la página web
  1. Identidad. En este apartado se puede ver la historia del centro desde sus orígenes, así como las modificaciones educativas que se han ido incorporando. También, aparece el teléfono de contacto del centro.

  1. Oferta educativa. En este apartado se pueden ver los diferentes niveles educativos que ofrece cursar el centro en cuestión en este caso educación infantil, educación primario, la ESO, bachillerato y el programa de bilinguismo. Se puede ver como los documentos están insertados en la propia página, por lo que el usuario no tiene por que salir de la pestaña. Aquí un ejemplo de educación infantil:

  1. Servicios. En este apartado se pueden ver todo lo que ofrece el centro educativo de las 1000 maravillas. Este apartado tiene como página principal los datos de localización y contacto del centro. Sumándose a esto, el apartado de servicios consta de unos subapartados, los cuales son:
    • Equipo directivo
    • Administración
    • Biblioteca 
    • Instalaciones
    • Recepción
    • Comedor
    • Acogida matinal
    • Transporte escolar
    • Orientación
    • Visitas al profesorado.

  1. Extraescolares. En este apartado se informa sobre las tres actividades que ofrece el centro fuera del horario lectivo, teniendo en cuenta lo que se hace, los horarios y el coste que supone a las familias. Lo que más destaco de este apartado es la posibilidad de matricular a los alumnos desde la propia web, de tal modo que se facilita la labor a los padres. Las actividades extraescolares que ofrece el centro educativo son:
    • Club deportivo
    • 1000 maravillas robots
    • Escuela de idiomas

  1. AMPA. En este apartado se encuentran los datos para contactar con el AMPA del centro y los diferentes eventos organizados por la asociación. Tambíen, pone a disposición de los usuarios un buzón digital de sugerencias o aspectos de mejora.

  1. Información. En este apartado se encuentran aquellos aspectos de interés informativos de las dos partes, tanto del propio centro como de las familias de los alumnos. Es por tanto que se ubican aquí la administración, las cuotas de escolarización y el calendario escolar.

  1. Contacto. En este apartado final da la posibilidad de mandar un mensaje al centro desde la propia página web.





















A continuación se podrá ver a través de un vídeo una visión general y exhaustiva de la página web.

viernes, 27 de diciembre de 2019

Web del centro adaptada: Valoración

En este caso la web del colegio escogido muestra empatía ya que no solo no muestra falta de valores, sino que muestra los necesarios para este tipo de lugares webs. Además, su contenido es bastante claro y accesible que hace la que comprensión sea clara y rápida por parte de los visitantes.

Por el contrario, no muestra diversidad alguna ya que no ofrece soluciones para aquellas personas que no hablen castellano, es decir no hay posibilidad de indagar en esa página en otros idiomas. Tampoco hay un apartado, que a mi parecer es muy importante, relativo a la educación a la diversidad, donde se pueden poner los procesos que se escogen para declarar a un alumno ACNEE o ACNEAE, ni los profesores ni metodologías que llevan a cabo en el centro. Además, al ser un colegio concertado debería de haber un apartado donde quede detallado la tarifa que se tiene que pagar para estudiar allí y si fuere el caso, si hay facilidades de pago, como becas o financiaciones. Esto último también se puede relacionar con la transparencia de la web en cuestión.

Volviendo a la transparencia, al ser un colegio concertado, que por tanto, se sustenta gracias a la aportación económica del Estado y de los padres de los alumnos, debería de haber un apartado donde se desglosase el presupuesto anual. De esta manera, los usuarios podrán ver de forma clara en qué se usa su dinero y que no haya ningún posible problema fraudulento. También podría haber lugar a un foro, donde los usuarios pongan sus opiniones, tanto negativas como positivas, allí; de este modo, los padres que quieran matricular a sus hijos en este colegio podrán tener valoraciones y opiniones que les pueden servir de orientación. Más adelante ahondaremos en otro aspecto que me ha llamado la atención en torno a la claridad.

También, me ha llamado la atención el hecho de que haya fotos de los alumnos en la red. Esto es un tema delicado ya que al ser menores está prohibido difundir su imagen sin autorización expresa de los padres o tutores. Por ello, tendría que haber una especie de llamada donde clarifique que los padres han autorizado al colegio para que sus hijos aparezcan en la página web del centro escolar.

El storytelling esta muy relacionado con las redes sociales del centro y el blog que he propuesto con anterioridad, debido a que muchos centros lo tienen y es un recurso que cada vez es más utilizado. Sería interesante que el factor del storytelling se pudiera producir a través de las redes sociales del centro, donde se vayan contando todo lo que ocurre en el entorno de centro y la comunidad escolar. Desde mi punto de vista, no bastaría con que el colegio vaya narrando los acontecimientos en alguna red social, sino que debería de poder leerse directamente desde la web del centro para que así los usuarios no tengan que salirse de la web principal; es decir, que se acomode a modo de gadget.

No comprendo muy bien la disposición de los contenidos multimedia debido a que hay algunos que se encuentran insertados en la web, en formato html5, por lo cual se pueden ver desde cualquier tipo de dispositivo. Mientras que hay otros contenidos multimedia que se encuentran insertados a modo de enlace, lo que provoca que los usuarios se tengan que descargar el contenido o abrirlo en otra pestaña del servidor. Lo que puede hacer que el usuario se pierda en el proceso o dedique demasiado tiempo en acceder al contenido y no llegue a realizar la búsqueda que pretendía.


En cuanto a la simplicidad se puede ver como la web posee una buena disposición haciendo de ella una página web sencilla e intuitiva de utilizar. Además, en la ventana de inicio se pueden ver aquellos contenidos de la web más importantes y que el colegio ha decidido destacar por diversos motivos, entre ellos la propia facilitación de la búsqueda y la transparencia. Algo que me ha llamado mucho la atención es que haya un pequeño gadget que permita la búsqueda dentro de esta web, así se puede acceder a la información deseada de una manera más directa y rápida.


El concepto de diversión, dentro de una página web del colegio se puede orientar hacia dos vertientes. Puede concebirse como un lugar donde haya algo de diversión para los alumnos del colegio, como pueden ser juegos educativos, el enlace al blog que hagan ellos mismos o un foro donde narren sus experiencias más divertidas; también, se puede concebir como un lugar donde los padres puedan ver las actividades que se hacen en el centro. Pues bien, una vez hecha dicha diferenciación basada en el tipo de usuario que haga la búsqueda en un momento determinado, podemos advertir que la primera concepción es bastante escasa, por no decir nula, mientras que la segunda concepción esta muy bien resuelta y a la que yo no sugeriría cambio alguno. Lo ideal es que ambos factores pudieran darse en la web ya que no se nos debe de olvidar que estamos analizando una página de un colegio y que, por tanto, no debe descuidar al alumnado.



Web de un centro educativo: Listado de contenidos

Durante este cuatrimestre en la asignatura de Comunidades Virtuales y Redes Sociales se nos pidió la adaptación de una página web de un centro educativo, en mi caso, escogí un colegio concertado de la provincia de Guadalajara.

En primer lugar, hice un análisis exhaustivo de dicha página web, atendiendo a los enlaces, los hipervinculos, y las veces que teníamos que clickear para acceder a la información pertinente. 
Además, estudiamos el grado de accesibilidad, empatía, adaptación y la inclusión de personas con un grado de diversidad ya sea auditiva, visual, mental o motora.

Esta práctica es muy densa y trabajosa por lo cual utilizaré diferentes entradas que se podrán ver en el blog presente.

En este caso, mostraré el listado de enlaces, hipervínculos y documentos, así como las veces que hay que clikear hasta llegar al contenido, y en que formato se encuentra. Una de las cosas que más me han llamado la atención de este sitio web es el hecho de que la mayoría se encuentran en versión PDF, pero en una ventana emergente, lo cual provoca que los usuarios tengan que salir de la página principal. Este sin duda ha sido uno de los aspectos que más he tenido en cuenta a lo largo del diseño, confección y elaboración de la página web adaptada.


viernes, 4 de octubre de 2019

HTML. Presentaciones de imagen y texto

Como hemos dicho en anteriores entradas, el código HTML es el código principal que conforma todas las redes sociales, páginas webs, aplicaciones... Es tan importante, que si no estuviera integrado en la programación de dicho servidor, lo más problable es que este no existiera.


Ya hemos aprendido alguna de las aplicaciones para insertar un hipertexto en las diferentes plataformas. A modo de recuerdo, las enumeraremos: slideshare, calameo o issuu.






Ahora bien, esto mismo se puede hacer con las presentaciones que hagamos con Powerpoint o con otras plataformas online. Ahora veremos una serie de ejemplos.
Emaze



Slideshare



HTML. Hipertexto


Se podría decir que muchos de las horas del día las pasamos dentro de una página web, una red social o una aplicación, pero muy pocos sabemos de que se componen estas. Estos lugares en la red estan compuestos principalmente por html, lo cual hace posible que podamos ver los vídeos, imágenes o incluso leer el texto. Este código HTML se puede modificar, esto es uno de los orígenes de las fake news.

 



El código HTML "es un lenguaje de marcado que se utiliza para el desarrollo de páginas de Internet. Se trata de la siglas que corresponden a HyperText Markup Language, es decir, Lenguaje de Marcas de Hipertexto" (Cisma, 2019)



Una vez ya sabemos que es el HTML, voy a presentar algunos programas que permiten transformar nuestros documentos en HTML, para de esta manera poder insertarlos en blogs, webs o aplicaciones.

En esta primera entrada sobre el tema, hablaremos de los programas que nos dejan transformar un hipertexto en HTML.








Issuu


https://issuu.com/irenecruz98/docs/practicum_1.docx

Para transformarlo a HTML, hay que tener la versión premium de pago.


Slideshare





BIBLIOGRAFÍA

Cisma, E. (2019). Qué es HTML. Retrieved 4 October 2019, from https://codigofacilito.com/articulos/que-es-html

Conclusión de diseño y desarrollo

Y a si que si, ya ha llegado el último día de la mención y la terminamos con la conclusión de la asignatura de diseño y desarrollo de los r...