Introdução

Essa apostila servirá tanto como base para os participantes do Curso de Capacitação
SYSWEB – Inclusão, alteração e exclusão de dados nas páginas das unidades
informadoras da UFSJ, como também para aqueles que não poderão participar do
Curso, mas têm interesse em saber como gerir páginas nas unidades informadoras da
UFSJ.

O SYSWEB é um Sistema de gerenciamento do conteúdo do Portal UFSJ e foi criado

pelo Núcleo de Tecnologia da Informação (NTINF) da UFSJ.
Para manusear as páginas das unidades informadoras o usuário deve ter conhecimento e
atender a resolução do CONSU nº 046, de 25 de setembro de 2006 que estabelece regras
para a utilização do sítio da Universidade Federal de São João del-Rei – UFSJ. Essa
resolução pode ser acessada no site:
http://www.ufsj.edu.br/portal2-
repositorio/File/soces/CONSU/2006/Res046Consu2006UtilizacaoSitioUFSJ.pdf
Nessa resolução há um termo de responsabilidade que deverá ser assinado pelo
responsável imediato do servidor que irá gerir sua página no sítio da UFSJ. Nesse termo
de responsabilidade tem os seguintes dizeres do NTINF: “A habilitação da unidade
informadora importará na assunção total do controle direto das informações veiculadas
pela respectiva página, eximindo-se o NTINF de qualquer responsabilidade sobre as
informações veiculadas, bem como da obrigação de qualquer inclusão, alteração ou
exclusão de dados”.
 1. INFORMAÇOES DE ACESSO
Para acessar o SYSWEB entre na Internet e na barra de endereços (browser) digite o
endereço da página principal da UFSJ: www.ufsj.edu.br. No menu Acesso Rápido,
clique em Intranet.

Outra maneira é digitar diretamente na barra de endereços (browser):

http://intranet.ufsj.edu.br/principal.php
Na página que surge há vários itens que podem ser acessados via Intranet. Clique em
SYSWEB.

Surgirá uma janela onde você deve preencher as caixas com seu CPF e sua Senha. Do
lado das palavras Unidade organizacional, há uma caixa com uma seta; clique sobre a
seta e escolha a unidade informadora que você quer acessar e em seguida selecione a
opção Continuar.

2
Surgirá uma janela com as seguintes informações do usuário atual:
Nome, Classe/Nível, Titulação, Unidade organizacional, Regime e Jornada de trabalho.
Também aparece um menu com os três itens:
1. Início: quando você tiver aberto algum menu essa opção faz o sistema voltar
para essa página inicial.
2. Manutenção: clicando sobre a opção irão aparecer dois itens:
 Cadastrar: Essa opção deve ser acionada quando você quer criar uma nova
página.
 Gerenciar: Essa opção deve ser acionada quando você quer alterar uma ou mais
páginas já existentes.
3. Sair do SYSWEB: Para sair com segurança do ambiente do SYSWEB.

Informações do
usuário atual

2. CRIAÇÃO DE UMA PÁGINA NOVA

Clique no item Manutenção, no item Páginas e selecione a opção Cadastrar.

3
Na janela que se abre na frente da opção Unidade Informadora, aparece uma caixa de
diálogo você deve clicar sobre a seta que aparece nela, selecionar a unidade e seguida
clique na opção Acessar.

Uma janela aparecerá com as seguintes opções:

 Nível: normalmente o nível será raiz.
 Título completo: digite o título da sua página, esse será exibido na parte
superior da página (logo abaixo da barra de menu) e deve ter, no máximo, 244
caracteres.
 Título resumido: será exibido no menu da página (caso a página não esteja
oculta), na parte superior e será destacado na cor de fundo vermelha.
 Posição no menu: o número que você escolher representará a posição do título
resumido no menu (sendo que a posição 1 é destinada a pagina principal) na
página, da esquerda para a direita. Por exemplo, se você criou o título resumido
PROJETOS e escolheu a posição 3, no menu ele será exibido como mostra a
figura abaixo:

 Data do início: Nessa caixa você deve digitar a data do início da exibição dessa
página no site correspondente.
 Data de término: Nessa caixa você deve digitar a data do término da exibição
dessa página no site correspondente (atualmente a página não expira).
 Ocultar do menu: Você tem a opção de escolher se sua página aparecerá no
menu do site ou não (ficar oculta).
Observação: ao criar página oculta use a posição = 50 para não atrapalhar a
ordem dos menus. Para gerenciar uma página oculta é necessário criar um link
para esta página através de outra página não oculta.
 Possui script: Essa opção só é habilitada para o NTINF.
 Conteúdo: Logo abaixo do quadro de dados básicos aparece um espaço
chamado Conteúdo, que consiste em um pequeno editor de documentos. No
espaço desse editor você vai criar sua página, podendo editar textos, inserir

4
 imagens e links para: arquivos, figuras, vídeos, sites da Internet e e-mails. Nesse
editor aparecem duas barras de ferramentas, como mostrado abaixo:

Segue abaixo a função de cada ícone do editor de documento da caixa Conteúdo:

Na primeira barra de ferramentas aparecem as seguintes opções:
- Faz com que aquilo que está contido na área destinada ao conteúdo
seja mostrado em código-fonte (linguagem HTML). Por exemplo, seja o nome
Claret, seguido de uma imagem de um arquivo gravado no servidor do SYSWEB,
centralizado, como mostrado abaixo.

Ao acionar o código-fonte esse mesmo conteúdo será exibido na linguagem HTML:

- Esse ícone serve para visualizar a página atual. Para voltar ao conteúdo
anterior clique no x do lado da palavra visualizar (conforme mostrado abaixo).

5
 - Esses ícones são comuns nos aplicativos do Microsoft Office e
representam respectivamente as ações de apagar, copiar e colar um conteúdo
previamente selecionado.

- Essa opção serve para você copiar um texto formatado (por exemplo, uma
palavra em negrito e na cor vermelha) e então poder colá-la noutro local sem essas
formatações. Selecione o texto formatado e copie-o (Ctrl-C), posicione o cursor
aonde você quer inserir o novo texto e clique nessa opção (ícone de colar texto sem
formatação). Na caixa que se abre, cole o texto (Ctrl-V) e clique em OK. O texto
sem formatação será então inserido no local do cursor.

- Serve para copiar um conteúdo do Microsoft Word. Primeiro posicione o

cursor no local a ser copiado, selecione um conteúdo no Word, copie-o (Ctrl-C),
clique nesse ícone de colar do Word, na janela que aparece cole o conteúdo (Ctrl-V)
e clique em OK.

6
 - A seta que aponta para a esquerda, a cada clique, vai desfazendo as
ações feitas na área do editor de textos do SYSWEB e a seta que aponta para a
direita, a cada clique, vai refazendo essas as ações desfeitas.

- Serve para localizar texto no seu documento. Digite a palavra a ser

localizada na caixa “Procurar por” e então clique na opção “Localizar”, se o
documento tiver a palavra em questão então o cursor será posicionado nela.

- Serve para substituir textos em seu documento. Na caixa “Procurar por”,

digite a palavra a ser substituída e na “Substituir por”, digite a palavra que ficará
no lugar daquela. A opção “Substituir” irá substituir só a primeira palavra
encontrada e a opção “Substituir tudo” fará com que sejam substituídas todas
palavras do documento iguais àquela procurada. Na figura abaixo, como exemplo, a
palavra moradia será substituída pela palavra casa.

- Essa opção serve para selecionar seu documento inteiro.

- Remove a formatação do texto selecionado (por exemplo, se a palavra

selecionada estive na cor vermelha ela voltará pra cor preta original).

7
 - Barra semelhante à usada no Microsoft Word. Faz com que
o texto seja mudado, respectivamente para negrito, itálico, sublinhado ou tachado.

- Representam, respectivamente, as opções de subscrito e sobrescrito.

- Respectivamente, aciona as opções de lista numerada e lista sem

números.

- Opções relacionadas com a tabulação. Respectivamente usadas para

diminuir o recuo ou aumentar o recuo.

- Esses ícones ativam as opções de alinhamento do texto,

respectivamente, acionam o alinhamento à esquerda, centralizado, à direita e
justificado.

- Opções relacionadas com a inserção de links. O primeiro

ícone serve para inserir e editar link, o segundo é usado para remover link e o
terceiro para inserir e editar âncora (esse é um link para a mesma página).

- Usado para acionar a inserção de figuras (normalmente salvas em um

arquivo) no local onde está posicionado o cursor.

- Usado para acionar a inserção de animações (normalmente salvas em um

arquivo com extensão swf) no local onde está posicionado o cursor.

- Esse ícone insere uma tabela no local do cursor. Ao ser acionado surge uma
janela com as seguintes opções de preenchimento:
Número de linhas, número de colunas, largura, altura, borda, espaçamento, margem
interna, cabeçalho (que pode ser: nenhum, primeira linha, primeira coluna ou
ambos), alinhamento (que pode ser: não ajustado, esquerda, centralizado e direita),
legenda, resumo e opções para medidas que pode ser: pixels ou %.

8
Segue abaixo um exemplo dessa janela preenchida.

- Serve para inserir uma linha horizontal na página na linha que contém o
cursor.

- Você pode usar essa opção quando quiser inserir um caractere especial no
seu documento. A janela que se abre, com vários caracteres é mostrada abaixo:.

Para inserir um caracter especial basta clicar sobre aquele desejado..

- Insere uma quebra de página (a partir da posição do cursor).

- Usado para mudar a fonte de um texto.

- Usado para mudar o tamanho das letras.

- Serve para mudar a cor do texto.

9
 - Usado para mudar a cor do plano de fundo do texto ou de um espaço
previamente selecionado.

Depois da construção da sua página deve-se clicar na opção Cadastrar.

Aparecerá uma janela com a mensagem: Página cadastrada com sucesso. Logo abaixo
aparecerá o endereço para acessar a página criada. Em seguida tem um link para
publicar o site da unidade informadora, bastando para isso clicar na opção clique aqui.
(Observação: sem publicar as modificações elas não aparecerão na página. Após todas
modificaçõs a página deve ser publicada para que aquelas tenham efeito).

Aparecerá então uma janela com uma mensagem informando que a página foi publicada
com sucesso. Nessa janela também aparece o link para você acessar a página recém
criada e outro link caso queira publicar o site novamente.

3. ALTERAÇÃO DE UMA PÁGINA

Para alterar uma página já criada e publicada escolha o menu Manutenção, em seguida
clique na opção Páginas e por último em Gerenciar.

10
Na janela que surgirá, clique na seta da caixa que aparece logo após a opção Unidade
informadora, escolha sua unidade e em seguida clique em Acessar.

A janela que aparecerá mostrará um quadro com todas as páginas já cadastradas.

Esse quadro é composto por oito colunas.

1. Na primeira coluna aparecem os títulos do menu.

2. Na segunda coluna há a indicação se a página tem script ou não.
3. Na terceira coluna aparece a data de início de exibição da página.
4. Na quarta coluna aparece a data de término de exibição da página.
Observações
 O intervalo entre as datas de início e término não pode ser maior que um
ano.
 Para apagar, tanto a data de início como a data de término, você deve
iluminar o campo todo da data e apertar a tecla delete.
5. Na quinta coluna aparece o número de acessos de cada página.
6. Na sexta coluna tem-se a opção de ativar/desativar a página. O ícone para

ativar a página selecionada é e o ícone para desativar a página é .

7. Na sétima coluna tem-se a opção de alterar a página selecionada cujo ícone é

.
8. Na oitava coluna tem-se a opção de excluir a página selecionada, que é

representada pelo ícone .

11
No quadro mostrado acima, como exemplo, os menus Administração e Carlos estão
ativados e o menu Andréia está desativado.
Observação:
Desativar uma página significa não disponibilizá-la no portal da UFSJ. Ela não é
exibida, mas ainda se manterá no sistema, podendo ser ativada novamente.
Excluir uma página significa que ela será apagada definitivamente tanto do portal da
UFSJ como do sistema. Essa operação é irreversível.
Caso deseje alterar alguma página, verifique a linha do menu em questão e clique no
ícone de Alterar correspondente, faça as alterações necessárias e mande publicar
novamente a página.
Observação: assim que você está gerenciando uma página aparece uma opção Voltar
que permite retornar à página anterior do SYSWEB.

4. INSERÇÃO DE FIGURAS, VÍDEOS E LINKS EM PÁGINAS

Quando você aciona um ícone para inserir uma figura, um vídeo ou um link, sempre
será aberto uma janela que vai ter duas opções:

 Uma caixa denominada URL onde você deverá digitar o endereço do site
onde está a figura ou o vídeo que deseja acessar ou então o endereço do site
que você deseja abrir (acessar) quando acionado o link criado na página.

 Um ícone denominado Localizar no Servidor, esse ícone irá direcionar para

uma janela onde você poderá acessar arquivos com texto, imagem ou vídeo.

