Tanaceto y la Información

Siempre es preferible un final catastrófico a una catastrofe sin fin.

Archive for 9/10/07

VNC: administración remota (ejemplo para XP)

Posted by tanaceto en octubre 9, 2007

La administración remota es una de las cosas que mas me llaman la atención de las posibilidades de la informática actual. Poder usar una máquina que esta lejos en el espacio “viendo el mismo escritorio”, y calentando el procesador localmente es sin duda una herramienta de gran potencial, tanto para el uso de ordenadores como para el trabajo en red, pudiendo visualizar fácilmente un archivo abierto de manera dinámica por usuarios que no estan en la misma habitación.

Este post lo dedico al vnc en su versión de windows. Este fantástico programa funciona muy bien en muchos sistemas operativos como mac, ubuntu, etc. En el ejemplo conectaremos dos máquinas en una red local, pero funciona exactamente igual a través de internet (si nos molestamos en abrir el puerto pertinente en el modem-router de turno para la máquina servidor).

En primer lugar debemos configurar la contraseña, así como el puerto que utilizaremos en la máquina servidor, la cual vamos a utilizar remotamente. Es recomendable emplear una contraseña que incluya mayúsculas, números y algún que otro símbolo. No se molesten en hacerla muy extensa, creo que tan solo reconoce los 8 primeros dígitos. Otra medida de seguridad es no emplear el puerto por defecto 5900, usando cualquier otro disponible.

vnc01.jpgvnc02.jpg

es posible ver el icono junto al reloj. En él se indica la ip de la red local, y es posible acceder a la configuración general.

vnc03.jpg

No queda mas que abrir el vncviewer (visor) en la máquina cliente, introducir la información (192.168.0.30:5900 en el ejemplo. Desde internet, la ip pública del adsl al que se conecta el servidor seguido del puerto a usar abierto en el router para la ip local de la máquina servidor)

vnc04.jpgvnc05.jpg

y ahí esta. F8 nos pone la pantalla completa. Hay varias opciones de calidad de visualización (influye en la velocidad de refresco) en función del ancho de banda disponible. No permite visualizar video (normalmente) pero si funciona con programas para webcam, permitiéndote disponer de ese videoportero artesanal con el que todos soñamos alguna vez.

vnc06.jpg

Cuando descubrí este programa quede encantado.

Anuncios

Posted in info, redes, windows | 1 Comment »

…visita a la universidad (ULPGC)

Posted by tanaceto en octubre 9, 2007

Siempre me ha encantado la universidad porque, a su manera, comprende que la información debe ser compartida para poder ser utilizada por las personas. El conocimiento debe compartirse para considerarse como tal. Vivimos en una extraña época donde la información es la moneda de cambio. Las máquinas nos permiten acercarnos a la información de maneras insospechadas.

Miren que cantidad de redes y máquinas conectadas. Muy bonito. Aprovecho y dejo el link del medidor de velocidad de adslayuda, herramienta útil si quieres saber la capacidad de descarga y subida de una conexión a internet. Amplia capacidad de subida…

uni 01velocidad en la unired local uni

Posted in info, internet, redes | 1 Comment »

MetaTags para páginas html

Posted by tanaceto en octubre 9, 2007

Tenemos nuestra preciosa página web en su servidor Apache listo para funcionar y con su nombre de dominio bien enlazado. ¿Cómo hacemos que los buscadores tengan la información de nuestra página?.

La respuesta es sencilla: usando alguna de las miles de páginas que sirven de alta para los buscadores más usados (con google a la cabeza claro). Con registrar tus datos ya se encargan ellos gratuitamente en darte el alta (lo tienen informatizado).

Una vez hemos realizado este proceso solo nos queda esperar hasta que los buscadores sean capaces de encontrar nuestra página, pero hay algo más. Los buscadores leen los metatags, que no son otra cosa que trozos de código html con información específica para los buscadores. Tienes que escribirla en tu index.html, pero no te preocupes, será un corta y pega.

Para hacer las metatags puedes ir a cualquier de las miles de páginas que te facilitan escribir el código html que necesitas. En nuestro caso vamos a usar una que se llama Alta Buscadores. Accedemos a la sección de “metatags” y rellenamos con los datos de nuestra web la información que queremos que los buscadores lean de nuestra página web (título, autor, breve descrpción, palabras clave, etc).

Generamos el código y lo copiamos. En nuestro caso este fue el resultado:

