Apresentação sobre Casos de Uso e Sucesso, por Saulo Amui, no Seminário Drupal São Paulo, realizado em 14/06/08 no auditório da História da USP.

1. Drupal
Casos de uso
e Sucesso
Saulo Amui
saulo@sacrahome.net
www.hostsh.com.br
Seminário Drupal São Paulo
USP ­ Auditório da História
Cidade Universitária ­ São Paulo
Brasil, 14 de Junho 2008

2. Drupal Groups no Mundo

3. Dries Buytaert

4. Conferências e Desenvolvimento

5. Status do Projeto

6. Estatísticas – Drupal Core
Fonte: buytaert.net in Isriya Paireepairit, 2007

8. Por que Drupal?
• Software livre
• Realmente modular
• Estabilidade e performance
• Comunidade ativa e participativa
• Crescente expansão
• Características básicas de um CMS já inclusas
• Altamente customizável
• Boa arquitetura e API´s
• Bem documentado
• Flexibilidade ...

9. Por que Drupal ?
• Flexibilidade
– Taxonomia (Categorização do Banco de Dados)
– Diferentes Tipos de Conteúdos (CCK)
– Relacionamento (Conteúdo x Blocos)
– Formato de Entrada de dados (HTML, PHP …)
– Snippets (PHP, SQL, Themes)
– URL´s alternativas
– Agregador e sindicância de conteúdos (XML, RSS, RDF...)
– Indexação total para sistema de busca
– Manipulação de expressões para idiomas (.pot files)
– Códigos extremamente limpos
– Temas em PHP Template, XHTML, CSS
– Estatísticas, Rastreador, e WatchDog
– Controle de acesso definido por papéis.

10. Curva de Aprendizagem
Fonte: buytaert.net in Isriya Paireepairit, 2007

11. Instalei o Drupal, e agora?

12. Módulos (alguns)
Core (requerido) Core (opcional) Contribuições
• Block ­ box display • Blog • Pathauto
• Filter ­ input format • Comment • Tagadelic
• Node ­ content • Forum • CCK
• System ­ admin, theming, ... Menu
• • Views
• User
• Locale (translation) • Panels
• Watchdog ­ logging
• Path (URL alias) • Workflow
• Poll • Actions
• Profile (User page) • Schedule
• Search
• Statistics
• Taxonomy (Tag)
• Upload

13. O que dá pra fazer?
Alguns recursos...
­gerenciamento de usuários, ­avatares,
­blogs (diários), ­localização,
­controle de versões do conteúdo, ­galerias,
­protocolo simples, ­históricos de modificações,
­foruns, ­exportar como PDF,
­URLs limpas, ­envio de file,
­agregação de notícias, ­batepapo,
­comércio eletrônico, ­navegação ajustável,
­eventos, ­artigos,
­código estilo bb e textile, ­uso de cache,
­wiki, ­perfis de usuário,
­categorias, ­aviso por email,
­rastreamento, ­busca,
­comentários, ­gerenciamento de links,
­administração de banco de dados, ­integração com lista de discussão,
­temas visuais, ­revisões,
­votação de conteúdo, ­estatísticas,
­integração com paypal (sistema de
pagamento),

14. O que dá pra fazer?
Alguns recursos...
­gerenciamento de contatos,
­enquetes,
­lista de membros,
­resumo em formatos RSS e Atom,
­cmenus configuráveis,
­moderação de conteúdo,
­administração de blocos, Além de um poderoso e
­agendamento para publicação completo painel de controle
­automática,
­previsão do tempo, para administração online!
­notícias,
­WYSIWYG,
­importar/exportar
­conteúdos populares
­mensagens privadas
­taxonomização de categorias
­regras de acesso
­chat Fonte ­ Dries Buytaert, Vancouver PHP Group
­administração de grupos de usuários
­ etc.

15. Quem está usando?

