Copias de seguridad (phpMyAdmin)

•Marzo 25, 2008 • Dejar un comentario

Una vez creada nuestra base de datos y enlazada desde PHP, podemos permitir a los visitantes de nuestro sitio que actualicen, añadan o incluso borren registros de la misma.

Por tanto suele ser habitual que aparezca la necesidad de realizar una copia de seguridad de nuestros datos en un archivo externo.

Copia de seguridad.

  1. En nuestro caso usaremos el PHPMyAdmin. Para ello iniciamos EasyPHP y accedemos a la opción Administración, y accedemos a Gestión BBDD.
  2. Seleccionamos la Base de Datos alumnos.
  3. Hacemos clic sobre la pestaña Exportar.
  4. Las opciones marcadas por defecto son adecuadas; no obstante, para optimizar el tamaño de nuestros ficheros de copias de seguridad resulta bueno marcar la casilla “comprimido con gzip”, de esta forma optimizamos el tamaño de nuestro archivo.
  5. Pulsamos sobre continue.
  6. Y se nos muestra la ventana para Guardar el archivo de copia de seguridad

Restauración de datos.

Cuando en alguna ocasión necesites recuperar los datos de una copia de seguridad procederemos de la siguiente forma:

  1. Vamos a crear una nueva base de datos llamada prueba, donde cargaremos los datos de la copia de seguridad anterior.
  2. Para ello, desde PHPMyAdmin creamos la nueva base de datos llamada prueba.
  3. A continuación, con la base de datos seleccionada pulsamos sobre la pestaña SQL.
  4. Mediante Examinar… buscamos el archivo de copia de seguridad.
  5. Pulsamos sobre Continúe, y ya está.

Encriptar contraseñas con MD5 en PHP

•Marzo 7, 2008 • 2 comentarios

Si en nuestra página web tenemos un sistema de usuarios y queremos proteger las contraseñas para prevenir posibles vulnerabilidades en nuestro servidor, es una medida eficaz encriptar las contraseñas, de manera que si alguien puede acceder a ellas no pueda ver la contraseña si no su encriptación.

Para mejorar este sistema, lo que haremos es usar un algoritmo de encriptación de un solo sentido, es decir que no se puede desencriptar de ninguna manera, como por ejemplo md5.

Para guardar la contraseña encriptada en md5, usaremos la funcion md5() de PHP:

<?
$contrasena = md5 ( $contrasena );
?>

Ya podemos guardar la contraseña en nuestra base de datos o fichero, pero… ¿como haremos para comprovar la contraseña en el inicio de sesión?

Muy fácil, como en la base de datos tenemos la contraseña en md5, encriptaremos la contraseña que escribe el visitante de la misma manera que hemos encriptado la contraseña del usuario en el momento de su regístro, ahora ya podremos comparar la contraseña enviada con la almacenada en el servidor, si la encriptación coincide es que la contraseña es correcta.

Pero si no usamos una transmisión segura (pe: SSL) sigue habiendo un problema, cuando el usuario envía los datos al servidor, la contraseña es enviada sin encriptar, y en ese momento puede ser capturada por un tercero. Para evitar esto, podemos encriptar la clave en el ordenador del cliente usando JavaScript gracias a Javascript MD5 , en lugar de encriptarla en el servidor usando PHP.

Configurar Gmail con IMAP en Thunderbird

•Febrero 13, 2008 • 2 comentarios

Para qué sirve IMAP en este caso? Con IMAP podemos sincronizar nuestro cliente de correo (Outlook, Thunderbird), con nuestra cuenta Gmail. Antes, cuando queríamos ver los correos de Gmail desde cualquiera de estos clientes, teníamos la opción POP3, que lo que hacía, era descargar todos los mensajes de Gmail a nuestro PC. Y si lo borrábamos en Outlook, por ejemplo, teníamos que hacer lo mismo en Gmail.

