PORTAL MODELO. APOSTILA DE ATUALIZAÇÃO CONSELHOS REGIONAIS - CRAs. PASSO A PASSO PARA ATUALIZAÇÕES Conselhos Regionais de Administração

Transcrição

1 PORTAL MODELO APOSTILA DE ATUALIZAÇÃO CONSELHOS REGIONAIS - CRAs 2015 PASSO A PASSO PARA ATUALIZAÇÕES Conselhos Regionais de Administração

2 projeto portal modelo SUMÁRIO Apresentação Áreas da home 1 Login Conteúdo estático e dinâmico Edição de base Capa e páginas internas Estrutura e organização Conteúdo / visão / edição Manutenção/perfis Edição de conteúdo Editar texto Inserir imagem Inserir arquivos e documentos Inserir notícias comuns Inserir notícias no carrossel Inserir evento Editar na página inicial Mais um projeto do Sistema CFA/CRAS que envolve ações digitais. A criação e implementação de um modelo de portal para todos os Regionais do Sistema CFA/CRAs. Estes modelos terão a mesma identidade visual aplicada ao portal do CFA, porém pensada em uma aplicação específica para o seu Regional. Queremos construir uma identidade visual para todas as ferramentas de comunicação digital do Sistema CFA/CRAs e deste modo conseguir um maior reconhecimento e maior unidade das ações e atividades desenvolvidas em cada Regional. O projeto portal modelo segue tendências e posicionamento de demais órgãos que vem atuando de maneira similar com a estrutura que queremos. Um portal com conteúdo dinâmico e unificado. Focado no institucional e em ações e serviços do sistema; este será atuante de modo colaborativo com ferramentas que integram todos os sites envolvidos, formador opinião, palco de discussões e isto tudo sempre focando na área de atuação da Administração e do profissional envolvido na esfera Administrativa. Bem vindo ao projeto.

3 apresentação áreas da HOME 1] MENU PRINCIPAL 2] CARROSSEL 3] ÁREA DINÂMICA 4] BANNERS 5] DESTAQUES 6] PUBLICAÇÕES 7] RODAPÉ 8] ACESSO RÁPIDO

4 apresentação áreas da HOME - descrição 1] MENU PRINCIPAL Este é o menu principal do site contento todos os links e páginas internas. Por meio dele o usuário pode navegar por todas as áreas do site. Ele é sub dividido de acordo com a árvore do site previamente aprovada. 2] CARROSSEL O carrossel principal é um destaque de 3 notícias mais importantes. Ele puxa automaticamente as notícias que você seleciona como destaque. 3] ÁREA DINÂMICA A área dinâmica principal possui 2 colunas com conteúdos alimentados automaticamente por listas internas do site. Basta selecionar uma lista de conteúdo do site ou importar um feed RSS de outro site externo, até mesmo do próprio CFA. 4] BANNERS Área onde são inseridas imagens em formatos de banners para link com os projetos e páginas internas do site. Os banners podem ser de 3 formatos diferentes e criados em um padrão. 5] DESTAQUES Área lateral com destaques de acesso rápido. Podem ser em formatos de banners em imagens ou como hyperlinks. São criados em um padrão. 6] PUBLICAÇÕES Área lateral com destaques de acesso rápido para as publicações do site e do regional e em especial a revista RBA. Possui um formato padrão, e no caso da RBA atualização automática. 7] RODAPÉ O rodapé do site possui uma árvore de menus e links que segue a mesma arquitetura do menu principal. Atualização feita automaticamente a cada mudança de menu, 8] ACESSO RÁPIDO O menu de acesso rápido possui sempre 3 links mais acessados no site. pode ser dinâmico. O CFA sempre propões os 3 principais: Ouvidoria, Registro e Contato.

5 apresentação login LOGIN Para ter acesso ao painel basta clicar no botão [ACESSAR] no canto superior direito da sua tela e esperar a caixa de senha aparecer. É possivel acessar também digitando /login depois do site. Após acesso, a barra verde de administrador aparecerá nas páginas que o perfil poderá editar.

6 apresentação conteúdo estático e dinâmico CONTEÚDO ESTÁTICO É todo conteúdo interno do site que possui textos e imagens editados no próprio site. CONTEÚDO DINÂMICO É todo conteúdo interno do site que é alimentado externamente por feed ou internamente por listas criadas nas pastas.

7 edição de base capa e páginas internas CAPA Ao acessar o site, a capa apresentará as seguintes abas de edição: CONTEÚDO: possui todas as pastas com os MENUS principais. Alterar as pastas altera o MENU VISÃO: Como será visto por todos usuários EDIÇÃO: muda o nome da capa apenas COMPOR: Edita cada área criada pelo botão: Editar. Leva à um editor HTML LAYOUT: Organizar os TILES de acordo com o leiaute. Todas as outras funções não devem ser alteradas. PÁGINAS INTERNAS Ao acessar as páginas internas logado você verá a barra de modo diferente. Cada aba será explicada posteriomente na seção: ABAS de EDIÇÃO.

