RIO ESTADO DIGITAL - Animação pra WEB platafromas de EAD



Documentos relacionados
Capítulo 2 Introdução à ferramenta Flash

Quais as diferenças entre os formatos de imagem PNG, JPG, GIF, SVG e BMP?

TECNOLOGIA EM SISTEMAS PARA INTERNET Disciplina:FERRAMENTAS E TÉCNICAS DE ANIMAÇÃO WEB. Professora Andréia Freitas

AULA: BrOffice Impress terceira parte. Ao final dessa aula, você deverá ser capaz de:

CorelDRAW UM PROGRAMA DE DESIGN

Guia de fornecedores e negócios M I D I A K I T. Introdução. Como funciona? Custos anuais. Oportunidades adicionais. Orientações ao usuário

ÍNDICE MANUAL SITE ADMINISTRÁVEL TV. 1. Introdução 2. Acessando o site administrável/webtv SITE ADMINISTRÁVEL 3. CONFIGURAÇÕES

Definição: As extensões de arquivos são combinação de letras terminais que apresenta o formato original. Na plataforma Windows por exemplo, todo tipo

CONSTRUÇÃO DE BLOG COM O BLOGGER

Apresentações Eletrônicas (Impress) Aula 01

MANUAL OPEC TV TEM INTERNET ATUALIZADO EM 02/2013

Introdução à Tecnologia Web HTML HyperText Markup Language XHTML extensible HyperText Markup Language Formatos de Imagens

VISUAL LIGHTBOX FERRAMENTA WEB DESIGN FABIANO KEIJI TAGUCHI

INSTRUMENTO NORMATIVO 004 IN004

Índice: CMS 3 O que é Content Management System? Clientes 4 O que é o Cliente? 4 Configurando o i-menu/i-view para trabalhar. com o CMS.

Entre em contato com a Masterix e agende uma reunião para conhecer melhor o SMGC.

Portfólio de Cursos. Neste portfólio você irá encontrar alguns exemplos dos cursos oferecidos pela ON BYTE e conhecer o nosso maior diferencial.

Movie Maker: Recurso para produção e comunicação.

Manual Sistema MLBC. Manual do Sistema do Módulo Administrativo

Fotografia Digital Obtenção da Imagem e Impressão

Plural é uma plataforma que agrupa os processos de gerenciamento e produção de cursos online, com foco em qualidade e produtividade.

TUTORIAL Última atualização: 23/03/2015

ATENÇÃO: * Arquivos com tamanho superior a 500 KB NÃO SERÃO ACEITOS * SOMENTE serão aceitos documentos do formato: PDF

1. Quem somos nós? A AGI Soluções nasceu em Belo Horizonte (BH), com a simples missão de entregar serviços de TI de forma rápida e com alta qualidade.

TECNOFAGIA MEDIA KIT.

Personalizações do mysuite

Vivaldo Armelin Júnior

Manual do Painel Administrativo

Bem-vindo (a) à página de administrador para os noivos do CasarCasar.

Ciências da Computação Disciplina:Computação Gráfica

Gestão da Informação e do Conhecimento

NewAgent enterprise-brain

FACULDADES INTEGRADAS DO BRASIL

Fluxo de trabalho do Capture Pro Software: Indexação de código de barras e separação de documentos

C D. C) Coleções: é usada para organizar o conteúdo de áudio, vídeo e imagens em pastas, buscando facilitar a montagem do storyboard.

Blog NoRascunho 1. Andrew Philip Saldanha de FRANÇA 2 Melissa Cirne de Lucena 3 Universidade Potiguar, Natal, RN

edirectory Plataforma ios / Android

Slice Tool - Ferramenta Fatia

TUTORIAL DO ALUNO. Olá, bem vindo à plataforma de cursos a distância da Uniapae!!!

Manual do Plone (novo portal do IFCE)

Portal Sindical. Manual Operacional Empresas/Escritórios

Conteúdo regional para o mundo

Introdução ao GED Simone de Abreu

1. Escritório Virtual Atualização do sistema Instalação e ativação do sistema de Conexão...5

Apresentação. acesse: O portal :: Tributario.pro :: possui o conteúdo ideal para sua marca.

Editor de Questões E24H

10 DICAS DE TECNOLOGIA PARA AUMENTAR SUA PRODUTIVIDADE NO TRABALHO

E-books. Guia para Facebook Ads. Sebrae

Como criar Gif s Animados. - Utilizando o Paint. e o Image Ready

Tutorial para envio de comunicados e SMS

PROJETO 2 Analise da funcionalidade do tutorial do jogo League of Legends.

PROPOSTA COMERCIAL PORTAL UTILITÀ ONLINE

Introdução. O Windows Server 2003 está dividido em quatro versões:

ANEXO V - Mapa do Trabalho Industrial

AULA 1 Iniciando o uso do TerraView

Entendendo como funciona o NAT

Quais são os objetivos?

PROJETO DE REDES

