¿Qué es Almacenamiento Aislado? Es un mecanismo de almacenamiento de datos que proporciona aislamiento y seguridad mediante la definición de modos estándar de asociar código a los datos guardados. En resumen es procedimiento que nos permite guardar información en archivos, a la cual podemos acceder en caso de ser requerido.

¿Qué niveles de Almacenamiento Aislado existen? Podemos usar Almacenamiento Aislado a nivel de la Aplicación, de esta forma los datos almacenados estarán disponibles para todo el proyecto; Tambien podemos almacenar datos a nivel global, de forma que los datos solo estan disponibles de forma global a nivel de cualquier aplicación, este tipo de almacenamiento se denomina a nivel de "Dominio".

¿Para que sirve el Almacenamiento Aislado? Como se mencionaba en el concepto, el almacenamiento aislado permite guardar información en Archivos. Se podría aplicar para guardar información clave del usuario, una vez que la aplicación es cerrada. Tambien para compatir información entre páginas. Para explicar este como usar el almacenamiento aislado, he preparado una aplicación para desarrollarles mejor este tema. Esta aplicación, permite guardas los datos del txt dispuesto a la izquierda, y recuperar los mismos en el txt ubicado a la derecha. Para esto usaremos 2 métodos clave:

1. Guardar Datos.
2. Recuperar Datos.

Guardar Datos:

Recuperar Datos:

Para terminar les mostrare como funciona el proyecto, adjuntare unas capturas de pantalla:

1.- Ingresare datos de prueba y dare click en Guardar Datos.

2.- Luego daremos click en recuperar datos para observar la información que hemos almacenado.

No olvidar utilizar los respectivos namespaces:

Les adjunto el proyecto del que hice las capturas.

Para descargar el archivo de click Aquí

Nombre del archivo: "Almacenamiento Aislado - Silverlight.rar"

Clave: "LANATAE"

Con la llegada de  Silverlight 4 no solo podemos navegar a URIS que representan páginas XAML.

Ahora, el URI puede representar cualquier cosa: una clase, un servicio web que proporciona un contenido dinámico o un archivo XAML contenido en un XAP remoto. Para esto, es necesario implementar la interface INavigationContentLoader.

Marcadores

Silverlight no tiene un soporte inherente que permita marcadores del estado de la aplicación. Es decir, supóngase una aplicación de tipo Wizard, donde la información debe ser capturada por pasos, si por accidente se le da refrescar a la página; la información se perdería y, por tanto, el usuario tendría que empezar de nuevo.  Además, de ser muy largo el proceso que se esté realizando, no se podría dejar inconcluso el trabajo , para continuar después.

La buena noticia es que podemos comunicarnos desde nuestra aplicación Silverlight con la página que la hostea, para brindar este soporte.

La forma de hacerlo, es por medio de la instrucción:

HtmlPage.Window.CurrentBookmark

Si deseas conocer más acerca de estos conceptos avanzados visita:

INavigationContentLoader

http://msdn.microsoft.com/es-es/library/system.windows.navigation.inavigationcontentloader(v=vs.95).aspx

CurrentBookmark

http://msdn.microsoft.com/es-es/library/system.windows.browser.htmlwindow.navigatetobookmark(v=vs.95).aspx

El .NET Framework surge como una alternativa de solución para los desarrolladores, brindando beneficios durante el proceso de desarrollo de software.

El ,NET Framework nos va a brindar la posibilidad  de trabajar con con código ya existente, también cabe mencionar que nos permite trabajar con COM+, y de hecho también con el API de Windows.

Cabe mencionar que con el .NET es más sencillo instalar proyectos en las computadoras de los clientes que las aplicaciones tradicionales (porque ya no vamos a necesitar estar registrando todos aquellos componentes que utilizabamos en los proyectos) ya que se tiene también una gran integración con diversos lenguajes de programación.

Algo que permite .NET es que es muy sencillo entender facilmente el código tanto de un colega desarrollador de VB.NET y uno de C# (también es sencillo irnos empapando de los dos lenguajes), dando la oportunidad a los desarrolladores de programar con el lenguaje que se sientan más comodos.

Pero aquí es donde viene la primera pregunta… ¿Cómo es posible programar en diversos lenguajes y que sean entendidos por el .NET Framework? Esto se debe a que el .NET Framework comparten librerías de .NET, por eso no es importante en que lenguaje desarrollemos, siempre y cuando sea soportado por el CLR, el cual explicaré a continuación.

Existen diversos componentes dentro del .NET y los cuales debemos de aprender cuales son y para que sirven: CLR, Assembly y CIL.

CLR: Uno de los componentes principales del .NET Framework es lo que se conoce como CLR (Common Languaje Runtime). Su función es leer aquél código generado por el compilador y ejecutarlo, sin tomar en cuenta si el software fue desarrollador en el lenguaje de programación C# o VB.NET, o cualquier otro, siempre lo va a ejecutar.

Assembly: Es el resultado que tenemos al compilar un programa escrito en un lenguaje .NET. También cabe mencionar que el assembly está compilado  en lo que conocemos como CIL.

CIL: Para entender que es el CIL, lo explicaré de la siguiente manera. Los programas que realizamos en .NET en realidad no se compilan en lenguaje ensablador, sino en un lenguaje intermedio que se conoce como CIL, el cual es ejecutado y leído por el famoso runtime. Hay que tomar en consideración que lo que le da la flexibilidad y la capacidad de interoperabilidad (o multiplataforma) es el uso del CIL y el runtime.

En la próxima entrada, estaré explicando acerca de lo que son las especificaciones comunes del lenguaje y otros puntos importantes.

Espero que estos conceptos sean de utilidad para ustedes.

Samuel Arellano

En este módulo I, vamos a tratar temas como un poco de los inicios de cómo se desarrollaban anteriormente las aplicaciones para la plataforma Windows, cómo fue que surge .NET, así como todos los componentes que nos van a facilitar las tareas cotidianas con las que nos enfrentamos día a día en nuestras actividades como desarrolladores de Software. Por último estaremos desarrollando nuestro primer programa en C# (¿emocionante verdad ?).

Anteriormente una de las formas de desarrollar aplicaciones era utilizando los lenguajes de programación C o C++, utilizando un API de Windows. Aquí es donde surge la primera pregunta… ¿Qué es un API? Básicamente podemos decir que un conjunto de funciones que se encuentran con una relación entre ellas, las cuales nos permitían ( o permiten ) tener una comunicación con el sistema operativo.

Uno de los problemas principales que se presentaba con este estilo de desarrollo de software, es que era demasiado complejo y difícil de manejar, debido a que contaba con demasiadas funciones en su interior. Microsoft para eso creó el famoso MFC, el cual era pos así decirlo un mini-framework o un conjunto de clases que permitian que fuera más accesible utilizar Win32.

Posteriormente empezaron a surgir otros lenguajes como alternativas para desarrollar aplicaciones entre las cuales destaca Visual Basic (para aquellos que somos de la vieja escuela jeje), este lenguaje tuvo demasiada popularidad , ya que podíamos trabajar en una capa superior de Win32.

Aún recuerdo que compartir código entre diversos lenguajes resultaba demasiado complicado, pero es donde surge la pregunta… ¿Cómo se compartía código antes?, para ello surgió un modelo que es conocido todavía como COM, el cual nos va a permitir a nosotros como programadores crear componentes de tipo binario, los cuales nos van a permitir a nosotros tener interoperabilidad entre proyectos Visual Basic con Java o con C#, etc., esto se debe principalmente a que como el componente ya se encuentra compilado y no código fuente del lenguaje en el que esta desarrollado el mismo.

Microsoft, al visualizar que a pesar de que habían logrado darle una solución momentanea a los desarrolladores con COM+, empezaron a poner orden y a facilitar el desarrollo de aplicaciones Windows mediante una nueva forma de hacer las cosas, una nueva plataforma… La plataforma .NET.

Cualquier comentario es bienvenido.

Samuel Arellano

El Domingo 29 de Enero, tuve la oportunidad de charlar con los amigos del Grupo de Facebook de Aprendiendo C#, acerca del desarrollo de aplicaciones en Capas. Utilizamos Entity Framework, SQL Server 2008 R2, Visual Studio 2010 y el lenguaje de programación C#.

Quiero agradecer al compañero y amigo José Saturnino, por su colaboración en la charla, así como a cada uno de los colegas que me acompañeron durante el Live Meeting.

Parte I: En esta parte tuvimos que instalar SQL Server 2008 R2, para fines del ejempo.

Parte II: En esta parte miramos una pequeña aplicaciones en N-Capas, explicamos el concepto de las capas y cuáles son las principales para los proyectos empresariales.

Espero que sea de su agrado, y cualquier duda estoy para colaborar.

Samuel Arellano

Espero que sea de utilidad este video.

Qué tal mi estimados lectores, en esta ocasión me gustaría compartirles como pueden ejecutar el sonido Beep en una aplicación de tipo Windows Forms utilizando el lenguaje de programación C#. Como recordarán, anteriormente las computadoras ejecutaban un sonido peculiar por la bocina que incluían, ese era conocido como el Beep.

Para efectuar esta tarea en Visual Studio 2010, será necesario realizar los siguientes pasos:

1. Una vez que se encuentre en Visual Studio 2010, seleccionar la plantilla de Windows Forms Application

2. Colocarle un nombre a la aplicación, en este caso le pondré AppSonidoBeep y presionar OK.

3. Dentro del proyecto de Windows Forms, será necesario incluir un botón, el cual se encuentra en el toolbox de VS2010, y arrastrarlo a la forma. Deberá de quedar similar a como aparece en la siguiente imágen.

