HTML sensor data

by

Your question as asked is much too broad for this site. With that said, here’s how I implemented a solution:

Create a node.js server. You will want to be able to serve up html pages. Add socket capability. Generate a webpage for the mobile device. The webpage will use the device orientation API to determine tilt (or whatever..) Obviously you will be using JavaScript for this. Connect the mobile device to the the server via sockets. Send the orientation data from the mobile device to the server. Save the data in a temporary holding location. Create another webpage on the server that displays data from the temporary holding location.

I ended up with a voting system with 50 users who just had to tilt their phones to vote. Note: The tilt thing was very odd… In IOS the tilt floats up, in Android the same tilt motion floats down.

This took me a couple of days to implement, including learning time on how sockets really works, and to hone my node.js skills. I had a lot of fun and I learned a lot. I’m hoping it will work that way for you, too. Good luck.

More Related Contents:

  1. My Website is Mirror-flipped on iPhone Devices
  2. How can I “disable” zoom on a mobile web page?
  3. background: fixed no repeat not working on mobile
  4. Youtube autoplay not working on mobile devices with embedded HTML5 player
  5. Make an image responsive – the simplest way [duplicate]
  6. How to access a mobile’s camera from a web app?
  7. Make Input Type=”Password” Use Number Pad on Mobile Devices
  8. Responsive order confirmation emails for mobile devices?
  9. Auto height on parent container with Absolute/Fixed Children
  10. Multiple select in Safari iOS 7
  11. why i can’t save scss file of template?
  12. Odoo 10 POS Android Webview not showing properly
  13. With ng-bind-html-unsafe removed, how do I inject HTML?
  14. Alternate table row color using CSS?
  15. How to prevent column break within an element?
  16. How can I wrap text around a bottom-right div?
  17. Cross domain ajax request
  18. How to change the opacity (alpha, transparency) of an element in a canvas element?
  19. Why are dashes preferred for CSS selectors / HTML attributes?
  20. Style not working for innerHTML in Angular [duplicate]
  21. How to Set Height for the Drop Down of Select box
  22. When I try to shift the image upwards using negative margin the whole container is moved upwards
  23. Play audio local file with html
  24. What’s the difference between HTML’s and CSS’s width attribute?
  25. How do I make flex box work in safari?
  26. Zebra striping a flexbox table with wrapping items
  27. Drop Down Menu/Text Field in one
  28. word-wrap break-word does not work in this example
  29. How to place Text and an Image next to each other in HTML?
  30. How to always show the vertical scrollbar in a browser?

Leave a Comment