Depende do projecto e deverá ser planeada conforme as necessidades do produto; Guionista ou Argumentista. Designer

Transcrição

1 Depende do projecto e deverá ser planeada conforme as necessidades do produto; Guionista ou Argumentista conceito e ideia - faz o guião que unifica a equipa Designer de navegação, de ambientes, de interfaces, de programação, de personagens,... Gestor de Projecto (Project Manager) lida com os orçamentos e recursos Director de Arte (Art Director) determina o aspecto visual Programador(es) Montadores/Técnicos

2 3 fases fundamentais: - Desenvolvimento do conceito/planeamento a arte da invenção em termos clássicos envolve a tarefa de inventar e avaliar ideias que poderão servir a plataforma e os meios a utilizar; também se planifica em termos de tarefas, recursos e tempo; - Design - O conceito inicial é explorado e corrigido; - Guião ou argumento consiste em material escrito, mapas de navegação (flow-charts), storyboards e protótipos do software ou interfaces gráficos; - Produção [- Distribuição] envolve a construção, montagem e edição dos vários elementos media. O processo de produção pode ser igualmente dividido noutras fases, uma vez que envolve também a criação de meios e conteúdos específicos (vídeo, fotografia, som, etc.), testes e acertos.

3 ainda que aparentemente haja uma progressão linear, algumas fases podem ser alteradas da ordem ou poderá haver a necessidade de refazer fases ou voltar atrás. pré-produção produção ideia/conceito planeamento design montagem testes validação distribuição pesquisa diacrónica (ao longo do tempo) e sincrónica (no mesmo tempo e local) dos conteúdos e dos públicos alvos criação do guião ou argumento interactivo versões alfa, beta e gama versão golden master (final)

4 Processo de criação, produção e manutenção de um site: adaptado do livro Architectures de sites web, Lenk, Krzystof e Kahn, PaulPyramyd NTCV, Rotovision análise dos objectivos do cliente

5 Processo de criação, produção e manutenção de um site: adaptado do livro Architectures de sites web, Lenk, Krzystof e Kahn, PaulPyramyd NTCV, Rotovision análise dos objectivos do cliente 2. criação de um conceito (estrutura interactiva, interface e conteúdo) criação de uma sinopse/flow-charts/... aprovação do orçamento

6 Processo de criação, produção e manutenção de um site: adaptado do livro Architectures de sites web, Lenk, Krzystof e Kahn, PaulPyramyd NTCV, Rotovision análise dos objectivos do cliente 2. criação de um conceito (estrutura interactiva, interface e conteúdo) criação de uma sinopse/flow-charts/... aprovação do orçamento 3. desenvolvimento da estratégia para implementação do produto e design / planeamento da produção

7 Processo de criação, produção e manutenção de um site: adaptado do livro Architectures de sites web, Lenk, Krzystof e Kahn, PaulPyramyd NTCV, Rotovision análise dos objectivos do cliente 2. criação de um conceito (estrutura interactiva, interface e conteúdo) criação de uma sinopse/flow-charts/... aprovação do orçamento 3. desenvolvimento da estratégia para implementação do produto e design / planeamento da produção 4. preparação da informação (conteúdos)

8 Processo de criação, produção e manutenção de um site: adaptado do livro Architectures de sites web, Lenk, Krzystof e Kahn, PaulPyramyd NTCV, Rotovision análise dos objectivos do cliente 2. criação de um conceito (estrutura interactiva, interface e conteúdo) criação de uma sinopse/flow-charts/... aprovação do orçamento 3. desenvolvimento da estratégia para implementação do produto e design / planeamento da produção 4. preparação da informação (conteúdos) 5. construção 1ª versão (alpha)

9 Processo de criação, produção e manutenção de um site: adaptado do livro Architectures de sites web, Lenk, Krzystof e Kahn, PaulPyramyd NTCV, Rotovision análise dos objectivos do cliente 2. criação de um conceito (estrutura interactiva, interface e conteúdo) criação de uma sinopse/flow-charts/... aprovação do orçamento 3. desenvolvimento da estratégia para implementação do produto e design / planeamento da produção 4. preparação da informação (conteúdos) 6. avaliação e testes 5. construção 1ª versão (alpha)

