Silverlight.Begin()

Microsoft Firestarter videos

Posted by tiagofelix em setembro 30, 2009

Recentemente a Microsoft transmitiu ao vivo pela internet o evento Firestarter , foram várias apresentações inclusive sobre Silverlight. Os videos das palestras estão disponíveis para serem vistos on demand através do site http://www.msdnevents.com/firestarter/

Lista das apresentações sobre Silverlight:

Palestra                                                                                          Autor

Event Kick Off Mithun Dhar
Keynote Scott Guthrie
Key Silverlight Scenarios Tim Heuer
Expression 3 Overview
(Includes Behaviors)
Adam Kinney
Sketch Flow Janete Perez
Toolkit & Controls Justin Angel/
Shawn Oster

RIA Services Brad Abrams
Building Silverlight UIs with XAML Power toys Karl Shifflett
Q&A Panel All Speakers

Anúncios

Posted in Expression Blend, Silverlight, Skecth Flow | Etiquetado: , , , | Leave a Comment »

Silverlight 3 + Twitter = Tweetup

Posted by tiagofelix em agosto 26, 2009

Pessoal.

Após o lançamento do Silverlight 3, eu começei a desenvolver um client para o twitter em Silverlight, eu sei que já existem centenas de clients de twitter disponíveis, e que a idéia não é muito original, mais eu queria algo que eu não precisa-se me preocupar com serviços de BackEnd (Estou usando a biblioteca Dimebrain.TweetSharp que faz todo “trabalho sujo”). Estou procurando um lugar para hospedar a applicação, assim que conseguir atualizarei este post com o link.

Andamento

A aplicação ainda não esta concluída ( na verdade ainda esta longe disso ). Mais como é um projeto somente com objetivo de estudo então isto não me preocupa tanto.

MVVM – Model View ViewModel

Apesar de ser um projeto pequeno e em desenvolvimento, ele aplica o pattern MVVM recomendado para aplicações Silverlight ( para quem quiser saber mais sobre MVVM, jonas.follesoe e nikhil ).

IoC – Inversion Of Control com Unity

Também estou usando a biblioteca Microsoft.Practices.Composite.Presentation para configurar a injeção de dependência entre a View e o ViewModel. ( Estou usando o Unity Container que vem disponível dentro desta biblioteca ) .

Behaviors

O Tweetup utiliza o pacote de BehaviorsExpressions.Samples” para fazer a comunicação da View com o ViewModel  ( atravéz do Behavior CallDataMethod ).  Isso diminuiu drasticamente a quantidade de código que foi necessário ser escrito.

Expression Blend 3

Sou um grande fã do Blend 3, acho uma ótima ferramenta para criar aplicações em Silverlight. O Tweetup é 100% compatível com Blend 3 ( entenda melhor sobre compatibilidade com Blend 3 aqui ), isso é uma coisa um pouco complicada de se ter, é preciso conhecer um pouco das “limitações” do Blend 3 para não perder esta compatibilidade.

Download

Eu disponibilizei o source da aplicação no GitHub (não sabe o que é GitHub ou Git. clique aqui).

Issues List

A aplicação ainda esta em desenvolvimento, e portanto muitas alterações ainda serão feitas para melhorar o Design, para criar as novas features e corrigir possíveis Bugs.

Features

Abaixo segue lista de features disponíveis e as não disponíveis.

  • Login
  • Friend Timeline
  • Replies Timeline
  • Favorites Timeline
  • Reply
  • Update
  • Retweet
  • Followers
  • Following
  • User Detail
  • Direct Messages
  • Delete Update
  • Logout

Nós próximos posts voi mostrar em detalhes como o Tweetup esta sendo feito.

Posted in Expression Blend, Silverlight | Etiquetado: , , | Leave a Comment »

Silverlight 3 e Expression Blend 3 released!

Posted by tiagofelix em julho 10, 2009

Olá pessoal.

Super novidade.

Microsoft acaba de lançar a release do Silverlight 3, segue os links para download:

Expression Blend 3 with Sketchflow

Na versão release do Blend 3, voce podera ver entre outras novidades o Skectchflow, ferramenta muito comentada nas apresentações do MIX09.

Silverlight 3 Software Development Kit (SDK)

