Pontifícia Universidade Católica de Minas Gerais Faculdade de Comunicação e Arte Tecnologia em Produção Multimídia

Pontifícia Universidade Católica de Minas Gerais Faculdade de Comunicação e Arte Tecnologia em Produção Multimídia APRENDENDO SEO: Ensino virtual à distância e ferramenta de sincronização de conteúdo com produtos audiovisuais Andre Aravechia Iglesias, Hugo Bernardo de Holanda, Mark Florest, Tatiane Milene da Silva e Willian Geraldo Junior Belo Horizonte 2013

Andre Aravechia Iglesias, Hugo Bernardo de Holanda, Mark Florest, Tatiane Milene da Silva e Willian Geraldo Junior APRENDENDO SEO: Ensino virtual à distância e ferramenta de sincronização de conteúdo com produtos audiovisuais. Trabalho de Conclusão de Curso, apresentado ao curso Tecnologia em Produção Multimídia Pontifícia Universidade Católica de Minas Gerais Orientador: Caio Cesar Giannini Oliveira Belo Horizonte 2013

Sumário INTRODUÇÃO... 4 A HISTÓRIA DA EDUCAÇÃO À DISTÂNCIA... 4 PROCESSO COGNITIVO NA APRENDIZAGEM VIRTUAL... 5 AMBIENTES DE APRENDIZAGEM... 6 PADRONIZAÇÃO DA INTERNET... 8 HTML5 E SUA CONTRIBUIÇÃO... 8 O PROJETO APRENDENDO SEO... 9 MISSÃO APRENDER E ENSINAR SEO... 9 A EVOLUÇÃO DOS BUSCADORES... 10 PÚBLICO ALVO... 11 ESCOLHA DO WORDPRESS COMO CMS... 11 TEMA ESCOLHIDO E IDENTIDADE VISUAL... 12 O LOGOTIPO... 13 TIPOGRAFIA... 13 SOBRE AS CORES... 13 CONTEÚDO...14 ARTIGOS... 15 VÍDEO AULAS E PODCASTS... 15 POPCORN... 15 CONCLUSÃO...16 REFERÊNCIAS BIBLIOGRÁFICAS...18

Introdução O Aprendendo SEO visa mostrar a importância do Search Engine Optimization nos dias atuais, para um melhor ranqueamento nos motores de busca, e a criação de uma ferramenta de sincronização de conteúdos com produtos audiovisuais com base em projeto colaborativo chamado Popcorn.js. A ferramenta ajuda na interação do aluno e enriquece o aprendizado, ao mesmo tempo que melhora a posição do site nos resultados das buscas orgânicas. A metodologia contempla uma entrevista com Luiz Flávio Freitas Barbosa de Oliveira, professor da Pontifícia Universidade Católica de Minas Gerais, que atua na área de tecnologias para Educação a Distância e Ambientes Virtuais de Aprendizagem (AVA). Também tem como base a pesquisa em um artigo para a Revista Digital da Comunidade Virtual de Aprendizagem (CVA) da autora Eliane Schlemmer, Professora Titular Universidade do Vale do Rio dos Sinos, pesquisadora do Programa de Pósgraduação em Educação. A história da educação à distância A educação a distância não é tão contemporânea como pensamos, ela é conhecida empiricamente desde o séc.xix, mas já acontecia desde o século XVII através de cartas comunicando informações científicas e somente nas últimas décadas passou a fazer parte da pedagogia. Surgiu da necessidade de preparo profissional e cultural de pessoas que não podiam frequentar estabelecimentos de ensino presencial. Ela evoluiu junto com as tecnologias disponíveis em cada momento histórico, as quais influenciam o ambiente educativo e a sociedade. 4

