SlideShare uma empresa Scribd logo
1 de 15
Introdução ao
StoryboardPor Vinicius Pacheco - @ViniciusPach
Vinicius
Pacheco
@ViniciusPach
@ViniciusPach
Desenvolvedor na globo.com
Membro do SelfRj
Membro da RubyOnRio
Membro do HoraExtra
Javeiro de coração
Escopo
1) O que são Storyboards?
2) Como era antes do StoryBoard?
3) Como ficou depois do Storyboard?
4) Vantagens e Desvantagens
5) Coding!!!!!!!!!!
O que são Storyboards?
Storyboard são organizadores gráficos tais como uma série de ilustraç ões ou
imagens arranjadas em sequência com o propó sito de pré-visualizar um filme,
animaç ão ou gráfico animado, incluindo elementos interativos em websites.
http://pt.wikipedia.org/wiki/Storyboard
Como era antes?
Resposta: XIB
Como era antes?
Resposta: MUITOS XIBs
Como era antes?
- (IBAction)metodoQualquer:(id)sender {
ParaOndeVouController *c = [[ParaOndeVouController alloc] init];
[self.navigationController pushViewController:c animated:YES];
[c release];
}
EstáHabituado com isso?
Como era antes?
- (IBAction)metodoQualquer:(id)sender {
ParaOndeVouController *c = [[ParaOndeVouController alloc] init];
[self.navigationController pushViewController:c animated:YES];
[c release];
}
Resposta: vocêestáhabituado NX com isso?
Como era antes?
Um monte de XIBs, Várias Classes, com
configuraç ões no Delegate que vocênunca
lembra.....
Como ficou com
Storyboard?
Como ficou com
Storyboard?
Parte de VIEWs mais
organizada, có digo mais
simples, desenvolvimento
mais simples com Xcode...
Logo, é a farra do boi!!!
Vantagens e
Desvantagens
Vantagens
• Facilidade de visualização para o fluxo tela
• Facilidade de utilização do Xcode para as views
• Facilidade programática utilizando as "segues"
Desvantagens
• Perda de características exclusivas do XIBs
• Dificuldade para desenvolvimento programático
das views
• Vai sentir a necessidade de um monitor BEM
grande.
Coding!!!!!

Mais conteúdo relacionado

Destaque

Elementos narrativos do cinema - Parte 2 (Ângulos e Efeitos Psicológicos)
Elementos narrativos do cinema - Parte 2 (Ângulos e Efeitos Psicológicos)Elementos narrativos do cinema - Parte 2 (Ângulos e Efeitos Psicológicos)
Elementos narrativos do cinema - Parte 2 (Ângulos e Efeitos Psicológicos)Mauricio Mallet Duprat
 
PRODUÇÃO AUDIOVISUAL - Etapas da Produção pdf
PRODUÇÃO AUDIOVISUAL - Etapas da Produção pdfPRODUÇÃO AUDIOVISUAL - Etapas da Produção pdf
PRODUÇÃO AUDIOVISUAL - Etapas da Produção pdfUNIP. Universidade Paulista
 
Storyboards ead unama ead
Storyboards   ead unama  eadStoryboards   ead unama  ead
Storyboards ead unama eadFranc_marc
 
Storyboard Pronuncia
Storyboard PronunciaStoryboard Pronuncia
Storyboard Pronunciaepe3 epe3
 
Resenha da palestra sobre espaço urbano, controle sanitário e tráfico de escr...
Resenha da palestra sobre espaço urbano, controle sanitário e tráfico de escr...Resenha da palestra sobre espaço urbano, controle sanitário e tráfico de escr...
Resenha da palestra sobre espaço urbano, controle sanitário e tráfico de escr...Ricardo Jorge
 
Filmagem - palestra IACS 2014
Filmagem - palestra IACS 2014Filmagem - palestra IACS 2014
Filmagem - palestra IACS 2014Eduardo Teix
 
00 último grito em-edição_fotográfica
00    último grito em-edição_fotográfica00    último grito em-edição_fotográfica
00 último grito em-edição_fotográficaluzberto
 
Trabalho dorothea lange
Trabalho dorothea langeTrabalho dorothea lange
Trabalho dorothea langeJoao Cunha
 
Criação/Revelação, ou mera Reprodução?
Criação/Revelação, ou mera Reprodução?Criação/Revelação, ou mera Reprodução?
Criação/Revelação, ou mera Reprodução?dinis manuel alves
 
Bem Te Vi Aula 09 Animacao[1]
Bem Te Vi   Aula 09 Animacao[1]Bem Te Vi   Aula 09 Animacao[1]
Bem Te Vi Aula 09 Animacao[1]videoparatodos
 
Trabalho desenho e animação (1)
Trabalho desenho e animação (1)Trabalho desenho e animação (1)
Trabalho desenho e animação (1)jedersaan
 
