SGCD 2.0 Sistema Gerenciador de Conteúdo Dinâmico

Transcrição

1 Sistema Gerenciador de Conteúdo Dinâmico Atualizado em 24/08/2011 No final de 2007, o Serviço Técnico de Informática da UNESP Marília, disponibilizou para a comunidade acadêmica e administrativa o Sistema Dinâmico de websites que permite aos grupos de pesquisa, departamentos, conselhos e entidades, criarem e gerenciarem diretamente seus websites sem a necessidade de intermediação. Dessa forma, é possível criar conteúdos e disponibilizá-los de forma imediata. O sistema dinâmico tem por objetivo a facilidade de utilização pela comunidade acadêmica e administrativa sem a necessidade de conhecimentos técnicos ou códigos de programação. Assemelhando-se a um CMS (Content Management System - Sistema de Gerenciamento de Conteúdo) o sistema permite o acesso por níveis de permissão aos usuários de acordo com as áreas nas quais poderão editar o conteúdo. Alguns recursos como a disponibilização de imagens e arquivos para download são registrados pelo sistema, deixando sob a responsabilidade do usuário o direito de publicação ou não do conteúdo. Sistema Gerenciador de Conteúdo Dinâmico O que é? É um sistema incorporado no site da Unesp para criação e atualização de páginas Web, por usuários autenticados em qualquer computador que possa conectar-se na Internet. Quais são as vantagens? - Redução significativa do trabalho; - Facilidade de acesso; - Manutenção online; - Controle das informações; - Agilidade para publicação de páginas. Quem pode utilizar? Docentes, Discentes e Servidores Técnicos Administrativos da Unesp devidamente cadastrados e autorizados pelo STI.

2 A página de um site se divide em Topo, Meio e Rodapé, sendo que o Meio se divide em Menu Esquerdo, Corpo e Menu Direito. Veja figura na próxima página. O topo e o rodapé da página da Unesp nunca se alteram, independente do conteúdo que seja exibido. As opções do menu podem alterar de acordo com a página visitada. É importante termos conhecimento acerca da disposição da página para um melhor entendimento do conteúdo deste manual. Topo Menu esquerdo Corpo Menu direito Rodapé

3 Instruções Básicas O 1º passo para acessar o SGCD é a autenticação de seu usuário. Caso o usuário ainda não esteja cadastrado, dirija-se ao STI para efetuar o cadastro. Após o cadastramento, o usuário poderá realizar as alterações necessárias nas páginas que receber acesso, podendo disponibilizar conteúdos e informações de maneira imediata. - Para realizar o acesso clique no link (Gerenciador de conteúdo), situado no rodapé da página local da Unesp, como demonstra a figura abaixo: Se seu cadastro já estiver autorizado pelo administrador do site forneça seu , senha, código de segurança gerado na figura do captcha e clique no botão (Entrar) estará disponibilizado para realizar a autenticação do usuário. Caso não se lembre de sua senha, basta clicar no botão (Enviar Senha) que será enviado uma nova senha em seu , que futuramente poderá ser alterada em seu perfil.

4 Sobre os itens do menu: O Menu esquerdo possui Ítens e sub-ítens que podem conter uma pagina e/ou um novo menu. O Item que contém sub-itens ao ser clicado, exibirá os sub-itens. Exemplo: Na imagem, apresentamos uma parte do menu da página principal do site da Unesp. O Item Instituição está com seus sub-ítens Administração, Apresentação, Concursos..., abertas.

5

6 Continuando com o nosso exemplo de construção da pagina: No sub-ítem Incluindo Nova Página, vimos todo processo de criação da estrutura da página. Agora, vamos criar o seu conteúdo através da opção Página do Banco de Dados que também se encontra dentro do campo Link da Página. Ao clicar no botão inclui novo item, digite o item, confirme e altere de Sem link para Página do banco de dados.

7 Após preencher e selecionar as opções, uma nova janela irá aparecer: Ao clicarmos no botão Nova Página como na figura acima, uma nova janela se abrirá. É nesta que iremos criar ou inserir o conteúdo da página, como mostra a figura seguinte. É neste editor que colocamos o título, que neste caso é Acervo, e o conteúdo da página. A barra de ferramentas nos permite que o conteúdo seja criado e formatado (Basta estacionar o mouse sobre o botão para saber sua função). Lembre-se de salvar a página antes de fechála clicando no botão salvar e depois no fechar X.

