{"id":595,"date":"2014-09-17T14:02:29","date_gmt":"2014-09-17T14:02:29","guid":{"rendered":"http:\/\/www.blogs.hss.ed.ac.uk\/webteam\/?p=595"},"modified":"2014-09-17T14:05:54","modified_gmt":"2014-09-17T14:05:54","slug":"adobe-edge-animate-part-2","status":"publish","type":"post","link":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/","title":{"rendered":"Adobe Edge Animate (part 2)"},"content":{"rendered":"

As promised, I have tried out extending Adobe Edge Animate with jQuery libraries in order to implement a \u201cdrag and drop\u201d functionality. It is meant to be a fairly straightforward task of importing the scripts or including the relevant url paths, through Edge script interface.<\/p>\n

\"Adobe<\/a><\/p>\n

It turned out to be quite fiddly, as including the url path didn’t work for me and importing scripts into edge also turned out to be a bit problematic. There is a separate script for touch devices – jQuery UI Touch Punch, and this seems to be sensitive about the order in which it is included. It has worked after a fashion and an example can be found here: http:\/\/www.ed.ac.uk\/staff-students\/students\/new-students\/student-support\/preparing-for-study\/school-and-college-leavers\/looking-back\/time-management\/looking-back <\/a><\/p>\n

Since Adobe Edge export includes a bundle of files (edgePreload.js, edgeActions.js, main.js as well as HTML files and images folder) the easiest way of including all these in our CMS Poloply was to host these packages separately to be called in via iframes.<\/p>\n

Not the most elegant solution.<\/p>\n

The new section\u00a0 http:\/\/www.ed.ac.uk\/staff-students\/students\/new-students\/student-support\/preparing-for-study\/school-and-college-leavers\/looking-back<\/a> is a bit of an experiment. It is an attempt to make the activities more interesting than reading PDF files.<\/p>\n

Whether the new JavaScript\u00a0 elements provide an added value is up for debate…keen to hear your views.<\/p>\n

 <\/p>\n","protected":false},"excerpt":{"rendered":"

As promised, I have tried out extending Adobe Edge Animate with jQuery libraries in order to implement a \u201cdrag and drop\u201d functionality. It is meant to be a fairly straightforward task of importing the scripts or including the relevant url … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":16,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"ngg_post_thumbnail":0,"footnotes":""},"categories":[18,38,10,1,7],"tags":[],"class_list":["post-595","post","type-post","status-publish","format-standard","hentry","category-code","category-infographics","category-software","category-uncategorized","category-usability"],"yoast_head":"\nAdobe Edge Animate (part 2) - Digital Innovation Team<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Aldona\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/2014\\\/09\\\/17\\\/adobe-edge-animate-part-2\\\/#article\",\"isPartOf\":{\"@id\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/2014\\\/09\\\/17\\\/adobe-edge-animate-part-2\\\/\"},\"author\":{\"name\":\"Aldona\",\"@id\":\"https:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/#\\\/schema\\\/person\\\/85e1b3060129e961d05a9e69f50a4b67\"},\"headline\":\"Adobe Edge Animate (part 2)\",\"datePublished\":\"2014-09-17T14:02:29+00:00\",\"dateModified\":\"2014-09-17T14:05:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/2014\\\/09\\\/17\\\/adobe-edge-animate-part-2\\\/\"},\"wordCount\":237,\"commentCount\":0,\"image\":{\"@id\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/2014\\\/09\\\/17\\\/adobe-edge-animate-part-2\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/webteam\\\/files\\\/Untitled-1-300x269.jpg\",\"articleSection\":[\"Code\",\"Infographics\",\"Software\",\"Uncategorized\",\"Usability\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/2014\\\/09\\\/17\\\/adobe-edge-animate-part-2\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/2014\\\/09\\\/17\\\/adobe-edge-animate-part-2\\\/\",\"url\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/2014\\\/09\\\/17\\\/adobe-edge-animate-part-2\\\/\",\"name\":\"Adobe Edge Animate (part 2) - Digital Innovation Team\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/2014\\\/09\\\/17\\\/adobe-edge-animate-part-2\\\/#primaryimage\"},\"image\":{\"@id\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/2014\\\/09\\\/17\\\/adobe-edge-animate-part-2\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/webteam\\\/files\\\/Untitled-1-300x269.jpg\",\"datePublished\":\"2014-09-17T14:02:29+00:00\",\"dateModified\":\"2014-09-17T14:05:54+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/#\\\/schema\\\/person\\\/85e1b3060129e961d05a9e69f50a4b67\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/2014\\\/09\\\/17\\\/adobe-edge-animate-part-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/2014\\\/09\\\/17\\\/adobe-edge-animate-part-2\\\/#primaryimage\",\"url\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/webteam\\\/files\\\/Untitled-1-300x269.jpg\",\"contentUrl\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/webteam\\\/files\\\/Untitled-1-300x269.jpg\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/#website\",\"url\":\"https:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/\",\"name\":\"Digital Innovation Team\",\"description\":\"\u00a0CAHSS\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/#\\\/schema\\\/person\\\/85e1b3060129e961d05a9e69f50a4b67\",\"name\":\"Aldona\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a8795283c6dc9d4d9fa36ce89552346eba65a2db9bd850d837e7ef5e7830d10a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a8795283c6dc9d4d9fa36ce89552346eba65a2db9bd850d837e7ef5e7830d10a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/a8795283c6dc9d4d9fa36ce89552346eba65a2db9bd850d837e7ef5e7830d10a?s=96&d=mm&r=g\",\"caption\":\"Aldona\"},\"url\":\"http:\\\/\\\/www.blogs.hss.ed.ac.uk\\\/digital-innovation\\\/author\\\/agosnell\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Adobe Edge Animate (part 2) - Digital Innovation Team","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/","twitter_misc":{"Written by":"Aldona","Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/#article","isPartOf":{"@id":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/"},"author":{"name":"Aldona","@id":"https:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/#\/schema\/person\/85e1b3060129e961d05a9e69f50a4b67"},"headline":"Adobe Edge Animate (part 2)","datePublished":"2014-09-17T14:02:29+00:00","dateModified":"2014-09-17T14:05:54+00:00","mainEntityOfPage":{"@id":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/"},"wordCount":237,"commentCount":0,"image":{"@id":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.blogs.hss.ed.ac.uk\/webteam\/files\/Untitled-1-300x269.jpg","articleSection":["Code","Infographics","Software","Uncategorized","Usability"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/#respond"]}]},{"@type":"WebPage","@id":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/","url":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/","name":"Adobe Edge Animate (part 2) - Digital Innovation Team","isPartOf":{"@id":"https:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/#website"},"primaryImageOfPage":{"@id":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/#primaryimage"},"image":{"@id":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.blogs.hss.ed.ac.uk\/webteam\/files\/Untitled-1-300x269.jpg","datePublished":"2014-09-17T14:02:29+00:00","dateModified":"2014-09-17T14:05:54+00:00","author":{"@id":"https:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/#\/schema\/person\/85e1b3060129e961d05a9e69f50a4b67"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/2014\/09\/17\/adobe-edge-animate-part-2\/#primaryimage","url":"http:\/\/www.blogs.hss.ed.ac.uk\/webteam\/files\/Untitled-1-300x269.jpg","contentUrl":"http:\/\/www.blogs.hss.ed.ac.uk\/webteam\/files\/Untitled-1-300x269.jpg"},{"@type":"WebSite","@id":"https:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/#website","url":"https:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/","name":"Digital Innovation Team","description":"\u00a0CAHSS","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/#\/schema\/person\/85e1b3060129e961d05a9e69f50a4b67","name":"Aldona","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/secure.gravatar.com\/avatar\/a8795283c6dc9d4d9fa36ce89552346eba65a2db9bd850d837e7ef5e7830d10a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/a8795283c6dc9d4d9fa36ce89552346eba65a2db9bd850d837e7ef5e7830d10a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a8795283c6dc9d4d9fa36ce89552346eba65a2db9bd850d837e7ef5e7830d10a?s=96&d=mm&r=g","caption":"Aldona"},"url":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/author\/agosnell\/"}]}},"jetpack_featured_media_url":"","_links":{"self":[{"href":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/wp-json\/wp\/v2\/posts\/595","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/wp-json\/wp\/v2\/comments?post=595"}],"version-history":[{"count":2,"href":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/wp-json\/wp\/v2\/posts\/595\/revisions"}],"predecessor-version":[{"id":611,"href":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/wp-json\/wp\/v2\/posts\/595\/revisions\/611"}],"wp:attachment":[{"href":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/wp-json\/wp\/v2\/media?parent=595"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/wp-json\/wp\/v2\/categories?post=595"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.blogs.hss.ed.ac.uk\/digital-innovation\/wp-json\/wp\/v2\/tags?post=595"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}