A tecnologia facilitou. Luiz Flávio. Segundo o Professor Luiz Flávio, alguns exemplos de tecnologias de EAD são: cursos via Correio, Rádio (Projeto Minerva 1 ), Televisão (Telecurso 2 ), CDRoms e via Internet (PUC Minas Virtual 3 ). O professor contextualiza também que a demanda pela EAD 4 vem crescendo desde os anos 90 e com ela a preocupação de melhorar a qualidade do ensino. Processo Cognitivo na Aprendizagem Virtual Quando falamos em aprendizagem virtual é preciso contextualizar bem este modelo, porque se costuma confundir que somente através de computadores ela poderia ser realizada, mas na verdade a aprendizagem virtual digital que se diz respeito aos computadores, tablets, smartphone, dentre outros. A aprendizagem virtual é todo estudo que pode ser feito à distância. É tudo que seja assíncrono, ou seja, o indivíduo pode estudar na hora que quiser e aonde quiser. "O virtual não se opõe ao real, mas sim ao atual. Contrariamente ao possível, estático e já constituído, o virtual é como o complexo problemático, o nó de tendências ou de forças que acompanha uma situação, um acontecimento, um objeto ou uma entidade qualquer, e que chama um processo de resolução: a atualização." (LÉVY, 1996, p.16). 1 Projeto Minerva -Projeto do Governo Federal ensino pelo rádio 2 Telecurso-Projeto da Fundação Roberto Marinho de ensino pela TV 3 Puc Minas Virtual -Cursos de Graduação e Pós Graduação pela internet 4 EaD: Educação a Distância 5

O indivíduo necessita desta incorporação para que haja a interação com o ambiente em que está inserido. O sistema nervoso opera captando a informação, processando-a, acumulando-a e depois a transmitindo e com isso vem à aprendizagem. Isto é o processo dinâmico, centrado nos processos cognitivos. No desenvolvimento dos processos cognitivos, os signos são internalizados de forma tal que os processos cognitivos incorporam à sua estrutura, como parte central de todo o processo, o emprego de signos como meio fundamental de orientação e domínio nos processos psíquicos (Vygotsky, 2001, p.161). As redes na internet vêm colaborar com o aprendizado virtual de maneira espetacular, neste espaço, as pessoas interagem e aprendem colaborando umas com as outras. Os Sistemas Colaborativos na internet são um grande meio de aprendizagem coletiva que atualmente está cada vez mais sendo usados. Ambientes de Aprendizagem Os ambientes de aprendizagem é que irão influenciar o modo em que os indivíduos irão interagir. É nele em que o aprendizado será concretizado. Quem cria este ambiente são os alunos e professores. Segundo Ponte e Serrazina (2000), o ambiente de aprendizagem é caracterizado pelo maior ou menor envolvimento dos alunos no trabalho e pela rigidez ou informalidade nas relações entre eles e o professor. Relaciona-se com as tarefas 6

propostas, o tipo de comunicação e negociação de significados, o modo de trabalho dos alunos e a cultura de sala de aula. A participação efetiva de todos no ambiente de aprendizagem enriquece o conhecimento de todos os envolvidos. No momento em que estamos participando ativamente com o meio, estamos aprendendo e repassando conhecimentos. A busca constante pelo aprendizado faz com que as pessoas construam seus conhecimentos de forma interativa com o meio. Sendo assim, um ambiente virtual que proporciona este tipo de aprendizagem deve incentivar os processos de construção de conhecimentos. (Maria Teresa Gouvêa, Claudia L. R. Motta, Flávia M. Santoro, 2006). O uso de produtos multimídia enriquece o aprendizado e fortalece as mudanças comportamentais, sendo uma ferramenta de comunicação e informação, facilita a construção de conhecimento de forma menos rígida que as convencionais. Segundo Eliane Schlemmer [8] : O ponto de fundamental importância no desenvolvimento de ambientes que sejam animadores de uma inteligência coletiva é a mudança qualitativa nos processos de aprendizagem. São restrições do contexto da sala de aula que tentamos contornar, por isso a gente traz áudio, vídeo e outras coisas, mas claro, tudo de uma forma bem focada no ensino do aluno. Luiz Flávio (2013). A afinidade em comunidades virtuais é que molda e reforça a colaboração no ambiente. Se um indivíduo não tem afinidade com o que está sendo proposto ele não irá permanecer dentro do ambiente. 7

