����������

�

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 acomunidade acadêmica e administrativa o Sistema Dinâmico de websites que permite aosgrupos de pesquisa, departamentos, conselhos e entidades, criarem e gerenciaremdiretamente seus websites sem a necessidade de intermediação. Dessa forma, é possívelcriar conteúdos e disponibilizá-los de forma imediata .

O sistema dinâmico tem por objetivo a facilidade de utilização pela comunidade acadêmicae administrativa sem a necessidade de conhecimentos técnicos ou códigos deprogramação (a primeira versão ainda exigia alguns poucos comandos em HTML mas nasegunda versão disponibilizada em 2011, somente noções básicas de internet, que serãomostrados nesta apresentação).

Assemelhando-se a um CMS (Content Management System - Sistema de Gerenciamentode Conteúdo) o sistema permite o acesso por níveis de permissão aos usuários de acordocom as áreas nas quais poderão editar o conteúdo. Alguns recursos como adisponibilizaçã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áginasWeb, por usuários autenticados em qualquer computador que possa conectar-se naInternet.

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árioainda 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 naspáginas que receber acesso, podendo disponibilizar conteúdos e informações demaneira imediata.

- Para realizar o acesso clique no link (Entrar), situado no rodapé da página local daUnesp, 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 alteradaem 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ê temacesso. O link da página que o usuário cadastrado terá permissão para realizaralterações, apresentará alguns botões ao passar o mouse sobre o ele.

São esses botões que darão acesso para que ousuário consiga criar ou alterar uma página. Nocaso, o usuário utilizado como exemplo na figura,poderá realizar alterações na páginaDepartamentos. (Estes botões só aparecem napá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.0A 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)

����������

�

SGCD 2.0�

�

�

�

A página de um site se divide em Topo, Meio e Rodapé, sendo que o Meio sedivide em Menu Esquerdo, Corpo e Menu Direito. Veja figura na próximapágina.

O topo e o rodapé da página da Unesp nunca se alteram, independente doconteú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 ummelhor entendimento do conteúdo deste manual.

Men

ues

quer

do

Men

udi

reitoTopo

Corpo

Rodapé

����������

�

SGCD 2.0

�

�

�

Sobre os itens do menu:

O Menu esquerdo possui Ítens e sub-ítens que podemconter uma pagina e/ou um novo menu.

O Item que contém sub-itens ao ser clicado, exibirá ossub-itens. Exemplo: Na imagem, apresentamos umaparte do menu da página principal do site da Unesp.O Item Instituição está com seus sub-ítensAdministraçã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 demaneira prática a todo o conteúdo disponível dentro do SGCD. É também através da opçãoBanco de Dados que podemos criar uma nova página, bem como alterar ou formatar seuconteúdo.

Toda página criada dentro do SGCD ficará disponível para visualização de todos os usuárioscadastrados, 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 nosistema e liberado para fazer as alterações na página que estiver cadastrado e autorizado peloSTI.

Por exemplo, o usuário que está logado no SGCD e autorizado a alterar ou criar a página daPós-Graduação não tem acesso para fazer alterações em outras páginas do site, desde de queseja 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 NovaPágina, vimos todo processo de criação da estrutura da página. Agora, vamos criar o seuconteúdo através da opção Página do Banco de Dados que também se encontra dentro docampo Link da Página.

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

����������

SGC

D2.0

Éneste

editorquecolocam

oso

título,queneste

casoé

Acervo,e

oconteúdo

dapágina.

Abarra

deferram

entasnos

permite

queo

conteúdoseja

criadoe

formatado

(Basta

estacionaro

mouse

sobreo

botãopara

sabersuafunção).Lem

bre-sede

salvarapágina

antesde

fechá-la

clicandono

botãosalvare

depoisno

fecharX

.

CamadasSalvar

Novo documento

Restaura conteúdo salvoautomaticamente

Imprimir

Editar CSS Recortar

Copiar

Colar

Colar como texto simples

Colar (copiado do Word)

Desfazer

Refazer

Localizar

Localizar/Substituir

Inserir Template (modelos depáginas)

Quebra de página

Caracteres especiais

Emoticons

Inserir/editar mídia incorporada

Separador horizontal

Inserir data

Inserir separado

Remover formatação

Inserir hora

Visualizar

Tela inteira

Editar código fonte

Inserir/ Editar Hiperlink

Remover hiperlink

Inserir/editar âncora

Inserir/ editar imagem

Limpar código incorreto

SGC

D2.0

TinyMC

Eé

umeditorbaseado

naw

eblançado

como

códigoaberto

soblicença

LGPL

pelaM

oxiecodeSystem

sA

B.D

escriçãode

algunsbotões:

Barra

deform

ataçãotexto

eparágrafos

Tabelas-Inserire

formatar

Marcadores

Num

eraçãoR

ecuos...C

ortextoe

fundo

����������

�

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 nasabas aparência e avançado. Ao finalizar, clique em inserir.

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

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

����������

��

SGCD 2.0Inserir/Editar hiperlink: após selecionar um texto ou figura na página, estebotão ficará ativo, permitindo criar hiperlinks para uma URL/arquivo, âncora, páginado banco de dados ou ítem/sub-ítem. Digite o hiperlink ou selecione o arquivoclicando 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ãoInserir/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 linkpara uma página do banco de dados, clicando no botão localizar e depois confirmara 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

Paginação AtualConfirma seleção da página

Visualiza/Esconde a página

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

SGCD 2.0Listagem de páginas do banco de dados

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 ousubitem do menu esquerdo

SGCD 2.0

Para editar página atual, definir acesso publico ou restrito, definir permissões ou aindaincluir uma nova página, basta clicar nos botões indicados.