VERIFIQUE SE SEUS SITES ESTÃO PRONTOS PARA O BLACK FRIDAY 11 MANEIRAS DE ACABAR COM OS PROBLEMAS DE DESEMPENHO

Universidade de São Paulo Biblioteca Digital de Teses e Dissertações. MANUAL DO USUÁRIO Conversão de arquivos para PDF

Manual de implantação

CENTRO ESTADUAL DE EDUCAÇÃO TECNOLÓGICA PAULA SOUZA ETEC PROF. MÁRIO ANTÔNIO VERZA CURSO TÉCNICO EM INFORMÁTICA PARA INTERNET

Sistema de Informação Integrado

Microsoft Office FrontPage 2003

Web Analytics (Google analytics, Web trafic XITI, Coremetrics, etc.); Ferramentas de gestão de listas de s (Mailchimp, constant contact, etc.

Perícia forense computacional aplicada a dispositivos de armazenamento e smartphones android

PORTAL CENTRO DE TREINAMENTO ONLINE CDS INTERATIVOS REVISTA MULTIMÍDIA

PRÉ-REQUISITOS PARA O CURSO:

Software Web para: Empresas, Governo, Organizações, Entidades de Classe, Sindicatos, ONG's e Profissionais Liberais

Web Design Aula 11: Site na Web

AVALIAÇÃO DE INTERFACES UTILIZANDO O MÉTODO DE AVALIAÇÃO HEURÍSTICA E SUA IMPORTÂNCIA PARA AUDITORIA DE SISTEMAS DE INFORMAÇÕES

Informática. Prof. Macêdo Firmino. Macêdo Firmino (IFRN) Informática Setembro de / 16

Fluxo de trabalho do Capture Pro Software: Indexação de OCR e separação de documentos de código de correção

Adaptando o Plone para Plataformas Móveis. Fabiano Weimar dos Santos e Giuseppe Romagnoli

Amanda Oliveira. E-book prático AJUSTE SEU FOCO. Viabilize seus projetos de vida.

A PÁGINA DISCIPLINAR DE MATEMÁTICA DO PORTAL DIA A DIA EDUCAÇÃO

Procedimentos para configurar o Monitoramento Agendado no D-viewCam

Aula 03 PowerPoint 2007

ORGANIZAÇÃO DE COMPUTADORES MÓDULO 8

Índice. Introdução 2. Quais funcionalidades uma boa plataforma de EAD deve ter? 4. Quais são as vantagens de ter uma plataforma EAD?

SOBRE A TOOLSYSTEMS. ToolSystems Sistemas Fone: (47)

ÍNDICE... 2 POWER POINT Abas... 7 Salvando Arquivos... 8 Abrindo um arquivo LAYOUT E DESIGN... 13

Fábrica de Noobs Reloaded

Como fazer uma página WEB

Índice. 3 Capítulo 1: Visão Geral do Blog. 4 Capítulo 2: SEO. 5 Capítulo 3: Backend: Como Funciona. Visão Geral Plataforma Frontend Backend

SENADO FEDERAL Secretaria Especial do Interlegis - SINTER Subsecretaria de Tecnologia da Informação - SSTIN. Produto: ATU-PM

Tamanho e resolução da imagem

Seu inventário está preparado para a crise?

Mídia Kit. Produzido por Luis Daniel da Silva Rodrigo Almeida Tancy Costa Mavignier. Jornalistas

PROGRAMAÇÃO PARA DISPOSITIVOS MÓVEIS

Guia para fotografar com pouca luz. Versão 1. Texto e fotografias de Christian Camilo. 2 Christian Camilo Camiloart.com 2015

Introdução a Informática - 1º semestre AULA 02 Prof. André Moraes

ferramentas da imagem digital

agility made possible

Construtor de sites SoftPixel GUIA RÁPIDO - 1 -

Bem vindo ao ajuda do software QUICKFISH para criação de sites.

QUALIDATA Soluções em Informática. Módulo CIEE com convênio empresas

Transcrição:

RIO ESTADO DIGITAL - Animação pra WEB platafromas de EAD Reltatório PIBIT PUC-Rio Thiago José Martins Arrais Orientador: Nilton Gamba Júnior

Introdução O Governo do Estado do Rio de Janeiro implementa desde 2008 o projeto de iluminação (disponibilização de acesso gratuito à rede) e em 2010 lança o portal (Portal Rio Estado Digital) que servirá de acesso a esse serviço. O presente artigo descreve uma etapa de pesquisa relacionada a viabilização de contéudo on-line para esse Portal. O Portal Rio Estado Digital é mais uma etapa da consolidação desse processo de disponibi- Rio de Janeiro Sendo ele a via de acesso gratuito à internet nessas áreas, ele expande as pos- - viços serão disponibilizados apenas para quem acessar a rede disponibilizada pelo Estado, mas em breve, tanto por conta da ampliação das áreas iluminadas, como pela consolidação dos serviços tinuidade ao foco principal do projeto inclusão em relação ao acesso à internet o portal tem como público-alvo principal a população com menos familiaridade com o uso da rede. Embora a abrangência desse público todo o Estado do Rio de Janeiro,Classes C e D impossibilite uma ção com a Rede. O presente relatório destaca o projeto de Design dentro do desenvolvimento do portal como um todo, porém sempre demonstrando a interdisciplinaridade de sua concepção que teve a equipe - campo (Design). O Porjeto PIBIT em questão, foi uma etapa da pesquisa de design para implemntaçãoe

Objetivos A internet se tornou uma ferramenta indispensável, seja na veiculação de sites, hotsites, redes Assim também, no Portal tem grande parte dos recursos para administração de contéudo vinculado a tecnologia de animação vetorial para tanto utilizando a plataforma Adobe Flash de edição. Sendo assim, o objetivo do presente estudo foi mapear a performance de arquivos veiculado por essa plataforma - já que no prórpio protal ele era base da veiculação de vários conteúdos. Portal Rio Estado digital (http://www.rioestadodigital.rj.gov.br/) O Flash criar um arquivo de animação, tanto para web quanto para qualquer outro motivo. Porém, uma das mais reduzida, lenta.

Metodologia Como o universo de recursos desse tipo de software w muito grande, optou-se por um recorte metodológico que permitisse um controle das variáveis e um volume de trabalho em Foi proposta então uma pesquisa durante o segundo semestre de 2009 até o fim do primeiro semestre de 2010, cujo seu objetivo seria, aferir o tamanho de uma composição de três FLA (Adobe Flash). O objetivo dessa pesquisa é identificar o peso em Bites (Giga, Mega, Kilo) de cada variação de animação, visando assim, auxiliar na exportação de videos para internet, verificando qual é a maneira mais leve destes se disporem. mais leve que o JPEG, porém com menos qualidade), Vetor (esse menos visto, pois é pesado, porém a possibilidade de aumentar e reduzir sua escala sem deformação seria essencial para JPEG 4, 8 e 12;; GIF 8 e 256, Vetor e Video não tem variação. Assim, fizemos testes misturando As imagens forma separadas em: Cenário Fundo Personagem

Para cada uma delas haveriam três tipos de intervenção no Flash. Animação quadro a quadro sem intervenção de recursos do Flash Arraste de elementos como no caso, Fundo e cenário animados com arraste

Zoom de elementos como no caso, animação com Zoom In no personagem Um zoom in (Quando a imagem se aproxima, aparentando crescer), arraste (Quando a imagem é movida lateralmente aparentando estar andando) e animada fixa (onde ela estaria no Flash, variando os testes entre os formatos.

A Pesquisa Numeração dos arquivos Variáveis do arquivo (jpeg, gif etc.)

um fundo em jpg fixo com uma figura com arraste em Gif e o cenário fixo em Avi sendo todos Tabela sendo preenchida Cada número de arquivo na direita da tabela era uma combinação possivel entre as variáveis colocadas acima. Ao final da linha da tabela havia uma campo onde preenciamos a memória ocupada por esse arquivo com essas variáveis. correspondete aquelas variáveis

Durante os primeiros testes, pudemos identificar uma similaridade entre os resultados, mesmo com a alteração dos efeitos, o peso só variava de acordo com a mudança da extensão da imagem. Pesquisamos mais para saber o porque desse padrão. Foi então, que pudemos concluir que, o que faria diferença em um arquivo.fla animado seria o tipo de imagem e não o efeito. O Flash funciona da seguinte maneira: Os seus efeitos tem pouco impacto sobre a memória ocupada, conforme incluimos imagens mais pesadas ou menos pesadas, ele calcula o o resultado final. a uma conclusão para a pesquisa. Tendo como aqui mais pesado a variação JPEG12 animado e fixo (Fundo, personagem e cenário) e JPEG12, vetor e video (animado), tendo 1,85Mb e a mais leve: Todos os GIF animados ou fixo, tendo como peso 859 Kb. Pudemos aferir que o tamanho não era determinado pelo efeito que o Flash usaria para fazer a animação e sim pelo tamanho da sua imagem. Por exemplo,usamos o Motion Tween para fazer as sequências de arraste. Esse efeito do flash terá o mesmo peso sempre, o que vai varia de tamanho será o peso da imagem, isso definirá qual será o peso do arquivo. Conclusão Foi de grande importância a execução dessa pesquisa, pois através desta, pudemos identificar o que tornava um arquivo mais pesado que o outro, assim criando um acervo para os usuário que estariam interessados a utilizar a ferramenta, assim otimizando o processo de produção de arquivos e elementos usando este software possibilitando aos usuários consultar nossa tabela para saber a alternativa mais adequada. Além disso, a emtodologia utilizada permite outros desdobramentos futuros, utilizando-se a mesma sistematização de observação basta para isso mudar as variáveis de observação dos arquivos.