Linux, computación y más... » Programación

Crear columnas dinámicas en gridView de .NET

antoniomtz — Mon, 08 Mar 2010 16:31:16 +0000

Me he topado con un problema, el cual era generar un gridView de manera dinámica desde el codebehind con C#. El problema no fué crear el gridView como tal sino la creación de las columnas personalizadas.

Googleando un poco me encontré con diferentes tutoriales, en los cuales saqué varias ideas, la manera de resolverlo fué la siguiente:

//Creamos nuestro gridView
GridView gv1 = new GridView();
//Llenamos nuestro gridView mediante un DataSet previamente creado.
gv1.DataSource = ds;
//Ponemos la propiedad AutoGenerateColumns en False,
//ya que nosotros las crearemos
gv1.AutoGenerateColumns = false;
//Creamos las columnas dinámicamente,
//en mi caso tenemos una lista con las columnas.
 for (int i = 0; i < report.FieldsInfo.Count; i++)
    {
      //Objeto Columna:
       BoundField ColumnBound;
      //Crear Columna:
       ColumnBound = new BoundField();
       ColumnBound.DataField = report.FieldsInfo[i].DATAFIELD.Trim();
       ColumnBound.HeaderText = report.FieldsInfo[i].Title1.Trim();
       gv1.Columns.Add(ColumnBound);
    }

Espero que les sea de utilidad, estaré posteando algunas soluciones a problemas no frecuentes.

Globalización y localización en Flex

antoniomtz — Fri, 22 Jan 2010 20:39:01 +0000

Uno de los puntos importantes que tenemos que tomar en cuenta a la hora de desarrollar una aplicación es la Globalización y localización, ¿Qué significa cada de uno de éstos términos?

Hablamos de globalización cuando nos referimos a todas aquellas acciones relacionadas con el desarrollo de aplicaciones que se adapten a culturas diferentes.

Mientras que la localización hace referencia a todos aquellos procesos de traducción de los distintos recursos para una cultura especifica.

Para localizar una aplicación Flex se realizan los siguentes pasos:

En la carpeta del proyecto crear en raíz una carpeta llamada locale.
Dentro de esa carpeta creamos una llamada es_MX, en este ejemplo lo haremos para español de México
Dentro de la carpeta es_MX vamos a crear los recursos, ej. resources.properties
En el archivo resources podremos agregar nuestros términos que queremos que sean localizados en el formato key=valor. Ejemplo:
Label.Nombre = Nombre
Label.Edad = Edad
Boton.aceptar = Aceptar
Ahora tenemos que crear los recursos es_MX para flex, ya que solo los trae para inglés y japonés. Para ello abrimos una consola, nos situamos en la carpeta bin de la instalación de flex y tecleamos :
copylocale en_US es_MX
Ahora configuramos los parámetros de la configuración en Proyecto -> propiedades -> Flex compiler y agregamos:
-locale=es_MX -source-path=..\locale\{locale}
Ahora con la siguiente instrucción , le decimos a nuestra aplicación cual recurso utilizar.
```
  
    [ResourceBundle("resources")]
  
```
Ahora cada ves que queramos hacer uso de los recurso , lo haremos de la siguiente manera:

Introducción a Adobe Flex

antoniomtz — Thu, 21 Jan 2010 21:24:34 +0000

Pues bien, me he adentrado un poco al mundo de Flex y quiero compartirles mis expericiencias con respecto a ésta nueva y prometedora tecnología. Primero vamos a hablar un poco de lo que es el Framework Flex.

¿Qué es flex?

Adobe Flex es el término con el que se denomina a la tecnología que da soporte al desarrollo de las aplicaciones RIA, Rich Internet Applications (Aplicaciones Ricas de Internet). Este tipo de aplicaciones tratan de combinar las ventajas de las aplicaciones Web y las aplicaciones tradicionales.

Flex nos permite crear aplicaciones sofisticadas, atractivas y multiplataforma, actualmente se encuentra la versión 3.0 pero ya está previsto el lanzamiento de Flex 4.0 para el 2010, si eres desarrollador es un buen momento para aprender a desarrollar este tipo de aplicaciones porque cada vez la exigencia será mayor y probablemente para próximas versiones la curva de aprendizaje sea mucho más dura.

