april 2016 - usg web tech day - let's talk drupal

43
Drupal LET’S TALK OBJECT-ORIENTED CMS DESIGN

Upload: eric-sembrat

Post on 13-Apr-2017

189 views

Category:

Education


3 download

TRANSCRIPT

Page 1: April 2016 - USG Web Tech Day - Let's Talk Drupal

DrupalL E T ’ S T A L K

O B J E C T - O R I E N T E D C M S D E S I G N

Page 2: April 2016 - USG Web Tech Day - Let's Talk Drupal

aboutC R E D E N T I A L S , E X P E R I E N C E , P A S S I O N

Page 3: April 2016 - USG Web Tech Day - Let's Talk Drupal

Eric SembratWeb ManagerGeorgia Institute of Technology - College of Engineering Ph.D. StudentGeorgia State University - Learning Technologies Division

PresidentAtlanta Drupal Users Group

Vice PresidentGeorgia Tech Drupal Users Group

nerd extraordinaire

Page 4: April 2016 - USG Web Tech Day - Let's Talk Drupal

gameplanT O P I C S , S E C T I O N S , D I S C U S S I O N

Page 5: April 2016 - USG Web Tech Day - Let's Talk Drupal
Page 6: April 2016 - USG Web Tech Day - Let's Talk Drupal

HISTORY

Page 7: April 2016 - USG Web Tech Day - Let's Talk Drupal

HISTORYDATA

OVERVIEW

Page 8: April 2016 - USG Web Tech Day - Let's Talk Drupal

HISTORYDATA

OVERVIEWDATA

DETAIL

Page 9: April 2016 - USG Web Tech Day - Let's Talk Drupal

PIECING TOGETHERHISTORY

DATA OVERVIEW

DATA DETAIL

Page 10: April 2016 - USG Web Tech Day - Let's Talk Drupal
Page 11: April 2016 - USG Web Tech Day - Let's Talk Drupal

lil’ historyA L O O K B A C K I N T I M E

Page 12: April 2016 - USG Web Tech Day - Let's Talk Drupal
Page 13: April 2016 - USG Web Tech Day - Let's Talk Drupal

overviewT H E L E G O P I E C E S O F D R U P A L

Page 14: April 2016 - USG Web Tech Day - Let's Talk Drupal

Fields

Views

Entities

Nodes Taxonomies

Page 15: April 2016 - USG Web Tech Day - Let's Talk Drupal

Fields

Entities

Nodes

Views

Taxonomies

Page 16: April 2016 - USG Web Tech Day - Let's Talk Drupal

Fields

Entities

Nodes

Views

TaxonomiesWebsite Data

Page 17: April 2016 - USG Web Tech Day - Let's Talk Drupal

Fields

Entities

Nodes

Views

Taxonomies

Page 18: April 2016 - USG Web Tech Day - Let's Talk Drupal

Fields

Entities

Nodes

Views

Taxonomies

Data Object

Page 19: April 2016 - USG Web Tech Day - Let's Talk Drupal

Fields

Entities

Nodes

Views

Taxonomies

Page 20: April 2016 - USG Web Tech Day - Let's Talk Drupal

Fields

Entities

Nodes

Views

Taxonomies

Data Display

Page 21: April 2016 - USG Web Tech Day - Let's Talk Drupal

fieldsA L O O K B A C K I N T I M E

Page 22: April 2016 - USG Web Tech Day - Let's Talk Drupal

fieldsFields are building blocks of your website.Individual pieces of data (text field, image, wysiwyg field, file upload). Operate as micro-widgets on data structures.

Fields are reusable and configurable.Can be reused for multiple data structures.

Let’s consider an example.A real world example of how fields are used.

Page 23: April 2016 - USG Web Tech Day - Let's Talk Drupal

What fields make up this slideshow entry?Let’s break up the slideshow into its individual pieces.

Page 24: April 2016 - USG Web Tech Day - Let's Talk Drupal

What fields make up this slideshow entry?Let’s break up the slideshow into its individual pieces.

Page 25: April 2016 - USG Web Tech Day - Let's Talk Drupal

What fields make up this slideshow entry?Let’s break up the slideshow into its individual pieces.

