1.
Marke&ng
Digital
e
Comércio
Eletrônico
Aula
3
–
Websites
FELIPE
AUGUSTO
PEREIRA
felipe.pereira@live.estacio.br
|
@felipeunu
Recife,
10
de
Novembro
de
2012
1

2.
Conteúdo
• Evolução
da
web
• Ciclo
de
vida
de
um
website
• Planejamento
de
website
• Tipos
de
websites
• Registro
do
domínio
• Produção
• Implantação
• Manutenção
• Outros
aspectos
2

3.
O
que
é
um
website?
• Conjunto
de
páginas
digitais
conectadas
através
de
links
acessíveis
através
de
um
browser
• Website
≠
página
≠
homepage
3

4.
EVOLUÇÃO
DA
WEB
4

5.
QuesRonamento
• Como
se
deu
a
evolução
da
web?
5

6.
Web
1.0
• Primeiro
estágio
da
www
• Ligação
entre
páginas
através
de
hiperlinks
• Implantação
e
popularização
da
rede
• Produção
própria
de
conteúdo
• Páginas
estáRcas
(HTML)
• Baixa
interaRvidade
• Usuário
expectador
6

7.
Web
2.0
• Segundo
estágio
da
www
• Páginas
dinâmicas
• Colaboração
• Alta
interaRvidade
• Projeto
centrado
no
usuário
• Facilidade
para
gerar
conteúdo
• Excesso
de
informação
• Redes
sociais,
blogs,
wikis,
sites
de
comparRlhamento
de
vídeo,
mashups,
etc.
7

8.
Web
3.0
• Terceiro
estágio
da
www
• Web
semânRca
• Metadados
e
ontologias
• Facilidade
para
encontrar
as
informações
• Personalização
• Convergência
8

9.
Reflexão
• O
mudou
com
a
web
2.0?
• O
mudará
com
a
web
3.0?
9

10.
TIPOS
DE
WEBSITES
10

11.
QuesRonamento
• Com
base
em
seus
objeRvos
gerais,
quais
os
Rpos
de
websites
e
o
que
caracteriza
cada
um
deles?
11

12.
Tipos
de
Websites
Websites
InsRtucionais
Lojas
Virtuais
Blogs
Hotsites
Portais
de
Conteúdo
Serviços
Online
12

13.
The
BriRsh
Country
Club
13

14.
Info
Box
14

15.
Mercado
Livre
15

16.
Danosse.com
16

17.
Pernambuco
Professional
Beauty
&
EstheRc
17

18.
UOL
18

19.
Google
19

20.
HiveWiki
(B2E)
20

21.
Receita
Federal
(G2B)
21

22.
Receita
Federal
(G2C)
22

23.
CICLO
DE
VIDA
DE
UM
WEBSITE
23

24.
Ciclo
de
Vida
de
um
Website
Planejamento
Produção
Implantação
Manutenção
24

25.
Exercício
3.1
• Imagine
uma
empresa/produto/negócio
real
ou
ficpcio
que
necessite
de
um
website.
• Registre
em
papel
o
nome
e
a
descrição
da
empresa/produto/
negócio
25

26.
PLANEJAMENTO
DE
WEBSITE
26

27.
Planejamento
de
Website
ObjeRvos
Público-­‐alvo
Conteúdo
Meios
de
atração
do
público
Plano
táRco-­‐operacional
Orçamento
Meios
de
avaliação
de
resultados
Fonte:
adaptado
de
Limeira
(2007)
27

28.
ObjeRvos
• Alcance
da
comunicação
(número
de
pessoas)
• Page
views
esperados
• Respostas
esperadas
(compras,
imagem
da
empresa,
lembrança
da
marca,
e-­‐mails,
etc.)
• Tipo
de
relacionamento
a
ser
construído
• Indicações
de
novos
clientes
potenciais
(quanRdade)
28

