{"id":397,"date":"2024-07-17T17:58:16","date_gmt":"2024-07-17T17:58:16","guid":{"rendered":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/?p=397"},"modified":"2024-07-17T21:42:55","modified_gmt":"2024-07-17T21:42:55","slug":"herramientas-inmersivas","status":"publish","type":"post","link":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/2024\/07\/17\/herramientas-inmersivas\/","title":{"rendered":"Herramientas inmersivas"},"content":{"rendered":"\n<p><strong><em>&#8220;El hombre es siempre un narrador de historias; vive rodeado de<br>sus historias y de las ajenas, ve a trav\u00e9s de ellas todo lo que le sucede; y<br>trata de vivir su vida como si la contara.<br>Pero hay que escoger: o vivir o contar&#8221;<\/em><\/strong><\/p>\n\n\n\n<p class=\"has-text-align-right\"><em>La Nausea, Jean Paul Sartre.<\/em><\/p>\n\n\n\n<p><strong><em>&#8220;La brevedad es hermana del talento&#8221;<\/em><\/strong><\/p>\n\n\n\n<p><strong><em>&#8220;El arte de escribir consiste en decir mucho con pocas palabras.<\/em><\/strong><\/p>\n\n\n\n<p><em>Checkhov A.<\/em><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"838\" height=\"250\" src=\"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-content\/uploads\/sites\/154\/2024\/07\/Imagen-17-07-24-a-las-4.23\u202fp.-m.jpeg\" alt=\"\" class=\"wp-image-402\" style=\"width:650px;height:auto\" srcset=\"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-content\/uploads\/sites\/154\/2024\/07\/Imagen-17-07-24-a-las-4.23\u202fp.-m.jpeg 838w, https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-content\/uploads\/sites\/154\/2024\/07\/Imagen-17-07-24-a-las-4.23\u202fp.-m-300x89.jpeg 300w, https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-content\/uploads\/sites\/154\/2024\/07\/Imagen-17-07-24-a-las-4.23\u202fp.-m-768x229.jpeg 768w\" sizes=\"auto, (max-width: 838px) 100vw, 838px\" \/><\/figure>\n\n\n\n<p>Arist\u00f3teles identific\u00f3 seis elementos de la tragedia (o drama), que orden\u00f3 en orden de importancia.<\/p>\n\n\n\n<p>1) Trama&nbsp;<br>2) Personaje&nbsp;<br>3) Pensamiento&nbsp;<br>4) Discurso&nbsp;<br>5) Melod\u00eda&nbsp;<br>6) Espect\u00e1culo<\/p>\n\n\n\n<p><strong>THINGLINK<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/www.thinglink.com\/home\">https:\/\/www.thinglink.com\/home<\/a><\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"619\" height=\"759\" data-original-width=\"619\" data-original-height=\"760\" src=\"https:\/\/www.thinglink.com\/view\/scene\/1657438178648260610\" type=\"text\/html\" style=\"border: none;\" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling=\"no\"><\/iframe><script async src=\"\/\/cdn.thinglink.me\/jse\/responsive.js\"><\/script>\n\n\n\n<iframe loading=\"lazy\" width=\"960\" height=\"1025\" data-original-width=\"1000\" data-original-height=\"1068\" src=\"https:\/\/www.thinglink.com\/view\/scene\/1712741395669713700\" type=\"text\/html\" style=\"border: none;\" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling=\"no\"><\/iframe><script async src=\"\/\/cdn.thinglink.me\/jse\/responsive.js\"><\/script>\n\n\n\n<iframe loading=\"lazy\" width=\"640\" height=\"320\" data-original-width=\"640\" data-original-height=\"320\" src=\"https:\/\/www.thinglink.com\/view\/scene\/1640434315726684162\" type=\"text\/html\" style=\"border: none;\" webkitallowfullscreen mozallowfullscreen allowfullscreen scrolling=\"no\"><\/iframe><script async src=\"\/\/cdn.thinglink.me\/jse\/responsive.js\"><\/script>\n\n\n\n<p><strong>KNIGHLATB<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/knightlab.northwestern.edu\">https:\/\/knightlab.northwestern.edu<\/a><\/p>\n\n\n\n<p><em>JUXTAPOSE:<\/em><\/p>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"452\" height=\"640\" src=\"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-content\/uploads\/sites\/154\/2022\/11\/juxtapose-gif-1-3.gif\" alt=\"\" class=\"wp-image-59 size-full\"\/><\/figure><div class=\"wp-block-media-text__content\">\n<p>Este panel, con sus datos desplegados en forma de im\u00e1genes y <em>trinos <\/em>proporcionan una informaci\u00f3n, testimonio de su tiempo y el contexto de su autor.  <\/p>\n\n\n\n<p>Decid\u00ed escribir sobre las fotos, tweets y art\u00edculos relacionados (seg\u00fan mi opini\u00f3n subjetiva), aquellos conceptos y palabras claves, sobre las que est\u00e1n cimentadas las im\u00e1genes del panel. Es decir intentar poner en evidencia, lo que se lee entre lineas, y a veces se <em>maquilla. <\/em><\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p><strong>Un poco de Deleuze y Guattari en la conversaci\u00f3n <\/strong><\/p>\n<cite>&nbsp;(..) hacer el movimiento, trazar la l\u00ednea de fuga en toda su positividad, traspasar un umbral, alcanzar un continuo de intensidades que no valen ya sino por s\u00ed mismas, encontrar un mundo de intensidades puras en donde se deshacen todas las formas, y todas las significaciones, significantes y significados, para que pueda aparecer una materia no formada, flujos desterritorializados, signos asignificantes. (Deleuze y Guattari, 1978, p. 24)<br><\/cite><\/blockquote>\n\n\n\n<p><strong>La visualizaci\u00f3n de datos que lee entre lineas, evidencia lo invisible, devela las intensidades que confluyen en la cotidianidad y a simple vista no las vemos. <\/strong><\/p>\n<\/div><\/div>\n\n\n\n<p>ANTES \/ DESPUES<\/p>\n\n\n\n<iframe loading=\"lazy\" frameborder=\"0\" class=\"juxtapose\" width=\"100%\" height=\"550.4520547945206\" src=\"https:\/\/cdn.knightlab.com\/libs\/juxtapose\/latest\/embed\/index.html?uid=14848852-447f-11ef-9396-d93975fe8866\"><\/iframe>\n\n\n\n<p><strong>ELEVEN LABS <\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/elevenlabs.io\/app\/sound-effects\">https:\/\/elevenlabs.io\/app\/sound-effects<\/a><\/p>\n\n\n\n<p><strong>TEACHABLE MACHINE<\/strong><\/p>\n\n\n\n<p><a href=\"https:\/\/teachablemachine.withgoogle.com\">https:\/\/teachablemachine.withgoogle.com<\/a><\/p>\n\n\n\n<div>Teachable Machine Image Model<\/div>\n<button type=\"button\" onclick=\"init()\">Start<\/button>\n<div id=\"webcam-container\"><\/div>\n<div id=\"label-container\"><\/div>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@tensorflow\/tfjs@latest\/dist\/tf.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@teachablemachine\/image@latest\/dist\/teachablemachine-image.min.js\"><\/script>\n<script type=\"text\/javascript\">\n    \/\/ More API functions here:\n    \/\/ https:\/\/github.com\/googlecreativelab\/teachablemachine-community\/tree\/master\/libraries\/image\n\n    \/\/ the link to your model provided by Teachable Machine export panel\n    const URL = \"https:\/\/teachablemachine.withgoogle.com\/models\/GPAF57Kph\/\";\n\n    let model, webcam, labelContainer, maxPredictions;\n\n    \/\/ Load the image model and setup the webcam\n    async function init() {\n        const modelURL = URL + \"model.json\";\n        const metadataURL = URL + \"metadata.json\";\n\n        \/\/ load the model and metadata\n        \/\/ Refer to tmImage.loadFromFiles() in the API to support files from a file picker\n        \/\/ or files from your local hard drive\n        \/\/ Note: the pose library adds \"tmImage\" object to your window (window.tmImage)\n        model = await tmImage.load(modelURL, metadataURL);\n        maxPredictions = model.getTotalClasses();\n\n        \/\/ Convenience function to setup a webcam\n        const flip = true; \/\/ whether to flip the webcam\n        webcam = new tmImage.Webcam(200, 200, flip); \/\/ width, height, flip\n        await webcam.setup(); \/\/ request access to the webcam\n        await webcam.play();\n        window.requestAnimationFrame(loop);\n\n        \/\/ append elements to the DOM\n        document.getElementById(\"webcam-container\").appendChild(webcam.canvas);\n        labelContainer = document.getElementById(\"label-container\");\n        for (let i = 0; i < maxPredictions; i++) { \/\/ and class labels\n            labelContainer.appendChild(document.createElement(\"div\"));\n        }\n    }\n\n    async function loop() {\n        webcam.update(); \/\/ update the webcam frame\n        await predict();\n        window.requestAnimationFrame(loop);\n    }\n\n    \/\/ run the webcam image through the image model\n    async function predict() {\n        \/\/ predict can take in an image, video or canvas html element\n        const prediction = await model.predict(webcam.canvas);\n        for (let i = 0; i < maxPredictions; i++) {\n            const classPrediction =\n                prediction[i].className + \": \" + prediction[i].probability.toFixed(2);\n            labelContainer.childNodes[i].innerHTML = classPrediction;\n        }\n    }\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>&#8220;El hombre es siempre un narrador de historias; vive rodeado desus historias y de las ajenas, ve a trav\u00e9s de ellas todo lo que le sucede; ytrata de vivir su vida como si la contara.Pero hay que escoger: o vivir o contar&#8221; La Nausea, Jean Paul Sartre. &#8220;La brevedad es hermana del talento&#8221; &#8220;El arte [&hellip;]<\/p>\n","protected":false},"author":151,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-397","post","type-post","status-publish","format-standard","hentry","category-sin-categoria"],"_links":{"self":[{"href":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-json\/wp\/v2\/posts\/397","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-json\/wp\/v2\/users\/151"}],"replies":[{"embeddable":true,"href":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-json\/wp\/v2\/comments?post=397"}],"version-history":[{"count":5,"href":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-json\/wp\/v2\/posts\/397\/revisions"}],"predecessor-version":[{"id":404,"href":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-json\/wp\/v2\/posts\/397\/revisions\/404"}],"wp:attachment":[{"href":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-json\/wp\/v2\/media?parent=397"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-json\/wp\/v2\/categories?post=397"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/visiones.uniandes.edu.co\/lcastillo83\/wp-json\/wp\/v2\/tags?post=397"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}