Son muy conocidos Dilbert y XKCD de hecho en Estados Unidos el web comic tiene muchos adeptos, pero hay que saber que en españa también se hacen webcomics con humor.

El listo

http://listocomics.com/
Humor con estilo propio claramente marcado.

wordpress con comicpress.
Mucha acogida desde twitter.

En una entrevista que le hicieron al autor en Antena 3 me hizo mucha gracia su teoría de como un chiste es bueno. Lo piensa en el bar, y si cuando llega a casa lo recuerda, es que es bueno.

Runtime Comics
humor y erótico
http://www.runtimecomics.com/

Alojado en un wordpress
Con mucha acogida desde facebook.

Conejo Frustrado
Cada semana una tira nueva.
http://www.conejofrustrado.com/
wordpress con ComicPress

El conejoRodolfito tiene presencia en twitter incluso más que la cuenta oficial del conejo frustrado.
La web está licenciada bajo la Creative Comons (Reconocimiento-No comercial-Sin obras derivadas 2.5 España) por lo que se permite copiar, distribuir y comunicar públicamente la obra siempre que se cite al autor, no te lucres y mantengas la obra inalterada.

Tira Ecol

http://www.tiraecol.net/

Utiliza la plataforma bcoos para publicar la tira cómica. bcoos es un content-community management system escrito en PHP con MySql.

Ácido y con chispa, algunas tiras parece que se salen un poco de madre pero tiene cosas muy buenas.

La legión del espacio
La primera tira es del 30 de Octubre del 2004.
http://www.legiondelespacio.com/

La web es una aplicación dedicada de Pyndoo.com, en general está desarrollada para Apache-Php-MySql y mucho uso de flash para casi todo excepto para los comentarios y la imagen en sí de la tira.

Todas las tiras giran en torno al Legión del espacio, cómo no, en un universo futurista que han creado de ciencia-ficción y humor.

Estos son algunos que me han llamado la atención especialmente, pero hay cantidad de artistas que se dedican al comic y publican en la web por su cuenta y riesgo. Las risas suelen ser lo más recurrido, también porque para una tira de vez en cuando es lo más cómodo. Al estilo de las comedias de situación de toda la vida en donde lo que pasa en un capitulo no transciende al siguiente.

Aprovechando esa expectación es posible llevar a portada en poco más de media hora la noticia del resultado de cualquier partido(si el resultado es de España aun menos).

Eso si, tienes que estar pendiente no la envíe nadie antes que tú. Me imagino a un puñado de usuarios pendientes de que acabe el partido y pulsando a F5 en las webs de marca, as o el mundo deportivo para enviar la noticia.

Que si los árbitros, que si Sara Carbonero o que si el balon es de playa, pero lo que tira de verdad son los resultados, y los de España (o la roja como le llama ya todo el mundo) tiran aun más:

España a cuartos 1-0: 3200 meneos

420 comentarios

y lo mejor de todo:

hace 16 horas 9 minutos, publicado hace 16 horas 7 minutos

¿Publicado en 2 minutos? Pues sí. Si miramos otros resultados de la selección que se publican nada más enviar la noticia vemos que la media ronda los 3 minutos. Y lo mejor es que si perdemos tampoco pasa nada porque la derrota ante Suiza también salió a portada en poco más de diez minutillos.

http://www.meneame.net/story/espana-a-cuartos-1

http://www.meneame.net/story/espana-gana-a-chile-1-2

http://www.meneame.net/story/espana-gana-a-honduras-2

http://www.meneame.net/story/espana-pierde-primer-partido-mundial-1-ante-suiza

Así que ya sabes, si tienes espíritu de karmawhore lo que tienes que hacer es “hacer cola” en una web deportiva en el próximo partido del mundial, y lanzarlo a la lista de pendientes enseguida. Si a demás lo twitteas y lo pones en tu facebook para que lo voten tus “amigos” mejor que mejor.

Actualización:

holanda – brasil

http://www.meneame.net/story/holanda-2-1-brasil-holanda-pasa-semifinales-holanda-eliminada

Publicado en 5 minutos y no habla de españa

uruguay – ghana

http://www.meneame.net/story/uruguay-gana-penalties-ghana-clasifica-para-semifinales