16. Quem está usando ?
... pelo mundo afora
• Tim Berners­Lee (considerado o Pai da internet, criador do WWW)
• NASA
• Spread Firefox (Mozila)
• KDE Developers
• GNOME desktop's
• Blaz
• Tipic
• DebianPlanet
• LinuxJournal.com
• jEdit
• Lucent Technologies
• Yahoo (Intranet)
• MTV
• FOSDEM
• Avril Lavigne
• Electronic Frontier Foundation (EFF)

17. Quem está usando ?
... pelo mundo afora
• Harvard Grateful Dead
•
• Jennifer Lopez • Forbes
• Britney Spears • MensHealth
• UPEI goes Drupal • Ozzy Osbourne
• United Nations • AOL
• Lifetime • Greenpeace
• CBC • Amnesty
• Warner Bros • Playboy
• Fox • Ubuntu
• Tori Amos • Hillary Clinton
• Universal Music • Sony
• Eclipse • PlayStation
Discovery Channel • Second Life
•
• The Onion • Belgian government
• The world
• Royal Flemish Philharmonic
• Fedex
• 9lives Nike
•
• MotoGP • ...

18. Portais de Notícias

19. New York Observer

20. New York Observer
Criação e Aplicação de campos no Módulo CCK
http://drupal.org/nyobserver

21. NowPublic

22. The World

23. POPSCI.COM

24. Site e Portais de Comunidades

25. Fast Company

26. Team Sugar

27. Sites Corporativos / Intranets

28. AOL - Corporate

29. Yahoo Research

30. Sun Microsystems

31. Ubuntu

32. Artes / Música / Multimidia

33. Universal Music

34. Warner Brothers Records

35. FOX

36. Project Opus

37. MTV UK

38. Pink

39. Avril Lavigne

40. Jennifer Lopez

41. Britney Spears

42. Ozzy Osbourne

43. Ads of the World

44. Sony BMG - Myplay

45. Sony BMG - Myplay
CCK
Nodequeue
Views
Panels
Pane­specific node templates
Theming Panels and Views
http://drupal.org/node/241344

46. The Rake Magazine

47. The Rake Magazine
Estrutura do site
* Content Construction Kit
* Views
* Pathauto
* Token
* Content Templates
* Node Hierarchy
* Path Redirect
* Global Redirect
* Webform
* Drupal Core: Aggregator, Comment, Help,
Menu, Search, Path, Statistics, Taxonomy
Exibição de conteúdos e interação com usuários
* Signwriter
* SWFObject
* Image Cache
* Thickbox
Administração do Site
* Similar by Terms
* Suggested Terms
* Automatic Nodetitles
* Paging
* Meta Tags
* Forward
* TinyMCE
* Printer­Friendly Pages
* IMCE
* Javascript Tools (JS Calendar)
* Filter Default
* Captcha
Ferramentas de Desenvolvimento * User Comment
* Search Keywords
* Devel * Google Analytics
* Backup and Migrate

48. Radar Cultura

49. Redes Sociais

50. imbe

51. GoingOn

52. Sites Governamentais / Política

53. Diretório Nacional Democratas

54. Invest in Belgium

55. Premier ministre de Belgique

56. Hillary Clinton

57. Diversos

58. Nações Unidas

59. PlayStation (Asia)

60. Rock Band

61. Moto GP

62. Greenpeace UK

63. Nasa

64. MensHealth

65. PlayBoy

66. Harvard

67. Nike

68. Fedex

69. The Vintage Aviator

70. The Vintage Aviator
piclens gallery_attach
imagecache
lightbox2
mediadescriber
http://drupal.org/node/267393

71. Estudo de Caso
Desenvolvido por

72. Estudo de caso
Portal SacraHome.net
• Portal da cidade de Sacramento MG, desde 2003
• “Drupalizado” no final de 2004 (Henrique Recidive)
• Média de 3.000 visitas diárias (Maio 2008)
• Conteúdos para usuários:
– Notícias
– Artigos
– Blogs
– Classificados
– Fotos
Enquetes www.sacrahome.net
–
– Fórum de Discussões

73. SacraHome.net – Versões anteriores
• 2003 (CMS: Xoops)

