Microsoft Silverlight enables development of the next generation of Microsoft .NET-based media experiences and rich interactive applications (RIAs) for the Web. Silverlight is delivered as a cross-platform and cross-browser plug-in that exposes a programming framework and features that are a subset of the .NET Framework and Windows Presentation Foundation (WPF).

Silverlight offers rapid creation and delivery of sophisticated internet applications through a Web browser. Forged from technology used in over 100,000 companies and understood by over 4 million developers worldwide, Silverlight has the full support of Microsoft’s tools, technologies, and thriving partner ecosystem.

Today, we present 50 interactive Silverlight applications as sample to give you an overview as to what you can achieve with Silverlight.

Advertising

YeeJie’s Silverlight Magazine
This website features a Silverlight carousel.

Mazda Car Configurator
Build your own Mazda using the new car configurator’s high resolution images, 360-degree exterior view and deep-zoom interior views to bring you closer to your choosen Mazda.

SEAT Exeo Launch eMagazine
SEAT has created an eMagazine to support the launch of new model Exeo. This is the first time that Silverlight technology has been used to deliver this type of solution for a major brand.

Rich Media

Ultra Mashup Studio
Create rich, interactive Silverlight applications by mixing together audios, images, text captions, and feedback forms and then splitting them into chapters and tracking markers. Ultra Mashup Studio transforms simple one-way videos into high-impact RIAs.

LuckyLight
This is a casual raffle application which could be used to pick a lucky number, using a random number generator from a specified range.

Extreme Chatroom
This is a chat application where the user can chat with other users, create chat rooms, update their avatar, all done via sockets.

Video Transcript Viewer
Experience a Silverlight video player with synchronized text transcript which features audio plot or transcript to jump video to that time point. Liquid layout with fonts globally resizable on-the-fly.

MSN Toolbar
The new MSN Toolbar lets you see highlights of popular MSN channels quickly, stay up-to-date without leaving the Web page you are on, get breaking news headlines and use handy search tools to find exactly what you need.

SpatialWiki
SpatialWiki is a geography portal that encourages users to create, edit and share map layers. Created entirely in Silverlight, SpatialWiki stores data from user contributions in the cloud using Microsoft’s SQL Server Data Services.

Inkable Search Tip
Write your search query in the Silverlight panel and then have your handwriting recognized and the query sent off to a search engine. If you have a stylus, this may be the most natural way to search the web.

Silverlight OS
This Silverlight application simulates execution of an operating system running on a user’s machine and gives an operating system look and feel over the web.

Online Classroom
This application is a tutor.com sample online classroom having a better, faster and interactive way to communicate with online tutors.

MSN ClipClub
MSN Video and Windows Live Messenger merge into a fascinating and new user experience: high-quality content and direct web-based communication. The multimedia Silverlight interface links the best of both worlds.

More »

Entradas relacionadas

• Ya viene Silverlight 3! (0)
• Windows4all: Sistema Operativo Virtual Online en Silverlight (0)
• SilverLight ¿Por donde Empiezo? (0)
• Silverlight 3, maravilla técnica que casi nadie utiliza (0)
• Silverlight 3 (0)

Ya sabemos lo que suele ocurrir cuando los programadores diseñamos interfaces de usuario . Para seguir profundizando en este curioso e inevitable fenómeno, Ian Voyce ha publicado hace unas semanas el divertido post The 7 signs your UI was created by a programmer, en el que recoge pistas que nos ayudarán a determinar si el interfaz de la aplicación que usamos a diario está creado por un diseñador experto en usabilidad, o ha sido el propio desarrollador el encargado de dichas tareas.

Bueno, en realidad se trata más bien de una lista con malos hábitos en el diseño de interfaces, y no necesariamente creados por programadores, pero ciertamente me he reconocido en alguno de los puntos y me han hecho gracia. Los cito y comento a continuación:

• Iconos de exclamación en cuadros de diálogo
  Efectivamente, cuando incluimos una exclamación en un cuadro de diálogo no pensamos en que es posible que el usuario vea el mensaje 50 veces al día, con lo que dejaría de ser ese mensaje asombroso y puntual que pensamos en un principio. Hoy en día, muchas aplicaciones utilizan un tono mucho más neutral y cercano para enviar mensajes al usuario.
