Content Management Systems WordPress · Drupal Fernando Bação & Manuela Aparicio 8 “The Drupal...

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)

• 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

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

• Software Proprietario• SharePoint (Microsoft)• Oracle WebCenter Content, Wecast (Oracle)

• Software Open Source• Drupal (Acquia, Drupal community)• Joomla (Joomla community)• WordPress (Wordpress community)

Software

Source: http://www.opensourcecms.com/general/cms-marketshare.php

Drupal

“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

https://www.whitehouse.gov/

http://www.nato.int/

http://www.worldbank.org/

http://www.virgin.com/

http://www.fedex.com/us/

http://www.oracle.com/uk/index.html

http://www.mtv.co.uk/

http://www.universalstudios.com/

http://www.nasa.gov/

Joomla

• 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

http://www.unric.org/en/

Websites em Joomla

http://Thehill.com/

Websites em Joomla

http://novaims.unl.pt

Websites em Joomla

http://gsas.harvard.edu/

Websites em Joomla

https://ace.nd.edu/

Websites em Joomla

http://www.guggenheim.org/

Websites em Joomla

http://www.thefashionspot.com/

WordPress

• 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

https://hbr.org/magazine

http://fortune.com/

http://time.com/

http://chicagoweathercenter.com/blog

http://www.newyorker.com/

http://open.nasa.gov/

http://group.renault.com/

http://alanis.com/

Como escolher?

Qual dos 3 CMS apresentados é

o melhor?

• Drupal?

• Joomla?

• WordPress?

Decisão

� Planear um CMS� Preparar Informação

� Considerações sobre HCI

� CMS OS WordPress� Criar� Funcionalidades� Parametrização

Planear um CMS

� 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

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

Human Computer Interaction (HCI)

� Título

� Tipo de letra

� Layout dos écrans

� Cores

� Imagens

� Indexação dos conteúdos

Considerações sobre HCI

� 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

• 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)

Exemplos Tipo de Letra

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.

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

� 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)

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

� 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

• Criar um Website em Wordpress.com

• Escolher um tema• Definir o publico-alvo• Estruturar os conteudos• Criar conta no http://wordpress.com

Atividade

1º Criar um domínio (Nome ou enderço do website)

Start a new Wordpress

2º Escolher o plano Free

Start a new Wordpress

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

6º Entrar na conta do WordPress com o endereço escolhido e palavra-passe

Start a new WordPress

7º Na barra de endereço colocar apenas o nome do site seguido de /wp-admin

http:// NomeEscolhido.wordpress/wp-admin

Customizar o website

8º Aparece o Dashboard do Wordpress9º Inciar com o template

Customizar o website

• Dashboard – Appearance- Theme- Free

Alterar o Template/Tema

• 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

• 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

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<bacao@novaims.unl.pt>

Manuela Aparicio<d2012092@novaims.unl.pt>

Content Management Systems WordPress · Drupal Fernando Bação & Manuela Aparicio 8 “The Drupal...

Documents

Transcript of Content Management Systems WordPress · Drupal Fernando Bação & Manuela Aparicio 8 “The Drupal...

Desenvolvimento Ágil com Drupal

Drupal 7 - Apostila

Agile Testing com Drupal

site em Drupal 8 Aprenda a fazer um - drupal.org.brdrupal.org.br/sites/default/files/ADB - Drupal GTD.pdf · Ambiente de Desenvolvimento O Drupal roda sobre um servidor web (normalmente,

Drupal · 2019. 12. 31. · ¿Qué és Drupal? • 1998-9 o Portal de noticias para una LAN(drop.org) • 2001 o Drupal es licenciado como GPL • 2008 o Drupal 6: 100 000 descargas

Drupal modulo charts

Drupal meetup iscte-pauloamgomes

Apresentação Drupal

LINGUAGENS,, CCÓDIGOS TECNOLOGIAS€¦ · 3 TEXTO I A Free World-class Education for Anyone Anywhere The Khan Academy is an organization on a mission. We're a not-for-profit with

Palestra Drupal - Campus Party 2014

Vendendo projetos de Drupal no Brasil - por Rafael Cichini - Drupal Camp 2013

Agile Testing no Drupal

Introduction to Drupal - drupal trainning day

Desenvolvimento web com (cms) Drupal

Oficina Drupal Web Lab

Desenvolvimento Drupal em Equipe

Drupal workshop fcul_2014

MEAN e Drupal - Drupal day 2014

Drupal 4 Dev: aprendendo Drupal do ponto de vista de desenvolvedores

O que é Drupal? Drupal Global Training Day