Webdesign Fluxo de Desenvolvimento do Webdesign
|
|
- Eduarda de Sousa da Fonseca
- 8 Há anos
- Visualizações:
Transcrição
1 Webdesign Fluxo de Desenvolvimento do Webdesign
2 Conteúdos Os materiais de aula, apostilas e outras informações estarão disponíveis em:
3 Tópicos da Aula 1. Design 2. Importância do Design 3. Webdesign e Webdesigner 4. Habilidades de um Webdesigner 5. Fluxo de Desenvolvimento Web
4 Introdução Para o usuário médio, a interface gráfica não é somente a parte mais importante do sistema, ela é o próprio sistema, sem a diferenciação clara que os desenvolvedores têm entre front-end e backend. (VEER, VLIET, 2001).
5 Introdução DESIGN = PROJETAR. Não significa, apenas, beleza estética, mas beleza estética, funcionalidade, ergonomia, usabilidade...
6 Importância do Design A importância do design esta na criação de produtos que facilitem a vida das pessoas sem esquecer a importância estética, ou seja, criar coisas funcionais e bonitas. Integridade das Informações Entendimento do sistema pelo usuário final Facilitar a interação com o usuário
7 Importância do Design
8 Webdesign O webdesign é um fragmento do design. Não existe webdesigner. Existe o designer que faz web, e este profissional tem que aprender tudo, tipografia, fotografia, semiótica, gestalt, matemática, ótica, percepção, comportamento humano, etc. Senão, ele não consegue fazer web. (Alexandre Wollner).
9 Webdesigner É profissional competente para a elaboração do projeto estético e funcional de um website.
10 Quais as habilidades e conhecimentos que um Webdesigner precisa ter? Senso estético Criatividade Tipografia Cores Fotografia Redação Atenção aos detalhes Pensamento lógico E as tecnologias da web: HTML e CSS WEBDESIGN
11 Fluxo de Desenvolvimento Web
12 Fluxo de Desenvolvimento Web Descobrir Reunião com o Cliente Briefing Análise dos Requisitos
13 Briefing É nada mais que um relatório sobre o produto, serviço,campanha, destacando situação, posicionamento e objetivos. O briefing nos dá uma melhor visão do projeto, com isso é possível criar um orçamento compatível, fazer uma estimativa do tempo de produção e realizar a criação propriamente dita.
14 Briefing Conheça o problema! - Sobre o que é o projeto? - É um site pessoal ou um site de negócios? - Quando você planeja lançá-lo? Prazos! - Quem é o público-alvo? - Que tipo de site será? Um blog? Um Fórum? Um Site institucional? Um Portal? Será Estático ou dinâmico? - Existe conteúdo pronto para o site? - É um redesign de um site já existente? - Você vai querer postar vídeos, áudios, outros conteúdos de mídia? - E a concorrência? - Qual conteúdo será disponibilizado?
15 Briefing Exemplo simples: 1. Qual o nome do site? 2. Fale um pouco sobre a sua empresa, idéia e projeto. 3. Quem é seu público principal? 4. Você está imaginando uma certa aparência e sensação para o site? 5. Você tem padrões existentes, como logos e cores, que devem ser incorporados? 6. Quais serão os itens do menu e as seções que deverão compor o layout?
16 Requisitos
17 Requisitos Requisitos Funcionais e Requisitos Não Funcionais
18 Exercício Vamos utilizar a nossa realidade? Pegue como exemplo algum estabelecimento que vocês achem que necessitam de um site, pode ser a padaria da esquina, uma empresa de algum parente ou amigo, e responda o modelo de Briefing encontrado em webdesign@thiagomiranda.net [ Lembre-se que esse caso vai nos servir para todo o semestre ]
19 Fluxo de Desenvolvimento Web Planejar Arquitetura da Informação Mapa do site Wireframe
20 Arquitetura da Informação Criada por Saul Wurman em 1976, para organizar a informação, tornando simples o que é complexo. É um passo essencial na criação ou reformulação de uma interface.
21 Arquitetura da Informação Um bom planejamento de todos os fluxos de informação e das funcionalidades de um site tornam o produto final muito mais usável e lucrativo. Cerca de 27% das causas de insucesso das vendas de um website de comércio eletrônico são porque o usuário simplesmente não conseguiu encontrar o item que procurava.
22 Arquitetura da Informação Diálogos simples e naturais; Falar a linguagem do usuário; Minimizar a sobrecarga de memória do usuário (não abusar dos itens de navegação e opções); Consistência(cores, fontes e outros); Feedback(a cada ação uma reação); Saídas claramente marcadas; Atalhos; Boas mensagens de erro; Prevenir erros(o sistema deve ser capaz de recusar erros humano).
23 Princípios da Arquitetura da Informação Sistema de Organização (Organization System) Sistema de Navegação (Navigation System) Sistema de Rotulação (Labeling System) Sistemas de Busca (Search System)
24 Sistema de Organização Sistema de Organização (Organization System) Determina o agrupamento e a categorização do conteúdo.
25 Sistema de Navegação Sistema de Navegação (Navigation System) Determina o agrupamento e a categorização do conteúdo. Navegação contextual Navegação global Navegação local
26 Sistema de Rotulação Sistema de Rotulação (Labeling System) Estabelece as formas de representação, de apresentação da informação, definindo signos para cada elemento informativo.
27 Sistema de Busca Sistemas de Busca (Search System) Determina as perguntas que o usuário pode fazer e o conjunto de respostas que irá obter.
28 Fluxo de Desenvolvimento Web Planejar Arquitetura da Informação Mapa do site Wireframe
29 Mapa do Site Nada mais é do que um lista organizada de todas as páginas, ou as mais importantes, de um site.
30 Mapa do Site Mapa do site é a divisão hierárquica do conteúdo do site. Ferramenta On line:
31 Exercício Utilizando o briefing anterior crie um Mapa do site. Ferramenta On line:
32 Fluxo de Desenvolvimento Web Planejar Arquitetura da Informação Mapa do site Wireframe
33 Wireframe Wireframe é o esqueleto Também define como vai ficar distribuído o conteúdo, e seus recursos de interação com usuário. O wireframe, também pode ser caracterizado como o esboço do website.
34 Wireframe
35 Wireframe Essa etapa é importante porque é a parte primordial do planejamento da navegação e interação com o usuário antes mesmo do layout, o que ajuda a perceber se há algum erro de usabilidade, algum bloco de conteúdo sem o destaque necessário ou mesmo faltando. É um rascunho com marcações de peso e posicionamento do conteúdo de uma interface. Ele será usado posteriormente pelo designer como guia para desenvolvimento do layout final do website, sistema ou aplicativo. Normalmente, wireframes são concluídos antes que qualquer trabalho artístico seja desenvolvido.
36 Wireframe
37 Wireframe
38 Wireframe
39 Wireframe Baixa fidelidade X Alta fidelidade Vantagens - Rapidez - Custo - Liberdade para o designer - Facilita a refação Desvantagens - Pouca credibilidade (principalmente com clientes) - Maior margem de erros - Difícil de ser testado - Exige mais de programadores e designers - Requer desenvolvimento em conjunto. - Menos intuitivo. Vantagens - Validação consistente e persuasiva com o cliente. - Facilita a compreensão de montagem do layout e da programação dos aplicativos. - Possibilita o teste com usuários antes da definição do layout. Desvantagens - Requer esforço e tempo, o que pode atrasar o processo e aumentar custos
40 Ferramentas para Wireframe iplotz Grátis* e via Web - Mockflow Grátis* e via Web - Cacoo Grátis e via Web - MockingBird Grátis e via Web - Axure Pago e Desktop - Pencil Opensource e Plugin para o Firefox - Fireworks, Word, Power Point, Photoshop, Corel Draw, Papel e Caneta
41 Posicionamento de Elementos Distribua o conteúdo em ordem de importância decrescente, de cima para baixo, da esquerda para direita. Mais importante Menos importante
42 Posicionamento de Elementos
43 Exercício Agora que temos um briefing e um mapa do nosso site, vamos montar nosso Wireframe. Mas antes disso visite sites da mesma atividade escolhida no briefing para servir de inspiração, pense na disposição do conteúdo e objetos. [Pode utilizar a ferramenta que achar mais adequada ]
44 Fluxo de Desenvolvimento Web Criar e Interagir Paleta de Cores Tipografia Design das Páginas Fatiamento do Design
45 Fluxo de Desenvolvimento Web Desenvolver 3 Camadas de Desenvolvimento Apresentação (Layout) Informação (Conteúdo) Lógica (Programação)
46 Fluxo de Desenvolvimento Web Validar e Evoluir Aprovar o que for feito com o cliente Verificar se atende os requisitos Manutenção do desenvolvimento Melhoria continua Cliente na hora de Aprovar o Site
Fluxo de Desenvolvimento do Webdesign
Webdesign Fluxo de Desenvolvimento do Webdesign Apresentação, Fluxo de Desenvolvimento e Arquitetura da Informação Apresentação Thiago Miranda Email: mirandathiago@gmail.com Site: www.thiagomiranda.net
Leia maisArquitectura de Informação
Arquitectura de Informação Saul Wurman, criou o termo em 1976. Foi usado para design impresso: mapas guias e atlas. Posteriormente para layouts e outros campos do design. Morville e Rosenfeld, autores
Leia maisDesign 3D. Formação em Web WEB DESIGN 3D 1
1 Formação em Web Design 3D Atualmente com o desenvolvimento para Web, a criação e montagem de sites, envolve um conhecimento mais aprofundado também na criação de 3D. Com a possibilidade de conexões mais
Leia mais3 - Projeto de Site:
3 - Projeto de Site: O site de uma empresa é como um cartão de visita que apresenta sua área de negócios e sua identidade no mercado, ou ainda, como uma vitrine virtual em que é possível, em muitos casos,
Leia maisTópicos de Ambiente Web. Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres
Tópicos de Ambiente Web Modulo 2 Processo de desenvolvimento de um site Professora: Sheila Cáceres Roteiro Motivação Desenvolvimento de um site Etapas no desenvolvimento de software (software:site) Analise
Leia maisArquitetura da Informação. A relação da Arquitetura da Informação com a Usabilidade na era do conhecimento
A relação da Arquitetura da Informação com a Usabilidade na era do conhecimento Rodrigo Medeiros Tecnólogo em Sistema para Internet Faculdade Marista Especialista em arquitetura da Informação pela Jump
Leia maisInterface Homem-Computador
Faculdade de Ciências e Tecnologia do Maranhão Interface Homem-Computador Aula: Prototipação Professor: M.Sc. Flávio Barros flathbarros@gmail.com Prototipar...... desenvolver e testar interfaces antes
Leia maisATIVIDADES PRÁTICAS SUPERVISIONADAS
ATIVIDADES PRÁTICAS SUPERVISIONADAS CST em Análise e Desenvolvimento de Sistemas 5ª. Série Programação e Design para Web A atividade prática supervisionada (ATPS) é um procedimento metodológico de ensino-aprendizagem
Leia maisIntrodução ao Web Design. Aspectos gerais para um bom web design
Introdução ao Web Design Aspectos gerais para um bom web design Conteúdo programático Projeto Briefing Montando o layout Hierarquia da informação Acessibilidade Projeto Um projeto é um esforço temporário
Leia maisArquitetura de Informação - 2
Arquitetura de Informação - 2 Ferramentas para Web Design Prof. Ricardo Ferramentas para Web Design 1 Arquitetura de Informação (AI): Objetivo: Compreender os vários cenários em que o design de informação
Leia maisOrganizando Voluntariado na Escola. Aula 3 Planejando a Ação Voluntária
Organizando Voluntariado na Escola Aula 3 Planejando a Ação Voluntária Objetivos 1 Entender a importância de fazer um planejamento. 2 Aprender como planejar o projeto de voluntariado. 3 Conhecer ferramentas
Leia maisArquitetura da Informação Lílian Simão Oliveira
Arquitetura da Informação Lílian Simão Oliveira Informação Usabilidade não é apenas o usuário conseguir usar o produto! Cinco atributos da usabilidade (NIELSEN, 1993): 1. Facilidade de aprendizagem 2.
Leia maisÍNDICE... 3 INTRODUÇÃO... 4. A série... 4
EXCEL 2007 e 2010 2 ÍNDICE ÍNDICE... 3 INTRODUÇÃO... 4 A série... 4 01 LISTA COM VALIDAÇÃO... 5 02 FUNÇÕES FINANCEIRAS... 7 03 FUNÇÃO DE BANCO DE DADOS... 12 04 RÓTULOS... 15 05 TABELA DINÂMICA... 18 06
Leia maisÉ um prazer ter você como cliente da Agência WX.
Seja bem vindo! É um prazer ter você como cliente da Agência WX. Agência WX Somos uma equipe jovem e dedicada que procura se comunicar com o cliente de forma clara e objetiva. Agora que vamos trabalhar
Leia maisO SITE DA MINHA EMPRESA por Ivan F. Cesar
O SITE DA MINHA EMPRESA por Ivan F. Cesar Muitos empresários e profissionais liberais gostariam de estar na Internet, mas, na maioria dos casos, não sabem muito bem por que e nem mesmo sabem a diferença
Leia maisWeb Design. Prof. Felippe
Web Design Prof. Felippe 2015 Sobre a disciplina Fornecer ao aluno subsídios para o projeto e desenvolvimento de interfaces de sistemas Web eficientes, amigáveis e intuitivas. Conceitos fundamentais sobre
Leia maisInteração Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO
Interação Humano-Computador Design: estrutura e estética PROFESSORA CINTIA CAETANO Arte X Engenharia Desenvolver Sistema Web é arte? A Web oferece espaço para arte...... mas os usuários também desejam
Leia maisFormação em WEB DESIGN: Projeto 01 - layout (aula 01 & 02*) Em nosso primeiro projeto criaremos um layout para web utilizando um software gráfico.
Formação em WEB DESIGN: O Curso de WebDesign da Imagine School tem duração de 06 meses e se destina a todos aqueles que desejam conhecer o mundo de desenvolvimento para a web. Durante o curso, veremos
Leia maisWeb Standards PROJETO WEB
Web Standards PROJETO WEB Ferramentas para Web Design Prof. Ricardo Ferramentas para Web Design 1 Briefing Planejamento Criação Desenvolvimento Homologação Produção Divulgação Métricas Manutenção Ferramentas
Leia maisOFICINA BLOG DAS ESCOLAS
OFICINA BLOG DAS ESCOLAS Créditos: Márcio Corrente Gonçalves Mônica Norris Ribeiro Março 2010 1 ACESSANDO O BLOG Blog das Escolas MANUAL DO ADMINISTRADOR Para acessar o blog da sua escola, acesse o endereço
Leia maisProjeto Pé na Dança. www.penadanca.com. Bruno Barros Comunicador Visual. bruno@brunobarros.com www.brunobarros.com 21 2704 3991 / 9605 0589
Projeto Pé na Dança www.penadanca.com 1 Sumário I. Esta proposta... 3 II. Metodologia de trabalho... 5 III. Investimento... 6 IV. Cronograma... 6 V. Termos e Condições... 7 VI. Manutenção do site... 7
Leia maiswww.startercomunicacao.com startercomunic@gmail.com
7 DICAS IMPERDÍVEIS QUE TODO COACH DEVE SABER PARA CONQUISTAR MAIS CLIENTES www.startercomunicacao.com startercomunic@gmail.com As 7 dicas imperdíveis 1 2 3 Identificando seu público Abordagem adequada
Leia maisElementos para construção de um briefing
Elementos para construção de um briefing O que é briefing? Briefing é a reunião das ideias captadas com o cliente, possibilitando assim que a equipe ou o designer consigam compreender e mensurar o projeto
Leia maisWEBSITE. Como utilizar um site Assistente de Criação para criar seu próprio site
WEBSITE Como utilizar um site Assistente de Criação para criar seu próprio site QUAL A PRINCIPAL UTILIDADE PARA UM SITE? Propaganda! Um website é a sua presença na mais recente das mídias. Como mídia,
Leia maisApostila de. WordPress. Gustavo Teixeira da Cunha Coelho Henrique Gemignani Passos Lima. 11 de maio de 2013. Primeira Edição RC1
Apostila de WordPress Gustavo Teixeira da Cunha Coelho Henrique Gemignani Passos Lima 11 de maio de 2013 Primeira Edição RC1 Copyright (C) 2013 USPGameDev A edição mais recente pode ser encontrada em:
Leia maisProf. Me. Marcos Echevarria
Prof. Me. Marcos Echevarria Como definição, protótipo é qualquer representação da ideia de um produto. Na Engenharia de Software, protótipos podem ser entendidos como uma representação gráfica, não necessariamente
Leia maisTópicos de Ambiente Web Web Design III
Tópicos de Ambiente Web Web Design III Professora: Sheila Cáceres Conteúdo para Web Educacional Entretenimento Comercial Industrial Cientifico Entre outros Tópicos de Ambiente Web - Prof. Sheila Cáceres
Leia maisTUTORIAL: APRENDENDO A LIDAR COM O AXURE PRO
TUTORIAL: APRENDENDO A LIDAR COM O AXURE PRO Grupo: Danielle Araújo, Elaini Nascimento, Indhyane Souza, Larah Câmara e Nathan Linhares O que vem a ser o Axure? Tutorial aprendendo a lidar com o AXURE PRO
Leia maisREFORMULAÇÃO SITE ARCA BRASIL
REFORMULAÇÃO SITE ARCA BRASIL Equipe A³ Elton Sacramento Eveline Almeida Gabriela Yu 1 1. Introdução O site escolhido foi o ARCA Brasil (http://www.arcabrasil.org.br/), uma ONG que promove o bem-estar
Leia maisARQI. Arquitetura de Informação. Prototipação, layout e wireframe. Curso Superior de Tecnologia em Design Gráfico
ARQI Arquitetura de Informação Curso Superior de Tecnologia em Design Gráfico Prototipação, layout e wireframe Conserva o modelo das sãs palavras que de mim tens ouvido, na fé e no amor que há em Cristo
Leia maisCONSTRUÇÃO DE BLOG COM O BLOGGER
CONSTRUÇÃO DE BLOG COM O BLOGGER Blog é uma abreviação de weblog, qualquer registro frequênte de informações pode ser considerado um blog (últimas notícias de um jornal online por exemplo). A maioria das
Leia maisINSTRUMENTO NORMATIVO 004 IN004
1. Objetivo Definir um conjunto de critérios e procedimentos para o uso do Portal Eletrônico de Turismo da Região disponibilizado pela Mauatur na Internet. Aplica-se a todos os associados, empregados,
Leia maisHTML5. Prof. Salustiano Rodrigues de Oliveira saluorodrigues@gmail.com www.profsalu.com.br
HTML5 Prof. Salustiano Rodrigues de Oliveira saluorodrigues@gmail.com www.profsalu.com.br HTML5 HTML5 é considerada a próxima geração do HTML e suas funcionalidades inovadoras o tornam uma alternativa
Leia maisGUIA BÁSICO DA SALA VIRTUAL
Ambiente Virtual de Aprendizagem - MOODLE GUIA BÁSICO DA SALA VIRTUAL http://salavirtual.faculdadesaoluiz.edu.br SUMÁRIO 1. Acessando Turmas 4 2. Inserindo Material 4 3. Enviando Mensagem aos Alunos 6
Leia maisDesenvolvimento de Interfaces Prototipação
Autarquia Educacional do Vale do São Francisco AEVSF Faculdade de Ciências Aplicadas e Sociais de Petrolina - FACAPE Centro de Engenharia e Ciências Tecnológicas CECT Curso de Ciência da Computação Desenvolvimento
Leia maisArquiteturadaInformação. Lílian Simão Oliveira
ArquiteturadaInformação Lílian Simão Oliveira Informação O queé usabilidade? Usabilidade é a medida na qual um produto pode ser usado por usuários específicos para alcançarobjetivosespecíficoscom efetividade,
Leia maisU NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN 2006.1
U NIFACS ERGONOMIA INFORMACIONAL PROFª MARIANNE HARTMANN 2006.1 AULA 20 PROBLEMAS DE INTERFACE 12.maio.2006 FAVOR DESLIGAR OS CELULARES usabilidade compreende a habilidade do software em permitir que o
Leia maisComo fazer um fluxo de nutrição de leads eficaz
Como fazer um fluxo de nutrição de leads eficaz COMO FAZER UM FLUXO DE NUTRIÇÃO DE LEADS EFICAZ Nutrir leads é a melhor maneira de manter um relacionamento próximo tanto com os atuais como com seus futuros
Leia maisVamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.
3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao
Leia maisGRÁFICOS Exemplos de jogos 2D (com simulação do 3D)
Femur Online GRÁFICOS Exemplos de jogos 2D (com simulação do 3D) Como resultado de buscas na internet, tendo como base os jogos 2D mais famosos do mundo, obtive como resultado três tipos diferentes de
Leia maisPROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS
PROGRAMAÇÃO PARA INTERNET RICA RICH INTERNET APPLICATIONS Prof. Dr. Daniel Caetano 2012-1 Objetivos Apresentar o que é uma Aplicação Rica para Internet Contextualizar tais aplicações na Web e os desafios
Leia maisVamos criar uma nova Página chamada Serviços. Clique em Adicionar Nova.
3.5 Páginas: Ao clicar em Páginas, são exibidas todas as páginas criadas para o Blog. No nosso exemplo já existirá uma página com o Título Página de Exemplo, criada quando o WorPress foi instalado. Ao
Leia maisComo e por que criar uma para sua empresa A PERSONA VECTOR
Como e por que criar uma para sua empresa A PERSONA Quem trabalha com marketing, publicidade ou já anunciou na mídia, certamente foi questionado alguma vez sobre quem é o público-alvo da empresa. Isso
Leia maisNotas sobre o curso Information Architecture www.webmonkey.com --- 08/98
Notas sobre o curso Information Architecture www.webmonkey.com --- 08/98 1. Arquitetura da Informação 1_1. Importância da Arquitetura da Informação AI: Arquitetura da Informação / Information Architecture.
Leia maisPortfólio de Cursos. Neste portfólio você irá encontrar alguns exemplos dos cursos oferecidos pela ON BYTE e conhecer o nosso maior diferencial.
Portfólio de Cursos Neste portfólio você irá encontrar alguns exemplos dos cursos oferecidos pela ON BYTE e conhecer o nosso maior diferencial. Neste documento você irá encontrar alguns exemplos de nossas
Leia maisEmpresa capixaba de tecnologia lança primeiro construtor de sites do Estado
Empresa capixaba de tecnologia lança primeiro construtor de sites do Estado Por meio do www.webfacil.com.br qualquer usuário de informática é capaz de criar seu próprio site, no domínio que desejar, e
Leia maisManual de Utilização
Manual de Utilização Versão 1.0 18/01/2013 Sempre consulte por atualizações deste manual em nossa página. O Cotação Web está em constante desenvolvimento, podendo ter novas funcionalidades adicionadas
Leia maisDesenvolvendo com Bootstrap 3: um framework front-end que vale a pena!
Desenvolvendo com Bootstrap 3: um framework front-end que vale a pena! É engraçado como temos receio do novo. Me acostumei a desenvolver sites do zero, desde a primeira linha de código. Achava estranho
Leia maisIntrodução. Como adquirir o FrontPage?
Introdução O software FrontPage é muito utilizado para a criação, gerenciamento e publicação de páginas (sites) na Internet. Sendo um produto da Microsoft Corporation, ele apresenta uma interface bastante
Leia maisVoltado para novos usuários, este capítulo fornece uma instrução para edição de Leiaute do SILAS e suas funções.
13. Editor de leiautes Voltado para novos usuários, este capítulo fornece uma instrução para edição de Leiaute do SILAS e suas funções. Neste capítulo uma breve explicação será apresentada sobre a organização
Leia maisPROPOSTA DE CRIAÇÃO E DESENVOLVIMENTO DE WEBSITE
PROPOSTA DE CRIAÇÃO E DESENVOLVIMENTO DE WEBSITE Através do presente documento, a agência ACNBRASIL tem como objetivo apresentar uma proposta de criação e desenvolvimento de Website para COOPERATIVA DE
Leia maisGestão da Informação e do Conhecimento
Gestão da Informação e do Conhecimento Aula 05 Aquisição da Informação Dalton Lopes Martins dmartins@gmail.com 2sem/2014 Aquisição da Informação PROCESSO 2 - A aquisição da informação envolve as seguintes
Leia maisCONTRATE UM PROFISSIONAL
SITE INTELIGENTE Muitas empresas que nos procuram sempre falam que buscam um site transacional e não institucional, mas afinal o que isso quer dizer? Na prática o que a maioria das pessoas espera é que
Leia maisARQI. Arquitetura de Informação. Necessidades do usuário. Curso Superior de Tecnologia em Design Gráfico
ARQI Arquitetura de Informação Curso Superior de Tecnologia em Design Gráfico Necessidades do usuário Pois vocês conhecem a graça de nosso Senhor Jesus Cristo que, sendo rico, se fez pobre por amor de
Leia maisPROGRAMAÇÃO SERVIDOR PADRÕES MVC E DAO EM SISTEMAS WEB. Prof. Dr. Daniel Caetano 2012-1
PROGRAMAÇÃO SERVIDOR EM SISTEMAS WEB PADRÕES MVC E DAO Prof. Dr. Daniel Caetano 2012-1 Objetivos Compreender o conceito de Padrões de Projeto Compreender o Padrão MVC Conhecer o princípio de alguns dos
Leia maisPROPOSTA DE MELHORIA DA INTERFACE PARA O
PROPOSTA DE MELHORIA DA INTERFACE PARA O AMBIENTE VIRTUAL DE APRENDIZAGEM MOODLE Orientado: Nestor Vicente Soares Netto Orientador: André Luiz Zambalde Co-orientador: Ahmed Ali Abdalla Esmin Roteiro 1.
Leia maisUtilizando a ferramenta de criação de aulas
http://portaldoprofessor.mec.gov.br/ 04 Roteiro Utilizando a ferramenta de criação de aulas Ministério da Educação Utilizando a ferramenta de criação de aulas Para criar uma sugestão de aula é necessário
Leia maisArtur Petean Bove Júnior Tecnologia SJC
Artur Petean Bove Júnior Tecnologia SJC Objetivo O objetivo do projeto é especificar o desenvolvimento de um software livre com a finalidade de automatizar a criação de WEBSITES através do armazenamento
Leia maisProjeto de Interface do Usuário
Projeto de Interface do Usuário Arquitetura de Informação Danielle Freitas 2015.1 http://docente.ifrn.edu.br/daniellefreitas Agenda Introdução O que é arquitetura da informação Estratégia de conteúdo Sistema
Leia maisFACULDADE DE TECNOLOGIA SENAC GESTÃO DA TECNOLOGIA DA INFORMAÇÃO GESTÃO DE PESSOAS
FACULDADE DE TECNOLOGIA SENAC GESTÃO DA TECNOLOGIA DA INFORMAÇÃO GESTÃO DE PESSOAS PROFESSOR: Itair Pereira da Silva DISCENTES: Maria das Graças João Vieira Rafael Vitor ORGANOGRAMA PRESIDENTE GERENTE
Leia maisDesenvolvendo Websites com PHP
Desenvolvendo Websites com PHP Aprenda a criar Websites dinâmicos e interativos com PHP e bancos de dados Juliano Niederauer 19 Capítulo 1 O que é o PHP? O PHP é uma das linguagens mais utilizadas na Web.
Leia maisATIVIDADES PRÁTICAS SUPERVISIONADAS
ATIVIDADES PRÁTICAS SUPERVISIONADAS 4ª Série Informática Industrial CST em Mecatrônica Industrial A atividade prática supervisionada (ATPS) é um método de ensinoaprendizagem desenvolvido por meio de um
Leia maisUNIVERSIDADE FEDERAL DE MINAS GERAIS GIZ/PROGRAD. Tutorial UFMG Virtual Os primeiros passos do docente
UNIVERSIDADE FEDERAL DE MINAS GERAIS GIZ/PROGRAD Tutorial UFMG Virtual Os primeiros passos do docente Nereu Agnelo Cavalheiro contato@nereujr.com Tutorial UFMG Virtual Primeiros passos do docente Este
Leia maisSistema de Navegação. 2006 Guilhermo Reis www.guilhermo.com
Sistema de Navegação 2006 Guilhermo Reis www.guilhermo.com 2 O que é navegar? Navegar é alcançar um destino que está fora do alcance de campo de visão do ponto de partida. Para alcançar seu destino, o
Leia maisÍ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.
Í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. 5 Removendo o Cliente. Playlist 7 Criando um Playlist. 8 Adicionando
Leia maisManual de criação de envios no BTG360
Manual de criação de envios no BTG360 Série manuais da ferramenta ALL in Mail Introdução O BTG 360 utiliza a tecnologia do behavioral targert para que você alcance resultados ainda mais assertivos com
Leia maisAnálise de usabilidade de menus de navegação em portal com grande quantidade de informação e vários níveis hierárquicos
Análise de usabilidade de menus de navegação em portal com grande quantidade de informação e vários níveis hierárquicos Marcia Maia Outubro/2007 Vamos ver nesta apresentação Análise de usabilidade de menus
Leia maisStartup Miguel Moraes Branding
Startup Miguel Moraes Branding A iniciativa A idéia inicial era criar uma campanha para alunos que tem vontade de ajudar o próximo e vêm de carro sozinhos ofertarem o espaço do passageiro para outro aluno
Leia maisMapa Mental de Data Warehouse - OLAP
Mapa Mental de Data Warehouse - OLAP Mapa Mental de Data Warehouse OLAP Mapa Mental de Data Warehouse - OLAP Introdução ao PHP PHP é provavelmente uma das linguagens de programação web mais popular. Com
Leia mais10 motivos para disponibilizar os igressos ou inscrições do seu evento pela internet 1 Guia Sympla para Produtores de Eventos
10 motivos para disponibilizar os igressos ou inscrições do seu evento pela internet 1 Guia Sympla para Produtores de Eventos 10 MOTIVOS para disponibilizar os ingressos ou inscrições do seu evento pela
Leia maisRoteiro sobre Projeto Final do curso Metodologia para Desenvolvimento de Objetos de Aprendizagem
Roteiro sobre Projeto Final do curso Metodologia para Desenvolvimento de Objetos de Aprendizagem Este roteiro tem como objetivo apresentar o projeto final do curso. Você deverá elaborar um projeto para
Leia maisBanner Flutuante. Dreamweaver
Banner Flutuante Dreamweaver Começamos com um arquivo em branco no Dreamweaver MX. Para que o banner apareça sobre a página, precisamos inserir uma camada a mais no arquivo HTML. Selecione o menu Inserir
Leia maisÍNDICE... 2 POWER POINT... 4. Abas... 7 Salvando Arquivos... 8 Abrindo um arquivo... 11 LAYOUT E DESIGN... 13
Power Point ÍNDICE ÍNDICE... 2 POWER POINT... 4 Abas... 7 Salvando Arquivos... 8 Abrindo um arquivo... 11 LAYOUT E DESIGN... 13 Guia Design... 14 Cores... 15 Fonte... 16 Efeitos... 17 Estilos de Planos
Leia maisTable of Contents DIREITOS AUTORAIS PESQUISA DA VIABILIDADE FINANCEIRA DO SEU NICHO... DESENVOLVA SUA Habilidade!
Table of Contents DIREITOS AUTORAIS PESQUISA DA VIABILIDADE FINANCEIRA DO SEU NICHO... DESENVOLVA SUA Habilidade! 3 4 7 2 DIREITOS AUTORAIS Autora RITA PEREIRA Primeira edição: Abril de 2015 O conteúdo
Leia maisConstrutor de sites SoftPixel GUIA RÁPIDO - 1 -
GUIA RÁPIDO - 1 - Sumário Introdução...3 Por que utilizar o Construtor de Sites?...3 Vantagens do Construtor de Sites...3 Conceitos básicos...3 Configuração básica do site...5 Definindo o layout/template
Leia mais10 estratégias para gerar tráfego para seu blog
Este E-book pode ser distribuído livremente. Autor : William Rossi http://www.sucessocomocriar.com/blog William Rossi - http://www.sucessocomocriar.com/blog Página 1 O maior problema que os blogueiros
Leia maisCurso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2
Curso Superior de Tecnologia em Análise e Desenvolvimento de Sistemas Prof. Felippe Scheidt IFPR Campus Foz do Iguaçu 2014/2 Objetivo. O objetivo da disciplina é conhecer os princípios da programação de
Leia maisFTAD Formação Técnica em Administração. Aula 07 - ACI Prof. Arlindo Neto
FTAD Formação Técnica em Administração Aula 07 - ACI Prof. Arlindo Neto COMPETÊNCIAS QUE TRABALHAREMOS NESTE MÓDULO Conhecer os passos para implantação de um sistema de gestão empresarial ERP e SIG SIG
Leia maisÍ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
MANUAL 1 Índice 3 Capítulo 1: Visão Geral do Blog Visão Geral Plataforma Frontend Backend 4 Capítulo 2: SEO O que é SEO? Google Configuração Inicial Ferramentas SEO 5 Capítulo 3: Backend: Como Funciona
Leia maisManual de configuração do sistema
Manual de configuração do sistema (v.1.5.x Beta) Rua México, 119 Sala 2004 Centro Rio de Janeiro, RJ www.doctors-solution.com.br www.simdoctor.com.br contato@simdoctor.com.br Sumário 1. Fazendo seu primeiro
Leia maismbiente Virtua de Aprendizagem
mbiente Virtua de Aprendizagem Apresentação Este é o Ambiente Virtual de Aprendizagem - o AVA da Unisuam Online. É nosso desejo que a UNISUAM lhe proporcione uma qualificação acadêmica condizente com suas
Leia maisJCL Tecnologia. Proposta para Criação, Desenvolvimento e Manutenção de Website. 10 de setembro
10 de setembro JCL Tecnologia 2009 Proposta para Criação, Desenvolvimento e Manutenção de Website 1 Hamilton Junior Multimídia Designer APRESENTAÇÃO Meu trabalho consiste em criar conceitos e a partir
Leia maisUSER EXPERIENCE. Luis Felipe Fernandes. UX Academy. www.uxacademy.com.br! www.uxacademy.com.br!
UX USER EXPERIENCE Luis Felipe Fernandes UX Academy UX Como criar websites e aplicativos que, além de atraentes, são fáceis de usar e atendem às necessidades do usuário. LUIS FELIPE FERNANDES o Alto Alegre
Leia maisSumário Prefácio 1 1 Apresentação 1 1 1 Introdução 1 1 2 Entendendo o Webdesign 2 1 2 1 A Evolução da Internet 4 1 3 Design de Internet 8 1 3 1 Harmonia 10 1 3 2 As Formas e suas Funções 11 1 3 3 Equilíbrio
Leia maisProposta para criação de site para
Proposta para criação de site para Portal de Negócios Sorriso, 04 de Fevereiro de 2011 1 I. Análise...3 II. Projeto...3 III. Desenvolvimento do projeto...3 IV. Âmbito de intervenção da equipe do Portal...3
Leia maisDESENVOLVENDO APLICAÇÃO UTILIZANDO JAVA SERVER FACES
DESENVOLVENDO APLICAÇÃO UTILIZANDO JAVA SERVER FACES Alexandre Egleilton Araújo, Jaime Willian Dias Universidade Paranaense (Unipar) Paranavaí PR Brasil araujo.ale01@gmail.com, jaime@unipar.br Resumo.
Leia maisWEBDESIGN. Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira
WEBDESIGN Professor: Paulo Marcos Trentin - paulo@paulotrentin.com.br http://www.paulotrentin.com.br Escola CDI de Videira Recursos avançados com CSS Uma vez entendido o uso básico e treinado muito, chegou
Leia maisA criança e as mídias
34 A criança e as mídias - João, vá dormir, já está ficando tarde!!! - Pera aí, mãe, só mais um pouquinho! - Tá na hora de criança dormir! - Mas o desenho já tá acabando... só mais um pouquinho... - Tá
Leia maisSEU SITE FUNCIONA? Teste rápido de Usabilidade e Comunicação Web
SEU SITE FUNCIONA? Teste rápido de Usabilidade e Comunicação Web Não é mais segredo para ninguém: ter um site de sua empresa na Web já se tornou obrigatório. Mas ter um site não basta. Este site deve agregar
Leia maisPadrão Visual de Sistemas da Anvisa na Internet
Agência Nacional de Vigilância Sanitária Padrão Visual de Sistemas da Anvisa na Internet Gerência-Geral de Tecnologia da Informação Gerência de Sistemas www.anvisa.gov.br Brasília, janeiro de 2007 Agência
Leia maisCONSTRUIR SITES. A Construir Sites faz sites e sistemas para internet fáceis de usar. Televendas (83) 3252 1378
CONSTRUIR SITES A Construir Sites faz sites e sistemas para internet fáceis de usar Nossos produtos não apenas existem, trazem resultados reais para você e sua empresa. Construir Sites Av. Presidente Epitácio
Leia maisRelatório referente ao período de 24 de abril de 2007 a 29 de maio de 2007.
Relatório do GPES Relatório referente ao período de 24 de abril de 2007 a 29 de maio de 2007. Objetivo O objetivo desse relatório é expor alguns padrões de interface para Web que foram definidos pela Coleção
Leia maisELABORAÇÃO E ANÁLISE DE PROJETOS MÓDULO 10
ELABORAÇÃO E ANÁLISE DE PROJETOS MÓDULO 10 Índice 1. Gerenciamento da qualidade do projeto...3 2. Gerenciamento de recursos humanos do projeto...3 3. Gerenciamento das comunicações do projeto...4 2 1.
Leia maisINTRODUÇÃO: 1 - Conectando na sua conta
INTRODUÇÃO: Com certeza a reação da maioria dos que lerem esse mini manual e utilizarem o servidor vão pensar: "mas porque eu tenho que usar um console se em casa eu tenho uma interface gráfica bonito
Leia maisRequisitos de Software. Requisitos de Software. Requisitos de Software. Requisitos de Software. Requisitos de Software. Requisitos de Software
INSTITUTO FEDERAL DE EDUCAÇÃO, CIÊNCIA E TECNOLOGIA DO RIO GRANDE DO NORTE Curso Técnico em Informática ENGENHARIA DE SOFTWARE Prof.: Clayton Maciel Costa clayton.maciel@ifrn.edu.br Clayton Maciel Costa
Leia maisAPRESENTAÇÃO. Sua melhor opção em desenvolvimento de sites! Mais de 200 clientes em todo o Brasil. Totalmente compatível com Mobile
APRESENTAÇÃO Totalmente compatível com Mobile Sua melhor opção em desenvolvimento de sites! Mais de 200 clientes em todo o Brasil APRESENTAÇÃO Muito prazer! Somos uma empresa que presta serviços em soluções
Leia maisTutorial Plone 4. Manutenção de Sites. Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados
Tutorial Plone 4 Manutenção de Sites Universidade Federal de São Carlos Departamento de Sistemas Web Todos os direitos reservados Sumário Introdução 1 Como fazer a autenticação do usuário 1.1 Através do
Leia maisBom Crédito. Lembre-se de que crédito é dinheiro. Passos
Bom Crédito Lembre-se de que crédito é dinheiro É. Benjamin Franklin, Político Americano e inventor quase impossível passar a vida sem pedir dinheiro emprestado. Seja algo básico como usar um cartão de
Leia mais