Jump to main content Hotkeys
Distributed and Self-organizing Systems
Distributed and Self-organizing Systems
Seminar Web Engineering (SS 2021)


Seminar Web Engineering (SS 2021)

Welcome to the homepage of the Seminar Web Engineering

This website contains all important information about the seminar, including links to available topics as well as information about the seminar process in general.

The interdisciplinary research area Web Engineering develops approaches for the methodological construction of Web-based applications and distributed systems as well as their continuous development (evolution). For instance, Web Engineering deals with the development of interoperable Web Services, the implementation of web portals using service-oriented architectures (SOA), fully accessible user interfaces or even exotic web-based applications that are voice controlled via the telephone or that are represented on TV and Radio.

The following steps are necessary to complete the seminar:

  • Preparation of a presentation about the topic assigned to you.
  • An additional written report of your topic.
  • Each report is reviewed by two or three other particpants.

Seminar chairs

heseba

christophgoepfert

gaedke


Contact

If you have any questions concerning this seminar or the exam as a participant, please contact us via OPAL.

We also offer a Feedback system, where you can provide anonymous feedback for a partiular session to the presenter on what you liked or where we can improve.

Participants

The seminar is offered for students of the following programmes (for pre-requisites, please refer to your study regulations):

If your programme is not listed here, please contact us prior to seminar registration and indicate your study programme, the version (year) of your study regulations (Prüfungsordnungsversion) and the module number (Modulnummer) to allow us to check whether we can offer the seminar for you and find an appropriate mapping.

Topics and Advisors

Questions:

  • How can you include Forgiveness and Regret in a Content Trust Model?
  • Why would these concepts enhance the Content Trust model?

Questions:

  • What is the motivation for synthesizing training dataset? Where has this been applied successfully? How does it relate to Transfer Learning?
  • What are common approaches for training dataset synthesis? How is a high similarity with the equivalent real data measured and ensured? How are Generative Adversarial Network (GANs) used for training dataset generation?
  • Which characteristics (e.g. variance, parameter distributions, required dataset size, measures to ensure close reproduction of reality etc.) are required/suitable for dataset synthesis? Are there studies investigating general rules/limitations/recommendations for applicability?

Questions:

  • Why is additional structured meta information necessary that describes scientific files as a result of a research activity?
  • Which established file formats and standards exist to describe such a research file in a structured way, that make use of Linked Data?
  • How can such a file be generated?

Questions:

  • What are the FAIR principles and what are the CARE principles?
  • How can they particularly be applied for publishing research files?
  • Which tools exist that can assist a user and assess the quality of the provided file meta information?

Questions:

  • What are the common and what are the special design characteristics of web-based testbeds?
  • Which artifacts qualify a testbed to be developed web-based?
  • What are current limitations in web-based testbeds?

Literature:

  • own research

Questions:

  • Where can we find scientific files from experiments that deal with human-technology-interaction and how are they commonly described?
  • Which aspects are commonly described for such a data based on knowledge-domain specific requirements?
  • Conduct a systematic search about existing taxonomies for that.

Questions:

  • What is JaCaMo and how to use it?
  • What makes JaCaMo important in the MAS Community and how is this importance negotiable to the Web Engineering community?

Questions:

  • What is it?
  • What are the use cases?
  • What problems does it solve?
  • What are similar approaches?

Questions:

  • What are the use cases that it has been applied to in the scientific literature?
  • How does it compare with deep learning and semantic web?
  • How can we implement a use case with cognitive AI?

Questions:

  • What is it?
  • How is it applied to WoT?
  • What are the benefits?
  • Run the github project provided as a demo of the work

Questions:

  • What are the well-know approaches to implement it and how do they compare?
  • Hypermedia APIs, and HATEOAS?
  • What is it?

Literature:

  • own resources

Questions:

  • Why do we have to describe published research data files?
  • How are other researchers searching for research data in particular?
  • What are data quality metrics that we can use to measure the apropriateness of research metadata descriptions?

Questions:

  • How do existing models, such as SciBERT., work to extract knowledge from scientific texts?
  • What are alternative approaches?
  • How can they be modified to identify concepts from the Human-Conputer-Interaction knlowledge domain

