Not Signed-In
Which clippings match 'Organisational Schema' keyword pg.1 of 1
16 AUGUST 2013

BEM (Block, Element, Modifier): web naming standardisation

"One of the most common examples of a methodology in programming is Object–Oriented Programming. It's a programming paradigm embodied by many languages. In some ways, BEM is similar to OOP. It's a way of describing reality in code, a range of patterns, and a way of thinking about program entities regardless of programming languages being used.

We used BEM principles to create a set of front–end development techniques and tools, that allow us to build websites quickly and maintain them over a long time."

1

CONTRIBUTOR

Simon Perkins
29 APRIL 2013

Visualising Politecnico di Milano's School of Design

"Politecnico di Milano, in order to present the School of Design in its own stand at Salone del Mobile 2013, asked DensityDesign to realize a 4 mt x 2 mt poster showing the structure and the efficiency of the School of Design system at Politecnico. The visualization is a picture of the 2010 / 2011 academic year. We began with the visualization of the figures related to students.

On the left side you can start following the students path from the admission test to their bachelor degree, which is connected to data related to the type of contract one year after graduation (data referred to a 2010 survey).

We decided to integrate the visualization with information related to credits distribution. Every circle is a course of study and shows its typology of exams (theoretical courses, labs, etc.) with related C.F.U. (university course credits). Inside it is shown the average of earned credits by students every year. In the right side you can see the same data related to master degree.

We also visualized how many teachers each department gives to the school of design.

The poster has been completed with information about PhDs, technical and research labs and the number of students for each school of Politecnico.

The poster was realized in one week by Gabriele Calvi and Sara De Donno with the supervision of Michele Mauri."

(Sara De Donno, 24 April 2013, Density Design)

1

TAGS

20102011 • academic department • academic year • bachelors degree • CFU • communication designcommunication design educationdataDensity Designdesign coursedesign schooldiagrammatic visualisationfashion designflowchart • Gabriele Calvi • info visualisation • infographicsinformation designinformation diagraminformation visualisation • infovis • interior designmasters degree • Michele Mauri • number of students • org chartorganisation chartorganisational designorganisational schemaorganisational teamsPolitecnico di Milanoposterproduct design • Salone del Mobile • Sara De Donno • students path • university • university course credits

CONTRIBUTOR

Simon Perkins
22 MARCH 2010

The 960 Grid System: streamlining the web development workflow

"The 960 Grid System is an effort to streamline web development workflow by providing commonly used dimensions, based on a width of 960 pixels. There are two variants: 12 and 16 columns, which can be used separately or in tandem."

(Nathan Smith, 2010)

1

TAGS

2010 • 960 • 960 Grid SystemcolumnsCSSdesigndesign for the screengridgrid systeminfrastructureinnovationlayout • Nathan Smith • organisational schemapage designpage layoutschemasolutiontechnologytypographyusabilityweb designweb development • web development workflow • workflow

CONTRIBUTOR

Matthew Underwood
Sign-In

Sign-In to Folksonomy

Can't access your account?

New to Folksonomy?

Sign-Up or learn more.