Tutorial SGCD

1. Efetuando Login no Sistema

2. Criando uma nova página

3. Editando uma página já existente

4. Anexando arquivos em páginas e no menu esquerdo

5. Colocando Imagens em páginas

6. Colocando Links de Sites (URLs) em páginas e no menu esquerdo

7. Criando um link para um item/sub-item

1. Efetuando Login no Sistema

Para efetuar o login no sistema, clique em “Gerenciador de Conteúdo” no final da página

Em seguida, a seguinte janela irá aparecer:

Basta entrar com seu email, senha e preencher o código. Em seguida você já estará logado no sistema.

2. Criando uma nova página

Para criar uma nova página, primeiro criaremos um item no menu esquerdo, clicando no seguinte botão no topo da página.

Obs: Para criar uma nova página dentro de um item já existente (ex: criar um sub-página dentro da página da graduação) basta clicar no botão “inclui novo item” no item desejado (graduação, por exemplo).

Em seguida, entre com o nome da página e clique no botão destacado para confirmar o nome da página

Após criado o nome da página, coloque o cursor em cima do nome da nova página. Novas opções irão aparecer. Clique no botão destacado na figura abaixo:

Após clicar no botão, uma nova janela irá surgir. Clique agora no botão “Nova página”

Note que uma nova janela irá abrir, com ferramentas de edição semelhantes as do Word. Observando a figura abaixo, digite o nome da página no lugar de “Digite aqui o nome da página” e em seguida, digite o texto referente a página no lugar de “Digite aqui o texto”

Obs: Se o conteúdo da sua página ainda não foi migrado para o novo servidor, você pode copiar o conteúdo antigo (CRTL+C) e colar (CRTL+V) na página do novo servidor.

Uma opção para ajudar na criação de uma página é a utilização de templates. Templates trazem opções “pré-prontas” de certos tipos de páginas. Para inserir um template, basta clicar no botão destacado abaixo:

Após clicar, uma nova janela irá aparecer. Clique em selecionar template. Irá aparecer varias opções de templates. Ao escolher um modelo, note que aparecerá uma pré-visualização do mesmo. Após decidir qual template utilizar, clique no botão “Inserir”.

Após terminado, clique no botão salvar e feche a página de edição.

Após salvar e fechar a página, é necessário liberar o acesso. Coloque o mouse em cima da página criada, vá até a figura de um cadeado, e clique no botão “acesso público” (cadeado aberto)

Se desejar que sua página abra um novo menu esquerdo, basta clicar na opção “abre novo menu”

3. Editando uma página já existente

Para editar uma página já existente, acesse a página desejada e clique no botão “editar essa página” na parte superior.

Após terminar a edição da página, basta salvar a página e fechar o editor.

4. Anexando arquivos em páginas e no menu esquerdo

4.1 Anexando arquivos por hyperlink

É possível fazer um upload de um arquivo (PDF, DOC, JPG, etc) e colocar um link em uma palavra chave para acessar esse arquivo.

Vamos por exemplo fazer um upload de um calendário letivo (arquivo PDF) e anexá-lo à palavra “calendário” dentro de uma página. Vamos seguir os passos de (a) até (f).

a) Dentro da edição de página, digite e/ou selecione a palavra que deseja colocar o link e clique no botão “inserir/editar hyperlink”

b) Uma nova janela irá abrir. Nessa nova janela clique no botão “procurar”

c) Em seguida, clique no botão “Selecionar arquivo”.

d) Após clicar, será necessário escolher o arquivo no disco rígido do seu computador. Nesse exemplo estaremos fazendo o upload do arquivo “Caldendário 2012.pdf”

e) Depois que você escolher o arquivo, o sistema fará o upload e você voltará à página anterior, porém, o arquivo já estará “upado” no servidor. Localize o arquivo na lista e clique duas vezes em cima dele.

f) Depois de selecionar o arquivo, você voltará à primeira página, porém, já com o endereço do

Hyperlink preenchido. Basta clicar no botão “Inserir”.

Importante: Devido a um bug do sistema, algumas vezes o endereço do hyperlink adiciona uma “/” a

mais. Antes de clicar no botão “Inserir” verifique se o endereço não ficou com duas barras.

Ex: Home//teste712/calendario-2012.pdf

Caso tenha ficado com duas barras, retire uma das barras para que fique igual ao endereço da figura:

Após isso, a sua palavra chave já vai estar com o Hyperlink embutido. Salve a página e feche.

4.2 Anexando arquivos no menu esquerdo

É possível também anexar um arquivo diretamente em um item do menu esquerdo, sem a necessidade

da criação de uma nova página.

Vamos, por exemplo, fazer o upload do arquivo “Caldendário 2012.pdf” para o item “Calendário 2012”

no menu esquerdo. (Para aprender a criar um item no menu esquerdo, clique aqui.)

Para isso, primeiramente vamos precisar editar uma página qualquer já existente. (Para aprender a

editar uma página, clique aqui.)

Dentro da página de edição, agora iremos seguir os passos do tutorial 4.1, começando pelo item (a) até

o item (e).

Após completado o item (e), a seguinte janela irá aparecer

Importante: Devido a um bug do sistema, algumas vezes o endereço do hyperlink adiciona uma “/” a

mais. Antes de clicar no botão “Inserir” verifique se o endereço não ficou com duas barras.

Ex: Home//teste712/calendario-2012.pdf

Caso tenha ficado com duas barras, retire uma das barras para que fique igual ao endereço da figura

acima

Note a parte destacada em vermelho da figura acima. Marque com o mouse o texto e copie (CRTL+C)

Após copiado, clique no botão “Cancelar”.

