selenium for designers

SELENIUM FOR DESIGNERS

BetterSoftware.it

27/28 giugno 2011 – Firenze

ABOUT ME

#fabio_fabbrucci{

job: CTO;

company: Retina;

twitter: @Fabbrucci !important;

Mail: “fabrucci@grupporetina.com”,

“fabio.fabbrucci@gmail.com”;

}

Mi piace:

BEGIN

SCHOOL

UNIVERSITY

GEEK (AND A LITTLE BIT NERD)

TEAM

REAL TEAM

THE DESIGNER

METHOD

MY COMPANY BEGINNING

1 – PHP FRAMEWORK

2 – TEMPLATE ENGINE

PROBLEM 1 – WHO DESIGNS

FRONTEND?

PROBLEM 2 - JAVASCRIPT

PROBLEM 3 – CSS FRAMEWORK

SASS

Variables

Nesting

Mixins

Inheritance

http://sass-lang.com/

PROBLEM 4 - COMPLEXITY

PATH DEVELOPER

Problem solving and mathematics

Logic

Procedural programming

OOP

Testing

Standard

…

PATH DESIGNER

Drawing

Basic Tools

Theory

Adobe

UX

IA

…

PATH DISTANCE

SO WHO DEVELOP FRONTEND?

DEVIGNER

DESIGNER

WHAT CAN A DEVELOPER TEACH

TO A DESIGNER

PROGRAMMING BASICS

Variables

Functions

DRY

NEW TEAM

SELENIUM FOR DESIGNERS

Comunication

Deploy

Integrity

SELENIUM FOR COMMUNICATION

Path to design

Exceptions

Errors

Sample data entry

Login

Register

ISSUE TRACKING

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

SELENIUM FOR DEPLOY

Checklist di deploy

Run script save images

Todo:

Interaction (form, sessions)

Pro

Easy to check

Less mistakes of attention

SELENIUM FOR INTEGRITY

CSS modify

“Non straripamento del css”

THANK YOU

@Fabbrucci

fabio.fabbrucci@gmail.com

fabbrucci@grupporetina.com