www.Devjoker.com

JuiceUI, integración de jQuery UI con ASP.NET Web Forms.

Wed, 21 Mar 2012 11:10:26 GMT

Ahora que todo el mundo habla de ASP.NET MVC, se agradece ver que web forms no está muerto (ni mucho menos!) y que surgen interesantimos proyectos como JuiceUI que nos permite integrar jQueryUI en nuestros desarrollos ASP.NET WebForms de una manera fácil y sencilla.

JuiceUI es una collección de controles ASP.NET que se encargan de introducir los elementos comunes de jQueryUI en nuestras aplicaciones. Los controles incluidos son de momento:

Accordion:http://juiceui.com/controls/accordion
Autocomple:http://juiceui.com/controls/autocomplete
Button: http://juiceui.com/controls/button
Datepicker:http://juiceui.com/controls/datepicker
Dialog:http://juiceui.com/controls/dialog
Draggable:
Droppable:http://juiceui.com/controls/droppable
Position:http://juiceui.com/controls/position
Progressbar: http://juiceui.com/controls/progressbar
Resizable: http://juiceui.com/controls/resizable
Selectable: http://juiceui.com/controls/selectable
Slider: http://juiceui.com/controls/slider
Sortable: http://juiceui.com/controls/sortable
Tabs: http://juiceui.com/controls/tabs

Si has integrado anteriormente jQuery UI con ASP.NET WebForms veras la cantidad de trabajo que esta librería puede llegar a ahorrarnos.

Se distribuye bajo licencia MIT GPL y dispone de su propio package de nuGet para que lo instalemos fácilmente desde VS2010. No hay excusa para no usarlo.

Saludos,

DJK!

Recursos de desarrollo para Silverlight(II)

Sat, 10 Mar 2012 20:43:40 GMT

El problema de la grandísima cantidad de información y recursos que podemos encontrar en internet sobre cualquier tema es que cuando uno necesita un punto de entrada realmente no sabe por donde empezar. Pero si el tema en cuestión es algún lenguaje o entorno de programación la tarea de encontrar un «punto por donde empezar» es tarea de locos.

Debido a esto resulta muy útil disponer de algún tipo de recopilación de recursos como la que publicamos hace unas semanas en devjoker.com, recursos de desarrollo para Silvelight

Hoy quería añadir este otro enlace – http://samples.msdn.microsoft.com/Silverlight/SampleBrowser/index.htm, una autentica navaja suiza de recursos, con animaciones, bindins, controles, etc ...

Saludos,

DJK

Windows 8 Consumer Preview

Wed, 29 Feb 2012 17:09:30 GMT

Ya está disponible para descarga Windows 8 Consumer Preview, podemos realizar la descarga desde el siguiente enlace: http://windows.microsoft.com/en-US/windows-8/download, o directamente desde este otro para descargar la imagen ISO - http://windows.microsoft.com/en-US/windows-8/iso.

Saludos,

DJK

MAP 2012 - MAP (Microsoft Active Professional)

Fri, 24 Feb 2012 14:06:22 GMT

El pasado día 22 de febrero recibí un correo de Microsoft notificándome que la excelente noticia de que Microsoft me ha reconocido como MAP 2012.

Microsoft Active Professional (MAP) es una distinción otorgada a no más del 5% de los Profesionales de IT cuya dedicación durante el último año sobresalió sobre el resto de sus colegas. Reconoce el tiempo y esfuerzo que dichos profesionales invirtieron en mantenerse actualizados y capacitarse en tecnologías Microsoft, demostrando su esmero por estar siempre en contacto con los últimos avances de nuestra tecnología.

Este reconocimiento es para mí una inmensa alegría que quiero compartir con vosotros, y una motivación para seguir intentando mejorar cada día.

Saludos, DJK!

Tempo.js, motor de renderización de plantillas HTML con JSON. Ejemplo con ASP.NET

Wed, 22 Feb 2012 14:38:40 GMT

Tempo es una librería javascript que nos va a permitir renderizar datos en formato JSON sobre plantillas de HTML. Renderizar los datos sobre plantillas de HTML nos va a permitir separar completamente la presentación de la lógica necesaria para la obtención de los datos.

Vamos a verlo con un ejemplo. Para serializar objetos .NET a JSON vamos a utilizar la librería JSON.NET., jQuery como librería Ajax y Tempo.js para las plantillas HTML.

Realizamos los siguientes pasos:

Con Visual Studio 2010 creamos un nuevo sitio web. Añadimos una página aspx, Home.aspx.
Añadimos la referencias a jQuery y JSON.NET, preferiblemente utilizando nuget.
Añadimos la referencia a Tempo.js, lamentablemente en estos momentos no existe un package de nuget para Tempo.js, por lo que tendremos que descargar manualmente la librería y añadir los archivos tempo.js y tempo.min.js manualmente a nuestro sitio.

Para poder realizar nuestro ejemplo lo primero es, sobre App_Code, crear una clase persona , que será el objeto que devolveremos en JSON.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;


public class Persona
{
    public Persona(string nombre, string apellidos, DateTime fechaNacimiento)
    {
        Id = Guid.NewGuid();
        Nombre = nombre;
        Apellidos = apellidos;
        FechaNacimiento = fechaNacimiento;
    }

    public Guid Id { get; set; }
    public string Nombre { get; set; }
    public string Apellidos { get; set; }
    public DateTime FechaNacimiento { get; set; }

}

La clase es sencilla, pero hemos incluido un campo DateTime que nos va a dar problemas. Lo hemos hecho a proposito para ilustrar el modo de trabajar con fechas en JSON …

Ahora creamos un handler que nos devolverá una colección de personas. Este handler es el que invocaremos desde la página Home.aspx para mostrar los datos

<%@ WebHandler Language="C#" Class="PersonasDataHandler" %>

using System;
using System.Web;
using System.Collections.Generic;

public class PersonasDataHandler : IHttpHandler {
    
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "application/json";


        var personas = new  List<Persona>();
        for (int i = 0; i < 500; i++)
        {
            personas.Add(new Persona("Nombre " + i, "Apellido " + i, DateTime.Now.AddDays(i*(-1))));
        }

        var json = Newtonsoft.Json.JsonConvert.SerializeObject(personas, 
                                                               new CultureDateTimeConverter(CurrentCulture));
        context.Response.Write(json);

    }
    
    public System.Globalization.CultureInfo CurrentCulture { 
        get {
            return System.Threading.Thread.CurrentThread.CurrentUICulture;
        } 
    }
    
    public bool IsReusable {
        get {
            return false;
        }
    }

}

Fijémonos en que a la hora de serializar la colección de personas, utilizamos una de las sobrecargas del método SerializeObject, pasándole un converter que va a indicar al serializador como deben serializarse las fechas.

