Apostila Framework Pantaneiro

Aprendendo a construir...• Nesta etapa de construção ou migração, iremos aprender a arquitetar e distribuir

componentes (link’s) dentro da ferramenta Pantaneiro.

• Buscamos com estas informação não somente esclarecer dúvidas como também encaminhar o usuário às maneiras mais práticas, fáceis e dinâmicas de estruturação dos sítios.

• Lembramos que esta apostila é apenas um resumo da apostila original criada pela Analista de Tecnologia da Informação e Consultora interna da Secretaria de Fazenda Sílvia Ocampos da Silva sob orientação da Superintendência de Gestão da Informação. Esta pode ser encontrada no site www.sgi.ms.gov.br/frameworkpantaneiro .

• Com a Estrutura de Comunicação em mãos, o primeiro passo será determinar onde cada informação irá constar dentro do sítio, bem como possíveis agrupamentos e posterior harmonização das mesmas. Para isso, poderemos em Gerência de Modelos visualizar as possibilidades de distribuição das informações como também a criação de banner’s, necessários ao conjunto visual de um sítio.

• A distribuição funciona da seguinte maneira: em cada espaço escrito componentetem-se a possibilidade de determinar um conteúdo. Do lado esquerdo temos 3 espaços para componentes e 2 espaços para banner’s. Do lado direito temos 2 espaços para componentes e 3 espaços para banner’s. Na parte central temos 1 espaço para componente e 1 espaço para banner. Na barra azul acima escrito Menu, tem-se ainda espaços definidos para o número de 6 componentes. Aprenderemos como criá-los nas páginas seguintes.

• O importante será visualizá-los a fim de que tenhamos um breve conhecimento do número e das possibilidades de criação e distribuição dos componentes no Tamplete do Pantaneiro.

Mãos a obra...• Tendo feito uma distribuição preliminar de todas as informações, o próximo passo

será criarmos os componentes.

• O endereço de acesso ao site do Pantaneiro é www.sgi.ms.gov.br. Caso ainda não tenha sua senha de acesso, entre em contato com a Secom.

• Uma vez logado, teremos a disposição uma caixa de ferramentas para administração do sítio disposta ao lado esquerdo da tela.

• Dentre todas as ferramentas disponíveis na caixa de administração ao lado esquerdo, usaremos apenas as ferramentas Alterar Estrutura, Listar Componentes, Gerência de Modelos e Alterar Grupos Conteúdo.

• Veremos o significado de cada ferramenta a seguir.

Alterando a estrutura...• Ao clicarmos na ferramenta Alterar Estrutura, dentro de Gerência de

Componentes, veremos uma lista de componentes denominados fixos. Logo entenderemos a função de cada um.

• A princípio, estes componentes foram inseridos para a composição do síto por serem considerados componentes básicos necessários a qualquer estrutura de sítio. Completam a ferramenta Pantaneiro, não são passíveis de alteração.

• São estes os componentes: Banner’s, Boletim, Clima Tempo, Clipping, Enquete, Fale Conosco, Fórum, Galeria de Imagens, Notícias, Páginas HTML, Pop Up, Recursos.

• No canto superior direito encontraremos uma opção de Novo Componente. Aqui poderemos criar, alterar ou excluir componentes. Ao clicarmos nesta opção, veremos uma caixa de Assistência para criação de componentes descrita como etapa 1.

Criando componentes...• As opções seguintes deverão ser preenchidas da seguintes forma:

• Nome: Preencheremos com o nome do componente a ser criado. Por ser apenas físico, este campo não reconhece espaço, acentos e outros caracteres.

• Descrição: Servirá como campo descritivo das finalidades do componente. • Rótulo: Também preenchido com o nome do componente, será a denominação que

aparecerá no sítio.• Site: Escolha, seleção do sítio a ser estruturado.• Tipo do Componente: Neste, escolheremos a opção de Apoio ao Menu (tipificação

de um componente com possibilidade de relacionar um link do tipo página HTML ). O significado ficará mais claro nas páginas seguintes.

• Tipo do Menu de Apoio: A seguir teremos a opção de escolha do tipo de Apoio ao Menu. Escolheremos o tipo URL.