Sin duda, muchos programadores de PHP, Jquery, Ajax, etc… estarán encontra de ésta tecnología, ya que se le asemeja mucho a flash y su indexación con google no es óptima. Leyendo un poco , me topé con un post que habla sobre los 7 mitos de flex:

Su interfaz no es nativa al navegador
Flex tiene por defecto una interfaz llamada “Halo” que unifica el aspecto de los controles de usuario y se ve más linda que el chrome normal del sistema operativo. También permite cambiar el diseño de todo y con Flash Catalyst, será posible crear una aplicación entera con diseño personalizado desde Illustrator, Fireworks o Photoshop.

La critica central es que, cambiando el diseño, rompe en el usuario la costumbre a los elementos de UX. Pero la gran mayoría de aplicaciones web en AJAX ya hacen esto por buenas razones. Mientras los elementos de interfaz no sean extremadamente raros y sigan lineamientos básicos de interfaces humanas, esto es un no-problema.
No cambia su tamaño de acuerdo a la resolución del navegador
Todo lo contrario, Flex tiene el mejor sistema de ajuste a múltiples resoluciones. Mil veces superior a cualquier interfaz liquida en CSS/HTML. Activado por defecto. Cualquier programador en Flex moderadamente competente sabe cómo crear una interfaz liquida ajustable a cualquier resolución en Flex. Y en cuatro clicks. Nada de crear divs, javascript, porcentajes, probar en IE, etc.
No se ve en dispositivos móviles
Adobe trabaja en esto y al final del año veremos AIR Mobile en el MAX (Oops, spoiler). Sin embargo actualmente es verdad. Aunque nos podemos preguntar ¿Las aplicaciones web en AJAX normales funcionan perfecto en teléfonos? ¿O quizás versiones especialmente diseñadas?
Es demasiado pesada
¿Realmente tardó tanto en cargar? Sí, una app Flex tiene un peso base de cerca de 300KB. Pero, por ejemplo, el home de Yahoo pesa 336KB, Slashdot, 861KB, twitter, 260KB, facebook, 608KB. Depende de tu audiencia. Siendo una aplicación web, seguro no le apuntas a tus padres con modem.
No es indexable por buscadores
Sigh. Flash sí es indexable por buscadores. No tan fácil, pero 100% probable. ¿Saben quien es no indexable? AJAX. Para indexar contenido AJAX en los buscadores, hay que usar una serie de hacks que son similares o más complejos que en Flash. Flex es muy indexable.
Todo lo que hace Flex lo puede hacer AJAX/jQuery/HTML 5
Lo escucho tantas veces que duele. ¿AJAX o HTML 5 pueden hacer conexión con sockets binarios en tiempo real? ¿Manipular bitmaps, bit por bit? ¿Qué hay de manipular datos binarios? ¿Transmitir video en streaming? ¿Qué tal video y audio en tiempo real? ¿Interfaces redimensionables a cualquier resolución en cuatro clicks?
Flash Player es un plugin cerrado. HTML, CSS y Javascript son estándares abiertos
Flex es open source y el formato SWF es abierto (en parte). Es verdad que no son un estándar abierto y depende de una empresa. Pero HTML, CSS y Javascript, a pesar de ser abiertos, son diferentes en cada navegador. Webkit tiene cosas que Firefox no, que nunca llegarán a IE8. Aun falta consenso en los codecs y comportamientos de y etiquetas como

Sí, no es abierto, pero es absolutamente multiplataforma. Es algo que das para lo que recibes.

¿Algún otro mito que escuches de Flash o Flex? O más importante ¿Alguna aplicación web que conozcas que no se pueda hacer en HTML, CSS, JS o HTML 5?

Monodevelop 2.2 Beta 1 sobre windows XP

antoniomtz — Sat, 03 Oct 2009 13:17:38 +0000

