Get To Know Silverlight

945 views

Published on

Workshop given at FEUP as an Introduction to Silverlight. The Slides are in Portuguese given that the target audience was all from Portugal.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
945
On SlideShare
0
From Embeds
0
Number of Embeds
73
Actions
Shares
0
Downloads
11
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Get To Know Silverlight

  1. 1. GET TO KNOW SILVERLIGHT Marco Silva – marco.silva@devscope.net José António Silva – joseantonio.silva@devscope.net
  2. 2. Resumo Hands-On (90 mins) Teórica (45mins)
  3. 3. Texto
  4. 4. Imagens Texto
  5. 5. Estilos Imagens Texto
  6. 6. Conteúdos Dinâmicos Estilos Imagens Texto
  7. 7. Som Conteúdos Dinâmicos Estilos Imagens Texto
  8. 8. Vídeo Som Conteúdos Dinâmicos Estilos Imagens Texto
  9. 9. Interactividade Vídeo Som Conteúdos Dinâmicos Estilos Imagens Texto
  10. 10. Interactividade
  11. 11. O que é Interactividade?
  12. 12. interactividade s. f.: 1 Infor -“uma medida do potencial da habilidade de um média permitir que o utilizador exerça influência sobre o seu conteúdo ou a forma da comunicação utilizada.” 2 Social – “a relação entre duas ou mais pessoas que, em determinada situação, adaptam os seus comportamentos e acções uns aos outros” Fonte: Wikipedia
  13. 13. Essencialmente significa “Dois Sentidos”
  14. 14. RIA Rich Internet Applications
  15. 15. O que é isso do Silverlight?
  16. 16. Como funciona?
  17. 17. O que posso fazer com isso?
  18. 18. Porque é que EU o vou querer usar?
  19. 19. ASP.NET AJAX (DHTML) ASP.NET 2.0 (HTML) SL 1.0 SL 2.0 SL 3.0 WPF Platform Reach > Win32 Direct 3D Direct 3D v9 v10 Console ;-) UX Richness (Features) >
  20. 20. Framework Browser Host Data UI Framework Networking MS AJAX Library Extensible Controls LINQ XLINQ Integrated REST POX Networking DLR BCL HTML DOM Stack RSS JSON Integration .NET for Silverlight Ruby Python Generics Collections CLR Execution Engine Application Services XAML UI Core Inputs DRM Presentation Core Keyboard Mouse Ink Media Vector Text Installer Media Controls Animation Images VC1 WMA MP3 Editing Layout
  21. 21. XAP
  22. 22. Tudo com um Objectivo
  23. 23. Designers & Developers: Speak the same language Speak different languages Design Business Logic
  24. 24. Na Prática o que é que isto tudo significa?
  25. 25. Vamos ver…
  26. 26. Os componentes do Silverlight
  27. 27. O que EU posso usar para Construir as minhas Aplicações
  28. 28. Um conjunto de…
  29. 29. Primitivas
  30. 30. Controlos
  31. 31. Containers
  32. 32.
  33. 33. O que VOCÊS quiserem
  34. 34. UserControls
  35. 35. Quero ver isso…
  36. 36. Primitivas
  37. 37. Primitivas •Line
  38. 38. Primitivas •Line •Rectangle
  39. 39. Primitivas •Line •Rectangle •Ellipse
  40. 40. Primitivas •Line •Rectangle •Ellipse •Path •…
  41. 41. Containers
  42. 42. Containers •Stack Panel
  43. 43. Containers •Stack Panel •Canvas
  44. 44. Containers •Stack Panel •Canvas •Grid •…
  45. 45. Controls
  46. 46. Controls •Button
  47. 47. Controls •Button •CheckBox
  48. 48. Controls •Button •CheckBox •RadioButton
  49. 49. Controls •Button •CheckBox •RadioButton •TextBlock
  50. 50. Controls •Button •CheckBox •RadioButton •TextBlock •TextBox
  51. 51. Controls •Button •CheckBox •RadioButton •TextBlock •TextBox •Slider •…
  52. 52. UserControls <Style x:Key=quot;customButtonquot; TargetType=quot;Buttonquot;> •Style <Setter Property=quot;Foregroundquot; Value=quot;Bluequot;/> <Setter Property=quot;Backgroundquot; Value=quot;Redquot; /> <Setter Property=quot;FontSizequot; Value=quot;16quot;/> </Style> <Button Content=“Click me!quot; Style=quot;{StaticResource customButton}quot;/>
  53. 53. UserControls <ControlTemplate x:Key=quot;customButtonTemplatequot;> •Style <Grid> •Templates <Ellipse Fill=quot;Grayquot;/> <ContentPresenter VerticalAlignment=quot;Centerquot; HorizontalAlignment=quot;Centerquot;/> </Grid> </ControlTemplate> <Button Content=“Click me!quot; Template=quot;{StaticResource customButtonTemplate}quot;/>
  54. 54. UserControls <ControlTemplate x:Key=quot;customButtonTemplatequot;> •Style <Grid> <Ellipse Fill=quot;Grayquot;/> •Templates <ContentPresenter VerticalAlignment=quot;Centerquot; •Resources HorizontalAlignment=quot;Centerquot;/> </Grid> </ControlTemplate>
  55. 55. UserControls •Style •Templates •Resources •Importar •Reutilizar
  56. 56. E as Ferramentas?
  57. 57. Por onde Começar?
  58. 58. Setup
  59. 59. •Visual Studio 2008 SP1
  60. 60. •Visual Studio 2008 SP1 •Visual Web Developer Express SP1
  61. 61. •Visual Studio 2008 SP1 •Visual Web Developer Express SP1 •Silverlight Tools for VS
  62. 62. •Visual Studio 2008 SP1 •Visual Web Developer Express SP1 •Silverlight Tools for VS •Expression Blend SP1
  63. 63. •Visual Studio 2008 SP1 •Visual Web Developer Express SP1 •Silverlight Tools for VS •Expression Blend SP1 •DeepZoom Composer
  64. 64. •Visual Studio 2008 SP1 •Visual Web Developer Express SP1 •Silverlight Tools for VS •Expression Blend SP1 •DeepZoom Composer •Silverlight Toolkit http://www.codeplex.com/Silverlight
  65. 65. Onde Aprender?
  66. 66. http://live.visitmix.com/
  67. 67. http://silverlight.net/Learn/
  68. 68. http://weblogs.asp.net/scottgu/
  69. 69. http://silverlight.net/blogs/jesseliberty/
  70. 70. http://xamlpt.com/
  71. 71. Em Resumo
  72. 72. Not Anymore!
  73. 73. Para informação adicional: José António Silva Marco Silva canoas@devscope.net marco.silva@devscope.net http://canoas.com http://marconsilva.wordpress.com TEL / PHONE + 351 22 375 13 50 | FAX +351 22 375 13 52 www.devscope.net info@devscope.net

×