• Publicar: Sim• Próximo...• Parabéns, o componente foi criado.

Permitindo visualização...• A segunda ferramenta da caixa administrativa que teremos contato será a

ferramenta Alterar grupos/conteúdo, dentro de Gerência de Usuários.• Uma vez criado o componente, o próximo passo será a permissão para visualização

deste componente conforme os grupos criados para a administração do sítio. • Conforme os grupos criados anteriormente com permissões específicas,

escolheremos aquele em que estamos inseridos. Os grupos podem ser de 3 tipos: grupo de Moderador, grupo de Revisor e grupo de Autor. Há ainda o grupo de Validador, porém neste, apenas pessoas com responsabilidades técnicas de criação/alteração/exclusão, designadas pela Superintendência de Gestão da Informação, podem ser inseridas.

• Clicando no grupo de participação, tem-se uma lista, logo abaixo, de todos os componentes existente na estrutura do sítio. O componente criado anteriormente também se encontra entre os demais, porém não está selecionado. Para selecionar, basta clicar na caixinha que fica ao lado esquerdo do componente.

• Pronto. Para validar a seleção clicamos em confirmar, logo abaixo, na parte inferior da janela. Agora poderemos visualizar o componente criado.

Criando um novo grupo...• Caso exista a necessidade de criação de um novo grupo, no canto superior direito

tem-se a opção de criar um Novo grupo. • Ao Clicarmos na opção de criar um novo grupo, uma janela de Assistência de

criação de Grupos – Parte 1 se abrirá.• Alguns dados serão dispostos para preenchimento, como nome e descrição, e para

finalizar, a opção de autorização de acesso aos componentes definidos para este novo grupo em Permissão.

• Ao clicarmos em Avançar, logo abaixo, uma outra janela de Assistência de criação de Grupos – Parte 2 se abrirá. Nesta nova janela, teremos uma lista de todos os componentes publicados para a composição do sítio. Seleciona-se aquele (s) permitido ao acesso do novo grupo e clica-se em Avançar.

• Ao avançarmos para a nova janela, teremos a opção de inserção de usuários que farão parte deste novo grupo em Inserir Membros, bem como remover algum usuário de um grupo já criado em Remover Membros.

• Logo, as opções de membros estarão disponíveis. Procura-se por aquele (s) que fará parte deste novo grupo e por fim valida-se a operação.

• Para validar a operação basta clicar em Concluir.

Listando os Componentes...• A terceira ferramenta da caixa administrativa que teremos contato será a

ferramenta Listar Componentes, dentro de Gerência de Conteúdo.

• Nesta ferramenta encontraremos relacionados todos os componentes já criados e também os componentes fixos. Caso não consiga visualizar qualquer componente criado, certifique-se da permissão dentro de Alterar grupos/conteúdo.

• Para completar o componente criado anteriormente, escolheremos agora o componente denominado Páginas HTML. Este componente servirá como editor de texto para a criação de conteúdos.

Criando Conteúdos...• O componente Páginas HTML funciona como editor de texto para a criação de

conteúdos. • Ao solicitarmos a geração de uma nova página (Gerar nova Página no canto

superior direito), logo teremos uma janela denomina Gerador de Páginas HTML.• Para cada página gerada um titulo (Nome). • Logo abaixo encontraremos o autor da página gerada e ao lado direito a opção de

Target.• Em Target encontraremos 3 opções de apresentação das páginas geradas, Self,

Blank e Parent.• Self significa dentro de algo, por tanto, dentro da própria página de um sítio.• Blank significa janela. Para a apresentação de uma página gerada, uma nova janela

será aberta.• Para o tipo Parent, tem-se a opção de apresentação de conteúdos na mesma

página de sítio, ou seja, páginas que sobreponham a página inicial de um sítio. • As seguintes opções abaixo são para a relação desta com outras Páginas Geradas,

com Galerias de Imagens e com Recursos.

• Como componente fixo, a Galeria de Imagens está presente para a composição estrutural do sítio. Em Recursos, também componente fixo, encontraremos arquivos do tipo imagem, video e som, arquivos que sirvam para dowload, fotos jornalisticas, arquivos em PDF, Doc entre outros. Entenderemos com mais precisão a função de cada um destes componentes nas páginas seguintes.

