{"status":"ok","message-type":"work","message-version":"1.0.0","message":{"indexed":{"date-parts":[[2025,10,12]],"date-time":"2025-10-12T04:02:37Z","timestamp":1760241757987,"version":"build-2065373602"},"reference-count":31,"publisher":"MDPI AG","issue":"3","license":[{"start":{"date-parts":[[2018,9,7]],"date-time":"2018-09-07T00:00:00Z","timestamp":1536278400000},"content-version":"vor","delay-in-days":0,"URL":"https:\/\/creativecommons.org\/licenses\/by\/4.0\/"}],"content-domain":{"domain":[],"crossmark-restriction":false},"short-container-title":["MTI"],"abstract":"<jats:p>This paper describes the technical development of CrystalWalk, a crystal editor and visualization software designed for teaching materials science and engineering aiming to provide an accessible and interactive platform to students, professors and researchers. Justified by the lack of proper didactic tools, an evaluation of the existing crystallographic software has further shown opportunities for the development of a new software, more focused on the educational approach. CrystalWalk\u2019s was guided by principles of free software, accessibility and democratization of knowledge, which was reflected in the application\u2019s architecture strategy and the adoption of state-of-the-art technologies for the development of interactive web applications, such as HTML5\/WebGL, service-oriented architecture (SOA) and responsive, resilient and elastic distributed systems. CrystalWalk\u2019s architecture was successful in supporting the implementation of all specified software requirements proposed by state-of-the-art research and deemed to exert a positive impact in building accessible 3D interactive educational applications for the web.<\/jats:p>","DOI":"10.3390\/mti2030056","type":"journal-article","created":{"date-parts":[[2018,9,7]],"date-time":"2018-09-07T11:47:41Z","timestamp":1536320861000},"page":"56","update-policy":"https:\/\/doi.org\/10.3390\/mdpi_crossmark_policy","source":"Crossref","is-referenced-by-count":1,"title":["Architecting 3D Interactive Educational Applications for the Web: The Case Study of CrystalWalk"],"prefix":"10.3390","volume":"2","author":[{"ORCID":"https:\/\/orcid.org\/0000-0002-0298-0538","authenticated-orcid":false,"given":"Fernando","family":"Bardella","sequence":"first","affiliation":[{"name":"Research Group for Scientific Visualization in Materials (GVCM) at the Center for Materials Science and Technology (CCTM), Nuclear and Energy Research Institute (IPEN-CNEN\/SP), 2242 Prof. Lineu Prestes Av, Sao Paulo 05508-000, Brazil"}]},{"given":"Rafael Castilho de","family":"Moraes","sequence":"additional","affiliation":[{"name":"Research Group for Scientific Visualization in Materials (GVCM) at the Center for Materials Science and Technology (CCTM), Nuclear and Energy Research Institute (IPEN-CNEN\/SP), 2242 Prof. Lineu Prestes Av, Sao Paulo 05508-000, Brazil"}]},{"given":"Thanos","family":"Saringelos","sequence":"additional","affiliation":[{"name":"School of Electrical and Computer Engineering, Technical University of Crete, Chania 731 00, Greece"}]},{"given":"Alexandros","family":"Karatzaferis","sequence":"additional","affiliation":[{"name":"School of Electrical and Computer Engineering, Technical University of Crete, Chania 731 00, Greece"}]},{"given":"Andre Montes","family":"Rodrigues","sequence":"additional","affiliation":[{"name":"Research Group for Scientific Visualization in Materials (GVCM) at the Center for Materials Science and Technology (CCTM), Nuclear and Energy Research Institute (IPEN-CNEN\/SP), 2242 Prof. Lineu Prestes Av, Sao Paulo 05508-000, Brazil"}]},{"given":"Andre Gomes da","family":"Silva","sequence":"additional","affiliation":[{"name":"Research Group for Scientific Visualization in Materials (GVCM) at the Center for Materials Science and Technology (CCTM), Nuclear and Energy Research Institute (IPEN-CNEN\/SP), 2242 Prof. Lineu Prestes Av, Sao Paulo 05508-000, Brazil"}]},{"ORCID":"https:\/\/orcid.org\/0000-0001-5104-7392","authenticated-orcid":false,"given":"Ricardo Mendes Leal","family":"Neto","sequence":"additional","affiliation":[{"name":"Research Group for Scientific Visualization in Materials (GVCM) at the Center for Materials Science and Technology (CCTM), Nuclear and Energy Research Institute (IPEN-CNEN\/SP), 2242 Prof. Lineu Prestes Av, Sao Paulo 05508-000, Brazil"}]}],"member":"1968","published-online":{"date-parts":[[2018,9,7]]},"reference":[{"key":"ref_1","unstructured":"Bardella, F., Montes Rodrigues, A., and Leal Neto, R. (2018). The use of crystallographic software as educational support to materials science and engineering. J. Mater. Ed., 40, in press."},{"key":"ref_2","unstructured":"UNESCO (1998). Information and Communication Technologies in Teacher Education: A Planning Guide, UNESCO."},{"key":"ref_3","unstructured":"UNESCO (1998). World Education Report: Teachers and Teaching in a Changing World, UNESCO."},{"key":"ref_4","unstructured":"(2018, June 03). What Is Free Software. Available online: https:\/\/www.gnu.org\/philosophy\/free-sw.en.html."},{"key":"ref_5","unstructured":"(2018, June 03). The Reactive Manifesto. Available online: http:\/\/www.reactivemanifesto.org."},{"key":"ref_6","doi-asserted-by":"crossref","first-page":"71","DOI":"10.1007\/s11761-015-0174-1","article-title":"Technologies for web and cloud service interaction: A survey","volume":"10","author":"Lampesberger","year":"2015","journal-title":"Serv. Oritented Comput. Appl."},{"key":"ref_7","unstructured":"Pattrasitidech, A. (2014). Comparison and Evaluation of 3D Mobile Game Engines. [Master\u2019s Thesis, University of Gothenburg]."},{"key":"ref_8","unstructured":"(2018, June 03). CrystalWalk Official Project Page. Available online: http:\/\/gvcm.ipen.br\/crystalwalk\/."},{"key":"ref_9","unstructured":"Waerner, M. (2012). 3D Graphics Technologies for Web Applications: An Evaluation from the Perspective of a Real World Application. [Master\u2019s Thesis, Institute of Technology, Link\u00f6ping University]."},{"key":"ref_10","unstructured":"Bardella, F. (2016). Crystalwalk: An Educational Interactive Software for Synthesis and Visualization of Crystal Structures. [Ph.D. Thesis, Nuclear and Energy Research Institute (IPEN-CNEN\/SP), University of S\u00e3o Paulo (USP)]."},{"key":"ref_11","unstructured":"Parisi, T. (2012). WebGL: Up and Running, O\u2019Reilly Media."},{"key":"ref_12","unstructured":"Barbosa, J.F.V. (2013). Ambientes Urbanos Virtuais Para a Web. [Master\u2019s Thesis, Universidade do Porto]."},{"key":"ref_13","unstructured":"(2018, June 03). Three.js. Available online: https:\/\/github. com\/mrdoob\/three.js."},{"key":"ref_14","unstructured":"(2018, June 03). Reactive Programming versus Reactive Systems. Available online: https:\/\/www.lightbend.com\/reactive- programming-versus-reactive-systems."},{"key":"ref_15","doi-asserted-by":"crossref","first-page":"79","DOI":"10.1016\/S0164-1212(97)10009-7","article-title":"Software design guidelines for event-driven programming","volume":"41","author":"Philip","year":"1998","journal-title":"J. Syst. Softw."},{"key":"ref_16","unstructured":"(2018, June 03). Patterns for Large-Scale JavaScript Application Architecture. Available online: http:\/\/addyosmani.com\/largescalejavascript."},{"key":"ref_17","unstructured":"Zakas, N.C. (2012). Maintainable JavaScript: Writing Readable Code, O\u2019Reilly Media Inc."},{"key":"ref_18","unstructured":"(2018, June 03). Amazon Route 53 Pricing. Available online: http:\/\/aws.amazon.com\/route53\/pricing\/."},{"key":"ref_19","unstructured":"(2018, June 03). Heroku Dyno Types. Available online: https:\/\/devcenter.heroku.com\/articles\/dyno-types."},{"key":"ref_20","unstructured":"(2018, June 03). Why AMD?. Available online: https:\/\/requirejs.org\/docs\/whyamd.html."},{"key":"ref_21","unstructured":"(2018, June 03). RequireJS Official Project Page. Available online: https:\/\/requirejs.org."},{"key":"ref_22","unstructured":"(2018, June 03). PubSubJS Repository. Available online: https:\/\/github.com\/mroderick\/PubSubJS."},{"key":"ref_23","unstructured":"(2018, June 03). PostgreSQL JSON Data Typs. Available online: http:\/\/www.postgresql.org\/docs\/current\/static\/datatype -json.html."},{"key":"ref_24","unstructured":"(2018, June 03). Heroku Dyno Limits. Available online: https:\/\/devcenter.heroku.com\/articles\/limits."},{"key":"ref_25","unstructured":"(2018, June 03). Heroku Postgres Addon. Available online: https:\/\/addons.heroku.com\/heroku-postgresql."},{"key":"ref_26","unstructured":"(2016, April 17). Can I Use? WebGL 3D Canvas Graphics. Available online: https:\/\/caniuse.com\/#feat=webgl."},{"key":"ref_27","unstructured":"(2018, June 03). CrystalWalk IUCR Software Database. Available online: https:\/\/www.iucr.org\/resources\/other-directories\/software\/crystalwalk."},{"key":"ref_28","doi-asserted-by":"crossref","first-page":"949","DOI":"10.1107\/S160057671700560X","article-title":"CrystalWalk: Crystal structures, step by step","volume":"50","author":"Bardella","year":"2017","journal-title":"J. Appl. Cryst."},{"key":"ref_29","unstructured":"(2018, June 03). CWAPP Codebase. Available online: https:\/\/github.com\/gvcm\/CWAPP."},{"key":"ref_30","unstructured":"(2018, June 03). CW4P Codebase. Available online: https:\/\/github.com\/gvcm\/CW4P."},{"key":"ref_31","unstructured":"(2018, June 03). CWLY Codebase. Available online: https:\/\/github.com\/gvcm\/CWLY."}],"container-title":["Multimodal Technologies and Interaction"],"original-title":[],"language":"en","link":[{"URL":"https:\/\/www.mdpi.com\/2414-4088\/2\/3\/56\/pdf","content-type":"unspecified","content-version":"vor","intended-application":"similarity-checking"}],"deposited":{"date-parts":[[2025,10,11]],"date-time":"2025-10-11T15:19:20Z","timestamp":1760195960000},"score":1,"resource":{"primary":{"URL":"https:\/\/www.mdpi.com\/2414-4088\/2\/3\/56"}},"subtitle":[],"short-title":[],"issued":{"date-parts":[[2018,9,7]]},"references-count":31,"journal-issue":{"issue":"3","published-online":{"date-parts":[[2018,9]]}},"alternative-id":["mti2030056"],"URL":"https:\/\/doi.org\/10.3390\/mti2030056","relation":{},"ISSN":["2414-4088"],"issn-type":[{"type":"electronic","value":"2414-4088"}],"subject":[],"published":{"date-parts":[[2018,9,7]]}}}