Archive

Archive for the ‘Videos’ Category

C# 6.0 y un poco de historia

August 27th, 2014 No comments

Lee el post original de Saturnino Pimentel en El blog de Satur.

El día de ayer participamos en un hangout junto a Marta Jimenez (@ml2j_), Juan Carlos Ruiz (@JuanKRuiz) , Nicolás Herrera(@nicolocodev) y Sergio Vargas @Serandvaraco donde hablamos de lo nuevo dentro de la siguiente versión de C# 6.0 Leer mas…

Categories: Artículos, Videos Tags:

Día 19: Tilt effect

December 15th, 2011 No comments

Esta es una traducción de Day 19:Tilt Effect, puedes encontrarlo aquí en su versión original en inglés.

dia19

Las aplicaciones que se ven y comportan como aplicaciones nativas de Windows Phone serán mas atractivas para usuarios que las aplicaciones que no se ven de esa manera. Así que, tus aplicaciones deberían tratar de incorporar una conducta tan nativa como sea posible. Una conducta de control que es común en muchas aplicaciones nativas es la de TiltEffect. Mira la aplicación de Teléfono y verás la lista de usuarios que has llamado.

Ahora pon atención mientras seleccionas un elemento en la lista. Cuando seleccionas ese elemento, puedes ver una ligera inclinación al elemento que seleccionaste. Al soltar el elemento, regresa a su posición original. Esta animación de inclinación te da la seguridad de que la aplicación del teléfono ha recibido tu instrucción. Es un cambio sutil, pero incrementa la experiencia de usuario.

Este artículo te muestra como agregar el TiltEffect behavior para controlar tus aplicaciones Silverlight. Una aplicación de ejemplo es creada y la cual muestra la conducta en acción y como prenderla y apagarla en tiempo de ejecución.

Ajustes para usar la TiltEffect Behavior

La conducta TiltEffect no esta incluida en los controles preestablecidos. Tenemos que incluirla a partir de un ejemplo que Microsoft lanzó de modo que los desarrolladores pudieran agregarla en sus aplicaciones. La conducta que vamos a usar esta en un archivo C# llamado TiltEffect.cs en el Control de Ejemplo TiltEffect en MSDN.

Primero que nada, descarga ese ejemplo y extrae los archivos a una carpeta en tu computadora. El archico TiltEffect.cs esta en el subdirectorio ControlTiltEffect con todo el código fuente para el ejemplo. Recuerda la ubicación del archivo de modo que puedas agregarlo a tu proyecto.

Para agregarlo en tu proyecto Silverlight, necesitas:

1.- Abre tu proyecto en Visual Studio y damos clic derecho en el proyecto.

2.- Seleccionamos la opción “Add” y después seleccionamos la opción “Existing Item”

clip_image002_thumb22

3.- En el diálogo de “Add Existing Item”navega para seleccionar el archivo TiltEffect.cs que acabas de descargar.

4.- Esto hará una copia del archivo en el directorio fuente de tu proyecto y después lo agregará al mismo.

Espacio de nombres

Abre el archivo TiltEffect.cs. Nota que el espacio de nombres para este archivo es ControlTiltEffect. Puedes cambiarlo para hacerlo del mismo espacio de nombres de tu proyecto o dejarlo así como está. Para nuestro ejemplo, vamos a dejarlo con el de la aplicación.

Cuando quieras usar este TiltEffect en tu aplicación necesitas agregar el espacio de nombres a los archivos que usas. Para agregar el espacio de nombres a las páginas en donde quieras usar el TiltEffect en tus controles, agrega estas líneas a la cima de tu archivo XAML.

xmlns:efecto=”clr-namespace:Dia_19_TiltEffect” efecto:TiltEffect.IsTiltEnabled=”True”

Esto creará un nuevo alias llamado efecto para el espacio de nombres Dia_19_TileEffect y lo hará disponible para estar disponible en esta página.

La segunda línea habilita el TiltEffect. Con estas dos líneas agregadas, todos los botones y ListBox en esta página tendrán la conducta TiltEffect. Como verás mas adelante, podemos habilitar o inhabilitar el TitleEffect para controles específicos de la página.