4. Colocarle un nombre al botón. Como recomendación, es bueno colocarle las siglas btn para referirnos a que se trata de un Button, seguido del nombre de la acción a ejecutar, por ejemplo Reproducir. Por lo tanto quedaría como btnReproducir, dentro de la propuedad nombre, la cual se encuentra dentro de Properties en nuestro VS2010.

5. Posteriormente habrá que incluir la sentencia en C# que aparece a continuación

private void btnReproducir_Click(object sender, EventArgs e)
        {
            Console.Beep();
        }

6. Ejecutamos la aplicación, y ya podemos escuchar aquél sonido de los 90’s jeje.

Saludos,

Samuel Arellano

Qué tal amigos, en esta ocasión les quiero comentar acerca de Fast Reports .NET y  las ventajas que tenemos al utilizarlo en proyectos desarrollados con el IDE de Visual Studio 2010 y en lo particular en proyectos C#.NET.

FastReport .NET es básicamente una solución que nos va a permitir generar informes (reportes) tanto para Windows (Windows Forms y WPF), así como en la parte web con ASP.NET. Una de las características que me encantan de este reporteador, es que puede ser utilizado en los entornos de desarrollo como son Visual Studio 2005/2008/2010 y Delphi Prizm.

Otra de las grandes ventajas que visualizo en esta herramienta de reportes es que puede ser utilizado de manera independiente, ya que puedes conectarte a cualquier base de datos (SQL Server, Oracle, MySQL, etc.), podemos utilizar cualquier tabla de esa fuente de dato seleccionada, así como la posibilidad de elaborar consultas. Estás últimas las podemos lograr, mediante controles de diálogo, los cuales nos facilitarán la tarea de creación de los reportes.

Tiene la ventaja de poder exportar los reportes a diversos formatos como pueden ser: PDF, Microsoft Excel, Documentos separados por comas, etc.

Recursos

Descargar FastReports .NET

En el siguiente video podrás aprender como instalar el reporteador y se va a profundizar respecto a sus características.

Microsoft Visual Studio Express Edition es un entorno de desarrollo integrado, mejor conocido como IDE, por su definición en inglés, el cual se utiliza en los sistemas operativos Windows y el cual fue desarrollado por Microsoft.

Algo interesante de las versiones express es que podemos encontrar el soporte para los diversos lenguajes soportados por el .NET Framework, como pueden ser:

Visual Basic Express Edition.
Visual C# Express Edition.
Visual C++ Express Edition.
Visual Web Developer Express Edition

Cabe mencionar que es gratuito y enfocado para estudiantes o aficionados al desarrollo web y se ofrece mediante el portal de Visual Studio de Microsoft Sitio de VS2010

Permite a los desarrolladores crear aplicaciones, sitios y aplicaciones web (ASP.NET), así como intercomunicar aplicaciones como páginas web y dispositivos móviles.

En el siguiente video aprenderás a instalar VS2010 Express para comenzar a desarrollar aplicaciones C#.

Cualquier comentario es bienvenido .

¿Qué es WPF?
¿Que me permite realizar WPF?
Demos de WPF Ribbon Control y WPF Toolkit

WPF, Hoy y mañana en C# from Samuel Arellano on Vimeo.

¿Qué es el enfoque CodeFirst?
¿Qué es el E.F.?
Realizar operaciones CRUD para E.F. CodeFirst
y poder realizar su primera aplicación.

Entity Framework Code First 4.0 con C# from Samuel Arellano on Vimeo

Saludos,

Samuel Andreé Arellano Díaz

¿Qué es ClickOnce?
¿ventajas de utilizar ClickOnce?

Implementación de ClickOnce con Windows Forms C# from Samuel Arellano on Vimeo.

Espero que sea de utilidad. No dejen de mandar sus comentarios o dudas.

Samuel Andreé Arellano Díaz

Que tal amig@s,

El día de ahora en mi trabajo, me ví en la necesidad de abrir el sitio web de la empresa a través de mi aplicación Windows Forms, para lo cual les comparto la siguiente clase.

Unicamente se manda como parámetro la dirección del sitio, ej. http://www.microsoft.com en formato string y mediante la clase se desplegará el sitio. Les recomiendo mandar llamar esta clase a través de algón botón de su Form o Windows en el caso de utilizar WPF.

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;

namespace SEMNET.Functions
{
public class DisplayWebSite
{
public static void DisplayWeb(string website)
{
System.Diagnostics.Process.Start(website);
}
}
}

Saludos,

Samuel Arellano

Anteriormente, cuando trabajabamos con ASP 3.0, y queriamos limpiar todos los Textbox’s contenidos en nuestro formulario, simplemente le agregabamos un botón de tipo “RESET”.

Debido a la forma como trabaja ASP.NET, esto no da resultado en todos los casos. Una de las maneras de lograr este funcionamiento, es realizar una función en la cual se recorran la totalidad de textboxs que se encuentren dentro de un formulario web (webform) e irlos limpiando uno por uno.

A continuación te dejo el video y el código del ejemplo, para que veas su funcionamiento.

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

namespace ejemplo1
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void btnLimpiar_Click(object sender, EventArgs e)
        {
            Control strWebForm = Page.FindControl("form1");
            

            foreach (Control strControl in strWebForm.Controls)
            {
                if(strControl.GetType().ToString().Equals("System.Web.UI.WebControls.TextBox"))
                {
                   ((TextBox)strControl).Text = string.Empty;   
                }
            }
        }
    }
}

Mediante la utilización de ADO.NET, es posible acceder a los datos guardados en un documento de Microsoft Excel, como si se tratara de una base de datos.

Cabe mencionar que como paso previo a este ejemplo, deberá preparar la hoja de cálculo, asignándoles nombres a aquellos rangos de celdas que luego vamos a consultar. Estos rangos de celdas serán equivalentes a las tablas de una base de datos.

Un punto a considerar, es que ADO.NET  considera la primera fila incluida dentro del rango, como los nombres de los campos contenidos en la tabla, por lo cual es recomendable que escribamos los nombres que luego utilizaremos en las distintas consultas.

En caso de que no deseemos nombrar los campos, tendremos que dejar la primera fila en blanco, pero deberemos de incluirla dentro del rango con nombre. Entonces ADO.NET le asignará los nombres automáticamente (el primer campo se llamará F1, el segundo F2, etc.)

En el Connection String se deberán de realizar dos pequeñas modificaciones. La primera consiste en indicar la propiedad datasource, la ruta (path) donde se encuentra el archivo de Excel. La segunda es agregar la propiedad extendida que indica que vamos a trabajar con Excel.

A continuación podrá ver el código del ejemplo de la aplicación Windows Forms, en donde se despliegan los datos contenidos en Excel en un DataGridView. (Puedes encontrar el post original en www.developeandocsharp.net  )

using System;
using System.Collections.Generic;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Linq;
using System.Text;
using System.Windows.Forms;
using System.IO;
using System.Data.OleDb;

namespace WinExcelADONET
{
    public partial class Form1 : Form
    {
        public Form1()
        {
            InitializeComponent();
        }

        private void Form1_Load(object sender, EventArgs e)
        {
            LeerHojaExcel();
        }
        public void LeerHojaExcel()
        {
            string strTabla = string.Empty;
            DataSet oDs;

            //Nombre del rango tal cual lo definimos en el Excel
            strTabla = "ESTUDIOS";
            using (
                OleDbConnection oConn =
                    new OleDbConnection(
                        "Provider=Microsoft.Jet.OLEDB.4.0;Data Source=C:\\EXCEL\\ESTUDIOS; Extended Properties=Excel 8.0;")
                )
            {
                using (OleDbDataAdapter oCmd = new OleDbDataAdapter("SELECT * FROM " + strTabla, oConn))
                {
                    oConn.Open();
                    oDs = new DataSet();
                    oCmd.Fill(oDs);
                    dataGridView1.DataSource = oDs.Tables[0].DefaultView;

                }

            }

        }

    }
}

Hoy me comentaba un compañero de que forma podía obtener el Key.Enter de un control Textbox en una aplicación WPF.

Para los desarrolladores de aplicaciones Windows Forms, recordarán que tenemos un evento denominado KeyPress, con el cual nosotros podemos obtener el valor de la tecla que estamos presionando. En proyectos WPF no tenemos este evento, la pregunta es, ¿Cómo soluciono este problema?.

En aplicaciones WPF, será necesario utilizar el método PreviewKeyUp, tal como explico en el siguiente ejemplo.

Paso 1: Abrir Visual Studio 2010 y seleccionar la plantilla de proyecto de WPF Application y colocarle el nombre de EjemploTextboxWPF y aceptar.

Paso 2: Dentro de la pantalla principal del proyecto WPF, arrastre un Textbox al centro de la pantalla (igual si tiene nociones de XAML, puede realizarlo de esa manera), o bien arrastrando el Textbox al centro de la pantalla.

<TextBox Height="23" HorizontalAlignment="Left" Margin="154,116,0,0" Name="textBox1" VerticalAlignment="Top" Width="120" />

Paso 3: Seleccionamos el Textbox y nos vamos a propiedades y posteriormente el evento  PreviewKeyUp y presionar doble click sobre el evento, para poder codificar.

Paso 4: Introducir el siguiente código para poder identificar la tecla Enter.

   private void textBox1_PreviewKeyUp(object sender, KeyEventArgs e)
        {
            if (e.Key == Key.Enter)
            {
                MessageBox.Show("El usuario presionó Enter");
            }
        }

Por último ejecutar la aplicación y podremos observar como ya podemos controlar de manera similar el evento KeyPress en WPF.

Espero que les sirva.