• Mensajes con dobles negaciones en cuadros de diálogo, del tipo “¿Seguro de que no quieres perder tus cambios?” — Hmm… sí… digooo, no…  También son muy propias construcciones más complejas de la cuenta, paradójicas o inesperadas, como “Su mensaje no se ha enviado, ¿desea descartarlo?”, que ponen a prueba los reflejos de cualquier usuario.
• Orden de tabulación inexistente, o incorrecto, que fuerzan a que la navegación se realice exclusivamente a golpe de ratón. Y especialmente en aplicaciones de entrada masiva de información, el cambio de teclado a ratón y viceversa es terrible. Y para hacernos conscientes de ello, nada como dar vacaciones un rato al animalito y ver lo bien que manejamos determinadas aplicaciones.
• Groupboxes rodeándolo todo… porque hay sitios donde queda bonito, aunque no esté agrupando nada . Me confieso: durante años, he rodeado de groupboxes todo lo que se me ponía por delante, porque me parecía más agradable a la vista. Ahora lo estoy dejando
• Iconos creados en el IDE, je, este es otro de mis puntos fuertes: soy un fiera diseñando iconos desde el editor de Visual Studio. El problema es que, a pesar de lo orgulloso que estoy siempre de mis creaciones artísticas, no quedan bien e incluso introducen un cierto tufillo a cutre en las aplicaciones.
• Utilización de grids, debido a lo que llama Voyce “la enfermedad de considerar que Excel es lo máximo en diseño de interfaces de usuario”, que fomenta la creación de rejillas con controles de lo más potentes y variopintos en las filas de datos (calendarios, gráficos, etc.).
• Message Boxes no implementados, el equivalente en los interfaces de usuario a los TODO en el código fuente D. Buena analogía. Algo parecidos serían los mensajes del tipo “Este mensaje no debería aparecer nunca” que alguna vez he encontrado por ahí, auténticos actos de rebeldía contra sus respectivos creadores.
• Uso excesivo de cuadros de diálogo, incluso en situaciones en las que perfectamente podríamos obviarlos por no ofrecer información útil para el usuario, que no va a poder entender, o donde no se requieren decisiones por su parte.

  Esto es algo muy frecuente de ver. Por ejemplo, el otro día accediendo a una aplicación web para la que es necesario contar con certificado digital, me saltó la alerta que muestro a la derecha:

  Sí, probablemente los componentes Java necesarios para la autenticación y firma electrónica hayan sido detectados con éxito, pero… ¿realmente era necesario interrumpir mi navegación para informarme de ello? ¿Un usuario, sabrá interpretar el mensaje? Y en cualquier caso, ¿le aporta algo? No sé, no sé… me da que es un alert() creado por un desarrollador durante las pruebas y que al final se quedó ahí para la posteridad.

Hasta aquí las citadas en el post original, aunque siguiendo en la misma línea, puedo añadir algunas más de propia cosecha:

• Cuadros de diálogo con mensajes y botones inconsistentes. Mensajes del tipo “¿desea cancelar la operación?” en cuyo pie aparece un botón “Aceptar” y otro “Cancelar” siempre me dejan pensando un rato. Si pulso aceptar, ¿estoy aceptando la cancelación, o justo lo contrario?… Muchas veces, parece que sólo podemos confiar en el azar.
• Cuadros de mensaje con demasiados (o demasiados pocos) botones. No siempre atendemos a la Ley de Hick, que nos dice que “el tiempo que se tarda en tomar una decisión aumenta a medida que se incrementa el número de alternativas”, y eso nos lleva a crear cuadros de diálogo con muchos, demasiados, botones que el usuario debe estudiar.

  Y justo en el lado contrario, pero igualmente desconcertantes, son los cuadros de diálogo de introducción de datos sin ningún botón de aceptación, en los que su cierre (con la X de la esquina superior) implica el salvado de datos.

• Interfaz descuidado. Y no hablo de bonito o feo, términos bastante subjetivos, sino de descuidado: controles sin alinear, con tamaños no proporcionales al contenido pretendido, sensación de desorden, faltas de ortografía… Esto no es un problema de interfaces creados por desarrolladores, sino creados por gente que no pone el más mínimo cariño en lo que hace, independientemente de su puesto de trabajo.
• Interfaces monocromos, mi especialidad. Como inútil reconocido en temas de diseño, me considero absolutamente incapaz de crear algo medio aparente con más de un color (eso sí, empleando distintas tonalidades ). Nunca he entendido la compleja lógica que hay detrás del “eso no pega con aquello”, que algunos/as parecen dominar de serie.
• Controles con trastorno de personalidad. Un clásico es encontrar un grupo de checkboxes actuando como un grupo de radios. A ver, si sólo vamos a poder elegir una de las opciones, ¿por qué no usamos directamente el control específicamente ideado para ello? ¿Y un desplegable con las opciones “Activar” y “Desactivar”? ¿No sería más claro poner un checkbox?

