Este documento discute como o Drupal pode ser usado para criar sites de diferentes tipos, como sites de notícias, blogs e portfólios. Explica como estruturar o conteúdo, integrar serviços de terceiros e personalizar a exibição do conteúdo usando módulos no Drupal.

2. This work is licensed under the Creative Commons
Attribution-NonCommercial-ShareAlike 3.0 Unported
License. To view a copy of this license, visit
http://creativecommons.org/licenses/by-nc-sa/3.0/ or
send a letter to Creative Commons, 444 Castro
Street, Suite 900, Mountain View, California, 94041,
USA.
Download: http://training.acquia.com/hellodrupal
Licença

3. Nos conhecendo

4. Sobre nós...

5. O QUE É O DRUPAL?
Sessão 1

6. https://twitter.com/#!/tom_eric/status/26847650412
A analogia do Lego

7. Attribution 2.0 Generic (CC BY 2.0)
By V&A Steamworks
http://www.flickr.com/photos/32482342@N05/6232526245/
Attribution 2.0 Generic (CC BY 2.0)
By Sirius™
http://www.flickr.com/photos/sontranphotos/6305186977/
Níveis de personalização

8. Attribution 2.0 Generic (CC BY 2.0)
By creative.paradox
http://www.flickr.com/photos/edmands/2771878770/
Attribution-NoDerivs 2.0 Generic (CC BY-ND 2.0)
by JuditK
http://www.flickr.com/photos/juditk/5879492679/
Componentes vs. Kits

9. O que é o Drupal?
Unidade 1.1

10. O Drupal é...

11. Uma presença online

12. Uma plataforma de publicação

13. Uma ferramenta de busca robusta

14. Uma plataforma de discussões

15. Múltiplos idiomas

16. Grandes eventos

17. Engajamento de cidadãos
Friday, April 19, 2013

18. Engajamento de estudantes

19. Uma biblioteca digital

20. Plataforma para bandas

21. Um encurtador de URL seguro

22. Construtor de serviços

23. Construtor de produtos
Friday, April 19, 2013

24. Por que escolher o Drupal
1. Comparado com outros CMSs:
! Funcionalidades e interface altamente
personalizáveis.
! Extensível com API e temas personalizados.
2. Comparado a frameworks:
! Tempo/esforço poupado com outros sub sistemas.
! Tempo/esforço com distribuições.
3. Um grande ecosistema de provedores de serviços
e especialistas.
4. Comunidade enorme e ativa.

25. Altamente configurável

26. API extensível

27. Workbench
Admin com o tema Rubik
Personalize a interface do usuário

28. Taxonomy
city break
CommentsUsers
D. Schrute
Germany
J. Halpert
Spain
adventure
city break
sailing
shopping
dwight
8 Sept
Wow, can't
wait to get
started.
joe
8 Sept
Me too!
Content
Content title
ContactServicesFeatured About PortfolioNews
text search
Sub-sistemas

29. OpenPublish
Commons
Conference (COD)
Distribuições (pacotes)

30. Serviços especializados

31. drupal.org
Data as of March 2012- Check Drupal.org for updates!
Contribuição ativa

32. Uma comunidade crescente
2005
Antwerp
2006
Vancouver
& Brussels
2007
Barcelona
& Sunnyvale
2008
Boston
& Szeged
2009
DC &
Paris
2010
San &
Copenhagen
2011
Chicago &
London
2012
Denver
& Munich
50 150 750 1350 2250 4200 4751 4800

33. Regional e nichos
Friday, April 19, 2013

34. Sidney
Fevereiro de 2013
Portland
Maio de 2013
Próximas DrupalCons

35. O que vem na caixa?
Unidade 1.1 (continuação)

36. http://drupal.org/requirements
Creative Commons Attribution http://www.flickr.com/photos/ftmeade/6134210742/ By Fort Meade
O pacote ***P
O Drupal é flexível, mas foi mais testado em...
Linux *, Apache *, MySQL *, PHP
* funciona bem com outros

37. Administração

38. Edição de conteúdo

39. Blocos: layout básico

40. Papéis e permissões

41. Módulos para funcionalidades

42. Temas para a aparência

43. Caso: Vários tipos de
conteúdo
Unidade 1.2

44. 1
2
economist.com

45. Muitos dados
! “Um comentário
por minuto”
! Artigos, edições
periódicas, jornais,
clientes, papéis de
usuários, posts de
blog

46. Migração
! Módulo Migrate
! Suporta migração
de outros CMS’s
(WordPress, Typo3
etc.)
! Suporta migração
de outras versões
do Drupal.

47. A WEB MONTADA
Sessão 2

48. Pensando como o Drupal
Unidade 2.1