publicado en 10 minutos

Aunque hace tiempo que existe, Highchars me ha sorprendido por la gran versatilidad que tiene. Gráficas de barras, de rectas, acumulados etc y varias posibilidades de diseño para cada tipo.

Usarla es igual de fácil que cualquier extensión de jQuery con la única diferencia que hay que indicar los datos a representar:

var chart1; // globally available
$(document).ready(function() {
      chart1 = new Highcharts.Chart({
         chart: {
            renderTo: 'chart-container-1',
            defaultSeriesType: 'bar'
         },
         title: {
            text: 'Fruit Consumption'
         },
         xAxis: {
            categories: ['Apples', 'Bananas', 'Oranges']
         },
         yAxis: {
            title: {
               text: 'Fruit eaten'
            }
         },
         series: [{
            name: 'Jane',
            data: [1, 0, 4]
         }, {
            name: 'John',
            data: [5, 7, 3]
         }]
      });
   });

En la variable series es donde se encuentran los datos indicados, ahí cada campo data es un vector con toda la información a representar. Pero de todas formas ellos explican bien como se debe de usar la biblioteca. Si tienes ya experiencia con jQuery no te resultará dificil para nada. La biblioteca completa la podeis descargar aquí de la página oficial.

Algunos gráficos vinenen preparados para introducir movimiento en la representación, los llaman dinamic chars. Vienen al pelo para trabajar con ajax y descargar datos de la web periodicamente sin necesidad de recargar la página.

Así que parece que se lo han montado bastante bien los chicos de HighChars.

En realidad los numeros aleatorios no son tal. Simplemente son series de numeros muy largas y complejas (o simplemente sin sentido) por lo que no se hace posible predecir el siguiente numero de la serie, por eso también se pueden encontrar llamados como pseudo-aleatorios.

Hace un tiempo ví que se comentaba el fallo en la funcion random en PHP en windows. El problema venía de la posible precibilidad de la función, por lo que la convertía en inútil. Aquí podeis encontrar el ejemplo que comento y como se acabó solucionando.

Con un sencillo programa en Java podemos comprobar que este lenguaje no sufre esa deficiencia.

Función Random en Java

Incluso Podemos hacerlo algo más artístico y generar colores aleatoriamente:

Si quereis probar a generar puntos aleatorios aquí está el código:

import java.awt.image.BufferedImage;
import java.awt.image.RenderedImage;
import java.io.File;
import java.util.Random;
import javax.imageio.ImageIO;

public class RandomImage {
	public static void main(String args[]){

		Random r=new Random();
		int num=r.nextInt();

		int x=350;
		int y=350;

		BufferedImage bi = new BufferedImage(x,y,BufferedImage.TYPE_INT_RGB);

		for(int i=0; i&ltx; i++){
			for(int j=0; j&lty; j++){
				num=Math.abs(r.nextInt()%2);
				if(num==1){
					bi.setRGB(i, j, 0xFFFFFF);
				}
				else{
					bi.setRGB(i, j, 0x000000);
				}
			}
		}

		try{
			ImageIO.write((RenderedImage)bi,"png", new File("randomJava.png"));
		}
		catch(Exception e1){}

	}
}

En general los métodos de generación de numeros pseudoaleatorios tanto en Java como en .Net se aunto inician con la hora del sistema. La hora en milisegundos se utiliza como semilla. Es una forma de escojer una posición inicial en la serie de numeros preexistiente. Es por esto que no hay que instanciar un objeto ‘Random’ cada vez que queramos un numero aleatorio, porque si se instancian dos objetos en el mismo milisegundo (cosa más posible de lo que parece a primera vista) las dos llamadas generarían el mismo numero.
Es por esto que exísten los metodos nextInt(), nextDouble() y en general nextCualquierCosa para generar el siguiente numero aleatorio en el formato deseado.

Mozilla Firefox las utiliza ampliamente aunque para la mayoria de la gente pasan totalmente desapercibidas.

Son herramientas muy sencillas pero con utilidad. Incluso hay algun addons de Firefox que utilizan la nomenclatura ‘about:x’ para seguir esta filosofia.

about:plugins

Lista todos los plugins instalados, una breve descripción y si están activos o no.

