Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Hello Drupal - Dando os primeiros passos com o Drupal

647 views

Published on

Palestra oficial da @Acquia, ministrada pela @FisquaDigital na DrupalCamp São Paulo 2013.

Published in: Technology
  • Be the first to comment

Hello Drupal - Dando os primeiros passos com o Drupal

  1. 1. This work is licensed under the Creative CommonsAttribution-NonCommercial-ShareAlike 3.0 UnportedLicense. To view a copy of this license, visithttp://creativecommons.org/licenses/by-nc-sa/3.0/ orsend a letter to Creative Commons, 444 CastroStreet, Suite 900, Mountain View, California, 94041,USA.Download: http://training.acquia.com/hellodrupalLicença
  2. 2. Nos conhecendo
  3. 3. Sobre nós...
  4. 4. O QUE É O DRUPAL?Sessão 1
  5. 5. https://twitter.com/#!/tom_eric/status/26847650412A analogia do Lego
  6. 6. Attribution 2.0 Generic (CC BY 2.0)By V&A Steamworkshttp://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
  7. 7. Attribution 2.0 Generic (CC BY 2.0)By creative.paradoxhttp://www.flickr.com/photos/edmands/2771878770/Attribution-NoDerivs 2.0 Generic (CC BY-ND 2.0)by JuditKhttp://www.flickr.com/photos/juditk/5879492679/Componentes vs. Kits
  8. 8. O que é o Drupal?Unidade 1.1
  9. 9. O Drupal é...
  10. 10. Uma presença online
  11. 11. Uma plataforma de publicação
  12. 12. Uma ferramenta de busca robusta
  13. 13. Uma plataforma de discussões
  14. 14. Múltiplos idiomas
  15. 15. Grandes eventos
  16. 16. Engajamento de cidadãosFriday, April 19, 2013
  17. 17. Engajamento de estudantes
  18. 18. Uma biblioteca digital
  19. 19. Plataforma para bandas
  20. 20. Um encurtador de URL seguro
  21. 21. Construtor de serviços
  22. 22. Construtor de produtosFriday, April 19, 2013
  23. 23. Por que escolher o Drupal1. Comparado com outros CMSs:! Funcionalidades e interface altamentepersonalizá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çose especialistas.4. Comunidade enorme e ativa.
  24. 24. Altamente configurável
  25. 25. API extensível
  26. 26. WorkbenchAdmin com o tema RubikPersonalize a interface do usuário
  27. 27. Taxonomycity breakCommentsUsersD. SchruteGermanyJ. HalpertSpainadventurecity breaksailingshoppingdwight8 SeptWow, cantwait to getstarted.joe8 SeptMe too!ContentContent titleContactServicesFeatured About PortfolioNewstext searchSub-sistemas
  28. 28. OpenPublishCommonsConference (COD)Distribuições (pacotes)
  29. 29. Serviços especializados
  30. 30. drupal.orgData as of March 2012- Check Drupal.org for updates!Contribuição ativa
  31. 31. Uma comunidade crescente2005Antwerp2006Vancouver& Brussels2007Barcelona& Sunnyvale2008Boston& Szeged2009DC &Paris2010San &Copenhagen2011Chicago &London2012Denver& Munich50 150 750 1350 2250 4200 4751 4800
  32. 32. Regional e nichosFriday, April 19, 2013
  33. 33. SidneyFevereiro de 2013PortlandMaio de 2013Próximas DrupalCons
  34. 34. O que vem na caixa?Unidade 1.1 (continuação)
  35. 35. http://drupal.org/requirementsCreative Commons Attribution http://www.flickr.com/photos/ftmeade/6134210742/ By Fort MeadeO pacote ***PO Drupal é flexível, mas foi mais testado em...Linux *, Apache *, MySQL *, PHP* funciona bem com outros
  36. 36. Administração
  37. 37. Edição de conteúdo
  38. 38. Blocos: layout básico
  39. 39. Papéis e permissões
  40. 40. Módulos para funcionalidades
  41. 41. Temas para a aparência
  42. 42. Caso: Vários tipos deconteúdoUnidade 1.2
  43. 43. 12economist.com
  44. 44. Muitos dados! “Um comentáriopor minuto”! Artigos, ediçõesperiódicas, jornais,clientes, papéis deusuários, posts deblog
  45. 45. Migração! Módulo Migrate! Suporta migraçãode outros CMS’s(WordPress, Typo3etc.)! Suporta migraçãode outras versõesdo Drupal.
  46. 46. A WEB MONTADASessão 2
  47. 47. Pensando como o DrupalUnidade 2.1
  48. 48. example.com newsaboutmastheadpoliticssportscontactO que você deve estar pensandoYour mentalsite map
  49. 49. Googlehttp://domain.comWeb Page TitlePrimeiro a estrutura?Googlehttp://domain.comWeb Page TitlePágina completaPágina inicial
  50. 50. Googlehttp://domain.comWeb Page TitlePrimeiro a estrutura?Googlehttp://domain.comWeb Page TitlePágina inicial?Página completa
  51. 51. Exibição do conteúdoGooglehttp://domain.comWeb Page TitleGooglehttp://domain.comWeb Page TitlePágina completaPágina inicial
  52. 52. Pense “Primeiro o conteúdo”Artigos UsuáriosPáginas Comentários““Termos
  53. 53. Conteúdo estruturadoEm HTML:Corpo em textoTagsLocalizaçãoMídia (vídeo,imagens)TítuloEnvio de imagemTítuloLocalizaçãoTagsCorpo de textoCompare
  54. 54. Conteúdo estruturadoImagemTítuloLocalizaçãoTagsCorpo de textoAutorDataGooglehttp://domain.comWeb Page TitleExiba os 2 mais recentes.Imagem como uma miniatura quadrada.Texto de até cem palavras
  55. 55. Conteúdo estruturadoGooglehttp://domain.comWeb Page TitleImagemTítuloLocalizaçãoTagsCorpo do textoAutorDataExibir 9 por página com paginação.Imagem como miniatura.Link para o perfil do autor. Data curta.
  56. 56. Esse é um exemplode página montada.Veja por exemplo a“última enquete” nabarra lateral.Páginas são montadas
  57. 57. Ative o módulo Poll > Adicione uma enquete > Posicione o blocoÚltima enquete
  58. 58. Gerado por ummóduloMenu principalMenu “sobre”Menus personalizadosListagem com oviewsBlocos e menus
  59. 59. RegionsRegionsRegiões de blocos
  60. 60. Regiõesregions.drupalgardens.com
  61. 61. IntegraçãoUnidade 2.1 (continuação)
  62. 62. Integração! Serviço popular existente? Provavelmenteexiste um módulo.! Serviço proprietário? Talvez não haja ummódulo.! Sua fonte de dados ou aplicaçãopersonalizada irá necessitar de codificação.
  63. 63. Exibir o feed e arquivoVinclular a uma contaBotão “Tuíte isso”213Logar-se e tuitar4Drupal + Twitter
  64. 64. Usar o Facebook para se logarApenas o botão “Curtir”Crie aplicações para o facebook213 drupal.org/project/fbdrupal.org/project/fbconnectdevelopers.facebook.com/docs/reference/plugins/like/Drupal + Facebook
  65. 65. Serviços de terceiroshttp://drupal.org/project/salesforcehttp://drupal.org/project/adsensehttp://drupal.org/project/site_verifyhttp://drupal.org/project/acquia_connectorhttp://drupal.org/project/opencalaishttp://drupal.org/project/alfrescohttp://drupal.org/project/millenniumMídiahttp://drupal.org/project/media_youtubehttp://drupal.org/project/media_vimeohttp://drupal.org/project/flickrhttp://drupal.org/project/media_flickrBibliotecas JQueryhttp://drupal.org/project/superfishhttp://drupal.org/project/jcarouselhttp://drupal.org/project/addtoanySocialhttp://drupal.org/project/twitterhttp://drupal.org/project/google_plusonehttp://drupal.org/project/mailchimphttp://drupal.org/project/fbMapashttp://drupal.org/project/geofieldhttp://drupal.org/project/gmaphttp://drupal.org/project/geocoderhttp://drupal.org/project/openlayershttp://drupal.org/project/locationVisitehttp://j.mp/3rdpartyDpara detalhes da integração de serviços deterceirosIntegração
  66. 66. Caso:Controlando a exibiçãoUnidade 2.2
  67. 67. 231opensource.com
  68. 68. Exibição de conteúdoChamada Conteúdo completo
  69. 69. Passo 1.Adicioneum campode imagemPaso 3.Configurea exibiçãodo campoPasso 2.Configurea miniaturaComo fizeram isso?
  70. 70. Estilos de imagem
  71. 71. Adicione um campo de imagem
  72. 72. ** Want MORE display modes? Use Display Suite.Configure a exibição
  73. 73. 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 Suitehttp://drupal.org/project/ds
  74. 74. CONCLUSÃOPerguntas e respostasFriday, April 19, 2013
  75. 75. Por favor, avalie!http://j.mp/HelloDrupal-DCSPFriday, April 19, 2013
  76. 76. Dúvidas?
  77. 77. Por Gábor Hojtsy Attribution-ShareAlike 2.0 Generic (CC BY-SA 2.0)http://www.flickr.com/photos/gaborhojtsy/279354242Vá além e construa!

×