SGCD 2.2. Sistema Gerenciador de Conteúdo Dinâmico

Transcrição

1 Atualizado em 13/AGO/2012 Sistema Gerenciador de Conteúdo Dinâmico 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 (a primeira versão ainda exigia alguns poucos comandos em HTML mas na segunda versão disponibilizada em 2011, somente noções básicas de internet, que serão mostrados nesta apresentaçã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.

2 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. 2

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: 3

4 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 4 em seu perfil.

5 Após estar logado, será exibida a tela de boas vindas como indicado na figura 3. 5

6 O próximo passo é procurar no menu esquerdo do site, a página que você tem acesso. O link da página que o usuário cadastrado terá permissão para realizar alterações, apresentará alguns botões ao passar o mouse sobre o ele. São esses botões que darão acesso para que o usuário consiga criar ou alterar uma página. No caso, o usuário utilizado como exemplo na figura, poderá realizar alterações na página Departamentos. (Estes botões só aparecem na página onde você tem permissão para alterar) 6

7 Dica: Ao estacionar o mouse alguns instantes sobre um dos botões, aparecerá uma legenda com a sua função: Dependendo da situação pode ser que haja mais opções de botões nos links. 7

8 A seguir definimos a ação dos botões que serão utilizados: Controle dos item e subitens no menu esquerdo: Inclui novo subitem Exclui este item Move o ítem para cima Move o ítem para baixo Abre novo Menu Não abre novo Menu Altera nome do item Tipos de links: Subitem sem link Link página do banco de dados Link endereço de página Exibe na janela atual Exibe em nova janela Define URL amigável Modo de exibição da página: Exibe no corpo do layout Permissões de acesso: Acesso público Acesso restrito Permissão de manutenção: Define permissões (responsável pela página e administradores) 8

9 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. 9

10 Menu esquerdo Corpo Rodapé Menu direito Topo 10

11 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. 11

12 Banco de Dados Banco de Dados é uma opção do campo Link da Página que nos possibilita ter acesso de maneira prática a todo o conteúdo disponível dentro do SGCD. É também através da opção Banco de Dados que podemos criar uma nova página, bem como alterar ou formatar seu conteúdo. Toda página criada dentro do SGCD ficará disponível para visualização de todos os usuários cadastrados, desde de que não se restrinja seu conteúdo. Lembramos que alteração e exclusão só podem ser feitas pelo usuário que estiver logado no sistema e liberado para fazer as alterações na página que estiver cadastrado e autorizado pelo STI. Por exemplo, o usuário que está logado no SGCD e autorizado a alterar ou criar a página da Pós-Graduação não tem acesso para fazer alterações em outras páginas do site, desde de que seja autorizado por algum usuário com permissão de manutenção da página. 12

13 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. Clique no botão inclui novo item, digite o item, confirme e altere de Sem link para Página do banco de dados. 13

14 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. 14

15 É 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. 15

16 Remover formatação Inserir separado Separador horizontal Inserir/editar mídia incorporada Emoticons Caracteres especiais Quebra de página Inserir Template (modelos de páginas) Editar CSS Camadas Marcadores Numeração Recuos... Cor texto e fundo 16 Editar código fonte Tela inteira Visualizar Inserir hora Inserir data Limpar código incorreto Inserir/ editar imagem Inserir/editar âncora Remover hiperlink Inserir/ Editar Hiperlink Localizar/Substituir Localizar Refazer Desfazer Colar (copiado do Word) Colar como texto simples Colar Copiar Recortar Imprimir Restaura conteúdo salvo automaticamente Novo documento Salvar 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: Barra de formatação texto e parágrafos Tabelas - Inserir e formatar

17 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. 17

18 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. 18

19 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. 19

20 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. 20

21 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). 21

22 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 22

23 Hiperlink para Item/subitem: selecione esta opção para criar un link para um item ou subitem do menu esquerdo 23

24 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. 24

25 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. 25

26 Mão na massa : 1.Após ter sido cadastrado no SGCD pelo STI,clique em entrar no rodapé e digite seus dados para acesso ao SGCD 2.No menu esquerdo clique em Treinamento 3.Crie um Item com o nome de um departamento (botão +) (combine com os colegas de sala não repetir nomes) 4.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 5.No item do seu departamento, clique no botão Não abre novo menu e altere para Abre novo menu, 26

27 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. 27

28 Configurações e Administração (Administradores) O SGCD é configurado e gerenciado pelos administradores, através do link Cadastros localizado no rodapé. Opções separadas por abas: Site: cadastro do nome do campus, faculdade, endereços, telefones, s, domínio, diretório absoluto, largura mínima e máxima da página, etc. 28

29 Configurações e Administração (Administradores) Grupos: cadastro de grupos de usuários do SGCD 29

30 Configurações e Administração (Administradores) Usuários: cadastro e gerenciamento de usuários do SGCD. Se um usuário pertencer a mais de um grupo, selecione outros grupos com a tecla CTRL pressionada. Para saber o grupo em que o usuário está vinculado, basta estacionar o mouse sobre a sua conta. 30

31 Configurações e Administração (Administradores) Fale Conosco: cadastro de s para contato com as seções, departamentos, etc., da unidade. Topo: mostrar ou não no topo da página. Para utilizar em um fale conosco interno, crie ítem de menu como um link de página externa e clicar para exibir a pagina na janela atual: javascript:xajax_formfaleconosco(x);void(0); onde x é o Id listado na tabela acima 31

32 Módulos: usado pelos desenvolvedores para configuração e gerenciamento de permissões nos módulos do sistema 32

33 Permissão Módulos: usado definição de permissões de grupo/usuário em cada módulo do sistema 33

34 Redirecionamento: é possível criar endereços redirecionamentos sem ter que criar pastas. 34

35 Menu direito: - Banners : o administrador do sistema pode inserir, modificar, posicionar e excluir. Clicar + para adicionar novo banner. Ao posicionar o ponteiro do mouse sobre o banner, utilize os botões para editar, posicionar e excluir. Existem 4 banners gerenciados pela reitoria. 35

36 Menu direito: - Informes da unidade : o administrador do sistema pode inserir, modificar, posicionar e excluir. 36