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.
Access this chapter
Tax calculation will be finalised at checkout
Purchases are for personal use only
Preview
Unable to display preview. Download preview PDF.
References
Macedonia, M.: iPhones Target the Tech Elite. Computer 40, 94–95 (2007)
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/
Gartner Says Worldwide Mobile Application Store Revenue Forecast to Surpass $15 Billion in 2011 (2012), http://www.gartner.com/it/page.jsp?id=1529214
Dijkstra, E.W.: The Humble Programmer. Communications of the ACM 15, 859–866 (1972)
Logan, S.: Gtk+ Programming in C. Prentice Hall, Upper Saddle River (2001)
HTML5 (2012), http://www.w3.org/TR/html5/
PhoneGap (2012), http://www.phonegap.com/
jQuery Mobile (2012), http://jquerymobile.com/
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)
Javadi, S., Javadi, S.: Steps to smart grid realization. In: Proc. CEA 2010, pp. 223–228. WSEAS, Stevens Point (2010)
Knab, S., Strunz, K., Lehmann, H.: Smart grid. TU Berlin (2010)
Meehan, E.: The smart grid: the smart choice? In: Proc. InfoSecCD 2010, pp. 173–176. ACM, New York (2010)
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)
Gnilka, A., Meyer-Spasche, J., Folta, N.: Smart Metering. LBD-Beratungsgesellschaft (2009)
Barney, L.S.: Developing Hybrid Applications for the iPhone. Addison-Wesley (2009)
Appcelerator (2012), http://www.appcelerator.com/
XMLVM (2012), http://www.xmlvm.org/
applause (2012), https://github.com/applause/
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)
Allen, S., Graupera, V., Lundrigan, L.: Pro Smartphone Cross-Platform Development: iPhone, Blackberry, Windows Mobile and Android Development and Distribution. Apress (2010)
Pilgrim, M.: HTML5: Up and Running. O’Reilly (2010)
Oehlman, D., Blanc, S.: Pro Android Web Apps: Develop for Android using HTML5, CSS3 & JavaScript. Apress (2011)
Layon, K.: The Web Designer’s Guide to iOS Apps. New Riders Pub., Thousand Oaks (2010)
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)
Pfeiffer, S., Parker, C.: Accessibility for the HTML5 <video> element. In: Proc. W4A 2009, pp. 98–100. ACM, New York (2009)
Aghaee, S., Pautasso, C.: Mashup development with HTML5. In: Proc. Mashups 2009/2010, pp. 10:1–10:8. ACM, New York (2010)
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)
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)
Rogers, R.: Developing portable mobile web applications. Linux J. 2010 (2010)
Suhonos, M.J.: Building a Location-aware Mobile Search Application with Z39.50 and HTML5. Code4Lib (2010)
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)
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)
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)
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)
Wasserman, A.I.: Software engineering issues for mobile application development. In: Proc. FoSER 2010, pp. 397–400. ACM, New York (2010)
Google PowerMeter’s first device partner (2012), http://googleblog.blogspot.com/2009/10/google-powermeters-first-device-partner.html
Vattenfall Smart Meter App (2012), http://itunes.apple.com/de/app/id381931965/
Vaughan-Nichols, S.J.: Will HTML 5 Restandardize the Web? Computer 43, 13–15 (2010)
Lubbers, P., Albers, B., Smith, R., Salim, F.: Pro HTML5 Programming. Apress (2010)
HTML5 differences from HTML4 (2012), http://www.w3.org/TR/html5-diff/
Device APIs Working Group (2012), http://www.w3.org/2009/dap/
HTML5 Test Suite Conformance Results (2012), http://w3c-test.org/html/tests/reporting/report.html
The HTML5 test (2012), http://html5test.com/
Crockford, D.: JavaScript: The Good Parts. O’Reilly (2008)
Steyer, R.: jQuery. Addison-Wesley (2010)
jQuery Usage Trends (2012), http://trends.builtwith.com/javascript/JQuery/
Reid, J.: jQuery Mobile. O’Reilly (2011)
Firtman, M.: jQuery Mobile: Up and Running. O’Reilly (2011)
Richardson, L., Ruby, S.: Restful Web Services. O’Reilly (2007)
Webber, J., Parastatidis, S., Robinson, I.: REST in Practice. O’Reilly (2010)
Ableson, F., Collins, C., Sen, R.: Unlocking Android. Manning, Greenwich (2009)
Neuburg, M.: Programming iOS 4. O’Reilly (2011)
WebKit (2012), http://www.webkit.org/
Frederick, J., Zierau, T.: SAP for Utilities. SAP Press, Bonn (2011)
Bieh, M.: Mobiles Webdesign. Galileo Press (2008)
iOS Human Interface Guidelines (2012), http://developer.apple.com/library/ios/DOCUMENTATION/UserExperience/Conceptual/MobileHIG/MobileHIG.pdf
Android Design (2012), http://developer.android.com/design/
Stark, J.: Building Android Apps with HTML, CSS, and JavaScript. O’Reilly (2010)
Rhodes (2012), http://rhomobile.com/products/rhodes/
PhoneGap Supported Features (2012), http://phonegap.com/about/features/
Ghatol, R., Patel, Y.: Beginning PhoneGap: Mobile Web Framework for JavaScript and HTML5. Apress (2012)
Lunny, A.: PhoneGap Beginner’s Guide. Packt Pub. (2011)
Myer, T.: Beginning PhoneGap. Wrox (2011)
Apache Cordova (2012), http://incubator.apache.org/cordova/
Adobe: Adobe Announces Agreement to Acquire Nitobi (2011), http://www.adobe.com/aboutadobe/pressroom/pressreleases/201110/AdobeAcquiresNitobi.html
Sencha Touch (2012), http://www.sencha.com/products/touch/
Mobile Graded Browser Support (2012), http://jquerymobile.com/gbs/
jqPlot (2012), http://www.jqplot.com/
Highcharts JS (2012), http://www.highcharts.com/
gRaphaël (2012), http://g.raphaeljs.com/
Parker, T.: Designing with Progressive Enhancement. New Riders (2010)
Fielding, R.T.: Architectural Styles and the Design of Network-based Software Architectures. PhD thesis, University of California, Irvine (2000)
JSON Schema (2012), http://json-schema.org/
Burke, B.: RESTful Java with JAX-RS. O’Reilly (2010)
Walls, C.: Spring in Action. Manning (2011)
Web SQL Database (2012), http://dev.w3.org/html5/webdatabase/
PhoneGap Get Started Guide (2012), http://www.phonegap.com/start/#android
PhoneGap API Reference (2012), http://docs.phonegap.com/
Selenium (2012), http://seleniumhq.org/
Firebug (2012), http://getfirebug.com/
Mobile Web Metrics Report H2/2011 (2011), http://www.netbiscuits.com/mobile-metrics-report-2011/
Pogue, D.: iPhone: the Missing Manual. O’Reilly (2007)
app-UI (2012), http://triceam.github.com/app-UI/
Kendo UI (2012), http://www.kendoui.com/
Author information
Authors and Affiliations
Editor information
Editors and Affiliations
Rights 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)