Integrando aplicações web com as redes sociais

Artigo do tipo Tutorial
Recursos especiais neste artigo:
Artigo no estilo Solu��o Completa.

Integrando aplica��es web com as redes sociais
Apresentaremos neste artigo a constru��o de uma aplica��o web que se integra com as redes sociais Facebook e Twitter atrav�s do uso do framework Spring Social. Esta aplica��o utiliza as redes sociais para estabelecer um canal de comunica��o com os seus usu�rios.

Em que situa��o o tema �til
Os conceitos e o exemplo apresentados mostram ao leitor algumas formas nas quais a integra��o com as redes sociais pode trazer benef�cios �s aplica��es consumidoras. Sendo assim, este tema � �til para profissionais da �rea de TI que queiram saber mais sobre a integra��o com as redes sociais.

Atualmente, com a import�ncia cada vez maior das redes sociais na vida das pessoas e a necessidade que estas sentem em criar relacionamentos, compartilhar fatos e expressar opini�es nestas redes, se torna fundamental o estudo e uso destas por empresas, governos, pesquisadores, pessoas p�blicas, etc.

As redes sociais possibilitam a cria��o de poderosos mecanismos de comunica��o. Atrav�s delas, por exemplo, pode haver a cria��o de um canal de comunica��o entre um governo e cidad�os, entre artistas e f�s, entre empresas e clientes, entre outras possibilidades.

Esta forma de comunica��o mais direta cria um estreitamento no relacionamento de entidades (empresas, governo, artistas) com as pessoas. Esta melhoria na comunica��o pode oferecer �s entidades a fideliza��o das pessoas, participa��o colaborativa e cria��o de novas ideias atrav�s de feedbacks recebidos.

Com base nisso, a partir de um exemplo, iremos criar neste artigo um canal de comunica��o entre uma aplica��o web e os telespectadores de uma empresa fict�cia de TV nas redes sociais. Para atingir este objetivo, ser�o criados perfis corporativos no Facebook e no Twitter. Neste momento, discutiremos os detalhes ao redor da cria��o destes perfis corporativos, mostrando dicas �teis para uma melhor apresenta��o do perfil nas redes sociais. Posteriormente, ser� abordada a utiliza��o do framework Spring Social, como agente facilitador no estabelecimento da comunica��o entre a aplica��o web e as redes sociais.

O exemplo apresentado � a continua��o do exemplo publicado na Java Magazine 109, que demonstrou de forma pr�tica a integra��o de aplica��es web convencionais com as redes sociais Twitter e Facebook atrav�s do uso do framework Spring Social.

Recapitulando a aplica��o web de exemplo

Na Java Magazine 109, iniciamos o desenvolvimento de uma aplica��o exemplo, chamada de SocialTV. Esta aplica��o � um sistema web de uma empresa fict�cia de TV por assinatura tamb�m denominada SocialTV, que disponibiliza aos seus usu�rios um servi�o de avisos sobre a programa��o da TV, de acordo com as prefer�ncias de cada usu�rio.

O Facebook e o Twitter ser�o utilizados como canais de intera��o com os telespectadores da TV. A programa��o da TV ser� divulgada via Facebook, e os telespectadores cadastrados, receber�o via Twitter, um alerta sobre programas que tenham interesse. A Figura 1 mostra os casos de uso da aplica��o.

Figura 1. Casos de Uso da SocialTV.

Na Edi��o 109, foi abordado o desenvolvimento dos casos de uso efetuados pelo ator Usu�rio. Nesta edi��o, abordaremos o desenvolvimento dos casos de uso realizados pelo Administrador do sistema e tamb�m a cria��o das p�ginas corporativas no Facebook.

A seguir � feito o detalhamento dos casos de uso realizados pelo Administrador:

� Vincula perfil do Twitter: os administradores necessitam vincular � respectiva conta de acesso ao sistema, um perfil corporativo da SocialTV no Twitter. Este perfil ir� representar a SocialTV no Twitter, e atrav�s dele ser�o enviados os avisos sobre a programa��o da TV a todos os usu�rios cadastrados neste servi�o;

� Vincula perfil do Facebook: O administrador deve associar � respectiva conta de acesso ao sistema, um perfil social do Facebook que esteja configurado como administrador da p�gina corporativa da SocialTV no Facebook. Podem existir um ou mais administradores de uma p�gina corporativa no Facebook, e os detalhes da cria��o destas p�ginas corporativas ser�o abordados mais adiante no artigo. Todos os usu�rios que curtirem a p�gina corporativa da SocialTV v�o receber as atualiza��es da programa��o no respectivo perfil social, como acontece com um feed de not�cias;

