{"id":443,"date":"2023-01-05T13:20:38","date_gmt":"2023-01-05T11:20:38","guid":{"rendered":"http:\/\/quadern-int-int-recursos-test.azurewebsites.net\/?page_id=443"},"modified":"2023-02-13T14:58:26","modified_gmt":"2023-02-13T12:58:26","slug":"1-3-recorrido-historico","status":"publish","type":"page","link":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/1-3-recorrido-historico\/","title":{"rendered":"1.3. Recorrido hist\u00f3rico"},"content":{"rendered":"<p>A pesar de que actualmente damos por supuestas las interfaces gr\u00e1ficas de usuario, lo cierto es que su desarrollo se ha ido forjando a lo largo de m\u00e1s de cinco d\u00e9cadas. La idea de un sistema de ventanas con visualizaci\u00f3n gr\u00e1fica a tiempo real estaba presente en <strong><em>Sketchpad<\/em><\/strong>, un programa creado en el MIT (Massachusetts Institute of Technology) en 1963 por <strong>Ivan Sutherland<\/strong>, con que se interaccionaba con un l\u00e1piz que se pod\u00eda usar para dibujar y visualizar los trazos en la pantalla.<\/p>\n<figure id=\"attachment_390\" aria-describedby=\"caption-attachment-390\" style=\"width: 616px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-390 \" src=\"\/wp-content\/uploads\/2023\/01\/PID_00293913_03.jpg\" alt=\"\" width=\"616\" height=\"406\" \/><figcaption id=\"caption-attachment-390\" class=\"wp-caption-text\">Figura 3. C\u00e1lculo de fuerzas de una armadura mec\u00e1nica en <em>Sketchpad<\/em><br \/>Fuente: Wikimedia \/ AlanBlackwell.<\/figcaption><\/figure>\n<p>Es importante se\u00f1alar que, durante los mismos a\u00f1os, y tambi\u00e9n en el MIT, se empez\u00f3 a trabajar con ARPA, una agencia del Departamento de Defensa de los Estados Unidos, para desarrollar una red global de ordenadores que permitiera la comunicaci\u00f3n general entre usuarios. Esta red se cre\u00f3 en 1969 y se llamaba ARPANET, que despu\u00e9s dar\u00eda lugar a lo que conocemos como internet.<\/p>\n<p>En paralelo, y volviendo a las interfaces gr\u00e1ficas de usuario, a finales de los sesenta tambi\u00e9n se presenta <em>oN-Line System<\/em> (NLS), un sistema completo desarrollado en el Stanford Research Institute, que ten\u00eda, entre otros, un cursor que funcionaba con un rat\u00f3n y una interfaz con varias ventanas para trabajar con hipertexto. <strong>Douglas Engelbart<\/strong> fue el encargado de llevar a cabo esta demostraci\u00f3n, conocida como \u00abThe mother of all demos\u00bb, que podemos ver resumida en este v\u00eddeo (tambi\u00e9n est\u00e1 disponible el v\u00eddeo completo):<\/p>\n<p><iframe loading=\"lazy\" title=\"1968 \u201cMother of All Demos\u201d by SRI\u2019s Doug Engelbart and Team\" width=\"640\" height=\"360\" src=\"https:\/\/www.youtube.com\/embed\/B6rKUf9DWRI?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" allowfullscreen><\/iframe><\/p>\n<p>A partir de este momento, se despierta un gran inter\u00e9s por las interfaces gr\u00e1ficas, por ejemplo, en Xerox PARC, un centro de investigaci\u00f3n situado en Palo Alto, California. All\u00ed, a principios de los setenta, la matem\u00e1tica <strong>Adele Goldberg<\/strong> fue una de las personas que contribuy\u00f3 a desarrollar el lenguaje de programaci\u00f3n <strong><em>SmallTalk<\/em><\/strong>, empleado en la creaci\u00f3n de las interfaces gr\u00e1ficas modernas.<\/p>\n<p>Poco m\u00e1s tarde, en 1975, se consigue hacer una demostraci\u00f3n con una interfaz gr\u00e1fica de usuario con iconos y men\u00fas emergentes y cuatro a\u00f1os despu\u00e9s se comercializa habi\u00e9ndola implementado en la estaci\u00f3n de trabajo PERQ. A partir de los ochenta ya surgen sistemas de Windows, Mac y Commodore, se van incorporando colores y funciones, como mover y arrastrar elementos o el solapamiento de las ventanas.<\/p>\n<figure id=\"attachment_391\" aria-describedby=\"caption-attachment-391\" style=\"width: 458px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-391 \" src=\"\/wp-content\/uploads\/2023\/01\/PID_00293913_04.jpg\" alt=\"\" width=\"458\" height=\"425\" \/><figcaption id=\"caption-attachment-391\" class=\"wp-caption-text\">Figura 4. Ordenador Personal IBM (1981)<br \/>Fuente: Wikimedia \/ Ruben de Rijcke.<\/figcaption><\/figure>\n<p>&nbsp;<\/p>\n<figure id=\"attachment_392\" aria-describedby=\"caption-attachment-392\" style=\"width: 452px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-392 \" src=\"\/wp-content\/uploads\/2023\/01\/PID_00293913_05.jpg\" alt=\"\" width=\"452\" height=\"417\" \/><figcaption id=\"caption-attachment-392\" class=\"wp-caption-text\">Figura 5. Ordenador Macintosh (1984)<br \/>Fuente: Wikimedia \/ Sailko.<\/figcaption><\/figure>\n<p>Es en la d\u00e9cada de los setenta que los ordenadores hacen un primer salto: pasan de los laboratorios de investigaci\u00f3n especializada a la industria y las oficinas de las empresas. A pesar de los diferentes adelantos gr\u00e1ficos, las interfaces de trabajo en el contexto empresarial eran principalmente textuales y de ejecuci\u00f3n de pedidos, y los profesionales ten\u00edan que hacer entrenamiento y formaci\u00f3n cualificada para poder trabajar.<\/p>\n<p>Los a\u00f1os ochenta son importantes, entre otras cuestiones, porque la industria inform\u00e1tica deja de orientarse espec\u00edficamente hacia personas con conocimientos t\u00e9cnicos o especializados, y tiene la voluntad de convertirse en un <strong>aparato cotidiano<\/strong>. As\u00ed, los ordenadores se van volviendo cada vez m\u00e1s potentes, m\u00e1s peque\u00f1os, hacen un segundo salto, de las oficinas de las empresas a las casas de la gente. El ordenador se empieza a convertir en un elemento m\u00e1s del hogar con que se hacen tareas dom\u00e9sticas, se estudia o se juega a videojuegos. Esto, que parece una an\u00e9cdota, es muy importante, porque cuanto m\u00e1s se popularizan los ordenadores y dispositivos, m\u00e1s posibilidades tenemos a la hora de relacionarnos con las interfaces gr\u00e1ficas (m\u00e1s se enriquecen visualmente, m\u00e1s interacciones permiten\u2026) pero m\u00e1s herm\u00e9ticos y complejos son por dentro los aparatos, es decir, m\u00e1s reducido es el margen de intervenci\u00f3n que tenemos como usuarios.<\/p>\n<p>Por su parte, despu\u00e9s de la creaci\u00f3n del protocolo TCP\/IP, que es el est\u00e1ndar de comunicaci\u00f3n en que se basa todav\u00eda internet, el n\u00famero de ordenadores conectados a la red ARPANET aumenta y en 1985 internet ya era una tecnolog\u00eda establecida, aunque poco popular.Las funciones militares vinculadas al Departamento de Defensa de los Estados Unidos se fueron desligando de la red y en 1991 ya se usa la <strong><em>World Wide Web<\/em><\/strong>, un sistema por el cual se pueden transmitir diferentes tipos de datos a trav\u00e9s del protocolo HTTP (protocolo de transferencia de hipertextos), que son los enlaces de las p\u00e1ginas web.<\/p>\n<p>La implementaci\u00f3n y popularizaci\u00f3n de internet, igual que el desarrollo de las interfaces gr\u00e1ficas, es un factor decisivo a la hora de pensar c\u00f3mo nos comunicamos y a trav\u00e9s de qu\u00e9 plataformas. Su influencia se extiende a muchas dimensiones de nuestras vidas y tambi\u00e9n ha abierto muchas posibilidades en la pr\u00e1ctica art\u00edstica, algunas las veremos a lo largo de la asignatura.<\/p>\n<p>Finalmente, a pesar de que aqu\u00ed solo hemos mencionado Adele Goldberg, hay que recordar la importancia que han tenido otras mujeres en el \u00e1mbito de la computaci\u00f3n y la tecnolog\u00eda. Por ejemplo, si nos remontamos a los inicios de la investigaci\u00f3n y desarrollo de ordenadores, las personas m\u00e1s valoradas eran las que se dedicaban al desarrollo del hardware y no del software.Es por eso que las programadoras de la <strong>ENIAC<\/strong>, una de las primeras computadoras destinadas, en este caso, al c\u00e1lculo de posiciones de tiro para el ej\u00e9rcito de los Estados Unidos, pasaron desapercibidas.Las seis mujeres que hac\u00edan los c\u00e1lculos eran <strong>Betty Snyder Holberton, Jean Jennings Bartik, Kathleen McNulty Mauchly Antonelli, Marlyn Wescoff Meltzer, Ruth Lichterman Teitelbaum y Frances Bilas Spence<\/strong>. A pesar de aparecer en todas las fotograf\u00edas, no formaban parte del relato del desarrollo de esta m\u00e1quina.<\/p>\n<figure id=\"attachment_393\" aria-describedby=\"caption-attachment-393\" style=\"width: 640px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" class=\"wp-image-393 size-full\" src=\"\/wp-content\/uploads\/2023\/01\/PID_00293913_06.jpg\" alt=\"\" width=\"640\" \/><figcaption id=\"caption-attachment-393\" class=\"wp-caption-text\">Figura 6. Reprogramaci\u00f3n de la ENIAC<br \/>Fuente: Wikimedia (Dominio P\u00fablico).<\/figcaption><\/figure>\n<p>A modo de conclusi\u00f3n, una de las secuencias que podemos destacar es que, en un inicio, los ordenadores y sus interfaces son creados por ingenieros para que los usen ingenieros. M\u00e1s tarde, traspasan estos \u00e1mbitos especializados para instalarse en entornos profesionales. De aqu\u00ed, se expanden a las casas y tambi\u00e9n se multiplica el n\u00famero de dispositivos que tenemos al alcance: las interfaces est\u00e1n presentes en los electrodom\u00e9sticos, los veh\u00edculos y tambi\u00e9n en nuestros bolsillos y mu\u00f1ecas. Esto tiene un impacto enorme en nuestra cultura y nos cambia la manera de hacer y de relacionarnos, tanto, que es dif\u00edcil valorarlo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A pesar de que actualmente damos por supuestas las interfaces gr\u00e1ficas de usuario, lo cierto es que su desarrollo se ha ido forjando a lo largo de m\u00e1s de cinco d\u00e9cadas. La idea de un sistema de ventanas con visualizaci\u00f3n gr\u00e1fica a tiempo real estaba presente en Sketchpad, un programa creado en el MIT (Massachusetts [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/443"}],"collection":[{"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/comments?post=443"}],"version-history":[{"count":5,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/443\/revisions"}],"predecessor-version":[{"id":739,"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/pages\/443\/revisions\/739"}],"wp:attachment":[{"href":"http:\/\/quadern-interaccio-interactivitat-test.recursos.uoc.edu\/es\/wp-json\/wp\/v2\/media?parent=443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}