Páginas web Concepto de web educativas, orígenes de las web educativas, características principales, tecnologías, consecuencias, principales aplicaciones

UNIVERSIDAD NACIONAL DE EDUCACIÓN

Enrique Guzmán y Valle

Alma Máter del Magisterio Nacional

FACULTAD DE CIENCIAS

Departamento Académico de Matemática e Informática

MONOGRAFÍA

PÁGINAS WEB

Concepto de Web Educativas, orígenes de las web educativas,

características principales, tecnologías, consecuencias, principales

aplicaciones.

Presentada por:

Elena Fernández Jiménez

Para optar al Título Profesional de Licenciado en Educación Especialidad: Informática

Lima, Perú

2 Dedicado a:

3 Índice

Portada ... 1

Dedicatoria ... 2

Indice……….. ... 3

Introducción ... 5

Capítulo I Historia De Las Páginas Web 1.1 Evolucion De Las Paginas Web ... 7

1.2 Generaciones De Las Paginas Web ... 10

1.3 World Wide Web O La Web ... 13

1.4 Hipertexto ... 194

Capítulo II Páginas Web 2.1 Concepto ... 15

2.2 Características ... 16

2.3 Programación Web... ...17

2.4 Creación De Páginas Web ... 19

2.4.1 Aspecto y finalidad del sitio ... 19

2.4.2 Esbozo del sitio ... 20

2.4.2.1 Diseño del sitio web ... 20

2.4.2.2 Diseño de la página web ... 21

2.4.3 Registro de un nombre de dominio ... 21

2.4.4 Buscar alojamiento para su sitio ... 21

2.4.5 Creación y comprobación del sitio ... 22

2.4.6 Publicación y mantenimiento del sitio ... 22

2.5 Herramientas Para Generar Páginas Web ... 23

2.5.1 Herramientas de diseño web ... 23

2.5.2 Software de diseño ... 23

4 Capitulo III

Páginas Web Educativas

3. 1 Concepto ... 24

3. 2 Creación De Web Educativas. ... 31

3. 3 Usos Educativos Del Ciberespacio: ... 31

3. 4 La Web Del Centro ... 32

3. 5 La Web De Los Profesores ... 33

3. 6 La Web De Los Alumnos ... 34

3. 7 La Web De La Asignatura ... 34

3. 8 ¿Qué Necesito Para Tener Un Sitio Web Educativo? ... 35

Capitulo IV Desarrollo De La Web Educativa 4.1 Desarrollo Evolutivo De La Web Educativa……….….…….…..…….40

4.2 Evaluación Del Diseño De Una Página Web En El Contexto Educativo………45

4.3 Programas Comerciales Para Realizar Página Web……….……49

APLICACIÓN DIDÁCTICA………51

Sesión de clase……...52

Guía de Laboratorio………...56

SÍNTESIS………66

APRECIACIÓN CRÍTICA Y SUGERENCIAS ... 67

ANEXOS ... 69

5 Introducción

Páginas Web, es un documento de información electrónico que contiene textos, imágenes estáticas, dinámicas, videos, programas, enlaces de la World Wide. Web, que se integra a la gran red de WAN. (Internet).

A pesar de que el hipertexto tiene su origen en los años sesenta del siglo pasado, los

profundos cambios que se han experimentado en el campo de las tecnologías de la información y la comunicación han acelerado su desarrollo de tal modo que actualmente hablar de hipertexto es casi sinónimo de hablar de documento electrónico, lo que refuerza su presencia e importancia ya que, en la actualidad, cada vez más la información se globaliza en la red WAN, sitio donde las páginas web se enlazan unas con otras, haciendo posible que el acceso a la información sea inmediata.

Trasciende en la gran importancia que ocurre en la aplicación de las tecnologías de la información. Por ejemplo, cada vez es más común hablar de la incorporación de internet a las escuelas. Es un nuevo reto que viene enfrentando el horizonte educativo, crear entornos educativos construidos por docentes y familia. Hoy en día es una realidad considerarlo como evolución comunicativa del ser humano.

6

7

Capítulo I Historia De Las Páginas Web

1.1 Evolución De Las Páginas Web

Como ya se sabe, los maestros son los que enseñan y los estudiantes son los que aprenden. Es la constante que se ha mantenido durante siglos, más allá de la fluctuación de un paradigma de escenarios rígidos a ambientes más democráticos y colaborativos. Más allá de las realidades sociales y geográficas.

Las páginas web son parte de la evolución de la comunicación inmerso en la tecnología de la información y tiene antecedentes históricos que remota a siglos atrás.

En la india antigua, hace miles de años quienes cumplían el rol de maestros eran los brahmanes, quienes a su vez tenían el rol de sacerdotes, tenían como función de transmitir conocimientos de su sociedad. Labor que realizaban en sus viviendas a donde los alumnos tenían que ir a vivir. Es así que nace el concepto de escuela. Posteriormente en Grecia quienes

enseñaban a los niños eran los esclavos y sirvientes. Estos principios educativos griegos se expandieron en el imperio romano y perduraron hasta la edad media. En los inicios de este siglo mencionado aparecen las escuelas dependientes de la iglesia romana (Leon, 2010).

8

formalmente el proceso de enseñanza-aprendizaje en nivel primaria, nivel secundaria y nivel superior. Lo que no ha cambiado al día de hoy son los agentes de la educación maestro y docente (Leon, 2010).

En el siglo XXI, todos los procesos formativos se basan en un triángulo donde sus vértices son: la escuela, maestro y espacio temporal de docentes y estudiantes. A lo largo de este siglo siempre se buscó y se esperó encontrar la tecnología óptima que logre el gran cambio de la enseñanza. Tal es así que en 1960 las computadoras pasan a ser una herramienta imprescindible en la enseñanza por su utilidad propicia y flexible. Hecho que nos permite hablar de la nueva tecnología que se aplica en la educación (Leon, 2010).

En el país norteamericano, EE.UU, se desarrollan trabajos complejos como el de la aplicación de las computadoras en los laboratorios, en término inglés Computer Applications Laboratory para enseñar aritmética tipo binaria en la Universidad de Florida, y también vienen desarrollando el trabajo CLASS Y PLATO, donde los estudiantes respondían preguntas de múltiple elección (Pérez, 2016).

En el transcurso de 1950 y 1960, sucedió la fascinación por los medios audiovisuales. La tecnología en la educación se muestra en el enfoque racional, sistemático para el diseño y evaluación de la enseñanza, que alcanzó la esperanza de lograr procesos de enseñanza y

aprendizaje altamente eficaces.

9

gran relevancia en el panorama educativo internacional. Se publican manuales, congreso, curso, titulaciones, publicaciones de revistas, de periódicos, etc. Es un auge del desarrollo, formalidad y expansión en el campo educacional.

En 1980 la situación cambia radicalmente aparecen los ordenadores personales. Desde ese momento la tecnología informática se sumerge y en todos los aspectos de la sociedad,

obviamente el entorno educativo no puede ser la excepción. La tecnología educativa se centraba cada vez más en la educación a distancia.

Existe un problema principal, que resulta un impedimento en la educación para hacer uso de modo general de la Web (www), experiencias vivenciales y reales nos muestra que todavía desconoce cómo aplicar las herramientas tecnológicas en el proceso educativo que sea efectiva, en los diferentes niveles de la educación. En las universidades las enseñanzas virtuales ya son realidad. Pero para lograr la transformación el camino y procedimientos serán largos y difíciles.

Esto se hizo notar como una crisis interna em el campo de la tecnología educativa. Este período de crisis se caracteriza en lo siguiente:

 El autorreconocimiento de la situación señalada como crisis en el núcleo de la

tecnología educativa.

 La falta de identidad definida.

 La falta de orientación en sus funciones principales por parte de los profesionales

tecnólogos educativos.

 La poca asistencia y aplicación de estas tecnologías en la educación.

