Mobile implementation of a web 3D carousel with touch input

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. Categories and Subject Descriptors H.5.2 [Information Interfaces and Presentation]: User Interfaces – Input devices and strategies, Interaction styles. General Terms Algorithms, Documentation, Design, Experimentation, Standardization, Languages. Keywords HCI, Mobile device, iPh...

• Type: Conference
• Year: 2009
• Where: MHCI
• Authors: Christoffer Björkskog, Giulio Jacucci, Bruno Lorentin, Luciano Gamberini
• Keywords: Art Interaction Capabilities, Carousel Giving Access, Human Computer Interaction, MHCI 2009, Mobile Device