how to build interactive training that scales - magnolia cms conference 2013

Post on 11-May-2015

888 Views

Category:

Technology

0 Downloads

Preview:

Click to see full reader

DESCRIPTION

In 2011 Atlassian launched "Atlassian University", an interactive training environment for Atlassian products built entirely on Magnolia CMS. In 2013, after suffering through a series of problems, we ripped all of it out and rebuilt it from scratch in a way that will actually scale. The one piece of architecture we kept was that the guts of the system is still built on Magnolia. This talk covers the history of the system, how it was originally built, the problems we encountered, and how we eventually moved past them.

TRANSCRIPT

THAT SCALES

M A R K H A L V O R S O N • D I R E C T O R O F I N T E R A C T I V E • A T L A S S I A N • @ h a l v 0 1 1 2

How to Build Interactive Training

L A B E L T I T L EL A B E L T I T L EW H Y

HOW

WHAT

HOW

WHAT

L A B E L T I T L EL A B E L T I T L EW H Y

HOW

WHAT

HOW

WHAT

L A B E L T I T L EL A B E L T I T L EW H Y

HOW

WHAT

People know stuff...

People know stuff...

People know stuff...

People know stuff...

...and they should share it.

...and they should share it.

Shared Understanding

Bottlenecks

Bottlenecks

Bottlenecks

Bottlenecks

Bottlenecks

WHY:

We believe that sharing knowledge is

important... but it isn’t easy at scale.

WhyHOW

WHAT

L A B E L T I T L EL A B E L T I T L EW H Y

HOW

WHAT

HOW

WHAT

L A B E L T I T L EL A B E L T I T L EW H Y

HOW

WHAT

HOW

WHAT

L A B E L T I T L EL A B E L T I T L EW H Y

HOW

WHAT

How can we make it easier?

Create Documentation

... odds are that documentation already

exists...

... but what is the best way to understand something?

... but what is the best way to understand something?

... but what is the best way to understand something?

... but what is the best way to understand something?

Learning opportunities live everywhere...

...but they are in silos disorganized.

We know structured content eases shared

understanding...

We know structured content eases shared

understanding...

We know structured content eases shared

understanding...

... but sometimes we need to augment it.

... but sometimes we need to augment it.

To create a bundle..

... that consistently ...

... leads to ...

..shared understanding!

..shared understanding!

..shared understanding!

HOW:

Organize content into repeatable steps to

guide each user to shared understanding.

L A B E L T I T L EL A B E L T I T L EW H Y

HOW

WHAT

L A B E L T I T L EL A B E L T I T L EW H Y

HOW

WHAT

L A B E L T I T L EL A B E L T I T L EW H Y

HOW

WHAT

VERSION 3

VERSION 2

VERSION 1

The stages of What.

Atlassian University

Atlassian University

Atlassian University

Atlassian University

Atlassian University

Atlassian University

Atlassian University

Atlassian University

Atlassian University

Atlassian University

Atlassian University

V E R S I O N 1

How it worksM A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

Atlassian University

V E R S I O N 1

How it worksM A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• User Managment

Atlassian University

Atlassian University

V E R S I O N 1

How it worksM A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• User Managment

• Data Storage

• Licenses

• Lesson Completion

Atlassian University

V E R S I O N 1

How it worksM A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• User Managment

• Data Storage

• Licenses

• Lesson Completion

• Content

Atlassian University

V E R S I O N 1

How it worksM A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

• User Managment

• Data Storage

• Licenses

• Lesson Completion

J I R A

• Sample Data

Atlassian University

V E R S I O N 1

How it worksM A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

• User Managment

• Data Storage

• Licenses

• Lesson Completion

J I R A

• Sample Data

S H E R P A J S

Atlassian University

V E R S I O N 1

How it worksM A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

• User Managment

• Data Storage

• Licenses

• Lesson Completion

J I R A

• Sample Data

S H E R P A J S

LESSONCOMPLETE

API

Atlassian University

V E R S I O N 1

How it worksM A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

• User Managment

• Data Storage

• Licenses

• Lesson Completion

J I R A

• Sample Data

S H E R P A J S

LESSONCOMPLETE

API

V E R S I O N 1

How it worksM A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

• User Managment

• Data Storage

• Licenses

• Lesson Completion

J I R A

• Sample Data

C O N F L U E N C E

• Sample Data

J I R A + G H

• Sample Data

S H E R P A J S

S H E R P A J S

S H E R P A J S