10

De acuerdo al criterio cronológico, en el desarrollo de la tecnología educativa se desarrollan en 5 décadas:

En 1940, se desarrolla para los militares a través de medios audiovisuales.

1950, está caracterizada por elaboraciones de Sikiner que condiciona la enseñanza programada.

En la década de 1960 se da la extensión de los diferentes medios de comunicación en la sociedad, estos medios se incluyen en la educación.

Por los años 1970 es desarrollo pleno de la informática. En es el tiempo en el que se busca implantar las enseñanzas guiadas por el computador.

En 1980 se da inicio al soporte de la informática y medios audiovisuales cuyo objetivo es la interactividad de persona y sistema.

Desde 1990, aparece un nuevo soporte, que da una tecnología nueva conocidas en sus inicios como redes telemáticas en esta década se implantan, pero de forma lenta. En escenario aparece la red internet, que genera nuevos procedimientos a seguir en la educación originando nuevas formas, de adquirir conocimiento, de enseñanza y aprendizaje (Chacón, 2007).

1.2 Generaciones De Las Páginas WEB

PRIMERA GENERACION

11

Figura 1: Interfaz gráfica de una página web de la 1era generación.

SEGUNDA GENERACION

Insertaron íconos en reemplazo de palabras, con imágenes que se utilizaban como fondo, diseños, banners y botones en relieve, una lista o menú, componía su estructura, las tarjetas graficas y monitores tenían mayores resoluciones, por lo tanto la definición de colores era mejor.

12 TERCERA GENERACION

Estaba orientada para diseñadores, que tenían la tarea específica de vender productos, servicios, información, noticias, etc. Básicamente diseñada para uso publicitario y espacio de ventas.

Figura 3: Interfaz gráfica de una página web de la 3era generación.

CUARTA GENERACION

Esta generación se enfocaba a los objetos Multimedia, para todo tipo de usuario, los navegadores que salían en sus nuevas versiones soportaban más elementos insertados en la página web.

13 QUINTA GENERACION

Esta generación fue un gran avance pues las páginas web cada vez soportan más elementos insertados en su contenido, tal es así que se insertan enlaces de páginas de televisión, integrado de la televisión, es el movimiento más notorio de la actualidad.

Figura 5: Interfaz gráfica de una página web de la 5ta generación.

1.3. World Wide Web O La WEB

WWW es como una telaraña de cobertura mundial, consiste en presentar una interfaz simple pero consistente para navega en la inmensidad de los recursos que nos ofrece internet. La

información se presenta de manera moderna y potente. A nuestra vista se presenta como páginas electrónicas páginas virtuales (Chavez,2017).

Este servicio se ha incrementado de manera radical, para visitar la Página Web, necesitamos direcciones las cuales se llama URL (uniform Resource Locator), cada página Web tiene un URL por ejemplo el que se menciona, cual es http://www.peluse,com

 http:// prefijo que identifica el protocolo al que pertenece. Toda dirección tiene URL.

 WWW. Identifica una dirección electrónica www. está presente en las las direcciones

14

 peluse Indica específicamente la dirección a la que se quiere ingresar. También se le

conoce como dominio.

 .Com Nos indica que el espacio virtual web es comercial.

El funcionamiento de una web debemos se entiende a partir de la idea que es hipertexto. 1.4 Hipertexto

Un hipertexto es el conjunto de datos que enlaza a otra fuente de datos. Estos se enlazan mediante un link de acceso. Es decir, un documento hipertexto contiene no sólo contiene datos de información, sino que también contienen enlaces a otros documentos web.

Ejemplo:

Un libro o enciclopedia al final de un tema puede tener referencias a otros temas, referencia bibliográfica.

En hipertexto, el computador crea rutas de acceso automático a esas referencias, a fin de facilitar la investigación. El usuario puede acceder a la información en el orden que lo requiera, al principio, al final, no tiene una secuencia establecida en el acceso a la información.

Los enlaces o link de acceso no sólo está en textos sino también en íconos, imágenes, tablas. Puede resaltarse en subrayado o enumerado para que el usuario lo reconozca con mayor

facilidad.

15

Capitulo II Páginas Web

Figura 6: Representa variedad de páginas web.

2.1 Concepto

Es un documento que se caracteriza por ser de tipo electrónico virtual contiene textos, sonidos, vídeos, programas, enlaces, imágenes, transferida a la World Wide Web, a la que se puede acceder desde un navegador cualquiera (Wikipedia, 2017).

Las páginas web son documentos grandes que se enlazan a través de palabras destacadas, que permite a un usuario del servidor recibir información desde otro servidor, sin necesidad de digitar palabras para acceder a la ruta o hacer otro tipo de procedimiento. Facilitando así la enorme búsqueda de información, nos muestra la información atractiva y de fácil accesibilidad.

16

Constituyen, un tipo de fichero de texto, con un tipo de extensión .htm. o html, hace referencia a la sigla Hipertext markup language. El archivo contiene códigos que sirve para establecer un formato de presentación a la página web en diferentes navegadores de internet. Ejm. la distribución de sus columnas, colocar la letra en estilo negrita, formatos asignando colores, una imagen rodeada con texto.

Los códigos hacen posible que las páginas web tenga una presentación de la información de forma agradable a muy buen gusto de la vista incluye estilos de formato negritas, cursivas o itálicas, colocar textos como títulos, hacer cortes de párrafo, diseñar formularios, crear listas enumeradas, insertar objetos e imágenes.

Un conjunto de páginas web enlazadas que muestran diferentes partes de un conjunto de información, forma lo que se llama un sitio web.

En sentido general, las páginas web o sitios web poseen en su diseño una estructura parecida, semejante, el mismo que nos sirve en ocasiones para encontrar fácilmente algún contenido web que buscamos también para poder entender el funcionamiento de los enlaces en las páginas web, entre otras cosas.

2.2 Características

Casi en cualquier página web, de los millones que podemos encontrar en la red, estará formada por los componentes que se describen a continuación:

Formularios: su misión es enviar información a través de la página web; se componen de textos y a veces gráficos.

 JavaScript: Es un lenguaje de programación que se ejecuta e interpreta mediante el

17

 Java: Lo más representativo del código Java es la posibilidad de ejecutarse en

cualquier tipo de plataforma. (Cualquier sistema operativo y ordenador).

 Shockwave/flash: Construcciones interactivas con imágenes fijas, animaciones o

imágenes en movimiento, extremadamente compactas. Aunque hace algún tiempo había que instalar un complemento a los navegadores (plugin de Java), en la actualidad casi todos lo incluyen.

En la mayoría de los sitios web, algunas de las páginas incluyen otros componentes que, más que formar parte de ellas, la acompañan. Algunos de estos componentes son:

 Ficheros adjuntos: es muy normal encontrar ficheros o software comprimidos en un

formato (el más común es el formato zip o rar). Estos comprimidores permiten que se reduzca el tiempo de descarga que hacen los usuarios de determinados ficheros y/o programas.

 Documento PDF: (Portable Document Format). Documentos realizados con el

programa Acrobat de Adobe.

 Archivos QuitTime: en los que encontramos animaciones en 2D y en 3D, en un

formato creado por Apple y universalizado después. 2.3 Programación Web

Con el desarrollo de la web surgieron nuevos lenguajes de programación tendientes a presentar páginas que permiten mayor interacción, son más rápidas, contienen

animaciones, etc.

18

datos la información solicitada, y crean una página en forma instantánea (Geocities.ws, 2013, parr.6).

Los programas con los que se pueden trabajar bases de datos y son los más utilizados son:  MySQL (open source)

 Oracle.

 Microsoft SQL.

 Software Informix de IBM.

