automated layout failure detection for responsive web
play

AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE WEB PAGES WITHOUT - PowerPoint PPT Presentation

Oct 13, 2023 •265 likes •1k views

1 THOMAS WALSH 1 , PHIL MCMINN 1 , GREGORY KAPFHAMMER 2 1 UNIVERSITY OF SHEFFIELD, 2 ALLEGHENY COLLEGE AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE WEB PAGES WITHOUT AN EXPLICIT ORACLE 2 ISSTA 2017 A LONG TIME AGO THOMAS WALSH

  1. 1 THOMAS WALSH 1 , PHIL MCMINN 1 , GREGORY KAPFHAMMER 2 1 UNIVERSITY OF SHEFFIELD, 2 ALLEGHENY COLLEGE AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE WEB PAGES WITHOUT AN EXPLICIT ORACLE

  2. 2 ISSTA 2017 A LONG TIME AGO… THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  3. 3 ISSTA 2017 THE WEB TODAY https://blog.pivotal.io/labs/labs/an-introduction-to-qa-at-xtreme-labs THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  4. 4 ISSTA 2017 WHY SUPPORT ALL DEVICES? THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  5. 5 ISSTA 2017 HOW CAN DEVELOPERS MAKE WEBSITES SUPPORT ALL DEVICES? USE RESPONSIVE WEB DESIGN. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  6. 6 ISSTA 2017 RESPONSIVE WEB DESIGN http://getbootstrap.com THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  7. 7 ISSTA 2017 RESPONSIVE LAYOUT FAILURES THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  8. 8 ISSTA 2017 RESPONSIVE LAYOUT FAILURES THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  9. 9 ISSTA 2017 RESPONSIVE LAYOUT FAILURES THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  10. 10 ISSTA 2017 RESPONSIVE LAYOUT FAILURES THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  11. 11 ISSTA 2017 RESPONSIVE LAYOUT FAILURES THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  12. 12 ISSTA 2017 RESPONSIVE LAYOUT FAILURES THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  13. 13 ISSTA 2017 HOW DO DEVELOPERS TEST RESPONSIVE WEBSITES? THEY “SPOT-CHECK”. WHAT IS THE ORACLE FOR RESPONSIVE WEBSITES? THE HUMAN TESTER. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  14. 14 ISSTA 2017 A SPOTCHECKING EXAMPLE 320 pixels 768 pixels 1024 pixels 1200 pixels 980 pixels THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  15. 15 ISSTA 2017 SUMMARY OF APPROACH RESPONSIVE LAYOUT GRAPH (RLG) COMMON RESPONSIVE LAYOUT FAILURE DETECTION THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  16. 16 ISSTA 2017 THE RESPONSIVE LAYOUT GRAPH 320PX-1400PX DIV[1] BODY DIV[2] 768PX-1400PX 320px-767px , centre-justified IMG 768px-1400px, left-justified DIV[3] 320PX-1400PX 320 pixels DIV[2] 320px-767px, above 768px-1400px, left-of IMG 320PX-1400PX 320PX-1400PX DIV[1] DIV[3] DIV[1] DIV[2] DIV[3] 768 pixels THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  17. 17 ISSTA 2017 RLF 1 - ELEMENT COLLISION THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  18. 18

  19. 19

  20. 20 ISSTA 2017 RLF 1 - ELEMENT COLLISION 1. Check whether any pair of elements are overlapping at any point. 2. If two elements are overlapping, check the layout at the wider viewport width. 3. If elements no longer overlapping, report an element collision failure. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  21. 21 ISSTA 2017 RLF 1 - ELEMENT COLLISION 320PX-1400PX 320PX-1400PX FORM DIV 320px-767px, above 768px-1000px, overlapping 1001px-1400px, left-of THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  22. 22 ISSTA 2017 RLF 1 - ELEMENT COLLISION 1. Check whether any pair of elements are overlapping at any point. 2. If two elements are overlapping, check the layout at the wider viewport width. 3. If elements no longer overlapping, report an element collision failure. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  23. 23 ISSTA 2017 RLF 1 - ELEMENT COLLISION 320PX-1400PX 320PX-1400PX FORM DIV 320px-767px, above 768px-1000px, overlapping 1001px-1400px, left-of THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  24. 24 ISSTA 2017 RLF 1 - ELEMENT COLLISION 1. Check whether any pair of elements are overlapping at any point. 2. If two elements are overlapping, check the layout at the wider viewport width. 3. If elements no longer overlapping, report an element collision failure. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  25. 25 ISSTA 2017 RLF 1 - ELEMENT COLLISION 320PX-1400PX 320PX-1400PX FORM DIV 320px-767px, above 768px-1000px, overlapping 1001px-1400px, left-of Element collision between 768px and 1000px. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  26. 26 ISSTA 2017 RLF 2 - ELEMENT PROTRUSION THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  27. 27

  28. 28

  29. 29 ISSTA 2017 RLF 2 - ELEMENT PROTRUSION 1. Check whether any pair of elements are overlapping at any point. 2. If two elements are overlapping, check the layout at the wider viewport width. 3. If one element now contains the other, report an element protrusion failure. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  30. 30 ISSTA 2017 RLF 2 - ELEMENT PROTRUSION 320PX-1400PX 320PX-1400PX HEADER FORM 320px-640px, overlapping 641px-1400px, contains THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  31. 31 ISSTA 2017 RLF 2 - ELEMENT PROTRUSION 1. Check whether any pair of elements are overlapping at any point. 2. If two elements are overlapping, check the layout at the wider viewport width. 3. If one element now contains the other, report an element protrusion failure. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  32. 32 ISSTA 2017 RLF 2 - ELEMENT PROTRUSION 320PX-1400PX 320PX-1400PX HEADER FORM 320px-640px, overlapping 641px-1400px, contains Element protrusion between 320px and 640px. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  33. 33 ISSTA 2017 RLF 3 - VIEWPORT PROTRUSION THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  34. 34

  35. 35

  36. 36 ISSTA 2017 RLF 3 - VIEWPORT PROTRUSION 1. Look through each element . 2. Check that for every viewport width the element is visible, it is contained within some other element. 3. If, at any point, the element is not contained at all, report a viewport protrusion failure. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  37. 37 ISSTA 2017 RLF 3 - VIEWPORT PROTRUSION 320PX-1400PX BODY 1050px-1400px, contains 981PX-1400PX DIV THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  38. 38 ISSTA 2017 RLF 3 - VIEWPORT PROTRUSION 1. Look through each element . 2. Check that for every viewport width the element is visible, it is contained within some other element. 3. If, at any point, the element is not contained at all, report a viewport protrusion failure. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  39. 39 ISSTA 2017 RLF 3 - VIEWPORT PROTRUSION 320PX-1400PX BODY 1050px-1400px, contains 981PX-1400PX DIV THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  40. 40 ISSTA 2017 RLF 3 - VIEWPORT PROTRUSION 1. Look through each element . 2. Check that for every viewport width the element is visible, it is contained within some other element. 3. If, at any point, the element is not contained at all, report a viewport protrusion failure. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

  41. 41 ISSTA 2017 RLF 3 - VIEWPORT PROTRUSION 320PX-1400PX BODY 1050px-1400px, contains 981PX-1400PX DIV Viewport protrusion between 981px and 1049px. THOMAS WALSH AUTOMATED LAYOUT FAILURE DETECTION FOR RESPONSIVE TWALSH1@SHEFFIELD.AC.UK WEB PAGES WITHOUT AN EXPLICIT ORACLE