LESSONCOMPLETE

API

LESSONCOMPLETE

API

LESSONCOMPLETE

API

V E R S I O N 1

How it worksM A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

• User Managment

• Data Storage

• Licenses

• Lesson Completion

J I R A 4 . 0

• Sample Data

C O N F 3 . 5

• Sample Data

G H 5 . 7

• Sample Data

S H E R P A J S

S H E R P A J S

S H E R P A J S

LESSONCOMPLETE

API

LESSONCOMPLETE

API

LESSONCOMPLETE

API

J I R A 4 . 1

• Sample Data

C O N F 4 . 0

• Sample Data

G H 5 . 9

• Sample Data

S H E R P A J S

S H E R P A J S

S H E R P A J S

V E R S I O N 1

How it worksM A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

• User Managment

• Data Storage

• Licenses

• Lesson Completion

J I R A 4 . 0

• Sample Data

C O N F 3 . 5

• Sample Data

G H 5 . 7

• Sample Data

S H E R P A J S

S H E R P A J S

S H E R P A J S

LESSONCOMPLETE

API

LESSONCOMPLETE

API

LESSONCOMPLETE

API

J I R A 4 . 1

• Sample Data

C O N F 4 . 0

• Sample Data

G H 5 . 9

• Sample Data

S H E R P A J S

S H E R P A J S

S H E R P A J S

J I R A 4 . 2

• Sample Data

C O N F 5 . 0

• Sample Data

G H 6 . 0

• Sample Data

S H E R P A J S

S H E R P A J S

S H E R P A J S

V E R S I O N 1

• Didn’t Scale

• In Product Training didn’t created Administrative problems.

• Shared training environment (junk data)

• Magnolia Data Module falling down.

• Clunky navigation

• Required separate login

• Hard to QA!

Problems with Version 1

V E R S I O N 1

• Single Company

• Calculations Slow

• Admin Pages Slow

• Reporting Slow

• Content Not Searchable or SEO Friendly

• Always maintaining - never innovating.

Problems with Version 1

VERSION 3

VERSION 2

VERSION 1

The stages of What.

Atlassian University 2.0

V E R S I O N 2

How it works

M A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

V E R S I O N 2

How it works

M A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

A T L A S S I A N I D

• User Management

V E R S I O N 2

How it works

M A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

J I R A S C R E E N S H O T

• Sample Data

A T L A S S I A N I D

• User Management

V E R S I O N 2

How it works

M A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

J I R A S C R E E N S H O T

• Sample Data

C O N F L U E N C E S C R E E N S H O T

• Sample Data

J I R A + G H S C R E E N S H O T

• Sample Data

A T L A S S I A N I D

• User Management

V E R S I O N 2

How it works

M A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

J I R A S C R E E N S H O T

• Sample Data

C O N F L U E N C E S C R E E N S H O T

• Sample Data

J I R A + G H S C R E E N S H O T

• Sample Data

S H E R P A J S

S H E R P A J S

S H E R P A J S

A T L A S S I A N I D

• User Management

V E R S I O N 2

How it works

M A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

J I R A S C R E E N S H O T

• Sample Data

C O N F L U E N C E S C R E E N S H O T

• Sample Data

J I R A + G H S C R E E N S H O T

• Sample Data

S H E R P A J S

S H E R P A J S

S H E R P A J S

P O S T G R E S Q L

• Data

• License Data

• Lesson Completion Data

A T L A S S I A N I D

• User Management

V E R S I O N 2

How it works

M A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

J I R A S C R E E N S H O T

• Sample Data

C O N F L U E N C E S C R E E N S H O T

• Sample Data

J I R A + G H S C R E E N S H O T

• Sample Data

S H E R P A J S

S H E R P A J S

S H E R P A J S

API

API

API

P O S T G R E S Q L

• Data

• License Data

• Lesson Completion Data

A T L A S S I A N I D

• User Management

V E R S I O N 2

How it works

M A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

J I R A S C R E E N S H O T

• Sample Data

C O N F L U E N C E S C R E E N S H O T

• Sample Data

J I R A + G H S C R E E N S H O T

• Sample Data

S H E R P A J S

S H E R P A J S

S H E R P A J S

API

API

API

P O S T G R E S Q L

• Data

• License Data

• Lesson Completion Data

A T L A S S I A N I D

• User Management

V E R S I O N 2

How it works

M A G N O L I A

• App Pages (Freemarker, HTML, JavaScript)

