Skip to main content
SpringerLink
Log in
Book cover

Fourth International Congress on Information and Communication Technology pp 201–217Cite as

A Component-Based Method for Developing Cross-Platform User Interfaces for Mobile Applications

  • Conference paper
  • First Online:

  • 733 Accesses

Part of the book series: Advances in Intelligent Systems and Computing ((AISC,volume 1041))

Abstract

A common problem with User Interface (UI) frameworks is their closed architecture forcing designers to implement user interfaces from a limited set of components. This lack of extensibility limits the usability features of the application and may result in an unappealing user interface. Additionally, poor reusability associated with UI development leads to low application development productivity and high project costs. In this paper, we describe the Unicorn Universe User Interface framework uu5. uu5 is a component-based framework designed to support rapid development of reliable and scalable cross-platform mobile applications. The uu5 framework simplifies UI development using specialized components that improve user experience and facilitate integration with React and other commonly used UI libraries. We illustrate the uu5 design method with an example of uuCourseKit education delivery application.

This is a preview of subscription content, 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   169.00
Price excludes VAT (USA)
  • Available as EPUB and PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD   219.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

Learn about institutional subscriptions

References

  1. A. Charland, B. Leroux, Mobile application development: web vs. native. Commun. ACM 54(5), 49–53 (2011)

    Google Scholar 

  2. S. Xanthopoulos, S. Xinogalos, A comparative analysis of cross-platform development approaches for mobile applications, in Proceedings of the 6th Balkan Conference in Informatics (ACM, Thessaloniki, Greece, 2013), p. 213–220

    Google Scholar 

  3. J. Harjono et al., Building smarter web applications with HTML5, in Proceedings of the 2010 Conference of the Center for Advanced Studies on Collaborative Research (IBM Corp., Toronto, Ontario, Canada, 2010) p. 402–403

    Google Scholar 

  4. P. Smutný, Mobile development tools and cross-platform solutions, in Carpathian Control Conference (ICCC), 2012 13th International, IEEE (2012)

    Google Scholar 

  5. T. Melamed, B. Clayton, A Comparative Evaluation of HTML5 as a Pervasive Media Platform (Springer, Heidelberg, 2010)

    Google Scholar 

  6. A. Holzinger, P. Treitler, W. Slany, Making Apps Useable on Multiple Different Mobile Platforms: On Interoperability for Business Application Development on Smartphones (Springer, Heidelberg, 2012)

    Google Scholar 

  7. P. Kruchten, The Rational Unified Process: An Introduction, 2nd edn. (Addison-Wesley Longman Publishing Co., Inc., 2000), p. 320

    Google Scholar 

  8. K. Fakhroutdinov, UML 2.5 Diagrams Overview (Cited: 30 May 20180. Available from: https://www.uml-diagrams.org/uml-25-diagrams.html (2018)

  9. M. Brambilla, A. Mauri, E. Umuhoza, Extending the Interaction Flow Modeling Language (IFML) for model driven development of mobile applications front end, in Mobile Web Information Systems: 11th International Conference, MobiWIS 2014, Barcelona, Spain, August 27–29, 2014. Proceedings, ed. by I. Awan et al (Springer International Publishing, Cham, 2014), p. 176–191

    Google Scholar 

  10. R. Acerbis et al., Model-driven development based on OMG’s IFML with WebRatio web and mobile platform, in Engineering the Web in the Big Data Era: 15th International Conference, ICWE 2015, Rotterdam, The Netherlands, June 23–26, 2015, Proceedings, ed. byP. Cimiano et al (Springer International Publishing, Cham, 2015) p. 605–608

    Google Scholar 

  11. ASP.NET - Single-Page Applications: Build Modern, Responsive Web Apps with ASP.NET. 2018 [Cited: 30 May 2018]; Available from: https://msdn.microsoft.com/en-us/magazine/dn463786.aspx

  12. uu5g04 – Documentation, (Cited: 30 May 2018); Available from: https://uuos9.plus4u.net/uu-bookkitg01-main/78462435-ed11ec379073476db0aa295ad6c00178

  13. D. Flanagan, JavaScript—The Definitive Guide (O’Reilly, Sebastopol, CA, 2006), p. 497

    Google Scholar 

  14. Facebook, React—A JavaScript Library for Building User Interfaces (Cited: 30 May 2018); Available from: https://reactjs.org/index.html

  15. Google, Material Design. [Cited: 30 May 2018]; Available from: https://material.io/

  16. Bootstrap, (Cited: 30 May 2018); Available from: https://getbootstrap.com

  17. Facebook, React. Component (Cited: 30 May 2018); Available from: https://reactjs.org/docs/react-component.html

  18. V. Kovar et al., What Makes Up a Component. uu5 Library—Documentation 2018 (Cited: 30 May 2018); Available from: https://uuos9.plus4u.net/uu-dockitg01-main/78462435-ed11ec379073476db0aa295ad6c00178/book/page?code=howToDesignAComponent

  19. Bootstrap Layout Overview (Cited: 30 May 2018); Available from: https://getbootstrap.com/docs/4.1/layout/overview/

  20. L. Ingevaldsson, Jackson Structured Programming: A Practical Method of Program Design, 2nd Revised edn. (Chartwell-Bratt, 1986)

    Google Scholar 

  21. V. Kovar et al., in Example 09—Train Example. uu5 Library—Documentation 2018 (Cited: 30 May 2018); Available from: https://uuos9.plus4u.net/uu-dockitg01-main/78462435-ed11ec379073476db0aa295ad6c00178/book/page?code=ee09_01

  22. M. Beranek, V. Kovar, V. Vacek, Design of a learning management system for small and medium sized Universities and Colleges, in International Conference on e-Learning, e-Business, Enterprise Information Systems, and e-Government (CSREA Press, USA, 2017) p. 22–25

    Google Scholar 

Download references

Author information

Authors and Affiliations

  1. Unicorn College, V Kapslovně 2767/2, 130 00, Prague 3, Czech Republic

    Marek Beranek & Vladimir Kovar

Authors
  1. Marek Beranek
    View author publications

    You can also search for this author in PubMed Google Scholar

  2. Vladimir Kovar
    View author publications

    You can also search for this author in PubMed Google Scholar

Corresponding author

Correspondence to Marek Beranek .

Editor information

Editors and Affiliations

  1. School of Science and Technology, Middlesex University, London, UK

    Xin-She Yang

  2. University of Reading, Reading, UK

    Simon Sherratt

  3. Department of Information Technology, Techno India College of Technology, Kolkata, West Bengal, India

    Nilanjan Dey

  4. Global Knowledge Research Foundation, Ahmedabad, Gujarat, India

    Amit Joshi

Rights and permissions

Reprints and permissions

Copyright information

© 2020 Springer Nature Singapore Pte Ltd.

About this paper

Check for updates. Verify currency and authenticity via CrossMark

Cite this paper

Beranek, M., Kovar, V. (2020). A Component-Based Method for Developing Cross-Platform User Interfaces for Mobile Applications. In: Yang, XS., Sherratt, S., Dey, N., Joshi, A. (eds) Fourth International Congress on Information and Communication Technology. Advances in Intelligent Systems and Computing, vol 1041. Springer, Singapore. https://doi.org/10.1007/978-981-15-0637-6_17

Download citation

  • DOI: https://doi.org/10.1007/978-981-15-0637-6_17

  • Published:

  • Publisher Name: Springer, Singapore

  • Print ISBN: 978-981-15-0636-9

  • Online ISBN: 978-981-15-0637-6

  • eBook Packages: EngineeringEngineering (R0)

Publish with us

Policies and ethics

Search

Navigation