Con IMAP, podemos olvidarnos de todo esto, porque con este protocolo Gmail y el cliente de correo permanecen sincronizados. Si borramos un mail en un sitio, se borrará en el otro al mismo tiempo. Si lo borramos en Gmail, se borra en Outlook. Si marcamos un correo con un “label” en Gmail, aparece bajo un folder como ese en el cliente.

Pues bien, existe soporte IMAP para Gmail.Así, si tienen comprado un dominio (como este arturogoga.com, por ejemplo), y han enlazado sus cuentas de correo al servicio, (como admin @ arturogoga.com ), pueden revisarlas también sin problemas con el cliente de escritorio.

Y sin más preámbulos, pasemos al tutorial.

Por qué Thunderbird? Porque es gratuito, y está disponible para todas las plataformas (Linux, Windows, OSX). Así que pueden experimentar con Thunderbird y llevar los mismos pasos a cabo en su cliente favorito.

  1. Descargar Thunderbird.
  2. Activar el protocolo IMAP en GMail. Para ello, vamos a “Settings” en nuestra cuenta de correo GMail, y nos fijamos en la sección que dice “Forwarding and POP/IMAP”. (Nota: Si solamente dice Forwarding and POP, significa que todavía no lo han activado y solo queda esperar). Nos dirigimos a la sección “IMAP Access:” y activamos la opción IMAP.
  3. Configuramos Thunderbird. Primeroabrimos el cliente y nos dirigimos a “Herramientas” -> “Configuración de las cuentas” -> “Añadir cuenta” -> “Cuenta de correo electrónico”. En la ventana que nos aparecrá deberemos indicar un nombre (nuestro nombre completo, por ejemplo) y una dirección de correo electrónico (nuestra dirección completa de GMail, por ejemplo, dirección@gmail.com). Aceptamos los datos y pasamos a la siguiente pantalla, en la que deberemos seleccionar el tipo de servidor entrante, en nuestro caso IMAP, y el nombre del servidor será “imap.gmail.com”. Pasamos a la siguiente pantalla en la que introduciremos el nombre del usuario entrante, en este caso será el nick con el que nos identidicamos antes de entrar a GMail. Pasamos de pantalla y nos aparecerá otra con los datos ya completos. Aceptamos y ya está. Sólo deberemos finalizar la configuración.
  4. Volvemos a dirigirnos a “Herramientas” -> “Configuración de las cuentas” -> “Configuración del servidor”. Aquí cambiaremos el puerto del servidor al 993 y seleccionaremos la opción SSL. Ahora, en la sección “Servidor de salida (SMTP)” añadiremos el servidor smtp.gmail.com, con el númeor de puerto 587 y seleccionaremos la opción TLS.

Una vez seguidos estos pasos ya tendremos configurado el cliente Thunderbird para manipular los correos de GMail.

Bordes redondeados en la Web con jQuery

•Febrero 13, 2008 • 1 comentario

En este breve pero utilísimo post vamos a ver cómo estilizar el contenido de nuestra web a través del uso de “contenedores” de texto con bodes redondeados. Para ello haremos uso de CSS y JavaScript (más concretamente, la librería jQuery). Para ello deberemos seguir los siguientes pasos:

  1. Descargar la librería jQuery (nosotros hemos descargado la versión “minified and gziped”).
  2. Descargar la librería jquery-roundcorners-canvas (es la que nos proporcionará las “instrucciones” para crear los bordes redondeados).

Una vez descargado todo lo almacenaremos en una carpeta llamada “js” en nuestro directorio de trabajo. Recordad que esto es una de las muchas formas de hacerlo, podéis crear la carpeta “js” en cualquier carpeta de vuestro sistema de ficheros, sólo debéis tener en cuenta la ruta en la que se encuentra a la hora de “llamar” a los ficheros para utilizarlos correctamente.

Aclarado esto, lo que haremos será extraer los ficheros “excanvas.pack.js” y “jquery.corner.pack.js” contenidos dentro del archivo “jquery-roundcorners-canvas061.zip” en la carpeta “js”. Llegado a este punto tendremos en la carpeta “js” los siguientes ficheros:

  1. excanvas.pack.js
  2. jquery.corner.pack.js
  3. jquery-1.2.2.min.js