• Content

J I R A S C R E E N S H O T

• Sample Data

C O N F L U E N C E S C R E E N S H O T

• Sample Data

J I R A + G H S C R E E N S H O T

• Sample Data

S H E R P A J S

S H E R P A J S

S H E R P A J S

API

API

API

P O S T G R E S Q L

• Data

• License Data

• Lesson Completion Data

A T L A S S I A N I D

• User Management

V E R S I O N 2

• Scaling better, but not perfectly

• Creating a lot of content.

• Created another “Training Silo”

Problems with Version 2

VERSION 3

VERSION 2

VERSION 1

The stages of What.

IntroducingAtlassianHolisticContentCurationUtility.

aka. A.H.C.C.U.

God Bless You

Exactly.

A

C

C

U

TLASSIAN

ONTENT

URATION

TILITY

H OLISTIC

Emphasizing the importance of the

whole and the interdependence of its parts.

T H E A M E R I C A N H E R I T A G E ® D I C T I O N A R Y

”“H OLISTIC

Learning opportunities live everywhere...

C ONTENT

Organize Existing Content

Organize Existing Content

Organize Existing Content

Organize Existing Content

...but they are in silos disorganized.

C ONTENT

C URATION

Structured content eases shared understanding...

C URATION

Structured content eases shared understanding...

C URATION

Structured content eases shared understanding...

C URATION

... augment where necessary.

C URATION

... augment where necessary.

C URATION

To create a bundle..

C URATION

... that consistently ...

C URATION

... leads to ...

C URATION

..shared understanding!

C URATION

..shared understanding!

C URATION

..shared understanding!

U

Everyone can use it.

TILITY

U

Everyone can use it.

TILITY

A

C

C

U

TLASSIAN

ONTENT

URATION

TILITY

H OLISTIC

CurateCurated Content

Curated Content

InfoYou have not curated any content. Click “Curate” to get started.

CurateCurated Content

Curated Content

InfoYou have not curated any content. Click “Curate” to get started.

CurateCurated Content

Curated Content

Curate

CancelCreate

FolderOrganize curated content into folders. Example: JIRA

CourseA course is a logical grouping of content to guide the user through.Example: JIRA 6.0

CurateCurated Content

Curated Content

Curate

CancelCreate

FolderOrganize curated content into folders. Example: JIRA

CourseA course is a logical grouping of content to guide the user through.Example: JIRA 6.0

CurateCurated Content

Curated Content

Curate

CancelCreate

FolderOrganize curated content into folders. Example: JIRA

CourseA course is a logical grouping of content to guide the user through.Example: JIRA 6.0

CurateCurated Content

Curated Content

Create Folder

CancelCreate

Course Name *

Description

JIRA

This folder contains content related to JIRA

CurateCurated Content

Curated Content

Create Folder

CancelCreate

Course Name *

Description

JIRA

This folder contains content related to JIRA

CurateCurated Content

Folder

JIRA

InfoYou have not curated any content in this folder. Click “Curate” to get started.

Curated Content

JIRA

CurateCurated Content

Folder

JIRA

InfoYou have not curated any content in this folder. Click “Curate” to get started.

Curated Content

JIRA

CurateCurated Content

Curated Content

Curate

CancelCreate

FolderOrganize curated content into folders. Example: JIRA

CourseA course is a logical grouping of content to guide the user through.Example: JIRA 6.0

CurateCurated Content

Curated Content

Curate

CancelCreate

FolderOrganize curated content into folders. Example: JIRA

CourseA course is a logical grouping of content to guide the user through.Example: JIRA 6.0

CurateCurated Content

Curated Content

Curate

CancelCreate

FolderOrganize curated content into folders. Example: JIRA

CourseA course is a logical grouping of content to guide the user through.Example: JIRA 6.0

CurateCurated Content

Curated Content

Create Folder

CancelCreate

Course Name *

Description

JIRA 6.0

Become an expert in issue and project tracking with JIRA.

CurateCurated Content

Curated Content

Create Folder

CancelCreate

Course Name *

Description

JIRA 6.0

Become an expert in issue and project tracking with JIRA.

CurateCurated Content

Folder

JIRA

JIRA 6.0

Curated Content / JIRA

JIRA 6.0

InfoYou have not curated any content in this folder. Click “Curate” to get started.

CurateCurated Content

Folder

JIRA

JIRA 6.0

Curated Content / JIRA

JIRA 6.0

