Skip to main content
SpringerLink
Log in

Cross-Platform Development Using HTML5, jQuery Mobile, and PhoneGap: Realizing a Smart Meter Application

  • Conference paper
Book cover Web Information Systems and Technologies (WEBIST 2012)

Part of the book series: Lecture Notes in Business Information Processing ((LNBIP,volume 140))

Included in the following conference series:

Abstract

With mobile computing devices becoming prevalent, applications for them greatly increased in importance. These apps make devices more versatile. Unfortunately, developing them at the moment means that each plattform has to be addressed separately. Alternatively, Web-based solutions can be used that do not provide a “native” look and feel. To investigate novel methods of multi-platform app development and to review HTML5, we built an app using several up-to-date development frameworks. Our scenario is a smart meter tool, which is an active area of research in itself. We introduce approaches in the field of multi-platform app development and illustrate the technological background. We then give an overview of our development process. Eventually, we evaluate our app and discuss our findings with the aim of providing generalizable results.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Log in via an institution
Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 39.99
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 54.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Preview

Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

References

  1. Macedonia, M.: iPhones Target the Tech Elite. Computer 40, 94–95 (2007)

    Article  Google Scholar 

  2. Mobile Internetnutzung über das Handy 2010 stark gestiegen (2012), http://www.destatis.de/jetspeed/portal/cms/Sites/destatis/Internet/DE/Presse/pm/2011/02/PD11__060__63931/

  3. Gartner Says Worldwide Mobile Application Store Revenue Forecast to Surpass $15 Billion in 2011 (2012), http://www.gartner.com/it/page.jsp?id=1529214

  4. Dijkstra, E.W.: The Humble Programmer. Communications of the ACM 15, 859–866 (1972)

    Article  Google Scholar 

  5. Logan, S.: Gtk+ Programming in C. Prentice Hall, Upper Saddle River (2001)

    Google Scholar 

  6. HTML5 (2012), http://www.w3.org/TR/html5/

  7. PhoneGap (2012), http://www.phonegap.com/

  8. jQuery Mobile (2012), http://jquerymobile.com/

  9. Popa, M., Ciocarlie, H., Popa, A.S., Racz, M.B.: Smart metering for monitoring domestic utilities. In: Proc. INES 2010, pp. 43–48. IEEE Press (2010)

    Google Scholar 

  10. Javadi, S., Javadi, S.: Steps to smart grid realization. In: Proc. CEA 2010, pp. 223–228. WSEAS, Stevens Point (2010)

    Google Scholar 

  11. Knab, S., Strunz, K., Lehmann, H.: Smart grid. TU Berlin (2010)

    Google Scholar 

  12. Meehan, E.: The smart grid: the smart choice? In: Proc. InfoSecCD 2010, pp. 173–176. ACM, New York (2010)

    Google Scholar 

  13. Lee, J., Park, G.L., Kim, S.W., Kim, H.J., Sung, C.O.: Power consumption scheduling for peak load reduction in smart grid homes. In: Proc. SAC 2011, pp. 584–588. ACM, New York (2011)

    Google Scholar 

  14. Gnilka, A., Meyer-Spasche, J., Folta, N.: Smart Metering. LBD-Beratungsgesellschaft (2009)

    Google Scholar 

  15. Barney, L.S.: Developing Hybrid Applications for the iPhone. Addison-Wesley (2009)

    Google Scholar 

  16. Appcelerator (2012), http://www.appcelerator.com/

  17. XMLVM (2012), http://www.xmlvm.org/

  18. applause (2012), https://github.com/applause/

  19. Heitkötter, H., Hanschke, S., Majchrzak, T.A.: Comparing cross-platform development approaches for mobile applications. In: Proc. 8th International Conference on Web Information Systems and Technologies, WEBIST. SciTePress (2012)

    Google Scholar 

  20. Allen, S., Graupera, V., Lundrigan, L.: Pro Smartphone Cross-Platform Development: iPhone, Blackberry, Windows Mobile and Android Development and Distribution. Apress (2010)

    Google Scholar 

  21. Pilgrim, M.: HTML5: Up and Running. O’Reilly (2010)

    Google Scholar 

  22. Oehlman, D., Blanc, S.: Pro Android Web Apps: Develop for Android using HTML5, CSS3 & JavaScript. Apress (2011)

    Google Scholar 

  23. Layon, K.: The Web Designer’s Guide to iOS Apps. New Riders Pub., Thousand Oaks (2010)

    Google Scholar 

  24. Di Cerbo, F., Dodero, G., Papaleo, L.: Integrating a Web3D interface into an e-learning platform. In: Proc. Web3D 2010, pp. 83–92. ACM, New York (2010)

    Google Scholar 

  25. Pfeiffer, S., Parker, C.: Accessibility for the HTML5 <video> element. In: Proc. W4A 2009, pp. 98–100. ACM, New York (2009)

    Google Scholar 

  26. Aghaee, S., Pautasso, C.: Mashup development with HTML5. In: Proc. Mashups 2009/2010, pp. 10:1–10:8. ACM, New York (2010)

    Google Scholar 

  27. Harjono, J., Ng, G., Kong, D., Lo, J.: Building smarter web applications with HTML5. In: Proc. CASCON 2010, pp. 402–403. ACM, New York (2010)

    Google Scholar 

  28. Melamed, T., Clayton, B.: A Comparative Evaluation of HTML5 as a Pervasive Media Platform. In: Phan, T., Montanari, R., Zerfos, P. (eds.) MobiCASE 2009. LNICST, vol. 35, pp. 307–325. Springer, Heidelberg (2010)

    Chapter  Google Scholar 

  29. Rogers, R.: Developing portable mobile web applications. Linux J. 2010 (2010)

    Google Scholar 

  30. Suhonos, M.J.: Building a Location-aware Mobile Search Application with Z39.50 and HTML5. Code4Lib (2010)

    Google Scholar 

  31. Song, K., Seo, D., Park, H., Lee, H., Perrig, A.: OMAP: One-Way Memory Attestation Protocol for Smart Meters. In: Proc. ISPAW 2011, pp. 111–118. IEEE CS, Washington, DC (2011)

    Google Scholar 

  32. McLaughlin, S., Podkuiko, D., Delozier, A., Miadzvezhanka, S., McDaniel, P.: Embedded firmware diversity for smart electric meters. In: Proc. HotSec 2010, pp. 1–8. USENIX Association, Berkeley (2010)

    Google Scholar 

  33. Capodieci, N., Pagani, G.A., Cabri, G., Aiello, M.: Smart meter aware domestic energy trading agents. In: Proc. IEEMC 2011, pp. 1–10. ACM, New York (2011)

    Google Scholar 

  34. Weiss, M., Mattern, F., Graml, T., Staake, T., Fleisch, E.: Handy feedback: connecting smart meters with mobile phones. In: Proc. MUM 2009, pp. 1–4. ACM, New York (2009)

    Google Scholar 

  35. Wasserman, A.I.: Software engineering issues for mobile application development. In: Proc. FoSER 2010, pp. 397–400. ACM, New York (2010)

    Google Scholar 

  36. Google PowerMeter’s first device partner (2012), http://googleblog.blogspot.com/2009/10/google-powermeters-first-device-partner.html

  37. Vattenfall Smart Meter App (2012), http://itunes.apple.com/de/app/id381931965/

  38. Vaughan-Nichols, S.J.: Will HTML 5 Restandardize the Web? Computer 43, 13–15 (2010)

    Article  Google Scholar 

  39. Lubbers, P., Albers, B., Smith, R., Salim, F.: Pro HTML5 Programming. Apress (2010)

    Google Scholar 

  40. HTML5 differences from HTML4 (2012), http://www.w3.org/TR/html5-diff/

  41. Device APIs Working Group (2012), http://www.w3.org/2009/dap/

  42. HTML5 Test Suite Conformance Results (2012), http://w3c-test.org/html/tests/reporting/report.html

  43. The HTML5 test (2012), http://html5test.com/

  44. Crockford, D.: JavaScript: The Good Parts. O’Reilly (2008)

    Google Scholar 

  45. Steyer, R.: jQuery. Addison-Wesley (2010)

    Google Scholar 

  46. jQuery Usage Trends (2012), http://trends.builtwith.com/javascript/JQuery/

  47. Reid, J.: jQuery Mobile. O’Reilly (2011)

    Google Scholar 

  48. Firtman, M.: jQuery Mobile: Up and Running. O’Reilly (2011)

    Google Scholar 

  49. Richardson, L., Ruby, S.: Restful Web Services. O’Reilly (2007)

    Google Scholar 

  50. Webber, J., Parastatidis, S., Robinson, I.: REST in Practice. O’Reilly (2010)

    Google Scholar 

  51. Ableson, F., Collins, C., Sen, R.: Unlocking Android. Manning, Greenwich (2009)

    Google Scholar 

  52. Neuburg, M.: Programming iOS 4. O’Reilly (2011)

    Google Scholar 

  53. WebKit (2012), http://www.webkit.org/

  54. Frederick, J., Zierau, T.: SAP for Utilities. SAP Press, Bonn (2011)

    Google Scholar 

  55. Bieh, M.: Mobiles Webdesign. Galileo Press (2008)

    Google Scholar 

  56. iOS Human Interface Guidelines (2012), http://developer.apple.com/library/ios/DOCUMENTATION/UserExperience/Conceptual/MobileHIG/MobileHIG.pdf

  57. Android Design (2012), http://developer.android.com/design/

  58. Stark, J.: Building Android Apps with HTML, CSS, and JavaScript. O’Reilly (2010)

    Google Scholar 

  59. Rhodes (2012), http://rhomobile.com/products/rhodes/

  60. PhoneGap Supported Features (2012), http://phonegap.com/about/features/

  61. Ghatol, R., Patel, Y.: Beginning PhoneGap: Mobile Web Framework for JavaScript and HTML5. Apress (2012)

    Google Scholar 

  62. Lunny, A.: PhoneGap Beginner’s Guide. Packt Pub. (2011)

    Google Scholar 

  63. Myer, T.: Beginning PhoneGap. Wrox (2011)

    Google Scholar 

  64. Apache Cordova (2012), http://incubator.apache.org/cordova/

  65. Adobe: Adobe Announces Agreement to Acquire Nitobi (2011), http://www.adobe.com/aboutadobe/pressroom/pressreleases/201110/AdobeAcquiresNitobi.html

  66. Sencha Touch (2012), http://www.sencha.com/products/touch/

  67. Mobile Graded Browser Support (2012), http://jquerymobile.com/gbs/

  68. jqPlot (2012), http://www.jqplot.com/

  69. Highcharts JS (2012), http://www.highcharts.com/

  70. gRaphaël (2012), http://g.raphaeljs.com/

  71. Parker, T.: Designing with Progressive Enhancement. New Riders (2010)

    Google Scholar 

  72. Fielding, R.T.: Architectural Styles and the Design of Network-based Software Architectures. PhD thesis, University of California, Irvine (2000)

    Google Scholar 

  73. JSON Schema (2012), http://json-schema.org/

  74. Burke, B.: RESTful Java with JAX-RS. O’Reilly (2010)

    Google Scholar 

  75. Walls, C.: Spring in Action. Manning (2011)

    Google Scholar 

  76. Web SQL Database (2012), http://dev.w3.org/html5/webdatabase/

  77. PhoneGap Get Started Guide (2012), http://www.phonegap.com/start/#android

  78. PhoneGap API Reference (2012), http://docs.phonegap.com/

  79. Selenium (2012), http://seleniumhq.org/

  80. Firebug (2012), http://getfirebug.com/

  81. Mobile Web Metrics Report H2/2011 (2011), http://www.netbiscuits.com/mobile-metrics-report-2011/

  82. Pogue, D.: iPhone: the Missing Manual. O’Reilly (2007)

    Google Scholar 

  83. app-UI (2012), http://triceam.github.com/app-UI/

  84. Kendo UI (2012), http://www.kendoui.com/

