9
Nov
2008

Seguridad para tu correo Google Apps

Locker2Loguearse al correo desde una computadora ajena (cyber, facultad, trabajo, etc.) es frecuente para muchos. En general no tenemos problemas pero podrían haberlos. Dos métodos sencillos para sacarnos la contraseña:

1. Keylogger. Un programita que registra lo que tecleamos, lo almacena en un archivo y puede enviarlo por internet.

2. Cabeceras HTTP. Al enviar un formulario el navegador junta la información -contraseña sin cifrar incluída- y la envía al sitio. Ese intercambio se puede ver y guardar. Para los antivirus es legal.

Propongo una solución de seguridad para quienes usan Google Apps que si bien no es definitiva, da algunas garantías al proceso:

  • Ingresar utilizando una contraseña distinta a la verdadera. Esta contraseña podría ser función de la fecha de manera que cambie diaria y automáticamente -o más perverso todavía, queda librado a su imaginación ;) -.
  • No se intercambia en las cabeceras la contraseña verdadera.
  • El acceso es restringido; no podemos ingresar a otros servicios de Google.
  • Por lo anterior y porque no conocemos la contraseña real, no es posible cambiarla. La cuenta no es automodificable.
  • Podemos llevar un control de ingresos: logueos exitosos, logueos fallidos, fechas, ips, bloqueo después de cierta cantidad de intentos, etc.
  • Podemos llevar el cuadro de ingreso al sitio/diseño que queramos -algo en principio exclusivo para cuentas Premium-.


Leer el resto del artículo »

Internet, Programación
19
#55
16 May 2011
Baja de la edad de imputabilidad penal en el Uruguay: ¿cómo es el proceso para firmar? Solicitá un formulario. Completalo con tu nombre, apellid...
10
Sep
2008

Eliminar publicidad del hosting gratuito

Algunos hostings gratuitos tienen la mala idea de insertar publicidad en todas las páginas html que subamos. La inserción se hace automática; podemos revisar el código mil veces que no encontraremos nada hasta que se cargue la página en el navegador. Está fuera de nuestro control.

Sin embargo, con un pequeño truco CSS podemos agregar un manto blanco al sitio que tape los avisos y sobre él poner el contenido. Revisen los Términos de Servicio y úsenlo bajo su propio riesgo ;)

Código:

