João Sá Marta 211-04-23

Introdução

CMS (Sistema de gestão de conteúdos) para WEB

Possui um sistema de gestão de utilizadores e de permissões avançado

Editor de páginas de fácil utilizaçãoPermite a adição de módulos de modo a

satisfazer as necessidades

João Sá Marta 311-04-23

Autenticação

Utilizadores de toda a UC

Username e password do endereço de correio electrónico

Utilizadores autenticam-se no sistema de autenticação da UC

João Sá Marta 411-04-23

Tipos de utilizadores

João Sá Marta 511-04-23

Tipos de utilizadores (cont.)

Níveis de acesso aplicáveis a conteúdos

Nível de acesso Tipo de utilizador

1 2 3 4 5

Público +Autenticados (todos os utilizadores da UC) + +Viewer + + +Viewer + + + + +Viewer ++ + + + + +

João Sá Marta 611-04-23

Layout de um site tipo –Pág. principal Cabeçalho-Apresenta a identidade da

UC – Não é possível alteração via CMS

Fim da listagem de conteúdos,copyright, links úteis

e gerais

Menu que

reflecte a estrutura do site

Barra de navegação

Área de conteúdos, editável pelos editores. (Silva Document com o identificador

“index_middle”)

Slideshow. Podem ser vídeos ou imagens que incluem texto e link para mais informação (Silva Publication com o identificador “slideshow”, cujo conteúdo são “Media content”)

Área de notícias (mostra todos os “viewers”)

João Sá Marta 711-04-23

Layout de um site tipo – Páginas secundárias

Banner: Banners diferentes por subsite e

por directoria

Área editável pelos editores

João Sá Marta 811-04-23

Navegação no Backoffice

http://www.uc.pt/ciuc/formacao_silva/accoes_formacao01/... /edit

João Sá Marta 911-04-23

Navegação no Backoffice (cont.) Separador “contents”: mostra a estrutura e conteúdos do site

João Sá Marta 1011-04-23

Navegação no Backoffice (cont.) Separador “preview”: permite fazer a pré-visualização do site/páginas

João Sá Marta 1111-04-23

Navegação no Backoffice (cont.) Separador “properties”: permite definir propriedades dos objectos

(site/página..)

João Sá Marta 1211-04-23

Navegação no Backoffice (cont.) Separador “access”: permite definir permissões a utilizadores e definir

restrições para visualização

João Sá Marta 1311-04-23

Navegação no Backoffice (cont.) Separador “publish”: informação sobre as versões de objectos

publicáveis, aprovação para o futuro, recuperação de versões anteriores

João Sá Marta 1411-04-23

Estrutura de um “site”

Um site contém objectos “Silva”- Podem ser documentos(páginas), pastas, subsites, ficheiros (pdf, xls, doc, zip, etc), notícias, indexação de conteúdos, slideshows, etc.

Para cada nível da estrutura de um site podem ser definidos diferentes conjuntos de permissões e de utilizadores ou grupos de utilizadores

João Sá Marta 1511-04-23

Estrutura de um “site” –organização de conteúdos

O conteúdo pode ser organizado em pastas e subsites(publicações)

Pastas e subsites são opacos (não aparecem na visualização do site) se não contiverem:Páginas (silva document) publicadasNotícias publicadasTabelas de conteúdos

João Sá Marta 1611-04-23

Adição de conteúdos Tipos de conteúdos

João Sá Marta 1711-04-23

Adição de conteúdos (cont.) Silva Document

Um “Silva Document” é a unidade básica de informação neste CMS.Um documento pode conter texto, listas, tabelas, cabeçalhos, sub-cabeçalhos, imagens, etc.

João Sá Marta 1811-04-23

Adição de conteúdos (cont.) Edição de um “Silva Document” –Formatação

João Sá Marta 1911-04-23

Novo layout – cabeçalhos e parágrafos

João Sá Marta 2011-04-23

