miércoles, 6 de enero de 2016

Los nombres del dominio


TRANSCRIPCIÓN
Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y en este vídeo te voy a hablar de los nombres de dominio.

Las URLs son las direcciones que se emplean para localizar los recursos en Internet.

Una URL se compone de varias partes. Aunque una URL se escribe de izquierda a derecha, vamos a analizarla al revés. De derecha a izquierda tenemos:

El documento.
La ruta al documento.
El nombre de dominio, que puede contener un subdominio.
 Y el esquema, que suele ser el protocolo de acceso o de comunicación.
El nombre de dominio es un nombre único que normalmente se emplea para identificar un sitio web en Internet.

Hasta hace unos años, en los nombres de dominio sólo se podían usar los caracteres ASCII. La tabla ASCII contiene 128 caracteres, numerados del 0 al 127, pero sólo hay 95 caracteres ASCII imprimibles, numerados del 32 al 126. La tabla ASCII contiene las letras del alfabeto inglés, pero no contiene otras letras, como las vocales acentuadas o la eñe, lo cual plantea un problema para el español.

Debido a esto, antes no podían existir nombres de dominio como españa.es o coruña.es
Sin embargo, gracias a la introducción del Nombre de dominio internacionalizado, ya es posible utilizar nombres de dominio con caracteres en otros idiomas. Pero por ahora no está muy extendido su uso.

Aunque se pueda identificar un ordenador por su nombre de dominio, en realidad internamente en Internet se identifican los ordenadores por medio de la dirección IP.

La correspondencia que existe entre el nombre de dominio y la dirección IP te lo contaré en el vídeo el “Las direcciones IP y el sistema de nombres de dominio”.

Como existe una correspondencia entre los nombres de dominios y las direcciones IP, en una URL también se puede escribir una dirección IP en vez del nombre de dominio.

Un nombre de dominio puede ser el nombre de una empresa, el nombre de una institución, el nombre de una organización, el nombre de una persona o cualquier cosa que uno quiera.
Los nombres de dominio se organizan en diferentes niveles.

Los dominios de primer nivel se organizan en genéricos y territoriales.

Los genéricos son dominios de propósito general y eran inicialmente los que acababan en .com, .edu, .gob, .mil, .net y .org, pero posteriormente se han añadido otros
como .biz, .mobi y .xxx.

El registro de nombres de dominio bajo .com, .org y .net no está sometido a ningún tipo de comprobación previa, se asignan siguiendo el principio de “primero en llegar primero servido”.
Los territoriales son los que identifican el país, como .es para España, .ec para Ecuador, .fr para Francia o .de para Alemania.

El registro de nombres de dominio territoriales está sometido a las normas de cada país.
Por ejemplo, en España lo gestiona la organización red.es y podemos encontrar toda la información sobre su funcionamiento en dominios.es

Los dominios de nivel 2 son los que normalmente registramos al solicitar un domino, como por ejemplo idesweb.es o sergiolujanmora.es

En algunos países existe un tercer nivel de organización. Por ejemplo, en España existen los dominios controlados .com.es, .nom.es, .org.es, .gob.es y .edu.es que permiten que existan dominos como datos.gob.es o mecd.gob.es

Ya para terminar, vamos analizar una dirección o URL.
Por ejemplo, en esta dirección podemos distinguir los niveles:
.es como nivel 1 o de nivel superior, dominio territorial.
.ua como nivel 2
y www.dlsi como nombre de máquina o host.

Por último, te propongo que averigües para qué sirven los dominios example.com y example.org y cuál es la organización que los gestiona.
Ya para terminar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas de contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.
Muchas gracias por tu atención.
AVISO IMPORTANTE
Este documento, su texto y gráficos e imágenes, puede ser utilizado bajo una licencia Creative Commons de tipo Atribución, No-Comercial. En caso de utilizarse este material o de la creación de un derivado, la atribución se debe respetar citando la fuente como “Actívate, Google España 2014” y expresamente, si es posible, mediante un enlace activo a http://google.es/activate. Revisado, marzo 2014.

