SGCD 2.0Sistema 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.

Atualizado em 24/08/2011

SGCD 2.0Sistema 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.

SGCD 2.0 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:

SGCD 2.0 Se seu cadastro já estiver autorizado pelo administrador do site forneça seu e-mail,

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 e-mail, que futuramente poderá ser alterada em seu perfil.

SGCD 2.0

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

SGCD 2.0 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)

SGCD 2.0

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.

SGCD 2.0 A seguir definimos a ação dos botões que serão utilizados:

Inclui novo subitem Exclui este item Altera nome do item

Subitem sem link Link página do banco de dados Link endereço de página

Exibe no corpo do layout Exibe na janela atual Exibe em nova janela

Acesso público Acesso restrito

Define permissões (responsável pela página e administradores)

Abre novo Menu Não abre novo Menu

Move o ítem para cima Move o ítem para baixo

Tipos de links:

Modo de exibição da página:

Controle dos item e subitens no menu esquerdo:

Permissões de acesso:

Permissão de manutenção:

SGCD 2.0

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.

Men

u e

squ

erdo

Me

nu d

ireito

Topo

Corpo

Rodapé

SGCD 2.0

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çãoInstituição está com seus sub-ítens Administração, Apresentação, Concursos..., abertas.

SGCD 2.0

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.

SGCD 2.0

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.

SGCD 2.0Apó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.

SGCD 2.0

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

SGCD 2.0TinyMCE é 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:

Sal

var

Nov

o d

ocum

ento

Res

tau

ra c

onte

údo

salv

o a

uto

mat

ica

men

te

Impr

imir

Rec

ort

ar

Cop

iar

Col

ar

Col

ar

com

o te

xto

sim

ple

s

Col

ar

(cop

iad

o do

Wor

d)

Des

faze

r

Ref

azer

Loca

liza

r

Loca

lizar

/Sub

stitu

ir

Inse

rir/

Ed

itar

Hip

erli

nk

Re

mo

ver

hip

erlin

k

Inse

rir/e

dita

r â

ncor

a

Ins

erir

/ ed

ita

r im

ag

em

Lim

par

códi

go in

corr

eto

Inse

rir

data

Inse

rir h

ora

Vis

ualiz

ar

Tela

inte

ira

Edi

tar

códi

go

font

e

Barra de formatação texto e parágrafos

Tabelas - Inserir e formatar

MarcadoresNumeração

Recuos...

Cor texto e fundo

Inse

rir T

empl

ate

(m

ode

los

de

pág

ina

s)

Que

bra

de

pág

ina

Car

acte

res

espe

ciai

s

Em

otic

ons

Inse

rir/

edita

r m

ídia

inco

rpor

ada

Se

para

dor

ho

rizon

tal

Inse

rir s

epar

ado

Rem

over

form

ata

ção

Cam

ada

s

Edi

tar

CS

S

SGCD 2.0Dois 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.

SGCD 2.0O gerenciador de arquivos

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

Tipo visualização

SGCD 2.0Inserir/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.

SGCD 2.0Hiperlink 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.

SGCD 2.0Hiperlink 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.

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

*

Listagem de páginasdo banco de dados

SGCD 2.0Listagem de páginas do banco de dados

Paginação Atual Confirma seleção da páginaVisualiza/Esconde a página

Registros por paginaçãoExibe os itens linkados para esta página

Opções de pesquisa dePáginas

Opções de ordenação

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

SGCD 2.0

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.

SGCD 2.0O 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.

SGCD 2.0“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”,

SGCD 2.0“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.

SGCD 2.0Configuraçõ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, e-mails, domínio, diretório absoluto, largura mínima e máxima da página, etc.

SGCD 2.0

Grupos: cadastro de grupos de usuários do SGCD

Configurações e Administração (Administradores)

SGCD 2.0Usuá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.

Configurações e Administração (Administradores)

SGCD 2.0

Fale Conosco: cadastro de e-mails para contato com as seções, departamentos, etc., da unidade.

Configurações e Administração (Administradores)

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

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

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

SGCD 2.0