Observação: quando for inserir um link você pode posicionar o cursor no local a ser
inserido ou então pode selecionar uma ou mais palavras e então inserir o link, nesse
último caso para acessá-lo você deverá clicar sobre a(s) palavra(s) selecionada(s).
Para ter acesso a um arquivo, primeiro você deve postá-lo no servidor (fazer um
download para o servidor).
No servidor você pode armazenar os arquivos carregados dentro de pastas já existentes
ou em subpastas criadas por você (semelhante ao que é feito ao usar o Windows
Explorer).

12
Quando acionamos a opção Localizar no servidor aparecerá a seguinte janela:

No lado esquerdo da janela que aparece visualizamos as Pastas do servidor. Nesse

campo, normalmente, já existem: a pasta Files (onde são gravados os arquivos de texto);
a pasta Images (onde são gravados os arquivos de figuras); a pasta Flash (onde são
gravados os arquivos de vídeos) e a pasta Lixeira. Nesse campo também você pode
criar e/ou renomear e/ou apagar subpastas.
No lado direito aparecem os arquivos (contidos nas pastas e subpastas). Também
aparece um menu com as opções:
 Enviar arquivo: onde se carregam os arquivos para o servidor;

 Atualizar: atualiza os arquivos no servidor, por exemplo,

colocando-os em ordem alfabética;

 Configurações: onde podem ser alteradas as configurações

relacionadas aos arquivos. Para visualização dos arquivos temos as
opções miniaturas e listas; na exibição dos arquivos pode aparecer
o nome do arquivo e/ou a data e/ou tamanho; a ordenação dos
arquivos pode ser feita pelo nome, pela data ou pelo tamanho.
Nesse campo também, ao clicar com o botão direito sobre um arquivo, você terá as
opções de Selecionar, Visualizar, fazer o Download, Renomear ou Apagar o arquivo
selecionado.

4.1. Criando uma subpasta no servidor

Assim que você acionou a opção de inserir imagem, vídeo ou link e clicar
sobre a opção Localizar no Servidor, para criar uma subpasta clique com o

13
 botão direito do mouse sobre a palavra Files. Aparecerá uma pequena janela
onde você deve clicar na opção Nova Subpasta (como mostrado na figura
abaixo).

Irá surgir uma janela chamada Novo nome onde você deverá digitar o nome
da nova subpasta e clicar em OK.

4.2. Postando um arquivo no servidor

Para postar um arquivo no servidor, primeiro selecione a subpasta onde

deseja gravar o arquivo e então clique no ícone Localizar no Servidor.

Na janela que se abre clicamos na opção Enviar arquivo e em seguida na

opção Escolher arquivo (enquanto não for escolhido nenhum arquivo,
aparece escrito Nenhum arquivo selecionado). Vai aparecer uma janela
onde você deve selecionar um arquivo e clicar na opção Abrir (ou então dar
o duplo clique no arquivo em questão). Depois é só clicar na opção Enviar
arquivo selecionado. No lugar da opção Nenhum arquivo selecionado irá
aparecer o nome do arquivo selecionado. Você deve então clicar na opção
Enviar arquivo selecionado.

14
 Normalmente, no servidor da UFSJ, é colocado logo após o nome do arquivo
o complemento “_ufsj”, como mostrado na figura abaixo.

Clique então em OK e o arquivo estará gravado na subpasta escolhida.

Depois é só clicar em Atualizar.

Observação: os arquivos não podem ter caracteres estranhos no seu nome.

Por exemplo, um arquivo que tem o nome criança.avi quando é passado
para o servidor fica com um símbolo no lugar do “ç” (como mostrado no
segundo arquivo abaixo). Você não conseguirá acessá-lo no servidor, deve
então renomeá-lo antes de carregá-lo, por exemplo, para crianca.avi como
mostrado no primeiro arquivo abaixo.

Quando é carregado um arquivo com caracteres “não suportados” pelo

servidor irá aparecer uma mensagem de erro informando que o arquivo não
foi achado no servidor. Por exemplo, ao carregar o arquivo criança.avi,
aparecerá a seguinte mensagem de erro:

Quando aparecer essa mensagem de erro é só renomear o arquivo em

questão (sem caracteres “estranhos”) e carregá-lo de novo para o servidor.

4.3. Inserindo figura de um arquivo

Essa opção permite que uma figura seja inserida imediatamente na página,
não precisando clicar para ela aparecer (como acontece com um link).

O arquivo já deve estar postado no servidor. Posicione o cursor no local a ser

acessado o arquivo e clique no ícone Imagem.

15
Em seguida clique na opção Localizar no Servidor, selecione a subpasta
onde está gravado o arquivo da figura desejada e dê o duplo clique sobre ele
(ou clique sobre ele com o botão direito do mouse e clique em Selecionar).
Aparecerá a janela Formatar imagem.

