1

 O que é o Ultra Media Gallery (3)

 O que há de novo na versão 8.21.2 (4)
 Categorias e Modelos disponíveis (5)
 Exemplos de galerias de imagens (6)
Exemplo categoria Large Gallery (6-14)
 Exemplo categoria Small Gallery (15-19)
 Exemplo categoria Sliders & Rotators (20-28)
 Inserir o Módulo (29)
 Passo 1 -Escolher o modelo (30)
 Passo 2 –Criar álbum (31)
 Passo 3 – Upload de imagens (32)
Diferente formas de Upload (33-40)
 Gestão de Imagens (41-47)
 Gestão de Álbuns (48-51)
 Definições da Galeria (52-56)
 Aparência da Galeria (57-59)
 Modos da Galeria (60-63)

2
O Ultra Media Gallery (UMG) é uma módulo do
DotNetNuke (DNN) desenhado para utilizar nos sites
desenvolvidos em DotNetNuke.

O UMG é uma solução de gestão de galerias de imagens e

media com uma ampla gama de opções de visualização
personalizáveis, em flash e Html. Pode fazer upload de
vídeos, áudio, e filmes em flash a partir do seu computador
ou mesmo da internet. Pode subscrever o Flickr, o Google
Picasa ou outra fonte de imagens por RSS, de forma a
poder usar um interface de alta qualidade para
redimensionar as imagens.

3
Algumas novidades nesta nova versão do UMG:

 Upload para o UMG pelo iPhone – é a 1ª aplicação iPhone para módulos de

Galeiras do DotNetNuke; permite escolher várias fotos da câmara do iPhone
ou tirar algumas novas e sem problemas fazer upload para a sua galeria do
site.

 Nova apresentação: Triple Layer Slider – Esta apresentação oferece um efeito

deslizante estilo Android com várias camadas.

 Oferece um interface mais organizado e limpo de forma a facilitar os

utilizadores nas configurações.

 Apresenta sugestões para escolher a apresentação ideal. Dado que tem muitos
modelos de apresentação, o UMG pode dar sugestões após responder a
algumas questões.

 Recortar imagens grandes. O UMG está preparado para redimensionar

imagens com tamanho grande, para a resolução predefinida mantendo o seu
formato original. Assim, todas as imagens poderão ter a mesma resolução que
a galeria.

4
 Large
Gallery(9)
Small
Gallery (5)
Sliders &
UMG ClassicNG
Rotators (9)
SmoothGallery
RandomPosition
UMGProfessional
Widescreen VirtualTour
Showroom WidescreenTour1 Accordion
MediaLibrary WidescreenTour2 HTML SlideShow
TagGroupedGrid 3DWall CarouselEvolution
MultimediaGallery PiceRotator
TonicGallery SliderMaster
PhotoMap TripleLayerSlider
Translucent
KenBurnSlider
TimeLineSlider

5
UMG ClassicNG

Vista dos álbuns existentes.

Quando são novos estão
assinalados com esse informação.

Ao clicar num álbum este é aberto

apresentando da forma abaixo
ilustrada todas as fotos que
contém.

 Substitui o anterior UMG Classic e a apresentação Shadow Viewer;

 Suporta vários álbuns e álbuns relacionados (dependentes);
 Funciona em dispositivos móveis;
 Suporta os 4 tipos de media;
 Suporta vídeos inseridos do YouTube ou de outros sites;
 Permite classificação (votação);
 Pode facilmente partilhar em redes sociais, como o facebook, twitter, etc.;
 Permite colocar tags nas imagens utilizando o estilo do facebook.

6
Smooth Gallery
Botões de navegação – se tiver
optado por fechar a lista de
reprodução, pode navegar clicando
nestes botões.

Lista de reprodução que pode ser

colocada noutra área ou estar
fechada. Tem 3 álbuns

Neste exemplo a lista de

reprodução está no lado
direito e, a galeria só
tem 1 álbum.

 Uma evolução do anterior SmoothGallery, com uma diferente forma de

apresentação ;
 Disponível em todas as edições do UMG desde a versão 8.6;
 Funciona em todas as plataformas e navegadores;
 Só suporta imagens;
 Trabalha no iPhone/iPod;
 A lista de reprodução pode ser colocada no topo, à direita, à esquerda ou ao
fundo;
 Suporta vários álbuns;
 O menu e as miniaturas podem ter orientação vertical ou horizontal;
 Escolha ideal para substituir as anteriores apresentações em flash: UMGClasssic
e UMG Professional.

7
UMG Professional

Vista dos álbuns existentes. Além

dos álbuns dá a informação do
número de álbuns existentes e a
data da última alteração.

Através do lápis pode editar e