Questions:

  • Why is Entity Linking relevant and Named Entity Recognition/POS not sufficient for structured linked data?
  • Which methods exist and how do they work?
  • To which established concepts can an entity be mapped, e.g., a concept to describe research data characteristics?

Literature:

  • Own research

Questions:

  • What is User Interface Experience and why does it matter?
  • Which approaches exist to evaluate a good user interface experience?
  • Provide an own sample evaluation

Literature:

  • Sauro, J. ([2016]). Quantifying the user experience: Practical statistics for user research
  • Own research

Questions:

  • What are challenges in sharing research data in an interdisciplinary context?
  • Which statistics exist about different user types and their behavior to share research data?
  • What kind of user interfaces are nowadays established and how are they accepted (traditional web forms, sync&share services, chatbots)

Questions:

  • What is the Scientific Knowledge Graph?
  • What is WikiCSSH?
  • What are the methods to build WikiCSSH?
  • Compare WikiCSSH with Other CS Subject Headings?

Questions:

  • What is Gestalt Theory, what are Gestalt Principles and Laws?
  • How are Gestalt principles applied in the area of HCI to design user interfaces?
  • How do Gestalt principles interact/combine with other UI heuristics like Nielsen's ten, Shneiderman’s Eight or metrics like Ngo's aesthetics (balance, symmetry, equillibrium, etc.) or QUIM?

Literature:

  • Koch, J., & Oulasvirta, A. (2016). Computational Layout Perception using Gestalt Laws. Proceedings of the 2016 CHI Conference Extended Abstracts on Human Factors in Computing Systems, 07-12-May-, 1423–1429. https://doi.org/10.1145/2851581.2892537Rosenholtz, R., Twarog, N. R., Schinkel-Bielefeld, N., & Wattenberg, M. (2009). An intuitive model of perceptual grouping for HCI design. Proceedings of the 27th International Conference on Human Factors in Computing Systems - CHI 09, 1331. https://doi.org/10.1145/1518701.1518903
  • Kapllani, L., & Elmimouni, H. (2020). Gestalt principles in web design: A study of the usage of similarity, symmetry and closure in today’s websites. Proceedings of the Association for Information Science and Technology, 57(1). https://doi.org/10.1002/pra2.340
  • Flieder, K., & Mödritscher, F. (2006). Foundations of a pattern language based on Gestalt principles. CHI ’06 Extended Abstracts on Human Factors in Computing Systems - CHI EA ’06, 773. https://doi.org/10.1145/1125451.1125605
  • Macnamara, W. (2017). Evaluating the Effectiveness of the Gestalt Principles of Perceptual Observation for Virtual Reality User Interface Design [Technological University Dublin]. https://arrow.tudublin.ie/scschcomdis
  • Hovorushchenko, T., Pavlova, O., & Kobel, K. (2019). Method of Evaluating the User Interface of Software Systems for Compliance with the Gestalt Principles. 2019 IEEE 14th International Conference on Computer Sciences and Information Technologies (CSIT), 2, 138–141. https://doi.org/10.1109/STC-CSIT.2019.8929851
  • Ripalda, D., Guevara, C., & Garrido, A. (2020). Framework Based on Gestalt Principles to Design Mobile Interfaces for a Better User Experience. In T. Ahram & C. Falcão (Eds.), Advances in Usability, User Experience, Wearable and Assistive Technology. AHFE 2020. Advances in Intelligent Systems and Computing (Vol. 1217, pp. 158–165). Springer International Publishing. https://doi.org/10.1007/978-3-030-51828-8_21
  • Ripalda, D., Guevara, C., & Garrido, A. (2021). Relationship Between Gestalt and Usability Heuristics in Mobile Device Interfaces. In Advances in Intelligent Systems and Computing: Vol. 1269 AISC (pp. 156–161). https://doi.org/10.1007/978-3-030-58282-1_25
  • https://spectrum.library.concordia.ca/2024/
  • Ngo, D. C. L., & Byrne, J. G. (2001). Another look at a model for evaluating interface aesthetics. International Journal of Applied Mathematics and Computer Science, 11(2), 515–535. https://doi.org/10.1.1.137.8784

