website manager equipage

34

Upload: daniel-melo

Post on 11-Jun-2015

91 views

Category:

Software


1 download

DESCRIPTION

Control panel for website management, uses codeigniter, bootstrap and PHP, integrated do MODX CMS.

TRANSCRIPT

Page 1: Website Manager Equipage
Page 2: Website Manager Equipage

Painel Equipage

Manual de utilização do sistema

Page 3: Website Manager Equipage

Painel Equipage

Neste painel o usuário poderá efetuar os cadastros de produtos, categorias, banners e mini-banner, catálogo em PDF e making of em vídeo incorporado do YouTube

Page 4: Website Manager Equipage

Você tem um login e senha e ao acessar o url do sistema, a primeira seção é uma tela com um formulário para autenticação

Entrar no sistema

Page 5: Website Manager Equipage

Ao fazer entrada no sistema você visualiza seu Dashboard. Que é um painel com as informações mais relevantes de forma resumida para que você interaja de forma rápida e tenha acesso as funções mais utilizadas facilmente.

Dashboard

Page 6: Website Manager Equipage

Para cadastrar um novo banner clique em Conetúdo > Banner

No caso de banners do blog você irá clicar em Conteúdo > Banner Blog

Cadastro de Banner

Page 7: Website Manager Equipage

Após clicar em Banner você irá visualizar os banners que estão cadastrados..

Page 8: Website Manager Equipage

Abaixo dos banners cadastrados você irá encontrar este formulário.

No primeiro campo você pode cadastrar uma imagem, no segundo um link (opcional) e no terceiro você pode marcar se ele será exibido ou não na home.

Page 9: Website Manager Equipage

Quando um banner é cadastrado você tem a opção de alterar o link, desabilitar ele (desmarcando o check box "habilitar" perto da imagem do banner) ou excluir clicando no botão excluir.

IMPORTANTE:

O botão "Salvar" salva apenas o banner que está no bloco, sendo assim os banners devem ser editados um a um e não em massa. Além disso os banners são listados por ordem de cadastro

Page 10: Website Manager Equipage

Fique atento para a validação do formulário, ela lhe dará informações importantes sobre o que está acontecendo com seu formulário: Se ele está com algum campo incorreto ou faltante.

Caso necessário, verifique as informações preenchidas e tente novamente.

Page 11: Website Manager Equipage

Ao visualizar a mensagem de sucesso você tem certeza que o cadastro foi realizado com sucesso no sistema

Page 12: Website Manager Equipage

Para excluir um banner basta clicar no botão excluir.

Um alerta irá surgir solicitando a confirmação da ação.

Excluindo Banner

Page 13: Website Manager Equipage

Gerenciando Mini-Banners

Page 14: Website Manager Equipage

Na edição de mini-banners você tem 3 opções:

1. Cadastrar uma imagem (news)

2. Cadastrar um vídeo do Youtube (Making Of)

3. Habilitar ou desabilitar o último post do blog

Page 15: Website Manager Equipage

No cadastro de mini-banner de imagem a utilização é bem parecida com a do gerenciamento de banners, a única diferença é que você não pode adicionar mais de uma imagem, apenas substituir a que já está no ar.

Page 16: Website Manager Equipage

No cadastro de Making Of você poderá inserir um link do Youtube e o sistema irá gerar automaticamente a miniatura trazida do Youtube, sendo assim não há necessidade de se cadastrar imagens adicionais.

Page 17: Website Manager Equipage

A exibição do último post do blog é feita de uma forma completamente automática, sendo assim, você tem apenas a opção de habilitar ou desabilitar a exibição deste na home.

Page 18: Website Manager Equipage

Gerenciando Banner Catálogo

Page 19: Website Manager Equipage

Ao clicar na opção Conteúdo > Banner Catálogo você pode visualizar o banner atual do catálogo. Para alterá-lo ou remover, basta clicar no botão excluir ao final da tela.

Page 20: Website Manager Equipage

Para excluir um banner basta clicar no botão excluir.

Um alerta irá surgir solicitando a confirmação da ação.

Excluindo Banner Catálogo

Page 21: Website Manager Equipage

Ao excluir o banner você irá visualizar um formulário para cadastro de uma nova imagem.

Para cadastrar uma nova imagem basta selecionar a imagem no formulário e clicar no botão "Importar"

Page 22: Website Manager Equipage

Gerenciando Catálogo em PDF

Page 23: Website Manager Equipage

Ao selecionar no menu Conteúdo > Upload PDF se não houver nenhum PDF cadastrado você irá visualizar o formulário abaixo, onde você poderá selecionar o arquivo ".pdf" no seu computador e enviar ao site por clicar no botão "importar"

Page 24: Website Manager Equipage

Caso haja um catálogo cadastrado você irá visualizar a opção de fazer o download do catálogo que está cadastrado atualmente ou então excluir para que possa ser realizado um novo cadastro.

Page 25: Website Manager Equipage

Gerenciando Categorias

Page 26: Website Manager Equipage

O gerenciamento de categorias é dado de uma forma bem simples, você irá visualizar uma listagem com as categorias atuais, para editar basta realizar as alterações e clicar em "salvar". Lembre de que assim como os banners da home ao clicar no botão salvar você estará apenas salvando a categoria onde o botção se encontra sendo assim você deverá realizar as alterações de forma individual.

Page 27: Website Manager Equipage

Para cadastrar uma nova categoria basta preencher o formulário abaixo da tabela

Page 28: Website Manager Equipage

Gerenciando Produtos

Page 29: Website Manager Equipage

O gerenciamento de produtos, bem similar a de categorias, é dado de uma forma simples, você irá visualizar uma listagem com as categorias atuais, cada categoria tem uma tabela de produtos.

Para editar ou excluir algum produto basta clicar nos botões em cada linha de produto

Page 30: Website Manager Equipage

Para cadastrar um novo categoria basta preencher o formulário abaixo das tabelas

Page 31: Website Manager Equipage

Quando você clica no botão editar em algum produto na tabela de produtos, você irá para uma página onde você pode visualizar a imagem do produtos em alta resolução e onde contém um formulário igual ao de cadastro.

Page 32: Website Manager Equipage

Enviando mensagem ao suporte

Clique na seta ao lado do seu nome de usuário e você terá acesso ao menu de funcionalidades gerais, onde você pode "sair", atualizar suas informações ou enviar uma mensagem para o suporte

Page 33: Website Manager Equipage

Ao clicar em suporte você irá visualizar um local onde você pode preencher uma mensagem e enviar um arquivo de imagem para ilustrar o erro.

Page 34: Website Manager Equipage

Os sistemas Tag House são acessíveis de qualquer dispositivo: PC, Tablet ou Smartphone