selenium for designers

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

Upload: fabio-fabbrucci

Post on 14-Jun-2015

24.861 views

Category:

Design


0 download

DESCRIPTION

My presentation at Better Software in Florence

TRANSCRIPT

Page 1: Selenium for Designers

SELENIUM FOR DESIGNERS

BetterSoftware.it

27/28 giugno 2011 – Firenze

Page 2: Selenium for Designers

ABOUT ME

#fabio_fabbrucci{

job: CTO;

company: Retina;

twitter: @Fabbrucci !important;

Mail: “[email protected]”,

[email protected]”;

}

Mi piace:

Page 3: Selenium for Designers
Page 4: Selenium for Designers

BEGIN

Page 5: Selenium for Designers

SCHOOL

Page 6: Selenium for Designers

UNIVERSITY

Page 7: Selenium for Designers

GEEK (AND A LITTLE BIT NERD)

Page 8: Selenium for Designers

TEAM

Page 9: Selenium for Designers

REAL TEAM

Page 10: Selenium for Designers

THE DESIGNER

Page 11: Selenium for Designers

METHOD

Page 12: Selenium for Designers

MY COMPANY BEGINNING

Page 13: Selenium for Designers

1 – PHP FRAMEWORK

Page 14: Selenium for Designers

2 – TEMPLATE ENGINE

Page 15: Selenium for Designers

PROBLEM 1 – WHO DESIGNS

FRONTEND?

Page 16: Selenium for Designers

PROBLEM 2 - JAVASCRIPT

Page 17: Selenium for Designers

PROBLEM 3 – CSS FRAMEWORK

Page 18: Selenium for Designers

SASS

Variables

Nesting

Mixins

Inheritance

http://sass-lang.com/

Page 19: Selenium for Designers

PROBLEM 4 - COMPLEXITY

Page 20: Selenium for Designers

PATH DEVELOPER

Problem solving and mathematics

Logic

Procedural programming

OOP

Testing

Standard

Page 21: Selenium for Designers

PATH DESIGNER

Drawing

Basic Tools

Theory

Adobe

UX

IA

Page 22: Selenium for Designers

PATH DISTANCE

Page 23: Selenium for Designers

SO WHO DEVELOP FRONTEND?

Page 24: Selenium for Designers

DEVIGNER

Page 25: Selenium for Designers

DESIGNER

Page 26: Selenium for Designers

WHAT CAN A DEVELOPER TEACH

TO A DESIGNER

Page 27: Selenium for Designers

PROGRAMMING BASICS

Variables

Functions

DRY

Page 28: Selenium for Designers

NEW TEAM

Page 29: Selenium for Designers

SELENIUM FOR DESIGNERS

Comunication

Deploy

Integrity

Page 30: Selenium for Designers

SELENIUM FOR COMMUNICATION

Path to design

Exceptions

Errors

Sample data entry

Login

Register

Page 31: Selenium for Designers

ISSUE TRACKING

Page 32: Selenium for Designers
Page 33: Selenium for Designers

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

Page 34: Selenium for Designers

SELENIUM FOR DEPLOY

Checklist di deploy

Run script save images

Todo:

Interaction (form, sessions)

Pro

Easy to check

Less mistakes of attention

Page 35: Selenium for Designers

SELENIUM FOR INTEGRITY

CSS modify

“Non straripamento del css”