Artículo original: The 7 signs your UI was created by a programmer

Publicado en: Variable not found.

Entradas relacionadas

• No hay entradas relacionadas.

Entradas relacionadas

• No hay entradas relacionadas.

Nuestro gran amigo Rodrigo Diaz Concha ademas de la noticia que compartió en su blog sobre El Lanzamiento de Silverlight 4. Tambien nos trae estas excelentes invitaciones. Esperamos no te las pierdas y nos encontremos ese dia todos en linea.

• Serie de dos Web Casts en donde podremos apreciar juntos las nuevas y poderosas características que están incluídas en Silverlight 4 Beta anunciado el día de hoy en el PDC09.  Aquí está la descripción de las sesiones:

Silverlight es una plataforma de desarrollo para construir Aplicaciones Enriquecidas para Internet, y ahora con las nuevas características incluídas en Silverlight 4 Beta parece ser que la imaginación es la única limitante para crear experiencias agradables para nuestros usuarios y clientes.  Ven y conoce qué hay de nuevo para ti y tu empresa con Silverlight 4 Beta.

La cita es en línea en esta dirección los días 23 y 24 de Noviembre 2009 de 18:00 a 19:00 horas (hora de la Ciudad de México)   los dos días.

• El día de mañana 19 de noviembre 2009, José Arturo Molina nos explicará qué es SketchFlow y cómo lo podemos utilizar para crear prototipos funcionales de nuestras aplicaciones de Silverlight y WPF. La hora es 18:30 – 19:30 horas (hora de MEX/GDL/MTY) y el sitio de registro aquí.

¡Alli estaremos!

Entradas relacionadas

• No hay entradas relacionadas.

Así es.  Nuestro querido amigo Rodrigo Diaz Concha, ha publicado en su blog esta excelente n noticia y que según sus propias palabras “empezará a circular a partir del día de hoy en el mundo de desarrollo del Software”. Les comparto su articulo el cual esta muy interesante:

Silverlight 4 Beta ha sido liberado hoy durante el PDC 2009 en Los Ángeles, California.  Silverlight es una plataforma de desarrollo para la construcción de Aplicaciones Enriquecidas para Internet, que ejecuten en el navegador o fuera de él.

Esta nueva versión tiene muchísimas poderosas características que están fuera de alcance de un solo artículo, así que solo resumiré las más notables:

• Estilos Implícitos
• Arrastrar y Colocar (desde afuera del plugin hacia el plugin y viceversa)
• Brocha HTML
• Commanding y MVVM
• Soporte para Impresión
• Soporte para Texto Enriquecido
• Acceso al Portapapeles (interno y externo)
• Soporte para clic secundario del mouse (mejor conocido como el botón derecho)
• Soporte para compartir ensamblados entre el .NET Framework 4 y Silverlight 4
• RIA Services se renombra a WCF RIA Services.  Incluirá algunas mejoras
• Mejoras en Astoria
• API para la ventana fuera del Navegador
• Popups para Notificaciones
• Hospedaje de HTML dentro de Silverlight 4
• Soporte para Web Cam y Micrófono
• Aplicaciones Fuera del Navegador corriendo en Confianza Total (Full Trust)

La anterior no es una lista completa de todas las nuevas características y funcionalidades de esta nueva versión sino únicamente aquellas que considero se destacan de entre todas .

Cabe mencionar que esta versión Beta *no* tiene licencia para construir aplicaciones que salgan a producción.  Asimismo, Visual Studio .NET 2010 Beta 2 es requerido.

Descarga aquí el SDK de Silverlight 4 Beta y los runtimes para Windows y Mac.

Para el artículo completo revisa el blog de Tim.

Si no conoces Silverlight ¿qué esperas?

El Blog de Rodrigo Diaz Concha

Entradas relacionadas

• Ya viene Silverlight 3! (0)
• Windows4all: Sistema Operativo Virtual Online en Silverlight (0)
• SilverLight ¿Por donde Empiezo? (0)
• Silverlight 3, maravilla técnica que casi nadie utiliza (0)
• Silverlight 3 (0)