A2 - Desenvolve SP

Nossa Caixa Desenvolvimento
www.nossacaixadesenvolvimento.com.br.a2/sis/gr
A2 siteBox
Manual do Usuário
Dezembro 2010
1
Índice –
Apresentação ............................................................................ 3
A2 siteBox ................................................................................ 4
Painel de Controle ...................................................................... 4
Homepage ............................................ Erro! Indicador não definido.
Máscaras.................................................................................6
Notícias ............................................... Erro! Indicador não definido.
Categorias...............................................................................9
Páginas ..................................................................................80
Arquivos .................................................................................81
Imagens................................................................................ 102
Vídeo / Áudio......................................................................... 134
Anexos ................................................................................. 157
2
Apresentação
O A2siteBox foi desenvolvido para que você possa de forma simples e
objetiva, administrar, publicar, criar e editar todo conteúdo existente e
possível de ser aplicado no seu website.
Este manual tem como objetivo facilitar a compreensão diante das
características de cada ferramenta existente no A2siteBox. Além da
explicação passo a passo das ações possíveis de seram realizadas, você
ainda pode contar com uma seção específica de “Perguntas e Respostas”,
que o auxiliará na resolução de possíveis problemas de uso. Se ainda assim
suas dúvidas permanecerem, entre contato conosco pelo e-mail:
[email protected].
3
A2 siteBox
Painel de Controle
Seja bem-vindo! Este é o primeiro módulo funcional do A2siteBox.
Classificado como “Painel de Controle”, aqui você visualizará atalhos que
tornarão sua navegação rápida e direta. Neste espaço foram introduzidos os
links mais utilizados e que recebem um grande fluxo de atualização de
informações. Por exemplo:
 Adicionar uma nova notícia
 Visualizar páginas
 Adicionar uma nova notícia