DHTML (HTML) es dinámico y el CSS (hojas de estilo) con este lenguaje crea páginas web más interactivas que las páginas HTML. Por ejemplo, podemos crear botones cuyo texto o fondo cambia de color, también textos que agrandan o disminuyen de tamaño, entre otros, estos están aliados al software JavaScript, también nos permite insertar la fecha y hora a la página web, textos animados que se desplazan en diferentes direcciones.

Si queremos mencionar un software que se utiliza mucho para hacer animaciones con audio, texto, imágenes, es Macromedia Flash, http://www.macromedia.com/software/flash. Y en sus renovadas versiones ya cuenta con las herramientas que permiten crear una presentación web de una manera más fácil.

19 2.4 Creación De Páginas Web

Tener un sitio web nos permite estar constantemente en una red, él nos podría brindar el gran beneficio de hacernos más conocidos si somos parte de una empresa, nuestras ventas podrían incrementar, si somos educadores nuestros estudiantes podrían acceder para ver nuestros recursos didácticos. Tener un sitio web es esta en modo online todo el tiempo.

Para crear un sitio web e implantarlo en el internet en necesarios contar con varios agentes así tenemos a la entidad o empresa que se encarga de registrar dominios, un proveedor de hosting que nos va a permitir alojar el dominio, un profesional diseñador de página web, el desarrollador o programador de las aplicaciones y una empresa que hará la promoción de la página web.

Las creaciones de los sitios web no son complejas, al gran mundo del internet se enlazan grandes cantidades de páginas web y no todas tienen éxitos, debemos imaginarnos la razón, simplemente porque carecen de versatilidad, originalidad, y diseño de interfaz atractivo.

Para evitar el fracaso al poner un sitio web en la red debemos tener en cuenta lo siguiente: 2.4.1 Aspecto y finalidad del sitio.

Determinar con claridad los objetivos responder a preguntas como ¿Qué es lo que se quiere publicar?, ¿para qué quiero crear el sitio web, sólo para que conozcan el perfil de la empresa o para atraer un mercado de usuarios que se interesen por el servicio que se brinda?,¿o queremos que sea la principal fuente de interrelación de la empresa y/o cliente, usuario?

Para ello tener en claro la misión que tendrá el sitio, establecer los objetivos de corto y largo plazo. Esto necesariamente nos conlleva a realizar un análisis de la FODA; Fortalezas,

20

Determinar los participantes en este proyecto de acuerdo a sus potenciales y habilidades, establecer presupuesto económico.

En resumen, el sitio web debe contar con un plan de proyecto en la que se debe tener en cuenta:

 Estado actual de la empresa  Misión del Sitio web

 Análisis FODA

 Descripción de servicios y/o productos

 Objetivos a corto plazo  Objetivos a largo plazo

 Administradores, personal, aspectos financieros

2.4.2 Esbozo del sitio.

Después de que se haya hecho una idea del aspecto y la finalidad de su sitio, se debe dibujar o utilizar un software de dibujo para elaborar un esquema del sitio web y distribución de las páginas.

2.4.2.1 Diseño del sitio web.

21

El siguiente paso ha de ser publicar el sitio web, para lograrlo es necesario contratar una empresa que se encargue de brindar servicio de alojamiento web (hosting), esto permitirá que acceder al sitio en modo online todas las 24 horas del día, y en todo el año.

2.4.2.2 Diseño de la página web.

Crear una distribución estructura de la página considerando su contenido, filas columnas. Esto es importante para evitar que los visitantes se desorienten y se cansen con cargas confusas. Tener presente siempre estos aspectos en el diseño: en que parte se insertará los vínculos, links que enlazarán a otras páginas, decidir lo conveniente en los formatos cambiar o continuar con los colores, tipos de letras o fuentes, imágenes y gráficos anteriormente utilizados. Una ayuda podría ser que observe los diseños de otras páginas web para ver que podrìa aumentar o modificar.

2.4.3 Registro de un nombre de dominio.

El dominio es el nombre que se asigna a la página web. Un ejemplo sería ww.suempresa.com. Estos nombres deben ser registrados previamente a fin de evitar y corregir la duplicidad de nombres de dominio, se puede registrar el nombre dominio sin necesidad de haber publicado la página web. La entidad InterNIC tienen un registro en su base de datos de los nombres

registrados y acreditados. Es recomendable tener una lista de nombres posibles de su página web pues tal vez resulte necesario el cambio del nombre de dominio que eligió en el inicio, pues no debe existir el nombre duplicado de dominio (LinkedIn, 2010).

2.4.4 Buscar alojamiento para su sitio.

22

ciento. Debe prestar atención a las declaraciones de confiabilidad, acuerdos que firme con la empresa encargada del servicio de alojamiento. Pues su acceso a su sitio web tal vez resulte temporal total o parcial.

Si le interesa más la creación interna de una web o intranet para su empresa, se recomienda alojarlo en un equipo de la empresa (LinkedIn, 2010).

2.4.5 Creación y comprobación del sitio.

Se debe recurrir a la contratación de diseñadores de páginas web profesionales para que con mucha más razón si por su sitio web se harán transacciones financieras, comerciales o pedidos. No descarte la posibilidad de hacerlo usted mismo, si es que cree conveniente y confía en sus habilidades creativas puede adquirir conocimientos prácticos en FrontPage tras. Esto le servirá que usted mismo realice las actualizaciones del sitio web. Siempre pida opiniones de los demás. Realizar el mantenimiento de calidad, performance y el máximo rendimiento del sitio web en los distintos navegadores o hasta en una red privada antes de publicarlo en Web, esto labor es exhaustiva.

2.4.6 Publicación y mantenimiento del sitio.

Posterior a la comprobación del sitio web, puede ya conectarse a internet y escribir su dominio, esperar a que cargue y sentirse satisfecho. Pero tener presente que ahí no termina todo siempre debe estar pendiente de las actualizaciones, crear eventos para que sea más real y atractivo.

Luego publicar el sitio en la web, se debe contratar un servicio de alojamiento web o hosting, esto permitirá estar online las 24 horas del día y de todo el año.

23 2.5 Herramientas Para Generar Páginas Web

2.5.1 Herramientas de diseño web.

Los programas de diseño web más comunes sonl Macromedia Dreamweaver, Microsoft Front Page, Adobe Go Live.

2.5.2 Software de diseño.

Se debe considerar el uso de los programas Macromedia Flash muy bien utilizados para hacer animaciones, banners o sitios web completos con esta tecnología; Macromedia Fireworks o Adobe Illustrator para realizar botones, para el diseño de logos, imágenes, etc, Utilizar Adobe Photoshop, con el fin de modificar y retocar fotografías y e imágenes.

2.5.3 Software de programación.

Como software de programación tenemos a Macromedia Interdev y el cold Fusion fusionados recientemente; y toda la suite de programas en visual Basic de Microsoft.

24

Capitulo III Páginas Web Educativas

Figura 7: Representa un contenido didáctico de aprendizaje, editado en un programa de

diseño web.

3.1 Concepto

La web educativa, se define, en que es un espacio o también es un conjunto de páginas en la Web o triple w, que contienen información, recursos o materiales de índole educativo con el objetivo de informar y ofrecer aprendizaje a sus visitantes.

La web educativa se constituye en un portal educativo definido como sitio donde se insertan contenidos y servicios que se imparte a la comunidad educativa en conjunto, implica a los

25

un modo de innovación, es un gran cambio e impulsa al proceso de enseñanza y aprendizaje en la educación.

En esta categoría de web educativo se agrupan páginas web del docente, de instituciones educativas colegios, universidades o del Ministerio de Educación, Cultura y Deportes, plataformas virtuales, metodologías Blended para llevar u ofrecer servicios educativos a larga distancia, su base de datos en las que se afianzan son revistas, libros o documentos sobre la enseñanza y la educación, en sus páginas web se encontrrán actividades para que sean desarrollados por los alumnos a fin de complementar su aprendizaje.

