Virtual Worlds on Demand? Model-Driven Development of JavaScript-based Virtual World UI Components for Mobile Apps

Matthias Stürner, Philipp Brune

Abstract

Virtual worlds and avatar-based interactive computer games are a hype among consumers and researchers for many years now. In recent years, such games on mobile devices also became increasingly important. However, most virtual worlds require the use of proprietary clients and authoring environments and lack portability, which limits their usefulness for targeting wider audiences like e.g. in consumer marketing or sales. Using mobile devices and client-side web technologies like i.e. JavaScript in combination with a more automatic generation of customer-specific virtual worlds could help to overcome these limitations. Here, model-driven software development (MDD) provides a promising approach for automating the creation of user interface (UI) components for games on mobile devices. Therefore, in this paper an approach is proposed for the model-driven generation of UI components for virtual worlds using JavaScript and the upcoming Famo.us framework. The feasibilty of the approach is evaluated by implementing a proof-of-concept scenario.

References

  1. Barabás, L. and Kakucs, B. (2014). Model-driven development of web applications. International Journal on Recent Trends in Engineering & Technology, 10(1).
  2. Borins, M. (2015). Famo.us partners with the jquery foundation.
  3. Bozzon, A., Comai, S., Fraternali, P., and Carughi, G. T. (2006a). Capturing ria concepts in a web modeling language. In Proceedings of the 15th International Conference on World Wide Web, WWW 7806, pages 907-908, New York, NY, USA. ACM.
  4. Bozzon, A., Comai, S., Fraternali, P., and Carughi, G. T. (2006b). Conceptual modeling and code generation for rich internet applications. In Proceedings of the 6th International Conference on Web Engineering, ICWE 7806, pages 353-360, New York, NY, USA. ACM.
  5. Brambilla, M. and Fraternali, P. (2014). Large-scale modeldriven engineering of web user interaction: The webml and webratio experience. Science of Computer Programming, 89:71-87.
  6. Brambilla, M., Mauri, A., and Umuhoza, E. (2014). Extending the interaction flow modeling language (ifml) for model driven development of mobile applications front end. In Mobile Web Information Systems.
  7. Famo.us (2014). Famo.us layout.
  8. Gizas, A., Christodoulou, S., and Papatheodorou, T. (2012). Comparative evaluation of javascript frameworks. In Proceedings of the 21st International Conference Companion on World Wide Web, WWW 7812 Companion, pages 513-514, New York, NY, USA. ACM.
  9. Huber, M. and Brune, P. (2012). Model-driven development of interactive web user interfaces with html5. University of Applied Sciences Neu-Ulm.
  10. Koch, N., Pigerl, M., Zhang, G., and Morozova, T. (2009). Patterns for the model-based development of rias. In Gaedke, M., Grossniklaus, M., and Díaz, O., editors, Web Engineering, volume 5648 of Lecture Notes in Computer Science, pages 283-291. Springer Berlin Heidelberg.
  11. Kraus, A. (2007). Model driven software engineering for web applications. PhD thesis, Ludwig-MaximiliansUniversität München.
  12. Kraus, A., Knapp, A., and Koch, N. (2007). Model-driven generation of web applications in uwe. MDWE, 261.
  13. Kroiß, C. (2008). Modellbasierte generierung von web-anwendungen mit uwe. Ludwig-MaximiliansUniversität München.
  14. Kroiss, C., Koch, N., and Knapp, A. (2009). Uwe4jsf: A model-driven generation approach for web applications. In Gaedke, M., Grossniklaus, M., and Diaz, O., editors, Web Engineering, volume 5648 of Lecture Notes in Computer Science, pages 493-496. Springer Berlin Heidelberg.
  15. Linaje, M., Preciado, J., Morales-Chaparro, R., RodriguezEcheverra, R., and Sánchez-Figueroa, F. (2009). Automatic generation of rias using rux-tool and webratio. In Gaedke, M., Grossniklaus, M., and Díaz, O., editors, Web Engineering, volume 5648 of Lecture Notes in Computer Science, pages 501-504. Springer Berlin Heidelberg.
  16. Linaje, M., Preciado, J., and Sanchez-Figueroa, F. (2007a). Engineering rich internet application user interfaces over legacy web models. Internet Computing, IEEE, 11(6):53-59.
  17. Linaje, M., Preciado, J., and Sánchez-Figueroa, F. (2007b). A method for model based design of rich internet application interactive user interfaces. In Baresi, L., Fraternali, P., and Houben, G.-J., editors, Web Engineering, volume 4607 of Lecture Notes in Computer Science, pages 226-241. Springer Berlin Heidelberg.
  18. Linaje, M., Preciado, J. C., Morales-Chaparro, R., and Sanchez-Figueroa, F. (2008). On the implementation of multiplatform ria user interface components. In 7Th International Workshop On Web-Oriented Software Technologies-IWWOST, volume 8, pages 50-55.
  19. Linaje, M., Preciado, J. C., and Sánchez-Figueroa, F. (2010). Multi-device context-aware rias using a model-driven approach. Journal of Universal Computer Science, 16(15):2038-2059.
  20. Pleuss, A., Grac?anin, D., and Zhang, X. (2011). Modeldriven development of interactive and integrated 2d and 3d user interfaces using mml. In Proceedings of the 16th International Conference on 3D Web Technology, Web3D 7811, pages 89-92, New York, NY, USA. ACM.
  21. Preciado, J., Linaje, M., Morales-Chaparro, R., SanchezFigueroa, F., Zhang, G., Kroiss, C., and Koch, N. (2008). Designing rich internet applications combining uwe and rux-method. In Web Engineering, 2008. ICWE 7808. Eighth International Conference on, pages 148-154.
  22. Rodriguez-Echeverra, R., Conejero, J., Linaje, M., Preciado, J., and Sanchez-Figueroa, F. (2010). Reengineering legacy web applications into rich internet applications. In Benatallah, B., Casati, F., Kappel, G., and Rossi, G., editors, Web Engineering, volume 6189 of Lecture Notes in Computer Science, pages 189- 203. Springer Berlin Heidelberg.
  23. Rosales-Morales, V., Alor-Hernandez, G., and JuarezMartinez, U. (2011). An overview of multimedia support into javascript-based frameworks for developing rias. In Electrical Communications and Computers (CONIELECOMP), 2011 21st International Conference on, pages 66-70.
  24. Sauer, S. (2011). Applying meta-modeling for the definition of model-driven development methods of advanced user interfaces. In Hussmann, H., Meixner, G., and Zuehlke, D., editors, Model-Driven Development of Advanced User Interfaces, volume 340 of Studies in Computational Intelligence, pages 67-86. Springer Berlin Heidelberg.
  25. Stangl, B., Kastner, M., and Polsterer, F. (2012). Social virtual worlds' success factors: Four studies' insights for the tourism supply and demand side. In System Science (HICSS), 2012 45th Hawaii International Conference on, pages 993-1002.
Download


Paper Citation


in Harvard Style

Stürner M. and Brune P. (2016). Virtual Worlds on Demand? Model-Driven Development of JavaScript-based Virtual World UI Components for Mobile Apps . In Proceedings of the 4th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD, ISBN 978-989-758-168-7, pages 648-655. DOI: 10.5220/0005726906480655


in Bibtex Style

@conference{modelsward16,
author={Matthias Stürner and Philipp Brune},
title={Virtual Worlds on Demand? Model-Driven Development of JavaScript-based Virtual World UI Components for Mobile Apps},
booktitle={Proceedings of the 4th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD,},
year={2016},
pages={648-655},
publisher={SciTePress},
organization={INSTICC},
doi={10.5220/0005726906480655},
isbn={978-989-758-168-7},
}


in EndNote Style

TY - CONF
JO - Proceedings of the 4th International Conference on Model-Driven Engineering and Software Development - Volume 1: MODELSWARD,
TI - Virtual Worlds on Demand? Model-Driven Development of JavaScript-based Virtual World UI Components for Mobile Apps
SN - 978-989-758-168-7
AU - Stürner M.
AU - Brune P.
PY - 2016
SP - 648
EP - 655
DO - 10.5220/0005726906480655