alterar o título da imagem

 Disponível em todas as edições do UMG

 Suporta vários álbuns;
 Funciona quando o plug-in do Flash está disponível;
 Só suporta imagens;
 Apresenta um aspeto profissional;
 Pode ver em écran inteiro;
 Pode alterar o título e descrição dentro do flash player;
 Visualiza as informações “EXIF” da imagem dentro do visualizador;
 Pode partilhar a foto.

8
WidescreenShow
Room

Os nomes dos álbuns ficam ao fundo.

 Disponível em todas as edições do UMG

 Suporta vários álbuns;
 Funciona quando o plug-in do Flash está disponível;
 Leitor de vídeo FLV e MP4 integrado;
 Tem um aspeto profissional;
 Navega para uma imagem quando passa com o rato por cima da
miniatura.

9
Media Library

Mostra os vários álbuns como no

Windows Explorer.

Ao clicar sobre a
imagem, abre o
visualizador de
imagens e uma
barra de
navegação.

 Disponível em todas as edições do UMG

 Suporta os 4 tipos de media;
 Suporta vários álbuns;
 Trabalha no iPhone/iPod;
 Agrupa os ficheiros media por categoria, mesmo estando em diferentes
álbuns.

10
 TAG Grouped Gallery

Pode filtrar
os media
por álbuns
ou Tags

Tem diferentes formas

de ver as imagens: em
grelha ou lista.

Pode escolher o
modo de
ordenação.

 Disponível em todas as emissões do UMG;

 Suporta os 4 tipos de media
 Os utilizadores podem classificar os media com o “polegar para cima”;
 Pode facilmente partilhar em redes sociais, como o facebook, twitter, etc.
 Permite ordenação e classificação

11
Multimedia Gallery

Álbuns existentes.

Álbum com fundo claro e

exemplo de um ficheiro
media .FLV

 Disponível em todas as emissões do UMG;

 Suporta imagens, vídeos, áudio e flash;
 Suportado em todas as plataformas e browsers;
 Suporta múltiplos álbuns;
 Apresenta as miniaturas das imagens por página.

12
 Tonic Gallery

Podem ser vistos

todos os
conteúdos na
mesma janela.

Ao clicar numa
imagem, é aberta
sob a galeria.

 Disponível desde a versão 8.3 do UMG;

 Suporta os 4 tipos de media;
 Trabalha no iPhone e iPad;
 Suporta vários álbuns;
 Baseada na versão personalizada do DNN do plugin prettyPhoto lightbox;
 Contém links para partilha social;
 Marcadores de páginas

13
 Photo Map

O Mapa aparece junto da

galeria, e o ícone de
fotos onde pode clicar
para ver.

 Disponível em todas as edições desde o UMG 8.16;

 Só para imagens;
 Suportado por todas as plataformas e browsers
 Usado em simultâneo com o módulo UMG-Map e tem de incluir as
coordenadas GPS ;
 Mostra as miniaturas das fotos no Google Maps;
 Pode ver no écran completo com aspeto lightbox

14
 Random Position

Ao clicar sob a imagem,

abre-a ampliando.
Para fechar, volta a
clicar na imagem.

 Só suporta imagens;
 Ficam apresentadas aleatoriamente;
 Um único álbum;
 Pode mudar a cor dos limites das miniaturas e das fotos.

15
 Virtual Tour

As imagens vão
passando como num
filme, fazendo o
efeito de transição

Pode ser visto no écran

completo.

 Disponível em todas as emissões do UMG;

 Só suporta imagens;
 Pode inserir música de fundo;
 Funciona quando o plug-in do Flash está disponível;
 Música e fundo disponível;
 Ideal para paisagens ou apresentação de imóveis.

16
Widescreen tour 1

Os álbuns aparecem na
Quando tem um vídeo, barra ao fundo.
este é reproduzido em
primeiro lugar

É selecionada
automaticament
e uma imagem
do álbum para o
fundo.

 Disponível em todas as edições do UMG;

 Suporta imagens e vídeos;
 Suportado por todas as plataformas e browsers;
 Suporta conteúdos embutidos, como vídeos do YouTube;
 Reproduz automaticamente um vídeo que esteja dentro do álbum;
 Mostra as miniaturas em posição aleatória ou fixa;
 Os administradores podem ajustar manualmente as posições das
miniaturas (aparece na galeria a opção Adjust Layout).

17
Widescreen tour 2

Após clicar no canto

superior, sobre o
ícone passa à
imagem seguinte

 Disponível em todas as edições do UMG;

 Suporta imagem e vídeo;
 Suportado por todas as plataformas e browsers;
 Trabalha no iPhone e iPad;
 Efeito de dobragem para mudar de imagem;
 Reproduz vídeo em FLV e Mp4;
 Suporte da roda do rato para mudar de imagem;
 Dois cliques permitem ir para écran completo quando vê vídeos

18
 3DWall