Nessa janela você poderá alterar algumas configurações relativas à figura a

ser inserida:
 URL: é onde aparece o endereço da figura no servidor. Se quiser
mudar de figura clique no botão Localizar no Servidor e dê o duplo
clique em outro nome de arquivo.
 Texto Alternativo: é um texto para ser exibido quando você
posiciona o cursor sobre a figura.
 Largura: é a largura (em pixels) da figura.
Observação: dependendo do tipo de monitor, 1 cm corresponde a,
aproximadamente, 30 pixels (1” tem em torno de 72 pontos).
 Altura: é a largura (em pixels) da figura.
 Borda: é a espessura (em pixels) da moldura ou borda da figura.
 HSpace: é o espaço (em pixels) que a figura se desloca para a direita.
 VSpace: é o espaço (em pixels) que a figura se desloca para baixo.
 Alinhamento: é a posição da figura relativa à horizontal; se for
esquerda a figura ficará no início da linha e se for direita a figura
ficará no fim da linha. Depois de feitas as alterações clique em OK.
Clique nas opções Alterar – Publicar – Acessar a página.

16
 Basta agora clicar no link da figura que ela será exibida. Assim que a figura
aparece, se você clicar com o botão direito do mouse sobre a figura
aparecerá cinco opções:

 Salvar imagem como: permite fazer o upload (gravar o arquivo da

figura no seu computador ou no pendrive, etc.).
 Copiar URL da imagem: copia o endereço do site onde a figura
pode ser encontrada.
 Copiar a imagem: copia a imagem (como Ctrl-C) para depois colá-
la no Word, Excel, PowerPoint, etc.
 Abrir imagem numa nova guia: abre a figura em uma nova janela.
 Inspecionar elemento: faz com que você possa visualizar as
características da figura na linguagem HTML.

Observação: depois da figura inserida, se você quiser alterar novamente

as configurações dela no SYSWEB, dê um duplo clique sobre ela.

4.4. Inserindo um arquivo flash

O arquivo já deve estar postado no servidor. Essa opção é mais indicada para
carregar arquivos com extensão swf (com animações), mas pode ser usada
para carregar arquivos com extensão avi também. Posicione o cursor no
local a ser acessado o arquivo e clique no ícone Flash.

Em seguida clique na opção Localizar no Servidor, selecione a subpasta

onde está gravado o arquivo de animações desejado e dê o duplo clique
sobre ele (ou clique sobre ele com o botão direito do mouse e clique em
Selecionar).

17
 Aparecerá a janela Propriedades do Flash.

Nessa janela você poderá alterar algumas configurações relativas ao flash a

ser inserido:
 URL: é onde aparece o endereço do flash no servidor. Se quiser
mudar o flash clique no botão Localizar no Servidor e dê o duplo
clique em outro nome de arquivo.
 Largura: é a largura (em pixels) do flash.
 Altura: é a largura (em pixels) do flash.
 HSpace: é o espaço (em pixels) que o flash se desloca para a direita.
 VSpace: é o espaço (em pixels) que o flash se desloca para baixo.
Nesse quadro, clicando a opção Propriedades que aparece no menu irá abrir
a janela Propriedades do Flash.

Nessa janela você pode alterar outras configurações relativas ao flash.

Aqui serão abordadas só as propriedades mais adequadas.
 Alinhamento: tem algumas opções da posição do flash em relação à
horizontal.
 Qualidade: opções relativas à resolução.
 Variáveis do flash: opção Tocar automaticamente permite a
animação reproduza sem precisar clicar (quando essa opção está
desabilitada, para reproduzir a animação na página, clique sobre ela
com o botão direito do mouse e clique em Reproduzir); a opção

18
 tocar infinitamente permite que a animação reproduza repetidamente
(se desabilitá-la, a animação reproduzirá só uma vez)
Depois de feitas as alterações, clique em OK.
Clique nas opções Alterar – Publicar – Acessar a página.
Você pode então visualizar a animação.

4.5. Inserindo um link para um arquivo do servidor

O arquivo já deve estar postado no servidor. Posicione o cursor no local a ser

acessado o arquivo, clique no ícone Inserir/Editar Link.

Em seguida clique na opção Localizar no Servidor, selecione a subpasta

