{"id":7682,"date":"2017-01-25T23:37:05","date_gmt":"2017-01-26T02:37:05","guid":{"rendered":"http:\/\/sead.com.br\/?p=7682"},"modified":"2017-01-25T23:37:05","modified_gmt":"2017-01-26T02:37:05","slug":"storyboard-como-utilizar-na-educacao-distancia","status":"publish","type":"post","link":"https:\/\/joaoernani.com\/blog\/storyboard-como-utilizar-na-educacao-distancia\/","title":{"rendered":"Storyboard como utilizar na educa\u00e7\u00e3o a dist\u00e2ncia"},"content":{"rendered":"<p><strong><em>Storyboard<\/em><\/strong><\/p>\n<p>O <em>storyboard<\/em> \u00e9 uma ferramenta j\u00e1 muito utilizada para produ\u00e7\u00f5es cinematogr\u00e1ficas.\u00a0 Esta ferramenta busca orientar de uma forma ilustrativa todos as pessoas envolvidas na produ\u00e7\u00e3o dos cursos.<\/p>\n<p>Segundo Oliveira, (2011), um<em> storyboard<\/em> \u00e9 um filme contado em quadros, ou seja, \u00e9 a transforma\u00e7\u00e3o de um roteiro em uma hist\u00f3ria em quadrinhos, mas com um detalhe importante: \u201capesar da semelhan\u00e7a de linguagem e recursos gr\u00e1ficos, uma hist\u00f3ria em quadrinhos \u00e9 a realiza\u00e7\u00e3o definitiva de um projeto, enquanto que um <em>storyboard<\/em> \u00e9 apenas uma etapa na visualiza\u00e7\u00e3o de algo que ser\u00e1 realizado em outro meio\u201d<\/p>\n<p>O <em>storyboard<\/em> pode ser desenvolvido pelo pr\u00f3prio <em>Designer<\/em> Instrucional ou este tamb\u00e9m pode contar com a ajuda de um <em>Designer<\/em> ou ilustrador. Uma das ferramentas mais pr\u00e1ticas para se elaborar um <em>storyboard<\/em> \u00e9 a utiliza\u00e7\u00e3o de programas de apresenta\u00e7\u00e3o como o <em>PowerPoint<\/em> ou o <em>Keynote<\/em>.<\/p>\n<p>O <em>storyboard<\/em> tem como objetivo esbo\u00e7ar como o conte\u00fado dever\u00e1 ser disposto nas telas para o usu\u00e1rio final e tamb\u00e9m orientar a equipe de produ\u00e7\u00e3o, <em>Design<\/em> e programa\u00e7\u00e3o sobre como elaborar o<em> layout<\/em> inicial.<\/p>\n<p>O <em>storyboard <\/em>feito para o curso foi desenvolvido de forma linear. O usu\u00e1rio pode movimentar de uma tela para outra de uma forma sequencial, sem nenhum tipo de desvio, como demonstrado na Figura 4.<\/p>\n<p>Fonte: <em>Designing Solutions.<\/em><\/p>\n<p>Figura 4 \u2013 Estrutura linear de <em>storyboard.<\/em><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Esta estrutura foi selecionada pois demonstra da melhor forma como o curso foi elaborado. A estrutura se torna ideal para a ferramenta \u201cli\u00e7\u00e3o\u201d que permite ao programador criar dois bot\u00f5es principais de navega\u00e7\u00e3o, os de \u201cavan\u00e7ar\u201d e \u201cvoltar\u201d.<\/p>\n<p>Nas pr\u00f3ximas figuras, ser\u00e3o demonstrados os <em>storyboards<\/em> principais para o desenvolvimento do curso <em>Aprenda a gravar v\u00eddeos para EaD<\/em>.<\/p>\n<p>A Figura 5 representa o primeiro quadro do <em>storyboard<\/em> e vem acompanhada de todas as descri\u00e7\u00f5es necess\u00e1rias para a equipe de desenvolvimento.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Fonte: Jo\u00e3o Ernani<\/p>\n<p>Figura 5 \u2013 Storyboard Tela 1<\/p>\n<p>&nbsp;<\/p>\n<p>As Figuras 6,7 e 8 representam os demais <em>storyboards<\/em>, onde ser\u00e1 poss\u00edvel acessar todo o material dispon\u00edvel para o curso<\/p>\n<p>Fonte: Jo\u00e3o Ernani<\/p>\n<p>Figura 6 \u2013 <em>Storyboard <\/em>Tela 2<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p>Fonte: Jo\u00e3o Ernani<\/p>\n<p>Figura 7 \u2013 <em>Storyboard<\/em> Tela 3<\/p>\n<p>&nbsp;<\/p>\n<h2><\/h2>\n<p>Fonte: Jo\u00e3o Ernani<\/p>\n<p>Figura 8 \u2013 <em>Storyboard<\/em> Tela 4.<\/p>\n<p>Os <em>storyboards<\/em> desenvolvidos t\u00eam como fun\u00e7\u00e3o demonstrar para a equipe de produ\u00e7\u00e3o como esta deve trabalhar com a ferramenta \u201cli\u00e7\u00e3o\u201d. Foram desenvolvidos 4 tipos de <em>storyboards<\/em> norteadores, sendo o primeiro um modelo padr\u00e3o onde ser\u00e3o postados todos os v\u00eddeos que ser\u00e3o disponibilizados durante o curso. O segundo, tela 2, demonstra uma tela padr\u00e3o para disponibilizar o material complementar para <em>download<\/em>. O terceiro demonstra como ir\u00e3o funcionar os question\u00e1rios que tamb\u00e9m ser\u00e3o configurados na ferramenta \u201cli\u00e7\u00e3o\u201d e que permite uma navega\u00e7\u00e3o linear. Por \u00faltimo, ser\u00e1 demonstrado como ser\u00e1 a tela de encerramento do curso.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Storyboard O storyboard \u00e9 uma ferramenta j\u00e1 muito utilizada para produ\u00e7\u00f5es cinematogr\u00e1ficas.\u00a0 Esta ferramenta busca&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":{"0":"post-7682","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-produtividade"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.1.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Storyboard como utilizar na educa\u00e7\u00e3o a dist\u00e2ncia<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/joaoernani.com\/blog\/storyboard-como-utilizar-na-educacao-distancia\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Storyboard como utilizar na educa\u00e7\u00e3o a dist\u00e2ncia\" \/>\n<meta property=\"og:description\" content=\"Storyboard O storyboard \u00e9 uma ferramenta j\u00e1 muito utilizada para produ\u00e7\u00f5es cinematogr\u00e1ficas.\u00a0 Esta ferramenta busca...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/joaoernani.com\/blog\/storyboard-como-utilizar-na-educacao-distancia\/\" \/>\n<meta property=\"og:site_name\" content=\"Prof. Jo\u00e3o Ernani\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/joaoernanijr\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-26T02:37:05+00:00\" \/>\n<meta name=\"author\" content=\"Jo\u00e3o Ernani Antunes\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@joaoernani\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jo\u00e3o Ernani Antunes\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/joaoernani.com\/blog\/storyboard-como-utilizar-na-educacao-distancia\/\",\"url\":\"https:\/\/joaoernani.com\/blog\/storyboard-como-utilizar-na-educacao-distancia\/\",\"name\":\"Storyboard como utilizar na educa\u00e7\u00e3o a dist\u00e2ncia\",\"isPartOf\":{\"@id\":\"https:\/\/joaoernani.com\/blog\/#website\"},\"datePublished\":\"2017-01-26T02:37:05+00:00\",\"author\":{\"@id\":\"https:\/\/joaoernani.com\/blog\/#\/schema\/person\/f683cc467c2b0d6e5ed95853f26a863a\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/joaoernani.com\/blog\/storyboard-como-utilizar-na-educacao-distancia\/\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/joaoernani.com\/blog\/#website\",\"url\":\"https:\/\/joaoernani.com\/blog\/\",\"name\":\"Prof. Jo\u00e3o Ernani\",\"description\":\"Neste Blog voc\u00ea vai encontrar tutoriais gratuitos do professor Jo\u00e3o Ernani\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/joaoernani.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/joaoernani.com\/blog\/#\/schema\/person\/f683cc467c2b0d6e5ed95853f26a863a\",\"name\":\"Jo\u00e3o Ernani Antunes\",\"sameAs\":[\"https:\/\/joaoernani.com\",\"https:\/\/www.facebook.com\/joaoernanijr\/\",\"https:\/\/www.instagram.com\/joaoernani\/\",\"https:\/\/www.linkedin.com\/in\/joaoernani\/\",\"https:\/\/x.com\/joaoernani\",\"https:\/\/www.youtube.com\/@joaoernani\"],\"url\":\"https:\/\/joaoernani.com\/blog\/author\/joaoernani\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Storyboard como utilizar na educa\u00e7\u00e3o a dist\u00e2ncia","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":"https:\/\/joaoernani.com\/blog\/storyboard-como-utilizar-na-educacao-distancia\/","og_locale":"pt_BR","og_type":"article","og_title":"Storyboard como utilizar na educa\u00e7\u00e3o a dist\u00e2ncia","og_description":"Storyboard O storyboard \u00e9 uma ferramenta j\u00e1 muito utilizada para produ\u00e7\u00f5es cinematogr\u00e1ficas.\u00a0 Esta ferramenta busca...","og_url":"https:\/\/joaoernani.com\/blog\/storyboard-como-utilizar-na-educacao-distancia\/","og_site_name":"Prof. Jo\u00e3o Ernani","article_author":"https:\/\/www.facebook.com\/joaoernanijr\/","article_published_time":"2017-01-26T02:37:05+00:00","author":"Jo\u00e3o Ernani Antunes","twitter_card":"summary_large_image","twitter_creator":"@joaoernani","twitter_misc":{"Escrito por":"Jo\u00e3o Ernani Antunes","Est. tempo de leitura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/joaoernani.com\/blog\/storyboard-como-utilizar-na-educacao-distancia\/","url":"https:\/\/joaoernani.com\/blog\/storyboard-como-utilizar-na-educacao-distancia\/","name":"Storyboard como utilizar na educa\u00e7\u00e3o a dist\u00e2ncia","isPartOf":{"@id":"https:\/\/joaoernani.com\/blog\/#website"},"datePublished":"2017-01-26T02:37:05+00:00","author":{"@id":"https:\/\/joaoernani.com\/blog\/#\/schema\/person\/f683cc467c2b0d6e5ed95853f26a863a"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/joaoernani.com\/blog\/storyboard-como-utilizar-na-educacao-distancia\/"]}]},{"@type":"WebSite","@id":"https:\/\/joaoernani.com\/blog\/#website","url":"https:\/\/joaoernani.com\/blog\/","name":"Prof. Jo\u00e3o Ernani","description":"Neste Blog voc\u00ea vai encontrar tutoriais gratuitos do professor Jo\u00e3o Ernani","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/joaoernani.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Person","@id":"https:\/\/joaoernani.com\/blog\/#\/schema\/person\/f683cc467c2b0d6e5ed95853f26a863a","name":"Jo\u00e3o Ernani Antunes","sameAs":["https:\/\/joaoernani.com","https:\/\/www.facebook.com\/joaoernanijr\/","https:\/\/www.instagram.com\/joaoernani\/","https:\/\/www.linkedin.com\/in\/joaoernani\/","https:\/\/x.com\/joaoernani","https:\/\/www.youtube.com\/@joaoernani"],"url":"https:\/\/joaoernani.com\/blog\/author\/joaoernani\/"}]}},"_links":{"self":[{"href":"https:\/\/joaoernani.com\/blog\/wp-json\/wp\/v2\/posts\/7682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/joaoernani.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/joaoernani.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/joaoernani.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/joaoernani.com\/blog\/wp-json\/wp\/v2\/comments?post=7682"}],"version-history":[{"count":0,"href":"https:\/\/joaoernani.com\/blog\/wp-json\/wp\/v2\/posts\/7682\/revisions"}],"wp:attachment":[{"href":"https:\/\/joaoernani.com\/blog\/wp-json\/wp\/v2\/media?parent=7682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/joaoernani.com\/blog\/wp-json\/wp\/v2\/categories?post=7682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/joaoernani.com\/blog\/wp-json\/wp\/v2\/tags?post=7682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}