Hello Drupal - Dando os primeiros passos com o Drupal

Post on 15-Jun-2015

366 views 3 download

Tags:

description

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

Transcript of 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

Nos conhecendo

Sobre nós...

O QUE É O DRUPAL?Sessão 1

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

A analogia do Lego

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

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

O que é o Drupal?Unidade 1.1

O Drupal é...

Uma presença online

Uma plataforma de publicação

Uma ferramenta de busca robusta

Uma plataforma de discussões

Múltiplos idiomas

Grandes eventos

Engajamento de cidadãos

Friday, April 19, 2013

Engajamento de estudantes

Uma biblioteca digital

Plataforma para bandas

Um encurtador de URL seguro

Construtor de serviços

Construtor de produtos

Friday, April 19, 2013

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.

Altamente configurável

API extensível

Workbench

Admin com o tema Rubik

Personalize a interface do usuário

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

OpenPublishCommons

Conference (COD)

Distribuições (pacotes)

Serviços especializados

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

Contribuição ativa

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

Regional e nichos

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

SidneyFevereiro de 2013

PortlandMaio de 2013

Próximas DrupalCons

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

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

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

Administração

Edição de conteúdo

Blocos: layout básico

Papéis e permissões

Módulos para funcionalidades

Temas para a aparência

Caso: Vários tipos de conteúdo

Unidade 1.2

1

2

economist.com

Muitos dados! “Um comentário

por minuto”! Artigos, edições

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

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

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

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

A WEB MONTADASessão 2

Pensando como o DrupalUnidade 2.1

example.com news

aboutmasthead

politicssports

contact

O que você deve estar pensando

Your mental

site map

Googlehttp://domain.com

Web Page Title

Primeiro a estrutura?Googlehttp://domain.com

Web Page Title

Página completaPágina inicial

Googlehttp://domain.com

Web Page Title

Primeiro a estrutura?Googlehttp://domain.com

Web Page Title

Página inicial

?

Página completa

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

Web Page Title

Googlehttp://domain.com

Web Page Title

Página completaPágina inicial

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

Páginas Comentários

““

Termos

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

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

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.

Esse é um exemplo de página montada.

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

Páginas são montadas

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

Última enquete

Gerado por um módulo

Menu principal

Menu “sobre”

Menus personalizados

Listagem com o views

Blocos e menus

RegionsRegions

Regiões de blocos

Regiões

regions.drupalgardens.com

IntegraçãoUnidade 2.1 (continuação)

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.

Exibir o feed e arquivo

Vinclular a uma conta

Botão “Tuíte isso”

2

1

3

Logar-se e tuitar4

Drupal + Twitter

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

Caso: Controlando a exibição

Unidade 2.2

2

3

1

opensource.com

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

Passo 1. Adicione

um campo de imagem

Paso 3. Configure a exibição do campo

Passo 2. Configure

a miniatura

Como fizeram isso?

Estilos de imagem

Adicione um campo de imagem

** Want MORE display modes? Use Display Suite.

Configure a exibição

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

CONCLUSÃOPerguntas e respostas

Friday, April 19, 2013

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

Friday, April 19, 2013

Dúvidas?

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!