Manual do Painel Administrativo

Manual do Painel Administrativo versão 1.0 Autores César A Miggiolaro Marcos J Lazarin

Índice Índice... 2 Figuras... 3 Inicio... 5 Funcionalidades... 7 Analytics... 9 Cidades... 9 Conteúdo... 10 Referência... 11 Palavras... 12 Link Externo... 12 Dia... 13 Banner... 14 Contato... 16 Conteúdo... 17 E-commerce... 25 Informativo... 26 Menu... 32 Mídia... 33 Usuários... 35 Prospect... 36 Considerações... 39

Figuras Figura 1: Tela de Acesso... 5 Figura 2: Tela Inicial... 5 Figura 3: Visitas ao site... 6 Figura 4: Painel de Informações... 6 Figura 5: Acesso Rápido... 6 Figura 6: Ticketed, abertura de chamado... 6 Figura 7: Ícones de Ordenação... 7 Figura 8: Paginação... 7 Figura 9: Campo de Busca... 7 Figura 10: Botão de Busca... 7 Figura 11: Botão de Excluir... 8 Figura 12: Botão de Novo Registro... 8 Figura 13: Botão Salvar Dados... 8 Figura 14: Botão Adicionar Novo... 8 Figura 15: Botão de Enviar Email... 8 Figura 16: Botão de Impressão... 8 Figura 17: Analytics... 9 Figura 18: Cidades... 10 Figura 19: Gráfico de cidade... 10 Figura 20: Analytics Conteúdo... 11 Figura 21: Analytics Referência... 11 Figura 22: Analytics Palavras... 12 Figura 23: Analytics Link Externo... 13 Figura 24: Analytics Dia... 13 Figura 25: Itens do Modulo... 14 Figura 26: Lista de Banners... 14 Figura 27: Visualizando Banner... 14 Figura 28: Inserindo Categoria... 15 Figura 29: Inserindo Banner... 15 Figura 30: Itens do Modulo... 16 Figura 31: Contato Listar... 16 Figura 32: Respondendo Contato... 16 Figura 33: Itens do Modulo... 17 Figura 34: Lista de Conteúdos... 17 Figura 35: Visualizar Conteúdo... 18 Figura 36: Conteúdo Inserir... 19 Figura 37: Caixa de Tags... 19 Figura 38: Inserindo Tag... 20 Figura 39: Adicionando Imagem... 20 Figura 40: Localizando Imagem... 21 Figura 41: Enviando Imagem... 21

Figura 42: Formatando Imagem... 22 Figura 43: Imagem Incluída... 22 Figura 44: Lista de Categorias... 23 Figura 45: Inserindo Categoria... 23 Figura 46: Buscas do Site... 24 Figura 47: Itens do Módulo... 26 Figura 48: Inserção de Informativo... 26 Figura 49: Lista de Informativo... 27 Figura 50: Visualizando Informativo... 27 Figura 51: Categorias de Informativo... 27 Figura 52: Lista de Categoria... 28 Figura 53: Listando Área de Interesse... 28 Figura 54: Inserir Área de Interesse... 28 Figura 55: Lista de emails... 29 Figura 56: Cadastro de Email... 29 Figura 57: Cadastro de Envio... 30 Figura 58: Lista de Envio... 30 Figura 59: Estatísticas... 31 Figura 60: Itens do Modulo... 32 Figura 61: Lista de Menu... 32 Figura 62: Inserindo Menu... 32 Figura 63: itens do Modulo... 33 Figura 64: Categoria de Mídia... 33 Figura 65: Lista de categoria... 33 Figura 66: Cadastro de Mídia... 34 Figura 67: Lista Mídia... 34 Figura 68: Itens do Modulo... 35 Figura 69: Lista de Usuário... 35 Figura 70: Lista de Permissão... 35 Figura 71: Itens do Modulo... 36 Figura 72: Lista de Clientes... 36 Figura 73: Cliente Visualizar... 37 Figura 74: Tela de Impressão... 37 Figura 75: Envio de Email... 37 Figura 76: Lista de Cidades... 38 Figura 77: Cadastro de Cidade... 38