As
imagens
que
existem
em
diferentes
álbuns
aparecem
como
sendo do
mesmo.

 Disponível em todas as edições do UMG;

 Suporta só imagens;
 Trabalha em todas as plataformas e browsers;
 Trabalha no iPhone e iPad;
 Só pode ter um álbum;
 Bom efeito de 3D nos browsers Safari (incluindo iPhone e iPad);
 Suporte da roda do rato para mudar de imagem

19
 Accordion

Três modelos
de
apresentação

 Disponível em todas as edições do UMG desde a 8.11;

 Suporta imagens, vídeos e filmes em flash;
 Só aceita 1 álbum;
 Trabalha em todas as plataformas e browsers;
 Apresenta-se na horizontal com efeito acordeão;
 Tem três temas disponíveis;
 Funciona completamente em dispositivos móveis;
 Ativa um item quando clica ou passa com o rato sobre ele.

20
HTML SlideShow
Esta apresentação inclui 15
modelos diferentes.
modelo Default

modelo Headline

modelo Thumb-Bottom
modelo Tube 583x412

 Disponível em todas as edições do UMG;

 Só suporta só imagens;
 Trabalha em todas as plataformas e browsers;
 Trabalha no iPhone e iPad;
 Compatível com W3C;
 Pode usar as teclas de cursor no teclado, e a roda do rato pra navegar nas
fotos;
 Tem 15 modelos de apresentação.

21
Carousel Evolution

Exemplos de modelos com

diferentes alinhamentos e
formas de navegação

 Disponível em todas as edições do UMG desde a 8.1;

 Só suporta imagens;
 Trabalha em todas as plataformas e browsers;
 Trabalha no iPhone e iPad;
 Implementação em Javascript e puro CSS;
 9 Tipos de alinhamento.

22
 Piece Rotator

Alguns
efeitos de
transição

 Disponível em todas as edições do UMG;

 Suporta imagens, vídeos e filmes em flash;
 Funciona quando o plug-in do Flash está disponível ;
 Transições ilimitadas;
 Sombreado animado;
 Dezenas de opções de configurações

23
 SliderMaster

Barra Barra de
sobreposta controlo
(overlay)

Botões de
direção moldura

Título Botões de navegação (com números).

 Disponível em todas as edições do UMG desde a 8.2;

 Suporta imagens, vídeos e áudios mp3;
 Trabalha em todas as plataformas e browsers;
 Trabalha no iPhone e iPad;
 Baseado na obra do NivoSlider;
 Tem 14 efeitos de transição;
 Inclui vários elementos que pode utilizar no interface do utilizador.

24
Triple Layer Slider

Dois exemplos com

diferente fundo

 Disponível em todas as edições do UMG;

 Só suporta imagens;
 Trabalha em todas as plataformas e browsers;
 Estilo Android único com efeito de várias camadas de estilo flutuante;
 Trabalha no iPhone e iPad;
 Marcadores ou miniaturas para navegação;
 Uma camada (layer) para fundo e três flutuantes.

25
 Translucent

Diferentes formas
de apresentação

 Disponível desde a edição 8.4 do UMG;

 Modelo é em jQuery Rotator/Slideshow;
 Fundo translúcido definido para a legenda;
 Suporta toque swipe para navegação em tablets iPad e Android ;
 Tem mais muitas possibilidades de configuração.

26
 KenBurnSlider

Efeito de
transição em
slide ou fade

Exemplo do vídeo a ser

reproduzido dentro da galeria

 Disponível desde a versão 8.13 do UMG;

 Suporta imagens, vídeos e áudio;
 Suporta quase todos os tipos de medias incluindo vídeos embutidos;
 Podem aparecer as miniaturas ou marcas para navegação;
 Suporte de toque para dispositivos móveis.

27
 Timeline Slider

Linha do
cronograma
por data de
criação

 Disponível desde a edição 8.14 do UMG;

 Só suporta imagens;
 Trabalha em todas as plataformas e browsers;
 Efeito de cronograma único;
 A linha do tempo pode ser criada por data (dia/mês/ano) ou data de criação
Dois tipos de transição;
 Suporte de toque para dispositivos móveis.

28
 Para criar uma galeria com imagens, primeiro tem de inserir o módulo UMG.
Atenção que cada galeria de imagens só poderá conter um modelo de
apresentação, podendo, consoante o modelo selecionado, incluir vários álbuns.

 Para inserir o módulo:

1. No painel de controlo, na área de

Módulos, escolha a opção Adicionar Novo
Módulo.
No grupo: Seleção do Módulo, escolha:
• Na opção Categorias: Todas as
Categorias (vai ver todos os módulos
disponíveis);
• Na opção Módulo, selecione o módulo
Ultra Media Gallery.
• No título: Se pretender, pode escrever
um título para o módulo.
• Visibilidade: define se o módulo ficará
visível ou não para todos os
utilizadores tal como definido para a
página.