A linguagem é também um fator importante dentro deste ambiente porque há uma melhora de comunicação. O indivíduo que prefere o ensino virtual também busca um ensino no qual ele se identifica e provavelmente terá um contato por muito tempo neste ambiente. Uma comunidade virtual é formada a partir de afinidades de interesses, de conhecimentos, de projetos mútuos e valores de troca, estabelecidos num processo de cooperação. Padronização da internet HTML5 e sua contribuição O HTML5 chegou para facilitar o desenvolvimento de sites mais dinâmicos e padronizados. HTML5 (Hypertext Markup Language, versão 5) é uma linguagem para estruturação e apresentação de conteúdo para a World Wide Web e é uma tecnologia chave da Internet originalmente proposto por Opera Software. Comparado ao HTML4, o HTML5 possui alguns recursos que facilitam na programação como: a manipulação de Java script e CSS, além de conter APIS tanto para um quanto para outro, capazes de fazer a permissão da própria manipulação dos elementos, de forma que eles continuem com o melhor desempenho possível. O HTML 5 também traz outro diferencial muito importante, a criação de tags e a 8

modificação de certas funções, além da padronização de algumas seções específicas como: cabeçalho, rodapé, menu entre outros. De modo geral o HTML5 funciona na maioria dos navegadores, porém, segundo pesquisas, os que mostraram um resultado melhor com o código foram o Google Chrome e o Safari, que usam o mesmo motor de renderização. Até pouco tempo, no HTML4 a capacidade de reproduzir qualquer tipo de áudio ou vídeo dentro de um navegador envolvia o uso do Adobe Flash ou outros plug-ins, o que algumas vezes resultavam em erros. Com a nova estrutura do HTML5 trazendo essas novas tags, junto a elas existe a tag vídeo, que a partir desse elemento é possível exibir vídeos em um documento HTML de maneira similar à exibição de uma simples imagem. Outro elemento muito similar é a tag áudio, na qual se refere à execução de áudio em uma sintaxe acessível. Essas novas tags possibilitam que a inclusão destes recursos em documentos HTML fique mais simples para o desenvolvedor, que pode implementá-los sem ter a preocupação de como serão exibidos. Essa especificação do HTML5 inclui novas diretrizes, com o objetivo de oferecer controles nativos nos navegadores para execução de vídeos e áudios com opções para vários formatos. Existe ainda, a opção de download do arquivo, visível quando o browser do usuário não oferecer suporte para nenhum dos formatos indicados. O projeto Aprendendo SEO Missão Aprender e ensinar SEO 9

O projeto aprendendo SEO, foi criado pensando em uma crescente demanda nessa área. Portanto nossa missão é ensinar técnicas de SEO por meio de vídeo aulas e também através de conteúdos postado em nosso blog. Para entender a escolha da missão é necessário entender como os buscadores evoluíram. O projeto também contempla a criação de uma ferramenta de sincronização para otimizar o site através de conteúdo sincronizado com audiovisuais. A Evolução dos buscadores Os motores de busca, no início, foram desenvolvidos para contar servidores na web. Com o crescimento intenso da internet, foram reestruturados para que os resultados das buscas dos conteúdos fossem mais rápidos e dinâmicos. Mais recentemente, os sistemas de busca também estão utilizando XML ou RSS, permitindo indexar dados de sites com eficácia. Os sites simplesmente provêm um xml feed o qual é indexado pelo sistema de busca. Os XML feeds estão sendo cada vez mais fornecidos de forma automática por weblogs. Enfim, sabendo do crescimento e importância dos buscadores, hoje é imprescindível que eles sejam construídos de maneira correta e ética. Os usuários são o foco principal, porque as buscas estão mais refinadas para melhorar a experiência do usuário. Vale ressaltar que o marketing digital oferece grandes oportunidades e interesse das empresas em vender seus serviço para o mercado de nicho e aumentar suas vendas. A ferramenta de busca tem papel importante e melhora a oportunidade de todos os serviços e produtos chegarem com facilidade ao público alvo. 10

Público Alvo Inicialmente nosso público alvo se resume em dois tipos de perfil: pessoas que possuem um site e um mínimo de conhecimento em programação, mais não dispõe de recursos financeiros para contratar um profissional na área, e pessoas que se interessam pelo assunto e querem aprender mais através da aprendizagem virtual à distância. Url do site e hospedagem O nome do site foi criado tendo como base a relação entre o conteúdo abordado e a influência que a escolha do nome certo teria nos mecanismos de busca. Por ser um local de ensino e aprendizagem, cujo principal conteúdo é o Search Engine Optimization (Otimização dos Mecanismos de Busca), foi adotado o nome: Aprendendo SEO. Com isso, pessoas que estão procurando mais sobre o assunto, encontrarão de forma rápida e fácil nosso site nos buscadores, mesmo sem fazer nenhum método de divulgação nestes locais. Escolha do wordpress como CMS Sistemas Gerenciadores de Conteúdo (SGC) podem ajudar nos processos de criação e manutenção de portais Web. [José Lopes de Oliveira Júnior]. Com base no problema de que a inserção de novos conteúdos é demorada, visto que a empresa responsável pela manutenção do site possui outros clientes, optamos pelo WordPress como a ferramenta mais adequada devido sua facilidade na 11