Questions:

  • Which UI metrics for the automatic evaluation of web user interfaces exist? How can they be grouped/categorized (e.g. aesthetics, complexity, usability, accessibility)? What are target/optimum values for those metrics? To which usability aspects are the invidual metrics related (efficiency, effectiveness, satisfaction, learnability, safety, trustfullness, accessibility, unversality, usefulness)?
  • How are they computed? Which methods are used to compute them? Based on what input data are they operating? What are hardware/software requirements for their computation?
  • How much empirical evidence exists that they are correctly working/predicting human perception of user interfaces? Which numbers of test subjects were used in the related experiments, what is the statistical power? Which use cases in industry projects are reported?

Literature:

  • https://vimeo.com/159666829
  • https://spectrum.library.concordia.ca/2024/
  • Ngo, D. C. L., & Byrne, J. G. (2001). Another look at a model for evaluating interface aesthetics. International Journal of Applied Mathematics and Computer Science, 11(2), 515–535. https://doi.org/10.1.1.137.8784
  • Dou, Q., Zheng, X. S., Sun, T., & Heng, P. A. (2019). Webthetics: Quantifying webpage aesthetics with deep learning. International Journal of Human Computer Studies, 124, 56–66. https://doi.org/10.1016/j.ijhcs.2018.11.006
  • Bakaev, M., Mamysheva, T., & Gaedke, M. (2016). Current trends in automating usability evaluation of websites: Can you manage what you can’t measure? 2016 11th International Forum on Strategic Technology (IFOST), 510–514. https://doi.org/10.1109/IFOST.2016.7884307
  • Miniukovich, A., & De Angeli, A. (2015). Computation of Interface Aesthetics. Proceedings of the 33rd Annual ACM Conference on Human Factors in Computing Systems, 2015-April, 1163–1172. https://doi.org/10.1145/2702123.2702575
  • Riegler, A., & Holzmann, C. (2018). Measuring Visual User Interface Complexity of Mobile Applications With Metrics. Interacting with Computers, 30(3), 207–223. https://doi.org/10.1093/iwc/iwy008
  • Zen, M., & Vanderdonckt, J. (2014). Towards an evaluation of graphical user interfaces aesthetics based on metrics. 2014 IEEE Eighth International Conference on Research Challenges in Information Science (RCIS), 1–12. https://doi.org/10.1109/RCIS.2014.6861050
  • Michailidou, E., Eraslan, S., Yesilada, Y., & Harper, S. (2021). Automated prediction of visual complexity of web pages: Tools and evaluations. International Journal of Human-Computer Studies, 145, 102523. https://doi.org/10.1016/j.ijhcs.2020.102523
  • https://interfacemetrics.aalto.fi/
  • Oulasvirta, A., De Pascale, S., Koch, J., Langerak, T., Jokinen, J., Todi, K., Laine, M., Kristhombuge, M., Zhu, Y., Miniukovich, A., Palmas, G., & Weinkauf, T. (2018). Aalto Interface Metrics (AIM). The 31st Annual ACM Symposium on User Interface Software and Technology Adjunct Proceedings, 16–19.
  • https://doi.org/10.1145/3266037.3266087
  • https://researcher.watson.ibm.com/researcher/view_group.php?id=2238

Questions:

  • What is a Service Worker?
  • Approaches on conflict detection & resolution?
  • Which solutions exist to use Service Workers on browsers that do not yet support them?

Questions:

  • What is Solr?
  • How does indexing work in Solr?
  • How to search for particular data? How to search for patterns in a graph?
  • How are relationships modelled?

Questions:

  • What is Svelte?
  • Brief comparison to React/Vue/Angular/...
  • Which features are special about Svelte?
  • Who uses Svelte?

Questions:

  • What is it?
  • How is it used in IoT?
  • What are the benefits and use cases?
  • How does it compare to existing Web standards like HTML, HTTP?

