hello drupal - dando os primeiros passos com o drupal

78

Upload: fisqua

Post on 15-Jun-2015

366 views

Category:

Technology


3 download

DESCRIPTION

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

TRANSCRIPT

Page 1: Hello Drupal - Dando os primeiros passos com o Drupal
Page 2: Hello Drupal - Dando os primeiros passos com o Drupal

This work is licensed under the Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. To view a copy of this license, visithttp://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

Page 3: Hello Drupal - Dando os primeiros passos com o Drupal

Nos conhecendo

Page 4: Hello Drupal - Dando os primeiros passos com o Drupal

Sobre nós...

Page 5: Hello Drupal - Dando os primeiros passos com o Drupal

O QUE É O DRUPAL?Sessão 1

Page 6: Hello Drupal - Dando os primeiros passos com o Drupal

https://twitter.com/#!/tom_eric/status/26847650412

A analogia do Lego

Page 7: Hello Drupal - Dando os primeiros passos com o Drupal

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

Page 8: Hello Drupal - Dando os primeiros passos com o Drupal

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 JuditKhttp://www.flickr.com/photos/juditk/5879492679/

Componentes vs. Kits

Page 9: Hello Drupal - Dando os primeiros passos com o Drupal

O que é o Drupal?Unidade 1.1

Page 10: Hello Drupal - Dando os primeiros passos com o Drupal

O Drupal é...

Page 11: Hello Drupal - Dando os primeiros passos com o Drupal

Uma presença online

Page 12: Hello Drupal - Dando os primeiros passos com o Drupal

Uma plataforma de publicação

Page 13: Hello Drupal - Dando os primeiros passos com o Drupal

Uma ferramenta de busca robusta

Page 14: Hello Drupal - Dando os primeiros passos com o Drupal

Uma plataforma de discussões

Page 15: Hello Drupal - Dando os primeiros passos com o Drupal

Múltiplos idiomas

Page 16: Hello Drupal - Dando os primeiros passos com o Drupal

Grandes eventos

Page 17: Hello Drupal - Dando os primeiros passos com o Drupal

Engajamento de cidadãos

Friday, April 19, 2013

Page 18: Hello Drupal - Dando os primeiros passos com o Drupal

Engajamento de estudantes

Page 19: Hello Drupal - Dando os primeiros passos com o Drupal

Uma biblioteca digital

Page 20: Hello Drupal - Dando os primeiros passos com o Drupal

Plataforma para bandas

Page 21: Hello Drupal - Dando os primeiros passos com o Drupal

Um encurtador de URL seguro

Page 22: Hello Drupal - Dando os primeiros passos com o Drupal

Construtor de serviços

Page 23: Hello Drupal - Dando os primeiros passos com o Drupal

Construtor de produtos

Friday, April 19, 2013

Page 24: Hello Drupal - Dando os primeiros passos com o Drupal

Por que escolher o Drupal1. 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.

Page 25: Hello Drupal - Dando os primeiros passos com o Drupal

Altamente configurável

Page 26: Hello Drupal - Dando os primeiros passos com o Drupal

API extensível

Page 27: Hello Drupal - Dando os primeiros passos com o Drupal

Workbench

Admin com o tema Rubik

Personalize a interface do usuário

Page 28: Hello Drupal - Dando os primeiros passos com o Drupal

Taxonomy

city break

CommentsUsers

D. SchruteGermany

J. HalpertSpain

adventure

city break

sailing

shopping

dwight8 Sept

Wow, can't wait to get started.

joe8 Sept

Me too!

Content

Content title

ContactServicesFeatured About PortfolioNews

text search

Sub-sistemas

Page 29: Hello Drupal - Dando os primeiros passos com o Drupal

OpenPublishCommons

Conference (COD)

Distribuições (pacotes)

Page 30: Hello Drupal - Dando os primeiros passos com o Drupal

Serviços especializados

