Mobile devices such as the iPhone provide state of the art interaction capabilities also for web browser applications. Our mobile development is targeted to a Energy Awareness application that provides playful access to detailed and realtime information on energy consumption of appliances of a household. Using the available Safari Browser that adopts W3C web standards we demonstrate the implementation of a 3D carousel giving access to cards on a web page where each card gives access to information on one appliance. The carousel can be browsed using the multitouch capability of the iPhone. We describe the programming approach and discuss the lesson learned in developing the touch interaction with the carousel.

Mobile implementation of a web 3D carousel with touch input

GAMBERINI, LUCIANO
2009

Abstract

Mobile devices such as the iPhone provide state of the art interaction capabilities also for web browser applications. Our mobile development is targeted to a Energy Awareness application that provides playful access to detailed and realtime information on energy consumption of appliances of a household. Using the available Safari Browser that adopts W3C web standards we demonstrate the implementation of a 3D carousel giving access to cards on a web page where each card gives access to information on one appliance. The carousel can be browsed using the multitouch capability of the iPhone. We describe the programming approach and discuss the lesson learned in developing the touch interaction with the carousel.
2009
Proceedings of the 11th International Conference on Human-Computer Interaction with Mobile Devices and Services (MobileHCI '09)
9781605582818
File in questo prodotto:
Non ci sono file associati a questo prodotto.
Pubblicazioni consigliate

I documenti in IRIS sono protetti da copyright e tutti i diritti sono riservati, salvo diversa indicazione.

Utilizza questo identificativo per citare o creare un link a questo documento: https://hdl.handle.net/11577/2518945
Citazioni
  • ???jsp.display-item.citation.pmc??? ND
  • Scopus 9
  • ???jsp.display-item.citation.isi??? ND
  • OpenAlex ND
social impact