<html>
<head>
<title>Prueba</title>
<style type=”text/css”>
.mantel{
background-color: #FFFFFF;
position: absolute;
left: 0px;
top: 0px;
display: block;
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<table border=”0″ class=”mantel”>
<tr><td>

<!– SITIO –>

</td></tr></table>
</body>
</html>

Programación
23
23
May
2008

Stream Recorder 0.1

81417-3

Hace un par de artículos daba unas instrucciones para grabar streaming en GNU/Linux usando Amarok, Streamripper y RecordRadio (script para Amarok). Si bien funciona, el último script está poco desarrollado y complica un poco el procedimiento. Lo que hice los días pasados fue programar un script en Bash basado en el anterior que permita manejar algunas cosas de forma automática y con menús de click-derecho.

Lo llamé Stream Recorder y está en su versión 0.1. Requiere Amarok y Streamripper. Lo bajan, lo instalan y lo activan. Mi sugerencia es que lo dejen activado de forma permanente (no consume recursos) y lo manejen con el menú.

Cuando quieren grabar, hacen click derecho en el streaming (el que está activado) y seleccionan Record. No importa si el streaming está en stop, en pausa o reproduciéndose. Cuando quieren detenerlo, click derecho y Stop currently recording. También pueden cortar la grabación dandole pause/stop al streaming o empezando a ejecutar otro.

Los cartelitos amarillos en la esquina inferior izquierda dicen el estado: grabando o detenido. Se genera un archivo único por grabación (el formato depende del streaming) y un archivo .cue con información (si el streaming lo permite, allí aparecerían título y artista de cada tema en órden). En el mismo script pueden editar esas opciones y el directorio donde quieren que se guarde.

81417-2 81417-1

Descargar: http://www.kde-apps.org/content/show.php?content=81417

Programación
10
20
May
2008

Cuadros de bordes redondeados con CSS (II)

bordesredondeadosii

Aquí esta la segunda parte del tutorial para crear cuadros con bordes redondeados (pueden ver la primera aquí). Decía que podría interesarnos que el área de trabajo (donde insertar texto, imágenes, tablas, etc.) incluyera bordes y esquinas como marca la imágen; para, por ejemplo, insertar elementos en cuadros de poca altura.

¿Por qué no usar una única imágen de fondo? Para que los cuadros puedan expadirse o contraerse según el contenido.

arriba-izquierda arriba-derecha abajo-izquierda abajo-derecha

Aquí va el código:


Leer el resto del artículo »

Internet, Programación
5
19
May
2008

Grabar streaming de audio en GNU/Linux (Debian, Ubuntu, Fedora, etc.)

Pantallazo3

Podría interesarles grabar programas o canciones de alguna radio por internet. Si ese es el caso y están trabajando en GNU/Linux (Debian, Ubuntu, Fedora, etc.), esta guía va a servirles.

En primer lugar instalamos el siguiente software:

Amarok es un reproductor de música pensado para KDE -para muchos el mejor-. Si usan un entorno Gnome, deberán instalar algunas librerías extras para que funcione (los manejadores de paquetes como Synaptic se encargan de las dependencias automáticamente). Streamripper es un programa en modo consola que graba de la web al disco. No recomiendo usarlo solo por dos razones: no podemos escuchar a medida que grabamos (si lo hicieramos con programas separados consumiríamos el doble de ancho de banda) y la consola puede resultar incómoda.

Lo segundo es instalar un script para Amarok llamado RecordRadio. Este script se encarga de integrar los dos programas mencionados. Lo descargan de aquí y en Amarok eligen Tools -> Script Manager -> Install Script.


Leer el resto del artículo »

Internet, Programación
6
18
May
2008

Cuadros de bordes redondeados con CSS (I)

Desde hace algunos días estoy trabajando en el rediseño del sitio Cafe Montevideo. Uno de los retos fue crear cuadros con bordes redondeados Encontré en la web mil formas de hacerlo: algunas con CSS, otras con Javascript, algunas sin usar imágenes en las esquinas (bordes ásperos) y otras usando (bordes suavizados).

Exceptuando los que tenían Javascript, probé 30 códigos distintos y ninguno se mostraba correctamente. Cuando la mezcla era ya ininteligible y la paciencia estaba por agotarse, pensé en escribirlo desde 0. Al final quedó y quiero compartir el código (CSS + imágenes).

bordesredondeados

Imágenes (esquinas):

arribaizquierda arribaderecha abajoizquierda abajoderecha


Leer el resto del artículo »

Programación
16
7
May
2008

Paleta de color y conversor RGB – Hexadecimal

La paleta de color es una herramienta fundamental para diseñadores gráficos y diseñadores web. Normalmente los programas con los que ellos trabajan incorporan una buena variedad. El problema podrían tenerlo aquellos que estén trabajando fuera de su entorno habitual o utilizando un editor básico para escribir o modificar una hoja de estilos (CSS). Ahí sería útil tener algo en la web. Esta de arriba tiene un aspecto similar a la del Photoshop.

El conversor RGB – Hexadecimal puede servirle, por ejemplo, a quienes estén trabajando con algún lenguaje de programación web y librerías gráficas.

Espero que alguna vez les resulten útiles estas herramientas. A mí por lo pronto sí :)

Agradezco al sitio 2CreateaWebsite de donde tomé el archivo.

Internet, Programación
1
11
Apr
2008

¿Cómo agregar el Estado del Tiempo a tu sitio web?

tiempoSupongamos que queremos mostrar en nuestra página información sobre el Estado del Tiempo. Evidentemente nosotros no vamos a estar actualizando a cada instante los valores. Necesitamos sacarla de algún lugar donde eso suceda automáticamente. Hay distintas formas: utilizar algún sitio que nos permita insertar su código (The Weather Channel por ejemplo), utilizar un iframe o lo que les voy a contar a continuación.