Adição de conteúdos (cont.) Edição de um “Silva Document” –Guardar e pré-visualizar

João Sá Marta 2111-04-23

Adição de conteúdos (cont.) Edição de um “Silva Document” –Tabelas

Vários tipos (classes): plain, list, grid, datagrid

Ocupa a largura da página

Possível de definir a largura relativa das colunas

Junção (merge) de células da mesma linha

João Sá Marta 2211-04-23

Adição de conteúdos (cont.)

Edição de um “Silva Document” -Tabelas

João Sá Marta 2311-04-23

Adição de conteúdos (cont.)

Edição de um “Silva Document” -Tabelas

Largura das colunas – equivale a 50%,50%

Mudar para 1,4 – (20%,80%)

João Sá Marta 2411-04-23

Adição de conteúdos (cont.) Edição de um “Silva Document” –imagens

João Sá Marta 2511-04-23

Adição de conteúdos (cont.) Edição de um “Silva Document” –imagens

João Sá Marta 2611-04-23

Adição de conteúdos (cont.) Edição de um “Silva Document” – links externos

João Sá Marta 2711-04-23

Adição de conteúdos (cont.) Pastas e ficheiros

João Sá Marta 2811-04-23

Adição de conteúdos (cont.) Pastas e ficheiros

João Sá Marta 2911-04-23

Adição de conteúdos (cont.) Links para ficheiros

João Sá Marta 3011-04-23

Adição de conteúdos (cont.) Links para ficheiros

João Sá Marta 3111-04-23

Módulos e funcionalidades adicionaisGaleria de imagensFlash SilvaGoogle CalendarLeitor de .flvSlide showVideo do YouTube

João Sá Marta 3211-04-23

Módulos e funcionalidades adicionaisSilva NewsAcesso a bases de dados externasSubscrição em páginasFormulários para envio de emailsMapa de localização e formulário de

contacto

João Sá Marta 3311-04-23

20 Regras De Usabilidade

Das cerca de 200 orientações ou regras de usabilidade identificadas no documento “Usabilidade_Checklist_20070703”, destacamos um conjunto de 20:

A disposição de conteúdos começa no topo superior esquerdo do ecrã. A disposição de informação é feita de forma lógica com títulos descritivos que descrevem claramente cada grupo A navegação até aos níveis terminais do site faz-se com 3 cliques Longas cadeias de caracteres ou números devem ser quebradas em pequenos pedaços Não é necessário fazer scroll horizontal Não é necessário percorrer a pagina todas para determinar os seus conteúdos. É possível ao utilizador "varrer" o ecrã e identificar e

compreender as mensagens/temas principais Não existe uma proliferação exagerada de banners e outros elementos promocionais desajustados O conteúdo da página está dividido em blocos O nível de detalhe de conteúdos é progressivo O número de opções em listas, menus, etc. são entre 5 a 9 itens (número "mágico" de 7) O texto é conciso, simples (sem adjectivos) e legível Opções e áreas de informação não aparecem como imagens que são confundidas com publicidade Os estilos e tamanhos de letra numa página são consistentes com a importância relativa de cada elemento Os links ancorados em elementos gráficos (ícones, imagens, gráficos) tem uma componente de texto e a tag "alt" preenchida Os links Internet estão a azul Os títulos das páginas Web, conforme aparecem na barra do browser, dão indicação do conteúdo e da área onde o utilizador se

encontra Os títulos de campos de páginas e secções são breves (e descritivos do respectivo conteúdo) Os títulos dos links indicam claramente os seu propósitos ou destinos Usam-se apenas até 4 cores (exceptuando-se cores adicionais de uso esporádico) Usar apenas até 4 tamanhos de fontes/letterings

João Sá Marta 3411-04-23

Suporte

cms-uc@suporte.uc.pthttp://www.uc.pt/ciuc/formacao_silvahttp://ucdemo.uc.pt/formacao