Samuel Arellano

- Esta vez, no escribiré mucho, ya que este post cuenta con 2 videos tutoriales.. que explican cada una de las configuraciones.

Implementación de DAG - Exchange 2010 Parte # 1

Implementación de DAG - Exchange 2010 Parte # 2

- Ahora, ya podemos  implementar un servicio de DAG.

@BruqueSoft - WWW.bruquesoft.wordpress.com

Hola a todos en este post, trataremos como darle permisos a nuestro servidor de Blackberry BES, para que pueda leer las base de datos de Microsoft Exchange 2010.

- Cuando se implementa BES en las infraestructura de las empresas, creamos un usuarios en Active Directory, en la mayoría de los casos se le suele dar le nombre de: BESADMIN o (BBBes), para este explicación vamos a llamar a nuestro usuario de BES, (ADMINBES), con el cual se realizar la instalación del servicio y luego se asignan los permisos en el servidor de Microsoft Exchange 2010.

- En este post no trataremos los pasos, de instalación.  mas bien a tratar el tema de asignar permisos a nuestro de BES para que pueda leer las base datos de Microsoft Exchange 2010.

- En primera instancia cuando se realiza la implementación de BES en una infraestructura de Microsoft Exchange, debemos ejecutar un línea de comando de PowerShell para darle permisos a nuestro usuario BES, para que acceda  las base de datos.

Las líneas de comandos que debemos ejecutar son las siguientes:

Get-mailboxserver | add-adpermission -user ADMINBES -accessrights GenericRead, GenericWrite -extendedrights Send-As, Receive-As, ms-Exch-Store-Admin

Nota: ms-Exch-Store-Admin, nos permite administrar nuestras base de datos: Administrar almacén de información

Pero, si nos damos  cuenta en este ejemplo, asignamos permiso al usuario ADMINBES sobre todas las base de datos de Microsoft Exchange 2010 Existentes, es decir de manera global se asignan lo permisos.. y nuestro configuración estaría  ok.

ESCENARIO:

Una empresa llamada “ABC”, desea tiene implementado BES en su organización con Microsoft Exchange 2010, esta decide crear una base de datos solo para los buzones de gerencia, (Al momento de pasar los buzones, a la nueva base de datos, se percatan que los usuarios dejar de poder recibir y enviar correo.)

- Para descartar un problema al mover el buzón, decide regresarlo a la base antigua, y los servicios funcionan con normalidad, podemos deducir que no tenemos los permisos suficientes en nuestra base de datos…

Para solucionar este tema, debemos realizar los siguientes pasos:

Pero, nace una pregunta, cual seria a línea de comandos, que debo ejecutar si deseo crear una nueva de base datos en Microsoft Exchange 2010 y asignar los permisos al Servidor de BES.

- Muchas dirán,volvemos a ejecutar las primeras líneas,  pero en verdad no es lo mas recomendable.. ya que puede estar afectar la funcionalidad de la lectura que tiene le BES con el Exchange 2010, lo mas recomendable es darle permiso a la nueva base de datos, de manera personalizada.. para esta parte debe ejecutar la siguientes líneas de comandos.

Get-mailboxserver “NEW BASE DATOS GERENCIA”| add-adpermission -user ADMINBES -accessrights GenericRead, GenericWrite -extendedrights Send-As, Receive-As, ms-Exch-Store-Admin

Adjunto un ejemplo:

Nota: Una vez ejecutada las líneas de comandos, vamos al servidor de BES, y reiniciamos el siguiente servicio.

• BES el servicio Blackberry Mail Store Service, para sincronizar las configuraciones.

Ahora, estamos listo., con nuestra base datos de datos, para que los usuarios de BlackBerry, puedan enviar y recibir correos.

NOTA: Vale mencionar, que aun falta de ejecutar otros permisos.. en este post he asumido de Uds. ya han implementado BES y en producción, y solo desean agregar una nueva base de datos y dar permisos.

Para futuros, post… mostrare como implementar BES.

@BruqueSoft - WWW.bruquesoft.wordpress.com

El día de hoy luego de aprender un poco de HTML5 y CSS3 ahora vamos a aprender a validar nuestras páginas. Pero antes…..

Porque es importante validar nuestras páginas?

La validación se presenta por adoptar un estándar en nuestro caso es dado por W3C (World Wide Web Consortium) que pasa a ser el ente regulatorio. Esto es importante debido que sin pruebas de validación, la implementación consistente de estándares representa un mayor desafío y resulta más difícil para los desarrolladores del sitio confiar en estas.

Gracias a Markup Validation Service del W3C por hacer posible indicar cuando es un documento HTML5 a través de un simple Doctype (revisar primer post), al momento de realizar la validación de una página Web esta comprueba que es un documento HTML5 y verifica si el mismo cumple con dichos estándares.

Para validar tus sitios en base a HTML5 solo debes ingresar a:

Markup Validation Service

Luego de esto solo deben de dar clic en Address para indicar la URL de la página a validar y le damos clic en Check para iniciar con dicho proceso. En un instante tendremos el listado y detalle de errores y alertas, en caso que el validador detectara alguno.

Si bien nos podemos dar cuenta esta herramienta resulta ser de gran utilidad para quienes están comenzado a realizar desarrollos en HTML5 y desean verificar errores en las páginas.

Del mismo modo si deseamos validar CSS3 debemos ingresar a:

CSS Validation Service

En el caso del validador de CSS3 no olvidar entrar en Más opciones y cambiar el perfil de validación.

Luego de realizar las respectivas validaciones una buena practica es enlazar la validación con nuestro sitio empleando un icono del consorcio.

Para esto les comparto el siguiente pedacito de código que tendremos que añadir en nuestros proyecto por lo general se acostumbra ubicarlos al final dentro de la etiqueta footer (revisar primer post):

Ahora vamos a explicar un poco lo que hemos hecho aquí.

En el archivo CSS3.html ahora hemos incluido:

• Líneas 19 - 23
  • En este bloque tenemos la incrustación del logo de CSS3 direccionando al sitio que demuestra que estamos cumpliendo con el estándar.
• Líneas 25 - 27
  • En este bloque tenemos la incrustación del logo de HTML5 direccionando al sitio que demuestra que estamos cumpliendo con el estándar.
• Líneas 19 y 25 <a href=”……”>
  • Dentro de las comillas dobles de la etiquetas colocamos las respectivas URLs que nos muestra nuestro código ya validado.

El código lo pueden encontrar a aquí los archivos son estilos.css y CSS3.html

Eso es todo por hoy muchach@s recuerden que puedes realizar sus consultas en formspring o déjanos tu comentario

Mail: peter.conchar@fcmf.ug.edu.ec

No olvides seguir en twitter a:

@PeterConchaR

@Avanet

@SoreyGarcia

para estar al día con las entradas en este blog.  

El uso de controles personalizados, dara un toque, interactivo unico a las paginas que diseñes, sin canzar al usuario.  Además de que estos controles quedan guardados en la bliblioteca de recursos, de forma que puede reutilizarnos las veces que consideres necesario.

Adjunto un tutorial:

Para dudas y consultas pueden ubicarme en:

Twiter:  https://twitter.com/LANATAE88

Facebook:  http://www.facebook.com/LANATAE

Blogger:  http://lanatae.blogspot.com/

 Adjunto vinculo con material descargable:

 https://skydrive.live.com/redir.aspx?cid=521c6d18ac34ea7b&resid=521C6D18AC34EA7B!338&parid=521C6D18AC34EA7B!103&authkey=!AOgkmH7NystIlmI

El archivo se llama: "Navegación - Silverlight.rar".

Para dudas y consultas pueden ubicarme en:

Twiter:  https://twitter.com/LANATAE88

Facebook:  http://www.facebook.com/LANATAE

Blogger:  http://lanatae.blogspot.com/

 de click aqui!!!

El nombre del archivo es:

Colecciones + Atado de Datos- Silverlight.rar

La clave del archivo es: LANATAE

Para dudas y consultas pueden ubicarme en:

Twiter:  https://twitter.com/LANATAE88

Facebook:  http://www.facebook.com/LANATAE

Blogger:  http://lanatae.blogspot.com/

Hola, en este post.. veremos un video de como implementar el servicio de CAS ARRAY en Microsoft Exchange 2010, hace un unos días hice un post detallando explicando su funcionalidad y como nos ayuda en las personas de TI en nuestras infraestructuras.  

Ahora, les comparto un video con una explicación, de como ir implementándolo paso a paso, además verlo en producción, en estos días compartiré con Uds. una seria de videos.

@Bruquesoft

Cualquier duda, comentario son bienvenidos.

• Nuestras Pc, registrado al dominio (Usuarios de la empresa.)
• Nuestro Pc, no registrado al dominio (Por: Ejemplo: Vendedores, Técnicos, Gerencia, Etc)

1.- Iniciamos la configuración de Microsoft Outlook.

2.- Seleccionamos, la opción configuración manual.

• Realizamos, la configuración manual, si nuestra pc no está registrada al dominio.
• SI nuestro pc, estuviera en el dominio el cliente Outlook, detectara la configuración del usuario y el servidor de Exchange. (Configuración Automática)

3.- Seleccionamos, Microsoft Exchange

4.- Ingresamos los datos de la cuenta que deseamos configurar.

• Servidor : Servidor de Microsoft Exchange 2010
• Usuario: User, de active directory.

5.- Si, los datos son correctos (Servidor y usuario), Outlook dejara validad la configuración.

6.- Personalizando la configuración, del cliente Outlook.

7.- Personalizando la configuración, del cliente Outlook (TAB . Seguridad)

