SITUACIÓN DE APRENDIZAJE

Como ya comentamos en la unidad anterior nuestra situación de aprendizaje nos ocupará todo el segundo trimestre. Como objetivo final tendremos que ser capaces de construir nuestro sitio web personal. Esta situación de aprendizaje la realizaremos formando equipos de dos alumnos. Vuestro sitio web tendrá que contener las siguientes secciones:

• Presentación personal. Nos presentamos y hablamos sobre nosotros y sobre nuestros proyectos personales de futuro (estudios, trabajo, etc...).

• IES María Inmaculada. Damos nuestra opinión personal sobre el tiempo que llevamos en el centro, que nos parece bien y que pensamos que el centro debería cambiar para mejorar. 

• Apuntes Digitales de mi Asignatura "preferida". Tendremos una sección en la que iremos actualizando un documento digital de aquella asignatura que pensamos que nos esta costando más trabajo superar durante este curso. Este documento digital nos debe servir de resumen de la asignatura y será una herramienta que luego podamos utilizar para repasar antes de una prueba o antes de realizar un trabajo. 

• Horario. Tendremos una sección en la que publicaremos nuestro horario lectivo de este año. 

• Aficiones. En esta sección debemos comentar nuestras aficiones, acompañando la información de imágenes y de una explicación clara de porque nos gustan estas aficiones. 

• Espacios Digitales Colaborativos. En esta sección tendremos que explicar que es un espacio colaborativo y poner ejemplos claros de varios de estos espacios digitales. 

En todas las secciones anteriores tendremos que incluir imágenes que tengan que ver con el contenido de cada una de las secciones. 

Como hemos comentado al principio, esta situación de aprendizaje durará todo el segundo trimestre y el trabajo que tenemos que realizar lo dividiremos en tres unidades didácticas:

• UD 4. El Procesador de Texto.

• UD 5. Sitios Web.

• UD 6. Espacios Colaborativos. 

En esta segunda unidad ( UD 5. Google Sites ) hablaremos de que es internet, que son y como funcionan las páginas y sitios web que lo componen. Por lo tanto, al finalizar esta unidad tendremos que tener construido nuestro sitio web¡¡¡¡¡

1. Internet

1.1 ¿Qué es Internet?

Internet es una red mundial de ordenadores, descentralizada, que permite que multitud de ordenadores se conecten entre sí mediante una serie de protocolos de comunicación, mediante cables de cobre o fibra óptica y conexiones inalámbricas.

1.2 Un poco de historia....

Internet se inició como un proyecto de defensa de los Estados Unidos durante la Guerra Fría. A finales de los años 60, la ARPA (Agencia de Proyectos de Investigación Avanzados) del Departamento de Defensa definió el protocolo TCP/IP. Aunque parezca extraño, la idea era garantizar mediante este sistema, la comunicación entre lugares alejados en caso de ataque nuclear. Ahora el TCP/IP sirve para hacer posible la transmisión de los paquetes de información entre lugares remotos, siguiendo cualquier ruta disponible. 

En 1975, ARPAnet comenzó a funcionar como red, sirviendo como base para unir centros de investigación militares y universidades, y se trabajó en desarrollar protocolos más avanzados para diferentes tipos de ordenadores y cuestiones específicas. En 1983 se adoptó el protocolo TCP/IP como estándar principal para todas las comunicaciones, y en 1990 desapareció ARPAnet para dar paso junto a otras redes TCP/IP a Internet. Por aquel entonces también comenzaron a operar organizaciones privadas en la Red.

Poco a poco, todos los fabricantes de ordenadores personales y redes han incorporado el TCP/IP a sus sistemas operativos, de modo que en la actualidad cualquier equipo está listo para conectarse a Internet. Internet dio paso a lo que hoy conocemos como la sociedad de la información. 

No obstante, Internet se ha extendido globalmente de manera desigual. Floreció en gran parte de los hogares y empresas de países ricos, mientras que países y sectores desfavorecidos cuentan con baja penetración y velocidad promedio de Internet. La falta de igualdad del acceso a esta nueva tecnología es conocida como brecha digital. Afortunadamente, la brecha se va reduciendo poco a poco, gracias a que Internet va implementándose gradualmente en todas las naciones.

A continuación podemos ver un mapa mundial de la situación actual de Internet donde los distintos colores indican el número de conexiones de Internet (cuanto más oscuro, mayor cantidad de conexiones):

1.3 Estructura Física

La red está formada por miles de ordenadores diferentes que se conectan entre sí mediante enlaces muy diversos: líneas telefónicas convencionales, redes locales, líneas de fibra óptica, enlaces por radio, satélites, etc. Todos estos ordenadores se comunican mediante un protocolo denominado TCP/IP, que consiste en un sistema de identificación de las estaciones y un método para la transmisión de la información.

