{"id":11,"date":"2023-05-29T14:44:34","date_gmt":"2023-05-29T12:44:34","guid":{"rendered":"http:\/\/plantilles-site-continguts.recursos.uoc.edu\/site-contingut\/?page_id=11"},"modified":"2024-06-12T15:18:59","modified_gmt":"2024-06-12T13:18:59","slug":"imatges","status":"publish","type":"page","link":"http:\/\/plantilles-site-continguts.recursos.uoc.edu\/c1\/imatges\/","title":{"rendered":"Imatges"},"content":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo tincidunt urna, ac porttitor sem accumsan in. Aliquam nulla augue, facilisis quis nisl non, ultricies sagittis odio. Nulla at massa sed magna tincidunt placerat. In commodo nisl vel magna eleifend, et tempus ipsum suscipit. Aliquam erat volutpat. Praesent facilisis turpis dolor. Cras sit amet aliquet turpis.<\/p>\n<figure id=\"attachment_15\" aria-describedby=\"caption-attachment-15\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-15 size-medium\" src=\"\/wp-content\/uploads\/sites\/3\/2023\/05\/shutterstock_1200681070-300x200.webp\" alt=\"Imatge demo\" width=\"300\" height=\"200\" srcset=\"\/wp-content\/uploads\/sites\/3\/2023\/05\/shutterstock_1200681070-300x200.webp 300w, \/wp-content\/uploads\/sites\/3\/2023\/05\/shutterstock_1200681070-768x512.webp 768w, \/wp-content\/uploads\/sites\/3\/2023\/05\/shutterstock_1200681070.webp 1000w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-15\" class=\"wp-caption-text\">Imatge demo<\/figcaption><\/figure>\n<p>Vivamus id augue ante. Nam leo arcu, faucibus eget nulla a, faucibus aliquet mauris. Pellentesque lacus quam, vehicula at ante sit amet, laoreet pharetra ipsum. Pellentesque dignissim justo et enim luctus, at pellentesque massa aliquet. Vestibulum id lacus arcu. Nullam urna neque, facilisis vulputate condimentum eu, laoreet id turpis. Aliquam rutrum, magna vel suscipit porta, lorem tellus eleifend nisl, a tempor turpis leo eu ipsum. Fusce sed accumsan erat. Vestibulum molestie nisi ante, vitae rhoncus tellus molestie quis. Aenean fermentum vel massa et euismod. Mauris tincidunt egestas felis, ut ullamcorper metus blandit at. Nam at interdum sapien.<\/p>\n<figure id=\"attachment_106\" aria-describedby=\"caption-attachment-106\" style=\"width: 183px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-106 size-medium\" src=\"\/wp-content\/uploads\/sites\/3\/2024\/06\/4_PID_00296019_001_vies_cos_huma-183x300.gif\" alt=\"El diagrama ilustra las diferentes v\u00edas de administraci\u00f3n de medicamentos en el cuerpo humano y su distribuci\u00f3n sist\u00e9mica. Las rutas destacadas incluyen: oral, sublingual, inhalatoria, intravenosa, cut\u00e1nea (transd\u00e9rmica), subcut\u00e1nea, intramuscular y rectal. La v\u00eda oral muestra el paso del medicamento desde la boca hasta el sistema digestivo. La v\u00eda sublingual permite la absorci\u00f3n directa bajo la lengua. La inhalatoria entrega el medicamento a trav\u00e9s del sistema respiratorio. La v\u00eda intravenosa administra el medicamento directamente al torrente sangu\u00edneo. La aplicaci\u00f3n cut\u00e1nea (transd\u00e9rmica) se realiza a trav\u00e9s de la piel. La subcut\u00e1nea involucra la inyecci\u00f3n en el tejido subcut\u00e1neo, mientras que la intramuscular lo hace en el m\u00fasculo. La v\u00eda rectal permite la absorci\u00f3n a trav\u00e9s del recto. Cada ruta de administraci\u00f3n se ilustra con flechas que representan el transporte del medicamento a trav\u00e9s del cuerpo, destacando la distribuci\u00f3n hacia los diferentes sistemas y \u00f3rganos, asegurando una comprensi\u00f3n clara de c\u00f3mo se distribuyen los medicamentos administrados por diversas v\u00edas en el organismo.\" width=\"183\" height=\"300\" \/><figcaption id=\"caption-attachment-106\" class=\"wp-caption-text\">Imatge demo<\/figcaption><\/figure>\n<p>Aliquam tellus mi, varius id feugiat vel, egestas vitae lorem. Aenean vehicula lobortis feugiat. Aliquam vitae nulla at erat tempor commodo et ac est. Vivamus consequat libero sit amet justo vestibulum, a ullamcorper sapien ultrices. Quisque rhoncus velit ut condimentum hendrerit. In rhoncus, libero eu scelerisque lobortis, nibh lorem hendrerit nulla, at placerat tortor velit maximus risus. Sed ullamcorper magna enim, sit amet interdum elit efficitur nec. Praesent vulputate lacus nisi.<\/p>\n<figure id=\"attachment_15\" aria-describedby=\"caption-attachment-15\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><a class=\"cs-lightbox\" href=\"\/wp-content\/uploads\/sites\/3\/2023\/05\/shutterstock_1200681070.webp\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-15 size-full\" src=\"\/wp-content\/uploads\/sites\/3\/2023\/05\/shutterstock_1200681070.webp\" alt=\"Imatge demo\" width=\"1000\" height=\"667\" srcset=\"\/wp-content\/uploads\/sites\/3\/2023\/05\/shutterstock_1200681070.webp 1000w, \/wp-content\/uploads\/sites\/3\/2023\/05\/shutterstock_1200681070-300x200.webp 300w, \/wp-content\/uploads\/sites\/3\/2023\/05\/shutterstock_1200681070-768x512.webp 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><figcaption id=\"caption-attachment-15\" class=\"wp-caption-text\">Imatge demo<\/figcaption><\/figure>\n<p>Ut facilisis porta turpis, at bibendum dolor eleifend a. Integer molestie purus lacinia metus posuere faucibus. Ut vel ex in lorem tempus rhoncus sed eu lectus. Duis non mollis sem. Aenean congue diam elit, nec dictum velit eleifend sit amet. Donec semper, turpis vitae accumsan iaculis, nibh felis tempor lectus, vel mollis lorem ligula quis leo. Vestibulum vitae porta arcu. Aenean egestas diam ut dignissim imperdiet. Duis mollis a nibh id maximus. Aliquam erat volutpat. Maecenas vitae elementum ante.<\/p>\n<h4>Imatges P5.js<\/h4>\n<div id=\"img1_javascript\" style=\"padding: 0; margin: 0; overflow-x:hidden; overflow-y:auto;\"><\/div>\r\n<script>\r\nvar particles_a = [];\r\nvar particles_b = [];\r\nvar particles_c = [];\r\nvar nums =200;\r\nvar noiseScale = 800;\r\n\r\nfunction setup(){\r\n\tmida = document.getElementById('img1_javascript').offsetWidth;\r\n\tvar myCanvas = createCanvas(mida, mida);\r\n        myCanvas.parent(\"img1_javascript\");\r\n\tbackground(255, 255, 255);\r\n\tfor(var i = 0; i < nums; i++){\r\n\t\tparticles_a[i] = new Particle(random(0, width),random(0,height));\r\n\t\tparticles_b[i] = new Particle(random(0, width),random(0,height));\r\n\t\tparticles_c[i] = new Particle(random(0, width),random(0,height));\r\n\t}\r\n}\r\n\r\nfunction draw(){\r\n\tnoStroke();\r\n\tsmooth();\r\n\t\tfor(var i = 0; i < nums; i++){\r\n\t\tvar radius = map(i,0,nums,1,2);\r\n\t\tvar alpha = map(i,0,nums,0,250);\r\n\r\n\t\tfill(69,33,124,alpha);\r\n\t\tparticles_a[i].move();\r\n\t\tparticles_a[i].display(radius);\r\n\t\tparticles_a[i].checkEdge();\r\n\r\n\t\tfill(7,153,242,alpha);\r\n\t\tparticles_b[i].move();\r\n\t\tparticles_b[i].display(radius);\r\n\t\tparticles_b[i].checkEdge();\r\n\r\n\t\tfill(0,0,0,alpha);\r\n\t\tparticles_c[i].move();\r\n\t\tparticles_c[i].display(radius);\r\n\t\tparticles_c[i].checkEdge();\r\n\t}  \r\n}\r\n\r\n\r\nfunction Particle(x, y){\r\n\tthis.dir = createVector(0, 0);\r\n\tthis.vel = createVector(0, 0);\r\n\tthis.pos = createVector(x, y);\r\n\tthis.speed = 0.4;\r\n\r\n\tthis.move = function(){\r\n\t\tvar angle = noise(this.pos.x\/noiseScale, this.pos.y\/noiseScale)*TWO_PI*noiseScale;\r\n\t\tthis.dir.x = cos(angle);\r\n\t\tthis.dir.y = sin(angle);\r\n\t\tthis.vel = this.dir.copy();\r\n\t\tthis.vel.mult(this.speed);\r\n\t\tthis.pos.add(this.vel);\r\n\t}\r\n\r\n\tthis.checkEdge = function(){\r\n\t\tif(this.pos.x > width || this.pos.x < 0 || this.pos.y > height || this.pos.y < 0){\r\n\t\t\tthis.pos.x = random(50, width);\r\n\t\t\tthis.pos.y = random(50, height);\r\n\t\t}\r\n\t}\r\n\r\n\tthis.display = function(r){\r\n\t\tellipse(this.pos.x, this.pos.y, r, r);\r\n\t}\r\n}\r\n<\/script>\n<p>&nbsp;<\/p>\n<p>Ut facilisis porta turpis, at bibendum dolor eleifend a. Integer molestie purus lacinia metus posuere faucibus. Ut vel ex in lorem tempus rhoncus sed eu lectus. Duis non mollis sem. Aenean congue diam elit, nec dictum velit eleifend sit amet. Donec semper, turpis vitae accumsan iaculis, nibh felis tempor lectus, vel mollis lorem ligula quis leo. Vestibulum vitae porta arcu. Aenean egestas diam ut dignissim imperdiet. Duis mollis a nibh id maximus. Aliquam erat volutpat. Maecenas vitae elementum ante.Ut facilisis porta turpis, at bibendum dolor eleifend a. Integer molestie purus lacinia metus posuere faucibus. Ut vel ex in lorem tempus rhoncus sed eu lectus. Duis non mollis sem. Aenean congue diam elit, nec dictum velit eleifend sit amet. Donec semper, turpis vitae accumsan iaculis, nibh felis tempor lectus, vel mollis lorem ligula quis leo. Vestibulum vitae porta arcu. Aenean egestas diam ut dignissim imperdiet. Duis mollis a nibh id maximus. Aliquam erat volutpat. Maecenas vitae elementum ante.<\/p>\n<figure id=\"attachment_111\" aria-describedby=\"caption-attachment-111\" style=\"width: 300px\" class=\"wp-caption aligncenter\"><img decoding=\"async\" loading=\"lazy\" class=\"wp-image-111 size-medium\" src=\"\/wp-content\/uploads\/sites\/3\/2024\/06\/2_comunicacion-y-genero-300x171.jpg\" alt=\"El gr\u00e1fico se divide en tres secciones tituladas \u201cG\u00e9nero y medios\u201d, \u201cRepresentaci\u00f3n medi\u00e1tica en t\u00e9rminos de g\u00e9nero\u201d y \u201cG\u00e9nero y sociedad\u201d. En la primera secci\u00f3n, se ilustran personas con equipos de grabaci\u00f3n y dispositivos m\u00f3viles. La segunda secci\u00f3n muestra la representaci\u00f3n medi\u00e1tica en t\u00e9rminos de g\u00e9nero, y la tercera secci\u00f3n se titula \u201cG\u00e9nero y sociedad\u201d. Adem\u00e1s, se incluyen logos de \u2018UOC NEWS\u2019.\" width=\"300\" height=\"171\" srcset=\"\/wp-content\/uploads\/sites\/3\/2024\/06\/2_comunicacion-y-genero-300x171.jpg 300w, \/wp-content\/uploads\/sites\/3\/2024\/06\/2_comunicacion-y-genero-1024x585.jpg 1024w, \/wp-content\/uploads\/sites\/3\/2024\/06\/2_comunicacion-y-genero-768x439.jpg 768w, \/wp-content\/uploads\/sites\/3\/2024\/06\/2_comunicacion-y-genero-1536x878.jpg 1536w, \/wp-content\/uploads\/sites\/3\/2024\/06\/2_comunicacion-y-genero-2048x1170.jpg 2048w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-111\" class=\"wp-caption-text\">Imatge demo<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed commodo tincidunt urna, ac porttitor sem accumsan in. Aliquam nulla augue, facilisis quis nisl non, ultricies sagittis odio. Nulla at massa sed magna tincidunt placerat. In commodo nisl vel magna eleifend, et tempus ipsum suscipit. Aliquam erat volutpat. Praesent facilisis turpis dolor. Cras sit amet aliquet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"acf":[],"_links":{"self":[{"href":"http:\/\/plantilles-site-continguts.recursos.uoc.edu\/c1\/wp-json\/wp\/v2\/pages\/11"}],"collection":[{"href":"http:\/\/plantilles-site-continguts.recursos.uoc.edu\/c1\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/plantilles-site-continguts.recursos.uoc.edu\/c1\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/plantilles-site-continguts.recursos.uoc.edu\/c1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/plantilles-site-continguts.recursos.uoc.edu\/c1\/wp-json\/wp\/v2\/comments?post=11"}],"version-history":[{"count":8,"href":"http:\/\/plantilles-site-continguts.recursos.uoc.edu\/c1\/wp-json\/wp\/v2\/pages\/11\/revisions"}],"predecessor-version":[{"id":116,"href":"http:\/\/plantilles-site-continguts.recursos.uoc.edu\/c1\/wp-json\/wp\/v2\/pages\/11\/revisions\/116"}],"wp:attachment":[{"href":"http:\/\/plantilles-site-continguts.recursos.uoc.edu\/c1\/wp-json\/wp\/v2\/media?parent=11"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}