onde está gravado o arquivo e dê o duplo clique sobre ele (ou clique sobre
ele com o botão direito do mouse e clique em Selecionar). Clique então em
OK.
Clique nas opções Alterar – Publicar – Acessar a página.
Basta clicar sobre o link criado e abrir ou fazer o download do arquivo em
questão.

4.6. Inserindo um link para uma figura do servidor

O arquivo já deve estar postado no servidor. Posicione o cursor no local a ser

acessado o arquivo, clique no ícone Inserir/Editar Link.

Em seguida clique na opção Localizar no Servidor, selecione a subpasta

onde está gravado o arquivo e dê o duplo clique sobre ele (ou clique sobre
ele com o botão direito do mouse e clique em Selecionar).
Clique então em OK.
Clique nas opções Alterar – Publicar – Acessar a página.
É só clicar sobre o link criado e abrir ou fazer o download do arquivo em
questão. Normalmente a figura é aberta numa nova guia. Se você clicar com
o botão direito sobre a figura poderá escolher as opções: Salvar imagem
como, Copiar URL da imagem, Copiar imagem, Abrir imagem em uma
nova guia e Inspecionar elemento (ver detalhes no item 5.3).

19
4.7. Inserindo link de uma figura de um site da Internet

Em primeiro lugar você deve copiar o endereço da figura que quer acessar.
Por exemplo, se deseja uma figura da cidade de São João del-Rei, entre no
site do Google (www.google.com), acione o menu Imagens e na caixa de
pesquisa digite São João del-Rei. Irão aparecer várias figuras de vários
sites; clique na figura desejada, o que ocasionará a abertura do site onde ela
está inserida, clique na caixa de endereço (browser) e copie o endereço do
site.

Quando for editar a página no SYSWEB posicione o cursor no local a ser

inserido o link, clique no ícone Inserir/Editar Link e na caixa URL cole o
endereço copiado e clique em OK.

Irá aparecer uma janela chamada Editar Link.

Na caixa Tipo de hiperlink selecione a opção URL, na caixa Protocolo

selecione um dos possíveis (http://, https://, ftp://, news:// ou outro) e na
caixa URL digite o endereço do site da figura e clique em OK.
Clique nas opções Alterar – Publicar – Acessar a página.
Depois disso, ao clicar sobre o link criado, será aberto o site da figura em
questão.

4.8. Inserindo um vídeo de um site da Internet

Primeiro o vídeo deve estar já postado na Internet. O site mais comum para
postar vídeos é o www.youtube.com (no anexo estão os passos detalhados para
postar um vídeo no youtube). Depois de postado o vídeo no youtube, entre nesse
site e localize o vídeo que você quer colocar na página. Há duas maneiras de se
fazer o link na página:

20
 1) Com o vídeo em questão aberto no youtube, clique na opção Compartilhar
(que aparece logo abaixo do vídeo no youtube) e copie o endereço que
aparece selecionado, como mostra a figura abaixo:

No SYSWEB, posicione o cursor no local a ser inserido o link. Clique no

ícone Inserir/Editar link e na caixa URL cole o endereço copiado e dê OK.
Clique nas opções Alterar – Publicar – Acessar a página.
Ao clicar no link criado, será acessado o site do youtube onde está o vídeo
desejado, podendo então assisti-lo.
2) Com o vídeo em questão aberto no youtube, clique na opção Compartilhar
(que aparece logo abaixo do vídeo no youtube) e depois clique na opção
Incorporar e copie o endereço (em linguagem HTML) que aparece
selecionado, como mostra a figura abaixo:

No SYSWEB, posicione o cursor no local a ser inserido o link, clique no ícone

Código fonte e cole o endereço copiado.
Clique nas opções Alterar – Publicar – Acessar a página.
Ao acessar a página criada, o vídeo ficará disponível diretamente nela, como
mostrado abaixo:

Basta então clicar na seta que aparece no vídeo para assisti-lo.

21
4.9. Inserindo um link para um site da Internet

Primeiro acione o site que você deseja fazer o link na página e na caixa de
endereços (browser) copie o endereço desse site.
No SISWEB, posicione o cursor no local onde quer acessar o link e clique
no ícone Inserir/Editar link e na janela que se abre clique na caixa URL
cole o endereço copiado e dê OK.
Clique nas opções Alterar – Publicar – Acessar a página.
Ao clicar no link inserido será aberto o site em questão

4.10. Inserindo um link para um e-mail

No SISWEB, posicione o cursor no local onde quer acessar o link e clique no