Entre outros!
4
Notícias
O módulo ”Notícias” é a ferramenta responsável por incluir informações
dentro do website. Aqui é possível anexar à informação arquivos nos
formatos: texto, apresentações, planilhas, vídeos, fotos e áudios. Abaixo
você acompanha uma visão geral das opções de uso desse módulo.
Como adicionar uma Notícia?
1. Ao lado do botão “Notícias” clique no sinal de +. Altere a data e o
horário apenas se necessário, uma vez que o sistema preenche esse
campo automaticamente com informações em tempo real.
2. Preencha os campos de “Título” e “Subtítulo”.
3. No editor de texto insira o conteúdo da notícia.
Obs: Antes de finalizar a adição da nova notícia, você também tem a opção
de incluir a ela arquivos de: Áudio, Vídeo, Imagens avulsas ou através de
álbuns e também documentos em DOC, PDF, XLS, PPT etc.
A data é preenchida automaticamente,
mas você pode programar a publicação de
uma notícia para o dia seguinte, por
exemplo, inserindo uma data e horário
futuro. Preencher o campo “Título” e
“Subtítulo” também é importante.
5
Cada botão de edição possui
funções simples de formatação do
texto. Aqui você pode alinhar,
deixar em negrito ou enumerar o
texto em uma lista.
Além de várias opções de edição de
texto encontradas nos principais
programas do gênero, você pode
padronizar a escrita com estilos e
formatos já pré-estabelecidos pelo
sistema. Dessa forma você cria um
critério maior com o texto de acordo
com sua preferência.
Obs: Saiba mais sobre o editor no anexo.
Como editar uma notícia?
1. Na página principal do módulo “Notícias” que você pretende
modificar, no canto esquerdo da tela, o primeiro ícone é o de
edição, clique e faça as alterações.
2. Depois de feitas as modificações, clique em “Atualizar” e aguarde a
mensagem de confirmação.
6
Como excluir uma notícia?
Para apagar uma notícia selecione qual deseja excluir e localize no canto
direito da tela a coluna “Apagar”, clique no ícone “X” e aguarde a
mensagem de confirmação.
Para excluir uma notícia
procure no canto direito
da tela a coluna
“Apagar”, em seguida
clique no ícone “X” e
aguarde a mensagem de
confirmação.
Categorias
Você pode criar uma “Categoria”, dentro do módulo de “Notícias” para
agregar maior valor à divisão do conteúdo veiculado.
Como criar uma categoria?
1. Para criar uma nova categoria de notícia “Categorias” clique no sinal
de +.
2. Selecione o campo “Seção” e preencha a “Categoria” de acordo com
o objetivo.
3. Clique em “Adicionar”
7
Para criar uma categoria você precisa
selecionar a seção e informar uma
categoria, caso seja necessário. Após
essas duas ações, clique em “Adicionar”.
Páginas
Esse módulo pode ser considerado como o esqueleto do website, pois é aqui
que toda estrutura física do portal é encontrada. Com perfil estático e
institucional cada seção ou nível pode ser alterado de acordo com a sua
necessidade. Veja como:
Como adicionar uma Página?
1. Ao lado do botão “Páginas” clique no sinal de +.
2. No campo “URL” digite o nome da página em caixa baixa. No caso de
palavras compostas, você deverá separá-las com underline (_).
3. Repita a palavra da URL no campo “Título”. Aqui você pode acentuar
e separar o título por espaços.
4. O item “subtítulo” não necessita de preenchimento. Como opção,
digite “nd” que presenta “nada”.
5. Selecione a seção em que a página será incluída.
6. O campo “Template” permanece como Padrão.
7. Nos espaços de data e horário você deve preencher com valor zero.
Exemplo: Data 00/00/00 e horário 00:00.
8
A “URL” é considerada o link da sua
página, digite aqui um nome simples e
que represente o seu real conteúdo. As
palavras não podem ser acentuadas e o
espaço entre elas deve ser feito por
“underline” (_). O campo “título”
ressaltará o nome principal da página.
Cada uma possui seu lugar dentro do site
e o campo “seção” define com precisão
onde as novas inserções ficarão
dispostas, portanto atente-se ao escolher
a seção correta. Por sua vez o
“template” é a apresentação visual da
página.
Arquivos
O módulo de Arquivos é muito simples de ser manuseado. Desenvolvido
para a inclusão de arquivos do tipo PDF, DOC, XLS, PPT etc, esse módulo
conta apenas com duas ferramentas:
Como adicionar um arquivo?
1. Para adicionar um arquivo, ao lado do botão “Arquivos” na parte
superior da tela clique no sinal de +.
2. No botão “Procurar” encontre no seu diretório o arquivo que deseja
inserir.
Obs: Lembrando que os arquivos suportados são: PDF, DOC, XLS, PPT
etc.
3. O título atribuído ao arquivo deve ter relação com seu conteúdo.
4. Em seguida clique no ícone “Adicionar”.
9
Como excluir um arquivo?
1. Para excluir um arquivo, encontre na lista de arquivos inseridos o
que deseja excluir e clique no ícone “X”.
Sistema de busca
1. Para localizar um arquivo, digite na caixa de busca o nome do
documento que deseja encontrar e clique em “Busca”.
Imagens
Para ilustrar um conteúdo escrito, o gerenciador de imagens do A2 siteBox
permite que você insira imagens nos formatos: JPEG, GIF, PNG e BMP.
Esse módulo pode ser dividido em dois formatos de inserção. São eles:
 Imagens avulsas – Esta seção compreende imagens de caráter
ilustrativo a temas ou assuntos específicos. Aqui você poderá incluir
banners, logotipos, gráficos, e fotos únicas que podem
complementar a informação.
 Imagens do álbum – Este recurso é utilizado quando se torna
