DESENVOLVIMENTO DE SITES
Turma:
Professor:
Aula: Pág: Data:
Anderson
9279
02 16/09/201314-19
@Entendendo a proposta
@Brief...
A empresa Atairu Viagens é uma agência que acaba de
chegar ao mercado. Conta com uma estrutura simples,
pois acaba de inau...
Ao passar a proposta para o diretor da empresa, os
responsáveis pela criação do site argumentaram
bastante com relação à c...
O Web designer, antes de elaborar o layout, solicitou que fosse
levados em consideração o público alvo, linguagem, cores, ...
O Briefing (conjunto de informações) consiste em um
documento que contém todas as informações a respeito
de uma empresa. A...
Todo Briefing parte do pressuposto de resolver algo que
está desajustado, e tem foco em algum objetivo
específico, entre o...
Após definir o objetivo, é levado em consideração o
nome da organização, produtos ou serviços oferecidos,
além dos respons...
Conhecer o cliente, antes de tudo é o fator primordial
para o sucesso de qualquer empresa. Todo grande
executivo sabe que ...
Outro importante elemento a ser levado em consideração é a
concorrência. Embora o termo pareça pejorativo, é uma prática
d...
De nada adianta uma campanha luxuosa se não for
possível arcar com suas despesas. Logo é necessário
fazer um orçamento bem...
Definir prazos gera maior eficiência para um projeto,
pois alinha o interesse de todos os envolvidos e limita o
seu tempo ...
Todo projeto inicia a partir de uma ideia. O Wireframe
nada mais é do que colocar no papel tudo o que você
pensou com rela...
Ao elaborar o Wireframe no papel, não é necessário se
preocupar com a aparência do desenho, visto que ele é
um esboço com ...
Com a ideia do design pronta, agora devemos definir
como este site vai ser produzido. O profissional mais
indicado é o Web...
A linguagem de programação é o ponto menos
questionado pelo cliente, pois dificilmente ele vai
entender do assunto. O clie...
Por exemplo, se o seu site utiliza a tecnologia PHP, SQL e
procura soluções gratuitas (Ex: servidor de e-mail), o
sistema ...
@HTML (Linguagem de Marcação de Hipertexto) É um
editor de páginas para a web. Sua linguagem é
alicerçada por comandos den...
@ASP (Páginas de servidor ativo) É uma tecnologia que
está relacionada a bancos de dados. Foi desenvolvido
pela Microsoft ...
@PHP (Hypertext Preprocessor) É uma linguagem de
programação criada por Rasmus Lerdorf para ser
decodificada pelos navegad...
@JAVA É uma linguagem que possui um mascote
chamado Duke e foi desenvolvida por Patrick
Naughton e Mike Sheridan. Seus ide...
Responder na apostila as atividades da página
16, 17 e 19
Desenvolva o seu Wireframe no programa
MSPaint.
Próximos SlideShares
Carregando em…5
×

Dream 02

362 visualizações

Publicada em

0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
362
No SlideShare
0
A partir de incorporações
0
Número de incorporações
64
Ações
Compartilhamentos
0
Downloads
10
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