- Seleccionamos, CIFRADO (Cifrar datos entre Outlook y Exchange )

- Seleccionar: Negociar la Autenticación.

8.- Personalizando la configuración, del cliente Outlook (TAB . Seguridad)

- En URL: Ponemos la dirección de nuestro servicio Web de OWA Externo.

- En MSSTD: Datos nombre del certificado asignado a nuestro servicio de Exchange.

Nota: Si estamos en dominio la configuración es transparente, y lo único q tenemos que hacer es personalizar la configuración de nuestro cliente Outlook.

1. Una vez, configurado nuestro cliente en la RED local de nuestra empresa, podemos cambiar la configuración de Internet con IP externas y listo para usar el servicio de Anywhere de manera externa.
2. Uno de los temas, importante en la configuración es tener el certificado de Microsoft Exchange, este debe ser instalado en el cliente Outlook.

Estamos listos, con la configuración.  

@bruquesoft

• En este post, les quiero compartir... a todos Uds., un par de videos, sobre la instalación de Microsoft Exchange.
• En los videos, les comentare cuales son los requisitos y los tipos de instalación distribuida que podemos realizar en las empresas.
• Adjunto los link de los videos: - Bruquesoft.wordpress.com

Instalando mi primer Microsoft Exchange 2010, en la organización. Part1 

Instalando mi primer Microsoft Exchange 2010, en la organización. Part2 

- @Bruquesoft

Continuamos con el tercer post de la serie Aprendiendo HTML5 con Mario Bros.

En el post anterior aprendimos el mecanismo de dibujo del elemento Canvas y desplazamos a Mario sobre el eje horizontal. En esta ocasión vamos a crear una sensación de movimiento mucho mas realista mientras controlamos a Mario con nuestro teclado.

Puedes ver lo que aprenderemos en este post aquí.

Bueno no siendo mas, manos a la obra! Como nuestro codigo Javascript esta aumentando debemos poner un poco de orden en nuestra casa, así que vamos a crear un archivo externo llamado mario.js para contener nuestro codigo javascript, este archivo lo referenciaremos desde nuestra página html5 así:

En el archivo mario.js tendremos el codigo javascript que desarrollamos hasta el ultimo post, así:

Ya hemos utilizado eventos como el $(document).ready(..) para definir la función que se ejecutará al cargar nuestra pagina como punto de entrada. Ahora, (de manera muy similar) vamos a adicionar los eventos necesarios para capturar las flechas izquierda y derecha de nuestro teclado. Para ello utilizaremos los atributos onkeydown y onkeyuppara definir las funciones que se encargaran de procesar los eventos de nuestro teclado.

• onkeydown definirá la función encargada de procesar el evento que ocurrira al PRESIONAR CUALQUIER tecla de nuestro teclado.
• onkeyup definirá la función encargada de procesar el evento que ocurrira al SOLTAR CUALQUIER tecla de nuestro teclado.

Si, escuchaste bien, cualquier tecla, lo cual quiere decir que tendremos que restringir para que Mario se mueva únicamente al presionar las flechas izquierda(37) y derecha(39).

37 y 39 son los numeros (keyCode) asociados a las flechas izquierda y derecha respectivamente, puedes ver el listado completo de codigos asociados a cada tecla de tu teclado aquí.

Adicionalmente modificaremos la función dibujarMario() para cambiar la dirección del desplazamiento acorde a la tecla presionada. El codigo sería algo así:

Puedes ver este codigo en vivo aquí

Muy bien! ya puedes controlar a Mario con el teclado! Ahora vamos a mejorar la ilusión de movimiento intercambiando la imagen de mario durante el desplazamiento, utilizaremos las siguientes imagenes para simular que se encuentra caminando:

Para tal fin, vamos a programar lo siguiente:

1. Vamos a crear un vector con las imagenes que utilizaremos como secuencia de movimiento
2. Vamos a modificar la funcion dibujarMario() para que ademas de incrementar/disminuir la posición xMario tambien cambie la imagen por la correspondiente en el vector.
3. Vamos a crear un contador para llevar el orden de la secuencia imagenes que vamos a mostrar
4. Al cargar la pagina, $(document).ready(...) llamará la función iniciarJuego() la cual se encargara de ubicar a mario en posición de reposo hasta que el usuario presione una tecla

Nuestro codigo se vería masomenos así:

 Puedes ver este codigo en vivo aquí

Muy bien, hasta aquí nos trajo el rio, en el proximo post vamos a darle color al mundo de mario, tambien controlaremos las fronteras del mundo y le permitiremos subir al segundo nivel (nubes)

Por lo pronto puedes jugar con el codigo que hemos desarrollado hasta ahora, intenta jugar con la posición de mario, la velocidad de sus movimientos, o agregar otros personajes, quizás el hongo? tu decides!

Puedes ver el codigo COMPLETO del archivo mario.js que hemos desarrollado hasta ahora: (o puedes descargado aquí)

ummm.... deberiamos refactorizar este codigo para hacerlo mas mantenible/comprensible ¿le damos a un post para refactorizar este codigo y de paso volverlo orientado a objetos? ¿que opinas?

Si quieres aprender mas sobre los temas aqui tratados, puedes consultar las siguientes referencias:

• Eventos DOM
• Averiguar keycode evento DOM

Gracias por pasar por aquí, y recuerda no quedarte con esto para ti solamente, puedes compartirlo y/o dejar un comentario XD

Hasta la proxima!
@orendon

Muy buenas estimados geeks, antes de entrar en detalles con CSS te recomendamos revisar los capítulos anteriores:

HTML5.- Introducción y Estructura en WebMatrix

 HTML5.- Estilo con CSS3 en Webmatrix

Ahora luego de un poco de introducción vamos con la practica el día de hoy veremos con dar un poco de estilo a tus textos más bordes redondeados.

Código

Ahora vamos a explicar un poco lo que hemos hecho aquí.

En el archivo CSS3.html tenemos:

• Línea 6 <link rel="stylesheet" href="estilos.css" /> 
• En esta línea hacemos referencia a nuestra hoja de estilos externa

• Línea 9 - 13
• Vemos como aplicamos dentro de nuestro <body> diferentes etiquetas entre ellas una con ID y otra con una clase más adelante en nuestro archivo estilos.css veremos como a través de etiquetas, ID y clases podemos dar diferentes estilos.
• La etiqueta <span> permite agrupar variod elementos en línea seguidos dentro de un mismo bloque (por ejemplo varias palabras seguidas dentro de un párrafo) para luego darle formato con una hoja de estilos.

RECUERDA los ID no se pueden repetir

En nuestro archivo estilos.css tenemos:

• Línea 1- 5 body{ ..........}
• Aquí podemos ver como aplicamos una regla de estilo a la etiqueta <body> a esto se le llama selector y esta referenciando a una etiqueta.
• Línea 2 background: gray; 
• Aqui aplicamos color al fondo de nuestro sitio en este ejemplo será gris.
• Línea 3 font-family: Helvetica, Arial; 
• Aplicamos la respectiva fuente al texto del <body> de nuestro sitio una buena practica es aplicar helvetica ya que en la actulaidad está deberia estar en todos, en caso extremo de no encontrarse aplicamos en respaldo Arial donda nadie absolutamente nadie te puede decir que en la actualidad no posee un computador con dicha fuente, no esta demás aconsejarte que una muy mala practica es llenar de fuentes inecesarias el CSS basta con el estilo deseado y esta dos de respaldo.
• Línea 4 font-size: 16px; 
• Aplicamos el tamaño a la  fuente en pixeles para la relación de nuestra sitie una buena practica es defenir en el <body> de nuestro HTML una medida global que sirvira al momento de diseñar logremos trabajar con un tamaño relativo haciendo que el diseño de nuestro sitio dependa del tamaño de nuestra fuente global más abajo veran la aplicación de este concepto.
• Línea 7 text-align: center;
•  Alineamos el texto dentro del H1 al centro
• Línea 8 text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
• Aplicamos sombra al texto H1.
• Los valores de esta propiedad son: movimiento_en_X, movimiento_en_Y, difuminasión, color. 
• El valor color se ve definido por rgbaque es la cantidad de color en rojo, verde y azul esta combinación de tres valores se puede obtener con programas de diseño como photoshop o paint.
• El último valor de color es para:
•  1 = si queremos un 100% de sombra completamente opaca.
•  0 = si la sombra será completamente trasparente.
•  0.5 = si la sombra será de un 50%.
• Línea 10 - 18 #parrafo1{....}
• Ahora aplicamos una regla de estilo al ID este es un selector referenciando a un ID.
• Línea 12 border-radius: 0.5em;
• Aquí definimos el borde ne nuestro bloque.
• El valor está definido por em que es una medida de fuente global logramos con esto agarramos a la variable global más cercana en este caso 16px y se convierte en em si le pongo 1em será los 16px, 2em serán 32px, si son 0.5em son 8px.
• Línea 13 color: black;
• Aquí aplicamos color a nuestro párrafo.
• Línea 14 display: block; 
• Los parrafos van a estar dentro de una forma tipo bloque.
• Línea 15 margin: 1em auto; 
• El margen que existe entre un elemento y los que tenga al lado.
• Los valores para esta propiedad son:
• 1m = margen arriba y abajo.
• auto = margen a los lados en este caso lo dejamos en automático.
• Línea 16 padding: 1em; 
• Es el espacio que existe en un contenedor entre el contenido y los bordes del contenedor.

• Línea 17 width: 70%; 
• Ancho de nuestro bloque.
• Línea 19 - 22 .blue{....}
• Un selector que hace referencia a la clase
• Línea 21 font-weight: bold; 
• Definimos el grosor de la letra los valores pueden ser:
• bold: negrita
• normal 
• border: bordeado
• lighter: claro
• inherit: sirve para heredar su valor de su etiqueta padre.

