Click to call widget
- 1. Click To Call WidgetGuilherme Balena Versiani, Augusto Farnese, Michel Boaventura
- 2. DescriçãoSistema 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úblicoPessoas 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 FinalConsidere 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:1PizzariaJoão acessa http://pizza.com/, digita seu número de telefone e clica em “Ligar”.2Em 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”.3JoãoA pizzaria atende a chamada e realiza o pedido do Cliente.
- 5. Visão da PizzariaConsidere 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:23José 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 pizzaria1José Carlos acessa o portal de aplicações (website) e cria uma conta para sua pizzaria.José Carlos
- 7. Como funciona?Este é o Widget criado pelos alunos da disciplina!!!1O 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?2O 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!!!3A ComunIP interage com o Skype for Business para realizar a chamada usando o protocolo SIP.SIP
- 10. Como funciona?4O Skype realiza a chamada telefônica para o Cliente e reproduz uma mensagem.
- 11. Como funciona?Pizzaria5O Skype realiza a chamada telefônica para a pizzaria.
- 12. Como funciona?PizzariaSe o cliente não quiser pagar a segunda chamada, pode usar um softphone ou um telefone VoIP.5O Skype realiza a chamada telefônica para a pizzaria.
- 13. Como funciona?PizzariaSe o cliente não quiser pagar a segunda chamada, pode usar um softphone ou um telefone VoIP.5O 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!!!
- 15. Plano de NegóciosSegmentos de clientesPropostas de ValorRelacionamentos com o ClienteAtividades ChaveParcerias ChavePessoas VIP0800 de baixo custo, acionado via websiteSOHO,SMBRecursos ChaveCanaisFontesde RendaEstrutura de Custo
- 16. Plano de NegóciosSegmentos de clientesPropostas de ValorRelacionamentos com o ClienteAtividades ChaveParcerias ChavePessoas VIP0800 de baixo custo, acionado via websiteSOHO,SMBRecursos ChaveCanaisFontesde RendaEstrutura de Custo
- 17. Plano de NegóciosSegmentos de clientesPropostas de ValorRelacionamentos com o ClienteAtividades ChaveParcerias ChaveFormulário de FeedbackPessoas VIP0800 de baixo custo, acionado via websiteTicketsForumSOHO,SMBRecursos ChaveCanaisFontesde RendaEstrutura de Custo
- 18. Plano de NegóciosSegmentos de clientesPropostas de ValorRelacionamentos com o ClienteAtividades ChaveParcerias ChaveFormulário de FeedbackFeedback dos clientesPessoas VIP0800 de baixo custo, acionado via websiteTicketsForumOperadorasSOHO,SMBRecursos ChaveCanaisFontesde RendaEstrutura de CustoTaxa por minutoEquipe de suporteNúmero de cliquesAnúncios sonoros
- 19. Plano de NegóciosSegmentos de clientesPropostas de ValorRelacionamentos com o ClienteAtividades ChaveParcerias ChaveFormulário de FeedbackFeedback dos clientesPessoas VIP0800 de baixo custo, acionado via websiteTicketsForumOperadorasSOHO,SMBRecursos ChaveCanaisPaypalVendas on-lineFontesde RendaEstrutura de CustoTaxa por minutoEquipe de suporteNúmero de cliquesAnúncios sonoros
- 20. Plano de NegóciosSegmentos de clientesPropostas de ValorRelacionamentos com o ClienteAtividades ChaveParcerias ChaveFormulário de FeedbackFeedback dos clientesPessoas VIP0800 de baixo custo, acionado via websiteTicketsForumOperadorasSOHO,SMBRecursos ChaveCanaisPaypalVendas on-lineGoogleFontesde RendaEstrutura de CustoTaxa por minutoEquipe de suporteNúmero de cliquesAnúncios sonorosAnúncios visuais
- 21. Plano de NegóciosSegmentos de clientesPropostas de ValorRelacionamentos com o ClienteAtividades ChaveParcerias ChaveFormulário de FeedbackFeedback dos clientesComunIPPessoas VIP0800 de baixo custo, acionado via websiteTicketsForumOperadorasSOHO,SMBRecursos ChaveCanaisPaypalVendas on-lineRede de serviçosGoogleFontesde RendaEstrutura de CustoTaxa por minutoEquipe de suporteCustos usoda APINúmero de cliquesAnúncios sonorosAnúncios visuais
- 22. O Widget
- 23. Desenho da interfaceTítulo configurávelSubtítulo configurávelCores configuráveisBotão de ajudaTexto do botão configurávelLogotipo configurável
- 25. Aba Configurações (Settings)SIP ServerPortNessa á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:5060sip.domain.comSettingsTransportWidgetUDPTCPTLSv1UsernameJohn.DoePasswordPodemos pensar em deixar a configuração manual para operadoras não cadastradas, e criar um “perfil” para “operadoras cadastradas”. Confirm PasswordYou have:US$ 30,00 Number to callVoice MessageUse default(55) 3187654321When clicked, the widget will make a call to this numberThe caller will hear this message before to start a callSaveClose
- 26. Aba WidgetTitleTitleSettingsCaptionWidgetCaptionCall button textCall us now!Completed messageWidget ColorsCall completed, thanks for calling!Podemos pensar em vincular algumas ajudas pré-estabelecidas para “operadoras cadastradas”Help messagebackgroundfont colorHelp message goes hereLogoSaveClose
- 27. Aba Widget – Seleção de CoresTitleTitleSettingsCaptionWidgetCaptionCall button textCall us now!Completed messageWidget ColorsCall completed, thanks for calling!Help messagebackgroundfont colorHelp message goes hereWidget de seleçãode cores do jQueryLogoSaveClose
- 28. Projeto
- 29. Como Cliente Final, preciso ver o Widget em meu website ou Blog.Desenhar a interfacePassar para HTML e CSSCriar gerador em PHPBalenaFarneseBoaventuraComo Cliente Final, preciso inserir meu telefone e receber a ligação.Criar conta no Skype for BusinessGravar mensagem de áudioCriar Javascript para o WidgetPublicar no Blog versão de demonstraçãoBalenaFarneseBoaventuraFerneseComo Cliente Final, após receber a ligação, preciso ligar para o Cliente.Criar outra linha de terminação no Skype4BHistóriasBalenaComo Cliente, preciso ser capaz de configurar e gerar o Widget para meu site.Criar Painel de geração do WidgetCriar Aba SettingsCriar Aba WidgetAdquirir hospedagemPublicar no siteBalenaFerneseFerneseBalenaFernese
- 30. To DoIn ProgressVerifyDoneComo Cliente Final, preciso ver o Widget em meu website ou Blog.Desenhar a interfaceCriar gerador em PHPPassar para HTML e CSSBalenaBoaventuraFarneseComo Cliente Final, preciso inserir meu telefone e receber a ligação.Criar conta no Skype for BusinessGravar mensagem de áudioCriar Javascript para o WidgetPublicar no Blog versão de demonstraçãoBalenaFarneseBoaventuraFerneseComo Cliente Final, após receber a ligação, preciso ligar para o Cliente.Criar outra linha de terminação no Skype4BBalenaComo Cliente, preciso ser capaz de configurar e gerar o Widget para meu site.Criar Painel de geração do WidgetCriar Aba SettingsCriar Aba WidgetAdquirir hospedagemPublicar no siteBalenaFerneseFerneseBalenaFernesePrimeira iteração – 14 a 18 de junho de 2010
- 31. To DoIn ProgressVerifyDoneComo Cliente Final, preciso ver o Widget em meu website ou Blog.Desenhar a interfacePassar para HTML e CSSCriar gerador em PHPBalenaFarneseBoaventuraComo Cliente Final, preciso inserir meu telefone e receber a ligação.Criar conta no Skype for BusinessGravar mensagem de áudioCriar Javascript para o WidgetPublicar no Blog versão de demonstraçãoBalenaFarneseBoaventuraFerneseComo Cliente Final, após receber a ligação, preciso ligar para o Cliente.Criar outra linha de terminação no Skype4BBalenaComo Cliente, preciso ser capaz de configurar e gerar o Widget para meu site.Criar Painel de geração do WidgetCriar Aba SettingsCriar Aba WidgetAdquirir hospedagemPublicar no siteBalenaFerneseFerneseBalenaFerneseSegunda iteração – 21 a 25 de junho de 2010
- 32. To DoIn ProgressVerifyDoneComo Cliente Final, preciso ver o Widget em meu website ou Blog.Desenhar a interfacePassar para HTML e CSSCriar gerador em PHPBalenaFarneseBoaventuraComo Cliente Final, preciso inserir meu telefone e receber a ligação.Criar conta no Skype for BusinessGravar mensagem de áudioCriar Javascript para o WidgetPublicar no Blog versão de demonstraçãoBalenaFarneseBoaventuraFerneseComo Cliente Final, após receber a ligação, preciso ligar para o Cliente.Criar outra linha de terminação no Skype4BBalenaComo Cliente, preciso ser capaz de configurar e gerar o Widget para meu site.Criar Painel de geração do WidgetCriar Aba SettingsCriar Aba WidgetAdquirir hospedagemPublicar no siteBalenaFerneseFerneseBalenaFerneseTerceira iteração - até 29 de junho de 2010