74. SacraHome.net – Versões anteriores
• 2004 (CMS: Drupal 4.2)
Colaboração de Henrique Recidive

75. SacraHome.net – Versões anteriores
• 2006 (CMS: Drupal 4.6)

76. SacraHome.net – Estudo de caso
• 2008 (Drupal 5.7)
– Necessidades
• Criar diferentes tipos de conteúdos (mais específicos)
• Praticidade no manuseio de destaques e manchetes
• Flexibilidade no layout
• Relacionamento de blocos x conteúdos
• Otimizar listagem de conteúdos
• Facilitar inserção e manipulação de imagens nos conteúdos
• Otimização para sistemas de busca – SEO
• Adição de tags, mesclado com termos definidos
• Inserção de vídeos, áudio e galeria de fotos nas notícias
• Entre outras...
Update geral!

79. SacraHome.net – Estudo de caso
Principais Módulos Tipos de Conteúdos
CCK Arquivo SH
­Embedded Media Field Artigos
­Link Classificados
Date Destaques
Event Enquete
Image Eventos
Image Gallery Fotos
ImageField Gallery Lightbox2 Nota Rápida
ImageMagick Notícias
Lightbox2 Blog
Tabs Fórum
Node Scheduler
Panels
Scheduler
Similar entries
Tagadelic Customização do Tema
JQuery Interface Library
Views Tema base: Bluemarine
TinyMCE
IMCE style.css
Captcha page.tpl.php
User Comment phptemplate.engine
Search Keywords
Google Analytics

80. Customização SacraHome.net
Enquete Notas Rápidas
Destaques
Blogs
Arquivo SH
Artigos

81. Customização SacraHome.net
1. Definição da Estrutura
2. Elaboração do layout
(Fireworks, Photoshop, etc)
3. Tema base: Bluemarine
4. Aplicação no tema ... muito CSS!
(phptemplate.engine + page.tpl.php + style.css)

82. Customização SacraHome.net
Tema base: Bluemarine ­ CSS não customizado

83. Customização SacraHome.net
Tema base: Bluemarine ­ CSS customizado

84. Customização SacraHome.net
Tema base: Bluemarine ­ CSS não customizado

85. Customização SacraHome.net
Tema base: Bluemarine ­ CSS customizado

86. Destaques de Capa
Capa = CCK + Blocos + Views + CSS
CCK image
Blocos
CCK (fields)
Views
CSS

87. Blocos relacionados
Javascript Tools
Collapsiblock
CCK ­ Embedded Video
CCK ­ Text
Views

88. CCK ­ Text
CCK ­ Image
CCK – Node Reference
Forward
Views
Comments
Pool
Similar entries
CCK ­ Text
Views

89. CCK + Views + Panels + Blocks + CSS = A chave do sucesso!
CCK Views
Panels Blocks

90. Drupal na Bioinformática
Bioinformática: o uso de matemática aplicada, informática, estatística e ciência da
computação para estudar sistemas biológicos.
As principais áreas de pesquisa incluem alinhamento de seqüências, descoberta de genes,
montagem de genomas, alinhamento e previsão da estrutura protéica, previsão da expressão
gênica e interações proteína­proteína.

91. BioVenom
www.biovenom.net

92. Venom
http://gbi.fmrp.usp.br/venom

93. 1. Dados de Sequências de Proteínas
Arquivos .txt tabulado (+ de 1.000 seq.)
2. Script em PERL p/ inserção no banco
Seleção de informações e inserção no banco de dados
3. Inserção de dados e criação de nodes e tags
Arquivos .txt tabulado (+ de 1.000 seq.)

96. Drupalize já!
http://www.drupal­br.org
http://www.drupal­br.org
http://drupal.org/best­practices
http://drupal.org/success­stories
http://www.drupalsites.net/
http://drupalcampvancouver.org/presenters_notes
http://vancouver.php.net/talks2007
http://drupal.hostsh.com.br

97. Contatos
saulo@sacrahome.net
www.hostsh.com.br
Sites 100% Drupal
http://gbi.fmrp.usp.br www.sacrahome.net www.hostsh.com.br