miércoles, 30 de diciembre de 2015

Las URLs amigables


En el vídeo Las URLs se te propone como ejercicio que aprendas por tí 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 amigableURL amigable
http://example.com/index.php?pagina=contactohttp://example.com/contacto
http://example.com/index.php?pagina=consulting&seccion=marketinghttp://example.com/consulting/marketing
http://example.com/productos?categoria=2&pid=25http://example.com/productos/2/25
http://example.com/cgi-bin/feed.cgi?feed=news&frm=rsshttp://example.com/news.rss
http://example.com/servicios/index.jsp?id=legal&subid=patenteshttp://example.com/servicios/legal/patentes
http://example.com/kb/index.php?cat=8&id=41http://example.com/kb/8/41
http://example.com/index.php?mod=perfiles&id=193http://example.com/perfiles/193
¿Ves las diferencias que existen entre una URL no amigable y una URL amigable? ¿Se entiende mejor la URL amigable?
Por cierto, el término URL amigable suele aparecer asociado a los términos SEO y posicionamiento. ¿No sabes lo que son? No te preocupes, en el último módulo, Módulo 8: Cómo se logra que una página web tenga éxito, te lo explicaremos.

IDESWEB.ES 

miércoles, 23 de diciembre de 2015

¿Qué son las URLs?


TRANSCRIPCIÓN
Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y en este vídeo que forma parte del curso “Introducción al desarrollo web”, te voy a
explicar qué son las URLs.

Seguro que estás cansado de escribir URLs, las direcciones que se emplean para localizar los recursos en la Web, pero...
¿Cuánto sabes sobre las URLs?
¿Quién inventó las URLs?
Tim Berners-Lee es considerado el padre de la Web, ya que desarrolló las tres tecnologías fundamentales de la Web:
HTML, HyperText Markup Language, el lenguaje de marcado o etiquetado que se emplea para crear, para escribir, los documentos o páginas web.
HTTP, HyperText Transfer Protocol, el protocolo o lenguaje con el que se comunican el navegador y el servidor web y que se emplea para transmitir los documentos web por
Internet.
URL, Uniform Resource Locator, el localizador de recursos uniforme, el sistema de localización o direccionamiento de los documentos web.

En este vídeo te voy a explicar cómo funcionan las URLs.

Este es el formato básico de una URL, aunque también puede incluir otros datos, como el nombre de usuario y la contraseña de acceso a un ordenador, el puerto de conexión, o
una combinación de todo lo anterior.

Por ejemplo, esta URL está formada por estas partes: el esquema, la máquina, el directorio y el archivo.

¿Qué es el esquema en una URL?
El esquema suele representar el protocolo, es decir, el mecanismo o método que se emplea para recuperar un recurso a través de una red de ordenadores.

A veces, en vez de esquema se emplea el término servicio, en el contexto de una URL son equivalentes.

Los esquemas más conocidos son http, https, ftp, mailto y file.

Las URLs son un elemento básico de la Web, ya que son las que definen los hiperenlaces o hipervínculos y permiten definir el hipertexto, que permite relacionar información
de diversas fuentes por medio de enlaces.
Hay que ser muy cuidadosos a la hora de definir una URL.

Tim Berners-Lee, el padre de la Web, nos avisa de ello con la siguiente frase:
Es el deber de un webmaster asignar URIs que sean capaces de ser válidas durante 2 años, 20 años, 200 años.

¿Qué es lo que quiere decir Tim Berners-Lee con este consejo?
 Un sitio web no es algo estático, un sitio web evoluciona con el tiempo, se modifican las páginas, se eliminan las páginas y se añaden páginas nuevas.

Cuando se asigna una URL a una página web, esa URL debe ser válida durante toda la existencia de esa página web.

No se debe de modificar por posibles cambios que afecten a otras páginas del sitio web. Si una URL deja de ser válida, los visitantes de un sitio web se pueden encontrar con la desagradable sorpresa de “página no encontrada”, el famoso error 404.
A veces, una URL puede ser muy larga y complicada, por lo que puede ser difícil de memorizar, de copiar o de comunicar. Para solucionar este problema se emplean los acortadores de URL, un mecanismo que permite convertir una URL larga en una URL corta.