� Cadastra programa��o da TV: O administrador cadastra a programa��o da TV informando o nome do programa, o canal, o dia e o hor�rio em que cada programa ser� exibido. A programa��o rec�m-criada � divulgada no Facebook. No caso de haver algum usu�rio que tenha cadastrado o interesse por um programa existente na grade, a aplica��o enviar�, atrav�s do perfil corporativo da SocialTV no Twitter, uma mensagem direta para o perfil do usu�rio. Esta mensagem enviada cont�m o aviso sobre a programa��o que acabou de ser criada.

Cria��o das P�ginas Corporativas nas Redes Sociais

As p�ginas corporativas nas redes sociais s�o os canais nos quais � estabelecida a comunica��o e intera��o entre empresas e consumidores (usu�rios). No exemplo utilizado, as p�ginas corporativas da SocialTV no Facebook e Twitter t�m o objetivo de informar os usu�rios da TV sobre a grade de programa��o, o que � uma tarefa muito importante dentro desta aplica��o.

Tamb�m � importante que estas p�ginas ou perfis corporativos tenham a marca da empresa para uma f�cil identifica��o por parte dos usu�rios. A Figura 2 mostra um logotipo da SocialTV criado para ser utilizado como marca da TV nas redes sociais.

Figura 2. Logotipo da SocialTV.

Perfil Corporativo no Twitter

O Twitter n�o apresenta distin��o na cria��o dos perfis dos seus usu�rios. Todos os perfis desta rede possuem a mesma estrutura e n�o s�o classificados como, por exemplo, corporativo ou pessoal. O procedimento para a cria��o do perfil da SocialTV no Twitter � feito da mesma forma como o leitor provavelmente tenha feito o seu pr�prio perfil nesta rede, veja Links.

A classifica��o de um perfil do Twitter como corporativo � feita de forma abstrata, por exemplo, utilizando logotipos e nomes de empresas ao inv�s de fotos e nomes de pessoas. A Figura 3 mostra o perfil corporativo da SocialTV no Twitter.

Figura 3. P�gina corporativa da SocialTV no Twitter.

P�gina Corporativa no Facebook

Ao contr�rio do Twitter, o Facebook apresenta distin��o entre um perfil de usu�rio e um perfil corporativo. Na realidade, at� o nome destes objetos se diferenciam. Nesta rede n�o existem perfis para empresas, mas, sim, p�ginas corporativas. Na defini��o do pr�prio Facebook, uma p�gina � um lugar criado para construir uma rela��o mais pr�xima com o p�blico e clientes. Ao contr�rio das p�ginas, os perfis s�o utilizados apenas para identificar pessoas. At� mesmo se voc� tentar criar no Facebook, um perfil que represente uma empresa ao inv�s de uma pessoa, � poss�vel que n�o tenha sucesso, pois, existe um controle para validar se o nome escolhido para o perfil � mesmo um nome de pessoa.

O endere�o para a cria��o de p�ginas no Facebook pode ser encontrado na se��o Links. Acessando este endere�o, temos a op��o de criar uma p�gina dos seguintes tipos:

� Neg�cios locais ou local;

� Empresa, organiza��o ou institui��o;

� Marca ou produto;

� Artista, banda ou figura p�blica;

� Entretenimento;

� Causa ou comunidade.

Dentre os tipos dispon�veis o que mais se enquadrou no exemplo da SocialTV foi o tipo Empresa, ent�o selecionaremos esta op��o. Em seguida devemos informar a categoria e nome da empresa. A categoria que utilizaremos � Telecomunica��es e o nome da empresa fica a crit�rio do leitor. Feito isso, dever� ser vinculada � p�gina corporativa que criamos uma conta de usu�rio do Facebook que atuar� como o administrador. � permitida a utiliza��o de uma conta do Facebook pr�-existente ou a cria��o de uma nova. Ap�s a confirma��o da conta de usu�rio, s�o oferecidas as op��es de configura��o da p�gina corporativa, como o envio do logotipo, descri��o e v�nculo ao site da empresa. Pronto, est� criada a sua p�gina corporativa no Facebook. A p�gina corporativa criada para a SocialTV � mostrada na ...

Quer ler esse conteúdo completo? Tenha acesso completo

Tecnologias:

Java

JavaScript

JSP

UML

Confira outros conte�dos:

Introdu��o ao JDBC

Novidades do Java

Teste unit�rio com JUnit

Assista grátis a nossa aula inaugural

<Saiba por que programar é uma questão de sobrevivência e como aprender sem riscos/>

Perguntas frequentes

Quem somos?

A DevMedia é uma escola de formação de programadores com mais de 20 anos de mercado. Já formamos mais de 100 mil programadores. A DevMedia ensina programação web, (desenvolvimento de site e aplicativos para celulares). A programação web é a área que mais contrata programadores em todo o mundo, sendo a maior porta de entrada para a área da tecnologia.