<title>Tanaceto</title>
<meta name=”title” content=”Tanaceto”>
<meta name=”DC.Title” content=”Tanaceto”>
<meta http-equiv=”title” content=”Tanaceto”>
<meta name=”DC.Creator” content=”www.altas-buscadores.com”>
<meta name=”keywords” content=”tanaceto, informatica, redes, software, hardware, linux, mac, blog”>
<meta http-equiv=”keywords” content”tanaceto, informatica, redes, software, hardware, linux, mac, blog”>
<meta name=”description” content=”Tanaceto es un blog sobre informática y redes”>
<meta http-equiv=”description” content=”Tanaceto es un blog sobre informática y redes”>
<meta http-equiv=”DC.Description” content=”Tanaceto es un blog sobre informática y redes”>
<meta name=”author” content=”tanaceto”>
<meta name=”DC.Creator” content=”tanaceto”>
<meta name=”vw96.objectype” content=”Document”>
<meta name=”resource-type” content=”Document”>
<meta http-equiv=”Content-Type” content=”ISO-8859-1″>
<meta name=”distribution” content=”all”>
<meta name=”robots” content=”all”>
<meta name=”revisit” content=”15 days”>

Lo siguiente es abrir nuestro archivo index.html con el editor html, poner la visualización en forma de código y pegar el texto copiado debajo del primer <head>, bueno, eso es lo que hago yo. Grabamos y volcamos el index.html modificado en el servidor. En unos cuantos días podrems comprobar si los buscadores son capaces de leer la información de tus metatags.

Posted in html, info, software | Leave a Comment »

Hacer una página básica HTML con Dreamweaver CS3 (II): Los Marcos

Posted by tanaceto en octubre 9, 2007

Esta es la segunda parte del post “Como hacer una página básica HTML con Dreamweaver (I)“.

Anteriormente hemos realizado una sencilla página html (index.html) con tres tablas (donde hemos añadido texto html y alguna imagen) y un enlace (link).

Vamos a seguir profundizando un poco en el Dreamweaver. Para ello introduciremos un nuevo elemento con mucho juego: los “marcos”.

– Los Marcos (frames):

Cuando hacemos una página html, ésta ocupa todo el espacio del navegador, pero a través de los marcos podemos hacer que una página principal sea el enlace a dos páginas html con un tamaño concreto donde se pueden visualizar independientemente y que veamos las dos páginas en una sola ventana.

Podemos hacer múltiples marcos, pero por ahora solo vamos a dividir una página en dos, con el fin de poder hacer una página donde pondremos un menú superior fijo y una página inferior que irá cambiando en función de los enlaces que presionemos (situados en la página fija superior). Veamos como se hace:

1. Abrimos el Dreamweaver y creamos una página nueva (HTML).

2. Vamos a Insertar/HTML/Marcos (Insert/HTML/Frames) y seleccionamos el “Top”. Se abrirá una pequeña ventana donde tendremos que especificar el nombre del nuevo marco (frame). Es importante poner bien el nombre para luego situarnos sin problemas sobre la página correspondiente. En este caso le pondré el nombre “top frame” a mi página superior. Verás que aparece una línea gruesa gris que divide la página en dos. Cuando presionas sobre la superior te sitúas en ella, y lo mismo con la inferior.

ff.png

* Aquí quisiera especificar dos detalles:

– Cuando creamos un “marco”, las páginas resultantes de tal división quedan separadas por una línea gruesa que podemos mover con el ratón (cambiando de tamaño las páginas). Pero cuando abrimos ese archivo previamente guardado, esa línea desaparece. Deberemos activarla (para poder mover esa línea a nuestro antojo) en View/Visual Aids/Frame (perdón, pero no tengo la versión en español).

h.png

– Solo tenemos que presionar con el ratón sobre la página que queramos modificar, pero, ¿cómo activar la página index.html que nos permitirá abrir las dos nuevas páginas creadas con nuestro marco?. Bien, para ello deberemos ir a Ventanas/Marcos (Windows/Frame). A nuestra derecha se abrirá una ventana donde se puede ver la página que hemos creado. Si presionamos sobre cada una de las dos páginas accedemos a ellas, y si presionamos la línea que los une (en gris claro), se marcarán las dos y veremos que tenemos el index.html marcado. Esto es muy útil cuando queramos, por ejemplo, introducir los mega-tags, pero eso será otro post.

2. Lo segundo que hacemos es acceder a las propiedades de página de cada una de las dos que hemos creado, e introducir los valores que nos parezcan más oportunos.