Trabajar con fechas y JSON representa un problema, que básicamente se resume en que la especificación de JSON no define un formato de fecha. La librería JSON.NET nos permite modificar como se serializan las fechas a través de esta sobrecarga y un conjunto de convertidores (clases derivadas de DateTimeConverterBase). Si queremos saber mas sobre este problema recomiendo el siguiente enlace :http://james.newtonking.com/archive/2009/02/20/good-date-times-with-json-net.aspx del propio James Newton-King (autor de JSON.NET)

Personalmente opino que siempre que sea posible, deberíamos enviar el dato como texto al navegador ¿porque? por simplicidad (principio KISS). Bueno, dicho esto creamos un converter especifico para nuestras intenciones, permitimos modificar el formato de salida a través de un objeto CultureInfo. Al igual que hicimos con Persona,crearemos las clase sobre App_Code.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using Newtonsoft.Json.Converters;
using System.Globalization;


public class CultureDateTimeConverter : DateTimeConverterBase
{
    CultureInfo _culture = null;
    public CultureDateTimeConverter(CultureInfo culture)
    {
        _culture = culture;
    }


    public override object ReadJson
   (Newtonsoft.Json.JsonReader reader, Type objectType, object existingValue, Newtonsoft.Json.JsonSerializer serializer)
    {
        throw new NotImplementedException();
    }

    public override void WriteJson
   (Newtonsoft.Json.JsonWriter writer, object value, Newtonsoft.Json.JsonSerializer serializer)
    {
        string dateStringValue="";
        if (value is DateTime)
        {
            DateTime dateTime = (DateTime)value;
            DateTime utcDateTime = dateTime.ToUniversalTime();
            dateStringValue = dateTime.ToString(_culture);
        }
        else
        {
            if (value is DateTimeOffset)
            {
                DateTimeOffset dateTimeOffset = (DateTimeOffset)value;
                DateTimeOffset utcDateTimeOffset = dateTimeOffset.ToUniversalTime();
                dateStringValue = dateTimeOffset.ToString(_culture);
                
            }
            throw new Exception("Expected date object value.");
        }        
        writer.WriteValue(dateStringValue );        
    }
}

Dejamos el método ReadJson como no implementado, ya que no lo necesitamos (¿segregación de interfaces?si).

Bien, ahora que ya tenemos todos los elementos solo nos falta la página.

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Home.aspx.cs" Inherits="Home" %>

<!DOCTYPE html >
<html>
<head runat="server">
    <title></title>
    <style type="text/css">
        .hidden
        {
            display: none;
        }
    </style>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/tempo.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var url = '<%:VirtualPathUtility.ToAbsolute("~/Handlers/PersonasDataHandler.ashx") %>';
            $.getJSON(url, function (jsonData) {
                Tempo.prepare("template").render(jsonData);
                $("#template").removeClass("hidden");
            });
        });
    
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <ol id="template" class="hidden">
            <li data-template>
                <h3>
                    {{Id}}</h3>
                <p>
                    {{Nombre}}, {{Apellidos|truncate 25}}</p>
                <p>
                    nacido el {{FechaNacimiento}}</p>
            </li>
            <li data-template-fallback>
            Error, Javascript necesario para visualizar la página!</li>
        </ol>
    </div>
    </form>
</body>
</html>

La página es muy sencilla, y sin duda el elemento mas interesante es el template de Tempo.js. En realidad se trata de HTML normal, en el que insertamos marcas que el motor de renderizado identifica - http://tempojs.com/#html - y que va a sustituir los datos obtenidos del servidor.

<ol id="template" class="hidden">
    <li data-template>
        <h3>
            {{Id}}</h3>
        <p>
            {{Nombre}}, {{Apellidos|truncate 25}}</p>
        <p>
            nacido el {{FechaNacimiento}}</p>
    </li>
    <li data-template-fallback>
    Error, Javascript necesario para visualizar la página!</li>
</ol>

Fijémonos en la marca de {{Apellidos}}, posee un marcado especial truncate que le indica que debe truncar el dato cuando este exceda de 25 posiciones. Tempo.js posee un buen número de marcadores y filtros que nos van a permitir formatear nuestros datos cómodamente – http://tempojs.com/#filter-functions

Tempo.js también nos permite anidar plantillar, plantillar condicionales, definir platillas de error para cuando el navegador no dispone de soporte para JavaScript … os recomiendo que echéis un vistazo a la web para que veáis la lista completa de funcionalidades. http://tempojs.com/

Bien, pues solo nos falta comentar el script de inicialización de página, en el que activamos Tempo.js y vamos al servidor para obtener los datos en formato JSON.

<script type="text/javascript">
    $(document).ready(function () {
        var url = '<%:VirtualPathUtility.ToAbsolute("~/Handlers/PersonasDataHandler.ashx") %>';
        $.getJSON(url, function (jsonData) {
            Tempo.prepare("template").render(jsonData);
            $("#template").removeClass("hidden");
        });
    });    
</script>

Activar Tempo.js es muy sencillo, solo debemos llamar al método prepare y posteriormente renderizar los datos.

Tempo.prepare("template").render(jsonData);

El programa en ejecucion queda de la siguiente forma … Bonito lo que se dice bonito no lo hemos hecho … pero …

Como ya hicimos en el post anterior hemos subido el código a SkyDrive para que podáis descargarlo. Este es el enlace: https://skydrive.live.com/#cid=20A9C248301397B3&id=20A9C248301397B3%21143

Finalmente solo decir que Tempo.js no es la única librería de este tipo que existe, pero si me ha parecido muy fácil de utilizar, por lo que os invito a utilizar los comentarios para contar vuestras experiencias con otras librerías de este estilo.

Saludos,

DJK!

Saeed Malekpour, un programador web condenado a la pena de muerte

Mon, 20 Feb 2012 10:40:02 GMT

En muchos países se intentan incriminar a los programadores del uso que se dan sus programas por los usuarios. No hay que ir muy lejos para comprobar casos como ManolitoP2P o Megaupload. Sin embargo, en algunos casos o países se pueden llegar a extremos realmente graves como el caso que está ocurriendo recientemente en Irán.

Saeed Malekpour es un desarrollador web de origen iraní que se enfrenta a una inminente ejecución de su condena de pena de muerte. Su delito no ha sido otro que desarrollar una aplicación que permitía subir y compartir imágenes por los usuarios. Estas imágenes fueron utilizadas para compartir fotografías pornográficas y por ello fue arrestado. Hace unos meses un jurado lo declaró culpable con la tremenda condena de la pena de muerte.
Este programador de 36 años de edad, aunque es de origen iraní, cambió su residencia a Canadá en el 2005 donde trabajó como diseñador web en este país. En 2008 visitó a su padre a Irán por motivos de salud de este y entonces fue cuando se le arrestó. Tanto el gobierno de Canadá como Amnistía Internacional ha pedido su liberación.