Por que a programação se tornou a profissão mais promissora da atualidade?

Nunca o mundo necessitou tanto de programadores como atualmente. Com a quarentena estabelecida pela Covid-19, lojas, restaurantes, escritórios e escolas, que tiveram suas atividades paralisadas, perceberam a urgente necessidade de adaptar seus negócios para o mundo digital. Em contrapartida as empresas de tecnologias, durante esse período, cresceram como nunca tanto em faturamento quanto em número de usuários. Com isso a necessidade de programadores cresceu muito. Empresas de grande e pequeno porte estão com vagas abertas e não conseguem contratar por falta de profissionais qualificados. No momento estima-se que o número de oportunidades no Brasil seja acima de 200 mil!

Como faço para começar a estudar?

Programação é um universo amplo, existem muitos caminhos e por isso é muito fácil se perder. Nosso conselho é: NÃO ESTUDE SOZINHO. Infelizmente 78% das pessoas que começam a estudar sozinhas desistem da profissão por não conseguirem aprender. Com uma boa orientação elas teriam conseguido! Se você tomou a decisão de entrar nesse mercado, faça um investimento no seu futuro e busque aprender com quem sabe. Isso vai triplicar suas chances de dominar a programação e conquistar uma vaga no mercado.

Em quanto tempo de estudo vou me tornar um programador?

O tempo depende, claro, da dedicação de cada estudante. A DevMedia ensina programação há 20 anos e com toda essa experiência montamos uma metodologia que tem como objetivo principal acelerar os seus estudos. Você terá um Plano de Estudo para te orientar em todos os passos do aprendizado. Desenvolverá diversos projetos reais para colocar em prática os conhecimentos e contará com o melhor suporte ao aluno da web. Todas as suas dúvidas serão respondidas de imediato. Seguindo nossa metodologia e se dedicando, entre 6 meses e um ano você já estará programando.

Sim, você pode se tornar um programador e não precisa ter diploma de curso superior!

Ser programador é uma das maiores oportunidades que o Brasil oferece para quem não tem condições de fazer uma faculdade. Muitas empresas contratam sem fazer questão de diploma, o que importa para elas é que o candidato seja um bom técnico e consiga atender suas necessidades. Os salários iniciais para programadores são de R$2.500 mil, podendo chegar aos R$15 mil para aqueles que se dedicam. Com disciplina e um estudo correto, que não te faça perder tempo, é possível se tornar um programador em menos de um ano de estudo. Quando você já estiver empregado, aí sim você pode se aprimorar ainda mais fazendo uma faculdade na área.

O que eu irei aprender estudando pela DevMedia?

Nossas trilhas de estudo te permitem virar um programador Full Stack, que é aquele programador mais completo, ele domina o desenvolvimento Front-end, Back-end e Mobile. Você ficará apto para criar sistemas para computadores e aplicativos para celulares. Utilizamos como base a linguagem JavaScript que é a linguagem mais utilizada no mundo. Outra vantagem do JavaScript é a quantidade de oportunidades no mercado de trabalho. É sem dúvida a linguagem que mais possui vagas e a que mais dá oportunidade para os iniciantes.

Principais diferenciais da DevMedia

Suporte ao aluno - O aluno conta com a ajuda de professores para tirar dúvidas durante toda a jornada de ensino. As perguntas são respondidas em menos de uma hora por professores experientes e atuantes no mercado. Gamificação - A plataforma de ensino é divertida e motivante. É como se o aluno estivesse dentro de um game. Ele terá seu card pessoal, que poderá ser customizado utilizando as moedas que ele ganha quando acerta os exercícios. Ele poderá também trocar suas moedas por outros produtos dentro da plataforma. Além disso, seus acertos contam pontos no ranking mensal dos alunos. Tudo isso deixa os estudos mais leves e motivantes. Didática - A DevMedia já ensina programação há mais de 20 anos. Desenvolvemos ao longo desse tempo uma metodologia que ensina a programar de verdade, com menos aulas e mais prática, são dezenas de projetos e exercícios que desenvolvem a mente programadora no aluno. Projetos reais - Durante os estudos os alunos irão desenvolver dezenas de projetos em cada uma das carreira (front-end, back-end e mobile). Mas o principal é que os projetos da DevMedia não são “copia e cola” como se encontra por aí. Aqui o aluno vai desenvolver os projetos de forma autônoma, recebendo claro a nossa mentoria e suporte, mas o aluno terá condições para desenvolvê-los sozinho. Milhares de exercícios - Programação é prática, por isso a cada nova matéria o aluno passará por um bloco de exercícios para fixar o conteúdo e cada acerto será bonificado com pontos e moedas e valem uma posição no ranking dos alunos.