Page 31: Hello Drupal - Dando os primeiros passos com o Drupal

drupal.orgData as of March 2012- Check Drupal.org for updates!

Contribuição ativa

Page 32: Hello Drupal - Dando os primeiros passos com o Drupal

Uma comunidade crescente

2005Antwerp

2006Vancouver & Brussels

2007Barcelona

& Sunnyvale

2008Boston

& Szeged

2009DC & Paris

2010San &

Copenhagen

2011Chicago &London

2012Denver

& Munich

50 150 750 1350 2250 4200 4751 4800

Page 33: Hello Drupal - Dando os primeiros passos com o Drupal

Regional e nichos

http://tinyurl.com/localdrupal Friday, April 19, 2013

Page 34: Hello Drupal - Dando os primeiros passos com o Drupal

SidneyFevereiro de 2013

PortlandMaio de 2013

Próximas DrupalCons

Page 35: Hello Drupal - Dando os primeiros passos com o Drupal

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

Page 36: Hello Drupal - Dando os primeiros passos com o Drupal

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

Page 37: Hello Drupal - Dando os primeiros passos com o Drupal

Next we’ll look at the sub-systems in Drupal.

Administração

Page 38: Hello Drupal - Dando os primeiros passos com o Drupal

Edição de conteúdo

Page 39: Hello Drupal - Dando os primeiros passos com o Drupal

Blocos: layout básico

Page 40: Hello Drupal - Dando os primeiros passos com o Drupal

Papéis e permissões

Page 41: Hello Drupal - Dando os primeiros passos com o Drupal

Módulos para funcionalidades

Page 42: Hello Drupal - Dando os primeiros passos com o Drupal

Temas para a aparência

Page 43: Hello Drupal - Dando os primeiros passos com o Drupal

Caso: Vários tipos de conteúdo

Unidade 1.2

Page 44: Hello Drupal - Dando os primeiros passos com o Drupal

1

2

economist.com

Page 45: Hello Drupal - Dando os primeiros passos com o Drupal

Muitos dados! “Um comentário

por minuto”! Artigos, edições

periódicas, jornais, clientes, papéis de usuários, posts de blog

Page 46: Hello Drupal - Dando os primeiros passos com o Drupal

Migração! Módulo Migrate! Suporta migração

de outros CMS’s (WordPress, Typo3 etc.)

! Suporta migração de outras versões do Drupal.

Page 47: Hello Drupal - Dando os primeiros passos com o Drupal

A WEB MONTADASessão 2

Page 48: Hello Drupal - Dando os primeiros passos com o Drupal

Pensando como o DrupalUnidade 2.1

Page 49: Hello Drupal - Dando os primeiros passos com o Drupal

example.com news

aboutmasthead

politicssports

contact

O que você deve estar pensando

Your mental

site map

Page 50: Hello Drupal - Dando os primeiros passos com o Drupal

Googlehttp://domain.com

Web Page Title

Primeiro a estrutura?Googlehttp://domain.com

Web Page Title

Página completaPágina inicial

Page 51: Hello Drupal - Dando os primeiros passos com o Drupal

Googlehttp://domain.com

Web Page Title

Primeiro a estrutura?Googlehttp://domain.com

Web Page Title

Página inicial

?

Página completa

Page 52: Hello Drupal - Dando os primeiros passos com o Drupal

Exibição do conteúdoGooglehttp://domain.com

Web Page Title

Googlehttp://domain.com

Web Page Title

Página completaPágina inicial

Page 53: Hello Drupal - Dando os primeiros passos com o Drupal

Pense “Primeiro o conteúdo”Artigos Usuários

Páginas Comentários

““

Termos

Page 54: Hello Drupal - Dando os primeiros passos com o Drupal

Conteúdo estruturado

Em HTML:

Corpo em textoTags

LocalizaçãoMídia (vídeo,

imagens)

Título

Envio de imagem

Título

Localização

Tags