construção e edição desses conteúdos alicerçado à criação de um produto de qualidade e com preços mais acessíveis. Com isso, esse sistema acabou se tornando a solução ideal para nossa empresa, que deseja ter o seu conteúdo on-line constantemente atualizado sem ter que gastar muito com isso. A escolha de um SGC apresenta como vantagens a descentralização da administração do site, pois todas as equipes, de todas as seções podem alterar o conteúdo de sua própria seção, tornando-o mais dinâmico. Como todos do Aprendendo SEO estarão envolvidos na manutenção do site, a figura de um webmaster é descartável, o que minimiza custos com a manutenção do mesmo. A inserção de novas informações pelos usuários é bastante simples, pois os recursos do SGC permitem que uma pessoa com conhecimentos básicos em um editor de textos possa adicionar conteúdo de qualidade. Tema escolhido e Identidade Visual O projeto Aprendendo SEO é uma forma criativa e tecnológica de propagar informações e conhecimento, seus critérios e recursos empregados no web marketing. A escolha do tema ideal, que se identificasse com o objetivo da marca aconteceu por meio de uma votação entre três temas distintos sugeridos pelos membros da equipe. Por apresentar um layout simples, bastante limpo, ao mesmo tempo bonito e com isso dando ênfase ao conteúdo do site e não à sua aparência, o tema Nova foi a escolha final da Aprendendo SEO. O desenvolvimento da identidade visual do site teve início na criação de sua logo 12