Llegado este punto sólo deberemos incluir las rutas de estos ficheros en nuestro código X/HTML de la siguiente forma (evidentemente, entre las etiquetas <head> y </head>):

<!--[if IE]><script type="text/javascript" src="js/excanvas.pack.js"></script><![endif]-->
<script type="text/javascript" src="js/jquery-1.2.2.min.js">
</script><script type="text/javascript" src="js/jquery.corner.pack.js"></script>

(NOTA: La primera línea sirve para que IE sea capaz de crear los bordes redondeados.)

Una vez incluido esto en el código sólo tendremos que indicarle a jQuery qué esquinas del código queremos redondear. Un ejemplo:

Código jQuery (JavaScript) :

print ' <script type="text/javascript">';
$(document).ready(function() {';
$("#menuPrincipal .idMenuPrincipal").corner("top 10px");';
});';
</script>';

Código X/HTML :

...
<div id="menuPrincipal">
<ul>
<li class="idMenuPrincipal">INF. GENERAL</li>
<li><a href="index.php?sec=1">SECCIÓN 1</a></li>
<li><a href="index.php?sec=2">
SECCIÓN 2</a></li>
<li><a href="index.php?sec=3">
SECCIÓN 3</a></li>
<li><a href="index.php?sec=4">
SECCIÓN 4</a></li>
<li><a href="index.php?sec=5">
SECCIÓN 5</a></li>
<li><a href="index.php?sec=8">FAQ</a></li>
</ul>
</div>
...

De esta forma, lo que hacemos es indicar a jQuery que redondee el borde superior (tanto derecho como izquierdo) a 10px de la classe “idMenuPrincipal” dentro del identificador “menuPrincipal”. Es una de las muchas variantes en la forma de redondear esquinas. Si queréis más información sobre cómo conseguir el efecto de los bordes redondeados podéis dirijiros al sitio oficial de jQuery.

Otras librerías capaces de realizar una tarea similar son:

  1. Curvy Corners.
  2. Nifty Corners.
  3. Mochikit.

Escritorio remoto en Linux (VNC)

•Febrero 8, 2008 • Dejar un comentario

Actualmente es bastante frecuente dejar un PC casero encendido las 24h, descargando cosas, haciendo de servidor http o incluso, para utilizarlo desde cualquier parte del mundo como si estuvieras en tu casa, gracias a VNC.

Hay básicamente dos formas de utilizar un escritorio remoto, de forma compartida (almenos en linux) o de forma dedicada. Es decir, podemos hacer que nuestra sesión de X (o de Windows) sea compartida y otros usuarios puedan conectar a ella o podemos iniciar un escritorio al que únicamente se podrá acceder via vnc (hasta dónde yo sé esto sólo es posible en linux).

Para el primer caso, si queremos compartir nuestro actual escritorio, podemos utilizar x11vnc (apt-get install x11vnc en linux). Iniciamos el entorno gráfico (el que sea, kde, gnome, xfce, fluxbox … ) y abrimos una consola, para escribir:

x11vnc -storepasswd

Nos preguntará por una contraseña y nos dirá si la queremos guardar, introduciremos una contraseña y diremos que sí a guardar. Por defecto la guardará en ~/.vnc/passwd así que usaremos ese archivo en el siguiente comando:

x11vnc -rfbauth ~/.vnc/passwd

Ya está! ¡Así de fácil! Tenemos el entorno X actual disponible para acceder desde cualquier PC conectado a internet (eso sí, procura tener mapeado el puerto 5900 en tu router). Ahora sólo necesitas el visor, que puedes encontrar en la web oficial de vnc o puedes instalarlo via tu sistema de paquetes favorito (en debian apt-get install xvncviewer).