Inicio O objetivo deste manual é oferecer conceitos necessários para realizar de maneira autônoma, toda a administração do web site. Para acessar o painel administrativo basta digitar o endereço http://www.seusite.com.br/adm. Figura 1: Tela de Acesso Figura 2: Tela Inicial

Figura 3: Visitas ao site Figura 4: Painel de Informações Figura 5: Acesso Rápido A Figura 6 ilustra abertura de chamado que o usuário do sistema pode fazer de forma rápida. Figura 6: Ticketed, abertura de chamado

Funcionalidades As funcionalidades descritas abaixo são de uso comum a todos os módulos. Figura 7: Ícones de Ordenação A Figura 7 representa a ordenação dos dados, que pode ser usado o comando shift para ordenar mais de uma coluna de dados. Clicando uma vez, a tabela de dados é ordenada pela coluna em que escolheu, de forma que os dados são exibidos de forma crescente. Se clicar mais vez na mesma coluna os dados serão decrescentes. A Figura 8 mostra na tabela, em quantas páginas estão divididos todos os registros. Os exemplos abaixo têm três páginas no total, sendo a de número um a que traz como a inicial. O campo número de página controla o limite máximo de registros que são exibidos em uma única página. Figura 8: Paginação Figura 9: Campo de Busca Os registros podem ser filtrados sempre que houver o campo de busca conforme a Figura 9, bastando apenas digitar a palavra que deseja usar para filtragem. A seguir são listados os ícones de maior utilização do sistema. Figura 10: Botão de Busca

Figura 11: Botão de Excluir Figura 12: Botão de Novo Registro Figura 13: Botão Salvar Dados Figura 14: Botão Adicionar Novo Figura 15: Botão de Enviar Email Figura 16: Botão de Impressão

Módulos Analytics O modulo Analytics acompanha anonimamente a forma como os visitantes interagem com um site. Isto inclui a procedência daqueles, o que fizeram no site e se realizaram alguns dos objetivos esperados. O Analytics também monitora os dados de comércio eletrônico e os combina com informações sobre a campanha e a conversão para fornecer uma visão detalhada do desempenho das campanhas. Todas essas informações são apresentadas nos itens abaixo. O Analytics não afeta o desempenho ou a aparência do site. Com as informações do Analytics, você poderá controlar o tráfego e convertê-lo de forma mais eficiente em seu site, melhorando e ajustando as informações para o objetivo desejado. Cidades Figura 17: Analytics Neste item são exibidas as cidades onde se tem mais visitas e numero de páginas visitadas, podendo cruzar informações sobre qual cidade está visitando mais páginas ou acessando o site.

Figura 18: Cidades As informações listadas na tabela abaixo também são representadas em gráfico, exibindo a cidade, seus dados de páginas vistas e de visitas. Conteúdo Figura 19: Gráfico de cidade Em conteúdo, são listadas as páginas mais visualizadas no site, o conteúdo representado somente pela / representa a página inicial. Na coluna conteúdo há o endereço da página e na coluna visitas há o numero de vezes em que a página foi visualizada.

Figura 20: Analytics Conteúdo Referência A referência representa em gráfico as três possibilidades de acesso ao site, que são as visitas por referencia de sites de buscas, links de sites externos ou acesso direto ao endereço do site. Os dados são divididos em cores diferentes e os números em porcentagem conforme legenda do gráfico. Figura 21: Analytics Referência

Palavras Na listagem palavras são exibidos os termos usados em sites de buscas que levaram a visitas no site. Estes termos são de grande uso no modulo de conteúdo ao se cadastrar tags ou também conhecido como palavra de referencia, item que ajuda a melhorar o desempenho em sites de buscas. Link Externo Figura 22: Analytics Palavras No link externo são visualizados os sites e as páginas dos mesmos que existe link de referencias ao seu site. Na coluna de visitas há o numero de vezes em que o link externo levou a visitação do site.