ícone Inserir/Editar link. Na janela que se abre, na caixa Tipo de hiperlink
mude a opção para E-Mail e na caixa Endereço E-Mail digite o e-mail que
ficará na página e clique em OK.
Clique nas opções Alterar – Publicar – Acessar a página.
Ao clicar no link inserido será aberto o e-mail para ser digitada a mensagem e
ser encaminhado.

Observação: Por questões de segurança não é aconselhável ativar essa opção.

O melhor é você digitar o e-mail na página para que o usuário interessado em
entrar em contato possa copiá-lo e colá-lo na opção Para na sua caixa de e-
mail pessoal como é o caso do webmail da UFSJ.

22
4.11. Inserindo uma âncora (link para a mesma página)

No SISWEB, digite primeiro o texto para onde será direcionado o link na

mesma página, depois posicione o cursor antes do início do texto e clique no
ícone Inserir/Editar Âncora.

Na janela que se abre, na caixa Nome da Âncora, digite um nome qualquer

para esse link (por exemplo, o nome “prof”) e clique em OK.

Depois posicione o cursor no local onde será inserido o link para a âncora e
clique no ícone Inserir/Editar Link.
Na janela que se abre, na caixa Tipo de hiperlink mude para Âncora nesta
página e na caixa Nome da âncora selecione o nome da âncora (no nosso
exemplo, deve ser selecionada a palavra “prof”) e então clique em OK.

Clique nas opções Alterar – Publicar – Acessar a página.

Quando você clicar sobre o link, o cursor será direcionado para o local da
página onde está o texto relacionado à âncora inserida.

23
 5. EXEMPLO DE CRIAÇÃO DE UMA PÁGINA

Como exemplo, vamos criar uma página com as seguintes especificações:

Dados básicos:

 Nível: Raiz

 Título: Depto. de Engenharia Naval

 Título resumido: Engenharia Naval

 Posição no menu: 50

 Data de início: 07/03/2013

 Data de término: 01/02/2014

 Ocultar menu: Não

Conteúdo:

Uma logomarca do Depto. De Engenharia Naval (figura de um arquivo do

servidor) centralizada, saltar 2 linhas.

Escrever Flash na cor vermelha e inserir um flash (arquivo swf) e saltar duas
linhas.

Escrever no início da linha: Chefe: Roberto Carlos

Sendo que “Chefe” deverá ser escrito na fonte Arial, tamanho 14 e cor vermelha
e nessa palavra deve ser inserida uma âncora, com o nome prof, para o seguinte
texto (escrito no final da página): “Prof. Adjunto IV – Dedicação exclusiva”.
“Roberto Carlos” deverá ser escrito na fonte Arial, tamanho 14, negrito e na cor
azul e na palavra “Roberto” deve ser inserido um link para o site oficial do
cantor Roberto Carlos.
No início da próxima linha deve ser digitado, na fonte Arial, tamanho 12 e cor
verde escuro, o seguinte texto: Subchefe: Prof. José. Na palavra “José” deve ser
inserido um link para a figura do mesmo, gravada no servidor.

Saltar duas linhas e inserir a seguinte tabela:

Últimos chefes do DEN

2004 2006 2008 2010

João Luiz Regina Lúcia

24
A largura da tabela será 600, a altura 80, alinhamento centralizado,
borda = 3, legenda: Últimos chefes do DEN e o texto dentro da tabela em
negrito e centralizado.

Saltar duas linhas e inserir uma linha horizontal.

Saltar 2 linhas e escrever: figura da Internet, selecionar essas palavras e inserir

um link para figuras de navios da seção de imagens do Google.

Saltar 2 linhas e escrever: link de figura, selecionar essas palavras e inserir um

link para uma figura do servidor.

Na próxima linha escrever: vídeo da Internet, logo após inserir um link para o
vídeo institucional da UFSJ que já está postado no youtube.

Na próxima linha escrever: e-mail: e logo após digite seu e-mail.

Clique nas opções Alterar – Publicar – Acessar a página.

25
 ANEXO – POSTAR UM VÍDEO NO YOUTUBE

Acesse o site do youtube, digitando www.youtube.com na barra de endereços da

Internet. Na parte superior da página inicial do youtube, irão aparecer duas opções:
Enviar vídeos e Fazer login.

Se você já é cadastrado, basta ir à opção Fazer login e, na janela que se abre, digitar seu
e-mail e sua senha e clicar na opção Login.

Se você não é cadastrado, clique na opção Enviar vídeos e na janela que se abre acione
a opção Criar conta.