De pura curiosidad quise instalar el monodevelop para windows xp, en la página oficial de Monodevelop viene el ejecutable para ser instalado en sistemas operativos windows, pero sólo la versión 2.2 Beta 1.

Lo primero que se tiene que instalar es las librerias Gtk que también vienen el ejecutable disponible en la página, y después instalar monodevelop 2.2 Beta 1, la instalación fué satisfactoria:

Componentes de un sitio web exitoso – La analogía del iceberg

antoniomtz — Fri, 02 Oct 2009 15:41:40 +0000

A la hora de desarrollar un sitio web , debemos tener en cuenta muchos factores para que éste triunfe.

Un sitio web debe de estar bien construido , para el usuario deberá ser transparente el funcionamiento del mismo, al usuario final, sólamente le interesa la vista, por lo tanto unas simples imágenes y cajas de texto es lo que deberíamos mostrar. Dentras de todo eso, se encuentra una enorme infraestructura, como por ejemplo:

La tecnología que se piensa utilizar: ésta debe de cumplir con todos los requerimientos de sistema a desarrollar.
Diseño orientado a objetos: Muchos de los lenguajes actuales ya soportan éste tipo de programación, un diseño estructural es cosa del pasado y no es nada matenible ni escalable.
SEO: Aunque nuestro sistema esté bien desarrollado, si no se cuenta con un buen SEO, nuestro sistema no tendrá ningún éxito.
Mantenimiento y Escalabilidad: Nuestro sistema tendrá que ser capaz de ser mantenible por cualquiera y a su vez, tener la posibilidad de que éste sea escalable.
Seguridad: Todo lo anterior, no tendría sentido sin la seguridad, uno de los factores más olvidados pero más importantes.

PHP- El tercer lenguaje más popular

antoniomtz — Fri, 25 Sep 2009 04:05:06 +0000

TIOBE, la empresa que publica mensualmente su Programming Community Index con los 10 lenguajes de programación más populares según la disponibilidad mundial de ingenierios, cursos, vendedores de software y búsquedas populares en Google, MSN, Yahoo!, Wikipedia y YouTube, anuncia en sus resultados para este mes de Septiembre del 2009 que PHP llegó al puesto número 3 por primera vez desde que se comenzó a publicar en el 2001.

Los puestos 1 y 2 (Java y C respectivamente) son fundamentalmente lenguajes de propósito general, por lo que el ascenso de PHP al tercer puesto seguramente significa que el desarrollo para la web en general también está creciendo, comparado con otras plataformas más tradicionales.

Función JavaScript – Calcular Edad apartir de una fecha

antoniomtz — Fri, 11 Sep 2009 20:01:56 +0000

Función de javascript para calcular la edad apartir de una fecha:

function(fecha) {
                hoy = new Date()
                var array_fecha = fecha.split("/")
                var ano
                ano = parseInt(array_fecha[2], 10);
                if (isNaN(ano))
                    return false
                var mes
                mes = parseInt(array_fecha[1], 10);
                if (isNaN(mes))
                    return false
                var dia
                dia = parseInt(array_fecha[0], 10);
                if (isNaN(dia))
                    return false
                edad = hoy.getFullYear() - ano - 1;

                if (hoy.getMonth() + 1 - mes < 0) {
                    return edad;

                }
                if (hoy.getMonth() + 1 - mes > 0) {
                    edad = edad + 1
                    return edad;
                }

                if (hoy.getUTCDate() - dia >= 0) {
                    edad = edad + 1
                    return edad;
                }

                     return edad;
            }

Crear un webservice para validación de E-mail

antoniomtz — Wed, 19 Aug 2009 17:29:34 +0000

En éste tutorial, veremos como crear un webservice que contenga un método para validar si una dirección de emial es válida ó no. También crearemos una aplicación web en asp.net para consumir el webservice. En ésta ocasión utilizaremos VS2008 con el framework 3.5 SP1.

Lo primero que haremos será crear un sitio web del tipo webservice, para ello vamos a Fila->New-WebSite, en la ventana que nos aparece seleccionamos ASP.NET WebService:

Por default nos creará un método que regresa un simple “Hola Mundo”, modificaremos ese método y agregamos lo siguiente:

[WebMethod]
public bool EmailValidation(string email)
  {
string expresion = "\\w+([-+.']\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*";
if (System.Text.RegularExpressions.Regex.IsMatch(email, expresion))
      {
if (System.Text.RegularExpressions.Regex.Replace(email, expresion,String.Empty).Length == 0)
      { return true; }
       else
      { return false; }
      }
     else
      { return false; }
    }

Quedaría de la siguiente manera:

Con ésto ya tenemos creado nuestro webservice con un método que nos validará un email, ahora agregaremos un nuevo proyecto a nuestra solución, será un proyecto web asp.net, para ello, vamos a File->Add->New Project y seleccionamos ASP.NET Web Application:

Lo primero que debemos hacer es agregar la referencia del webservice a nuestro nuevo proyecto web, para ello damos click derecho en Referencia y luego Agregar referencia web…

Nos aparecerá una ventana para seleccionar la fuente del webservice, seleccionaremos WebService en this solution:

Ahí nos aparecerá el webservice que habíamos creado, lo seleccionamos y le damos Add Reference:

Una vez que ya está agregada la referencia, vamos a modificar el archivo Default.aspx y le ponemos un TextBox y un Botón:

Ahora en el evento OnClick del botón, agregamos el siguiente código:

 localhost.Service EmailService = new localhost.Service();
   bool Valid = EmailService.EmailValidation(TextBox1.Text);
       if (Valid)
          Response.Write("Email Correcto");
         else
          Response.Write("Email Incorrecto");

Quedaría de la siguiente manera:

Para correr el proyecto, configuramos el proyecto webapplication para que arranque de inicio , dando click derecho en el proyecto y le damos en Set as StartUp Project:

Listo!, probamos:

Si quieres hacer un webservice libre utilizando Mono, puedes visitar mi artículo anterior: Crear un webservice en monodevelop

ASP.NET MVC Framework – FAQ

antoniomtz — Mon, 17 Aug 2009 19:34:52 +0000

He estado utilizando ASP.NET MVC Framework para unos proyectos, sin duda es una herramienta que nos ayuda bastante a realizar aplicaciones ABC sin escribir mucho código, aquí les dejo algunas preguntas frecuentes sobre éste framework:

1. ¿Qué es MVC?

Aunque de forma algo simplista, podríamos definir MVC como un patrón arquitectural que describe una forma de desarrollar aplicaciones software separando los componentes en tres grupos (o capas):

El Modelo que contiene una representación de los datos que maneja el sistema, su lógica de negocio, y sus mecanismos de persistencia.
La Vista, o interfaz de usuario, que compone la información que se envía al cliente y los mecanismos interacción con éste.
El Controlador, que actúa como intermediario entre el Modelo y la Vista, gestionando el flujo de información entre ellos y las transformaciones para adaptar los datos a las necesidades de cada uno.
MVC son las siglas de Modelo-Vista-Controlador, y se trata de un modelo muy maduro y que ha demostrado su validez a lo largo de los años en todo tipo de aplicaciones, y sobre multitud de lenguajes y plataformas de desarrollo.

2.¿Qué ventajas tiene el uso del patrón MVC?

Clara separación entre interfaz, lógica de negocio y de presentación, que además provoca parte de las ventajas siguientes.
Sencillez para crear distintas representaciones de los mismos datos.
Facilidad para la realización de pruebas unitarias de los componentes, así como de aplicar desarrollo guiado por pruebas (TDD).
Reutilización de los componentes.
Simplicidad en el mantenimiento de los sistemas.
Facilidad para desarrollar prototipos rápidos.
Los desarrollos suelen ser más escalables.

3.¿Qué es ASP.NET MVC framework?

Es un framework, un entorno de trabajo cuya primera versión acaba de ver la luz, creado por Microsoft con objeto de ayudarnos a desarrollar aplicaciones que sigan la filosofía MVC sobre ASP.NET.