10 Processo de criação, produção e manutenção de um site: adaptado do livro Architectures de sites web, Lenk, Krzystof e Kahn, PaulPyramyd NTCV, Rotovision análise dos objectivos do cliente 2. criação de um conceito (estrutura interactiva, interface e conteúdo) criação de uma sinopse/flow-charts/... aprovação do orçamento alterações no hardware versão final (beta) 7. correcções 3. desenvolvimento da estratégia para implementação do produto e design / planeamento da produção novas gerações de software 6. avaliação e testes 5. construção 1ª versão (alpha) 4. preparação da informação (conteúdos)

11 Processo de criação, produção e manutenção de um site: adaptado do livro Architectures de sites web, Lenk, Krzystof e Kahn, PaulPyramyd NTCV, Rotovision análise dos objectivos do cliente novos desafios nos media e na publicidade novos produtos para vender alterações de estratégia do cliente revisão do orçamento novas directrizes do marketing novos responsáveis alterações no hardware 8. produção do livro de estilo/templates versão final (beta) 7. correcções 2. criação de um conceito (estrutura interactiva, interface e conteúdo) criação de uma sinopse/flow-charts/... aprovação do orçamento 3. desenvolvimento da estratégia para implementação do produto e design / planeamento da produção novas gerações de software 6. avaliação e testes 5. construção 1ª versão (alpha) 4. preparação da informação (conteúdos)

12 Processo de criação, produção e manutenção de um site: adaptado do livro Architectures de sites web, Lenk, Krzystof e Kahn, PaulPyramyd NTCV, Rotovision 2001 feed-back crítico mudanças na estrutura da empresa do cliente 1. análise dos objectivos do cliente novos desafios nos media e na publicidade novos produtos para vender alterações de estratégia do cliente revisão do orçamento novas directrizes do marketing novos responsáveis alterações no hardware 8. produção do livro de estilo/templates versão final (beta) 9. manutenção do site 7. correcções 2. criação de um conceito (estrutura interactiva, interface e conteúdo) criação de uma sinopse/flow-charts/... aprovação do orçamento 3. desenvolvimento da estratégia para implementação do produto e design / planeamento da produção novas gerações de software 4. preparação da informação (conteúdos) dependentes do cliente fases facultativas ou não necessariamente por esta ordem possíveis factores externos 6. avaliação e testes 5. construção 1ª versão (alpha)

13 ideia/conceito planeamento - Pesquisa de conteúdos, necessidades de mercado ou audiências; Diacrónica e Sincrónica - Declaração de conceito - Sinopse dos Conteúdos Pesquisa Diacrónica - análise ao longo do tempo; considerado do ponto de vista dinâmico da sucessão do tempo; Pesquisa Sincrónica - análise de algo que se realiza ao mesmo tempo; referente aos factos passados na mesma época; Declaração de Conceito (em poucas frases/2 ou 3 parágrafos) deve definir os principais elementos: objectivos, conteúdo, tipologia, audiência, interactividade e plataforma; Sinopse dos Conteúdos (3 a 4 parágrafos, não mais de 1 página) deve definir com mais pormenor a peça, desenvolve os conteúdos, poderá ter uma storyline ou descrição de personagens;

14 ideia/conceito planeamento - Pesquisa de conteúdos, necessidades de mercado ou audiências; Diacrónica e Sincrónica - Declaração de conceito - Sinopse dos Conteúdos - Orçamento - Tabela de Planeamento de Competências - Mapas de GANTT e Redes de PERT - Plano de Trabalho TEMPO escalonamento data limite factores da gestão de projectos multimédia RECURSOS meios financeiros pessoas equipamentos (Recursos, Diferentes Media e Tarefas) [- Protótipo] TAREFA requisitos características da aplicação multimédia Factores da gestão de projectos multimédia (adapatada de Strauss, R Managing Multimedia Projects Focal Press)

15 Um método de tipo diagrama: o método GANTT criado em 1918, mas ainda bastante praticado pela sua evidente simplicidade. Esta técnica consiste em encontrar a melhor maneira possível de posicionar as diferentes tarefas de um projecto a executar num período determinado, em função: - das durações de cada uma das tarefas; - das relações de precedência entre as diferentes tarefas; - dos prazos a respeitar; - das capacidades disponíveis (que podem aumentar em função de horas suplementares, de investimentos, etc); Primeiro, é preciso: - definir o projecto a realizar; - definir as diferentes operações a realizar no enquadramento do projecto; - definir a duração destas diferentes operações; - definir as ligações entre as diferentes operações.