about:cache

Muestra la memoria que está ocupando la caché y tienes tres sub secciones:

about:cache?device=memory

about:cache?device=disk

about:cache?device=offline

Entrando en cada una de ellas te muestra con detalle donde estan almacenados los archivos de caché, cuanto ocupan, la última modificación, cuando expiran etc.

about:sessionrestore

Incluso si te acabas de cargar la sesion anterior por equivocacion puedes volver a restaurarla durante la sesion actual. En caso de que la hayas descartado e iniciado una nueva, escribes este comando en la barra de direcciones y te ofrece la opcion de restaurar la sesion antigua selecionando las ventanas y pestañas a restaurar.

Cuando el navegador se cierra de manera inesperada y más tarde se vuelve a ejecutar, es esta página la que aparece como inicio por seguridad.

about:blank página en blanco

about:mozilla

Esto es lo que se llama un “huevo de pascua” una pequeña broma que meten desde mozilla y muestra lo siguiente:

Mammon se durmió. Y la bestia renació, propagándose por toda la Tierra, y sus seguidores fueron legión. Y proclamaron los nuevos tiempos y sacrificaron cosechas con fuego, con la astucia de los zorros. Y construyeron un nuevo mundo a su propia imagen como prometían las palabras sagradas, y la palabra
de la bestia y sus crías. Mammon se despertó, y súbitamente no era más que un rezagado.

de El Libro de Mozilla, 11:9
(10ª edición)

Esto es así en la version 3.6, para más versiones teneis el libro de mozilla o varias versiones en la wikipedia. Humor ante todo.

about:config

Para trabajar con la configuración como su nombre indica. Te advierte de que tengas cuidado.

about:robots

Otro “huevo de pascua” mezca de la cultura de ciencia ficción y chorradas en general que se ve que les gusta a los chicos de mozilla. Solo que este es especifico de firefox y no aparece en otro software de mozilla:

¡Bienvenidos humanos!

¡Venimos a visitaros en son de paz y con buena voluntad!

* Un robot no debe dañar a un ser humano o, por su inacción, dejar que un ser humano sufra daño.

* Los robots han visto cosas que vosotros no creeríais.

* Los robots son sus amigos de plástico con quien les gustará estar.

* Los robots tienen brillantes culos metálicos que no deben ser chupados.

…Y tienen un plan.

Otros navegadores tambien incorporan este sistema com el Chrome, Exporer, Konqueror y Opera como tambien lo hacen Flock, Epifany y SeaMonkey, este último al ser un fork de Firefox incorpora exactamente los mismos. Netescape ya incluia las paginas ‘about:’ en icluso tenia muchos más “huevos de pascua”.
En el caso de Safari las paginas about no existen, aunque no por ello deja de implementar funcionalidades extra de otro modo.

Closures
Una closure es en definitiva un objeto que es definido e instanciado en el momento de su declaración. Así hay que tener en cuenta que esta metodología cumple el patron modulo, al declarar el módulo, y el singleton, ya que no permite reinstanciaciones del mismo objeto porque se declara y se ejecuta.

var clos = (function(){

	var vprivada=999; // solo accesible desde esta closure

	function fprivada(param){
		vprivada=param;
	}

	var prop={};
	prop.funcion=function(){
		document.write("123456789");
	}
	prop.variable=119;

	return prop;

}());

Como la función es ejecutada al mismo tiempo que es declarada es necesario devolver el objeto que se genera dentro de ella. Si no asignamos la función a nada la closure es anónima, pero no deja de ejecutarse por ello.

Aumentar la closure
Para ampliar las propiedades de nuestro objeto podemos escribir otra closure y asignársela, el problema es que si lo hacemos sin más perdemos las propiedades anteriores, por eso debemos pasarle por parámetro todo el código anterior, es decir, la misma closure.

var clos=(function(prop2){

	prop2.funcion2=function(){
		document.write("999888777");
	}
	prop2.variable2=219;

	return prop2;
}(clos));

En caso de que no exista podemos crear una nueva closure al vuelo para evitar los errores de ejecución.

var clos=(function(prop){

	...

	return prop;
}( clos|| {} ));