Además del conjunto de librerías (ensamblados) que proporcionan las nuevas funcionalidades a nivel de API, incluye plantillas y herramientas que se integran en Visual Studio 2008 (tanto en la versión Express de Visual Web Developer como en sus hermanas mayores) para facilitarnos un poco las cosas.

13. ¿Es ASP.NET MVC framework software libre?

He aquí una de las grandes novedades respecto al post que escribí un año atrás. Por aquellos tiempos era inimaginable que esta pregunta pudiera responderse de forma afirmativa, pero… efectivamente, ASP.NET MVC Framework es software libre.

A primeros de abril de 2009 se comenzó a distribuir oficialmente el código fuente de ASP.NET MVC con licencia MS-PL (Microsoft Public License), un modelo de licencia aprobado por la OSI (Open Source Initiative) que permite el uso del software en aplicaciones comerciales y no comerciales.

Programación en 3 capas

antoniomtz — Fri, 31 Jul 2009 21:25:32 +0000

Una buena práctica a la hora de desarrollar un sistema, es tratar de que la arquitectura sea de mínimo 3 capas: Presentación, lógica de negocio y datos.

En ésta imágen se puede entender mejor la arquitectura de 3 capas:

En la capa de presentación sería la interfaz del usuario, ya sea con windows form, GTK ó Web; la capa de la lógica de negocio serían todas las validaciones y/o métodos, mientras que la capa de datos sería la fuente de datos, puede ser una base de datos, un archivo XML, etc…

Cómo práctica haremos una pequeña aplicación en 3 capas sobre un login en c# con la ayuda de monodevelop. Para comenzar creamos una nueva solución en blanco llamada Proyecto3Capas.

Primero comenzaremos con la capa de datos, para ello, damos click derecho en la solución llamada Proyecto3Capas->Añadir->Nuevo Proyecto, seleccionamos un proyecto web vacio y le ponemos de nombre Datos:

Nuestra capa de datos será un webservice dónde contendra el usuario y password del login. Una vez tengamos damos click derecho en el proyecto Datos->Añadir->Nuevo archivo y seleccionamos Servicio web con code Behide, si tienes dificultades para crear el webservice puede ir al post: crear un webservice en monodevelop.

En el archivo webservice.asmx.cs agregaremos un nuevo método:

  [WebMethod]
    public bool Datos(string user, string pass)

    {

        if(user=="admin" && pass=="admin")
				return true;
			else
				return false;

    }

Es un simple método que valida usuario = admin y password también admin.

Luego, seguirá la lógica de negocio, para ello, damos click derecho en la solución, Añadir->Nuevo proyecto, y seleccionamos una Librería en c# (puede ser VB.NET si lo desea),le pondremos como nombre Logica, lo bueno de ésto es que se creará una DLL por lo que puede ser escrita en cualquier lenguaje.

Para ser uso de la capa de Datos , damos click derecho en la carpeta de Referencia->Editar referencia , vamos a la pestaña de Proyectos y agregamos la capa de Datos:

Agregaremos un método llamado Autentificacion con lo siguiente:

	public bool Autentificacion(string user, string pass)
		{
			Datos.webservice service = new Datos.webservice();
			bool resultado = service.Datos(user,pass);
			if(resultado==true)
				return true;
			else
				return false;
		}

Ahora Falta crear la capa de Presentación, nuevamente damos click derecho en la solución y añadimos un proyecto GTK# llamado Presentación, una vez creado, agregamos la referencia de la capa de la lógica.

Creamos una interfaz donde acepte un usuario, contraseña, un label para mostrar resultado y un botón, en el evento click del botón, añadimos lo siguiente:

Logica.Logica login = new Logica.Logica();
bool result = login.Autentificacion(this.entry1.Text,this.entry2.Text);
	if(result==true)
		label3.Text = "correcto";
	else
		label3.Text = "incorrecto";

Ésto sería un proyecto muy sencillo pero muy claro de como se puede dividir un proyecto en 3 capas, ésto nos ayudará a identificar mejor los posibles errores, mantenible,etc…

Les dejo el proyecto terminado para su descarga: Proyecto 3 Capas.zip

Comentarios, dudas, sugerencias son bien aceptadas.