SlideShare a Scribd company logo
Evolució de la interfície
Mariona Grané. Laboratori de Mitjans Interactius.   @CAVUB
HARDWARE
  CONCEPCIÓ DE SISTEMES OPERATIUS

             SOFTWARE
         INTERFICIE GRÀFICA

      HYPERTEXT > HYPERMEDIA
XARXA > DESENVOLUPAMENT DE LA WWW

          INTERFÍCIES WEB
La interfície digital

 1945 > Vannevar Bush va posar la primera pedra del que havia de ser l’estructura
 de la informació digital.

 1963 > Douglas C. Engelbart, (Berkeley) va portar més enllà les idees de Bush i les
 va fer realitat amb un seguit d’invents que han permès els sistemes actuals



ENGELBART & ENGLISH
              Mouse
Augmentar l’home

Augmentation Research Institute al Stanford Research Institute.

Volia «augmentar les possibilitats de l’ésser humà per enfrontar-se amb problemes
complexos, aconseguir la comprensió per satisfer les necessitats particulars i
imaginar solucions per als problemes» (Engelbart, 1968).




Engelbar t considerava que, un cop
evolucionats els pr imers sistemes
d’interfícies amigables, canviaria el món, i
els homes serien «augmentats»
The Demo

Fall Joint Computer Conference de San Francisco del 9 de desembre del 1968

   > fita essencial en el desenvolupament tecnològic informàtic del segle XX




· el ratolí,
· un entorn de software basat en un
sistema de finestres,
· edició visual de textos,
· les pantalles per mapa de bits que
permetien tenir en pantalla textos i
gràfics utilitzant un sol monitor per a
les diferents tasques,
· el primer sistema d’hiper text
operatiu amb cerques integrades
(NLS, On Line System), ...
Evolucio interface
Knowledge Workshop

1968 > Engelbart: taller del coneixement i del treball en xarxa




                                        «Dues o més persones, separades
                                        físicament, però connectades
                                        electrònicament, podrien treballar
                                        conjuntament sobre un document i fer-hi
                                        els canvis que volguessin, que els seus
                                        interlocutors podrien percebre
                                        immediatament a la seva pantalla de
                                        l’ordinador. Totes les comprovacions,
                                        revisions o discussions sobre un document
                                        es podrien fer en temps real per dispers
                                        que fos, geogràficament parlant, el grup
                                        de treball» (Almiron, 2000, 19).


Quaranta anys abans que existís Google Docs
Sketchpad

Ivan Sutherland , MIT > desenvolupa el primer sistema de gràfics interactius per ordinador



Sketchpad - A Man-Machine Graphical Communication System (un sistema gràfic de
comunicacions entre home i màquina) el 1963.

Elements gràfics aplicant un llapis lluminós directament sobre la pantalla d’un potent
prototip informàtic del MIT (el TX-2).
Alan Key

Prototip > FLEX

Volia dissenyar un ordinador que fos tan quotidià que fins i tot els infants el
poguessin utilitzar.

Que utilitzés un llenguatge natural i fos «simpàtic i cordial»

1968 > SmallTalk i Dynabook




                                                      «La millor manera de predir el
                                                      futur és inventar-lo» (Key, 1970).
Alan Kay i la metàfora de l’escriptori

 1972, Alan Kay va començar a treballar al PARC (Palo Alto Research Center) de
 la Xerox, i va fundar el Learning Research Group



 Evolució de les finestres d’Engelbart a la metàfora de l’escriptori.

 Imaginava la interfície de l’ordinador com un escriptori on els usuaris treballaven
 amb fulls de paper que es podien sobreposar els uns als altres, i hi podien
 escriure, llegir i dibuixar.



 Alto
 el primer ordinador personal de la història

 Star
 la primera interfície grafica
 la integració del ratolí
 finestres
 icones
Evolucio interface
Xerox