Presentación

El código lo pueden encontrar aquí.

Puedes realizar tus consultas en formspring  o dejanos tu comentario 

No olvides seguir en twitter a:

@PeterConchaR

@Avanet

@SoreyGarcia

para estar al día con las entradas en este blog.

Si quieres aprender un poco más sobre CSS te recomendamos seguir la capsula:

 CSS para principiantes

Hola hola mis geeks, hoy les traigo una probadita de CSS3. Si hablamos de HTML5 muy importante es ver CSS3 como lo mencionamos anteriormente la formula perfecta para HTML5 es:

HTML5=HTML+CSS3+JavaScript

Qué es CSS3?

El sus siglas en español significan hojas de estilo en cascada del inglés Cascading Style Sheets. CSS es un lenguaje usado para definir la presentación de un documento estructurado escrito en HTML o XML (y por extensión en XHTML). 

Para que sirve?

La idea que se encuentra detrás del desarrollo de CSS es separar la estructura de un documento de su presentación.

Porque usarlo?

Con el poder de CSS3 podemos realizar cosas como bordes redondeados de manera sencilla evitando todo el riguroso proceso de maquetación con div, png, tablas,ect. Ahora ya no más!, CSS3 trae para nosotros la opciones que hacen el diseño fácil para nosotros :)

Recomendación:

La mejor forma de practicar CSS3 es practicar dibujo con el.

Con esto comprenderas el poder de esta herramienta pero siempre orientarlo con un propósito de su uso a nivel profesional.

Una hoja de estilos consiste en una serie de reglas esta compuesta de tres partes que son selectores, propiedades y atributos.

Selectores:

Cada regla es uno o más selectores, esto quiere decir que cada selector marcara que elementos son afectados por cada bloque de estilos que se siga, afectando uno o varios elementos a la vez, en función de su tipo, nombre (name, ID, clase (class), o document object model.

La definición de un selector es la siguiente:

Selector{

propiedad: valor;

} 

Propiedades:

Son los elementos con los que vamos asignarle un valor para comenzar a interactuar logrando así nuestro estilo deseado.

Atributos:

Forman parte de las propiedades y colaboran con la definición de las mismas.

Recomendaciones al trabajar con CSS3

Ordenar tu CSS para un diseño legible y colaborativo.

• Este consiste en organizar todos sus atributos y propiedades en orden alfabético.
• Los selectores que usaremos para nuestros estilos se deben comenzar desde las etiquetas más altas, luego los ID y por ultimo las clases todas estas respetando la organización por orden alfabético distinguiendo de mayúsculas y minúsculas.

Formas de Usar CSS3

Para dar formato a un documento HTML, puede emplearse CSS de tres formas distintas:

1. Mediante CSS introducido por el autor del HTML
   1. Un estilo en línea (inline) es un método para insertar el lenguaje de estilo de página directamente dentro de una etiqueta HTML. Esta manera de proceder no es totalmente adecuada. El incrustar la descripción del formateo dentro del documento de la página Web, a nivel de código, se convierte en una manera larga, tediosa y poco elegante de resolver el problema de la programación de la página. 
      Pero cuando usarlo ??? , dado que los clientes de correo electrónico no soportan las hojas de estilos externas, y que no existen estándares que los fabricantes de clientes de correo respeten para utilizar CSS en este contexto, la solución más recomendable para maquetar correos electrónicos, es utilizar CSS dentro de los propios elementos (inline).
   2. Una hoja de estilo interna, que es una hoja de estilo que está incrustada dentro de un documento HTML, dentro del elemento <head>, marcada por la etiqueta <style>. De esta manera se obtiene el beneficio de separar la información del estilo del código HTML propiamente dicho. Se puede optar por copiar la hoja de estilo incrustada de una página a otra (esta posibilidad es difícil de ejecutar si se desea para guardar las copias sincronizadas). En general, la única vez que se usa una hoja de estilo interna, es cuando se quiere proporcionar alguna característica a una página Web en un simple fichero, por ejemplo, si se está enviando algo a la página Web.
   3. Una hoja de estilo externa, es una hoja de estilo que está almacenada en un archivo diferente al archivo donde se almacena el código HTML de la página Web. Esta es la manera de programar más potente, porque separa completamente las reglas de formateo para la página HTML de la estructura básica de la página.
2. Estilos CSS introducidos por el usuario que ve el documento, mediante un archivo CSS especificado mediante las configuraciones del navegador, y que sobreescribe los estilos definidos por el autor en una, o varias páginas web.
3. Los estilos marcados "por defecto" por los user agent, para diferentes elementos de un documento HTML, como por ejemplo, los enlaces.

Con esa breve introducción terminamos por ahora.

Puedes realizar tus consultas en formspring  o dejanos tu comentario 

No olvides seguir en twitter a:

@PeterConchaR

@Avanet

@SoreyGarcia

para estar al día con las entradas en este blog.

Si quieres aprender un poco más sobre CSS te recomendamos seguir la capsula:

 CSS para principiantes

• Implementar de forma fácil la navegación entre los objetos Page que ahora tenemos disponibles en Silverligt.
• Interactuar con el historial del navegador.
• Mapear los URI asociados a las páginas por:
  • Otros menos complejos y más amigables, para facilidad del usuario.
  • Otros menos reveladores de la estructura de archivos del sitio, facilitando así el manejo de seguridad en este aspecto.

Con la introducción en Silverlight del Framework de navegación, se agregó, en Visual Studio, la plantilla Silverlight Navigation Application que nos permite crear una aplicación que posee un diseño básico, el cuál podemos personalizar y extender, para implementar nuestra propia aplicación que posea navegación.

No obstante, los elementos Page, los podemos crear, en cualquier momento, en nuestra aplicación Silverlight sin importar si ésta fue creada o no con la plantilla de navegación.

Si deseas conocer más información acerca del Framework de navegación, visita:

http://msdn.microsoft.com/es-es/library/cc838245(v=VS.95).aspx

En esta oportunidad estaremos dandole vida a Mario utilizando el elemento Canvas y el API de Javascript. Puedes ver el resultado final de lo que aprenderemos en este post aquí, pero primero vamos a aclarar algunos conceptos para entender mejor el asunto.

El elemento Canvas (nuevo en HTML5) es un contenedor de graficos, el cual expone una serie de metodos que podemos usar mediante scripting para manipular cada pixel (para nuestro caso utilizaremos javascript).
Aunque el estandar HTML5 aun no es oficial, la mayoria de los navegadores ya ofrecen soporte a gran parte de los nuevos elementos de HTML5 como el Canvas.

Para darle vida a Mario sobre nuestro Canvas utilizaremos su contexto, para ello utilizaremos el metodo getContext("2d"). Pensaremos en este contexto como un plano cartesiano(2D) donde las coordenadas (x=0, y=0) se encuentran en la esquina superior izquierda del elemento canvas. Anteriormente creamos un Canvas de 500x300, las coordenadas dentro de su contexto serían algo asi:

Aclarados estos conceptos, vamos a ensuciarnos las manos con un poco de codigo!

Utilizaremos la misma pagina html5 que construimos en el post anterior y agregaremos la referencia a la libreria jQuery, adicionaremos el atributo ID a nuestro canvas y obtendremos el contexto de nuestro Canvas al cargar la pagina web utilizando la función $(document).ready(function(){ ... }

No es estrictamente necesario utiliar jQuery, en lugar de la función $(document).ready(function(){ ... } de jQuery podriamos utilizar el evento onload de nuestro documento, sin embargo utilizaremos jQuery para simplificar algunos elementos que introduciremos mas adelante.

Hasta ahora, el codigo de nuestro documento luciría algo como:

Puedes ver este codigo en vivo aquí

Muy bien, hasta ahora solo hemos creado el documento html5, el canvas y hemos obtenido su contexto. Ahora vamos a dibujar a Mario sobre nuestro canvas. Para ello crearemos una función llamada dibujarMario() que utilizará el metodo drawImage(imagen, x, y)el cual recibe como argumentos una imagen, y las coordenadas (x,y) donde será ubicada. Llameremos la funcion dibujarMario() desde nuestro $(document).ready() para que se ejecuté al cargar la pagina, el codigo de nuestro script lucirá asi:

Puedes ver este codigo en vivo aquí

Muy bien, ahora que tenemos a Mario en el canvas vamos a enseñarle a dar sus primeros pasos! Para ello vamos a crear una variable llamada xMario que representará su coordenada "x" dentro del plano y aumentaremos dicha posición cada 100 milisegundos utilizando la funcion setInterval(script, miliSegundos)para crear la ilusión de movimiento horizonal. Nuestro script luciría asi:

Puedes ver este codigo en vivo aquí

Aja!Como habrás podido notar, Mario se desplaza horizontalmente pero lo persigue su karma XD

Esto ocurre porque a diferencia de Flash o Silverlight, en HTML el Canvas funciona como una "pintura", de manera que en lugar de mover los objetos debemos limpiar nuestra "pintura" y volver a pintar los objetos en su nueva posición.

Para limpiar nuestra "pintura" utilizaremos el metodo clearRect(xi, yi, xf, yf)el cual recibe como argumento las cordenadas x,y iniciales y finales del segmento que será borrado. Nuestro codigo script se vería así:

Puedes ver este codigo en vivo aquí

Puedes encontrar el codigo completo de lo que desarrollamos en este post haciendo click aquí. Adicionalmente encontrarás allí la función dibujarMontanias() la cual utiliza el metodo contexto.lineTo(x, y) para marcar puntos en el plano, y el metodo contexto.stroke() para unir todos estos puntos con lineas y asi dar la aparencia de montañas en el fondo de nuestro plano.

En nuestro proximo post crearemos una sensación de movimiento mucho mas realista y adicionaremos soporte para poder controlar a Mario en varias direcciones utilizando las flechas de nuestro teclado.Si quieres aprender más sobre los temas tratados en este post, puedes consultar las siguientes referencias:

• contexto getContext("2d")
• metodo setInterval(codigo, milisegundos)
• Canvas Element (Consorcio W3C)

Gracias por pasar por aquí, y recuerda no quedarte con esto para ti solamente, puedes compartirlo y/o dejar un comentario XD

Nos leemos! @orendon

2. Yo en este caso descargaré desde el CodePlex, ya que el WebInstaller es más fácil y los va llevando. Deben descargar la versión que corresponda con el .NET Framework que soporte su hosting, eso es muy importante. Para saber cual archivo descargar miran el nombre:

mojoportal-2-3-7-0-mssql-net40-deploymentfiles.zip

El nombre indica la base de datos y la versión del framework. Además si desean probar skins adicionales, en la parte inferior hay algunos.

3. Luego proceden a descomprimir los archivos de despliegue y ubicarlos en la ruta de su máquina que deseen.

c) Después de confirmar que se renombró ejecutenlo y dirijanse a la primera pestaña, seleccionando el proveedor para SQL Sever

d) Ingresen los datos de conexión a su base de datos, si todo está bien en la lista de bases de datos verán todas las que tienen instaladas.

e) Hagan el test de conexión

