Silverlight no MIC Summer 2011
•Als PPTX, PDF herunterladen•
0 gefällt mir•896 views
O documento fornece uma introdução ao Silverlight, incluindo: 1) O que é Silverlight e como ele permite a criação de aplicações ricas para a web; 2) Os recursos e funcionalidades que o Silverlight oferece, como gráficos vetoriais e animação; 3) Informações sobre como começar a desenvolver aplicações com Silverlight.
Empfohlen
Empfohlen
Weitere ähnliche Inhalte
Was ist angesagt?
Was ist angesagt? (20)
Andere mochten auch
Ähnlich wie Silverlight no MIC Summer 2011
Ähnlich wie Silverlight no MIC Summer 2011 (20)
Mehr von Felipe Pimentel
Mehr von Felipe Pimentel (10)
Silverlight no MIC Summer 2011
- 1. Silverlight
- 2. Meus contatos Email: felipe.pimentel@linnsolutions.com Msn: felipejfp@hotmail.com Twitter: http://twitter.com/FelipePimentell Blog: http://felipepimentel.net
- 4. Material de estudo http://channel9.msdn.com/shows/SilverlightTV/ http://www.silverlight.net/ http://www.microsoft.com/brasil/windows/silverlight/default.mspx
- 8. O que é? Microsoft Silverlight is a free, cross-browser, cross-platform plug-in that enables rich internet applications and rich media experiences on the Web and Desktop.
- 9. O que é RIA? São aplicações web que tem a maioria das características de uma aplicação desktop, mas que é entregue via browser, plug-in
- 11. Vector graphics and animation
- 14. Microsoft .NET Application PlatformDeliver applications across the UX Continuum Consistent Tools & Application Model Design Develop Deploy Browser Client User Experience Continuum
- 15. Timeline do SilverlightEm números no Brasil Lançamento do Silverlight em Set 2007 Silverlight 2 - Out 2008 Silverlight 3 - Jul 2009 Silverlight 4 - Mar 2010 Em 3 anos! 54,30% da internet no BRA possuidispositivos com o Silverlight 4 instalado! 11,39% ainda no Silverlight 3 56,31% no Flash 10.1 fonte: www.riastats.com, 14.09.2010
- 16. O que preciso ter para começar a desenvolver com Silverlight 4? Visual Studio 2010 ouVisual Web Developer Express 2010 Silverlight 4 Tools for Visual Studio 2010 Expression Blend 4 Silverlight 4 toolkit Todosestespassosestãoem http://www.silverlight.net/getstarted
- 17. SilverlightDesenvolvimento e colaboração Fonte: Rogério Cordeiro e Fernando Figuera
- 18. SilverlightDesenvolvimento e colaboração Fonte: Rogério Cordeiro e Fernando Figuera
- 19. SilverlightDesenvolvimento e colaboração Fonte: Rogério Cordeiro e Fernando Figuera
- 21. SilverlightDesenvolvimento e colaboração Fonte: Rogério Cordeiro e Fernando Figuera
- 22. SilverlightDesenvolvimento e colaboração Fonte: Rogério Cordeiro e Fernando Figuera
- 23. SilverlightDesenvolvimento e colaboração designers design developers add business logic Fonte: Rogério Cordeiro e Fernando Figuera
- 24. SilverlightDesenvolvimento e colaboração designers design developers add business logic Fonte: Rogério Cordeiro e Fernando Figuera
- 28. HTML/JavaScript
- 29. 500.000 developers Windows e Web
- 30. Desenvolvimentopara o MarketPlaceWindows PhoneHardware Elementos de Hardware PlataformaConsistente Focona Qualidade
- 31. Criando nosso primeiro projeto Silverlight Olá Mundo, Apenas!
- 32. Templates
- 35. Abrindo o projeto no Blend
- 36. Conhecendo o Blend Templates StoryBoard
- 37. XAML
- 38. XAML (ExtensiveApplicationMarkupLanguage) Linguagem de marcação para criação de interfaces introduzidas com o Windows Vista
- 39. XAML Similar to HTML in concept Language independent Strong support for data binding Designer tool friendly <Canvas Width="300" Height="300" xmlns="http://schemas.microsoft.com/client/2007" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"> <Ellipse Canvas.Left="20" Canvas.Top="20" Height="200" Width="200" Stroke="Black" StrokeThickness="10" Fill="Yellow" /> <Ellipse Canvas.Left="80" Canvas.Top="80" Height="35" Width="25" Stroke="Black" Fill="Black" /> <Ellipse Canvas.Left="140" Canvas.Top="80" Height="35" Width="25" Stroke="Black" Fill="Black" /> <Path Data="M 70, 150 A 60, 60 0 0 0 170, 150" Stroke="Black" StrokeThickness="15" StrokeStartLineCap="Round" StrokeEndLineCap="Round" /> </Canvas>
- 41. CodeBehind
- 42. C# vs XAML C# Mais extenso Mais complexo de ser entendido Necessita de um desenvolvedor Ambos Precisam ser compilados Case sensitive
- 43. Criando elementos no XAML
- 44. Naming XAML Elements Uses the x:Name (or Name) syntax Helps to access elements from code Generates code in InitializeComponent() method <Rectangle Canvas.Left="50" Canvas.Top="50" Fill="Yellow" Width="300" Height="200" Stroke="Black" StrokeThickness="10" x:Name="YellowRect" />
- 45. Mão na massa Conhecendo os controles na prática Composição no XAML Exemplo: Vídeo dentro de CheckBox Integração com VS2010
- 46. WCF RIA SERVICE
- 47. WCF RIA Services
- 50. Linq2Sql
- 51. ADO.NET
- 53. Insert…
- 54. Update…
- 57. Criando um projeto com WCF RIA Service
- 58. Criação de um domínio do Serviço
- 59. DomainService Ele nada mais é do que um serviço WCF encapsulado, eliminando o contrato (que era exposto no WCF por meio de uma interface, e agora é gerado pelo DomainService, ficando invisível para o desenvolvedor) Gera métodos CRUD básicos a partir das entidades, mas permite a customização completa destes métodos Traz todo o poder do WCF, mas elimina as dificuldades Elimina também a necessidade de criar um Service Host, pois já faz isso por default A transmissão de mensagens do cliente para o servidor é feita por BinaryEncoding, o que aumenta a segurança e melhora a performance
- 60. CRUD no Domain Service
- 61. XXX.Medata.cs
- 62. XXX.Medata.cs Utilizar os Data Annotations para validar dados [Required] [RegularExpression("[A-Z][A-Za-z0-9]*")] [StringLength(32)]
- 64. Detalhes do item escolhido
- 65. Atualizar valores no banco
- 66. Utilizando validadores e resumos
- 67. Validator
- 68. Attributes Validation CustomValidation DataType EnumDataType Range RegularExpression Required StringLength Other Exclude Include Composition EnableClientAccess POCO: Key, Association Service EnableClientAccess Query IsDefault IsComposable RequestLimit OutputCache Insert Update Delete Invoke RequiresAuthentication RequiresRole
- 69. Negator
- 74. Executando Querys O que é feito no Domain Service é replicado em um arquivo de saída do lado do cliente
- 76. Out of Browser
- 77. Criando uma aplicação fora do browser Rodando a aplicação fora do browser Arquivo de configuração OutOfBrowserSettings.xml
- 78. Controlando a experiência App possui a propriedade InstallState Installed InstallFailed Installing NotInstalled
- 79. Está rodando fora do browser IsRunningOutOfBrowser
- 80. Instalar aplicação no cliente Método: Install();
- 81. Permissão elevada para que? Com com integração windows nativa Chamar webservice sem restrições ou necessidade de arquivo de accesspolicy Clipboard, WebCam e Microfone sem perguntar Lendo e escrevendo em pastas do usuário FullScreenmode, sem restrições de teclado e sem pressionar esc para sair
- 82. Acessando Folders Especiais var music = Directory.EnumerateFiles( Environment.GetFolderPath(Environment.SpecialFolder.MyMusic));
- 83. Rodando em fullscreen if (Application.Current.HasElevatedPermissions) { Application.Current.Host.Content.IsFullScreen= true; }
- 84. Utilizando IsolatedStorage Sessão Cross Browser Assim como Cookie, suporte até 4KB Não é removido quando limpa histórico do browser
- 85. Trabalhando com IsolatedStorage IsolatedStorageFileisoFile= IsolatedStorageFile.GetUserStoreForApplication();
Hinweis der Redaktion
- RIA (pronounced Ree-a or R.I.A.) stands for Rich Internet Applications. RIA is more of a classification of applications and the definition of what constitutes a Rich Internet Application varies but typically includes an advanced graphics rendering engine for displaying high quality vector graphics and text, some sort of client side storage over and above standard browser cookies, and the ability to serve up high quality audio and video. Silverlight is Microsoft’s implementation of a RIA framework, some other well known entries in this space are Flash/Flex and JavaFX. The code name for Silverlight in development was WPF/e which stood for Windows Presentation Foundation everywhere and Silverlight is considered a subset of the capabilities available in WPF. Silverlight runs client side in the browser but lets you develop your application using your favorite .NET language like C# or VB.NET as well as dynamic languages like IronPython. You can develop Silverlight applications using Visual Studio or Visual Web Developer Express. Visual Web Developer Express is the free version of Visual Studio for building web applications. Another useful tool for Silverlight and WPF development is Microsoft Expression Blend. Expression Blend is targeted at graphics designers and provides them with the type of visual interface that they are used to. Visual Studio and Expression Blend can be used in conjunction easily since they use the same solution and project files allowing for tighter collaboration between developers and designers.For links to downloads of all of the prerequisites for doing Silverlight development you can visit the Get Started page at silverlight.net.
- In previous client side technologies like Windows Forms, you would lay out your visuals in the designer and then Visual Studio would generate the code to create these controls and position them properly. You were then told to leave those files alone. This model causes issues every time you want to add support for a new language or create other tools that can work against the same files. To get around these problems and more, Silverlight and WPF have borrowed from the Web style of development and have implemented XAML. XAML stands for eXtensible Application Markup Language and is XML based. One major benefit of XAML is that it lends itself very well to tools and Expression Blend as well as third party tools like Kaxaml by Robby Ingebretsen can work against the same files. You can also edit them by hand in a text editor, something you probably wouldn’t want to do with Windows Forms generated code.We have a sample of some XAML here, there is a Canvas panel with some Ellipses and a Path element and this will render the following visual:(Click to show resulting image)XAML also lends itself well to data binding by providing a simple syntax for describing what data is to be bound. Data binding is an essential concept to Silverlight and WPF and if you take nothing else away from this session I recommend that you get to know and understand how it works.One important key to maintainability of code is to write less code. Less code written means less code to maintain. XAML and data binding when used properly can tremendously reduce the amount of code you need to write and enforce the separation of responsibility between the different layers of your application.
- If we have all of these visual elements declared in XAML, how can we access them from code to set properties and do other interaction? This is done through the x:Name attribute. For any element that has an x:Name attribute, a field is added to the class and code is added to the InitializeComponent method to associate the element with this field. This InitializeComponent method is called from the control’s constructor.So we still have a little generated code but it’s much less and it doesn’t prevent the XAML from being edited in Blend or by hand. If you rename or add a name to an element, the generated code will be updated at compile time.Another use for named elements is when using Storyboard animations. Storyboard animations allow you to modify a property value or values over a given period of time. Storyboards require elements to be named so that you can specify which element to perform the Storyboard on.