Los sitios web educativos se diferencian por su finalidad si es informativa, pedagógica o didáctica. Cuando es netamente informativa se tiene que consultar datos, por ejemplo, si se accede a la página web de una universidad se visualizan datos de su historia, localización geográfica, oferta de cursos y titulaciones.

Lo que no ocurre en el segundo caso, las otras páginas web educativas tienen por finalidad específica pedagógica que se utilizan facilitar y sumergirse en el proceso de enseñanza-aprendizaje. Ejemplo, cuando se ingresa al sitio web de un curso definido de la universidad se encontrará textos de lectura, actividades o prácticas que el estudiante debe desarrollar para su respectiva calificación.

Objetivos de la web educativa

Los espacios web nos permiten acceder a la información desde casa, ahora con mayor auge en los sitios web formativos de la gran red.

26

b) Ofrecer información y proporcionar recursos educativos, de tipo textual, gráfica, auditiva, audiovisual y de temática de ciencia, música, actividades ciudadanas. Su búsqueda se hace con mayor facilidad porque existen páginas índices temáticos completos y programas buscadores.

c) Promover la comunicación. Expandir la forma de comunicación virtual entre las personas por correo electrónico, chats, videoconferencia, difundir las creaciones personales, conocimiento retroactivo. Ser un medio publicitario, que promueva la imagen de entidades educativas colegio, universidades institutos. Motivar el hallazgo de la información.

Tipos de sitios web educativo

Los sitios webs a fin con la educación se clasifican en cuatro tipos: Webs institucionales, webs de recursos y bases de datos, webs de teleformación, y materiales didácticos en formato web (Moreira, 2003).

 Webs institucionales.

 Webs de recursos y bases de datos educativos.

27 Tipos de sitios educativos

Naturaleza Informativa Naturaleza Formativa Figura 8: Representa le relación de los tipos de web educativas, indicando su naturaleza.

 Las Webs institucionales:

Son aquellos sitios web de una institución, grupo o empresa relacionada con la educación. Este tipo de webs es de naturaleza y fin informativo, ofrece fundamentalmente información de los servicios de una entidad relacionada con la educación como actividades, organigrama, recursos que ofrece dicha institución, colectivo o empresa (García, 2012).

Lo que nos quiere, que en estos sitios lo más importante es la información acerca de la entidad, organismo, institución ya que están creadas con el objetivo de ser sitios informativos, mas no didácticos. Como ejemplo de estos tipos de web podríamos citar a la web del Ministerio de la Mujer y de Poblaciones vulnerables, https://www.gob.pe/mimp o la web de inicio del instituto Cibertec https://www.cibertec.edu.pe/, o www.senati.edu.pe de la institución SENATI.

Web institucional o grupo educativo

Web de Recursos y Base de Datos

28

Figura 9: Representa el tipo de web educativa institucional. Captura de la página web del

instituto SENATI.

 Las Web de recursos y base de datos:

Tiene naturaleza informativa, más no pedagógica, sus enlaces contienen materiales didácticos y cursos a los que se puede acceder con conexión a internet. Brindan materiales e información de tipo documental a los se accede a través de enlaces, documentos, recursos, software, clasificados según criterios (Moreira, 2003).

29

Ejemplo de este tipo de web educativa http://cent.uji.es/octeto/ o de la base de datos de investigaciones y tesis doctorales http://www.mcu.es/TESEO/teseo.html, como se muestra en la imagen www.eduteca.com.

Figura 10: Representa el tipo de web educativa de recursos y base de datos. Captura de la

página web Eduteka.  Los entornos de tele-formación e intranets educativas:

En general son webs dedicadas a la formación en línea, con conexión a internet, es la web educativa que tiene un entorno o escenario virtual restringido, el acceso a estos portales es restringido porque a los usuarios que han suscrito se les entrega el acceso con un nombre de usuario y una contraseña, para el desarrollo de alguna actividad de enseñanza (Moreira, 2003).

30

http://www.ecol.edu.es, Estas webs administran sus contenidos mediante plataforma de tele-formación como WebCT, Moodle, ILIAS. Aquí se observa en la imagen de la web de centro de formación profesional e investigación, innovación y desarrollo:

http://plataforma.ides.pe/login/index.php .(Moreira, 2003)  Materiales didácticos web:

Son materiales didácticos, en formato web, digital desarrollado para la enseñanza. Realizados mayormente por profesores a modo personalizado para la enseñanza de su materia. Se presentan como tutoriales, elaborado por docentes o agentes educativos.

Por lo tanto, estos sitios web son materiales curriculares que se nos presenta en formato digital que utilizan la www como una estrategia de difusión y de acceso al mismo. (Moreira, 2003)

Estos sitios web podrían ser Clic y Jclic: http://clic.xtec.net/index.htm, el del CNICE (Centro Nacional de Información y Comunicación Educativa): http://www.cnice.mecd.es con cientos de aplicaciones para las etapas educativa no universitarias. Material didáctico elaborado por una docente de Comunicación: http://carlacomunicacion5.blogspot.pe/ .

Figura 11: Representa el tipo de web educativa materiales didácticos. Captura de la de la

31

Figura 12: Representa el tipo de web educativa materiales didácticos. Captura del blog

elaborado por una docente de comunicación. 3.2.Creación De Web Educativas

 Planificación y diseño

 Creación de páginas

 Disposición y configuración de páginas  Adición del contenido a las páginas

 Vinculación de las páginas  Publicación del sitio

3.3 Usos Educativos Del Ciberespacio

 e-mail para todos, discos virtuales compartidos

32  Webs de los profesores, webs docentes

 Centros de recursos on-line

 Internet individualizado en el aula de informática

 Deberes web

 Tutorías virtuales

 Fórums telemáticos, comunidades virtuales  Actividad colaborativa en la red

 Webs de los alumnos

 Webquest, plan lessons

3.4 La Web Del Centro

Potencia la comunicación institucional, es informativa, comunicativa acerca de las actividades, servicios o recursos.

Presentar una imagen corporativa del centro:  Estructura

 Proyecto educativo del centro

 Calendarios

 Servicios que ofrece

Informar de las actividades de cursos y/o asignaturas, actividades extraescolares anuncios. Centralizar las páginas web de los docentes y de las asignaturas y otros recursos educativos de gran interés del estudiante.

33

Canalizar debates y foros que hará posible el intercambio de opiniones de profesores, padres y alumnos, pudiendo lograr una mayor retroalimentación del aprendizaje. (Duque, 2005)

3.5 La Web De Los Profesores

“Espacio generado por el docente con recursos y actividades, herramientas comunicativas y

colaborativas para apoyar el aprendizaje de los estudiantes, además de posibilitar, compartir experiencias” (Huerta, 2011,párr.1).

 Informar sobre nosotros mismos

 Mostrar nuestro perfil profesional

 Centralizar todas las páginas web que se tiene de cada asignatura  Difundir nuestras creaciones: artísticas, científicas, lúdicas

 Contenidos para la web docente:

 Acerca de: Presentación o perfil del docente.

 Institución: Indicar datos de la institución educativa del docente.  Cursos: Webs de las asignaturas o apuntes que hace el docente.

 Actividades: Tarea y actividades de investigación.

 Producción: Presentación en concreto de las competencias logradas en el curso.

 Enlaces: para acceder a herramientas o servicios como descargas, programas, recursos,

fuentes de información, etc.

 Agenda: Programación de actividades, planificación que empleará en una sesión de clase.

 Comunicación: accede a canales de comunicación como e-mail, foro, chat, blog,

34 3.6 La Web De Los Alumnos

Son las que los alumnos pueden realizar con apoyo del docente, por la cual se logrará integrar los conocimientos y experiencias desarrolladas durante el trabajo en clase.(Huerta, 2011).

 Podrían realizar una presentación personal, describiendo las características de su