Page 26: April 2016 - USG Web Tech Day - Let's Talk Drupal

What fields make up this slideshow entry?Let’s break up the slideshow into its individual pieces.

Page 27: April 2016 - USG Web Tech Day - Let's Talk Drupal

What fields make up this slideshow entry?Let’s break up the slideshow into its individual pieces.

Page 28: April 2016 - USG Web Tech Day - Let's Talk Drupal

What fields make up this slideshow entry?Let’s break down the slideshow into its individual pieces.

Slideshow Graphic (image field)Title (text field)

Description (text field)

Button Text (text field)

Button URL (link field)

Page 29: April 2016 - USG Web Tech Day - Let's Talk Drupal

What do fields look like?In Drupal, field configuration is a draggable list.

Page 30: April 2016 - USG Web Tech Day - Let's Talk Drupal

field typesCore (included in Drupal by default)TextLong TextBooleanFileImageDecimalFloat List (float, integer, text) Term Reference

Contributed (extensions)Node ReferenceEntity Reference

Name FieldAddress

Google MapParagraphs

Field CollectionField Group

EmailDateLink

Phone NumberCSS

Gyfcat(and so many more)

Page 31: April 2016 - USG Web Tech Day - Let's Talk Drupal

nodesA L O O K B A C K I N T I M E

Page 32: April 2016 - USG Web Tech Day - Let's Talk Drupal

nodesNodes are Drupal’s basic data objects. Nodes are collections of specific fields used for a single purpose.

Nodes are individual pieces of content.

Let’s consider an example.A real world example of how nodes are used.

Page 33: April 2016 - USG Web Tech Day - Let's Talk Drupal

What nodes make up this slideshow entry?Let’s break down the slideshow into its individual nodes.

Node (slideshow)

That’s easier!This node has all the fields we outlined in the last example.

Clicking the arrows show you a different slideshow node.

Page 34: April 2016 - USG Web Tech Day - Let's Talk Drupal

taxonomyA L O O K B A C K I N T I M E

Page 35: April 2016 - USG Web Tech Day - Let's Talk Drupal

taxonomyTaxonomy are Drupal’s reusable lists. Taxonomy terms are node-like objects that collect themselves into lists.

Taxonomy lists are called vocabularies.

Vocabularies can then be referenced in Nodes as a Term Reference field.

Let’s consider an example.A real world example of taxonomies.

Page 36: April 2016 - USG Web Tech Day - Let's Talk Drupal

What’s a scenario you would use a taxonomy term?Here’s something that I use often at Georgia Tech.

No more remembering all the schools. Take that, memorization.

Page 37: April 2016 - USG Web Tech Day - Let's Talk Drupal

entitiesA L O O K B A C K I N T I M E

Page 38: April 2016 - USG Web Tech Day - Let's Talk Drupal

entityEntities are data objects in Drupal. Taxonomy terms and Nodes are both entities, because they both contain fields.

Other examples in Drupal include Files, User Accounts, and contributed modules like Paragraphs.

Entities can be chained and linked together.

Let’s consider an example.A real world example of entities.

Page 39: April 2016 - USG Web Tech Day - Let's Talk Drupal

Let’s say we want to extend our slideshow.Back to our old friend, Dr. Slideshow.

We only want to show some slides on the front page, and keep others for other pages.

With the powers of entities combined…We can add a new entity (node type) called Slideshow that

contains an entity reference field.

That field would link to pre-existing slideshow node entities.

Page 40: April 2016 - USG Web Tech Day - Let's Talk Drupal

viewsA L O O K B A C K I N T I M E

Page 41: April 2016 - USG Web Tech Day - Let's Talk Drupal

viewsViews is the workhorse of Drupal. Views provides for custom displays of entity content and fields.

Views can take various forms (slideshows, tables, lists, numbered lists, and more).

Views is primarily used to list multiple entities that share a common criteria.

Let’s consider an example.A real world example of how nodes are used.

Page 42: April 2016 - USG Web Tech Day - Let's Talk Drupal

short demo.

Page 43: April 2016 - USG Web Tech Day - Let's Talk Drupal

questions?