En la siguiente imagen podemos ver la actual estructura de cables submarinos que unen los diferentes continentes:

A continuación podemos ver un interesante video donde varios ingenieros nos cuentan la instalación de un nuevo cable submarino en las playas de Brasil:

2. Páginas web.

2.1 ¿Qué es una página web?

Esta pregunta puede parecer sencilla, pero no lo es en absoluto. Para responderla vamos a preguntarle a una gran fuente de información, Wikipedia.

"Una página web es un documento de la World Wide Web «con dirección propia». Las páginas web son entregadas por un servidor web al usuario y mostradas en un navegador web para que actúe como «unidad de recuperación» de la información almacenada en su interior. Un sitio web está formado por muchas páginas web enlazadas bajo un nombre de dominio común.​ El nombre «página web» es una metáfora de las páginas de papel encuadernadas en un libro." 

Probablemente esta definición solo te haya ayudado un poco a aclarar la pregunta. Veamos un video que probablemente te ayude un poco más a aclarar tus ideas. 

Estoy seguro que tras ver el video, tienes mucho más claro qué es una página web. ¿Aún tienes dudas?.

Los equipos conectados a la web se dividen en clientes y servidores. 

Los clientes son los dispositivos de los usuarios, éstos emplean un navegador para acceder a la información (Firefox, Chrome, etc).

Por otro lado, los servidores son los ordenadores que almacenan sitios y aplicaciones web. Utilizan un software especial, que les permite escuchar las peticiones de los clientes, procesarlas y enviar una respuesta. Normalmente, los servidores se encuentran situados en centros de datos.

HTTP  (Protocolo de Transferencia de HiperTexto) es empleado en la comunicación entre clientes y servidores, y DNS (Sistema de Nombres de Dominios) se encarga de traducir nombres en direcciones IP.

2.2 ¿Cómo se forma un sitio web?

Un sitio web se compone de diferentes archivos. Unos archivos son código como los documentos html, las hojas de estilo y los programas javascript; otros archivos son recursos como imágenes o vídeos.

Cuando un dispositivo cliente quiere acceder a una página web, los archivos que componen el sitio web se descargan desde el servidor al cliente.

En ese momento, el navegador (Mozilla, Chrome, etc.) interpreta el código (html, css y js) y muestra la web al usuario. Estos archivos son troceados en paquetes para su envío.

Dividimos el desarrollo web en dos áreas diferenciadas (cliente y servidor).

CLIENTE

En el entorno cliente creamos las páginas web con las que interactúan los usuarios y  utilizamos principalmente los lenguajes: 

• HTML para estructurar y organizar los contenidos.

• CSS para conseguir una apariencia determinada.

• JavaScript  para controlar el comportamiento.

SERVIDOR

En el entorno servidor se crean páginas web dinámicas, normalmente insertando datos desde una base de datos dentro de plantillas HTML.  Para ello, solemos utilizar:

• Frameworks web escritos en lenguajes como python, php o javascript que hacen más fácil escribir y escalar aplicaciones web.

• Bases de datos SQL/NoSQL (almacenan datos en tablas / o bien mediante modelos más flexibles como pares clave-valor o colecciones). 

2.3 HTML, CSS y JAVASCRIPT

Estos son los tres lenguajes principales que se utilizan en el front-end de nuestra aplicación, es decir, se utilizan en el lado del cliente en el propio navegador. Pero ¿cuál es la diferencia entre ellos? ¿Son realmente todos lenguajes de programación?

Comparando cada uno de ellos ahora, podemos usar el cuerpo humano como una página web como ejemplo, de la siguiente manera:

HTML es el esqueleto, formado por los huesos que lo sostienen. CSS es la piel, el cabello y las ropas, creando la apariencia que realmente vemos cuando miramos a alguien. Y por fin, Javascript es el músculo que le da movimiento al cuerpo.

2.4 ¿Necesito saber programar para crear una página web?

Actualmente,  para crear un sitio web bien diseñado no necesitas tener un gran conocimiento sobre los lenguajes del apartado anterior, aunque puede facilitarte la tarea si los tienes.

Para hacerlo, existe unas herramientas conocidas como Creador Web es un software que te permite crear tu propio sitio web sin ningún conocimiento en lenguajes de programación. Estas herramientas facilitan la vida de las personas que quiere crear y publicar su propio sitio web y no tienen los conocimientos necesarios.

Estas herramientas suelen tener una interfaz intuitiva y amigable que ofrece varias plantillas según el tipo de sitio web que quieras crear. Puedes pensar en este software como en un convertidor que funciona así: tú eliges una parte visual del sitio como por ejemplo una barra de menú, y el creador web la convierte en un trozo de código.

VENTAJAS

• No necesitas saber programar.

• Ahorras tiempo.

• Son baratos o incluso gratis.

INCONVENIENTES

• Quedas limitado a las opciones que te permita la herramienta.