Dream 02

  1. 1. DESENVOLVIMENTO DE SITES Turma: Professor: Aula: Pág: Data: Anderson 9279 02 16/09/201314-19 @Entendendo a proposta @Briefing @Wireframe @Escolhendo a Tecnologia @Atividades
  2. 2. A empresa Atairu Viagens é uma agência que acaba de chegar ao mercado. Conta com uma estrutura simples, pois acaba de inaugurar. Ao pensar o site, o departamento de comunicação decidiu que as páginas da internet serviriam como uma grande vitrine para apresentar a história da empresa, seu endereço, telefone, áreas de atuação, além de galerias de imagens e vídeos.
  3. 3. Ao passar a proposta para o diretor da empresa, os responsáveis pela criação do site argumentaram bastante com relação à construção das páginas. O Webdeveloper sugeriu que o site fosse desenvolvido no Dreamweaver CS5, afinal trata-se da última versão do aplicativo e responsável por gerar arquivos em HTML
  4. 4. O Web designer, antes de elaborar o layout, solicitou que fosse levados em consideração o público alvo, linguagem, cores, regra dos três clicks, entre outros. Estudando com profundidade a proposta do site, detectaram a necessidade de fazerem um Briefing. Você sabe do que se trata esse termo?
  5. 5. O Briefing (conjunto de informações) consiste em um documento que contém todas as informações a respeito de uma empresa. A seguir vamos relacionar todas as etapas do planejamento, explicadas de maneiras simples, a fim de aplicarmos em todos os tipos de organização.
  6. 6. Todo Briefing parte do pressuposto de resolver algo que está desajustado, e tem foco em algum objetivo específico, entre os quais se destacam: comunicação, fidelização, web, ou inteligência administrativa.
  7. 7. Após definir o objetivo, é levado em consideração o nome da organização, produtos ou serviços oferecidos, além dos responsáveis pelos departamento. Neste momento será observada a estrutura da empresa (histórico da organização, tipos de materiais ou serviços oferecidos, solidez da marca, área de atuação, disposição do produto nas lojas, embalagens, lucros, vantagens, desvantagens, diferencial com relação à concorrência e publicidades anteriores).
  8. 8. Conhecer o cliente, antes de tudo é o fator primordial para o sucesso de qualquer empresa. Todo grande executivo sabe que o tratamento diferenciado aos seus consumidores retornará em maior aceitação e consequentemente em mais lucro. Portanto, nesta parte do Briefing é importante pensar sobre o público alvo (gênero, idade, profissão, classe social, escolaridade, preferências e expectativas).
  9. 9. Outro importante elemento a ser levado em consideração é a concorrência. Embora o termo pareça pejorativo, é uma prática decorrente do comércio e diz respeito à oferta de produtos ou serviços por empresas do mesmo segmento. A competição gerada pelas organizações acarreta em benefícios aos consumidores, pois a fim de atingir uma fatia cada vez maior do mercado, utilizam-se de estratégias, como: preço, qualidade, composição, design, funcionalidades, entre outros.
  10. 10. De nada adianta uma campanha luxuosa se não for possível arcar com suas despesas. Logo é necessário fazer um orçamento bem detalhado de tudo o que será gasto. Caso uma empresa queira desenvolver um site, deve levar em consideração o trabalho de quem o produzirá, mas não deve esquecer os custos de hospedagem, atualização, e direitos autorais das imagens.
  11. 11. Definir prazos gera maior eficiência para um projeto, pois alinha o interesse de todos os envolvidos e limita o seu tempo de atuação. Quanto mais organizado melhor o resultado. Por isso, lembre-se de cumprir todas as etapas dos projetos nos períodos estabelecidos.
  12. 12. Todo projeto inicia a partir de uma ideia. O Wireframe nada mais é do que colocar no papel tudo o que você pensou com relação ao projeto do site. Antes de utilizar um computador, rascunhe e rabisque muito. Fazendo isso você consegue desenvolver sua criatividade, além de economizar tempo e recursos quando iniciar a confecção do site.
  13. 13. Ao elaborar o Wireframe no papel, não é necessário se preocupar com a aparência do desenho, visto que ele é um esboço com o objetivo de entender a estrutura e a disposição do conteúdo do site. http://iplotz.com/
  14. 14. Com a ideia do design pronta, agora devemos definir como este site vai ser produzido. O profissional mais indicado é o Webdeveloper, que vai analisar os recursos do site e onde ele vai ser hospedado. A partir disso, já é possível definir a linguagem de programação que será utilizada.
  15. 15. A linguagem de programação é o ponto menos questionado pelo cliente, pois dificilmente ele vai entender do assunto. O cliente apenas questiona o visual do site, por isso a importância do trabalho em conjunto. Será que a ideia que o Web designer teve é compatível com a tecnologia disponível? De que adianta um site bonito, mas sem funcionalidade?
  16. 16. Por exemplo, se o seu site utiliza a tecnologia PHP, SQL e procura soluções gratuitas (Ex: servidor de e-mail), o sistema ideal é o Linux. Caso o seu site seja em ASP ou .NET e vai utilizar uma base de dados SQL Server ou Access, o ideal é Windows.
  17. 17. @HTML (Linguagem de Marcação de Hipertexto) É um editor de páginas para a web. Sua linguagem é alicerçada por comandos denominados tags, símbolos, que contém comandos a serem decodificados pelos navegadores. O criador desta linguagem foi Tim Berners-Lee, o mesmo desenvolvedor da WWW.
  18. 18. @ASP (Páginas de servidor ativo) É uma tecnologia que está relacionada a bancos de dados. Foi desenvolvido pela Microsoft e é considerada uma linguagem dinâmica, podendo se utilizar de diversos códigos.
  19. 19. @PHP (Hypertext Preprocessor) É uma linguagem de programação criada por Rasmus Lerdorf para ser decodificada pelos navegadores e indicado para disposição e uso em servidores. Podendo assim como o ASP, contar com um banco de dados.
  20. 20. @JAVA É uma linguagem que possui um mascote chamado Duke e foi desenvolvida por Patrick Naughton e Mike Sheridan. Seus idealizadores não tinham a intenção de criar uma nova linguagem, mas queriam antecipar as revoluções que estavam por vir, incorporando tecnologias aos eletrodomésticos como controles remotos touchscreen.
  21. 21. Responder na apostila as atividades da página 16, 17 e 19 Desenvolva o seu Wireframe no programa MSPaint.

×