Yan Wang's Blog

Eallies OA Solution Kit

yanwang — Mon, 29 Dec 2008 14:18:00 GMT

Ø Key Technologies：WPF + WCF + WF + LINQ

Ø Typical adoption scenario:

ü Describe how to integrate latest .Net Framework 3.0/3.5 to develop complex distributed system with a typical OA Leave Review scenario. The related technology includes WPF、WCF、WF、LINQ etc.

ü How to distribute project tasks and develop projects via integrated team work among several project roles such as DBA Developer,Business Developer,Workflow developer, UI Designer etc.

ü Provide Code Auto-Generator Tool (Refer Eallies .Utilities)

For more detailed solution information such as Source Code & scenario interpretation/Screenshot(In Chinese) pls download from here

Silverlight DRM Solution Kit

yanwang — Fri, 05 Dec 2008 10:03:00 GMT

Ø Key Technologies：Silverlight 2.0 + PlayReady+ WMDRM

Ø High-Level Architecture:

Ø Typical adoption scenario:

ü Evaluate Silverlight DRM .(Refer http://web.sldrm.video.msn.com/d1/sldrm.html)

ü Silverlight DRM Whitepaper (Refer Silverlight Digital Rights Management (DRM))

For more detailed solution information such as Source Code & scenario interpretation/Screenshot(In Chinese) pls download from here

Silverlight 3D Solution Kit

yanwang — Tue, 02 Dec 2008 08:40:00 GMT

Ø Key Technologies：Silverlight 2.0 3D (UI Zoom+ Image Turnplate Animation+3D Chart)

Ø Typical adoption scenario:

• Develop Silverlight 3D solutions, e.g 3D Chart,UI Zoom,3D turnplate Animation

• Implement UI Zoom animation via defining StoryBoard

• Achieve flexible 3D Chart presentation via OpenSource visifire Chart control.

• Implement Image 3D Turnplate rotation effect via DispatcherTimer event & Silverlight Transform Animation.

For more detailed solution information such as Source Code & scenario interpretation/Screenshot(In Chinese) pls download from here

WPF 3D Report Simplified Solution Kit

yanwang — Mon, 24 Nov 2008 13:31:00 GMT

Ø Key Technologies：WPF 3D

Ø Typical adoption scenario:

ü Develop WPF 3D Report (Refer 3D Graphic )

ü Planar 3D Graphic Design，e.g Rectangle positions setting，fill the Graphic with Image

ü 3D Report Axies Label Design,e.g fill the Graphic with TextBlock

ü 3D Report Line Chart Design & fill the chart with gradient color

ü 3D Report Slice Design, e.g fill the Graphic with Canvas, set its Background as Brushes.Pink

For more detailed solution information such as Source Code & scenario interpretation/Screenshot(In Chinese) pls download from here

Silverlight Virtual Earth Custom Map Solution Kit

yanwang — Fri, 24 Oct 2008 13:03:00 GMT

Ø Key Technologies：SL 2.0+Virtual Earth MapControl+MapChuncher+ADO.Net Data Service+LINQ To SQL+SL-Enabled WCF

Ø Typical adoption scenario:

ü Develop Virtual Earth Application with Customized Map in Silverlight 2.0，e.g Display customized map of GuangDong Province on Virtual Earth . (Refer Microsoft Virtual Earth- MapChuncher and VEMap .AddTileLayer Method )

ü When Zoom In/Out or Move around map using Mouse, we can customize the Virtual Earth Mouse Event such as OnMouseWheel/OnMouseMove Event to display specific range of map.

ü Draw Pushpin/Shape on the map for Saving & Fetching.

ü Interop between SL2.0 XAML control & Virtual Earth MapControl via HtmlPage.Window.Invoke method, e.g show/hide map Dashboard,Zoom Out/In.

ü Save Map Pushpin information to SQL2008 Geography spatial data type via LINQ to SQL and query the information via ADO.Net Data Services.

ü Virtual Earth SDK HTML Java Scripts call Silverlight Managed Code（Refer Walkthrough: Calling Managed Code from JavaScript）.

ü Silverlight Managed Code calls Silverlight-Enabled的WCF Service. (Refer Service-Driven Apps With Silverlight 2 And WCF )

ü Pass HTML Java Scripts Array object to Managed Code via ScriptObject.

For more detailed solution information such as Source Code & Scenario interpretation (in Chinese) pls download here

WPF 3D Report Solution Kit

yanwang — Wed, 22 Oct 2008 18:27:00 GMT

Ø Key Technologies：WPF 3D

Ø Typical adoption scenario:

ü Develop WPF 3D Report Application(Refer WPF 3D )。

ü Cut 3D Report Slice & Display Data Point Information 。

ü Move 3D Report Slice back & forth following Time Axis.

ü Scroll 3D Report Node

For more detailed solution information such as Source Code & Scenario interpretation (in Chinese) pls download here

IE 8 Compatibility Kit

yanwang — Tue, 21 Oct 2008 04:41:00 GMT

Ø Key Technologies：IE8 (Document Compatibility)

Ø Typical adoption scenario:

ü Run Html web page in “Emulate IE7” document compatibility mode under IE8 browser via adding <META content=“IE=7.0000” http-equiv=“X-UA-Compatible”> Tag in <Head> (Refer Defining Document Compatibility ）.

ü Present different effects in a straight-forward way due to CSS2.1 & CSS3 compatibility in IE8 browser. (Refer CSS Compatibility and Internet Explorer ）。

For more detailed solution information such as Source Code & Scenario interpretation (in Chinese) pls download here

IE8 New features Solution Kit

yanwang — Sun, 19 Oct 2008 17:56:00 GMT

Ø Key Technologies：IE8 (Instant Search+Web Slice+Accelerator)

Ø Typical adoption scenario:

ü Develop Sample Gallary for IE8 new features, such as Accelerators, Web Slice & Instant Search

ü The benefit of Accelerator is able to get related information for selected content through pop-up window in current web page without having to navigate to other web pages. (Refer OpenService Accelerators Developer Guide ）

ü The benefit of Web Slice is for user subscribing update of specific web page automatically,it’s more user-friendly than RSS Feed technology.（ReferWeb Slice Format Specification - Version 0.9 ）

ü The benefit of Instant Search is for user to define customized visual search provider.（Refer Search Provider Extensibility in Internet Explorer）

For more detailed solution information such as Source Code & Scenario interpretation (in Chinese) pls download here

WPF Virtual Earth Solution Kit

yanwang — Sun, 19 Oct 2008 10:51:00 GMT

Ø Key Technologies：WPF+Virtual Earth Map Control+ADO.Net Data Service+LINQ To SQL

Ø Typical adoption scenario:

ü Develop Virtual Earth Application under WPF framework，such as Add Pushpin on the map for saving & fetching.

ü Use WPF Web Browser XAML Control to embed existing Virtual Earth Web Form,prevent the complexity from writing Virtual Earth Map Control WPF Wrapper .

ü Save Map Pushpin information to SQL2008 Geography Data Type via LINQ to SQL, then query the data via ADO.Net Data Services.

ü Virtual Earth SDK Java Scripts call AJAX-Enabled WCF Service（Refer Creating WCF Services for ASP.NET AJAX ）

For more detailed solution information such as Source Code & Scenario interpretation (in Chinese) pls download here

Silverlight 2.0 Virtual Earth DeepZoom Solution Kit

yanwang — Sun, 19 Oct 2008 10:35:00 GMT

Ø Key Technologies：SL2.0 DeepZoom+Virtual Earth Web Service

Ø Typical adoption scenario:

ü Develop Complex Virtual Earth application under SL 2.0,e.g Search place,map rotate,Add Route,Add Pushpin..

ü SL2.0 calls Virtual Earth Web Service via Managed Code directly, avoid complex interop when using Virtual Earth MapControl JavaScript.

ü Make use of SL2 MultiScaleImage control (Deep Zoom) for Map tile layers to gain performance benifits（Refer CodePlex 的 DeepEarth）

For more detailed solution information such as Source Code & Scenario interpretation (in Chinese) pls download here

Silverlight2.0 Virtual Earth Solution Kit

yanwang — Sun, 19 Oct 2008 09:50:00 GMT

Ø Key Technologies：SL 2.0+Virtual Earth MapControl+ADO.Net Data Service+LINQ To SQL

Ø Typical adoption scenario:

ü Develop Virtual Earth Application under SL2.0 framework, e.g Add Pushpin on the map for saving & fetching.

ü Interop between SL2.0 XAML control & Virtual Earth MapControl via HtmlPage.Window.Invoke method, e.g show/hide map Dashboard,Zoom Out/In.

ü Save Map Pushpin information to SQL2008 Geography spatial data type via LINQ to SQL and query the information via ADO.Net Data Services.

ü Virtual Earth SDK HTML Java Scripts call Silverlight Managed Code（Refer Walkthrough: Calling Managed Code from JavaScript）.

ü Silverlight Managed Code calls Silverlight-Enabled的WCF Service. (Refer Service-Driven Apps With Silverlight 2 And WCF )

ü Pass HTML Java Scripts Array object to Managed Code via ScriptObject.

For more detailed solution information such as Source Code & scenario interpretation/Screenshot(In Chinese) pls download from here

A sample solution kit to demonstrate WPF & SQL Server Data Services Technologies-Part 2

yanwang — Wed, 10 Sep 2008 05:18:00 GMT

The WCFServicesAgent Project has 2 functionalities:

1.Act as proxy client for Workshop Service which has exposed below two methods:-

--------------------------------------------------------------

[OperationContract]
List<Entity> QuEntityList(string kind);

[OperationContract]
CompositeType GetBlob(string entityid, string accepttype);

-----------------------------------------------------------------

2. Xmlhelper.cs class : this is to fetch workshop data from SSDS and cache in client local file folder c:\workshopdata, it has implemented below 2 methods:-

public static bool CreatXml_WSList(string _savePath){}
public static bool CreatXml_WSData(string _path, string _key)

So, by default, DPEMS Project will access the workshop data from local file cache instead of SSDS for most efficiency. To refresh the local cache, you can open Main.Xaml.cs of DPEMS Project and uncomment below code line in Function MainGrid_Loaded() :

------------------------------------------------------------------------------------

private void MainGrid_Loaded(object sender, RoutedEventArgs e)
        {
            //Enable here to refresh workshop data from SSDS
            //WCFServicesAgent.Xmlhelper.CreatXml_WSList("c:\\");
           // WCFServicesAgent.Xmlhelper.CreatXml_WSData( "c:\\WorkShopData\\", "Pic");
           // WCFServicesAgent.Xmlhelper.CreatXml_WSData("c:\\WorkShopData\\", "Doc");
           // WCFServicesAgent.Xmlhelper.CreatXml_WSData("c:\\WorkShopData\\", "Video");
        }

The Client Project DPEMS is architected via Composite Application for WPF Patterns ,

Figure1. Composite Application for WPF

It mainly exposed two patterns:-

1. The Model-View-Presenter Pattern: Each Module has MVP implemented. Take a look at WorkshopModule Project ,each view file has a corresponding presenter file. e.g. WorkShopMain.xaml contains XAML UI Interface while WorkShopMainPresenter.cs handles XAML user event & business logic to process model. Also, all domain entity classes are in Model folder.

Figure 2. Project structure

2.The Modularity Pattern: Each WPF Modules such as WorkshopModule,ISVExplorerModule is a separate WPF Project , and the main client project DPEMS contains a Shell XAML file - the Main.xaml file which will assemble all WPF modules. It's mainly done via Prism Regions concept. The related XAML snippet is as below:-

----------------------------------

-----------------------------

In each Module Project, there will be a Class file inheriting Microsoft.Practices.Composite.ModularityIModule interface to add the Module XAML view to Shell when module is initialized. e.g.WorkShopModule.cs is like below:-

---------------------

public class WorkShopModule:IModule
    {

         public IRegionManager RegionManager { get; private set; }

         public WorkShopModule(IRegionManager regionManager)
        {
            this.RegionManager = regionManager;
        }
         public void Initialize()
         {

             IRegion mainRegion = this.RegionManager.Regions["WorkShopRegion"];
             WorkShopMain view = new WorkShopMain();
             mainRegion.Add(view);
             mainRegion.Activate(view);
         }
    }

-------------------------------------

Note that we also have 3 separate projects for reusable WPF controls, they are

crfly.PhotoBookControl project- the WPF control to animate paging-up-down effect of Albums.

Kiosk.Controls.VolumeChart project-WPF Chart control

WpfVirtualEarthControl Project - WPF Virtual Earth control

Figure 3:Album Animation Figure4: Main Dashboard for Workshop Module including Chart WPF control

Figure 5: Main Dashboard for ISVExplorer module including VirtualEarth WPF Control

Now, we've finished all introduction of this solution kit, you can download source code of this solution from here.

A sample solution kit to demonstrate WPF & SQL Server Data Services Technologies-Part 1

yanwang — Sat, 30 Aug 2008 12:44:00 GMT

The scenario of this solution kit is to store Workshop contents such as Workshop ID,Title and its pictures, docs & videos in SQL Server Data Services(SSDS) which is a Microsoft hosted Cloud Service, then pull the data from the cloud and view it via WPF. As we know, WPF is perfect in displaying picture, .xps documents & playing videos with great user experiences.

The high-level architecture is as below:-

Let's talk about the solution design from bottom to top that is Infrastructure Services SSDS in this part. I created a separate WCF Service Application to access SSDS cloud service and expose workshop functional services.

In order to access SSDS, you need to acquire a SSDS credential (User Name & Password) first from http://msdn.microsoft.com/en-us/sqlserver/dataservices/default.aspx. And you need to understand SSDS ACE concept, that is Authority-Container-Entity (Refer http://msdn.microsoft.com/zh-cn/library/cc512417(en-us).aspx ).
Then add a SSDS Service References pointing to http://data.beta.mssds.com/soap/v1?wsdl , screenshot is as below:

Then design the workshop entities. Remember there are 2 kinds of entities-Flexible Entity Type & Blob Entity Type. In our case, we'd better store Workshop List information such as WorkshopID, Title,Number of Picures,documents & videos for each workshop in Flexible Entities while store Pictures ,Documents & Videos etc BLOB data into BLOB Entities, thus our Entities schema design can be interpreted with below diagram:-

Note that the SSDS ACE Data Model is unlike Relational Database, 1 entity is just like 1 table record. In order to easily return all workshop entities just like "select * from workshoptable" in normal Relational Database design, I set same .Kind propertity value ("workshop" here) for all Workshop Entities. So with LINQ Query(remember SSDS use LINQ to query) "from e in entities where e.Kind==""workshop"" select e" , I can get all workshop entities.

I wrote 2 class modules to encapsulate Entity CRUD Operations, that is HandlingEnity.cs for Flexible Entity with SOAP API & HandlingBlob.cs for Blob Entity with REST API. The reason is only REST API is supported for Read/Write Blob Entity so far.
After that, I created a WCF Service which has exposed 2 Service Operations to query SSDS and return workshop data to Client. Note that you may need to specify <ProxyAddress> in your service configuration file if you access Internet from a proxy server. The related settings is similar as below:-

<binding name="SitkaSoapEndpoint" closeTimeout="00:01:00" openTimeout="00:01:00" receiveTimeout="00:10:00" sendTimeout="00:01:00" allowCookies="false" bypassProxyOnLocal="false" hostNameComparisonMode="StrongWildcard" maxBufferSize="65536" maxBufferPoolSize="524288" maxReceivedMessageSize="65536" messageEncoding="Text" textEncoding="utf-8" transferMode="Buffered" useDefaultWebProxy="false" proxyAddress ="http://myproxy.com:80">
...

</binding>

Now we've finished Services Application part. In next session, I'll talk about Service Agent Application and WPF Client application.

You can download solution kit source code from here.

Yan Wang's Blog

Eallies OA Solution Kit

Ø Key Technologies：WPF + WCF + WF + LINQ

Ø Typical adoption scenario:

ü Describe how to integrate latest .Net Framework 3.0/3.5 to develop complex distributed system with a typical OA Leave Review scenario. The related technology includes WPF、WCF、WF、LINQ etc.

ü How to distribute project tasks and develop projects via integrated team work among several project roles such as DBA Developer,Business Developer,Workflow developer, UI Designer etc.

ü Provide Code Auto-Generator Tool (Refer Eallies .Utilities)

For more detailed solution information such as Source Code & scenario interpretation/Screenshot(In Chinese) pls download from here

Silverlight DRM Solution Kit

Ø Key Technologies：Silverlight 2.0 + PlayReady+ WMDRM Ø High-Level Architecture:

Ø Key Technologies：Silverlight 2.0 + PlayReady+ WMDRM

Silverlight 3D Solution Kit

Ø Key Technologies：Silverlight 2.0 3D (UI Zoom+ Image Turnplate Animation+3D Chart)

Ø Typical adoption scenario:

WPF 3D Report Simplified Solution Kit

Ø Key Technologies：WPF 3D

Ø Typical adoption scenario:

Silverlight Virtual Earth Custom Map Solution Kit

Ø Key Technologies：SL 2.0+Virtual Earth MapControl+MapChuncher+ADO.Net Data Service+LINQ To SQL+SL-Enabled WCF

Ø Typical adoption scenario:

WPF 3D Report Solution Kit

Ø Typical adoption scenario:

IE 8 Compatibility Kit

Ø Key Technologies：IE8 (Document Compatibility)

Ø Typical adoption scenario:

IE8 New features Solution Kit

Ø Key Technologies：IE8 (Instant Search+Web Slice+Accelerator)

Ø Typical adoption scenario:

WPF Virtual Earth Solution Kit

Ø Key Technologies：WPF+Virtual Earth Map Control+ADO.Net Data Service+LINQ To SQL

Ø Typical adoption scenario:

Silverlight 2.0 Virtual Earth DeepZoom Solution Kit

Ø Key Technologies：SL2.0 DeepZoom+Virtual Earth Web Service

ü Develop Complex Virtual Earth application under SL 2.0,e.g Search place,map rotate,Add Route,Add Pushpin..

ü SL2.0 calls Virtual Earth Web Service via Managed Code directly, avoid complex interop when using Virtual Earth MapControl JavaScript.

ü Make use of SL2 MultiScaleImage control (Deep Zoom) for Map tile layers to gain performance benifits（Refer CodePlex的DeepEarth）

Silverlight2.0 Virtual Earth Solution Kit

Ø Key Technologies：SL 2.0+Virtual Earth MapControl+ADO.Net Data Service+LINQ To SQL

Ø Typical adoption scenario:

ü Develop Virtual Earth Application under SL2.0 framework, e.g Add Pushpin on the map for saving & fetching.

ü Interop between SL2.0 XAML control & Virtual Earth MapControl via HtmlPage.Window.Invoke method, e.g show/hide map Dashboard,Zoom Out/In.

ü Save Map Pushpin information to SQL2008 Geography spatial data type via LINQ to SQL and query the information via ADO.Net Data Services.

ü Virtual Earth SDK HTML Java Scripts call Silverlight Managed Code（Refer Walkthrough: Calling Managed Code from JavaScript）.

ü Silverlight Managed Code calls Silverlight-Enabled的WCF Service. (Refer Service-Driven Apps With Silverlight 2 And WCF )

ü Pass HTML Java Scripts Array object to Managed Code via ScriptObject.

For more detailed solution information such as Source Code & scenario interpretation/Screenshot(In Chinese) pls download from here

A sample solution kit to demonstrate WPF & SQL Server Data Services Technologies-Part 2

A sample solution kit to demonstrate WPF & SQL Server Data Services Technologies-Part 1

Ø Key Technologies：Silverlight 2.0 + PlayReady+ WMDRM

Ø High-Level Architecture:

ü Make use of SL2 MultiScaleImage control (Deep Zoom) for Map tile layers to gain performance benifits（Refer CodePlex 的 DeepEarth）