personalidad, que deseen anunciar y difundir.

 Crear espacios que hablen de su afición, coleccionismo, videojuegos, pintura, música,

lectura.

 Tareas, trabajos, dejadas en alguna asignatura, que el docente revisará y comprobará

desarrollo progresivo del estudiante, ingresando la web. 3.7 La Web De La Asignatura

Este es el medio que beneficia los procesos de enseñanza – aprendizaje, coopera la

autoformación, la presentación de la planificación, actividades de evaluación, ejercicios, recursos se da la comunicación más allá de las clases presenciales (Huerta, 2011).

El programa de la asignatura

 La importancia de la asignatura en los estudios que se están realizando

 Los objetivos  Los contenidos

 Metodología y recursos que se emplearán en el curso.

 Sistema de evaluación  Bibliografía

35  Esquemas de los cursos

 Tareas que se puedan realizar

 Link o enlaces a otras páginas de mayor interés y utilidad.

 Noticias relevantes y de interés que se relacionan con la asignatura

 Modelo de exámenes desarrollados por otros estudiantes que sirvan de ejemplo para

los estudiantes presentes. Contenidos para la web de asignatura:

 Programación del curso donde figure los temas, metodologías, evaluaciones.  Recursos necesarios que favorezcan el aprendizaje de la asignatura podrían ser

lecturas, presentaciones, programas, videos enlaces, etc.

 Actividades de aprendizajes como webquest que sean colaborativas, actividades

interactivas.

 Canales de comunicación como e-mail, foro, chat, blog, videoconferencia que

favorezca la interacción alumno- alumno, docente – alumno. 3.8 ¿Qué necesito para tener un sitio web educativo?

Dominio que identifique el sitio web en internet.

Hosting para que los usuarios puedan acceder al sitio web.

Creación del diseño y maquetación de texto, videos imágenes y sonidos.

Código fuente del diseño traducida a un código que pueda ser interpretado por los navegadores.

Planificación del sitio web: La estructura de su navegación

36 Pie de página

Ruta de acceso

Botón inicio: deriva a la portada del sitio.

Botón mapa del sitio: Visualiza el mapa del sitio Buscador.

Diagramación:

Diseñarlo con marcos (frames), para agrupar varias páginas que a su vez se despliegan simultáneamente sobre una que es la principal.

Figura 13. La figura representa el diseño web diseñado con marcos que agrupa varias páginas.

Diseño con tablas: Organizan los componentes de la mejor forma.

37 Aspectos técnicos:

Textos:

 Textos cortos, claros que den una idea principal.  Utilizar los tipos de fuentes estándares.

 Tamaño legible.

 El color del texto debe ser contrastado con el color de fondo a fin de tener un texto

legible.

 Utilizar mayúsculas limitado sólo a los títulos o encabezados.

 Los subrayados sólo deben ser para los enlaces o link.

Fondos:

 Pueden ser de color sólido, matizado o degradado, texturas, fotografías, imágenes, etc.

Es de acuerdo al objetivo del contenido.

 Los colores de fondo que ayuden a dar una mejor presentación.

 Colores de fondo muy bien contrastados a fin de no perder la legibilidad del texto.

Imágenes:

 Que aporten al texto, no empeñarse en darle una gran presentación.  Pueden ser ilustrativas, explicativas.

 Se recomienda las imágenes en formato jpg, bmp, gif, png.

 La calidad y el peso del archivo está relacionada a una adecuada resolución de las

imágenes, píxeles.

38 Colores

 Se requiere una selección de colores de la gama y tonalidades adecuados.

 Utilizar colores fríos azules y celestes, verdes y violetas y los colores cálidos rojizos,

anaranjados, amarillos y marrones, los grises son neutralizadoras.

Figura 15. Imagen que da a conocer los colores cálidos y fríos para ser aplicados en el diseño

de una página web.

 Definir una paleta de colores que acostumbra el sitio web.

Figura 16. Imagen que muestra a paleta de colores definidos en un programa web.

Sonido

 Insertarlo a fin de comunicar en relación al contenido.

 No se recomienda porque reduce la atención y hace más lenta la carga de la página

web.

39

Figura 17. Imagen que muestra el objeto sonido.

Video:

 Al momento de insertarlo no debe olvidar que debe contener información de acuerdo

al contenido del tema.

 Utilizar tecnología streaming en los videos para que la descarga y reproducción sean

40

Capítulo IV Desarrollo De La Web Educativa

4.1 Desarrollo Evolutivo De La Web Educativa:

La web educativa se constituye de espacios web que fueron creados con el propósito

específico facilitar el aprendizaje proporcionando recursos didácticos para el proceso enseñanza y aprendizaje. Tal es así que los medios didácticos empleados en la educación son muy variantes desde los principios del tiempo en lo que respecta. 3000 AC, se crean pinturas rupestres en cuevas. Se considera como una de las primeras representaciones artísticas del ser humano. 510 AC, la antigua escuela griega, considera al filósofo Pitágoras como el primer matemático puro del mundo. 105 DC, se hace uso del papel en China. Durante 500 años fue muy bien guardado. 382 DC, uso general de manuscritos. Ahora las webs se ofrecen como un medio didáctico en el desarrollo de la enseñanza y el aprendizaje.

El origen de los portales educativos es el mismo que el de los portales de carácter generalista. La búsqueda incesante de la información específica en Internet y la consecuente necesidad del usuario para realizar su búsqueda y encontrar el tema concreto, provocó la aparición de los portales, de contenidos educativos. Desde la implantación de Internet y su uso generalizado por los años 1995, aparecieron los primeros portales.

En la época medieval la mayoría estaba relacionada con temas religiosos. 1450 DC, aparece la imprenta de Gutenberg se da inicio a los que muchos conocen como “el paréntesis Gutenberg”.

1970 DC, da inicio la era de la información la televisión será el elemento clave en las

41

información ha acelerado los cambios, más cambios igual a más retos, el crecimiento ha sido exponencial y en la actualidad encontramos a Google, Youtube, DropBox, bloger, Facebook y Skype junto con los ordenadores laptop, computadoras, IPOD, se logró vencer esquemas que limitaban en tiempo y espacio. Las teorías del aprendizaje que están tomando auge es

conductivismo, cognitivismo, constructivismo, a pesar de eso ninguno ha sido tomado en cuenta en la actual era de la información. El reto es educar siguiendo un escenario de reglas. Los

alumnos encuentren información en cualquier momento y desde cualquier lugar. El docente dejó de ser la fuente principal de información. Se requiere una teoría del aprendizaje para la esta era digital George Siemens plantea el Conectivismo. El “Saber cómo y saber que están siendo complementados con saber dónde” y la “tubería es más importante que su contenido”.

Internet ha revolucionado en muy poco tiempo el modo de comunicarnos y de acceder a la información. World Wide Web cumplió veinte años, la estructura de la web tal y como la conocemos nació en el año de 1989 creada por el inglés Tim Berners-Lee mientras trabajaba en el CERN en Ginebra, Suiza donde se probaron varias técnicas sobre redes para conectarse a Internet -Diseños M&L C.A (DM&LCA, 2018).

42

Con la aparición en el entorno el world wide web se apertura la posibilidad de crear un sistema potencial en la web en beneficio de la educación debido al acceso a los recursos educativos.

Este entorno no está libre de problemas debido a los diferentes niveles de culturas de los autores, los idiomas e interpretación no son los mismos muchas veces. Estos sitios web

educativos se hace complejo cuando sus visitantes se pierden y desorientan por el gran tamaño de la página web. Se intenta corregir este efecto, cuando aparecen diversas ayudas a la

navegación, las rutas guiadas entre otros. Los primeros sitios web de aprendizaje aparecen entre los años de 1996 y 1997, con escasos medios de tecnología. El primer paso era dar inclusión de la experiencia docente en el uso de internet. Contando con elementos básicos como la