necessário o uso de duas ou mais imagens no texto.
Obs: Recomenda-se que no momento da criação de um novo álbum o
nome dado a ele seja o mesmo ou associado às pautas a ele
relacionadas. Lembrando que um álbum pode ser associado a várias
notícias, desde que elas se refiram ao mesmo tema.
Como adicionar e excluir uma imagem?
2. Para adicionar uma imagem, ao lado do botão “Imagens” na parte
superior da tela clique no sinal +.
10
3. No botão “Procurar” encontre no seu diretório de arquivos a imagem
que você deseja inserir. Em seguida clique no ícone “Adicionar”.
4. Para excluir uma imagem, primeiro encontre na lista a que você
deseja excluir e clique no ícone X acima dela.
No ícone “Procurar”, você vai
encontrar todas as imagens
salvas em seu diretório.
Selecione a que desejar e
adicione-a no A2siteBox.
Como criar e excluir um álbum?
1. No sinal de + ao lado do botão “Álbuns” você deve primeiro criar
uma pasta e preencher o título (com o nome devidamente
relacionado à pauta), data, descrição e categoria.
2. Feito isso você pode incluir as fotos dentro do álbum e
consequentemente relacioná-la a uma notícia, por exemplo.
3. Agora se você quiser excluir um álbum é muito fácil: encontre na
lista de álbuns o que você deseja excluir e clique no ícone X acima
dele.
No item categoria você tem a
opção de “Salvar e publicar na
sessão de mídia” ou “Salvar no
gerenciador”. Se você escolher
a opção de salvar e publicar, a
imagem fica automaticamente
disponível no site.
11
Crédito da imagem
Esse campo é destinado para atribuir o crédito da foto ao fotógrafo
responsável por ela.
Como inserir um crédito?
1. No botão “Créditos”, clique no sinal de +.
2. Preencha o campo “Nome” com dados do fotógrafo. Se o autor da
foto for de uma empresa, preencha o campo “Empresa” com o nome
da Organização.
3. No campo “Crédito” digite o nome do fotógrafo e clique em
“Adicionar”.
Como editar um crédito?
1. Na página principal do ícone “Créditos” que você pretende
modificar, no canto esquerdo da tela, o primeiro ícone é o de
edição, clique e faça as alterações.
2. Depois de feitas as modificações, clique em “Atualizar” e aguarde a
mensagem de confirmação.
Como excluir um crédito
1. Para apagar um crédito selecione qual deseja excluir e localize no
canto direito da tela a coluna “Apagar”, clique no ícone “X” e
aguarde a mensagem de confirmação.
A coluna “excluir” possuí ícones
no formato “X”. Para eliminar
um crédito, clique nesse ícone.
12
Vídeo / Áudio
Embora separados, os módulos de Vídeo e Áudio possuem a mesma
interface e a mesma funcionalidade. O módulo de Vídeo aceita apenas
arquivos do tipo FLV.
 Importante: O A2 siteBox não converte automaticamente formatos
de vídeo. Para que haja compatibilidade com o sistema é preciso
converter o arquivo em um software separado. O recomendado é que
o tamanho do arquivo não ultrapasse 10MB.
O módulo de áudio aceita apenas arquivos no formato MP3.
 Importante: O A2 siteBox não converte automaticamente formatos
