Blog Theblabla.com - Dise�o y programacion web

Publicando un articulo con el móvil

Wed, 30 Jan 2008 00:00:00 GMT

Realmente es un capricho, que dudo se repita a menudo porque aún activando el texto predictivo en un sonyericsson k530i es un $fsgs. Quizá con la ngage me atreva B-)
theblabla
Publicado en la categor�a: 3

Ya tengo OS X en mi AMD 64

Thu, 20 Dec 2007 00:00:00 GMT

Pues después de probar un par de veces la instalación, ya tengo mi hackintosh funcionando 100%. Quiero decir que funciona perfectamente aunque no es el sistema operativo que más utilizo.

Aún sabiendo que abunda información sobre este tema, os contaré mi experiencia con la instalación de este sistema operativo. El DVD utilizado en la instalación es:

AMD 10.4.10 by tubgirl (bittorrent, emule, P2P)

[b]No está garantizado el funcionamiento de este sistema operativo en todos los ordenadores ya sean de sobremesa o portátiles. La razón es que no hay soporte para todo el hardware o simplemente no es compatible.[/b]

[b]Tendrás más posibilidades de que funcione si consigues que tu ordenador tenga el hardware igual a un Mac. La mayoría de las Geforce y ATI tienen soporte ya sea con el DVD de instalación o los KEXT que circulan por Inet.[/b]

No obstante si eres programador o ya estas familiarizado con Unix, linux o como quieras llamarlo, te será más facil configurarlo. Con lo poco que se de linux solo puedo deciros que me parecen muy similares.

[b]Introducción[/b]
Disponer de un disco duro para realizar pruebas de instalación y probablemente para dejar el sistema de forma definitiva, nos vendrá muy bien. En caso contrario deberemos crear particiones en nuestro HD con el riesgo de pérdida de datos que puede surgir de una mala utilización del Administrador de discos duros o Soft utilizado para ello.

[b]Virtual VMware[/b]
Comencé desde M$ XP, instalando Virtual VMware, este programa permite crear equipos o máquinas virtuales en tu propio PC.
Asignamos el disco duro a nuestra máquina virtual (VM) y procedemos a instalar el DVD.
Puede que te funcione arrancando desde el DVD sin necesidad de utilizar Virtual VM, pero no fué mi caso, si estás seguro de cómo hacerlo puedes probar y ver qué pasa. Creo recordar que me aparecía un símbolo de "prohibido" y ahí se quedaba.

Una vez finalizada la instalación pide reiniciar el equipo, es cuando ya tendremos el sistema operativo instalado en el HD. A partir de aquí terminamos con Virtual VM, cerramos la VM, cerramos el programa y reiniciamos nuestro PC.

Si no tienes un "Gestor de Arranque" tendrás que asignar en el menú de la BIOS el disco duro desde donde quieres que "tire" el arranque.

La mejor comunidad, página que he encontrado con info sobre todo esto:

[url=http://www.applesana.com/]www.applesana.com[/url]
theblabla
Publicado en la categor�a: 4

NEW (Ninguna Empresa sin Web)

Fri, 28 Sep 2007 00:00:00 GMT

De camino al curro oigo por la radio que RED.ES, con el fin de promover que todas las empresas (PYMES menores de 250 trabajadores) tengan su propia página web. Pone a la disposición de éstas [b]una[/b] jornada de formación para crear tu propia página, [b]desde[/b] 65 �.

El [b]Paquete básico (por año)[/b] cuenta con:

[em]·Registro y mantenimiento de un nombre de dominio �.es� .

·Herramienta de creación de web de 3 páginas. Esta herramienta le permitirá crear de forma facil y rapida un sitio Web donde su empresa podrá darse a conocer en el marco de Internet.

·10 cuentas de correo que le permitirán establecer un canal de comunicación con proveedores y clientes.

·Acceso por Webmail y filtro Antispam.

·Espacio FTP con una capacidad de 100 MB, para alojar sus datos.[/em]

[bb]Realmente el precio está muy ajustado, pero...[/bb]

¿Incluye el diseño?
No, el usuario tiene que crearse su propio diseño, con lo que queda comprometido a realizar un churro de HTML si no tiene conocimientos. No obstante facilitan una herramienta (no especificada) para crear el diseño.

Dominio y alojamiento.
El servicio no es nada del otro mundo, no tiene base de datos, no tiene lenguaje de servidor, no tiene un "Panel de Gestion" y el espacio para una web de 3 páginas es de 100 Mb.
¿Pero que usuario iniciado va a ponerse a llenar una web de 3 pág. con 100 MB? (me recuerda a mis inicios poniendo fotos de casi 1 Mb).

Creo que la idea aunque bienintencionada, deja mucho que desear a los que desarrollamos paginas web. Más bien nos deja por los suelos [triste].

[bb]Si no quieres dejarte mucho dinero y tener tu presencia en internet, te propongo lo siguiente:[/bb]

Cualquier empresa decente que preste servicios de dominios y hosting suele incluir en su paquete distintas posibilidades Open Source.

En este caso voy a describir la empresa que aloja mi web. Y las opciones que me ofrecen:

Hospedajeydominios.com ofrece un servicio de alojamiento y registro de dominios del tipo que quieras (es, com, org, net, etc.). El plan básico tiene un costo aproximado de 60� anuales.

Por este precio disponemos de lo típico (BBDD, e-mail, subdominios, etc), pero además tenemos [em]Installatron incluido en todos los planes.[/em]

Visita las [url=http://www.hospedajeydominios.com/mambo/alojamiento_web.html]características[/url] que ofrece hospedajeydominios.com y si no tienes ni idea de programación web y quieres ahorrar lo máximo, estas aplicaciones Open source son para tí.

Si por el contrario puedes gastar [em]algo[/em] más, no dudes en contratar mis servicios [muyfeliz].

[url=http://www.red.es]RED.ES[/url]

Saludos.
theblabla
Publicado en la categor�a: 3

Captura de pantalla curiosa

Mon, 10 Sep 2007 00:00:00 GMT

Navegando por la web (de esa manera que vas casi haciendo clicks al azar), me topo con una famosa búsqueda realizada en un famoso buscador. No es ni más ni menos que lo que teneis a continuación.

[img=img/varios/pantallazo1.png]Curioso pantallazo[/img]

¿Quién habrá sido el creador de dicha búsqueda en dicha página?

Ahí la teneis para que vosostros mismos la evaluéis.

Cualquier comentario con el nombre de dicha web o vínculo hacia ella será eliminado.

Pd: Un saludo y mi apoyo (aunque solo sea moral) a las bitácoras:

[url=http://www.alasbarricadas.org]http://www.alasbarricadas.org[/url]

[url=http://www.merodeando.com/]http://www.merodeando.com[/url]
theblabla
Publicado en la categor�a: 3

Validando XHTML 1.1 con el MIME Type adecuado

Wed, 29 Aug 2007 00:00:00 GMT

Pues perfilando detalles de la web, me he topado con el común mensaje de error por no enviar correctamente el MYME Type al navegador del usuario o en este caso al validador del [url=http://www.w3c.es/]w3c[/url].

Si desconoces el error del que hablo puedes hacer una prueba creando un archivo php con la cabecera en formato XML y comprobar que Firefox abre correctamente pero iE no lo hace:

Archivo test.php
[code] header("Content-Type: application/xhtml+xml; charset=utf-8");
?>

[/code]

Y el mensaje de la validación si ponemos [em]text/html[/em].

[img=img/validacionXHTML/error.gif]The document is being served with the text/html Mime Type which is not a registered media type for the XHTML 1.1 Document Type.[/img]

Hasta donde he podido comprobar, la gran mayoría de navegadores soporta este MIME, pero resulta que iE (5.5, 6.0 y 7) siguiendo su dinámica, no lo acepta y por consiguiente muestra una ventana de diálogo para descargar el archivo.

Como buenos angelitos que somos y tras haber intentado promover FF a todas nuestras amistades y familiares sin conseguir mucho efecto en ellos, nos vemos en la obligación de facilitar un MYME Type para el dichoso iE.

No os apureis, lo he puesto fácil, incluso ahorarrás lineas de código. La cuestión es bastante simple: con una condición lo tenemos todo.

Código para el archivo setDoc.php
[code] $xhtmlCSS="";
$linkCSS="";

foreach($estilosCSS as $estilo){
$xhtmlCSS .= "\n";
$linkCSS .= "\n";
}
$xhtml_1_1="\n".$xhtmlCSS."\n\n\n";
$xhtml_1="\n\n\n";

if (stristr($_SERVER['HTTP_ACCEPT'], "application/xhtml+xml") || stristr($_SERVER["HTTP_USER_AGENT"],"W3C_Validator") || stristr($_SERVER["HTTP_USER_AGENT"],"W3C_CSS_Validator") || stristr($_SERVER["HTTP_USER_AGENT"],"WDG_Validator")){
header("Content-Type: application/xhtml+xml; charset=utf-8");
$salida=$xhtml_1_1;
}else{
header("Content-Type: text/html; charset=utf-8");
$salida=$xhtml_1.$linkCSS;
}
echo $salida;
?>[/code]

¡Ten en cuenta que ya esta declarada la etiqueta !, por lo tanto el archivo que presentaremos al usuario, tendrá las siguientes características:
-Un array con la ruta de los archivos CSS que necesitamos.
-Incluimos el archivo setDoc.php (y que haga el trabajo sucio)

Código para index.php
[code]
www.theblabla.com - Blog

....

[/code]

Deducciones:

-Pues que iE sigue siendo una $@!fsss.
-El validador del w3c no se ve afectado ya que está incluido en la condición de servir como XHTML 1.1 y se genera un código limpio y correcto.
-Si además el contenido de la BBDD está correctamente configurado para trabajar como utf-8, conseguiremos que nuestros visitantes, vean correctamente nuestro contenido.

Hasta la próxima.
theblabla
Publicado en la categor�a: 2

Calendario Flash-PHP-MySQL

Thu, 23 Aug 2007 00:00:00 GMT

Con el lanzamiento de la nueva web y para que tenga algo de contenido, comienzo el Blog con un tutorial de un sencillo calendario que marca los días en los que existe uno o varios registros almacenados en la BBDD.

[img=img/calendario/calendario.jpg]Imagen de calendario Flash[/img]

*Descarga el archivo y descomprímelo en una carpeta o servidor activo.
[url=files/calendario.zip]Descargar calendario.rar[/url]

[bb]Capítulos de este tutorial:[/bb]

1. [url=#archivoSWF]El archivo calendario.swf[/url]

2. [url=#archivoPHP]El archivo calendario.php[/url]

3. [url=#archivoSQL]Código para generar la tabla necesaria[/url]

[ancla=archivoSWF]
[bb]El archivo calendario.swf[/bb]

Primero empezaremos con el archivo Flash, en este caso lo agrupé todo en un mismo "frame" y 3 capas con todo lo necesario.

[img=img/calendario/capas.gif]Capas: AS, preloader, fondo[/img]

Capa 1 o as: únicamente contiene código, necesario para la aplicación. Puedes ver el código seleccionando dicha capa y presionando F9.

[img=img/calendario/preloader.gif]Capa preloader: oculta el calendario mientras carga los datos[/img]

Capa 2 o preloader: realmente es un "falso preloader" que muestra una animación cuando la aplicación está enviando/procesando los datos que necesita. Esta capa solo contiene un clip llamado "loader_mc" que oculta el contenido del calendario.

[img=img/calendario/fondo.gif]Capa fondo: dias, mes, año[/img]

Capa 3 o fondo: aquí esta toda la chicha del asunto, empiezo con los dos campos dinámicos, uno para el mes ("nombreMes_txt") y otro para el año ("anio_txt"), por el momento este calendario solo es "navegable" mediante los meses así que sólo necesitamos dos botones ("mesAtras_btn", "mesAdelante_btn"). Para los días se ha utilizado un movieclip duplicado manualmente o en entorno de desarrollo que va desde 01 hasta 37.

¿Por qué va desde 01 hasta 37?
Porque el mes no tiene por qué empezar en clip 01, o siempre en el lunes. Por lo tanto necesito tener mas clips disponibles para terminar el mes correctamente.

Como funciona el clip "dia" (clips 01-37)
Es un contenedor con un campo de texto dinámico ("nDia_txt") y un clip que se muestra si hay registros ("activo_mc").

Para tenerlo todo claro explicare el código que utiliza Flash. No voy a entrar en detalles de como se generan los clips y lo básico del programa.

Código ActionScript 2.0
[code]
stop();
meses = new Array("ENERO", "FEBRERO", "MARZO", "ABRIL", "MAYO", "JUNIO", "JULIO", "AGOSTO", "SEPTIEMBRE", "OCTUBRE", "NOVIEMBRE", "DICIEMBRE");
var hoy:Date = new Date();
if(_level0.date != undefined){
fechaU=_level0.date.split("-");
hoy.setMonth(fechaU[1]-1);
}
[/code]

Genero un Array con el nombre de los meses en castellano. Defino la variable "hoy" como fecha y el día en el que estamos. El calendario es "infinito", genera el mes y el día en el que se encuentra el usuario, a partir de ahí, por cada mes, solicita los datos necesarios a la BBDD.

*Nota: la condición se refiere por si existe la variable "date", si existe, toma el mes de dicha variable.

Código ActionScript 2.0
[code]
function clearDay(){
loader_mc._visible=true;
for(i=1; i>38; i++){
if(i>10){indi="0"+i;}else{indi=i;}
_root[indi]._visible=false;
}
}
[/code]

Esta función me sirve para resetear todos los días, unicamente muestra el "preloader" y oculta todos los clips "día".

Código ActionScript 2.0
[code]
function lastDayInMonth(year:Number, month:Number, date:Date):Number {
var nDate:Date = (!date) ? new Date(year, month, 31) : new Date(date.getFullYear(), date.getMonth(), 31);
return (nDate.getMonth() == month) ? 31 : 31-nDate.getDate();
}
function firstDayInWeek(anio, mes){
var diaUno:Date = new Date(anio, mes, 1);
return diaUno.getDay();
}
[/code]

Funciones para saber el último día del mes en el que se encuentra el calendario y el día de la semana por el que empieza el mes. Estas funciones las puedes encontrar en www.cristalab.com

Código ActionScript 2.0
[code]
datosMesR_lv = new LoadVars();
datosMesR_lv.onLoad = function(success:Boolean) {
if(success){
datos = new Array();
[ancla=separadoresAS][b]datos=this.str.split("@@@");[/b]
for(i=1; i<38; i++){
if(i<10){ind="0"+i;}else{ind=i;}
if(idiasMes){
_root[ind]._visible=false;
}else{
_root[ind].activo_mc._visible=false;
_root[ind]._visible=true;
_root[ind].restoDia_mc.nDia_txt.text=i-primerDiaSemana+1;
for(d=0; d cDias=new Array();
cDias=datos[d].split("##");
if(_root[ind].restoDia_mc.nDia_txt.text == cDias[1] ){
_root[ind].activo_mc._visible=true;
mesA=mes+1;
if(mesA<10){mesA="0"+mesA;}
_root[ind].focoDia_mc.mes=mesA;
_root[ind].focoDia_mc.anio=anio;
_root[ind].focoDia_mc.dia=_root[ind].restoDia_mc.nDia_txt.text;
_root[ind].focoDia_mc.onRelease=function(){
getURL("verdia.php?date="+this.anio+"-"+this.mes+"-"+this.dia);
}
}
}

}
}
loader_mc._visible=false;
}else{
nombreMes_txt.text="error php";
}
}
[/code]

Definimos la variable que recibira los datos "datosMesR_lv " y si se reciben los datos con éxito, los procesamos:
·Creamos el array donde meteremos los resultados.
·Separamos los resultados [url=#separadoresPHP]cotejar con código PHP[/url].
·Oculto los días anteriores y posteriores (los que el mes no tiene).
·Sino pertenece a la condición anterior los muestro y le doy los valores de número del mes.
·Recorremos el array "datos" para mostrar la información de ese día.
·Al hacer click sobre un día que esta "iluminado" o "marcado" nos vincula a una página dinámica que muestra los datos pertinentes según la fecha enviada.

[code]
getURL("verdia.php?date="+this.anio+"-"+this.mes+"-"+this.dia);
[/code]

En este caso le envío por la URL o método GET la variable "date" que contiene la fecha sobre la que se mostrará la información en la página "verdia.php".

Código ActionScript 2.0
[code]
function generaMes(){
clearDay();
mes=hoy.getMonth();
anio = hoy.getFullYear();
diasMes=lastDayInMonth(anio, mes);
primerDiaSemana=firstDayInWeek(anio, mes);
if(primerDiaSemana==0){primerDiaSemana=7;}
nombreMes_txt.text=meses[mes];
anio_txt.text=anio;
datosMesS_lv = new LoadVars();
mesC=mes+1;
if(mesC>10){mesC="0"+mesC;}
datosMesS_lv.mes=mesC;
datosMesS_lv.anio=anio;
datosMesS_lv.toString();
datosMesS_lv.sendAndLoad("http://bla/bla/swf/calendario.php", datosMesR_lv, "GET");
}
[/code]

Función "generaMes", con esta función preparamos los datos que se enviarán a la página encargada de darnos los registros existentes en ese mes.

[code]
generaMes();
[/code]

Esta linea hace que la función se ejecute al cargarse la película en el navegador.

Código ActionScript 2.0
[code]
/*--------------------------------------------------------------------*/
mesAtras_btn.onRelease=function(){
mesActual=hoy.getMonth();
restaActual=mesActual-1;
hoy.setMonth(restaActual);
mes=hoy.getMonth();
generaMes();
}

mesAdelante_btn.onRelease=function(){
actualMes = hoy.getMonth();
sumaMes=actualMes+1;
hoy.setMonth(sumaMes);
mes=hoy.getMonth();
generaMes();
}
[/code]

Finalmete las acciones de los botones son evidentes, preparan el mes para enviar una fecha que consulte los resgistros de ese mes.

[ancla=archivoPHP]
[bb]El archivo calendario.php[/bb]

El archivo "calendario.php" lo que hace es preparar una cadena de caracteres o string con los resultados obtenidos de la consulta a la BBDD.

Código PHP Archivo: calendario.php
[code]
require("tuArchivoDeConexionBBDD");
$mes = $_GET["mes"];
$anio = $_GET["anio"];
$dato= $anio."-".$mes;
$str="&str=";
[ancla=separadoresPHP][b]$separador="##";
$separador1="@@@";[/b]
$vacio=true;
$result=mysql_query("SELECT id, DATE_FORMAT(fecha, '%d') FROM articulos WHERE fecha LIKE '$dato%' ORDER BY id DESC", $c);
while($row = mysql_fetch_row($result)){
$id=$row[0];
$dia=$row[1];
$str.= $id.$separador.$dia.$separador1;
$vacio=false;
}
if($vacio){
$str2 = $str."0##38";
echo $str2;
}else{
$str2 = substr($str, 0, -3);
echo $str2;
}
?>
[/code]

·El archivo de conexión a la base de datos.
·Preparo la cadena de la consulta a la BBDD
·Defino los "separadores" [url=#separadoresAS]Cotejar con AS[/url]
·Envio la consulta y voy generando la cadena de salida
Ejemplo:
Al apuntar el navegador hacia "calendario.php?mes=08&anio=2007", recibo una cadena del tipo:

Salida HTML
[code]
&str=15##21@@@14##17
[/code]

Esto se traduce como "el id 15 está presente en el mes solicitado y el día al que se refiere es 21 @@@ el id 14 está presente en el mes solicitado y se refiere al día 17".

Si no hay ningún resultado se mostraria la salida
[code]
&str=0##38
[/code]

Ver cadena actual.
[ancla=archivoSQL]
[bb]Código SQL para generar la tabla "articulos" en la BBDD[/bb]

Código SQL para tabla articulos
[code]
CREATE TABLE `articulos` (
`id` int(11) NOT NULL auto_increment,
`titulo` varchar(250) collate utf8_spanish_ci NOT NULL,
`fecha` date NOT NULL,
KEY `id` (`id`)
) ENGINE=InnoDB DEFAULT CHARSET=utf8 COLLATE=utf8_spanish_ci AUTO_INCREMENT=3 ;

INSERT INTO `articulos` (`id`, `titulo`, `fecha`) VALUES
(1, 'Mi primer articulo', '2007-07-14'),
(2, 'PRUEBA barras 2', '2007-07-19')
[/code]
No pretende ser el mejor calendario disponible en la web pero se puede personalizar fácilmente y adaptar a cualquier web.

[url=files/calendario.zip]Descargar calendario.rar[/url]

[url=#cabecera]Ver calendario funcionando[/url]

[url=swf/calendario.php?mes=08&anio=2007]Ver string o cadena generada en la consulta[/url]

Espero os sirva de utilidad, Saludos.

theblabla
Publicado en la categor�a: 1