Estos sistemas se han popularizado en los últimos años debido a la aparición de sistemas como Twitter, que limitan la longitud de los textos que se pueden escribir.

Los acortadores de URL más populares en la actualidad son el de Google, el de bitly y el de owly.

Hay más cosas que deberías saber sobre las URLs, por ejemplo, deberías saber qué son las URLs amigables y porqué son importantes, pero eso te lo dejo como ejercicio para que lo investigues.

Ya por último, una precisión.

Desde 1994, en los estándares de Internet, el concepto de URL ha sido incorporado dentro del más general de URI (Uniform Resource Identifier, en español identificador uniforme de recurso), pero el término URL aún se utiliza ampliamente.

Ya para terminar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas de contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.
Muchas gracias por tu atención.

miércoles, 16 de diciembre de 2015

El hipertexto y la hipermedia


TRANSCRIPCIÓN
Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y en este vídeo que forma parte del curso “Introducción al desarrollo web”, te voy a explicar qué es el hipertexto y la hipermedia.

En este curso te vamos a enseñar a crear páginas web.

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.

Mucha gente cree que Tim Berners-Lee, el padre de la Web, fue también el inventor del hipertexto. Pero no es así.

Él mismo lo aclara en su libro “Tejiendo la Red”: Yo llegué en el momento justo, interesado, cuando el hipertexto e Internet habían visto ya la luz. La tarea que me correspondía era hacer que casaran.

Efectivamente, Tim Berners-Lee no inventó  ni el hipertexto ni Internet.
Por cierto, el nacimiento de Internet te lo explico en el vídeo “Historia de Internet: su nacimiento”.
Y el nacimiento de la Web te lo cuento en las dos partes del vídeo “Historia de la Web: su nacimiento”

Entonces, ¿quién inventó el hipertexto?
El hipertexto no tiene un padre evidente, porque fueron varias las personas que idearon sistemas similares al hipertexto en los últimos 100 años.

Una de las primeras referencias del concepto de hipertexto se atribuye a Paul Otlet, que es considerado el fundador de la Bibliografía y la Documentación.

A principios del siglo XX, Paul Otlet imaginó Mundaneum, un archivo centralizado en el que se recogiese todo el conocimiento de la humanidad.

A principios del siglo XX no existían los ordenadores, así que el sistema se basaba en el empleo de fichas.

En estas fichas existían enlaces que permitían conectar las fichas entre sí, como si fueran las páginas web actuales.

Mundaneum ofrecía un servicio de búsqueda que admitía solicitudes de búsqueda por correo, correo postal de toda la vida, no correo electrónico actual.

En el año 1934, Paul Otlet imaginó una red global que permitiría a la gente buscar y navegar a través de millones de documentos, imágenes y vídeos interconectados. ¿Te recuerda esto a algo?

Fíjate, fíjate lo que decía:
“Desde su sillón, todo el mundo oirá, verá, participará, incluso será capaz de aplaudir, dar ovaciones, cantar en el coro, añadir sus gritos de participación a los de todos los demás”.
¿Es posible hacer todo esto hoy en día?
Otro precedente de lo que entendemos en la actualidad por hipertexto lo encontramos en Vannevar Bush.

Vannevar Bush fue un visionario para su época. Ingeniero e inventor, durante la Segunda Guerra Mundial fue administrador del proyecto Manhattan que desarrolló las dos primeras bombas nucleares.

En julio de 1945, Vannevar Bush publicó el artículo “As We May Think” en The Atlantic Monthly sobre un dispositivo fotoeléctrico y mecánico, llamado memex, capaz de crear y seguir enlaces entre distintos documentos almacenados en microfichas (en definitiva, un sistema muy parecido a lo que hoy conocemos como hipertexto).

En este vídeo se muestra una recreación de la máquina memex. Esta máquina era bastante tosca y rudimentaria porque estaba limitada por la tecnología que existía en el momento en que fue concebida.

