Baixar para ler offline
![XXX.Medata.csUtilizar os Data Annotations para validar dados[Required][RegularExpression("[A-Z][A-Za-z0-9]*")][StringLength(32)]](https://image.slidesharecdn.com/aulas-110126221245-phpapp01/85/Silverlight-no-MIC-Summer-2011-62-320.jpg)
Carregado porFelipe Pimentel
Silverlight no MIC Summer 2011
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.
Mais conteúdo relacionado
![Desenvolvendo com Silverlight para WP7 Mango [Update]](https://cdn.slidesharecdn.com/ss_thumbnails/maratonawp7-111202135415-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Semelhante a Silverlight no MIC Summer 2011
![[CLPE] Novidades do .net Framework 4.0](https://cdn.slidesharecdn.com/ss_thumbnails/clnovidadesframework4-100422222852-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[CLPE] Visual Studio 2010](https://cdn.slidesharecdn.com/ss_thumbnails/palestravisualstudio2010-clpe-100420113203-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[CLPE] Novidades do Asp.net mvc 2](https://cdn.slidesharecdn.com/ss_thumbnails/novidadesdoasp-netmvc2-100420113101-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
![[CLPE] Novidades do Asp.net 4](https://cdn.slidesharecdn.com/ss_thumbnails/novidadesdoasp-net4-100420113033-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[CLPE] Design patterns com c#](https://cdn.slidesharecdn.com/ss_thumbnails/designpatterns-communitylaunch-100420113021-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
![[CLPE] Novidades do Entity Framework 4](https://cdn.slidesharecdn.com/ss_thumbnails/communitylaunchpe2010-entityframework4-100420113008-phpapp02-thumbnail.jpg?width=640&height=640&fit=bounds)
Silverlight no MIC Summer 2011
- 1.
- 2. Meus contatosEmail: felipe.pimentel@linnsolutions.comMsn: felipejfp@hotmail.comTwitter: http://twitter.com/FelipePimentellBlog: http://felipepimentel.net
- 3.
- 4.
- 5.
- 8. O que é?MicrosoftSilverlight 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
- 10. De um modomais técnico…Rich Internet Applications (RIA)
- 11. Vector graphics andanimation
- 12.
- 13. Video and audioplaybackO que faz?Silverlight enables the rapid delivery of a new class of high-quality, safer and more scalable experiences, developed and designed using familiar tools.
- 14. Microsoft .NET ApplicationPlatformDeliver applications across the UX ContinuumConsistent Tools & Application ModelDesignDevelopDeployBrowserClientUser Experience Continuum
- 15. Timeline do SilverlightEmnúmeros no BrasilLançamento do Silverlight em Set 2007Silverlight 2 - Out 2008 Silverlight 3 - Jul 2009Silverlight 4 - Mar 2010Em 3 anos!54,30% da internet no BRA possuidispositivos com o Silverlight 4 instalado!11,39% ainda no Silverlight 356,31% no Flash 10.1fonte: www.riastats.com, 14.09.2010
- 16. O que precisoter para começar a desenvolver com Silverlight 4?Visual Studio 2010 ouVisual Web Developer Express 2010Silverlight 4 Tools for Visual Studio 2010Expression Blend 4Silverlight 4 toolkitTodosestespassosestãoemhttp://www.silverlight.net/getstarted
- 17. SilverlightDesenvolvimento e colaboraçãoFonte:Rogério Cordeiro e Fernando Figuera
- 18. SilverlightDesenvolvimento e colaboraçãoFonte:Rogério Cordeiro e Fernando Figuera
- 19. SilverlightDesenvolvimento e colaboraçãoFonte:Rogério Cordeiro e Fernando Figuera
- 20.
- 21. SilverlightDesenvolvimento e colaboraçãoFonte:Rogério Cordeiro e Fernando Figuera
- 22. SilverlightDesenvolvimento e colaboraçãoFonte:Rogério Cordeiro e Fernando Figuera
- 23. SilverlightDesenvolvimento e colaboraçãodesignersdesigndevelopers add business logicFonte: Rogério Cordeiro e Fernando Figuera
- 24. SilverlightDesenvolvimento e colaboraçãodesignersdesigndevelopers add business logicFonte: Rogério Cordeiro e Fernando Figuera
- 25. A próxima grandeonda7Silverlight nativo no Windows Phone 7
- 26.
- 27.
- 28.
- 29.
- 30. Desenvolvimentopara o MarketPlaceWindowsPhoneHardwareElementos de HardwarePlataformaConsistenteFoconaQualidade
- 31. Criando nosso primeiroprojeto SilverlightOlá Mundo, Apenas!
- 32.
- 33.
- 34.
- 35. Abrindo o projetono Blend
- 36.
- 37.
- 38. XAML (ExtensiveApplicationMarkupLanguage)Linguagem demarcação para criação de interfaces introduzidas com o Windows Vista
- 39. XAMLSimilar to HTMLin conceptLanguage independentStrong support for data bindingDesigner 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.
- 42. C# vs XAMLC#Mais extensoMais complexo de ser entendidoNecessita de um desenvolvedorAmbosPrecisam ser compiladosCase sensitive
- 43.
- 44. Naming XAML ElementsUsesthe x:Name (or Name) syntaxHelps to access elements from codeGenerates 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 massaConhecendoos controles na práticaComposição no XAMLExemplo: Vídeo dentro de CheckBoxIntegração com VS2010
- 46.
- 47.
- 48. WCF RIA ServicesApplicationSilverlight ApplicationASP.NET ApplicationAuto GeneratedProxies ClassesDomainContext
- 49. Model ClassesPartial Classes& MethodsLINQ SupportViewsUser ControlsDataAccess LayerEntity Framework
- 50.
- 51.
- 52.
- 53.
- 54.
- 55.
- 56. OperationsDe um modomais macro...
- 57. Criando um projetocom WCF RIA Service
- 58. Criação de umdomínio do Serviço
- 59. DomainServiceEle 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étodosTraz todo o poder do WCF, mas elimina as dificuldadesElimina também a necessidade de criar um Service Host, pois já faz isso por defaultA 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 DomainService
- 61.
- 62. XXX.Medata.csUtilizar os DataAnnotations para validar dados[Required][RegularExpression("[A-Z][A-Za-z0-9]*")][StringLength(32)]
- 63.
- 64. Detalhes do itemescolhido
- 65. Atualizar valores nobanco
- 66. Utilizando validadores eresumos
- 67.
- 68. AttributesValidationCustomValidationDataTypeEnumDataTypeRangeRegularExpressionRequiredStringLengthOther ExcludeIncludeCompositionEnableClientAccessPOCO: Key,AssociationServiceEnableClientAccessQuery IsDefaultIsComposableRequestLimitOutputCacheInsertUpdateDeleteInvokeRequiresAuthenticationRequiresRole
- 69.
- 70.
- 71.
Notas do Editor
- #2 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.
- #33 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.
- #38 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.