Đề án tìm hiểu Silverlight 4

Chia sẻ: Bùi Ngọc Thành | Ngày: | Loại File: PDF | Số trang:110

Thêm vào BST

Báo xấu

120
lượt xem 51
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

Ngày này khi phát triển các ứng dụng trên web các doanh nghiệp phần mềm thường đau đầu với những khó khăn về sự hỗ trợ trên trình duyệt và hệ điều hành.Điều họ muốn là với những ngôn ngữ và công cụ phát triển đã vốn quen thuộc từ trước đến giờ đều có thể làm cho họ những ứng dụng chạy tốt nhất trên mọi nền tảng, mọi trình duyệt.

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: Đề án tìm hiểu Silverlight 4

Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 ÁN TÌM HI U SILVERLIGHT 4 CH NG 1: T NG QUAN V SILVERLIGHT 1. Vì sao l i có Silverlight? a. S khó kh n c a các doanh nghi p khi xây d ng chi n l c Web Ngày nay khi phát tri n các ng d ng trên web các doanh nghi p ph n m m th ng au u v i nh ng khó kh n v s h tr trên trình duy t và h i u hành. i u h mu n là v i nh ng ngôn ng và công c phát tri n ã v n quen thu c t tr c n gi u có th làm cho h nh ng ng d ng ch y t t trên m i n n t ng, m i trình duy t. Silverlight ra i nh m t công ngh phù h p cho phép h làm c nh ng vi c nh th . N u b n ã quen thu c v i công ngh .Net Framework thì khi ti p c n v i Silverlight b n s tích ki n c r t nhi u th i gian và chi phí cho công ngh web m i b. Nhu c u c n thi t c a th gi i a ph ng ti n Các công ngh plug-in trên web tr c ây không cho phép b n truy n t i nh ng d li u hình nh ch t l ng cao nh 720p HDTV, Trong khi ch t l ng ng truy n m ng ngày nay ang ngày càng t t h n và nhu c u c xem nh ng video ch t l ng cao c ng t ng lên thì s ra i c a Silverlight ã em n cho ng i am mê th gi i a ph ng ti n m t s th a mãn th t s . M t s công ngh khác s d ng plug-in m r ng gi i h n c a trình duy t, nh Java, ActiveX, Shockwave, và Adobe Flash nh ng ch a th c hoàn toàn ³th ng tr ´ n n t ng phát tri n web. Hi n t i, flash chi m u th h n so v i silverlight v i tính ph bi n và s tr ng thành c a mình, nh ng silverlight có nh ng i u mà flash không có nh : y Phiên b n rút g n CRL c a .NET, và cho phép nhà phát tri n vi t mã client-side s d ng C#. Trang 1
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 y Silverlight nh m t i vi c k t h p h tr a n n t ng v i b th vi n phong phú .NET Framework. 2. Silverlight là gì? Silverlight là m t d ng plug-in d a trên công ngh c a Microsoft .Net, nó cl pv i a n n t ng và a trình duy t, nó cho phép phát tri n các ng d ng a ph ng ti n c bi t là các ng d ng trên web. Silverlight cung c p m t mô hình l p trình l p trình m m d o và ng nh t, nó h tr Ajax, Python, Ruby và các ngôn ng l p trình .Net nh Visual basic,C#. Kh n ng a ph ng ti n c a silverlight th hi n mc truy n t i âm thanh và hình nh ch t l ng cao m t cách nhanh chóng và hi u qu trên t t c các trình duy t chính nh Internet Explorer, Firefox, Safari. Silverlight là m t khung ng d ng (application framework) vi t và ch y các ng d ng Internet phong phú v i s nh n m nh v a ph ng ti n, hình ng, và h a, v i các tính n ng và m c ích t ng t nh c a Adobe Flash. Môi tr ng th i gian ch y (h th ng th c thi) cho Silverlight có s n nh là m t plug-in cho h u h t các trình duy t web. Trong khi nh ng phiên b n u c a Silverlight t p trung vào dòng ph ng ti n truy n thông (streaming media), các phiên b n hi n t i h tr a ph ng ti n, h a và ho t hình (animation), và cung c p cho các nhà phát tri n h tr cho ngôn ng CLI và công c phát tri n. Phiên b n hi n t i 4 c phát hành vào tháng 4 n m 2010.Nó t ng thích v i nhi u trình duy t web c s d ng trên h i u hành Microsoft Windows và Mac OS X.Các thi t b di ng, b t u v i i n tho i Windows Phone 7 và Symbian (seri 60), có kh n ng c h tr trong n m 2010. M t ph n m m mi n phí thêm vào có tên là Moonlight, phát tri n b i Novell trong s h p tác v i Microsoft, có s n mang l i Silverlight ch c n ng t ng thích v i Linux, FreeBSD và n n t ng mã ngu n m khác. Trang 2
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 y Cung c p m t h th ng ch hat ng t nh Windows Presentation Foundation. y Tích h p a ph ng ti n, h a, hình ng và t ng tác trong m t môi tr ng runtime duy nh t. y Giao di n ng i dùng c khai báo trong Extensible Application Markup Language (XAML) và c l p trình b ng .NET Framework. V i vi c s d ng Expression Studio và Visual Studio, các nhà thi t k và phát tri n có th h p tác m t cách hi u qu h n b ng cách s d ng chính k n ng c a h có hi n nay làm phát tri n các s n ph m web t ng lai ³Light up the web´. 3. L ch s phát tri n y Silverlight 1 (20/11/2007) là m t công ngh khá khiêm t n: y H tr h a 2D và media. Nh ng không có CLR c ng nh h tr .NET, nên bu c ph i vi t b ng javascript. y Silverlight 2 (14/10/2008) có nh ng thay i áng k : Trang 3
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 Tích h p thêm CLR và các l p .NET Framework, và mô hình h ad a y trên WPF, DLR, Deep Zoom« y Silverlight 3 (09/07/2009) gi mô hình phát tri n nh silverlight 2: y Tích h p m t s nhóm ch c n ng c l a ch n c n th n và c i ti n hi u xu t. i m n i b t : animation, navigation, 3D, bitmap catching, better data validation,behavior « y Silverlight 4 (15/04/2010) hoàn thi n m t s tính n ng c và tích h p m t s tính n ng m i nh Webcam,h tr in n, kéo th « 4. Silverlight và Flash Features/Benefits Flash Silverlight 2D animaton/graphic with audio and video Yes Yes Industry standard video codec No Yes Hardware-assisted editing and encoding solution No yes XML-based prensentation layer for SEO No Yes Choice of standards-based and hight performace Yes Yes Client-site playing for ad-insertion Yes Yes High-performance multi-code enabled client Yes yes Scalable full screen video up to HD No yes 3 D support No No Tool complex operation No Yes Trang 4
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 Client-size 1,2 1,2 MB MB 5. Các c tính c a Silverlight Silverlight k t h p nhi u công ngh vào m t n n t ng phát tri n, nó cho phép b n c l a ch n nhi u công c và ngôn ng l p trình thích h p gi i quy t bài toán c a b n. Silverlight cung c p các tính n ng sau: a. S k t h p c a WPF và XAML. Silverlight là m t gói nh c a công ngh Windows Presentation Foundation (WPF). Nó c m r ng nhi u h n các Element trong trình duy t t o giao di n ng i dùng. PWF cho phép b n t o ra h a 3 chi u, hình nh ng, a ph ng ti n và nhi u tính n ng phong phú khác trên máy khách. XAML (Extensible Application Markup Language) cung c p các cú pháp ánh d u c tr ng cho vi c t o các Element. b. M r ng cho ngôn ng k ch b n Silverlight cung c p vi c m r ng cho các ngôn ng k ch b n (Javascript) m t s các trình duy t ph bi n th hi n vi c trình bày giao di n và thao tác ng i dùng m t cách phong phú h n. c. S tích h p v i các ng d ng ã có Silverlight tích h p li n m ch v i ngôn ng javascript và mã Ajax c a ASP.Net b sung các ch c n ng b n ã xây d ng c. B n có th t o nh ng tài nguyên trên n n máy ch có trong ASP.NET và s d ng các kh n ng c a Ajax trong ASP.NET t ng tác v i tài nguyên trên n n máy ch ó mà không làm gián o n ng i dùng. d. S d ng mô hình ngôn ng l p trình trên n n t ng .Net Framework và các công c k th p B n có th t o các ng d ng trên n n t ng Silverlight và s d ng các ngôn ng ng nh InronPython c ng nh là các ngôn ng C# và Visual Basic. B n c ng có th s d ng các công c phát tri n nh Visual Studio t o ng d ng trên n n t ng Silverlight Trang 5
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 e. H tr m ng Silverlight bao g m các h tr cho HTTP qua TCP. B n có th k t n i t i các d ch v c a WCF, SOAP, ho c ASP.NET AJAX và nh n v các nh d ng theo c u trúc XML, JSON hay d li u RSS. f. H tr ngôn ng tích h p truy v n (LINQ) i u này cho phép b n truy c p d li u b ng cách s d ng cú pháp tr c quan t nhiên và m nh m , c gõ b i các it ng có trong các ngôn ng .Net Framework. 6. Ki n trúc t ng th và các mô hình l p trình c a Silverlight a. Ki n trúc và các thành ph n V c b n Silverlight là m t n n t ng th ng nh t c a nhi u thành ph n khác nhau. Tuy nhiên chúng tôi nhóm l i các thành ph n chính c a silverlight vào b ng d i ây. Thành ph n Di n t N n t ng trình bày c Các thành ph n và d ch v h ng t i giao di n ng i dùng và s t ng tác ng i dùng, bao g m các control cho d li u cho ng i dùng nh p, thi t b a ph ng ti n, qu n lý phân quy n s , trình bày d li u, h a vector, ch , hình nh ng. c ng bao g m XAML c t vi c b trí giao di n .Net Framework cho Là m t gói nh trong .Net Framework, bao g m các thành ph n silverlight và cá th vi n, k c t ng vi c t ng tác d li u, kh n ng m r ng các control, m ng, garbage collection, và CLR Cài t và c p nh t Là thành ph n s lý các ti n trình cài t làm sao n gi n hóa cho l n cài t u tiên, ti p sau ó ch cung c p c ch t ng c p nh t và t ng tác m c th p. D i ây là hình nh mô t nh ng thành ph n trong ki n trúc c a Silverlight cùng v i các thành ph n và d ch v liên quan khác. Trang 6
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 b. Core Presentation Components: Tính n ng Mô t X lý d li u u vào t các thi t b ph n c ng nh bàn phím, D li u vào (input) chu t, b ng v ho c các thi t b u vào khác Trình bày giao Trình bày vector và các ho nh bitmap, nh ng, và v n b n di n ng i dùng (UI Rendering) Thi t b nghe nhìn Các tính n ng phát và qu n lý m t vài th lo i file âm thanh và (Media) hình nh nh .WMP và .MP3 H tr m r ng cho các control có kh n ng tùy ch nh v ki u Controls dáng và khuôn m u Trang 7
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 Cho phép kh n ng x p t v trí ng các thành ph n giao di n Xp t Layout ng i dùng Trình bày d li u Cho phép vi c k t n i d li u c a các it ng và các thành ph n giao di n ng i dùng (Data Binding) DRM Kh n ng Qu n lý phân quy n s XAML Cung c p trình phân tách cho XAML Các l p trình viên có th t ng tác v i thành ph n n n t ng trình bày c s trên ây b ng cách s d ng XAML c t . XAML là m t y u t quan tr ng nh t trong vi c t ng tác gi a .Net Framwork và các ki u trình bày Layout, ngoài ra các l p trình viên c ng có th s d ng c ch qu n lý code bên trong thao tác v i l p trình bày c. NetFramework for Silverlight: Tính n ng Mô t H tr ngôn ng truy v n tích h p (LINQ) và LINQ v i ct XML, d dang x lý vi c tích h p và làm vi c v i d li u t nhi u Data ngu n khác nhau. H tr vi c s d ng XML và các l p biên i hóa (serialization) x lý d li u Thu c th vi n c a .Net Framework, nó cung c p các ch c n ng Base class library l p trình ch y u nh vi c x lý chu i, bi u th c chính quy, u vào và u ra, ánh x , t p h p và toàn c c hóa. Window Cung c p các tính n ng n gi n hóa vi c truy c p d li u t Communication xa. C ch này bao g m m t it ng trình duy t, HTTP request Foundation và HTTP Response, RSS, JSON, POX, và các SOAP Trang 8
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 (WCF) Common language Cung c p vi c qu n lý b nh , d n d p b nh th a, x lý ngo i runtime l« (CLR) Windows Cung c p các control gi u tính n ng nh Button, Calendar, Presentation CheckBox, DataGrid, DatePicker, HyperlinkButton, ListBox, Foundation RadioButton, and ScrollViewer. controls (WPF) Dynamic language H tr vi c biên d ch và thi hành v i tính n ng ng c a các ngôn runtime ng k ch b n nh Javascript và IronPython cho các ch ng trình trên n n t ng Silverlight. (DLR) 7. Các mô hình l p trình c a silverlight phiên b n Silverlight 1.0 cung c p cho b n duy nh t m t mô hình l p trình là Javascript API, cho n phiên b n Silverlight 2.0 tr lên ã cung c p c hai mô hình l p trình là Managed API và Javascript API. Trong khi Javascipt API ch cho phép b n gõ mã l nh Javascript t ng tác v i trình duy t thì Managed API ã s d ng c c ch làm vi c c a Common Language Runtime (CLR) và k c Dynamic Language Runtime (DLR) biên d ch và thi ch ng trình code (C#, VB«) c a b n. a. Javascript API Trong m t ch ng trình silverlight nhúng theo ki u Javascript API, nó t i ch m t trang XAML n l thay vì t i m t gói ng d ng. Trang XAML này có th bao g m các tham chi u URI t nh ng ngu n bên máy ch khác nh là các o n video và hình nh. Silverlight nhúng s d ng XAML t o m t cây it ng cái mà b n có th thao tác l p trình vi javascript lu tr bên trong mt trang HTML Javascript API không cung c p m t mô hình ng d ng có kh n ng h tr các ng Trang 9
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 d ng t h p v i s i uh ng bên trong. Tuy nhiên nó cho phép làm nh ng k ch b n theo ki u Splash screan. B n c ng có th làm các s iuh ng trong Javascript API b ng cách t i l i trang XAML m i ho c t i l i c trang web ó trong trình duy t. b. Managed API Trong l p trình silverlight theo ki u Managed API, b n có th thao tác l p trình v i c file XAML và file code bên trong. Khi m t Silverlight nhúng t i file XAML, nó s t o m t cây mô hình cái mà b n c ng có th gõ b ng các mã l nh bên trong ( th ng là C#, Visual basic«). 8. Kh n ng h tr trình duy t, h i u hành và các công ngh liên quan a. H tr c a h i u hành và trình duy t c mô t b ng d i ây Internet Internet Firefox 1.5, Safari 2.x Operating system Explorer 7 Explorer 6 2.x, and 3.x and 3.x Windows Vista có ² có ² Windows XP SP2 có có có ² Windows XP SP3 có có có ² Windows 2000 ² có ² ² Windows Server 2003 có có có ² (excluding IA-64) Mac OS 10.4.8+ ² ² ² ² (PowerPC) Trang 10
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 Mac OS 10.4.8+ (Intel- ² ² có Có based) b. Các công ngh và công c liên quan c a silverlight Microsoft Expression Blend: S d ng công c này b n b n có th t o và thay i cách x p x p trình bày Layer c a ng d ng b ng cách thao tác n canvas và control trong XAML, làm vi c v i các ch c n ng h a, L p trình v i ngôn ng Javascript. Visual Studio 2008: Visual Studio cung c p các công c hi u qu cho vi c phát tri n các ng d ng có h tr thao tác code bên tron. T t c các phiên b n ã có c a Visual Studio u có kh n ng h tr Silverlight,Tuy nhiên phiên b n m i này nó còn h tr các tính n ng c bi t h n nh bao g m kh n ng IntelliSense, debugging và các template cho vi c t o m i m t ng d ng Silverlight. ASP.NET AJAX: Bao g m t p các Control, Service, và các th vi n c n thi t cho vi c t o và t ng tác v i n n ng d ng web Microsoft ASP.NET 3.5 Extensions Preview: Công ngh này cung c p ch c n ng thêm vi c t ng c ng các ng d ng ASP.NET AJAX. Nó bao g m 2 control s d ng h u ích cho vi c xây d ng ng d ng n n t ng silverlight c ng nh là m t ph n c a ng d ng ASP.NET: ASP.NET MediaPlayer Server Control - ASP.NET Silverlight Server Control - Internet servers: Bao g m IIS (Microsoft Internet Information Services), và Apache Web server Microsoft Windows Communication Foundation (WCF) services. Trang 11
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 CH NG 2: LAYOUT MANAGEMENT Khi b n xây d ng ng d ng Silverlight, m t trong nh ng i u b n c n làm u tiên ó là vi c s b trí giao di n h a c a b n nh th nào. Silverlight cung c p 1 s layout sau Control Mô t u im Khuy t i m Các control con ph i có Canvas D a trên t a tuy t i Layout c b n thu c tính Canvas.Top và Canvas.Left T o các thành ph n k ti p Có th l ng Gi i h n s item, gi i h n StackPanel nhau theo chi u ngang ho c nhi u canh l và kho ng cách dc StackPanel c gi a các item Các nh ngh a c t và Layout t t nh t Gi ng nh table c a hàng ôi khi ph c t p. Grid và c dùng HTML Grid l ng nhau d gây nhi u nh t nh m l n Có th ch a Gi ng nh stack panel c nhi u item, Gi i h n s control khi WrapPanel nh ng khi g p biên thì t sl ng không WrapPanel t kích th c ng xu ng h ng c n khai báo ti a tr c Panel luôn bám sát v trí Giúp s d ng Layout gi i h n chi u DockPanel nào ó (top, h t không gian ngang d c c a các panel left,right,bottom) ng d ng d ng ³fill´´ 1. Canvas nh ngh a m t khu v c mà trong ó b n có th ch ra v trí c a t ng it ng thành ph n b ng cách s d ng các t a tham chi u.B n có th s d ng l ng các Canvas v i nhau và nh ng thành ph n bên trong c a Canvas ph i là m t UIElement.Trong nhi u Trang 12
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 tr ng h p thì Canvas ch óng vai trò nh m t it ng ch a ng nh ng it ng khác và không có m t thu c tính hi n th nào. Ví d s d ng Canvas: 1. T o project m i. 2. Trong ph n t g c Grid, thêm Canvas, t width và height là 300, t màu n n là xanh lá Trang 13
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 3. Thêm nút vào Canvas nh sau: 4. Thêm nút m i vào Canvas nh ng t v trí khác b ng thu c tính Canvas.Top và Canvas.Left nh sau Trang 14
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 5. Khi ch y trên trình duy t s nh sau Trang 15
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 Ch y ch ng trình l p y trình duy t Mc nh ph n t g c UserControl có r ng 300 và cao 300, n u mu n ch y ch ng trình lp y trình duy t thì ta b i tu c tính width và height i nh sau Khi ó k t qu nh sau Trang 16
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 2. StackPanel S p x p nh ng thành ph n bên trong nó thành m t dòng và có th hi n th theo hai ki u ngang ho c là d c. Giá tr m c nh c gán ch thu c tính Orientation là chi u d c (Vertical) Ví d d i ây h ng d n cách t o nh ng nh ng it ng trong StackPanel Trang 17
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 i chi u xu t hi n thành chi u ngang nh sau Trang 18
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 3. Grid nh ngh a d ng l i ph c t p bao g m nh ng dòng và c t.M c nh Grid ch a m t c t và m t dòng. nh ngh a nhi u c t ho c dòng chúng ta dùng ColumnDefinitions và RowDefinitions.M i ColumnDefinition và RowDefinition trong ColumnDefinitions và RowDefinitions xác nh m t dòng ho c c t.ColumnDefinition và RowDefinition c ng nh ngh a kích th c c a m i c t và dòng s d ng it ng GridLength Ví d : D i ây là ví d dùng Grid lên m t thi t k giao di n c b n. 1. T o peoject m i 2. B n th y ã có s n 1 grid c chèn s n trong xaml, b n t thu c tính ShowGridLines là true nhìn th y các ng phân chia
Tr n B o Anh - 0865006 Hoàng Tr ng i p - 0865030 Nguy n H u Ph c - 0865110 xmlns:mc="http://schemas.openxmlformats.org/markup- compatibility/2006" mc:Ignorable="d" d:DesignHeight="400" d:DesignWidth="600"> 3. Thêm c t và hàng vào grid b ng Grid.RowDefinitions và Grid.ColumnDefinitions L u ý n u d t width ho c height là * thì c t ho c dòng ó s t chi m l y ph n không gian còn l i. ây là k t qu 4. t thêm các button vào 4 góc c a grid nh sau Trang 20