Hola! Este post es el primero de una serie de 6 post que conformarán un tutorial basico dedicado a html5, javascript y mario bros! Al finalizar el tutorial habremos explorado diferentes conceptos de html5, el elemento canvas y programación con javascript. Todo esto mientras recreamos una pantalla del juego Mario Bros!

 Puedes ver el resultado final de lo que aprenderemos aquí.

A continuación se encuentran los post que conformarán el tutorial, estaré actualizando estos link a medida que los vaya publicando.

1. Aprendiendo HTML5 con Mario Bros! (Que viene siendo este post...)
2. Elemento Canvas, Mario cobra vida
3. Agregando movimiento a Mario
4. Pintando el mundo 1-1 y detectando fronteras
5. Saltando con Mario
6. Agregando audio a Mario

No siendo mas, entremos en materia, vamos a crear una pagina html5 básica que será la base sobre la cual daremos vida a Mario en los siguientes post: (Aprendes mas si transcribes el código tu mismo en lugar de hacer copy/paste)

Como podras notar la estructura de la pagina web no cambó mucho respecto a la version de HTML actual, sin embargo hay vario puntos que no deben pasarnos desapercibidos.

• La declaración de documento ahora es mas reducida <!DOCTYPE html>

  Anteriormente era: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  La instrucción DOCTYPE le indica a los navegadores la version HTML del documento.
• El codificación del documento es tambien mas reducida <meta charset="utf-8" />

  Anteriormente era: <meta http-equiv="content-type" content="text/html;charset=UTF-8" />

  UTF-8 representa el juego de caracteres que usaremos en nuestra pagina, por tanto debemos tener cuidarnos con caracteres como la ñ ya que no hacen parte del formato.
• Por último, esta el elemento canvasque es nuevo en HTML5 y es el que nos permitirá dibujar graficos y agregar animaciones mediante el uso de javascript.

  Los atributos width y height indican el ancho y el alto que tendra nuestro elemento canvas.

Si quieres aprender un poco mas, puedes consultar las siguientes referencias:

• Avanet: HTML5 desde cero
• W3C: Borrador de la especificación oficial
• Wikipedia: html5, canvas, javascript, UTF-8

En el proximo post comenzaremos a jugar con el elemento Canvas y darle vida a Mario. 

Recuerda no quedarte con esto para ti sol@, puedes compartirlo y/o dejar un comentario XD

Nos leemos !
@orendon

Aunque el Custom Control es definido dentro de una clase, su interfaz de usuario es definida en un archivo aparte asociado al diccionario de recursos. Esto vuelve su implementación un tanto más compleja.

La ventaja de implementarlos es que se pueden reutilizar en diferentes proyectos. Ya que sólo es referenciar el assembly donde se encuentran definidos.

Si deseas conocer más información acerca de ellos, visita:

http://msdn.microsoft.com/es-es/library/cc278068(v=VS.95).aspx

Nota:

Los User Controls que creamos en una aplicación Silverligth están limitados a dicha aplicación y una vez desplegada, estos no se pueden cambiar; a menos que se vuelva a realizar el despliegue de la misma luego de compilarla y generar de nuevo su assembly. Sin embargo, es posible definir los User Controls en un ensamblado .dll al igual que los Custom Controls y en dicho caso como los CustomControls:

1. Tienen la flexibilidad de poderlos modificar y utilizar su nueva versión en una aplicación ya desplegada sólo actualizando el assembly en el archivo xap de la aplicación.
2. Se pueden utilizar en múltiples aplicaciones.

 

Hiiiii! geeks,

Tengo el gran gusto de iniciar la aventura de HTML5 con ustedes, para los que estamos en el día a día del mundo de la web nos podemos dar cuenta que se esta construyendo toda una revolución para recibir a la web moderna que consiste en un manejo sencillo de vídeo, audio, geolocalización, nuevos componentes y etiquetas que son el marco que aclama la web de hoy en día.

 ESTO Y MÁS ES HTML5

 Pero que es HMTL5 ?  

HTML5 es la actualización de HTML, el lenguaje en el que es creada la web. HTML5 también es un termino de marketing para agrupar las nuevas tecnologías de desarrollo de aplicaciones web: HTML5, CSS3 y nuevas capacidades de Javascript.

Porque fue creada ?

La versión anterior y más usada de HTML, HTML4, carece de características necesarias para la creación de aplicaciones modernas orientadas al navegador. La intervención de Javascript ha ayudado a mejorar esto y gracias a frameworks como jQuery, jQuery UI,Sproutcore, entre otros.

Porqué la tan anunciada muerte de Plug-in como Flash y Silverlight ?

Como les comentaba debido a esta carencia se vio en muchas casos el uso de plug-in como reemplazo de HTML para desarrollar aplicaciones web con un rico contenido en: audio, video, animaciones vectoriales, componentes de interfaz complejos y más acceso a hardware como webcams y micrófonos entre muchas otras cosas. Ahora HTML5 es capaz de hacer esto sin necesidad de plug-in y con una gran compatibilidad entre navegadores. 

Que necesito para empezar  ?

Editor de código

 Puedes comenzar con un simple Bloc de Notas si tu estilo es el Hard Code.

            Pero si te interesa una metodología un poco más ágil en el desarrollo emplear Intellisense más un editor ligero te recomendamos   Sublime Text.

            O sino ahora necesitas acceso a datos, reportes, y de más funciones de forma sencilla en un editor ligero te presentamos a WEBMATRIX la nueva herramienta de Microsoft que incluye todo lo necesario para el desarrollo de sitios web ademas de que es gratis como a nosotros nos gusta =).

Desarrollar sitios web con HTML5 nunca ha sido tan fácil usa WebMatrix.

 Nuevas etiquetas de HTML5 y estructura de nuestro primer proyecto

 Para empezar a usar HTML5 lo único que tienes que hacer es colocar este DOCTYPE antes de la etiqueta <html>:

 <!DOCTYPE html>

Es un DOCTYPE mucho más simple que XHTML pero esto no cambia las reglas implementadas mas bien esta ahora te permite usar todo el poder de HTML5 sin que nada de lo que ya tienes programado anteriormente deje de funcionar.

 Todas las etiquetas que estamos a punto de presentar se comportan como un div o span. Pero con la diferencia que estas mantienen un significado semántico que queremos decir "es como la etiqueta describe el significado de su contenido". De este modo, los navegadores sabrán qué partes de una página web son estas como cabeceras, pies de página, partes centrales de contenido, etc, etc  y de ese modo podrán dar más importancia a unas u otras. 

<header>

Está diseñada para reemplazar la necesidad de crear divs sin significado semántico, ahora aquí ubicaremos nuestra respectiva cabecera.

 <nav>

Está diseñado para que coloques los botones de navegación de tu sitie. Incluso puedes colocar cualquier etiqueta dentro, aunque lo recomendado es usar listas <ul>. Y como nota importante sólo puedes tener un <nav> por página.

<section>

Define un área de contenido única dentro del sitio. En un blog, sería la zona donde están todos los posts. 

<article>

Define zonas únicas de contenido independiente. En un blog, cada post sería un article.

 <aside>

Cualquier contenido que no esté relacionado directamente con la misión de la página va en un aside. En un blog, obviamente el aside es la barra lateral de información. 

<footer>

Es el pie de página y todo lo que lo compone.

Atención: 

Y ustedes se preguntaran que paso con el <div> ya no tiene propósito su uso ???

Con todas estas nuevas etiquetas no significan que ya no se use <div>. Solo usaremos un DIV cuando no exista otra etiqueta más idónea para usar o, cuando pretendamos aplicar un Script o unos estilos CSS a un bloque de contenido al que no es posible aplicar una de esas nuevas etiquetas Sólo se deben usar las etiquetas semánticas de HTML5 donde sean necesarias.

AHORA COMO QUEDA LA ESTRUCTURA DE NUESTRO DOCUMENTO HTML5

Código

Presentación 

El código lo pueden encontrar aquí.