Pero no fue hasta 1963, cuando Ted Nelson acuñó los términos hipertexto e hipermedia. Ted Nelson es considerado un visionario y también un vendedor de humo por su Proyecto Xanadú, el primer sistema basado en hipertexto que 50 años después todavía está en desarrollo.

Además del hipertexto y la hipermedia, Ted Nelson también ha desarrollado otras ideas geniales, como la teledildónica, pero esto no te voy a explicar lo que es, te dejo que lo investigues por tu cuenta.

Pero, ¿qué es el hipertexto?
Según el diccionario de la lengua de la Real Academia Española, hipertexto es:
Conjunto estructurado de textos, gráficos, etc., unidos entre sí por enlaces y conexiones lógicas.

Un texto normal, como por ejemplo un libro, normalmente está limitado a una organización lineal o secuencial.

Sin embargo, el hipertexto permite saltar de un punto a otro en un mismo texto, o a otro texto, a través de referencias.

De este modo, en lugar de leer el texto de forma continua, en el hipertexto ciertos términos están relacionados y el texto se puede leer siguiendo diferentes caminos.

Las relaciones en el hipertexto se establecen entre lo que se suele llamar como referencias, enlaces, vínculos o hipervínculos.

¿Y qué es la hipermedia?
El término hipermedia no figura en el diccionario de la lengua española de la RAE.
Pero podemos buscar un término relacionado con hipermedia, multimedia.

Según el diccionario de la lengua española, multimedia es un adjetivo que significa:
Que utiliza conjunta y simultáneamente diversos medios, como imágenes, sonidos y texto, en la transmisión de una información.

Por tanto, un sistema multimedia es un sistema de comunicación en el que se emplean dos o más medios de comunicación, distintos, de forma concurrente.

Un sistema multimedia puede integrar texto, voz, audio, fotografías, gráficos interactivos, vídeos, realidad virtual y otros.

Un sistema multimedia proporciona una gran riqueza y una mayor flexibilidad a la hora de comunicar la información.

La calidad de multimedia no está restringida al mundo de los ordenadores. Así, por ejemplo, un libro acompañado de un cd de música ya es una obra multimedia.

Para algunos autores, hipermedia es un término que nace de la unión del hipertexto más la multimedia.

Por tanto, si juntamos las definiciones de hipertexto y multimedia, podemos obtener la siguiente definición de 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.

Si la multimedia proporciona una gran riqueza a la información, el hipertexto aporta una estructura que permite que la información pueda presentarse y explorarse siguiendo distintas secuencias, de acuerdo a las necesidades y preferencias del usuario.

Existen muchos sistemas que se basan en el hipertexto y la hipermedia, pero la Web es el sistema más conocido y por eso la Web se ha convertido en sinónimo de hipertexto e hipermedia.

Por último, si los conceptos de hipertexto e hipermedia no fueron inventados por Tim Berners-Lee, ¿qué inventó Tim Berners-Lee?

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

Ya para terminar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas de contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.

Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.
Muchas gracias por tu atención.

sábado, 12 de diciembre de 2015

¿Cómo funciona la WEB?


 TRANSCRIPCIÓN

Hola, soy Sergio Luján Mora, profesor de informática de la Universidad de Alicante, y en este vídeo que forma parte del curso “Introducción al desarrollo web”, te voy a explicar cómo ha sido la evolución de las páginas web, desde el concepto de página web a aplicación web.

Cuando Tim Berners-Lee publicó la primera página web a finales de 1990 en el CERN, la Web era muy distinta a como la conocemos en la actualidad. Las páginas web sólo tenían texto.

En los 25 años de historia de la Web, HTML, el lenguaje de marcado o etiquetado que se emplea para crear las páginas web ha evolucionado poco a poco y se han ido desarrollando sucesivas versiones.

A la versión inicial del lenguaje se añadieron nuevas características, como las imágenes, las tablas o los marcos, que permitían dividir las páginas web en varias partes.

