ambiente_web_26012016

Apostila_Ambiente_Web_cedaspy_.indd 1
26/01/2016 12:36:52
Apostila_Ambiente_Web_cedaspy_.indd 2
26/01/2016 12:36:52
Impressão • Acabamento
Editora Mona Ltda - ME
Rua José Bajerki, 271 • Curitiba/ PR • Cep: 82.220-320
Fone (41) 3068-9009 • Pabx (41) 3068-9008
www.graficamonalisa.com.br
PREPPES
Ambiente Web
Curitiba: PREPPES, 2016
106 p. il.
Impresso no Brasil
Printed in Brazil
2016
Av. Marechal Deodoro, 314 - Centro - Curitiba/PR
Telefone: (41) 3112-2112
Apostila_Ambiente_Web_cedaspy_.indd 3
26/01/2016 12:36:53
Apostila_Ambiente_Web_cedaspy_.indd 4
26/01/2016 12:36:53
APRESENTAÇÃO
Prezado aluno,
O material didático que você recebe agora é o que existe de mais inovador na era
da Internet, e tem como objetivo desvendar muitos dos mistérios da rede mundial de
computadores. Parece muito simples abordarmos o assunto, que já faz parte do nosso
cotidiano, mas a Internet aqui abordada vai muito além.
O que se percebe atualmente é uma grande empolgação com as redes sociais, que
para muitas pessoas parece constituir o mundo da Internet, no entanto, ela se constitui em
uma pequena parte da imensidão de suas potencialidades. A partir dela é possível ter mais
comodidade e oportunidades para adquirir conhecimento, realizar pesquisas com mais
eficiência, gerenciar e-mails e vários serviços nos quais eles estão vinculados.
É impossível pensar na Internet sem falar no Google e todos os seus aplicativos, por
isso durante o módulo faremos um uso mais eficiente destes serviços. Serão abordadas dicas,
oportunidades, serviços, um mundo inovador que a partir de agora você poderá trilhar.
E computação em nuvem, você já ouviu falar, não?! Então agora você desvendará
todos os segredos desta inovação tecnológica por onde caminham vários softwares que
agora passam a ficar a sua disposição, 24 horas por dia, sem problemas de compatibilidade,
programas caros ou seriais que não funcionam.
Agora você entra pela porta da frente no universo da Internet, aproveite o tempo, a
oportunidade e todas as aulas que com certeza você será um destaque por onde passar.
Conhecimento, persistência e força de vontade são a chave do sucesso, portanto, bem
vindos a este universo mágico.
Um abraço e bons estudos!
Equipe de Ensino
Apostila_Ambiente_Web_cedaspy_.indd 5
26/01/2016 12:36:53
SUMÁRIO
Aula 01 – Introdução à Internet
8
Definições de Ambiente Web
8
História da Internet
9
A estrutura da rede mundial de computadores
10
Tipos de conexões
12
Serviços14
Aula 02 – Legislação
17
Aula 03 – Por dentro do código fonte
24
Aula 04 – Por dentro do código fonte
33
Aula 05 – Marketing Digital
40
Aula 06 – E-commerce
47
Aula 07 - E-mail marketing
55
Marco civil da Internet
Legislação
Os crimes virtuais e suas relações com a lei
Crimes virtuais punições reais
17
18
19
21
A construção de web sites
24
Entendendo o que é o código fonte no navegador
24
Editores de HTML
25
Estrutura HTML - parte 01
25
A subclasse Style
26
Atributos26
Projeto Jornal
30
Trabalhando com imagens
33
Links34
Listas35
Vídeos35
Frames35
De volta para o Jornal
36
Evoluindo o projeto
37
O que é marketing digital?
40
Planejamento41
Quem é o cliente 2.0 e 3.0?
42
O profissional Social Media
43
Entendendo Landing Pages
43
O uso dos templates
44
Leads44
Ferramentas de criação de landing pages
45
O que é e-commerce?
Como funciona o comércio eletrônico
Dicas e cuidados no comércio eletrônico
Pagamentos virtuais
Categorias de aplicação (B2B, B2C, C2C)
Os segredos do e-commerce
Algumas tecnologias utilizadas no comércio eletrônico O que é e-mail marketing?
O uso consciente
E-mail marketing X SPAM
Estratégias de campanha
Apostila_Ambiente_Web_cedaspy_.indd 6
47
47
49
50
51
52
52
55
55
56
56
26/01/2016 12:36:53
Ferramentas de E-mail Marketing
Criando uma campanha do seu projeto
57
58
Aula 08 – SEO
60
Aula 09 – Blogs
66
Aula 10 – O uso eficiente do ambiente Google
71
Aula 11 – O uso eficiente do ambiente Google
77
Aula 12 – Publicidade online
83
Aula 13 – Segurança na Web
88
Aula 14 – Os serviços no ambiente web
93
Aula 15 – O uso funcional dos aplicativos
98
Entendendo o SEO
Como funcionam os mecanismos de busca
Técnicas de SEO para sites e blogs
Cuidados com as empresas de SEO
Conteúdo de qualidade
O que é um blog?
A importância dos blogs
Planejando o conteúdo
Conteúdo útil e relevante
As ferramentas para criação do Blog
Uma breve história do Google
Pesquisas avançadas
Filtros da pesquisa Google
Operadores e símbolos de pesquisa
Serviços Gmail e Inbox
O que o termo “Computação em nuvem” representa?
Benefícios da Cloud Computing
Serviços Google para computação em nuvem
A força dos concorrentes
Entendendo a publicidade on-line Os prós e os contras
As melhores estratégias
Conhecendo plataformas: Adwords e Facebook for Business
Segurança na Web
Os principais riscos digitais
Estudando vírus e formas de proteção
Configurações básicas dos navegadores
Estudando pela Internet
Visão geral da Educação a Distância (Ead)
Principais TICs para EaD
Onde estudar a distância
Videoconferência
Aplicativos e sites para videoconferência
Streaming
O mundo é dos apps
A importância do mercado mobile
Categorias
Apostila_Ambiente_Web_cedaspy_.indd 7
60
60
62
63
64
66
66
67
68
69
71
72
72
73
74
77
77
78
80
83
84
85
85
88
88
89
91
93
93
94
95
95
95
96
98
98
99
26/01/2016 12:36:53
AMBIENTE WEB
Aula 01 – Introdução à Internet
Definições de ambiente web
História da Internet
A estrutura da rede mundial de computadores
Tipos de conexão
Serviços disponíveis
Definições de Ambiente Web
Chegamos a uma era em que não podemos mais viver sem
esse ambiente virtual chamado Internet. Vivemos uma geração
de equipamentos, aplicações e serviços que utilizam a web como
plataforma para as diversas atividades. Sejam elas voltadas a interligação
de pessoas através de redes sociais e blogs, transferência de arquivos,
entretenimento ou a solução de problemas do dia a dia por meio dos diversos aplicativos disponíveis.
Pense nesse ambiente como uma interação e participação que hoje engloba inúmeras linguagens
e motivações.
Na área de TI, o termo Ambiente Web é usado normalmente para designar serviços ou
ações que utilizam como princípio básico as páginas HTML como interface com o usuário e
que são visualizadas através do browser. No entanto, não é errado abrir o leque e dizer que este
Ambiente Web pode ser considerado todo o ambiente de serviços, tarefas e atividades que podem
ser realizadas por meio de um sistema virtual, no caso mais amplo, a Internet.
O uso geral de todo um ambiente que envolva uma
estrutura web tem crescido a cada ano, por isso, é importante dizer
que o virtual é muito mais dinâmico do que se imagina. Hoje, são
mais de 2,5 bilhões de usuários da rede mundial, o que significa
que o espaço para serviços dentro dela está cada vez maior. A
evolução atual, a web 3.0, vem com o intuito de incrementar mais
interatividade, mais comunicação e muito mais dinamismo.
O papel desta apostila é introduzi-lo neste Ambiente Web,
caminhando por entre os principais serviços e práticas essenciais
ao mercado de trabalho. O nosso passeio começa agora, através
da linha do tempo, falando um pouco sobre como tudo começou.
Bom curso.
8
Apostila_Ambiente_Web_cedaspy_.indd 8
26/01/2016 12:36:54
História da Internet
Antes de aprofundarmos os estudos relacionados aos
serviços e principais utilizações modernas deste Ambiente
Web, vamos falar um pouco sobre as origens da Internet.
Tudo começou no auge da Guerra Fria, na década de 60,
quando o mundo estava dividido por dois grandes blocos
ideológicos e políticos, competindo para ver quem possuía
maior influência no mundo. Essa influência era medida por
uma corrida armamentista, ou seja, a busca pela construção de um grande arsenal bélico nuclear e
tecnológico. Os protagonistas dessa corrida foram os EUA (capitalista) e União Soviética (socialista).
Qualquer inovação, qualquer invenção, qualquer mecanismo novo que aumentasse o poder de
qualquer um dos dois países era uma vitória. Por ser uma disputa tecnológica, nenhum tiro foi
disparado, mas mesmo assim, o governo dos Estados Unidos temia o uso da força e que um ataque
russo às suas bases militares poderia destruir ou vazar informações sigilosas.
Começou então a surgir um modelo de troca e compartilhamento que permitisse que
as informações fosse transmitidas e guardadas rapidamente em bases espalhadas em pontos
estratégicos. Para isso, surgiu a primeira rede, chamada ARPANET, criada pela ARPA, sigla para
Advanced Research Projects Agency. A ARPANET funcionou como ainda fazemos nos dias de hoje,
com as informações divididas em pequenos pacotes acrescentadas pelo endereço do destinatário.
Já na década de 70, a tensão entre EUA e URSS diminui e as potências começam a trabalhar
unidas para que a ARPANET pudesse ser amplamente utilizada. Nesta ocasião as universidades, por
meio dos seus respectivos pesquisadores e alunos, começaram a idealizar um sistema técnico que
viabilizasse o uso dessa rede mundialmente. Essa interligação veio com um sistema denominado
de Protocolo de Internet (Internet Protocol) ou IP, e pela espinha dorsal chamada de backbones, dos
quais veremos mais a diante nesta aula.
Outra grande revolução na história da
Internet foi a criação do WWW. O responsável por
essa revolução chama-se Tim Berners-Lee, que em
1989 desenvolveu um projeto onde permitia que
pessoas trabalhassem em conjunto numa rede de
documentos interligados, chamada de hipertextos.
Esse projeto ficou conhecido com a World Wide Web.
Bernes-Lee desenvolveu um computador chamado NeXT, que ficou conhecido como o
primeiro servidor web, e escreveu o primeiro navegador. No final de 1990, Berners-Lee já havia
construído todas as ferramentas que tornariam possível a navegação por meio de documentos
hipertextos, como o que ele publicou em 6 de agosto de 1991, no grupo de notícias alt.hypertext,
marcando a data de estreia da Web como um serviço de Internet. (Fonte: Portal G1)
No Brasil, tudo começou 1988, dentro das universidades brasileiras em conjunto com
universidades nos Estados Unidos porém, foi apenas em 1989 que a Rede Nacional de Ensino
9
Apostila_Ambiente_Web_cedaspy_.indd 9
26/01/2016 12:36:55
e Pesquisa (RNP) lança um projeto de implantação de uma rede de comunicação nacional nas
universidades e centro de pesquisas para implantar o primeiro backbone nacional.
No ano de 1991, o primeiro backbone (espinha dorsal) brasileiro estava pronto. Essa
infraestrutura conectava todos os pontos da grande rede acadêmica no Brasil. Esse mesmo
backbone foi aberto, em 1995, para provedores de acesso comerciais. Neste mesmo ano foi
realizada a primeira transmissão a longa distância entre os estados, o que permitiu a liberação para
operação comercial no Brasil. Foi criado tambem o Comitê Gestor da Internet no Brasil, que tinha
como atribuição principal coordenar e integrar os serviços de Internet no país, no intuito de prover
a qualidade técnica, a inovação e a disseminação dos serviços ofertados.
Quanto ao primeiro site criado no Brasil não
existe um consenso. Segundo pesquisas realizadas
para esta apostila, o Canal Vip foi o primeiro a receber
um número IP comercial no Brasil; outras afirmam que
o Banco Bradesco foi quem colocou no ar o primeiro
endereço eletrônico pontocom de uma empresa
privada brasileira.
O ano de 1997 foi bem determinante, pois o aumento no número de acessos começava a
criar uma necessidade de uma infraestrutura com maior velocidade e segurança. Começou-se aí o
estudo pelo uso da fibra óptica que cobrisse todo o território nacional.
A estrutura da rede mundial de computadores
O primeiro ponto que devemos considerar ao falar dessa
estrutura gigantesca chamada Internet é: “quem a controla?
Quem é a sua responsável?”. O que precisa ficar claro é que não
há nenhum gerenciamento centralizado para a Internet, ou seja,
fica a cargo da gestão descentralizada de milhares de redes e
organizações individuais. Cada rede colabora com outras redes
de forma organizada e sem problemas de tráfegos.
Mas para que essas redes funcionem de forma organizada é importante que haja um
padrão, um acordo sobre alguns itens e procedimentos na Internet, os chamados padrões
e protocolos. E claro, um dos mais importantes, é o protocolo TCP/IP, do qual vamos falar a
seguir.
O protocolo tcp/ip
Para que a conversa entre computadores ocorra de forma correta e sem falhas é
preciso que todos os dispositivos tenham a mesma linguagem. Essa linguagem é o TCP/
IP (sigla para Transmission Control Protocol/Internet Protocol), um conjunto de protocolos,
regras e padrões de comunicação. Cada protocolo tem sua tarefa definida e funcionam de
forma interligada. Pode-se dizer que o TCP/IP é uma família de protocolos, organizada em
camadas, onde cada uma tem uma tarefa importante para realizar.
10
Apostila_Ambiente_Web_cedaspy_.indd 10
26/01/2016 12:36:57
Veja o resumo abaixo:
Camada de Aplicação: onde estão as aplicações ou programas que fazem uso da
rede. Nela estão presentes os protocolos HTTP, DNS e FTP;
Camada de Transporte: nesta camada estão os protocolos responsáveis pelo envio e
recebimento de dados, como o TCP e o UDP;
Camada de Rede ou Internet: onde é feito o endereçamento dos dispositivos
conectados e tarefas de roteamento (estabelecer rotas) para os dados transmitidos. O
IP é o protocolo mais importante desta camada;
Camada de Link: os protocolos com as tecnologias de rede que serão usadas estão
aqui. Os drives que permitem que os dispositivos conectados se comuniquem também
fazem parte desta camada;
Camada Física: esta é a camada mais baixa, onde estão os componentes físicos, como
modems, cabos e conectores de rede.
Já a ideia do Internet Protocol (IP) é bem
simples: cada dispositivo seja ele seu notebook,
computador, ou smartphone, estão conectados
a uma rede por meio de um endereço único,
o chamado IP. Para fazermos uma analogia
simples, comparamos o número IP com o
endereço da sua casa. É através do endereço
que é possível que outra pessoa encontre você.
Para que o seu computador seja encontrado e
possa fazer parte de uma rede, principalmente
a Internet, é necessário ter um endereço único.
O IP é uma sequência de números composta de 32 bits, com quatro sequências de 8
bits. Cada uma destas é separada por um ponto e recebe o nome de octeto ou simplesmente
byte, já que um byte é formado por 8 bits. O número 172.16.254.1 é um exemplo. Cada octeto
é formado por números que podem ir de 0 a 255, não mais do que isso. Isso resulta em
diversas redes em um mesmo local, mudando apenas os octetos.
Exemplo: 172.16.253.xx / 172.16.254.xx
Quando você se conecta a Internet, você está acessando um determinado provedor (empresa que fornece Internet) que irá fornecer um endereço IP dentro de uma cota numérica que ela
possui, e assim, você terá um número IP provisório durante aquela conexão.
11
Apostila_Ambiente_Web_cedaspy_.indd 11
26/01/2016 12:36:57
Mas estamos com um sério problema que precisa ser resolvido. A cada dia mais dispositivos
são ligados à Internet e, por causa disso, o número de endereços IP está com os dias contados. O
formato IPv4 que vimos anteriormente (os quatro conjuntos de 8 bits) permite, teoricamente, a
criação de até 4.294.967.296 endereços que já são vistos com insuficientes. É aí que entra em cena
o IPv6, sigla para Internet Protocol version 6. Esse formato englobaria 128 bits, o que possibilitaria a
quantidade de endereços disponíveis pode chegar a um número um pouco maior do que 340.000
.000.000.000.000.000.000.000.000.000.000.000, algo muito complicado de ser mensurado.
Backbones
Os backbones (espinhas dorsais) são linhas de alta capacidade de transporte de grandes quantidades de tráfego
da Internet. Esses backbones são sustentados por agências
governamentais e por corporações privadas. O governo
federal sustenta alguns backbones de alta velocidade que
transportam o tráfego da Internet pelo país e pelo mundo,
enquanto que a Embratel, Telefónica, Oi, entre outros, alimentam esse serviço.
Tipos de conexões
ADSL
Segundo uma padronização da UIT (União Internacional de Telecomunicações), banda larga é o tipo de conexão com capacidade de transmissão superior 2 ou 5 Megabits por
segundo. A mais conhecida e mais usada é a famosa ADSL (Assymmetric Digital Subscriber
Line) ou “Linha Digital Assimétrica para Assinante”, que
permite a transferência digital de dados em alta velocidade por meio de linhas telefônicas comuns. Para que essa
conexão aconteça é necessário um modem ou roteador
ADSL, ligado ao computador via uma placa de rede ethernet, ou através de uma porta USB. Conforme o site da
Revista Exame, a banda larga fixa no Brasil somou 23,1
milhões de conexões em 2014, um crescimento de 10%
em um ano.
Wi-fi
Versão da tradicional banda larga, que não utiliza
fios. A única diferença é a necessidade do uso de um
roteador especial. Atualmente, a maioria dos computadores, smarthphones, tablets, possuem dispositivos WiFi embutidos neles. Serviços comerciais Wi-Fi já estão
cobrindo grandes áreas de cidades, como Londres, Toronto, entre outros.
12
Apostila_Ambiente_Web_cedaspy_.indd 12
26/01/2016 12:36:58
Rádio
Também é possível conectar-se à Internet através de
sinais emitidos por antenas de rádio frequência. O sinal é
enviado por antenas, geralmente posicionadas nos altos
dos prédios, e recebido por torres de transmissão, também
posicionadas em pontos altos para evitar interferência e
ter boa visada. A conexão via rádio é de longo alcance,
usada principalmente para interligar empresas com filiais separadas por grande distância, ou para atingir locais
aonde as redes telefônicas não chegam.
Satélite
Vantagem: é um sistema de rádio que pode ser acessado de qualquer lugar do planeta.
É um dos métodos mais caros para acessar a Internet, pois para conectar é necessário ter
dois modem’s (um para envio de dados e outro para recebimento) e uma antena específica para este tipo de sinal. Isso
se deve à distância entre o satélite e o receptor. Como a antena é muito grande, o tempo de resposta do sinal e o envio
de dados é muito alto e fica sujeito a muitas interferências
pelo caminho. Para resolver as falhas, as informações são
trocadas em grandes pacotes de dados.
3g e 4g
A prestação destes serviços fica por conta das operadoras de telefonia celular que, por meio de um mini modem ou um chip permite
que você possa se conectar às torres de telefonia. E são nessas torres
que acontecem a interligação com o backbone.
WiMAX
O padrão WiMAX é um tipo de conexão de Internet banda larga com tecnologia Wi-Fi
para regiões onde não existe infraestrutura de cabeamento telefônico ou de TV por cabo, ou
para permitir acesso a sua rede sem fio dentro de toda a cidade, por exemplo.
As redes WiMAX oferecem também menos interferência que o Wi-Fi. Esse sistema pode
cobrir regiões inteiras, com distâncias mínimas de alcance de 10 Km.
Pense: você estar em qualquer parte da sua cidade e estar conectado a uma rede sem
fio de forma contínua e com velocidades de acesso semelhantes às conexões de ADSL. Para
que isso seja possível ele também é implantado em células, assim como o celular. De uma
estação base é possível a transmissão para as estações terminais ou diretamente até os dispositivos dos usuários. (Fonte: Site Intel)
13
Apostila_Ambiente_Web_cedaspy_.indd 13
26/01/2016 12:36:59
PLC (Powe Line Comunication)
Ainda iniciando no Brasil, a Internet Banda Larga via
Rede Elétrica é uma alternativa para chegar a regiões onde
outras vias de acesso rápido ainda não estão disponíveis.
Cada tomada de uma residência será o ponto de acesso
para se conectar à rede mundial.
A transmissão de dados é simples: usa-se a mesma estrutura já existente para distribuir energia elétrica. Como a
frequência dos sinais de conexão é diferente da frequência
da energia elétrica os dois sinais podem conviver sem nenhum problema no mesmo meio. Para exemplificar melhor, confira um infográfico disponibilizado pelo site da Revista Veja no endereço http://abr.ai/17frYQp. Confira também um vídeo
explicativo no Youtube através do endereço http://bit.ly/1wiCpYQ.
Serviços
Toda a estrutura de rede montada tem como função específica disponibilizar serviços
que são importantes para o nosso dia a dia. A partir de agora vamos conhecer alguns deles.
World Wide Web (www)
A WWW permitiu a descentralização da informação, popularização de websites, páginas
pessoais, blog’s e redes sociais. Tudo acessado de forma rápida através dos navegadores ou
browsers. Mas não pense que os serviços da web se resumem apenas às páginas que você
acessa no seu navegador.
Correio eletrônico (E-mail)
O uso do correio eletrônico na vida moderna é de extrema
importância. Enviar mensagens eletrônicas de texto com arquivos anexados é garantir a agilidade da comunicação e também
encurtar distâncias. A maioria das pessoas utilizam os webmails
(sistemas que utilizam páginas web para a apresentação das
mensagens) sem a necessidade de aplicativos instalados num
computador, que só podem ser acessados localmente.
Acesso remoto
Acessar outro computador ou dispositivo que está conectado a Internet é tarefa
fácil com os serviços de acesso remoto. Mesmo estando em localidades distantes, o acesso remoto pode ser feito de forma segura, com autenticação e criptografia de dados. Isso
permite que pessoas possam resolver problemas a longa distância ou trabalhar em casa,
compartilhando as informações com a empresa.
14
Apostila_Ambiente_Web_cedaspy_.indd 14
26/01/2016 12:36:59
Mensageiros e chats
Amplamente usados nos dias atuais, os serviços mensageiros
(mensagens instantâneas) de baixo custo, tem facilitado a comunicação de diversas pessoas. Compartilham-se ideias, conhecimentos, habilidades, formação de grupos, entre outros. Aplicativos como
WhatsApp, Skype, Telegram, Viber, vem ganhando espaço devido ao
dinamismo e pluralidade de opções fornecidas por eles.
Compartilhamento de arquivos
O compartilhamento de arquivos é uma prática útil e muito comum nos dias de hoje. Qualquer arquivo pode ser compartilhado por
diversas pessoas a qualquer momento, através da Internet. Ele pode
ser enviado para um servidor Web como local único para a fonte e disponibilizado para um download por meio do FTP (que será abordado
nas próximas aulas.
Transmissão de mídia (streaming)
Transmitir vídeo e áudio através da Internet e por meio de pacotes tem sido comum em
todo mundo. Por streaming, é possível distribuir dados multimídia em uma rede sem que eles
fiquem armazenados no computador do usuário. Com isso, não há sobrecarga de espaço no
disco rígido. A mídia é reproduzida à medida que chega ao usuário, dependendo da velocidade de conexão. Também é possível assistir a vídeos em streaming via smartphones por meio
de aplicativos próprios.
Empresas como a Netflix e Hulu executam esse serviço
de streaming para vídeo, enquanto empresas como o Deezer
e Spotify trabalham com músicas.
Telefonia na Internet (Voz sobre IP)
Os serviços de Voz sobre IP não são novos, mas bem convenientes nos dias atuais. Já que a Internet permite o tráfego de
voz, o sistema VoIP permite que você possa fazer ligações pela
Internet, principalmente de longa distância, de forma gratuita e
com boa qualidade.
Os computadores, smarthphones e tablets utilizam aplicativos que fazem este trabalho
com muita eficiência. É o caso do Skype e do Viber, por exemplo.
E a nossa conversa sobre os serviços mais importantes da Internet não para por aqui.
Nas próximas aulas você vai conhecer outros serviços que serão muito úteis na sua vida pessoal, na escola e no trabalho.
15
Apostila_Ambiente_Web_cedaspy_.indd 15
26/01/2016 12:36:59
ATIVIDADES
1
Atividade 1: Por dentro dos protocolos
Você aprendeu nesta aula de hoje que a estrutura de rede que permite você se conectar à Internet é cheia de regras, padrões e protocolos. Aproveite esta oportunidade
para descobrir algo mais sobre alguns protocolos importantes. Pesquise e responda:
Protocolo HTTP
Sigla em inglês: _____________________________________________________
Sigla em português: _________________________________________________
Principal função: ____________________________________________________
Protocolo DNS
Sigla em inglês: _____________________________________________________
Sigla em português: _________________________________________________
Principal função: ____________________________________________________
Protocolo FTP
Sigla em inglês: _____________________________________________________
Sigla em português: _________________________________________________
Principal função: ____________________________________________________
Protocolo UDP
Sigla em inglês: _____________________________________________________
Sigla em português: _________________________________________________
Principal função: ____________________________________________________
2
Atividade 2: O caminho da Internet
Use um software de apresentação de sua escolha e elabore uma linha do tempo dos
principais acontecimentos no caminho da evolução da Internet. Para cada slide você
deverá acrescentar um título relacionado com o ano ou e em tópicos as informações
mais importantes daquele período.
16
Apostila_Ambiente_Web_cedaspy_.indd 16
26/01/2016 12:37:00
AMBIENTE WEB
Aula 02 – Legislação
Marco civil da Internet
Legislação
Os crimes virtuais e suas relações com a lei
Crimes virtuais e punições reais
Marco civil da Internet
Há tempos que o governo vem discutindo uma legislação própria para definir direitos e deveres de usuários e
provedores da web no Brasil.
Durante mais de 4 anos, muito se debateu, mas somente em 2014 a lei 12.965/14 foi
sancionada. O Marco Civil da Internet visa estabelecer princípios, garantias, direitos e deveres
para internautas e empresas. Mas porque estudar esta legislação? Resposta simples: você
deve conhecer essa relação com Internet na sua vida ou onde você trabalha. Essa lei, ou as
que virão depois dela, podem ser importantes para o desempenho de alguma tarefa na empresa onde você estiver trabalhando.
Neutralidade
A neutralidade de rede diz que os provedores de Internet ficam proibidos de ofertar
conexões diferenciadas a partir do conteúdo que o usuário quiser. Todos os dados que circulam na Internet devem ser tratados da mesma forma, sem distinção por conteúdo, origem,
destino ou serviço.
O conteúdo publicado
Anteriormente, todo o conteúdo publicado era responsabilidade do provedor e do
usuário. Agora, provedores não serão responsabilizados por aquilo que os internautas fizerem da rede e por publicações feitas por eles. Punir sites como o Facebook, por exemplo,
por páginas ofensivas criadas por seus usuários só é possível caso ele não acate uma ordem
judicial exigindo a retirada dessas publicações. Por isso, cuidado com que você escreve nas
redes sociais. Isso pode se tornar um problema exclusivamente seu.
17
Apostila_Ambiente_Web_cedaspy_.indd 17
26/01/2016 12:37:00
Sigilo
Os seus dados nos sites e provedores de acesso deverão estar bem protegidos e não podem ser
violados. Os provedores serão obrigados a guardar
os registros das horas de acesso e do fim da conexão dos usuários pelo prazo de seis meses ou um
ano. Seus dados não podem ser repassados a outras
empresas para fins de publicidade. Essa proteção só poderá ser quebrada mediante ordem
judicial. Uma dica: se você encerrar o contrato com um provedor qualquer ou uma conta
numa rede social, solicite a exclusão definitiva dos seus dados pessoais.
Privacidade das comunicações
Agora, o sigilo de comunicações eletrônicas, como os seus e-mails, por exemplo, tem
a mesma proteção de privacidade que já é garantida em cartas, conversas telefônicas, etc.
Marketing dirigido
Com a lei, as empresas de acesso não poderão mais ficar espiando a troca de informações na rede. Está proibido monitorar, filtrar, analisar ou fiscalizar o conteúdo, principalmente para fins comerciais.
Legislação
A Internet, como todos nós sabemos, trouxe inúmeros benefícios para facilitar a tão
agitada vida moderna. São diversos os serviços que podemos realizar utilizando os meios
virtuais. Porém, ela também trouxe riscos, crimes e problemas que a legislação brasileira teve
que se adaptar. Muitos criminosos acreditam estar protegidos pelo anonimato do mundo
virtual, mas você verá ao longo desta aula que não é bem assim. Vamos aprofundar o seu
conhecimento entendendo um pouco mais como a legislação brasileira trata e pune os
crimes do mundo virtual. Por enquanto, para que você possa fazer consultas posteriores,
segue a relação de algumas leis aos quais seus artigos tratam, por assim dizer, de relações
virtuais e possíveis crimes.
Lei nº 9.610, de 19 de fevereiro de 1998 - Altera, atualiza e consolida a legislação sobre direitos autorais e dá outras providências.
Lei nº 9.983, de 14 de julho de 2000 - Altera o Decreto-Lei nº 2.848, de 7 de dezembro de 1940 – Código Penal e dá outras providências.
Lei nº 12.686, de 18 de julho de 2012 - Normatiza a divulgação de documentos institucionais produzidos em língua estrangeira, nos sítios e portais da rede mundial de computadores – Internet mantidos por órgãos e entidades públicos.
Lei nº 12.735, de 30 de novembro de 2012 - Altera o Decreto-Lei nº 2.848, de 7 de
dezembro de 1940 – Código Penal, o Decreto-Lei nº 1.001, de 21 de outubro de 1969 – Código Penal Militar, e a Lei nº 7.716, de 5 de janeiro de 1989, para tipificar condutas realizadas
18
Apostila_Ambiente_Web_cedaspy_.indd 18
26/01/2016 12:37:00
mediante uso de sistema eletrônico, digital ou similares, que sejam praticadas contra sistemas informatizados e similares; e dá outras providências.
Lei nº 12.737, de 30 de novembro de 2012 - Dispõe sobre a tipificação criminal de
delitos informáticos; altera o Decreto-Lei nº 2.848, de 7 de dezembro de 1940 – Código Penal;
e dá outras providências. Popularmente conhecida como “Lei Carolina Dieckmann”.
Decreto nº 7.962, de 15 de março de 2013, Regulamenta a Lei nº 8.078, de 11 de setembro de 1990, - Dispõe sobre a contratação no comércio eletrônico.
Os crimes virtuais e suas relações com a lei
Você já deve ter ouvido falar de alguém que já foi vítima de algum tipo de crime virtual, seja dos mais simples
aos mais complexos. Ou quem sabe, por algum descuido,
você mesmo já tenha sofrido algum tipo de ataque virtual. Infelizmente, isso é muito comum do que se imagina.
O importante é manter-se atualizado, atento e estabelecer
regras para que você não caia em golpes virtuais.
Os crimes virtuais são atos praticados ilegalmente com o propósito de roubar, prejudicar, denegrir, ofender ou abusar psicológica ou fisicamente de outro indivíduo. Os ataques
podem ser contra nossa honra, moral ou nossos próprios bens. Ou ainda, contra patrimônio
de empresas como bancos, órgãos dos governos, entre outros. Mesmo sabendo das dificuldades de se combater crimes virtuais, é importante se manter atualizado e preparado caso
ocorra algum incidente. No Brasil, parece que a maiorias das ações para publicação de novas
leis e punições severas só acontece quando a vítima é “pessoa pública”. Mas, como você verá
no final desta aula, existem punições reais para crimes virtuais.
São vários os tipos de crimes. Dos principais podemos destacar:
• Os crimes contra a pessoa: injúria, calúnia, difamação, discriminação, preconceito;
• Crimes contra ao patrimônio público ou pessoal: furto, estelionato;
• Crimes contra a propriedade imaterial, como a pirataria, por exemplo;
• Crimes contra os costumes, como a pedofilia, por exemplo;
• Crimes contra a paz pública: incitação e apologia ao crime organizado.
A partir de agora, vamos fazer um levantamento básico dos principais crimes virtuais e
como a lei os trata.
Pirataria
A pirataria é o crime de vender ou distribuir produtos
sem a expressa autorização dos proprietários. Ela não se resume apenas no download ilegal de filmes e músicas, mas
também produtos de uso pessoal, como roupas, calçados,
remédios. Para se ter uma ideia, segundo o site Olhar Digital,
o Brasil teve um prejuízo de mais de R$ 1,6 bilhão em 2014 com
softwares piratas.
19
Apostila_Ambiente_Web_cedaspy_.indd 19
26/01/2016 12:37:01
Por isso, baixar vídeos na Internet, produzir e vender DVDs piratas são crimes previstos no Código Penal, no Art. 184, com pena de reclusão que pode chegar a 4 anos e multa.
Ainda, outras leis também apoiam a punição ao crime de pirataria como, por exemplo, a Lei
nº 9.610/98 (Direitos autorais), a Lei nº 8.078/90 (Código de Proteção e Defesa do Consumidor), e a Lei nº 8137/90 (Crimes contra a ordem tributária, econômica e contra as relações de
consumo).
Injúria, calúnia, difamação, discriminação.
Estes crimes são considerados contra a pessoa e praticados por indivíduos que tem a intenção
de humilhar e agredir psicologicamente outro indivíduo. Muitas das vezes ela acontece em meios
virtuais, simplesmente pela sensação da impunidade. Mas você sabe diferenciar cada um deles?
Preste bastante a atenção e pense duas vezes antes de publicar algo contra outras pessoas nas
redes sociais, blogs, etc.
Injúria: Consiste em ofender verbalmente, por escrito, meio virtual, ou até fisicamente a
dignidade ou a moral de alguém, na intenção de criar no ofendido um abatimento psicológico. O
Código Penal Brasileiro estabelece no art. 140 a pena de detenção de um a seis meses, ou multa.
Calúnia: é uma afirmação falsa, desonrosa e desconexa a respeito de alguém ou algo, inclusive pessoas mortas. A calúnia acontece quando se atribui, falsamente, a alguém a responsabilidade
falha ou mentira sobre algo. O Código Penal Brasileiro estabelece no art. 138 a pena de detenção, de
seis meses a dois anos, e multa.
Difamação: quando atribuído a alguém um fato determinado que seja ofensivo à sua
reputação, com a intenção de torná-lo passível de descrédito na opinião pública, a partir do momento que outras pessoas tomam conhecimento do fato. O Código Penal Brasileiro estabelece no
art. 139 uma pena de detenção de três meses a um ano, e multa.
Discriminação: Fazer algum tipo de distinção social ao outro indivíduo seja ela racial, política, religiosa, sexual, e que possa levar à exclusão social deste indivíduo. O ato discriminatório está
previsto nas leis 7.853/89 (pessoa portadora de deficiência), 9.029/95 (origem, raça, cor, estado civil,
situação familiar, idade e sexo) e 7.716/89 (raça ou cor).
Invasões
Um dos crimes mais comuns da vida moderna são as invasões feitas por meio virtual a dados de pessoas e empresas
públicas ou privadas, com o intuito de danificar ou roubar seus
patrimônios. Estes atos vão desde obtenção de informações sigilosas, até roubos e danos. As invasões geralmente são feitas sem
o conhecimento das vítimas, porém existem criminosos que utilizam de artifícios ilegais para conquistar sua vítima e a partir disso obter seus dados pessoais. Estes
artifícios incluem softwares liberados gratuitamente em forma de presente para a vítima. No Brasil, recentemente, foi aprovada uma lei - 12.737/2012 – que trata dos crimes de invasão na Internet, estabelecendo punições específicas para os infratores. A lei diz: “Art. 154-A. Invadir dispositivo
informático alheio, conectado ou não à rede de computadores, mediante violação indevida de
mecanismo de segurança e com o fim de obter, adulterar ou destruir dados ou informações sem
20
Apostila_Ambiente_Web_cedaspy_.indd 20
26/01/2016 12:37:01
autorização expressa ou tácita do titular do dispositivo ou instalar vulnerabilidades para obter vantagem ilícita: Pena - detenção, de 3 (três) meses a 1 (um) ano, e multa”. Essa lei ficou conhecida
como “Lei Carolina Dieckmann”.
Pedofilia na Internet
Geralmente, ocorrem estes tipos de crime quando há um desvio dos padrões que a sociedade
construiu, como por exemplo, a pedofilia. Isso acontece quando alguém pratica atentados contra
os bons costumes e contra a inocência de uma criança ou adolescente, sejam eles de forma moral
ou sexual. Muitas das vezes elas viram um produto no mercado, com suas fotos expostas e vendidas pela Internet. A lei brasileira enquadra pedofilia no crime de estupro de vulnerável (art. 217-A
do Código Penal) com pena de oito a quinze anos de reclusão e considerados crimes hediondos.
A pornografia infantil também é crime no Brasil. Produzir, vender, divulgar ou publicar, fornecer, por
qualquer meio de comunicação, inclusive na Internet, fotografias ou imagens com pornografia envolvendo criança ou adolescente é passível de pena de prisão de dois a seis anos e multa.
Incitação e Apologia
Estes são os chamados crimes a incolumidade pública e crimes contra a paz pública.
Eles estão diretamente ligados a atos ilícitos que envolvem a incitação ao uso de drogas e
armas, apologias ao tráfico, formação de grupos criminosos e organizados, entre outros. O
Código Penal Brasileiro prevê nos Arts. 286 e 287 a pena de detenção de três a seis meses ou
multa para os crimes de Incitação ao crime e Apologia de crime ou criminoso.
Pois é, caro aluno. Citamos os crimes mais comuns, porém nos dias atuais eles crescem
assustadoramente. O importante é ficar atento a tudo que acontece a sua volta e denunciar
casos que possam ser tipificados como crimes virtuais para que as punições sejam mais
drásticas e que diminuam as incidências.
Crimes virtuais punições reais
Para exemplificar um pouco mais como a legislação brasileira tem sido importante no combate aos crimes em ambientes virtuais, veja uma pequena lista de casos reais que foram punidos
ou estão em julgamento.
Pirataria: “A 2ª Câmara Criminal do Tribunal de Justiça do
Estado de Goiás (TJGO) condenou Marcelo do Nascimento a
dois anos de reclusão, em regime fechado, pela venda de CDs
e DVDs piratas, crime previsto no artigo 184 do Código Penal e
que diz respeito à violação de direitos autorais”. (Fonte: Site do
Tribunal de Justiça do estado de Goiás)
Discriminação ou preconceito: “A estudante universitária Mayara Petruso foi condenada a 1
ano, 5 meses e 15 dias de reclusão por mensagem preconceituosa e de incitação à violência contra
nordestinos em sua página no Twitter. A decisão foi da juíza federal Mônica Aparecida Bonavina Camargo, da 9ª Vara Federal Criminal em São Paulo. A pena, entretanto, foi convertida em prestação
21
Apostila_Ambiente_Web_cedaspy_.indd 21
26/01/2016 12:37:02
de serviço comunitário e pagamento de multa. A acusada confessou ter publicado a mensagem
“Nordestisto [sic] não é gente.“ Faça um favor a SP: mate um nordestino afogado”. Na época, a estudante cursava o primeiro ano de Direito, residia na capital paulista com duas amigas e estagiava
em escritório de advocacia de renome. Após a repercussão do fato, perdeu o emprego, abandonou
a faculdade e mudou-se de cidade com medo de represálias. (Fonte: Portal R7)
Injúria e Calúnia: “O desembargador convocado Carlos Fernando Mathias de Souza manteve a decisão da Justiça gaúcha que condenou um homem a pagar à ex-namorada indenização
por danos morais no valor de R$ 30 mil por ter divulgado, pela Internet, mensagens chamando-a
de garota de programa”. (Fonte: Site JusBrasil)
Invasão e roubo: “Corte manteve a prisão do hacker Otávio Oliveira Bandetini, condenado a 10 anos e 11 meses de reclusão por retirar irregularmente cerca de R$ 2 milhões de contas
bancárias de terceiros via Internet”; em outro caso “um técnico em informática de Santa Catarina foi
acusado de manipular e-mails para incriminar colegas de trabalho”. (Fonte: Site JusBrasil).
Invasão de privacidade e roubo: “De acordo com a investigação, hackers do interior de
Minas Gerais e São Paulo invadiram o e-mail da atriz Carolina Dieckmann e pegaram as imagens.
Um grupo especializado da Delegacia de Repressão aos Crimes de Informática (DRCI) da Polícia
Civil do Rio usou programas de contra-espionagem para chegar aos suspeitos. Assim, os rapazes
que invadiram os arquivos de Carolina Dieckmann poderão ser indiciados por furto, extorsão qua
lificada e difamação. A pena pode totalizar 15 anos de prisão”. (Fonte: portal G1 – com adaptações)
1
ATIVIDADES
Você aprendeu nesta aula
que a legislação tem se
modernizado para resolver
problemas no mundo virtual. Para fixar melhor o conteúdo, vamos relembrar os
principais perigos ocultos,
suas regras, além de acrescentar outras informações
importantes por meio de
uma pesquisa rápida na
Internet. Antes de fazer a
pesquisa tente resolver a
cruzadinha abaixo com as
informações que você captou do seu professor.
22
Apostila_Ambiente_Web_cedaspy_.indd 22
26/01/2016 12:37:02
1 - Esconder atrás de uma identidade falsa.
2 - Deixam de realizar atividades sociais para viver em função do mundo virtual.
3 - Crime de vender ou distribuir produtos sem a expressa autorização dos
proprietários.
4 - Captura de dados sem autorização durante uma invasão.
5 - Como também é conhecido o Marco Civil da Internet.
6 - Uma afirmação falsa, desonrosa e desconexa a respeito de alguém ou algo,
inclusive pessoas mortas.
7 - Ofender a dignidade ou a moral de alguém na intenção de criar no ofendido
um abatimento psicológico.
8 - Lei nº 9.983, de 14 de julho de 2000
9 - Texto ou discurso, utilizado para defender, explicar ou elogiar algo ou alguém.
10 – Os seus dados nos sites e provedores de acesso deverão estar bem protegidos
e não podem ser violados.
11 – Crime contra o costume.
12 – Provedores de Internet ficam proibidos de ofertar conexões diferenciadas a
partir do conteúdo que o usuário quiser.
2
3
Identifique um caso de punição real para crimes virtuais e compartilhe com o seu
professor via e-mail. Você não poderá usar nenhum dos casos já descritos nesta aula.
Faça pesquisas na Internet e depois um rascunho nas linhas abaixo antes de enviar
para o seu professor.
_____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
____________________________________________________________________
Que tal treinar um pouco sobre as leis brasileiras relacionadas ao mundo virtual?
Preencha as colunas abaixo com os números das respectivas leis. Lembre-se que
depois da barra vem o ano em que a lei foi sancionada.
Direitos autorais: __ __ __ __ __ / __ __ __
Marco Civil da Internet: __ __ __ __ __ __ /__ __
Carolina Dickmann: __ __ __ __ __ __ /__ __
Código Penal Brasileiro: __ __ __ __ __ / __ __ __
Propriedade intelectual de software: __ __ __ __ __ /__ __ __
Lei geral das telecomunicações: __ __ __ __ __ / __ __ __
23
Apostila_Ambiente_Web_cedaspy_.indd 23
26/01/2016 12:37:02
AMBIENTE WEB
Aula 03 – Por dentro do código fonte
A construção de websites
Entendo o que é o código fonte do navegador
Editores de HTML
Estrutura HTML – parte 01
O projeto Jornal
A construção de web sites
Começamos hoje uma parte bem interessante e importante no desenvolvimento do seu
aprendizado relacionado ao ambiente web: a criação de websites. Uma página na Web é um
documento hipertexto, com marcações de texto, figura, sons, vídeos, etc. Uma das grandes vantagens de se aprender o ponto inicial da criação de sites é que você conhece a estrutura básica
envolvida nos códigos-fontes das páginas que você costuma acessar. Sendo assim, de qualquer
computador e com um simples editor de texto é possível criar sua primeira página. Os códigos que
você vai criar serão interpretados e visualizados por um navegador.
Essas páginas web que você costuma acessar podem estar localizadas no seu próprio computador ou em um computador remoto, disponibilizadas através de um servidor web. Este acesso normalmente está restringido às redes locais ou hospedado na Internet para ser usado por
qualquer pessoa em qualquer lugar.
Lembra dos protocolos da primeira aula? Um deles, o HTTP (Hypertext Transfer Protocol ou
Protocolo de transferência de hipertexto), é o responsável por transferir para seu computador todas
as páginas que você acessar.
As páginas de Internet utilizam o famoso HTML (Hypertext Markup Language), uma linguagem de formatação dos dados visualizados na tela do seu navegador, acrescidos da formatação
CSS (Cascading Style Sheet) que pode ser escrito em um arquivo em separado ou dentro do próprio
HTML.
Entendendo o que é o código fonte no navegador
Antes de começarmos a nossa programação para criação de páginas, é importante que você
conheça e entenda o que é o código fonte. Ele é composto por linhas de programação que formam regras de formatação ou de execução de um determinado software. Geralmente as palavras
ou símbolos do código são escritos de forma ordenada, contendo as instruções que ele deve executar de maneira lógica. É como se fosse uma receita de bolo.
24
Apostila_Ambiente_Web_cedaspy_.indd 24
26/01/2016 12:37:03
No caso desta aula, vamos trabalhar com códigos fonte voltados para a construção de páginas web. Eles serão apresentados com as tags (marcadores) para incluir os textos, imagens, links,
títulos, tabelas, entre outros. Ele também será útil para realizarmos a formatação dos textos, do plano de fundo, das bordas das tabelas, etc.
Mas é importante seguir algumas regrinhas ao criar seu arquivo
HTML. Use, sempre que possível, letras em caixa baixa (minúsculo);
faça comentários nos pontos mais importantes; e mantenha o código indentado para facilitar a manutenção. Você verá mais sobre isso
ao longo da aula.
Editores de HTML
Pesquisando na Internet você vai descobrir que atualmente existem vários editores com interface que permitem criar páginas web de uma forma bem fácil, escrevendo linha a linha seu
código-fonte. Só para você ter uma ideia, um simples editor de texto como o Bloco de Notas, por
exemplo, já é suficiente para que você crie uma página básica. Basta seguir as orientações das tags
e da estrutura e pronto.
Dentre os editores mais importantes e que de certa forma vão facilitar a sua vida na hora de
escrever um código, temos o NVU, o HTML Edit, o Fresh HTML, entre muitos outros. Contudo, escolhemos usar o editor Notepad ++, pois ele possui uma interface simples e é bem completo para
o que faremos. O Dreamweaver também é outro editor completo e que possui muitos recursos.
Importante: em qualquer dos editores, é certo que você deverá salvar o arquivo com a extensão .html e manter a sintaxe correta da linguagem. Por exemplo, se você está criando a sua
primeira página via HTML, então poderá salvar o arquivo com o nome “primeirapagina.html”.
Estrutura HTML - parte 01
Agora que você já sabe o que é a linguagem HTML e qual o
editor de texto que você vai usar, vamos começar nosso estudo relacionado com a estruturação de um código HTML simples, como
mnostrado na figura ao lado.
Tags
As tags são marcações de identificação de partes existentes na sua página. Elas são escritas
entre os sinais de menor (<) e maior (>), sendo que o fechamento delas se dá através da barra normal (/). Por exemplo, a tag FONT permite que você altere atributos das fontes de texto que você vai
usar na sua página. Quando for utilizá-la, então o resultado seria <font> </font>. Isso ficará mais
claro logo a seguir.
Toda página HTML começa com a tag <html> e termina com </html>, fazendo com que o
navegador entenda que se trata de um documento HTML e não um texto simples. Em seguida, usase a tag <head> (cabeçalho), onde colocaremos alguns itens da página, como título, descrição, etc.
Dentro do cabeçalho, inclui-se a tag <title> para informar o título da página, ou seja, é neste local
25
Apostila_Ambiente_Web_cedaspy_.indd 25
26/01/2016 12:37:03
que você vai escrever o texto que aparecerá na barra de título do seu navegador.
Depois de encerrado cabeçalho, inicia-se o corpo da página, o local onde o conteúdo da página será apresentado. O chamado “corpo” da página é aberto com a tag <body> e fechado com
</body>. Assim, somente com essas três tags já podemos ter uma estrutura HTML básica. Veja no
quadro como ficou a estrutura inicial de uma página.
Dicas para melhorar o seu código
• Manter cada tag em sua linha respectiva. Nada de tentar criar um código
único numa linha só;
• Use e abuse das tags em início ou final linha, assim fica bem mais fácil de
localizá-las;
• Use a chamada indentação do texto, ou seja, coloque as tags dentro de
outras, em linhas diferentes, separadas por tabulação simples e em níveis mais
à direita. Isso ficará mais claro quando você enxergar o código;
• Use e abuse de comentários no texto, para que você saiba exatamente o que
aquilo quer dizer.
Preste bem atenção e boa programação.
A subclasse Style
Esta é uma subclasse relativamente nova, que só se
fez necessária após a criação do DHTML, ou seja, o HTML
Dinâmico. A subclasse Style define um objeto com atributos próprios, mas que não pode existir sozinho no HTML,
podendo sim ser um atributo de qualquer outra tag. O
style é uma sequência que define as propriedades do objeto. Este objeto pode possuir vários atributos, sendo que
todos eles já possuem um valor padrão definido, cabendo
a nós informar o que desejamos alterar.
A sintaxe da definição dos atributos é simples: nome_
atributo: valor; Você pode declarar mais de um atributo simultaneamente, separado por ponto e vírgula.
Atributos
Os atributos de uma tag ou style são propriedades que permitem a modificação de certas
características. Eles são colocados na subclasse style ou na própria tag. Vamos começar o nosso
exemplo atribuindo os atributos de cores do corpo, de texto, margens e tamanho de texto da página.
background-color: Define a cor de fundo plana do objeto. Exemplo: background-color:
yellow; Note no quadro abaixo que também podemos usar um código hexadecimal como, por
exemplo, o “#ff0000” para fazer a página na cor vermelha. Este código é formando por um sinal #
26
Apostila_Ambiente_Web_cedaspy_.indd 26
26/01/2016 12:37:04
seguido de seis dígitos e/ou letras. São mais de 1000 códigos e claro, não foram feitos para serem
decorados. Para algumas delas, você pode usar o seu nome em inglês: white, black, red, blue, green,
yellow, entre outros.
<body style=“background-color: red”>
ou ainda
<body style=“background-color: #ff0000”>
Exemplos de cores e códigos hexadecimais:
background-image: Define a imagem de fundo da página web ou de um objeto. Vale
lembrar que a imagem que for usada como plano de fundo da sua página deverá estar no
mesmo local onde for salvo o arquivo HTML ou a URL da imagem deve ser informada. No
quadro abaixo observe que o fundo.jpg é o nome da imagem que será utilizado como o fundo do site.
<body style=“background-image: fundo.jpg”>
background-repeat: define se a imagem de fundo será repetida quando a área da
página ou do objeto for maior que a imagem. Os valores são no-repeat (sem repetição), repeat-x (repetida horizontalmente), repeat-y (repetida verticalmente).
style=“background-repeat: no-repeat”
A tag <FONT>
Ao longo do corpo da página, você pode desejar alterar as configurações de
fonte que você definiu lá na tag <body>. Para isso, basta adicionar tag <FONT> e
seus atributos. É exigido o fechamento dessa tag para que ela volte nas condições
definidas anteriormente. Use os atributos: face (tipo da fonte), size (tamanho da fonte
em pixels ou pt). Você pode colocar os atributos sem necessidade da palavra.
27
Apostila_Ambiente_Web_cedaspy_.indd 27
26/01/2016 12:37:04
font-size: Permite definir o tamanho da fonte em pixels (px) ou pontos de
impressão (pt), bastando informar o número seguido da notação px ou pt.
style=“font-size: 18px”
font-weight: Atribui peso a fonte, ou seja, assume o bold (negrito), bolder
(negrito forte) ou lighter (negrito claro);
style=“font-weight: bold”
font-style: define se a fonte é inclinada, nos estilos italic (itálico) e olique
(oblíquo).
style=“ font-style: italic”
text-decoration: Aqui use-se a decoração com efeitos gráficos para exibição
do texto. São eles: underline (sublinhado), line-through (tachado); overline (sobrelinha)
e blink (piscar). No exemplo, eles foram combinados, separados por um espaço em
branco.
style=“ text-decoration: underline blink”
Color: define a cor da fonte. Use palavras-chaves das cores como green, blue,
black e os valores hexadecimais que definem a cor. Exemplo: color: #FF9966;
Margin: define a largura da margem de uma página. É usado apenas na tag
<body>, não tendo efeito em outras tags. Para ela usamos margin-top (margem
superior), margin-left (margem esquerda), margin-right (margem direita) e marginbottom (margem inferior). Para definir valores iguais para todas as margens, basta
usar a notação margin.
Tabelas
Com o uso das tabelas é possível, por exemplo, organizarmos em linha e
colunas, os textos e imagens dentro da página. Elas podem conter textos, listas,
parágrafos, imagens, diversas outras formatações, inclusive outras tabelas. A tag para
criação de uma tabela é <table> e alguns atributos importantes deixam a tabela mais
profissional. São eles: border=espessura da borda, width e height (largura e altura,
definidos em pixels ou em porcentagem).
28
Apostila_Ambiente_Web_cedaspy_.indd 28
26/01/2016 12:37:04
Outras TAGS definem os elementos da tabela:
<th>...</th>: define um cabeçalho para a tabela;
<tr>... </tr>: delimita uma linha;
<td>...</td>: delimita uma coluna da tabela.
Você poderá acrescentar cores de fundo na sua tabela, definindo as cores para
cada célula, linha e coluna. Para isso você deve incluir o atributo bgcolor na linha ou
coluna.
<table border=”2” width=”75%” heigth=”25%”>
<tr>
<td> Linha1, Coluna 1</td>
<td> Linha 1, Coluna 2 </td>
</tr>
<tr>
<td> Linha 2, Coluna 1</td>
<td>Linha 2, Coluna 2 </td>
</tr>
</table>
Colspan
Quando você utiliza uma tabela, às vezes é necessário que algumas linhas
tenham menos colunas que outras. Isso é possível graças ao atributo colspan. Se
você tem uma tabela com duas linhas e três colunas e quer que a primeira linha
tenha apenas uma coluna e a segunda as três colunas, escreva na primeira linha: <td
colspan=3> Primeira Linha</td>
Para começar o nosso treino em programação, digite este código simples no
editor Notepad++ e veja o resultado.
29
Apostila_Ambiente_Web_cedaspy_.indd 29
26/01/2016 12:37:04
Projeto Jornal
Para que você aprenda um pouco mais sobre o uso do HTML, vamos criar um
projeto de um jornal online. A ideia é dividir a tela em espaços de linhas e colunas e
montar um layout. Nesta aula o resultado será bem simples. Já na próxima, vamos
acrescentar links, vídeos, imagens e deixá-la mais atraente. Para isso, abra o editor
Notepad++ e digite o código abaixo. Lembre-se: se houve algum erro na exibição da
página, muito provavelmente você errou na digitação. Fique atento.
Importante: salve o arquivo do projeto do jornal com o nome “index.html”. O
index.html é a página padrão dentro dos diretórios nos servidores de web, carregada
sempre que uma a página é solicitada pelo endereço digitado pelo usuário.
30
Apostila_Ambiente_Web_cedaspy_.indd 30
26/01/2016 12:37:04
ATIVIDADES
1
As atividades de hoje referem-se à digitação e exibição das duas páginas propostas
na aula. Digite corretamente e verifique se as páginas geradas ficarão conforme as
figuras abaixo.
A segunda é o projeto do jornal, que será alterado e completado na próxima aula.
Você viu alguma coisa errada na primeira tela? Se sim, então faça as correções que
você achar necessárias.
31
Apostila_Ambiente_Web_cedaspy_.indd 31
26/01/2016 12:37:05
2
3
Acrescente a tag <marquee> na sua primeira página e veja o resultado. Pesquise
mais sobre ela na Internet e faça modificações nos seus atributos.
Descubra para que servem as TAGS abaixo. Suas anotações podem ser úteis na
próxima aula.
<br> _________________________________________________________________
<b> _______________________________________________________________
<p> _____________________________________________________________
<a>_____________________________________________________________________________
<ol> _____________________________________________________________
<ul>__________________________________________________________________
<li>________________________________________________________________
<sub> _____________________________________________________________
<sup> _____________________________________________________________
<hr> ________________________________________________________________
<div> ________________________________________________________________
<img> ___________________________________________________________
<frame>____________________________________________________________
<form> ____________________________________________________________
32
Apostila_Ambiente_Web_cedaspy_.indd 32
26/01/2016 12:37:05
AMBIENTE WEB
Aula 04 – Por dentro do código fonte
Trabalhando com imagens
Links
Listas
Vídeos
Frames
De volta ao projeto do jornal
Evoluindo com o projeto
Trabalhando com imagens
Dando seguimento ao nosso estudo sobre o HTML, vamos falar de um item
indispensável a qualquer página de Internet: as imagens. Vamos enrriquecer o nosso
projeto do jornal, acrescentando imagens. Para que isso aconteça, vamos usar um
tag definida como <img>. Ela é vazia, o que significa que ela aceita somente atributos
e não precisa ser fechada com a (/). Para exibir qualquer imagem, use o atributo src
(source), atribuindo a URL da imagem que você quer exibir ou estando a imagem
salva, seu nome e formato.
<img src=”URL da imagem”>
Em seguida, podemos adicionar o atributo alt. Ele especifica um texto alternativo,
caso a imagem não carregue ou para exibir este mesmo texto quando você posicionar
o cursor do mouse sobre a imagem.
img src=”URL da imagem” alt=”Texto a ser exibido”>
Ainda, caso você queira ou precise especificar o tamanho da imagem que será
utilizada, adicione os atributos height e width e especifique os pixels ou porcentagem
de largura e altura.
<img src=”URL da imagem” alt=” Texto a ser exibido “ width=100 height=25>
33
Apostila_Ambiente_Web_cedaspy_.indd 33
26/01/2016 12:37:05
Veja o modelo básico abaixo.
Links
A função principal de um documento hipertexto é o
link com outros documentos. Uma página de Internet, na
maioria das vezes, não vive sozinha e precisa ser interligada
com outra. Essa é a função dos links.
Os arquivos HTML precisam estar devidamente
conectados entre eles e com o exterior (outros sites) por
meio de links hipertexto. Ele é fácil de seu identificado, pois
basta você colocar o cursor sobre a imagem ou o texto e ver
que sua forma muda, transformando-se em uma mão com
um dedo indicador.
Para adicionar links ao seu projeto, utilizaremos as tags <a> e </a>. Dentro delas
vamos especificar o destino do link. Este destino será introduzido sob a forma de atributo,
no qual leva o nome href. Veja a sintaxe geral de um link:
<a href=”destino.html”>Conteúdo</a>
No caso acima estamos falando que o conteúdo é um texto. Se for uma imagem,
basta acrescentar a sintaxe da tag <img> antes do fechamento do link </a>.
<a href=”destino.html”> <img>nomedaimagem.jpg</img></a>
Os links podem ser classificados e agrupados como:
• Links internos: interligam páginas dentro do próprio site.
• Links externos ou remotos: interligam páginas de outros sites.
• Links de e-mail: para criar uma mensagem de correio dirigido a um endereço.
34
Apostila_Ambiente_Web_cedaspy_.indd 34
26/01/2016 12:37:06
Listas
O uso das listas acontece quando
queremos listar alguns itens no nosso site ou
as vezes para a criação menu de navegação.
As listas podem ser ordenadas com os itens
listados por número, letra, ou algarismos
romanos. Esta lista começa com a tag <ol></
ol> e seus respectivos itens da lista ficam
dentro da tag <li></li>.
<title> LISTAS </title>
</head>
<body>
<ol>
<li> Nome</li>
<li> Nome</li>
<li> Nome</li>
</ol>
Por padrão as listas são ordenadas por números, mas podemos ordenar também
por a,b,c,d ou I,II,III. Para isso, basta acrescentar <ol type=”a”> ou <ol type=”I”>.
Existem também as listas não-ordenadas, aquelas que acrescentam ponto de
marcação nos itens. As listas não-ordenadas são iniciadas com a tag <ul></ul>.
Vídeos
Outra parte interessante de um código HTML é a
possibilidade de inserir um vídeo diretamente do YouTube
(incorporar) dentro da sua página HTML. O processo em si é
bem simples. Primeiro, crie uma página básica ou use aquela que você quiser para incorporar o vídeo. Acesse o site do
YouTube e procure pelo vídeo que você deseja adicionar.
Quando clicar no vídeo para fazer a visualização, logo abaixo
aparecerá um campo COMPARTILHAR. Ao clicar nele, verá
um link chamado INCORPORAR. Neste campo você terá o código que deve ser copiado.
Selecione todo o código que está dentro do campo e copie-o para a página HTML.
Ah, se o vídeo ficar grande demais na tela faça as alterações nos parâmetros “width”
e “height”.
<iframe width=”560” height=”315” src=”https://www.youtube.com/embed/
qGMaxy8305o” frameborder=”0” allowfullscreen></iframe>
Frames
O nosso estudo sobre HTML ainda não
chegou ao fim. É hora de falar sobre os frames.
Eles são divisões da tela do navegador em outras telas (ou “quadros”). Sendo assim, é permitido
apresentar mais de uma página por vez, por exemplo, dentro de uma tela principal ou frameset,
35
Apostila_Ambiente_Web_cedaspy_.indd 35
26/01/2016 12:37:07
como chamamos. Trata-se de um recurso muito usado para criar menus de navegação,
onde o menu está sempre fixo e somente o outro frame muda para aparecer as demais
páginas.
No exemplo que vamos usar, criaremos uma página com dois frames simples, sendo um com o menu e outro com a página relacionada ao link presente no menu. Como
você já aprendeu a criar páginas simples, use o seu conhecimento para elaborar três ou
quatro páginas sobre os assuntos que você utilizou no jornal. No código vemos uma parte
chamada FRAMESET, que define a divisão da página em “quadros”. Neste exemplo, a página
será dividida em duas colunas <frameset cols=20%,80%>, sendo a primeira com 20% do tamanho da tela, e a segunda coluna com os 80% restantes. Em outra linha do código temos
os FRAME SRC, que são referências às páginas que serão mostradas nos frames definidos.
Assim, aqui vemos que a página “menu.html” será mostrada na primeira coluna com 20%
e “noticia.html” será mostrada na segunda com 80% da tela.
De volta para o Jornal
Na aula passada você criou uma página principal do jornal sem o uso de links ou
imagens. Agora vamos acrescentar esses itens conforme você já aprendeu nesta aula. Basta fazer as substituições nas linhas de código conforme o modelo abaixo e a orientação do
seu professor. Perceba que não existe dificuldade, basta acrescentar as imagens e o texto
do destaque. Os textos dos destaques e as imagens ficarão a seu critério.
O Resultado será esse:
36
Apostila_Ambiente_Web_cedaspy_.indd 36
26/01/2016 12:37:07
Evoluindo o projeto
Dando continuidade ao projeto do jornal, vamos modificá-lo para funcionar como frames.
Para isso, crie uma página básica para conter os menus do seu jornal, conforme modelo abaixo, e
salve o arquivo com o nome “menu.html”. O visual será bem parecido com o que você vê abaixo.
Em seguida, vamos utilizar o modelo da página principal criada na aula anterior e modificá-la para ficar como no exemplo abaixo. Antes de mais nada, você precisa salvar como a página
que foi criada para fazermos as modificações necessárias. Salve com o nome “noticias.html”. Perceba que as únicas modificações que vamos realizar é a retirada das colunas da linha onde ficariam
os links e acrescentar apenas uma coluna. Compare a página anterior com os códigos abaixo.
Acrescentar as fotos você já sabe.
Agora que já temos duas páginas, podemos criar a página principal deste novo projeto.
Crie um arquivo novo e digite o código ao lado, aquele mesmo que você viu agora a pouco. A única
diferença é que acrescentamos um atributo chamado name para definir o nome daquele frame.
Salve este arquivo com o nome “projeto.html”. Ele será a página principal para o projeto do jornal.
Como você aprendeu, a página está dividida em dois frames com 20% para um e 80% para
o outro. No frame da esquerda vamos abrir a página do menu e no frame da direita o das notícias.
O código ao lado fará isso. E o resultado ficará bem parecido com o que você vê abaixo.
37
Apostila_Ambiente_Web_cedaspy_.indd 37
26/01/2016 12:37:07
Para que as páginas do menu seja linkadas, basta você usar a tag do link, a
mesma que você aprendeu nesta aula. Vale acrescentar um atributo chamado target,
que vai direcionar a abertura da página no frame principal, conforme definimos no
código da “index.html”. Veja como fica o código.
Por fim, todas as vezes que você clicar num link diferente ele irá abrir no frame
“principal” a página relacionada aquele tema. Por isso, elas precisam estar prontas
para que você possa linkar.
38
Apostila_Ambiente_Web_cedaspy_.indd 38
26/01/2016 12:37:07
ATIVIDADES
1
2
3
Use os códigos que você aprendeu nesta aula para elaborar o projeto do jornal. Você
tem a liberdade para escolher as cores, imagens, textos, mas lembrando sempre que
é preciso ser atrativo.
Você aprendeu nesta aula que podemos dividir em um ou mais frames uma
página principal para a criação de uma página fixa e outra que muda com os
cliques nos links. Use esse recurso e aplique remodelando o seu projeto jornal.
Use todo o seu conhecimento adquirido ao longo destas duas aulas sobre
HTML e crie um pequeno site relacionado com música. Escolha o artista ou
banda de sua preferência e crie um menu com as músicas deles. O trabalho
será feito em frames, pois cada vez que alguém clicar no link de uma música
diferente a tela principal mudará e apresentará a letra da música e o clipe. O
layout será o desenhado abaixo:
39
Apostila_Ambiente_Web_cedaspy_.indd 39
26/01/2016 12:37:07
AMBIENTE WEB
Aula 05 – Marketing Digital
O que é marketing digital?
Planejamento
Quem é o cliente 2.0 e 3.0?
Entendendo as Landing Pages
O profissional Social Media
O uso dos templates
Leads
Ferramentas de criação de Landing Pages
O que é marketing digital?
Como você viu na aula 1, o ambiente virtual é extremante amplo, dinâmico e
diversificado. A maioria das empresas tem investido nesta diversificação e utilizado recursos
que melhorem a divulgação de seus produtos na Internet. Uma área muito importante
chamada de marketing digital vem ganhando força.Quem trabalha na área sabe muito
bem que os serviços e ações de marketing digital realizados pelas empresas tem sido um
diferencial. Cada vez mais profissionais estão se especializando neste tipo de marketing,
pois segundo a revista Exame, a área tem apontado bons salários, atraindo a atenção dos
profissionais e estudantes.
Agora vamos às considerações: marketing digital não é
sinônimo de fazer propaganda na Internet, criando apenas aquele
perfil no Twitter e ou aquela fanpage no Facebook para divulgar
o seu negócio ou produto. Marketing é a atividade, conjunto de
processos, que visa criar, comunicar, entregar e trocar ofertas que
têm valor para seus clientes. Quando esses processos utilizam
recursos digitais, tais como computadores, smarthphones, tablets,
dizemos que estamos fazendo marketing digital.
Todo e qualquer marketing pode ser entendido através do estudo dos famosos 4 P’s:
produto, preço, praça e promoção.
Produto: Quais os processos que vão definir o seu produto? Um deles, por exemplo,
pode ser a pesquisa de mercado para saber se o seu novo produto poderá ser aceito pelo
consumidor. Se essa pesquisa foi feita por um formulário digital e distribuído no site da
empresa então podemos dizer que foi feito marketing digital.
40
Apostila_Ambiente_Web_cedaspy_.indd 40
26/01/2016 12:37:08
Preço: Verificar preços é sempre importante. Geralmente, quando se usa ferramentas
digitais para a distribuição do produto, o mesmo tende a ficar mais barato. E isso pode ser
usado como marketing digital. Exemplo: Quanto o cliente acha ser o preço ideal para uma
mensalidade no Netflix? Ele prefere pagar o preço mais barato de uma livraria virtual ou o
preço tradicional de uma livraria física?
Praça: Onde você vai vender o produto? O marketing deve existir em qualquer
praça. Se ela for digital, ou seja, diretamente na Internet, então quase todo marketing deve
ser exclusivamente digital. O marketing também deve se aplicar no trabalho de entrega,
seja por meio da forma tradicional dos correios ou de download ou streaming, como faz o
Netflix e o Spotify, por exemplo.
Promoção: Consiste na divulgação dos produtos e seus preços na praça escolhida.
Quando utilizamos ferramentas e plataformas digitais, como websites, redes sociais, links,
SEO (veremos mais adiante), estamos fazendo mais um processo de marketing digital para
o seu negócio.
Planejamento
Como você já viu em aulas anteriores, quando
precisar definir qualquer tipo de projeto, seja ele construir
um prédio ou estudar para concurso público, é necessário
que seja feito um bom planejamento. O objetivo do
planejamento no marketing digital é questionar dados
e o consumidor até conseguir o insight (ideia) que
ajude na tarefa da equipe de criação. A ausência de um
bom plano pode comprometer os resultados que se
pretende alcançar. Por isso, se você pretende buscar bons
processos com o marketing digital da sua empresa ou a
qual você trabalha, é bom tomar ações importantes para
isso. Entenda algumas delas:
1. Realizar um diagnóstico atual – identifique em que situação a empresa se
encontra. Os clientes conhecem bem o seu produto ou serviço? Eles estão indo até você?
De alguma forma estão falando sobre você? Bem ou mal? Quais são os pontos mais críticos
da relação com o cliente?
2. Definir os principais processos - com o diagnóstico em mãos, o passo seguinte
é definir quais os processos e ferramentas digitais que poderão ser usadas para alavancar o
produto ou serviço. Às vezes você pode usar vídeos criativos para surpreender seu cliente,
deixando-os mais curiosos; ou dar prêmios para quem mais interage com a sua marca
na fanpage da sua empresa; ou quem sabe criar personagens para se relacionar com o
público.
41
Apostila_Ambiente_Web_cedaspy_.indd 41
26/01/2016 12:37:08
3. Busque por novidades – o marketing digital sempre evolui e por isso é preciso
estar constantemente procurando por novidades. Reformule o site, desenvolva companhas
dinâmicas por e-mail marketing, crie comunidades, páginas, landing pages, ou links sobre
os assuntos relacionados ao seu produto. Por exemplo, se você trabalha numa loja que
vende alimentos naturais, então crie uma comunidade no Facebook chamada “Viva saúde”
para divulgação de dicas sobre alimentação. Aí, você faz, de forma discreta e com conteúdo
interessante, um trabalho de marketing da sua loja dentro desta comunidade para aumentar
o número de pessoas que estão conectadas à sua marca.
4. Monte um cronograma – organize todos os detalhes e monte cronogramas
de divulgação e implantação. Vá utilizando os recursos digitais à medida que ele forem
gerando efeito. Com isso é possível fazer uma divulgação legal a longo prazo e fazer alguns
ajustes que forem necessários.
Quem é o cliente 2.0 e 3.0?
Como estamos falando de marketing digital, não
podemos esquecer que todas as estratégias, processos e
atividades são realizados para atingir o seu cliente. Hoje,
com a facilidade de acesso à informação, as pessoas
buscam respostas cada vez mais rápidas e prontas para
qualquer tipo de necessidade que elas tiverem. Com
um pouco de paciência, o cliente pode buscar maior
entendimento sobre um determinado tema e com isso
chegar ao seu produto. Esse é o cliente 2.0.
O consumidor 2.0 faz parte de um público mais exigente, mais curioso, mais disposto,
mais conhecedor, e mais interligado com o mundo moderno. É por isso que fidelizar e se
integrar a estes clientes são estratégias que podem ser alcançadas com um bom marketing,
principalmente o digital.
E você só vai conseguir vencer este desafio se a sua presença digital estiver afiada,
principalmente quando o relacionamento se dá através das redes sociais. Uma vez dentro
delas é preciso explorar o potencial do seu negócio e do seu cliente.
Com os clientes 3.0 as coisas vão mais além. Eles estão muito mais conectados
e são muito mais exigentes, o que permite que essa comunicação com a empresa seja
bilateral. Tudo que ele quer é uma relação cada vez mais transparente. Para ele, as empresas
precisam oferecer o atendimento por telefone, uma loja virtual, um canal online e espaços
através das diversas redes sociais.
Por isso, o negócio que não acompanha essas mudanças vai perder espaço
rapidamente, não adiantando apenas estar presente nas redes sociais, pois é preciso se
relacionar, responder suas questões, sanar suas dúvidas, avaliar as suas críticas para melhorar
cada vez mais o seu produto ou serviço.
42
Apostila_Ambiente_Web_cedaspy_.indd 42
26/01/2016 12:37:09
O profissional Social Media
Hoje, o mercado está cada vez mais exigente por um tipo de profissional que acumula as responsabilidades de gerenciar e editar o conteúdo nas mais diversas plataformas
digitais, assim como executar planejamento de marketing digital, principalmente nas redes
sociais. Esse é o Social Media. É ele quem vai distribuir os resultados colhidos através do
monitoramento, da análise de dados, da criação de ideias novas, para elaborar um bom
planejamento estratégico para o marketing digital. E este profissional, tão requisitado hoje
em dia, precisa:
1. Ter conhecimento com planejamento, elaboração e divulgação e conteúdos digitais;
2. Estar atualizado com as novas tecnologias e ser bastante curioso;
3. Gostar e saber escrever bem. O conhecimento de português deve ser elevado,
dominando as regras ortográficas e gramaticais;
4. Entender o cliente 2.0 e 3.0;
5. Saber trabalhar em equipe;
6. Conhecer bem as ferramentas que você vai utilizar. (Inclusive esta é umas das
funções desta apostila, apresentar as principais ferramentas de marketing digital);
7. Estar conectado.
Entendendo Landing Pages
Nesta primeira etapa de estudos das ferramentas para fazer marketing digital, vamos falar das Landing
Pages. Elas são uma forma eficiente
de se passar, em uma única página, as
informações mais importantes para divulgar e vender o produto ou serviço
da sua empresa. A figura ao lado mostra o formato de uma Landing Page do
Inbox da Google. Geralmente, elas são
criadas e utilizadas em conjunto com links patrocinados para aumentar a conversão de visitantes em negócios. Todo o conteúdo de uma Landing Page é confeccionado para formar
um funil, que irá direcionar o usuário para outra página final, onde ele efetuará uma compra
ou assinará um serviço.
Geralmente uma Landing Page ou página de conversão, é uma página com poucas
opções de navegação, servindo para uma troca de conteúdos relevantes por informações
do visitante e sua empresa. O seu processo de criação é bem simples, pois já existem templates otimizados e prontos para usar neste tipo de página, com campos editáveis para
os textos, cores e a oferta da sua empresa. No caso das empresas que ainda estão desenvolvendo um produto, usar Landing Pages para medir a receptividade do mercado para o
novo produto é uma ótima opção.
43
Apostila_Ambiente_Web_cedaspy_.indd 43
26/01/2016 12:37:09
Outro item importante é que, geralmente, as Landing Pages oferecem algum tipo
de material gratuito como ebooks, infográficos, emails ou vídeos exclusivos. Para que se
tenha acesso a este material é aconselhável
que a página disponibilize um formulário de
preenchimento básico solicitando ao visitante, poucas informações, de preferência,
apenas o nome e e-mail. Com este e-mail em
mãos você pode trabalhar as estratégias de
e-mail marketing, como veremos nas próximas aulas.
Trabalhamos com duas possibilidades para você criar sua Landing Page:
• Desenvolver um site próprio, com uma página exclusiva para este tipo de ação;
• Usar uma ferramenta de criação de Landing Pages, já que muitas delas não são
necessários conhecimentos em programação.
O uso dos templates
Uma forma eficiente de garantir que as Landings serão feitas de forma rápida e com
qualidade é através do uso de templates prontos. Com eles, uma grande parte do trabalho
está pronta, o que permite dispor de um tempo importante para elaboração do conteúdo.
Os templates trazem ganhos relevantes de agilidade, qualidade de entrega. O uso de templates em Landings e e-mail marketing resulta em:
• Agilidade - mais resultado e menos esforço;
• Custos menores;
• Tudo devidamente testado - um bom template é fruto da experiência e de
testes já realizados;
• Qualquer pessoa que tenha um conhecimento básico pode fazer.
Leads
Quando falamos de marketing digital e Landing Pages, temos que falar também de
Leads. O Lead consiste num contato devidamente qualificado que se consegue em troca
de algo gratuito que ofereceu na sua Landing Page bem feita. Pode ser aquele e-book, infográfico, entre outros. Se você conseguiu atrair um usuário para uma página e nela você
convenceu de que ele precisa entrar em contato com você, acabou de gerar um Lead.
E atenção! Gerar Lead é um negócio, pois muitas empresas pagam para as empresas de marketing digital por esses Leads qualificados. Uma gestão de Leads bem feita tem
poder de aumentar significativamente os resultados de seus negócios relacionados com o
marketing digital.
44
Apostila_Ambiente_Web_cedaspy_.indd 44
26/01/2016 12:37:09
Concluindo: um Lead qualificado é alguém que demonstrou interesse no seu
produto, serviço ou negócio e que provavelmente gostaria de lhe conhecer melhor. Um
exemplo de Lead gerado foi durante a elaboração desta apostila. Num dos sites que este
autor acessou para testes, foi necessário cadastrar o e-mail e uma senha. De posse deste
e-mail, um lead foi gerado para a empresa do site e com isso ela enviou um e-mail de comunicação da equipe.
Ferramentas de criação de landing pages
Como dissemos, existem diversas ferramentas online que permitem que você crie
Landing Pages bem profissionais. Contudo, a maioria delas é paga. Dentre elas podemos
destacar:
Landingi - É uma ferramenta gratuita de criação de Landing Pages para campanhas e anúncios do Google Adwords, Facebook Ads, entre outros. O editor possui diversos widgets e modelos dos templates que são divididos em setores e ações, permitindo a
implantação de diversos tipos de campanhas. Seu endereço é http://landingi.com.br/
Unbouce - Outra plataforma com um gerenciamento acessível e templates
já prontos é a Unbounce. Com ela também é possível construir a sua Lading Page
profissional, começar a divulgar o seu negócio e coletar contatos. Detalhe: é uma plataforma paga. Seu endereço é http://unbounce.com/
LeadPages - Esta plataforma também possui planos de pagamento para sua utilização, porém disponibiliza templates bem interessantes e, segundo o site, possui servidores velozes que pode criar facilmente qualquer página, além de integrar com a
construção de lista de e-mail em poucos minutos. Seu endereço é http://www.leadpages.net
Klickpages - A plataforma para criação de páginas de aterrissagem (outra definição
para Landing page) Klickpages garante, conforme está escrito em seu site, que “nossos
modelos de página não só trazem resultado, mas fazem isso com design incrível que aumentam drasticamente o valor percebido o que é capaz de aumentar ainda mais suas
conversões”, além do “acesso a uma interface intuitiva onde você rapidamente escolhe o
modelo de página”. A ferramenta é paga. Seu endereço é http://klickpages.com.br/
Wishpond - A plataforma permite, segundo o site, a utilização de templates 100%
otimizados para mobile, páginas leves com carregamento super rápido, busca por diversos
templates criados para maior conversão, além de ser 100% compatível com o Facebook.
Parte dessa ferramenta é gratuita. Seu endereço é http://pt.wishpond.com/
Wordpress - É um dos mais famosos sistemas de gerenciamento de conteúdo
na web. É uma ferramenta CMS (Content Management System), escrito em PHP, feito
inicialmente para a criação de blogs, mas vem sendo muito utilizado para a criação de
sites profissionais. O usuário não precisa ter vastos conhecimentos em programação para
45
Apostila_Ambiente_Web_cedaspy_.indd 45
26/01/2016 12:37:09
utilizar o Wordpress. Apesar de não ser uma ferramenta própria para criação de Landing
Pages, é possível utilizar templates e plug-ins exclusivos para elas. Basta procurar na Internet e o resultado será bem interessante. Seu endereço é https://br.wordpress.com/
Importante: estas ferramentas foram pesquisadas durante a elaboração desta apostila, como você sabe, o mundo virtual está sempre em constante evolução por isso, no
momento em que você estiver lendo estas linhas pode ser que outras ferramentas mais
interessantes estejam disponíveis. Acompanhe todas as orientações do seu professor, ele
vai indicar as melhores plataformas para você criar sua landing page.
ATIVIDADES
1
2
Seguindo as orientações do seu professor, escolha um tema, um produto ou um
serviço e crie uma Landing Page para ele. O resultado deverá ser compartilhado com
os seus colegas.
Questionário
O que é uma landing page?
____________________________________________________________________________
____________________________________________________________________________
____________________________________________________________________________
Qual a importância dos Leads?
____________________________________________________________________________
____________________________________________________________________________
____________________________________________________________________________
O que são templates? Explique as vantagens do uso deles.
____________________________________________________________________________
____________________________________________________________________________
____________________________________________________________________________
Defina o profissional Social Media
____________________________________________________________________________
____________________________________________________________________________
____________________________________________________________________________
Faça um resumo explicando o que são os 4 Ps do marketing.
____________________________________________________________________________
____________________________________________________________________________
____________________________________________________________________________
46
Apostila_Ambiente_Web_cedaspy_.indd 46
26/01/2016 12:37:09
AMBIENTE WEB
Aula 06 – E-commerce
O que é o e-commerce?
Como funciona o comercio eletrônico
Dicas e cuidados no comércio eletrônico
Pagamentos virtuais
Categorias de aplicação (B2B, B2C, C2C)
Os segredos do e-commerce
Algumas tecnologias utilizadas no comércio eletrônico
O que é e-commerce?
O comércio de produtos ou serviços se estende para o mundo virtual. Neste ambiente estamos lidando com o conceito chamado de e-commerce, ou comércio eletrônico
em português. Através dele, podemos realizar diversas transações financeiras de compra e
venda por meios dos inúmeros dispositivos e plataformas virtuais disponíveis. Acessar lojas
virtuais para comprar aquele tênis que você deseja ou um box da sua série favorita é muito
mais fácil e seguro do que muita gente acredita.
O e-commerce é usado para atender tanto os grandes mercados (Amazon, Netshoes) como nichos muito específicos. O que é preciso, de antemão, é saber que se algum
dia você precisar investir em e-commerce, precisará definir o público-alvo e os nichos de
mercado. Muitas pessoas pensam em montar lojas virtuais, mas acabam se complicando
por não saber atender as expectativas dos clientes. Por isso é preciso conhecer bem o
funcionamento do e-commerce, seja para você atuar somente como cliente ou como um
vendedor virtual.
Como funciona o comércio eletrônico
Para entender mais sobre o funcionamento do comércio eletrônico, é necessário
que você saiba que comércio é uma permutação de bens ou serviços, ou seja, uma troca
ou compra e venda de produtos ou valores. É uma relação de negócio que você realiza
com outras pessoas. Essas trocas de bens e serviços geralmente ocorrem por dinheiro.
Para que haja comércio é necessário que haja compradores (os que têm o
dinheiro) e vendedores (os que oferecem os bens e serviços). Geralmente os vendedores
atuam como varejistas (que vendem diretamente aos consumidores) e atacadistas (que
vendem para os varejistas).
47
Apostila_Ambiente_Web_cedaspy_.indd 47
26/01/2016 12:37:09
Outro item importante para realização o comércio é a definição do local onde
ele será realizado e a forma com que isso acontecerá. Para a maioria dos produtos físicos
é preciso que haja um espaço para que o produto seja visto pelo cliente, uma maneira
dele fazer os pedidos (direto, telefone ou Internet), uma maneira de aceitar esses pedidos
(cartões, cheques, dinheiro) e uma maneira de entregar este produto (correios ou pessoalmente). O que muda para o comércio eletrônico é que tudo será realizado em meio virtual.
No caso do comercio eletrônico, quando um
site é bem implementado, uma das vantagens é a redução significativa dos custos de tomada de pedidos
e de atendimento. A maioria dos sites geram uma integração de produtos e um ciclo de negócios, oferecendo aos clientes mais informações que podem
levá-lo a comprar outros produtos além daquele que
ele pretendia comprar. Isso acontece muito quando
o cliente está navegando no site e ele informa: “pessoas que compraram o produto x, também levaram o
produto y”.
Para que toda estrutura de comércio eletrônico esteja disponível é preciso ter:
Servidores web – Deverá existir uma estrutura de máquinas capazes de aceitar
pedidos e gerenciá-los por meio de softwares. Isso pode ser feito de forma própria (servidores na empresa) ou terceirizando a hospedagem do site e do sistema.
Software e plataformas do comércio eletrônico – É necessário que existam
softwares ou gestores de conteúdo no servidor para a apresentação dos produtos. Soluções
como o Wordpress, por exemplo, são muito usadas.
Sistemas de pagamento eletrônico - permitem a identificação do usuário e a
sua transação em tempo real, além de garantir privacidade, criptografia e segurança nas
transações. Poderá ser um sistema próprio ou terceirizado, como as soluções oferecidas
pelo PayPal, PagSeguro.
Portanto, para que o comércio eletrônico funcione de forma eficiente, é preciso que:
• Haja fornecedores confiáveis para o produto que você deseja vender;
• Um preço real, (pois lembre-se que comparações de preços são fáceis do cliente
fazer na Internet);
• Uma boa relação com o cliente;
• Um trabalho de e-mail marketing;
• Uma base de dados de clientes;
• Uma boa entrega;
• E um bom pós-venda (saber se o cliente ficou satisfeito com o produto).
48
Apostila_Ambiente_Web_cedaspy_.indd 48
26/01/2016 12:37:11
Dicas e cuidados no comércio eletrônico
Como cliente ou vendedor, as ofertas de produtos e serviços pela Internet merecem cuidados na hora de comprar, vender ou contratar serviços. Tudo para que a transação comercial ocorra sem problemas.
Como vendedor virtual você deverá:
• Criar um site interessante e sem falhas;
• Através de um trabalho de marketing, conseguir com
que o site seja acessado;
• Fazer com que o cliente retorne quantas vezes ele
quiser ao seu site;
• Criar diferenciais do concorrente;
• Fazer com que as pessoas comprem;
• Criar uma fidelidade com o cliente;
• Cuidar essencialmente da segurança do site.
Como cliente virtual
• Não compre por impulso, medindo realmente a necessidade do produto ou serviços;
• Identifique o site procurando saber se a empresa realmente existe, seu endereço físico
para reclamações e busque referência nos PROCONs ou sites de reclamação, se possível;
• Fique atento quando o site exibir como forma de contato somente telefone celular;
• Verifique o registro de produtos e serviços para alguns produtos que precisam de
registro, como celulares e tablets, por exemplo;
• Observe a segurança eletrônica. Faça compras apenas em site que possuem certificado de segurança, ou seja, aqueles que exibem o endereço eletrônico iniciado pela si- gla “https” ou que exibem um ícone em forma de cadeado colorido e
fechado. Importante: passe o mouse em cima do link de compra para verificar se o
endereço que aparece na barra inferior do navegador é o mesmo;
• Mantenha antivírus atualizado;
• Evite realizar compras em Lan Houses, cybercafés ou computadores públicos;
• Leia a política de vendas do site para saber os detalhes das compras, entregas, devoluções;
• Use sempre senhas segura. O mais seguro é escolher uma senha com 6 a 12
caracteres, alternando letras minúsculas, maiúsculas e números;
• Verifique as características do produto no site do fabricante e compare com que
o site está ofertando;
• Compare preços;
• Exija a nota fiscal no ato da entrega do produto;
• Fique atento às formas de pagamento. Dê preferência por cartões de crédito.
Compras coletivas e clubes de compras
Uma febre nos últimos anos são as chamadas compras coletivas. Também pode
49
Apostila_Ambiente_Web_cedaspy_.indd 49
26/01/2016 12:37:12
ser considerada uma forma de e-commerce, pois são realizadas em sites que reúnem ofertas de estabelecimentos comerciais, tais como restaurantes, lojas de varejo, clínicas de estética, agências de turismo, hotéis, entre outros, anunciando descontos vantajosos.
As ofertas acontecem condicionadas a um número mínimo de participantes num
prazo determinado. Na compra, o consumidor recebe um cupom, ou voucher (como também é conhecido) e que deverá ser impresso para ser trocado pelo produto ou serviço.
A solução dos problemas que o consumidor tiver com o produto ou o serviço adquirido será de responsabilidade tanto o estabelecimento comercial que fez a oferta como
o site de compra coletiva.
A diferença entre as compras coletivas e o clube de compras é que os produtos e
serviços são oferecidos para associados mediante convite e não há a necessidade de um
número mínimo de participantes para aquisição.
Pagamentos virtuais
Uma das funcionalidades principais de uma loja virtual é dispor de uma boa solução
de pagamento online, onde o faturamento das vendas deve ser gerenciado de diversas
maneiras e de forma segura. As principais formas de pagamento são: cartões de crédito,
débito online, boletos, transferência eletrônica.
Geralmente, uma loja virtual contrata serviços de gerenciamento de pagamento
online, escolhendo aquela que melhor se adapte a estratégia de seu negócio. Aquela que
você escolher deverá ter facilidade e velocidade de implementação com a sua loja virtual,
além de interfaces amigáveis.
Os meios de pagamento como os cartões de crédito e débito, por exemplo, são
usados como marketing estratégico, para que as empresas de pagamento online possam
oferecer a sua loja virtual um estudo do perfil dos usuários e de como eles finalizam suas
compras.
50
Apostila_Ambiente_Web_cedaspy_.indd 50
26/01/2016 12:37:13
Categorias de aplicação (B2B, B2C, C2C)
Como estamos falando de e-Commerce, precisamos deixar claro que existem diversos tipos de negócios feitos para diversos tipos de públicos. Essa variação ocorre de
acordo com o formato ou de quem são os participantes. Vamos definir então quais são os
modelos de aplicação para este comércio eletrônico que você está disposto a investir.
Modelo
Descrição
B2C (Business to Consumer)
É o tipo mais comum, aquele em que a loja
vende diretamente ao cliente final. Quando
você comprar um livro numa loja virtual,
você está realizando uma transação do
Negócio para o Cliente.
B2B (Business to Business)
O B2C é o negócio entre empresas,
semelhante ao realizado no B2C. Uma
empresa compra da outra respeitando as
regras de comercialização.
B2E (Business to Employee)
B2G (Business to Government)
B2B2C (Business to Business to Consumer)
C2C (Consumer to Consumer)
Variando o B2C, uma empresa faz a venda
para seus próprios funcionários. Eles terão
acesso a preços diferenciados e até mesmo
com descontos em folha.
Modelo de venda para o Governo. Só não
pode ser considerada uma venda B2B porque
existem regulamentações e regras próprias
para este tipo de conversa.
Este modelo é um pouco mais completo,
pois ele acontece quando uma empresa faz
negócios com outra visando uma venda para
o cliente final.
É quando um indivíduo compra de outro
cliente através de sites (e-marketplace) que
intermediam estas transações. São exemplos:
eBay e Mercado Livre.
51
Apostila_Ambiente_Web_cedaspy_.indd 51
26/01/2016 12:37:13
Os segredos do e-commerce
Se você pretende ser um lojista e também deseja investir num e-commerce de
sucesso, então é preciso conhecer alguns “segredos” que podem impulsionar o investimento nesta área tão vantajosa. O primeiro deles é criar uma estratégia de marketing digital
bem elaborada, visando atingir as necessidades e os gostos do público. Este público precisa
saber que sua loja existe, que seus produtos são de qualidade e que ele terá a máxima segurança na hora de realizar a compra. Por isso, vale a pena investir no marketing através das redes
sociais, do e-mail marketing, anúncios digitais, entre outros. É preciso estar preparado para lidar
com a velocidade do meio digital, com tendências e opiniões mudando muito depressa.
A dica é criar uma plataforma de qualidade, com bom desempenho, bom visual,
organizada e de resposta rápida e clara ao cliente. Ele quer saber se a compra foi efetuada
com sucesso, se o pedido já foi postado.
O marketing de conteúdo também ajuda muito. Com fotos exclusivas, diferenciadas e descrições mais detalhadas, você atrai mais o seu cliente para a sua loja virtual. Vale a
pena até investir em comentários positivos de outros compradores.
Além disso, faça parcerias com outros sites que possam vender o seu produto.
Lembre-se que os consumidores também navegam por site de notícias, leem e-mails, ouvem músicas, assistem vídeos e se relacionam com amigos.
Algumas tecnologias utilizadas no comércio eletrônico
O mercado digital está recheado de ferramentas gratuitas e pagas para criar e aumentar a produtividade do seu e-commerce. Todas tendem a diminuir os gastos excessivos
com o trabalho de venda de produtos e serviços. Vamos reunir alguns serviços importantes,
porém no momento em que você estiver lendo esta apostila, outros produtos estarão disponíveis no mercado. O seu professor vai orientar quanto as melhores estratégias.
Google Analytics - Serviço gratuito do Google que gera estatísticas detalhadas
sobre os visitantes da sua loja virtual.
Pingdom - Um sistema online que ajuda a monitorar se a sua loja fica fora do ar. Importante caso seja necessário pedir ressarcimento de prejuízo por conta de queda de servidor.
E-bit - Um sistema que pesquisa a satisfação do consumidor online após o ato da compra e usa essas informações para qualificar a credibilidade da loja. Realiza o famoso pós-venda.
Mailchimp - Ferramenta que envio de e-mail marketing. Falaremos mais sobre ela
nas próximas aulas.
Zopim - Um sistema de chat online, com vários recursos como armazenagem
de histórico e respostas automáticas.
52
Apostila_Ambiente_Web_cedaspy_.indd 52
26/01/2016 12:37:13
Similarweb - Sistema permite pesquisar a audiência em qualquer site ou loja na
web. Muito importante para monitorar seus concorrentes e sites de referência.
Zoho Support - Um sistema para gerenciar todas as interações dos seus clientes
(chamados, e-mails, mensagens em canais de mídias sociais), e com isso tornar o atendimento mais eficiente.
ATIVIDADES
1
Você já ouviu falar no E-Commerce? Descreva o que significa desta modalidade de
comércio eletrônico?
_______________________________________________________________________
_______________________________________________________________________
_______________________________________________________________________
_______________________________________________________________________
E o M-Commerce e o T-Commerce? Descreva suas funcionalidades.
_______________________________________________________________________
_______________________________________________________________________
_______________________________________________________________________
_______________________________________________________________________
Dentre as formas de comércio eletrônico podemos destacar o Leilão Virtual. Explique o que ele significa.
_______________________________________________________________________
_______________________________________________________________________
_______________________________________________________________________
_______________________________________________________________________
2
Chegou a hora de navegar por sites de comércio eletrônico, como lojas virtuais,
e-marketplace, compras coletivas e clube de compras. Descubra suas principais
características, como o visual, facilidade de navegação, imagens, descrição dos produtos, forma de pagamento, entre outras. Relacione estes dados nas linhas abaixo:
(Obs. Em relação ao certificado de segurança, o seu professor vai indicar os
caminhos para verificar o emissor e a validade do certificado. Deixe tudo anotado.)
Empresa: ___________________________ Site: _______________________________
Tipo: ( ) Loja virtual ( ) E-marketplace ( ) Compras coletivas ( ) Clube de compras.
Características visuais e uso: ______________________________________________
_______________________________________________________________________
_______________________________________________________________________
Formas de pagamento: __________________________________________________
53
Apostila_Ambiente_Web_cedaspy_.indd 53
26/01/2016 12:37:13
Certificado de segurança (emissor): ________________________________________
Validade: _________
Empresa: ___________________________ Site: _____________________________________
Tipo: ( ) Loja virtual ( ) E-marketplace ( ) Compras coletivas ( ) Clube de compras.
Características visuais e uso: _____________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
Formas de pagamento: _________________________________________________________
Certificado de segurança (emissor): ______________________________ Validade: _________
Empresa: ___________________________ Site: _____________________________________
Tipo: ( ) Loja virtual ( ) E-marketplace ( ) Compras coletivas ( ) Clube de compras.
Características visuais e uso: _____________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
Formas de pagamento: _________________________________________________________
Certificado de segurança (emissor): ______________________________ Validade: _________
Empresa: ___________________________ Site: _____________________________________
Tipo: ( ) Loja virtual ( ) E-marketplace ( ) Compras coletivas ( ) Clube de compras.
Características visuais e uso: _____________________________________________________
_____________________________________________________________________________
_____________________________________________________________________________
Formas de pagamento: _________________________________________________________
Certificado de segurança (emissor): ______________________________ Validade: _________
54
Apostila_Ambiente_Web_cedaspy_.indd 54
26/01/2016 12:37:14
AMBIENTE WEB
Aula 07 - E-mail marketing
O que é e-mail marketing?
O uso consciente
E-mail marketing X Spam
Estratégias de campanha
Ferramentas de e-mail marketing
Criando a campanha do seu projeto
O que é e-mail marketing?
Se você ou sua família desejam se tornar empreendedores, ou se você trabalha num ambiente onde
comunicar com o cliente é importantíssimo, a ferramenta
de e-mail marketing é fundamental. Uma lista de e-mails
bem elaborada pode alavancar o sucesso de um negócio
na Internet. Com o e-mail marketing a comunicação com
o cliente passa a ser mais ágil, e você tem uma resposta
imediata. As melhores plataformas do mercado conseguem medir o retorno do seu e-mail
marketing, com estatísticas de quantas pessoas receberam, quantas clicaram em um link,
quantas visitaram o site, quantas compraram, e por aí vai.
O uso consciente
Usar o e-mail marketing é garantia de bons resultados para a estratégia da sua empresa. Além de ser econômico, facilita muito a nossa vida coorporativa. Mas, cuidado! Os
excessos nunca são bem vistos. Se as mensagens não forem bem vistas pelos clientes, ou
não se adequarem aos pensamentos destes, o e-mail marketing pode acabar se tornando
uma tragédia para sua empresa.
Alguns erros são claros. Erros de português, repetição de conteúdo, descuido com
imagens, títulos complexos e excesso de links podem atrapalhar sua estratégia ou ser comparado a um spam.
O que você precisa entender é que os e-mails marketing não são feitos para gerar
o lucro da sua empresa, mas são uma forma de chamar a atenção do possível cliente. Muitos são usados de forma promocional, sem exageros. Se o seu e-mail for considerado um
spam ou lixo pelo cliente, o resultado é o bloqueio imediato dos seus contatos.
55
Apostila_Ambiente_Web_cedaspy_.indd 55
26/01/2016 12:37:15
E-mail marketing X SPAM
Em algum momento da sua vida você já deve ter ouvido falar em SPAM. Para
muitos especialistas, um SPAM é o mau uso do e-mai marketing. Elas são mensagens recebidas que não são autorizadas pelo cliente ou destinatário. Se você gera um SPAM na sua
estratégia de marketing, acaba gerando uma perda de conteúdo e material que poderia ser
melhor. Neste caso o retorno não vale nem um pouco a pena.
Muitas das vezes, para buscar os clientes rapidamente, existe um envio precipitado e aleatório de mensagens pelas empresas, o que acaba deixando de lado o foco que é
comunicar com o cliente.
Outro erro muito comum que muitas empresas acabam adotando é a compra de listas de e-mails para disparar
sem critério algum. Isso é uma ilusão e acaba gerando mais
problemas do que benefícios. O que pretendia ser uma fidelização imediata acaba se tornando uma reação contrária.
Estratégias de campanha
A estratégia para aquela campanha de e-mail marketing na sua empresa começa
pela infraestrutura que você deverá montar, escolhendo os melhores formulários e seus
campos de cadastro ou pesquisa, a escolha dos estímulos (prêmios, promoções) para seus
visitantes deixarem o endereço de e-mail, elaborar um bom conteúdo e escolher a ferramenta para “disparar” com qualidade estas mensagens.
É importante que você entenda que a dica é construir a sua própria lista de e-mails. Você pode capturar estes e-mails através de uma Landing Page ou com
a utilização de algum newsletter. Mas para que isso funcione, é preciso que você crie
conteúdos de qualidade. Na sua estratégia, informações de qualidade são o ponto chave.
Procure fornecer conteúdo ou ofertar promoções, dicas, novidades que de alguma forma
possa gerar valor para o destinatário.
No mercado existem boas ferramentas (gratuitas e pagas) que oferecem os
serviços eficientes de e-mail marketing. Ainda nesta aula, vamos conhecer algumas delas.
Algumas regras nunca podem passar despercebidas. São elas:
• Seu cliente deve ser tratado como único, como se sua empresa falasse diretamente com ele. Essa proximidade gera um resultado bem interessante para quem
deseja fidelizar o cliente;
• Publique de forma constante, definindo uma periodicidade para o envio de seus
e-mails.Com os resultados emitidos pelo software que você escolher, analise os
melhores horários para enviar estas mensagens;
56
Apostila_Ambiente_Web_cedaspy_.indd 56
26/01/2016 12:37:15
• Fale de forma informal, porém sem exageros. Converse com o cliente com palavras mais próximas do cotidiano dele. Cuidado com palavrões ou excessos. Ah, e
seja ousado. Sem ousadia você não vai se diferenciar da sua concorrência;
• Não se esqueça de medir, medir e medir. As métricas vão lhe ajudar a conhecer
o perfil do seu cliente e quem abre e não abre seus e-mails. Se o cliente não interage de maneira nenhuma, não é interessante ficar com ele;
• Tenha objetivo e não enrole. Definir um objetivo claro de comunicação ajuda o
cliente a entender a sua empresa ou o seu negócio;
• Crie designs atrativos. A maioria das ferramentas de e-mail marketing possui design leve, interessante e padronizados. Os melhores designs devem ser otimizados também para os dispositivos móveis.
Ferramentas de E-mail Marketing
Podemos enumerar várias e várias ferramentas disponíveis na Internet, sendo elas
gratuitas ou pagas. São vários fatores que podem influenciar para você decidir qual é a
melhor ferramenta. O importante é escolher a que melhor se encaixe na sua proposta.
Analisando o mercado, vamos sugerir as mais utilizadas. São elas:
E-GOI - A www.e-goi.com.br é uma ferramenta de Portugal, completa e bastante utilizada aqui no Brasil. Segundo o site, o Banco do Brasil, FNAC e o A. C. Internacional
são algumas empresas que utilizam a ferramenta. Além de ser bem intuitiva, a plataforma
em português tem integração para disparo de SMS. Disponível também para criação da
Landing Pages. Para testes é possível disparar gratuitamente para listas de até 500 e-mails.
(www.e-goi.com.br)
GET RESPONSE - A www.getresponse.com é uma ferramenta bem completa,
em português e também possui uma disponibilidade para criação de Landing Pages, além
de integrar com a ferramenta de e-mail marketing. Segundo o site, o Hilton, iStock são algumas empresas que utilizam a ferramenta. E ainda, pode ser integrada com o Facebook,
Paypal, Twitter, LiveChat. (www.getresponse.com)
MAIL CHIMP - O link para esta ferramenta de e-mail marketing é www.mailchimp.
com. Muito fácil de ser usada, além de ser uma das ferramentas mais utilizadas em todo
o mundo. Possui como vantagem o acesso gratuito de até 2 mil clientes cadastrados e 12
mil e-mails enviados mês. O custo para o plano pago é bem razoável e atende a todos os
negócios. O único detalhe é que sua plataforma está em inglês. (www.mailchimp.com)
AWEBER - A ferramenta www.aweber.com também é bastante utilizada mundo
afora, por ser muito confiável e com um excelente custo x benefício. Os seus recursos são
um pouco mais complicados do que os demais, mas mesmo assim chama a atenção de
quem precisa bem uma ferramenta ágil. Ela também é em inglês. (www.aweber.com)
57
Apostila_Ambiente_Web_cedaspy_.indd 57
26/01/2016 12:37:15
Criando a campanha do seu projeto
Depois que você entendeu as regras e estratégias usadas para trabalhar com
e-mail marketing, chegou a hora de criar a sua primeira campanha. No exercício desta
aula, vamos simular campanhas por acesso direto na página da ferramenta ou interagir
com alguma Landing Page criada por você ou pela turma.
Para que a campanha fique mais interessante, vamos criar conteúdos interessantes, objetivos, com títulos atrativos, com visual elegante com padrão de cores, formas,
tipografia, texturas, através do uso de templates gratuitos disponíveis.
O exemplo que vamos usar será através do Mailchimp. A primeira etapa é o cadastramento na plataforma. Já dentro da página principal, clique na opção de criação de
campanhas. Apesar de estar em inglês, a plataforma é bem intuitiva.
Uma das partes que merecem mais atenção na elaboração da campanha é a
construção do layout e design da mensagem. Mas não se preocupe, pois existem templates para você utilizar. O seu professor vai orientar quanto à construção de campanha.
Preste bastante atenção e mãos a obra!
58
Apostila_Ambiente_Web_cedaspy_.indd 58
26/01/2016 12:37:15
ATIVIDADES
1
Capturando E-mails
Da forma bem tradicional, vamos buscar por alguns endereços de e-mail dos seus
colegas de turma. Em duplas, faça uma rápida entrevista com outros colegas e
solicite o nome e o e-mail de contato. Anote, no mínimo 6, para utilizar dentro da
campanha que você irá criar com a ajuda do seu professor.
Nome: _________________________ E-mail do professor: _____________________
Nome: ________________________ E-mail: ________________________________
Nome: ________________________ E-mail: ________________________________
Nome: ________________________ E-mail: ________________________________
Nome: ________________________ E-mail: ________________________________
Nome: ________________________ E-mail: ________________________________
2
Criando uma campanha
De acordo com as instruções do seu professor e da ferramenta que ele sugeriu, crie
uma campanha de e-mail marketing para um produto ou serviço fictício. Pode ser
um curso de inglês, uma venda de calçados. O mais importante é criar um template
com conteúdo interessante, criativo e que chame a atenção do seu cliente. Ao final,
cadastre na lista os e-mails que você coletou na atividade 1. Envie esta campanha
para todos da lista.
3
Interligando com a sua Landing Page
Se nas aulas anteriores você criou uma Landing Page e a ferramenta escolhida permite que você faça essa interligação com ferramentas de e-mail marketing, então
crie esse relacionamento seguindo as instruções da ferramenta. Peça suporte para
o seu professor, se necessário.
59
Apostila_Ambiente_Web_cedaspy_.indd 59
26/01/2016 12:37:15
AMBIENTE WEB
Aula 08 – SEO
Entendendo o SEO
Como funcionam os mecanismos de busca
Técnicas de SEO para sites e blogs
Cuidados com as empresas de SEO
Conteúdo de qualidade
Entendendo o SEO
Nesta última aula relacionada com marketing digital, vamos falar de uma sigla
muito utilizada nos dias atuais: o SEO. Mas afinal, o que é este tal de SEO? Para começar,
vamos entender a importância estratégica dele.
Muitas empresas estão adotando a postura de
desenvolver um conhecimento interno no que se refere
as estratégias de SEO, simplesmente para otimizar os seus
sites e dar mais visibilidade a sua empresa na ferramentas
de pesquisa, como o Google, por exemplo. Mesmo que a
sua empresa não consiga adquirir rapidamente estes conhecimentos, existem empresas especializadas para executar estratégias bem-sucedidas de SEO.
A sigla de Search Engine Optimization, também é conhecida como uma maneira de otimizar sites, para que se possa aumentar a quantidade de acessos, através de um
conjunto de técnicas e práticas para posicionar o seu site nos resultados orgânicos dos
mecanismos de busca, como Google e Bing.
Como funcionam os mecanismos de busca
Os mecanismos de busca utilizados pelas maiores empresas do mundo, como
Yahoo, Google e Microsoft, utilizam de poderosos algoritmos, repleto de fatores que otimizam estas buscas. Eles calculam por meio destes fatores quais sites seriam mais adequados
para serem exibidas quando uma busca é solicitada.
60
Apostila_Ambiente_Web_cedaspy_.indd 60
26/01/2016 12:37:16
Estes algoritmos são aperfeiçoados constantemente, o que impede uma forma
correta para entendê-los. Na maioria das vezes ele é secreto, garantindo uma exclusividade
da empresa que o criou. Isso garante uma briga acirrada entre buscadores.
Dentre alguns dos fatores, temos a utilização de sinônimos, relevância e localidade. Quanto mais sinônimos possíveis para a palavra, mais resultados similares são exibidos na tela. E claro, existe um peso naqueles resultados. Os mais acessados e mais relevantes são apresentados com maior visibilidade. E quanto mais próximas de você o site
estiver, mais ganham relevância e são exibidos na frente de outras páginas que não estão
pertos de você.
Outro fator está relacionado, claro, com a exibição de anúncios relacionados ao
que você acabou de pesquisar. Como estes sites de buscas vendem anúncios, o interessante é que eles apareçam acima do primeiro resultado da sua busca.
Todos os mecanismos de busca trabalham armazenando informações sobre o
maior número de páginas possíveis, com o
que ele tem disponível dentro da WWW. É aí
que entra o item chamado de Web Crawler (ou spider), um browser automatizado que
vai seguir os links que vê. Em seguida, o conteúdo de cada uma das páginas é analisado e
indexado (índice) pelas palavras-chave extraídas de títulos, cabeçalhos ou campos especiais (metatags). Estes dados já indexados são
armazenados em um banco de dados para as
pesquisas que serão realizadas no futuro.
Quando um usuário faz uma busca, tipicamente digitando palavras-chave, o sistema procura o índice e fornece uma lista das páginas que melhor combinam ao critério,
normalmente com um breve resumo contendo o título do documento e, às vezes, partes
do seu texto.
Quando chega o resultado, pode haver milhões de páginas que incluem palavra ou frase que você solicitou. Os mecanismos de busca usam métodos para criar um
ranking dos melhores resultados possíveis, mas, uma coisa é certa: a maior parte dos sistemas de busca são iniciativas comerciais suportadas por rendimentos de propaganda e,
claro, quem paga mais aparece mais alto no ranking nos resultados da busca.
A maioria dos serviços de pesquisa são rodados por empresas privadas usando
algoritmos proprietários e bancos de dados fechados, sendo os mais populares o Google,
Bing e Yahoo!
Não existe uma forma garantida para que isso aconteça, pois o Google não vende
61
Apostila_Ambiente_Web_cedaspy_.indd 61
26/01/2016 12:37:18
posicionamento nos seus resultados de buscas, mas existem técnicas que você pode aplicar em seu site ou blog para que ele apareça melhor posicionado. São as chamadas técnicas de SEO (Search Engine Optimization) que vão auxiliar você a deixar o seu site mais
amigável para os robôs que vasculham a Internet.
Para quem deseja aprofundar mais no conhecimento relacionado com os mecanismos de buscas dos sites, a Google criou o site “How Search Works” com explicações e
infográficos animados. A versão mais completa está em inglês.
Técnicas de SEO para sites e blogs
Otimizar significa tornar ótimo ou ideal. Otimizar é extrair o melhor rendimento possível de uma determinada atividade. Como já dissemos, as mudanças nos algoritmos dos
motores de busca são constantes. Por isso, é importante adotar estratégias para otimizar
as buscas relacionadas com seu site e para isso usamos as técnicas de SEO. Quanto mais
você souber otimizar um site, melhor será o resultado. Com as dicas que vamos oferecer
abaixo, você aprenderá as práticas mais eficientes para posicionar os seus conteúdos e se
destacar da concorrência.
Título
O título é um dos principais fatores que influenciam no rank dos mecanismos. Nele,
você deverá apresentar as palavras-chaves, de forma simples, objetiva e bem chamativa, para atrair atenção e ser clicado. Use no máximo 2 palavras-chaves, máximo de 65
caracteres e seja original, inserindo títulos diferentes em todas as páginas. Textos chamativos como “Promoções”, “Descontos”, “10 dicas sobre”, ajudam muito na taxa de clique do
seu site.
Palavras-Chave
As palavras-chave são determinantes na construção do seu site. Quando você seleciona um
conjunto de palavras-chave eficientes para o seu
site ou blog o resultado de busca é mais rápido.
Existem ferramentas na Internet, como a Google
Trends, por exemplo, que ajudam você a encontrar
palavras-chaves interessantes sobre o seu conteúdo.
Autor
O autor do conteúdo também gera relevância e credibilidade, principalmente se ele
for bem conhecido na rede. Autores que escrevem bastante ou que são bem conhecidos
geram maior fluxo de informações. As revistas e jornais famosos utilizam do seu nome para
gerar clique de relevância.
62
Apostila_Ambiente_Web_cedaspy_.indd 62
26/01/2016 12:37:18
Conteúdo
Para qualquer pesquisa ser bem vista é preciso ter conteúdo atrativo. Deve conter palavras-chaves para chamar a atenção do leitor e o mesmo continuar em seu site. Escreva
bem, use termos bem procurados e dê qualidade ao seu trabalho. Quanto mais qualidade
tiver seu conteúdo, melhor posicionado será.
Formatação de Conteúdo
Os motores de busca dão uma especial atenção às palavras em negrito, itálico e
sublinhado. Atenção para estes detalhes.
Imagens
Alguns algoritmos são bons quando as imagens são otimizadas. Uma imagem bem
rankeada deverá ter um título e um texto alternativo bem interessante, principalmente os
adicionados ao atributo “alt”.
Divulgação e Interação nas mídias sociais
Quando você também faz marcações nas mídias sociais, principalmente comentários
de matérias, o ranking do seu site ou blog aumenta. Os botões de “curtir” do Facebook,
“tweets” do Twitter e, principalmente, o “+1 do Google Plus ajudam muito. A dica é: Insira
uma pergunta ao final de um texto e peça para os leitores responderem com comentários.
Isso ajuda a rankear o seu site.
Não copie textos
O conteúdo que você coloca dentro do seu site ou blog deverá ser original e único,
pois se você copiar e colar de outro site, os motores de buscas contam como conteúdo
duplicado e acabam atrapalhando o trabalho de pesquisa.
Link Building
O uso de links com texto âncora é muito usado com técnica de SEO. Procure sempre
uma palavra-chave de acordo com o conteúdo relacionado, e insira links nela. Deixe de
lado o famoso “clique aqui” e use as palavras corretas sobre o assunto.
Cuidados com as empresas de SEO
Se você está montando um site para seu negócio e deseja contratar uma empresa
para realizar o trabalho de SEO, fique atento e tome alguns cuidados para evitar problemas.
Dentre eles temos:
63
Apostila_Ambiente_Web_cedaspy_.indd 63
26/01/2016 12:37:18
• Não acredite em e-mails não solicitados sobre seus resultados nos mecanismos de
pesquisa. Ex: “Visitamos seu site e constatamos que você não aparece nos principais
sites e mecanismos de busca...”;
• Nenhum SEO consegue garantir sua melhor classificação num site de busca;
• Não acredite em empresas que oferecem resultados expressivos, mas não explica
nem suas técnicas;
• Não compre palavras-chave;
• Pague pelo trabalho de SEO e por anúncios. Ambos são diferentes nos resultados
dos mecanismos de busca, principalmente do Google.
Conteúdo de qualidade
Como já dissemos, uma das técnicas mais importantes para o melhor posicionamento e rankeamento nos sites de busca é o conteúdo. Seja um site ou um blog, ele precisa
estar sempre atualizado, com palavras-chaves criativas e com conteúdo interessante para
o internauta. Mas para que qualquer conteúdo funcione de forma eficiente, é preciso:
• Usar o português corretamente para facilitar a leitura e transmitir relevância ao seu usuário;
• Conteúdo original com citação de fontes, tornando-o interessante;
• Procure acrescentar data de publicação dos seus conteúdos. Muitos motores dão
prioridade para os conteúdos mais recentes;
• Evite usar links para páginas que você desconhece. Isso pode gerar problemas com
vírus ou conteúdo inapropriado;
• Revise para encontrar falhas e erros comuns;
• Responda para você mesmo perguntas do tipo “Este artigo prenderá a atenção até
o final?”, “Ele esclarece alguma dúvida”, “Outras pessoas irão compartilhar esse artigo?”,
entre outros.
ATIVIDADES
1
Pesquisa de termos
Responda para você mesmo perguntas do tipo “Este artigo prenderá a atenção até o
final?”, “Ele esclarece alguma dúvida”, “Outras pessoas irão compartilhar esse artigo?”,
entre outros.
Assunto: ________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
__________________________________________________________________________
64
Apostila_Ambiente_Web_cedaspy_.indd 64
26/01/2016 12:37:18
2
O trabalho do SEO
O exercício de hoje vai envolver a sua habilidade com as técnicas de SEO. Vamos
supor que você trabalhe em uma academia e seja o responsável pela criação do site
e o trabalho de SEO. Faça um levantamento das melhores práticas que você aprendeu e para adaptar a este site. Em cada linha, anote uma prática que você adotou.
Escreva também as palavras-chaves que você deverá usar.
Práticas de SEO:
1: __________________________________________________________________________
2: __________________________________________________________________________
3: __________________________________________________________________________
4: __________________________________________________________________________
5: __________________________________________________________________________
Palavras-chave: _________________________________________________________
_______________________________________________________________________
_______________________________________________________________________
3
Interligando com a sua Landing Page
Se nas aulas anteriores você criou uma Landing Page e a ferramenta escolhida permite que você faça o trabalho de SEO, então utilize as práticas que você aprendeu e
alavanque o resultado de pesquisa do seu site ou blog.
65
Apostila_Ambiente_Web_cedaspy_.indd 65
26/01/2016 12:37:18
AMBIENTE WEB
Aula 09 – Blogs
O que é o blog?
A importância dos blogs
Planejando o conteúdo
Conteúdo útil e relevante
As ferramentas para criação de blog
O que é um blog?
O nosso estudo sobre marketing de conteúdo
e sobre as ferramentas mais importantes utilizadas
pelo mundo corporativo em ambiente virtual não
terminou. Nesta aula, vamos falar de um assunto
que desperta o interesse de muita gente: os blogs.
Segundo a Wikipédia, um blog é um “site cuja estrutura permite a atualização rápida a partir de acréscimos dos chamados artigos ou posts”. Para se estruturar e alimentar um blog, em geral, é preciso criar
uma temática (escolher um tema) e publicar artigos
ou textos sobre ele. O blog pode ser escrito por uma
pessoa ou por um grupo de pessoas.
No começo, os blogs eram traduzidos com sendo diários online no intuito de divulgar
ações e sentimentos do dia a dia. Com o tempo, os blogs passaram a se tornar mais corporativos e utilizados como ferramenta do marketing de conteúdo. Atualmente, existem
diversos tipos de blogs, divididos em quatro grandes ramos: os blogs pessoais, os corporativos, educacionais e os de gênero.
A importância dos blogs
Nos dias atuais, os blogs passaram a ser ferramentas estratégicas significativas no marketing das empresas. Basicamente, o blog serve como uma ponte entre o conteúdo dos
seus posts e as páginas de serviços, produtos e promoções da sua empresa.
66
Apostila_Ambiente_Web_cedaspy_.indd 66
26/01/2016 12:37:19
Outro ponto importante é que você poderá coletar opiniões dos seus clientes através
dos comentários produzidos por eles, tanto de forma negativa ou positiva.
Pensando através dos quatro grandes ramos específicados anteriormente, vamos entender que o blog se torna importante para:
• Empresas: como ferramenta de comunicação e compartilhamento de ideias tornando ótima para o marketing digital, proporcionando interatividade com as pessoas.
É possível estreitar uma relação com os seus clientes, criar um vínculo emocional,
informar o público sobre seu negócio, saber seus desejos e suas opiniões sobre a
marca ou produtos. Um caminho mais curto para que a empresa possa entender suas
próprias falhas e se aprimorar constantemente. Qualquer empresa que busque ter
sucesso na Internet precisa incluir um blog na estratégia de marketing digital.
• Você: como marketing pessoal e elemento estratégico para aproximar as pessoas da
sua forma de pensar, compartilhando suas ideias, pensamentos, opiniões e conhecimentos. O blog é o lugar ideal para colocar seus pontos de vista e interação, criando
uma imagem positiva sobre a sua relevância e ampliando seu network profissional.
Uma verdadeira vitrine pessoal. O blog ajuda a criar um portfólio de pensamentos e
informações, além da possibilidade da divulgação de projetos. Só tome cuidado com
o que você escreve.
• Educação: como ferramenta de troca de informações, explorando a opção dos educadores de utilizar o potencial pedagógico dos blogs. É uma ligação importante entre
professores e alunos, além de contribuir para que ambos possam se reciclar, atualizar
e partilhar conhecimento. É possível a produção de textos, análises e opiniões sobre
atualidade, apoio multidisciplinar, publicação de fotos e vídeos, entre outros. É uma
forma de ampliar o olhar do educador sobre as possibilidades pedagógicas no processo de ensino-aprendizagem, integrando a tecnologia para o aprendizado.
• Leitor: como assuntos específicos que tratam os nichos apenas como fontes de
entretenimento e informações. Exemplos mais clássicos são os humorísticos, contos,
poesias, gastronomia.
Planejando o conteúdo
Antes de você se aventurar no mundo dos blogs é
necessário conhecer algumas dicas importantes para que
o resultado seja eficiente. Criar e compartilhar conteúdo que seja realmente útil e interessante pode atrair uma
grande quantidade de clientes e seguidores. Por isso, nada
mais justo que fazer um planejamento do seu blog. Defina quem será o seu público, a formatação, o estilo, e outros detalhes que irão impulsionar o seus trabalhos como
blogueiro.
67
Apostila_Ambiente_Web_cedaspy_.indd 67
26/01/2016 12:37:20
Público-alvo
O primeiro passo é definir o seu público alvo. Quem vai ler os seus artigos, comentar e
compartilhá-los? Se você não souber com quem está falando, o seu conteúdo nunca será
sustentável o suficiente para atrair o cliente/leitor. Se você deseja montar um blog sobre
cinema, por exemplo, lembre-se que o seu maior público será os que realmente gostam de
cinema. Por isso, direcione informações pensando neles.
Metas
Querendo ou não, quem cria um blog tem um objetivo ou uma meta, que podem ser
diferentes para diferentes tipo de público. Se o seu público é corporativo, defina metas de
fidelização ou engajamento de seus clientes. Use estratégias para alcançar números que
sejam satisfatórios para que o seu negócio seja visto e comentado.
Formatos e linguagem
Postar apenas textos pode ser repetitivo. Busque criar posts que sejam diferentes, inovadores e que consigam cativar o seu leitor. Utilize imagens, vídeos, infográficos, cores
e uma linguagem mais descontraída e que se aproxime do público. Claro que se você
conhece o seu público, saberá como falar com ele. Outro detalhe: procure não publicar
textos muito grandes e de difícil leitura.
Frequência
Pense que você não poderá ser nem tão chato nem tão calado. Um blog precisa ter
uma periodicidade de publicações, estar atualizado, trazer coisas novas e dinâmicas. Defina
a frequência com que um texto novo será publicado, organize as ideias e faça cumprir. Uma
média boa é publicar dois artigos diários.
Adquira conhecimento
Todo blog precisa ter informações consistentes. Por isso, procure se manter atualizado com o tipo de informação que você vai distribuir. Seja o mais original possível, citando
as fontes das pesquisas, para torná-lo mais interessante.
Conteúdo útil e relevante
Criar conteúdo útil e relevante para o blog da sua empresa ou mesmo o seu blog
pessoal não é tarefa fácil para ninguém. Você precisa enxergar o que realmente é importante, usar ferramentas que acrescentem conhecimentos, descobrir o tipo de conteúdo
mais compartilhado e buscar os assuntos populares e atuais.
Mas não é só isso! Você precisa saber abordar o assunto de jeito inovador, como sendo algo único e interessante. Se você for criar um blog de viagens, por exemplo, é preciso
que o público sinta que você realmente vivenciou aquela viagem. Se você criar “momentos
68
Apostila_Ambiente_Web_cedaspy_.indd 68
26/01/2016 12:37:20
inesquecíveis” o seu resultado será imediato. Explique com segurança e seja o mais prestativo possível. Isso faz uma diferença enorme.
Produzir uma informação de qualidade sobre os seus produtos e a sua marca ampliam muito a capacidade de otimização do negócio. Isso gera mais confiança, autoridade e
visibilidade.
As ferramentas para criação do Blog
Ferramentas para criação de blog
Falamos tanto da importância do marketing de conteúdo e da utilização correta e
consciente dos blogs que você deve estar ansioso para iniciar o seu projeto E o caminho
é simples. Hoje, na Internet, existem várias ferramentas gratuitas e fáceis de serem usadas
para você criar o seu blog. Você não precisará ter um conhecimento em programação para
criar um blog corporativo ou pessoal.
Dentre as várias ferramentas, escolhemos duas que amplamente usadas no mercado. São apenas sugestões. O seu professor poderá apresentar outras durante a aula.
Blogger
O Blogger é um das mais utilizadas do mercado. É um serviço gratuito da Google que
não coloca limites na sua utilização. Tem uma interface bastante simples e intuitiva, ideal
para quem não tem tanta experiência com blogs.
Para usar a ferramenta basta fazer login com uma conta do Google. Dentro dele você
deverá selecionar (criar) um endereço (URL) e um título para seu blog. A próxima etapa será
a escolha de um modelo (template) e seu design.
Através de um painel próprio, é possível realizar ações de nova postagem, leitura de
mensagens e comentários, acompanhar outros blogs, personalizar, editar privacidades e
permissões, exibir anúncios (Adsense), monitorar tráfegos, entre outros.
WordPress
O WordPress.com é uma plataforma open source e se firma como forte concorrente
do Blogger. Seu processo de criação também é bastante simples e intuitivo, sem a necessidade do conhecimento em programação. Ele dispõe de uma quantidade interessante de
templates que você poderá acrescentar no seu projeto. Mas, claro, existe uma diferença
entre os templates pagos e gratuitos.
O primeiro passo no Wordpress é criar uma conta, com um nome de usuário, senha,
e um endereço de e-mail válido. Em seguida, é importante definir o endereço do seu blog,
69
Apostila_Ambiente_Web_cedaspy_.indd 69
26/01/2016 12:37:20
para que a versão gratuita estabeleça o caminho “nome do blog.wordpress.com” Caso
você queira um endereço personalizado, como .com ou .net, existe um valor específico
definido na plataforma.
Após, crie um perfil e escolha o layout (template) para serem instalados no seu blog.
O processo é rápido e fácil. Você já poderá começar a postar os seus textos e imagens sem
dificuldades. O painel de controle (Dashboard) permitirá que você tenha o absoluto controle sobre a plataforma e seu blog.
ATIVIDADES
1
Como você aprendeu nesta aula, o planejamento é essencial para a criação de um
blog bem interessante e eficiente. E para iniciar nosso trabalho prático, você deverá
planejar um blog sobre o assunto que você achar produtivo e interessante. Discuta e
faça pesquisas com outros colegas.
Assunto: ____________________________________________________________________________________________________________________________________________________________
Público-alvo:_____________________________________________________________________________________________________________________________________________________
Metas: _________________________________________________________________________________________________________________________________________________________________
_________________________________________________________________________________________________________________________________________________________________________________
Formatos e linguagem: ___________________________________________________________
_________________________________________________________________________________
Periodicidade: ___________________________________________________________________
Fontes principais de pesquisa: ____________________________________________________
_________________________________________________________________________________
2
3
Pronto! Seu planejamento está concluído. Agora é hora de escolher a ferramenta,
criar a conta e o perfil e começar a elaboração do seu blog. Elabore todo o trabalho
de marketing de conteúdo e siga o esquema de publicações que você definiu. Até a
próxima aula você deverá realizar duas publicações diárias, de no máximo 10 linhas
de conteúdo. Não fuja do tema e utilize de recursos visuais como imagem e vídeos
para ilustrar o post.
Se nas aulas anteriores você aprendeu as estratégias de SEO, que tal colocá-las em
prática dentro do seu blog? Alavanque o resultado de pesquisa do seu blog.
70
Apostila_Ambiente_Web_cedaspy_.indd 70
26/01/2016 12:37:20
AMBIENTE WEB
Aula 10 – O uso eficiente do ambiente Google
Uma breve história do Google
Pesquisas avançadas
Filtros da pesquisa Google
Operadores e símbolos de pesquisa
Serviço de e-mail – Gmail e Inbox
Uma breve história do Google
Em setembro de 1998, nascia oficialmente o
que seria uma das maiores empresas do mundo: a
Google. Seus fundadores, Larry Page e Sergey Brin,
receberam seu primeiro grande investimento (100
mil dólares) logo na abertura da empresa. Em Junho do ano seguinte, veio a primeira virada com um
aporte de 25 milhões de dólares de investidores de
risco. Isso fez com que a empresa começasse a criar
seus primeiros produtos, como o Google Directory,
em março de 2000. O seu serviço de busca conseguiu alavancar, principalmente quando o buscador
de imagens foi incorporado.
Outra grande mudança foi em setembro de 2002, com o surgimento do Google
News, um serviço que agregou links para notícias do mundo inteiro. Isso alavancou ainda
mais a quantidade de acessos do site. Ajudou os desenvolvedores a criarem em junho de
2003 o Google Adense, serviço que exibe anúncios publicitários em sites, o que elevou as
receitas da empresa.
Em abril de 2004, o Google lança o Gmail, um revolucionário serviço de e-mail como
1 GB de capacidade. Isso realmente atiçou a curiosidade de muita gente. E a partir deste
momento, a Google não parou mais de crescer. Vieram o Google Maps, o Google Earth, o
Google Drive, dentre muitos outros serviços que usamos atualmente.
71
Apostila_Ambiente_Web_cedaspy_.indd 71
26/01/2016 12:37:21
Pesquisas avançadas
Começando o nosso passeio por entre os serviços Google, vamos falar da parte relacionada às pesquisas. De forma simples, qualquer pessoa pode digitar uma palavra ou
expressão desejada, retornando inúmeros resultados.
Não vamos nos preocupar em ensinar
o processo de pesquisas simples no site de
busca. Nossa proposta é ajudar você a restringir um pouco mais estes resultados,
usando a página “Pesquisa avançada” do
sites de busca, especialmente o Google.
Vamos induzi-lo a realizar pesquisas do
tipo “.pdf”, em site de língua portuguesa e
que tenham sido atualizadas nas últimas
24 horas. Este refino deverá trazer resultados mais satisfatórios para você.
Os ícones de acesso às páginas de pesquisa avançada estão, geralmente, junto da barra de pesquisa. Nossos exemplos se concentrarão na ferramenta da Google, pelo simples
fato de ser a mais usada. Mais isso não impede que você possa fazer a mesma pesquisa
sugerida em sites de busca diferentes.
Filtros da pesquisa Google
A página “Pesquisa avançada” do site de buscas Google funciona através de filtros,
organizados para seu melhor controle. Escolha os filtros que você deseja usar e aguarde o
resultado. Vamos analisar os filtros:
Todas as palavras: Vai retornar resultados associados a todas as palavras que você
digitou.
Esta expressão ou frase exata: A pesquisa retornará a expressão ou a frase na ordem e
da forma que foram digitadas.
Qualquer uma destas palavras: retorna resultados associados a uma ou outra palavra
digitada.
Nenhuma dessas palavras: é a pesquisa negativa, ou seja, retorna conteúdos que não
contenham as palavras digitadas.
Números que variam de: a variação de números geralmente é usada na pesquisa de
preços.
72
Apostila_Ambiente_Web_cedaspy_.indd 72
26/01/2016 12:37:22
Você poderá filtrar também por:
Idioma
Região: escolha o país em que o site esteja armazenado.
Última atualização: escolha o período de tempo da última atualização. Ex: último mês.
Site ou domínio: escolha o site ou domínio específicos para sua pesquisa.
Termos que aparecem: escolha o local específico da página onde a palavra pesquisada
vai aparecer.
SafeSearch: com este filtro é possível impedir que imagens inadequadas ou explícitas
apareçam nos resultados. Como o próprio Google afirma, ele não é 100% preciso, mas
ajuda bastante na filtragem.
Tipo de arquivo: Este filtro permite uma pesquisa pelo tipo de arquivo que você deseja.
Pode ser um documento word (.doc) ou um Adobe Acrobat PDF (.pdf).
Direitos de uso: Filtro que permite obter resultados de imagens, vídeos ou texto que
tenha permissão para uso. Muitas permissões são dadas, por exemplo, apenas se você
der crédito ao criador.
Operadores e símbolos de pesquisa
Além do uso da interface da ferramenta, você poderá combinar caracteres e palavras
especiais para conseguir que os resultados da sua pesquisa se tornem mais específicos. O
Google reconhece alguns sinais e símbolos. Vamos aos exemplos:
73
Apostila_Ambiente_Web_cedaspy_.indd 73
26/01/2016 12:37:22
E use também os famosos operadores para ajudar a restringir os resultados, assim
como você faz ao usar a página de Pesquisa avançada. Detalhe: na hora da pesquisa não
adicione espaços entre o operador e os termos de pesquisa. Vamos conhecê-los:
Serviços Gmail e Inbox
Os serviços do Google são interligados através de uma única conta criada por você.
Com o Gmail não é diferente. A Conta do Google vem associada a um serviço de webmail
chamado de Gmail, que permite a relação direta com os serviços de envio e recebimento
de mensagens.
Com uma conta criada, você pode usar o mesmo nome de
usuário e a mesma senha para fazer login em qualquer produto da Google. A grande vantagem de buscar estas soluções da
Google é a sua gratuidade, ou seja, você não paga nada pelo uso
destes serviços.
Mas espere! Se eu não pago, quem paga para manter os serviços funcionando? Simples, o financiamento do Gmail é feito por publicidade: anúncios de textos ou mensagens
pagos por empresas ou pessoas interessadas em anunciar os seus produtos. O sistema
analisa o conteúdo automaticamente e exibe publicidade de acordo com os assuntos
mencionados. Estudos afirmam que 75% dos usuários do Google que recebem anúncios
nas suas caixas, uma hora ou outra acabam comprando um produto ou serviços.
O Gmail nasceu em 2004, fornecendo comunicações autenticadas e criptografadas
que permitem certa segurança na troca de informações. Dentre as funções especiais oferecidas dentro do Gmail, estão a visualização de conversas (apresentação das mensagens
74
Apostila_Ambiente_Web_cedaspy_.indd 74
26/01/2016 12:37:25
relacionadas com um assunto específico em uma única janela), os marcadores (organização por meio de marcas ou etiquetas), Disco virtual (espaço de armazenamento), vídeo
chamada (com até dez amigos com o Hangouts) e o Chat integrado (um bate-papo instantâneo).
Os marcadores estão do lado esquerdo da sua tela do Gmail. Lá você poderá
criar marcadores próprios, além dos estabelecidos pelo Gmail. Organize todas as
mensagens neste espaço.
A área de chat está bem abaixo dos marcadores. Converse com seus contatos
através deste caminho.
No lado direito da tela encontra-se um ícone muito importante relacionado
com as configurações da sua conta no Gmail. Nele você encontrará uma opção
que permite configurar itens como a quantidade de mensagens por página, idiomas de exibição, formato do texto, entre outros. Vale a pena explorar esta área. O
seu professor vai ajudá-lo nesta tarefa.
Surgido em 2014, o Inbox passou a ser tratado com o sucessor do Gmail. Trata-se de um aplicativo que trabalha de forma diferenciada, permitindo um maior
controle das mensagens na caixa de entrada.
O principal diferencial é a forma como ele categoriza suas mensagens, definindo o que é ou o que não é relevante para você.
O seu professor vai demonstrar com mais clareza o uso desta ferramenta.
Tente anotar tudo e depois faça suas comparações.
ATIVIDADES
1
Resuma, em no máximo cinco linhas, a história de criação e evolução da empresa
Google. _______________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
______________________________________________________________________
75
Apostila_Ambiente_Web_cedaspy_.indd 75
26/01/2016 12:37:25
2
Responda as seguintes sugestões de pesquisa, utilizando os filtros que o seu professor
ensinou. Em seguida, promova um desafio para a turma. Você pode sugerir ao seu
professor, algumas pesquisas que a turma deverá realizar. IMPORTANTE: não se
esqueça de pesquisar em duas ou três fontes diferentes para confirmar o resultado.
Capital da Dinamarca: ____________________
Primeiro filme a ganhar um Oscar: _________
O que é diverticulite? ____________________
Menor país do mundo:___________________
Hora atual em Bangladesh: ___:___
Onde fica o vulcão Mount Rainier?_____________________
Menor temperatura já registrada na sua cidade: __________
Ano de fabricação da primeira bicicleta: _____________________
Rã venenosa da Colômbia: ________________________________
Suas sugestões para a turma: ___________________________________________________
_____________________________________________________________________________
3
4
Você já possui uma conta no Gmail? Se não, crie uma e caso tenha, configure-a.
Vamos elaborar um quadro comparativo entre ferramentas de webmail que você conhece
ou usa. As comparações são importantes para aprimorar o seu conhecimento no assunto.
Ao final, envie este quadro comparativo para o e-mail do seu professor.
Google
Vantagens:
Yahoo
Vantagens:
______________________________________
______________________________________
______________________________________
______________________________________
______________________________________
______________________________________
______________________________________
______________________________________
Hotmail
Inbox
Vantagens:
______________________________________
______________________________________
______________________________________
______________________________________
Vantagens:
______________________________________
______________________________________
______________________________________
______________________________________
76
Apostila_Ambiente_Web_cedaspy_.indd 76
26/01/2016 12:37:25
AMBIENTE WEB
Aula 11 – O uso eficiente do ambiente Google
O que o termo “Computação em nuvem” representa?
Benefícios da Cloud Computing
Serviços Google para computação em nuvem
A força dos concorrentes
O que o termo “Computação em nuvem” representa?
O conceito não é novo, mas muitos ainda não tem o costume de usar. A aposta é
utilizar o seu computador para realizar desde tarefas básicas (como utilizar planilhas) até
trabalhos mais complexos (edição de imagens e vídeos) sem precisar instalar nenhum outro
programa no seu computador.
A possibilidade de acessar seus arquivos e executar diferentes atividades em diversas
plataformas na Internet ajuda a manter um dinamismo dos serviços e das tarefas. Quando
você se conecta ao serviço online escolhido, é possível salvar todo o trabalho (inclusive
aquele trabalho de escola) para acessá-lo depois em qualquer lugar e a qualquer hora.
Nesta aula, você vai conhecer alguns exemplos de serviços oferecidos na nuvem pelo
Google e seus principais concorrentes.
Benefícios da Cloud Computing
Como dissemos, a computação na nuvem ou cloud computing, como é conhecida,
é uma forma de facilitar a suas tarefas diárias e principalmente da empresa onde você
trabalha. Com a possiblidade de acessar os arquivos e programas diretamente na Internet e
sem instalação de softwares, os benefícios oferecidos tornam o seu dia a dia mais produtivo.
Dentre os vários benefícios, podemos destacar:
Suporte em TI - A computação em nuvem permite que você não precise se preocupar
com uma infraestrutura ou aplicações. Tudo estará disponível dentro da empresa que
você contratou. As atualizações de hardware e software ficam por conta deles.
77
Apostila_Ambiente_Web_cedaspy_.indd 77
26/01/2016 12:37:25
Economia – A economia não é só na infraestrutura, mas no tempo gasto para
realização de tarefas. É possível resolver um problema que de outra forma seria
demorado.
Sustentabilidade – Neste mundo preocupado com meio ambiente e a escassez de
recursos naturais, a computação em nuvem acaba por se tornar sustentável. Você e
sua empresa poupam mais energia, sistemas de refrigeração, custos com impressão,
entre outros.
Incrível flexibilidade - É possível alterar a infraestrutura de tecnologia na nuvem
com facilidade. Quem trabalha com negócios dinâmicos, os recursos e as tarefas
podem ser alterados com rapidez, de acordo com a sua necessidade. Além disso, o
acesso aos seus arquivos podem ser feitos de qualquer lugar e qualquer hora.
Variedade – As plataformas são bem variadas quando falamos de computação em
nuvem. Você pode ter cópias de segurança em mais de um servidor, além de uma
portabilidade entre plataformas.
Produtividade – A produtividade aumenta porque a computação em nuvem permite
que pessoas gastem mais tempo trabalhando em atividades que gerem mais valor
para a empresa. Além disso, a rapidez com que os dados podem ser acessados e
compartilhados facilitam o processo.
Serviços Google para computação em nuvem
Drive
O famoso Google Drive é um serviço de disco virtual da Google que permite
o armazenamento de arquivos diretamente na nuvem do Google, com aplicativos de
sincronização para Android e IOS. Estes arquivos que estão armazenados no Google Drive
podem ser compartilhados com quem você quiser (seus amigos e colaboradores) através da
conta do Google previamente criada. Você decide o que compartilha com quem compartilha
e o nível de permissão de cada pessoa (editar ou visualizar).
O Google Drive possui edição colaborativa de seus arquivos no Google Docs, Google+,
Fotos, Gmail, entre outros. Além disso, você pode criar, adicionar ou fazer o upload de um
arquivo que esteja guardado no seu computador.
Durante a elaboração desta apostila, o Google Drive oferecia 15 GB de armazenamento
gratuito para compartilhar entre o Google Drive, Gmail e Fotos do Google+, com a possibilidade
de aumentar para 30 GB na integração com o Google Aps. E se você ficar sem espaço de
armazenamento, o Google oferece a possibilidade de comprar armazenamento adicional. Ele
estará disponível para os serviços Google já citados.
Para exemplificar melhor a utilização da ferramenta do Google Drive, o seu professor
vai demonstrar os principais passos de uso. Anote tudo.
78
Apostila_Ambiente_Web_cedaspy_.indd 78
26/01/2016 12:37:25
Mapas
O Google Mapas é uma ferramenta rica quando falamos de sistema de cartografia
online. Com ele é possível encontrar qualquer lugar no mundo, obter instruções de
localização e de rota, ver e adicionar imagens, além de manter a localização de sua empresa
ou negócio. Dentre algumas potencialidades, o Google Mapas oferece ferramentas para
calcular as direções, obter informações sobre empresas, consultar artigos na Wikipédia,
salvar localizações favoritas e compartilhar anotações com a família e amigos. E a aplicação
disponibiliza compatibilidade total com outras plataformas da Google.
Um dos itens mais interessantes é a
utilidade pública da ferramenta, dispondo a
possibilidade de verificar o trânsito em tempo real
e escolher o melhor para alcançar o seu destino.
Nas últimas atualizações realizadas pela
Google, ela passou a oferecer funcionalidades de
salvar mapas offline em uma lista para navegação
rápida para ser utilizada com ou sem Internet.
Outra funcionalidade que chama a atenção é o Street View, onde você pode ter com
clareza uma visão de 360º do local desejado. As vistas panorâmicas permitem que os usuários
vejam partes de algumas regiões do mundo ao nível do chão /solo. O Google Street View
mostra fotos tiradas por uma frota de veículos próprios e adaptados para o trabalho.
Google Agenda
Para facilitar a sua vida pessoal ou das tarefas da sua empresa, você pode organizar seus
compromissos com a agenda online e gratuita do Google. Com ela, é possível compartilhar
compromissos com seus amigos, permitindo que eles vejam sua agenda e compromissos que
outras pessoas compartilharam com você. E como é uma ferramenta interligada na nuvem,
acesse a sua agenda de qualquer lugar e qualquer hora, sincronizada com seu smarthphone
ou tablet.
Além dos lembretes, você pode escolher entre receber notificações por e-mail ou
mensagens de texto diretamente em seu celular. O seu professor vai demonstrar o uso desta
ferramenta e a integração com outras.
79
Apostila_Ambiente_Web_cedaspy_.indd 79
26/01/2016 12:37:26
A força dos concorrentes
Quando falamos de computação em nuvem, claramente nos vem à cabeça o uso das
ferramentas que a Google nos oferece. Mas é preciso ficar bem claro que ela não é a única
empresa que oferece este tipo de serviço. A partir de agora vamos aproveitar a oportunidade
e conhecer um pouco mais sobre outras empresas que oferecem serviços eficientes de
Cloud Computing.
Dropbox
O Dropbox é um belo exemplo de computação em nuvens com
serviços de sincronização de arquivos. Com ele, você pode reservar
um espaço do disco rígido, o qual será destinado para a sincronia
nas nuvens. Ao copiar ou mover um arquivo nesse espaço, ele será
duplicado no servidor do aplicativo e também em outros computadores
que tenham o programa instalado e nos quais você acesse a sua conta.
One Drive
O OneDrive é o serviço de armazenamento em nuvem, da Microsoft. Com ele é
possível armazenar qualquer arquivo usando uma conta da Microsoft e definir permissões
(público, somente amigos, usuários definidos ou privado). Durante a elaboração desta
apostila, o serviço oferecia 25 GB de armazenamento. Trabalha com o Office Online integrado,
permitindo a criação e documentos, planilhas e apresentações sem muito esforço.
Bing Maps
O Bing Maps é um sistema semelhante ao da Google, desenvolvido
pela Microsoft para visualização interativa de mapas e imagens de satélite.
Os usuários podem trocar informações sobre os dados compartilhados nos
mapas.
iCloud
O iCloud é um serviço exclusivo para os usuários de produtos da
Apple. Existe até certa compatibilidade com o sistema Windows, mas
as facilidades são mesmo para os dispositivos da empresa que o criou,
salvando quase todas as suas informações na nuvem. Pode ser um contato,
uma agenda, um calendário, as fotografias ou documentos.
Box
Segundo algumas publicações, o Box é mesmo um serviço bem confiável. O plano básico
e gratuito pode guardar arquivos de no máximo 250 MB e chegar a 100 GB no plano pago.
80
Apostila_Ambiente_Web_cedaspy_.indd 80
26/01/2016 12:37:26
Evernote
Muitas pessoas acabam se perdendo em inúmeras anotações
no seu dia a dia. Uns usam agendas, outros post-its coloridos
espalhados para todos os lados. Mas existe uma solução que ajuda
a resolver estes problemas com as anotações: o Evernote. É uma
plataforma/app como uma espécie de banco para suas anotações.
Com ele você pode catalogar de uma maneira mais eficiente
e guardando tudo na nuvem. Ele também pode servir como
ferramenta de clipping, guardando textos, artigos e outros tipos de
conteúdo para leitura posterior.
ATIVIDADES
1
Nesta atividade, vamos praticar a criação de uma estrutura simples de pastas para
arquivamento digital dos seus documentos e trabalhos pessoais e profissionais.
Lembre-se que você pode separar por assunto. Isto pode ser feito dentro de um drive
virtual, de acordo com a sua escolha ou do seu professor. O importante é escolher
uma que seja a principal e outra para o backup.
2
Vamos simular o planejamento de uma viagem para um local de sua escolha.
Você deverá realizar as pesquisas abaixo e preencher os dados solicitados. Em
seguida, transforme esta pesquisa em um documento online no Google Drive
e compartilhe com o seu professor.
Obs.: Se você optar por viagem de avião, faça uma pesquisa nos sites das
companhias aéreas para descobrir o menor preço.
Destino: ____________________________________________________________
Distância entre a sua cidade e o destino: __________ Km
Data provável da viagem: ____/____/____ a ____/____/_____
Meio de transporte: __________________________________________________
Preço das passagens (ida e volta): ________________
Gasto com combustível (se optar por ir de carro): R$ _________
Hotel: ______________________________________________________________
Distância do aeroporto/rodoviária até o hotel: _________ Km
Preço do taxi (aeroporto/rodoviária até o hotel): R$ _________ (consulte o site
www.tarifadetaxi.com.br ou semelhante).
Ponto turístico 1: ____________________________________________________
81
Apostila_Ambiente_Web_cedaspy_.indd 81
26/01/2016 12:37:26
Distância do hotel até o ponto turístico 1: __________Km
Ponto turístico 2: ___________________________________________________
Distância do hotel até o ponto turístico 2: __________Km
Ponto turístico 3: ____________________________________________________
Distância do hotel até o ponto turístico 3: __________Km
Restaurante mais próximo do hotel: __________________________
Distância: ____Km
Foto do hotel pelo Street View:
3
Explique, com suas próprias palavras, o conceito de Computação em nuvem.
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
_________________________________________________________________________
82
Apostila_Ambiente_Web_cedaspy_.indd 82
26/01/2016 12:37:26
AMBIENTE WEB
Aula 12 – Publicidade online
Entendendo a publicidade online
Os prós e os contras
As melhores estratégias
Conhecendo plataformas: Adwords e Facebook for Business
Entendendo a publicidade on-line
O mercado sempre foi evolutivo, criativo e dinâmico. E o que mais tem surpreendido
os profissionais de publicidade é o avanço rápido do seguimento online no Brasil nos últimos
anos, mesmo que ainda existam obstáculos e desafios que precisam ser superados. Para se
ter uma ideia, segundo o E-Consulting, em 2014 o segmento cresceu aproximadamente 8%
e movimentou por volta de R$ 6,5 bilhões.
Por isso, aproveitando o estudo que estamos fazendo sobre o ambiente web, é
interessante conhecer algumas tendências que você ou a empresa onde trabalha podem
investir.
Mas antes, entenda que: Publicidade é a
forma com que tornamos públicas as informações sobre
um produto, serviço, marca ou empresa. Quando os
fins comerciais aparecem, a publicidade é chamada de
Propaganda e tem por objetivo despertar o desejo de
compra no público.
Para uma boa publicidade online é importante saber que:
• Existem plataformas de gestão de campanhas - Como vivemos uma era em que a
variedade de plataformas para realizar marketing é grande, vale a pena aprendermos
que existem plataformas de gestão integrada de campanhas. Elas vão manter a
qualidade e eficácia das suas publicidades, reduzir custos, agilizar, otimizar o fluxo e o
processo de tomada de decisão. São exemplos: Emobi (http://www.emobi.net.br/) e a
Criativa (http://www.criativa.com.br/).
83
Apostila_Ambiente_Web_cedaspy_.indd 83
26/01/2016 12:37:26
• Pessoas dinâmicas fazem a diferença - a capacidade da publicidade online
será determinada pela capacidade dos profissionais em desenvolver planos criativos e
ser influente no relacionamento com o cliente.
• Investir nas redes sociais – os elementos sociais nas mídias trazem benefícios
enormes para o público e a empresa. Lembra dos conteúdos relevantes? Pois bem,
quanto mais interação e compartilhamento nas redes melhor será a sua publicidade.
• O mundo é dos vídeos online – muitas empresas estão direcionando seus
orçamentos em publicidade para a publicação de vídeos em mídia online. O Youtube
e o Vimeo, por exemplo, tem se destacado em relação a TV, permitindo assim
desenvolver campanhas mais eficazes.
• Vivemos mobilidade – O seu cliente precisa ver você onde quer que ele esteja. O
cenário precisa ser bem amplo, com várias opções. O Google Mapas e o Google Now
são ferramentas poderosas em termos publicitários.
Os prós e os contras
Investir em propaganda online tem seus prós e seus contras. Estudá-los faz uma
diferença enorme.
Usar blogs
Pró - Muitas empresas estão investindo em publicidade por conteúdo dentro de blogs
patrocinados ou blogs próprios. Isso pode gerar até certa receita e faz sua empresa aparecer
no mercado. Se você tem uma lojinha de roupas, por exemplo, um blog sobre MODA viria
muito bem. Ele vai permite que você cresça e atraia mais tráfego.
Contra - Uma vez publicado, não tem mais volta. Por isso, garanta uma boa qualidade
no texto e nos anúncios para não causar efeito contrário ao cliente.
Custos
Pró - Publicidade em blog conquista visitantes e a visualização do seu produto sem
precisar investir em gastos desnecessários. O site próprio e as landing pages também são
ferramentas importantes para a divulgação em massa. Os custos são bem menores do que
campanhas em redes sociais, por exemplo, e podem causar o mesmo efeito.
Contra – Não tente diminuir demais os custos com conteúdos mal elaborados no
seu site e nas suas campanhas. O barato sai caro.
.
Mensagens
Pró – Muitas empresas usam a estratégia de trabalham com campanhas de
marketing através de e-mail marketing, SMS, WhatsApp, entre outros. Essas ferramentas são
eficientemente rápidas e podem encontrar o seu cliente onde ele estiver.
84
Apostila_Ambiente_Web_cedaspy_.indd 84
26/01/2016 12:37:26
Contra – Cuidado com os spams. As pessoas não podem se aborrecer com as suas
mensagens.
As melhores estratégias
Dentre as inúmeras estratégias que já estudamos ao longo deste curso, as redes sociais
tem sido opção como parte das estratégias de publicidade online de 9 em cada 10 empresas
brasileiras. Por isso, seja nas redes sociais ou outras campanhas online, é bom que você:
• Defina ações diretas para o cliente.
• Escolha a linguagem mais informal, mas sempre se preocupando com valores morais
e culturais da sociedade e da sua empresa.
• Estimule os compartilhamentos. Isso melhora o alcance de uma marca.
• Entenda o público, descobrindo o que ele gosta e fale diretamente com ele. Seja
você mesmo e não use perfis falsos.
• Meça os resultados sempre, analisando periodicamente os esforços da sua propaganda
online.
• Não fique calado e nem fale demais. A frequência dos posts e anúncios não podem
ser nem muito alta e nem muito baixa.
• Ouça os comentários positivos e negativos. Jamais ignore seus seguidores ou exclua
suas mensagens.
Conhecendo plataformas: Adwords e Facebook for
Business
Uma das vantagens da publicidade online é a possibilidade de escolha da forma com
que seus anúncios serão exibidos e qual é o público que eles devem alcançar. Isso permite
um controle do orçamento e dá um respiro maior na hora de anunciar.
O mercado disponibiliza várias ferramentas para que você possa fazer a divulgação
de seus anúncios sem muito sofrimento. Dentre elas, vamos dar destaque ao Facebook for
Business e ao Google Adwords. Mas qual é a melhor plataforma?
Google AdWords
O Google Adwords é o serviço de links patrocinados/
anúncios do Google, criado no intuito de disponibilizar um
espaço nas páginas do site de buscas para quem deseja
exibir seus produtos e serviços para toda a rede mundial.
Ele permite que o seu produto ou serviço seja encontrado
por clientes no exato momento em que eles pesquisarem
no Google.
A inscrição no Google AdWords é gratuita. Porém, você só paga quando alguém
clicar no anúncio para acessar seu site. Isso “garante” a funcionalidade da publicidade. E
85
Apostila_Ambiente_Web_cedaspy_.indd 85
26/01/2016 12:37:26
você decide quanto quer investir, sendo possível realizar quando desejar. Segundo o site do
Google AdWords, muitas empresas começam bem com um orçamento de pelo menos R$
10 - 20 por dia.
Outra vantagem é a possibilidade de medir seus resultados, acompanhando quantas
pessoas viram seus anúncios e qual porcentagem delas clicou para acessar seu site.
E para usar o Google AdWords comece criando um anúncio, escolha os termos de
pesquisa que exibirão seu anúncio e defina um orçamento diário. Veja um exemplo de um
anúncio criado para venda de bolos decorados. Você verá o formato e o local de mensuração
dos cliques.
No Google AdWords os anúncios são em formato texto ou gráfico, de vários
tamanhos e só aparecem para os usuários quando eles estão a procura pela palavra-chave
nos mecanismos de buscas ou quando visitam um site cujo conteúdo esteja relacionado
com as palavras que você está pagando. O seu professor vai orientá-lo quanto a criação de
anúncios básicos dentro do Google AdWords.
Facebook for Business
Para muitos empreendedores, investir em anúncios pagos no Facebook não é uma
tarefa muito legal de se fazer. Se o Facebook é de graça, por que pagar? O erro está aí. Por ser
uma rede social, anunciar no Facebook pode ser uma estratégia
de publicidade interessante. Quando você paga por um anúncio,
de certa forma o Facebook direciona seus anúncios para os
possíveis clientes. Essa segmentação é feita quando as pessoas
fornecem os dados pessoais nos posts ou perfil delas.
Dentre os tipos de anúncios que podem ser feitos no Facebook, destacamos:
O envolvimento de publicação de página – permite impulsionar uma publicação
da sua página, mostrando-a para uma quantidade maior de fãs possíveis, aumentando a sua
base e estimulando outras pessoas a curti-la.
O direcionamento - permite que o usuário seja direcionado para o seu website
quando ele clicar em algum link.
O envolvimento com o aplicativo - se seu negócio tem um aplicativo, o objetivo
pode ser gerar mais atividades nele e permitir mais downloads.
Eventos - anúncios para promover algum evento que vá atrair mais público.
Ofertas - publicações sobre uma promoção ou um desconto especial que as pessoas
podem obter e levar até seu negócio. Assim, aumenta as vendas e incentiva o tráfego de
pessoas.
86
Apostila_Ambiente_Web_cedaspy_.indd 86
26/01/2016 12:37:27
Mas para que o resultado apareça é preciso focar nos objetivos da sua campanha de
publicidade e traçar estratégias. Mas como é feito? Facilmente você configura as publicações
quando faz um post através do conjunto de telas que vão te guiar neste processo.
Ah, e não se esqueça: é possível segmentar (escolher) o seu público-alvo de forma
geográfica (por região), por gênero, por idade, por idioma, status de relacionamento, perfil
educacional, likes, entre outros.
ATIVIDADES
1
O brainstorm é uma ferramenta bem útil na hora de criar campanhas, sejam elas online
ou não. Aproveite a oportunidade e faça o esboço de um anúncio sobre um produto
ou serviço de sua escolha. Use os quadros abaixo. Se for o caso, peça sugestões para
o seu professor.
2
Aproveitando o que você aprendeu nesta aula, use o esboço acima e crie um anúncio
para gerar um envolvimento de uma página, um produto, um serviço ou seu site. Você
não precisa pagar por nada, basta realizar as configurações que forem necessárias.
3
Explique a diferença entre propaganda e publicidade.
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
________________________________________________________________________________
87
Apostila_Ambiente_Web_cedaspy_.indd 87
26/01/2016 12:37:27
AMBIENTE WEB
Aula 13 – Segurança na Web
Segurança na web
Os principais riscos digitais
Estudando vírus e formas de proteção
Configurações básicas dos navegadores
Segurança na Web
Navegar na Internet é também estar
preparado para vencer seus desafios. Como ela
está muito presente no cotidiano de milhões de
pessoas, encontrar amigos, fazer novas amizades,
compartilhar, estudar à distância, comprar,
jogar, assistir vídeos, são ações que podem ser
prejudicadas por pessoas de má índole. Certamente
você já passou (ou conhece alguém que passou)
por um drama digital em qualquer fase da sua vida.
Mas para aproveitar todos os recursos e benefícios de uma forma bem segura
e positiva, basta tomar os cuidados necessários para evitar os riscos aos quais você está
exposto. Roubos, contato com pessoas mal intencionadas, furto de identidade, invasão de
privacidade e cyberbullyng são alguns deles.
Por isso caro aluno, não ache que você não corre riscos. A partir do momento em
que você estiver conectado a Internet, os riscos aumentam exponencialmente. Qualquer
problema de segurança em seu computador pode colocar em risco a confidencialidade e
a integridade dos dados nele armazenados. Além disto, ele poderá ser usado para práticas
maliciosas como, por exemplo, processar ataques e assim esconder a real identidade e
localização do atacante.
Por isso, é preciso se prevenir.
Os principais riscos digitais
A segurança é sem duvida um dos principais temas de qualquer discussão quando
se trata do uso da Internet ou da utilização de dados através dela. Ter seus dados seguros
88
Apostila_Ambiente_Web_cedaspy_.indd 88
26/01/2016 12:37:28
e organizados é a preocupação de qualquer empresa e de usuários. Por isso, é sempre
importante que você conheça quais os maiores riscos na manipulação, compartilhamento,
armazenamento e distribuição de dados.
1 – Perda de privacidade: todos os dados pessoais ou da sua empresa devem ser
mantidos de forma que só você possa ter acesso, através de usuário e senha. Nenhuma
pessoa não autorizada poderá ter acesso. Os vírus são causadores de grande parte das falhas
com privacidade.
2 - Falhas de transmissão – A infraestrutura de telecomunicações no Brasil ainda
possui falhas. Deixar de obter uma informação ou dados por causa de falhas nos links é bem
preocupante.
3 – Falhas do provedor – Pense que é preciso contratar um provedor de Internet
que não te traga problemas. Ele não pode falhar quando você mais precisa.
4 – Ambientais - Incêndios, desabamentos, relâmpagos e alagamento são exemplos
de falhas físicas que podem danificar os equipamentos e colocar em risco a segurança dos
dados da sua empresa.
5 – Falhas lógicas – Ameaças ocasionadas por vírus, podem causar falhas lógicas no
seu servidor ou estação de trabalho. Por isso, é bom ficar atento à segurança dos servidores,
como por exemplo, realizar backups e manter os antivírus atualizados.
6 – Falhas humanas - Acessos indevidos de estranhos, manuseio errado, falta de
experiência, imperícia, são algumas falhas ocasionadas por seres humanos.
,
Estudando vírus e formas de proteção
Quando falamos de ataques na Internet, eles costumam ocorrer com diversos
objetivos, visando diferentes alvos e usando variadas técnicas. Por isso, nunca é fácil executar
uma proteção eficiente. Em qualquer momento que você estiver navegando o acesso poderá
ser prejudicado por um ataque virtual.
Como dissemos, os motivos e objetivos são muitos. Dentre eles:
Financeiro - coletar dados de cartão de crédito ou de senhas para roubos.
Ideológico - invadir ou alterar sites para divulgação de mensagens de apoio ou
contra uma determinada ideologia.
Desafio – realizar acessos considerados difíceis, simplesmente para “se mostrar” no
mundo virtual.
Poder - mostrar para uma empresa ou órgão que ela/ele pode ser invadida ou ter os
serviços suspensos. Alguns até usam de chantagem.
89
Apostila_Ambiente_Web_cedaspy_.indd 89
26/01/2016 12:37:28
O que são vírus?
Pela definição da Cartilha de Segurança para
Internet – Cert.br, o vírus é “um programa ou parte
de um programa de computador, normalmente
malicioso, que se propaga inserindo cópias de si
mesmo e se tornando parte de outros programas
e arquivos”. Por isso o processo de infecção é tão
rápido e devastador. O usuário recebe o vírus no seu
computador (geralmente através da Internet) e o ativa
sem perceber através da execução do programa.
São vários os meios de propagação de vírus. Mas como nosso tema principal é a
Internet, não podemos deixar de nos preocupar com ela. Mesmo que eles estejam ocultos
na rede mundial, a infecção pode correr a qualquer momento. Dentre as formas de infecção
ocorridas através da Internet temos:
Por e-mail: ele chega como um arquivo em anexo, geralmente para instigar o
interesse de quem recebe, e induz o usuário a clicar sobre o arquivo. Assim, ele entra em
ação e infecta os arquivos ou rouba informações do seu computador. Os vírus mais comuns
recebidos por e-mail são os Cavalos de Tróia.
Por script: são escritos em linguagem de script e recebidos quando você acessa
uma determinada página. Ele acaba por ser automaticamente executado e prejudica o
comportamento do computador, principalmente dos navegadores.
Phishing: Através de páginas falsas, com mensagens falsas, para conseguir nomes de
usuários e senhas de um site qualquer.
Sites indevidos: São milhares os sites indevidos que estão esperando o seu acesso
para propagar o vírus que pode roubar ou danificar informações. Os mais comuns são os
sites de jogos e pornograficos.
Formas de proteção
Claro que não podemos deixar de falar dos principais cuidados que você deve ter ao
utilizar a Internet. Fique atento.
• Mantenha o navegador e o antivírus sempre atualizados;
• Não acesse sites indevidos;
• Troque regularmente as suas senhas;
• Não clique em links de e-mail desconhecidos;
• Não abra arquivos desconhecidos baixados na Internet;
• Não acesse sites de bancos através de links;
• Não forneça senhas ou números de cartão através de e-mail ou mensagens instantâneas;
• Mantenha-se sempre atento a situações suspeitas.
90
Apostila_Ambiente_Web_cedaspy_.indd 90
26/01/2016 12:37:29
Configurações básicas dos navegadores
Agora que você já está ciente de que a Internet tem seus riscos, chegou a hora de
aprender a garantir maior segurança quando você estiver utilizando o computador. Mas
neste tópico vamos concentrar na proteção dos navegadores, utilizando recursos básicos de
configurações de proteção dos mesmos.
1 - Data e a hora atualizada – parece menos importante, mas manter a data e a
hora do seu computador atualizados é um recurso importante devido a geração de logs e
na verificação de certificados de segurança. Tente mantê-la sincronizadas com o servidor do
seu sistema operacional. O seu professor vai demonstrar como fazer isso.
2 - Computador em locais públicos – mesmo que não esteja ligado diretamente
a uma configuração de navegador, é importante que procure não utilizar computadores
públicos para fazer transações bancárias. E ao utilizar, limpe o histórico de navegação e os
cookies do navegador. No Internet Explorer acesse Ctrl+Shift+Del e no Google Chrome tecle
Ctrl+H.
3 - Filtro antiphishing – a maioria dos navegadores já vem com o filtro integrado.
Ele alerta os usuários quando uma página suspeita de ser falsa é acessada. Você decide se
vai aceitar ou não a navegação.
4 - Cadeado de segurança - a presença do cadeado de segurança nos navegadores
garante um atestado de identidade dos sites, comprovando que ele é seguro e real. Esse
documento é o chamado de certificado. Essa identidade digital é emitida por uma organização
confiada dentro do sistema de “identidade” global. Os grandes navegadores possuem
mecanismos para verificar se o certificado é válido.
5 - Filtro anti pop-up - também já vem integrado à maioria dos navegadores e
permite um controle de exibição de janelas de pop-up (propaganda).
6 - Complementos – os navegadores permitem instalar complementos que aumentam
a segurança da navegação. Um exemplo é o WOT (Web of Trust), que permitem determinar
a reputação dos sites que você acessa por meio de cores quem indicam a reputação do
site. A maioria vem com verde escuro (excelente), verde claro (boa), amarelo (insatisfatória),
vermelho claro (má) e vermelho escuro (péssima).
7 - Navegação anônima - este modo permite você navegar na Internet discretamente,
sem deixar rastros dos sites que acessou. Isso garante que os cookies dos sites acessados são
excluídos quando você fechar a janela e dados na serão registrados no histórico. No Internet
Explorer acesse Ctrl+Shift+P e no Google Crhome acesse Ctrl+Shift+N.
91
Apostila_Ambiente_Web_cedaspy_.indd 91
26/01/2016 12:37:29
ATIVIDADES
1
Chegou a hora de praticar o processo de configuração de segurança dos navegadores
disponíveis. Escolha dois deles e faça testes de segurança conforme orientação do
seu professor. Em seguida, anote os caminhos e a funcionalidade da configuração.
Siga o exemplo:
2
Como estamos focados em segurança, vamos praticar realizando a pesquisa dos
certificados de segurança de alguns sites. Use a orientação do seu professor e
preencha os campos abaixo, de acordo com o exemplo:
92
Apostila_Ambiente_Web_cedaspy_.indd 92
26/01/2016 12:37:30
AMBIENTE WEB
Aula 14 – Os serviços no ambiente web
Estudando pela Internet
Visão geral da Educação a Distância (Ead)
Principais TICs para EaD
Onde estudar a distância
Videoconferência
Aplicativos e sites para videoconferência
Streaming
Estudando pela Internet
Não é novidade para você que a Internet é um ótimo espaço para adquirir
conhecimento. Assim como você está atento às informações desta apostila, você pode
aproveitar as oportunidades de estudo que a rede mundial permite. Estudar no conforto
de casa, no tablet, no smartphone, com animações, gráficos, vídeos e exercícios, dá uma
vantagem competitiva enorme para você. Por isso, é preciso saber estudar corretamente e
evitar as distrações tão problemáticas neste tipo de estudo. Lembre-se que você é responsável
pela sua aprendizagem.
Muitas pessoas conseguem aproveitar e obter ótimos resultados estudando pela
Internet. Essas pessoas certamente têm disciplina e determinação. Contudo, elas não estão
livres das distrações. Por isso:
• Escolha o lugar adequado, sem muito barulho ou agitações.
• Evite as distrações externas, como o telefone, pessoas, TV e música.
• Evite as ferramentas de bate-papo instantâneo como Facebook e Whats app.
A vantagem de estudar online é que você poderá repetir a aula quando quiser. Mesmo
assim, faça anotações das ideias principais. Ah, e vale uma dica de segurança: tome
cuidado e somente abra sites confiáveis, de preferência assinado por profissionais.
Visão geral da Educação a Distância (Ead)
Como estamos falando de educação, não podemos deixar de comentar sobre a famosa
Educação a Distância (EaD), uma modalidade que vêm crescendo de uma forma rápida no
mercado. São inúmeras as vantagens e possibilidade decorrentes do que conhecemos como
93
Apostila_Ambiente_Web_cedaspy_.indd 93
26/01/2016 12:37:30
TICs - Tecnologias da Informação e das Comunicações – que surgiu como um meio de
aproximar processos, pessoas e instituições por meio de ferramentas de inovação e acesso ao
conhecimento. Dela expandimos para o EaD e o e-learning (ensino eletrônico), capacitando
pessoas para melhorar cada vez mais as atividades e rotinas da vida pessoal e profissional.
Mas o que é e como funciona a Educação a distância? É a construção do seu
conhecimento, independente do local e da distância. Através de uma ferramenta tecnológica
ligada ao ambiente virtual, você poderá aprender coisas novas, desenvolver mais competências,
buscar habilidades, para que você conheça ou siga uma determinada profissão. A educação
a distância permite auxiliar em tempo integral por meio de aula, palestras, plataformas
orientadas por um professor ou orientador.
Dentre as vantagens, podemos destacar:
• Facilidade de ajustes entre estudo e trabalho;
• Melhor custo-benefício;
• Autonomia do aluno;
• Interatividade entre alunos, professores e apoio;
• Uma gama enorme de conteúdos digitais;
• Flexibilidade;
• Permite escolher o ritmo de estudos;
• Conforto.
Na educação a distância não há diferença em relação à metodologia utilizada no
ensino presencial. O que muda é a forma de comunicação.
Principais TICs para EaD
Na EaD, as TICs são usadas para facilitar o processo de ensino-aprendizagem, seja
para construção do material educativo, aplicação de aulas ou para estimular a colaboração e
interação entre os participantes de um curso. Dentre os principais tipos de TICs incorporadas
ao EaD, temos:
• Downloads simples de vídeos direto de um servidor da WEB;
• Audioconferência - onde os participantes são conectados apenas por canais de áudio;
• Videoconferência - permite a transmissão de áudio e vídeo, nos dois sentidos;
• AVA - Ambiente Virtual de Aprendizagem – plataformas capazes de gerenciar o
acesso dos alunos e apresentar exercícios, fóruns e várias outras atividades;
• Canais de vídeos - É muito comum utilizar de canais em sites de streaming de vídeo,
como o Youtube, por exemplo;
• Chats por grupos - tem o objetivo de estabelecer uma conexão direta entre os
participantes de um determinado grupo, para esclarecer dúvidas diretamente com
os professores ou orientadores. Grupos dentro do Facebook ou WhatsApp são bem
interessantes de se utilizar.
94
Apostila_Ambiente_Web_cedaspy_.indd 94
26/01/2016 12:37:30
Onde estudar a distância
Para aprofundar um pouco mais no assunto, segue uma pequena lista de sites que
podem auxiliam você no ensino a distância:
Eduk (http://www.eduk.com.br) - conecta alunos e professores por meio de
videoaulas, realizando diferentes cursos via Internet.
Escola Virtual – Fundação Bradesco (www.ev.og.br) – A Fundação Bradesco oferece
cursos rápidos online, em diversas áreas do conhecimento. Pode ser um curso de informática,
um aperfeiçoamento ou especialização. Basta acessar o site e escolher o curso de sua
preferencia.
TED (www.ted.com) – O TED (Tecnology, Entertainment, Design) é uma fundação
privada sem fins lucrativos, muito conhecida por suas conferências destinadas à disseminação
de ideias. Suas apresentações são limitadas a dezoito minutos, e muitos vídeos são legendados
em português.
Coursera (www.coursera.org) – O Coursera é uma plataforma que agrega opções
de cursos, com conteúdos gratuitos e que oferecem até mesmo certificados de conclusão.
Videoconferência
Como já dissemos, o EaD possui muitas vantagens quando você deseja aprender algo
novo ou apenas reciclar conhecimentos. Uma das formas que tem ganhado bastante destaque
é a videoconferência, uma ferramenta tecnológica que possibilita uma comunicação direta
entre duas ou mais pessoas, recriando o sentido presencial. Não importa a distância, o que
vale é a interatividade, economia de dinheiro e tempo, e o trabalho eficiente no processo
ensino-aprendizagem.
Para que uma videoconferência aconteça de forma positiva é preciso ter:
• Uma câmera de boa qualidade para evitar distorções;
• Um bom componente de áudio (microfone e caixas) para não haver falhas;
• Uma boa conexão de rede, que evite falhas de transmissão ou queda do sinal;
• Aplicativos que permitam a comunicação instantânea com outra máquina.
Aplicativos e sites para videoconferência
Dentre os vários aplicativos ou sites para realizar
videoconferências, disponíveis no mercado, vamos
destacar os mais usados. O seu professor poderá
demonstrar alguns outros que ele julgar importante.
95
Apostila_Ambiente_Web_cedaspy_.indd 95
26/01/2016 12:37:30
Appear
É um site que permite realizar videoconferências de forma gratuita sem a necessidade
de baixar ou instalar programas. Basta ter um computador com acesso a Internet, uma boa
webcam e um bom microfone. O site é https://appear.in
Skype
O Skype é um software gratuito e prático da Microsoft que permite
criar conferências em vídeo com ótima qualidade de sinal de transmissão
de áudio e vídeo. Para usar esse serviço, todos os participantes devem
possuir o Skype instalado no seu computador, tablet ou smartphone. É o
mais famoso e o mais usado do mundo.
ooVoo
Este é um programa que permite realizar chamadas de voz e vídeo
com vários contatos, de forma instantânea e simultânea, sem nenhum
custo. O aplicativo permite ainda mandar mensagens de texto grátis e
conversar com até seis pessoas ao mesmo tempo. O app está disponível
em http://www.oovoo.com
GoToMeeting
Segundo o site oficial da Citrix (http://www.citrix.com.br), o
software Citrix GoToMeeting “é econômico e facilita fazer reuniões online com colegas e clientes. O melhor de tudo é que os participantes da
reunião podem compartilhar suas webcams em alta definição, assim se
tem interações mais pessoais – sem a necessidade de uma configuração
complicada”. O GoToMeeting é uma ferramenta bem simples e com uma
interface bastante intuitiva.
Streaming
Ainda, quando falamos de educação a distância, não
podemos deixar de comentar sobre os serviços de Streaming.
Ele é uma forma de distribuição de dados, geralmente de áudio
e vídeo, através de pacotes na Internet. Com esse tipo de
serviço, as informações não são armazenadas pelo usuário em
seu próprio computador e por isso não vai ocupar os espaços
no seu HD. O “stream” permite que a transmissão dos dados
ocorra e a mídia é reproduzida à medida que chega para você. Tudo, claro, vai depender
da largura de banda contratada. Se for suficiente, ótimo. Se não for, ocorrerão os famosos
travamentos. Você já deve conhecer e já usa serviços de Streaming. Dentre os mais famosos
estão o Youtube (vídeos), Netflix (filmes) e Spotify (música).
96
Apostila_Ambiente_Web_cedaspy_.indd 96
26/01/2016 12:37:30
ATIVIDADES
1
Na aula de hoje você conheceu sites e ferramentas que permitem realizar estudo
a distância. Vamos visitar alguns deles e conhecer um pouco mais sobre o seu uso
no dia a dia. O seu professor vai dar outras algumas dicas de sites interessantes para
estudo.
Sites que o professor indicou: ________________________________________
__________________________________________________________________
__________________________________________________________________
Sites que você descobriu: _____________________________________________
___________________________________________________________________
___________________________________________________________________
2
3
Como também vimos nesta aula, existem várias ferramentas disponíveis na
Internet para realização de videoconferência. Escolha duas delas e faça um
comparativo de funcionalidade. Claro que terá que instalar o aplicativo (se
necessário) e criar uma conta pessoal. Crie grupos de estudo e adicione os
colegas e o professor para um possível grupo de “Tira dúvidas”.
Responda as perguntas abaixo utilizando um processador de textos e envie para
o e-mail do seu professor. As melhores respostas serão disponibilizadas pelo seu
professor nos grupos em que a turma estiver participando.
1 – Explique, com as suas palavras, o que entendeu sobre Educação a Distância (EaD).
2 – Qual a importância dos serviços de videoconferência para o ambiente de trabalho.
3 – Explique o que é o AVA.
4 – Explique o conceito de streaming e dê exemplos de plataformas que utilizam este
tipo de serviço.
______________________________________________________________________________________________________________________
_____________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________
__________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________________________________
______________________________________________________________________________________________________________________________________
_____________________________________________________________________________________________________________________________________
97
Apostila_Ambiente_Web_cedaspy_.indd 97
26/01/2016 12:37:30
AMBIENTE WEB
Aula 15 – O uso funcional dos aplicativos
O mundo é dos apps
A importância do sistema mobile
Categorias
O mundo é dos apps
Encerrando o estudo sobre o ambiente virtual, não podemos deixar de falar dos
famosos aplicativos (apps). Eles estão mexendo com as relações humanas e com a forma com
que consumimos os produtos e serviços. Para se ter uma ideia, 2014 foi um ano majestoso
para a indústria dos apps, uma vez que foram comercializados 13 milhões de smartphones
no Brasil apenas no último trimestre. E detalhe: nós, consumidores assíduos destes aparelhos,
passamos, em média, 84 minutos do dia mexendo neles. Muito ou pouco? Por isso, investir
no estudo e desenvolvimento de aplicativos mobile tem se tornando uma grande vantagem
para a sua vida pessoal, profissional, da sua empresa ou negócio.
Com carregamento mais ágil, a maior possibilidade de interação se torna maior. A
proposta é oferecer uma experiência única ao público e engajar usuários. E mais ainda: a
possibilidade de melhorar uma comunicação interna das empresas, aprimorar processos
internos e otimizar tarefas.
Durante a elaboração desta apostila, encontramos
milhares de apps disponíveis nas lojas virtuais. Foi difícil
escolher quais os melhores e mais produtivos para
você ou a sua empresa. Por isso, durante a sua aula,
busque sugestões atualizadas com o seu professor.
Como ele está atento ao mercado, poderá apresentar
para você um produto atualizado. E você também pode
ajudar, sugerindo uma novidade que a turma ainda
desconhece.
A importância do mercado mobile
Sejamos realistas e vamos entender que o mercado mudou, se modernizou e está
mais atrativo. Muito graças a facilidade do acesso à Internet em telefones celulares e a
98
Apostila_Ambiente_Web_cedaspy_.indd 98
26/01/2016 12:37:32
popularização dos smartphones e tablets. Com a Internet disponível em qualquer lugar e
a qualquer hora, a mobilidade das tarefas ganhou espaço. As empresas estão se adaptando
(muitas já adaptadas) às necessidades e demandas de um público cada vez mais conectado,
interativo e antenado.
Porém, por incrível que pareça, muitas empresas
ainda têm dificuldades de se adequar a realidade mobile e
desconhecem a infinidade de benefícios que este mercado
móvel pode oferecer.
Dentre os serviços mobiles mais comuns utilizados
atualmente, temos:
M-Commerce (mobile commerce) – comprar ou vender por aplicativos é uma
ótima alternativa para os clientes que já possuem o hábito de comprar pela Internet, ou para
empresas que desejam oferecer produtos e serviços através da plataforma mobile.
Publicidade - Estratégias de interação para divulgar uma marca, participar de um
evento ou gerar ações promocionais para envolvimento com o seu negócio.
Leitura de livros – Na área de educação, a leitura de livros, artigos, textos, a qualquer
momento e em qualquer lugar, é uma facilidade enorme. Comercializar conteúdo também
é vantagem para as empresas.
Escritório – A empresa passa a se tornar dinâmica quando o cliente pode ver relatórios
online, textos, planilhas, portfólios, através de aplicativos de escritório. As apresentações se
tornam mais eficientes e atuais.
Geolocalização – Grande parte dos aplicativos utilizam o sistema de geolocalização
do seu smarthphone para oferecer produtos e serviços de acordo com o local em que você
se encontra. Isso facilita para eles e para você, claro.
Categorias
Para que o nosso passeio pelo mundo das aplicações do sistema mobile fique mais
interessante e interativo, resolvemos separar os principais aplicativos do mercado (dentre
milhares) de acordo com as categorias e funcionalidades. São apps que de alguma forma
serão úteis na sua vida pessoal e profissional. Logicamente que durante a aplicação desta
aula, novos aplicativos poderão ter surgido e outros desatualizados ou modificados. O seu
professor vai orientar sobre isso e apresentar novas e interessantes ideias.
Antes de começarmos a falar destas categorias, vale a pena informar quais são as
principais empresas distribuidoras de aplicativos. São elas: Amazon Appstore (distribuidor
alternativo do Android), App Store (Apple), BlackBerry World (dispositivos BlackBerry),
Windows Phone Store (Microsoft) e a Play Store (Google).
99
Apostila_Ambiente_Web_cedaspy_.indd 99
26/01/2016 12:37:32
Algumas das principais categorias são:
Streaming – Permite reprodução de músicas e vídeos em tempo real sem a necessidade
de baixar a mídia no seu celular. A reprodução acontece enquanto você assiste ou ouve.
Os mais conhecidos são: Spotify (Música), Deezer (Música), Rdio (música), Netflix (filmes),
Youtube (Vídeo), Vimeo (Vídeo), TuneIn Radio (Rádio online).
Navegação – Muitos aplicativos auxiliam você na busca pelo endereço
correto ou na navegação pode lugares desconhecidos. Eles utilizam o sistema
de geolocalização do seu aparelho. Os mais usados e mais conhecidos são:
Navfree, Waze, Google Maps e Moovit.
Educação – Aprender por meio de aplicativos é uma boa ideia para quem não tem
muito tempo. A mobilidade vai permitir que você estude a qualquer hora e a qualquer
momento. Dentre os mais conhecidos estão: Duolingo (idiomas), TED (palestras), Ligados no
Enem (vários), Cousera (cursos).
Compra e venda – Efetuar transações comerciais pela Internet
não é coisa nova, mas os aplicativos estão revolucionando essa forma de
negócios. Hoje já existem vários tipos de aplicativos que permitem você
comprar e vender produtos e serviços através do seu smarthphone ou
tablet. Os mais usados são: OLX (anúncios), eBay (produtos), Mercado Livre
(produtos), Pag Seguro (pagamentos), e-Food (delivery).
Corporativo – Aplicativos essenciais para a sua empresa ou o seu negócio. Você pode
criar estratégias de marketing, contratar pessoas, gerenciar relatórios, armazenas arquivos,
dentre muitas outras tarefas. Os mais usados são: InfoJobs (empregos), Box (armazenamento),
SPC Mobile (consultas), Office Mobile (planilhas, textos), Evernote (Agenda), LinkedIn
(profissional).
Comunicação – Estes aplicativos são usados para estreitar a comunicação, e por isso
tem sido bastante procurado nas lojas virtuais. Eles facilitam o acesso a informações e a
transmissão de dados entre pessoas ou empresas. Eles permitem uma economia de custos
e encurta distâncias. Os mais usados e conhecidos são: Viber (chat e ligações), WhatsApp
(chat e ligações), Imo (chat), Team Viewer (Acesso remoto), Telegram (chat), Skype (Chat e
vídeo-chamada.
100
Apostila_Ambiente_Web_cedaspy_.indd 100
26/01/2016 12:37:33
ATIVIDADES
1
2
Vamos reforçar o nosso estudo sobre os principais aplicativos do mercado, preenchendo
uma tabela com mais conhecidos e usados. Vamos separar por categorias e listar três
de cada uma delas.
Qual o nome e para que servem estes aplicativos?
101
Apostila_Ambiente_Web_cedaspy_.indd 101
26/01/2016 12:37:33
ANOTAÇÕES
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
Apostila_Ambiente_Web_cedaspy_.indd 102
26/01/2016 12:37:33
ANOTAÇÕES
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
Apostila_Ambiente_Web_cedaspy_.indd 103
26/01/2016 12:37:33
ANOTAÇÕES
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
______________________________________________________________________________________________
Apostila_Ambiente_Web_cedaspy_.indd 104
26/01/2016 12:37:33
Apostila_Ambiente_Web_cedaspy_.indd 105
26/01/2016 12:37:33
Apostila_Ambiente_Web_cedaspy_.indd 106
26/01/2016 12:37:34