Welcome to TechNet Blogs Sign in | Join | Help

Eallies OA Solution Kit

Ø  Key TechnologiesWPF + 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 WPFWCFWFLINQ 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

Posted by yanwang | 0 Comments
Filed under: , , ,

Silverlight DRM Solution Kit

Ø  Key TechnologiesSilverlight 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

Posted by yanwang | 0 Comments
Filed under:

Silverlight 3D Solution Kit

Ø  Key TechnologiesSilverlight 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

Posted by yanwang | 0 Comments
Filed under:

WPF 3D Report Simplified Solution Kit

Ø Key TechnologiesWPF  3D

Ø  Typical adoption scenario:

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

ü  Planar 3D Graphic Designe.g Rectangle positions settingfill 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

 

Posted by yanwang | 0 Comments
Filed under:

Silverlight Virtual Earth Custom Map Solution Kit

Ø  Key TechnologiesSL 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.0e.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 CodeRefer Walkthrough: Calling Managed Code from JavaScript.

ü  Silverlight Managed Code calls Silverlight-EnabledWCF 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

Ø  Key TechnologiesWPF 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

 

Posted by yanwang | 0 Comments
Filed under:

IE 8 Compatibility Kit

Ø  Key TechnologiesIE8 (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

Posted by yanwang | 0 Comments

IE8 New features Solution Kit

Ø  Key TechnologiesIE8 (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

Posted by yanwang | 1 Comments

WPF Virtual Earth Solution Kit

Ø  Key TechnologiesWPF+Virtual Earth Map Control+ADO.Net Data Service+LINQ To SQL

 

Ø  Typical adoption scenario:

ü  Develop Virtual Earth Application under WPF frameworksuch 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 ServiceRefer 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

Ø  Key TechnologiesSL2.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 benifitsRefer CodePlexDeepEarth

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

Silverlight2.0 Virtual Earth Solution Kit

Ø  Key TechnologiesSL 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 CodeRefer Walkthrough: Calling Managed Code from JavaScript.

ü  Silverlight Managed Code calls Silverlight-EnabledWCF 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

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.

Solution Structure

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:-

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

 <ItemsControl cal:RegionManager.RegionName="WorkShopRegion" Panel.ZIndex="0"   Width="auto" />

<ItemsControl cal:RegionManager.RegionName="ISVExplorRegion" x:Name="ISVExplorRegion"   Width="auto"   Visibility="Hidden" >

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

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

AlbumChart

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

Virtual Earth

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

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:-

High-level architecture for the solution kit

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.

sitka configuration

  • 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:-

Workshop Entity Schema

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.

 

Posted by yanwang | 0 Comments
Filed under: ,
 
Page view tracker