49. example.com news
about
masthead
politicssports
contact
O que você deve estar pensando
Your mental
site map

50. Googlehttp://domain.com
Web Page Title
Primeiro a estrutura?
Googlehttp://domain.com
Web Page Title
Página completaPágina inicial

51. Googlehttp://domain.com
Web Page Title
Primeiro a estrutura?
Googlehttp://domain.com
Web Page Title
Página inicial
?
Página completa

52. Exibição do conteúdo
Googlehttp://domain.com
Web Page Title
Googlehttp://domain.com
Web Page Title
Página completaPágina inicial

53. Pense “Primeiro o conteúdo”
Artigos Usuários
Páginas Comentários
“
“
Termos

54. Conteúdo estruturado
Em HTML:
Corpo em texto
Tags
Localização
Mídia (vídeo,
imagens)
Título
Envio de imagem
Título
Localização
Tags
Corpo de texto
Compare

55. Conteúdo estruturado
Imagem
Título
Localização
Tags
Corpo de texto
Autor
Data
Googlehttp://domain.com
Web Page Title
Exiba os 2 mais recentes.
Imagem como uma miniatura quadrada.
Texto de até cem palavras

56. Conteúdo estruturado
Googlehttp://domain.com
Web Page Title
Imagem
Título
Localização
Tags
Corpo do texto
Autor
Data
Exibir 9 por página com paginação.
Imagem como miniatura.
Link para o perfil do autor. Data curta.

57. Esse é um exemplo
de página montada.
Veja por exemplo a
“última enquete” na
barra lateral.
Páginas são montadas

58. Ative o módulo Poll > Adicione uma enquete > Posicione o bloco
Última enquete

59. Gerado por um
módulo
Menu principal
Menu “sobre”
Menus personalizados
Listagem com o
views
Blocos e menus

60. RegionsRegions
Regiões de blocos

61. Regiões
regions.drupalgardens.com

62. Integração
Unidade 2.1 (continuação)

63. Integração
! Serviço popular existente? Provavelmente
existe um módulo.
! Serviço proprietário? Talvez não haja um
módulo.
! Sua fonte de dados ou aplicação
personalizada irá necessitar de codificação.

64. Exibir o feed e arquivo
Vinclular a uma conta
Botão “Tuíte isso”
2
1
3
Logar-se e tuitar4
Drupal + Twitter

65. Usar o Facebook para se logar
Apenas o botão “Curtir”
Crie aplicações para o facebook
2
1
3 drupal.org/project/fb
drupal.org/project/fbconnect
developers.facebook.com/
docs/reference/plugins/like/
Drupal + Facebook

66. Serviços de terceiros
http://drupal.org/project/salesforce
http://drupal.org/project/adsense
http://drupal.org/project/site_verify
http://drupal.org/project/acquia_connector
http://drupal.org/project/opencalais
http://drupal.org/project/alfresco
http://drupal.org/project/millennium
Mídia
http://drupal.org/project/media_youtube
http://drupal.org/project/media_vimeo
http://drupal.org/project/flickr
http://drupal.org/project/media_flickr
Bibliotecas JQuery
http://drupal.org/project/superfish
http://drupal.org/project/jcarousel
http://drupal.org/project/addtoany
Social
http://drupal.org/project/twitter
http://drupal.org/project/google_plusone
http://drupal.org/project/mailchimp
http://drupal.org/project/fb
Mapas
http://drupal.org/project/geofield
http://drupal.org/project/gmap
http://drupal.org/project/geocoder
http://drupal.org/project/openlayers
http://drupal.org/project/location
Visite
http://j.mp/3rdpartyD
para detalhes da integração de serviços de
terceiros
Integração

67. Caso:
Controlando a exibição
Unidade 2.2

68. 2
3
1
opensource.com

69. Exibição de conteúdo
Chamada Conteúdo completo

70. Passo 1.
Adicione
um campo
de imagem
Paso 3.
Configure
a exibição
do campo
Passo 2.
Configure
a miniatura
Como fizeram isso?

71. Estilos de imagem

72. Adicione um campo de imagem

73. ** Want MORE display modes? Use Display Suite.
Configure a exibição

74. O que mais?
! Comprimento do título
! Texto da chamada
! Se as tags devem ou não aparecer
! Links para os comentários
! Vá além: Display Suite
http://drupal.org/project/ds

75. CONCLUSÃO
Perguntas e respostas
Friday, April 19, 2013

76. Por favor, avalie!
http://j.mp/HelloDrupal-DCSP
Friday, April 19, 2013

77. Dúvidas?

78. Por Gábor Hojtsy Attribution-ShareAlike 2.0 Generic (CC BY-SA 2.0)
http://www.flickr.com/photos/gaborhojtsy/279354242
Vá além e construa!