comunicación con los alumnos, la interactividad muy para las aplicaciones educativas. El afianzamiento del dominio del sitio web radica en la evolución de estos sistemas que permiten que las páginas web tengan mejor contenido y mayores elementos que las hacen interactivas, entre estos se podría mencionar los lenguajes de script, la tecnología Java (Sun, 2005) o los servicios web.

El entorno web es tan grande que influirá mucho en las aplicaciones educativas. No se puede dejar sin mencionar el desarrollo y proliferación de las plataformas e-learning, gracias al

crecimiento de los recursos docentes para su utilización en la web (PEÑALVO, 2014). "Como CSS (Course-Support Systems), CDS (Course Delivery Systems), CMS (Content Management Systems), LMS (Learning Management Systems) o LCMS (Learning Content Management Systems) (Brusilovsky y Miller, 2001; Foix y Zavando, 2002)”(PEÑALVO, 2014).

43

involucrado con los estudiantes, la publicación de noticias, la compartición de documentos, las formas de comunicación entre los miembros de la institución. La plataforma e-learning ofrece herramientas que hace posible la educación con mayor facilidad y factible (Peñalvo, 2014).

Los CMS son plataformas básicas. No posee herramientas de colaboración tampoco soporte anydesk a tiempo real. Se conocen con el nombre authorware, abarca en grupos de cursos, y de alumnos. No gestiona planes de estudio. Se aplican en proyectos, que la organización no cuenta con un administrador de proceso aprendizaje, y se requiere una capacitación de contenido a un grupo participante. El factor económico es bajo (Peñalvo, 2014).

Los sistemas educativos colaborativos aparecen junto con el desarrollo de las redes de ordenadores, de Internet, y la enseñanza a distancia. Desarrollan clases virtuales donde los estudiantes, siguen la clase, hacen preguntas y pueden obtener la respuesta en tiempo real.

Una parte del constructivismo (Vygotsky, 1978) indica que las interacciones sociales juegan un papel fundamental en las estructuras cognitivas de un individuo. Varios entornos web colaborativos se desarrollaron en inicio de los noventa. Uno de los primeros sistemas

colaborativos fue el Integration kid (Chan y Baskin, 1988) que orientaba a los niños a trabajar de manera colaborativa, los sistemas posteriores obtuvieron ventaja del trabajo en red para permitir la colaboración en una clase completa (Hoppe, 1995). Los otros sistemas combinan el

aprendizaje cognitivo y la simulación en entornos CSCW (Computer Supported Collaborative Work) (Katz y Lesgold, 1994; Duncan et al., 1995).

44

extraíbles para acceder a un aplicativo multimedia, juegos educativos, ya que hoy en día se puede acceder desde la red (Peñalvo, 2014).

Antes de 1990, internet era conjunto de páginas web que no se podían conectar entre sí, no existían los enlaces que derivaba a otra página web. Navidad en 1990, La Web ya contaba con todas las herramientas necesarias porque para ese entonces Berners-Lee las había desarrollado, el Protocolo de transferencia de hipertexto (HTTP), el Lenguaje de Marcado de Hipertexto