Na janela que se abre você deve preencher o cadastro que aparece e em seguida clicar
na opção Próxima etapa.

Irá aparecer uma janela onde você pode adicionar uma foto a seu perfil. Caso queira,
clique na opção Adicionar foto do perfil e selecione o arquivo onde está a foto, quando
terminado clique na caixa Próxima etapa (caso não queira adicionar uma foto clique
direto em Próxima etapa).

26
Se estiver tudo certo aparecerá uma janela com uma mensagem informando seu novo
endereço de e-mail de usuário e outras informações.
Para voltar para o youtube clique na opção Voltar para o youtube.

Aparecerá uma janela informando que você está cadastrado no youtube. Para continuar
clique na caixa OK, estou pronto para continuar.

Surgirá na tela o seguinte campo:

Clique na opção Arquivos para enviar e selecione o arquivo de vídeo de seu

computador. Outra maneira é selecionar o arquivo de vídeo de seu computador, arrastá-
lo com o ponteiro e soltá-lo sobre esse campo.

Assim que fizer uma dessas duas ações, começará o upload (carregamento do vídeo
para o youtube). Quando o processamento chegar aos 100% seu vídeo estará postado no
youtube e irá aparecer o endereço dele. Depois desse processo talvez demore um pouco
para acessá-lo, pois são muitos vídeos que são enviados para o youtube (pode haver
“congestionamento”, dependendo de alguns fatores como, dia horário e quantidade de
usuários fazendo esse mesmo processo).

27
Enquanto é feito o upload você preencher alguns dados que aparecem nessa janela.

Pode mudar o título relativo ao vídeo, colocar alguma descrição sobre o vídeo, colocar
palavras-chaves (tags), nas Configurações de privacidade pode escolher se acesso ao
seu vídeo será público ou privado e a categoria a que ele pertence (humor, animal etc.).
Na adicionar a você pode adicionar o site do seu vídeo aos favoritos.
Para acessar (assistir o vídeo) depois, basta entrar no youtube (digitando
www.youtube.com), copiar o endereço do vídeo na caixa de endereços (browser) e
teclar Enter. Pode também digitar na barra de pesquisa as palavras-chave, que você
criou.
Os arquivos de vídeos suportados pelo youtube são aqueles com as extensões:

 .MOV
 .MPEG4
 .AVI
 .WMV
 .MPEGPS
 .FLV
 .3GPP
 .WebM

28
 MARCO ANTÔNIO CLARET DE CASTRO

DEPARTAMENTO DE MATEMÁTICA E

ESTATÍSTICA

SYSWEB - INCLUSÃO,
ALTERAÇÃO E EXCLUSÃO DE DADOS NAS PÁGINAS DAS UNIDADES
INFORMADORAS DA UFSJ

SÃO JOÃO DEL-REI

MARÇO DE 2013
 SUMÁRIO

INTRODUÇÃO ....................................................................................................................................1
1. INFORMAÇOES DE ACESSO ......................................................................................................2
2. CRIAÇÃO DE UMA PÁGINA NOVA ...........................................................................................3
3. ALTERAÇÃO DE UMA PÁGINA ...............................................................................................10
4. INSERÇÃO DE FIGURAS, VÍDEOS E LINKS EM PÁGINAS..................................................12
4.1. CRIANDO UMA SUBPASTA NO SERVIDOR ...................................................................................13
4.2. POSTANDO UM ARQUIVO NO SERVIDOR ...................................................................................14
4.3. INSERINDO FIGURA DE UM ARQUIVO .........................................................................................15
4.4. INSERINDO UM ARQUIVO FLASH ................................................................................................17
4.5. INSERINDO UM LINK PARA UM ARQUIVO DO SERVIDOR .............................................................19
4.6. INSERINDO UM LINK PARA UMA FIGURA DO SERVIDOR ..............................................................19
4.7. INSERINDO LINK DE UMA FIGURA DE UM SITE DA INTERNET ......................................................20
4.8. INSERINDO UM VÍDEO DE UM SITE DA INTERNET .......................................................................20
4.9. INSERINDO UM LINK PARA UM SITE DA INTERNET ......................................................................22
4.10. INSERINDO UM LINK PARA UM E-MAIL .....................................................................................22
4.11. INSERINDO UMA ÂNCORA (LINK PARA A MESMA PÁGINA)........................................................23
5. EXEMPLO DE CRIAÇÃO DE UMA PÁGINA ...........................................................................24
ANEXO – POSTAR UM VÍDEO NO YOUTUBE .............................................................................26