Prêmio Itaú Unicef 2011 - Treinamento dos Orientadores
Prêmio Itaú Unicef 2011 - Treinamento dos OrientadoresPrêmio Itaú Unicef 2011 - Treinamento dos Orientadores
Prêmio Itaú Unicef 2011 - Treinamento dos OrientadoresAlexandre Mutran
 
Multimedia storyboard template
Multimedia storyboard templateMultimedia storyboard template
Multimedia storyboard templateFrankie Jones
 
Publicidade social um jeito de mudar o mundo - Fernando Corrêa
Publicidade social   um jeito de mudar o mundo - Fernando CorrêaPublicidade social   um jeito de mudar o mundo - Fernando Corrêa
Publicidade social um jeito de mudar o mundo - Fernando CorrêaFernando Henrique Corrêa
 
Estúdio de áudio e microfones
Estúdio de áudio e microfonesEstúdio de áudio e microfones
Estúdio de áudio e microfonesThiago Aguiar
 

Destaque (20)

Elementos narrativos do cinema - Parte 2 (Ângulos e Efeitos Psicológicos)
Elementos narrativos do cinema - Parte 2 (Ângulos e Efeitos Psicológicos)Elementos narrativos do cinema - Parte 2 (Ângulos e Efeitos Psicológicos)
Elementos narrativos do cinema - Parte 2 (Ângulos e Efeitos Psicológicos)
 
PRODUÇÃO AUDIOVISUAL - Etapas da Produção pdf
PRODUÇÃO AUDIOVISUAL - Etapas da Produção pdfPRODUÇÃO AUDIOVISUAL - Etapas da Produção pdf
PRODUÇÃO AUDIOVISUAL - Etapas da Produção pdf
 
Planos e ângulos
Planos e ângulosPlanos e ângulos
Planos e ângulos
 
Storyboards ead unama ead
Storyboards   ead unama  eadStoryboards   ead unama  ead
Storyboards ead unama ead
 
Storyboard Pronuncia
Storyboard PronunciaStoryboard Pronuncia
Storyboard Pronuncia
 
Resenha da palestra sobre espaço urbano, controle sanitário e tráfico de escr...
Resenha da palestra sobre espaço urbano, controle sanitário e tráfico de escr...Resenha da palestra sobre espaço urbano, controle sanitário e tráfico de escr...
Resenha da palestra sobre espaço urbano, controle sanitário e tráfico de escr...
 
Oratória I
Oratória I Oratória I
Oratória I
 
Filmagem - palestra IACS 2014
Filmagem - palestra IACS 2014Filmagem - palestra IACS 2014
Filmagem - palestra IACS 2014
 
Oficina de Vídeo
Oficina de VídeoOficina de Vídeo
Oficina de Vídeo
 
00 último grito em-edição_fotográfica
00    último grito em-edição_fotográfica00    último grito em-edição_fotográfica
00 último grito em-edição_fotográfica
 
Trabalho dorothea lange
Trabalho dorothea langeTrabalho dorothea lange
Trabalho dorothea lange
 
Criação/Revelação, ou mera Reprodução?
Criação/Revelação, ou mera Reprodução?Criação/Revelação, ou mera Reprodução?
Criação/Revelação, ou mera Reprodução?
 
Bem Te Vi Aula 09 Animacao[1]
Bem Te Vi   Aula 09 Animacao[1]Bem Te Vi   Aula 09 Animacao[1]
Bem Te Vi Aula 09 Animacao[1]
 
Trabalho desenho e animação (1)
Trabalho desenho e animação (1)Trabalho desenho e animação (1)
Trabalho desenho e animação (1)
 
Cameras E Eixos
Cameras E EixosCameras E Eixos
Cameras E Eixos
 
Anim2 Aula05 Planejamento
Anim2 Aula05 PlanejamentoAnim2 Aula05 Planejamento
Anim2 Aula05 Planejamento
 
Prêmio Itaú Unicef 2011 - Treinamento dos Orientadores
Prêmio Itaú Unicef 2011 - Treinamento dos OrientadoresPrêmio Itaú Unicef 2011 - Treinamento dos Orientadores
Prêmio Itaú Unicef 2011 - Treinamento dos Orientadores
 
Multimedia storyboard template
Multimedia storyboard templateMultimedia storyboard template
Multimedia storyboard template
 
Publicidade social um jeito de mudar o mundo - Fernando Corrêa
Publicidade social   um jeito de mudar o mundo - Fernando CorrêaPublicidade social   um jeito de mudar o mundo - Fernando Corrêa
Publicidade social um jeito de mudar o mundo - Fernando Corrêa
 
Estúdio de áudio e microfones
Estúdio de áudio e microfonesEstúdio de áudio e microfones
Estúdio de áudio e microfones
 

Introdução ao Storyboard: organização visual e fluxo de telas