Em seguida feche a página de edição sem salvar a página. Para fechar a página sem salvar, clique no

Botão “OK” após fechar.

Em seguida, com o item “Calendário 2012” já criado no menu esquedo, vamos colocar o mouse em cima

do item, e escolher a opção “URL”

Após clicar em “URL” a seguinte tela irá aparecer:

Cole o texto que você havia copiado (CRTL+V) e clique no botão “Salvar” e depois feche a página.

Após isso, o arquivo vai estar anexado ao item do menu esquerdo.

Depois, é necessário configurar o arquivo para ser aberto numa nova janela. Para isso, basta clicar no

botão destacado na figura abaixo:

5. Colocando Imagens em páginas

Para colocar uma foto/imagem no página, basta seguir os seguintes passos:

Dentro da página de edição, clique no botão “Inserir/Editar Imagem”

Em seguida, clique na opção “Procurar”

Em seguida, clique em “Selecionar arquivo”

Aqui será necessário escolher o arquivo no disco rígido do seu computador. Nesse exemplo estaremos

fazendo o upload do arquivo “unesp-rio-claro.jpg”

Após escolher a imagem, voltaremos à tela anterior, com a imagem já “upada”no servidor. Localize a

imagem na lista e clique com o mouse duas vezes em cima dela.

Depois de selecionar o arquivo, você voltará à primeira página, porém, já com o endereço da imagem

preenchido. Basta clicar no botão “Inserir”.

Importante: Devido a um bug do sistema, algumas vezes o endereço do hyperlink adiciona uma “/” a

mais. Antes de clicar no botão “Inserir” verifique se o endereço não ficou com duas barras.

Ex: Home//testeimagem/unesp-rio-claro.jpg

Caso tenha ficado com duas barras, retire uma das barras para que fique igual ao endereço da figura:

Se desejar alterar o alinhamento ou as dimensões (tamanho) da figura, selecione a aba “Aparência”.

Após terminar os ajustes de alinhamento e dimensões, clique no botão inserir

Obs: Também é possível modificar o tamanho da figura após ela ser colocada na página, basta clicar em

cima dela, segurar o quadrinho com mouse e ajustar manualmente.

6. Colocando links de Sites (URLs) em páginas e no menu esquerdo

6.1 Colocando links de sites no menu esquerdo

Nesse exemplo criaremos um item no menu esquerdo chamado “Reitoria Unesp” e colocaremos um link

que leve para o site da reitoria da Unesp. (Para aprender a criar itens no menu esquedo clique aqui)

Primeiramente precisamos copiar (Crtl+C) o endereço (URL) do site que desejamos “linkar”. No caso do

exemplo, iremos usar o endereço da reitoria da unesp (http://www.unesp.br/)

Com o endereço copiado, coloque o mouse em cima do item do menu esquerdo que deseja “linkar” (No

caso do exemplo, Reitoria Unesp) e clique em “Endereço de página”.

Em seguida, uma nova janela irá aparecer.

Cole o endereço do site no espaço em branco URL:, (no caso do exemplo, Reitoria Unesp:

http://www.unesp.br/) clique em “salvar” e depois em “fechar”

Depois, é necessário configurar o arquivo para ser aberto numa nova janela. Para isso, basta clicar no

botão destacado na figura abaixo:

6.2 Colocando links de sites dentro de páginas

Vamos por exemplo, colocar na palavra “reitoria” um link para a Reitoria da Unesp. Primeiramente,

devemos copiar (CRTL+C) o endereço da reitoria (http://www.unesp.br/). Depois devemos marcar a

palavra com o mouse, e clicamos no botão “Inserir/editar hyperlink”.

Em seguida, devemos colar (CRTL+V) o endereço da Reitoria no campo “Hyperlink”. Depois basta clicar

no botão “Inserir”.

Em seguida, marque novamente a palavra “reitoria”. Na opção “Estilos”, selecione a opção “link

sublinhado”. Fazendo isso, faremos a palavra ficar destacada para sinalizar que nela existe um link.

7. Criando um link para um item/sub-item

As vezes, é preciso criar uma sub-página dentro uma de uma página já existente. Pra ilustrar esse tópico,

iremos utilizar por exemplo, a página de laboratórios de um departamento:

a) Para aprender a criar uma página clique aqui

b) Com a página do Departamento já criada, iremos criar um item no menu esquerdo chamado

“Laboratórios”.

c) Depois, criaremos uma página para o item que acabamos de criar (Laboratórios).

(Para criar uma nova página clique aqui)

d) Agora vamos criar um subitem de Laboratórios chamado "Laboratório de Ciências".

e) Em seguida criaremos a página referente ao laboratório de ciências.

Após criarmos a página, não iremos liberar o acesso público (botão de cadeado). Essa página ficará

“escondida” no menu esquerdo.

Atenção: Após a página pronta, copie o endereço dela (URL)

f) Após isso, iremos criar o Hyperlink na palavra “Laboratório de Ciências” na página “Laboratórios”.

Edite a página “Laboratórios”. Em seguida marque a palavra, e clique no botão “inserir/editar

hyperlink”.

g) Na próxima tela, iremos colar a URL da página que criamos no campo “Hyperlink” e depois basta

clicar em “Inserir”

Após esse processo nosso link estará pronto

Importante: Repare que não iremos liberar o acesso no menu esquerdo do item “Laboratório de

Ciências”. A idéia é manter o item escondido no menu esquerdo, para não poluir visualmente a página.

O usuário normal, não enxergará o item no menu esquerdo, e conseguirá acessar normalmente a

página, mesmo não tendo liberado o acesso.