InfoYou have not curated any content in this folder. Click “Curate” to get started.

CurateCurated Content

Curated Content

Curate

CancelCreate

FolderOrganize curated content into folders. Example: JIRA

CourseA course is a logical grouping of content to guide the user through.Example: JIRA 6.0

CurateCurated Content

Curated Content

Curate

CancelCreate

FolderOrganize curated content into folders. Example: JIRA

CourseA course is a logical grouping of content to guide the user through.Example: JIRA 6.0

CurateCurated Content

Curated Content

Curate

CancelCreate

FolderOrganize curated content into folders. Example: JIRA

CourseA course is a logical grouping of content to guide the user through.Example: JIRA 6.0

CurateCurated Content

Folder

Create Course

CancelCreate

Course Name *

Description

Customize JIRA Forms

Learn how to add custom fields and customize JIRA forms.

CurateCurated Content

Folder

Create Course

CancelCreate

Course Name *

Description

Customize JIRA Forms

Learn how to add custom fields and customize JIRA forms.

CurateCurated Content

Course

JIRA

JIRA 6.0

Customize JIRA Forms

Curated Content / JIRA / JIRA 6.0

Customize JIRA Forms

Add Lesson

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

<Embed Code> 12.6 KB

CurateCurated Content

Course

JIRA

JIRA 6.0

Customize JIRA Forms

Curated Content / JIRA / JIRA 6.0

Customize JIRA Forms

Add Lesson

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

<Embed Code> 12.6 KB

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create Lesson

External LinkContent that lives on an external site.

Interactive TutorialCreate an interactive tutorial by uploading screenshots and creating pointers

Blank PageWrite some fresh content.

TransitionAdd a transitional step between lessons such as a quiz to test comprehension.

VideoEmbed a video and description.

Call to ActionThis is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create Lesson

External LinkContent that lives on an external site.

Interactive TutorialCreate an interactive tutorial by uploading screenshots and creating pointers

Blank PageWrite some fresh content.

TransitionAdd a transitional step between lessons such as a quiz to test comprehension.

VideoEmbed a video and description.

Call to ActionThis is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

Create Cancel

Create Video Lesson

Lesson Name *

Description

Custom Fields and Forms

See JIRAs Product manager explain custom fields and forms.

Length 3m32s

Embed Code <embed width="640" height="360" src="//www.youtube.com/v/XIn1zxAbrv8?hl=en_US&amp;version=3&amp;rel=0"

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

Create Cancel

Create Video Lesson

Lesson Name *

Description

Custom Fields and Forms

See JIRAs Product manager explain custom fields and forms.

Length 3m32s

Embed Code <embed width="640" height="360" src="//www.youtube.com/v/XIn1zxAbrv8?hl=en_US&amp;version=3&amp;rel=0"

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0

Customize JIRA Forms

Lesson Type

Custom Fields and Forms (Video) Video

Add Lesson <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Customize JIRA Forms

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0

Customize JIRA Forms

Lesson Type

Custom Fields and Forms (Video) Video

Add Lesson <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Customize JIRA Forms

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create Lesson

External LinkContent that lives on an external site.

Interactive TutorialCreate an interactive tutorial by uploading screenshots and creating pointers

Blank PageWrite some fresh content.

TransitionAdd a transitional step between lessons such as a quiz to test comprehension.

VideoEmbed a video and description.

Call to ActionThis is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create Lesson

External LinkContent that lives on an external site.

Interactive TutorialCreate an interactive tutorial by uploading screenshots and creating pointers

Blank PageWrite some fresh content.

TransitionAdd a transitional step between lessons such as a quiz to test comprehension.

VideoEmbed a video and description.

Call to ActionThis is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create External Link Lesson

Lesson Name *

Description

Configuring a Custom Field

Atlassian documentation on custom fields

BrowseURL https://confluence.atlassian.c

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create External Link Lesson

Lesson Name *

Description

Configuring a Custom Field

Atlassian documentation on custom fields

BrowseURL https://confluence.atlassian.c

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0

Customize JIRA Forms

Lesson Type

Custom Fields and Forms (Video) Video

Configuring a Custom Field External Link

Add Lesson <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Customize JIRA Forms

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0

Customize JIRA Forms

Lesson Type

Custom Fields and Forms (Video) Video

Configuring a Custom Field External Link

Add Lesson <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Customize JIRA Forms

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create Lesson

External LinkContent that lives on an external site.

Interactive TutorialCreate an interactive tutorial by uploading screenshots and creating pointers