O Logotipo Aprendendo SEO foi concebido usando fontes em caixa baixa e alta. A palavra aprendendo fica em caixa baixa por ser mais extensa e assim não ocupar muito espaço e não deixar o logotipo muito horizontal. Por ser uma palavra não muito conhecida, SEO foi escrito em caixa alta com um corpo maior, deixando-a em destaque. A mesma teve um pequeno recorte no S com o objetivo de deixar a letra com profundidade. Tipografia A fonte escolhida para o logotipo foi Myriad Pro regular (que escreve a palavra aprendendo e Myriad Pro Bold para o SEO. É uma fonte sem serifa com curvas modernas e de fácil legibilidade. Sobre as cores A cor é assimilada pelo ser humano através do sentido da visão e é, dos cinco sentidos, o que mais rapidamente conduz a informação até ao cérebro. Como estamos lidando com um elemento de estímulo imediato, que provocará no observador diversas reações em seus estado psicológico, escolhemos para o logotipo duas cores: o alaranjado que representa equilíbrio, entusiasmo, criatividade, 13

e principalmente energia; e o azul para representar harmonia, confiança e tecnologia. Conteúdo Após a identidade visual do site estar estabelecida, a construção do conteúdo passou a ser discutida. Foram levantados temas, assuntos e dúvidas com relação a SEO que poderiam fazer parte do conteúdo a ser inserido. Entramos em portais, comunidades e fóruns já existentes, realizando benchmarking, recolhendo informações relevantes para a construção dos assuntos abordados nas aulas e qual a melhor forma de apresentalos. Com esses estudos, a conclusão final foi a adoção de ensinamentos básicos voltados para aqueles que estão iniciando em SEO, explorando as dúvidas mais frequentes, os principais passos na implementação dos códigos de otimização no início da construção de um site/portal e como cada uma das mudanças sugeridas influenciarão em seu ranqueamento nos mecanismos de busca. Em cada postagem, existe a preocupação em fazer o aluno entender o funcionamento do SEO, criando autonomia pra que este aplique nossas dicas da melhor forma em seu site, não apenas copiando e implementando os exemplos sem adaptações pessoais que possam melhorar os resultados. 14

Artigos O desenvolvimento do conteúdo escrito é feito por meio de artigos no formato de tutoriais, apresentando ilustrações de exemplo e dicas relacionadas ao assunto abordado no final de cada texto. Vale ressaltar que são artigos pequenos e de fácil entendimento. Vídeo Aulas e Podcasts O uso desses recursos parte da tentativa de desenvolver um cenário mais concreto explorando o ver e o ouvir, facilitando ao aluno o entendimento do conteúdo e a sua execução. Com sua sincronização sendo mostrada em tempo real em uma div separada à do vídeo, o aprendizado se torna mais fácil e eficiente, já que o aluno pode acompanhar as tarefas mostradas nas aulas sem ter de sair do site. O aluno imerso neste ambiente pode a qualquer momento através da timeline do vídeo ou áudio, rever, copiar, baixar, responder perguntas de todo conteúdo. As linguagens áudio visuais têm cada vez mais possibilidades de interação bidirecional dos jogos interativos, do navegar por imagens ou por um banco de dados da internet. [Marian Costa Cavalcante]. Popcorn Para um melhor aprendizado dos alunos escolhemos o Popcorn que foi desenvolvido para os fabricantes de mídia na linguagem javascript aonde permite que vídeo, áudio e outros meios controlem os elementos de uma página web. A biblioteca 15

é a mistura de padrão HTML + JavaScript, em que os autores podem deixar sua mídia ser o "condutor" de experiências interativas e imersivas. O Popcorn.js tem estrutura de eventos para a mídia em HTML5 e utiliza as propriedades nativas HTMLMediaElement, métodos e eventos de fácil uso de API que fornece um sistema de plugins através da comunidade colaborativa. A diversidade do código aberto e a criatividade do desenvolvedor possibilita infinitas maneiras de sincronizar conteúdos controlados por elementos audiovisuais. Este é o carro chefe de nosso projeto porque a ferramenta é o diferencial de nosso site de ensino a distância. Conclusão Os motivos pelo qual levarão as pessoas a escolherem o Aprendendo SEO tem como principal fator o ambiente educacional criado dentro do site e seu conteúdo rico e de fácil aprendizado. A ferramenta de sincronização usando as APIs do Popcorn foi escolhida com o objetivo de melhorar a interação e consequentemente a imersão do aluno no ambiente de aprendizado através das vídeo aulas e dos Podcast. Além disso o conteúdo de sincronismo ajuda na melhora do ranqueamento do site fazendo com que futuros alunos despertem o desejo de aprender. Hoje, aprender exige muito mais flexibilidade espaço-temporal, menos conteúdo fixos, o ambiente multimídia leva o indivíduo a mudanças comportamentais, construindo um novo processo de comunicação e informação. Assim o indivíduo não se limita somente como um receptor, mas também como o criador e difundidor da informação. 16

O ambiente de aprendizado interfere no desempenho do aluno. Portanto, criar um local onde os alunos e professores possam cada vez mais compartilhar conhecimento de maneira colaborativa é fundamental para que o aluno se sinta motivado e envolvido no processo de aprendizagem. 17

Referências Bibliográficas ELIANES SCHLEMMER, Revista Digital da CVA. Artigo da Revista Colabor@. MARIA TERESA GOUVÊA, CLAUDIA L. R. MOTTA, FLÁVIA M. SANTORO (2006), Estimulando a Participação em um Ambiente Virtual de Aprendizagem Colaborativa. XVII Simpósio Brasileiro de Informática na Educação - sbie - unb/ucb. Workshop em Informática na Educação (sbie) 2006. LÉVY, P. (1999), "Cibercultura". Rio de Janeiro: Editora 34. LÉVY, P. (1997), "A inteligência coletiva: para uma antropologia do ciberespaço". Lisboa: Instituto Piaget. SENSO. Dados Senso Ead (2011), pág. 27. VYGOTSKY, L.S. (2000), A formação social da mente. São Paulo: Martins Fontes, 6ª. edição. MARIAN COSTA CAVALCANTE, Uso Interativo de Vídeo-Aulas e do Sotware Paint no Ensino-Aprendizagem de Geometria. Mestrado Integrado Profissionalmente em Computação UECE/CEFET. Ponte, J. P. e Serrazina, L. (2000). Didáctica da matemática do 1º ciclo. Lisboa: Universidade Aberta. 18