My presentation at Better Software in Florence

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