Ahora estoy bastante interesado en la plataforma android, mi hermano y yo hemos creado unas cuantas aplicaciones y tenemos bastantes ideas por desarrollar. Para los que queráis seguir nuestro progreso estamos en http://www.androidsx.com.

Espero volver algún día, de momento cuento mis tonterías en twitter

ShareThis

• PHP senior: presentación con buenas prácticas de desarrollo en PHP.
• Deuteria: modelar con ArgoUML aplicaciones en PHP.
• Carlos Leopoldo: screen scrapping a lo SQL.
• PHPBSD: optimización de aplicaciones server-side.
• Boozox: manual sencillo de regex en PHP.
• ImMike: 5 aplicaciones que todo desarrollador de PHP debería saber.
• PHPBarcelona: material muy interesante que se dio en un workshop del grupo PHPBarcelona
• IBM: 7 hábitos para escribir aplicaciones seguras en PHP

ShareThis

Al principio vine con miedo, primera vez que estaba en un país extranjero con un idioma que a pesar de haberlo estudiado toda la vida, no había tenido la posibilidad de tener que hablarlo día a día. Aparte estaba el trabajo que tenía que hacer y a dónde iba trabajar, siendo mi primer trabajo como programador y mi primer mini-salario.

He estado estos dos meses en el European Bioinformatic Institute, un centro de investigación con unas instalaciones bastante impresionantes la verdad. Es Supongo que es bastante diferente a una empresa normal, aquí la gente tiene relativa libertad de horarios, pudiendo trabajar desde casa siempre y cuando cumplas con tu trabajo y tengas un resultado. He de decir que en este campo, la bioinformática, hay mucho trabajo por hacer y es bastante interesante. No quiere decir que me vaya a centrar en él, primero me gustaría trabajar en varios campos para saber realmente lo que me gusta hacer.

Respecto al proyecto que tenía que hacer, lo he desarrollado con PHP, MySQL, Javascript/AJAX y he de decir que me ha gustado trabajar con estas tecnologías. En una presentación que hice para recibir feedback de la gente, uno de mi grupo me comento porqué no usaba Java, que es mucho más robusto que PHP y que podía utilizar para facilitarme las cosas Hibernate, JSF, etc. Era mi segunda semana y tampoco quería entrar en debates de porque no debía usarlo, simplemente dije que para cada aplicación/situación hay que usar la tecnología adecuada. No quise defender PHP ( podría ser Perl, Python…), pero para unos simples scripts que debía hacer en el servidor no creo que requiera toda la robustez de Java.

A parte de que ya tenía algo de idea con PHP, creo que para lo que tenía que hacer en el servidor era necesario.  En resumen, el trabajo en el servidor era hacer un cliente de OpenID, todas las operaciones y el acceso a la base de datos, un sistema de login y un pequeño proxy para consumir Web Services. La mayoría de la lógica está en el cliente con Javascript/AJAX, he utilizado Yahoo User Interface y la verdad es que es muy potente, a parte de la inmensa cantidad de documentación y ejemplos que dispone.

Si alguien tiene curiosidad, todo la documentación relacionada con el proyecto esta en un wiki público de assembla que hice para mantener informado a mi jefe, es un branch de un proyecto Open Source, así que si ya estáis muy aburridos se puede ver el código fuente. Realmente estaba muy motivado para hacer un buen trabajo y creo que les ha gustado : )

He intentado aprender un poco de biología/bioinformática en general ( me falta mucha base ) pero me ha resultado interesante. Tambien he estado lidiando bastante con Web Services, que está claro que han venido para quedarse. Me apunté a un curso de aquí bastante interesante ‘Programmatic access of Proteomics Resources‘, en el que consumíamos Web Services con Java. Al final me cansé un poco porqué habían mucho speakers/databases cada uno con su modelo de datos debajo del brazo y me hubiera gustado saber un poco qué datos recuperaba.

En conclusión, la experiencia de un internship fuera ha resultado muy satisfactoria, se la recomiendo a todos y la verdad es que me hubiera gustado darme cuenta mucho antes, y aunque no sea a trabajar en lo mío, salir de España¡

No he hablado del tema personal porque aún me siento raro escribiendo, pero vamos he hecho muy buenos amigos y me lo he pasado muy bien.

ShareThis

He estado lidiando un poco sobre cómo hacer funcionar una aplicación en IE 6 sin ningun fallo,  éstos son sólo son algunos tips rápidos e información que encontrado:

• Como víen Anieto2k, existe Companion JS y tiene buena pinta como debugger, pero quería algo sencillo para el momento así que directamente usé Visual Studio (no lo recomiendo) con las excepciones que me daba ; )
• Existe una versión muy reducida de Firebug para Internet Explorer llamada Firebug Lite.
• Habilita el modo debug en IE, enlazo al tutorial.
• Inserta la etiqueta tbody en tus tablas, es una buena práctica además de ser necesario para Internet Explorer.
• Al asignar una clase con setAttribute a un elemento creado mediante DOM, en IE es className y en los demás class.
• Un ligero script para detectar el navegador del usuario.
• Cuando quieres obtener el textNode de un elemento, en algunos es innerText y en otros contentText. Lo he arreglado con un simple el.innerText || el.contentText.
• Hay muchas librerías que abstraen las distintas formas de asignar eventos, pero bueno para IE te puede servir elemento.onclick = function(){}
• El evento onchange de un checkbox sólo se dispara al perder el foco. La solución es cambiarlo por onclick.
• Si tienes que añadir atributos a un elemento con setAtribute, primero insertalo en el árbol DOM.
• Si asignas un margin en la misma dirección que el float de un elemento, IE dobla este margin.  Hay una explicación bastante detallada aquí. Existen varias soluciones, una de ellas es asignar la propiedad con ‘_’ delante, que sólo será interpretada por IE.
  [-]^?View Code CSS

  .exampleContainer{   float:left;   width: 40%;   margin-left: 100px;   _margin-left: 50px;   }

• Para que un elemento contenedor se expanda por ejemplo dos divs flotados a la izquierda y a la derecha, en IE se necesita un hack que está muy bien explicado ( con otros tips ) en la página de Marcio Barrios.

No es mucha información y puede que me equivoque, pero espero que le sirva a alguien. ( y a mí­ para que no se me olvide )

ShareThis

El modo más simple para saber qué está haciendo una aplicación en cada momento sería una función parecida a esta:

function printTestInfo( msg )
{
    var container = document.getElementById("systemInfo");
    container.innerHTML += msg + "
";
}

Muy simple y muy limitada, lo mismo puedes hacer llenando de alerts tu código. Para cuando tienes unas pocas líneas de código puede estar bien, pero cuando tiener muchas llamadas AJAX y trabajas mucho con el DOM no es suficiente.

Firebug se ha hecho indispensable para cualquier desarrollador web, te ahorra mucho tiempo y poco a poco están saliendo plugins que lo hacen mucho más potente. En mi caso lo que más utilizo es: HTML y CSS inspector, inspeccionar el árbol DOM, la extensión FireCookie, YSlow de vez en cuando, el debug y profile de Javascript, y por último el motivo de este post, la consola.

La consola aparte de incorporar un command line muy potente y toda la información necesaria sobre llamadas AJAX realizadas, dispone de una API que hace que la función anterior no la vuelvas a utilizar. Es un objeto que dispone de una serie de métodos muy útiles para mostar información en la consola de Firebug.

Tenéis el listado completo de métodos en la documentación de Firebug, que recomiendo echarle un vistazo porque hay muchas opciones que no sabes ni que existen. No se le puede pedir más, pero sinceramente hecho en falta que el método group lleve un identificador para poder agrupar mensajes de distintos módulos y no correlativamente cómo lo hace actualmente.

Aquí tenes un ejemplo de uso:

var callbackDasSources = {
 
    success: function(o){
         console.info('DAS REGISTRY: Success ajax request to retrieve das registry');
 
         console.log('DAS REGISTRY: Parsing ...');
         dasSources._parseDasSources(o.responseXML);
 
         console.log('DAS REGISTRY: Generating select form...');
         dasSources._printDasSources();
    },
 
    failure: function(o){
        console.error('DAS REGISTRY: Failure retrieving DAS sources..');
    }
};

Y a la consola en funcionamiento (con la extensión FireCookie):

Ahora bien, todo esto esta muy bien pero sólo sirve para Firefox. Si ejecutas tu sitio web en Internet Explorer deja de ser funcional mostrando un mensaje que no conoce el objeto console (con suerte te muestra el error, porque es algo bastante frustante el mensaje “Runtime error”). Los de Firebug han hecho un pequeño script en el que definen el objeto con los métodos vacíos, pero bueno si le añades un par de líneas usando la función printTestInfo anterior puede llegar a resultar algo útil:

if (!window.console || !console.firebug)
{
    var names = ["log", "debug", "info", "warn", "error", "assert", "dir", "dirxml",
                 "group", "groupEnd", "time", "timeEnd", "count", "trace", "profile", "profileEnd"];
 
    window.console = {};
    for (var i = 0; i < names.length; ++i)
        window.console[names[i]] = function() {
            for ( var j = 0; j < arguments.length; ++j)
                printTestInfo(arguments[j])
        }
}

El post iba a ser más largo, pero entonces no sabía que poner de título por lo que lo dejo para unos días más tarde : )

ShareThis

Existen muchos servicios que ofrecen información sobre el país en el que te encuentras, pero lo que nosotros queríamos era localizar por ciudad. Este tipo de servicios suele acertar el país en un 95% de los casos, pero la provincia o ciudad no suele ser la correcta sino la del proxy de tu proveedor. Se basa en rangos de IP específicamente asignados a cada país, por lo que su fiabilidad en este sentido es media/baja. Mi IP estática que me brinda Telefónica me localiza mi provincia perfectamente, además de sus coordenadas.

Con la API REST de Hostip pódeis hacer las siguientes consultas:

http://api.hostip.info/country.php
  US

http://api.hostip.info/get_html.php?ip=12.215.42.19
  Country: UNITED STATES (US)
  City: Sugar Grove, IL

http://api.hostip.info/get_html.php?ip=12.215.42.19&position=true
  Country: UNITED STATES (US)
  City: Sugar Grove, IL
  Latitude: 41.7696
  Longitude: -88.4588

http://api.hostip.info/?ip=12.215.42.19
  [Archivo XML]

En un principio en el iWeekend parseaba el html devuelto de la 2º opción, pero ya de paso para probar la facilidad que te brinda PHP 5 para leer XML con Simple XML he utilizado la 4º opción. La clase es muy fácil de usar sólo tenéis que incluirla y llamar al método getLocationFromIp():

include('./classes/geoLocateIp.class.php');
 
$geo = new geoLocateIp();
$location = $geo -> getLocationFromIp();

La variable $location es un array asociativo con los siguientes campos: CountryName, CountryCode, City, Longitude y Latitude.

Os dejo el código fuente de la clase:

class geoLocateIp
{
	private $serviceLocateURL = 'http://api.hostip.info/?ip=';
 
	public function getLocationFromIp()
	{
		$ip = $this->getIpAdress();
 
		if (empty($ip))
			throw new Exception('Error retrieving IP address');
 
		// Use the method your server supports ( most of them only support curl )
		$xmlData = geoLocateIp::file_get_contents_curl($this->serviceLocateURL.$ip);
		//$xmlData = file_get_contents($this->serviceLocateURL.$ip);
 
		if (empty($xmlData))
			throw new Exception('Error retrieving xml');
 
		$locationInfo = $this->parseLocationData($xmlData);
 
		return $locationInfo;
	}
 
	private function getIpAdress()
        {
		if (isset($_SERVER['HTTP_X_FORWARDED_FOR'])) {
			   $ip = $_SERVER['HTTP_X_FORWARDED_FOR'];
		}
		elseif (isset($_SERVER['HTTP_VIA'])) {
		   $ip = $_SERVER['HTTP_VIA'];
		}
		elseif (isset($_SERVER['REMOTE_ADDR'])) {
		   $ip = $_SERVER['REMOTE_ADDR'];
		}
		else {
		   $ip = NULL;
		}
		return $ip;
          }
 
	private function parseLocationData($xmlData)
	{
		// Use of Simple XML extension of PHP 5
		$xml = simplexml_load_string($xmlData);
 
		if (!is_object($xml))
		    throw new Exception('Error reading XML');
 
		$infoHost = $xml->xpath('//gml:featureMember');
		$city = $xml->xpath('//gml:featureMember//gml:name');
 
		$coordinates = $infoHost[0]->xpath('//gml:coordinates');
		$coordinates = split(',', (string) $coordinates[0]);				
 
		$info = array (
			"City"		=> (string) $city[0],
			"CountryName"	=> (string) $infoHost[0]->Hostip->countryName,
			"CountryCode"	=> (string) $infoHost[0]->Hostip->countryAbbrev,
			"Longitude"	=> $coordinates[0],
			"Latitude"	=> $coordinates[1]
		);
 
		return $info;
	}
 