3. Ahora deberemos guardar el proyecto. Yo, por sistema, creo una carpeta nueva donde voy introducir mis archivos html de la web. En este caso, llamaremos a la carpeta “Web”. Una vez creada me voy al Dreamweaver y le doy a “guardar todo”, en Archivo/Guardar Tod (Archive/Save All). Como no hemos guardado el proyecto hasta ahora, nos saldrá una ventana para asignar un nombre a cada una de las tres páginas de las que disponemos (hemos hecho un marco que divide la página en dos, por lo que tenemos dos páginas (una superior y otra inferior) y una página principal que nos sirve para visualizar las otras dos en una sola ventana, y que será la que usemos para leer nuestra página (como siempre, se deberá llamar index.html, para que los servidores la reconozcan). También deberá ir en la propia carpeta “web”.

Para darnos cuenta de qué página estamos guardando, tendremos que mirar el cuadrado que señala qué página estamos guardando. La primera es la principal, que abarca las dos páginas. A esta la llamaremos “index.html”. A la segunda, que es la inferior, la denominaremos “cuerpo.html”. A la tercera (la superior) la llamaremos “cabeza.html”. Recuerda que deberas darle un título a cada página en vez del “untitled document”.

4. Hemos dicho que queremos crear un menú superior con una serie de categorías que una vez sean presionadas con el ratón, abrirán una página con la información que queramos, pero no en “cabeza.html”, sino en “cuerpo.html”.

Nuestras categorías, para este ejemplo, serán 2: “contacto” y “enlaces”. Nos situamos en “cabeza.html” y creamos una tabla con dos columnas y una sola fila. En su interior escribimos en texto las dos categorías. En “cuerpo.html” creamos una tabla con un mensaje de bienvenida a nuestra web.

kjh.png

5. El siguiente paso es crear una página nueva para el contenido de “contacto” y otra para el contenido de “enlaces”. Introduciremos una simple tabla con una columna y una fila y dentro escribiremos los datos que queramos meter. Las guardaremos como “contacto.html” y “enlaces.html”, en una carpeta llamada “html” que hemos creado previamente dentro de la carpeta “Web”. Podría grabarlas directamente en la carpeta web, pero a la larga, a medida que la página tiene más elementos, se vuelve un lío, así que es mejor subdividir en carpetas desde un principio. El modelo es el que consideres más oportuno, siempre que respetes a “index.html” como la principal e introduzcas y añadas los archivos de la web dentro de la carpeta principal. Los enlaces de “enlaces.html” recuerda ponerlos con un target blank, puesto que son páginas ajenas a la tuya y es mejor que abra una ventana nueva para que no se vaya el usuario de nuestra página.

fgj.png

5. Volvemos “cabeza.html”, y seleccionamos cada categoría añadiéndole un enlace (con la barra de tareas claro) con la ubicación de su archivo correspondiente, es decir, cuando hacemos un link nos deja una opción de buscar un archivo del ordenador, y elegimos para contacto el archivo “contacto.html”. En destino (target) veremos que además de los clásicos blank, self, etc, hay ahora main frame y top frame. Son nuestras dos queridas páginas creadas con el marco. Marcamos “main frame” en las dos, para que el enlace se abra en el hueco de cuerpo.html, y no en cabeza.html.

6. Lo único que nos queda es “guardar todo” (aquí, como ya hemos grabado una vez, nos guardará todo donde estaba previamente). Abres la página con algún navegador (en Archivo/Previa) y compruebas que todo esté bien.

Posted in html, info | 10 Comments »

Los famosos “puertos de red” y su redireccionamiento

Posted by tanaceto en octubre 9, 2007

Aprender a redireccionar puertos es una de las cosas más prácticas que puedes aprender de ordenadores y redes, sobretodo cuando usamos programas-servidores, como el Apache si queremos hacer un servidor web, o el PureFTPd Manager si queremos un servidor FTP, por ejemplo.

Siempre que me refiera a “puerto“, en verdad quiero decir “puerto de red“, puesto que hay muchos tipos de puertos según el ámbito en el que nos estemos moviendo. No es lo mismo un puerto en computación que un puerto en red.

Existen muchas clases de servidores, y éstos siempre están instalados en un ordenador concreto. Los servidores permiten que desde otros ordenadores puedas acceder a determinados recursos, por lo que sus ventajas son múltiples. Puedes crear una base de datos accesible desde cualquier parte con acceso a Internet, o instalar una webcam y poder acceder a su señal desde otro ordenador, etc.

La teoría, en mi opinión, es esta:

Cuando un ordenador está conectado a una red externa (Internet) tiene que usar un hardware de conexión a la red física (teléfono, cable, etc). Lo más normal es usar o un módem (cuando un solo ordenador recibe conexión) o un router (cuando varios ordenadores acceden a este aparato autónomo que mantiene la conexión a Internet y redistribuye la señal a los equipos que se conecten a ella). En el caso del módem no tenemos problemas, puesto que el dispositivo entiende que todas las señales que procedan de Internet no pueden tener sino un solo destino. En el caso del router no es igual.

Un router se conecta a Internet con autonomía de los ordenadores que usen esa señal. Es en el router donde se configura y se introducen los datos de conexión (los que te da tu ISP). Lleva un software incorporado que normalmente trae un menú en html para que, desde tu navegador, puedas configurar de manera sencilla el router. Existen otros procedimientos (telnet por ejemplo), pero no entraremos en ellos.

El router además es el que crea la LAN a la que los equipos se conectarán para acceder a Internet. La dirección IP del router determina las direcciones IP de los ordenadores (si aspiran a conectarse a Internet), siendo el último dígito el único que sirve para diferenciar los equipos (por ejemplo, si el router tiene una dirección IP 192.168.0.1, los ordenadores que se conecten deberán tener una IP así: 192.168.0.x (siendo x un valor comprendido entre 0 y 255 y que no sea el 1 porque es el escogido por el router, ni otro que haya sido asignado a un segundo ordenador). Mientras asignes una IP propia a cada equipo no tendrás problemas de compatibilidad. Para saber más de esto lee el siguiente post.

Bien, aquí es donde quería llegar. Si una señal llega desde Internet hacia el router, éste deberá saber a qué ordenador debe enviar esa señal. Para automatizar esta tarea se asigna un puerto a un servicio concreto. Por ejemplo, si tienes un servidor de emisión distribuida de audio (audio streaming), le asignas un puerto para que toda petición externa que venga con ese puerto vaya directamente hacia el ordenador al que tú le asignes ese puerto en la configuración del router.

El puerto se especifica después de escribir la dirección IP a la que te quieras conectar, y viene precedido por “:”.

http://80.45.69.78:8000

Pongamos un ejemplo:

R: Router. IP local: 192.168.0.1 IP externa: 80.47.89.122

A: Ordenador A. IP: 192.168.0.10

B: Ordenador B. IP: 192.168.0.20

X: Ordenador X. IP: x.x.x.x (Está situado en otra ciudad)

R tiene la conexión a Internet, y A tiene instalado un servidor FTP. R, A y B forman una red local. X quiere acceder al servidor FTP de A para descargarse unos archivos. Envía la petición a R (80.47.89.122) para que le de acceso a A y poder empezar la descarga. La señal de X llega hasta R, pero R no sabe si el ordenador que tiene instalado el servidor FTP es A o B, a no ser que se lo especifiques.

Para que funcione lo que debes hacer es acceder a la configuración del router y redireccionar un puerto determinado para esa función. Para FTP, por ejemplo, el puerto por defecto es el 21. Debes decirle al router que todas las peticiones que vengan hacia el puerto 21 las envíe directamente a A.

En nuestro ejemplo, una vez redireccionado el puerto 21 hacia A, lo que hace X es mandar una petición directa al servidor que pasa por el router pero sabe a dónde mandarlo porque se especifica el puerto (http://80.47.89.122:21).

La redirección de puertos es muy usada porque las redes P2P (a las que acceden programas como el Emule, Azureus, LimeWire, etc) precisan de algunos puertos redireccionados para optimizar su conexión. De todas formas repito que lo más atractivo es el funcionamiento de programas-servidores que te permitirán controlar un ordenador a distancia, ya sea como control remoto o con el envío-recepción de archivos.

El problema del redireccionamiento de puertos es que dependen de la configuración del router, y cada empresa tiene su propio software para sus modelos. Por lo tanto deberemos aprender a usar nuestro router. Una buena ayuda la podemos encontrar en ADSLayuda. Tienen instrucciones muy precisas (con ejemplos en capturas) de muchos tipos de router. Si no, hay otro tipo de páginas de consulta similares o incluso buscando en google la respuesta aparecerá por algún lado.

Aprender a manejar tu router te puede solucionar muchos problemas, aunque también te los puede generar (aprendemos más de los fracasos que de los éxitos).

Para los usuarios de routers Belkin aquí hay una explicación de cómo configurarlo. Dentro de poco espero hacer lo mismo con un Sagem F@st 1201S.

Posted in info, redes, routers | 8 Comments »