Investigando Sistemas de Informação Crafty Syntax Live Help Mateus Vilar Santos 1 Faculdade de Tecnologia Senac Pelotas (SENAC) Caixa Postal 15.064 91.501-970 Pelotas RS Brazil mateus.santos@gmail.com Resumo. Este artigo tem como o objetivo descrever as características e o processo de instalação e configuração da ferramenta Crafty Syntax Live Help Esta ferramenta é reponsável por possibilitar um atendimento via chat em tempo real. Abstract. This article is aimed to describe the characteristics and the process of installation and configuration tool Crafty Syntax Live Help This tool is responsible to allow a call via live chat. 1. Introdução Crafty Sintax Live Help é uma ferramenta de chat em tempo real em php grátis e open source, ou seja, possui seus códigos fontes aberto, possibilitando a personalização do sistema. Além disso, essa ferramenta é de fácil instalação, permitindo ser utilizado em qualquer tipo de sites insticionais, e-commerces ou blogs. 2. Como funciona Essa ferramenta se utilizou das linguagem php, html, javascript e ajax para sua criação e desenvolvimento, além de usar o mysql como banco de dados para guardar as configurações e salvar as conversas. Portanto, para execução do Crafty Syntax Live Help, deve-se possuir um servidor web ou local com apache instalado, para que seja possível a execução dos arquivos fontes já descritos, tendo como principal foco de utilização, qualquer aplicação web que possua os requisitos descritos. 3. Como é executado Primeiramente, deve-se configurar o servidor, local ou web, e o banco de dados mysql, para que seja possível a instalação da ferramenta. Feito isso, deve-se fazer download dos arquivos no site principal da crafty syntax: http://www.craftysyntax.com. Realizado este preocedimento, e o servidor configurado corretamente devemos começar com os passos para instalação do sistema. O primeiro passo para instalação do Crafty Syntax Live Help é descompactar o arquivo baixado no site e copiar os arquivos descompactados dentro de uma pasta no servidor que já está configurado. Após feito o processo de cópia dos arquivos para o servidor, o próximo passo para a instalação é digitar no navegador o caminho onde foi copiado os arquivos no servidor, onde irá aparecer a tela de configuração do sistema, conforme figura 1.0. Nessa tela é onde deve colcoar todas as informações relacionadas a linguagem, senha do administrador, título que aparecerá no
chat, email do administrador do chat e, principalmente, os dados do banco de dados mysql. Figure 1. Tela de configuração. Realizada essas configurações, a aplicação está quase pronta para o uso, faltando apenas a remoção do arquivo setup.php. Após realizada a exclusão deste arquivo, o Crafty Syntax Live Help, já está instalado e pronto para uso, vide imagem 1.1. Agora o próximo passo para execução da ferramenta é a inclusão do sistema no site, para isso 2
basta apenas fazer o login (figura 1.2), entrar no sistema (figura 1.3) e clicar no item de menu departamentos -> html Code for departamentos e configurar a tela de início, clicar no botao criar e copiar o código html no site desejado. Finalmente o aplicativo está instalado e pronto para uso, agora já é possível fazer as personalizações e iniciar a utilização do sistema. Para ficar on-line e iniciar as conversas em tempo real, deve-se clicar na aba Atendimento on-line. Figure 2 Tela de login 3
Figure 3 - Tela principal do sistema Crafty Syntax Live Help Figure 4 Tela de Departamentos. 4. Cenários propostos Para demonstrar a utilização foram desenvolvidos dois cenários, a criação de um departamento denominado Atendimento e outro departamento de denominação Suporte. Além disso, foi criado uma página para que seja visualizada a execução do Crafty Syntax Live Help, que pode ser visualizada no link http://milweb.katerini.uni5.net/testechat/ 4.1 Departamento Atendimento Para ser criado um departamento deve-se clicar na aba departamentos e, após aberto, clicar no link Criar um novo departamento em your website, conforme figura 5. Feito isso, pode se agora, personalizar a janela de chat do cliente, vide figura 6. 4
Figure 5 Criar novo departamento. Figure 6 Configuração do departamento. 4.2 Departamento Suporte 5
Este segundo cenário foi realizado para demonstrar algumas funções e personalizações que o software destacado permite realizar. Para isso, devemos fazer o mesmo passo que foi feito no capítulo anterior para criação de um departamento e personalizar as seguintes seções: - Fundo do cabeçalho; - Top background Color; - Department theme; 5. Conclusão Pode-se dizer, portanto, que o Crafty Syntax Live Help é uma ferramenta que consegue atingir o seu objetivo principal, que é de criar um canal de comunicação entre o dono do site e o usuário que está navengando, através de um chat live help. No entanto, apesar de seu funcionamento ser praticamente perfeito, os desenvolvedores da ferramenta não pensaram na parte visual do sistema, pois o front-end não é nada amigável e agradável ao usuário final e a sua personalização de layout atravéz do código fonte, não é de tão simples execução, por ser feito através de inserções de códigos html e css por meios de funções javascript. Referências bibliográficas http://www.craftysyntax.com/ http://www.hostnet.com.br/app/atendimento-ao-cliente-crafty-syntax-live-help/ Sumário 1. Introdução 101 2. Como funciona 101 3. Como é executado 101 4. Cenários propostos 4 5. Conclusão 6 Referências bibliográficas 6 6
7