Figura 23: Analytics Link Externo Dia Os últimos trinta dias são exibidos com os números de visitas e de páginas vistas na data escolhida. Para exibir outra data que não seja o período padrão, basta mudar as datas no topo da tabela e clicar em visualizar para obter o resultado. Figura 24: Analytics Dia

Banner O Modulo de banner gerencia todas as campanhas do site sendo diferenciadas para cada projeto, podendo de ter mais de uma área disponível no site e áreas divididas em categorias. O modulo é dividido em dois itens, Banners e Categoria. Figura 25: Itens do Modulo Listando banners você pode visualizar ou excluir. Visualizando o banner, são exibidos informações do registro podendo ser modificado, conforme Figura 27. Figura 26: Lista de Banners Figura 27: Visualizando Banner

Para inserir uma nova categoria basta digitar apenas o título desejado e optar por estar ou não disponível no site, marcando a opção de ativo quando disponível. Após inserir os dados clique no ícone de salvar. Figura 28: Inserindo Categoria Para inserir um banner acesse o item de menu inserir conforme Figura 29, preenchendo os campos seguindo as indicações. Para que o registro fique com as informações completas não esqueça de escolher a categoria e o link do banner, que pode ser qualquer url que deseje ou você pode escolher dentre todos os conteúdos inseridos no modulo de conteúdo. Após salvar a imagem que escolheu irá aparecer conforme Figura 27. Atenção ao escolher a imagem, sempre dê preferência para imagens no padrão JPEG (Joint Photographic Experts Group) e com tamanho inferior a 50 kb. O não cumprimento dessas orientações pode afetar o desempenho do site. Figura 29: Inserindo Banner

Contato O Modulo de contato gerencia todas as informações dos usuários que através do site preencheram o fale conosco ou área de contato, dependendo do seu site. O modulo é composto apenas pelo contato listar. Figura 30: Itens do Modulo A listagem de contatos do site reuniu informações básicas conforme Figura 31. Para visualizar os dados completos basta clicar no ícone de visualizar. Figura 31: Contato Listar O Modulo permite a interação com o contato, basta ler a mensagem enviada e usar o campo responder para digitar o texto que deseje, após isso clique no ícone de enviar email. Um histórico de emails enviado é gerado. Figura 32: Respondendo Contato

Conteúdo O modulo de conteúdo é responsável por gerenciar toda a estrutura textual do site como notícias, informações, orientações e etc. Outra funcionalidade descrita nesse modulo é o gerenciamento da busca no site, listando as palavras mais buscadas separando por grupo das Encontradas e Não Encontradas representado na Figura 39. Figura 33: Itens do Modulo A listagem de conteúdo traz informações como código, titulo, data de vigência, se está publicado e destacado. Figura 34: Lista de Conteúdos

A tela de visualização de conteúdo exibe a caixa de inserção de anexo, a mesma só aparece quando o conteúdo já está salvo. O campo resumo sempre deve ser preenchido quando o mesmo estiver na categoria notícias, ele será usado no sistema de busca e listagem no site. Esse campo do resumo também se torna essencial para as ferramentas externas, como o twitter. Figura 35: Visualizar Conteúdo A Figura 36 representa a tela de inserção de um conteúdo, nela temos destacado duas funcionalidades extras além dos campos comuns que são as tags e a inserção de imagem nos textos.

Figura 36: Conteúdo Inserir As tags são de extrema importância para que o conteúdo do site seja de fácil indexação aos mecanismos de buscas. Na caixa disposta de tags já aparecem listadas as que já estão cadastradas, bastando marcar como selecionada a desejada e sendo possível cadastrar uma nova conforme a Figura 38. Figura 37: Caixa de Tags