8 TinyMCE é um editor baseado na web lançado como código aberto sob licença LGPL pela Moxiecode Systems AB. Descrição de alguns botões: Salvar Novo documento Restaura conteúdo salvo automaticamente Imprimir Recortar Copiar Colar Colar como texto simples Colar (copiado do Word) Desfazer Refazer Localizar Localizar/Substituir Inserir/ Editar Hiperlink Remover hiperlink Inserir/editar âncora Inserir/ editar imagem Limpar código incorreto Inserir data Inserir hora Visualizar Tela inteira Editar código fonte Marcadores Numeração Recuos... Cor texto e fundo Barra de formatação texto e parágrafos Tabelas - Inserir e formatar Camadas Editar CSS Inserir Template (modelos de páginas) Quebra de página Caracteres especiais Emoticons Inserir/editar mídia incorporada Separador horizontal Inserir separado Remover formatação Dois botões merecem destaque: e Inserir/Editar imagem: permite selecionar, enviar e inserir imagens na página. Clicar no botão localizar para abrir o gerenciador de arquivos Depois de localizado o arquivo pode-se alterar as propriedades da imagem clicando nas abas aparência e avançado. Ao finalizar, clique em inserir.

9 O gerenciador de arquivos Tipo visualização Clique em escolher arquivo para enviar arquivo para o site Clique no cabeçalho das colunas para opções de ordenação dos arquivos Para excluir um arquivo, selecione com o mouse clicando 1 vez e tecle delete Para selecionar vários arquivos de uma vez, pressione a tecla ctrl ou shift e clique sobre eles Para renomear um arquivo, selecione com o mouse clicando uma vez e outra vez para renomear. Finalmente para inserir a imagem, clique 2 vezes sobre o arquivo. Inserir/Editar hiperlink: após selecionar um texto ou figura na página, este botão ficará ativo, permitindo criar hiperlinks para uma URL/arquivo, âncora, página do banco de dados ou ítem/sub-ítem. Digite o hiperlink ou selecione o arquivo clicando no gerenciador de arquivos no local indicado na figura. URL/Arquivo: digite a URL para o hiperlink ou selecione o arquivo no gerenciador.

10 Hiperlink para Âncoras: Selecione o local para definir um ponto de ancoragem, clique no botão Inserir/editar âncora e defina um nome para ela. Após definir a âncoras na página, selecione um texto ou figura na página e clique no botão Inserir/editar hiperlink e no tipo selecione a âncora como indicado na figura. Hiperlink para página do banco de dados: Selecione esta opção para definir link para uma página do banco de dados, clicando no botão localizar e depois confirmar a seleção. Listagem de páginas do banco de dados * Na opção Alvo*, excepcionalmente, existe uma opção de abrir em janela/quadro luminoso que mostra a página do Banco de Dados sobreposta ao site (selecionar antes do hiperlink).

11 Listagem de páginas do banco de dados Opções de pesquisa de Páginas Opções de ordenação Paginação Atual Confirma seleção da página Visualiza/Esconde a página Registros por paginação Exibe os itens linkados para esta página Hiperlink para Item/subitem: selecione esta opção para criar un link para um item ou subitem do menu esquerdo

12 Para editar página atual, definir acesso publico ou restrito, definir permissões ou ainda incluir uma nova página, basta clicar nos botões indicados. O próximo passo é clicar no botão Permissão, que nos permite indicar o responsável pela página e autorizar dentre todos os usuários ou grupos cadastrados, quais terão autorização para realizar alterações.

13 Mão na massa : 1.Após ter sido cadastrado no SGCD pelo STI,clique em Gerenciador de Conteúdo no rodapé e digite seus dados para acesso ao SGCD 2.Clique no nome do Departamento ao qual você pertence e crie um Item com um nome qualquer (botão +) 3.Clique no botão Sem Link e altere para Página do banco de dados clique em Nova página e crie uma pagina de apresentação para seu departamento. (não esqueça de digitar o título da pagina e depois de pronta salve-a clicando em Salvar e depois em Fechar 4.No item que você criou, clique no botão Não abre novo menu e altere para Abre novo menu, Mão na massa : 6.Alterar também de Acesso Restrito' para Acesso Público para tornar visível sua página ao público. O padrão é Restrito. 7.Clique no link de seu departamento ele vai começar um novo menu e mostrará a pagina de apresentação criada no item 4 8.Agora criar os itens e sub-itens de seu departamento como: Apresentação, Disciplinas, Docentes, Publicações, Linhas de Pesquisa, Laboratório, etc. (Note que para criar estes itens, deixe em Não abre novo menu ) 9.Criar as páginas correspondentes aos itens acima, utilizando recursos apresentados como formatação do texto, links (URL/Arquivo, âncoras, páginas do BD, item e sub-item ), inserir fotos ou figuras e documentos em pdf.

14 FIM