Recommend

REDECHECK: AN AUTOMATIC LAYOUT FAILURE CHECKING TOOL FOR RESPONSIVELY DESIGNED WEB PAGES ISSTA

REDECHECK: AN AUTOMATIC LAYOUT FAILURE CHECKING TOOL FOR RESPONSIVELY DESIGNED WEB PAGES ISSTA

THOMAS WALSH 1 , PHIL MCMINN 1 , GREGORY KAPFHAMMER 2 1 UNIVERSITY OF SHEFFIELD, 2 ALLEGHENY COLLEGE REDECHECK: AN AUTOMATIC LAYOUT FAILURE CHECKING TOOL FOR RESPONSIVELY DESIGNED WEB PAGES ISSTA 2017 THE PROBLEM: RESPONSIVE LAYOUT FAILURES

146 views • 3 slides
Automatic Detection of Potential Layout Faults in Responsive Web Pages Thomas A. Walsh* , Phil

Automatic Detection of Potential Layout Faults in Responsive Web Pages Thomas A. Walsh* , Phil

Automatic Detection of Potential Layout Faults in Responsive Web Pages Thomas A. Walsh* , Phil McMinn* and Gregory M. Kapfhammer + University of She ffi eld * , Allegheny College + twalsh1@she ffi eld.ac.uk www.thomaswalsh.co.uk Thomas Walsh

574 views • 23 slides
Automated fault detection for Automated fault detection for Autosub6000: Autosub6000: What we've

Automated fault detection for Automated fault detection for Autosub6000: Autosub6000: What we've

Automated fault detection for Automated fault detection for Autosub6000: Autosub6000: What we've achieved in a year? TSEM talk @ Institute of Cybernetics, Tallinn, Estonia Juhan Ernits, March 9, 2010 Overview of todays talk Overview of today s

490 views • 26 slides
SeeTest Continuous Testing Platform 1 Layout (Visual) Testing Integrate visual testing into your

SeeTest Continuous Testing Platform 1 Layout (Visual) Testing Integrate visual testing into your