Algunas de estas herramientas son:

• DOCTYPE: Informa al navegador que el documento está en HTML5.

• html: Es el contenedor de toda la página.

• head: Contiene información sobre la página (metadatos), como el título.

• body: Contiene el contenido visible de la página.

Etiquetas HTML principales

• Encabezados: Se utilizan para los títulos de la página, desde <h1> (mayor importancia) hasta <h6> (menor importancia).

• Párrafos: <p> define un párrafo de texto. 

• Enlaces: <a> crea un hipervínculo. Se utiliza el atributo href para especificar la URL de destino. 

<a href="https://www.ejemplo.com">Visita Ejemplo</a>

Listas:

• No ordenadas (<ul> y <li>): listas de elementos sin orden específico.

<ul>

  <li>Elemento 1</li>

  <li>Elemento 2</li>

</ul>

• Ordenadas (<ol> y <li>): listas con orden numérico. 

<ol>

  <li>Elemento 1</li>

  <li>Elemento 2</li>

</ol>

• Imágenes: <img> inserta una imagen. Usa src para indicar la ruta de la imagen y alt para una descripción. 

<img src="imagen.jpg" alt="Descripción de la imagen"> 

Atributos comunes en HTML

• Los atributos son características que podemos agregar a las etiquetas para modificar su comportamiento o apariencia. Ejemplos de atributos comunes:

  • id: Identificador único para un elemento.

  • class: Nombre de clase que se puede compartir entre varios elementos para estilos en CSS.

  • src: Fuente de una imagen o archivo.

  • alt: Texto alternativo para imágenes.

5. DERECHOS DE AUTOR Y LICENCIAS DE USO

5.1 ¿QUÉ ES UNA LICENCIA?

La licencia es el conjunto de condiciones bajo las cuales un Autor decide que su obra pueda ser usada y/o distribuida. Por esta razón, es importante saber, que por defecto una obra viene con licencia Copyright, que es la licencia más restrictiva.  

La licencia Copyright es la más usada y conocida hoy en día. Solamente, el autor de la obra, tiene derecho a utilizarla. Si alguna otra persona o entidad quiere hacer uso de esta obra, tiene que pagar al autor y pedirle permiso. Como ya hemos dicho una obra sin ningún tipo de licencia por defecto viene con Copyright.

Según la legislación española, después de 70 años de la muerte de la persona autora de la obra, según el artículo 26 del Real Decreto Legislativo 1/1996, de 12 de abril sobre propiedad intelectual, ésta, pasa a ser de dominio público y entonces, puede ser utilizada por cualquiera 

5.2. TIPOS DE LICENCIA

Además, de la licencia Copyright en este apartado comentaremos otros tipos de licencias:

5.2.1. Copyleft

Es lo opuesto al Copyright. Este grupo de licencias fue creada en el ámbito informático a principios de la década de los años ochenta. El polémico Richald Stallman inicio el desarrollo del sistema operativo GNU ( GNU is not unix ) para hacer frente al sistema de carácter privativo UNIX. Poco tiempo después fundó la organización sin ánimo de lucro Free Software Foundation para coordinar el esfuerzo. Estableció el concepto de Copyleft, que fue utilizado en la Licencia Pública General GNU (conocida como la «GPL») en 1989. De esta forma se cimentaron las bases que rigen hoy en día el Software Libre. Garantizan el derecho de cualquier usuario a utilizar, modificar y redistribuir una obra y sus derivados siempre que se mantengan estas mismas condiciones de utilización y difusión. Las obras pueden ser tanto un programa informático como una obra de arte, cultura, ciencia, etc. Y aunque no siempre se sepa, una obra derivada que haya sido mejorada y desarrollada puede llegar a ser comercial (no es cierta la creencia de Copyleft = gratis). 

5.2.2. Creative Commons

Estas licencias permiten a los autores poder decidir la manera en la que su obra va a circular en Internet, es decir, los autores pueden ceder a otras personas algunos derechos (con condiciones) y mantener otros. Estas licencias son gratuitas (solamente debes ser autor y titular para poder licenciar una obra) y al igual que el copyright, el registro no es obligatorio. 

Usar una licencia Creativev Commons es fácil. Este tipo de licencias ofrecen algunos derechos a terceras personas bajo ciertas condiciones. ¿Qué condiciones? A continuación las explicamos de una forma algo más detallada Es importante saber que poner nuestras obras bajo una licencia Creative Commons no significa que no tengan copyright.

Con estas condiciones se pueden generar las seis combinaciones que producen las licencias Creative Commons, veamos como:

Todas exigen la condición de Reconocimiento. Por otro lado, la condición de Compartir Igual ( Derivadas bajo la misma licencia) y la de No Derivadas son incompatibles entre si, y es posible no incluir ninguna de las dos. De la misma forma, la condición de No Comercial es opcional.