{"id":3668,"date":"2016-03-26T05:13:01","date_gmt":"2016-03-26T05:13:01","guid":{"rendered":"http:\/\/course.oeru.org\/ds4oer\/?page_id=3668"},"modified":"2016-03-26T05:13:01","modified_gmt":"2016-03-26T05:13:01","slug":"storyboarding-tools","status":"publish","type":"page","link":"https:\/\/course.oeru.org\/ds4oer\/learning-pathways\/developing-a-storyboard\/storyboarding-tools\/","title":{"rendered":"Storyboarding tools"},"content":{"rendered":"<div id=\"content\" class=\"mw-body container\" role=\"main\">\n<div class=\"row\">\n<div class=\"col-md-12\">\n<div class=\"panel\">\n<div class=\"panel-body\">\n<div id=\"bodyContent\">\n<div id=\"mw-content-text\" lang=\"en\" dir=\"ltr\" class=\"mw-content-ltr\"><div class=\"panel iDevice\">\n\t<div class=\"panel-heading idevice-heading\">\n\t\t<div>\n\t\t\t<img decoding=\"async\" class=\"pedagogicalicon\" alt=\"key points\" src=\"https:\/\/course.oeru.org\/ds4oer\/wp-content\/themes\/oeru_course\/idevices\/Icon_key_points.png\">\n\t\t<\/div>\n\t\t<div>\n\t\t\t<h2>Key points<\/h2>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"panel-body\">\n\t\t<div class=\"col-md-12\">\n\t\t\t<\/p>\n<p>In this section we:\n<\/p>\n<ol>\n<li> Introduce a few technologies you can use for generating storyboards.\n<\/li>\n<li> Provide examples of storyboards generated with these technologies.\n<\/li>\n<li> Spend a few minutes exploring each option with the view to selecting a tool you would like to use for producing your own storyboard.\n<\/li>\n<\/ol>\n<p>\n<\/p>\n<p>\n\t\t<\/div>\n\t<\/div>\n<\/div><\/p>\n<p>\n<\/p>\n<h2><span class=\"mw-headline\" id=\"Flipcharts.2C_sticky_notes_and_markers\">Flipcharts, sticky notes and markers<\/span><\/h2>\n<p>The traditional way of creating storyboards is using flipcharts with sticky notes. To create a storyboard in this way, you will need a flipchart with paper or a whiteboard, sticky notes of different colours and markers. You can take pictures with a digital camera to share your work.\n<\/p>\n<div class=\"center\">\n<div class=\"thumb tnone\">\n<div class=\"thumbinner thumbnail\" style=\"width:602px;\"><a href=\"http:\/\/WikiEducator.org\/File:Flipchart-storyboard.jpg\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"\/\/WikiEducator.org\/images\/thumb\/8\/82\/Flipchart-storyboard.jpg\/600px-Flipchart-storyboard.jpg\" width=\"600\" height=\"450\" class=\"thumbimage img-responsive\"><\/a>  <\/p>\n<div class=\"thumbcaption\">Example storyboard using flipchart paper<\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"mw-headline\" id=\"Google_Sheets\">Google Sheets<\/span><\/h2>\n<p><a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/docs.google.com\/spreadsheets\/u\/0\/\">Google Sheets<\/a> are part of <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/drive.google.com\/\">Google Drive<\/a>. Their functioning is similar to spreadsheet software (LibreOffice Calc or Microsoft Excel), which is widely used for displaying and analyzing information.\n<\/p>\n<p>A storyboard created with this tool would be highly structured, as it has to be organised in rows and columns. Google Sheets provides the ability for several people to be working on it at the same time. You can view and edit a Google Sheet without a Google account, but you can\u2019t create a new one unless you sign up or already have one.\n<\/p>\n<p>With Google Sheets, you can use different colour backgrounds for the different components of the storyboard, and adjust the colour and size of the labels in the first row and column.\n<\/p>\n<div class=\"center\">\n<div class=\"thumb tnone\">\n<div class=\"thumbinner thumbnail\" style=\"width:602px;\"><a href=\"http:\/\/WikiEducator.org\/File:Google-Sheets-storyboard.png\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"\/\/WikiEducator.org\/images\/thumb\/7\/71\/Google-Sheets-storyboard.png\/600px-Google-Sheets-storyboard.png\" width=\"600\" height=\"405\" class=\"thumbimage img-responsive\"><\/a>  <\/p>\n<div class=\"thumbcaption\">Example of storyboard using Google Sheets. Visit online version <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1f0-5S9MUMCpcwwaDVx3diF5IzPSjxaHZ95apj6PNOD0\/edit#gid=259536115\">here.<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"mw-headline\" id=\"Lino\">Lino<\/span><\/h2>\n<p><a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/en.linoit.com\/\">Lino<\/a> is an online sticky and photo sharing site. Lino works like a canvas where you can put virtual sticky notes of different colours with text and icons (called stickies). You can also add images, videos and other files (not necessary to create a storyboard but nice to have). Several people can work on the same Lino canvas, which is useful for teams of designers.\n<\/p>\n<div class=\"center\">\n<div class=\"thumb tnone\">\n<div class=\"thumbinner thumbnail\" style=\"width:602px;\"><a href=\"http:\/\/WikiEducator.org\/File:Linoit-storyboard.png\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"\/\/WikiEducator.org\/images\/thumb\/e\/eb\/Linoit-storyboard.png\/600px-Linoit-storyboard.png\" width=\"600\" height=\"350\" class=\"thumbimage img-responsive\"><\/a>  <\/p>\n<div class=\"thumbcaption\">Example storyboard using Lino. Visit the online version <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/linoit.com\/users\/Learningdesign\/canvases\/SPEED%20CourseDesign%20Storyboard\">here<\/a>.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Screencast recorded by Gabi Witthaus on generating a storyboard using <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/en.linoit.com\/\">Linoit.com<\/a>. (View example on <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/linoit.com\/users\/Learningdesign\/canvases\/Storyboard%20Storyboard\">Linoit<\/a>.)\n<\/p>\n<div class=\"plainlinks center\"><iframe loading=\"lazy\" width=\"425px\" height=\"355px\" src=\"\/\/www.youtube.com\/embed\/phicI4xVNv0?rel=0\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div>\n<h2><span class=\"mw-headline\" id=\"Popplet\">Popplet<\/span><\/h2>\n<p><a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/www.popplet.com\/\">Popplet<\/a> is an online tool to organise ideas visually with nodes called popplets. You can add text, images and video, and even draw within the popplets. You can add collaborators, and export the resulting product as a PDF or an image.\n<\/p>\n<div class=\"center\">\n<div class=\"thumb tnone\">\n<div class=\"thumbinner thumbnail\" style=\"width:602px;\"><a href=\"http:\/\/WikiEducator.org\/File:Popplet-storyboard.png\" class=\"image\"><img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"\/\/WikiEducator.org\/images\/thumb\/2\/2d\/Popplet-storyboard.png\/600px-Popplet-storyboard.png\" width=\"600\" height=\"498\" class=\"thumbimage img-responsive\"><\/a>  <\/p>\n<div class=\"thumbcaption\">Example storyboard using Popplet. Visit online version <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/popplet.com\/app\/#\/2231188\">here<\/a>.<\/div>\n<\/div>\n<\/div>\n<\/div>\n<p>Screencast recorded by Gabi Witthaus on generating a storyboard using <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/www.popplet.com\/\">Popplet<\/a>. (View example on <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/popplet.com\/app\/#\/2269713\">Popplet<\/a>.)\n<\/p>\n<div class=\"plainlinks center\"><iframe loading=\"lazy\" width=\"425px\" height=\"355px\" src=\"\/\/www.youtube.com\/embed\/jkbJJz0tB5U?rel=0\" frameborder=\"0\" allowfullscreen=\"\"><\/iframe><\/div>\n<h2><span class=\"mw-headline\" id=\"Other_options\">Other options<\/span><\/h2>\n<p>You are free to use other tools you are familiar with, such as graphics packages or mind mapping tools, for example:\n<\/p>\n<ul>\n<li> <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/freemind.sourceforge.net\/wiki\/index.php\/Download\">Freemind<\/a>, an opensource mind mapping application you can download and install for free.\n<\/li>\n<li> <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/www.mindmup.com\">Mindmup<\/a>, an opensource mind mapping application that saves to Google Drive or Dropbox. Supports importing and exporting Freemind maps. Includes a storyboarding guide.\n<\/li>\n<li> <a rel=\"nofollow\" class=\"external text\" href=\"http:\/\/scrumblr.ca\/\">Scrumblr<\/a>, an opensource virtual whiteboard. This tool requires no downloads and no sign-in, making it ideal for quick, instant storyboarding in workshops.&nbsp;\n<\/li>\n<\/ul>\n<p>Consider ease of use and whether the tool is fit for the purpose of constructing a storyboard.\n<\/p>\n<p>\n<\/p>\n<p><small><b>Acknowledgement<\/b><br \/>\n<\/small><\/p>\n<p><small><br \/>\n<\/small><\/p>\n<ul><small><br \/>\n<\/small><\/p>\n<li><small> Remixed from original materials developed by Gabi Witthaus and Brenda Padilla for the <a rel=\"nofollow\" class=\"external text\" href=\"https:\/\/docs.google.com\/spreadsheets\/d\/1f0-5S9MUMCpcwwaDVx3diF5IzPSjxaHZ95apj6PNOD0\/edit#gid=259536115\">Storyboard for Storyboarding<\/a> open course under CC-BY-SA license.<\/small>\n<\/li>\n<\/ul>\n<p><!-- \nNewPP limit report\nCPU time usage: 0.040 seconds\nReal time usage: 0.042 seconds\nPreprocessor visited node count: 217\/1000000\nPreprocessor generated node count: 1172\/1000000\nPost\u2010expand include size: 2381\/2097152 bytes\nTemplate argument size: 751\/2097152 bytes\nHighest expansion depth: 7\/40\nExpensive parser function count: 0\/100\n--><\/p>\n<p><!-- Saved in parser cache with key wikiedu-mw_:pcache:idhash:165354-0!*!*!!en!2!* and timestamp 20160326043038 and revision id 953079\n -->\n<\/div>\n<div class=\"visualClear\"><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"row\">\n<div class=\"col-md-12\">\n<ul class=\"pager\">\n<li class=\"previous\">\n            <a href=\"\/ds4oer\/learning-pathways\/developing-a-storyboard\/storyboard-structure\">\u2190 Previous<\/a>\n          <\/li>\n<li class=\"next\">\n            <a href=\"\/ds4oer\/learning-pathways\/developing-a-storyboard\/start-storyboarding-challenge\">Next \u2192<\/a>\n          <\/li>\n<\/ul><\/div>\n<\/p><\/div>\n<\/div>\n<footer>\n<br \/>\n<\/footer>\n","protected":false},"excerpt":{"rendered":"<p>Flipcharts, sticky notes and markers The traditional way of creating storyboards is using flipcharts with sticky notes. To create a storyboard in this way, you will need a flipchart with paper or a whiteboard, sticky notes of different colours and markers. You can take pictures with a digital camera to share your work. Example storyboard [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":3658,"menu_order":6700,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-3668","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/pages\/3668","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/comments?post=3668"}],"version-history":[{"count":1,"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/pages\/3668\/revisions"}],"predecessor-version":[{"id":3669,"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/pages\/3668\/revisions\/3669"}],"up":[{"embeddable":true,"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/pages\/3658"}],"wp:attachment":[{"href":"https:\/\/course.oeru.org\/ds4oer\/wp-json\/wp\/v2\/media?parent=3668"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}