jueves, 4 de mayo de 2017

Módulo 1: Como funciona la Web



imagen 2




Módulo 1: Como funciona la Web


Objetivo del módulo:

Evolución de la Web: de la página web a la aplicación web

Conocer los fundamentos de la web, que te permitan crear tus propias páginas web.
Evolución de la Web: de la página web a la aplicación web
En este curso vas a aprender a crear páginas web, pero no aplicaciones web. Una aplicación web es un programa, un software, que se puede utilizar accediendo a un servidor web a través de Internet o de una intranet mediante un navegador web. El desarrollo de una aplicación web requiere conocimientos avanzados como programación y manejo de bases de datos.
Si quieres aprender más cosas sobre las aplicaciones web y su desarrollo, te recomendamos que consultes:

Aplicación web



El hipertexto y la hipermedia
Las páginas web son el ejemplo más conocido de hipertexto e hipermedia, pero existen otros sistemas que también se basan en estos dos conceptos.


Hipertexto
Conjunto estructurado de textos, gráficos, etc., unidos entre sí por enlaces y conexiones lógicas.


Multimedia
Que utiliza conjunta y simultáneamente diversos medios, como imágenes, sonidos y texto, en la transmisión de una información.


Hipermedia
Conjunto estructurado de diversos medios, como textos, gráficos, imágenes y sonidos, unidos entre sí por enlaces y conexiones lógicas para la transmisión de una información.





Las URLs
¿Qué son las URLs? ¿Qué partes componen una URL?



Las URLs amigables
En el vídeo anterior Las URLs se te propone como ejercicio que aprendas por ti mismo qué son las URLs amigables, también llamadas URLs semánticas y a veces URLs bonitas.


¿No sabes por dónde empezar a buscar? Consulta el artículo de la Wikipedia URL semántica y podrás leer:


Las URL semánticas o URL amigables son aquellas URLs que son, dentro de lo que cabe, entendibles para el usuario. Lejos de las clásicas URLs de las páginas dinámicas llenas de variables GET y números difíciles de recordar, las URL semánticas están formadas con palabras relacionadas con el contenido de la página y fáciles de recordar. Estas se utilizan en los sitios web dinámicos (no estáticos). Por ello se están utilizando mucho más que las URL extensas.
En la siguiente tabla se muestran varios ejemplos de URLs amigables:


URL no amigable URL amigable
http://example.com/index.php?pagina=contacto http://example.com/contacto
http://example.com/index.php?pagina=consulting&seccion=marketing http://example.com/consulting/marketing
http://example.com/productos?categoria=2&pid=25 http://example.com/productos/2/25
http://example.com/cgi-bin/feed.cgi?feed=news&frm=rss http://example.com/news.rss
http://example.com/servicios/index.jsp?id=legal&subid=patentes http://example.com/servicios/legal/patentes
http://example.com/kb/index.php?cat=8&id=41 http://example.com/kb/8/41
http://example.com/index.php?mod=perfiles&id=193 http://example.com/perfiles/193


¿Ves las diferencias que existen entre una URL no amigable y una URL amigable? ¿Se entiende mejor la URL amigable?




Los nombres de dominio
El nombre de dominio es un nombre único que normalmente se emplea para identificar un sitio web en Internet. Un nombre de dominio aparece en una URL, pero un nombre de dominio y una URL son dos cosas distintas que no debes confundir.









Los nuevos nombres de dominio
.com, .org, .net y otros más fueron los primeros nombres de dominio que existieron en Internet. Pero Internet ha crecido mucho desde su nacimiento (¿recuerdas cuándo y dónde nació Internet?, si no lo recuerdas, vuelve a ver el vídeo sobre la historia de Internet), las necesidades han aumentado y esos nombres de dominio se han quedado pequeños.