Ahora que sabemos como agregar la conducta TiltEffect a nuestro proyecto y páginas XAML vamos a mirar un ejemplo de como podríamos usarlo en una aplicación.

Aplicación de ejemplo

Esta aplicación de ejemplo tiene muchos controles los cuales demostrarán como funciona la conducta TiltEffect. La mayoría de los botones y ListBox se inclinarán cuando los presiones. Con TiltEffect.IsTiltEnabled=”True” es la conducta preestablecida para la página.

Si quieres suprimir el efecto de inclinado en un solo control: Suprime la propiedad Tilt

Asume que tenemos un botón específico en nuestra página que no queremos que cuente con el efecto. Podemos habilitar y suprimir el TiltEffect para cada control o elemento de un ListBox de manera aislada. En nuestro ejemplo, el segundo botón no se inclinará, esto es porque la propiedad ha sido establecida a detenerse de la inclinación. Aquí está el XAML para el segundo botón.

<Button efecto:TiltEffect.SuppressTilt=”True” Content=”Sin efecto” Height=”82″ HorizontalAlignment=”Left” Margin=”229,52,0,0″ VerticalAlignment=”Top” Width=”221″ />

Nota que tiene la propiedad efecto:TiltEffect.SuppressTilt=”True”. Esto suprime todos los efectos de inclinación para este control. El segundo item del ListBox tiene la misma propiedad ajustada así que tampoco la ejecutará. Todos los demás controles que no incluyan esta propiedad, lo harán sin problema.

Si quieres suprimir el efecto de inclinado en la página entera: Usa la propiedad IsTiltEnabled

Es también posible detener el efecto TiltEffect para una página entera. Esto podría ser útil para mostrar un modo “retro” en tu aplicación. Al final de la página, hay un botón que dice “Detener efectos”. Cuando este botón es presionado, todos los controles detienen el uso de ese efecto. Si lo presionas de nuevo, el efecto de inclinación será restablecido.

El manejador de eventos btnDetener_Click hace el trabajo. El código C# es en donde esto sucede. Para usar el efecto de inclinación en C#, si no cambiaste el espacio de nombres deberás incluirlo en una sentencia using.

Después en el manejador de eventos btnDetener_Click, tenemos la propiedad IsTiltEnabled para la página entera. Para hacer esto usamos el método GetIsTiltEnabled para leer la propiedad de dependencia para la página entera que fue dada por la clase TiltEffect. Nota el objeto this dentro del paréntesis que representa la página entera. Este valor es guardado en la variable tiltEnabled.

Después ajustamos el contenido del botón basado en la propiedad IsTiltEnabled.

Finalmente, cambiamos la propiedad IsTiltEnabled para la página entera, para ser lo opuesto de lo que suele hacer. Esta ocasión estamos modificando la propiedad de dependencia con el método SetIsTiltEnabled.

Hasta ahora, ninguno de los botones o elementos del ListBox se inclinarán. Prueba y chécalo. Después presiona de nuevo el botón btnDetener para hacer a los botones inclinarse de nuevo.

using System.Windows;
using Microsoft.Phone.Controls;

namespace Dia_19_TiltEffect
{
public partial class MainPage : PhoneApplicationPage
{
public MainPage()
{
InitializeComponent();
}

private void btnDetener_Click(object sender, System.Windows.RoutedEventArgs e)
{
bool efectosHabilitados = TiltEffect.GetIsTiltEnabled(this);
btnDetener.Content = (efectosHabilitados) ? “Iniciar efectos” : “Detener efectos”;
TiltEffect.SetIsTiltEnabled(this, !efectosHabilitados);
}
}
}

Código XAML completo

