MANUAL DOMÍNIO WEBSITES Versão 1.0.3.01 Dezembro de 2016
Saiba que este documento não poderá ser reproduzido, seja por meio eletrônico ou mecânico, sem a permissão expressa por escrito da Domínio Sistemas Ltda. Nesse caso, somente a Domínio Sistemas poderá ter patentes ou pedidos de patentes, marcas comerciais, direitos autorais ou outros de propriedade intelectual, relacionados aos assuntos tratados nesse documento. Além disso, o fornecimento desse documento não lhe concede licença sobre tais patentes, marcas comerciais, direitos autorais ou outros de propriedade intelectual; exceto nos termos expressamente estipulados em contrato de licença da Domínio Sistemas. É importante lembrar que as empresas, os nomes de pessoas e os dados aqui mencionados são fictícios; salvo indicação contrária. 1998-2015 Domínio Sistemas Ltda. Todos os direitos reservados.
SUMÁRIO 1. VISÃO GERAL... 4 2. TELA DE EDIÇÃO DE SITE... 4 3. EDITANDO AS INFORMAÇÕES BÁSICAS DE UM SITE... 6 3.1. FORMULÁRIOS... 6 3.2. PUBLICIDADES... 6 3.3. CONTATO... 6 3.4. GUIA RETRÁTIL DADOS PRINCIPAIS... 7 3.5. GUIA RETRÁTIL IMAGENS PRINCIPAIS... 7 3.6. GUIA RETRÁTIL LEIAUTE DO FUNDO DO SITE... 7 4. FUNÇÕES DO MENU GESTÃO DO SITE... 8 4.1. PUBLICIDADES... 8 4.2. ESTILOS DE CORES E ESTILOS DE FONTES... 9 4.3. TEXTOS EDITÁVEIS... 11 4.4. NOTÍCIAS... 11 4.5. FEED DE NOTÍCIAS...12 5. OUTRAS CONFIGURAÇÕES... 14 5.1. TWEETAR... 14 5.2. AJUDA...15 5.3. TAMANHO E DIMENSIONAMENTO DAS IMAGENS... 16
1. VISÃO GERAL O menu Meu site do sistema Domínio Websites é uma área reservada o gerenciamento e publicação de sites. Estes sites, previamente adquiridos pelo cliente, auxiliarão na divulgação da empresa contratante, podendo listar os serviços disponíveis, informações de contato, etc. 2. TELA DE EDIÇÃO DE SITE Na aba sites, na qual é listada a relação de sites existentes, deve-se selecionar o seu site e clicar no botão Editar. Após isso o sistema o redirecionará para a área de edição das definições do modelo de site, apresentando campos como: Nome do site: Campo para a definição do nome do site dentro do sistema; Nome do endereço URL: Campo para a definição do nome que irá compor o endereço automático do site; Domínio externo registrado: Campo onde será inserido o endereço de domínio próprio do contratante. Imagens principais: Em Ícone do site deve-se fazer o upload do ícone que aparecerá no cabeçalho do navegador de internet, em Logo se deve fazer o upload da logo da empresa para ser replicada no site; Leiaute do fundo do site: Nessa etapa pode-se definir como será o fundo do site, se ele será com fundo de imagem, vídeo ou cor sólida; As opções de fundo do site disponíveis dependerão do plano contratado, sendo eles: Bronze: Fundo somente em cores sólidas. Prata: Fundo em Cores sólidas ou imagem de fundo. Ouro: Fundo em vídeo, imagem ou cor sólida. Google: Em Google analytics é inserido o código do analytics do cliente caso ele possua ou é realizado o upload do arquivo de auditoria do mesmo. Facebook: Na aba Facebook o usuário pode definir uma imagem que se servirá como link para um perfil no Facebook, também definido nesta área. A aba Facebook é composta: Imagem: Permite o upload de uma imagem para agir como banner em publicações. Campo para inserção de URL da fan page.
SEO do site: Em título do site se definirá o nome do site que aparecerá na guia do navegador, em Descrição do site é informado à descrição do site que aparecerá nas pesquisas dos motores de buscas, em palavras-chaves são definidas palavras que tenham a ver com o site do contratante a fim de refinar as opções de pesquisas dos buscadores. Definições para smatphones e tablets: Aqui são configurados os campos que serão exibidos em seu site desenvolvido para dispositivos móveis. Cor da barra superior: Selecione a cor da barra superior de seu site mobile. Menu a ser exibido: Selecione o menu que será exibido em seu site mobile. Publicidade a ser exibida: Selecione a publicidade que será exibida em sua página principal quando for acessada por um dispositivo móvel. As publicidades dos sites mobile, estão presentes somente nos pacotes PRATA e OURO. Figura1: Tela de criação de um site.
3. EDITANDO AS INFORMAÇÕES BÁSICAS DE UM SITE Na tela de relação de sites escolha o site que deseja editar, focando-o e clicando no botão editar. A área resultante já teve sua explicação anteriormente, então siga para a próxima aba. 3.1. FORMULÁRIOS Nesta tela poderão ser editadas informações que compõem a página de contato permitindo escolher quais campos estarão disponíveis para serem preenchidos no formulário da página de contatos. 3.2. PUBLICIDADES Na aba de publicidades podem-se alterar tipos de propagandas em forma de banners para serem exibidos nos sites, na área de criação de tipos de publicidades temos os campos: Dados principais: Nome: Definir o nome do tipo de publicidade. Animação: Tipo: Definir o tipo que a publicidade será, entre fixo, slide e flash. Quantidade de mídias: Definir o número de mídias a serem cadastradas para tal publicidade. Tempo de transição: Definir o tempo de espera para mudar de uma mídia a outra na animação. 3.3. CONTATO Na aba Contato podem-se definir assuntos diversos para ficar a disposição na página de contatos, bem como o endereço de e-mail que receberá as mensagens de cada assunto. Ao criar uma informação de contato nova temos os seguintes campos: Assunto: Definir sobre o que o contato se trata. E-mails de destino: Definir quais e-mails receberão as informações de contatos. Situação: Definir se a informação de contato estará ativa ou inativa.
3.4. GUIA RETRÁTIL DADOS PRINCIPAIS Nesta aba configuram-se os assuntos que serão tratados no atendimento online ao cliente. A opção de atendimento online está disponível apenas para o plano OURO. 3.5. GUIA RETRÁTIL IMAGENS PRINCIPAIS Nesta área é definida a estrutura hierárquica de links que aparecerá no elemento menu. É permitido criar opções e sub-opções, sempre inserindo um nome a mesma e a vinculando a uma área interna ou a um link externo. Ao criar uma área de menu nova os seguintes campos estarão a disposição: Dados principais: Nome: Definir o nome de visualização do item no site. Localização: Definir se o menu criado irá ser visível nas plataformas mobile e desktop, somente desktop ou somente mobile. Situação: Definir se o item estará ativo ou inativo para o usuário. Tipo de link: Definir o tipo de hiperlink do item entre URL específica, página interna ou sem link. URL: Definir o caminho de destino do link. Página interna: Escolher, entre as páginas que compõem o site, a página de destino do link. Local de abertura: Definir como a página resultante do link irá ser exibida, entre mesma página ou outra aba/janela. 3.6. GUIA RETRÁTIL LEIAUTE DO FUNDO DO SITE Em alguns de nossos modelos de sites temos a presença de guias para organizar e separar o seu conteúdo. Na tela de edição de uma guia temos os seguintes campos: Guia: Selecionar a que guia essa aba pertence. Nome: Definir o nome que representa essa guia. Situação: Definir se o item estará ativo ou inativo para o usuário.
4. FUNÇÕES DO MENU GESTÃO DO SITE O menu de gestão do site é reservado para configurações a cadastros gerais. Nele é possível encontrar os submenus Publicidades, Estilo de cores, Estilo de fontes, Textos editáveis, Notícias e Feed de notícias. 4.1. PUBLICIDADES A área Publicidades é destinada a criação de propaganda para ser utilizada no elemento Espaço publicitário, onde após escolhido o tipo de publicidade, previamente cadastrada na área de edição do site, é permitido o envio do arquivo de acordo com o tipo de mídia escolhida, podendo criar um link com alguma área interna ou um site externo. Dentre os campos da área de criação temos: Dados principais: Link Site: Escolher a qual site a publicidade irá pertencer. Nome: Definir o nome da publicidade. Tipos de publicidade: Selecionar, dentre tipos pré-cadastrados, o tipo da publicidade. Arquivo: Permite o upload de uma mídia a ser usada na publicidade, respeitando o seu tipo. Ordem de exibição: Permite definir qual ordem a publicidade será apresentada. Situação: Selecionar a situação da publicidade, entre ativo e inativo. Tipo do link: Selecionar o tipo de link que irá ser feito por parte do elemento, entre URL específica, página interna ou sem link. URL: Definir o endereço URL da página externa a ser aberta pelo link. Página interna: Selecionar uma das páginas que compõem o site para ser aberta pelo link. Local de abertura: Selecionar a forma que o link se comportará ao abrir a URL ou página interna, entre outra aba/janela ou mesma página. SEO Tag TITLE: Palavras que auxiliarão na indexação do conteúdo metatag Title. Tag ALT: Palavras que auxiliarão na indexação do conteúdo metatag Alt.
Figura 2: Tela de edição de publicidades. O campo Ordem de exibição estará somente disponível para modelos que tenham publicidades do tipo slide. 4.2. ESTILOS DE CORES E ESTILOS DE FONTES As áreas Estilos de cores e Estilos de fontes possibilitam definir, respectivamente, predefinições de cores e fontes a serem utilizados em diversas áreas do site. Na área de edição de estilos temos: Nome: Definir o nome do estilo. Site: Escolher a qual site o estilo vai pertencer. Situação: Selecionar a situação do estilo, entre ativo e inativo. Para cores: Cor: Selecionar, em um seletor, a cor que pertencerá ao estilo. Para fontes:
Fonte: Escolher qual fonte pertencerá ao estilo, entre Arial, Helvetica, Tahoma, Times New Roman, Verdana, Myriad Set Pro, Lucida Grande, Helvetica Neue, San-serif, WOL_Reg e Segoe UI. Tamanho: Definir o tamanho da fonte. Cor da fonte: Definir a cor a ser utilizada na fonte. Negrito: Se selecionado, define que a fonte do estilo estará em negrito. Itálico: Se selecionado, define que a fonte do estilo estará em itálico. Figura 3: Tela de edição de estilos de fontes. Figura 4: Tela de edição de estilos de cores.
4.3. TEXTOS EDITÁVEIS A área de textos editáveis torna possível ao usuário final a edição do conteúdo de elementos do tipo texto editável sem precisar entrar a fundo na edição de estrutura do site em questão. Na área de edição de conteúdo temos: Texto: Definir o novo texto a ser exibido no elemento. 4.4. NOTÍCIAS Figura 5: Tela de edição de textos editáveis. Nesta área será cadastrada e administrada as notícias da contratante, estas que serão exibidas tanto na capa do site, lista de notícias e notícias. Para a criação de uma nova notícia temos os seguintes campos: Dados principais: Título: Define-se o título da notícia, campo com limitação de 30 caracteres. Site: Escolher a qual site a notícia vai pertencer. Página de notícia: Escolher em qual página a notícia vai ser exibida. Resumo: Define-se um texto resumido da notícia. Imagem principal: Permite o upload de uma imagem a ser usada na lista de notícias. Data: Define-se a data de publicação da notícia. Fixa: Define se a notícia será fixada no topo da página de notícias. Situação: Selecionar a situação da notícia, entre ativo e inativo.
Corpo da notícia: Descrição: Campo destinado a escrita e formatação da notícia. 4.5. FEED DE NOTÍCIAS Figura 6: Tela de criação de notícias. A área FEED DE NOTÍCIAS permite que o usuário final determine qual portal de notícias nos campos disponíveis que irá alimentar as notícias do site. Estas informações dos portais selecionados serão geradas tempo-em-tempo. Na tela de seleção temos os seguintes campos: Dados principais: Feeds disponíveis: Portais de notícias que poderão ser selecionados. Feeds selecionados: Portais de notícias que estão selecionados para geração de conteúdo na página de notícias.
Figura 7: Tela de seleção feed de notícias. A adição de novos feed de notícias será incluído pelo suporte, exclusivamente para planos Ouro e Prata. Usuários de plano Bronze mantém o padrão de três feeds (G1 Economia; Portal R7; Exame Economia), sem poder adicionar outros portais de notícias.
5. OUTRAS CONFIGURAÇÕES 5.1. TWEETAR A configuração desta funcionalidade somente será possível através do registro de uma SOLICITAÇÃO DE SERVIÇO. Ao registrar, enviar os dados dos campos abaixo: Figura 8: Tela visualizada pelo técnico atendente da SS.
5.2. AJUDA Esta área auxilia o usuário final a se direcionar aos atalhos da Central de Soluções e Solicitações de Suporte do Domínio Atendimento. Figura 9: Tela de atalho para Central de Soluções e Solicitação de Suporte.
5.3.TAMANHO E DIMENSIONAMENTO DAS IMAGENS Abaixo gabarito contendo o tamanho/dimensão das imagens/vídeos que poderão ser inseridos no sistema. Gabarito de dimensões de logos e públicidades. TODOS OS MODELOS TIPO TAMANHO MÁX. EXTENSÃO DO ARQUIVO Ícone 5Mb ICO Logo 80Kb JPG - PNG Vídeo 2Mb MP4 Publicidade 5Mb JPG - PNG LOGOS MODELO TAMANHO TAMANHO MÁX. Em Pixel 80Kb
PUBLICIDADES MODELO TAMANHO TAMANHO MÁX. Em Pixel 5Mb