Qual o investimento financeiro que preciso fazer para me tornar um programador?

Na internet é possível encontrar cursos de todos os preços, desde 50,00 a R$15.000,00. Os cursos de 50,00 são cursos avulsos, que explicam apenas pedaços de uma determinada matéria. Para criar um conhecimento completo você precisaria comprar no mínimo de 15 a 20 cursos avulsos e correria o risco deles não se complementarem tão perfeitamente e seu conhecimento ficaria cheio de "buracos". Os cursos de R$15.000,00 não fazem nenhum sentido. Deixe para investir em cursos caros quando quiser se especializar. Por esse preço você pode inclusive estudar fora do pais. Na DevMedia, você terá um plano de estudo montado por quem já formou mais de 100 mil alunos, e já está nesse mercado há mais de 20 anos. Somos a única plataforma que oferece Suporte ao Aluno em tempo real e uma experiência de estudos gamificada para te manter motivado durante todo o período de estudo. E o melhor, nosso pagamento é recorrente, você não precisa usar o limite do seu cartão de crédito para investir no seu futuro. Aproveite para se matricular agora mesmo.

Como funciona a forma de pagamento da DevMedia?

Para que você possa investir nos seus estudos sem complicar sua vida financeira, a DevMedia cobra o valor da assinatura de forma recorrente, Igual o Netflix. Todos os meses debitamos o valor da parcela em seu cartão de crédito, sem comprometer o limite total do cartão. :) As primeiras 3 parcelas custam R$89,90 e a partir do 4o mês sua parcela diminui para R$49,90! Assim ela pesa cada vez manos no seu bolso! Nesse modelo, a gente te ajuda a pagar seus estudos, mas você precisa ajudar a gente a pagar nossos custos. Por isso a assinatura recorrente tem uma fidelidade de um ano. Essa fidelidade também vai te ajudar a se manter comprometido com os seus estudos. Temos um trato?

Por Edwins Em 2013

Coment�rios nesta publica��o Escrever um coment�rio sobre conte�do

Nossos casos de sucesso

Leonardo Carlos

Eu sabia pouqu�ssimas coisas de programa��o antes de come�ar a estudar com voc�s, fui me especializando em v�rias �reas e ferramentas que tinham na plataforma, e com essa bagagem consegui um est�gio logo no in�cio do meu primeiro per�odo na faculdade.

Lucas Rodrigues

Estudo aqui na Dev desde o meio do ano passado! Nesse per�odo a Dev me ajudou a crescer muito aqui no trampo.
Fui o primeiro desenvolvedor contratado pela minha empresa. Hoje eu lidero um time de desenvolvimento!
Minha meta � continuar estudando e praticando para ser um Full-Stack Dev!

Her�clito J�nior

Economizei 3 meses para assinar a plataforma e sendo sincero valeu muito a pena, pois a plataforma � bem intuitiva e muuuuito did�tica a metodologia de ensino. Sinto que estou EVOLUINDO a cada dia. Muito obrigado!

Julio Cablen

Nossa! Plataforma maravilhosa. To amando o curso de desenvolvimento front-end, tinha coisas que eu ainda n�o tinha visto. A did�tica � do jeito que qualquer pessoa consegue aprender. S�rio, to apaixonado, adorando demais.

Joelberth Sena

Adquiri o curso de voc�s e logo percebi que s�o os melhores do Brasil. � um passo a passo incr�vel. S� n�o aprende quem n�o quer. Foi o melhor investimento da minha vida!

Felipe Nunes

Foi um dos melhores investimentos que j� fiz na vida e tenho aprendido bastante com a plataforma. Voc�s est�o fazendo parte da minha jornada nesse mundo da programa��o, irei assinar meu contrato como programador gra�as a plataforma.

Wanderson Oliveira

Comprei a assinatura tem uma semana, aprendi mais do que 4 meses estudando outros cursos. Exerc�cios pr�ticos que n�o tem como n�o aprender, est�o de parab�ns!

Jos� Lucas

Obrigado DevMedia, nunca presenciei uma plataforma de ensino t�o presente na vida acad�mica de seus alunos, parab�ns!

Eduardo Dorneles

Aprendi React na plataforma da DevMedia h� cerca de 1 ano e meio... Hoje estou h� 1 ano empregado trabalhando 100% com React!

Adauto Junior

J� fiz alguns cursos na �rea e nenhum � t�o bom quanto o de voc�s. Estou aprendendo muito, muito obrigado por existirem. Est�o de parab�ns... Espero um dia conseguir um emprego na �rea.

Ver todos os casos de sucesso