content management systems wordpress · drupal fernando bação & manuela aparicio 8 “the...
TRANSCRIPT
Instituto Superior de Estatística e Gestão de Informação
Universidade Nova de Lisboa
NOVA Information Management School
Universidade Nova de Lisboa
Fernando Bação , Ph.D.
&
Manuela Aparicio , Ph.D.
Information Management and Curation
Information and Society
February, 2017
Content Management Systems
WordPress
1. Content Management Systems (CMS)
2. Exemplos de CMS
3. Planear um CMS
4. Parametrizar o WordPress
Agenda
Fernando Bação & Manuela Aparicio 2
• Um CMS permite armazenar, recuperar, editar, atualizar, reutilizar vários tipos de conteúdos,
• CMS não é um nome de um produto comercial, nem é uma tecnologia, é sim um termo utilizado na classificação de sistemas de informação,
• Consiste num tipo de sistema que gere conteúdos num ambiente Web e que os separa da estrutura dos websites.
(Kartchner, 1998; Hoke, 2000; Browning & Lowndes, 2004)
Content Management Systems (CMS)
Fernando Bação & Manuela Aparicio 3
• Um CMS integra e automatiza os processos de suporte ao ciclo de vida de conteúdos (texto, imagem, som, video, aplicações) na Internet.
• Gere os utilizadores de acordo com diversas permissões de acesso.
Processo de um CMS
Fernando Bação & Manuela Aparicio 4
Criar Rever Armazenar Publicar Arquivar Eliminar
Autoria Publicação
Armazenamento
Workflow de um conteúdo
(Ort, 2000; Vidgen, 2001)
• Jornal eletrónico• Document management systems (DMS)• Versioning systems (CVS)• E-commerce• Portal• Blog• E-learning systems• Forum• Wiki• Knowledge management systems (KMS)
Exemplos de CMS
Fernando Bação & Manuela Aparicio 5
• Software Proprietario• SharePoint (Microsoft)• Oracle WebCenter Content, Wecast (Oracle)
• Software Open Source• Drupal (Acquia, Drupal community)• Joomla (Joomla community)• WordPress (Wordpress community)
Software
Fernando Bação & Manuela Aparicio 6
Software
Fernando Bação & Manuela Aparicio 7
Source: http://www.opensourcecms.com/general/cms-marketshare.php
Drupal
Fernando Bação & Manuela Aparicio 8
“The Drupal community is one of the largest open source communities in the world. We're more than 1,000,000 passionate developers, designers, trainers, strategists, coordinators, editors, and sponsors working together. We build Drupal, provide support, create documentation, share networking opportunities, and more.” (Drupal, 2017)
https://www.drupal.org/about
Initial release 2001
Current Release 8
Core Contributers >90
Línguas > 181
Developers, designers, trainers, editors > 1 milhão
Websites Powered by Drupal
Fernando Bação & Manuela Aparicio 9
https://www.whitehouse.gov/
Websites Powered by Drupal
Fernando Bação & Manuela Aparicio 10
http://www.nato.int/
Websites Powered by Drupal
Fernando Bação & Manuela Aparicio 11
http://www.worldbank.org/
Websites Powered by Drupal
Fernando Bação & Manuela Aparicio 12
http://www.virgin.com/
Websites Powered by Drupal
Fernando Bação & Manuela Aparicio 13
http://www.fedex.com/us/
Websites Powered by Drupal
Fernando Bação & Manuela Aparicio 14
http://www.oracle.com/uk/index.html
Websites Powered by Drupal
Fernando Bação & Manuela Aparicio 15
http://www.mtv.co.uk/
Websites Powered by Drupal
Fernando Bação & Manuela Aparicio 16
http://www.universalstudios.com/
Websites Powered by Drupal
Fernando Bação & Manuela Aparicio 17
http://www.nasa.gov/
Joomla
Fernando Bação & Manuela Aparicio 18
• Initial release 2005
• Current Release 3.6.5
• Core Contributers 120
• Línguas >60
• Total de instalações > 50 milhões
• A comunidade Joomla tem mais de 250 000 membros
• O Forum tem cerca de 120 000 membroshttps://community.joomla.org/
Websites em Joomla
Fernando Bação & Manuela Aparicio 19
http://www.unric.org/en/
Websites em Joomla
Fernando Bação & Manuela Aparicio 20
http://Thehill.com/
Websites em Joomla
Fernando Bação & Manuela Aparicio 21
http://novaims.unl.pt
Websites em Joomla
Fernando Bação & Manuela Aparicio 22
http://gsas.harvard.edu/
Websites em Joomla
Fernando Bação & Manuela Aparicio 23
https://ace.nd.edu/
Websites em Joomla
Fernando Bação & Manuela Aparicio 24
http://www.guggenheim.org/
Websites em Joomla
Fernando Bação & Manuela Aparicio 25
http://www.thefashionspot.com/
WordPress
Fernando Bação & Manuela Aparicio 26
• Initial release 2004• Current Release 4.7.2• Core Contributers 20• Línguas >80• Total de instalações > 61
milhões
Websites Powered by WordPress
Fernando Bação & Manuela Aparicio 27
https://hbr.org/magazine
Websites Powered by WordPress
Fernando Bação & Manuela Aparicio 28
http://fortune.com/
Websites Powered by WordPress
Fernando Bação & Manuela Aparicio 29
http://time.com/
Websites Powered by WordPress
Fernando Bação & Manuela Aparicio 30
http://chicagoweathercenter.com/blog
Websites Powered by WordPress
Fernando Bação & Manuela Aparicio 31
http://www.newyorker.com/
Websites Powered by WordPress
Fernando Bação & Manuela Aparicio 32
http://open.nasa.gov/
Websites Powered by WordPress
Fernando Bação & Manuela Aparicio 33
http://group.renault.com/
Websites Powered by WordPress
Fernando Bação & Manuela Aparicio 34
http://alanis.com/
Como escolher?
Fernando Bação & Manuela Aparicio 35
Qual dos 3 CMS apresentados é
o melhor?
• Drupal?
• Joomla?
• WordPress?
?
Decisão
Fernando Bação & Manuela Aparicio 36
!
� Planear um CMS� Preparar Informação
� Considerações sobre HCI
� CMS OS WordPress� Criar� Funcionalidades� Parametrização
Planear um CMS
Fernando Bação & Manuela Aparicio 37
� Preparar a Informação:� Definir o Objetivo do CMS� Definir qual o público-alvo dos conteúdos� Criar uma metodologia para decisão dos tipos de conteúdos
� Recolha de Informação (em várias fontes e formatos)� Definir Critérios de seleção dos conteúdos (relevância, proveniência e
utilidade para os utilizadores)� Estipular uma estrutura de organização (catalogação, indexação e
hierarquização) dos conteúdos e acessos aos mesmos (granularidade dos utilizadores)
Planear CMS
Fernando Bação & Manuela Aparicio 38
Questões essenciais:– Quem (tipo de utilizadores, perfil)– Porquê (de acordo com os seus “wants & needs”)– Como (de que modo acede )
Definir a Audiência
Fernando Bação & Manuela Aparicio 39
Human Computer Interaction (HCI)
Fernando Bação & Manuela Aparicio 40
HCI
Fernando Bação & Manuela Aparicio 41
� Título
� Tipo de letra
� Layout dos écrans
� Cores
� Imagens
� Indexação dos conteúdos
Considerações sobre HCI
Fernando Bação & Manuela Aparicio 42
� Nome como é reconhecido o sistema
� Deve obedecer aos mesmos requisitos da escolha do nome de um qualquer produto
• Deve sugerir algo sobre os benefícios da utilização• Deve indicar ação• Fácil de pronunciar• Distinto
Título
Fernando Bação & Manuela Aparicio 43
• Fonte que facilite a leitura:
• O tipo de fonte, a que facilita mais a leitura em écran, é a que utiliza tamanhos variáveis (variable-pitch), dependendo da letra do alfabeto e que ao mesmo tempo seja (sans-serif) não-serifada, tamanhos varáveis não serifados (ex: Arial)
• Se num écran estiver uma frase totalmente em letras maiúsculas, levará mais tempo a ser lida
• Se for o caso de letras soltas, códigos ou botões com legendas, tornar-se-á mais fácil de ler se forem utilizadas letras maiúsculas
Tipo de Letra (Dix et al, 2004)
Fernando Bação & Manuela Aparicio 44
Exemplos Tipo de Letra
Fernando Bação & Manuela Aparicio 45
Courier utiliza tamanhos fixos para todas as letras.
Times New Roman utiliza tamanhosvariáveis serifados para as letras.
Arial utiliza tamanhos variáveis não-serifados para as letras.
Fonts
Fernando Bação & Manuela Aparicio 46
http://youtu.be/wOgIkxAfJsk
Equilíbrio (Simetria ou Assimetria)Assimetria mais carregada de um dos lados, deve ser equilibrada por
uma parte maior e mais leve em tons claros (Mullet & Sano, 1995)
Colocar as barra de menus nos extremosNo centro é visualizada a informação escolhida nos menus verticais,
porque os utilizadores tendem a direcionar o olhar para a parte central (Brinck, 2002)
Layout dos Écrans
Fernando Bação & Manuela Aparicio 47
Cores
Fernando Bação & Manuela Aparicio 48
� Podem melhorar as condições de leitura, servindo para evidenciarpalavras, frases e títulos (Al-Badi & Mayhew, 2004)
� Não devem ser utilizadas em grande número nem em excesso de uma só cor, porque esses elementos podem ter um efeito distrativo (Dix et al, 2004)
� Os significados das cores podem ser múltiplos, as acepções variam consoante a cultura e o grupo social. (Dix et al, 2004; Al-Badi & Mayhew, 2004)
Cores
Fernando Bação & Manuela Aparicio 49
Cores
Fernando Bação & Manuela Aparicio 50
Cor
Vermelho Paixão, dinamismo, revolucionário, sexo Guerra, sangue, fogo, morte, demónio
LaranjaEnergia, atividade, generosidade, convívio, ambição Não tem associações negativas, pode dar
imagem de barato
Amarelo Sol, verão, luz, inteligência, ciência ação, realeza, expansão Cobardia, traição, dúvida
VerdeVegetal, natureza, primavera, vida, esperança, segurança, satisfação repouso
Frio, agressivo, verde acinzentado doentio
AzulEspiritualidade, fé, sobrenatural,feminidade, justiça, racionalidade, seriedade, tranquilidade, limpeza e higiene
Valores introvertidos, o secreto a penumbra
Violeta Nobreza, realeza, dignatários da igreja, poder e misticismoInconsciente, mistério, opressão, luta,superstição, decadência
Preto Luxo, distinção, rigor, dimensão artística Morte, desespero e o desconhecido
Branco Inocência, pureza, virgindade, perfeição, verdade e sabedoria Vazio. Silêncio e inatingível
(“Art de la Couleur”, Johannes Itten)
Imagens e Indexação
Fernando Bação & Manuela Aparicio 51
� As imagens devem seguir um determinado estilo e devem estar de acordo com a informação
disposta, bem como os utilizadores se devem identificar com as mesmas
� No que diz respeito à indexação dos conteúdos, sabe-se que alguns sistemas realizam este
processo de modo automático, mas devem também ser escolhidos termos que os utilizadores
usem na sua linguagem natural, de modo a permitir um acesso facilitado ao conteúdo
Imagens e Indexação
Fernando Bação & Manuela Aparicio 52
• Criar um Website em Wordpress.com
• Escolher um tema• Definir o publico-alvo• Estruturar os conteudos• Criar conta no http://wordpress.com
Atividade
Fernando Bação & Manuela Aparicio 53
1º Criar um domínio (Nome ou enderço do website)
Start a new Wordpress
Fernando Bação & Manuela Aparicio 54
2º Escolher o plano Free
Start a new Wordpress
Fernando Bação & Manuela Aparicio 55
3º Criar a conta no WordPress com a conta de e-mail4º Esperar uns segundos até que se ative a conta
5º Ir ao e-mail e validar a criação da conta no WorPress
Start a new WordPress
Fernando Bação & Manuela Aparicio 56
6º Entrar na conta do WordPress com o endereço escolhido e palavra-passe
Start a new WordPress
Fernando Bação & Manuela Aparicio 57
7º Na barra de endereço colocar apenas o nome do site seguido de /wp-admin
http:// NomeEscolhido.wordpress/wp-admin
Customizar o website
Fernando Bação & Manuela Aparicio 58
8º Aparece o Dashboard do Wordpress9º Inciar com o template
Customizar o website
Fernando Bação & Manuela Aparicio 59
• Dashboard – Appearance- Theme- Free
Alterar o Template/Tema
Fernando Bação & Manuela Aparicio 60
• Os Posts servem para adicionar conteúdos, editar conteúdos já publicados e incluir diversos
outros conteúdos (imagens, vídeo, questionários)
• Também nesta secção se podem criar tags e hierarquizar categorias de assuntos
• A informação deverá estar estruturada de acordo com um conjunto de categorias, bem
como estas podem estar subdivididas em sub-assuntos diversos
• Permite criar hierarquia de categorias
• Cada conteúdo deverá estar incluído numa categoria ou sub-categoria
• O WordPress permite criar Tags/ Palavras-chave.
Posts/ Artigos & Categorias & Tags
Fernando Bação & Manuela Aparicio 61
• Aparicio, M. & Costa, C. (2004) “Principles For Creating Websites: A Design Perspective”,in Mehdi Khosrow-Pour (Ed.) Innovations Through Information Technology 2004 Information Resources Management Association International Conference New Orleans, Louisiana, USA May 23-26
• Aparicio, M. & Costa, C. (2007) “Content Management Systems” [Slides da UC de Seminário de DSI]
• Brinck, T., Gergle, D. & Wood, S., (2002). Usability for the web: designing Web sites that work. Morgan Kaufmann Publishers San Francisco
• Browning, P., & Lowndes, M. (2004.). Content Management Systems: Who Needs Them? | Ariadne: Web Magazine for Information Professionals. Retrieved April 3, 2014, from http://www.ariadne.ac.uk/issue30/techwatch
• Dix, et al (2004) Human-Computer Interaction, Third Edition, Pearson Prentice Hall, pp.100-101
• Gilbert, M. et al (2000) “The measures of a Content Management Strategy”, Gartner- Group Brinck, T., Gergle, D. & Wood, S., (2002). Usability for the web: designing Web sites that work. Morgan Kaufmann Publishers San Francisco
• Hoke, F. (2000) E-Enterprise: Business Models, Architecture and Components, Cambridge University Press, UK
• Kartchner, C. (1998) “Getting From Concept to Reality”, The Journal of Electronic Publishing, vol.3, Issue 4, Disponível em: http://www.press.umich.edu/jep/03-04/Kartchner.html
• Mullet, K. & Sano, D. (1995), Designing visual interfaces: Communication oriented techniques. Englewood Cliffs, NJ: Prentice Hall
• Ort, E. (2000) “Ten Things to Know About Selecting a Content Management System, Dot-Com Builder”,
• Patel, S. K., Rathod, V. R., & Parikh, S. (2011). Joomla, Drupal and WordPress-a statistical comparison of open source CMS. In Trendz in Information Sciences and Computing (TISC), 2011 3rd International Conference on (pp. 182-187). IEEE.
• Taylor, P. (2003) “CMS Rating”, Disponível em:www.opensourcecms.com/index.php?option=content&task=view&id=388
• Wagner, P. (2015). Wordpress: Wordpress For Beginners-How To Build A Wordpress Website Or Blog From Scratch And Master Wordpress In 2 Days Or Less!-Web Design, E-Commerce, Web Development.
Referências
Fernando Bação & Manuela Aparicio 62
Instituto Superior de Estatística e Gestão da InformaçãoUniversidade Nova de Lisboa
Address: Campus de Campolide, 1070-312 Lisboa, PortugalPhone: +351 213 828 610 Fax: +351 213 828 611
Acreditações e Certificações
Thank you!
Fernando Bação<[email protected]>
Manuela Aparicio<[email protected]>