Muchos partidarios de Malekpour han creado páginas en Facebook para pedir su liberación. Sin embargo, el tiempo se acaba y se acerca la inminente ejecución de este desarrollador. Es lamentable como, a parte de la pena de muerte de los que supongo que muchos estaremos en desacuerdo sea cual sea el delito, se criminaliza a desarrolladores simplemente por el contenido que se puede llegar a gestionar con las aplicaciones. Para los que queráis estar más informados sobre este caso os invito a visitar el blog que cito que solicita la libertad de Saeed Malekpour - http://freesaeedmalekpour.wordpress.com/.

Copiado de:http://www.genbetadev.com/actualidad/saeed-malekpour-un-programador-web-condenado-a-la-pena-de-muerte

Como mejorar la usabilidad de un listado maestro-detalle con jQuery y Ajax

Thu, 26 Jan 2012 21:36:45 GMT

En este articulo vamos a ver como podemos mejorar muchísimo la experiencia de usuario de nuestros aburridos listados de datos. Habitualmente cuando incluimos un listado en una aplicación,incluimos un enlace que permite acceder al detalle de cada fila.

Está forma de actuar, aún siendo perfectamente correcta, deteriora la experiencia que el usuario tiene al interactuar con nuestra aplicación. En su lugar, una buena técnica es cargar los datos adicionales a través de ajax y mostrarlos en su contexto. En este articulo explicamos como incluir dinámicamente una nueva fila a nuestro listado y cargar en ella el detalle, reutilizando además las páginas existentes.

Para realizar el ejemplo debemos crear un proyecto de tipo WebSite que estará compuesto por los siguientes elementos:

Dos WebForms, Default.aspx y page2.aspx. Son las páginas del listado y el detalle.
Una hoja de estilo, site.css.
Tres imágenes, que por simplicidad deben llamarse: logo1.jpg, logo2.jpg y logo3.jpg.

Por supuesto debemos añadir la referencia a jQuery con nuGet. El proyecto debería parecerse a esto …

Empezaremos por lo más fácil, el contenido del archivo site.css, es el siguiente:

.red{color:red}
.content{display:none}
table, th, td {border:1px groove grey }    
.table-content{width:750px }
.logo{float:left}
.logo-text{}

Ahora vamos a la primera página Default.aspx, es la página que muestra el listado

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html >
<html lang="es">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/site.css" />
    <!--Aqui pondremos el script que veremos mas adelante-->
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table class="table-content">
            <tr>
                <td>
                    <a href="page2.aspx?cliente=1">Ver</a>                    
                </td>
                <td>
                    Dato
                </td>
                <td>
                    www.devjoker.com
                </td>
            </tr>
            <tr>
                <td>
                    <a href="page2.aspx?cliente=2">Ver</a>                    
                </td>
                <td>
                    Dato
                </td>
                <td>
                    Otro dato
                </td>
            </tr>
            <tr>
                <td>
                    <a href="page2.aspx?cliente=3">Ver</a>
                </td>
                <td>
                    Dato
                </td>
                <td>
                    Otro dato
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

Fijaros en comentario en color verde que pone «<!--Aqui pondremos el script que veremos mas adelante—>», ya que mas adelante tendremos que sustituirlo por un script de jQuery. Inicialmente tenemos un enlace por cada fila que nos lleva a la página de detalle. Y no os extrañéis por el uso de table, la mejor forma de mostrar datos tabulares es el elemento table.

La segundo página, page2.aspx que corresponde con nuestro detalle – que en el ejemplo muestra una página con el detalle del cliente y su logotipo. El código .aspx sería el siguiente:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="page2.aspx.cs" Inherits="page2" %>

<!DOCTYPE html >
<html  lang="es">
<head runat="server">
    <title></title>
    <link href="css/site.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1" runat="server">
    Esto NO SE MUESTRA cuando se llama a la página por AJAX
    <div id="content">        
        <div  class="logo">
            <asp:Image runat="server" ID="imglogo" />
        </div>
        <div class="logo-text" >
            <h1>
                Este es el contenido que se va a mostrar!!!!</h1>
            <asp:Label runat="server">Detalle:</asp:Label>
            <asp:Label ID="lblDetalle" runat="server"></asp:Label>
        </div>        
    </div>
    </form>
</body>
</html>

Fijaros que hay una parte del código en la que ponemos «Esto NO SE MUESTRA cuando se llama a la página por AJAX», este es un comportamiento intencionado que incluimos para que sea más sencillo reutilizar páginas existentes en nuestras aplicaciones (aunque debemos tener en cuenta que la página se ejecutará completamente y será jQuery quien recorte la parte le indiquemos con el selector).

Y su código correspondiente. Lo único destacable es que hemos encapsulado la variable “cliente” en una propiedad para trabajar más fácilmente:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

public partial class page2 : System.Web.UI.Page
{
    int Cliente
    {
        get { 
            int cliente =  0 ;
            Int32.TryParse(Request["cliente"], out cliente);
            return cliente;
        }
    
    }
    string GetDetalle() {
        return String.Format(
            "Este es el detalle del cliente {0} ..., aqui podemos hacer de todo un poco.", 
            Cliente);
    }
    protected void Page_Load(object sender, EventArgs e)
    {
        lblDetalle.Text  = GetDetalle();
        imglogo.ImageUrl = VirtualPathUtility.ToAbsolute(
                String.Format("~/img/logo{0}.jpg", Cliente));
    }
}

Está sería la ejecución de cada una de las páginas de forma independiente …

La aplicación funciona perfectamente, pero sería mucho mas usable si pudiéramos tener toda la información visible en una única página. Siempre podríamos recurrir a un popup, pero estaríamos actuando de forma intrusiva a al usuario.

Lo primero que hacemos es modificar los elemento link por botones – esto no es obligatorio, pero personalmente prefiero un botón, ya que con un link el usuario puede esperar que se navegue hacia otra página (si quisiéramos compatibilidad con navegadores que no utilicen javascript deberíamos mantener el enlace):

<%--<a href="page2.aspx?cliente=1"  >Ver</a>--%>
<input type="button" 
value="[+]" class="addRowButton" rel="1" />

Observemos que el botón no tiene asociada ninguna acción para el evento onclick ni ningún otro.

Ahora vamos a incluir un poco de código javascript con jQuery el la primera página, Default.aspx (hay que incluirlo en el comentario de color verde que hemos incluido en el código de Default.aspx):

<script type="text/javascript">
    $(document).ready(function () {
        $(".addRowButton").one("click", addChildrenRow);           
    });

    function showdiv(div, row) {            
        $(row).show();
        $(div).fadeIn("slow");
    }
    function hidediv(div, row) {            
        $(div).fadeOut("slow", function () {
            $(row).hide(); 
        });            
    }

    function addChildrenRow(source) {
        var button = $(source.currentTarget);
        var tr = button.parents("tr").first();
        tr.addClass("red");
        var trTemplate =
            $("<tr><td colspan=\"3\"><div class=\"content\"></div></td></tr>");
        tr.after(trTemplate);          
        var divElement = trTemplate.find("div.content");

        button.toggle(function () { tr.removeClass("red"); hidediv(divElement, trTemplate); },
                      function () { tr.addClass("red"); showdiv(divElement, trTemplate); });

        var cliente = button.attr("rel");
        divElement.load("page2.aspx?cliente=" + cliente +" #content", function () {
            divElement.fadeIn("slow"); 
        });
    }
