Nothing Special   »   [go: up one dir, main page]

skip to main content
10.1145/3180155.3180262acmconferencesArticle/Chapter ViewAbstractPublication PagesicseConference Proceedingsconference-collections
research-article

Automated repair of mobile friendly problems in web pages

Published: 27 May 2018 Publication History

Abstract

Mobile devices have become a primary means of accessing the Internet. Unfortunately, many websites are not designed to be mobile friendly. This results in problems such as unreadable text, cluttered navigation, and content overflowing a device's viewport; all of which can lead to a frustrating and poor user experience. Existing techniques are limited in helping developers repair these mobile friendly problems. To address this limitation of prior work, we designed a novel automated approach for repairing mobile friendly problems in web pages. Our empirical evaluation showed that our approach was able to successfully resolve mobile friendly problems in 95% of the evaluation subjects. In a user study, participants preferred our repaired versions of the subjects and also considered the repaired pages to be more readable than the originals.

References

[1]
StackOverflow Search --- Mobile Friendly Problems with Bootstrap. Retrieved Aug 2017 from https://stackoverflow.com/search?q=bootstrap+mobile+problem
[2]
Abdulmajeed Alameer, Sonal Mahajan, and William G.J. Halfond. 2016. Detecting and Localizing Internationalization Presentation Failures in Web Applications. In Proceeding of the 9th IEEE International Conference on Software Testing, Verification, and Validation (ICST).
[3]
Alexa. 2017. Alexa Top 50 Websites by Category. Retrieved Aug 2017 from https://www.alexa.com/topsites/category
[4]
Bing. 2017. Bing Mobile Friendly Test Tool. Retrieved Aug 2017 from https://www.bing.com/webmaster/tools/mobile-friendliness
[5]
bMobilized. 2017. bMobilized Website. Retrieved Aug 2017 from http://bmobilized.com/
[6]
Browserstack. 2017. BrowserStack for Testing Mobile Websites. Retrieved Aug 2017 from https://www.browserstack.com/
[7]
Deng Cai, Shipeng Yu, Ji-Rong Wen, and Wei-Ying Ma. 2003. VIPS: a Vision-based Page Segmentation Algorithm. Technical Report.
[8]
Deepayan Chakrabarti, Ravi Kumar, and Kunal Punera. 2008. A Graph-theoretic Approach to Webpage Segmentation. In Proceedings of the 17th International Conference on World Wide Web (WWW '08).
[9]
Shauvik Roy Choudhary, Mukul R. Prasad, and Alessandro Orso. 2012. Cross-Check: Combining Crawling and Differencing to Better Detect Cross-browser Incompatibilities in Web Applications. In Proceedings of the IEEE Fifth International Conference on Software Testing, Verification and Validation (ICST). IEEE Computer Society, Washington, DC, USA, 171--180.
[10]
Chrome. 2017. Chrome Reader Mode. Retrieved Aug 2017 from https://github.com/chromium/dom-distiller
[11]
Duda. 2017. Duda Website. Retrieved Aug 2017 from https://www.dudamobile.com/
[12]
eMarketer. 2017. Estimates for Digital Users. Retrieved Aug 2017 from https://www.emarketer.com/Article/eMarketer-Releases-Updated-Estimates-US-Digital-Users/1015275
[13]
Firefox. 2017. Firefox Reader Mode. Retrieved Aug 2017 from https://support.mozilla.org/en-US/kb/firefox-reader-view-clutter-free-web-pages
[14]
Google. 2017. Google Mobile Friendly Problem Types. Retrieved Aug 2017 from https://support.google.com/webmasters/answer/6352293
[15]
Google. 2017. Google Mobile Friendly Test Tool. Retrieved Aug 2017 from https://search.google.com/test/mobile-friendly
[16]
Google. 2017. Google PageSpeed Insights Tool. Retrieved Aug 2017 from https://developers.google.com/speed/pagespeed/insights/
[17]
Google. 2017. Google Search Ranking based on Mobile Friendliness. Retrieved Aug 2017 from https://support.google.com/adsense/answer/6196932?hl=en
[18]
Google. 2017. Google Study for Mobile Usage. Retrieved Aug 2017 from https://developers.google.com/search/mobile-sites/
[19]
Google. 2018. Consumer Study. Retrieved Feb 2018 from https://www.consumerbarometer.com/en/insights/?countryCode=US
[20]
Google. 2018. Content Sizing. Retrieved Feb 2018 from https://developers.google.com/web/fundamentals/design-and-ux/responsive/
[21]
Sonal Mahajan. 2017. MF<scp>ix</scp> Project. Retrieved Aug 2017 from https://github.com/USC-SQL/mfix
[22]
Sonal Mahajan, Abdulmajeed Alameer, Phil McMinn, and William G.J. Halfond. 2017. Automated Repair of Layout Cross Browser Issues using Search-Based Techniques. In Proceedings of the 26th International Symposium on Software Testing and Analysis (ISSTA).
[23]
Sonal Mahajan, Abdulmajeed Alameer, Phil McMinn, and William G.J. Halfond. 2017. XFix: Automated Tool for Repair of Layout Cross Browser Issues. In Proceedings of the 26th International Symposium on Software Testing and Analysis (ISSTA) - Tool Track.
[24]
Sonal Mahajan and William G. J. Halfond. 2014. Finding HTML Presentation Failures Using Image Comparison Techniques. In Proceedings of the 29th IEEE/ACM International Conference on Automated Software Engineering (ASE) - New Ideas track.
[25]
Sonal Mahajan and William G. J. Halfond. 2015. Detection and Localization of HTML Presentation Failures Using Computer Vision-Based Techniques. In Proceedings of the 8th IEEE International Conference on Software Testing, Verification and Validation (ICST).
[26]
Sonal Mahajan and William G. J. Halfond. 2015. WebSee: A Tool for Debugging HTML Presentation Failures. In Proceedings of the 8th IEEE International Conference on Software Testing, Verification and Validation (ICST) - Tool track.
[27]
Sonal Mahajan, Bailan Li, Pooyan Behnamghader, and William G. J. Halfond. 2016. Using Visual Symptoms for Debugging Presentation Failures in Web Applications. In Proceedings of the 9th IEEE International Conference on Software Testing, Verification and Validation (ICST).
[28]
Sonal Mahajan, Bailan Li, and William G. J. Halfond. 2014. Root Cause Analysis for HTML Presentation Failures Using Search-based Techniques. In Proceedings of the 7th International Workshop on Search-Based Software Testing (SBST).
[29]
Mobify. 2017. Mobify Website. Retrieved Aug 2017 from https://www.mobify.com/
[30]
Mobilifyit. 2017. Mobilifyit Website. Retrieved Aug 2017 from http://www.mobilifyit.com/
[31]
Hung Viet Nguyen, Hoan Anh Nguyen, Tung Thanh Nguyen, and Tien N.Nguyen. 2011. Auto-locating and Fix-propagating for HTML Validation Errors to PHP Server-side Code. In Proceedings of the 2011 26th IEEE/ACM International Conference on Automated Software Engineering (ASE). IEEE Computer Society, Washington, DC, USA, 13--22.
[32]
Pavel Panchekha and Emina Torlak. 2016. Automated Reasoning for Web Page Layout. In Proceedings of the ACM SIGPLAN International Conference on Object-Oriented Programming, Systems, Languages, and Applications (OOPSLA).
[33]
Richard Romero and Adam Berger. 2004. Automatic Partitioning of Web Pages Using Clustering. In Proceedings of Mobile Human-Computer Interaction - MobileHCI 2004: 6th International Symposium.
[34]
Shauvik Roy Choudhary, Mukul R. Prasad, and Alessandro Orso. 2013. X-PERT: Accurate Identification of Cross-browser Issues in Web Applications. In Proceedings of the 2013 International Conference on Software Engineering (ICSE). 702--711.
[35]
Shauvik Roy Choudhary, Husayn Versee, and Alessandro Orso. 2010. WEBDIFF: Automated Identification of Cross-browser Issues in Web Applications. In Proceedings of the IEEE International Conference on Software Maintenance (ICSM). 1--10.
[36]
Safari. 2017. Safari Reader Mode. Retrieved Aug 2017 from https://en.wikipedia.org/wiki/Safari_(web_browser)
[37]
Hesam Samimi, Max Schäfer, Shay Artzi, Todd Millstein, Frank Tip, and Laurie Hendren. 2012. Automated Repair of HTML Generation Errors in PHP Applications Using String Constraint Solving. In Proceedings of the International Conference on Software Engineering (ICSE). 277--287.
[38]
AndrÃl's Sanoja and StÃiphane GanÃğarski. 2014. Block-o-Matic: A web page segmentation framework. In Proceedings of the International Conference on Multimedia Computing and Systems (ICMCS).
[39]
SauceLabs. 2017. SauceLabs for Testing Mobile Websites. Retrieved Aug 2017 from https://saucelabs.com/
[40]
Statcounter. 2017. Mobile Market Share. Retrieved Aug 2017 from http://gs.statcounter.com/platform-market-share/desktop-mobile/worldwide/#monthly-201407-201707
[41]
Michael Tamm. 2009. Fighting layout bugs. https://code.google.com/p/fighting-layout-bugs/.
[42]
Thomas Walsh, Gregory Kapfhammer, and Phil McMinn. 2017. Automated Layout Failure Detection for Responsive Web Pages without an Explicit Oracle. In Proceedings of the 26th International Symposium on Software Testing and Analysis (ISSTA).
[43]
Thomas A. Walsh, Phil McMinn, and Gregory M. Kapfhammer. 2015. Automatic Detection of Potential Layout Faults Following Changes to Responsive Web Pages. In International Conference on Automated Software Engineering (ASE). ACM, 709--714.
[44]
Xiaoyin Wang, Lu Zhang, Tao Xie, Hong Mei, and Jiasu Sun. 2010. Locating Need-to-Translate Constant Strings in Web Applications. In Proceedings of the Eighteenth ACM SIGSOFT International Symposium on Foundations of Software Engineering (FSE '10).
[45]
Xiaoyin Wang, Lu Zhang, Tao Xie, Yingfei Xiong, and Hong Mei. 2012. Automating Presentation Changes in Dynamic Web Applications via Collaborative Hybrid Analysis. In Proceedings of the ACM SIGSOFT 20th International Symposium on the Foundations of Software Engineering (FSE). ACM, New York, NY, USA, 16:1--16:11.
[46]
WompMobile. 2017. WompMobile Website. Retrieved Aug 2017 from http://www.wompmobile.com/

Cited By

View all
  • (2024)A visual programming tool for mobile web augmentationKnowledge and Information Systems10.1007/s10115-023-02039-666:9(5631-5668)Online publication date: 23-May-2024
  • (2024)How Order and Omission of Web Content Can Vary Unintentionally Across User Cohorts: A ReviewUniversal Access in Human-Computer Interaction10.1007/978-3-031-60881-0_6(80-99)Online publication date: 1-Jun-2024
  • (2024)WebSAM-Adapter: Adapting Segment Anything Model for Web Page SegmentationAdvances in Information Retrieval10.1007/978-3-031-56027-9_27(439-454)Online publication date: 24-Mar-2024
  • Show More Cited By

Index Terms

  1. Automated repair of mobile friendly problems in web pages

    Recommendations

    Comments

    Please enable JavaScript to view thecomments powered by Disqus.

    Information & Contributors

    Information

    Published In

    cover image ACM Conferences
    ICSE '18: Proceedings of the 40th International Conference on Software Engineering
    May 2018
    1307 pages
    ISBN:9781450356381
    DOI:10.1145/3180155
    • Conference Chair:
    • Michel Chaudron,
    • General Chair:
    • Ivica Crnkovic,
    • Program Chairs:
    • Marsha Chechik,
    • Mark Harman
    Permission to make digital or hard copies of all or part of this work for personal or classroom use is granted without fee provided that copies are not made or distributed for profit or commercial advantage and that copies bear this notice and the full citation on the first page. Copyrights for components of this work owned by others than ACM must be honored. Abstracting with credit is permitted. To copy otherwise, or republish, to post on servers or to redistribute to lists, requires prior specific permission and/or a fee. Request permissions from [email protected]

    Sponsors

    Publisher

    Association for Computing Machinery

    New York, NY, United States

    Publication History

    Published: 27 May 2018

    Permissions

    Request permissions for this article.

    Check for updates

    Author Tags

    1. automated repair
    2. mobile friendly problems
    3. web apps

    Qualifiers

    • Research-article

    Conference

    ICSE '18
    Sponsor:

    Acceptance Rates

    Overall Acceptance Rate 276 of 1,856 submissions, 15%

    Upcoming Conference

    ICSE 2025

    Contributors

    Other Metrics

    Bibliometrics & Citations

    Bibliometrics

    Article Metrics

    • Downloads (Last 12 months)21
    • Downloads (Last 6 weeks)0
    Reflects downloads up to 14 Dec 2024

    Other Metrics

    Citations

    Cited By

    View all
    • (2024)A visual programming tool for mobile web augmentationKnowledge and Information Systems10.1007/s10115-023-02039-666:9(5631-5668)Online publication date: 23-May-2024
    • (2024)How Order and Omission of Web Content Can Vary Unintentionally Across User Cohorts: A ReviewUniversal Access in Human-Computer Interaction10.1007/978-3-031-60881-0_6(80-99)Online publication date: 1-Jun-2024
    • (2024)WebSAM-Adapter: Adapting Segment Anything Model for Web Page SegmentationAdvances in Information Retrieval10.1007/978-3-031-56027-9_27(439-454)Online publication date: 24-Mar-2024
    • (2023)Automated and Context-Aware Repair of Color-Related Accessibility Issues for Android AppsProceedings of the 31st ACM Joint European Software Engineering Conference and Symposium on the Foundations of Software Engineering10.1145/3611643.3616329(1255-1267)Online publication date: 30-Nov-2023
    • (2023)Invalidator: Automated Patch Correctness Assessment Via Semantic and Syntactic ReasoningIEEE Transactions on Software Engineering10.1109/TSE.2023.325517749:6(3411-3429)Online publication date: 1-Jun-2023
    • (2023) Let’s Talk With Developers, Not About Developers: A Review of Automatic Program Repair Research IEEE Transactions on Software Engineering10.1109/TSE.2022.315208949:1(419-436)Online publication date: 1-Jan-2023
    • (2023)Nighthawk: Fully Automated Localizing UI Display Issues via Visual UnderstandingIEEE Transactions on Software Engineering10.1109/TSE.2022.315087649:1(403-418)Online publication date: 1-Jan-2023
    • (2023)ScaleFix: An Automated Repair of UI Scaling Accessibility Issues in Android Applications2023 IEEE International Conference on Software Maintenance and Evolution (ICSME)10.1109/ICSME58846.2023.00025(147-159)Online publication date: 1-Oct-2023
    • (2022)The Metamorphosis: Automatic Detection of Scaling Issues for Mobile AppsProceedings of the 37th IEEE/ACM International Conference on Automated Software Engineering10.1145/3551349.3556935(1-12)Online publication date: 10-Oct-2022
    • (2022)WoodpeckerProceedings of the ACM/IEEE 44th International Conference on Software Engineering: Companion Proceedings10.1145/3510454.3522681(334-336)Online publication date: 21-May-2022
    • Show More Cited By

    View Options

    Login options

    View options

    PDF

    View or Download as a PDF file.

    PDF

    eReader

    View online with eReader.

    eReader

    Media

    Figures

    Other

    Tables

    Share

    Share

    Share this Publication link

    Share on social media