Urmeaza Introducere in Silverlight 2<br />CE LANSAM NOU?<br />www.microsoft.ro/web<br /><ul><li> site dedicat web designer...
 noutati, tehnologie, oportunitati de business, evenimente;
Check it out!</li></ul>VREI SA FII MEREU LA CURENT CU TOT CE FACEM?<br /><ul><li>Aboneaza-te la newsletterele noastre la m...
 daca esti dezvoltator alege: MSDN Newsletter
 daca esti profesionist in infrastructura IT alege: TechNet Newsletter
 daca esti partener Microsoft alege: Partners Newsletter
Blog-uri, comunitati si multe alte resurse:</li></ul>http://www.microsoft.com/romania/web/resurse.html<br />
Va multumim!<br />Agenda Web Days <br />(5 martie)<br />10:00 – 11:00 Internet Explorer 8<br />11:00 – 12:00 Introducere î...
Introducere in Silverlight 2<br />Diana Tataran<br />Software Developer<br />Océ Software<br />
Cuprins<br />Introducere <br />Integrarea Silverlight 2 in aplicatii web<br />Structura unei aplicatii Silverlight<br />XA...
Photosynth<br />demo <br />
Introducere<br />Ce este Silverlight?<br />Functionalitatile de baza ale Silverlight 2<br />Suport multi-limbaj <br />Apel...
Introducere<br />Cerinţe preliminare pentru dezvoltarea de aplicatii cu Silverlight 2<br />Visual Studio sau Visual Web De...
Introducere<br />Instalarea plug-in-ului de Silverlight 2<br />Presupune o singura instalare<br />Plug-in-ul se auto-actua...
Introducere<br />Integrarea Silverlight 2 in form-urile web folosind controale ASP.NET pentru Silverlight<br /><ul><li>Rep...
ASP.NET prevede controale, pentru găzduirea Silverlight pe bază de aplicaţii şi pentru găzduirea de conţinut audio şi vide...
Introducere<br />Integrarea Silverlight 2 in form-urile web folosind JavaScript<br />&lt;div id=&quot;silverlightControlHo...
Introducere<br />Versionarea plug-in-urilor Silverlight<br />Pentru a rula o aplicatie Silverlight intr-o pagina web, util...
Introducere<br />Cerinte pentru partea de server<br />MIME<br />.xap (application/x-silverlight-2)<br />.xaml (application...
Introducere<br />XAML (Extensible Application Markup Language )<br />Este un limbaj declarativ derivat din XML, care ofert...
Introducere<br />Structura unei aplicatii Silverlight<br />MyApp.xap<br />code file<br />(.cs, .vb)<br />MyApp.dll<br />XA...
Introducere<br />Ciclul de viata al unei aplicatii Silverlight 2<br />1<br />2<br /><ul><li> Model cu stari
 Application class
 startup
 exit</li></li></ul><li>Crearea primei aplicatii Silverlight<br />demo <br />Obiective:<br /><ul><li>Integrarea Silverligh...
Structura unei aplicatii Silverlight
XAML</li></li></ul><li>Cuprins<br />Introducere <br />Integrarea Silverlight 2 in aplicatii web<br />Structura unei aplica...
Controale<br />Sistemul de layout<br />Pentru pozitionarea obiectelor intr-o aplicatie Silverlight controalele trebuie ada...
Controale<br />Galeria de controale<br />Silverlight prevede o biblioteca bogata de controale care accepta dezvoltarea de ...
Controale<br />
Controale<br />
Controale<br />
Upcoming SlideShare
Loading in...5
×

[Web Days] Introducere In Silverlight 2

1,162

Published on

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
1,162
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

[Web Days] Introducere In Silverlight 2

  1. 1. Urmeaza Introducere in Silverlight 2<br />CE LANSAM NOU?<br />www.microsoft.ro/web<br /><ul><li> site dedicat web designerilor si dezvoltatorilor pe Internet;
  2. 2. noutati, tehnologie, oportunitati de business, evenimente;
  3. 3. Check it out!</li></ul>VREI SA FII MEREU LA CURENT CU TOT CE FACEM?<br /><ul><li>Aboneaza-te la newsletterele noastre la microsoft.ro/abonare:
  4. 4. daca esti dezvoltator alege: MSDN Newsletter
  5. 5. daca esti profesionist in infrastructura IT alege: TechNet Newsletter
  6. 6. daca esti partener Microsoft alege: Partners Newsletter
  7. 7. Blog-uri, comunitati si multe alte resurse:</li></ul>http://www.microsoft.com/romania/web/resurse.html<br />
  8. 8. Va multumim!<br />Agenda Web Days <br />(5 martie)<br />10:00 – 11:00 Internet Explorer 8<br />11:00 – 12:00 Introducere în Silverlight 2<br />13:00 – 14:00 Manipularea datelor, conectivitate și performanță în Silverlight 2<br />14:00 – 15:00 Stări și șabloane de controale în practică<br />15:00 – 16:00 Dezvoltarea unei aplicații RIA cu Silverlight<br />16:00 – 17:00 Introducere în Silverlight Streaming<br />Acceseaza agenda evenimentului in detaliu pe<br />www.microsoft.ro/webdays<br />
  9. 9. Introducere in Silverlight 2<br />Diana Tataran<br />Software Developer<br />Océ Software<br />
  10. 10. Cuprins<br />Introducere <br />Integrarea Silverlight 2 in aplicatii web<br />Structura unei aplicatii Silverlight<br />XAML<br />Ciclul de viata al unei aplicatii Silverlight 2<br />Controale <br />Sistemul de layout<br />Personalizarea aspectului controalelor<br />Animatii si stari<br />Tipuri de animatii<br />Ce se intampla dupa terminarea animatiei<br />Rolul starilor vizuale<br />
  11. 11. Photosynth<br />demo <br />
  12. 12. Introducere<br />Ce este Silverlight?<br />Functionalitatile de baza ale Silverlight 2<br />Suport multi-limbaj <br />Apeluri asincrone Ruby si Python <br />Acces facil, manipulare si prelucrare eficienta de date prin intermediul lui Language Integrated Query (LINQ) <br />Stiluri, sabloane si controale <br />Capabilitati de networking prin intermediul lui Windows Communication Foundation (WCF) <br />Protejarea continutului cu Digital Rights Management (DRM) <br />Silverlight Streaming <br />Silverlight si Search Engine Optimization (SEO) <br />Deep Zoom - Interactivitate cu conţinut de rezoluţie mare<br />
  13. 13. Introducere<br />Cerinţe preliminare pentru dezvoltarea de aplicatii cu Silverlight 2<br />Visual Studio sau Visual Web Developer<br />.NET Framework 3.5 Service Pack 1<br />Silverlight Tools for Visual Studio 2008<br />Expression Blend<br />
  14. 14. Introducere<br />Instalarea plug-in-ului de Silverlight 2<br />Presupune o singura instalare<br />Plug-in-ul se auto-actualizeaza<br />Nu mai presupune repornirea browser-ului<br />Este complet customizabil <br />
  15. 15. Introducere<br />Integrarea Silverlight 2 in form-urile web folosind controale ASP.NET pentru Silverlight<br /><ul><li>Reprezinta abordarea implicita utilizata de Visual Studio la crearea unui nou proiect Silverlight (daca alegeti sa host-ati proiectul intr-un nou proiect web)
  16. 16. ASP.NET prevede controale, pentru găzduirea Silverlight pe bază de aplicaţii şi pentru găzduirea de conţinut audio şi video, utilizând Silverlight. </li></li></ul><li>Introducere<br />Integrarea Silverlight 2 in form-urile web folosind HTML<br />&lt;object id=&quot;SilverlightPlugin1&quot; width=&quot;300&quot; height=&quot;300&quot; data=&quot;data:application/x-silverlight-2,&quot; type=&quot;application/x-silverlight-2&quot; &gt; &lt;param name=&quot;source&quot; value=&quot;SilverlightApplication1.xap&quot;/&gt;<br /> &lt;!-- Display installation image. --&gt;<br /> &lt;a href=&quot;http://go.microsoft.com/fwlink/?LinkID=124807&quot; style=&quot;text-decoration: none;&quot;&gt;<br /> &lt;img src=&quot;http://go.microsoft.com/fwlink/?LinkId=108181&quot; alt=&quot;Get Microsoft Silverlight&quot; style=&quot;border-style: none&quot;/&gt;<br /> &lt;/a&gt; <br />&lt;/object&gt;<br />
  17. 17. Introducere<br />Integrarea Silverlight 2 in form-urile web folosind JavaScript<br />&lt;div id=&quot;silverlightControlHost&quot;&gt;<br /> &lt;script type=&quot;text/javascript&quot;&gt;<br /> Silverlight.createObject(<br /> &quot;ClientBin/SilverlightApplication1.xap&quot;, // source<br /> silverlightControlHost, // parent element<br /> “mySilverlightPlugin&quot;, // id for generated object element<br /> {<br /> width: &quot;100%&quot;, height: &quot;100%&quot;, background: &quot;white&quot;, <br /> version:&quot;2.0.31005.0&quot;<br /> },<br /> { onError: onSLError, onLoad: onSLLoad },<br /> &quot;param1=value1,param2=value2&quot;, <br /> &quot;context&quot; // context helper for onLoad handler.<br /> );<br /> &lt;/script&gt;<br />&lt;/div&gt;<br />
  18. 18. Introducere<br />Versionarea plug-in-urilor Silverlight<br />Pentru a rula o aplicatie Silverlight intr-o pagina web, utilizatorii trebuie sa aiba instalata versiunea corecta a plug-in-ului de Silverlight.<br />In functie de cum s-a facut instantarea, exista 2 modalitati de specificare a versiunii necesare: <br />Folosind object din HTML<br />Folosind functii JavaScript<br />
  19. 19. Introducere<br />Cerinte pentru partea de server<br />MIME<br />.xap (application/x-silverlight-2)<br />.xaml (application/xaml+xml)<br />
  20. 20. Introducere<br />XAML (Extensible Application Markup Language )<br />Este un limbaj declarativ derivat din XML, care oferta suport in ceea ce priveste fluxul de control<br />Simplifica crearea unui UI pentru modelul de programare .NET<br />Permite dezvoltarea aplicațiilor Web într-o manieră similă cu aplicațiile Windows<br />Separă partea de design (Blend), de cea de cod (VisualStudio)<br />&lt;StackPanel&gt;<br />&lt;Button&gt;<br /> &lt;Button.Background&gt;<br /> &lt;SolidColorBrush Color=&quot;Blue&quot;/&gt;<br /> &lt;/Button.Background&gt;<br /> &lt;Button.Foreground&gt;<br /> &lt;SolidColorBrush Color=&quot;Red&quot;/&gt;<br /> &lt;/Button.Foreground&gt;<br /> &lt;Button.Content&gt;<br /> This is a button<br /> &lt;/Button.Content&gt;<br />&lt;/Button&gt;<br />&lt;StackPanel&gt;<br />
  21. 21. Introducere<br />Structura unei aplicatii Silverlight<br />MyApp.xap<br />code file<br />(.cs, .vb)<br />MyApp.dll<br />XAML<br />Business.dll<br />&lt; media &gt;<br />as resource<br />Manifest.xml<br />&lt; media &gt;<br />as content<br />
  22. 22. Introducere<br />Ciclul de viata al unei aplicatii Silverlight 2<br />1<br />2<br /><ul><li> Model cu stari
  23. 23. Application class
  24. 24. startup
  25. 25. exit</li></li></ul><li>Crearea primei aplicatii Silverlight<br />demo <br />Obiective:<br /><ul><li>Integrarea Silverlight 2 in aplicatii web
  26. 26. Structura unei aplicatii Silverlight
  27. 27. XAML</li></li></ul><li>Cuprins<br />Introducere <br />Integrarea Silverlight 2 in aplicatii web<br />Structura unei aplicatii Silverlight<br />XAML<br />Ciclul de viata al unei aplicatii Silverlight 2<br />Controale <br />Sistemul de layout<br />Personalizarea aspectului controalelor<br />Animatii si stari<br />Tipuri de animatii<br />Ce se intampla dupa terminarea animatiei<br />Rolul starilor vizuale<br />
  28. 28. Controale<br />Sistemul de layout<br />Pentru pozitionarea obiectelor intr-o aplicatie Silverlight controalele trebuie adaugate intr-un obiect de tip container.<br />Controale container:<br />Canvas<br />Grid<br />Stackpanel<br />
  29. 29. Controale<br />Galeria de controale<br />Silverlight prevede o biblioteca bogata de controale care accepta dezvoltarea de UI:<br />unele din aceste controale au o reprezentare vizuala<br />altele funcţioneaza ca si containere pentru alte controale sau containere de conţinut (imagini si media)<br />Controalele sunt disponibile ca:<br />parte a runtime-ului de Silverlight<br />parte a bibliotecii Silverlight din Silverlight SDK<br />Nota: In cazul in care un control este disponibil numai ca parte a Silverlight SDK, acest lucru este precizat in descrierea controlului respectiv <br />
  30. 30. Controale<br />
  31. 31. Controale<br />
  32. 32. Controale<br />
  33. 33. Controale Silverlight<br />demo <br />Obiective:<br /><ul><li>Familiarizarea cu controalele Silverlight
  34. 34. Sistemul de layout</li></li></ul><li>Cuprins<br />Introducere <br />Integrarea Silverlight 2 in aplicatii web<br />Structura unei aplicatii Silverlight<br />XAML<br />Ciclul de viata al unei aplicatii Silverlight 2<br />Controale <br />Sistemul de layout<br />Personalizarea aspectului controalelor<br />Animatii si stari<br />Tipuri de animatii<br />Ce se intampla dupa terminarea animatiei<br />Rolul starilor vizuale<br />
  35. 35. Animatii si stari<br />Animatiile in contextul Silverlight pot fi sumarizate intr-o singura linie:<br />modificarea valorii unei proprietati a unui obiect in timp<br />Un Storyboard poate sa contina una sau mai multe animatii si sa le controleze pe baza unor metode de transport: Begin, Pause, Stop, Resume, Seek si SkipToFill.<br />Storyboard-urile au proprietăţi care pot modifica comportamentele acestora: • AutoReverse (determină dacă un storyboard ar trebui să redarea în sens invers, după finalizarea transmite repetare)• BeginTime (poate fi folosita pentru a întârzia playback-ul aplicatiei)• Duration (defineşte toată lungimea durata unui storyboard)• FillBehavior• RepeatBehavior<br />
  36. 36. Animatii si stari<br />Storyboard-urile raspund la un singur eveniment denumit Complete<br />Tratarea acestui eveniment permite luarea deciziei de a rula o anumita bucata de cod, de a reincepe animatia sau de a porni un nou storyboard<br />Animatiile de tip key-frame permit setarea valorilor de interpolare precum si controlul acestora intre valorile de inceput si sfarsit.<br />
  37. 37. Animatii si stari<br />demo <br />Obiective:<br /><ul><li>Crearea unei animatii simple
  38. 38. Animatii KeyFrame
  39. 39. Stari</li></li></ul><li>Link-uri utile<br /><ul><li>Microsoft.ro/web -site dedicat web designerilor si dezvoltatorilor pe Web
  40. 40. Partners Portal- portalul de Parteneri localizat in limba romana: https://partner.microsoft.com/romania/partner
  41. 41. Innovate On - portalul unde iti poti inregistra si pre-testa solutia dar si accesa numeroase resurse tehnice si de training: www.innovateon.com
  42. 42. Silverlight 2 Learning Resources</li></ul>http://silverlight.net/learn/<br /><ul><li> Silverlight Developer Center</li></ul>http://msdn.microsoft.com/en-us/silverlight/default.aspx<br /><ul><li> Silverlight 2 Whitepapers</li></ul>http://silverlight.net/learn/whitepapers.aspx<br /><ul><li> Blogul echipei Silverlight</li></ul>http://silverlight.net/blogs/MainFeed.aspx<br /><ul><li> XamlCentral</li></ul>http://xamlcentral.ro/Forms/Home.aspx<br />
  43. 43. Reperele parteneriatului cu Microsoft<br /><ul><li>Tehnologie (licente de uz intern, trial-uri, unelte)
  44. 44. Training gratuit
  45. 45. Marketing si vizibilitate</li></ul>…prin:<br /><ul><li>BizSpark – tehnologie Microsoft pentru incurajarea start-up-urilor software: http://www.bizspark.ro
  46. 46. Microsoft Action Pack Web Kit– pentru agentiile web si firmele dezvoltatoare pe internet: https://partner.microsoft.com/romania/40013779
  47. 47. Empower – licente, unelte de dezvoltare si suport tehnic pentru firmele software inca la inceput de drum: https://partner.microsoft.com/romania/program/managemembership/empowerprogram
  48. 48. Microsoft Partner Program– o gama larga de licente, resurse de marketing si training dedicat firmelor de software: https://partner.microsoft.com/romania/program/programoverview/goldcertpartner</li></li></ul><li>Va multumim!<br />Agenda Web Days <br />(5 martie)<br />10:00 – 11:00 Internet Explorer 8<br />11:00 – 12:00 Introducere în Silverlight 2<br />13:00 – 14:00 Manipularea datelor, conectivitate și performanță în Silverlight 2<br />14:00 – 15:00 Stări și șabloane de controale în practică<br />15:00 – 16:00 Dezvoltarea unei aplicații RIA cu Silverlight<br />16:00 – 17:00 Introducere în Silverlight Streaming<br />Acceseaza agenda evenimentului in detaliu pe<br />www.microsoft.ro/webdays<br />
  49. 49. Multumesc<br />

×