• Abaixo encontraremos ferramentas para a edição de texto. Para obtermos a legenda de cada ferramenta, basta posicionarmos o mouse no canto inferior direito de cada uma.

• As opções-padrão para a configuração textual de conteúdos para sítios gerados apartir da Ferramenta Pantaneiro são: Fonte Verdada, Tamanho X-Small, justificado.

• Para finalizar, selecionamos a opção Publicar no canto inferior esquerdo e a seguir a opção Concluír.

• A página acaba de ser gerada.

Relacionando...• Agora que geramos o conteúdo precisamos relaciona-lo com o componente Apoio

ao Menu criado anteriormente, aquele citado nas primeiras páginas desta Apostila. As relações devem ser feitas de acordo com o conteúdo gerado.

• Para relacionar, vamos voltar na ferramenta Listar Componentes e buscar pelo componente criado. Uma vez encontrado, clicamos nele.

• Uma nova janela será aberta. Encontraremos as opções de Voltar, Inserir Novo, Buscar, e logo abaixo, letras do Alfabeto. A opção escolhida será a de Inserir Novo, no canto superior direito.

• As opções da próxima janela serão as seguintes: • Publicar: Caso prefira apenas salvar esta relação, basta escolher a opção NÃO. O

arquivo ficará salvo até que haja a opção de publicar. Mas se a opção for publicar, escolha a opção SIM.

• Titulo: Refere-se ao titulo da página HTML que iremos relacionar.• Target: Para cada apresentação selecionada para as páginas geradas em HTML,

deve-se repetir escolha. Por exemplo, caso tenha selecionado uma apresentação em Self para a página HTML gerada, aqui o escolha deve ser a mesma.

• Após a seleção do Target, preencheremos agora o próximo item denominado URL.

• Nesta caixa para preenchimento em URL, logo acima, veremos a opção de Relacionar Link. Clicando nesta opção de relacionar uma nova janela dinâmica se abrirá e novas opções aparecerão.

• O próximo passo será a escolha da opção Páginas Geradas, a segunda opção da esquerda para a direita, na parte superior da página.

• Uma lista com todos os registros, páginas geradas, será apresentada. Poderemos escolher apenas um item para está relação. Escolheremos a página gerada anteriormente. Basta clicar na mesma.

• O endereço da página escolhida aparecerá na caixa de URL. Para finalizar, clicamos em Salvar, na parte superior direita da página.

• Para cada componente criado conteúdos poderão ser relacionados, lembrando que para cada relação, inseri-se um novo.

Para concluir...• A quarta e última ferramenta para a conclusão deste processo será a ferramenta

Gerência de Modelos.

• Visualizando o Tamplete do sítio, observaremos opções para componentes na parte esquerda e direita da página.

• De acordo com a escolha preliminar, feita no início desta apostila, o último passo será “puxar” o componente criado.

• Para isto, clique na seta que fica no canto direito das opções de componentes. Uma lista com todos os componentes registrados para este sítio se abrirá, basta apenas procurar pelo componente criado e validar o processo na opção Confirmar, logo abaixo, no canto esquerdo inferior da página.

• Para verificar o resultado, clique em Visualizar, a segunda opção abaixo, na parte inferior na página.

Menu• Para inserção de componentes em Menu, parte superior da página, caracterizada

por um linha horizontal, o procedimento será mais simples.• Uma vez criado o conteúdo em Páginas HTML Geradas, vamos relacioná-lo com o

componente que ficará em Menu.• Este componente não precisará ser criado na ferramenta Alterar Estrutura. Será

criado por meio do próprio Tamplete do sítio.• Visualizando o Tamplete do sítio em Gerência de Modelos, veremos um barra

acima descrita como Menu. Clicaremos nesta opção.• Logo observaremos um sinal de + seguida da palavra Raiz. Clicaremos neste sinal.

Aparecerão as opção de Novo e Editar. Como o objetivo é o de criar um novo componente, clicaremos em Novo.

• Uma janela para preenchimento se abrirá. As opções a seguir devem ser preenchidas da seguinte forma:

• Tipo: Escolha da opção Item.• Nome: Titulo do componente a ser criado.• Sumário: Repete-se o nome.

