DEVELOPING A CROSS-PLATFORM MOBILE SMART METER APPLICATION USING HTML5, JQUERY MOBILE AND PHONEGAP

Alexander Zibula, Tim A. Majchrzak

Abstract

Mobile computing devices are becoming more prevalent. Mobile applications extend their scope and utility. Developing such apps introduces a problem: developers are being forced to develop their applications to target each mobile platform from scratch or to rely on Web-based solutions that do not provide a “native” look and feel. In order to investigate novel methods of multi-platform app development and to review HTML5, we built an app using several cutting-edge development frameworks. Our scenario—a smart meter tool—is an active area of research in itself. We present approaches in the field of multi-platform app development and illustrate the technological background. We provide an overview of our development process. Finally, we evaluate our app and discuss our findings in order to provide generalizable results.

References

  1. Ableson, F., Collins, C., and Sen, R. (2009). Unlocking Android. Manning, Greenwich, CT, USA.
  2. Aghaee, S. and Pautasso, C. (2010). Mashup development with HTML5. In Proc. Mashups 7809/7810, pages 10:1- 10:8, New York, NY, USA. ACM.
  3. Allen, S., Graupera, V., and Lundrigan, L. (2010). Pro Smartphone Cross-Platform Development: iPhone, Blackberry, Windows Mobile and Android Development and Distribution. Apress.
  4. Android Design (2012). “Android Design”.
  5. Apache Cordova (2012). Apache Cordova.
  6. Appcelerator (2012). Appcelerator.
  7. Applause (2012). applause.
  8. Barney, L. S. (2009). Developing Hybrid Applications for the iPhone. Addison-Wesley.
  9. Bieh, M. (2008). Mobiles Webdesign. Galileo Press.
  10. Burke, B. (2010). RESTful Java with JAX-RS. O'Reilly.
  11. Capodieci, N., Pagani, G. A., Cabri, G., and Aiello, M. (2011). Smart meter aware domestic energy trading agents. In Proc. IEEMC 7811, pages 1-10, New York, NY, USA. ACM.
  12. Crockford, D. (2008). O'Reilly.
  13. Device APIs WG (2012). “Device APIs Working Group”.
  14. Di Cerbo, F., Dodero, G., and Papaleo, L. (2010). Integrating a Web3D interface into an e-learning platform. In Proc. Web3D 7810, pages 83-92, New York, NY, USA. ACM.
  15. Dijkstra, E. W. (1972). The Humble Programmer. Communications of the ACM, 15:859-866.
  16. Fielding, R. T. (2000). Architectural Styles and the Design of Network-based Software Architectures. PhD thesis, University of California, Irvine.
  17. Firebug (2012). Firebug.
  18. Firtman, M. (2011). jQuery Mobile: Up and Running. O'Reilly.
  19. Frederick, J. and Zierau, T. (2011). SAP for Utilities. SAP Press, Bonn.
  20. Gartner (2012). “Gartner Says Worldwide Mobile Application Store Revenue Forecast to Surpass $15 Billion in 2011”.
  21. Ghatol, R. and Patel, Y. (2012). Beginning PhoneGap: Mobile Web Framework for JavaScript and HTML5. Apress.
  22. Gnilka, A., Meyer-Spasche, J., and Folta, N. (2009). Smart Metering. LBD-Beratungsgesellschaft.
  23. Google PowerMeter (2012). “Google PowerMeter's first device partner”.
  24. gRaphaël (2012). gRaphaël.
  25. Harjono, J., Ng, G., Kong, D., and Lo, J. (2010). Building smarter web applications with HTML5. In Proc. CASCON 7810, pages 402-403, New York, NY, USA. ACM.
  26. Highcharts JS (2012). Highcharts JS.
  27. Javadi, S. and Javadi, S. (2010). Steps to smart grid realization. In Proc. CEA'10, pages 223-228, Stevens Point, Wisconsin, USA. WSEAS.
  28. jqPlot (2012). jqPlot.
  29. jQuery Mobile (2012). jQuery Mobile.
  30. jQuery Usage Trends (2012). “jQuery Usage Trends”.
  31. JSON Schema (2012). JSON Schema.
  32. Knab, S., Strunz, K., and Lehmann, H. (2010). Smart grid. TU Berlin.
  33. Layon, K. (2010). The Web Designer's Guide to iOS Apps. New Riders Pub., Thousand Oaks, CA, USA.
  34. Lee, J., Park, G.-L., Kim, S.-W., Kim, H.-J., and Sung, C. O. (2011). Power consumption scheduling for peak load reduction in smart grid homes. In Proc. SAC 7811, pages 584-588, New York, NY, USA. ACM.
  35. Logan, S. (2001). Gtk+ Programming in C. Prentice Hall, Upper Saddle River, NJ, USA.
  36. Lubbers, P., Albers, B., Smith, R., and Salim, F. (2010). Pro HTML5 Programming. Apress.
  37. Lunny, A. (2011). PhoneGap Beginner's Guide. Packt Pub.
  38. Macedonia, M. (2007). iPhones Target the Tech Elite. Computer, 40:94-95.
  39. McLaughlin, S., Podkuiko, D., Delozier, A., Miadzvezhanka, S., and McDaniel, P. (2010). Embedded firmware diversity for smart electric meters. In Proc. HotSec'10, pages 1-8, Berkeley, CA, USA. USENIX Association.
  40. Meehan, E. (2010). The smart grid: the smart choice? In Proc. InfoSecCD 7810, pages 173-176, New York, NY, USA. ACM.
  41. Melamed, T. and Clayton, B. J. C. (2009). A Comparative Evaluation of HTML5 as a Pervasive Media Platform. In Proc. 1st Int. ICST Conf. MobiCASE, pages 307- 325. Springer.
  42. Mobile Graded Browser Support (2012). “Mobile Graded Browser Support”.
  43. Mobile Internetnutzung (2012). “Mobile Internetnutzung über das Handy 2010 stark gestiegen”.
  44. Mobile Web Metrics Report H2/2011 (2011). “mobile web metrics report h2/2011”.
  45. Myer, T. (2011). Beginning PhoneGap. Wrox.
  46. Neuburg, M. (2011). Programming iOS 4. O'Reilly.
  47. Oehlman, D. and Blanc, S. (2011). Pro Android Web Apps: Develop for Android using HTML5, CSS3 & JavaScript. Apress.
  48. Parker, T. (2010). Designing with Progressive Enhancement. New Riders.
  49. Pfeiffer, S. and Parker, C. (2009). Accessibility for the HTML5 <video> element. In Proc. W4A 7809, pages 98-100, New York, NY, USA. ACM.
  50. PhoneGap (2012). PhoneGap.
  51. PhoneGap API Reference (2012). “PhoneGap API Reference”.
  52. PhoneGap Get Started Guide (2012). “PhoneGap Get Started Guide”.
  53. PhoneGap Supported Features (2012). “PhoneGap Supported Features”.
  54. Pilgrim, M. (2010). HTML5: Up and Running. O'Reilly.
  55. Pogue, D. (2007). iPhone: the Missing Manual. O'Reilly.
  56. Popa, M., Ciocarlie, H., Popa, A. S., and Racz, M. B. (2010). Smart metering for monitoring domestic utilities. In Proc. INES'10, pages 43-48. IEEE Press.
  57. Reid, J. (2011). jQuery Mobile. O'Reilly.
  58. Rhodes (2012). Rhodes.
  59. Richardson, L. and Ruby, S. (2007). RESTful Web Services. O'Reilly.
  60. Rogers, R. (2010). Developing portable mobile web applications. Linux J., 2010.
  61. Selenium (2012). Selenium.
  62. Sencha Touch (2012). Sencha Touch.
  63. Song, K., Seo, D., Park, H., Lee, H., and Perrig, A. (2011). OMAP: One-Way Memory Attestation Protocol for Smart Meters. In Proc. ISPAW 7811, pages 111-118, Washington, DC, USA. IEEE CS.
  64. Stark, J. (2010). Building Android Apps with HTML, CSS, and JavaScript. O'Reilly.
  65. Steyer, R. (2010). jQuery. Addison-Wesley.
  66. Suhonos, M. J. (2010). Building a Location-aware Mobile Search Application with Z39.50 and HTML5. Code4Lib.
  67. The HTML5 test (2012). “The HTML5 test”.
  68. Vattenfall Smart Meter App (2012). “Vattenfall Smart Meter App”.
  69. Vaughan-Nichols, S. J. (2010). Will HTML 5 Restandardize the Web? Computer, 43(4):13-15.
  70. Walls, C. (2011). Spring in Action. Manning.
  71. Wasserman, A. I. (2010). Software engineering issues for mobile application development. In Proc. FoSER 7810, pages 397-400, New York, NY, USA. ACM.
  72. Web SQL Database (2012). Web SQL Database.
  73. Webber, J., Parastatidis, S., and Robinson, I. (2010). REST in Practice. O'Reilly.
  74. WebKit (2012). WebKit.
  75. Weiss, M., Mattern, F., Graml, T., Staake, T., and Fleisch, E. (2009). Handy feedback: connecting smart meters with mobile phones. In Proc. MUM 7809, pages 1-4, New York, NY, USA. ACM.
  76. XMLVM (2012). XMLVM.