Blank PageWrite some fresh content.

TransitionAdd a transitional step between lessons such as a quiz to test comprehension.

VideoEmbed a video and description.

Call to ActionThis is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create Lesson

External LinkContent that lives on an external site.

Interactive TutorialCreate an interactive tutorial by uploading screenshots and creating pointers

Blank PageWrite some fresh content.

TransitionAdd a transitional step between lessons such as a quiz to test comprehension.

VideoEmbed a video and description.

Call to ActionThis is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create Lesson

External LinkContent that lives on an external site.

Interactive TutorialCreate an interactive tutorial by uploading screenshots and creating pointers

Blank PageWrite some fresh content.

TransitionAdd a transitional step between lessons such as a quiz to test comprehension.

VideoEmbed a video and description.

Call to ActionThis is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

Create Cancel

Create Interactive Tutorial Lesson

Lesson Name *

Description

Fields and Field Configurations

University tutorial on fields and field configurations

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

Create Cancel

Create Interactive Tutorial Lesson

Lesson Name *

Description

Fields and Field Configurations

University tutorial on fields and field configurations

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0 / Customize JIRA Forms

Fields and Field Configurations

Section

Introduction

Navigation with Tabs

Dashboard

Browse Projects

Add Step <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Customize JIRA Forms

Find Issues

Create Issues

Summary

Browse Projects

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0 / Customize JIRA Forms

Fields and Field Configurations

Section

Introduction

Navigation with Tabs

Dashboard

Browse Projects

Add Step <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Customize JIRA Forms

Find Issues

Create Issues

Summary

Browse Projects

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create Lesson Step

External LinkContent that lives on an external site.

Interactive Screenshot StepA screenshot with an instructional dialog.

Blank PageWrite some fresh content.

TransitionAdd a transitional step between lessons such as a quiz to test comprehension.

VideoEmbed a video and description.

Call to ActionThis is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create Lesson Step

External LinkContent that lives on an external site.

Interactive Screenshot StepA screenshot with an instructional dialog.

Blank PageWrite some fresh content.

TransitionAdd a transitional step between lessons such as a quiz to test comprehension.

VideoEmbed a video and description.

Call to ActionThis is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.

CurateCurated Content

Course

JIRA

Creating Custom forms in JIRA

Curated Content / JIRA

Creating Custom forms in JIRA

Add Lesson Embed Course

InfoThis course does not have any lessons. Click ‘Add Lesson’ to get started.

Create Cancel

Create Lesson Step

External LinkContent that lives on an external site.

Interactive Screenshot StepA screenshot with an instructional dialog.

Blank PageWrite some fresh content.

TransitionAdd a transitional step between lessons such as a quiz to test comprehension.

VideoEmbed a video and description.

Call to ActionThis is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0 / Get to Know JIRA

Basic Navigation

Section

Introduction

Navigation with Tabs

Dashboard

Browse Projects

Add Section <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Get to Know JIRA

Find Issues

Create Issues

Summary

Browse ProjectsCreate Cancel

Create Interactive Screenshot Step

Section Name * Introduction

BrowseScreenshot

Instruction Text This tour shows how to create custom fields in JIRA.

Action Text Click ‘Next’

Preview

Tip Location x axis y axis

If not set the dialog is centered, drag dialog in preview to move

Up DownPointer Direction Left Right

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0 / Get to Know JIRA

Basic Navigation

Section

Introduction

Navigation with Tabs

Dashboard

Browse Projects

Add Section <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Get to Know JIRA

Find Issues

Create Issues

Summary

Browse ProjectsCreate Cancel

Create Interactive Screenshot Step

Section Name * Introduction

BrowseScreenshot

Instruction Text This tour shows how to create custom fields in JIRA.

Action Text Click ‘Next’

Preview

Tip Location x axis y axis

If not set the dialog is centered, drag dialog in preview to move

Up DownPointer Direction Left Right

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0 / Customize JIRA Forms

Fields and Field Configurations

Section

Introduction

Add a Custom Field

Field Configurations

Browse Projects

Add Step <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Customize JIRA Forms

Associate a Project

Summary

Browse Projects

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0 / Customize JIRA Forms

Fields and Field Configurations

Section

Introduction

Add a Custom Field

Field Configurations

Browse Projects

Add Step <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Customize JIRA Forms

Associate a Project

Summary

Browse Projects

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0

Customize JIRA Forms

Lesson Type

