joão sá marta1 19-08-2014 introdução cms (sistema de gestão de conteúdos) para web possui um...
TRANSCRIPT
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” -Tabelas
João Sá Marta 2511-04-23
Adição de conteúdos (cont.) Pastas (Silva Folder)
Video do slide 24 (ficheiro .wmv, 6,5 MB)
João Sá Marta 2611-04-23
Adição de conteúdos (cont.) Imagens (Silva image)
Video do slide 25 (ficheiro .wmv, 15,2 MB)
João Sá Marta 2711-04-23
Adição de conteúdos (cont.) Inserção de imagens em páginas
Video do slide 26 (ficheiro .wmv, 19,2 MB)
João Sá Marta 2811-04-23
Adição de conteúdos (cont.) Alinhamento de imagens
Video do slide 27 (ficheiro .wmv, 20 MB)
João Sá Marta 2911-04-23
Adição de conteúdos (cont.)
links externos
João Sá Marta 3011-04-23
Adição de conteúdos (cont.) Links para ficheiros internos
Video do slide 29 (ficheiro .wmv, 18 MB)
João Sá Marta 3111-04-23
Módulos e funcionalidades adicionaisGaleria de imagensFlash SilvaGoogle CalendarVideo do YouTube
João Sá Marta 3211-04-23
Módulos e funcionalidades adicionaisSilva NewsFormulá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