de áudio. Para obter sucesso na inclusão, insira apenas arquivos no
formato MP3.
Como adicionar e excluir um vídeo?
4. Para adicionar um vídeo, ao lado do botão “Vídeo” na parte superior
da tela clique no sinal de +.
5. No botão “Procurar”, encontre no seu diretório de arquivos o vídeo
que você deseja inserir e uma imagem que o representará enquanto
a reprodução estiver paralisada. Em seguida clique no ícone
“Adicionar”.
6. Na lista de vídeos adicionados procure o ícone X no canto superior da
janela. Clique nele e aguarde a mensagem de confirmação.
13
Preencha os campos de “Título”
e “Descrição” de acordo com o
conteúdo que o vídeo será
associado. Selecione também a
categoria.
Como adicionar e excluir um áudio?
1. Clique no sinal de + ao lado do botão “Áudio” em seu respectivo
módulo.
2. Selecione no ícone “Procurar” o arquivo devidamente salvo no
diretório e em seguida clique em “Adicionar”.
Obs: Na lista de áudios adicionados procure o ícone X no canto superior da
janela. Clique nele e aguarde a mensagem de confirmação.
Depois de clicar no sinal de “+”
vai abrir essa tela. Você deve
procurar o arquivo de áudio em
seu diretório, preencher o
campo descrição, selecionar a
categoria e clicar em
“Adicionar”.
14
Anexos
Editor de texto
Você pode padronizar a escrita com estilos e formatos já pré-estabelecidos
pelo editor, para garantir legibilidade e integração com o template do
portal. Abaixo, seguem algumas especificações que ajudam a formatar o
conteúdo.
Um texto pode conter sujeiras dependendo do programa ou da página de
internet coletado. Para que não ocorram erros de formatação do conteúdo,
copie o texto desejado e nas ferramentas do editor procure o “Paste from
word”.
Você visualizará uma pop-up, cole o texto desejado dentro dessa janela.
Essa prática garante que o texto publicado esteja limpo e previamente
formatado para publicação.
Boas práticas na edição de textos
1. Sempre divida os parágrafos do conteúdo por espaços. Isso garante a
legibilidade por parte do usuário;
2. A tipografia do website segue um padrão, seja no tamanho, cor ou
família. Caso tenha um texto formatado no Word com uma fonte
diferente do que está sendo utilizada no site, utilize também a
ferramenta “Paste from Word” no editor para limpar a formatação
do conteúdo.
3. Quando houver imagens e ilustrações no conteúdo, tome cuidado
para não quebrar o layout em uma possível modificação. Tais figuras
15
seguem uma padronização pré-definida pelo template, sendo
sensíveis na modificação de algum caractere.
4. Organize a ordem dos cabeçalhos da página através do Editor. Todo
título principal de conteúdo deve ser marcado como “Cabeçalho 2” e
os títulos na sequência devem ser estilizados como “Cabeçalho 3,
Cabeçalho 4.
Tamanho de Imagens
Cada página possui sua estrutura física particular e consequentemente todo
e qualquer atributo inserido a ela como uma imagem, por exemplo, que
requer certas especificações em relação a suas dimensões e peso do
arquivo.
Notícias
Foto avulsa: Tamanho recomendado - 300 x 200 px
Álbum de fotos: O recorte das imagens é feito de forma automática
pelo sistema.
Conversor de vídeos
O A2 siteBox não possui a característica de converter arquivos de
vídeo para o formato suportado pelo sistema. Por isso listamos aqui
algumas importantes dicas para que você possa extrair o melhor dessa
ferramenta sem dores de cabeça.
16
Características do vídeo
Formatos: O aplicativo trabalha com dois formatos de arquivo. O
formato FLV* é obrigatório.
Dimensões: 300px x 225px;
Áudio: 32 kbps (sugerido);
* FLV é o formato de arquivo de vídeo originário do Adobe Flash Player utilizado a partir da versão 6 do
software. Este formato tornou-se muito comum na Internet em sites como o YouTube, Google Video,
MySpace entre outros.
Convertendo o vídeo para o formato FLV
Atenção: Por definições do sistema, é obrigatório salvar os diferentes
formatos de arquivos de vídeos com o mesmo nome.
Caso o vídeo não esteja no formato FLV, é necessário fazer a
conversão do arquivo original (que geralmente estará nos formatos
MPEG, WMV ou AVI) antes de incluí-lo no portal.
Software recomendado: Free Video Converter http://superdownloads.uol.com.br/download/77/free-video-converter/
Fabricante: http://www.koyotesoft.com/indexEn.html
Para converter o filme para o formato FLV utilizando o : Free Video
Converter, siga os passos abaixo:
1. Abra o software Free Video Converter. Clique no botão
“Adicionar Arquivos”.
2. Encontre o vídeo a ser convertido e clique em “ABRIR”;
17
3. Em “Formato de Saída”, selecione a opção FLV.
4. Defina o Tamanho do Vídeo em 300x225. Para Configurar,
clique no ícone ao lado para abrir a janela de configuração do
vídeo.
5. Marque o “Aspecto” do vídeo a opção 16:3 e defina o tamanho
de 300px x225px;
6. Clique em OK.
7. Feito isso, em “Taxa de Bits” para Áudio (Audio Track)
selecione a opção 32.
Clique no botão “Converter Vídeo”. O arquivo será salvo na pasta de origem
do arquivo original. Mas é possível configurar para questões de organização.
Capturando um frame do vídeo
No sistema de vídeos Conselho Estadual de Educação, a imagem do frame é
aquela que aparece no player antes do usuário ter acionado o botão Play.
Esta imagem deve estar no formato JPG. Você precisa seguir os seguintes
passos para inseri-la:
Software recomendado: Media Player Classic
http://www.download.com/Media-Player-Classic/3000-2139_4-10518778.html
1. Abra no Media Player Classic, o vídeo no formato original.
2. Dê pause na imagem selecionada para ser o frame.
18
3. Clique com o botão direito, e no menu “file”, selecione “save
image”. O nome deste arquivo de imagem também deve ser
idêntico aos outros arquivos do vídeo em questão.
Redimensionando a imagem
Software recomendado: Adobe Photoshop
1. Abra o Photoshop e a imagem escolhida.
2. Redimensione a imagem (Image > Image Size) para 300 pixels
de largura por 225 pixels de altura.
3. Se desejar, faça um tratamento da imagem. O atalho SHIFT +
CTRL + L nivela as cores e costuma apresentar um resultado
superior ao inicial.
4. Salve a imagem (mesmo nome dos arquivos de vídeo).
Em serviços como o YouTube, a escolha deste frame é automática, o que gera uma imagem de identificação
aleatória.
19