<phone:PhoneApplicationPage x:Class=”Dia_19_TiltEffect.MainPage”
xmlns=”http://schemas.microsoft.com/winfx/2006/xaml/presentation”
xmlns:x=”http://schemas.microsoft.com/winfx/2006/xaml”
xmlns:phone=”clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone”
xmlns:shell=”clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone”
xmlns:d=”http://schemas.microsoft.com/expression/blend/2008″
xmlns:mc=”http://schemas.openxmlformats.org/markup-compatibility/2006″
mc:Ignorable=”d” d:DesignWidth=”480″ d:DesignHeight=”768″
FontFamily=”{StaticResource PhoneFontFamilyNormal}”
FontSize=”{StaticResource PhoneFontSizeNormal}”
xmlns:efecto=”clr-namespace:Dia_19_TiltEffect”
efecto:TiltEffect.IsTiltEnabled=”True”
Foreground=”{StaticResource PhoneForegroundBrush}”
SupportedOrientations=”Portrait” Orientation=”Portrait”
shell:SystemTray.IsVisible=”True”>

<Grid x:Name=”LayoutRoot” Background=”Transparent”>
<Grid.RowDefinitions>
<RowDefinition Height=”Auto”/>
<RowDefinition Height=”*”/>
</Grid.RowDefinitions>

<StackPanel x:Name=”TitlePanel” Grid.Row=”0″ Margin=”12,17,0,28″>
<TextBlock x:Name=”ApplicationTitle” Text=”LA LIGA SILVERLIGHT” Style=”{StaticResource PhoneTextNormalStyle}”/>
<TextBlock x:Name=”PageTitle” Text=”inclinación” Margin=”9,-7,0,0″ Style=”{StaticResource PhoneTextTitle1Style}”/>
</StackPanel>

<Grid x:Name=”ContentPanel” Grid.Row=”1″ Margin=”12,0,12,0″>
<TextBlock Height=”48″ HorizontalAlignment=”Left” Margin=”20,6,0,0″ Text=”Botones” VerticalAlignment=”Top” Width=”402″ FontSize=”32″ FontWeight=”Bold” />
<Button Content=”Con efecto” Height=”82″ HorizontalAlignment=”Left” Margin=”0,52,0,0″ VerticalAlignment=”Top” Width=”202″ />
<Button efecto:TiltEffect.SuppressTilt=”True” Content=”Sin efecto” Height=”82″ HorizontalAlignment=”Left” Margin=”229,52,0,0″ VerticalAlignment=”Top” Width=”221″ />
<CheckBox Content=”CheckBox” Height=”72″ HorizontalAlignment=”Left” Margin=”229,140,0,0″ VerticalAlignment=”Top” />
<RadioButton Content=”RadioButton” Height=”72″ HorizontalAlignment=”Left” Margin=”9,140,0,0″ VerticalAlignment=”Top” />
<HyperlinkButton Content=”HyperlinkButton” Height=”30″ HorizontalAlignment=”Left” Margin=”20,218,0,0″ VerticalAlignment=”Top” Width=”200″ />
<TextBlock FontSize=”32″ FontWeight=”Bold” Height=”48″ HorizontalAlignment=”Left” Margin=”20,282,0,0″ Text=”ListBox” VerticalAlignment=”Top” Width=”402″ />
<ListBox Height=”100″ HorizontalAlignment=”Left” Margin=”8,334,0,0″ VerticalAlignment=”Top” Width=”440″ d:LayoutOverrides=”GridBox”>
<ListBoxItem Content=”Efectos 1″ />
<ListBoxItem efecto:TiltEffect.SuppressTilt=”True” Content=”Efectos suprimidos 2″ />
<ListBoxItem Content=”Efectos 3″ />
</ListBox>
<Button x:Name=”btnDetener” Content=”Detener efectos” Height=”82″ HorizontalAlignment=”Left” Margin=”14,495,0,0″ VerticalAlignment=”Top” Width=”438″ Click=”btnDetener_Click” />

</Grid>
</Grid>
</phone:PhoneApplicationPage>

En resumen

Agregar efectos de inclinación a tus controles agrega un efecto que permite a los usuarios saber que si entrada fue recibida. Es un poco mas de trabajo agregar conductas  como esta a tus aplicaciones, pero lo valdrá con una aprobación mayor de tu usuario. Hasta ahora has visto como agregar la conducta de inclinación a tu aplicación, como habilitarla para las páginas enteras, como deshabilitarla para un control único y como hacerlo para la página completa. La atención a los detalles mas insignificantes como este hará a tu aplicación destacar.