	public static function file_get_contents_curl($url)
	{
		$ch = curl_init();
 
		curl_setopt($ch, CURLOPT_HEADER, 0);
		curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
		curl_setopt($ch, CURLOPT_URL, $url);
 
		$data = curl_exec($ch);
		curl_close($ch);
 
		return $data;
	}
}

Y a continuación, he preparado un mashup muy básico con dicha clase y la API de Google Maps en el que geolocaliza en el mapa tu situación. Lo he llamado Geolocate your IP, original verdad? : ) Estoy abierto a críticas del código, bugs, chapuzas… Y si queréis el código fuente sólo tenéis que decírmelo.

Update: Por una petición masiva de Darocz dejo el código fuente del mini-mashup y el de la clase geoLocateIp.

ShareThis

Todos nos manejamos bien y hemos usado PowerPoint alguna vez, pero con el tiempo han salido buenas alternativas que le pueden hacer frente. En ésta época en la que Internet está más en auge que nunca, tenemos a disposición muchas herramientas online para crear powerpoint presentaciones de buena calidad. Por otro lado, sin ser tan fáciles de usar existen alternativas offline que pueden plantarle cara al programa de Microsoft.

Como principal alternativa disponemos de Open Office, pero me limitaré a las alternativas menos conocidas.

Herramientas offline

LaTeX con la clase Beamer

Beamer es una clase de LaTeX, si no sabéis que es eso de LaTeX escribí una entrada hace poco: Alternativa a Word. Al ser un complemento de LaTeX, tenéis que tenerlo instalado y descargaros el paquete correspondiente.

Si sabéis manejaros con LaTeX no resulta complicado, el aspecto es bastante profesional y hay muchos temas a elegir. El objetivo del post no es explicar el modo de creación de presentaciones de Beamer, por lo que os dejo un par de tutoriales paso a paso de la mano de Plaga Tux para su instalación y uso.

En la página del proyecto hay un ejemplo muy bueno en el que se puede ver el resultado final, y a parte os dejo una ejemplo que hice hace unos meses y su código fuente.

S5: Simple Standards-Based Slide Show System

S5 es un sistema de presentaciones basado en XHTML, CSS y Javascript creado por Eric Meyer. Entre sus características más destacadas diría:

• Sólo necesitas el navegador para poder visualizarlo (todo ordenador tiene uno hoy en día).
• La presentación en un único archivo.
• Si tienes nociones de CSS puedes crear tu propio tema.
• Puedes controlar las diapositivas con el ratón, flechas del teclado, barra espaciadora, etc.
• Muestra incremental del contenido de la presentación.
• Sencillo de utilizar con mínimos conocimientos de HTML.
• Existe una versión para imprimir con la posibilidad de añadir notas.

A mí sinceramente junto con Beamer es el que más me gusta, pero todo hay que decirlo, sirve para diapositivas sencillas. El uso común para una presentación no suele pasar de listas e imágenes por lo que es una buena opción, pero hay que tener cuidado con el número de diapositivas ( 40 o 50 puede ralentizarse ).

La cantidad de temas es inmensa, hasta Firefox ha adoptado este sistema de presentaciones, pero recomiendo encarecidamente los que ha creado JesusDa por su originalidad.

Como he hecho con LaTeX, os dejo un ejemplo de presentación que realicé para un concurso de programación y su código fuente.

Por último decir, que la comunidad ha crecido y se ha creado Presentacular, una librería Javascript con licencia GPL para añadir efectos a S5. Aún no está muy testeada en los navegadores más modernos (Firefox 3) pero pinta muy bien.

Herramientas online

Google Docs

Supongo que conoceréis Google Docs, empezó sólo como un procesador de textos online pero poco a poco se está convirtiendo en un paquete ofimático muy completo.

La posibilidad de poder importar y exportar nuestras presentaciones a PPT (Powerpoint) me parece muy interesante, a parte de poder generar un archivo pdf o texto plano. Y dentro de poco por lo que he leído en Genbeta se podrá utilizar offline con Google Gears.

Os dejo un ejemplo publicado, podéis ampliarlo con F11.

Zoho Show

Zoho es una de las competencias más fuertes como paquete ofimático de Google Docs(y ya le puede tener miedo…). A parte de las muchas aplicaciones han creado Zoho Show que con una interfaz muy similar e intuitiva podemos crear presentaciones como ésta. Existen una muy amplia variedad de temas.

280 slides

280 slides me ha impresionado mucho la verdad. Sin necesidad de registro puedes probar la aplicación, tiene un aspecto inmejorable y puedes disponer de las imágenes de Google Images y los vídeos de Youtube para insertarlos, todo ello sin salir de la aplicación.