Corpo de texto

Compare

Page 55: Hello Drupal - Dando os primeiros passos com o Drupal

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

Page 56: Hello Drupal - Dando os primeiros passos com o Drupal

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.

Page 57: Hello Drupal - Dando os primeiros passos com o Drupal

Esse é um exemplo de página montada.

Veja por exemplo a “última enquete” na barra lateral.

Páginas são montadas

Page 58: Hello Drupal - Dando os primeiros passos com o Drupal

Ative o módulo Poll > Adicione uma enquete > Posicione o bloco

Última enquete

Page 59: Hello Drupal - Dando os primeiros passos com o Drupal

Gerado por um módulo

Menu principal

Menu “sobre”

Menus personalizados

Listagem com o views

Blocos e menus

Page 60: Hello Drupal - Dando os primeiros passos com o Drupal

RegionsRegions

Regiões de blocos

Page 61: Hello Drupal - Dando os primeiros passos com o Drupal

Regiões

regions.drupalgardens.com

Page 62: Hello Drupal - Dando os primeiros passos com o Drupal

IntegraçãoUnidade 2.1 (continuação)

Page 63: Hello Drupal - Dando os primeiros passos com o Drupal

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.

Page 64: Hello Drupal - Dando os primeiros passos com o Drupal

Exibir o feed e arquivo

Vinclular a uma conta

Botão “Tuíte isso”

2

1

3

Logar-se e tuitar4

Drupal + Twitter

Page 66: Hello Drupal - Dando os primeiros passos com o Drupal

Serviços de terceiros

http://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/millennium

Mídia

http://drupal.org/project/media_youtubehttp://drupal.org/project/media_vimeohttp://drupal.org/project/flickrhttp://drupal.org/project/media_flickr

Bibliotecas JQuery

http://drupal.org/project/superfishhttp://drupal.org/project/jcarouselhttp://drupal.org/project/addtoany

Social

http://drupal.org/project/twitterhttp://drupal.org/project/google_plusonehttp://drupal.org/project/mailchimphttp://drupal.org/project/fb

Mapas

http://drupal.org/project/geofieldhttp://drupal.org/project/gmaphttp://drupal.org/project/geocoderhttp://drupal.org/project/openlayershttp://drupal.org/project/location

Visite

http://j.mp/3rdpartyDpara detalhes da integração de serviços de terceiros

Integração

Page 67: Hello Drupal - Dando os primeiros passos com o Drupal

Caso: Controlando a exibição

Unidade 2.2

Page 68: Hello Drupal - Dando os primeiros passos com o Drupal

2

3

1

opensource.com

Page 69: Hello Drupal - Dando os primeiros passos com o Drupal

Exibição de conteúdoChamada Conteúdo completo

Page 70: Hello Drupal - Dando os primeiros passos com o Drupal

Passo 1. Adicione

um campo de imagem

Paso 3. Configure a exibição do campo

Passo 2. Configure

a miniatura

Como fizeram isso?

Page 71: Hello Drupal - Dando os primeiros passos com o Drupal

Estilos de imagem

Page 72: Hello Drupal - Dando os primeiros passos com o Drupal

Adicione um campo de imagem

Page 73: Hello Drupal - Dando os primeiros passos com o Drupal

** Want MORE display modes? Use Display Suite.

Configure a exibição

Page 74: Hello Drupal - Dando os primeiros passos com o Drupal

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

Page 75: Hello Drupal - Dando os primeiros passos com o Drupal

CONCLUSÃOPerguntas e respostas

Friday, April 19, 2013

Page 76: Hello Drupal - Dando os primeiros passos com o Drupal

Por favor, avalie!http://j.mp/HelloDrupal-DCSP

Friday, April 19, 2013

Page 77: Hello Drupal - Dando os primeiros passos com o Drupal

Dúvidas?

Page 78: Hello Drupal - Dando os primeiros passos com o Drupal

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!