Y es todo por hoy chic@s quería agradecer en este primer post a @SoreyGarcia por la oportunidad y confianza depositada en mi. Un gran saludo a todos los miembros de @Avanet espero vivir grandes y felices experiencias con ustedes =).

Puedes realizar tus consultas en formspring  o dejanos tu comentario 

No olvides seguir en twitter a:

• @PeterConchaR
• @Avanet
• @SoreyGarcia

 para estar al día con las entradas en este blog.

Los controles de usuario son los elementos que normalmente diseñamos y que constituyen nuestra aplicación Silverligth. Para el caso, en que se requiera navegación usamos los elementos Page, que pueden a su vez estar conformados por controles de usuario.

Son útiles en escenarios en los que se desea dividir la complejidad en el diseño de una página (o Control de usuario principal) y ver la página como la suma de varias partes que pueden ser diseñadas independientemente y que a su vez pueden ser reutilizadas en otras páginas.

Si deseas conocer más información acerca de ellos, visita:

http://msdn.microsoft.com/es-es/library/system.windows.controls.usercontrol(v=vs.95).aspx

Nota:

Los User Controls que creamos en una aplicación Silverligth están limitados a dicha aplicación. Es decir, no se pueden reutilizar en otras aplicaciones. Sin embargo, es posible definir los User Controls en un ensamblado .dll y en dicho caso, sí es posible reutilizarlos en otras aplicaciones.

Cuando los controles se encuentran en el mismo assebly de la aplicación, se usa la sintaxis:

xmlns:PREFIJO="clr-namespace:ESPACIONOMBRES“

Ejemplo:

xmlns:conv="clr-namespace:PruebaSilverlight.Converters“

En este caso, se pueden usar los controles definidos en el espacio de nombres PruebaSilverlight.Converters en una página definida en otro espacio de nombres de la misma aplicación.

Cuando los controles a usar se encuentran en un assembly diferente al de la aplicación, se usa la sintaxis:

xmlns:PREFIJO="clr-namespace::ESPACIONOMBRES;assembly=NOMBREASSEMBY“

Ejemplo:

xmlns:toolkit="clr-namespace:System.Windows.Controls;assembly=System.Windows.Controls.Toolkit"

En Silverligth, también, tenemos la posibilidad de asociar a un espacio de nombres  la información de otros (es decir, como combinarlos), para, de esta forma, referenciar sólo un espacio de nombres y lograr un código XAML más limpio.

Esto se logra, realizando una pequeña codificación en el archivo AssemblyInfo.cs de la carpeta Properties y se usan para ello los atributos XmlnsPrefix y XmlnsDefinition.

Si deseas conocer más información acerca del referenciado de espacios de nombre, visita:

http://msdn.microsoft.com/es-es/library/cc189061(v=vs.95).aspx

Tienen como propiedad principal la propiedad Content que se usa para especificar el contenido del control y puede ser desde un texto hasta el diseño más complejo  que requiramos que involucre incluso otros controles.

Los Content Controls tienen un estilo predeterminado limitado. Si se desea modificar su aspecto visual se deben asociar a una nueva plantilla.

Si quieres conocer más sobre ellos visita:

http://msdn.microsoft.com/es-es/library/system.windows.controls.contentcontrol(v=vs.95).aspx

En su implementación juegan un papel importante: El ContentTemplate, el ContentPresenter y el TemplateBinding, para conocer más de ellos visita:

ControlTemplate

http://msdn.microsoft.com/es-es/library/system.windows.controls.controltemplate(v=vs.95).aspx

ContentPresenter

http://msdn.microsoft.com/es-es/library/system.windows.controls.contentpresenter(v=vs.95).aspx

TemplateBinding

http://msdn.microsoft.com/es-es/library/cc189062(v=VS.95).aspx

Escribiendo de temas inusuales pero interesantes, inicio este post sobre una norma que presenta de forma clara y definida diferentes conceptos, ordenamientos y estrategias enfocadas a la mejora de cada uno de los procesos del ciclo de vida del software. En su marco de referencia esta norma contiene actividades planteadas de forma específica que abarcan desde el proceso de desarrollo del producto hasta su mantenimiento, pasando por el suministro, implementación y operación funcional. Una de sus grandes ventajas es el orden que plantea para cada ciclo, realizando divisiones por su tipo y modo de ejecución.
Dentro de estas divisiones tenemos los procesos denominados (principales), son definidos con este término por su importancia, generalmente estos proceso son independientes dentro del ciclo de vida del productos, esto no quiere decir que no se encuentren asociados a otros, pero si se trabajan de forma aislada.

El primer proceso principal que interviene con la calidad de Software es el de desarrollo, basado en el análisis de negocio determina el diseño, arquitectura, estructuración y desarrollo de código esencialmente.

El proceso de mantenimiento también es considerado importante dentro de la norma, estas actividades serán vitales para garantizar la calidad del producto, ayuda a que los errores evidenciados en su ambiente final sean solucionadas de fondo, evitando reiteración de errores y consiguiendo un software integral en su funcionamiento de acuerdo al planteamiento del proyecto, esto teniendo en cuenta el levantamiento de información y casos de uso.

La segunda gran división define los procesos como apoyo, ya que estos son "las columnas de nuestro edificio", nos permiten tener fundamentos y bases que posteriormente podrán garantizarnos el éxito y la calidad del software desarrollado.

Inicia con el proceso de (documentación), esta actividad en la que interactúa cliente y proveedor dará como resultado la generación de información objetiva en la que las dos partes deben concluir la misma idea sobre las funcionalidades del sistema.
El segundo proceso de apoyo directamente se relaciona con la calidad del software, en este se deben evaluar los resultados obtenidos de acuerdo a las necesidades del cliente, de acuerdo a los resultados de esta evaluación se establecerán estrategias que permitan determinar el nivel de capacidad funcional y conceptual del sistema.

El proceso de validación que también apoya los procesos principales es un conjunto de actividades relacionadas con las pruebas de software (unitarias, funcionales, integración, validación, aceptación).

La solución de problemas también interviene en el apoyo estructural de los ciclos de vida, este proceso inicia en el análisis de problemas que puede surgir pre o post implementación, el resultado de este debe ser la solución integral de problemas o inconformidades que genere el sistema.

Los procesos internos (organizativos) deben ser trabajados por el proveedor para que sean una ayuda dentro del funcionamiento efectivo y productivo de la organización.

El proceso de mejora tendrá una afectación importante para determinar diferentes conceptos básicos dentro de la calidad del software como lo son la valoración, medición de resultados.

Los recursos humanos son denominados "agentes facilitadores" en esta norma, estos agentes deben tener diferentes habilidades con el fin que cada uno de los procesos puedan ser ejecutados correctamente, estas características pasan por lo personal, profesional y también interviene el trabajo en grupo teniendo como base el liderazgo, el buen uso de las herramientas, el planteamiento de objetivos generales y específicos a conseguir. El planteamiento de ideas innovadoras que puedan concluir en el establecimiento de mejoras es de gran aporte. Los líderes técnicos y funcionales deberán desarrollar la misión, visión, objetivos de cada una de sus áreas para establecer una cultura consiente de la constante búsqueda de la excelencia que debe tener la organización. 

Imagenes: http://www.softexpert.es/images/gestion-ciclo-vida-productos.jpg

El CheckBox es un ContentControl, es decir, su contenido puede modificarse arbitrariamente por el que deseemos.

Puede tener tres estados: activado, desactivado e indeterminado.

Si quieres conocer más sobre él visita:

http://msdn.microsoft.com/es-es/library/system.windows.controls.checkbox(v=vs.95).aspx

Si quieres conocer más sobre él visita:

http://msdn.microsoft.com/es-es/library/system.windows.controls.textblock_members(v=vs.95).aspx

Si quieres conocer más sobre él visita:

http://msdn.microsoft.com/es-es/library/system.windows.controls.button(v=vs.95).aspx

En las cápsulas que abordaremos estudiaremos algunos de los controles Core disponibles en Silverligth: TextBox, Button, TextBlock y CheckBox.

También daremos una mirada a los Content Controls que son controles que pueden contener un contenido arbitrario y mostraremos como implementar nuestros propios Content Controls.

Finalmente, se mostrará cómo hacer referencia de espacios de nombres en nuestro código XAML, para poder usar los controles definidos en los assemblies asociados a esos espacios de nombre.

En esta cápsula, en particular, se estudiará el control TextBox.

El TextBox es un control que permite mostrar y capturar texto y puede ser de una o múltiples líneas.

Si quieres conocer más sobre él visita:

http://msdn.microsoft.com/es-es/library/system.windows.controls.textbox_members(v=vs.95).aspx

Entre las muchas propiedades que posee, se encuentra FontSource que permite cargar dinámicamente fuentes personalizadas.

Para poder utilizar fuentes personalizadas en Silverligt, debes asegurarte que éstas tengan permitido el poderse incrustar en documentos e instalarse en sistemas remotos. Es decir, debes tener la licencia apropiada para su uso.

Un programa que puedes descargar e instalar, como ayuda para determinar las propiedades de tu fuente, se encuentra en el enlace:

http://www.microsoft.com/typography/TrueTypeProperty21.mspx

En la gestión de un proyecto de software, más allá de las tradicionales medidas de tiempo y costo, deben aplicarse otros criterios para determinar su éxito, todo esto no con el fin de complicar las etapas de desarrollo, por el contrario estos criterios nos ayudaran a definir técnicas y estrategias que puedan ser implementadas de forma tal que no afecte las necesidades del cliente.

En cinco grandes niveles se encuentra compuesto este modelo que poco a poco ha tomado su lugar en empresas que, consientes con los avances tecnológicos, han empezado desde la base a fundamentar y determinar la calidad de sus productos (software).

