La historia de Internet

Cuando en los años 90 (del siglo pasado) comenzaba Internet aparecieron proyectos como Way Back Machine (hay otros proyectos de archivo pero no los citaré todos).

El objetivo era mantener un registro de la historia de la red.

La razón principal que mueve estos proyectos es documentar las publicaciones hechas por empresas y particulares en este nuevo medio de comunicación para construir la Historia de la humanidad.

Los buscadores más importantes colaboran de alguna manera en preservar las publicaciones manteniendo en sus sistemas copias de los sitios visitados durante un periodo más o menos corto. (Ver el caché de Google como ejemplo)

A medida que el coste del almacenamiento se reduce, la velocidad de las transmisiones aumenta y el acceso a las redes se va haciendo universal los que de una u otra forma colaboramos en esta obra descomunal que es Internet tenemos una responsabilidad que afecta a nuestra presencia en la red.

Es cierto que hay quien se queja de que este almacenamiento puede representar un compromiso para la privacidad de las personas, pero también es cierto que la conservación de las publicaciones en la Web constituirá parte de nuestro legado al futuro.

Por eso creo que cientos de miles de blogs y páginas personales que se dejan en la red durante años son contribuciones positivas. Y por eso creo que una de las responsabilidades de quien se arrima a un teclado para poner contenidos (buenos o malos) es hacer lo que esté en su mano para que estos contenidos merezcan la pena y perduren.

Autentificación de usuarios en ASP

En un servidor IIS podemos autentificar usuarios de muchas formas.
Una de las más sencillas es utilizar un formulario en el que los usuarios introducen su nombre y su contraseña y luego verificamos este inicio de sesión contra una base de datos de usuarios.
En internet podemos encontrar mucha información sobre autentificación con ASP pero los ejemplos más sencillos se dejan atrás algunas consideraciones de seguridad.

Autentificación elemental

La forma más simple es utilizar una consulta SELECT con los datos del formulario (usuario y contraseña).

ssql = "select * from usuarios_autentificacion where nombre_usuario='" & request.form("usuario") & "' and clave_usuario='" & request.form("contrasena") & "'"

Pero es necesario verificar antes que no se han introducido en el formulario caracteres que puedan generar errores en el scritp ASP que puedan exponer nuestro sistema.

Un usuario malicioso podría utilizar el script para inyectar código en nuestro script de validación y obtener información valiosa sobre nuestro sitio o incluso hacerse con el control.

Autentificación un poco mejorada

Otra forma más elegante (y que no recarga demasiado al servidor) es verificar cada uno de los registros de la base contra los datos introducidos por el usuario:

'lectura secuencial de toda la base de datos de usuarios
Do While not rsGrupo.EOF
'hasta que coincidan las credenciales
If rsGrupo("usuario") = Request.Form("usuario") AND rsGrupo("contraseña") = Request.Form("contraseña") Then
Session("Authenticated") = 1
'en ese momento se redirige a una pagina de acceso a la sección protegida
Response.Redirect ("accedemos.asp")
Else
'si no coinciden mantenemos vacia la variable de autentificación
Session("Authenticated") = 0
Response.Redirect ("login.asp")
End If
rsGrupo.MoveNext
Loop
Este código nos permite hacer un formulario ligero, sin scripts, muy simple, en la seguridad (siempre relativa) de que será más complicado romper nuestro código inyectando caracteres no deseados en el formulario.

Más cosas sobre los enlaces

Con las herramientas de edición de blogs es muy simple colocar un enlace en una entrada, basta con escribir una frase, resaltarla con el ratón y pulsar en el icono de enlace.
Por ejemplo, si quiero que mis lectores vayan al sitio de microsoft, escribo la palabra (ya la he escrito), la resalto y pulso sobre el icono de insertar enlace.
A continuación se abre una ventana emergente en la que puedo escribir la dirección ó simplemente pegarla.
En el código de la página aparece la etiqueta de apertura del enlace, la dirección, el texto que quedará resaltado y la etiqueta de cierre; en el ejemplo quedaría así
<a href="http://www.microsoft.com">microsoft</a>
Es la sintaxis básica.
A la etiqueta de enlace se le pueden añadir algunos atributos para cambiar el estilo, el comportamiento, o facilitar el acceso; comenzaré por el asunto de la accesibilidad.

Un atajo del teclado para el enlace

Si quiero que el visitante de mi sitio pueda activar el enlace pulsando la tecla M, añadiré el atributo accesskeys y el valor de la tecla de acceso, me quedaría el código así:
<a accesskeys="M" href="http://www.microsoft.com/">microsoft</a>
Y en la página aparecerá un enlace a microsoft que se puede activar al pulsar la tecla M.
El comportamiento de este atributo es variable según el navegador, el equipo y el sistema operativo. Los que estén utilizando Windows normalmente deben pulsar la combinación de teclas Alt+M para que funcione (revisar la configuración de accesibilidad antes de decir que no funciona).
Para leer sobre este atributo se recomienda la referencia del HTML 4.01 del W3C

Mostrar el enlace en una nueva ventana

Si el lector ha probado alguno de los enlaces de esta entrada del blog se habrá dado cuenta de que se abren en una página nueva del navegador.
La causa es que estos enlaces tienen un atributo más, el de destino.
Un atributo que se establece añadiendo dentro del código del enlace esto: target="_blank".
El atributo target está originalmente pensado para controlar los enlaces en páginas basadas en marcos pero también acepta como destinos nuevas ventanas del navegador.

Requisitos previos

Para poder trabajar en un blog con este tipo de detalles es necesario pasar al 'modo HTML' si es que esá disponible, de lo contrario el editor en su inmensa sabiduría no nos dejará editar convenientemente los atributos.

Referencias externas

Especificación HTML 4.01
Tutoriales del W3C para edición Web

Un video de You Tube. Insertando más objetos

La mayor dificultad que encuentro para generar esta entrada es encontrar algo en You Tube que me motive un poco. Elegiré algo sosillo y corto para no sobrecargar las redes con estupideces.


Cada vídeo de YouTube tiene a su lado un par de cuadros, uno con un enlace a la página y otro con el código necesario para incluir el vídeo en nuestra página:





El primero de los dos sería este:


http://www.youtube.com/watch?v=JgpXuvLbOeM



Que nos manda a YouTube. (No se te olvide volver por aquí)



El segundo se utiliza de una forma un poco más sutil.


En la ventana de edición del Blog pasamos a "edición HTML" y en el sitio donde queremos tener el vídeo pegamos el código, así de feo es:


<embed src="http://www.youtube-nocookie.com/v/JgpXuvLbOeM&hl=" width="445" height="364" type="application/x-shockwave-flash" fs="1&rel=" color1="0x402061&color2=" border="1" allowfullscreen="true" allowscriptaccess="always"></embed>


Y asín de majo queda:




Esto es todo, dos formas de relacionarnos con YouTube, poniendo un enlace e insertando el vídeo en nuestro Blog.

Segunda inserción, ahora un vídeo

La manera más simple es utilizar el icono de inserción de vídeos que tenemos en la barra de herramientas (en una entrada anterior ya la habíamos visto):

En este caso el icono que hace la "magia" es el segundo de la derecha.

Como que hay que hacer una demostración efectiva os pongo una película que cariñosamente he titulado

Calar el motor puede ser una afición

Tranquilos que no es un largometraje. Para este ejemplo elegí un trocito muy corto.

El proceso es simple, incluso más simple que el de la imagen porque ahora la ventana de selección no nos da opciones.

No quiere decir que no las haya, cuando comencemos a sumergirnos en el HTML veremos como cambiar algunas cosillas.