[PT] [PDF]

Após uma apresentação para o RIAPT – Comunidade Portuguesa de Desenvolvimento de Rich Internet Applications, decidi que o conteúdo da mesma era ajustável a uma pequena série de tutoriais do género “101″ (nivel iniciado). Dessa forma, começo aqui a série com a introdução às ferramentas necessárias para o desenvolvimento em Silverlight.

Presentemente estamos na versão 3 da tecnologia Silverlight, com a versão 4 ainda em Beta mas já ao virar da esquina.

O processo de instalação das ferramentas segue uma ordem, que deverá de ser respeitada de forma a garantir que tudo ficará pronto a ser utilizado.

O editor de eleiçãoe para desenvolvimento de aplicações Windows Client, Web, Microsoft Office System, .NET Framework, SQL Server e Windows Mobile (agora com o Windows Phone7, teremos Silverlight também no Mobile). E agora com os programas “WebSite Spark” e “BizSpark” é gratuito durante 3 anos.

Após a instalação do Visual Studio, dever-se-á instalar o Service Pack1 (SP1).

  • Visual Web Developer 2008 (gratuito)

Existe a possibilidade de se desenvolver para Silverlight com ferramentas gratuitas, como o Visual Web Developer 2008, graças a pacotes como o “Web Platform Instaler” que incluem: 

  •  
    • Internet Information Services (IIS)
    • SQL Server Express
    • .NET Framework
    • Visual Web Developer
    •  Bem como uma série de soluções “chave na mão”:
      • DotNetNuke Community Edition
      • Umbraco CMS
      • Joomla!
      • mojoPortal
      • nopCommerce
      • Moodle
      • …

  

Este software é o editor gráfico de eleição para o código XAML. Uma ferramente poderosa tanto para developers como para designers. Dentro do pacote vem incluída a ferramenta “SketchFlow” para rápida prototipagem, mapas de navegação e fluidez da aplicação, layouts dos “screens” e exploração do User eXperience sempre em modo colaborativo com a equipa e o cliente.

Blend permite gerar um workflow quase perfeito entre Designers e Developers, sendo que a solução é partilhada por ambas partes sem que ocorram sobreposições.

Pacote de controlos e componentes para Silverlight desenvolvido pela própria equipa de produto do Silverlight. Este pacote vem adicionar novas funcionalidades tanto para designers como para developers. É interessante referir que o pacote inclui todo o código fonte em regime OpenSource, testes unitários bem como exemplos e documentação. Encontra-se no Codeplex. Alguns controlos:

AutoCompleteBox Calendar ChildWindow
DataGrid DataPager DatePicker
GridSplitter TabControl TreeView
DockPanel Expander WrapPanel
NumericUpDown Accordion Charting
DataForm TimePicker TimeUpDown
TreeMap Rating 11 Themes

 

Os célebres projectos “HardRock Cafe Memorabilia”, “Playboy Cover to Cover”, “Zermatt Switzerland Turism” foram elaborados com esta tecnologia que permite ter imagens de alta resolução ou grandes dimensões com uma fluidez incrivel na net. Como o nome refere, é possível se fazer multiplos zooms nas imagens, literalmente “entrando” dentro delas … Sem dúvida, uma das ferramentas obrigatórias.

O “middle-tier” de eleição para as comunicações entre Silverlight e qualquer modelo de persistência de dados, serviços e “Cloud”.

 Uff…todo este processo de instalação das ferramentas mencionadas deverá levar algum tempo a ser concluida.

Como referi, o Silverlight4 está quase ao virar da esquina mas para já podemos “brincar” com a versão Beta e as ferramentas necessárias são:

O Visual Studio 2010 Beta2 pode correr lado a lado com o Visual Studio 2008, tornando possível o desenvolvimento de soluções Silverlight3 com as ferramentas estáveis. É de notar que .NET RIA Services e WCF RIA Services não correm lado a lado logo, ou estuda .NET RIA Services em Silverlight3 ou WCF RIA Services em Silverlight4.

PRÓXIMO ARTIGO

No momento de se começar um projecto Silverlight surge-nos a primeira grande questão: “Que template do Visual Studio devo de escolher? E se quiser só usar Blend?”

No próximo artigo irei responder a estas questões. 

Alguma questão que queiram colocar, poderão fazê-lo no blog.

[EN] [PDF]

After a RIAPT – Portugues Community for Rich Internet Applications Development event, I decided that its content was adjustable to a small series of tutorials ”101″ (Level Iniciate). Thus, the series beginning here with the introduction to the tools needed to develop in Silverlight.

Currently we are in version 3 of the Silverlight technology, version 4 still in Beta but just around the corner.

The installation process of the tools follows a specific order, which must be respected to ensure that everything will be ready for use.

The editor of choice for developing Windows Client, Web, Microsoft Office System, .NET Framework, SQL Server and Windows Mobile (now with Windows Phone7, Silverlight will also get some legs). And with the”WebsiteSpark” and “BizSpark” programs all this software is free for a 3 years period.

After installing Visual Studio, it should be installed the Service Pack1 (SP1).

  • Visual Web Developer 2008 (free)

It is possible to develop for Silverlight with free tools such as Visual Web Developer 2008, thanks to packages like “Web Platform Instaler” which include: 

  •  
    • Internet Information Services (IIS)
    • SQL Server Express
    • .NET Framework
    • Visual Web Developer
    •  As well as a number of “out of the box” solutions:
      • DotNetNuke Community Edition
      • Umbraco CMS
      • Joomla!
      • mojoPortal
      • nopCommerce
      • Moodle
      • …

 

This software is the visual editor of choice for the XAML code. A powerfull tool for both designers and developers. Within the package comes included with the “SketchFlow” tool for quick prototyping, flow charts, screen layouts and User eXperience prototyping, always collaboratively with the team and the client.

Blend allows for a almost perfect workflow between designers and developers, and the solution is shared by both teams without the occurence of overlapping.

Controls and components package for Silverlight. This package adds new features for both designers and developers. Interestingly, the package includes full open source code, unit tests, samples and documentation. You can find it at Codeplex. A small controls list:

AutoCompleteBox Calendar ChildWindow
DataGrid DataPager DatePicker
GridSplitter TabControl TreeView
DockPanel Expander WrapPanel
NumericUpDown Accordion Charting
DataForm TimePicker TimeUpDown
TreeMap Rating 11 Themes

 

Famous projects like “HardRock Cafe Memorabilia”, “Playboy Cover to Cover”, “Zermatt Switzerland Turism” were developed with this technology providing high-resolution images with an incredible smooth experience over the web. As the name states, it is possible to have deeper zooms into the images, literally “entering” in them…without doubt, one of the tools required.

The “middle-tier”of choice for communications between Silverlight and any type of persistent data, services “or Cloud”.

 Uff…this whole installation process will take some time to be completed.

As I mentioned, Silverlight4 is just around the corner but for now we may tinker with the Beta version, and the tools required are:

Visual Studio 2010 Beta2 runs side by side with Visual Studio 2008, making possible the development of Silverlight3 solutions with the “stable” tools. However, .NET RIA Services and WCF RIA Services can not work side by side, so you either study .NET RIA Services with Silverlight3 or WCF RIA Services with Silverlight4.

UPCOMING

When the time comes to start a new Silverlight project, the first big question arises: “Which Visual Studio’s template should I choose? And what if I want to work only with Blend?”

In the next article I will provide some answers for these questions.

Any question or comment, please use the blog.