</script>

Este script realiza las siguientes tareas:

En el script de inicio $(document),ready(…) se vincular el click del botón de cada fila a la función addChildrenRow (selector .addRowButton). Es importante destacar que este enlace se realiza a través del método one, que vincula únicamente la primera pulsación del boton.
La funcion addChildrenRow es la que realmente realiza el trabajo sucio, por un lado detecta el elemento que produce el evento, y localiza el tr inmediatamente superior, para insertar una nueva fila – con un elemento div- a continuación. A continuación, con el método toggle asigna dos funciones para mostrar y ocultar el div anterior, y por ultimo carga el contenido de la pagina en el div. Añade un poco de color y efectos con las funciones addClass y fadeIn, fadeOut

Si ejecutamos la página … el resultado de la ejecución es el siguiente:

Como podemos ver ahora la página despliega y oculta la información de detalle bajo demanda del usuario. Mucho mejor! Además garantiza que solo trae la información una única vez.

El código completo de la página Default.aspx quedaría de la siguiente manera:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html >
<html lang="es">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <link rel="stylesheet" type="text/css" href="css/site.css" />
    <script type="text/javascript">
        $(document).ready(function () {
            $(".addRowButton").one("click", addChildrenRow);           
        });

        function showdiv(div, row) {            
            $(row).show();
            $(div).fadeIn("slow");
        }
        function hidediv(div, row) {            
            $(div).fadeOut("slow", function () {
                $(row).hide(); 
            });            
        }

        function addChildrenRow(source) {
            var button = $(source.currentTarget);
            var tr = button.parents("tr").first();
            tr.addClass("red");
            var trTemplate =
                $("<tr><td colspan=\"3\"><div class=\"content\"></div></td></tr>");
            tr.after(trTemplate);          
            var divElement = trTemplate.find("div.content");

            button.toggle(function () { tr.removeClass("red"); hidediv(divElement, trTemplate); },
                          function () { tr.addClass("red"); showdiv(divElement, trTemplate); });

            var cliente = button.attr("rel");
            divElement.load("page2.aspx?cliente=" + cliente +" #content", function () {
                divElement.fadeIn("slow"); 
            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table class="table-content">
            <tr>
                <td>                    
                    <input type="button" 
                    value="[+]" class="addRowButton" rel="1" />
                </td>
                <td>
                    Dato
                </td>
                <td>
                    Otro dato
                </td>
            </tr>
            <tr>
                <td>                   
                    <input type="button" 
                    value="[+]" class="addRowButton" rel="2" />
                </td>
                <td>
                    Dato
                </td>
                <td>
                    Otro dato
                </td>
            </tr>
            <tr>
                <td>                    
                    <input type="button" 
                    value="[+]" class="addRowButton" rel="3" />
                </td>
                <td>
                    Dato
                </td>
                <td>
                    Otro dato
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>

Nota. Las marcas de coche cuyos logotipos se muestran en este articulo no me han regalado nada .

Podemos descargar el código fuente desde este enlace.(Archivo website16.zip)

Saludos,

DJK!

JSON.NET. Mejorando la serialización JSON con .NET

Wed, 25 Jan 2012 17:03:05 GMT

Hace algún tiempo que os hablamos en devjoker.com de como utilizar JSON en aplicaciones ASP.NET -http://www.devjoker.com/contenidos/catss/459/Serializacioacuten-JSON-con-NET.aspx. Es este articulo serializábamos un objeto utilizando la clase JavaScriptSerializer incluido con .NET Framework en el assembly System.Web.Script.Serialization.

En esta ocasión vamos a realizar el mismo ejercicio de serialización pero a través de la librería JSON.NET. La utilización de esta librería nos va a aportar las siguientes ventajas:

Una forma de trabajar sencilla y unificada para todas nuestras clases. No tendremos que escribir un nuevo método ToJson() en cada clase, como ocurría en el ejemplo anterior.
JSON.NET nos permite serializar de .NET a JSON, pero también de forma inversa de JSON a .NET.
Un nuevo sabor de LINQ: LINQ To JSON.

Pero vamos a realizar una pequeña aplicación de ejemplo para ver lo fácil que resulta trabajar con JSON.NET. Lo primero creamos un sitio web vacío:

Utilizando NuGet añadimos al proyecto las referencia a JSON.NET y también a jQuery -para simplificar el trabajo con Ajax.

El proyecto constará de los siguientes elementos:

Un HttpHandler, DataHanlder.ashx – que nos va a permitir gestionar las llamadas para obtener un resultado serializado en JSON.
Un Web Form, Default.aspx, que nos servirá como página de inicio y desde donde realizaremos las llamadas al handler anterior.

La siguiente imagen muestra el aspecto que debería tener el explorador de soluciones (el resto de los elementos se crean al añadir las referencias con NuGet).

Ahora escribimos el código del handler:

<%@ WebHandler Language="C#" Class="DataHanlder" %>
using System;
using System.Web;

public class DataHanlder : IHttpHandler {

    class Persona {
        public Guid Id { get; set; }
        public string Nombre { get; set; }
        public string Apellidos { get; set; }
        public string FechaNacimiento { get; set; }
    }
    
    public void ProcessRequest (HttpContext context) {
        context.Response.ContentType = "application/json";
        var devjoker = new Persona() { 
            Id = Guid.NewGuid(),
            Nombre = "Pedro", 
            Apellidos = "Herrarte",
            FechaNacimiento = new DateTime (1975,01,13).ToString("d") 
        };
        var json = Newtonsoft.Json.JsonConvert.SerializeObject(devjoker);
        context.Response.Write( json );
    }
 
    public bool IsReusable {
        get {
            return false;
        }
    }
}

Para simplificar, hemos incrustado la clase Persona dentro del propio handler. Las peticiones se procesan en el método ProcessRequest, que el framework invoca automáticamente al recibirse una petición al handler. En este método creamos un objeto Persona y lo serializamos a JSON con la clase JsonConverter, y devolvemos la respuesta por http normalmente. Así de fácil.

Si quisiéramos obtener el objeto .NET a partir del JSON seria tan sencillo como hacer lo siguiente:

var inputJson = @"{
    ""Id"":""bb816aa1-feab-4e35-b9be-80f1273d4913"",
    ""Nombre"":""Pedro"",
    ""Apellidos"":""Herrarte"",
    ""FechaNacimiento"":""20/01/1975""}";
Persona deserializedPersona = Newtonsoft.Json.JsonConvert.DeserializeObject<Persona>(inputJson);

Ahora vamos a la página .aspx:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html >

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery-1.7.1.min.js" type="text/javascript"></script>
    <script>
        $(document).ready(function () {
            $("#btnConsulta").click(buscar);
        });

        function buscar() {
            var postData= null;
            $.post('Handlers/DataHanlder.ashx', postData, function (result) {
                $("#txtId").val(result.Id);
                $("#txtNombre").val(result.Nombre);
                $("#txtApellidos").val(result.Apellidos);
                $("#txtFechaNacimiento").val(result.FechaNacimiento);
            });
        }
    </script>
</head>
<body>
    <form id="form1" runat="server" enableviewstate="false">
    <div>
        <asp:Label ID="Label1" runat="server" Text="ID:"></asp:Label>
        <asp:TextBox ID="txtId" runat="server"></asp:TextBox>
        <asp:Label ID="Label2" runat="server" Text="Nombre:"></asp:Label>
        <asp:TextBox ID="txtNombre" runat="server"></asp:TextBox>
        <asp:Label ID="Label3" runat="server" Text="Apellidos:"></asp:Label>
        <asp:TextBox ID="txtApellidos" runat="server"></asp:TextBox>
        <asp:Label ID="Label4" runat="server" Text="Fecha Nacimiento:"></asp:Label>
        <asp:TextBox ID="txtFechaNacimiento" runat="server"></asp:TextBox>
        <hr />
        <input type="button" ID="btnConsulta"  value="Buscar" />
    </div>
    </form>
</body>
</html>

Lo primero que debermos asegurar es que hemos incluido la referencia a jQuery, a patir de ahí, incluimos el script inicial de la página $(document).ready(…); donde establecemos el enlace del evento click del botón btnConsulta y la función buscar, esta función realiza una llamada al handler que hemos creado anteriormente, y procesa el resultado para mostrarlo en pantalla.

La aplicación en ejecución:

Si analizamos el tráfico con Fiddler podemos ver la llamada al hanlder y la respuesta obtenida:

HTTP/1.1 200 OK
Server: ASP.NET Development Server/10.0.0.0
Date: Wed, 25 Jan 2012 14:45:30 GMT
X-AspNet-Version: 4.0.30319
Cache-Control: private
Content-Type: application/json; charset=utf-8
Content-Length: 116
Connection: Close

{"Id":"bb816aa1-feab-4e35-b9be-80f1273d4913","Nombre":"Pedro","Apellidos":"Herrarte","FechaNacimiento":"13/01/1975"}

Como podemos ver el resultado obtenido está serializado en JSON perfectamente, y sin apenas esfuerzo.

En la página del autor - http://james.newtonking.com/projects/json/help/ - disponemos además de muchos ejemplos que nos permitirán sacar el máximo rendimiento a JSON.NET.

Saludos,

DJK

Recursos de desarrollo para Silverlight

Tue, 24 Jan 2012 18:28:44 GMT

Desde hace algún tiempo estoy involucrado en un proyecto en el que utilizamos Silverlight como tecnología para la capa de presentación. No soy ningún experto en Silverlight, pero gracias a mis compañeros y a su paciencia voy aprendiendo …

La curva de aprendizaje de Silverlight es costosa, son muchos los elementos que hay que manejar: el lenguaje de marcado XAML, WCF RIA Services, el patrón MVVM, PRISM, MEF, etc... Confieso que ha día de hoy aún no tengo demasiada soltura con del entorno, por lo que está lista de recursos de desarrollo para Silverlight me va a venir de perlas … ¡a mi!

El primer sitio en el disponemos de una amplia colección de recursos es la propia página de Silverlight - http://www.silverlight.net/learn – y en especial los hands on labs - http://www.silverlight.net/learn/overview/silverlight-4-hands-on-labs. Eso si, no esperéis ser tocados por el tallarinesco apendice y que de repente os convirtáis en unos tipos con buen gusto. Los programadores somos cuadriculados y nuestras interfaces tienen cuadrados: Las ventanas son cuadradas, los input son cuadrados, los botones …. dejad el diseño y Blend a los diseñadores .

El siguiente recurso que me gustaría destacar es el Silvelight Toolkit en codeplex: http://silverlight.codeplex.com/, se trata de una colección de controles para Silverlight y Silverlight para Windows Phone, los controles están desarrollados por la propia Microsoft. Podemos descargarlo directamente desde Codeplex pero también está disponible su instalación con NuGet.

O desde Nuget directamente con Visual Studio …

El sitio demo de Silverlight Toolkit es sencillamente impresionante - http://www.silverlight.net/content/samples/sl4/toolkitcontrolsamples/run/default.html, tiene demostraciones de como utilizar todos y cada uno de los controles que se incluyen, con su código XAML y C# asociado(o VB). Una maravilla, sencillamente impagable.

Por último, un video sobre el patrón de diseño MVVM y los enlaces a PRIMS y MEF, los módulos de extensibilidad que podemos utilizar para construir nuestras aplicaciones Silverlight de forma modular.

Silverlight MVVM => http://channel9.msdn.com/Blogs/channel9spain/Crear-aplicaciones-Silverlight-con-MVVM
Prims: http://compositewpf.codeplex.com/
MEF:http://mef.codeplex.com/

Saludos, DJK

El FBI cierra Megaupload y detiene a varios de sus trabajadores

Thu, 19 Jan 2012 23:57:39 GMT

Así como suena. El FBI ha cerrado Megaupload, una de las mayores webs de intercambio de archivos y detenido a sus responsables y varios de sus trabajadores.

Enlace a la noticia: http://www.elmundo.es/elmundo/2012/01/19/navegante/1327002605.html

En la noticia anterior se menciona que se les acusa de … ¡sorpresa! piratería y delitos contra la propiedad intelectual. Otra versión de la noticia - http://alt1040.com/2012/01/megaupload-cierra - habla de delitos de blanqueo de dinero y crimen organizado …, aunque la nota oficial del FBI habla de fraude generalizado contra los derechos de autor. La operación además se ha desarrollado internacionalmente en Nueva Zelanda.

Sin haber tenido apenas tiempo de asimilar la noticia, y a riesgo de ser sensacionalista … me gustaría pedir al FBI que se aplique del mismo modo con la «ley de protección de datos personales», y proceda a cerrar bancos, multinacionales de todo tipo, ya que me consta el incumplimiento generalizado de dicha ley.

Lamentable.

Estadísticas de utilización de tu sitio web en tiempo real con Google Analytics.

Wed, 18 Jan 2012 14:42:49 GMT

Google no deja de sorprendernos. Acaba de incorporar a su sistema de estadísticas Google Analytics informes en tiempo real.

El servicio ofrece datos del número de usuarios concurrentes, páginas servidas por minuto y segundo, el tipo de usuario (nuevo, recurrente), página activas, búsquedas de los usuarios, ubicaciones … etc

Todo en tiempo real. Alucinante.

El servicio está aún en beta (aunque eso en Google no significa lo mismo que en cualquier otro sitio), y solo está disponible con la nueva interfaz.

Saludos, DJK.

HTML5 e integración con Facebook

Mon, 16 Jan 2012 17:25:23 GMT

Si eres un seguidor habitual de www.devjoker.com te habrás dado cuenta de que en estos últimos días estamos haciendo algunos cambios. Y es que nos habíamos quedado «viejunos», Devjoker no utiliza ningún CMS como puedan ser wordpress, umbraco o blogengine, sino que implementa su propio motor de contenidos … es más cuando comenzamos a programar devjoker - allá por el año 2002 - no existía ninguno de estos CMS.

Como consecuencia de lo anterior tenemos que cada cambio, mejora o evolución tecnológica debemos implementarla manualmente. Es muchísimo mas complicado y requiere de mucho tiempo, pero también produce muchísima mas satisfacción que instalar un service pack para actualizar de versión .

Por supuesto, no podemos ofrecer todas las funcionalidades de los grandes CMS ni actualizar a la misma velocidad. Hasta ahora no había importado mucho, ya que nuestro objetivo no es disponer del CMS más completo del mercado, tan solo compartir conocimiento y experiencias. Pero recientemente Google ha modificado el algoritmo de búsqueda, y devjoker.com ha sido penalizado duramente (hemos pasado de un page rank 6 a 3).

Así que no me ha quedado mas remedio que ponerme manos a la obra para implementar algunas características que han adquirido muchísima relevancia para Google:

Integración con facebook. Hemos creado una página en la red social por excelencia (bueno en realidad lo que hemos hecho es darle a un botón que pone «crear página» en facebook) y hemos integrado el plugin social de facebook. Así que ya podéis darle al «me gusta».
HTML5. Estamos modificando el código que genera www.devjoker.com para hacerlo más semántico y de mayor calidad. (aunque HTML5 es mucho, muchísimo mas que esto!)
También hemos aprovechado para la corrección de algunos fallos.

Esperamos seguir introduciendo novedades, pero lo mas importante – disponer del tiempo necesario para publicar nuevos post y tutoriales.

Y si os gusta … pues darle al «me gusta».

Saludos, DJK.

Frikada del día. SSH con tu foto en Ascii Art.

Tue, 10 Jan 2012 21:46:27 GMT

Cuando trabajas con varios servidores remotos puede resultar confuso saber cuando estás en uno u en otro. Con windows suelo instalar bgInfo con lo que simplemente mirando el fondo de escritorio salgo de dudas.

Pero con SSH las pantallas son negras, sin escritorio ni ningún elemento visual que nos ayude a identificar fácilmente el servidor … así que la mejor forma que se me ha ocurrido es modificar el mensaje de bienvenida que muestra Linux tras la conexión para sacar mi foto es Ascii!. Es una frikada mayúscula pero me sirve como pretexto para un pequeño post …

Para lograr este efecto solo tenemos que pasar nuestra foto a Ascii, que es tremendamente fácil utilizando herramientas como esta: http://makeascii.com/

Una vez que tengamos la foto tan solo tenemos que modificar el archivo de bienvenida que se muestra tras el login en una session de consola con nuestro editor preferido:

En mi caso: nano /etc/motd ,e introducir nuestra foto en ASCII en el archivo. Ahora seguro que ya sabemos a que servidor estamos conectados …

Lo dicho: una frikada.

Saludos, DJK

Disponible la versión Relase del driver ODP.NET de ORACLE para Entity Framework y LINQ.

Fri, 30 Dec 2011 12:44:23 GMT

Ya esta disponible la versión relase del driver ODP.NET 11.2 Relase 4 con soporte para Entity Framework y LINQ.

Habíamos advertido que ORACLE tenia previsto el lanzamiento del driver ODP.NET con soporte para Entity Framework a finales de años - http://devjoker.com/contenidos/Articulos/494/Driver-ORACLE-para-Entity-FrameworkndashBeta-3.aspx – ¡y han cumplido!

Podemos descargar el driver desde las siguientes direcciones:

Entre las novedades también se incluye soporte para WCF Data Services y OData, la lista completa de novedades la podemos encontrar en el siguiente enlace: http://www.oracle.com/technetwork/database/windows/newfeatures-084113.html#ODP.NET

En el siguiente articulo tenemos un completo ejemplo de como utilizarlo: http://www.oracle.com/technetwork/issue-archive/2011/11-sep/o51odt-453447.html

Saludos, DJK.

Interesante recopilación de plugins de jQuery

Wed, 21 Dec 2011 12:57:17 GMT

Los que me conocéis sabéis que soy una fanático de jQuery. No solo de la librería sino de la inmensa cantidad de plugins que existen. Conocerlos todos es imposible, por eso cada cierto tiempo me gusta incluir alguna recopilación de plugins - http://www.devjoker.com/contenidos/catss/469/Recopilacioacuten-de-150-pluggins-de-jQuery.aspx.

En la siguiente dirección he encontrado esta interesantísima lista - http://www.blog.estudioit.cl/10-nuevos-plugins-para-jquery/ – en la que podemos encontrar pluggins de todo tipo. Muy recomendable. Algunos de los que mas me gustan …

http://nivo.dev7studios.com/

http://tympanus.net/Tutorials/BeautifulBackgroundImageNavigation/

https://buildinternet.s3.amazonaws.com/live-tutorials/sliding-boxes/index.htm

Y también algunos que he encontrado por ahí y que son muy recomendables.

http://tympanus.net/Tutorials/CollapsingSiteNavigation/

http://vegas.jaysalvat.com/

Saludos, DJK!

Gestión de Timeouts con EventWaitHandle.

Tue, 20 Dec 2011 14:53:11 GMT

Trabajar con componentes – ya sea propios o externos - es algo muy habitual. En la mayoría de los casos el componente se comporta como debe y todo parece funcionar correctamente.

Sin embargo, cada cierto tiempo … algo falla, recibimos la incidencia y nos ponemos manos a la obra. Pero no logramos reproducir el error. Una de las situaciones mas complejas en las que podemos encontrarnos es cuando el error se debe a que un componente emplea demasiado tiempo en realizar su trabajo. Es un problema difícil de reproducir, porque la demora puede ser debida a infinidad de motivos:

un exceso de carga de la máquina
un bloqueo sobre algún recurso
ejecución de un servicio externo …

Si nuestro programa es un servicio es todavía peor, ya que quien reportará el error será normalmente el cliente del servicio … O si el componente es cerrado … Es necesario disponer de un mecanismo que nos permita limitar el tiempo que nuestro programa para permitirnos actuar en consecuencia.

Vamos a intentar hacer un ejemplo, supongamos que trabajamos con el siguiente componente:

public class Component
    {
        public void ComponentProcess(int miliseconds, int delay) {
            var start = DateTime.Now ;
            
            Console.WriteLine("Inicio de ComponentProcess. Ms:{0}, delay:{1}", miliseconds, delay);
            Thread.Sleep(miliseconds*delay);
            var end = DateTime.Now ;
            Console.WriteLine("Inicio de Fin ComponentProcess. Tiempo de ejecucion(ms): {0}", end.Subtract(start) );
        }
    }

Este componente no hace nada, establece un tiempo de espera en función de sus dos parámetros. En realidad lo único que queremos es hacer variar el tiempo de ejecución del método para simular una situación imprevista.

Si utilizamos nuestro componente directamente(como hace el siguiente programa), podemos observar que el tiempo de ejecución va incrementándose (es lógico, es el comportamiento que hemos programado!)

class Program
    {
        public static void Main(string[] args)
        { 
            var a = new Component();            
            for (var i = 0; i <= 5; i++)
            {
                a.ComponentProcess(1000, i);
            }
            Console.WriteLine("Finaliza ejecucion del programa");
            Console.ReadLine();
        }
    }

El resultado de la ejecución del código anterior es este:

Como podemos ver el tiempo de ejecución tiende a infinito … comprometiendo la estabilidad y escalabilidad de nuestro sistema, y por supuesto el rendimiento.

Es mucho mejor poder establecer un límite de tiempo para la ejecución del componente, y poder actuar en consecuencia en lugar de esperar de forma indefinida a que el programa responda. Normalmente lanzando una excepción. Vamos a ello. Lo primero que vamos a hacer es definir las interfaces …

ITimeoutTask – Que representa una tarea con timeout.
ITaskResult – Que representa el resultado de la tarea.

public interface ITimeoutTask {        
    void Process(int timeout);
    ITaskResult Result { get; }
}

public interface ITaskResult {
    Exception Error {get;}
    bool Sucess {get;}
}

Ahora hay que realizar las implementaciones de las interfaces. Primero el resultado del proceso ITaskResult – tiene una propiedad «Sucess» que nos indica si la tarea se ha ejecutado correctamente y otra propiedad «Error» que nos permitirá acceder a la excepción en caso de error. Si nuestro proceso devolviera algún dato adicional deberíamos añadirlo a esta interfaz.

public class ComponentTaskResult : ITaskResult
{
    private Exception _error;
    private bool _sucess;

    public ComponentTaskResult(bool sucess, Exception error)
    {
        _sucess = sucess;
        _error = error;
    }

    public Exception Error
    {
        get { return _error; }
    }

    public bool Sucess
    {
        get { return _sucess; }
    }
}

Y ahora la clase que implementa ITimeoutTask , para la ejecución del componente. Para conseguir nuestro objetivo vamos a necesitar realizar la ejecución del componente en un nuevo thread y monitorizar el tiempo que emplea ese thread en ejecutarse(se explica mas adelante).

public class ComponentTask : ITimeoutTask 
{
    EventWaitHandle eventWait;
    Component componente;
    ITaskResult result;
    private int i_param = 0;
    private int b_param = 0;
   
    public ComponentTask (int ms, int delay  )
    {
        componente = new Component();
        i_param = ms;
        b_param = delay;
        eventWait = new EventWaitHandle(false, EventResetMode.AutoReset);
        result = new ComponentTaskResult(false, null);
    }

    public void Process(int timeout)
    {
        Thread hilo = new Thread(InternalTask);
        hilo.Start();            
        
        if (!eventWait.WaitOne(timeout))            
        {
            hilo.Abort();
            result = new ComponentTaskResult(false, new TimeoutException("TimeOut") );
        }

    }

    private void InternalTask()
    {
        try
        {
            componente.ComponentProcess(i_param, b_param);
            result = new ComponentTaskResult(true, null);       
        }
        catch (Exception ex)
        {
            result = new ComponentTaskResult(false, ex);
        }
        finally
        {
            eventWait.Set();
        }
    }

    public ITaskResult Result
    {
        get { return result; }
    }
}

En esta clase, tenemos definido un constructor con tantos parámetros como argumentos necesitamos para la utilización de nuestro componente (que es al fin y al cabo el objetivo que estamos persiguiendo) .Como hemos comentado vamos a necesitar realizar la ejecución del componente en un nuevo thread y sincronizar el proceso principal y secundario, por lo que instanciamos un objeto EventWaitHandle, que será el objeto encargado de monitorizar el tiempo ejecución y nos va a permitir sincronizar los procesos.

En la implementación de nuestra interfaz, en el método «Process» creamos un nuevo hilo para ejecutar el componente, y forzamos una espera de tiempo con el método WaitOne(int) del objeto EventWaitHandle. Este método, esperará al tiempo que hemos establecido o a que se realice la llamada al método Set() – que le indicará al proceso principal que se ha finalizado el trabajo. Si se llama al método Set() antes de que finalice el timeout el método WaitOne(int) devuelve true, y false en el caso de que el tiempo finalice. Por lo tanto, en el caso de que se produzca un timeout abortamos la ejecucion del hilo y establecemos la propiedad Result con el valor adecuado (ejecucion erronea y exception de tipo Timeout).

Ahora vamos a ver como modificamos el método Main para utilizar nuestra ITimeoutTask ….

class ProgramWithTimeout
    {
        public static void Main(string[] args)
        {
            var timeout = 3200; //3.2 segundos
            for (var i = 0; i <= 5; i++)
            {                
                var task = new ComponentTask(1000, i);
                task.Process(timeout);
                                              
                if (task.Result.Sucess)
                {
                    Console.WriteLine("OK, el proceso ha sido correcto");
                }
                else {
                    Console.WriteLine("Se ha producido un error. {0}", task.Result.Error.Message);
                }
            }
            Console.WriteLine("Finaliza ejecucion del programa");
            Console.ReadLine();
        }
    }

Dado que ahora la ejecución es asíncrona y con un timeout comprobamos el resultado del proceso a través de la propiedad Result, que nos indica el resultado y el error en caso de producirse.

La ejecución del programa es la siguiente:

De este modo podemos controlar la ejecución de nuestro componente, garantizando que aunque su comportamiento no sea el esperado nuestro programa si tendrá el comportamiento esperado.

Saludos,

DJK!

Datos de ejemplo para probar nuestras aplicaciones

Fri, 16 Dec 2011 12:01:06 GMT

Cuando desarrollamos software tenemos que probar nuestros programas. No me refiero a realizar test unitarios (cosa que recomiendo encarecidamente), sino a probar la aplicación como usuarios. En este punto tenemos introducir datos, y una de los problemas que se presentan “inventarse los datos”. Al final acabamos poniendo «nombres de usuario» como “assasas”, direcciones del estilo “dsdasddasd 25” … en definitiva, nos inventamos los datos ~~tecleando~~ aporreando el teclado. La cosa empeora cuando además introducimos validaciones de datos (NIF, CIF, números de cuenta, etc …), pasamos mas tiempo buscando datos válidos que probando nuestro programa

El resultado es que el al final es una perdida considerable de tiempo y nuestro entorno de desarrollo acaba teniendo una mierda de datos.¿Os ha pasado alguna vez verdad?

Para evitarlo os recomiendo utilizar datos que “parezcan reales”, a continuación mostramos algunos trucos para obtener estos datos “casi reales”.

Nombres y apellidos: Crear clientes, usuarios, … es innumerable la cantidad de veces que tenemos que introducir el nombre y los apellidos en una pantalla. Para obtener estos datos de forma fácil, usa las redes sociales. Si usas facebook puedes utilizar la opción de “Buscar amigos …”, en linked-in “Gente que conozcas …” . Todas tienen una opción parecida. Ya tienes una bonita lista de nombres con sus apellidos.
Emails. Este es un dato delicado, si utilizamos direcciones reales podemos llegar a enviar correos desde un entorno de desarrollo. Utiliza servicios como “10 minute mails”, que crean cuentas de correo completamente funcionales por tiempo limitado. Ya os hable de este servicio hace algún tiempo en este artículo.
Direcciones postales: Este es uno de los datos que mas me “molestan”. En particular en estos momento trabajo en un sistema que utiliza geolocalización y realiza validaciones sobre el código postal, la provincia etc … por lo que o utilizas una dirección real o mal vamos. Para estos casos necesitamos direcciones reales … Para encontrarlas nada mejor que recurrir “Google maps” p “Bing maps” y realizar una búsqueda del tipo “Bares en Madrid”, “Talleres en Barcelona”, etc … Voilá, direcciones para aburrir a cualquiera.
Teléfonos. Este datos es preferible inventarlo, pero teniendo siempre cuidado y utilizar números ficticios … (no vaya a ser que el sistema envíe SMS´s o realice llamadas …)
DNI, NIE, CIF. Otro dato molesto. Utiliza este servicio para generarlo: http://niednicifgenerador.appspot.com/
Números de tarjeta: De nuevo otro servicio para estos casos - http://generadores.arredemo.org/ccgenerador/. Espero que nadie espere números de tarjetas válidos para comprar en internet, el servicio solo genera números válidos a nivel matemático.
Datos bancarios:Utiliza esta página - http://www.genware.es. Dispones de opciones para generar CCC, ISBAN, … de nuevo que nadie espere poder domiciliar el recibo de la luz en estas cuentas ….

En esta última página disponemos de opciones para generar casi todo tipo de datos, hasta código de barras.

Saludos, DJK!

Productivity Power Tools para Visual Studio 2010

Tue, 13 Dec 2011 17:53:26 GMT

Productivity Power Tools es un paquete de herramientas para Visual Studio 2010 con el que llevo trabajando desde hace algún tiempo y no puedo mas que recomendar encarecidamente. Solo están disponibles para Visual Studio 2010

Lo primero que debemos hacer como es lógico es instalar la extensión. Para ellos podemos acceder desde el propio Visual Studio utilizando el «Extension Manager» y buscar en «online gallery» , o también a través de este enlace.

Entre las opciones que mas gustan quisiera destacar el «Solution Navigator», se trata de un explorador de soluciones mejorado, con un buscador integrado, que nos permitirá movernos mucho mas rápida y cómodamente a través de nuestra solución de proyectos. Especialmente útil para soluciones grandes y buscar clases. También es muy interesante la opción de visualizar una vista en miniatura de las imágenes, increíblemente útil a la hora de del desarrollo web.

Pero no solo nos ayuda a nivel de utilidades en Visual Studio, también lo hace al escribir el código. Lo primero que cabe destacar es la sintaxis coloreada de intellisense, pero para mi gusto la mejor de todas es la ayuda en línea que nos permite posicionándonos sobre un tipo (en la imagen System.IO.FileStream) obtener una ventana de ayuda donde podemos ver los método que contiene, desde donde estamos utilizando el tipo , las referencias, la jerarquía de clases … una maravilla.

Otra opción interesante es buscador rápido que se integra en la ventana principal resaltando todas las ocurrencias del texto a buscar.

También mejora el cuadro de dialogo para añadir referencias a nuestro proyecto, permitiéndonos entre otras cosas realizar búsquedas en los assemblies (¡que ya era hora!)

Hay mas opciones que no comentare aquí, pero ver la lista completa de funcionalidades en el siguiente enlace http://visualstudiogallery.msdn.microsoft.com/d0d33361-18e2-46c0-8ff2-4adea1e34fef

En el aspecto negativo decir que al principio cuesta un poco acostumbrarse al uso de las nuevas herramientas (en especial el buscador y el navegador de soluciones), pero el esfuerzo inicial compensa y mucho. De cualquier modo todas las opciones se pueden habilitar o deshabilitar desde el menú de opciones de Visual Studio, por lo que si alguna característica no nos convence, no nos acaba de resultar útil o no nos gusta pues la deshabilitamos!.

Saludos, DJK

Driver ORACLE para Entity Framework–Beta 3

Thu, 20 Oct 2011 14:32:44 GMT

ORACLE acaba de lanzar la tercera beta del driver para Entity Framework.

Podemos descargar la beta desde el siguiente enlace :http://www.oracle.com/technetwork/topics/dotnet/downloads/oracleefbeta-302521.html

Mas información: http://geeks.ms/blogs/jtorrecilla/archive/2011/10/20/oracle-oracle-lanza-la-beta-3-del-driver-para-ef.aspx

Fallece Steve Jobs, Fundador de Apple.

Tue, 11 Oct 2011 12:00:20 GMT

Steve Jobs, el fundador de Apple y una figura icónica que transformó los hábitos de consumo de varias generaciones con productos como el iPod, el iPhone o el iPad, falleció hoy a los 56 años de un cáncer, confirmó hoy la compañía.

Jobs ejerció como consejero delegado de Apple hasta finales de agosto cuando renunció por no poder hacer frente a sus obligaciones y después de ocho meses de baja por motivos médicos.

El ejecutivo había superado un tumor de páncreas en 2004 y fue visto visitando centros para pacientes de cáncer a lo largo del año, en el que se prodigó poco públicamente.

Jobs reapareció para la presentación del iPad 2 el pasado mes de marzo, un evento en el que fue recibido con una sonora ovación y en el que apareció extremadamente delgado.

La alta implicación de Jobs en el diseño y desarrollo de exitosos productos como los reproductores iPod o el teléfono iPhone ha generado una imagen de dependencia que ha hecho cuestionarse al mercado si Apple seguirá siendo vanguardista sin su cabeza pensante al frente.

Descanse en paz.

Fuente: http://es.noticias.yahoo.com/muere-steve-jobs-fundador-apple-235510851.html