Custom Fields and Forms (Video) Video

Configuring a Custom Field External Link

Fields and Field Configurations Interactive Tutorial

Add Lesson <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Customize JIRA Forms

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0

Customize JIRA Forms

Lesson Type

Custom Fields and Forms (Video) Video

Configuring a Custom Field External Link

Fields and Field Configurations Interactive Tutorial

Add Lesson <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Customize JIRA Forms

CurateCurated Content

Course

Curated Content / JIRA / JIRA 6.0

Get to Know JIRA

Lesson Type

JIRA Overview (Video) Video

JIRA 6 Tour External Link

Basic Navigation Interactive Tutorial

Add Lesson <Embed Code> 12.6 KB

JIRA

JIRA 6.0

Get to Know JIRA

Embed Course

Close

Embed Code

InfoPut this code in your HTML to embed the entire course into another site.

<script src="//cdn.atlassian.com/js/accu1096093.js"></script>

<accu:course course=‘1096093’ type=‘lightbox’ class=‘grey’ completedClass=‘green’>Customize JIRA Forms</accu:course>

Embed Course

Good Work!

Go to Customizing a Field

You just completed step 1 in a 3 step tutorial onCustom JIRA Forms.

1. Custom Fields and Forms (Video)2. Configuring a Custom Field3. Fields and Field Configurations

Close

Custom Fields and Forms

(Video)

Configuring a Custom Field

Fields and Field Configurations

Good Work!

Go to Customizing a Field

You just completed step 1 in a 3 step tutorial onCustom JIRA Forms.

1. Custom Fields and Forms (Video)2. Configuring a Custom Field3. Fields and Field Configurations

Close

Custom Fields and Forms

(Video)

Configuring a Custom Field

Fields and Field Configurations

Custom Fields and Forms

(Video)

Configuring a Custom Field

Fields and Field Configurations

Good Work!

Go to Fields and Configurations

You just completed step 2 in a 3 step tutorial onCustom JIRA Forms.

Close

1. Custom Fields and Forms (Video)2. Configuring a Custom Field3. Fields and Field Configurations

Good Work!

Close Tutorial

You just completed the Custom JIRA Forms tutorial

Sign In

You are using this tutorial in Anonymous Mode. If you want to keep track of your progress between browsers sign up for an Atlassian ID.

1. Custom Fields and Forms (Video)2. Configuring a Custom Field3. Fields and Field Configurations

Custom Fields and Forms

(Video)

Configuring a Custom Field

Fields and Field Configurations

Good Work!

Close Tutorial

You just completed the Custom JIRA Forms tutorial

Sign In

You are using this tutorial in Anonymous Mode. If you want to keep track of your progress between browsers sign up for an Atlassian ID.

1. Custom Fields and Forms (Video)2. Configuring a Custom Field3. Fields and Field Configurations

Custom Fields and Forms

(Video)

Configuring a Custom Field

Fields and Field Configurations

Embed Folder

Embed Lesson

Take a tour of the new UI!

Share Link

V E R S I O N 3

How it works

M A G N O L I A

• Content

J I R A S C R E E N S H O T

C O N F L U E N C E S C R E E N S H O T

J I R A + G H S C R E E N S H O T

S H E R P A J S

S H E R P A J S

S H E R P A J S

API

API

API

P O S T G R E S Q L

• Data

• License Data

• Lesson Completion Data

• Content Lists

A T L A S S I A N I D

• User Management

A N G U L A R J S

• App Pages (HTML/JS)

API

API

API

V E R S I O N 3

• We don’t know yet :)

Problems with Version 3

L A B E L T I T L EL A B E L T I T L EW H Y

HOW

WHAT

W H A TH O WW H Y

HOW

WHAT

W H A T

H O W

W H Y

W H Y

W H A T

H O W

We believe that sharing knowledge is important... but it isn’t easy at scale.W H Y

W H A T

H O W

We believe that sharing knowledge is important... but it isn’t easy at scale.

Organize content into repeatable steps to guide each user to shared understanding.

W H Y

W H A T

H O W

We believe that sharing knowledge is important... but it isn’t easy at scale.

Organize content into repeatable steps to guide each user to shared understanding.

A.H.C.C.U.

Spreading knowledge is as easy as spreading germs.

W H Y

W H A T

H O W

Thank you!

M A R K H A L V O R S O N • D I R E C T O R O F I N T E R A C T I V E • A T L A S S I A N • @ h a l v 0 1 1 2

top related