Ahora sólo te queda ejecutar el xvncviewer e indicar la ip y el escritorio, que por defecto es el 0. Si el PC donde está compartido el escritorio tiene la ip 192.168.0.4 pues pondrás en el xvncviewer 192.168.0.4:0

Si lo que quieres es crear un nuevo entorno gráfico dedicado a vnc entonces tendrás que instalar vnc4server (apt-get install vnc4server) y hacer lo siguiente:

vncpasswd

vnc4server -depth 16 -geometry 1024×768

Con el parámetro depth indicas la profundiad de color y con geometry la resolución del nuevo escritorio. Al ejecutar este comando verás algo parecido a esto:

New ‘hostname:2 (usuario)’ desktop is hostname:2

El “:2″ es el número de escritorio, es lo que tendrás que utilizar cuando lances el xvncviewer y además, mapear el puerto 5900+2 en el router, es decir, el 5902.

Para cerrar un servidor vnc sólo tienes que hacer:

vnc4server -kill :2 (o el número que sea).

Escritorio remoto en Windows XP

•Febrero 8, 2008 • 1 comentario

La activación de este servicio nos permitirá controlar un PC remotamente, siendo posible hacerlo tanto desde la red local como desde Internet. Para ello debemos disponer en el ordenador que queramos controlar del sistema operativo Windows.

  1. En primer lugar debemos iniciar sesión como administrador o como uno de los miembros del grupo de administradores. Iremos a Inicio, Panel de Control.
  2. Elegiremos Sistema, y dentro del cuadro de Propiedades del sistema, la pestaña Remoto.
  3. Para activar el servicio, marcaremos la casilla Permitir que los usuarios se conecten de manera remota a este equipo y pulsaremos el botón Aplicar. Ahora pulsamos en el botón Seleccionar usuarios remotos…

Los administradores del equipo podrán conectarse sin necesidad de incluirlos en la lista. Si queremos autorizar a otros usuarios que no sean administradores, deberemos añadirlos mediante el botón Agregar… La administración general de usuarios del equipo y la asignación de permisos se realiza en Panel de control, Cuentas de usuarios.

En principio, el equipo ya estaría dispuesto para ser administrado remotamente desde la red local. Habrá que revisar los firewall que pudiéramos tener instalados para permitir que se ejecute el servicio Escritorio remoto, para lo cual tendremos que liberar el acceso por el puerto 3389 TCP.

Para poder hacer lo mismo desde Internet si tenemos router (si usamos modem no habría que hacer nada más), tendríamos que “abrir” el puerto 3389 TCP a la dirección IP del PC que queramos controlar.

También existe la posibilidad de ejecutar Escritorio remoto a través de una VPN, lo que permitiría establecer más opciones de seguridad.

CONFIGURACIÓN DE LOS CLIENTES

Para ejecutar el cliente de conexión remota tendremos que buscarlo en Inicio, Programas, Accesorios, Comunicaciones, Conexión a escritorio remoto. Aparecerá el cuadro de diálogo de conexión.

Introducimos el equipo al que queramos conectar, bien por su nombre o por su IP. Si todo está configurado correctamente, aparecerá la solicitud de nombre de usuario y contraseña del equipo remoto.

Debemos usar una de las cuentas que hemos establecido inicialmente para acceso remoto.

Al pulsar Aceptar, se abrirá la ventana Escritorio remoto con la configuración de escritorio, archivos y programas del equipo remoto. Este equipo permanecerá bloqueado. Nadie podrá trabajar en él sin una contraseña ni podrá ver el trabajo que realiza de forma remota. A partir de ahora podremos comenzar a usarlo.

Generador de bordes redondeados de Google

•Enero 28, 2008 • Dejar un comentario

Google tiene su propio generador de esquinas redondeadas y es francamente útil, rápido y trabajado. Solamente hay que entrar en una dirección tipo:

http://groups-beta.google.com/groups/roundedcorners?
c
=999999&bc=white&w=4&h=4&a=tr