Download


Paper Citation


in Harvard Style

Zibula A. and A. Majchrzak T. (2012). DEVELOPING A CROSS-PLATFORM MOBILE SMART METER APPLICATION USING HTML5, JQUERY MOBILE AND PHONEGAP . In Proceedings of the 8th International Conference on Web Information Systems and Technologies - Volume 1: WEBIST, ISBN 978-989-8565-08-2, pages 13-23. DOI: 10.5220/0003900100130023


in Bibtex Style

@conference{webist12,
author={Alexander Zibula and Tim A. Majchrzak},
title={DEVELOPING A CROSS-PLATFORM MOBILE SMART METER APPLICATION USING HTML5, JQUERY MOBILE AND PHONEGAP},
booktitle={Proceedings of the 8th International Conference on Web Information Systems and Technologies - Volume 1: WEBIST,},
year={2012},
pages={13-23},
publisher={SciTePress},
organization={INSTICC},
doi={10.5220/0003900100130023},
isbn={978-989-8565-08-2},
}


in EndNote Style

TY - CONF
JO - Proceedings of the 8th International Conference on Web Information Systems and Technologies - Volume 1: WEBIST,
TI - DEVELOPING A CROSS-PLATFORM MOBILE SMART METER APPLICATION USING HTML5, JQUERY MOBILE AND PHONEGAP
SN - 978-989-8565-08-2
AU - Zibula A.
AU - A. Majchrzak T.
PY - 2012
SP - 13
EP - 23
DO - 10.5220/0003900100130023