Figura 38: Inserindo Tag Para inserir uma tag nova basta digitar a palavra desejada e clique em salvar. A Figura 39 representa a inserção de imagem no texto do conteúdo. Essa ação é realizada pela imagem em destaque abaixo, sendo ela um ícone de imagem. Figura 39: Adicionando Imagem A ação do ícone de imagem abre uma nova janela conforme descrito na Figura 40, trazendo duas funcionalidades de escolher uma imagem que já existe no servidor ou o envio de uma nova imagem. A Figura 40 mostra a tela onde se escolhe uma imagem, funcionalidade disposta no botão Localizar no Servidor. Para enviar a imagem clique em Enviar conforme mostra na Figura 41. Após enviar a imagem ou escolher a mesma se volta à tela de Informações da Imagem, função representada na Figura 42, possibilitando mudar alinhamento e tamanho.

Figura 40: Localizando Imagem Figura 41: Enviando Imagem

Figura 42: Formatando Imagem Terminado toda a manipulação da imagem, para que ela seja inserida no texto basta clicar em OK, para cancelar e fechar a janela clique em Cancelar. Ao clicar em OK a imagem é inserida no texto conforme Figura 43. Figura 43: Imagem Incluída

Os conteúdos do site são divididos em varias categorias dependendo do projeto. A inserção de categorias e a listagem são representadas nas Figuras a seguir. Figura 44: Lista de Categorias A Figura 44 exibe a listagem das categorias já cadastradas mostrando a informação do titulo e se está publicada. A Figura 45 mostra a tela onde se insere a categoria, sendo necessário digitar um titulo e se a mesma vai estar disponível. Figura 45: Inserindo Categoria A Figura 46 mostra todas as informações das buscas realizadas no site. Estas são de extrema importância para manipulação das que foram encontradas e das que não foram. A tela é dividida em duas colunas, a da esquerda que mostra as palavras mais procurada, o numero de vezes que a mesma foi solicitada e a porcentagem que ela representa perante a totalidade das demais. A tabela da direita são exibidas as palavras não encontradas. Somente são mostradas as palavras que tenham mais de um registro.

Figura 46: Buscas do Site

E-commerce

Informativo O Modulo de informativo trabalha com todas as campanhas de marketing, nele são listados todos os emails cadastrados no site, emails que são coletados na indicação de conteúdo, compartilhamento e contato do site. Quando os emails são cadastrados através do contato, eles têm vinculado a cidade e estado. Os emails também podem ser vinculados à área de interesses para direcionar melhor campanhas futuras. lista de envio. Figura 47: Itens do Módulo O processo do modulo consiste em cadastrar os emails, inserir informativo e criar a A Figura 48 representa a inserção do informativo. Nela temos o titulo, ativo e campo descrição. No campo descrição pode-se inserir imagem conforme descrito no modulo de conteúdo na Figura 39. Figura 48: Inserção de Informativo

Figura 49: Lista de Informativo A Figura 49 mostra a listagem dos informativos cadastrada. Nela podemos visualizar se está disponível e a data de cadastro. A Figura 50 mostra a visualização do informativo podendo ser modificado. Figura 50: Visualizando Informativo Figura 51: Categorias de Informativo

Os informativos podem ser separados por categorias, quando existir muitas sessões, ajudando a organização, dependendo do projeto. A Figura 51 mostra o cadastro de categoria e a Figura 52 a listagem. Figura 52: Lista de Categoria O direcionamento correto de uma campanha é essencial para que se atinjam os resultados esperados. O sistema permite que os emails cadastrados pelo site ou através do painel sejam divididos por áreas de interesses e depois vinculados aos emails. cadastro. Figura 53: listando Área de Interesse A Figura 53 exibe a listagem de áreas de interesses e a Figura 54 mostra a tela de Figura 54: Inserir Área de Interesse A Figura 55 mostra a listagem de emails cadastrados, nessa tela temos o nome email e se ele está ativo, no ícone de visualizar podemos ver todos os dados. A Figura 56 mostra o cadastro do email em que obtemos o nome, email, categoria, cidade, estado, ativo e área de interesse.

