I am new in this field and want to learn mobile app development using html5.. can anyone help me with some useful tutorial or link to learn this.
I must recommend the phonegap solution, it will help you to build cross device HTML5 apps allowing you to utilize lots of the phones features:
phonegap api
and
phonegap getting started guides
Related
Is there anyone who may suggest the good ideas if I want to use H5BP Mobile for My new PhoneGap Project? I really need to know-
How appropriate is the "H5BP Mobile" for "PhoneGap"?
What File should I remove from the H5BP?
What file/Scripts should I add to the boilerplate?
And Any other suggestion...
Thanks in advance :)
I know this is an old post, but if anyone is looking for an HTML5 boilerplate for Cordova or Phonegap. I have three (3) available - with notes on decisions made and implementation details.
Three (3) Phonegap Build Boilerplates for For Android and iOS
http://codesnippets.altervista.org/blog/2015/BLOG.2015-06-19.codesnippets.html
An HTML Boilerplate for Phonegap
http://codesnippets.altervista.org/blog/2015/BLOG.2015-06-10.jssnippets.html
I am working on a POS kind of application and now the requirement is to integrate various devices with the application like camera,Magnetic card reader,Printers etc. Can any one share link that How to use HTML5 to integrate various devices with the application built using HTML5. ?
There is no HTML5 API for cameras, card readers or the other hardware devices you mention. Probably the best option is to create a 'hybrid' application using technologies such as PhoneGap.
PhoneGap executes your HTML5 application within a native wrapper. This allows it to expose hardware functionality to your code via JavaScript API.
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.
I wrote a kids' storybook/picture book which I want to get made into an app for iPad, iPhone, and other tablets and smartphones.
I don't know much on the tech side of this.
I heard that it could be a good idea to create the app in html 5 and then 'wrap' it for each different device, rather than creating the app as a native app for each different device.
Are there any disadvantages to doing it this way?
I guess the main advantage of doing it this way, is that it's more efficient to build the app for lots of devices, but are there any other advantages?
Advantages:
"Write once and run anywere " is the main advantage of writing your mobile/table app using HTML5.
Build your app with open web standards to run on many platforms (e.g. Flash is a bad idea and even Adobe started supporting HTML5 in mobile devices over flash)
You can easily find developers with HTML, CSS, Javascript knowledge or you may already have.
Disdvantages:
Performance - Native application wins over HTML5 applications in this. But you don't need native performance for all applications. So its a disadvantage only in some cases.
Look and feel - Native look and feel is better than HTML5 app in some cases.
You may check phonegap, senchatouch, titanium.
If you want to make money on your app it can be harder with an html5 app. The infrastructure like app store/marketplace/android market is not as good for html5 apps.
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