A mediados de 2012, ICANN (Internet Corporation For Assigned Names and Numbers), el organismo que regula los nombres de dominio, publicó una lista con los 1.930 nuevos nombres de dominio de primer nivel que habían sido solicitados durante el proceso que había iniciado unos años antes. Estos nombres de dominio no existen todavía, se están introduciendo poco a poco y algunos han sido rechazados (en Program Statistics se puede consultar el número de nombres de dominio que han sido introducidos o rechazados hasta el momento).
Algunos de los nuevos nombres de dominio se refieren a profesiones, como .abogado o .doctor, así como a empresas y marcas, como es el caso de .microsoft, .google, .canon, .dunlop o .calvinklein.
Respecto a España, destacan los dominios geográficos como .barcelona o .madrid, junto a los de marcas como .zara o .movistar, y entidades financieras como .lacaixa y .bbva.
Y respecto a Latinoamérica, algunas empresas han solicitado nombres de dominio específicos, como .avianca., .globo o.uol.








Las direcciones IP y el sistema de nombres de dominio
Las direcciones IP identifican los dispositivos conectados en una red, como por ejemplo un ordenador. Sin embargo, normalmente empleamos un nombre de domino (¿recuerdas el vídeo Los nombres de dominio). ¿Qué relación existe entre las direcciones IP y los nombres de dominio?
La clave está en el Sistema de Nombres de Dominio (en inglés Domain Name System).








Sistema de gestión de contenidos
Un sistema de gestión de contenidos (en inglés Content Management System y también conocido por sus siglas CMS) es un software que permite crear, administrar y publicar contenidos en forma de páginas web.


Un sistema de gestión de contenidos permite publicar páginas web de una forma rápida y sencilla, sin necesidad de conocer cómo están realizadas las páginas web. Pero ese no es el objetivo de este curso: el objetivo de este curso es que seas capaz de crear las páginas web por ti mismo desde cero. Sin embargo, en este curso vas a aprender a utilizar un sistema de gestión de contenidos como un paso previo a la creación de páginas web de forma autónoma.


En este curso vas a aprender a utilizar Blogger, un servicio disponible a través de Internet que se puede clasificar como un sistema de gestión de contenidos ofrecido bajo la modalidad de Software como Servicio (en inglés Software as a Service y también conocido por sus siglas SaaS), un servicio de distribución de software donde el programa y los datos que maneja el programa se alojan en servidores a los que se accede a través de Internet.


Blogger es un servicio gratuito de Google. ¿Cómo nació? Lee la noticia Google compra más de un millón de diarios personales y lo sabrás.


¿Y para qué queremos que aprendas a utilizar Blogger? Espera un poco, en el proyecto de este módulo te lo explicaremos.
¿Quieres saber más cosas? Consulta los siguientes artículos de la Wikipedia:


Sistema de gestión de contenidos.
Blogger.
Software como servicio.

Creación de una página web con Blogger (1): estructura de un blog
Antes de crear tu primer blog te vamos a explicar la estructura básica de un blog. Como verás, un blog no es una página web muy compleja.

Después de ver este vídeo ya podrás crear tu primer blog en Blogger.





Creación de una página web con Blogger (2): configuración básica
Blogger ofrece unas opciones de configuración que debes conocer. La más importante es la configuración de la zona horaria.


Actividad
Realiza los siguientes pasos:
1. Crea un blog en Blogger.
2. Configura el blog con tu zona horaria.
3. Configura el blog para que en la página principal se muestren las entradas de los últimos 15 días.
4. Configura los comentarios para que sólo puedan comentar los usuarios con cuentas de Google y que los comentarios se tengan que revisar antes de publicarse.


El siguiente blog (mi primer blog), es un ejemplo del resultado que se obtiene de la actividad anterior y algunos extras mas que se verán mas adelante.


Creación de una página web con Blogger (3): edición básica de una entrada
En el vídeo anterior te expliqué cómo configurar tu blog en Blogger para que funcione correctamente.



En este vídeo te voy a explicar lo más importante que debes conocer sobre la creación y edición de las entradas de tu blog.