• Relacionar Link: quando a opção for de apenas relacioná-lo com algum link, clique na opção SIM. Após a escolha, cole o link, escolha o tipo de página e confirme. O componente cujo conteúdo será apenas um link está criado.

• Quando a escolha for relacioná-lo com alguma página gerada, clique na opção NÃO.

• Componente: A escolha será Páginas HTML, por que precisamos buscar conteúdos para estruturar este novo componente.

• Registro: Uma caixa de registro se abrirá e a opção será Inserir registro. Ao clicarmos nesta opção, uma nova janela dinâmica com páginas geradas se abrirá. Basta escolher um registro para relacionar com este componente. Caso haja engano na escolha, selecione o registro e clique na opção Remover registro, depois insira novamente.

• Para finalizar clique em Confirmar, na parte inferior da página.• Para verificar o resultado, volte em Gerência de Modelos e clique em Visualizar, a

segunda opção abaixo, na parte inferior na página.• Para inserir “sub-componentes”, editar ou excluir, deve-se clicar nas opções de

Novo e Editar a frente de cada componente.

Recurso• Classificam-se componentes do tipo recurso qualquer arquivo do tipo imagem,

vídeo, texto e som. Também entram nesta classificação arquivos em PDF, Doc e demais programas Microsoft Office.

• Denominam-se recursos, registros que complementarão os demais componentes criados, sejam Fixos ou de Apoio ao Menu, como Banner, Notícias, Galeria de Imagens entre outros. Para cada componente Fixo ou de Apoio ao Menu, autorizado para esta relação, encontraremos opções de inserção de recursos.

• Para inserção de recurso, buscaremos o componente Recurso dentro da Ferramenta Listar Componentes. Uma vez aberta a janela, clicaremos em Inserir Novo, no canto superior direito.

• Os campos para preenchimento serão simples. Em Tipo escolheremos o tipo de arquivo a ser inserido (imagem, vídeo, som e texto). Em Título, um nome para este arquivo. Em Descrição, uma breve narrativa das funcionalidades deste registro e para a inserção, clique em procurar, o registro será inserido a partir do seu computador.

• Para fotos jornalísticas, a opção de Crédito servirá para registrar o nome do autor/fotógrafo desta imagem. Para finalizar, selecione a opção de Aprovar e Insira.

Banner• Não será possível realizar a inserção de um Banner se a imagem não for inserida

previamente como Recurso. • Buscaremos pelo componente Banner na ferramenta Listar Componentes. Uma

nova janela se abrirá e a próxima opção será Inserir Novo, no canto superior direito.

• Encontraremos os seguintes campos para preenchimento:• Título: Nome do Banner• Chamada na Home: Uma breve descrição. • Adicionar Imagem do Recurso: Este botão serve para adicionarmos a imagem

constituinte do banner que estará dentro de Recursos. Uma nova janela dinâmica se abrirá e buscaremos pela imagem.

• Resolução: Refere-se ao tamanho desta imagem em pixels.• URL: Caso este Banner tenha um link para ser direcionado, este espaço servirá

para colarmos o link. Escolheremos por fim, na opção Target, ao lado, como este link se apresentará.

• Para finalizar o processo, clicaremos no botão logo abaixo de URL, descrito como Inserir Imagem. Uma vez inserida, basta Publicar e Concluir.

• Para inserirmos banners que intercalam-se, basta repetir o todo o procedimento anterior dentro do mesmo componente, bastando apenas atentar-se para a definição dos segundos que cada um aparecerá.

• Para removermos a imagem de dentro da caixa de inserção, basta clicar em Remover, ao lado direito.

• Para inserção deste Banner no sítio, buscaremos pela ferramenta Gerência de Modelos.

• Em Gerência de Modelos, encontraremos opções de inserção, clique na opção de preferência de busque pelo banner criado.

• Por fim, clique em Confirmar.• Para verificar o resultado, clique em Visualizar, a segunda opção abaixo, na parte

inferior na página.

Galeria de Imagens• Para acessarmos o componente fixo Galeria de Imagens, voltaremos em Listar

Componentes.• A opção seguinte será Inserir Novo.• Para a inserção da Galeria, encontraremos para preenchimentos as opções de