8 edição de base estrutura e organização ESTRUTURA DE PASTAS E PÁGINAS Todo o site pode ser visualizado (logado) pode meio de pastas e páginas. Elas funcionam de modo intuitivo como o windows. Toda página deve esta dentro de uma Pasta. E possível criar outras pastas dentro de pastas. Deste modo é possivel criar uma árvore de menus e submenus. ESTRUTA DE ARQUIVOS Além disso é possivel organizar pela área principal as pastas, arquivos e notícias inseridos em cada área do site como mostrado abaixo. Basta clicar no conteúdo de interesse.

9 edição de base manutenção de perfis MANUTENÇÃO DE PERFIS Para gerenciar os perfis que fazem parte do site e suas prioridades de acesso basta clicar em seu nome de perfil no canto superior direito e selecionar [configurações do site] [configurações do site] Logo após basta escolher usuários e grupos

10 edição de base abas de edição CONTEÚDO Apenas disponível para as PASTAS. ao clicar no botão VERDE você adiciona arquivos, imagens e PDFS DOCS às pastas para serem linkados posteriormente às páginas da PASTA. VISÂO Exatamente como aparece a visualizaçao da página para os usuários.

11 EDIÇÃO permite editar os textos e escrever novos. Possui um painel simples de formatação COMPARTILHAMENTO permite editar os perfis de usuários que terão acesso à edição desta pasta ESTADO permite publicar ou despublicar uma página/pasta/notícia

12 AÇÕES permite recortar, colar e copiar qualquer item, pasta ou página. EXIBIÇÃO permite mostrar de formas diferentes o conteúdo ADICIONAR ITEM Se estiver dentro de uma pasta, permite adicionar PAGINAS, NOTICIAS, EVENTOS e ARTIGOS

13 edição de conteúdo editar texto EDITAR TEXTO Dentro de páginas e artigos é possivel eidtar textos e inserir imagens na aba EDIÇÃO

14 edição de conteúdo inserir imagem EDITAR IMAGEM No painel de edição de texto o icone verde da ÁRVORE permite acessar o painel de imagens. No canto inferior esquerdo no link UPLOAD você poderá subir as imagens do seu PC. Basta selecionar a imagem, aperta UPLOAD e depois OK

15 edição de conteúdo inserir documentos CONTEÚDO Apenas disponível para as PASTAS. ao clicar no botão VERDE você adiciona arquivos, imagens e PDFS DOCS às pastas para serem linkados posteriormente às páginas da PASTA. É possivel selecionar vários documento ao mesmo tempo. Todos aparecerão na lista fila de espera. Basta aperta o botão azul para subir os arquivos da fila para o site.

16 edição de conteúdo inserir notícias NOTÍCIAS ARTIGOS Vá ate o MENU SALA DE IMPRENSA Pasta NOTICIAS DO CRA aba [INSERIR] [NOTICIA] 1 - Clique na pasta [Notícias do CRA] 2 - Na barra verde clique em [Adicionar item] 3 - selecione o item [Noticia] Ao editar a Notícia: *obrigatório os campos 1 - insira [*Titulo] 2 - insira [*Sumário] um resumo da notícia 3 - insira *Corpo do texto com a notícia 4 - insira *imagem no formato quadrado 400x Clique na aba [Categorização] 5 - Nas TAGs selecione - LISTA para listar como notícia comum. - DESTAQUE para ir destaque para carrossel. *deixar apenas 3 destaques por vez Clique em SALVAR

17 edição de conteúdo inserir notícias carrossel NOTÍCIAS DESTAQUE CARROSSEL Para que uma notícia vá para o carrossel basta ir em [EDITAR] na notícia acessar a ABA CONFIGURAÇÕES linha TAGs e mudar as tags para - LISTA para listar como notícia comum. - DESTAQUE para ir destaque para carrossel. *deixar apenas 3 destaques por vez

18 edição de conteúdo inserir eventos EVENTOS Vá ate o MENU SERVIÇOS Página EVENTOS aba [INSERIR] [EVENTO] Basta editar o evento com os dados e PUBLICAR

19 edição de conteúdo editar lateral EDIÇÃO LATERAL Os menus LATERAIS são chamados PORTLETS e podem ser editados clicando em um link na parte inferior [editar portlet] Basta escolher o LINK desejado e você será levado para uma edição de texto e imagem comum.

20 PORTAL MODELO APOSTILA DE ATUALIZAÇÃO CONSELHOS REGIONAIS - CRAs Adm. Carlos Alberto Ferreira Júnior Diretor da Câmara de Desenvolvimento Institucional Herson Freitas Coordenador do Projeto, design e tecnologia herson@cfa.org.br (61) Renata Costa Coordenadora da Câmara de Desenvolvimento Institucional renata@cfa.org.br (61) PASSO A PASSO PARA ATUALIZAÇÕES Conselhos Regionais de Administração