Download references

Author information

Authors and Affiliations

  1. best practice consulting AG (bpc), Münster, Germany

    Alexander Zibula

  2. Department of Information Systems, University of Münster, Münster, Germany

    Tim A. Majchrzak

Authors
  1. Alexander Zibula
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Tim A. Majchrzak
    View author publications

    You can also search for this author in PubMed Google Scholar

Editor information

Editors and Affiliations

  1. Institute for Systems and Technologies of Information, Control and Communication (INSTICC), and Instituto Politécnico de Setúbal (IPS), Setúbal, Portugal

    José Cordeiro

  2. RWTH Aachen University, Ahornstr. 55, 52074, Aachen, Germany

    Karl-Heinz Krempels

Rights and permissions

Reprints and permissions

Copyright information

© 2013 Springer-Verlag Berlin Heidelberg

About this paper

Cite this paper

Zibula, A., Majchrzak, T.A. (2013). Cross-Platform Development Using HTML5, jQuery Mobile, and PhoneGap: Realizing a Smart Meter Application. In: Cordeiro, J., Krempels, KH. (eds) Web Information Systems and Technologies. WEBIST 2012. Lecture Notes in Business Information Processing, vol 140. Springer, Berlin, Heidelberg. https://doi.org/10.1007/978-3-642-36608-6_2

Download citation

  • DOI: https://doi.org/10.1007/978-3-642-36608-6_2

  • Publisher Name: Springer, Berlin, Heidelberg

  • Print ISBN: 978-3-642-36607-9

  • Online ISBN: 978-3-642-36608-6

  • eBook Packages: Computer ScienceComputer Science (R0)

Publish with us

Policies and ethics

Search

Navigation