Por cierto, si tienes curiosidad, te sugiero que le des un vistazo al archivo TiltEffect.cs. Es un ejemplo excelente de como usar animaciones y manipulaciones táctiles para crear efectos desde los huesos. Toma un poco de tiempo para entender como están construidas las conductas como esta para incrementar tu conocimiento y confianza con el desarrollo de Windows Phone. Este es un control versátil que tu puedes adaptar en otras formas si es necesario.

Para descargar un proyecto completamente funcional de Windows Phone que muestre los efectos de inclinación, puedes hacerlo en el siguiente enlace.

Descarga el código aquí.

Mañana, vamos a ver como crear tonos de llamada para tus usuarios, y como Windows Phone soporta ahora esta genial herramienta. Nos vemos.

Categories: Blend, Videos, WP7 Tags:

Prender y apagar luces utilizando Windows Phone 7 (Mango)

September 13th, 2011 3 comments

Video demostrativo en el que muestro un uso práctico del uso de sockets en Windows Phone 7 (Mango) al prender y apagar focos por medio del dispositivo, cabe aclarar que necesita algunos ajustes y la compra de un dispositivo externo, no es cosa difícil, por ahora lo mostraré, ya al momento de terminar de corregir un par de detalles publicaré la solución.

http://www.youtube.com/watch?v=xaCHZqiC5h0

Categories: Videos, WP7 Tags:

Tutorial Silverlight 4 – Proyecto MVVM con Ria Services multi capa

February 9th, 2011 4 comments

De vuelta con nuestros tutoriales semanales de Silverlight 4.

He navegado muchos sitios y foros de desarrolladores Silverlight buscando la respuesta a la pregunta: ¿Es posible crear un proyecto RIA Services con más de dos capas? Hace unos meses me encontré con un sitio donde mostraban una metodología para lograrlo. La verdad es que hoy en día (y gracias a mi descuido) he perdido la referencia a ese sitio. Sin embargo, el conocimiento quedó conmigo ya que lo uso contínuamente en diferentes proyectos Silverlight que desarrollo. Para mí, es momento de compartir de nuevo este conocimiento como me ha sido compartido y aprovecho para agregarle el toque MVVM.

¿De qué me serviría crear un sitio RIA Services con más de dos capas? Bien, la respuesta depende de la necesidad de cada proyecto. Yo en mi caso lo uso más o menos así:
Solución VS 2010
1. Proyecto Web con el Domain Service, Modelo y Conexión BD
2. Proyecto Librería Silverlight que será quien esté conectado a los RIA Services del Proyecto Web
3. N Proyectos Ejecutables de Silverilght que consumen los datos a través de los RIA Services que provee el Proyecto Librería

Ahora bien, yo en mi caso lo uso así, pero si tu tienes una aplicación Silverlight dividida en módulos es razonable querer tener acceso a los datos a través de todos los módulos de tu aplicación estén o no en el mismo .xap. Tener una librería Silverlight externa con conexión a RIA Services te permite separar este caso en un .xap independiente y consumir estos datos desde cualquier otra librería .xap o ejecutable Silverlight.

Después de esta introducción los dejo con el video tutorial en el que te explico como hacer este procedimiento. Te pido disculpas con anticipación pro la calidad del audio del video. Estoy trabajando en mejorar mis condiciones de grabación.

Los temas cubiertos en el video son:

  • Partiremos de una solución VS 2010 vacía.
  • Crearemos una aplicación web con un modelo, conexión a base de datos y servicios RIA.
  • Crearemos una librería Silverlight que consumirá los RIA Services
  • Terminaremos con un proyecto ejecutable de Silverlight con MVVM que servirá como cliente.

Para ver el video y bajar el código de ejemplo ve a alFador en punto net

Tutorial Silverlight 4 – Instalación del Framework MVVM Light

February 1st, 2011 1 comment

Bienvenido de nuevo.

En este video tutorial te explicaré paso a paso el proceso de instalación del Framework MVVM Light. Éste Framework es desarrollado por Laurent Bugnion en Suiza y está enfocado en permitir de un modo simple el desarrollo de aplicación WPF y Silverlight (incluído WP7). El principal enfoque que tiene éste Framework es el de ser amigable con Expression Blend por lo que te permite desarrollar aplicaciones a través de la interfaz gráfica de Blend.

