Drupal: Casos de Uso e Sucesso

Slide 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

Slide 2: Drupal Groups no Mundo    

Slide 3: Dries Buytaert    

Slide 4: Conferências e Desenvolvimento    

Slide 5: Status do Projeto    

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

Slide 7:    

Slide 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 ...    

Slide 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.    

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

Slide 11: Instalei o Drupal, e agora?    

Slide 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    

Slide 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),  

Slide 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.

Slide 15: Quem está usando?    

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

Slide 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 • ...

Slide 18: Portais de Notícias    

Slide 19: New York Observer    

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

Slide 21: NowPublic    

Slide 22: The World    

Slide 23: POPSCI.COM    

Slide 24: Site e Portais de Comunidades    

Slide 25: Fast Company    

Slide 26: Team Sugar    

Slide 27: Sites Corporativos / Intranets    

Slide 28: AOL - Corporate    

Slide 29: Yahoo Research    

Slide 30: Sun Microsystems    

Slide 31: Ubuntu    

Slide 32: Artes / Música / Multimidia    

Slide 33: Universal Music    

Slide 34: Warner Brothers Records    

Slide 35: FOX    

Slide 36: Project Opus    

Slide 37: MTV UK    

Slide 38: Pink    

Slide 39: Avril Lavigne    

Slide 40: Jennifer Lopez    

Slide 41: Britney Spears    

Slide 42: Ozzy Osbourne    

Slide 43: Ads of the World    

Slide 44: Sony BMG - Myplay    

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

Slide 46: The Rake Magazine    

Slide 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    

Slide 48: Radar Cultura    

Slide 49: Redes Sociais    

Slide 50: imbe    

Slide 51: GoingOn    

Slide 52: Sites Governamentais / Política    

Slide 53: Diretório Nacional Democratas    

Slide 54: Invest in Belgium    

Slide 55: Premier ministre de Belgique    

Slide 56: Hillary Clinton    

Slide 57: Diversos    

Slide 58: Nações Unidas    

Slide 59: PlayStation (Asia)    

Slide 60: Rock Band    

Slide 61: Moto GP    

Slide 62: Greenpeace UK    

Slide 63: Nasa    

Slide 64: MensHealth    

Slide 65: PlayBoy    

Slide 66: Harvard    

Slide 67: Nike    

Slide 68: Fedex    

Slide 69: The Vintage Aviator    

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

Slide 71: Estudo de Caso     Desenvolvido por

Slide 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    

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

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

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

Slide 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!  

Slide 77:    

Slide 78:    

Slide 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    

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

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

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

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

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

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

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

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

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

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

Slide 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.    

Slide 91: BioVenom     www.biovenom.net

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

Slide 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.)    

Slide 94:    

Slide 95:    

Slide 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    

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