skip to main content
10.1145/1613858.1613918acmotherconferencesArticle/Chapter ViewAbstractPublication PagesmobilehciConference Proceedingsconference-collections
research-article

Mobile implementation of a web 3D carousel with touch input

Published: 15 September 2009 Publication History

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.

References

[1]
Shen, Y., Ong, S. K., and Nee, A. Y. 2008. Collaborative design in 3D space. In Proceedings of the 7th ACM SIGGRAPH international Conference on Virtual-Reality Continuum and Its Applications in industry (Singapore, December 08--09, 2008). VRCAI '08. ACM, New York, NY, 1--6. DOI=http://doi.acm.org/10.1145/1477862.1477900
[2]
Carousel.us: a JavaScript 3D Carousel: http://www.piksite.com/carousel.us/carousel.us.php
[3]
Carousel 3D Slideshow -- demo 2, http://www.paulvanroekel.nl/picasa/carouseldemo2/
[4]
VectorForm's Silverlight 2.0 Carousel, http://www.vectorform.com/silverlight/silverlight2/ImageCarousel/
[5]
Peltonen, P., Kurvinen, E., Salovaara, A., Jacucci, G., Ilmonen, T., Evans, J., Oulasvirta, A., and Saarikko, P. 2008. It's Mine, Don't Touch!: interactions at a large multi-touch display in a city centre. In Proceeding of the Twenty-Sixth Annual SIGCHI Conference on Human Factors in Computing Systems (Florence, Italy, April 05--10, 2008). CHI '08. ACM, New York, NY, 1285--1294. DOI=http://doi.acm.org/10.1145/1357054.1357255
[6]
FingerTapps, Interactive Show Room Display -- Lexus. (http://www.fingertapps.com/default.aspx?pagename=Showcase), 2009
[7]
Apple Inc., 2009. Safari CSS Reference.
[8]
W3C, CSS Transition Module Level 3 (http://dev.w3.org/csswg/css3-transitions/), 2004
[9]
W3C, CSS3 mudle: Synax. (http://www.w3.org/TR/css3-syntax/#vendor-specific), 2009
[10]
W3C, CSS 3D Transforms Module Level 3. (http://dev.w3.org/csswg/css3-3d-transforms/), 2009
[11]
W3C, CSS Animations Module Level 3. (http://dev.w3.org/csswg/css3-animations/), 2009
[12]
CSS3.info, Vendor specific extensions to CSS3. (http://www.css3.info/vendor-specific-extensions-to-css3/), 2007

Cited By

View all
  • (2022)Carousel: Improving the Accuracy of Virtual Reality Assessments for Inspection Training TasksProceedings of the 28th ACM Symposium on Virtual Reality Software and Technology10.1145/3562939.3565618(1-10)Online publication date: 29-Nov-2022
  • (2021)Internet of Things (IoT)-based Power Meter Reading2021 24th International Conference on Electrical Machines and Systems (ICEMS)10.23919/ICEMS52562.2021.9634300(680-684)Online publication date: 31-Oct-2021
  • (2021)Interaction methods for light field displays by means of a theater model environmentHolography: Advances and Modern Trends VII10.1117/12.2589126(22)Online publication date: 18-Apr-2021
  • Show More Cited By

Index Terms

  1. Mobile implementation of a web 3D carousel with touch input

      Recommendations

      Comments

      Information & Contributors

      Information

      Published In

      cover image ACM Other conferences
      MobileHCI '09: Proceedings of the 11th International Conference on Human-Computer Interaction with Mobile Devices and Services
      September 2009
      473 pages
      ISBN:9781605582818
      DOI:10.1145/1613858

      In-Cooperation

      Publisher

      Association for Computing Machinery

      New York, NY, United States

      Publication History

      Published: 15 September 2009

      Permissions

      Request permissions for this article.

      Check for updates

      Author Tags

      1. 3D interface
      2. CSS3
      3. HCI
      4. Javascript
      5. MultiTouch interaction
      6. W3C
      7. WebKit
      8. XHTML
      9. carousel
      10. iPhone
      11. mobile device

      Qualifiers

      • Research-article

      Conference

      MobileHCI '09

      Acceptance Rates

      MobileHCI '09 Paper Acceptance Rate 23 of 95 submissions, 24%;
      Overall Acceptance Rate 202 of 906 submissions, 22%

      Contributors

      Other Metrics

      Bibliometrics & Citations

      Bibliometrics

      Article Metrics

      • Downloads (Last 12 months)3
      • Downloads (Last 6 weeks)1
      Reflects downloads up to 15 Feb 2025

      Other Metrics

      Citations

      Cited By

      View all
      • (2022)Carousel: Improving the Accuracy of Virtual Reality Assessments for Inspection Training TasksProceedings of the 28th ACM Symposium on Virtual Reality Software and Technology10.1145/3562939.3565618(1-10)Online publication date: 29-Nov-2022
      • (2021)Internet of Things (IoT)-based Power Meter Reading2021 24th International Conference on Electrical Machines and Systems (ICEMS)10.23919/ICEMS52562.2021.9634300(680-684)Online publication date: 31-Oct-2021
      • (2021)Interaction methods for light field displays by means of a theater model environmentHolography: Advances and Modern Trends VII10.1117/12.2589126(22)Online publication date: 18-Apr-2021
      • (2017)Mobile Web Energy Monitoring System Using DFRduino UnoProcedia Computer Science10.1016/j.procs.2017.12.208124(706-713)Online publication date: 2017
      • (2014)Towards the development of 1-to-n human machine interfaces for unmanned aerial vehicles2014 International Conference on Unmanned Aircraft Systems (ICUAS)10.1109/ICUAS.2014.6842258(211-221)Online publication date: May-2014
      • (2012)PowerPediaPersonal and Ubiquitous Computing10.1007/s00779-011-0432-y16:6(655-664)Online publication date: 1-Aug-2012
      • (2012)Evaluating Mobile Phones as Energy Consumption Feedback DevicesMobile and Ubiquitous Systems: Computing, Networking, and Services10.1007/978-3-642-29154-8_6(63-77)Online publication date: 2012
      • (2011)Calls for interactionProceedings of the 13th IFIP TC 13 international conference on Human-computer interaction - Volume Part IV10.5555/2042283.2042358(487-490)Online publication date: 5-Sep-2011
      • (2011)Comparison of 3D and 2D menus for cell phonesComputers in Human Behavior10.1016/j.chb.2011.04.01427:5(2056-2066)Online publication date: 1-Sep-2011
      • (2011)Calls for Interaction: The More the Better? User Experience of 3D Carousel and Additional Interaction TechniquesHuman-Computer Interaction – INTERACT 201110.1007/978-3-642-23768-3_64(487-490)Online publication date: 2011
      • Show More Cited By

      View Options

      Login options

      View options

      PDF

      View or Download as a PDF file.

      PDF

      eReader

      View online with eReader.

      eReader

      Figures

      Tables

      Media

      Share

      Share

      Share this Publication link

      Share on social media