Click here to download the Drupal 6 Developing Site Structures Powerpoint

advertisement

Drupal Training Series

Foundations for OSU Drupal 6:

Developing Site Structures

This work is licensed under a Creative Commons Attribution-

NonCommercial-ShareAlike 3.0 United States License

What We’ll Be Covering…

Getting Started

• About the Assignment

• About the Project

Understanding Systems

• System Development

• Site Maps and Summaries

Books

• Different Systems Addressed in this Workshop

• What Books Are & How They Work

• Ex. 1 Enabling the Book Navigation Block

• Ex. 2 Start a Book

• Ex. 3 Outlining a Book

• Ex. 4 Create Methods Section

• Methods Book Lab

Taxonomy

• What Taxonomies Are & How They Work

• Ex. 5 Taxonomy Drill-Down

• Ex. 6 Create the Meal Vocabulary

• Ex. 7 Create the Food Type Vocabulary

• Taxonomy Tag Lab

• Ex. 8 Create Cooking Method Vocabulary

• Taxonomy Term Lab

• Ex. 9 Tagging Time

Glossary

• What Glossary Is & How It Works

• Ex. 10 Configuring a Glossary

Summary

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 2

Getting Started

As a reminder, to get to your personal development site go to: http://drupaldev.cws.oregonstate.edu/training/<yourONIDname>/login

From there, log in with your ONID information.

After logging in, please open a second tab in your browser and go to CWS Training at http://oregonstate.edu/cws/training

Locate the name of this workshop in the list and click it. This will take you to a page describing the course with download links at the bottom of the page.

Download the lab materials to your desktop and unzip them.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 3

Assignment

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 4

Participants should have one piece of content built prior to beginning this workshop

This piece of content will serve as the Home page for our website project

The Home page should be listed within the Primary links menu, which should display on the left side of your screen

The Project

The project we’ll be working on, from this point onward, is a website centered around food.

This website, titled Food for Thought , has two goals:

• Provide a wide collection of searchable recipes

• Provide advice on how to use different methods and common utensils

The audience consists of:

• Ages 13+

• Male & Female

• English speakers

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 5

Understanding Systems:

Overview

Websites can grow to be complex

• Many different forms of media

• Many internal parts / pages

• External relationships may exist as well

Often these parts depend on each other to achieve some desired function or effect

When there is a dependency between two or more objects or elements, and one or more of those elements changes, it may affect the other parts as well

This is why a good understanding of systems and how they work is very helpful

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 6

Understanding Systems:

What is a System?

System : a regularly interacting or interdependent group of items forming a unified whole