«En el centre d’investigació de Palo Alto van néixer
les icones, les representacions gràfiques de les ordres
que podem donar a un ordinador; les finestres, les
àrees de treball que permeten delimitar zones a la
pantalla; i els gràfics, gràcies als mapes de bits, una
tecnologia que va permetre visualitzar gràfics a la
pantalla dels nostres ordinadors amb una gran
precisió»


                           «Però al PARC també es va utilitzar per primera
                           vegada, a més del teclat, el ratolí o el joystick com a
                           principal mecanisme de control de l’ordinador, un
                           invent heretat de Douglas Engelbart; va néixer la
                           xarxa Ethernet, la possibilitat de connectar entre si
                           els ordinadors personals; van sorgir les primeres
                           impressores làser que permetrien, posteriorment, el
                           naixement de l’autoedició; i també va veure la llum
                           la programació orientada a objectes mitjançant el
 (Almiron, 2000)           llenguatge SmallTalk (desenvolupat per Alan Kay)»
Apple

1979 > una delegació dels joves d’Apple visiten la seu del PARC

Steve Jobs & Steve Wozniak, van començar a treballar en un model que canviaria per
sempre la forma d’accedir a la informació i de treballar amb els ordinadors.
LISA

 1979 > inici projecte Macintosh

 1983 > LISA supera totes les fonts
Macintosh

1984 > es comercialitza a gran escla el Macintosh
un ordinador personal amb interfície humana
Interfícies dels 80

 Titol de la diapositiva
Titol de la diapositiva

 El que va ser titllat primerament de sistema de joguina pels experts informàtics de
 l’època es va convertir anys més tard en el sistema d’interfície que adoptaren totes
 les empreses del sector.
Interfícies actuals
Interfícies actuals
Aquesta va ser la primera fase d’extensió de la idea i dels treballs per al disseny d’una
interfície adient als usuaris.

Una segona fase per a aquest disseny neix amb l’eclosió de la World Wide Web.




                                                                       to be continued ...
leer no mata


 Almiron, N. (2001), De Vannevar Bush a la WWW. Una genealogia
 de la humanització de les tecnologies de la informació: els pares de la
 interfície gràfica. València: Editorial 3i4.
 Disponible a: http://www.almiron.org/vannevarbush.html

 Bush,V. (1945), «As We May Think» [versió electrònica], The Atlantic
 Montly, juliol del 1945.
 Disponible a: http://www.theatlantic.com/doc/194507/bush

 Levy, S. (1984), «Of mice and men» [versió electrònica], Popular
 Computing, 5, 84, p. 70-78.
 Disponible a http://www.guidebookgallery.org/articles/ofmiceandmen

 Nelson, T. (1987), Literary Machines. Watertown: Mindful Press &
 Eastgate Systems Inc.

More Related Content

PPT
PAC 3 Fonaments i evolució de la multimèdia
PPTX
10 Personatges Importants en el desenvolupament dels Nous Medis
PPT
PAC 3 Fonaments i evolució de la multimèdia
PPTX
Origen i vigència de la multimèdia hsalanova
ODP
Origen i vigència de la Multimèdia
PPSX
Presentació origens i vigencia multimedia
PPTX
Personatges Tecnologics
PPT
Pac3 fonaments
PAC 3 Fonaments i evolució de la multimèdia
10 Personatges Importants en el desenvolupament dels Nous Medis
PAC 3 Fonaments i evolució de la multimèdia
Origen i vigència de la multimèdia hsalanova
Origen i vigència de la Multimèdia
Presentació origens i vigencia multimedia
Personatges Tecnologics
Pac3 fonaments

What's hot (19)

ODP
PPTX
Panorama actual dels nous mitjans
PDF
PAC 3 Origen i vigència de la Multimèdia
PPT
Pac3 Apartat1
PDF
Paquita ribas presentacio_pac3
ODP
Pac3 Apartat1
PPT
Origen i vigència de la Multimèdia
PPTX
Origen i vigència de la multimèdia
PPT
Marc venet millán_p3
PPSX
Presentació autors pac3
PPTX
Personatges i les seves aportacions
PPT
PDF
Principis dels nous mitjans
PPT
Pac3 g carbo
PDF
Pac 1 multimèdia pau
PPT
Fonaments i evolució de la multimèdia - Pac3 part1
PDF
Informàtica
ODT
Treball informatica2
PDF
Treball escrit projecte 1 (pdf)
Panorama actual dels nous mitjans
PAC 3 Origen i vigència de la Multimèdia
Pac3 Apartat1
Paquita ribas presentacio_pac3
Pac3 Apartat1
Origen i vigència de la Multimèdia
Origen i vigència de la multimèdia
Marc venet millán_p3
Presentació autors pac3
Personatges i les seves aportacions
Principis dels nous mitjans
Pac3 g carbo
Pac 1 multimèdia pau
Fonaments i evolució de la multimèdia - Pac3 part1
Informàtica
Treball informatica2
Treball escrit projecte 1 (pdf)
Ad

