{"id":1921,"date":"2008-07-05T00:00:00","date_gmt":"1970-01-01T00:00:00","guid":{"rendered":"http:\/\/johnjohnston.info\/blog\/?e=1921"},"modified":"2008-07-05T00:00:00","modified_gmt":"1970-01-01T00:00:00","slug":"flowgram","status":"publish","type":"post","link":"https:\/\/johnjohnston.info\/blog\/flowgram\/","title":{"rendered":"Flowgram"},"content":{"rendered":"\n<p style=\"text-align:center\"><object type=\"application\/x-shockwave-flash\" data=\"https:\/\/beta.flowgram.com\/widget\/flexwidget.swf\" codebase=\"https:\/\/download.macromedia.com\/pub\/shockwave\/cabs\/flash\/swflash.cab\" width=\"400\" height=\"300\"><param name=\"movie\" value=\"https:\/\/beta.flowgram.com\/widget\/flexwidget.swf\" \/><param name=\"flashVars\" value=\"id=n4yy4p45vqkipv\" \/><param name=\"allowScriptAccess\" value=\"always\" \/><param name=\"allowNetworking\" value=\"all\" \/><param name=\"pluginurl\" value=\"https:\/\/www.adobe.com\/go\/getflashplayer\" \/><\/object><img loading=\"lazy\" decoding=\"async\" style=\"visibility:hidden;width:0px;height:0px;\" border=\"0\" width=\"0\" height=\"0\" src=\"https:\/\/counters.gigya.com\/wildfire\/CIMP\/bT*xJmx*PTEyMTUyMzk3NTI3NDAmcHQ9MTIxNTI*MDYzODQxMSZwPTE1NzU4MSZkPSZuPSZnPTE=.jpg\" \/><\/p>\n<p><a href=\"http:\/\/beta.flowgram.com\/\" title=\"Flowgram\">Flowgram<\/a> is a new web-based tool for giving <em>online tours<\/em> of sets of webpages or photos. I have hasd a quick play (click the widget to see my creation) and it looks like it could be a very useful tool in the classroom.<\/p>\n<p>Once you have signed up and been accepted for the beta flowgram program you can create your own pretty easily. I just watched one of the flowgrams about flogram and tested it without really reading the manual. It is pretty simple to use although I could not get the create tool to load in Safari.<\/p>\n<p>You add pages to a flowgram by adding a url or uploading a photo. Or you could import a flickr set or RSS feed to create a set of pages. Once you have collected your set of pages you can add audio recorded via your browser (flash based)  notes and highlight text. I managed to do all without too much bother although it took me a while to get the highlight work. If you scroll a page during recording and then highlight something it will scroll to show the highlight in sync with the audio when playing back. I found that quite tricky to do and if you watch my flowgram above you will notice a few pauses while I scroll and highlight.<\/p>\n<p>The most amazing thing about flowgram is that the pages viewed in flowgram are live the links etc work for the audience. I am not sure how flowgram deals with changes in the webpage perhaps they store local copies.<\/p>\n<p>I think it might be a bit difficult for primary children to use for creating a tour of websites but they could certainly make a slideshow of photos or pictures without too much trouble. For teachers it could be used to give children instructions on using online tools (or for a set of screenshots) or for blogging sites to other teachers for professional development.<\/p>\n<p>Flowgram could be used as an alternate presentation tool, and feels a little like <a href=\"http:\/\/voicethread.com\/\" title=\"VoiceThread - Group conversations around images, docs and videos\">voicethread<\/a>, although users cannot audio comment. You can make your flowgrams private but I can&#8217;t see a way to turn off comments which would sometimes be handy for school use. another one t otest on the nexwork next term.<\/p>\n<p class=\"thetags\" style=\"display:none\"><a href=\"http:\/\/www.technorati.com\/tag\/flowgram\/\" rel=\"tag\" target=\"_blank\">flowgram<\/a> <a rel='tag' class='pivotx-taglink' href='http:\/\/johnjohnston.info\/blog\/?t=flowgram' title='Entries tagged with: flowgram'>flowgram<\/a><a href=\"http:\/\/www.technorati.com\/tag\/blogging\/\" rel=\"tag\" target=\"_blank\">blogging<\/a> <a rel='tag' class='pivotx-taglink' href='http:\/\/johnjohnston.info\/blog\/?t=blogging' title='Entries tagged with: blogging'>blogging<\/a> <a href=\"http:\/\/www.technorati.com\/tag\/slideshow\/\" rel=\"tag\" target=\"_blank\">slideshow<\/a> <a rel='tag' class='pivotx-taglink' href='http:\/\/johnjohnston.info\/blog\/?t=slideshow' title='Entries tagged with: slideshow'>slideshow<\/a><a href=\"http:\/\/www.technorati.com\/tag\/presentation\/\" rel=\"tag\" target=\"_blank\">presentation<\/a> <a rel='tag' class='pivotx-taglink' href='http:\/\/johnjohnston.info\/blog\/?t=presentation' title='Entries tagged with: presentation'>presentation<\/a> <a href=\"http:\/\/www.technorati.com\/tag\/web20\/\" rel=\"tag\" target=\"_blank\">web20<\/a> <a rel='tag' class='pivotx-taglink' href='http:\/\/johnjohnston.info\/blog\/?t=web20' title='Entries tagged with: web20'>web20<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Flowgram is a new web-based tool for giving online tours of sets of webpages or photos. I have hasd a quick play (click the widget to see my creation) and it looks like it could be a very useful tool in the classroom. Once you have signed up and been accepted for the beta flowgram [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"mf2_syndication":[],"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"webmentions_disabled_pings":false,"webmentions_disabled":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[6],"tags":[10,312,125,281,313],"post_format":[],"class_list":{"0":"post-1921","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-wwwd","7":"tag-blogging","8":"tag-flowgram","9":"tag-presentation","10":"tag-slideshow","11":"tag-web20","12":"kind-","13":"h-entry","14":"hentry"},"better_featured_image":null,"jetpack_featured_media_url":"","jetpack_shortlink":"https:\/\/wp.me\/s57zFQ-flowgram","jetpack_likes_enabled":false,"jetpack_sharing_enabled":true,"kind":false,"_links":{"self":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/1921","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/comments?post=1921"}],"version-history":[{"count":0,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/posts\/1921\/revisions"}],"wp:attachment":[{"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/media?parent=1921"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/categories?post=1921"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/tags?post=1921"},{"taxonomy":"post_format","embeddable":true,"href":"https:\/\/johnjohnston.info\/blog\/wp-json\/wp\/v2\/post_format?post=1921"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}