De esta manera podemos distribuir nuestro código entre distintos archivos en caso de que fuese necesario. En una página donde tengamos implementadas pocas funcionalidades esto no es necesario, pero cuando va creciendo la cantidad de cosas que queremos hacer con JavaScript, modularizar el código de esta manera resulta bastante útil.

También es importante saber que podemos extender nuestra closure con otras para hacerla más rica. Así incorporando librerías de terceros (como jQuery) podemos personalizar el producto a nuestras necesidades. Esto podria considerarse un tipo de herencia implicita, para ver la herencia explicita aquí.

Ya he visto que en ciertos perfiles laborales se indica explícitamente el conocimiento de closures. Cuando estamos programando en paralelo con un compañero de trabajo y se dividen las funcionalidades a programar, debe de hacerse con aumentos de closures, que hace fácil unificar el código y también puede permitir acotar a la hora de buscar fallos.

Desde mashable apuntan que son 90.000 y en el apartado de tecnología de la CNN dicen que son 120.000 vendidos el primer día de los cuales 50.000 en las primeras 2 horas.

Queda bastante claro que esta tableta pseudo-inutil causa estragos. Los fanboys de apple rondan por doquier y mantienen a su venerada empresa con las acciones bien altas.

Por lo visto los chicos de twitter tienen bastante en cuenta los singnos de puntuación a la hora de tomar los Trends. Cómo se suele puntuar en los números de más de 3 cifras (a veces con comas), los trends se han hecho un lio.

El algoritmo que hace hash a las palabras que aparecen en un twitt lo más probable es que lo realice de más de una palabra, ya que en ocasiones aparecen treads de incuso 4 conceptos, así no es raro pensar que realiza hash de todas las frases separadas por signos de puntuación, motivo por el que aparece este “fallo” en los temas de irlanda.

No es de extrañar que con toda esta plataforma detrás de un servicio, aunque parezca tan sencillo, tiene un volumen de mensajes que supera los 40 millones diarios. Es normal que procesando, almacenando y buscando entre toda esta inmensa maraña de mensajes de 140 caracteres Twitter tenga cada vez más caídas de servicio, aunque aun no son muchas, ya se dejan notar.

Por lo tanto en una clase qu cumpla con el singleton se define el método getInstancia() que solo se ocupa de devolver la única instancia existente. Así que el constructor no se ejecuta siempre, solamente invoca cuando no existe ninguna instancia. Cuando si la hay se devuelve la referencia a ella. Así de sencillo.

Y esto se implementa así en cualquier lenguaje orientado a objetos. De hecho incluso en JavaScript se puede implementar una clase con estas caracteristicas, el unico problema es que en JavaScript no hay métodos privados y siempre podría hacer un new miClase() y me devolveria una instancia nueva.

Pues bien, hay una caracteristica en JavaScript que me hace pensar que esto se puede hacer sin ningun problema, solo por las caracteristicas del propio lenguaje, ya que una funcion es una funcion y una variable también puede serlo etc. y jugando con esto podemos definir una clase que compla el partrón implicitamente y otra que no.

Definir el objeto

Objeto que no cumple el patrón singleton:

function objetoNoSingleton(){
   this.cadena = "cadena de texto";
   this.metodo = function(){
      alert(cadena);
   }
}

Objeto que cumple el patrón singleton:

var objetoSingleton = {
   cadena : "cadena de texto",
   metodo : function() {
      alert(cadena);
   }
}

Este objeto singleton es una variable y un objeto, pero es un objeto de clase irreproducible, de hecho al ejecutar new objetoSingleton() la instrucción falla.

Añadiendo funcionalidades

Existen diferencias de sintaxis debido al lenguaje. De hecho si queremos utilizar la propiedad prototype (no la libreria) para añadir métodos o variables a los objetos también existen diferencias.
Objeto que no cumple el patrón singleton:

objetoNoSingleton.prototype.valor2 = "valor dos";
objetoNoSingleton.prototype.metodo2 = function(){
   alert(valor2);
}

Para ser ejecutado necesitamos una instancia ya que estamos añadiendo funcionalidades a una clase no a un objeto en particular:

var instanciaNoSingleton = new objetoNoSingleton();
instanciaNoSingleton.metodo2();

