14/03/2012

1

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

Atualizado em 24/08/2011

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

14/03/2012

2

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 (Entrar), 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.

14/03/2012

3

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)

14/03/2012

4

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:

Altera nome do item Link endereço de página Exibe em nova janela

Exclui este item Move o ítem para baixo Não abre novo Menu Link página do banco de dados Exibe na janela atual Acesso restrito

Controle dos item e subitens no menu esquerdo:

Inclui novo subitem Move o ítem para cima Abre novo Menu Tipos de links:

Subitem sem link Modo de exibição da página: Exibe no corpo do layout Permissões de acesso: Acesso público

Permissão de manutenção:

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

14/03/2012

5

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

erd

o

Men

u d

irei

to Topo

Corpo

Rodapé

14/03/2012

6

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çã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.

14/03/2012

7

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.0 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/03/2012

8

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.

Cam

adas

S

alvar

Novo d

ocu

men

to

Res

tau

ra c

onte

údo s

alvo

auto

mat

icam

ente

Impri

mir

Edit

ar C

SS

R

ecort

ar

Copia

r

Cola

r

Cola

r co

mo t

exto

sim

ple

s

Cola

r (c

opia

do d

o W

ord

)

Des

faze

r

Ref

azer

Loca

liza

r

Loca

liza

r/S

ubst

itu

ir

Inse

rir

Tem

pla

te (

model

os

de

pág

inas

)

Qu

ebra

de

pág

ina

Car

acte

res

espec

iais

Em

oti

cons

Inse

rir/

edit

ar m

ídia

inco

rpora

da

Sep

arad

or

hori

zonta

l

Inse

rir

dat

a

Inse

rir

separ

ado

Rem

over

form

ataç

ão

Inse

rir

hora

Vis

ual

izar

Tel

a inte

ira

Edit

ar c

ódig

o f

onte

Inse

rir

/ E

dit

ar H

iperli

nk

Rem

over

hip

erli

nk

Inse

rir/

edit

ar â

nco

ra

Inse

rir

/ ed

itar i

mag

em

Lim

par

códig

o i

nco

rret

o

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

Marcadores Numeração Recuos ...

Cor texto e fundo

14/03/2012

9

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

Clique em escolher arquivo para enviar arquivo para o site Clique no cabeçalho das colunas para opções de ordenação dos arquivos

SGCD 2.0 O gerenciador de 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

14/03/2012

10

SGCD 2.0

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.

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

14/03/2012

11

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

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áginas do banco de dados

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

SGCD 2.0 Listagem de páginas do banco de dados Opções de pesquisa de

Páginas Opções de ordenação

14/03/2012

12

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