Todos os assemblys necessários para começar a desenvolver em Silverlight 3 e a documentação oficial =).
Silverlight 3 Tools for Visual Studio 2008 SP 1

Ferramentas para desenvolver Silverlight 3 no Visual Studio 2008

Agora com o lançamento oficial da versão 3, podem esperar com novos tutoriais, videos e muitos exemplos em Silverlight=)

abraço.

Posted in Expression Blend, Silverlight | Leave a Comment »

Behaviors no Silverlight 3 e Expression Blend 3 – Pt 2

Posted by tiagofelix em junho 15, 2009

No post anterior vimos uma visão geral sobre Behaviors no Silverlight, e como utiliza-los. Nesta segunda parte vamos ver como criar nossos proprios behaviors.
Continue lendo »

Posted in Expression Blend, Silverlight, Tutoriais | Etiquetado: , , | Leave a Comment »

Behaviors no Silverlight 3 e Expression Blend 3 – Pt 1

Posted by tiagofelix em junho 5, 2009

O Problema

A criação de rich internet applications geralmente é um processo manual e que consome muito tempo, com pouca oportunidade de simplificar as tarefas entre o time ( Designer / Desenvolvedor / Arquiteto da Informação ). Para que a aplicação fique com a aparência imaginada pelo Designer ele precisa conhecer um pouco a linguagem de programação,  e terá muito trabalho até que fique igual ao Mockup feito no Photoshop ou em qualquer outra ferramenta. Normalmente este trabalho é feito pelo desenvolvedor, e o resultado em geral não é como esperado. Este problema existe também para as idéias do Arquiteto da Informação e a UX da aplicação.

O Expression Blend 3 trouxe novidades para solucionar este problema, permitindo que o especialista em UX consiga aplicar todo o modelo de interações da aplicação de um jeito fácil e simples – sem a necessidade de saber linguagem de programação.

Uma destas novidades são os Behaviors.

O que são Behaviors?

Um Behavior é um comportamento de interatividade reutilizável que pode ser aplicado em diversos elementos da interface da aplicação  no Expression Blend.  Um Behavior não representa o comportamento de “um” controle, mais sim de quantos você quiser. Uma biblioteca de Behaviors pode ser criada para ser utilizada em diversos projetos.

Um Behavior pode ser simples, como iniciar e parar uma animação, ou complexo, como adicionar efeito gravitacional a um componente, porem o jeito que o Behavior é criado e aplicado continua o mesmo.

Por que utilizar Behaviors?

Behaviors permite que interatividade seja adicionada diretamente pelo Blend sem a necessidade de escrever nenhum código adicional. Isso permite uma separação lógica dentro do time que esta participando do projeto. Por exemplo, o designer e o desenvolvedor podem definir juntos quais o tipo de interações eles precisam para a animação. O desenvolvedor então irá colocar suas idéias encapsuladas dentro de um Behavior para que o designer possa aplicar aos objetos dentro da surface do Expression Blend de maneira simples e fácil via drag’n drop. O designer então pode então configurar e testar as interações que foram feitas pelo desenvolvedor mais idealizadas junto.

O mesmo Behavior pode ser utilizado em outras partes da aplicação, o que permite rapidamente incluir interatividade ao projeto.

Demo

Vamos ver um exemplo de utilização de Behaviors.

Abra o Expression Blend 3. Veja Figura 1.

pic1

Selecione o tipo “Silverlight 3 Application” coloque o nome do projeto como “BehaviorsDemo”  e pressione ok.Veja Figura 2.

pic2

Para conseguir utilizar Behaviors você precisa incluir uma referencia ao assembly “Microsoft.Expression.Interactivity.dll”. Também vamos incluir referencia ao assembly SLPreviewBehaviorsLibrary. O link para download destes arquivos estão disponíveis no fim deste post. Veja figura 3.

pic3

Após incluir estas referências, adicione um botão qualquer dentro da interface da aplicação, e em seguida selecione o menu “Asset Library” ( Ultimo botal da toolbar do EB3, lado esquerdo ). Dentro da tab Behaviors selecione “HyperlinkAction”. Veja figura 4.

pic4

Arraste este Behavior para cima do botão. Veja figura 5.

pic5

Selecione o Behavior e configure as propriedades deste Behavior, como ele é um Behavior de ação de Hiperlink você deve informar um endereço web. Veja figura 6

pic6

