Currently we have application in Silverlight which contains a dashboard. The dashboard was developed in Silverlight.
Now we want to migrate the Silverlight dashboard app to HTML 5.0 so that the app can run on iPhone, iPad & android phones.
How we can migrate Silverlight application to HTML 5?
Also, do we need to use any third party custom control for dashboards in HTML 5.0?
You need to convert you graphics from XAML to SVG. If you have the designs for this project, then you might want to take a look at Adobe Illustrator CS5 HTML5 Pack, which lets you "Save As SVG". You should keep everything vector based so it scales to iPhone, iPad and Android.
Then you need to transfer your UI behaviour to javascript. I suggest using KnockoutJS by Steve Sanderson. I would combine this with jQuery for ease of use.
As #Polynomial mentioned in his comment, there is no "convert to HTML" package per se, but with a little know-how you will be able to migrate.
Take a look at this project http://www.cshtml5.com/ . It might help in some simple cases.
This may not solve your problems at this moment, but there is a project under development to rebuild Silverlight without using a plugin. The project has been under development for almost a year and the website just recently launched # http://fayde.wsick.com/.
DISCLOSURE: I am affiliated with this project.
Related
Seen many posts on this around the web but no nearer finding out if it's possible to do...
Have seen http://www.webqr.com/ recommended but I tried uploading the .zip from github (https://github.com/LazarSoft/jsqrcode) for this to phonegap and the compiled app fails on android with "Sorry, native web camera streaming (getusermedia) is not supported by this browser"
Well, I'm not trying to use the webcam really, I want to access the camera on the phone/ipad if possible.
Is it actually possible to do this from HTML5 or does it require a proper native app? (so xcode for the ipad app I have in mind)
I've also seen some plugins for "phonegap" (as opposed to phonegap build) which would also require a mac/xcode so that's not the angle I want to approach it from as I'm trying to do this all from windows if possible.
This may help. it a js plugin. search the phonegap plugin page for 'scanners'
https://build.phonegap.com/plugins/2421
https://github.com/wildabeast/BarcodeScanner/tree/c74e37a
I have an HTML5 game in the works and was wondering if it would make sense to try and use Xamarin products for deploying my app to iOS, Android and Windows Phone.
Do Xamarin products support this?
Would I gain anything from using Xamarin products as a wrapper? Ease of deployment, native API access, etc.
How would performance be for a simple side scrolling 2D platformer?
Xamarin could be used to wrap an HTML game, but I don't think it makes sense. Bear in mind that with Xamarin you would have to rewrite the UI component for each platform, so in your case you'd manually have to render within a UIWebView on iOS, a WebView on Android, and so on for each platform you want to support.
Possibly look into other solutions, such as PhoneGap, which are squarely aimed at wrapping applications written using the HTML stack. These are likely to have solved many of the problems that you would encounter by trying, using Xamarin or otherwise, to make a wrapper yourself.
I'm thinking of creating a HTML5 app, which I also want to run well on iOS. I'm thinking of using parse.com as the backend, but apart from that I'm a little unsure where to start, can I use Adobe Dreamweaver with Parse? are there better options for creating a HTML5 app?
Thanks for any advice.
From looking at the Parse documentation, there aren't any specific tools to help you work with Parse in DreamWeaver.
If you're looking for a high-quality IDE for developing HTML5 and CSS3, see this question about open source HTML5/CSS3 IDEs.
Parse has blank XCode (for iOS), blank Android project (should work in Eclipse), and basic HTML5 project listed in their QuickStart guide. With the blank HTML5 project you can use any IDE you want to do the editing, and then open it in your browser to test it out.
Our product, a desktop app, is composed of a ton of HTML5 and JavaScript together with a thin platform-specific layer that is basically a WebKit shell. Since this is much the same strategy as a framework like Appcelerator Titanium, and we waste way too much effort on this custom WebKit shell code, we were hoping to switch to Titanium or a similar framework to handle that for us.
However, such a switch would be much more compelling if we could pick up a nice modern JavaScript engine in the process. Like Titanium, we're currently on JavaScriptCore, which sucks (they still don't have Function.prototype.bind!). We'd take either V8, for speed and modernity, or Rhino, for yummy JavaScript 1.7/ECMAScript Harmony features.
Does anyone know of a framework for building desktop apps with HTML5 that uses either of these engines? Or some way of making either work with Titanium that will be very little effort? I saw the v8_titanium and rhino_titanium projects on GitHub, but see no mention of them anywhere else, or any documentation on how to use them. And the Adobe AIR WebKit page has nothing encouraging either.
Node-webkit is just about done being ported to use cef3. https://github.com/rogerwang/node-webkit/tree/cef
To follow up on this, we've just published binaries for all 3 platforms at https://github.com/milani/appjs | http://appjs.org. That's Chromium and Node, provided as a package that works out of the box with no configuration cross platform.
I think you could count Mozilla XULRunner as "app framework". It's more like embedded Firefox than framework, though.
https://developer.mozilla.org/en/xulrunner
It's much much more complex and powerful than Adobe AIR or Titanium.
We ended up on Chromium Embedded, which is a bit rough around the edges but definitely gets the job done.
You can use Adobe AIR to build HTML5 desktop apps.
AIR uses the webkit engine:
http://help.adobe.com/en_US/AIR/1.5/devappsflex/WS5b3ccc516d4fbf351e63e3d118666ade46-7ec1.html
See also:
http://help.adobe.com/en_US/AIR/1.5/devappshtml/WS5b3ccc516d4fbf351e63e3d118666ade46-7ecc.html
I'm not too familiar with HTML5 so does anyone know if HTML5 will be able to access NFC chips built into mobile devices? Or, can someone suggest another way to do this using some other method? My goal is to produce a cross platform HTML5 web app that can access NFC functionality on NFC equipped phones. I have looked into mobile frameworks like PhoneGap but although they have NFC on their roadmap, they do not have any timelines nor implementation details to offer.
Thanks.
NFC access via some proprietary framework may be possible, but I don't think it's currently built into the HTML 5 spec itself.
PhoneGap uses HTML5 for the main UI of the mobile application, and then takes specific code that you write (javascript API I think), which is then translated into native code for each of the mobile devices it is ported to. So, one option you have is building your main UI in HTML5, and then displaying that in a WebView or equivalent inside a native application, then accessing NFC specific features via the native application and passing it to your webapp via a dynamic URL like http://mysampleapp.com/NFC/somestringofdatafromthenfcthatiwillparsetouseinmyhtml5app
If you are using Phonegap 3.0 and the Cordova CLI you can easily integrate RFID reading capabilities through NFC by using Chariot Solutions Phonegap NFC plugin from Github and following the steps laid out by Øystein Heimark/Dogu in the referenced blog post.
Github: Github repository
Blog:
ADDING RFID CAPABILITIES TO YOUR ANDROID PHONEGAP APPLICATION