Figura 55: Lista de emails Figura 56: Cadastro de Email A Figura 57 exibe a tela onde se cadastra um envio de informativo. Nela temos que dar um titulo, escolher o informativo cadastrado e segmentar pelos filtros disponíveis que são os blocos de Estado, Cidade, Categorias e Áreas de Interesses. Conforme a seleção da segmentação o sistema mostra o numero de emails que irá conter.

Figura 57: Cadastro de Envio Os valores que estão em (X) são os numero de emails cadastrados no segmento. Figura 58: Lista de Envio A Figura 58 mostra os envios cadastrados. Cada fila de envio tem os botões controlados de forma dinâmica conforme mostra acima o titulo do envio, quantidade de emails a enviar e a quantidade de enviados. Quando existir emails a enviar, sempre vai existir o botão em ação play e quando todos os emails forem enviados o ícone é substituído pelo ícone

de estatística. A estatística é visualizada na Figura 59, que exibe o nome email, data que foi enviado e a data em que a pessoa visualizou email. Figura 59: Estatísticas

Menu O modulo menu gerencia todos os links do site, dependendo do projeto pode existir mais de uma área, sendo elas separadas por categorias. Todas essas funcionalidades são descritas nas Figuras abaixo. Figura 60: Itens do Modulo Figura 61: Lista de Menu A Figura 62 mostra a tela de cadastro de Menu onde diferentemente dos outros módulos existe o campo de Ordem, que de uma crescente ordena no site a exibição. Figura 62: Inserindo Menu

Mídia O Modulo de Mídia gerencia todas as galerias do site sendo diferenciadas em Imagem e Vídeo. O modulo é composto por mídias e categorias. Figura 63: itens do Modulo No cadastro de categoria temos que especificar qual o tipo, escolhendo se é Imagem ou Vídeo, titulo e se a categoria vai estar publicada, conforme mostra a Figura 64. Figura 64: Categoria de Mídia Figura 65: Lista de categoria

A Figura 66 mostra o cadastro de mídia, sendo necessário colocar titulo, categoria que fora cadastrada no passo anterior, data de vigência e a mídia, bem como escolher a imagem no campo Selecionar Arquivo ou colar um link do YouTube. Atenção ao escolher a imagem, sempre dê preferência para imagens no padrão JPEG (Joint Photographic Experts Group) e com tamanho inferior a 400 kb. O não cumprimento dessas orientações pode afetar o desempenho do site. Figura 66: Cadastro de Mídia Figura 67: Lista Mídia

Usuários O Modulo de Usuário gerencia as pessoas que irão ter acesso ao painel administrativo e suas permissões aos módulos disponíveis, que podem variar de acordo com o projeto. Figura 68: Itens do Modulo Figura 69: Lista de Usuário A lista de usuário exibe nome, login e email conforme Figura 69, na listagem existe o ícone para configurar as permissões do usuário que são representadas na Figura 70. Para dar permissão ou tirar basta clicar na imagem na lista da coluna Acessar. Figura 70: Lista de Permissão

Prospect emplacamento. O modulo de Prospect gerencia os cadastros de pós vendas e lista de cidades de Figura 71: Itens do Modulo A Figura de 72 mostra os cadastros de clientes exibindo o tipo se é F de pessoa física ou J de pessoa jurídica alem do nome, CNPJ/CPF, telefone e email. Clicando no ícone de visualização, os dados de cadastros são todos visualizados, conforme Figura 73. Figura 72: Lista de Clientes Na visualização dos dados, o sistema permite que os dados sejam impressos conforme Figura 74 e o envio por email conforme Figura 75.

Figura 73: Cliente Visualizar Figura 74: Tela de Impressão Figura 75: Envio de Email

A Figura 76 lista as cidades cadastradas. Figura 76: Lista de Cidades Figura 77: Cadastro de Cidade

Considerações Todo o manual foi desenvolvido na versão 1.0 do painel administrativo, podendo ter modificações sem aviso prévio em virtude de módulos específicos conforme o projeto. Qualquer dúvida, crítica ou sugestões podem ser enviadas para atendimento@koyot.com.br