Los temas cubiertos en el video son:

  • Presentación corta del Framework MVVM.
  • Donde encontrar recursos, documentación y los archivos de instalación.
  • Guía paso a paso de la instalación en Visual Studio 2010 y Expression Blend.
  • Creación de un proyecto MVVM Light para probar la instalación del Framework

PARA VER EL VIDEO TUTORIAL VE A: alFador en punto NET

Como hacer una galería de imágenes con Silverlight 4

October 24th, 2010 2 comments

En este video tutorial te explicaré como hacer una galería de imágenes con Silverilght 4 desde Blend 4 de una manera sencilla y rápida. Te demostraré como gracias al gran poder del ‘DataBinding’ de Silverlight y a al uso de ‘Behaviors’ y ‘Templating’, hacer una galería no es tan complicado como lo parece ya que no es necesario utilizar el ‘Code Behind’ para manejar eventos y posicionar elementos en pantalla.

Los temas vistos en el video son:

  • Posicionamiento de controles en el área de trabajo.
  • Mostrar datos dinámicos a través de DataBinding.
  • Como mejorar la visualización de estos elementos a través de ‘Templates’.
  • Usar ‘Behaviors’ para animar los elementos mostrados.

PARA VER EL VIDEO TUTORIAL VE A alFador en punto net.

Descarga el código fuente de ejemplo: Galeria Simple de Imágenes en Silverlight 4

Curso gratuito de Silverlight 4

February 11th, 2010 12 comments

Mi estimado amigo Rodrigo Díaz ha creado un excelente curso introductorio a Silverlight 4. El curso en sí esta hospedado en el canal de Channel9Mexico y empieza aquí. Pero les recomiendo leer el post de Rodrigo acerca del curso. No olviden dejarle retroalimentación acerca del curso.

