This document discusses using Selenium to help designers test web applications. It begins with an introduction of the author and his background. It then addresses common problems that designers face with front-end development, such as working with JavaScript, CSS frameworks, and complexity. The document proposes using Selenium to improve communication, deployments, and maintaining integrity when multiple teams are working on a project. It provides requirements for setting up Selenium and describes how it can be used to check deployments and catch CSS issues. In the end it thanks the audience and provides contact information.

1. SELENIUM FOR DESIGNERS
BetterSoftware.it
27/28 giugno 2011 – Firenze

2. Mi piace:
ABOUT ME
 #fabio_fabbrucci{
 job: CTO;
 company: Retina;
 twitter: @Fabbrucci !important;
 Mail: “fabrucci@grupporetina.com”,
“fabio.fabbrucci@gmail.com”;
 }

4. BEGIN

5. SCHOOL

6. UNIVERSITY

7. GEEK (AND A LITTLE BIT NERD)

8. TEAM

9. REAL TEAM

10. THE DESIGNER

11. METHOD

12. MY COMPANY BEGINNING

13. 1 – PHP FRAMEWORK

14. 2 – TEMPLATE ENGINE

15. PROBLEM 1 – WHO DESIGNS
FRONTEND?

16. PROBLEM 2 - JAVASCRIPT

17. PROBLEM 3 – CSS FRAMEWORK

18. SASS
 Variables
 Nesting
 Mixins
 Inheritance
 http://sass-lang.com/

19. PROBLEM 4 - COMPLEXITY

20. PATH DEVELOPER
 Problem solving and mathematics
 Logic
 Procedural programming
 OOP
 Testing
 Standard
…

21. PATH DESIGNER
 Drawing
 Basic Tools
 Theory
 Adobe
 UX
 IA
…

22. PATH DISTANCE

23. SO WHO DEVELOP FRONTEND?

24. DEVIGNER

25. DESIGNER

26. WHAT CAN A DEVELOPER TEACH
TO A DESIGNER

27. PROGRAMMING BASICS
 Variables
 Functions
 DRY

28. NEW TEAM

29. SELENIUM FOR DESIGNERS
 Comunication
 Deploy
 Integrity

30. SELENIUM FOR COMMUNICATION
 Path to design
 Exceptions
 Errors
 Sample data entry
 Login
 Register

31. ISSUE TRACKING

33. SELENIUM FOR DEPLOY AND INTEGRITY
 Requirements:
 XAMPP machine
 Phpunit (3.5.x)
 Imagemagick
 Selenium
 Plugin IDE firefox
 Remote control
 https://github.com/fabiofabbrucci/SeleniumForDesign
ers

34. SELENIUM FOR DEPLOY
 Checklist di deploy
 Run script save images
 Todo:
 Interaction (form, sessions)
 Pro
 Easy to check
 Less mistakes of attention

35. SELENIUM FOR INTEGRITY
 CSS modify
 “Non straripamento del css”

36. THANK YOU
 @Fabbrucci
 fabio.fabbrucci@gmail.com
 fabbrucci@grupporetina.com