Questions:

  • What are Web Components?
  • What are polyfills? What do we need them for?
  • What are Custom Elements, Shadow DOM, Templates?
  • Brief comparison of Polymer, StencilJS, Skate.js

Questions:

  • What are Knowledge Graphs?
  • How are they built?
  • How can you represent indoor data in a knowledge graph? (Context: mapping, navigation)
  • Are there free tools available for this? Give an overview and compare them.
  • What are advantages and disadvantages?

Literature:

  • own research
  • Fensel, Dieter, et al. "Introduction: What Is a Knowledge Graph?." Knowledge Graphs. Springer, Cham, 2020. 1-10.
  • Ehrlinger, Lisa, and Wolfram Wöß. "Towards a Definition of Knowledge Graphs." SEMANTiCS (Posters, Demos, SuCCESS) 48 (2016): 1-4.
  • Jeamwatthanachai, Watthanasak, Mike Wald, and Gary Wills. "Spatial representation framework for better indoor navigation by people with visual impairment." Journal of Enabling Technologies (2019).

Questions:

  • What is Semantic Annotation and how is it used? Give a general definition.
  • What are difficulties for semantic annotation in crowdsourced data? Use OpenStreetMap as an example.
  • What are solutions to this? Describe and compare them.

Literature:

Questions:

  • What is Lit?
  • Which features does Lit provide?
  • What are advantages/disadvantages over using plain Web Components?
  • Who uses Lit?
  • Implement a reactive web component with Lit and demonstrate how the component can be reused in another project.

Seminar Opening

The date and time of the seminar opening meeting will be announced via OPAL.

Short Presentation

The date and time of the short presentations will be announced via OPAL.

In your short presentation, you will provide a brief overview on your selected topic.

This includes the following aspects:

  1. What is in your topic?
  2. Which literature sources did you research so far?
  3. What is your idea for a demonstration?

Following your short presentations, the advisors will provide you with feedback and hints for your full presentations.

Hints for your Presentation

  • As a rule of thumb, you should plan 2 minutes per slide. A significantly higher number of slides per minute exceeds the perceptive capacity of your audience.
  • Prior to your presentation, you should consider the following points: What is the main message of my presentaion? What should the listeners take away?
    Your presentation should be created based on these considerations.
  • The following site provides many good hints: http://www.garrreynolds.com/preso-tips/

Seminar Days

The date and time of the seminar opening meeting will be announced via OPAL.

Report

  • Important hints on citing:
    • Any statement which does not originate from the author has to be provided with a reference to the original source.
    • "When to Cite Sources" - a very good overview by the Princeton University
    • Examples for correct citation can be found in the IEEE-citation reference
    • Web resources are cited with author, title and date including URL and Request date. For example:
      • [...] M. Nottingham and R. Sayre. (2005). The Atom Syndication Format - Request for Comments: 4287 [Online]. Available: http://www.ietf.org/rfc/rfc4287.txt (18.02.2008).
      • [...] Microsoft. (2015). Microsoft Azure Homepage [Online]. Available: http://azure.microsoft.com/ (23.09.2015).
      • A url should be a hyperlink, if it is technically possible. (clickable)
  • Further important hints for the submission of your written report:
    • Use apart from justifiable exceptions (for instance highlight of text using <strong>...</strong>) only HTML elements which occur in the template. The CSS file provides may not be changed.
    • Before submitting your work, carefully check spelling and grammar, preferably with software support, for example with the spell checker of Microsoft Word.
    • Make sure that your HTML5 source code has no errors. To check your HTML5 source code, use the online validator of W3.org
    • For submission compress all necessary files (HTML, CSS, images) using a ZIP or TAR.GZ.

Review

  • Each seminar participant has to review exactly three reports. The reviews are not anonymous.
  • Use the review forms provided in the VSR Seminar Workflow, one per report.
  • Following the review phase, each seminar participant will receive the three peer reviews of his or her report and, if necessary, additional comments by the advisors. You will then have one more week to improve your report according to the received feedback.
  • The seminar grade will consider the final report.
    All comments in the reviews are for improving the text and therefore in the interest of the author.

Press Articles