EPSRC logo

Details of Grant 

EPSRC Reference: EP/T015764/1
Title: RE-PRESENT: Automatic Repair of Presentation Failures in Web Applications
Principal Investigator: McMinn, Professor PS
Other Investigators:
Researcher Co-Investigators:
Project Partners:
Allegheny College Fujitsu Laboratories of America, Inc. KAIST
SpotQA University of Passau University of Quebec at Chicoutimi
University of Southern California
Department: Computer Science
Organisation: University of Sheffield
Scheme: Overseas Travel Grants (OTGS)
Starts: 01 August 2020 Ends: 31 March 2022 Value (£): 27,774
EPSRC Research Topic Classifications:
Software Engineering
EPSRC Industrial Sector Classifications:
Information Technologies
Related Grants:
Panel History:  
Summary on Grant Application Form
Presentation failures are defects in the visual appearance of a web page. They range from flaws in the page's layout such as overlapping content, and text rendered off the edge of the page, to usability problems such as unreadable text and inaccessible navigation. An organisation's website is often one of its primary means of driving its business and establishing information about itself. As such, presentation failures undermine an organisation's message, its credibility, and potentially its revenue.

Repairing presentation failures is difficult for web developers. Websites need to display correctly on a wide range of devices from mobile phones to desktops, meaning that developers need to ensure web pages lay out correctly on a vast range of screen sizes, with varying amounts of space available to lay out content and graphical elements. Websites need to format correctly regardless of the browser that a user is using, or what language it has been translated to. Furthermore, they must be accessible to disabled users.

The complexity of presentational code (developed using a combination of HTML, CSS, and JavaScript) means that accounting for each of these different aspects when repairing a presentation failure manually is challenging. Manual "repairs" can even inadvertently lead to further defects. Automated repair techniques would therefore greatly assist developers in this task.

RE-PRESENT is a proposal for an overseas travel grant intended to allow the PI to continue and develop international collaborations to solve these problems. It intends to develop search-based techniques to automatically generate repairs to HTML, CSS, and JavaScript code used to manage the layout and design of web pages. Search-based techniques treat the current version of the code as a point in a search space, and use a problem-specific fitness function to guide a search method to another point in the space that constitutes a repaired, or "fixed" version of the page.

RE-PRESENT will make the following innovations:

- It will develop automated repair techniques for presentation failures currently unrepairable automatically, including those related to "responsive designs" (web page layouts that are intended to adjust to different screen sizes), accessibility issues, and defects related to faulty JavaScript code responsible for handling user interaction.

- It will develop techniques that are capable of accounting for different types of presentation failure at once, rather than in isolation. This is important, because the act of fixing one presentation failure (e.g., reducing the size of a button, so that it no longer overlaps other content on a page) may inadvertently cause others (e.g., an accessibility issue, because the button is now too small for visually impaired users to see).

- It will investigate techniques that produce results fast enough for developers to use in practice. Search-based approaches are effective, but often slow because repairs need to be evaluated by rendering the page with the fix applied in a browser. RE-PRESENT will investigate ways of modelling web page layout to avoid the need for more, lengthy, fitness calculations than are strictly needed.

Key Findings
This information can now be found on Gateway to Research (GtR) http://gtr.rcuk.ac.uk
Potential use in non-academic contexts
This information can now be found on Gateway to Research (GtR) http://gtr.rcuk.ac.uk
Impacts
Description This information can now be found on Gateway to Research (GtR) http://gtr.rcuk.ac.uk
Summary
Date Materialised
Sectors submitted by the Researcher
This information can now be found on Gateway to Research (GtR) http://gtr.rcuk.ac.uk
Project URL:  
Further Information:  
Organisation Website: http://www.shef.ac.uk