Pronto, agora rode sua aplicação e veja o resultado. Ao clicar no botão você deverá ser redirecionado para a página configurada no Behavior.

Este foi um exemplo simples, somente para ilustrar como funcionam os Behaviors, nó próximo post sobre o tema vamos ver como criar nossos próprios Behaviors.

Links para Download:

Silverlight 3 + Tools + Expression Blend 3: http://silverlight.net/getstarted/silverlight3/default.aspx

Microsoft.Expression.Interactivity

SLPreviewBehaviorsLibrary

Posted in Behaviors, Expression Blend, Silverlight, Tutoriais | 3 Comments »

Top 10 Sites para aprender Silverlight

Posted by tiagofelix em maio 25, 2009

Olá pessoal, vou deixar aqui o que eu considero ser as melhores fontes de informação para quem acompanha ou esta estudando Silverlight.

Jesse Liberty Blog – Autor da maior parte dos videos “How To” no site oficial do Silverlight. Otimo blog, com muitos tutoriais, exemplos e novidades.

Tim Heuer Blog – Responsável pela sessão “The Application Corner” no site oficial do Silverlight. Material sobre Silverlight 2 e Silverlight 3, otimo exemplos, muitas novidades. Site obrigatório.

Microsft Expression Community – Site que tem muita coisa para quem está aprendendo, coisas prontas para usar em seus projetos, forum de discussão, possui praticamente tudo sobre Silverlight ( De inspirações de Design até Bibliotecas de Behaviors para Silverlight 3). Recomendo para designers e para desenvolvedores também.

SilverZine – Este site é novo, porém tem ótimos exemplos e tutoriais de design utilizando Expression Blend.

Nikhil Kothari`s Weblog – Nikhil faz parte da equipe de desenvolvimento do Silverlight, ele é responsável pelo framework de efeitos Silverlight.FX. Posta grandes dicas de Silverlight, especialmente sobre Animação.

Silverlight Cream – Este site é uma espécie de um agregador de noticias sobre Silverlight, eles recebem diversos materiais, avaliam e postam um review sobre cada um. Tem muita coisa interessante também, vale a pena conferir.

Design with Silverlight – Mais um site que possui vários tutoriais, videos sobre Silverlight, atualizado constantemente.

Channel9 Silverlight – Conteúdo relacionado à Silverlight no Channel9. Otimos videos, recomendo a série de videos sobre o framework arquitetura para Silverlight Composite Application Guindance.

Uau nosso de cada dia – Site brasileiro, frequentemente atualizado com novidades, noticias e dicas para quem acompanha o Silverlight.

Estes são alguns dos sites que eu recomendo. Existem vários outros sites que poderiam ser citados, quem tiver algum interessante e quiser adicionar, sinta-se à vontade =).

Posted in Silverlight, Tutoriais | 1 Comment »

SplashScreen customizado utilizando Expression Blend

Posted by tiagofelix em abril 28, 2009

Olá pessoal.

Pra quem não conhece, splashscreen é o nome dado a imagem que é exibida durante o loading de uma aplicação, o splashscreen serve para fornecer um feedback ao usuário sobre o tempo de load da aplicação.

A idéia deste tutorial é melhorar a experiencia com o usuário durante este tempo que aplicação leva para ser carregada. O silverlight da suporte para nós trocarmos o splashscreen padrão ( aquele com as bolinhas azuis ) como vocês vão  ver a seguir.

Continue lendo »

Posted in Silverlight, Tutoriais | Etiquetado: , , | 2 Comments »

Silverlight ScreenCast Serie

Posted by tiagofelix em abril 28, 2009

Olá Pessoal!

Este é o primeiro post do meu blog, pretendo sempre que possivel atualizar com conteudo referente a Silverlight e .NET em geral. Estou estudando Silverlight, e a medida que descobrir coisas interessante vou atualizando aqui para voces.

Vou começar colocando os links de uma serie com 3 screencasts que eu fiz entre o fim de 2008 e começo de 2009, infelizmente ainda nao pude terminar a sequencia ( que deve te em torno de 5 videos ). O conteudo apresentado é simples, ideal para quem ainda nao teve contato com o Silverlight, até para poder como o Silverlight trabalha.
Continue lendo »

Posted in Screencast, Silverlight, Web Service | Leave a Comment »