(HTML), el primer navegador web WorldWideWeb, el primer servidor de aplicaciones HTTP conocido como CERN httpd, el primer servidor web (http://info.cern.ch) y las primeras páginas web. El buscador podía acceder los grupos de noticias de Usenet así como archivos en un FTP.

Tim Berners-Lee, desarrolló la Web en el Edificio 31 del CERN, también en su hogar, en las dos casas que vivió durante ese tiempo en Francia y en Suiza (Peñalvo, 2014).

El 6 de agosto de 1991, Tim Berners envió un resumen del proyecto World Wide Web al newsgroup alt.hypertext. Fecha que se señala como el debut de la web como un servicio

disponible y públicamente en Internet. El 30 de abril de 1993, el CERN presentó la World Wide Web de forma pública (“Internet y La Web”, 2015).

La World Wide Web (WWW) quiere que todos los sitios se entrelacen entre sí. Ya que se comenzó a permitir el acceso a compartir datos, noticias y documentación. Muy interesado en extender la Web a otras áreas, teniendo servidores Gateway para otros datos. Paul Kunz del Centro de Acelerador Lineal de Stanford (SLAC) visitó el CERN en septiembre de 1991 la web le resultó cautivador. Trajo software de NeXT a SLAC.

45

NeXT era el único navegador disponible. Esto se solucionó en abril de 1992 con la aparición de Erwise, aplicación diseñada y desarrollada en la Universidad Politécnica de Helsinki y en mayo por ViolaWWW, incluía características avanzadas como gráficos, scripts y animaciones. ViolaWWW es una aplicación original de HyperCard. Ambas aplicaciones se ejecutaban en Windows y en Linux.

Los estudiantes de la Universidad de Kansas lograron que buscador basado sólo en texto, Lynx, pueda acceder a la Web. Lynx estuvo disponible para DOS y para Linux.

En noviembre de 1990 Berners-Lee puso en marcha el sistema de hipertexto que permitía almacenar piezas de información y conectarlas, y que se ejecutaba en un entorno multiusuario que permitía acceder a la información a varias personas a la vez.

En marzo de 1991, escribió el primer programa visualizador para un servidor y cliente, que se convirtió en el origen de la World Wide Web.

En 1997 mas de 200 universidades de lo Estados unidos ha planteado la dimensión de internet, que se definiría como internet 2, cuyo fin principal sería la investigación educativa.

Las redes y el sistema de información tienen como escenario principal al internet, la web ha pasado de estática donde el usuario sólo era pasivo y observador a una red dinámica,

participativa y colaborativa aquí el usuario es el protagonista activo, crea y comparte contenidos, dando su opinión, participando, relacionándose (“Web 2.0”, 2014).

4.2 Evaluación Del Diseño De Una Página Web En El Contexto Educativo:

46

A partir de la consideración de las dos funcionalidades básicas de Internet, ser fuente de información y canal de comunicación, se repasan las principales herramientas que se utilizan en la red y las habilidades necesarias que deben tener sus usuarios para aprovechar sus posibilidades educativas (Graells, 2011,párr.1).

Se analizan las principales funciones del sitio web. Por último, se analiza los inconvenientes y desventajas del sitio web educativo en la gran red de internet.

Hoy en día los sistemas de información se proveen de varios canales de información como puede ser radio, televisión, internet. Internet es un canal de información a nivel mundial, que resulta diversa, cómoda, barato y muy accesible.

Los criterios que se establecen para la clasificar y evaluar web educativo, hace posible el compartir y debatir ideas facilita el trabajo cooperativo de las creaciones personales. Estas dos funcionalidades básicas, fuente de información y canal de comunicación, son las que abren a Internet las puertas del mundo educativo (Marqués, 1998).

Esto es porque los aprendizajes se realizan desde una nueva información y la enseñanza esencialmente es comunicativa. Ante estas reformas es responsabilidad de los agentes

educativos, docentes lograr que se implementen estas herramientas en la educación planteando o implementado planificaciones, estrategias didácticas en esta nueva era del proceso enseñanza-aprendizaje. Las herramientas que principalmente se utilizan en Internet son:

 Correo electrónico, se complementa con programas Eudora, Netscape o Microsoft

47

 Los servicios de transferencia de ficheros, permiten recuperar archivos de todo tipo

ubicados servidores de Internet, mediante programas FTP (File Transfer Protocol) o con los navegadores Netscape o Internet Explorer.

 Servicios de chat3 y comunicación.

 Espacios web que integran otras herramientas de internet.

 Interfaz atractivo de los sitios web educativos. Invita a tener buena predisposición y

capacidad ser autodidacta y muy aparte tener conocimientos sobre el sistema operativo windows o mac y los editores de textos, destacamos las siguientes habilidades y conocimientos:

 Conocer las funcionalidades generales de informática para saber como conectarse a

internet, al modem, línea te lefónnica.

 Búsqueda de información necesaria y encontrarla con agilidad.

 Saber utilizar los programas buscadores de base de datos.

 Ubicar los sitios de búsqueda de grupo de noticias, de la temática que busca.

 Controlar la tentación y no dispersarse navegando en otras fuentes fuera de su interés.

 Realizar una evaluación de la calidad, autenticidad y actualidad de la información que

se obtiene.

 Obtener información idónea que ajuste a la información que se require.

 Aprovechar las posibilidades de comunicación que se presenta en internet. Desde el

punto académicos, laborales hasta las recreativas.

48

Son muchos los investigadores que se han preocupado de sistematizar las cualidades de las páginas web de interés educativo. Autores como Marques (1999), Cabrero y Duarte (1999), González Castañón (2000), Cabero y Gisbert (2002); Martínez y otros (2002) o Blanco (2004). En esta ocasión partimos de la sistematización realizada por Blanco (2004), para resaltar los siguientes aspectos a tener en cuenta a la hora de evaluar la calidad de una web educativa.

Actualización: Es una muestra del interés de las personas responsables de la web, y se manifiesta por la constante revisión e incorporación de la documentación que forma parte de la misma.

Coherente con los objetivos propuestos: debe ser clara con los objetivos que se propone. Destinatarios claros: Debe quedar claro el grupo al que se dirigen los contenidos, y estar adecuada a sus necesidades. Se debe dar la posibilidad al alumno de aportar sus opiniones.

Autoría: es muy importante, de la gran cantidad de información que circula por la red, comprobar la certeza y validez de las informaciones, así como la fiabilidad de la institución que la realiza.

Diseño gráfico, contenidos y multimedia: la web deseable en un entorno de docencia es aquella que tiene un diseño agradable y simple, pero con una estructura de contenidos

interesantes y navegación muy clara.

Entorno informático y velocidad: Para no reducir las posibilidades de navegación, en el caso de uso de equipos informáticos antiguos, es conveniente que la web sólo incorpore

elementos de carga muy lenta y sofisticada (vídeos, gráficos) si están justificados desde el punto de vista del aprendizaje. Sobre todo, la página principal debe cargar con rapidez.

49

Facilidad de navegación: El creador de una web dedicada a la educación debe asegurarse de que la navegación de los potenciales visitantes se puede llevar a cabo de manera ágil y sin perderse a través de las páginas.

Practicidad: Según Alastair Smith (Smith, 1997): Al mencionar practicidad es hablar de facilidad de uso, un buen diseño, tamaño adecuado del espacio web ayuda a un mejor uso de estos.

Asegurarse que el ambiente de trabajo se diseñe teniendo como base una teoría de aprendizaje.

Conductista: estructurado como un paquete de conocimientos, enfatiza la memorización de los contenidos. Estructura rígida en el desarrollo de las actividades.

Constructivista: Estructura como una guía para orientar el aprendizaje, énfasis en el trabajo colaborativo, flexibilidad en el desarrollo de las actividades y su socialización. Asumir modelos que favorezca situaciones de enseñanza aprendizaje.

4.3 Programas Comerciales Para Realizar Página Web

FrontPage: de la empresa Microsoft. En una herramienta que permite crear y administrar sitios web necesariamente no requiere de conocimientos de programación, a pesar de ello es

suficiente y robusta para la creación de sitios web avanzados. En FrontPage esta está incluido el explorador de sitios web, donde permite crear, diseñar y administrar un sitio web sin necesidad de conocer HTML. Es posible trabajar con temas (fondos de páginas) para darle al sitio web apariencia profesional. Se cuenta con plantillas de diseño del cual pueda servirle (Wikipedia, 2018).

50

Dreamweaver es un software que maquetación las páginas web, guardando distancias lógicas que lo separan de los programas de maquetación normal.

Para facilitar el proceso de crear la página web, Dreamweaver contiene las funciones de formato en HTML, además de contener javascripts predefinidas y opciones de HTML dinámico. También tiene herramientas como la creación de plantillas y posibilitar la gestión de un sitio completo (Wikipedia, 2018).

Adobe GoLive: es una herramienta para crear y administrar sitios web dinámicos que

sustituye a la aplicación anterior de Adobe “PageMill”. Esta nueva herramienta permite diseñar, gestionar, construir, organización de contenidos dinámicos de manera sencilla y rápida para dispositivos inalámbricos y para la web.

Entre otras funciones, permite la construcción de cursos, verificador de sintaxis para código W3C, código compatible para sitios accesibles emuladores de teléfono para previsualizar sitios compatibles con WAP. Se puede bajar una versión demo en la dirección

51

52 Sesión de Clase

GRADO Cuarto.

DURACIÓN 2 horas pedagógicas.

I. TÍTULO DE LA SESIÓN

CREACIÓN DE PÁGINA EDUCATIVA –INSERTANDO ELEMENTOS EN UN BLOG

II. APRENDIZAJES ESPERADOS

COMPETENCIA CAPACIDADES INDICADORES

Comprensión y Aplicación de Tecnologías.

Crea contenidos web integrando aplicativos.

Organiza los contenidos insertando los elementos.

III. SECUENCIA DIDÁCTICA Inicio: (15 minutos)

El docente da la bienvenida a los estudiantes y los organiza en equipos de trabajo utilizando tarjetas de colores.

Luego en cada equipo los estudiantes presentarán y emitirán su juicio valorativo sobre los trabajos de la sesión anterior: “Entorno gráfico de un Blog y páginas web educativas” y eligen uno para ser compartido entre los integrantes de su equipo de trabajo.

El docente plantea las siguientes interrogantes:

53

¿Qué herramientas que proporciona la web podríamos insertar en un blog?

El docente comenta con los estudiantes que la investigación puede ser de contenido textual o gráfico.

Luego los estudiantes identifican elementos que pueden insertarse en un blog.

El docente indica a los estudiantes que el propósito de la sesión es organizar los contenidos de un blog insertando los elementos aplicando las herramientas de otras páginas web.

Desarrollo: (60 minutos)

El docente recuerda a los estudiantes las zonas de trabajo resaltando la zona de donde se inserta elementos en un blog. Ver imagen del anexo 1 y anexo 2. En el anexo 2, se inserta la web donde se diseñó rompe cabezas rompe cabezas de personajes de autores.

Luego les indica que también se pueden insertar comentarios, videos rompecabezas de otra página web, videos etc.

Comentarios:

Mediante un formulario se permite, a otros usuarios de la web, añadir comentarios a cada entrada, además de cualquier otra información.Tenemos la opción de moderar los comentarios. Para ello

debemos crear un filtro que encontraremos en la pestaña "Configuración" y que nos permitirá

mostrar y ocultar mensajes, o permitir que sólo puedan responder los usuarios que nosotros

permitamos.

54 Organiza Contenidos Utilizando Herramientas:

De acuerdo a la situación presentada los estudiantes deberán abrir el navegador de internet en gmail.com, abrir sus cuentas personales en sus equipos correspondientes.

El docente comparte con los estudiantes los anexos guía y describe los pasos a seguir en el uso de las herramientas y opciones de accesos para la edición de contenidos en el blog.

El docente retroalimentará a los estudiantes que presenten alguna incidencia en el desarrollo de la sesión.

Al finalizar la edición de los contenidos los estudiantes, guardan y actualizan los cambio hechos en el blog.

Cierre: (15 minutos)

El docente solicita a los estudiantes que en forma voluntaria 2 de ellos compartan su trabajo con la ayuda del proyector multimedia.

55 IV. ACTIVIDAD DE EXTENSIÓN:

El docente solicita a los estudiantes que investiguen sobre redes sociales y desarrollen los pasos trabajados en la sesión; además traer una relación de enlaces web relacionados al tema. Deberán traerlo para la próxima clase en un archivo adjunto de sus correos electrónicos..

V. MATERIALES O RECURSOS A UTILIZAR

Proyector multimedia.

Plumones, tiza y pizarra.

Recursos: Software

Ficha de Autoevaluación (Ficha de Autoevaluación).

56 Guía de Laboratorio

Figura 18. Representa la ventana de edición web, donde se agrega elementos a insertar.

PASOS PARA LA REALIZACIÓN DE UNA

57

Figura 19. Indica el proceso de insertar elemento enlace en un blog.

Figura 20. Indica que en la opción de configuración se habilita y personaliza el acceso a

58

Figura 21.Ventana que muestra las herramientas y aplicaciones Google.

. Insertar Presentaciones Power Point en el blog. Seleccionar drive, tras abrir la cuenta

gmail.com

Figura 22. Muestra la opción a elegir para subir el archivo.

59

Figura 23. Muestra el archivo power point ya subido al blog.

Al término de la subida de archivo abrir y hacer clic en las opciones que indica la imagen.

Figura 24. Ventana para donde se puede editar la presentación.

60

Figura 25. Muestra la ventana que tiene la opción de publicar el blog.

Para insertar en el blog antes tenemos que publicarlo en la web:

Figura 26. Muestra el botón comando para publicar el blog.

61

Figura 27. Captura de la ventana opciones de publicación.

En la opción Insertar aparece editar tamaño de presentación, avance automático de

diapositivas. Seleccionar el código generado y copiar para luego pegarlo en la nueva entrada de blogger.

Figura 28. Captura de la ventana opciones de entrada y elementos.

62

Figura 29. Captura de la ventana que muestra el código fuente según se vaya insertando

elementos.

Pegar el código, generado y copiado anteriormente, en la pestaña Html

Figura 30. Captura de la ventana de orientación de elementos.

63

Figura 31. Captura de la ventana actualización ante el cambio en el código fuente html.

Figura 32. Captura de la ventana donde se puede insertar video.

Desde la pestaña Redactar, insertar video y pegar el link del video publicado en Youtube.

64

Figura 33. Captura de la ventana que muestra el recurso educaplay insertado en el blog.

Pegar el código o enlace generado al compartir recurso crucigrama elaborado en la página educaplay, en la pestaña html del blogger a crear.

65

Figura 34. Captura de la ventana que muestra el blog elaborado y terminado.

66 SÍNTESIS

De acuerdo a los criterios pedagógicos, los recursos que encontramos en el entorno web, páginas web deben cumplir con en tener los siguientes rasgos que harán su utilidad de mayor provecho por los docentes y estudiantes:

Interactividad, con imágenes en movimiento, que permita al estudiante realizar actividades, tareas que les permita una reacción a sus respuestas. De esta se puede desprender la

retroalimentación.

Constructivista del conocimiento. El estudiante aprende más a través de sus experiencias propias.

Su interfaz ha de ser atractiva, fácil de usar. Con el objetivo de que sea agradable al estudiante y pueda desarrollar aplicando la intuición.

Contener hipertextos, multimedia: imágenes de diversos formatos, textos, sonidos, videos.

Debe ser aplicado según el potencial de conocimiento del usuario, en este caso los estudiantes, quienes deben contar con el conocimiento previo de un tema determinado que se mostrará en la página web.

Integrada al currículo nacional, respondiendo a sus necesidades, el material debe cumplir las exigencias del ornamento y objetivos del DCN.

67

APRECIACIÓN CRÍTICA Y SUGERENCIAS

La educación trabaja básicamente para dos objetivos, el primero es transmitir los

conocimientos fundamentales sin los cuales no puede operar el pensamiento. El segundo es enseñar a pensar y que el estudiante sea capaz de sacar sus propias conclusiones de forma autónoma para tomar decisiones, resolver problemas. La adquisición del conocimiento ya no es memorística y plasmada sólo en libros y cuadernos. Ahora el conocimiento está en todas partes, esto es posible con el desarrollo de la tecnología desde el nivel físico al nivel lógico. En el nivel lógico encontramos la gran variedad de software, programas. El uso de estos programas se ven asociados a la gran red, internet. Nosotros accedemos a esta gran red mediante una conexión física que tiene como salida a los navegadores. Los navegadores son los medios en los que se publica una página web, estos pueden ser de entretenimiento, comerciales y educativos. La página web educativa tiene por objetivo facilitar el aprendizaje, ofrecer información,

proporcionar recursos educativos y promover la comunicación. Es importante observar que en el proceso de enseñanza aprendizaje se requiere disponer de herramientas que posibilite la

apropiación de conocimientos y habilidades por parte del estudiante de una manera dinámica, amena que constantemente motive al estudiante. Así que una buena alternativa es utilizar la tecnología en las aulas, en la que podemos utilizar páginas web, pero antes de ser diseñadas se sugiere tener en cuenta lo siguiente:

¿Quiénes son los destinatarios? ¿Cuáles son los contenidos?

68 ¿Qué actividades hacen?

Por lo general permanecen viendo televisión un aproximado de 18 horas por semana, de 5 a 8 horas diarias en redes sociales y va en aumento

¿qué hacen mayormente en fuentes electrónicas?

Chatean, escuchan música, bloggean, bailan, juegan pasean, socializan.

Sus intereses pueden estar asociados con ser aceptados conocer a alguien, experimentar ser atractivos, tener lo mismo o más que otros, ser populares etc.

¿Cómo aprenden?

¿Cómo lograr su interés, participación, cómo motivarlos a aprender?

69 ANEXOS

Recursos: diseño web

Página web My Font, de la cual se puede descargar diversidad de tipos de letras para dar como formato al momento de diseñar una página web.

Manual de diseño web

Manual de usuario de FrontPage Manual de usuario de Dreamweaver Recursos:

Tutorial de cómo elaborar un blog y sea aplicado por el docente https://comocrearun.org/blog/

http://red.ilce.edu.mx/sitios/proyectos/voces_abuelos_pri13/manual_blogger.pdf Recursos para la aplicación didáctica

Videos

http://www.minam.gob.pe/proyecolegios/Curso/curso-virtual/Modulos/modulo2/1Inicial/m2_inicial/qu_se_debe_tener_en_cuenta_para_desarrollar_las _sesiones_de_aprendizaje.html

70 BIBLIOGRAFÍA

Barrio, F. G. (Junio de 2006). Los portales educativos como fuente de recursos y materiales. Icono 14 revista de comunicación y nuevas tecnologías, Recuperado de

www.icono14.net/revista file:///C:/Users/Elena%20FJ/Downloads/Dialnet-LosPortalesEducativosComoFuentesDeRecursosMaterial-2043904%20.pdf

Bartolomé, A. (2007). El ‘social tagging’ y la inteligencia colectiva. Posibilidades y retos de

la Web 2.0 para la Educación. Ponència al Congrés internacional: Edutec 2007. Universidad

Tecnológica Nacional. Buenos Aires.

Chavez. (17 de Junio de 2012). Sistemas de Computacion en Internet. Recuperado de https://schavezsolis.wordpress.com/category/chavez/

Duque, P. C. (2005). La comunicación y la gestión de la información en las instituciones educativas. Madrid: PRAXIS.

García, N. M. (26 de Noviembre de 2012). La Educación. Recuperado de http://niurby93.blogspot.com/

Geocities.ws. (2013). Fundamentos de diseño de Sitios Web. Recuperado de http://www.geocities.ws/idheme7/wspne/ii/9.html

Geocities.ws. (2014). Planificacion estrategica y tactica de un sitio web. Recuperado de http://www.geocities.ws/gabrymn/WSPNE/Trabajo2.html

Geocities.ws. (2014). Planificacion estrategica y tactica de un sitio web. Recuperado de http://www.geocities.ws/gabrymn/WSPNE/Trabajo2.html