Los modelos proporcionan una seria de ventajas que los hacen inamovibles después de demostrar sus resultados, proporcionan un marco referencial lo que permite empezar a tener una metodología clara, mucho más metódica y permite que toda una organización empiece a hablar en un mismo lenguaje.

La evaluación de los procesos de software nos permite agrupar y asociar todas las áreas de las que se encuentra compuesta.

El tiempo y costo necesario para alcanzar cada uno de los niveles solo dependerá de la forma en que se implemente el modelo, por lo tanto el primer de los niveles denominado como (nivel inicial) dentro del proceso conceptual del CMMI (MODELO INTEGRADO DE MADUREZ DE LA CAPACIDAD) deberá ser muy bien estudiado para comenzar a trabajarlo, desde este punto se podrán obtener resultados excepcionales realizando un análisis crítico de cada uno de los productos o proyectos, esto último teniendo en cuenta que es poco el porcentaje de empresas que buscan formas de evidenciar sus propios errores.

La distribución de los recursos (humanos y materiales) tienen gran importancia en todo esta etapa de inicio, porque gracias a esta se tendrá claro cuál es el orden y agrupación correcta cuando haya la capacidad de avanzar de nivel.

Inmerso en el segundo nivel (gestionado) se encuentran estrategias de vital importancia en el desarrollo de software con calidad disciplinada, ya que en este punto de la se establecen y siguen políticas organizativas, diferentes normatividades que empezaran por ser una pequeña base que poco a poco se irá fortaleciendo.

Cuando la calidad de software se enfoca exclusivamente en los proyectos su esencia será la planificación, el seguimiento y el control.

El tercer nivel también denominado “definido” hace honor a su nombre ya que plantea todos sus focos en los procesos de la organización, su objetivo general es institucionalizar los procesos como “procesos definidos”, en esta etapa todo el proceso dejara de ser un estándar y pasara a ser único y especial para nuestro tipo de software, la organización debe darle un rumbo de 360º al sentido de su metodología de control de calidad.

En mi concepto no hay una definición clara del cuarto nivel (gestionado cuantitativamente), es increíble lo difícil que puede llegar a realizar una autoevaluación acertada, definir métricas para generar ideas claras de autocrítica es realmente un costoso trabajo, la administración de un  producto consiguiendo llevar estadísticas y metódicas formas cuantitativas de gestionar los procesos del software seria en general su objetivo.

No hay mucho que decir del quinto nivel (En optimización) literalmente es el mantenimiento de todos los niveles anteriores, se debe incrementar y plantear mejoras estructurales que deberán ser revisadas periódicamente.

Si quieres conocer más de UIElement, visita este enlace:

http://msdn.microsoft.com/es-es/library/system.windows.uielement(v=vs.95).aspx

Y si deseas conocer más acerca del ViewBox, visita este:

http://msdn.microsoft.com/es-es/library/system.windows.controls.viewbox(v=vs.95).aspx

Si quieres conocer más acerca de él visita el enlace:

http://msdn.microsoft.com/es-es/library/system.windows.controls.scrollviewer(v=vs.95).aspx

• StackPanel
• Grid
• Canvas
• DockPanel
• WrapPanel

Todos estos controles heredan de Panel y permiten organizar y posicionar sus controles contenidos de diferentes formas.

Más información de la clase Panel aquí:

http://msdn.microsoft.com/es-es/library/system.windows.controls.panel(v=VS.100).aspx

En las cápsulas que abordaremos, estudiaremos otros  controles que también son contenedores, pero que no heredan de Panel y no permiten la organización y el posicionamiento de sus controles contenidos.  Es más, en algunos casos, solo pueden tener un objeto contenido. Dichos controles son:   Border, ScrollViewer y ViewBox. Se ha decidido reconocerlos como controles agrupadores, para diferenciarlos de los controles contenedores que heredan de Panel.

En esta cápsula, en particular, se estudiará el control Border.

El control Border permite colocar un borde o fondo alrededor de otro objeto.

Puedes encontrar información sobre él, en este enlace:

http://msdn.microsoft.com/es-es/library/system.windows.controls.border(v=vs.95).aspx

http://silverlight.codeplex.com/releases/view/43528

Si deseas más información sobre este control contenedor, puedes visitar el sitio:

http://msdn.microsoft.com/es-es/library/system.windows.controls.wrappanel.aspx

http://silverlight.codeplex.com/releases/view/43528

Si deseas más información sobre este control contenedor, puedes visitar el sitio:

http://msdn.microsoft.com/es-es/library/system.windows.controls.dockpanel.aspx

Todos nos hemos topado con un cliente que es reservado con la información, que pone una y mil trabas para entregar datos de importancia o que sencillamente se niega a actualizar los ambientes. En otras ocasiones, nos hemos encontrado con clientes "expertos" que limitan la arquitectura y la forma de desarrollo, haciendo que sea más complicado el proceso.  En el peor de los casos, nos ha tocado el cliente que quiere ver avances del producto al corto tiempo del arranque, y que tienen expectativas altas con respecto al desarrollo.

¿Qué hacer con estos clientes? ¿Cómo manejarlos o lidiarlos? ¿Se cumple acaso siempre eso de que el cliente tiene la razón? En dos empresas en las que he trabajado, al hacer esta pregunta, obtuve una respuesta que me bajó el espíritu al piso: "Es que detrás de este proyecto vienen muchos más, así que no nos importa quedar mal o cumplir sus caprichos, si eso implica que nos den los otros proyectos".  Al sol de hoy, todavía no comprendo esas decisiones gerenciales en las que prefieren "quemar" a su equipo.

Volviendo al tema inicial, que es el cliente, debemos preguntarnos: ¿Cómo manejar estas situaciones? Si a usted le parece complicado tener que explicarle a su cliente por qué el proyecto está atrasado y cuesta más, debería entonces pensar bien en la posibilidad de explicarle mejor al principio, por qué su licitación es irreal en cuanto a sus expectativas, y darle una propuesta más ajustada a la realidad.  Adicionalmente, la ingieniería de software nos ha enseñado que se debe de pactar con el cliente desde el comienzo qué se va a entregar, pero a su vez, qué nos debe de entregar para que el desarrollo y testeo del mismo sean exitosos.

Más que hablar sobre lo que dicen los libros o la teoría de la gerencia y de la ingeniería de software, te invito a que comentes y pongas tú experiencia sobre el tema, y qué propuestas de solución harías o haz aplicado cuando te enfrentas a un cliente que es difícil de manejar, qué sugerencias le harías o cómo piensas que se debería de tratar esta situación.

El tema, queda abierto a discusión.

La caricatura de la que hablaba, explicaba a grosso modo cómo serían las cosas si los edificios los construyeran los ingenieros de sistemas.  Aunque el usuario nunca pudo explicarle bien al ingeniero qué es lo que quería, se plasmaba algo que siempre se ha padecido en sistemas: preguntarle al cliente qué quiere y este no sabe realmente qué necesita.  Aunque esta es harina de otro costal, lo que más enfatizaba la caricatura era la necesidad de que el cliente entregara cierta documentación sobre lo que se necesita, y es a partir de esta que nace el resto de documentación con la que solemos quebrarnos la cabeza.

El por qué hay que documentar los requerimientos es claro: el cliente cambia de parecer cada que suda, y si no codificamos sobre una línea base, nuestro proyecto será eterno y complejo, pues los clientes siempre querrán agregar nuevas cosas al mismo costo ("¿Qué tanto es poner un botón adicional que llene un campito?") y si no está escrito, es muy probable que vayamos olvidando ciertas cosas.

El prototipo, los diagramas de secuencia, los diagramas de clase, los casos de uso, y todo cuanto artefacto se nos ocurra que hayamos visto en la universidad son los que a nosotros, como desarrolladores, nos darán idea de lo que tendremos que codificar (lo que el cliente quiere).  Es nuestra maqueta, nuestros planos, nuestro esquema.  No imagino a un ingeniero civil comenzar a construir sin tener planos del lugar, o a un cirujano cortar sin haber trazado el mapa de cortes.  Es trabajo de los gerentes de software y los analistas de requisitos hacerle entender al cliente la importancia de estos documentos, y que no es simplemente "tiempo" que mal usamos mientras ellos nos pagan millonadas.

En cuanto a nosotros como desarrolladores, no hay peor pesadilla que tener que hacerle mantenimiento a código ajeno.  Preferimos un harakiri con cuchillo para mantequilla antes que tener que revisar el código de otra persona; ¿por qué? porque muchas veces hacemos las cosas como si fuéramos a estar siempre presentes en el proyecto, y usamos poco o nada de las buenas prácticas de nombrado de variables, codificación, etc.  Una regla de oro en la programación es: Codifica pensando en que vas a ser tú quien va a hacerle mantenimiento a la aplicación, así que escribe el código como te gustaría encontrarlo.  Sé que es suena a cartel de baño, pero es la realidad.  Si todos codificamos con esta regla en mente, nos facilitaremos y le facilitaremos el trabajo a los que vienen detrás.

Mi invitación es hoy a dignificar nuestro trabajo y darle su verdadero valor.  Integremos como parte de nuestra vida diaria todo el sistema de gestión de la calidad y ponerse un verdadero norte como desarrollador y como parte integral de la empresa.  La calidad no es un concepto nuevo, o una moda, y entre más la tengamos presente, mejor será nuestro trabajo y mayor nuestra productividad.  En palabras de mi papá: "No está mal en ser pegador de ladrillos, lo que está mal es no ser EL MEJOR (o al menos intentarlo)".

Hasta una próxima.

Eliana