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

Alexander Zibula, Tim A. Majchrzak

2012

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. Ableson, F., Collins, C., and Sen, R. (2009). Unlocking Android. Manning, Greenwich, CT, USA.
  3. 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.
  4. 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.
  5. Allen, S., Graupera, V., and Lundrigan, L. (2010). Pro Smartphone Cross-Platform Development: iPhone, Blackberry, Windows Mobile and Android Development and Distribution. Apress.
  6. Allen, S., Graupera, V., and Lundrigan, L. (2010). Pro Smartphone Cross-Platform Development: iPhone, Blackberry, Windows Mobile and Android Development and Distribution. Apress.
  7. Android Design (2012). “Android Design”.
  8. Android Design (2012). “Android Design”.
  9. Apache Cordova (2012). Apache Cordova.
  10. Apache Cordova (2012). Apache Cordova.
  11. Appcelerator (2012). Appcelerator.
  12. Appcelerator (2012). Appcelerator.
  13. Applause (2012). applause.
  14. Applause (2012). applause.
  15. Barney, L. S. (2009). Developing Hybrid Applications for the iPhone. Addison-Wesley.
  16. Barney, L. S. (2009). Developing Hybrid Applications for the iPhone. Addison-Wesley.
  17. Bieh, M. (2008). Mobiles Webdesign. Galileo Press.
  18. Bieh, M. (2008). Mobiles Webdesign. Galileo Press.
  19. Burke, B. (2010). RESTful Java with JAX-RS. O'Reilly.
  20. Burke, B. (2010). RESTful Java with JAX-RS. O'Reilly.
  21. 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.
  22. 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.
  23. Crockford, D. (2008). O'Reilly.
  24. Crockford, D. (2008). O'Reilly.
  25. Device APIs WG (2012). “Device APIs Working Group”.
  26. Device APIs WG (2012). “Device APIs Working Group”.
  27. 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.
  28. 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.
  29. Dijkstra, E. W. (1972). The Humble Programmer. Communications of the ACM, 15:859-866.
  30. Dijkstra, E. W. (1972). The Humble Programmer. Communications of the ACM, 15:859-866.
  31. Fielding, R. T. (2000). Architectural Styles and the Design of Network-based Software Architectures. PhD thesis, University of California, Irvine.
  32. Fielding, R. T. (2000). Architectural Styles and the Design of Network-based Software Architectures. PhD thesis, University of California, Irvine.
  33. Firebug (2012). Firebug.
  34. Firebug (2012). Firebug.
  35. Firtman, M. (2011). jQuery Mobile: Up and Running. O'Reilly.
  36. Firtman, M. (2011). jQuery Mobile: Up and Running. O'Reilly.
  37. Frederick, J. and Zierau, T. (2011). SAP for Utilities. SAP Press, Bonn.
  38. Frederick, J. and Zierau, T. (2011). SAP for Utilities. SAP Press, Bonn.
  39. Gartner (2012). “Gartner Says Worldwide Mobile Application Store Revenue Forecast to Surpass $15 Billion in 2011”.
  40. Gartner (2012). “Gartner Says Worldwide Mobile Application Store Revenue Forecast to Surpass $15 Billion in 2011”.
  41. Ghatol, R. and Patel, Y. (2012). Beginning PhoneGap: Mobile Web Framework for JavaScript and HTML5. Apress.
  42. Ghatol, R. and Patel, Y. (2012). Beginning PhoneGap: Mobile Web Framework for JavaScript and HTML5. Apress.
  43. Gnilka, A., Meyer-Spasche, J., and Folta, N. (2009). Smart Metering. LBD-Beratungsgesellschaft.
  44. Gnilka, A., Meyer-Spasche, J., and Folta, N. (2009). Smart Metering. LBD-Beratungsgesellschaft.
  45. Google PowerMeter (2012). “Google PowerMeter's first device partner”.
  46. Google PowerMeter (2012). “Google PowerMeter's first device partner”.
  47. gRaphaël (2012). gRaphaël.
  48. gRaphaël (2012). gRaphaël.
  49. 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.
  50. 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.
  51. Highcharts JS (2012). Highcharts JS.
  52. Highcharts JS (2012). Highcharts JS.
  53. Javadi, S. and Javadi, S. (2010). Steps to smart grid realization. In Proc. CEA'10, pages 223-228, Stevens Point, Wisconsin, USA. WSEAS.
  54. Javadi, S. and Javadi, S. (2010). Steps to smart grid realization. In Proc. CEA'10, pages 223-228, Stevens Point, Wisconsin, USA. WSEAS.
  55. jqPlot (2012). jqPlot.
  56. jqPlot (2012). jqPlot.
  57. jQuery Mobile (2012). jQuery Mobile.
  58. jQuery Mobile (2012). jQuery Mobile.
  59. jQuery Usage Trends (2012). “jQuery Usage Trends”.
  60. jQuery Usage Trends (2012). “jQuery Usage Trends”.
  61. JSON Schema (2012). JSON Schema.
  62. JSON Schema (2012). JSON Schema.
  63. Knab, S., Strunz, K., and Lehmann, H. (2010). Smart grid. TU Berlin.
  64. Knab, S., Strunz, K., and Lehmann, H. (2010). Smart grid. TU Berlin.
  65. Layon, K. (2010). The Web Designer's Guide to iOS Apps. New Riders Pub., Thousand Oaks, CA, USA.
  66. Layon, K. (2010). The Web Designer's Guide to iOS Apps. New Riders Pub., Thousand Oaks, CA, USA.
  67. 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.
  68. 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.
  69. Logan, S. (2001). Gtk+ Programming in C. Prentice Hall, Upper Saddle River, NJ, USA.
  70. Logan, S. (2001). Gtk+ Programming in C. Prentice Hall, Upper Saddle River, NJ, USA.
  71. Lubbers, P., Albers, B., Smith, R., and Salim, F. (2010). Pro HTML5 Programming. Apress.
  72. Lubbers, P., Albers, B., Smith, R., and Salim, F. (2010). Pro HTML5 Programming. Apress.
  73. Lunny, A. (2011). PhoneGap Beginner's Guide. Packt Pub.
  74. Lunny, A. (2011). PhoneGap Beginner's Guide. Packt Pub.
  75. Macedonia, M. (2007). iPhones Target the Tech Elite. Computer, 40:94-95.
  76. Macedonia, M. (2007). iPhones Target the Tech Elite. Computer, 40:94-95.
  77. 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.
  78. 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.
  79. Meehan, E. (2010). The smart grid: the smart choice? In Proc. InfoSecCD 7810, pages 173-176, New York, NY, USA. ACM.
  80. Meehan, E. (2010). The smart grid: the smart choice? In Proc. InfoSecCD 7810, pages 173-176, New York, NY, USA. ACM.
  81. 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.
  82. 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.
  83. Mobile Graded Browser Support (2012). “Mobile Graded Browser Support”.
  84. Mobile Graded Browser Support (2012). “Mobile Graded Browser Support”.
  85. Mobile Internetnutzung (2012). “Mobile Internetnutzung über das Handy 2010 stark gestiegen”.
  86. Mobile Internetnutzung (2012). “Mobile Internetnutzung über das Handy 2010 stark gestiegen”.
  87. Mobile Web Metrics Report H2/2011 (2011). “mobile web metrics report h2/2011”.
  88. Mobile Web Metrics Report H2/2011 (2011). “mobile web metrics report h2/2011”.
  89. Myer, T. (2011). Beginning PhoneGap. Wrox.
  90. Myer, T. (2011). Beginning PhoneGap. Wrox.
  91. Neuburg, M. (2011). Programming iOS 4. O'Reilly.
  92. Neuburg, M. (2011). Programming iOS 4. O'Reilly.
  93. Oehlman, D. and Blanc, S. (2011). Pro Android Web Apps: Develop for Android using HTML5, CSS3 & JavaScript. Apress.
  94. Oehlman, D. and Blanc, S. (2011). Pro Android Web Apps: Develop for Android using HTML5, CSS3 & JavaScript. Apress.
  95. Parker, T. (2010). Designing with Progressive Enhancement. New Riders.
  96. Parker, T. (2010). Designing with Progressive Enhancement. New Riders.
  97. Pfeiffer, S. and Parker, C. (2009). Accessibility for the HTML5 <video> element. In Proc. W4A 7809, pages 98-100, New York, NY, USA. ACM.
  98. Pfeiffer, S. and Parker, C. (2009). Accessibility for the HTML5 <video> element. In Proc. W4A 7809, pages 98-100, New York, NY, USA. ACM.
  99. PhoneGap (2012). PhoneGap.
  100. PhoneGap (2012). PhoneGap.
  101. PhoneGap API Reference (2012). “PhoneGap API Reference”.
  102. PhoneGap API Reference (2012). “PhoneGap API Reference”.
  103. PhoneGap Get Started Guide (2012). “PhoneGap Get Started Guide”.
  104. PhoneGap Get Started Guide (2012). “PhoneGap Get Started Guide”.
  105. PhoneGap Supported Features (2012). “PhoneGap Supported Features”.
  106. PhoneGap Supported Features (2012). “PhoneGap Supported Features”.
  107. Pilgrim, M. (2010). HTML5: Up and Running. O'Reilly.
  108. Pilgrim, M. (2010). HTML5: Up and Running. O'Reilly.
  109. Pogue, D. (2007). iPhone: the Missing Manual. O'Reilly.
  110. Pogue, D. (2007). iPhone: the Missing Manual. O'Reilly.
  111. 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.
  112. 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.
  113. Reid, J. (2011). jQuery Mobile. O'Reilly.
  114. Reid, J. (2011). jQuery Mobile. O'Reilly.
  115. Rhodes (2012). Rhodes.
  116. Rhodes (2012). Rhodes.
  117. Richardson, L. and Ruby, S. (2007). RESTful Web Services. O'Reilly.
  118. Richardson, L. and Ruby, S. (2007). RESTful Web Services. O'Reilly.
  119. Rogers, R. (2010). Developing portable mobile web applications. Linux J., 2010.
  120. Rogers, R. (2010). Developing portable mobile web applications. Linux J., 2010.
  121. Selenium (2012). Selenium.
  122. Selenium (2012). Selenium.
  123. Sencha Touch (2012). Sencha Touch.
  124. Sencha Touch (2012). Sencha Touch.
  125. 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.
  126. 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.
  127. Stark, J. (2010). Building Android Apps with HTML, CSS, and JavaScript. O'Reilly.
  128. Stark, J. (2010). Building Android Apps with HTML, CSS, and JavaScript. O'Reilly.
  129. Steyer, R. (2010). jQuery. Addison-Wesley.
  130. Steyer, R. (2010). jQuery. Addison-Wesley.
  131. Suhonos, M. J. (2010). Building a Location-aware Mobile Search Application with Z39.50 and HTML5. Code4Lib.
  132. Suhonos, M. J. (2010). Building a Location-aware Mobile Search Application with Z39.50 and HTML5. Code4Lib.
  133. The HTML5 test (2012). “The HTML5 test”.
  134. The HTML5 test (2012). “The HTML5 test”.
  135. Vattenfall Smart Meter App (2012). “Vattenfall Smart Meter App”.
  136. Vattenfall Smart Meter App (2012). “Vattenfall Smart Meter App”.
  137. Vaughan-Nichols, S. J. (2010). Will HTML 5 Restandardize the Web? Computer, 43(4):13-15.
  138. Vaughan-Nichols, S. J. (2010). Will HTML 5 Restandardize the Web? Computer, 43(4):13-15.
  139. Walls, C. (2011). Spring in Action. Manning.
  140. Walls, C. (2011). Spring in Action. Manning.
  141. Wasserman, A. I. (2010). Software engineering issues for mobile application development. In Proc. FoSER 7810, pages 397-400, New York, NY, USA. ACM.
  142. Wasserman, A. I. (2010). Software engineering issues for mobile application development. In Proc. FoSER 7810, pages 397-400, New York, NY, USA. ACM.
  143. Web SQL Database (2012). Web SQL Database.
  144. Web SQL Database (2012). Web SQL Database.
  145. Webber, J., Parastatidis, S., and Robinson, I. (2010). REST in Practice. O'Reilly.
  146. Webber, J., Parastatidis, S., and Robinson, I. (2010). REST in Practice. O'Reilly.
  147. WebKit (2012). WebKit.
  148. WebKit (2012). WebKit.
  149. 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.
  150. 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.
  151. XMLVM (2012). XMLVM.
  152. 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 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 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


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