1. Click To Call Widget Guilherme Balena Versiani, Augusto Farnese, Michel Boaventura

2. Descrição 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. Duas chamadas são realizadas, podendo ocorrer dupla tarifação. Um serviço unifica as duas chamadas; sua localização física na Internet pode interferir na qualidade das chamadas.

3. Público Pessoas VIP que queiram colocar uma forma “diferente” de comunicação em seu Blog; Mercado SOHO/SMB, para comunicação via website (exemplo: pizzarias, jornais de anúncios);

4. Visão do Cliente Final 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: 1 Pizzaria João acessa http://pizza.com/, digita seu número de telefone e clica em “Ligar”. 2 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”. 3 João A pizzaria atende a chamada e realiza o pedido do Cliente.

5. Visão da Pizzaria 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: 2 3 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 1 José Carlos acessa o portal de aplicações (website) e cria uma conta para sua pizzaria. José Carlos

6. Como funciona?

7. Como funciona? Este é o Widget criado pelos alunos da disciplina!!! 1 O Cliente recebe o código Javascript do Widget através do Blog em Blogger.com e o carrega no browser. HTTP + HTML + JavaScript

8. Como funciona? 2 O Cliente preenche o formulário e o browser realiza um POST XML-RPC na API Web da empresa ComunIP. HTTP + XML-RPC

9. Como funciona? Pode ser qualquer terminação VoIP desde que suporte SIP!!! 3 A ComunIP interage com o Skype for Business para realizar a chamada usando o protocolo SIP. SIP

10. Como funciona? 4 O Skype realiza a chamada telefônica para o Cliente e reproduz uma mensagem.

11. Como funciona? Pizzaria 5 O Skype realiza a chamada telefônica para a pizzaria.

12. Como funciona? Pizzaria Se o cliente não quiser pagar a segunda chamada, pode usar um softphone ou um telefone VoIP. 5 O Skype realiza a chamada telefônica para a pizzaria.

13. Como funciona? Pizzaria Se o cliente não quiser pagar a segunda chamada, pode usar um softphone ou um telefone VoIP. 5 O Skype realiza a chamada telefônica para a pizzaria. Mesmo assim, existem operadoras em que o custo total das ligações chega a ser mais barato que 0800!!!

14. Plano de Negócios

15. Plano de Negócios Segmentos de clientes Propostas de Valor Relacionamentos com o Cliente Atividades Chave Parcerias Chave Pessoas VIP 0800 de baixo custo, acionado via website SOHO, SMB Recursos Chave Canais Fontes de Renda Estrutura de Custo

16. Plano de Negócios Segmentos de clientes Propostas de Valor Relacionamentos com o Cliente Atividades Chave Parcerias Chave Pessoas VIP 0800 de baixo custo, acionado via website SOHO, SMB Recursos Chave Canais Fontes de Renda Estrutura de Custo

17. Plano de Negócios Segmentos de clientes Propostas de Valor Relacionamentos com o Cliente Atividades Chave Parcerias Chave Formulário de Feedback Pessoas VIP 0800 de baixo custo, acionado via website Tickets Forum SOHO, SMB Recursos Chave Canais Fontes de Renda Estrutura de Custo

18. Plano de Negócios Segmentos de clientes Propostas de Valor Relacionamentos com o Cliente Atividades Chave Parcerias Chave Formulário de Feedback Feedback dos clientes Pessoas VIP 0800 de baixo custo, acionado via website Tickets Forum Operadoras SOHO, SMB Recursos Chave Canais Fontes de Renda Estrutura de Custo Taxa por minuto Equipe de suporte Número de cliques Anúncios sonoros

19. Plano de Negócios Segmentos de clientes Propostas de Valor Relacionamentos com o Cliente Atividades Chave Parcerias Chave Formulário de Feedback Feedback dos clientes Pessoas VIP 0800 de baixo custo, acionado via website Tickets Forum Operadoras SOHO, SMB Recursos Chave Canais Paypal Vendas on-line Fontes de Renda Estrutura de Custo Taxa por minuto Equipe de suporte Número de cliques Anúncios sonoros

20. Plano de Negócios Segmentos de clientes Propostas de Valor Relacionamentos com o Cliente Atividades Chave Parcerias Chave Formulário de Feedback Feedback dos clientes Pessoas VIP 0800 de baixo custo, acionado via website Tickets Forum Operadoras SOHO, SMB Recursos Chave Canais Paypal Vendas on-line Google Fontes de Renda Estrutura de Custo Taxa por minuto Equipe de suporte Número de cliques Anúncios sonoros Anúncios visuais

21. Plano de Negócios Segmentos de clientes Propostas de Valor Relacionamentos com o Cliente Atividades Chave Parcerias Chave Formulário de Feedback Feedback dos clientes ComunIP Pessoas VIP 0800 de baixo custo, acionado via website Tickets Forum Operadoras SOHO, SMB Recursos Chave Canais Paypal Vendas on-line Rede de serviços Google Fontes de Renda Estrutura de Custo Taxa por minuto Equipe de suporte Custos usoda API Número de cliques Anúncios sonoros Anúncios visuais