Las páginas web fueron evolucionando y cada vez contenían más imágenes.

Los diseñadores gráficos se incorporaron al desarrollo de las páginas web y se desarrolló una nueva disciplina, el diseño web.

Además, los navegadores web cada vez eran más potentes y las conexiones a Internet más rápidas, así que las páginas web cada vez mostraban más información.

Si se toma una web concreta, por ejemplo la web de la Universidad de Alicante, se puede observar cómo ha sido su evolución desde la primera versión del año 1996 hasta la versión actual del año 2014.

Durante los primeros cinco años la Web sólo servía para leer, para consumir contenidos, no existía mucha interacción con las páginas web.

Sin embargo, cuando se añadieron los formularios, la Web comenzó a cambiar.
Los formularios permitían un mayor grado de interacción entre el usuario y las páginas web.

Además, el lenguaje HTML incorporó la posibilidad de añadir nuevos tipos de contenidos a las páginas web, como audio, vídeo o animaciones.

Y los navegadores web se volvieron más rápidos y más potentes.

Todo ello ayudó a que las páginas web se transformaran en aplicaciones web, en inglés web apps, que permiten realizar a través de una página web las mismas tareas que tradicionalmente se realizaban mediante un software instalado en un ordenador a partir de un cd-rom.

Hoy en día, a través de una página web podemos enviar correos electrónicos, podemos jugar a juegos, podemos editar fotografías, podemos ver vídeos o incluso podemos editar los vídeos, todo ello a través de una página web.

Una de las principales ventajas de las aplicaciones web es que no necesitan actualizarse por parte del usuario final.

Cada vez que un usuario visita una aplicación web como por ejemplo Gmail está haciendo uso de la última versión disponible.

Otra ventaja importante de las aplicaciones web es la independencia de dispositivo, que permite que las aplicaciones web puedan ser usadas desde cualquier dispositivo que disponga de un navegador web, como un ordenador, una tableta o un teléfono móvil.
Esto se logra con la adaptación de las aplicaciones web al dispositivo en el que se está ejecutando en cada momento.

Otra ventaja importante es la ubicuidad: a las aplicaciones web se puede acceder y trabajar con la misma información desde cualquier sitio, por ejemplo, desde el ordenador del trabajo, desde el ordenador de casa, o desde el teléfono móvil.

Esta ventaja de las aplicaciones web se resume en el concepto de computación en la nube o cloud computing, que va a hacer que el concepto de ordenador personal desaparezca en breve, porque cualquier ordenador o cualquier dispositivo se comportará como si fuera nuestro ordenador personal.

Las aplicaciones web son complejas de desarrollar ya que hace falta poseer conocimientos de programación y de manejo de bases de datos.

Ya por último, recientemente ha aparecido el concepto de mercado de aplicaciones web, un repositorio en el que se pueden publicar aplicaciones web para que sean usadas por otras personas.

Dos de los mercados más populares son el Google Chrome Web Store y el Firefox Marketplace.
Ya para terminar, me gustaría recordarte algunos de los sitios web en los que puedes encontrar más información sobre mí y sobre mi trabajo, y dos formas de contactar conmigo, a través de mi correo electrónico sergio.lujan@ua.es y a través de mi cuenta en Twitter @sergiolujanmora.
Recuerda que este vídeo forma parte del curso “Introducción al desarrollo web” que está disponible en la dirección idesweb.es.
Muchas gracias por tu atención.

martes, 8 de diciembre de 2015

MÓDULO 1: Cómo funciona la Web


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.
Una vez hayas creado tu blog y lo hayas dotado de contenido, publica en el foro del curso la URL de tu blog.

AVISO IMPORTANTE
Este documento, su texto y gráficos e imágenes, puede ser utilizado bajo una licencia Creative Commons de tipo Atribución, No-Comercial. En caso de utilizarse este material o de la creación de un derivado, la atribución se debe respetar citando la fuente como “Actívate, Google España 2014” y expresamente, si es posible, mediante un enlace activo a http://google.es/activate. Revisado, marzo 2014.