Poniendo los parámetros que más nos gusten en la propia URL (mirad en las partes en negrita de la url anterior):

  • c: el color en formato hexadecimal como en los ficheros CSS, acepta la forma reducida y la completa (RGB o RRGGBB, 123 o 112233) pero sin poner el #. También se pueden usar los nombres de color de la especificación CSS2: aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, y yellow.
  • bc: el color de fondo, mismo comportamiento que c. Un truco: si dejamos el parámetro bc vacío el fondo de pantalla es transparente.
  • h: alto en pixels. Si lo dejas en blanco por defecto es 8.
  • w: ancho en pixels. Por defecto 8.
  • a: Esquina a generar, tl es top-left (arriba-izquierda), tr es top-right (arriba-derecha), bl bottom-left (abajo-izquierda) y br bottom-right (abajo derecha).

Desactivar la ventana de reinicio de Windows Update

•Enero 27, 2008 • Dejar un comentario

Un pequeño icono amarillo en la bandeja del sistema nos advierte de que hay actualizaciones automáticas de Windows para ser instaladas en el equipo. Pulsamos en el icono e iniciamos la instalación. La ventana se cierra y seguimos con nuestro trabajo. Estamos retocando una imagen, escribiendo un mensaje de correo electrónico, o buscando en Google algo relacionado con el trabajo que estamos haciendo en Word. Finaliza la instalación y se abre una ventana que nos indica que debemos reiniciar el equipo para que las instalaciones surtan efecto. No queremos dar por finalizado nuestro trabajo y pulsamos sobre el botón Cerrar, olvidándonos del que dice Reiniciar ahora.

Pero Windows es muy pesado. Al cabo de cinco minutos surge un nuevo mensaje advirtiéndonos de que debemos reiniciar. Y así indefinidamente, como si de una mosca borriquera se tratase, hasta que, por agotamiento, decidimos pulsar sobre el botón Reiniciar ahora. ¡Mira que es pesado! Pero no, ¿por que nos vamos a rendir…?

Pulsamos sobre Reiniciar más tarde y obligamos al sistema a que se olvide de nosotros. Estamos hasta la coronilla. Esto es lo que tienes que hacer:

  • Vamos a Inicio \ Ejecutar y escribimos cmd.
  • En la consola de comandos escribimos la siguiente instrucción:
    sc stop wuauserv
  • Pulsamos la tecla para que se ejecute la orden y, después de ver una información, sólo interesante para expertos, saldimos de la consola escribiendo exit.

Símplemente con este simple comando terminará Wondows de ofrecernos el reinicio del equipo.

Windows 7 (Vienna): ¿Realidad o ficción?

•Enero 21, 2008 • 2 comentarios

Parece ser que la empresa Microsoft tiene previsto lanzar un nuevo sistema operativo alternativo a Windows Vista para el segundo semestre del 2009. Noticia más que impactante debido a que la mayoría de los usuarios de Windows que no han adquirido un equipo con el mencionado Vista preinstalado, no han tenido tiempo ni de “trastear” práctiamente.

Navegando un poquito por la red hemos encontrado estas capturas de pantalla del supuesto Windows 7 (o Vienna, como se supone tienen pensado llamarlo), así es que no esperemos más para verlas, pero… ¿serán reales estos rumores?¿serán reales estas capturas?. No creo que debamos esperar mucho tiempo para conocer las respuestas.

Windows 7 (Vienna) 01Windows 7 (Vienna) 02Windows 7 (Vienna) 03Windows 7 (Vienna) 04

130 Iconos MacOS X 10.5 Leopard para windows

•Enero 17, 2008 • 8 comentarios

A continuación os ofrecemos la descarga de este pack de iconos en formato *.ico y *.png que corresponden a versión MacOS X 10.5 Leopard, estos iconos son para el sistema operativo Window.

Son en total 130 iconos de muy buena calidad cuyas dimensiones son de 128×128 píxeles… ideal para sus Docks , a disfrutarlos!

Descargar los iconos en formato *.ICO.

Descargar los iconos en formato *.PNG.