Abstract
How difficult is it to port Silverlight applications to HTML5? That is the question we hear every day at ComponentOne. Instead of speculating about it, we decided to sit down and try it. Today we will discuss the process and tools we used when doing so. The approach we took was to use the MVVM pattern (from Silverlight) when developing the HTML5/JavaScript version. By choosing this method we were able to port our data access and UI layers quite easily. We take advantage of tools like KnockoutJS and Wijmo to make the process even easier. Our developers were able to minimize the cost of learning new paradigms in this migration by reusing most of their knowledge. What we ended up with was nearly identical applications in Silverlight and HTML5. Come learn how you can smoothly transition to HTML5!
Video
You can also watch it on Channel 9.
Slides
Live Demos & Source Code
You can get the code the the basic samples on GitHub. https://github.com/banzor/Knockout-Wijmo-Samples
GeoDashboard
An interactive geographic dashboard for analyzing demographic data.
- Live Demo: HTML5 Version | Silverlight Version
- Source Code: HTML5 Project | Silverlight Project
InvExplorer
Implements a stock browser application similar to Google Finance.
- Live Demo: HTML5 Version | Silverlight Version
- Source Code: HTML5 Project | Silverlight Project
- Tutorial: A Stock Portfolio Application Using KnockoutJS
MVVM Dashboard
Sales dashboard built with Wijmo and Knockout.
- Live Demo: HTML5 Version
Other Resources
I hope this article will help you make a smooth transition to HTML5. Now stop reading and start coding!
Chris Bannon