Objeto que cumple el patrón singleton no hay que usar prototype. Crear un nuevo elemento en el objeto es simplemente nombrarlo y asignarle valor porque ya es una instancia.

objetoSingleton.valor2 = "valor dos";
objetoSingleton.metodo2 = function(){
   alert(valor2);
}

objetoSingleton.metodo2();

Con un objeto único se elimina el método getInstancia() típico del patrón Singleton, pero en si también desaparece la función new, por lo que en realidad el objeto a usar va a ser siempre la misma instancia.

El proceso unificado (UP) combina buenas prácticas comunmente aceptadas, un ciclo de vida iterativo y desarrollo dirigido por los riesgos (risk-driven), esto es, los riesgos son abordados para ser solucionados cuanto antes. Se considera un riesgo aquellas partes en las que las decisiones a tomar son criticas.

Etapas del UP

El proyecto software será dividido en iteraciones. Las iteraciones se pueden considerar unidades de desarrollo. Cada una es un miniproyecto. En la literatura (larman.pdf) al respecto del modelo UP (o RUP en ocasiones por Rational UP) se puede encontrar como consejo a la duracion de una iteración entre 2 y 6 semanas. Y a demas las iteraciones seran de duración fija, así que si en una iteración tenemos demasiado trabajo es momento de no dormir, y planificar menos tareas para la proxima iteración.

El resultado de una itración es un sistema ejecutable pero incompleto, NO un prototipo, el desarrollo iterativo no es prototipado. Lo que se tendrá es un subconjutno del sistema final.

Pero lo que caracteriza realmente los modelos ágiles es la relacion con el cliente. El cliente siempre que se le entrege algo lo probará y dira:  “sí, es lo que yo queria … pero”. Las continuas entregas y rectificaciones del cliente nos ayuda a adaptar el producto a las necesidades de quien nos contrata para desarrollarlo.

Así cada ciclo de desarrollo se convierte en un proceso de:

Construcción-Retroalimentación-Adaptación

Entregarle al cliente lo que él quiere y no lo que pensó sin mucha idea cuando firmó el contrato es lo que hace que los proyectos concluyan satisfactoriamente. Dentro de los modelos ágiles hay muchas variantes, el UP es una de ellas que da buenos resultados.

Esto para nada es un problema nuevo, y ya se ha intentado solucionar de muchas maneras en JavaScript. Algunas de las librerias(bibliotecas) son especificas para validación, otras son usos especificos de otras más genericas. En cualquier caso si quieres ponerte a escribir tus funciones JS que validen los formularios que sepas que estas Reinventando la Rueda, porque ya se ha hecho unas cuantas veces:

Ketchup basado en JQuery:

http://demos.usejquery.com/ketchup-plugin/

Vanadium:

http://vanadiumjs.com/

JQuery:

http://bassistance.de/jquery-plugins/jquery-plugin-validation/ (demo)

Validation con Prototype:

http://tetlaw.id.au/view/javascript/really-easy-field-validation (demo)

MooTools:

http://mootools.floor.ch/en/demos/formcheck/ (demo)

JsVal:

http://jsval.fantastic-bits.de/

Validanguage:

http://www.drlongghost.com/validanguage.php (demo)

Django (basado en Google App Engine):

http://code.google.com/appengine/articles/djangoforms.html

LiveValidation:

http://livevalidation.com/ (demo/ejemplos)

wForms:

http://www.formassembly.com/wForms/ (demo)

Yav (última versión del 2008):

http://yav.sourceforge.net/

JSValidate/JValidate:

http://www.jsvalidate.com/ , http://www.jvalidate.com/

fValidator:

http://zendold.lojcomm.com.br/fvalidator/

qForms (últmia versión del 2007):

http://www.pengoworks.com/index.cfm?action=get:qforms

Validatious:

http://validatious.org/

Si te quieres montar tu propia libreria puedes empezar con los ejemplos propuestos en w3schools.

Libreria de validacion abandonada en 2004 chrysalis.

A parte de la validación el elemento visual es también algo que deja que desear bastante en los formularios. CustomFormElements da un aspecto agradable a los formularios web, incluso se pueden parecer a aplicaciones de escritorio. Está disponible para usar con Mootools y JQuery.