Creación de una página web con Blogger (4): edición avanzada de una entrada
En este vídeo vamos a ver lo que ha quedado pendiente: cómo crear un enlace, cómo insertar una imagen y cómo insertar un vídeo en una entrada. Además, también vamos a ver cómo asignar etiquetas a las entradas.



Creación de una página web con Blogger (5): diseño y gadgets
En el vídeo anterior te expliqué algunas cosas avanzadas sobre la edición de una entrada en Blogger.
En este vídeo te voy a explicar cómo puedes cambiar el diseño visual de tu blog.







Proyecto
Los objetivos del proyecto de este módulo son:
• Crear un blog en Blogger.
• Seleccionar un nombre de dominio adecuado para tu blog.
• Crear enlaces a páginas web propias y a páginas de otros sitios web.
• Insertar elementos multimedia, como imágenes y vídeos, en tu blog.


Objetivos


• Aprender a utilizar un gestor de contenidos (Blogger) para crear un sitio web.


NOTA: este ejercicio es independiente del resto de ejercicios que vas a realizar en el resto de módulos del curso.


Qué tengo que hacer


Crea un blog en Blogger. ¿Para qué? Un blog se puede usar para muchas cosas, pero en este curso te proponemos que utilices el blog como cuaderno o diario de aprendizaje: puedes usar el blog como un cuaderno en el que recoger todo lo que vayas aprendiendo en este curso. Un blog te ofrece una ventaja muy importante frente a otros métodos: en el blog puedes crear enlaces a los recursos que encuentres en Internet que te interesen. Cuando te propongamos que leas un artículo o consultes una web, la puedes enlazar desde tu blog. Cuando encuentres una página web en la que hayas aprendido algo, la puedes enlazar desde tu blog. Y así con todo lo que encuentres. De esta forma, en el futuro podrás volver al blog para consultar aquello leíste una vez.


Algunas de las cosas que debes hacer en el ejercicio que te proponemos son:


1. Crea un blog en Blogger.
2. Selecciona un nombre de dominio (URL) para tu blog.
3. Crea enlaces a páginas web propias y a páginas de otros sitios web. Por ejemplo, puedes empezar a crear enlaces a los artículos de la Wikipedia que tratan los temas que se han visto en este módulo: el hipertexto y la hipermedia, las URLs, los nombres de dominio, etc.
4. Inserta elementos multimedia, como imágenes y vídeos, en tu blog.




Módulo 0: Historia de la Web
Los objetivos de este módulo son:
Conocer los acontecimientos más importantes de la historia de Internet y la Web.
Aprender algunos aspectos importantes sobre el funcionamiento de Internet y la Web: las URLs, los nombres de dominio, las direcciones IP y el sistema de nombres de dominio.
Diferenciar Internet y la Web.
Ser capaz de utilizar Blogger, un sistema de gestión de contenidos, para publicar información en la Web.


La Web


En 1989, Tim Berners-Lee llevaba varios años trabajando en el CERN, la Organización Europea para la Investigación Nuclear. Aunque Tim era físico, desde que había finalizado sus estudios universitarios se había dedicado a trabajar en temas de telecomunicaciones e informática. En marzo de 1989, Tim escribió un pequeño informe, Information Management: A Proposal, en el que proponía el desarrollo de un sistema distribuido de gestión de la información.

Tim le presentó el informe a su jefe, Mike Sendall. Mike le devolvió a Tim el informe con sólo tres palabras escritas al principio de la primera página, Vague but exciting..., impreciso pero emocionante...



Justo 25 años después, ahora en el año 2014, estamos celebrando que Tim Berners-Lee escribió ese pequeño informe. Porque ese pequeño informe que proponía el desarrollo de un sistema de gestión de la información para solucionar el problema que existía para compartir la información en el CERN se transformó en algo enorme, la Web.


Sólo tenía que tomar la idea del hipertexto y conectarlo a las ideas de TCP y DNS y ¡ta chan! - La Web.
Tim Berners-Lee












No hay comentarios:

Publicar un comentario

Módulo 0: Historia de la Web