Título e Chamada na Home da Galeria. Ambas devem ser preenchidas de forma sucinta. Após o preenchimento, Conclua.

• Após a conclusão, uma janela para a inserção das imagens se abrirá. As imagens poderão ser inseridas do componente Recurso ou a partir do próprio computador.

• Para cada imagem inserida a partir do próprio computador, clique em Enviar. As imagens serão enviadas para a Galeria.

• Caso as imagens sejam inseridas a partir do próprio computador, para a opção de Créditos, basta clicar novamente na foto inserida e preencher.

• Inseridas todas as imagens desta galeria, clique em Publicar, logo acima, no canto superior esquerdo da janela.

• Por ser componente Fixo, a Galeria de Imagens se encontrará disponível para inserção em Gerência de Modelos. Basta “puxá-la” como componente.

Fale Conosco• O primeiro passo para trabalharmos o componente Fale Conosco será definirmos os assuntos

que aparecerão como opção para o usuário na web. Para isso, basta localizar, no lado esquerdo, Fale Conosco – Alterar Assuntos.

• Aparecerá a janela de Gerenciador de Assuntos do Fale Conosco. Clique em inserir novo

• Inserção de Assuntos do Fale Conosco: 1º passo: definir o assunto2º passo: escolher o sítio3º passo: Buscar em inserir membro, o usuário responsável pelas respostas aos usuários web4º passo: Publicar5º passo: concluir

• Para a leitura, resposta ou encaminhamento das mensagens enviadas para o Fale Conosco, basta clicar em Listar Componentes – Fale Conosco. As mensagens enviadas estarão listadas sequencialmente. Basta selecioná-las para qualquer procedimento citado anteriormente (leitura, resposta ou encaminhamento)

Notícias• O componente notícias difere-se dos demais por ser um componente do tipo

Derivado.• O componente do tipo Derivado possui uma forma diferente para inserção de

conteúdos. • Criado em Alterar Estrutura a partir do componente Base Notícias, permite

inserir mais campos para preenchimento, a fim de personalizar o componente conforme a necessidade.

• Para inserir notícias, busque na ferramenta Listar Componentes o componente Notícias.

• Clique em Inserir Novo. Logo aparecerá uma nova janela com os seguintes campos para preenchimento:

• Destaque: A notícia poderá aparecer no sítio em forma de destaque ou não, Caso clique em SIM, a notícia aparecerá com uma pequena chamada logo acima, no topo. Caso escolha a opção NÃO, a notícia aparecerá como as demais.

• Publicar: Se preferir deixá-la apenas salva para uma posterior revisão, clique em NÃO. Caso esteja certo da publicação, clique em SIM.

• Titulo na Home: O Título da matéria

• Chamada na Home: Caso a notícia esteja em destaque, este campo servirá para preenchimento descritivo com uma pequena introdução da matéria. Contudo, mesmo que a notícia não esteja em destaque, para concluir este processo, o sistema pedirá o preenchimento obrigatório de todos os campos. Repita o Título da matéria.

• Data Inicial: Sem alterações, exceto quando a notícia for programada publicações em finais de semana e outras datas específicas.

• Data Final: Para notícias com limite de publicação.• Compartilhado com outros sites: O Pantaneiro possibilita o compartilhamento de

notícias em sítios construídos a partir da ferramenta. A notícia poderá ser compartilhada entre sítios sem qualquer alteração nas informações. Logo entenderemos a funcionalidade. Clique na opção SIM.

• Restrito: Caso queira restringir a matéria para publicação apenas no sítio de origem, clique em NÃO. Para compartilhamento, precisaremos clicar na opção SIM.

• Foto: Inserção de imagens (fotos) a partir do componente Recursos.

• A caixa para preenchimento logo abaixo tem função similar a inserção de Páginas HTML. Com as mesma ferramentas para edição de texto, também possibilita a relação como páginas HTML geradas, Galeria de Imagens e também Recursos que aparecerão no corpo do texto. Cole a matéria na caixa de texto.

• Para finalizar, clique em Salvar, no canto superior direito da página.

• Em Gerência de Modelos, encontraremos opções de inserção para este componente. Clique na opção de preferência e busque por notícias.