PHP nos permite leer archivos de texto de forma local (en la misma computadora donde se ejecuta el script) y de forma remota (cualquier sitio web por ejemplo). La técnica es la siguiente: en cada ejecución del script leemos el HTML de alguna página, de allí extraemos la información que necesitamos y la presentamos como queremos.

La ventaja de esto muy clara: podemos elegir que información mostrar, integrarla a nuestro diseño y no tendremos que soportar publicidad de ningún tipo.

El ejemplo será con el Estado del Tiempo y la víctima de nuestro “robo” Buquebus. Podría aplicarse la misma idea para casi cualquier sitio e información. Otro ejemplo que se me ocurre de similares características es la cotización de la moneda.

Hay una cuestión básica en esto y es que cada página es diferente. Eso significa que no hay un algoritmo genérico: debemos estudiar a la víctima (cómo presenta la información, dónde está esa información y cómo varía en cada actualización del sitio) y en función de eso diseñar el código.


Leer el resto del artículo »

Programación
46
24
Mar
2008

Presento Mi Fotolog (script)

fotologHace algunos días comentaba que había empezado a programar un fotolog. No puedo decir que está terminado pero sí “usable”. La idea, el diseño y las características son similares al original: perfil (con protección anti-spam para el correo), archivo de fotos, amigos/favoritos, últimas actualizaciones, etc. Más sencillito pero a la vez limpio.

Se permite el posteo de usuarios deslogueados, editar entradas en cualquier momento, subir varias fotos por día y otras cosas que en el original son solo para usuarios Premium. Pero la cuestión más importante es que uno es dueño de la información (texto y fotos) y la puede respaldar facilmente.

El sistema es multi-usuarios con un Panel de Administración para aceptar/denegar nuevos registros, aprobar usuarios (el registro es con verificación de correo y aprobación del administrador), suspender cuentas, eliminarlas y revisar los posts denunciados.

En el tintero quedan mil cosas: depurar el código, mejorar la documentación, la navegabilidad, la paginación, el mod_rewrite de Apache, la búsqueda de usuarios, etc. Igual no tengo apuro, lo bueno de esto es que uno le puede ir agregando las cosas a medida que las precisa jaja.

Pueden visitarlo aquí: http://cafeciudad.com/fotolog

Agradezco sugerencias y críticas!

Internet, Personal, Programación
57
14
Mar
2008

Separar diseño de código en php usando el motor de plantillas de phpBB (II)

Para esta segunda parte de la serie (ver la primera aquí) explicaré como utilizar condicionales, como anidar bloques y como generar salidas en distintas páginas html utilizando el mismo script php.

Condicionales.

Los condicionales son estructuras que permiten ejecutar una parte del código si se cumple tal condición. Supongamos que si la variable $i es igual a 1, queremos mostrar un bloque dentro de la página html y que si no se cumple queremos mostrar la página sin ese bloque.

Código php:

<?php
include_once("template.php");
$template = new template();
$prueba = "Esta es una prueba";
$template->assign_vars(array(
'VARIABLE1' => $prueba,
));
$i = rand(0, 1); //$i toma un valor entero aleatorio en el rango 0 - 1
if($i == 1)
{
 $condicional_out = array(
‘I’ => $i,
);
$template->assign_block_vars(‘condicional’, $condicional_out);
}
$template->set_filenames(array(
'body' => 'prueba.html'));
$template->display('body');
unset($template);
?>

Código HTML:

<html><head><title></title></head><body>
<table>
<tr>
<td>
{VARIABLE1}
</td>
</tr>
</table>
<!– BEGIN condicional –>
<table>
<tr>
<td>
{condicional.I}
</td>
</tr>
</table>
<!– END condicional –>
</body></html>

La primera tabla se mostrará siempre. La segunda tabla aparecerá unicamente si la condición se cumple. Como pueden ver, la idea es la misma que la de las iteraciones.


Leer el resto del artículo »

Internet, Programación
18