Viewers also liked (15)

PDF
Estetica
PDF
Usabilitat
PDF
Distribució visual
PDF
Models referents
PDF
Llegibilitat
PDF
Atencio
PDF
Org i visual
PDF
Simplicitat visual
PDF
Navegacio
PDF
Simplicitat interactiva
PDF
Ev disseny
PPT
Los diseños del diseño interactivo
PDF
Briefing interactivo
KEY
Disseny formatiu
PPT
pla-pres
Estetica
Usabilitat
Distribució visual
Models referents
Llegibilitat
Atencio
Org i visual
Simplicitat visual
Navegacio
Simplicitat interactiva
Ev disseny
Los diseños del diseño interactivo
Briefing interactivo
Disseny formatiu
pla-pres
Ad

Similar to Evolucio interface (15)

ODP
Origen i vigència de la Multimèdia
DOC
Exposició powerpoint
DOC
Exposició powerpoint
PPT
PAC 3 Fonaments i evolució multimèdia
PDF
Que es la informàtica?¿
PPTX
Fonaments i evolució de la multimèdia
PPT
Història de l'internet
DOC
Evolució del software.
PDF
La informatica
ODT
La informatica
PDF
Informàtica
PPTX
UOC- Fonaments i evolució de la multimèdia PAC3 Victor_garcia
PDF
Informática
PPT
PAC1 Presentació visual cap.1 L.Manovich
PPT
Creació de l’internet
Origen i vigència de la Multimèdia
Exposició powerpoint
Exposició powerpoint
PAC 3 Fonaments i evolució multimèdia
Que es la informàtica?¿
Fonaments i evolució de la multimèdia
Història de l'internet
Evolució del software.
La informatica
La informatica
Informàtica
UOC- Fonaments i evolució de la multimèdia PAC3 Victor_garcia
Informática
PAC1 Presentació visual cap.1 L.Manovich
Creació de l’internet