No grupo: Localização do Módulo,

escolha:
• Na Área: escolhe a zona da página
onde ficará colocado o módulo (caso
haja dúvidas altere o modo de
visualização para estrutura e verifique
as áreas definidas
• Opção Inserir: se tiver mais módulos
inseridos pode escolher a posição em
relação a outro.
• A opção Módulo está ligada com a
anterior e depende da posição
escolhida em relação ao módulo que
aqui indicar.
2. Clique no botão Adicionar Módulo.

Siga os passos que são indicados de seguida.

29
No passo 1, escolha o modelo de apresentação pretendido.
É apresentada uma galeria com os modelos existentes e a indicação do seu
nome. Pode escolher um modelo, clicando sobre esse.

O modelo em que clicar fica com o símbolo de visto por cima.

Clique no botão Choose (Escolha) que está ao fundo do lado

esquerdo, para passar ao passo 2.
Se escolher o botão Skip (Saltar), não escolhe o modelo e
passa ao ponto seguinte.

30
No passo 2, é pedido para Criar o seu primeiro álbum. Pode fazê-lo agora ou
novamente passar à frente e criar o álbum depois.

• Se clicar na opção Create album, será criado um álbum que ficará com o nome:
My first album. A galeria é criada e a janela que aparece é a que permite
carregar os ficheiros (ver mais à frente);
• Se clicar em Create album with full options, é aberta uma caixa de diálogo com
todas as opções que pode escolher para o álbum (hierarquia, nome, descrição e
outras caraterísticas.
• Se clicar em Cancel and return. Não cria o álbum agora mas pode fazê-lo mais
tarde. Passa à frente.

O módulo é inserido na página, mas encontra-se vazio.

Ao cimo aparece a barra com as opções que vai utilizar para as várias
definições necessárias de maneira a ter uma galeria personalizada e com as
imagens pretendidas.

31
No passo 3, seleciona a origem das imagens que irão ser disponibilizadas na
galeria.

A qualquer momento pode fazer o upload de mais ficheiros,

clicando no botão de Upload

Como pode ver na imagem aqui representada, além das informações que são
apresentadas sobre o modelo de galeria selecionada, tem várias opções de
carregamento de ficheiros. Irá escolher a que mais convier, consoante o local
onde tem os ficheiros guardados.

Por defeito está selecionada a opção Flash File Upload.

Indicações sobre o
modelo de
apresentação escolhido
e dicas de como pode
funcionar

Diferentes opções para

efetuar o upload dos
ficheiros.
Está selecionada a
primeira opção.

32
Opção Flash File Upload

1. Escolha em
primeiro lugar o
álbum onde vai
colocar as imagens.
2. Clique no botão Aqui tem a lista
Add Files para ir com os álbuns
buscar os criados
ficheiros.

É aberta a janela onde pode escolher o

local onde tem os ficheiros.

3. Selecione a pasta e os ficheiros para o

upload. Pode selecionar vários ao mesmo
tempo. Depois clique no botão Save.

4. A imagem seguinte, mostra a lista de ficheiros selecionados e que aguardam ser

carregados. Clique no botão Upload e o processo é iniciado como mostra a
imagem da direita.

Após o upload aparece a janela com a informação de que os

ficheiros foram carregados.

33
Opção Traditional File Upload
A diferença deste modo para o anterior, é que só pode fazer upload de um
ficheiro de cada vez!

1. Escolha em primeiro lugar o álbum onde vai colocar as imagens.

2. Clique no botão
Procurar para ir
buscar o ficheiro.

É aberta a janela (tal como na 3. Abra a pasta e selecione o ficheiro para o

opção anterior) onde escolhe o
local em que tem o ficheiro.
upload. Depois clique no botão Open.
Para adicionar mais que
um ficheiro, repita o passo
2 e 3, quantas vezes
precisar. Podem ser mais
que 7, porque vão abrindo
novos espaços para
adicionar.

4. Os ficheiros ficam na lista numerada. No fim clique no botão Upload selected

files.
Após o upload aparece a janela com a informação de que os ficheiros foram
carregados.

34
Opção Import existing medias on server

Através desta opção pode ir buscar ficheiros já guardados no servidor e usá-los

na galeria.

1. Selecione
o álbum
onde vai
colocar as
imagens.

2. Selecione
a pasta
onde tem
os
ficheiros.

3. Clique sobre o nome do

ficheiro e depois no
botão de setas para a
direita, para adicionar à
lista de ficheiros
selecionados.

4. Após a escolha dos

ficheiros, clique no
botão Import medias.

A mensagem a indicar quantos

ficheiros foram carregados aparece
no écran.

35
Opção Add media(s) from internet Url

Com esta opção pode trazer os ficheiros da internet.

1. Selecione
o álbum
onde vai
colocar as
imagens.

2. Insira o endereço de
url com o ficheiro. 3. Clique sobre o botão e
Repita para cada Save media para
ficheiro que guardar.
pretenda inserir nos
espaços abaixo

A mensagem a indicar quantos

ficheiros foram carregados aparece
no écran.

36
Opção Add media(s) from any HTML code

Aqui os ficheiros podem ser carregados utilizando código HTML

1. Selecione
o álbum
onde vai
colocar as
imagens.

2. Selecione o tipo
de media a
carregar. 4. Neste espaço
insira o código
3. Insira o título que fica html do ficheiro
associado ao ficheiro.
5. Clique sobre o botão e
Save media para
guardar.

A mensagem a indicar quantos

ficheiros foram carregados aparece
no écran.

37
Opção Copy and paste

Com um simples copiar pode colocar as imagens no álbum. Para efetuar esta
opção convém manter duas janelas abertas no écran, em que veja a pasta e os
ficheiros a copiar e em simultâneo a janela com o álbum onde vai colocar as
imagens.

1. Selecione o
álbum onde
vai colocar as
imagens.

2. Selecione o
ficheiro que
pretende copiar
e arraste para a
zona do álbum.

3. Largue sobre a
área do álbum.

Aparece a mensagem a informar

que a imagem foi gravada.

4. Clique no Ok.

Repita o processo para adicionar

mais ficheiros.

38
Opção HTML 5 Upload

Para que possa usar esta opção tem de ter a versão 5 do HTML instalada.

1. Selecione
o álbum
onde vai
colocar as
imagens.

3. Arraste um ou mais ficheiros para esta área.

ou
selecione através da opção Browse para ir buscar o(s)
ficheiros(s) a carregar

Atenção:
Atualmente esta opção funciona nos navegadores: Firefox 3.6+, Chrome e
Safari 6, no Opera possivelmente na versão 11 e provavelmente no
Internet Explorer 10.

39
Opção (New) Import from Facebook

Esta é uma nova opção que agora está disponível. Com esta pode ir buscar
imagens aos álbuns que tiver no seu facebook.

Tem de clicar no botão Authorize, para que seja

verificado o seu login no facebook. Deverá
depois escolher as imagens pretendidas.

40
Para que possa alterar títulos, acrescentar descrições, eliminar ou mesmo alterar a
posição das imagens, utilize uma das opções de gestão das imagens: Manage
(Gestão) ou My Work (Meu trabalho)

Para gerir as imagens faça:

1. Clique no botão de Manage ou no botão My Work do menu da galeria.

Em qualquer uma destas opções pode fazer a gestão das imagens, tendo em comum
a forma de apresentar e quase todas as opções. Mas, para mudar a ordem das
mesmas terá de ser através da opção Manage.

41
Como exemplo vamos usar a opção de Gestão, explicando as suas
opções.

Display: escolhe o in: escolhe o Aqui pode escolher o número

tipo de ficheiros a álbum a visualizar. de imagens a ver por página.
ver.

Ir para página Número da página em que Ir para página

anterior (se se encontra. Se houver seguinte (se
existir) muitas imagens serão existir)
apresentadas noutras
páginas.

42
Ao passar o apontador do rato sobre as imagens, irá visualizar três botões. Cada um
deles tem funções específicas como abaixo apresentadas.

O botão “raio” permite editar a imagem

com algumas das opções (editar rápido);

O botão “lápis” permite editar a

imagem com todas as suas opções;

O botão “cruz” permite eliminar a

imagem

Editar rápido

Clique no botão na parte superior da imagem

Nesta janela pode alterar o título, a
descrição e as tags (palavras chave).

Título: irá aparecer na galeria, em vez do

nome do ficheiro, quando optar por ver essa
informação
Descrição: pode inserir pequena descrição
que pode ou não aparecer dependendo do
modelo de galeria e do que escolher para ver
Tags (palavras chave).

Utilize as setas para gravar e passar para outra imagem:

Clique no botão Update Imagem Imagem

para atualizar as alterações anterior seguinte

Nota: O título das imagens modificadas vão ficar com cor vermelha de forma a
indicar que houve alteração.

43
Editar com todas as opções

Clique no botão na parte superior da imagem e terá acesso a uma janela com
todas as opções da imagem.

As mesmas
Para associar um link à A opção de aprovação informações que
imagem, escolha aqui o só é visível para quem foram indicadas
tipo de link que pode ser tem permissões de na página
para página, um ficheiro gestão do álbum. anterior. (ver
ou um url externo. Normalmente esta editar rápido)
Escreva o endereço na opção está ativada por
linha da Localização defeito

44
 Visualização e informações sobre a imagem editada.
Aqui ainda pode alterar a data em que a foto foi tirada, por exemplo.

Opções de edição sobre a imagem:

• Eliminar a imagem;
• Mover para outro álbum (ver página seguinte)
• Rodar para a esquerda
• Rodar para a direita
• Utilizar como imagem do álbum. Ao escolher esta opção, a imagem
aparece na galeria como imagem de apresentação do álbum.
• Cortar a imagem utilizando a aplicação Snipshot (editor de imagens online)

45
Para mover a imagem para outro álbum faça:
Clique na opção Move to another album.

Na mesma janela é apesentadas uma nova opção a perguntar para que álbum
pretende mover.

Escolha o álbum e clique no

botão Move.

Para confirmar, clique no Ok na

janela que é apresentada.

Nas informações da imagem já fica atualizada a sua

localização.
Clique no botão Atualizar, para gravar as alterações
feitas.

46
Para eliminar a imagem faça:
Clique na imagem e depois no botão que está na parte superior do espaço da
imagem

Aparece a janela a perguntar se tem

mesmo a certeza que quer eliminar a
imagem. Confirme no Ok, ou Cancele se
prende voltar atrás.

Para alterar a posição/ordem das imagens faça:

Ao passar com o rato sobre a imagem (mais na parte inferior), aparece o apontador
do rato em forma de setas nas quatro direções. Clique e mantendo pressionado o
botão do rato, arraste sobre as outras imagens até ficar na nova posição.

47
Quando foi inserida a galeria, foi criado (ou não), um primeiro álbum. Se optou pela
opção Create album, o álbum foi criado e ficou com o nome My first album.
A qualquer momento podem ser criados novos álbuns para organizar as suas imagens.
Dependendo do tipo de apresentação que escolher, pode não ser possível ter mais
álbuns e pode em alguns casos, ter álbuns com dependência entre si.

Para gerir os álbuns, faça:

Clique no botão de Albums.

Vê todos os álbuns existentes. Aqui tem o

exemplo de dois álbuns já criados.

Este álbum foi criado Primeiro álbum criado que tem o nome dado
posteriormente e tem o nome pelo programa. Apresente o nome do
definido pelo utilizador e já utilizador que criou, data e nome do álbum,
tem uma imagem definida bem como o número de imagens que tem
como logotipo do mesmo. dentro.
Este álbum não tem ainda nenhuma imagem
definida como logotipo do mesmo.

Opções de edição dos álbuns: O botão “raio” permite editar o álbum

(editar rápido) acedendo ao título e
descrição do mesmo;
O botão “lápis” permite editar o álbum
com todas as suas opções;

O botão “cruz” permite eliminar o

álbum. Atenção que elimina as
imagens que estiverem dentro.

48
Para criar um novo álbum, faça:
Mantendo-se na janela dos álbuns, clique no botão de Add
New, que está no canto superior direito da área de álbuns.

Informações
sobre os
álbuns.
Na opção Other album
options tem, além do
Standard (Normal) – que
está escolhido à partida, o
outro tipo: Add na album
from a RSS feed - com permissões de
subscrever uma fonte de
Rss na internet. Se optar
por este são apresentadas
as opções para completar o
endereço do rss feed.
Informação básica do
álbum:
Parent: indicação do
Nas opções avançadas álbum do qual vai
aparecem algumas depender (só pode ser
informações que só de um álbum vazio);
deverão ser alteradas Title: Título do álbum
se for um utilizador (obrigatório);
Description: Descrição
administração ou com que pode ser associada
conhecimentos mais ao álbum
profundos do DNN. Por
opção não devem ser
alteras aqui.

49
 Para editar um álbum, faça:

Clique no botão lápis no lado superior esquerdo da área do álbum

Se utilizar o botão raio edita mas

só com o título e a descrição.

Aparece a seguinte janela

Pode alterar
informações
Escreva o novo título
como o Título e
Descrição ou Escreva a nova descrição
definir logotipo
para o álbum

Para definir uma imagem como logotipo do álbum:

2. Clique no botão
Browse. Aparece a
janela onde escolhe a
1. Clique no botão imagem. Ao voltar a 3. Verifique que na
Upload logo. esta janela, clique no imagem do álbum
botão Upload. aparece agora a que
escolheu
50
Para eliminar um álbum, faça:

Clique no botão no lado superior esquerdo da área do álbum.

Na caixa de diálogo que é

apresentada, clique no Ok, se
deseja mesmo eliminar o álbum.
Atenção que as imagens contidas
nele serão igualmente eliminadas.

Para alterar a posição/ordem dos álbuns faça:

Ao passar com o rato na parte inferior do álbum, aparece o apontador do rato em

forma de setas nas quatro direções. Clique e mantendo pressionado o botão do rato,
arraste sobre os outros até ficar na nova posição.

51
São nas definições - Settings que escolhe as caraterísticas para a galeria que vai ser
apresentada. Além das categorias e modelos que são aqui escolhidos, existem ainda
um conjunto de informações sobre a galeria que pode alterar, caso considere
necessário.

Para escolher as definições de galeria faça:

Clique no botão de Settings (Definições)

Na janela apresentada aparecem quatro separados que, quando clicados, abrem

um conjunto de diferentes informações para a galeria.

52
Opções Básicas da Galeria

As opções básicas – separador Basic é a que está ativada quando vai para as
Definições. Aqui pode alterar algumas opções de funcionamento da galeria.

Escolha o tipo de upload de ficheiros

Tamanho das miniaturas da imagem

Forma de ordenação das imagens

Opção de marca de água
Posição da marca de água na imagem
Ativação da opção de cortar as
miniaturas para fixar o tamanho
Ativação da opção de cortar as
miniaturas para fixar o tamanho

Ativação do nome do produto.

Aparece ao fundo da galeria quando
ativado

Esta opção afeta só o Upload Ativação da opção de informações

com o Html 5. Por defeito sobre o link.
carrega todos os ficheiros
selecionados ao mesmo tempo.
Se desativar serão carregados
um por um.

53
Opções de Apresentação da Galeria

No tabulador de Apresentação – Presentation encontra algumas opções muito

importantes para a alteração da forma de apresentação da galeria: A Categoria e o
Modelo de Apresentação são aqui escolhidos.

Escolha a categoria de
apresentação*

Dependendo da categoria
escolhida, selecione um
dos modelos.*

Se escolheu uma
apresentação flash, o UMG
descarrega para usar
apresentação html ao
Ativar o visualizador do trabalhar com iPhone/iPad
dispositivo móvel quando ou clientes sem o plugin de
estiverem a ver a galeria flash.
nesse dispositivo.

Tamanho da galeria. A galeria assume um

tamanho determinado pelo modelo escolhido.
Pode alterar definindo aqui novas medidas.

Ao selecionar a categoria e modelo, (como referido nos

exemplos), algumas suportam ou não os vários tipos de
media. Aqui são automaticamente ativados os que são
suportados pelo modelo escolhido.

* Para ver quais as categorias e modelos existentes consulte as páginas 5 a 28,

onde estão todos os modelos e a descrição dos mesmos.

54
Opções de Integração da Galeria
No tabulador de integração– Integration estão algumas opções que normalmente não
são necessárias alterar, mas fazem parte da configuração da galeria e em
determinadas situações pode ser necessário alterar as definições.
Esta caraterística permite
transferir os seus medias
para um servidor Amazon
S3, para rápido, seguro e
fiável armazenamento.
Esta caraterística permite
transferir os seus medias
para um servidor Amazon
S3, para rápido, seguro e
fiável armazenamento.
O módulo UMG-Map
pode ser utilizado em
conjunto com este
módulo para mostrar o
lugar onde a foto foi
tirada. Para utilizar esta
caraterística tem de obter
a sua chave API
Obter a chave de acesso para
que o UMG notifique as
aplicações sociais quando existir
um novo media.
Opções de ativação para
integração de funcionalidades
com outros módulos do DNN.
Opções que permitem inserir
código Html para serem usados
na inserção da galeria noutras
situações como os Rss, outras
págins e janelas de Popup.
55
Opções Avançadas da Galeria

No tabulador de Definições Avançadas – Advanced são apresentadas opções que

normalmente só estão disponíveis e/ou deverão ser alteradas por quem gere o site.

Indicação da pasta que é

associada a esta galeria. Isso é
feito automaticamente pela
aplicação.
Se ativar, vai permitir que as
permissões sejam dadas
diretamente pelo nome do
utilizador.
Opções que
definem se a
venda de fotos
é permitida, e
espaços em
disco a ser
ocupado.
Opções de permissões:
define se podem ser
visualizadas nos álbuns e
gestão de perfis.
Também permite definir Modos de Galeria. Ver página 60
quem vai ter permissões no
álbum

Forma como é feita a

sincronia dos ficheiros, mas
só é necessário ativar caso
faça o upload por FTP.

56
Opções de aparência Appearence
Cada um dos modelos disponíveis inclui um conjunto de opções que definem e
alteram a forma de apresentar. Desde as cores de fundo, número de imagens,
velocidade de passagem, e muitas outras definições podem e devem ser escolhidas
pelo utilizador, podendo, desta forma personalizar a sua galeria.
Cada modelo tem caraterísticas específicas, por isso ao ir para a opção de aparência,
o conteúdo desta varia consoante o modelo escolhido antes.

Para alterar a aparência faça:

Clique no botão de Appearence (Aparência)

A janela que é apresentada apresenta conteúdos diferentes, dependendo do modelo

já escolhido. Todas as opções que são apresentadas são referentes à aparência da
galeria.
Alguns exemplos em diferentes modelos:

Large Gallery
WidescreenShowroom

Pode alterar as cores do tema, de fundo, do título do álbum e do texto, bem como
o comportamento e aparência (velocidade, começar automaticamente ou não,
etc.

57
 Large Gallery
UMGClassicNG

Além das cores e do comportamento

pode escolher onde e quais os
elementos que aparecem no álbum

Large Gallery
Accordion

Aqui pode mudar o tema a

aplicar, pois existem três
diferentes, também os
efeitos de transição e
tempo.

58
 Small Gallery
3DWall

A cor de fundo,
número máximo
de slides e
ordenação dos
mesmos, bem
como se terá
barra de
navegação e qual
a sua posição, são
as opções
disponíveis.

Large Gallery
TagGroupedGrid

Aqui pode escolher se

vê a galeria em tabela
ou lista e escolher
outras opções de
visualização; para
alterar o modelo da
grelha terá de alterar
em html nas opções
inferiores.

59
O modo escolhido para a galeria de imagens irá definir a forma como esta funciona.
Poderá permitir alimentação do módulo por utilizadores registados e com
permissões ou uma alimentação normal. São quatro os modos de trabalho
apresentados.

Para escolher o modo de galeria:

Clique na opção de Settings e no separador de Definições Avançadas -
Advanced, clique depois na seta de opções do Gallery Mode.

Normal: Este é o mais utilizado e está selecionado por defeito. Permite que os
utilizadores com permissões para tal, criem os álbuns e/ou façam upload das
imagens. Todos os que tiverem permissão de Ver, poderão ver as galerias de
imagens.

Personal Gallery: Este modo irá permitir a utilizadores autorizados criarem os seus
próprios álbuns e fotos e, somente o autor poderá ver o seu trabalho. Pode obter um
URL único para poder partilhar a galeria com as pessoas que pretender.

Profile Integration: Modo só de apresentação. Deve ser usado juntamente com

outros módulos de perfil que passam o código (ID do user) em string. O UMG lê esse
código e apresenta as imagens desse utilizador. Pouco utilizado.

Community: Novo modo nesta versão que permite aos utilizadores autorizados a
criarem os seus próprios álbuns e fotos. Esses álbuns e imagem aparecem em
conjunto.

60
O modo de Galeria Personal Gallery é um recurso que permite oferecer um serviço de
galeria de imagens pessoal no site. Os utilizadores que tiverem permissões para tal,
podem criar os seus próprios álbuns e gerir o seu trabalho.
Estes utilizadores podem depois partilhar o seu álbum pessoal com outras pessoas
utilizando um endereço de URL, que aponta diretamente para o álbum.

Escolha a opção Personal Gallery

São apresentadas algumas alterações

das permissões, em que devem ser
indicados quais os perfis e/ou
utilizadores que vão ter permissões.

Após a atualização, verá que a barra de ferramentas apresenta umã nova opção:
Share (Partilhar).

Esta opção é usada para indicar o endereço de URL que pode partilhar para que
outros utilizadores acedam à galeria..

61
O modo Profile Integration é pouco utilizado, pois a sua utilidade prática não se
verifica como nos outros modos disponíveis. Este modo permite configurar a Galeria
de Imagens para apresentar fotos específicas adicionadas à galeria por um
determinado utilizador e é utilizado um Identificador do utilizador para indexar e
apresentar as imagens.
Este é um modo só de apresentação de imagens, por isso não pode criar álbuns, nem
fazer uploads.
Escolha a opção Profile Integration

São apresentadas algumas alterações

na parte inferior da janela, onde é
indicada a fonte dos dados e a chave
do utilizador .

Após a atualização, verá que a barra de ferramentas apresenta menos opções. Não
pode criar álbuns, adicionar imagens, nem alterá-las.

62
O modo Comunidade permite aos utilizadores autorizados criarem os seus próprios
álbuns. Os álbuns dos vários utilizadores são apresentados em conjunto.
Escolha a opção Community

São apresentadas algumas opções na

parte inferior da janela, onde deve
escolher o número de álbuns que será
permitido criar por cada utilizador e
atribuir as permissões para esta
galeria.

Após a atualização, a barra de ferramentas apresenta menos opções.

Quando um utilizador autorizado entrar, pode criar os seus álbuns ou fazer o

upload das imagens. Tem o acesso total aos seus álbuns e imagens, mas os outros
utilizadores não têm acesso a esses álbuns a não ser os administradores que
tenham permissão de gestão da galeria.
Os álbuns apresentam o nome dos utilizadores que os criaram. sendo
apresentados em conjunto.

63
Manual elaborado por
Susana Fernandes

junho 2013

Contactos:
Telf. 291 202100 exts. 2175 ou 2176
Email: alojamento.sites@madeira-edu.pt

Mais informações sobre o DNN, disponíveis no portal de apoio DNN

http://intranet.madeira-edu.pt/apoiodnn

64