Layout (Visual) Testing SeeTest Continuous Testing Platform 1 Layout (Visual) Testing Integrate visual testing into your CI/CD flow to detect and fix responsive design issues before production Create automated tests to verify UI responsiveness

621 views • 8 slides
Ken Birman i Cornell University. CS5410 Fall 2008. Failure detection vs Masking Failure

Ken Birman i Cornell University. CS5410 Fall 2008. Failure detection vs Masking Failure

Ken Birman i Cornell University. CS5410 Fall 2008. Failure detection vs Masking Failure detection: in some sense, weakest Assumes that failures are rare and localized Develops a mechanism to detect faults with low rates of

608 views • 48 slides
Adaptation of Failure Detection Mechanisms to Handle Attacks against SCADA Systems J.

Adaptation of Failure Detection Mechanisms to Handle Attacks against SCADA Systems J.

Adaptation of Failure Detection Mechanisms to Handle Attacks against SCADA Systems J. RUBIO-HERNAN and J. GARCIA-ALFARO Agenda Introduction State of the Art Physical-layer Failure Detection Mechanisms Conclusion & Future

465 views • 28 slides
Moving Forward Using Automated Measures for Lameness Detection Nria Chapinal, PhD Animal

Moving Forward Using Automated Measures for Lameness Detection Nria Chapinal, PhD Animal

Moving Forward Using Automated Measures for Lameness Detection Nria Chapinal, PhD Animal Welfare Program, UBC April 14, 2010 Outline Introduction Visual/subjective methods of detection Automated methods of detection Examples

905 views • 47 slides
JS.Responsive How to make responsive design better... Responsive design What is it? ?

JS.Responsive How to make responsive design better... Responsive design What is it? ?

JS.Responsive How to make responsive design better... Responsive design What is it? ? Responsive design What is it? it is not a fixed image it is adjusting in some situations / conditions (or change totaly) different on various

542 views • 21 slides
Timing Behavior Anomaly Detection for Automatic Failure Detection and Diagnosis Research visit at

Timing Behavior Anomaly Detection for Automatic Failure Detection and Diagnosis Research visit at

Timing Behavior Anomaly Detection for Automatic Failure Detection and Diagnosis Research visit at Charles Univerity Prague Matthias Rohr matthias.rohr@informatik.uni-oldenburg.de Graduate School TrustSoft, Software Engineering Group Department

969 views • 82 slides
Verifying That Web Pages Have Accessible Layout Pavel Panchekha , Adam T. Geller, Michael D.

Verifying That Web Pages Have Accessible Layout Pavel Panchekha , Adam T. Geller, Michael D.

Verifying That Web Pages Have Accessible Layout Pavel Panchekha , Adam T. Geller, Michael D. Ernst, Zachary Tatlock, Shoaib Kamil This Work: Automated Veri fi cation for Web Page Layout 3.6M lines 66% 17% 9% 7% Backend Layout Script

745 views • 41 slides
Perfect Failure Detection with Very Few Bits Pierre Fraigniaud 1 Sergio Rajsbaum 2 C. Travers 3

Perfect Failure Detection with Very Few Bits Pierre Fraigniaud 1 Sergio Rajsbaum 2 C. Travers 3

Perfect Failure Detection with Very Few Bits Pierre Fraigniaud 1 Sergio Rajsbaum 2 C. Travers 3 Petr Kuznetsov 4 Thibault Rieutord 4 1 IRIF, Paris 2 UNAM, Mexico 3 LaBRI, Bordeaux 4 ParisTech, Paris ANR Descartes, Chasseneuil, Octobre 2017 Failure

1.69k views • 122 slides
Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications

Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications

Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications need to be able to adjust the presentation of our interfaces. We need to dynamically reposition and resize our content in response to: Change in

681 views • 28 slides
Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications

Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications

Layout Dynamic layout Layout design pattern Layout strategies 2 Dynamic Layout Applications need to be able to adjust the presentation of our interfaces. We need to dynamically reposition and resize our content in response to: Change in

594 views • 26 slides
Error detection Storage device failures and correction and mitigation - I Sector/page failure

Error detection Storage device failures and correction and mitigation - I Sector/page failure

