Manual de Procedimentos | Design Visual
Apresentação Este manual tem como objetivo normatizar os procedimentos nos setor de Design Visual da UnisulVirtual. Neste manual você encontra orientações básicas, passo‐a‐passo, para desenvolver suas atividades diárias na função de Designer Gráfico.
Fluxo de trabalho Para compreender todo o fluxo de trabalho na UnisulVirtual é recomendado que você realize a leitura de dois materiais: o Guia do Professor conteudista e o Manual do Aluno (até o capítulo A metodologia UnisulVirtual). Nessas duas publicações você poderá perceber como é o trabalho das diversas equipes que compõem esse campus da Unisul. Entretanto, na esfera de trabalho que engloba o nosso dia‐a‐dia, pode‐se demonstrar a produção do material conforme segue. O trabalho inicia no Edital de seleção de conteudista. O Professor conteudista é responsável pelo conteúdo e o Designer Instrucional, pela adaptação da linguagem no intuito de facilitar a aprendizagem a distância. Após a revisão ortográfica, o material é enviado para o setor de Design Visual. Durante a produção de um livro, o Designer gráfico recebe um Job do Designer Instrucional ou do Assistente Acadêmico que estiver responsável pelo material. Os dados mais importantes desse documento são as “Informações do material após a finalização”. O Designer deve preencher a edição que foi produzida/revisada, o ano da edição e o número de páginas do pdf. Essas informações são importantes para a Equipe de Produção Industrial. Finalizada a parte impressa do trabalho (revisão ou produção de um novo livro), o Job deve ser levado até o responsável pela Produção Industrial. Produção de Impressos Para realizar a diagramação, você deve baixar a pasta modelos, dentro do SVN ‐ <http://10.4.2.16/dg>. Nesta pasta, você encontrará arquivos template do InDesign para realizar a produção dos materiais impressos/digitais para a Graduação ou Pós‐ graduação (Livro Digital).
Finalizada a diagramação, é interessante que você faça um preflight do material. No menu da paleta do livro no InDesign, escolha a opção “Preflight Book”. Isso é importante para que você verifique se todas as fontes estão ok e se todos os links estão funcionando. Você deve ter dois presets (pré‐definições) de impressão gravados na sua máquina: um para gerar o pdf da gráfica (Produção Industrial) e outro para gerar o pdf para midiateca (Midiateca). O material para gráfica deve estar em alta qualidade de impressão, possuir marcas de corte e sangras. O material da midiateca deve utilizar o menor tamanho de arquivo, incluir os hiperlinks de texto, e sem marcas de corte. Na Pós‐graduação (Livro Digital), gere o pdf no preset Midiateca. Recomendações importantes: ‐ ‐
Quando você estiver fechando um material com anexo colorido, gere dois pdfs diferentes. A nomenclatura dos arquivos deve ser a seguinte: nome_da_disciplina_XXpg_pb e nome_da_disciplina_XXpg_cor; Nos arquivos coloridos, o texto deve ser em preto (C=0, M=0, Y=0, K=100).
Capa (para livros da graduação) Para a produção da capa de um livro, sugerimos o seguinte fluxo: ‐ ‐ ‐ ‐
‐ ‐
Abrir o arquivo template do Illustrator com a cor desejada. Depois de abrir, escolha a camada (layer) com a cor indicada pelo Designer Instrucional. Apague as layers das outras cores que não foram utilizadas; Calcule o tamanho da lombada pelo arquivo cálculo da lombada (calculo_lombada.xls) que está na pasta modelos/livro/graduação/capas (já baixada em sua máquina); A partir disso, modifique o tamanho do documento, na largura. Por exemplo, se a lombada tiver 15mm, o seu documento possuirá 415mm de largura; Após ajustar o tamanho do documento, posicione o ponto zero da régua, na extremidade do documento (na extremidade da arte). Agora, posicione a linha guia (que está próxima a lombada) no ponto X : 215 (200 mm da contra capa + 15 mm da lombada); Feito isso, posicione os elementos de acordo com as linhas‐guia, altere o nome da disciplina e salve o arquivo como pdf para impressão; Na tela de configurações do pdf, marque a opção “Preserve Illustrator Editing Capabilities”, para que os técnicos da gráfica possam fazer os ajustes necessários para impressão.
Produção de online Os arquivos para produzir uma unidade NOVA de uma disciplina, estão na pasta modelos/eva (já baixada em sua máquina); Nela estão os arquivos que são necessários para produzir unidades online para a graduação ou pós‐graduação. Para conhecer todas as possibilidades de formatação, existe uma disciplina aberta no Espaço UnisulVirtual de Aprendizagem chamada “Publicando conteúdo de EVA em XML”. Na unidade 2 dessa disciplina, é possível visualizar como as tags do XML (utilizado para a graduação) se comportam. Produzindo a Capa do livro para o EVA: ‐ ‐ ‐ ‐ ‐ ‐ ‐
Abra o pdf da capa gerado anteriormente para a impressão no Photoshop e corte a lombada, a contra‐capa, as marcas de corte e sem sangra (crop tool). Para produzir essa imagem você só precisará da frente da capa; Reduza o tamanho da capa para 140x100px; Abra o arquivo livros_eva.psd localizado em modelos/eva/xml_grad/suporte/capa (já baixada em sua máquina); Arraste a imagem produzida anteriormente (a partir da capa) para o arquivo livros_eva.psd e alinhe‐a com as linhas‐guia; ATENÇÃO: a action só funcionará corretamente se o layer que está a imagem da capa chamar‐se Layer 2. Caso isso não tenha ocorrido, apague o Layer 2 que já estava no arquivo e renomeie o layer da imagem da capa; Aplique a action capalivro. Salve o arquivo como capa_livro.jpg.
Tamanho das imagens dentro das unidades online: ‐ As imagens devem possuir no máximo 200 px de largura ou altura e devem ser salvas em .jpg.
Fluxograma das principais tarefas no setor de Design Visual
Apresentando os Sistemas 1. Aprex <http://unisulvirtual.aprex.com.br/> O Aprex é um serviço online para organização de tarefas e grupos de trabalho. Na equipe de Design Visual, ele funciona como um software de gerenciamento de projetos operando num modelo muito simples. Pelo Aprex recebemos as tarefas, os prazos e as informações para a execução. Seu acesso é feito através de um e‐mail e senha.
Ao acessar o sistema, o usuário visualiza sua página de início.
A aba Tarefas (localizada no menu de navegação) é a principal ferramenta utilizada pelo Setor de Design Visual. As tarefas aparecem separadas em 3 grupos: Atrasadas, Ativas e Concluídas.
Descrição da Tarefa No título da tarefa podem ser encontrados: a data de início da disciplina; o tipo do material (N para materiais novos; RD para revisão de Designer Instrucional; e RA para revisão de Assistente Acadêmico); o nome do material; e os responsáveis (DG/DI). Cada vez que o status da tarefa é alterado, uma caixa de comentários se abre para que se possa inserir informações sobre a alteração e o andamento do trabalho. É muito importante que este campo seja atualizado frequentemente, para que no final tenha‐se um histórico completo de todas as etapas e dificuldades enfrentadas no decorrer do projeto.
Status da Tarefa
Existem 6 status nos quais uma tarefa pode estar: Não Iniciado, Em desenvolvimento, Aprovação, Correções, Aprovado e Concluído. Cada status desse indica uma situação específica para a Coordenação. ‐
‐
‐ ‐ ‐
Não iniciado: a tarefa já foi designada, mas não foi iniciada. É importante descrever se o material já foi recebido e o motivo pelo qual a tarefa ainda não foi iniciada. Caso esteja executando outra tarefa mais urgente, descreva nesse campo. Nunca deixe uma tarefa com status “ Não Iniciado” sem uma descrição. Em Andamento: esse status deve ser indicado durante o desenvolvimento de uma tarefa. É muito importante que cada nova etapa do projeto seja descrita neste fase. Por exemplo, no caso de um livro: “Iniciada unidade 1”, “Imagens da unidade 3 tratadas”, “Páginas finais diagramadas” etc. Aprovação: Indica quando o trabalho é enviado para revisão/aprovação. Deve‐se descrever o que foi enviado: livro, capa etc. Correções: quando receber o retorno do material, indicar através desse status. Se não puder executar a correção no momento do recebimento, descrever o motivo e prever uma data para realizar. Aprovado: no caso de materiais novos, esse status deve ser utilizado após o fechamento do livro. Isso indica que resta apenas o material online para ser desenvolvido. É importante indicar se o material (.doc) já foi recebido. Caso
‐
contrário, escrever “Aguardando material online”. Durante a execução do online, comentar diariamente cada nova etapa da tarefa que foi desenvolvida. Concluído: após todas as correções e aprovações finais da DI, indicar o fechamento da tarefa. Obs.: Ao selecionar o status concluído, a tarefa passará do grupo de atividades atrasadas ou ativas, para o grupo de concluídas.
IMPORTANTE: É com o Aprex que o andamento dos Jobs são monitorados pela coordenação e pela gerência da equipe de DG. Por tanto informe DIARIAMENTE o andamento de suas tarefas, para que no final tenha‐se um histórico completo de todas as etapas, possíveis atrasos e dificuldades enfrentadas no decorrer do projeto. Tarefas terceirizadas No caso de parte da tarefa ser terceirizada (por exemplo livros de matemática), as indições serão feitas de forma compartilhada entre a Coordenação e o DG responsável desta forma: ‐ ‐ ‐ ‐ ‐
Em andamento: Material enviado para <Nome da empresa/freelancer>. Previsão de retorno: <data>. (Coordenação) Em andamento: aguardando online (DG) / online recebido – iniciado (DG). Aprovação/Correções/Aprovado: devem ser indicados conforme a execução do material online. Aprovado: Material terceirizado recebido e enviado para gráfica (Coordenação). Concluído: deve‐se aguardar a chegada dos materiais editáveis para se considerar uma tarefa como essa concluída.
2. SisEAD – Sistema de Administração do Ensino a Distância. <https://www.uaberta.unisul.br/sisead/> Este sistema administra os dados da Educação a Distância na Universidade. São realizados através desse sistema: manipulações de dados de alunos, turmas, disciplinas; produção industrial; e gerenciamento do Espaço Virtual de Aprendizagem (EVA). O acesso ao SisEAD é feito através de login e senha fornecidos pelo setor de TI da UnisulVirtual.
O setor de Design Visual utiliza esses sitema para as seguintes tarefas: publicar as unidades online (que são acessadas pelos alunos); publicar o livro didático na midiateca da disciplina; enviar o livro para a Equipe de Produção Industrial (gráfica e postagem). Publicando online: Após desenvolver o material online, a publicação dos arquivos deve ser publicado no SisEAD, através do ftp. Para publicar as imagens de uma displina acesse no menu principal do sistema: Cadastro > Disciplina (buscar nome da disciplina) > aba Unidades
Nela, você encontrará um link direto para a pasta de imagens da disciplina. Acesse o Ftp Virtual de Imagens da Disciplina e publique as imagens (em .jpg ou .gif) da disciplina.
Com as imagens publicadas, retorne ao SisEAD e publique cada unidade do material online, subindo os arquivos pelo link Ftp.
IMPORTANTE:Acesse o EVA para checar se tudo está aparecendo e funcionando. Não esqueça de checar se os links do conteúdo estão abrindo corretamente (em nova aba ou página do navegador). Publicando na midiateca: O material que será publicado na Midiateca deve ser gerado a partir do Preset de impressão “Midiateca”. Esse preset é configurado diretamente no Indesign e cria um PDF com menor qualidade, sem marcas de corte, exclusivo para visualização na web.
Os PDFs que forem publicados na Midiateca não podem exceder 4MB. No caso de um PDF de um livro possuir mais do que 4MB, separe‐o em quantas partes forem necessárias ou reimprima o PDF com menor qualidade. Atenção: Nunca separe uma unidade no meio. Para fatiar um PDF: ‐ abra o arquivo gerado para midiateca no Acrobat Professional; ‐ Escolha Documento > Extrair páginas; ‐ Defina as páginas que serão extraídas; ‐ Habilite a opção “Deletar páginas após extrair”. Não habilite a opção “Extrair páginas em arquivos separados”; ‐ Salve cada um dos arquivos e verifique os tamanhos.
Para publicar a Midiateca de livro novo acesse: Menu principal do sistema > Cadastro > Disciplina (buscar nome da disciplina) > Material Didático > Incluir Material Didático.
Preencha os campos de acordo com as instruções: ‐ Título: Nome da Disciplina – Material didático – Especificação (Livro Completo, Páginas iniciais – Unidade X, Unidade X – páginas finais); ‐ Tipo: Textos (Arquivo tipo .doc, .pdf, .pps etc); ‐ Item: sequência de publicação (OBRIGATÓRIO); ‐ Data inicio e data fim: não é necessário preencher. Para editar uma midiateca, clique no lápis (editar) e inclua o arquivo novo. Enviando para Produção Industrial:
Após a diagramação e aprovação do livro e da capa, o material deve ser enviado para gráfica. Para isso, deve‐se realizar as seguintes ações: Menu principal do sistema > Logística > Materiais > Nome Material
‐ ‐ ‐ ‐
‐ ‐
Clique em “Incluir” (SEMPRE inclua como novo envio). Na tela de inclusão do material, preencha: o nome da Disciplina, as datas, o tipo de material, o número de páginas e o número da edição. As datas devem ser preenchidas com o dia em que está sendo feita a inclusão. Os códigos de tipos de material que existem são: 1. Livro didático 2. Manual do aluno 3. Manual do curso 4. CD‐ROM 5. Material áudio‐visual 6. Documentação 7. Manual do ambiente virtual de aprendizagem 8. Outros (Existem outros tipos de códigos de material, porém não são utilizados pela Equipe de Design Visual). Número de páginas deve ser preenchido de acordo com o .pdf gerado. Número da edição sera “1”.
‐ ‐ ‐ ‐
Após Salvar esses dados, a tela de Dados gerais aparecerá preenchida, e o item “Link Download” possuirá um botão “Inserir”. Clique nesse botão e inclua o .zip (arquivo e preview da capa e .pdf do livro com marcas de corte e qualidade de impressão) Este arquivo ZIP deve possuir algumas identificações: N para novo, RD ou RI para revisões. Os arquivos devem ser identificados da seguinte forma: tipo_ano_semestre_disciplina_xxpg_codigodisciplina.zip No caso de materiais que possuem um anexo colorido, identifique os pdfs dessa forma: nome_da_disciplina_XXpg_pb e nome_da_disciplina_XXpg_cor.
‐
Salve e volte a aba Geral. Clique no link e confira o .zip enviado.
‐ ‐
Na aba disciplina, busque a disciplina deste material e Adicione. Na aba Produção, inclua o seu nome, o nome do DI responsável e clique no botão “Enviar E‐mail”. A partir disto, você receberá um e‐mail com o link para o material no SisEAD. É a partir desse link que a gráfica faz a impressão do material. É interessante checar se o link recebido no e‐mail contém os materiais certos. IMPORTANTE: o nome do arquivo .zip deve possuir o nome da disciplina e o número de páginas. 3. SVN – Sistema de controle de versão <http://usuário@10.4.2.16/dg> O SVN é o sistema que versiona os arquivos para facilitar a busca e recuperação de um material. É importante sempre atualizar os arquivos da máquina com os do SVN para manter no repositório sempre a última versão do arquivo disponível e protegida. Organização das pastas dentro do repositório e nomenclatura de arquivos Utilizar sempre letras minúsculas, sem espaços, sem acentos, sem cedilha. Como deve ser a estrutura do diretório (árvore): http://10.4.2.16/dg (raiz) http://10.4.2.16/dg/impresso (pasta que contém todos os impressos das disciplinas) http://10.4.2.16/dg/impresso/nome_da_disciplina_codigo ‐ Dentro da pasta nome_da_disciplina_codigo, DEVE conter as seguintes subpastas: o /capa (armazena SOMENTE o arquivo aberto da capa – capa.ai); o /docs (armazena os docs recebidos para produção do material. Em caso de revisão, criar uma subpasta com a oferta ‐ ano_semestre ‐ que se refere o JOB); o /impressao (armazena os arquivos que serão enviados para a produção industrial ‐ capa_curvas.ai / capa_curvas.pdf / nome_da_disciplina_numero_pag.pdf);
OBS.: converter em curvas o arquivo .ai da capa e salvá‐lo como pdf, utilizando o preset Produção Industrial. Armazená‐los SOMENTE nesta pasta! o /indd (armazena os arquivos abertos do impresso – nome_da_disciplina_pag_iniciais.indd / nome_da_disciplina_unidade_xx.indd / nome_da_disciplina_pag_finais.indd / nome_da_disciplina_anexo.indd / nome_da_disciplina.indb) subpasta /links (armazena as figuras utilizadas no livro – .tif, .eps, .jpg etc) o /ilustracoes (se NECESSÁRIO ‐ armazena os arquivos fonte de ilustração)
Exemplo de visualização da árvore de diretórios – livro de Graduação (impresso):
Atenção: ‐ NÃO DEVEM ser enviados para o SVN arquivos como: .thumbs, ZIP de impressão (gráfica), ._Dstore, e outros arquivos ocultos do Mac. É importante prestar atenção nesses detalhes, pois não é possível excluir um arquivo que já foi colocado no servidor. É irreversível! ‐ As alterações de nomes de pastas e exclusão de arquivos devem ser feitas diretamente no SVN, pelo software TortoiseSVN, no Windows. ‐ Sempre que você for realizar uma revisão e perceber que a pasta da disciplina não se encaixa nesse modelo, faça as devidas correções antes de revisar o material e coloque um comentário “Ajustando ao padrão estabelecido – MMMM/AAAA”. Somente após o ajuste, baixe a pasta da disciplina e comece a revisão. Na plataforma Mac, utilizamos o software Eclipse para acessar o SVN. Abaixo seguem algumas instruções de uso. Outras informações também podem ser encontradas no
tutorial desenvolvido pela TI (Osmar) disponível na pasta tutoriais_osmar, no diretório Diversos do SVN. Para criar um projeto (disciplina) novo: ‐ Acesse: File > New > Project… ‐ Na janela New Project, escolha: General > Project ‐ Digite no Project Name o nome da diciplina com o código. o A partir dai você pode trabalhar nas pastas e arquivos diretamente pelo sistema. Para enviar os arquivos novos para o servidor: ‐ Clique com o botão direito sobre a pasta da disciplina. ‐ Escolha Team/Share Project… ‐ Escolha a plataforma: SVN. ‐ Escolha o local no repositório onde irá subir essa pasta. ‐ Defina o nome da pasta ‐ Insira um comentário. ‐ Ainda assim, seu projeto ainda não está no repositório. Os próximos passos são: o Clique novamente com o botão direito sobre a pasta da disciplna. o Escolha: Commit. o Na janela Commit escolha quais arquivos você quer subir. o Para os arquivos ocultos (.project) e escolha Add to svn:ignore e clique OK., clique com o botão direito e escolha Selectec Unversioned. o Após, clique com o botão direito sobre a pasta da disciplina e escolha: Team > Sychronize with Repository Para baixar os arquivos do repositório: ‐ Acesse: File > New > Project… ‐ Na janela New Project, escolha: SVN > Checkout Projects from SVN ‐ Escolha o repositório http://10.4.2.16/dg ‐ Escolha a pasta que deseja baixar. ‐ Na próxima tela, selecione a opção Check out as a project in the workspace. ‐ Para navegar em revisões anteriores, desabilite a caixa Check out HEAD revision e clique no botão Select... ‐ Clique no botão Finish para baixar a pasta. Para subir arquivos editados para o repositório: ‐ Clique com o botão direito e escolha Refresh; ‐ Clique novamente com o botão direito e escolha Team > Sychronize with Repository; ‐ A plataforma irá alterar para Team Synchronizing. Nesta plataforma aparecerão apenas os arquivos que foram alterados. Clique com o botão direito sobre os arquivos ocultos (.project) e escolha Add to svn:ignore e clique OK. ‐ Clique com o botão direito sobre a pasta da disciplna. ‐ Escolha: Commit. ‐ Na janela Commit escolha quais arquivos você quer subir. o OBS.: é recomendável subir (atualizar) diariamente as alterações realizadas para o repositório. Esse procedimento garante segurança e o trabalho realizado até então.
Para atualizar um arquivo na sua máquina (SOMENTE se os arquivos do repositório estejam mais atualizados que os seus!): ‐ Clique com o botão direito e escolha Team > Update to HEAD Quando o material estiver fechado e o job estiver finalizado (enviado para gráfica ou postado no SVN) você deve subir o material para o SVN com os seguintes comentários: Para livro didático ‐ Disciplina: Gestão do conhecimento em TI ‐ Créditos: 4 ‐ Edição: 2ª ‐ Ano: 2008b ‐ Nº páginas: 211 ‐ DG: Diogo Silva ‐ DI (ou Assistente): Silvana Cruz ‐ Data: 4/7/2008 ‐ OBS.: Para unidades online (EVA): ‐ Disciplina: Legislação e Técnica Tributária ‐ Sem: 2008/2 ‐ DG: Diogo Silva ‐ DI (ou Assistente): Cristina Klipp ‐ Inicío da disciplina: 13/10/2008. ‐ OBS.: Para os manuais de cursos: ‐ Curso: Gestão de Cooperativas ‐ Edição: 2ª ‐ Ano: 2008b ‐ Nº páginas: 211 ‐ DG: Diogo Silva ‐ DI (ou Assistente): Silvana Cruz ‐ Data: 4/7/2008 ‐ OBS.: