Can HTML5 access NFC chips on mobile phones - 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

Related

In flutter, Is it possible to use Android or iOS widget, just like react native

As we know, flutter can call Android or iOS api by plugin, I had written some widgets, Android and iOS native widgets, can I use those widgets in flutter, just like in react native. Thanks.
The simple answer is NO
Flutter completely bypasses the iOS and Android OEM control pipeline and draws the entire screen as a Skia canvas, with its own dart UI widgets.
There is no mechanism to mix the flutter canvas with OEM controls
If you are looking for App Widgets that are shown on android desktop, then it is possible to implement such Widgets with native code and use it with flutter.
I'll not completely deny that it is not possible to bridge between native widget and flutter's dart code, but I can say the possibility is yet to be discovered.
Here is the simple App Widget created natively and used with flutter.
If you wanted to look into the source code, and build app from source. Here it is.
Hope that helped!
Yes, you can.
With https://api.flutter.dev/flutter/widgets/AndroidView-class.html (Android) and https://api.flutter.dev/flutter/widgets/UiKitView-class.html (iOS)
Google is using this two Widgets to render WebViews and Maps on those platforms.
See: https://pub.dev/packages/webview_flutter and https://pub.dev/packages/google_maps_flutter
It is definitely not easy to use, but it is possible.

QR-Scanning built with HTML5 & javascript, Turned into phone app with phonegap build?

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

How to integrate various devices with browser using HTML5?

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.

Migrating Silverlight application to HTML 5

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.

Does Sencha Touch, or any other HTML5 javascript framework, allow access to a mobile phone's media library for uploading video to a server?

I am looking at building an app that can take a video from a person's media library on their mobile phone and upload it to my servers. As far as I can tell, I'd have to build an application for each type of mobile device I want to include. But if new HTML5 protocols let me upload video files through the browser (and can handle the file size), this would be a preferred method.
Web apps don't have access to the media library on a phone. Use phonegap to get access to the users photos - http://docs.phonegap.com/phonegap_media_capture_capture.md.html
Considering you are using iOS and running the WebApp in iOS' MobileSafari, you have NO access to any system related components, libraries or anything (so no Photos, Videos etc).
And Safari itself does not support file upload. You can add the tag but it will always remain as if had disabled="disabled" attribute.
The only way to access these components is by using a Native code or, like Joel said, PhoneGap since it gives the html pages, access to Native API's through it's JS Framework.
For Android, i have no idea but probably not.