WebCast: Uso de Datos de Prueba, Descarga bajo demanda, Enlace de Datos entre Controles


Este es el tercero de una serie WebCasts donde estaremos utilizando esta fantástica tecnología para desarrollar una aplicación de tipo Album de Fotos.

Estos WebCast están dirigidos para personas que recién empiezan a desarrollar aplicaciones con SilverLight o los que aun no tienen idea de que es, como le comente anteriormente la idea es fomentar el uso de esta tecnología creando un álbum de fotos que es lo que mas les agrada a los estudiantes o a empresarios para visualizar sus productos.

A medida que se realicen los WebCast estaré colocando las demos y las ppts mostradas.

Contenido

1. Introducción a SilverLight, Arquitectura, Evolución, Controles ( PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: miércoles, 01 de septiembre de 2010 02:00 p.m. Bogotá

2. Animación, Suavización, StoryBoard, Comportamientos, Plantillas de Controles, Pantalla Completa (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: lunes, 13 de septiembre de 2010 02:00 p.m. Bogotá

3. Uso de Datos de Prueba, Descarga bajo demanda, Enlace de Datos entre Controles (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: viernes, 17 de septiembre de 2010 02:00 p.m. Bogotá

4. WCF Ria Services, Datos XML, JSON. (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: miércoles, 29 de septiembre de 2010 10:00 a.m. Bogotá

5. Hospedar Silverlight  (ASP.net, PHP, HTML), Acceso al HTML (DOM), Aplicaciones fuera del Navegador. (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: Sin Definir

Post Cruzado de AJDev.net

WebCast: Serie Silverlight – Animación, Suavización, StoryBoard, Comportamientos, Plantillas de Controles, Pantalla Completa


Este es el segundo de una serie WebCasts donde estaremos utilizando esta fantástica tecnología para desarrollar una aplicación de tipo Album de Fotos.

Estos WebCast están dirigidos para personas que recién empiezan a desarrollar aplicaciones con SilverLight o los que aun no tienen idea de que es, como le comente anteriormente la idea es fomentar el uso de esta tecnología creando un álbum de fotos que es lo que mas les agrada a los estudiantes o a empresarios para visualizar sus productos.

A medida que se realicen los WebCast estaré colocando las demos y las ppts mostradas.

Contenido

1. Introducción a SilverLight, Arquitectura, Evolución, Controles ( PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: miércoles, 01 de septiembre de 2010 02:00 p.m. Bogotá

 

2. Animación, Suavización, StoryBoard, Comportamientos, Plantillas de Controles, Pantalla Completa (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: lunes, 13 de septiembre de 2010 02:00 p.m. Bogotá

 

3. Uso de Datos de Prueba, Descarga bajo demanda, Enlace de Datos entre Controles (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: viernes, 17 de septiembre de 2010 02:00 p.m. Bogotá

 

4. WCF Ria Services, Datos XML, JSON. (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: Sin Definir

 

5. Hospedar Silverlight  (ASP.net, PHP, HTML), Acceso al HTML (DOM), Aplicaciones fuera del Navegador. (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: Sin Definir

Post Cruzado de AJDev.net

WebCast: Serie Silverlight – Introducción a Silverlight, Arquitectura, Evolución y Controles


Este es el primer de una serie WebCasts donde estaremos utilizando esta fantástica tecnología para desarrollar una aplicación de tipo Album de Fotos.

Estos WebCast están dirigidos para personas que recién empiezan a desarrollar aplicaciones con SilverLight o los que aun no tienen idea de que es, como le comente anteriormente la idea es fomentar el uso de esta tecnología creando un álbum de fotos que es lo que mas les agrada a los estudiantes o a empresarios para visualizar sus productos.

A medida que se realicen los WebCast estaré colocando las demos y las ppts mostradas.

Contenido

1. Introducción a SilverLight, Arquitectura, Evolución, Controles (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: miércoles, 01 de septiembre de 2010 02:00 p.m. Bogotá

 

2. Animación, Suavización, StoryBoard, Comportamientos, Plantillas de Controles, Pantalla Completa (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: Sin Definir

 

3. Uso de Datos de Prueba, Descarga bajo demanda, Enlace de Datos entre Controles (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: Sin definir

 

4. WCF Ria Services, Datos XML, JSON. (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: Sin Definir

 

5. Hospedar Silverlight  (ASP.net, PHP, HTML), Acceso al HTML (DOM), Aplicaciones fuera del Navegador. (Demo, PPT)

Moderador(es): Alexander Jiménez

Duración: 60 Minutos

Fecha de inicio: Sin Definir

Post Cruzado de AJDev.net

La Eficiencia en tus Manos!!!


Hola a todos quiero invitarlos al mayor evento Virtual de este año y es nada mas y nada menos que el lanzamiento de varios productos de alto calibre en Microsoft como lo son:

image

image

Ahora dime, Te lo vas Perder??? 🙂

Post Cruzado de AJDev.net

SketchFlow: Creando Prototipos – Parte I La teoría


image

Antes de empezar con el tutorial quiero hacer unas preguntas que estoy seguro que muchos de ustedes han pasado por ello.

Cuantas veces han cambiado de color una pantalla?

han estado en reuniones tan absurdas como que son para definir el tipo de fuente.?

Que el logo debe estar arriba en grande o mas pequeña?

Que la combinación de colores no son las correctas?

Que luego de la pantalla login que debe venir?

Cuando hacen una ppt’s de como se vera la aplicación, tus usuarios creen que ya todo esta listo?

Pierdes tiempo en tratar de adivinar como el usuario quiere ver la aplicación?

Dibujas todas las pantallas en papel o en una ppt?

El usuario a ultima hora te pasa una lista de cambios que afectan la visibilidad de la aplicación?

En fin podemos durar horas y horas mencionando preguntas que nos hacemos al momento de hacer un buen levantamiento de información y sobre todo al momento de crear prototipos de la aplicación que desea ver el usuario final, Te imaginas que puedas resolver la gran mayoría de estas preguntas y que lo mejor de todo que puedes entregar algo funcional para que el usuario interactúes para después llevarlo al desarrollo sin afectar mas tu preciado tiempo? que bien sabemos que en todo desarrollo tienes mucho por hacer y todo es para ayer 🙂

Pues con SketchFlow que viene en Expression Blend 3 puedes hacer todo esto y mucho mas como:

  • Crear prototipos de aplicaciones web (Con SilverLight 3) o para escritorio (Con WPF) sin necesidad de escribir código.
  • Crear interactividad, animaciones con componentes reales y totalmente funcionales.
  • A través de SketchFlow Player, puedes exponer tu aplicación en la web para que tus usuarios que se encuentre remoto o no tenga la posibilidad de hacer sus comentarios y checar el diseño.
  • Integrar esta retroalimentación dentro de la misma herramienta (Expression Blend 3) para hacer correcciones y centralizar los comentarios de todos los usuarios que revisaron el prototipo.
  • Producir automáticamente la documentación del proyecto como un archivo de Word.
  • Puedes importar tus presentaciones de PowerPoint.
  • Puedes importar tus archivos de Adobe Illustrator y PhotoShop.
  • Te permite incorporar datos de pruebas que vienen por defectos en Expression Blend 3, por lo que te evitas el tener que cargar datos para después ver como quedaría tu aplicación.

SketchFlow no es mas que prototipos rápidos, fáciles y baratos al momento de construirlos, lo que permite crear, explorar y comparar múltiples ideas antes de seguir adelante con una solución. Tradicionalmente los prototipos suelen ser redundante después de la fase de concepto y desechados. SketchFlow permite aprovechar cualquiera de los anteriores trabajos conceptuales, cada elemento creado son reutilizable en el proyecto al momento de pasarlo a la etapa de desarrollo.

Expression Blend 3 a través de SketchFlow te muestra una serie de controles con estilos muy parecidos a los que se dibujan a mano sobre un papel permitiendo centrar al Usuario en las necesidades y funcionalidades propias de la aplicación y no en el que color deben ir las cosas y demás y demás 🙂 Así lo comento Somasegar:

SketchFlow también proporciona un conjunto de controles de “estilo boceto” que dan al prototipo un aspecto de boceto para mantener el enfoque en los conceptos de la experiencia de usuario sin distraerse con los detalles de los elementos visuales demasiado pronto. Los controles de estilo boceto son completamente funcionales y se puede volver a los controles de alta fidelidad en cualquier momento. A continuación puede ver un ejemplo de cómo aparecen los controles de estilo boceto. Fuente: Blog de Soma en español

Cross-Posting con: http://cut.ms/Jn9

Post Cruzado de AJDev.net

Tips, Tutorial y Truco: Boton con Efecto de Vidrio (Button Glass) en SilverLight


Hola a todos,

Me gustaría compartir este pequeño tutorial de como obtener un botón con efecto de vidrio dándole una vistosidad bastante interesante a la interfaz de usuario.

Para ello me base en un articulo publicado en: http://www.sixin.nl/antoni-dol-blog/09-11-15/Silverlight_Style_GlassBorderStyle.aspx

Y el Código de Ejemplo de este Tutorial esta Aquí y la pagina origina esta Aqui:

Así que ni mas ni mas el truco:

1. Creamos nuestro proyecto en Visual Studio o en Expression Blend (Donde mas guste yo estoy usando Blend a la final el código estará en XAML)

2. Agregamos un botón a nuestro UserControl.

Captura1

3. Le daremos Botón derecho del mouse sobre el control Button, para seleccionar la opción Editar una Copia. Este paso es si utilizan Expression Blend, para los que usan Visual Studio 2008 todavía no se desesperen ya les pasare el XAML a pegar en su UserControl recuerden que VS2008 no soporta el Diseño de SilverLight en VS 2010 es la misma secuencia que Blend 🙂

Captura2

4. Saldra una Ventana como esta donde le daremos el nombre a la plantilla y ubicacion a guardar, en nuestro caso sera dentro del mismo UserControl.

Captura3

5. Este será el Código que veremos al darle aceptar y ubicarnos en el XAML:

Captura4

6. De ese código a mostrar cambiaremos el seteo de Propiedad del BackGround, Padding, Borderthickness, BorderBrush y agregaremos un Effects:

BackGround:

        <Style x:Key="ButtonGlass" TargetType="Button">
            <Setter Property="Background">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.75,1" StartPoint="0.25,0"> 
                    <GradientStop Color="#33FFFFFF" Offset="0"/> 
                    <GradientStop Color="#C0FFFFFF" Offset="0.287"/> 
                    <GradientStop Color="#4011322D" Offset="0.683"/> 
                    <GradientStop Color="#33FFFFFF" Offset="1"/> 
                </LinearGradientBrush> 
            </Setter.Value>
        </Setter>

Padding y Borderthickness :

            <Setter Property="Padding" Value="5"/>
            <Setter Property="BorderThickness" Value="5"/>

BorderBrush:

           <Setter Property="BorderBrush">
                <Setter.Value>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
                        <GradientStop Color="#5811322D" Offset="0"/> 
                        <GradientStop Color="#3EFFFFFF" Offset="0.25"/> 
                        <GradientStop Color="#FFFFFFFF" Offset="0.5"/> 
                        <GradientStop Color="#3EFFFFFF" Offset="0.75"/> 
                        <GradientStop Color="#BFFFFFFF" Offset="1"/> 
                    </LinearGradientBrush> 
                </Setter.Value>
            </Setter>

Effects:

            <Setter Property="Effect"> 
                <Setter.Value> 
                    <DropShadowEffect BlurRadius="3" ShadowDepth="3" Opacity="0.5"/> 
                </Setter.Value> 
               </Setter> 

Ahora al boton sencillamente le aplicaremos este template en la propiedad Style le daremos el nombre del Template (ejemplo Style='{StaticResource ButtonGlass}’):

                   <Button Height="54" HorizontalAlignment="Left" Margin="119,0,0,137" 
                             VerticalAlignment="Bottom" Width="169" Content="Button" 
                             Style='{StaticResource ButtonGlass}'/>

Con esto tenemos lo siguiente:

image

Aquí les dejo el Código Completo del XAML (UserControl y Template del Boton):

<UserControl
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="DemoGlassButton.MainPage"
    Width="640" Height="480">
    <UserControl.Resources>
        <Style x:Key="ButtonGlass" TargetType="Button">
            <Setter Property="Background">
            <Setter.Value>
                <LinearGradientBrush EndPoint="0.75,1" StartPoint="0.25,0"> 
                    <GradientStop Color="#33FFFFFF" Offset="0"/> 
                    <GradientStop Color="#C0FFFFFF" Offset="0.287"/> 
                    <GradientStop Color="#4011322D" Offset="0.683"/> 
                    <GradientStop Color="#33FFFFFF" Offset="1"/> 
                </LinearGradientBrush> 
            </Setter.Value>
        </Setter>
            <Setter Property="Foreground" Value="#FF000000"/>
            <Setter Property="Padding" Value="5"/>
            <Setter Property="BorderThickness" Value="5"/>
            <Setter Property="BorderBrush">
                <Setter.Value>
                    <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
                        <GradientStop Color="#5811322D" Offset="0"/> 
                        <GradientStop Color="#3EFFFFFF" Offset="0.25"/> 
                        <GradientStop Color="#FFFFFFFF" Offset="0.5"/> 
                        <GradientStop Color="#3EFFFFFF" Offset="0.75"/> 
                        <GradientStop Color="#BFFFFFFF" Offset="1"/> 
                    </LinearGradientBrush> 
                </Setter.Value>
            </Setter>
            <Setter Property="Effect"> 
                <Setter.Value> 
                    <DropShadowEffect BlurRadius="3" ShadowDepth="3" Opacity="0.5"/> 
                </Setter.Value> 
               </Setter> 

            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="Button">
                        <Grid>
                            <VisualStateManager.VisualStateGroups>
                                <VisualStateGroup x:Name="CommonStates">
                                    <VisualState x:Name="Normal"/>
                                    <VisualState x:Name="MouseOver">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity">
                                                <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="0" Value="#F2FFFFFF"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="0" Value="#CCFFFFFF"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>
                                            </ColorAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Pressed">
                                        <Storyboard>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="Background" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)">
                                                <SplineColorKeyFrame KeyTime="0" Value="#FF6DBDD1"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity">
                                                <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="0" Value="#D8FFFFFF"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="0" Value="#C6FFFFFF"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[2].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="0" Value="#8CFFFFFF"/>
                                            </ColorAnimationUsingKeyFrames>
                                            <ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[3].(GradientStop.Color)">
                                                <SplineColorKeyFrame KeyTime="0" Value="#3FFFFFFF"/>
                                            </ColorAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Disabled">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="Opacity">
                                                <SplineDoubleKeyFrame KeyTime="0" Value=".55"/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                </VisualStateGroup>
                                <VisualStateGroup x:Name="FocusStates">
                                    <VisualState x:Name="Focused">
                                        <Storyboard>
                                            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity">
                                                <SplineDoubleKeyFrame KeyTime="0" Value="1"/>
                                            </DoubleAnimationUsingKeyFrames>
                                        </Storyboard>
                                    </VisualState>
                                    <VisualState x:Name="Unfocused"/>
                                </VisualStateGroup>
                            </VisualStateManager.VisualStateGroups>
                            <Border x:Name="Background" Background="White" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="3">
                                <Grid Margin="1" Background="{TemplateBinding Background}">
                                    <Border x:Name="BackgroundAnimation" Opacity="0" Background="#FF448DCA"/>
                                    <Rectangle x:Name="BackgroundGradient">
                                        <Rectangle.Fill>
                                            <LinearGradientBrush EndPoint=".7,1" StartPoint=".7,0">
                                                <GradientStop Color="#FFFFFFFF" Offset="0"/>
                                                <GradientStop Color="#F9FFFFFF" Offset="0.375"/>
                                                <GradientStop Color="#E5FFFFFF" Offset="0.625"/>
                                                <GradientStop Color="#C6FFFFFF" Offset="1"/>
                                            </LinearGradientBrush>
                                        </Rectangle.Fill>
                                    </Rectangle>
                                </Grid>
                            </Border>
                            <ContentPresenter x:Name="contentPresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}"/>
                            <Rectangle x:Name="DisabledVisualElement" Fill="#FFFFFFFF" RadiusX="3" RadiusY="3" IsHitTestVisible="false" Opacity="0"/>
                            <Rectangle x:Name="FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="1" RadiusX="2" RadiusY="2" Margin="1" IsHitTestVisible="false" Opacity="0"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </UserControl.Resources>

    <Grid x:Name="LayoutRoot" Background="#FFFCFAFA">
        <Button Height="47" Margin="230,158,287,0" VerticalAlignment="Top" Content="Button" Style='{StaticResource ButtonGlass}'/>
    </Grid>
</UserControl>

Post Cruzado de AJDev.net

Expression Design: Efecto de humo girando


Bueno este post es motivado a un articulo encontrado en la siguiente dirección: http://bit.ly/1JXgpX y como se encuentra en ingles me tome el atrevimiento de crear un articulo nuevo basándome  en la explicación de Timmy Kokke, en cortas palabras colocar un poco mas a nuestro lenguaje 🙂

Hacer el efecto de humo girando en lo personal debía utilizar un software que generara 3D por lo que aprender a usarlo me tomo un poquito de tiempo y el cual no le di importancia después, por ello al ver el articulo me di cuenta que en una herramienta al cual muchas personas me han dicho que le falta para llegar hacer como las herramientas de Diseño profesionales ya conocidas pues aun trato de rescatar esa imagen al menos en mi país 🙂 debido a que cada ves encuentro mas artículos y mas documentación que demuestran la potencia de Expression Design.

Sin mas bla bla bla y puedes entrar en esta dirección http://bit.ly/1X3iJB y ver como se logro hacer las siguientes imágenes:

 

 

image     Efectos

Espero que les guste.

Post Cruzado de AJDev.net

Liberado SilverLight 3 y Expression Studio 3


Si ya se que es algo tardío esta información pero igual no esta demás decirles las cosas nuevas que trae este lanzamiento y que mejor forma que darles el link de la traducción a español de lo que Scott Guthrië ha escrito con respecto a SilverLight 3

Gracias José María Laos por la excelente traducción.

http://thinkingindotnet.wordpress.com/2009/07/11/ya-esta-aqui-silverlight-3/

Por cierto ya esta disponible para los suscriptores de MSDN Premium Expression Studio 3 que contiene las siguientes mejoras:

Expression Blend 3 es una nueva versión que nos permite trabajar mucho más fácilmente. Algunas de las mejoras son:

  • Sketchflow: Sketchflow permite crear prototipos, experimentar con experiencias dinámicas, e incorporar feedback de los clientes mucho más fácilmente. Si no habéis visto o provado – deberíais. Es prácticamente un juego cambiar la forma de crear aplicaciones.
  • Intellisense:  Blend 3 incluye soporte de intellisense para C#, VB y XAML. Podéis escribir código y manejadores de eventos en Blend sin tener que cambiar a VS.
  • Behaviors: Blend 3 soporta comportamiento que puede encapsular interacciones complejas de diseño en componentes reusables que pueden aplicarse directamente a un control en la superficie de diseño. Esto permite que los diseñadores añadan rápidamente funcionalidaes y comportamientos a aplicaciones sin tener que escribir código.
  • Importación de Adobe Photoshop e Illustrator: Blend 3 incluye la importación de archivos de Photoshop e  Illustrator. Como parte del proceso de importación podéis ver y seleccionar capas individuales de Photoshop, personalizarlas y reagruparlas, y tener elementos de Photoshop/Illustrator que mantienen los formatos originales en XAML: incluyendo posicioens de capas, texto editable y opciones de fuentes, y elementos de conversión de vectores a XAML.
  • Datos de ejemplo: Blend 3 soporta datos de ejemplo en tiempo de diseño que hace más sencillo probar aplicaciones con datos conectados y ver cómo se ve sin tener que acceder a datos. Podéis generar datos de ejemplo o importarlos de un archivo XML y ponerlos a disposición de los controles en tiempo de diseño. Podéis perosnlaizar los detalles de vuestros datos, y podéis cambiar fácilmente entre los datos de ejemplo y los reales en ejecución.
  • TFS: Blend 3 incluye soporte para Team Foundation Server (TFS) – permitiendonos usar el control de código. Blend comparte el mismo formato de proyecto y de solución que Visual Studio – permitiendo que tanto Blend como VS trabajen en simultáneamente en los mismos proyectos.
  • Otras mejoras:  Se han incluido más mejoras como soporte para animaciones, transformaciones 3D, efectos visuales y se ha mejorado el diseñador del Visual State.
  • Expression Encoder 3 también incluye una aplicación de captura de pantalla para crear tutoriales y documentación.

Post Cruzado con el blog http://geeks.ms/blogs/ajimenez

Microsoft actualiza su paquete de diseño


Microsoft anuncia soporte para flash, importación directamente desde Photoshop y funcionalidad Silverlight en el nuevo paquete Expression Studio, que desde ahora comenzará a distribuir Expression Studio 2, segunda versión de la colección de herramientas de diseño de la compañía. Las herramientas interactúan Visual Studio 2005 y Visual Studio 2008, para simplificar el flujo de trabajo entre desarrolladores y diseñadores.
Anteriormente, Microsoft ha anunciado que Expression Studio sería objeto de frecuentes actualizaciones a futuro. Hace sólo 1 año que la primera versión fue lanzada al mercado. Aún así en esta oportunidad se anuncian más de 100 nuevas características y funciones, vinculadas principalmente a la tecnología Silverlight.

Una de las noticias más importantes en la herramienta de diseño Blend 2 es el soporte para Silverlight y la posibilidad de importar archivos de Adobe Photoshop.

Adicionalmente, Expression Blend 2 será compatible con animaciones y mejora su interfaz alternando entre previsualización de diseño y XAML.

El paquete tiene un precio de U$ 699, pero todas las herramientas, excepto Expression Design 2, también están disponibles para distribución por separado. El precio de tales herramientas oscila entre los U$ 199 y los U$ 499. También se ofrecen paquetes de actualización con rebaja.

Fuente: DiarioTI

Expression Studio 2??


Pues sip… revisando la web de Expression me encotre con la noticia de que ya hay una beta y esta para descargar los siguientes sabores:

Sigue leyendo

Problemas resueltos en el SP1 de Expression Design


Hace poco les comente de las mejoras que sufrio Expression Design ahora les comento algunos de los problemas que se presentaba en la herramienta y que fueron solucionado y mejorado con este SP1

Problemas de localización y globalización

Problemas Generales como:

Un punto medio degradado se omite al exportar XAML

Los rellenos de imagen escriben XAML no válido para Microsoft Silverlight

Los efectos LiveFX que se aplican a imágenes no se exportan al exportar las imágenes a XAML

Diseño de expresión escribe un carácter de marca de archivos XAML para uso con Silverlight de barra incorrecta

No puede crear un trazo de imagen que utiliza un canal alfa de escala de grises

Un color de trazo puede cambiar por un trazo básico de forma inesperada

Diseño de expresión parece que deja de responder al importar un archivo Adobe Illustrator

El nombre de un objeto se cambia por inesperadamente cuando utiliza la herramienta de atributo dropper

Se produce un efecto de puente no deseado al exportar una imagen

No puede realizar el alisado en una imagen cuyo tamaño son píxeles 1600 x 1200

Diseño de expresión no utiliza configuraciones unitarias de documento modificado

Más actualizaciones en pantalla se producen cuando modifica un diseño multicapa

La opacidad de imagen no se exporta a XAML

Una cadena de texto “keyPreviewImage” aparece en una imagen de vista previa en miniatura

 

Link para descargar el SP1 De Expression Design Español

Mejoras del SP1 de Expression Design


Lista de características nuevas que incluye el Service Pack
Actualización Exportar de XAML de interfaz de usuario
El interfaz de usuario XAML Export se cambia para realizar más intuitivo ello de seleccionar las configuraciones de exportación deseada.

Texto como TextBlocks
En la versión de Diseño de Expresión, el texto siempre se convierte en rutas en XAML que se exporta para Microsoft Silverlight. En SP1 de Diseño de Expresión, también el texto se puede escribir como TextBlocks modificable.

Opcionalmente objetos de nombre durante exportación
SP1 de Diseño de expresión contiene un control adicional que se denomina Always name objects on conversion. Este control se utiliza para determinar cómo se llama objetos XAML cuando se exportan. Este control modifica el comportamiento en Diseño de Expresión de manera siguiente:

Si se selecciona el control Always name objects on conversion, los objetos siempre se denominan durante conversión. Si nombra explícitamente una capa, un grupo o un objeto, se conserva el nombre. Si no se especifica ningún nombre, el objeto adquiere un nombre predeterminado.
Si no se selecciona el control Always name objects on conversion, se exportarán los objetos únicos explícitamente denominados. Las capas son una excepción a esta regla. Siempre se denomina un lienzo XAML que se crea para capas.

Fuente: http://support.microsoft.com/kb/942686

Link para descargar el SP1 De Expression Design Español 

Que compone el Microsoft Expression Studio?


Expression Studio

¿Que es Expression Studio? Es un editor grafico de vectores, primeramente diseñado por Crature House y más tarde comprado por Microsoft. Expression Studio ahora esta completamente disponible y fue creado con la intención de ofrecer a los diseñadores, herramientas para mejorar la comuni-cación con los desarrolladores de SW y así corregir, retocar y embellecer nuestro entorno Web. Sigue leyendo

Nibbles Tutorials: la casa de SilverLight, Expression Blend y WPF


Nibbles Tutorials

Hola…

Como es costumbre revise algunas paginas tratando de encontrar material referente a WPF y SilverLight me he encontrado con este maravilloso Sitio… donde podras acceder de una manera facil y divertida a los diversos tutoriales sobre Silverlight y WPF usando Expression Blend… La verdad esta genial esta web aunque esta en ingles las imagenes hablan por si sola. Se las recomiendo…!!!

SilverLight 1.0 RC1 y 1.1 Alpha Refresh


bannersilverlight-copia.jpg

Conjuntamente con Visual Studio 2008 beta 2, fue lanzado una serie de productos, herramientas y complementos para los desarrolladores.

Silverlight 1.0 RC1 [Windows] [MAC]

Microsoft Silverlight 1.1 Alpha Refresh [Windows] [MAC]

Microsoft Silverlight 1.0 SDK RC

Microsoft Silverlight 1.1 SDK Alpha Refresh

Microsoft Silverlight Tools Alpha for Visual Studio 2008 Beta 2
Provee platillas de proyectos para C# y VB
Intellisense y code generators para XAML
Debugging de aplicaciones Silverlight
Soporte de referencias Web
Integración con Expression Blend

Microsoft ASP.NET Futures (July 2007)
Contiene características futuras de ASP.NET y Silverlight
Controles de servidor Silverlight para ASP.NET
Nueva funcionalidad para extensiones AJAX en ASP.NET
Controles de data dinámicos para un trabajo rápido en base de datos SQL Server
Mejoras para lenguajes dinámicos, incluido IronPython y JScript manejado

Microsoft Expression Blend 2 August Preview

Microsoft Expression Media Encoder Preview Update

Fuente: http://mspnor.wordpress.com/

Inicia un nuevo concurso de diseño digital!


 Con motivo de la celebración del lanzamiento de los nuevos productos Expression de Microsoft, te invitamos a participar en un concurso que premiará lo mejor del diseño en 3 Categorías:

  1. Diseño Web
  2. Diseño Interactivo
  3. Diseño Gráfico

Lo mejor de todo es que no hay restricción de herramienta de diseño para participar, puedes usar tu favorita aún cuando no sea de Microsoft.

Regístrate y obtén toda la información del concurso aquí! La fecha límite para enviar tus trabajos es el 15 de Septiembre!

Entre los premios podrás obtener el nuevo Microsoft Expression Studio, Visual Studio 2005, Windows Vista Ultimate, Monitores Widescreen de 24 pulgadas, cámaras fotográficas Lomo, tableros de dibujo Wacom y muchos premios más.

Además forma parte de la Edición Especial de la Revista Colectiva de Noviembre con los 10 mejores trabajos de cada categoría!

Copatrocinan:

Fuente: Blog de Ricardo Jimenez

VideoCast sobre Expression Blend


 Uso de GridSplitter en Microsoft Expression Blend
En este video tutorial aprenderemos como utilizar el GridSplitter en Microsoft Expression Blend …

Botones con efecto RollOver en Microsoft Expression Blend
Botones con efecto RollOver en Microsoft Expression Blend …

Motion Path en Microsoft Expression Blend
En este tutorial en video aprenderemos como crear un Motion Path en Microsoft Blend. …

Gradientes en Microsoft Expression Blend
En este video tutorial aprenderemos como crear y manejar gradientes en Microsoft Blend …

Video y controles con eventos en Microsoft Expression Blend
En este video tutorial aprenderemos como adicionar y controlar video en una aplicacion creada en Microsoft Expression Blend …

Conociendo el WorkSpace de Microsoft Expression Blend
En este video tutorial aprenderemos algunos truquitos simples para el manejo del WorkSpace de Microsoft Expression Blend …