Click to call Widget

1,579 views
1,492 views

Published on

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,579
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Click to call Widget

  1. 1. Click To Call Widget Guilherme Balena Versiani, Augusto Farnese, Michel Boaventura
  2. 2. <ul><li>Sistema que permite chamadas telefônicas entre dois usuários, acionada através de Widget ou diretamente através de uma API Web, usando uma conta VoIP de um terceiro. </li></ul><ul><li>Duas chamadas são realizadas, podendo ocorrer dupla tarifação. </li></ul><ul><li>Um serviço unifica as duas chamadas; sua localização física na Internet pode interferir na qualidade das chamadas. </li></ul>Descrição
  3. 3. <ul><li>Pessoas VIP que queiram colocar uma forma “diferente” de comunicação em seu Blog; </li></ul><ul><li>Mercado SOHO/SMB, para comunicação via website (exemplo: pizzarias, jornais de anúncios); </li></ul>Público
  4. 4. Visão do Cliente Final João Pizzaria João acessa http://pizza.com/, digita seu número de telefone e clica em “Ligar”. Em seguida João recebe uma ligação com uma mensagem gravada da pizzaria, avisando que a chamada está sendo transferida, e em seguida ouve o sinal de “chamada”. A pizzaria atende a chamada e realiza o pedido do Cliente. 1 2 3 Considere que o cliente João deseja pedir uma pizza pelo site de uma pizzaria, e esta pizzaria utiliza o Click To Call para fazer pedidos:
  5. 5. Visão da Pizzaria José Carlos José Carlos acessa o portal de aplicações (website) e cria uma conta para sua pizzaria. 1 2 José Carlos instala a aplicação Click To Call em sua conta, e insere as configurações de sua operadora. José Carlos gera o código do Widget e coloca-o no site de sua pizzaria 3 Considere que o gerente José Carlos decide usar o Click To Call para que os clientes que visitarem o site da pizzaria liguem para fazer pedidos:
  6. 6. Como funciona?
  7. 7. Como funciona? Este é o Widget criado pelos alunos da disciplina!!! HTTP + HTML + JavaScript O Cliente recebe o código Javascript do Widget através do Blog em Blogger.com e o carrega no browser. 1
  8. 8. Como funciona? HTTP + XML-RPC O Cliente preenche o formulário e o browser realiza um POST XML-RPC na API Web da empresa ComunIP. 2
  9. 9. Como funciona? Pode ser qualquer terminação VoIP desde que suporte SIP!!! SIP A ComunIP interage com o Skype for Business para realizar a chamada usando o protocolo SIP. 3
  10. 10. Como funciona? O Skype realiza a chamada telefônica para o Cliente e reproduz uma mensagem. 4
  11. 11. Como funciona? Pizzaria O Skype realiza a chamada telefônica para a pizzaria. 5
  12. 12. Como funciona? Se o cliente não quiser pagar a segunda chamada, pode usar um softphone ou um telefone VoIP. Pizzaria O Skype realiza a chamada telefônica para a pizzaria. 5
  13. 13. Como funciona? Se o cliente não quiser pagar a segunda chamada, pode usar um softphone ou um telefone VoIP. Mesmo assim, existem operadoras em que o custo total das ligações chega a ser mais barato que 0800!!! Pizzaria O Skype realiza a chamada telefônica para a pizzaria. 5
  14. 14. Plano de Negócios
  15. 15. Plano de Negócios Pessoas VIP SOHO, SMB 0800 de baixo custo, acionado via website Segmentos de clientes Propostas de Valor Canais Relacionamentos com o Cliente Fontes de Renda Recursos Chave Atividades Chave Parcerias Chave Estrutura de Custo
  16. 16. Plano de Negócios Pessoas VIP SOHO, SMB 0800 de baixo custo, acionado via website Segmentos de clientes Propostas de Valor Canais Relacionamentos com o Cliente Fontes de Renda Recursos Chave Atividades Chave Parcerias Chave Estrutura de Custo
  17. 17. Plano de Negócios Pessoas VIP SOHO, SMB 0800 de baixo custo, acionado via website Formulário de Feedback Forum Tickets Segmentos de clientes Propostas de Valor Canais Relacionamentos com o Cliente Fontes de Renda Recursos Chave Atividades Chave Parcerias Chave Estrutura de Custo
  18. 18. Plano de Negócios Pessoas VIP SOHO, SMB 0800 de baixo custo, acionado via website Número de cliques Anúncios sonoros Taxa por minuto Formulário de Feedback Forum Tickets Equipe de suporte Feedback dos clientes Operadoras Segmentos de clientes Propostas de Valor Canais Relacionamentos com o Cliente Fontes de Renda Recursos Chave Atividades Chave Parcerias Chave Estrutura de Custo
  19. 19. Plano de Negócios Pessoas VIP SOHO, SMB 0800 de baixo custo, acionado via website Número de cliques Anúncios sonoros Taxa por minuto Operadoras Formulário de Feedback Forum Tickets Vendas on-line Paypal Equipe de suporte Feedback dos clientes Segmentos de clientes Propostas de Valor Canais Relacionamentos com o Cliente Fontes de Renda Recursos Chave Atividades Chave Parcerias Chave Estrutura de Custo
  20. 20. Plano de Negócios Pessoas VIP SOHO, SMB 0800 de baixo custo, acionado via website Número de cliques Anúncios sonoros Anúncios visuais Taxa por minuto Operadoras Formulário de Feedback Forum Tickets Equipe de suporte Feedback dos clientes Google Vendas on-line Paypal Segmentos de clientes Propostas de Valor Canais Relacionamentos com o Cliente Fontes de Renda Recursos Chave Atividades Chave Parcerias Chave Estrutura de Custo
  21. 21. Plano de Negócios ComunIP Pessoas VIP SOHO, SMB 0800 de baixo custo, acionado via website Número de cliques Anúncios sonoros Anúncios visuais Taxa por minuto Operadoras Formulário de Feedback Forum Tickets Vendas on-line Paypal Equipe de suporte Custos uso da API Rede de serviços Feedback dos clientes Google Segmentos de clientes Propostas de Valor Canais Relacionamentos com o Cliente Fontes de Renda Recursos Chave Atividades Chave Parcerias Chave Estrutura de Custo
  22. 22. O Widget
  23. 23. Desenho da interface Título configurável Subtítulo configurável Logotipo configurável Texto do botão configurável Cores configuráveis Botão de ajuda
  24. 24. Configurando o Widget
  25. 25. Aba Configurações (Settings) John.Doe Username SIP Server Password           Widget Settings Port sip.domain.com 5060 Transport UDP TCP TLSv1 (55) 3187654321 Number to call When clicked, the widget will make a call to this number Save Close Confirm Password           Podemos pensar em deixar a configuração manual para operadoras não cadastradas, e criar um “perfil” para “operadoras cadastradas”. Voice Message The caller will hear this message before to start a call Use default Nessa área podemos listar as operadoras cadastradas para que o Cliente compre créditos. A compra a partir desse ponto pode ser tarifada em “revenue share”. Contas em operadoras cadastradas podem fazer aparecer um pequeno Widget que mostra os créditos disponíveis aqui em baixo: You have: US$ 30,00
  26. 26. Aba Widget Title Caption Caption Title Call button text Call us now! Widget Settings Widget Colors Logo background font color Completed message Call completed, thanks for calling! Help message Help message goes here Podemos pensar em vincular algumas ajudas pré-estabelecidas para “operadoras cadastradas” Save Close
  27. 27. Aba Widget – Seleção de Cores Widget Settings Title Caption Caption Title Call button text Call us now! Widget Colors Logo background font color Completed message Call completed, thanks for calling! Help message Help message goes here Widget de seleção de cores do jQuery Save Close
  28. 28. Projeto
  29. 29. Histórias Como Cliente Final, preciso ver o Widget em meu website ou Blog. Como Cliente Final, preciso inserir meu telefone e receber a ligação. Como Cliente Final, após receber a ligação, preciso ligar para o Cliente. Como Cliente, preciso ser capaz de configurar e gerar o Widget para meu site. Desenhar a interface Balena Passar para HTML e CSS Farnese Criar gerador em PHP Boaventura Criar conta no Skype for Business Balena Gravar mensagem de áudio Farnese Criar outra linha de terminação no Skype4B Balena Criar Javascript para o Widget Boaventura Criar Painel de geração do Widget Balena Criar Aba Settings Fernese Criar Aba Widget Fernese Adquirir hospedagem Balena Publicar no site Fernese Publicar no Blog versão de demonstração Fernese
  30. 30. Como Cliente Final, preciso ver o Widget em meu website ou Blog. Como Cliente Final, preciso inserir meu telefone e receber a ligação. Como Cliente Final, após receber a ligação, preciso ligar para o Cliente. Como Cliente, preciso ser capaz de configurar e gerar o Widget para meu site. To Do In Progress Verify Done Primeira iteração – 14 a 18 de junho de 2010 Desenhar a interface Balena Passar para HTML e CSS Farnese Criar gerador em PHP Boaventura Criar conta no Skype for Business Balena Gravar mensagem de áudio Farnese Criar Javascript para o Widget Boaventura Publicar no Blog versão de demonstração Fernese Criar outra linha de terminação no Skype4B Balena Criar Painel de geração do Widget Balena Criar Aba Settings Fernese Criar Aba Widget Fernese Adquirir hospedagem Balena Publicar no site Fernese
  31. 31. Como Cliente Final, preciso ver o Widget em meu website ou Blog. Como Cliente Final, preciso inserir meu telefone e receber a ligação. Como Cliente Final, após receber a ligação, preciso ligar para o Cliente. Como Cliente, preciso ser capaz de configurar e gerar o Widget para meu site. To Do In Progress Verify Done Segunda iteração – 21 a 25 de junho de 2010 Criar Painel de geração do Widget Balena Criar Aba Settings Fernese Criar Aba Widget Fernese Adquirir hospedagem Balena Publicar no site Fernese Desenhar a interface Balena Passar para HTML e CSS Farnese Criar gerador em PHP Boaventura Criar conta no Skype for Business Balena Gravar mensagem de áudio Farnese Criar Javascript para o Widget Boaventura Publicar no Blog versão de demonstração Fernese Criar outra linha de terminação no Skype4B Balena
  32. 32. Como Cliente Final, preciso ver o Widget em meu website ou Blog. Como Cliente Final, preciso inserir meu telefone e receber a ligação. Como Cliente Final, após receber a ligação, preciso ligar para o Cliente. Como Cliente, preciso ser capaz de configurar e gerar o Widget para meu site. To Do In Progress Verify Done Terceira iteração - até 29 de junho de 2010 Criar Painel de geração do Widget Balena Criar Aba Settings Fernese Criar Aba Widget Fernese Adquirir hospedagem Balena Publicar no site Fernese Desenhar a interface Balena Passar para HTML e CSS Farnese Criar gerador em PHP Boaventura Criar conta no Skype for Business Balena Gravar mensagem de áudio Farnese Criar Javascript para o Widget Boaventura Publicar no Blog versão de demonstração Fernese Criar outra linha de terminação no Skype4B Balena
  33. 33. Resultado em 30/06/2010
  34. 34. <ul><li>http://asocialsoft.blogspot.com/ </li></ul>Acessem

×