16 Um método de tipo diagrama: o método GANTT Exemplo: planear a produção de um site pessoal (tipo portfolio); 1º Passo: Tarefas a realizar; 2º Passo: Ligações entre tarefas; - A: pesquisa dos conteúdos; duração: 2 horas - B: tratamento dos conteúdos; duração: 5 horas - C: criação do sistema de navegação e layout; duração: 2 horas - D: montagem dos diferentes elementos; duração: 6 horas - E: testes, duração: 1 hora - F: acertos; duração: 2 horas - G: colocação da página on-line; duração: 2 horas total de horas: 20 horas Teremos agora que entender que tarefas podem ou não ser feitas independentemente umas das outras, entender as ligações entre as diferentes tarefas; - A terá que ser a 1ª e pode ser ao mesmo tempo que B; - D depois da C; - E depois de D; - F e G podem ser feitas ao mesmo tempo.

17 Um método de tipo diagrama: o método GANTT 3º Passo: Construção do diagrama; O diagrama de GANTT apresenta-se sob a forma de um quadro quadriculado onde: - cada coluna corresponde a uma unidade de tempo; - cada linha corresponde a uma operação a realizar. Para cada tarefa marca-se uma barra horizontal. O seu comprimento corresponderá à duração da tarefa. A localização da barra, no gráfico, é o resultado das ligações entre as diferentes tarefas. Tempo (horas) Tarefas A B C D E F G

18 Um método de tipo diagrama: o método GANTT 4º Passo: Utilização do diagrama; - Permite visualizar a evolução do projecto e determinar o seu tempo de realização. - Permite pôr em destaque as margens que existem em determinada tarefas. (A margem corresponde ao tempo que se pode atrasar uma tarefa determinada sem que, por isso, aumente o tempo global de realização do projecto.) Depois da 5ª hora de trabalho: a re-análise é uma constante para melhor se preceber como o trabalho está a decorrer. A margem é o tempo que dispomos a mais para a finalização da tarefa. tarefas tarefas executadas margem Tempo (horas) Tarefas A B C D E F G

19 Um método segundo a análise do caminho crítico: Redes de PERT ( Program and Evaluation Review Technic ); O método PERT que data de 1958, é originário dos Estados Unidos, onde foi desenvolvido por iniciativa da marinha americana. Esta última criou, naquela época, uma força de combate nuclear da qual fazia parte um programa de mísseis de longo alcance POLARIS, o qual envolvia 250 fornecedores, 9000 subcontratados e 7 anos de realização. A utilização do PERT permitiu diminuir o tempo global de realização do projecto, de 7 para 4 anos. Mais tarde, este método expandiu-se para a indústria ocidental. O método PERT é, quase sempre, sinónimo de gestão de projectos importantes, grandes e a longo prazo.

20 Um método segundo a análise do caminho crítico: Redes de PERT Devemos começar por: 1. Definir os objectivos de todo o projecto. 2. Designar um responsável pelo projecto, o qual tomará as decisões importantes e a quem se prestará contas sobre o andamento do projecto. 3. Analisar o projecto por grandes grupos de tarefas. Depois, se necessário, pormenorizar certas tarefas. 4. Definir com muita precisão as tarefas e determinar a sua duração. 5. Determinar os custos correspondentes, o que poderá, eventualmente, pôr em causa certas tarefas que tenham um custo elevado. 6. Efectuar controlos periódicos para se verificar se o sistema não se desvia do objectivo.

21 Um método segundo a análise do caminho crítico: Redes de PERT Os diagramas de PERT consistem numa rede de caixas interligadas em que cada caixa representa uma tarefa ou um marco no desenvolvimento do projecto, acompanhado pela respectiva duração e recursos. Estes diagramas permitem identificar as interdependências entre tarefas, pessoas e recursos. Contrariamente ao método GANTT, o PERT empenha-se, sobretudo, em evidenciar as ligações existentes entre as diferentes tarefas de um projecto e, também, em definir o caminho dito 'crítico. Tal como o GANTT, a sua realização necessita definir em primeiro lugar: - o projecto a realizar; - as diferentes operações e os responsáveis respectivos; - as durações correspondentes; - as ligações e antecedentes entre estas diferentes operações.

22 Um método segundo a análise do caminho crítico: Redes de PERT O gráfico PERT é composto por etapas e por operações. Representa-se as etapas por círculos. Representa-se as operações por setas. (O comprimento das setas não tem significado, não havendo proporcionalidade de tempo). 1º passo: descrever as tarefas tendo em consideração o tempo e a tarefa antecedente: Tarefas A descrição pesquisa de conteúdos tempo 2 tarefa anterior _ B tratamento conteúdos 5 _ C sistema de navegação e layout 2 _ D montagem 6 A, B, C E testes 1 D F acertos 2 _ G colocar site on-line 2 F, E