22. O Widget

23. Desenho da interface Título configurável Subtítulo configurável Cores configuráveis Botão de ajuda Texto do botão configurável Logotipo configurável

24. Configurando o Widget

25. Aba Configurações (Settings) SIP Server Port 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: 5060 sip.domain.com Settings Transport Widget UDP TCP TLSv1 Username John.Doe Password Podemos pensar em deixar a configuração manual para operadoras não cadastradas, e criar um “perfil” para “operadoras cadastradas”.           Confirm Password You have: US$ 30,00           Number to call Voice Message Use default (55) 3187654321 When clicked, the widget will make a call to this number The caller will hear this message before to start a call Save Close

26. Aba Widget Title Title Settings Caption Widget Caption Call button text Call us now! Completed message Widget Colors Call completed, thanks for calling! Podemos pensar em vincular algumas ajudas pré-estabelecidas para “operadoras cadastradas” Help message background font color Help message goes here Logo Save Close

27. Aba Widget – Seleção de Cores Title Title Settings Caption Widget Caption Call button text Call us now! Completed message Widget Colors Call completed, thanks for calling! Help message background font color Help message goes here Widget de seleção de cores do jQuery Logo Save Close

28. Projeto

29. Como Cliente Final, preciso ver o Widget em meu website ou Blog. Desenhar a interface Passar para HTML e CSS Criar gerador em PHP Balena Farnese Boaventura Como Cliente Final, preciso inserir meu telefone e receber a ligação. Criar conta no Skype for Business Gravar mensagem de áudio Criar Javascript para o Widget Publicar no Blog versão de demonstração Balena Farnese Boaventura Fernese Como Cliente Final, após receber a ligação, preciso ligar para o Cliente. Criar outra linha de terminação no Skype4B Histórias Balena Como Cliente, preciso ser capaz de configurar e gerar o Widget para meu site. Criar Painel de geração do Widget Criar Aba Settings Criar Aba Widget Adquirir hospedagem Publicar no site Balena Fernese Fernese Balena Fernese

30. To Do In Progress Verify Done Como Cliente Final, preciso ver o Widget em meu website ou Blog. Desenhar a interface Criar gerador em PHP Passar para HTML e CSS Balena Boaventura Farnese Como Cliente Final, preciso inserir meu telefone e receber a ligação. Criar conta no Skype for Business Gravar mensagem de áudio Criar Javascript para o Widget Publicar no Blog versão de demonstração Balena Farnese Boaventura Fernese Como Cliente Final, após receber a ligação, preciso ligar para o Cliente. Criar outra linha de terminação no Skype4B Balena Como Cliente, preciso ser capaz de configurar e gerar o Widget para meu site. Criar Painel de geração do Widget Criar Aba Settings Criar Aba Widget Adquirir hospedagem Publicar no site Balena Fernese Fernese Balena Fernese Primeira iteração – 14 a 18 de junho de 2010

31. To Do In Progress Verify Done Como Cliente Final, preciso ver o Widget em meu website ou Blog. Desenhar a interface Passar para HTML e CSS Criar gerador em PHP Balena Farnese Boaventura Como Cliente Final, preciso inserir meu telefone e receber a ligação. Criar conta no Skype for Business Gravar mensagem de áudio Criar Javascript para o Widget Publicar no Blog versão de demonstração Balena Farnese Boaventura Fernese Como Cliente Final, após receber a ligação, preciso ligar para o Cliente. Criar outra linha de terminação no Skype4B Balena Como Cliente, preciso ser capaz de configurar e gerar o Widget para meu site. Criar Painel de geração do Widget Criar Aba Settings Criar Aba Widget Adquirir hospedagem Publicar no site Balena Fernese Fernese Balena Fernese Segunda iteração – 21 a 25 de junho de 2010

32. To Do In Progress Verify Done Como Cliente Final, preciso ver o Widget em meu website ou Blog. Desenhar a interface Passar para HTML e CSS Criar gerador em PHP Balena Farnese Boaventura Como Cliente Final, preciso inserir meu telefone e receber a ligação. Criar conta no Skype for Business Gravar mensagem de áudio Criar Javascript para o Widget Publicar no Blog versão de demonstração Balena Farnese Boaventura Fernese Como Cliente Final, após receber a ligação, preciso ligar para o Cliente. Criar outra linha de terminação no Skype4B Balena Como Cliente, preciso ser capaz de configurar e gerar o Widget para meu site. Criar Painel de geração do Widget Criar Aba Settings Criar Aba Widget Adquirir hospedagem Publicar no site Balena Fernese Fernese Balena Fernese Terceira iteração - até 29 de junho de 2010

33. Resultado em 30/06/2010

34. Acessem http://asocialsoft.blogspot.com/