< Previous320Figure 12.1: Chronological Progression and Investigation Lanes of HUICA 2009201020112012201320142015201620172018MasterThesis GerstbergerMaster Thesis ArdeleanMaster Thesis RummelWebTechCon2014OOP2014Master Thesis GrewenigMaster Thesis VaasTechnical ReportCompositionComponentJSTracingMission ControlComponentJSDebuggerComponentJSVueDiss.StructureDissertation WritingDissertation ReviewJumbleBoothv1JumbleBoothv2msg TimeSheetBG ETEM IPW 1.0CampSWebTVVoteArchitecture FundamentalsjQuery StagejQuery PagejQuery MarkupScientific FoundationsPractical ExperienceTechnology StackInception & PreparationInvestigation & ElaborationDocumentation & PublishingDiss.TypesettingPreparationApplication (author)Application (foreign)Technology (author)Publication (author or supervisor)Solution Gen. 1ComponentJSTech-RADAR v2Solution Gen. 2Solution Gen. 3Open Source ProjectTransition from Capgemini sd&m CSD Researchto msg Applied Technology ResearchPromotion to Director ofmsg Applied Technology ResearchKickoff Doctorate ProjectKickoff Dissertation DocumentSubmission & DefenseDoctorate ProjectAUDIPSCElaboration of Quasar Client Ideas for HTML5QUASARClientTech-RADAR v1msg Insurance Suite ARMCTCloudTeXTodoMVC for ComponentJSMagicDEXIBG ETEM IPW 3.0GemstoneUnPGraphQL-IOGraphQL-Tools-SubscribeApollo-Client WSEnterJS2018TypoPROVueJSI18NextComponentJSMVCStyleScoped321many years of investigation. It was a real privilege to have the possibility, know-how, motivation, and stamina to drive those three lanes in parallel. I am convinced this approach was worthwhile for the overall results of my doctorate.Writing Process & ToolingThis dissertation was primarily created in Adobe InDesign CC on an Apple iMac. The diagrams were drawn in Adobe Illustrator CC and OmniGroup OmniGraffle Pro on an Apple iMac. The external references were managed in Labtiva Papers on an Ap-ple iMac and an Apple iPad Pro in parallel and exported as XML structure to Adobe InDesign CC via custom conversion Node.js scripts. The text paragraphs were spell-checked with the help of Grammarly. The content brainstorming and structure evo-lution were previously done in Ginger Labs Notability on an Apple iPad Pro and in toketaWare iThoughtsX on an Apple iPad Pro and an Apple iMac. See Figure 12.2 on page 322 and Figure 12.3 on page 323 for some visual insights into this process.The graphical assets for the cover are from Getty’s iStock service. The text is set in the fonts Adobe Myriad Pro (Text), Adobe Minion Pro (Bullets), Meta (Citations), Deja Vu Sans Mono (Code) and Font Awesome (Icons). For peer reviewing the book at PDF-format level, Xodo Technologies’s online service Xodo.com was used as the sharing platform. Version controlling the book was done on architecturedissertation.com with Apache HTTPd and Apache Subver-sion, running on an OpenPKG technology stack under FreeBSD.The related software technologies GemstoneJS, GraphQL-IO, ComponentJS, ComponentJS-MVC, jQuery Page, jQuery Markup and jQuery Stage were all devel-oped on an OpenPKG technology stack under FreeBSD. The related Business Infor-mation Systems were developed in the context of the OpenPKG GmbH and the msg systems ag.322Figure 12.2: HUICA in Notability, iThoughtX, Papers323Figure 12.3: HUICA in InDesign, OmniGraffle and GrammarlyAbout ContentUser Interfaces (UI) of applications, since about 2010, are usually implemented by dedicated frontend programs, following a Rich-Client architecture and are based on the Web technolo-gies HTML, CSS and JavaScript.This approach provides great exibility and power, but comes with an inherent great overall complexity of UIs, running on a continuously changing technology stack. This is because since over twenty years Web technologies still progress at an extremely high inven-tion rate and unfortunately at the same time still regularly reinvent part of their self.This situation is harmless for small UIs, consisting of just a handful dialogs and having to last for just about one or two years. However, it becomes a major hurdle for large UIs, consisting of a few hundred dialogs and having to last for ve or more years. This is especially the case for the complex UIs of industrial Business Information Systems.The main scienti c contribution of this dissertation is the Hierarchical User Interface Component Architecture (HUICA), a scalable software architecture for Rich-Client based User Interfaces. It is primarily based on the important architecture principle Separation of Concerns (SoC), the derived idea of Hierarchical Composition, the invented design pattern Model-View-Controller/Component-Tree (MVC/CT) and the existing concepts Presentation Model and Data Binding.About AuthorDipl.-Inf. Univ. Ralf S. Engelschall (born 1972, married, 3 children) is a computer scientist from Munich, Germany. He completed his study in Computer Science and Mathematics at Technische Universität München (TUM) in 1999. As one of the founders of the Apache Software Foundation (ASF), founder of the projects OpenSSL and OpenPKG and as the author of numerous tools, libraries and frameworks, he is a recognized contribu-tor to the Open Source software community since about 1991.As a former software engineer at sd&m, as a former department manager of sd&m Research (later Capgemini CSD Research) and as the Director and Executive Consultant of msg Applied Technology Research, a unit of the msg Group, he is also a long lasting member of the Custom Software Development (CSD) industry since 1993.Since over 25 years he is intensively involved in Web Technologies, Software Engineering and Software Architecture. This nally triggered his doctorate in the area of User Interface architecture in the years 2013 to 2018.About BookHUICA.orgArchitectureDissertation.comISBN 978-3-7481-3956-0Next >