23 Um método segundo a análise do caminho crítico: Redes de PERT 2º passo: oconstrução do gráfico; Começamos a construir o gráfico colocando as letras correspondentes às tarefas pela ordem que vão acontecer, o tempo em que começam (canto superior esquerdo) e a duração da tarefa (canto superior direito). Nesta segunda parte o gráfico é desenhado da esquerda para a direita: A E 8 10 B D G 0 2 F C 6 8

24 Um método segundo a análise do caminho crítico: Redes de PERT Agora no sentido direita esquerda escevem-se os tempos possíveis para cada tarefa acabar (canto inferior direito) e quando poderá começar (canto inferior esquerdo): quando começa a quando termina b A B D E G c d 0 2 F quando pode começar quando pode terminar 3 5 C O caminho crítico (a vermelho) é determinado!

25 Design ideia/conceito - Pesquisa de conteúdos, necessidades de mercado ou audiências; Diacrónica e Sincrónica - Declaração de conceito - Sinopse dos Conteúdos planeamento - Orçamento - Tabela de Planeamento de Competências - Mapas de GANTT e Redes de PERT - Plano de Trabalho (Recursos, Diferentes Media e Tarefas) [- Protótipo] - Mapa de Navegação - Fichas de Interface - Sinopse dos Conteúdos Interactivos: Conteúdos do Programa - Declaração de Conceito - Tema e Objectivos - Sinopse dos elementos fundamentais do conteúdo Estrutura Interactiva - Esquemas por Classificação ou Metáforas Visuais (Descrição dos Mecanismos de Interactividade) - Mapas de Navegação Design de Interfaces - Descrição ou Esboços dos interfaces - Descrição ou Esboços das Ferramentas de Navegação Elementos Media - Descrição Visual e dos Media utilizados - Quantidade de vídeo, áudio e texto - Considerações técnicas e de software - Plataforma e Formato

26 Design Mapas de Navegação (flowcharts); São os esquemas dos interfaces e as suas ligações; Funcionam como uma vista aérea da peça interactiva; As possibilidades de construção de padrões de interactividade são infinitas pela conjugação de diferentes tipos e hipóteses. Existem três grandes tipologias que funcionam como base de construção de padrões mais complexos: Linear, Rede e Hierárquico;

27 Design Mapas de Navegação (flowcharts): LINEAR São padrões em que a informação vem disposta num único caminho. Há a tendência de os vincular a algo fora de moda ou vindo directamente da linguagem cinematográfica. Na realidade, estão na origem das melhores peças interactivas produzidas e são de uma funcionalidade preciosa. - São padrões miméticos e dão ordem à percepção humana. O utilizador sente o caminho que está a ecrã A ecrã B ecrã C ecrã D percorrer e a noção de espaço e tempo. Podem fornecer segurança ao utilizador enquanto o arrastam nos conteúdos. - As vantagens para o designer também são muitas: além de o nosso utilizador não se perder, a informação é disposta sequencialmente e o designer tem mais controlo sob a sua fluidez. Mapa de Navegação Linear modificado: home - A grande desvantagem é a de dar pouco contolo ao ecrã A ecrã B ecrã C ecrã D utilizador. Há, contudo, formas de contornar essa situação adaptando modelos hierárquicos aos padrões lineares.

28 Design Mapas de Navegação (flowcharts): REDE; Todos os pontos estão ligados ou associados, existe uma universalidade de acessos. Muitas vezes, este tipo de padrões são aplicados num ecrã ao longo de uma peça hierárquica. Este tipo de hiperligação é muito comum em conjugação com outro tipo de padrões, sendo uma forma simples e funcional de fornecer os conteúdos sem o utilizador se perder. ecrã A

29 Design Mapas de Navegação (flowcharts): HIERÁRQUICOS; Implicam diferentes níveis de ideias e acessos. O movimento do utilizador é feito do geral para o particular. É mais flexível em relação à arrumação dos conteúdos e fornece mais liberdade de movimentos ao utilizador (mais controlo da acção por parte do utilizador, e não do criador). A desvantagem é que pode ser complicado estruturar e relacionar os conteúdos de acordo com os acessos e interesses da audiência; I. Introdução A. História da Empresa B. Produtos C. Serviços 1. Fundadores 2. Actualidade 1. Linha Clássica 2. Linha Contemporânea 1. As Lojas 2. Loja online