29.
Público-­‐Alvo
• Público
a
ser
aRngido
(clientes,
fornecedores,
concorrentes,
vendedores,
funcionários,
acionistas,
etc.)
• Faixa
etária,
nível
de
renda,
ocupação,
nível
educacional,
esRlos
de
vida,
estado
civil,
personalidade,
etc.
29

30.
Conteúdo
• O
que
será
comunicado
sobre
a
empresa,
produtos,
tecnologia,
parceiros,
canais
de
vendas,
etc.
para
cada
segmento
de
público
• Tipo
de
conteúdo
que
será
publicado
(textos,
imagens,
vídeos,
etc.)
• Serviços
oferecidos
(e-­‐mails,
faq,
chat,
busca,
etc.)
• Links
com
outros
sites
• Informações
coletadas
do
público
• Fornecedores
do
conteúdo
do
website
• Respostas
às
perguntas
mais
frequentes
30

31.
Meios
de
atração
do
público
• Como
será
a
divulgação
do
website
• IncenRvos
para
atrair
visitantes
e
garanRr
seu
retorno
31

32.
Plano
táRco-­‐operacional
• Empresa
ou
equipe
responsável
pela
criação,
implantação,
manutenção
e
gerenciamento
• Domínio
• Servidor
de
hospedagem
• Recursos
tecnológicos
(linguagem,
servidor,
SGBD,
serviços,
etc.)
• Design,
acessibilidade,
usabilidade
• PolíRca
de
privacidade
• Segurança
(políRca,
criptografia,
etc.)
• Forma
de
resposta
aos
e-­‐mails
• Perfil
da
equipe
de
gerenciamento
32

33.
Orçamento
• Valor
a
ser
gasto
no
projeto,
desenvolvimento
e
manutenção
33

34.
Meios
de
avaliação
de
resultados
• Relatórios
de
pesquisa
a
serem
uRlizados
• Indicadores
de
resultados
34

35.
REGISTRO
DO
DOMÍNIO
35

36.
QuesRonamento
• O
que
seria
um
bom
nome
de
domínio?
36

37.
Domínio
• Deve
estar
associado
ao
nome
da
empresa
ou
negócio
• Deve
ser
fácil
de
lembrar
e
digitar
• Não
deve
permiRr
ambiguidades
• Pode
conter
palavras-­‐chave
do
website
37

38.
Nacional
• Realizado
através
do
Registro.br
ou
outras
empresas
• Valores
no
Registro.br
– R$
30,00
por
ano
– R$
27,00
por
ano
adicional
para
pagamento
antecipado
• Há
várias
extensões,
cada
uma
indicaRva
de
uma
aRvidade
• Conceitos
– EnRdade
– ID
– Servidores
DNS
– Status:
publicado,
aguardando
publicação,
processo
de
liberação,
reservado
pelo
CG,
congelado,
aguardando
congelamento,
congelado
por
ordem
judicial
38

39.
Internacional
• Há
várias
extensões
e
países
• Procedimento
de
registro
depende
do
país
39

40.
Exercício
3.2
• Sugira
um
website
para
a
empresa/produto/negócio
proposto
e
responda:
– Qual
o
Rpo
do
site?
– Quais
os
objeRvos
do
website?
– Qual
o
público-­‐alvo
do
website?
– Qual
o
conteúdo
do
website?
– Como
o
público
será
atraído
para
o
site?
– Que
resultados
serão
avaliados?
– Qual
seria
o
domínio
do
website?
40

41.
PRODUÇÃO
41

42.
Requisitos
• Levantamento
das
necessidades
do
website
• Elicitação
de
requisitos
• Documento
de
requisitos
• Requisitos
funcionais
– Seções,
recursos,
funcionalidades,
etc.
• Requisitos
não-­‐funcionais
– Usabilidade,
desempenho,
segurança,
etc.
42

