{"id":104,"date":"2013-07-04T22:00:06","date_gmt":"2013-07-05T03:00:06","guid":{"rendered":"http:\/\/blog.espol.edu.ec\/josderam\/?p=104"},"modified":"2013-07-04T22:36:42","modified_gmt":"2013-07-05T03:36:42","slug":"adobe-edge","status":"publish","type":"post","link":"https:\/\/blog.espol.edu.ec\/josderam\/2013\/07\/04\/adobe-edge\/","title":{"rendered":"ADOBE EDGE"},"content":{"rendered":"<p><a href=\"http:\/\/blog.espol.edu.ec\/josderam\/files\/2013\/07\/edge..png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-106\" src=\"http:\/\/blog.espol.edu.ec\/josderam\/files\/2013\/07\/edge.-300x169.png\" alt=\"\" width=\"300\" height=\"169\" srcset=\"https:\/\/blog.espol.edu.ec\/josderam\/files\/2013\/07\/edge.-300x169.png 300w, https:\/\/blog.espol.edu.ec\/josderam\/files\/2013\/07\/edge..png 510w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>Es una aplicaci\u00f3n que nos permite crear animaciones en html5. No solamente podemos crear animaciones sencillas sino tambi\u00e9n interactivas de modo que podemos traspasar nuestra imaginaci\u00f3n aqu\u00ed y demostrar toda nuestra creatividad, tambi\u00e9n ser\u00e1 posible para nosotros poder interactuar luego con nuestra animaci\u00f3n creada. Es m\u00e1s tecnolog\u00eda que flash si se realiza la comparaci\u00f3n y representa muchas ventajas para el desarrollo web en html5.<\/p>\n<p>Es una muy buena opci\u00f3n para poder crear animaciones que puedan visualizarse en los dispositivos m\u00f3viles como tablets y celulares modernos, gracias a su avanzada tecnolog\u00eda. Para los dise\u00f1adores en especial es de una gran ayuda. Las animaciones consisten en definir valores concretos de las propiedades de un elemento en un fotograma clave inicial y otros valores distintos en otro fotograma clave final.<\/p>\n<p>En general, las partes que podemos encontrar al realizar un proyecto de adobe edge son:<\/p>\n<ul>\n<li><strong>Barra de men\u00fas: <\/strong>file, edit, view,<strong>\u2026 <\/strong><\/li>\n<li><strong>Barra de herramientas<\/strong>: selecci\u00f3n, transformaci\u00f3n, recorte, rect\u00e1ngulo, rect\u00e1ngulo redondeado, texto, color del fondo, etc.<\/li>\n<li><strong>Panel de propiedades:<\/strong> el nombre del objeto, las coordenadas x e y de la posici\u00f3n en el escenario, la anchura y altura, los valores de transformaci\u00f3n-giro, etc.<\/li>\n<li><strong>Escenario. <\/strong>Es el lienzo blanco donde se sit\u00faan y animan los objetos que ver\u00e1 el usuario final de la animaci\u00f3n.<\/li>\n<li><strong>Panel de elementos:<\/strong> pueden ser im\u00e1genes, rect\u00e1ngulos, cuadros de texto, s\u00edmbolos, etc.<\/li>\n<li><strong>Panel de biblioteca:<\/strong> las im\u00e1genes importadas en la pesta\u00f1a <strong>assets <\/strong>(activos), los s\u00edmbolos creados en la pesta\u00f1a <strong>symbols <\/strong>(s\u00edmbolos) y las fuentes de texto importadas en la pesta\u00f1a <strong>fonts <\/strong>(fuentes).<\/li>\n<li><strong>Panel de l\u00ednea de tiempo. <\/strong>Contiene los elementos que se animan sobre la l\u00ednea de tiempo. Cada elemento se sit\u00faa en una capa.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><a href=\"http:\/\/blog.espol.edu.ec\/josderam\/files\/2013\/07\/animate_700_4002.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-medium wp-image-105\" src=\"http:\/\/blog.espol.edu.ec\/josderam\/files\/2013\/07\/animate_700_4002-300x171.jpg\" alt=\"\" width=\"300\" height=\"171\" srcset=\"https:\/\/blog.espol.edu.ec\/josderam\/files\/2013\/07\/animate_700_4002-300x171.jpg 300w, https:\/\/blog.espol.edu.ec\/josderam\/files\/2013\/07\/animate_700_4002.jpg 700w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>No se va a usar adobe edge para las im\u00e1genes de contenido, sino para la parte est\u00e9tica e interactiva del sitio\u2026 Eso por la parte de las im\u00e1genes, por la parte de las animaciones puede ser cierto que implican menos peso, pero si tu animaci\u00f3n lleva texto, eso es lo divertido, porque una animaci\u00f3n flash que lleve texto no ser\u00e1 indexada, pero una animaci\u00f3n en edge que lleve texto si es m\u00e1s probable que lo sea, ya que el texto es parte del c\u00f3digo con todo y sus etiquetas.<\/p>\n<p>El mundo del desarrollo web y las posibilidades de los navegadores han cambiado mucho en los \u00faltimos tiempos. En estos momentos es perfectamente posible hacer muchas cosas basando el trabajo enteramente en est\u00e1ndares abiertos. Por esto Adobe ha creado un software dedicado a los dise\u00f1adores, para que puedan construir contenido din\u00e1mico e interactivo de forma r\u00e1pida.<\/p>\n<p>Adobe Edge no es m\u00e1s que una herramienta para trabajar con lenguajes web de est\u00e1ndares abiertos, por lo que los conocimientos de CSS y Javascript son m\u00e1s que suficientes para comenzar a utilizar el programa sin demasiadas complicaciones.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"text-decoration: underline\">VENTAJAS<\/span><\/strong><\/p>\n<p>Una de las ventajas es que crea los documentos en javascript. Tambi\u00e9n nos permite observar las ilustraciones que realizamos con la misma nitidez sea cual sea el zoom que le apliquemos.<\/p>\n<p>Edge consume muchos recursos pero en s\u00ed es para usuarios b\u00e1sicos que deseen hacer una animaci\u00f3n llamativa y realmente creativa en muy poco tiempo sin la necesidad de tener conocimientos grandiosos.<\/p>\n<p>Es una herramienta muy util para los que crean revistas online ya que con adobe edge pueden realizar la completa animaci\u00f3n de las mismas.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"text-decoration: underline\">DESVENTAJAS<\/span><\/strong><\/p>\n<p>No posee la misma presentaci\u00f3n de flash y su variedad de presentaciones.<\/p>\n<p>Una web con mucha animaci\u00f3n creada con adobe egde, de hecho que estar\u00e1 mucho m\u00e1s pesada a que se anime con puro c\u00f3digo.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"text-decoration: underline\">COCLUSIONES Y RECOMENDACIONES<\/span><\/strong><\/p>\n<p>La creaci\u00f3n de \u00e9ste software significa que Adobe se dio cuenta que luchar \u00e9l solo contra todos los dem\u00e1s softwares. En cierto modo, la decisi\u00f3n de descontinuar el desarrollo de Flash para m\u00f3viles, confirma un poco esa suposici\u00f3n. Con todo, parece que al menos una parte de Adobe, tiene claro que no hay necesidad de seguir apostando exclusivamente por una tecnolog\u00eda que al d\u00eda de hoy no necesita la Web. Sin embargo no me parece correcto que algunos piensen que todo lo que Adobe hab\u00eda conseguido con Flash, no haya servido para nada. Durante muchos a\u00f1os Flash ha sido una excelente herramienta que era capaz de hacer cosas que no eran posibles de otro modo. Flash contin\u00faa siendo una buena tecnolog\u00eda para usos concretos.<\/p>\n<p>La elaboraci\u00f3n de un producto de la gama de Adobe Edge y servirse como motor de los conocidos lenguajes HTML5, CSS3 o Javascript, tiene un m\u00e9rito enorme. Y si lo pensamos bien, a\u00fan mucho m\u00e1s viniendo del propietario de su mayor competidor, Flash.<\/p>\n<p>Al parecer Adobe cre\u00f3 Edge con la idea de que coexista junto a Flash pero m\u00e1s bien parece una evoluci\u00f3n de Flash a largo plazo. Y es que, pese al soporte de Flash por parte de algunos sistemas operativos m\u00f3viles como Android, lo cierto es que para esos peque\u00f1os gadgets es una tecnolog\u00eda poco eficiente.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><span style=\"text-decoration: underline\">BIBLIOGRAF\u00cdA<\/span><\/strong><\/p>\n<p><cite>http:\/\/html.wikipedia.org\/wiki\/<strong>Adobe<\/strong>_<strong>Edge<\/strong><\/cite>\u200e<\/p>\n<p>http:\/\/html.adobe.com\/edge\/animate\/<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Es una aplicaci\u00f3n que nos permite crear animaciones en html5. No solamente podemos crear animaciones sencillas sino tambi\u00e9n interactivas de modo que podemos traspasar nuestra imaginaci\u00f3n aqu\u00ed y demostrar toda nuestra creatividad, tambi\u00e9n ser\u00e1 posible para nosotros poder interactuar luego con nuestra animaci\u00f3n creada. Es m\u00e1s tecnolog\u00eda que flash si se realiza la comparaci\u00f3n y [&hellip;]<\/p>\n","protected":false},"author":6524,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4249],"tags":[],"class_list":["post-104","post","type-post","status-publish","format-standard","hentry","category-deberes"],"_links":{"self":[{"href":"https:\/\/blog.espol.edu.ec\/josderam\/wp-json\/wp\/v2\/posts\/104","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.espol.edu.ec\/josderam\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.espol.edu.ec\/josderam\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/josderam\/wp-json\/wp\/v2\/users\/6524"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/josderam\/wp-json\/wp\/v2\/comments?post=104"}],"version-history":[{"count":16,"href":"https:\/\/blog.espol.edu.ec\/josderam\/wp-json\/wp\/v2\/posts\/104\/revisions"}],"predecessor-version":[{"id":109,"href":"https:\/\/blog.espol.edu.ec\/josderam\/wp-json\/wp\/v2\/posts\/104\/revisions\/109"}],"wp:attachment":[{"href":"https:\/\/blog.espol.edu.ec\/josderam\/wp-json\/wp\/v2\/media?parent=104"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/josderam\/wp-json\/wp\/v2\/categories?post=104"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.espol.edu.ec\/josderam\/wp-json\/wp\/v2\/tags?post=104"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}