Evolucio interface

  • 1. Evolució de la interfície Mariona Grané. Laboratori de Mitjans Interactius. @CAVUB
  • 2. HARDWARE CONCEPCIÓ DE SISTEMES OPERATIUS SOFTWARE INTERFICIE GRÀFICA HYPERTEXT > HYPERMEDIA XARXA > DESENVOLUPAMENT DE LA WWW INTERFÍCIES WEB
  • 3. La interfície digital 1945 > Vannevar Bush va posar la primera pedra del que havia de ser l’estructura de la informació digital. 1963 > Douglas C. Engelbart, (Berkeley) va portar més enllà les idees de Bush i les va fer realitat amb un seguit d’invents que han permès els sistemes actuals ENGELBART & ENGLISH Mouse
  • 4. Augmentar l’home Augmentation Research Institute al Stanford Research Institute. Volia «augmentar les possibilitats de l’ésser humà per enfrontar-se amb problemes complexos, aconseguir la comprensió per satisfer les necessitats particulars i imaginar solucions per als problemes» (Engelbart, 1968). Engelbar t considerava que, un cop evolucionats els pr imers sistemes d’interfícies amigables, canviaria el món, i els homes serien «augmentats»
  • 5. The Demo Fall Joint Computer Conference de San Francisco del 9 de desembre del 1968 > fita essencial en el desenvolupament tecnològic informàtic del segle XX · el ratolí, · un entorn de software basat en un sistema de finestres, · edició visual de textos, · les pantalles per mapa de bits que permetien tenir en pantalla textos i gràfics utilitzant un sol monitor per a les diferents tasques, · el primer sistema d’hiper text operatiu amb cerques integrades (NLS, On Line System), ...
  • 7. Knowledge Workshop 1968 > Engelbart: taller del coneixement i del treball en xarxa «Dues o més persones, separades físicament, però connectades electrònicament, podrien treballar conjuntament sobre un document i fer-hi els canvis que volguessin, que els seus interlocutors podrien percebre immediatament a la seva pantalla de l’ordinador. Totes les comprovacions, revisions o discussions sobre un document es podrien fer en temps real per dispers que fos, geogràficament parlant, el grup de treball» (Almiron, 2000, 19). Quaranta anys abans que existís Google Docs
  • 8. Sketchpad Ivan Sutherland , MIT > desenvolupa el primer sistema de gràfics interactius per ordinador Sketchpad - A Man-Machine Graphical Communication System (un sistema gràfic de comunicacions entre home i màquina) el 1963. Elements gràfics aplicant un llapis lluminós directament sobre la pantalla d’un potent prototip informàtic del MIT (el TX-2).
  • 9. Alan Key Prototip > FLEX Volia dissenyar un ordinador que fos tan quotidià que fins i tot els infants el poguessin utilitzar. Que utilitzés un llenguatge natural i fos «simpàtic i cordial» 1968 > SmallTalk i Dynabook «La millor manera de predir el futur és inventar-lo» (Key, 1970).
  • 10. Alan Kay i la metàfora de l’escriptori 1972, Alan Kay va començar a treballar al PARC (Palo Alto Research Center) de la Xerox, i va fundar el Learning Research Group Evolució de les finestres d’Engelbart a la metàfora de l’escriptori. Imaginava la interfície de l’ordinador com un escriptori on els usuaris treballaven amb fulls de paper que es podien sobreposar els uns als altres, i hi podien escriure, llegir i dibuixar. Alto el primer ordinador personal de la història Star la primera interfície grafica la integració del ratolí finestres icones
  • 12. Xerox «En el centre d’investigació de Palo Alto van néixer les icones, les representacions gràfiques de les ordres que podem donar a un ordinador; les finestres, les àrees de treball que permeten delimitar zones a la pantalla; i els gràfics, gràcies als mapes de bits, una tecnologia que va permetre visualitzar gràfics a la pantalla dels nostres ordinadors amb una gran precisió» «Però al PARC també es va utilitzar per primera vegada, a més del teclat, el ratolí o el joystick com a principal mecanisme de control de l’ordinador, un invent heretat de Douglas Engelbart; va néixer la xarxa Ethernet, la possibilitat de connectar entre si els ordinadors personals; van sorgir les primeres impressores làser que permetrien, posteriorment, el naixement de l’autoedició; i també va veure la llum la programació orientada a objectes mitjançant el (Almiron, 2000) llenguatge SmallTalk (desenvolupat per Alan Kay)»
  • 13. Apple 1979 > una delegació dels joves d’Apple visiten la seu del PARC Steve Jobs & Steve Wozniak, van començar a treballar en un model que canviaria per sempre la forma d’accedir a la informació i de treballar amb els ordinadors.
  • 14. LISA 1979 > inici projecte Macintosh 1983 > LISA supera totes les fonts
  • 15. Macintosh 1984 > es comercialitza a gran escla el Macintosh un ordinador personal amb interfície humana
  • 16. Interfícies dels 80 Titol de la diapositiva
  • 17. Titol de la diapositiva El que va ser titllat primerament de sistema de joguina pels experts informàtics de l’època es va convertir anys més tard en el sistema d’interfície que adoptaren totes les empreses del sector.
  • 20. Aquesta va ser la primera fase d’extensió de la idea i dels treballs per al disseny d’una interfície adient als usuaris. Una segona fase per a aquest disseny neix amb l’eclosió de la World Wide Web. to be continued ...
  • 21. leer no mata Almiron, N. (2001), De Vannevar Bush a la WWW. Una genealogia de la humanització de les tecnologies de la informació: els pares de la interfície gràfica. València: Editorial 3i4. Disponible a: http://www.almiron.org/vannevarbush.html Bush,V. (1945), «As We May Think» [versió electrònica], The Atlantic Montly, juliol del 1945. Disponible a: http://www.theatlantic.com/doc/194507/bush Levy, S. (1984), «Of mice and men» [versió electrònica], Popular Computing, 5, 84, p. 70-78. Disponible a http://www.guidebookgallery.org/articles/ofmiceandmen Nelson, T. (1987), Literary Machines. Watertown: Mindful Press & Eastgate Systems Inc.