Error detection Storage device failures and correction and mitigation - I Sector/page failure (i.e., Partial failure) Data lost, rest of device operates correctly A layered approach Permanent (e.g. due to scratches) or transient (e.g., due to

233 views • 6 slides
Intrinsic Plagiarism Detection Intrinsic Plagiarism Detection Using Character n gram Profiles

Intrinsic Plagiarism Detection Intrinsic Plagiarism Detection Using Character n gram Profiles

Intrinsic Plagiarism Detection Intrinsic Plagiarism Detection Using Character n gram Profiles g g Efstathios Stamatatos Efstathios Stamatatos University of the Aegean Talk Layout Talk Layout Introduction The style change function The

508 views • 26 slides
Semi-Automated Magazine Layout Using Content-Based Image Features Mikko Kuhna Aalto University

Semi-Automated Magazine Layout Using Content-Based Image Features Mikko Kuhna Aalto University

ACM Multimedia 12 31.10.2012 Semi-Automated Magazine Layout Using Content-Based Image Features Mikko Kuhna Aalto University Ida-Maria Kivel School of Science Pirkko Oittinen Department of Media Technology Contents 1. Introduction

896 views • 42 slides
Failure Sketching: A Technique for Automated Root Cause Diagnosis of In-Production Failures

Failure Sketching: A Technique for Automated Root Cause Diagnosis of In-Production Failures

Failure Sketching: A Technique for Automated Root Cause Diagnosis of In-Production Failures Baris Kasikci, Benjamin Schubert, Cristiano Pereira, Gilles Pokam, George Candea Debugging In-Production Software Failures Today 2 Debugging

937 views • 93 slides
Asok Asok Ray Ray The Pennsylvania State University University Park, PA 16802 Email:

Asok Asok Ray Ray The Pennsylvania State University University Park, PA 16802 Email:

1 8 5 5 Seminar at Seminar at Nat National Inst onal Institut itute of S e of Standar andards and Technology ds and Technology ANOMALY DETECTION ANOMALY DETECTION AND FAILURE MITIGATION ND FAILURE MITIGATION IN COMPLEX DYNAMICAL SYSTEMS

444 views • 33 slides
Automated Repair of Layout Cross Browser Issues Using Search-Based Techniques Sonal Mahajan * ,

Automated Repair of Layout Cross Browser Issues Using Search-Based Techniques Sonal Mahajan * ,

Automated Repair of Layout Cross Browser Issues Using Search-Based Techniques Sonal Mahajan * , Abdulmajeed Alameer * , Phil McMinn + , William G. J. Halfond * * University of Southern California, USA + University of Sheffield, UK Work supported

989 views • 62 slides
S MV -H UNTER : Large Scale, Automated Detection of SSL/TLS Man-in-the-Middle Vulnerabilities in

S MV -H UNTER : Large Scale, Automated Detection of SSL/TLS Man-in-the-Middle Vulnerabilities in

S MV -H UNTER : Large Scale, Automated Detection of SSL/TLS Man-in-the-Middle Vulnerabilities in Android Apps David Sounthiraraj Justin Sahs Garret Greenwood Zhiqiang Lin Latifur Khan University of Texas at Dallas February 26, 2014

671 views • 40 slides
Failure Detection and Propagation in HPC systems George Bosilca 1 , Aurlien Bouteiller 1 , Amina

Failure Detection and Propagation in HPC systems George Bosilca 1 , Aurlien Bouteiller 1 , Amina

Failure Detection and Propagation in HPC systems George Bosilca 1 , Aurlien Bouteiller 1 , Amina Guermouche 1 , Thomas Hrault 1 , Yves Robert 1 , 2 , Pierre Sens 3 and Jack Dongarra 1 , 4 1 . University Tennessee Knoxville 2 . ENS Lyon, France 3

644 views • 48 slides
Failure Detection and Propagation in HPC systems George Bosilca 1 , Aurlien Bouteiller 1 , Amina

Failure Detection and Propagation in HPC systems George Bosilca 1 , Aurlien Bouteiller 1 , Amina

Failure Detection and Propagation in HPC systems George Bosilca 1 , Aurlien Bouteiller 1 , Amina Guermouche 1 , Thomas Hrault 1 , Yves Robert 1 , 2 , Pierre Sens 3 and Jack Dongarra 1 , 4 1 . University Tennessee Knoxville 2 . ENS Lyon, France 3

791 views • 44 slides
CS/COE 1520 pitt.edu/~ach54/cs1520 Responsive Web Design Viewing a webpage in a small window 2

CS/COE 1520 pitt.edu/~ach54/cs1520 Responsive Web Design Viewing a webpage in a small window 2

CS/COE 1520 pitt.edu/~ach54/cs1520 Responsive Web Design Viewing a webpage in a small window 2 Viewing a webpage on a smartphone 3 Viewports Visual viewport Layout viewport 4 The idea behind responsive design "If you put water

309 views • 15 slides
Automated layout for magazine and newspaper publishing 06.02.2013 Mikko Kuhna Aalto University

Automated layout for magazine and newspaper publishing 06.02.2013 Mikko Kuhna Aalto University

Automated layout for magazine and newspaper publishing 06.02.2013 Mikko Kuhna Aalto University mikko.kuhna@aalto.fi School of Science http://mikkokuhna.com Dept. Media Technology Partners Aalto ARTS, Aalto BIZ, Aalto Communications, Alma

301 views • 26 slides

More recommend