Skip to main content

A JavaScript Library for User Interface by Tapping Smartphone Bodies

  • Conference paper
  • First Online:
Advances in Networked-based Information Systems (NBiS 2023)

Abstract

We present a JavaScript library constructed in order for a web application on a smartphone to take actions in response to the user tapping the smartphone body in somewhere other than the display. The library offers six different events in total of tapping (1) top right, (2) bottom right, (3) top left, (4) bottom left corners of the smartphone in the portrait orientation, (5) top right, (6) top left corners in the landscape orientation. A machine learning algorithm is employed to detect and classify those six events according to signals from the six-axis accelerometer built in the smartphone. Adding event listeners that relate each event to its handler function, we can make a web application that reacts to the user events of tapping the smartphone body by hand.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 219.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 279.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

References

  1. Nakashima, T., Miura, M.: Examining frame tapping recognition for extending input method of tablet computers. IPSJ Interact. 2012, 361–366 (2012)

    Google Scholar 

  2. Kotaki, A., Sasakura, M.: A library for detecting movements of an iPod touch by 3D acceleration. IPSJ SIG Technical report, vol. 2010-HCI-140, no.1 (2010)

    Google Scholar 

  3. Keras. https://keras.io/. Accessed 17 May 2023

  4. GitHub shunsuke0000. https://github.com/shunsuke0000. Accessed 17 May 2023

  5. TensorFlow.js. https://www.tensorflow.org/js. Accessed 17 May 2023

  6. Three.js. https://threejs.org/. Accessed 17 May 2023

  7. cannon-es. https://pmndrs.github.io/cannon-es/. Accessed 17 May 2023

Download references

Author information

Authors and Affiliations

Authors

Corresponding author

Correspondence to Masaru Kamada .

Editor information

Editors and Affiliations

Rights and permissions

Reprints and permissions

Copyright information

© 2023 The Author(s), under exclusive license to Springer Nature Switzerland AG

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Takano, S., Niibori, M., Kamada, M. (2023). A JavaScript Library for User Interface by Tapping Smartphone Bodies. In: Barolli, L. (eds) Advances in Networked-based Information Systems. NBiS 2023. Lecture Notes on Data Engineering and Communications Technologies, vol 183. Springer, Cham. https://doi.org/10.1007/978-3-031-40978-3_45

Download citation

Publish with us

Policies and ethics