Se pueden exportar a PowerPoint 2007, insertarlo en tu web o publicarlo en SlideShare. Os enseño un ejemplo como en cada una de las herramientas. Tiene un aire al Keynote (sus dos creadores son ex-empleados  de Apple).

Conclusión

Hay bastantes más aplicaciones, pero éstas son las que me han resultado más interesantes. Así que ya sabéis no hace falta que nuestras presentaciones sean como las de todos, puedes destacar del resto : )

ShareThis

La oferta de hosting no ofrece un dominio y para activar el vale es necesario disponer de uno. Hay muchos sitios web para registrar un dominio, aunque en la misma empresa hay precios muy competitivos. En mi caso ya tengo el código pero quiero pensarme un poco más el dominio a registrar, tenemos 2 meses para activar el vale.

Nos dan la opción de elegir entre 3 planes de hosting: Inicio, Avanzado Linux y Avanzado Windows. Lo más recomendable en mi opinión es el el plan avanzado Linux, pero si a alguien le interesa trabajar con ASP, Access y demás ya sabe cuál escoger…

Por lo que veo se han acabado los códigos de Webmaster Libre, pero hay más sitios que ofrecen dichos códigos:

• Un poco de mucho: sólo tienes que poner un comentario en su blog, quedan 79 50 en este momento¡
• SoyGik: aquí debes escribir un post en tu blog hablando sobre su entrada y ponerle un comentario.

Por último decir, que en la búsqueda de un dominio libre, es recomendable tener a mano ( en otra pestaña ) el registrador de dominios, ya que no me resultaron muy fiables las webs que te buscan dominios libres. No digo que no exista ninguna realmente fiable, pero me quitaron un par de dominios a los 10 o 20 minutos de estar libre… Yo aprendí la lección.

Update: La empresa ha tirado la casa por la ventana y regala 5000 dominios gratis con un mismo código¡ Más información en Bitecnia

ShareThis

El tiempo de respuesta de una página es muy importante de cara al usuario, no suelen tener mucha paciencia ( yo tampoco… ), por lo que la primera carga se debe tener muy en cuenta (sin ningun elemento cacheado en el navegador) . En Yahoo han creado una serie de pautas para que tengamos en cuenta a la hora de analizar el rendimiento de nuestro sitio:

Han añadido muchos consejos más que podéis ver en la página
para desarrolladores de Yahoo, me acuerdo que hace poco sólo estaban éstas 13 y ahora ya van sobre las 40. Cito sólo éstas, porque existe una extensión para Firefox en la que comprueban las trece pautas puntuándolas y con la teoría necesaria para poder solucionarlas. Se llama YSlow y la derecha podéis ver una captura evaluando mi sitio web, parece que no tengo muy buena puntación…

Ésta extensión se basa en FireBug, para los que no la conozcan es una extensión impresionante que te ayuda a depurar tu sitio web. Puedes controlar el HTML y CSS en tiempo real, analizar las peticiones que se realizan e incorpora un completo debugger de JavaScript.

Una de las prácticas importantes es reducir las peticiones HTTP, los navegadores sólo aceptan dos peticiones concurrentes del mismo dominio, por lo que a mayor número de archivos mayor número de peticiones y por consecuencia, mayor tiempo de carga.

Sitios web con mucho tráfico como Google y Yahoo reducen el número de peticiones HTTP para los iconos, botonos, pequeñas imágenes con una técnica basada en la propiedad de CSS background-image y background-position, en la que combinan las imágenes en una para después mostrar sólo el segmento adecuado.

En un principio no había encontrado una aplicación web en la que subier mis imágenes a combinar y me devolviera las propiedades CSS necesarias para cada imagen. Ya me había apuntado contento otra cosilla a hacer en mi libreta, para aprender un poco de la librería para gráficos GD de PHP. Pero me resultaba un poco raro que no lo hubiera hecho nadie por lo que buscando un poco más, me he encontrado con que un desarrollador de Yahoo ya la había implementado. La verdad es que la aplicación funciona muy bien, y está disponible hasta el código fuente, otra vez será ; )

ShareThis

Discurso de Steve Jobs subtitulado en español en la universidad de Stanford, la mayoría lo habréis visto pero es inevitable no ponerlo.

No tiene mucho que ver con la temática de los vídeos anteriores, pero me parece muy bueno.

En definitiva, disfruta la vida intentando conseguir tus metas.

ShareThis