43.
Definição
da
Arquitetura
de
Informação
• Definição
do
“esqueleto”
do
website
• Layout
leva
em
consideração
importância
das
seções
Fonte:
Webinsider
43

44.
Criação
• Criação
da
idenRdade
visual
do
website
• Website
não
é
um
panfleto,
folder
ou
cartaz
• Visual
do
website
deve
ser
consistente
com
a
idenRdade
da
empresa
44

45.
Implementação
• Cliente
– Sistema
operacional
(Windows,
Linux,
MacOS,
iOS,
Symbian,
Android,
etc.)
– Browser
(Chrome,
Internet
Explorer,
Firefox,
Opera,
etc.)
– Tecnologias
(HTML,
CSS,
Javascript,
Flash,
etc.)
• Servidor
– Sistema
operacional
(Windows,
Linux,
etc.)
– Banco
de
dados
(MySQL,
Firebird,
SQL
Server,
Oracle,
etc.)
– Plataformas
de
desenvolvimento
(ASP,
PHP,
.NET,
Java,
Ruby,
etc.)
45

46.
CMS
• Sistemas
para
gestão
de
conteúdo
• Oferecem
recursos
diversos,
como
textos,
vídeos,
fotos,
enquetes,
etc.
• Permitem
customizações
e
uRlização
de
componentes
46

47.
Validação
e
Testes
• Etapa
final
do
desenvolvimento
• Após
aprovação,
projeto
pode
ser
implantado
47

48.
IMPLANTAÇÃO
48

49.
Publicação
• Envio
do
website
para
o
servidor
– Arquivos
normalmente
são
enviados
através
de
um
cliente
de
FTP
– Bancos
de
dados
são
gerenciados
através
de
interface
própria
49

50.
Filezilla
50

51.
PHPMyAdmin
51

52.
MySQL-­‐Front
52

53.
Hospedagem
• Servidor
que
vai
armazenar
os
arquivos
do
website,
banco
de
dados
e
e-­‐mails
• Variáveis
a
serem
levadas
em
consideração
– Espaço
em
disco
– Largura
de
banda
– Contas
de
e-­‐mail
– Domínios
– Painel
de
controle
e
outros
recursos
53

54.
WHM
54

55.
cPanel
55

56.
Plesk
56

57.
DirectAdmin
57

58.
Treinamento
• Treinamento
da
equipe
responsável
pela
manutenção
e
monitoramento
do
website
58

59.
MANUTENÇÃO
59

60.
Manutenção
• Manter
o
website
de
acordo
com
a
necessidade
da
empresa
• Envolve
– Atualização
de
conteúdo
– Mudanças
na
arquitetura
de
informação
– Mudanças
no
visual
– Criação
de
peças
gráficas
60

61.
Modalidades
• Realizada
pelo
proprietário
do
website
• Realizada
por
uma
empresa
terceirizada
• Mista
61

62.
OUTROS
ASPECTOS
62

63.
Internacionalização
• Suporte
a
múlRplas
línguas
• Deve
ser
preocupação
de
websites
que
se
dispõem
a
atender
público
do
exterior
• Adaptação
deve
ser
feita
no
conteúdo
• Layout
pode
ser
adaptado
63

64.
Acessibilidade
• Visualização
do
website
por
portadores
de
deficiências
• Contempla
limitações
visuais,
audiRvas,
xsicas,
de
fala,
cogniRvas
e
neurológicas
64

65.
Acessibilidade
65

66.
Segurança
• GaranRa
da
disponibilidade,
confidencialidade
e
integridade
das
informações
• Preocupação
com
interceptação
da
comunicação
e
armazenamento
dos
dados
• URlização
de
criptografia
66

67.
Exercício
3.3
• Como
será
a
manutenção
do
website
proposto?
JusRfique
sua
resposta.
• Que
exigências
relacionadas
a
internacionalização,
acessibilidade
e
segurança
o
website
proposto
possui?
67

68.
Dúvidas
?
68