Aquí una lista de los temas (que pueden ver en su post arriba mencionado):

    Introducción

    Introducción y Bienvenida al Curso de Introducción de Silverlight 4 creado por Rodrigo Díaz Concha, MVP de ASP.NET, fundador de La Liga Silverlight, Orador de INETA Latam y Master Instructor del Silverlight Tour para Latinoamérica y España.

    Este curso introductorio a Silverlight 4 te permitirá comprender los conceptos básicos y diversas funcionalidades con las que cuenta esta fabulosa plataforma de desarrollo. Esta primera parte del curso consta de 12 videos y 1 práctica que refuerza los conceptos vistos en la serie de screencasts.

    Silverlight es una plataforma de desarrollo para construir aplicaciones enriquecidas para Internet (RIA por sus siglas en inglés) que cada vez está siendo más usada como opción tecnológica en aplicativos modernos.

    Una confusión que se tiene hoy en día es que se relaciona únicamente a Silverlight con el sistema operativo Windows, pero lejos de eso, las aplicaciones de Silverlight pueden ejecutar en Mac OS, Linux y Windows.

    En este screencast veremos una introducción a la plataforma de desarrollo Silverlight, sus herramientas, aplicaciones reales y los requisitos necesarios para poder comenzar a construir aplicaciones con esta tecnología. Para más artículos acerca de Silverlight totalmente en español visita La Liga Silverlight: La Primera Comunidad MSDN en Español acerca de Silverlight y tecnologías relacionadas (http://blogs.LigaSilverlight.com).

  1. Fundamentos

    Una vez instaladas las herramientas de Silverlight para Visual Studio .NET es hora de poner manos a la obra, asimismo es muy importante tener en cuenta algunos conceptos fundamentales acerca de la construcción de soluciones en esta tecnología. En este capítulo veremos conceptos fundamentales en el desarrollo de aplicaciones de Silverlight como las plantillas de Visual Studio .NET, el diseñador, el empaquetado XAP y el hospedaje en la página. Para más artículos acerca de Silverlight totalmente en español visita La Liga Silverlight: La Primera Comunidad MSDN en Español acerca de Silverlight y tecnologías relacionadas (http://blogs.LigaSilverlight.com).

  2. Xaml

    Xaml (acrónimo de Extensible Application Markup Language) es el lenguaje de marcación utilizado por Silverlight (y también por su hermano mayor WPF) para poder definir las interfaces de usuario de nuestras aplicaciones.  Toda aplicación de Silverlight implica código de Xaml ligado a código en .NET. Por esta razón en este capítulo veremos conceptos básicos acerca de Xaml, sus elementos básicos y transformaciones.

  3. Animaciones

    Para darle vida a nuestras aplicaciones de Silverlight podemos hacer uso entre otras cosas de las Animaciones. Las Animaciones son un mecanismo para cambiar el valor de las propiedades de los elementos y transformaciones conforme pasa un tiempo determinado. En este capítulo describiremos de manera rápida y sencilla el uso y creación de Animaciones dentro de Silverlight.

  4. Expression Blend

    Todo desarrollador de Silverlight debe tener en su cinturón de herramientas Expression Blend, ya que nos ayuda de gran manera a hacer más rápido, efectivo y divertido nuestro trabajo al momento de construir soluciones con la plataforma de desarrollo Silverlight. En este capítulo apreciaremos en conjunto el uso de Expression Blend como herramienta de edición nativa de Xaml  además describiremos las opciones más importantes de la herramienta.

  5. Recursos y Estilos

    Los recursos son un concepto básico para poder crear aplicaciones que reutilicen elementos ya que permiten ser un almacenaje de objetos de cualquier tipo para poder reusar en cualquier parte de nuestras aplicaciones. Los estilos son elementos que podemos  guardar en el diccionario de Recursos para poder aplicarlos y lograr así una apariencia estándar en la aplicación. En este capítulo describiremos el concepto de Recursos y también describiremos la creación y utilización de Estilos para controles y elementos.

  6. Controles y Plantillas

    Silverlight cuenta con una gran cantidad de controles que podemos utilizar en nuestras aplicaciones y la gran mayoría soporta el cambio o modificación de su Plantilla.  En este capítulo mostraremos la manera de cómo cambiar la Plantilla en los controles básicos de Silverlight.

  7. MediaElement

    Silverlight ha sido utilizado como aplicación cliente en la transmisión de importantes eventos en los últimos meses: la toma de poder de Barack Obama, el Memorial de Michael Jackson, los Juegos Olímpicos de Beijing , etc. Debido a su extraordinaria calidad en la reproducción de audio y video Silverlight está siendo la plataforma favorita para sitios multimedia. En este capítulo veremos la utilización del elemento MediaElement, el cual nos permite reproducir audio y video en nuestros aplicativos y apreciaremos la manera tan sencilla de incorporar esta características en nuestras propias aplicaciones.

  8. Impresión

    Una de las características más esperadas y solicitadas por la comunidad de Silverlight es el soporte de impresión dentro de las aplicaciones, esto es, la capacidad de poder mandar a imprimir el contenido que estemos viendo en la aplicación ya sea una lista de datos de un DataGrid o ListBox o simplemente tomarle una “foto” a la pantalla y enviarla a papel o alguna de las impresoras virtuales instaladas en nuestros equipos (por ejemplo: OneNote, XPS, PDF, etc.).  Silverlight 4 incluye esta característica a través de un modelo de clases muy sencillo.

    En este capítulo mostraremos el uso de la clase PrintDocument para poder crear documentos de impresión a través de nuestras aplicaciones de Silverlight 4.

  9. Webcam

    Con la llegada de Silverlight 4 también ha llegado a nosotros la posibilidad de implementar en nuestras aplicaciones la capacidad de tomar video a través de la Webcam y capturar audio por medio del micrófono del equipo.  Este fue una de las peticiones más fuertes en Silverlight 3 y la espera ha terminado.  En este capítulo del curso veremos cómo fácilmente podemos utilizar la Webcam para poder realizar capturas de fotografías con el video.

  10. Drag and Drop

    Silverlight 4 cuenta con soporte de arrastrar uno o varios archivos desde afuera de la aplicación hacia adentro de ella y soltarlo(s) para poder leer su información y contenido.  Esta característica nos permite como desarrolladores crear mejores Experiencias para los Usuarios ya que evitan el número de cajas de diálogo y clics para abrir o leer un archivo o conjunto de archivos. En este capítulo del curso veremos cómo aplicar esta sencilla pero poderosa funcionalidad en nuestras propias soluciones.

  11. OpenFileDialog

    De manera predeterminada, Silverlight requiere el permiso explícito del usuario para poder leer el Sistema de Archivos ya que ejecuta en Confianza Parcial. La caja de diálogo OpenFileDialog nos brinda un mecanismo para permitir a los usuarios que accedan a sus archivos desde las aplicaciones con Silverlight. En este capítulo del curso describiremos el uso de la caja de diálogo OpenFileDialog para poder leer archivos del equipo del usuario.

  12. Clic Derecho

    Tradicionalmente al hacer clic derecho sobre una aplicación de Silverlight nos muestra un menú con la opción de abrir la caja de diálogo con información del plugin (como la versión, las cuotas para el almacenamiento aislado, etc.). Ahora en Silverlight 4 podemos capturar el evento de clic derecho del mouse para crear nuestra propia Interface de Usuario y código relacionado. En este capítulo describiremos el manejo de esta característica para poder crear menús contextuales en nuestras aplicaciones de Silverlight.

Categories: Tutoriales, Videos Tags:

Introducción al control de Bing Maps para Silverlight (Screen Cast 3 de 3)

July 3rd, 2009 1 comment

En este último Screen Cast de la serie acerca del control de Bing Maps para Silverlight vemos cómo incluso podemos agregar nuevas capas visuales en el control para desplegar información relacionada con algún punto geográfico e incluso contenido arbitrario.  Espero que les sea de utilidad.

Get Microsoft Silverlight

Introducción al control de Bing Maps para Silverlight (Screen Cast 2 de 3)

July 3rd, 2009 1 comment

Esta es la segunda parte de la serie de Screen Casts acerca del control de Bing Maps para Silverlight.  En este video vemos cómo utilizar los servicios de geo-localización en nuestras aplicaciones con Silverlight y este control.  Espero les sea de utilidad.

Get Microsoft Silverlight

Introducción al control de Bing Maps para Silverlight (Screen Cast 1 de 3)

July 1st, 2009 2 comments

El día de ayer tuvimos una reunión más de La Liga Silverlight, en esta ocasión vimos una introducción al uso del control de Bing Maps para Silverlight.  Debido a problemas técnicos la sesión no pudo ser grabada pero al finalizar el Web Cast me dispuse a grabar una serie de 3 Screen Casts en donde se explica lo expuesto en la sesión en vivo.

En este primer Screen Cast podemos ver cómo incluir el control de Bing Maps en nuestras aplicaciones de Silverlight y algunas propiedades básicas para desplegar el mapa.

Categories: Videos Tags: , ,

ScreenCast: Cómo hacer un botón con efecto de gel

June 30th, 2009 No comments

Categories: Blend, Videos Tags: ,

Serie de Videos: Diseño de IU para Desarrolladores

February 6th, 2009 1 comment

Arturo Toledo acaba de anunciar en su blog la disponibilidad de una serie de videos llamada “Diseño de Interfaz de Usuario para Desarrolladores”.  Son 13 de videos de corta duración en donde podemos encontrar tips y reglas de oro para el diseño gráfico de aplicaciones.  Es un excelente recurso para todos los que estamos envueltos en el mundo de RIA y/o cualquier otro tipo de aplicativo.

La lista de videos es la siguiente (la traducción del título está hecha por mí):

  1. Principios de Diseño (Balance)
  2. Principios de Diseño (Ritmo)
  3. Principios de Diseño (Énfasis)
  4. Principios de Diseño (Simetría)
  5. Principios de Diseño (Unidad)
  6. Principios de Diseño (Puntos, Líneas y Forma)
  7. Eligiendo Colores
  8. Experimentando con Colores para la Interfaz de Usuario
  9. Creando Patrones tipo Mosaico y Azulejo
  10. Aprendiendo a Crear Iconos
  11. Creando un Icono de ejemplo
  12. Diseñando un Botón Cristalino
  13. Aplicando Efectos a Imágenes Bitmap

 

Chéquenlos están muy buenos.

Salu2!