30 Design Mapas de Navegação (flowcharts): HIERÁRQUICOS; Padrão Hierárquico com diferentes tipos de ramos: Padrão Hierárquico com ramos em escada: tipíco de alguns jogos ou progrmas de treino e/ou educacionais. primeiro partida ramo A ramo B ramo C continua pára volta ao 1º ramo desaparecido (evaporating branch) continua pára continua pára meta ramos cruzados ou em cruz ramos em forquilha ALGUNSEXEMPLOS:

31 Design FICHAS DE INTERFACES As Fichas de Interface são tabelas que identificam o tipo de media e a acção do interface. Deverão ter mais ou menos colunas conforme o número de medias usados e o projecto; As colunas referem-se ao tipo de media e as linhas referem-se aos conteúdos utilizados; Estes diagramas são mais utilizados para multimédia dinâmico; interface nº x descrição visual animação música/som narração links ficha de interfaces para um CD-ROM

32 Design ideia/conceito - Pesquisa de conteúdos, necessidades de mercado ou audiências; Diacrónica e Sincrónica - Declaração de conceito - Sinopse dos Conteúdos planeamento - Orçamento - Tabela de Planeamento de Competências - Mapas de GANTT e Redes de PERT - Plano de Trabalho (Recursos, Diferentes Media e Tarefas) [- Protótipo] - Mapa de Navegação - Fichas de Interface - Sinopse dos Conteúdos Interactivos: Conteúdos do Programa - Declaração de Conceito - Tema e Objectivos - Sinopse dos elementos fundamentais do conteúdo Estrutura Interactiva - Esquemas por Classificação ou Metáforas Visuais (Descrição dos Mecanismos de Interactividade) - Mapas de Navegação Design de Interfaces - Descrição ou Esboços dos interfaces - Descrição ou Esboços das Ferramentas de Navegação Elementos Media - Descrição Visual e dos Media utilizados - Quantidade de vídeo, áudio e texto - Considerações técnicas e de software - Plataforma e Formato

33 Produção Distribuição e manutenção Design montagem testes/validação ideia/conceito - Pesquisa de conteúdos, necessidades de mercado ou audiências; Diacrónica e Sincrónica - Declaração de conceito - Sinopse dos Conteúdos planeamento - Orçamento - Tabela de Planeamento de Competências - Mapas de GANTT e Redes de PERT - Plano de Trabalho (Recursos, Diferentes Media e Tarefas) [- Protótipo] - Mapa de Navegação - Fichas de Interface - Sinopse dos Conteúdos Interactivos: Conteúdos do Programa - Declaração de Conceito - Tema e Objectivos - Sinopse dos elementos fundamentais do conteúdo Estrutura Interactiva - Esquemas por Classificação ou Metáforas Visuais (Descrição dos Mecanismos de Interactividade) - Mapas de Navegação versões alfa, beta e gama - Mapas de Produção - Mapas de Tarefas - Fichas de Testes versão golden master (final) Design de Interfaces - Descrição ou Esboços dos interfaces - Descrição ou Esboços das Ferramentas de Navegação Elementos Media - Descrição Visual e dos Media utilizados - Quantidade de vídeo, áudio e texto - Considerações técnicas e de software - Plataforma e Formato

34 Produção Distribuição e manutenção Design montagem testes/validação ideia/conceito - Pesquisa de conteúdos, necessidades de mercado ou audiências; Diacrónica e Sincrónica - Declaração de conceito - Sinopse dos Conteúdos planeamento - Orçamento - Tabela de Planeamento de Competências - Mapas de GANTT e Redes de PERT - Plano de Trabalho (Recursos, Diferentes Media e Tarefas) [- Protótipo] - Mapa de Navegação - Fichas de Interface - Sinopse dos Conteúdos Interactivos: Conteúdos do Programa - Declaração de Conceito - Tema e Objectivos - Sinopse dos elementos fundamentais do conteúdo Estrutura Interactiva - Esquemas por Classificação ou Metáforas Visuais (Descrição dos Mecanismos de Interactividade) - Mapas de Navegação versões alfa, beta e gama - Mapas de Produção - Mapas de Tarefas - Fichas de Testes versão golden master (final) Design de Interfaces - Descrição ou Esboços dos interfaces - Descrição ou Esboços das Ferramentas de Navegação Elementos Media - Descrição Visual e dos Media utilizados - Quantidade de vídeo, áudio e texto - Considerações técnicas e de software - Plataforma e Formato