( http://www.merriam-webster.com/dictionary/system )

Just about everything is a system of something.

Think about it…

Families

Systems of People

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws

Our Bodies

Multiple Biological Systems

7

Even Atoms

System of Protons, Neutrons & Electrons

Understanding Systems:

A Website is a System

A website is an information system which consists of several different systems working together to make it all happen

• Back-end

– The hardware required to store and distribute electronic files

 Web Servers

 Database Servers

– The programming required for hardware to communicate and perform particular tasks

 HTML

 PHP

• Front-end

– The User Interface (UI) we see on our computer monitors

 This is how we “communicate” with the equipment

 Most importantly, this is how we communicate with our audiences

As OSU Drupal 6 site contributors, we will be both interacting with, and building, a large part of the front-end

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 8

Understanding Systems:

System Development

There are two main systems we’ll be working with in this workshop:

• Navigation System

– Creating well-formed, logical menus

• Classification System

– Creating a solid base for tagging and organizing site content

Solid development of both of these systems provides:

• Higher degree of usability

• System optimization

Often, the development of one of these systems will lend itself nicely to the development of the other

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 9

Understanding Systems:

System Development – Tools & Methods – Site Map

Handling

Methods

Book

Cooking

Methods

Book

Methods

Book

Relationship

Equipment

CCK

Cooking

Companion

Book

Food for

Thought

Home

Page

Employee

CCK

Conversions

Book

Recipes

CCK

Title

Content Type

To get started, it’s a good idea to have at least a rough idea of how the website should be formed

A site map is a good, graphic tool, for fitting everything together

This site map should include, at a minimum:

• Title / Content

– Should be meaningful, concise, and somewhat define purpose

• Content Type

• How Content Relates

At left is a very basic frame on which we’ll build our Food for Thought website on

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 10

Understanding Systems:

System Development – Tools & Methods – Narrative

The site map, shown previously, is a good general guide to the structural components of our site

Additionally, we should have some idea of the intended function that each of the major components serves – a narrative will serve this purpose nicely

Food For Thought

Home Page

Cooking Companion

Feature

Recipes

Feature

Function: an overview page which describes the website as a whole

Function: a searchable and sortable collection of recipes

Function: similar to an Appendix or Bonus section of a traditional cookbook

Methods

Section

Function: a categorized collection of techniques and tips for the cooking, handling, and preservation of food

Equipment

Section

Function: a searchable and sortable collection of tips regarding the use of common food preparation and serving equipment

Conversions

Section

Function: a simple standard to metric conversion chart for common cooking measurements

Employee Feature

Highlights the employees of Food for Thought by providing photos, brief biographies, and contact information.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 11

Navigation System:

Overview

All default access roles in OSU Drupal 6 have the ability to greatly affect what is displayed on a site.

The system most at risk in a multi-user OSU Drupal 6 site is the navigation system. Ironically, this system is, by and large, the most important tool provided to the audience.

It deserves some careful planning, communication, and maintenance.

There are some tools available to help optimize the navigation system of a Drupal site – the most obvious one is the Books feature.

When used in conjunction with a well-communicated workflow plan, this tool will help both organize and partially automate the menu development on a Drupal site.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 12

Navigation System:

Ex. 01 Enable Book Navigation Block

We’re going to be working with some Book navigation menu items in this workshop

To view this menu block, we’ll have to enable it first by doing the following:

1. Scroll down to the Disabled group and locate the Book navigation block

2. Select the Right sidebar option from the drop-down menu

3. Click the Save blocks button

1

Note: to learn more about blocks, check out the

Drupal 6 Formatting Blocks workshop

3

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 13

2

Navigation System:

Ex. 01 Enable Book Navigation Block – Missing Block

Click on your Home page link to view the set up

Note that the Book navigation block doesn’t show, even though your

Blocks page says the block is enabled

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 14

This is simply due to the fact that we don’t have any Book pages created yet

Navigation System:

Revisiting Books

The Book content type was introduced, initially, in the Drupal 6

Content Types Workshop.

As a refresher, this content type has some great features in terms of developing the structure of a site:

• Relates appropriate content together with Parent / Child pages

• Provides a degree of automation to menu development

Remember, the Book content type is intended for hierarchical content.

Think of it in the same fashion as you would a traditional book – with a main topic and supporting chapters

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 15

Navigation System:

Using the Site Map

Handling

Methods

Book

Cooking

Methods

Book

Methods

Book

Equipment

CCK

Cooking

Companion

Book

Food for

Thought

Home

Page

Conversions

Book

The site map provided at the beginning of this workshop displays a small step towards outlining a Drupal Book .

The Cooking Companion section of this site will be the focus for our Book building efforts.

As shown at left in the site map, the

Equipment category within our Cooking

Companion book will consist of its own custom content type. This will be addressed in a future workshop.

Employee

CCK

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws

Recipes

CCK

16

Navigation System:

Ex. 02 Start a Book

Let’s start by creating the Parent

Book page , titled Cooking Companion

1. In the Navigation menu, click on Create Content > Book page

Cooking

Methods

Book

Handling

Methods

Book

Methods

Book

Cooking

Companion

Book

Conversions

Book

1

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 17

1

Navigation System:

Ex. 02 Start a Book – Cooking Companion Parent Page

2

Create the Parent Book page :

1.

Title field = Cooking Companion

2.

Body field = paste lab materials in

– ex-02-01.doc

– ex-02-01.png

– Input format = Full HTML

3.

Book outline field= <create a new book>

4

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 18

3

Navigation System:

Ex. 02 Start a Book – Cooking Companion Parent Page – Preview & Save

Preview the Cooking Companion page

If satisfied with the results, click the Save button

After saving, note the appearance of the Book navigation menu.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 19

Navigation System:

Ex. 02 Start a Book – Add Conversions Child Page

According to the basic Site Map, the

Conversions Child Book page has nothing stemming from it, so let’s quickly create this page as well

1. Scroll to the bottom of the Parent page and click on the Add child page link

Handling

Methods

Book

Cooking

Methods

Book

Methods

Book

Cooking

Companion

Book

Conversions

Book

1

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 20

Navigation System:

Ex. 02 Start a Book – Enter Conversions Child Page Data

2 1

To create the Child Book page :

1.

Title = Conversions

2.

Body = paste lab materials in a. Open and copy the ex-02-02.txt

file b. Click the HTML Source Editor button in the

WYSIWYG editor c. Paste the content into the HTML Source

Editor dialog box d. Click the Update button

3.

Input format = Full HTML

3

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 21

Navigation System:

Ex. 02 Start a Book – Add Conversions Child Page – Preview & Save

Preview the Conversions page

If satisfied with the results, click the Save button

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 22

Navigation System:

Outlining a Book

Outlining a written piece of work simply means to take a broad topic and break it down into smaller pieces that support the main topic

A great example of an outline is to look at the Table of Contents of any textbook.

Generally each chapter contains a descriptive title and probably contains several points of interest. Larger works may be split into Parts.

The site map is a start at outlining, but it really just points us in the general direction.

We’re left with the Methods group and its children: Cooking and

Handling & Preservation

Cooking

Methods

Book

Let’s outline the Methods group

Handling

Methods

Book

Methods

Book

Conversions

Book

Cooking

Companion

Book

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 23

Navigation System:

Ex. 03 Book Outline

According to our summary, the content that will exist in the Methods group will be “a categorized collection of techniques and tips for the cooking,

handling, and preservation of food

How could these sub-groups be further outlined?

What are some different Cooking

Methods?

What about Handling? Preservation?

Cooking

Book

Methods

Book

Handling

Book

Handling &

Preservation

Book

Preservation

Book

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 24

Navigation System:

Ex. 03 Start a Book – Finalized Book Outline

Methods

Book

Cooking

Book

B-B-Q & A

Child Book Page

Baker’s Dozen

Child Book Page

Get the Skinny

Child Book Page

Joe’s Diner

Child Book Page

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws

Handling

Book

Meat Prep

Child Book Page

Fruit & Veg Prep

Child Book Page

Food Safety

Child Book Page

Handling &

Preservation

Book

Preservation

Book

Canning

Child Book Page

Dehydrating

Child Book Page

Pickling

Child Book Page

Our site map is starting to show some signs of advanced structure

Now it’s time to set it all up

We won’t be creating full pages for everything – instead, we’ll include content in the top three pages and then just get the others started

25

Navigation System:

Ex. 04 Create Methods Section

Start by creating the Methods page:

1. Go to the Cooking Companion page and click on the Add child page link

2.

Title = Methods

3.

Body = use lab materials:

– ex-04-01.doc

file

– ex-04-01.png

file

4.

Input format = Full HTML

5.

Preview and Save

The results should appear similar to the example shown.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 26

Navigation System:

Now You Do It – Methods Book Lab – Methods Child Pages

Now it’s time to quickly build the Cooking and Handling & Preservation sections, which are both children of Methods

Parent = Methods

Title field = Cooking

Body field = use lab materials:

• ex-04-02.doc

Input format option = Full HTML

Preview and Save

Parent = Methods

Title field = Handling & Preservation

Body field = use lab materials:

• ex-04-03.doc

Input format option = Full HTML

Preview and Save

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 27

Navigation System:

Now You Do It – Methods Book Lab – Cooking Child Pages

Create the child pages of Cooking

Parent = Cooking

Title field = B-B-Q & A

Body field = use lab materials:

• ex-04-05.doc

Input format option = Full HTML

Preview and Save

Parent = Cooking

Title field = Get the Skinny

Body field = use lab materials:

• ex-04-05.doc

Input format option = Full HTML

Preview and Save

Parent = Cooking

Title field = Baker’s Dozen

Body field = use lab materials:

• ex-04-05.doc

Input format option = Full HTML

Preview and Save

Parent = Cooking

Title field = Joe’s Diner

Body field = use lab materials:

• ex-04-05.doc

Input format field = Full HTML

Preview and Save

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 28

Navigation System:

Now You Do It – Methods Book Lab – Handling & Preservation Child Pages

Using ex-04-05.doc

, create the child pages of Food Handling & Preservation . These pages have no content in the body yet. They will be used as placeholders.

Parent = Handling & Preservation

Title field= Food Handling

Body field = none

Input format option = Full HTML

Save

Parent = Handling & Preservation

Title field = Food Preservation

Body field = none

Input format option = Full HTML

Save

Parent =

Food Handling

Title field =

Meat Preparation

Body field = none

Input format option =

Full HTML

Save

Parent =

Food Handling

Title field =

Fruit & Vegetable

Preparation

Body field = none

Input format option=

Full HTML

Save

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws

Parent =

Food Handling

Title field=

Food Safety

Body field = none

Input format option =

Full HTML

Save

Parent =

Food Preservation

Title field =

Canning

Body field = none

Input format option =

Full HTML

Save

Parent =

Food Preservation

Title field =

Dehydrating

Body field = none

Input format option =

Full HTML

Save

Parent =

Food Preservation

Title field =

Pickling

Body field = none

Input format option =

Full HTML

Save

29

Navigation System:

Final Book Development

Clicking through the parent categories in the Book navigation menu will open each group of menu items.

There are many pages that have been created as “holder” pages.

As site-builders, we know what is desired for each holder page, we just haven’t generated the content for it yet.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 30

Classification System:

Taxonomy

It’s a somewhat daunting term, but most of us tend to understand taxonomies innately.

When given a varied group of things, most people sort things out based on some type of categorical attribute.

A taxonomy is merely a way of categorizing things.

If a person happens to have a music collection and enjoys more than one artist or type of music, chances are, they’ve created their own musical “taxonomy” based on music genre.

The outline at right may look somewhat familiar in form.

While there may be many different taxonomy topics, there is really only one purpose behind creating one…it organizes items.

This, in turn, makes things easier to find.

My Music

• Classical

– Boston Philharmonic

 Beethoven’s 5th

• Country

– Johnny Cash

 Ring of Fire

• Jazz

– Norah Jones

 Come Away With Me

• Rock

– Red Hot Chili Peppers

 Around the World

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 31

Classification System:

Why Bother With a Taxonomy?

Taxonomies do not need to be built for a Drupal site to work. For small sites, most site-builders may choose not to use this feature.

For large sites though – sites that contain much more content than menu space – taxonomies can help in the following ways:

• Categorical assignment

– Helps with queries and Views

• Controlled keywords / tagging

– Helps with content optimization

• Glossary creation

– At least one taxonomy vocabulary must be built for this feature to work

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 32

Classification System:

The Shoebox

Now, imagine that someone has dumped a shoebox full of recipe cards in front of you

Your job is to sort through it and put it into order

In how many different ways can these items be sorted?

What makes sense to you?

Even more importantly, what do you think makes sense to someone else who is looking for something in particular?

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 33

Classification System:

Ex. 05 Taxonomy Drill-Down

Before building the actual taxonomy on

Drupal, it’s a good idea to come in prepared by drilling down the category first

To drill-down a category:

First, establish a Topic for the category

The topic category should be:

• Broad

• Directly related to the main topic

We’ll start by using the Recipes category of our website

Recipes

Category topic

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 34

Classification System:

Ex. 05 Taxonomy Drill-Down – Parent Terms

Food

Group

Alphabetic

We’ve established Recipes as our topic

Let’s get a little more specific with our Recipes group by adding our first level terms, these will be known as the

Parent terms

Type

Recipes

Nutrition

Value

Meal

Ethnicity

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 35

Classification System:

Ex. 05 Taxonomy Drill-Down – First Level Children

Dairy

Veg

Grain

Food

Group

Fruit

Meat

Alphabetic

Junk

Entree

Appetizer

Soup

Type

Italian

Ethnicity

Recipes

Nutrition

Value

Vegan

Meal

Snack

Break fast

Lunch

Dinner

Low

Carb

Chinese

Mexican

Now, add a first level of children

The diagram is starting to look a little more detailed by now

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 36

Classification System:

Ex. 05 Taxonomy Drill-Down – Second Level Children

Can a second level of children be added?

Yes.

In fact, this diagram can be drilled down quite a bit further

Part of building a good taxonomy, though, is also knowing when to stop

This is a matter of judgment and having a focused concept of what is desired as an end result

Tomato

Milk

Cheese

Dairy

Veg

Beef

Seafood

Bread

Pasta

Grain Food

Group

Meat

Pork

Poultry

Fruit

Apple

Alphabetic

Junk

Entree

Appetizer

Soup

Type

Italian

Ethnicity

Recipes

Nutrition

Value

Vegan

Meal

Snack

Break fast

Lunch

Dinner

Low

Carb

Chinese

Mexican

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 37

Classification System:

Ex. 05 Taxonomy Drill-Down – Cleaning Up Drill-Down

Milk

Cheese Tomato

Dairy

Veg

Beef

Seafood

Bread

Pasta

Grain

Food

Group

Meat Pork

Apple

Fruit

Poultry

Alphabetic

Entree Junk

Appetizer

Soup

Type

Italian

Ethnicity

Recipes

Nutrition

Value

Vegan

Meal

Snack

Break fast

Lunch

Dinner

Low

Carb

Chinese

Mexican

Sometimes a drill-down exercise can produce many possibilities

Some, of course, will always be better than others

It’s the job of the site-builder to determine what will work best and weed out what might be unnecessary

In this case the following will go:

• Alphabetic

– Not specific enough

• Nutrition Value

– Potentially high-maintenance

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 38

Classification System:

Ex. 05 Taxonomy Drill-Down – Finalized Recipe Drill-Down

What remains are four very solid sub-groups of the Recipes group for the Food for Thought website

The Meal and Course sub-groups are quite small

The Ethnic sub-group will be a bit larger

The Food Group sub-group will be the most complex of all

We’ll build the two smallest of these – which will be used in a future workshop

Entree

Appetizer Course

Soup

Milk

Cheese Tomato

Bread

Pasta

Grain

Dairy

Food

Group

Veg

Beef

Seafood

Meat Pork

Fruit

Poultry

Apple

Recipes

Italian

Ethnicity

Chinese

Mexican

Meal

Snack

Break fast

Lunch

Dinner

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 39

Classification System:

Taxonomy Terminology

Before we begin, it would be beneficial to go over the terminology used within a site’s Taxonomy :

Taxonomy : The Drupal module that allows a user to categorize content using both tags and defined terms – also the collection of vocabularies used in a Drupal site

Vocabulary : A collection of terms used within a particular category – several different vocabularies might exist in one site’s taxonomy

Term : A word or phrase and its definition

Tag : A word or phrase that is connected to a piece of content and serves as a tool to facilitate searches

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 40

Classification System:

Tagging

The first few Vocabularies that we’ll construct are intended to be used as tagging tools for a custom Recipe content type that we’ll build in the future.

Tagging as mentioned previously, is used to help optimize site content.

Entree

Type

Cheese

Pasta

Ethnicity

Grain

Dairy

Recipe

Lasagna

Food

Group

Veg

Tomato

Meat

Meal

Beef

Dinner

Consider this…

One person might enter this website looking for Italian food

Another person may desire dishes with tomatoes in it

Still another may be looking for pasta recipes

In all cases, Lasagna , should be on any result list – if it’s tagged right

This is part of content optimization

Italian

Lunch

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 41

Classification System:

Ex. 06 – Create the Meal Vocabulary

To create the Meal vocabulary:

1. Go to Administer > Content management > Taxonomy

2. Click the Add vocabulary tab

1

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 42

2

Classification System:

Ex. 06 – Create the Meal Vocabulary – Vocabulary Information

3

2

1

5

4

Leave as is

Add Vocabulary information:

1. In the Vocabulary name field type Meal

2. In the Description field, enter a brief description of the vocabulary, if desired

3. In the Help text field type To select multiple items hold the

Ctrl key while clicking

4. Leave the Content types group as is for now

5. In the Settings group, click on the Multiple select option

6. Click the Save button

6

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 43

Classification System:

Ex. 06 – Create the Meal Vocabulary – Add Terms

After the vocabulary is created, the user is redirected back to the

Taxonomy main screen – now it’s time to add some terms:

1. Click on the add terms link in the Meal row

2. In the Term name field enter the word Breakfast

3. Click the Save button

Repeat this process for the following terms:

– Lunch

– Dinner

– Snack

3

2

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 44

1

Classification System:

Ex. 06 – Create the Meal Vocabulary – Organize Vocabulary Terms

2

Click and hold on this icon, then drag the term to the desired position

1

To organize the new terms:

1. From the Add term tab, click on the List tab

2. Click and hold on the small cross icon next to the Lunch term and drag it up between the Breakfast and Dinner terms

3. Click the Save button

3

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 45

Classification System:

Advanced Taxonomy Options

So far, we’ve just listed a few terms in a very simple vocabulary.

Taxonomy can provide some additional features, though, such as:

• Definitions / descriptions

• Parent – Child relationships

• Term relations

– This produces an effect similar to “see also” in a dictionary

• Synonym recognition

– If a particular word has a synonymous word or term, it can be listed here. Ex: “Dinner” might also be referred to as “Supper”

These different options can be used in a variety of ways by Drupal, as well as by other modules that are included in the OSU Drupal 6 installation.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 46

Classification System:

Ex. 07 Create the Meal Course Vocabulary

Let’s explore some of these advanced options with the Meal Course vocabulary:

1. Click on the Taxonomy menu item in the Navigation menu

2. Click on the Add vocabulary tab

3. In the Vocabulary name field enter

Meal Course

4. In the Description field, enter a brief description of the vocabulary, if desired

5. In the Help text field type To select multiple items hold the Ctrl key while clicking

6. Leave the Content types group as is for now

7. In the Settings group, click on the

Multiple select option

8. Click the Save button

1

4

2

3

5

6

7

8

Leave as is

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 47

Classification System:

Ex. 07 Create the Meal Course Vocabulary – Create a Synonym

1

4

2

3

Once the Meal Course vocabulary is started:

1. Click on add terms in the Meal

Course row

2. In the Term name field enter the term Appetizer

3. Click on the Advanced options group to open it

4. In the Synonyms field enter the word hors d’oeuvre

5. Click the Save button

5

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 48

Classification System:

Now You Do It – Taxonomy Tag Lab

Now it’s time to roll up your sleeves…

We have a couple more vocabularies to build. For the next five minutes, we’ll focus on the Meal Course and Equipment vocabularies.

First, open up the ex-07.doc

. Complete the rest of the Meal

Course vocabulary by following the items listed on the document.

If you complete the Meal Course vocabulary, just continue working down through the Equipment vocabulary, which is included in ex-

07.doc

.

Note: You’re not expected to complete all of the lab material in this sitting. Extra material has been provided to practice with on your own time.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 49

Classification System:

Terms

In addition to tagging , the Taxonomy module can also provide term definitions .

When used in combination with the Glossary module, a real-time, context-sensitive glossary is generated.

This is great for sites that use a large quantity of acronyms or special terminology.

For our next exercise, we’ll build three vocabularies for the

Methods branch of our site map which we’ll then use to populate a Glossary .

You will need to open the ex-08.doc

document in your lab materials.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 50

Classification System:

Ex. 08 Create the Cooking Method Vocabulary

To create defined terms:

1. Click on the Taxonomy link in the

Navigation menu

2. Click on the Add vocabulary tab

3. In the Vocabulary name field, enter the name Cooking Methods

4. In the Description field enter

Various cooking methods

5. In the Help text field enter To select multiple items, hold the Ctrl key while clicking

6. In the Content types group, select the Book page checkbox

7. In the Settings group, select the

Multiple select checkbox

8. Click the Save button

1

7

6

2

3

4

5

8

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 51

Classification System:

Ex. 08 Create the Cooking Method Vocabulary – Add Terms

2

3

1

Now, lets add some terms and definitions:

1. From the Taxonomy main page, in the Cooking Methods group, click on the add terms link

2. Going off the vocabularymethods.doc

example, enter the

Term name Dry Heat Cooking

3. Copy the definition from the Word document and paste it directly into the Description field

4. There are no Advanced options for this particular term, so click the

Save button

4

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 52

Classification System:

Ex. 08 Create the Cooking Method Vocabulary – Add Child Term

After the Parent term is created and the screen refreshes, to add a Child term:

1. In the Term name field, enter the term Bake

2. Copy and paste the corresponding definition from the ex-08.doc

into the Description field

3. Click on the Advanced options group to open it and, from the Parents list, select the Dry Heat Cooking option

4. Add the synonyms baking and baked to the Synonyms field – one per line

5. Click the Save button

2

1

3

4

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 53

Classification System:

Now You Do It – Taxonomy Term Lab

For the next five minutes, following the example provided in the ex-08.doc

file, continue adding terms from the Cooking Methods vocabulary.

For those who happen to complete the Cooking Methods vocabulary during this lab time, there are additional vocabularies available as well:

• Food Preservation

• Preparation Methods

Remember, for each new group of terms, you will need to click on the Add vocabulary tab and associate it with the Book page content type.

Note: You’re not expected to complete all of the lab material in this sitting. Extra material has been provided to practice with on your own time.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 54

Classification System:

Ex. 09 Tagging Time

It’s time to start putting Vocabularies to work

From the Book navigation menu, open the B-B-Q & A page in

Edit mode

Note that there are some new features here that weren’t present before

1.

Vocabularies = select following:

– From Cooking Methods :

 Dry Heat Cooking

 Grill

2. Click the Save button

1

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws

2

55

Note the addition of tags in the lower left corner of your screen

Classification System:

Now You Do It – Tagging Lab

Tag the other child pages of Cooking

Title = Baker’s Dozen

Vocabularies = select:

• Cooking Methods

– Dry Heat Cooking

– Bake

Preview and Save

Title = Get the Skinny

Vocabularies = select:

• Cooking Methods

– Dry Heat Cooking

– Bake

– Grill

– Water-Based Cooking

– Blanch

– Poach

Preview and Save

Title = Joe’s Diner

Vocabularies = select:

• Cooking Methods

– Oil-Based Cooking

– Deep Fry

– Roast

Preview and Save

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 56

Glossary

Now it’s time to get a hint of what Taxonomy can do by creating a

Glossary .

Just as a note, before we get started, Glossary is not difficult to set up, but it’s not very intuitive in terms of finding it.

Additionally, Glossary requires the ability to configure Input formats . Due to this, the only default roles that can configure the

Glossary are the Advanced Author and Administrator .

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 57

Glossary:

Ex. 10 Configure Glossary – General Tab Settings

To configure Glossary :

1. In the Navigation menu click on

Administer > Site configuration >

Glossary settings

2. Check the Show glossary across many smaller pages option, under the

Glossary Page group

3. Check the Show glossary term descriptions on the Glossary page option, under the Glossary Page group

2

3

1

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 58

Glossary:

Ex. 10 Configure Glossary – Alphabet Tab Settings

The Glossary Alphabet tab is where the glossary is organized:

1. The Alphabet and Digits fields are fairly self-explanatory

2. If the Suppress unused letters option is checked, unused letters will not show in the glossary page’s alphabet bar

3. The Alphabar separator is the symbol used to separate the alphabet characters at the top of the page – select one, if desired

4. The Alphabar instruction field can be customized, if desired

5. Click the Save configuration button when finished

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 59

3

4

5

2

1

Glossary:

Ex. 10 Configure Glossary – Clear Cache Tab

A memory cache is used to speed up computer processing by temporarily placing data (or a copy of it) in a location where it can be accessed more rapidly than normal. This can drastically speed up page loading time

Sometimes cached data may not immediately reflect changes that have been made to a system and the cache must be cleared and rebuilt

Here is where cache clearing is done for

Glossary

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 60

Glossary:

Ex. 10 Configure Glossary – Input Format Tabs: Filtered HTML, Full HTML, PHP

The Glossary module must be enabled for each Input format prior to configuring it for the respective format.

The process to enable each Input format is the same.

We’ll start with the Filtered HTML format.

1. Click on the Filtered HTML tab

1

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 61

Glossary:

Ex. 10 Configure Glossary – Filtered HTML Tab – Enable Glossary Filter

3

4

2

1

To enable the Glossary filter , from the Filtered HTML tab screen:

1. Click on the Change the settings link

2. This will take you to the

Filtered HTML Input format configuration page

3. Scroll down the page and click the Glossary filter option

4. Click the Save configuration button

After saving, you will be redirected to the Input formats screen – this is normal

Repeat this exact same process for Full

HTML and PHP

To enter the configuration panel for each, click on their respective configure links

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 62

Glossary:

Ex. 10 Configure Glossary – Filtered HTML Tab – Filtered HTML Config – Input Format Settings

After the Glossary filter has been enabled for the Filtered

HTML Input format :

1. Click on the Glossary

Settings link in the

Navigation menu to return to the Glossary

Settings page

2. Click on the Filtered

HTML tab to open up the settings screen

3. Select the following vocabulary items to attach to the Glossary

– Cooking Methods

– Food Preservation

– Preparation Methods

1

3

2

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 63

1

2

4

3

Glossary:

Ex. 10 Configure Glossary – Filtered HTML Tab – Filtered HTML Config – Term Matching

Within the Term matching group:

1.

Match type group

– Provides different ways the Glossary filter can search text content

– Word option is the default

2.

Case sensitivity group

– Used to filter out items that do not match a particular case format

– Case sensitive option is the default

– Select Case insensitive

3.

Replace matches group

– Shows either only the first match on a page or will show all matches

– Only the first match option is the default

4.

Blocked elements group

– Pertains to HTML elements that should be blocked

– Leave this as is

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 64

Glossary:

Ex. 10 Configure Glossary – Filtered HTML Tab – Filtered HTML Config – Link Style

Within the Link style group:

1.

Link type group

– how hyperlinking of the term to the glossary should be handled

– no default is set

– select the normal option

2.

Term indicator group

– the symbol to use to indicate that this is a Glossary term

– the Superscript option is the default

– change this or leave as is

 Note: if the Superscript option is chosen, the superscript text can be changed in the Superscript field

3. Click the Save configuration button

3

2

1

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 65

Glossary:

Now You Do It – Glossary Lab

Now configure the remaining Full HTML and PHP code Input

Formats . Here’s a cheat sheet…

For both Full HTML and PHP code , click on the respective tab and enter the settings below:

• Select Vocabulary checkbox = at a minimum Cooking Methods , if completed the Food Preservation , Preparation Methods as well

• Match type option = Leave as is

• Case sensitivity option = Case insensitive

• Replace matches option = Leave as is

• Blocked elements field = Leave as is

• Link type option = normal

• Term indicator option = Select one

Note: Remember that if you choose the Superscript option, you can enter a character of your choice in the corresponding text field.

Click the Save configuration button

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 66

Glossary:

Final Result

Now, locate a term that you have entered into your vocabulary and take a look at what Glossary does by hovering your mouse over an active term.

Note: The Bake term is the first child term entered in the Cooking Methods vocabulary. You can find this at Cooking Companion > Methods > Cooking .

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 67

Glossary:

View Entire Glossary

To view the entire Glossary for this specific vocabulary, just click on the active term link. Clicking on an underlined letter in the alphabet bar will take the user to all included vocabulary terms which use that particular letter

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 68

Glossary:

View Detailed Definitions

Clicking on the Detailed definition link of a particular term will bring up that term, as well as any published nodes that are associated with that particular term. This association is made possible through the tags that you applied to the node.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 69

Summary

We’re at a point in the development of this site where all of the work that we’ve done isn’t always blatantly obvious.

It will become increasingly apparent, though, as we move into more advanced concepts such as CCK and Views – which will be addressed in a future CWS Workshop.

What we have done is created a very solid foundation upon which we can build an optimized and highly usable website that contains many user friendly features.

The training sites that have been supplied to you for this workshop are yours and will remain yours indefinitely, provided they are actively used. If your site has not been used for three months, though, it may be eliminated with no further notice.

If you choose to progress into other workshops, we will build upon what we have started here.

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 70

Conclusion

This completes the OSU Drupal 6 Developing Site Structures tutorial. For additional tutorials, please visit CWS Training at: http://oregonstate.edu/cws/training

To view and register for all OSU Drupal 6 Workshops, visit the

Professional Development Central Registration site at: http://oregonstate.edu/cws/register

To submit a Help Ticket or make a Site Request on-line, go to: http://oregonstate.edu/cws/contact

Provided by Central Web Services

541-737-1189 http://oregonstate.edu/cws 71

Download