How to Build Interactive Training that Scales - Magnolia CMS Conference 2013

1,302 views
1,211 views

Published on

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.

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,302
On SlideShare
0
From Embeds
0
Number of Embeds
98
Actions
Shares
0
Downloads
20
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

How to Build Interactive Training that Scales - Magnolia CMS Conference 2013

  1. 1. THAT SCALES MARK HALVORSON • DIRECTOR OF INTERACTIVE • ATLASSIAN • @halv0112 How to Build Interactive Training
  2. 2. LABEL TITLELABEL TITLEWHY HOW WHAT
  3. 3. HOW WHAT LABEL TITLELABEL TITLEWHY HOW WHAT
  4. 4. HOW WHAT LABEL TITLELABEL TITLEWHY HOW WHAT
  5. 5. People know stuff...
  6. 6. People know stuff...
  7. 7. People know stuff...
  8. 8. People know stuff...
  9. 9. ...and they should share it.
  10. 10. ...and they should share it.
  11. 11. Shared Understanding
  12. 12. Bottlenecks
  13. 13. Bottlenecks
  14. 14. Bottlenecks
  15. 15. Bottlenecks
  16. 16. Bottlenecks
  17. 17. WHY: We believe that sharing knowledge is important... but it isn’t easy at scale.
  18. 18. Why HOW WHAT LABEL TITLELABEL TITLEWHY HOW WHAT
  19. 19. HOW WHAT LABEL TITLELABEL TITLEWHY HOW WHAT
  20. 20. HOW WHAT LABEL TITLELABEL TITLEWHY HOW WHAT
  21. 21. How can we make it easier?
  22. 22. Create Documentation
  23. 23. ... odds are that documentation already exists...
  24. 24. ... but what is the best way to understand something?
  25. 25. ... but what is the best way to understand something?
  26. 26. ... but what is the best way to understand something?
  27. 27. ... but what is the best way to understand something?
  28. 28. Learning opportunities live everywhere...
  29. 29. ...but they are in silos disorganized.
  30. 30. We know structured content eases shared understanding...
  31. 31. We know structured content eases shared understanding...
  32. 32. We know structured content eases shared understanding...
  33. 33. ... but sometimes we need to augment it.
  34. 34. ... but sometimes we need to augment it.
  35. 35. To create a bundle..
  36. 36. ... that consistently ...
  37. 37. ... leads to ...
  38. 38. ..shared understanding!
  39. 39. ..shared understanding!
  40. 40. ..shared understanding!
  41. 41. HOW: Organize content into repeatable steps to guide each user to shared understanding.
  42. 42. LABEL TITLELABEL TITLEWHY HOW WHAT
  43. 43. LABEL TITLELABEL TITLEWHY HOW WHAT
  44. 44. LABEL TITLELABEL TITLEWHY HOW WHAT
  45. 45. VERSION 3 VERSION 2 VERSION 1 The stages of What.
  46. 46. Atlassian University
  47. 47. Atlassian University
  48. 48. Atlassian University
  49. 49. Atlassian University
  50. 50. Atlassian University
  51. 51. Atlassian University
  52. 52. Atlassian University
  53. 53. Atlassian University
  54. 54. Atlassian University
  55. 55. Atlassian University
  56. 56. Atlassian University
  57. 57. VERSION 1 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript)
  58. 58. Atlassian University
  59. 59. VERSION 1 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • User Managment
  60. 60. Atlassian University
  61. 61. Atlassian University
  62. 62. VERSION 1 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • User Managment • Data Storage • Licenses • Lesson Completion
  63. 63. Atlassian University
  64. 64. VERSION 1 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • User Managment • Data Storage • Licenses • Lesson Completion • Content
  65. 65. Atlassian University
  66. 66. VERSION 1 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content • User Managment • Data Storage • Licenses • Lesson Completion JIRA • Sample Data
  67. 67. Atlassian University
  68. 68. VERSION 1 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content • User Managment • Data Storage • Licenses • Lesson Completion JIRA • Sample Data SHERPA JS
  69. 69. Atlassian University
  70. 70. VERSION 1 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content • User Managment • Data Storage • Licenses • Lesson Completion JIRA • Sample Data SHERPA JS LESSON COMPLETE API
  71. 71. Atlassian University
  72. 72. VERSION 1 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content • User Managment • Data Storage • Licenses • Lesson Completion JIRA • Sample Data SHERPA JS LESSON COMPLETE API
  73. 73. VERSION 1 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content • User Managment • Data Storage • Licenses • Lesson Completion JIRA • Sample Data CONFLUENCE • Sample Data JIRA + GH • Sample Data SHERPA JS SHERPA JS SHERPA JS LESSON COMPLETE API LESSON COMPLETE API LESSON COMPLETE API
  74. 74. VERSION 1 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content • User Managment • Data Storage • Licenses • Lesson Completion JIRA 4.0 • Sample Data CONF 3.5 • Sample Data GH 5.7 • Sample Data SHERPA JS SHERPA JS SHERPA JS LESSON COMPLETE API LESSON COMPLETE API LESSON COMPLETE API JIRA 4.1 • Sample Data CONF 4.0 • Sample Data GH 5.9 • Sample Data SHERPA JS SHERPA JS SHERPA JS
  75. 75. VERSION 1 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content • User Managment • Data Storage • Licenses • Lesson Completion JIRA 4.0 • Sample Data CONF 3.5 • Sample Data GH 5.7 • Sample Data SHERPA JS SHERPA JS SHERPA JS LESSON COMPLETE API LESSON COMPLETE API LESSON COMPLETE API JIRA 4.1 • Sample Data CONF 4.0 • Sample Data GH 5.9 • Sample Data SHERPA JS SHERPA JS SHERPA JS JIRA 4.2 • Sample CONF 5. • Sample GH 6.0 • Sample SHER SHER SHER
  76. 76. VERSION 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
  77. 77. VERSION 1 • Single Company • Calculations Slow • Admin Pages Slow • Reporting Slow • Content Not Searchable or SEO Friendly • Always maintaining - never innovating. Problems with Version 1
  78. 78. VERSION 3 VERSION 2 VERSION 1 The stages of What.
  79. 79. Atlassian University 2.0
  80. 80. VERSION 2 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript)
  81. 81. VERSION 2 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) ATLASSIAN ID • User Management
  82. 82. VERSION 2 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content JIRA SCREENSHOT • Sample Data ATLASSIAN ID • User Management
  83. 83. VERSION 2 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content JIRA SCREENSHOT • Sample Data CONFLUENCE SCREENSHOT • Sample Data JIRA + GH SCREENSHOT • Sample Data ATLASSIAN ID • User Management
  84. 84. VERSION 2 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content JIRA SCREENSHOT • Sample Data CONFLUENCE SCREENSHOT • Sample Data JIRA + GH SCREENSHOT • Sample Data SHERPA JS SHERPA JS SHERPA JS ATLASSIAN ID • User Management
  85. 85. VERSION 2 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content JIRA SCREENSHOT • Sample Data CONFLUENCE SCREENSHOT • Sample Data JIRA + GH SCREENSHOT • Sample Data SHERPA JS SHERPA JS SHERPA JS POSTGRESQL • Data • License Data • Lesson Completion Data ATLASSIAN ID • User Management
  86. 86. VERSION 2 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content JIRA SCREENSHOT • Sample Data CONFLUENCE SCREENSHOT • Sample Data JIRA + GH SCREENSHOT • Sample Data SHERPA JS SHERPA JS SHERPA JS API API API POSTGRESQL • Data • License Data • Lesson Completion Data ATLASSIAN ID • User Management
  87. 87. VERSION 2 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content JIRA SCREENSHOT • Sample Data CONFLUENCE SCREENSHOT • Sample Data JIRA + GH SCREENSHOT • Sample Data SHERPA JS SHERPA JS SHERPA JS API API API POSTGRESQL • Data • License Data • Lesson Completion Data ATLASSIAN ID • User Management
  88. 88. VERSION 2 How it works MAGNOLIA • App Pages (Freemarker, HTML, JavaScript) • Content JIRA SCREENSHOT • Sample Data CONFLUENCE SCREENSHOT • Sample Data JIRA + GH SCREENSHOT • Sample Data SHERPA JS SHERPA JS SHERPA JS API API API POSTGRESQL • Data • License Data • Lesson Completion Data ATLASSIAN ID • User Management
  89. 89. VERSION 2 • Scaling better, but not perfectly • Creating a lot of content. • Created another “Training Silo” Problems with Version 2
  90. 90. VERSION 3 VERSION 2 VERSION 1 The stages of What.
  91. 91. Introducing Atlassian Holistic Content Curation Utility.
  92. 92. aka. A.H.C.C.U.
  93. 93. God Bless You
  94. 94. Exactly.
  95. 95. A C C U TLASSIAN ONTENT URATION TILITY H OLISTIC
  96. 96. Emphasizing the importance of the whole and the interdependence of its parts. THE AMERICAN HERITAGE® DICTIONARY ” “ H OLISTIC
  97. 97. Learning opportunities live everywhere... C ONTENT
  98. 98. Organize Existing Content
  99. 99. Organize Existing Content
  100. 100. Organize Existing Content
  101. 101. Organize Existing Content
  102. 102. ...but they are in silos disorganized. C ONTENT
  103. 103. C URATION Structured content eases shared understanding...
  104. 104. C URATION Structured content eases shared understanding...
  105. 105. C URATION Structured content eases shared understanding...
  106. 106. C URATION ... augment where necessary.
  107. 107. C URATION ... augment where necessary.
  108. 108. C URATION To create a bundle..
  109. 109. C URATION ... that consistently ...
  110. 110. C URATION ... leads to ...
  111. 111. C URATION ..shared understanding!
  112. 112. C URATION ..shared understanding!
  113. 113. C URATION ..shared understanding!
  114. 114. U Everyone can use it. TILITY
  115. 115. U Everyone can use it. TILITY
  116. 116. A C C U TLASSIAN ONTENT URATION TILITY H OLISTIC
  117. 117. CurateCurated Content Curated Content Info You have not curated any content. Click “Curate” to get started.
  118. 118. CurateCurated Content Curated Content Info You have not curated any content. Click “Curate” to get started.
  119. 119. CurateCurated Content Curated Content Curate CancelCreate Folder Organize curated content into folders. Example: JIRA Course A course is a logical grouping of content to guide the user through. Example: JIRA 6.0
  120. 120. CurateCurated Content Curated Content Curate CancelCreate Folder Organize curated content into folders. Example: JIRA Course A course is a logical grouping of content to guide the user through. Example: JIRA 6.0
  121. 121. CurateCurated Content Curated Content Curate CancelCreate Folder Organize curated content into folders. Example: JIRA Course A course is a logical grouping of content to guide the user through. Example: JIRA 6.0
  122. 122. CurateCurated Content Curated Content Create Folder CancelCreate Course Name * Description JIRA This folder contains content related to JIRA
  123. 123. CurateCurated Content Curated Content Create Folder CancelCreate Course Name * Description JIRA This folder contains content related to JIRA
  124. 124. CurateCurated Content Folder JIRA Info You have not curated any content in this folder. Click “Curate” to get started. Curated Content JIRA
  125. 125. CurateCurated Content Folder JIRA Info You have not curated any content in this folder. Click “Curate” to get started. Curated Content JIRA
  126. 126. CurateCurated Content Curated Content Curate CancelCreate Folder Organize curated content into folders. Example: JIRA Course A course is a logical grouping of content to guide the user through. Example: JIRA 6.0
  127. 127. CurateCurated Content Curated Content Curate CancelCreate Folder Organize curated content into folders. Example: JIRA Course A course is a logical grouping of content to guide the user through. Example: JIRA 6.0
  128. 128. CurateCurated Content Curated Content Curate CancelCreate Folder Organize curated content into folders. Example: JIRA Course A course is a logical grouping of content to guide the user through. Example: JIRA 6.0
  129. 129. CurateCurated Content Curated Content Create Folder CancelCreate Course Name * Description JIRA 6.0 Become an expert in issue and project tracking with JIRA.
  130. 130. CurateCurated Content Curated Content Create Folder CancelCreate Course Name * Description JIRA 6.0 Become an expert in issue and project tracking with JIRA.
  131. 131. CurateCurated Content Folder JIRA JIRA 6.0 Curated Content / JIRA JIRA 6.0 Info You have not curated any content in this folder. Click “Curate” to get started.
  132. 132. CurateCurated Content Folder JIRA JIRA 6.0 Curated Content / JIRA JIRA 6.0 Info You have not curated any content in this folder. Click “Curate” to get started.
  133. 133. CurateCurated Content Curated Content Curate CancelCreate Folder Organize curated content into folders. Example: JIRA Course A course is a logical grouping of content to guide the user through. Example: JIRA 6.0
  134. 134. CurateCurated Content Curated Content Curate CancelCreate Folder Organize curated content into folders. Example: JIRA Course A course is a logical grouping of content to guide the user through. Example: JIRA 6.0
  135. 135. CurateCurated Content Curated Content Curate CancelCreate Folder Organize curated content into folders. Example: JIRA Course A course is a logical grouping of content to guide the user through. Example: JIRA 6.0
  136. 136. CurateCurated Content Folder Create Course CancelCreate Course Name * Description Customize JIRA Forms Learn how to add custom fields and customize JIRA forms.
  137. 137. CurateCurated Content Folder Create Course CancelCreate Course Name * Description Customize JIRA Forms Learn how to add custom fields and customize JIRA forms.
  138. 138. CurateCurated Content Course JIRA JIRA 6.0 Customize JIRA Forms Curated Content / JIRA / JIRA 6.0 Customize JIRA Forms Add Lesson Info This course does not have any lessons. Click ‘Add Lesson’ to get started. <Embed Code> 12.6 KB
  139. 139. CurateCurated Content Course JIRA JIRA 6.0 Customize JIRA Forms Curated Content / JIRA / JIRA 6.0 Customize JIRA Forms Add Lesson Info This course does not have any lessons. Click ‘Add Lesson’ to get started. <Embed Code> 12.6 KB
  140. 140. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This course does not have any lessons. Click ‘Add Lesson’ to get started. Create Cancel Create Lesson External Link Content that lives on an external site. Interactive Tutorial Create an interactive tutorial by uploading screenshots and creating pointers Blank Page Write some fresh content. Transition Add a transitional step between lessons such as a quiz to test comprehension. Video Embed a video and description. Call to Action This is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.
  141. 141. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This course does not have any lessons. Click ‘Add Lesson’ to get started. Create Cancel Create Lesson External Link Content that lives on an external site. Interactive Tutorial Create an interactive tutorial by uploading screenshots and creating pointers Blank Page Write some fresh content. Transition Add a transitional step between lessons such as a quiz to test comprehension. Video Embed a video and description. Call to Action This is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.
  142. 142. 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"
  143. 143. 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"
  144. 144. 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
  145. 145. 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
  146. 146. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This course does not have any lessons. Click ‘Add Lesson’ to get started. Create Cancel Create Lesson External Link Content that lives on an external site. Interactive Tutorial Create an interactive tutorial by uploading screenshots and creating pointers Blank Page Write some fresh content. Transition Add a transitional step between lessons such as a quiz to test comprehension. Video Embed a video and description. Call to Action This is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.
  147. 147. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This course does not have any lessons. Click ‘Add Lesson’ to get started. Create Cancel Create Lesson External Link Content that lives on an external site. Interactive Tutorial Create an interactive tutorial by uploading screenshots and creating pointers Blank Page Write some fresh content. Transition Add a transitional step between lessons such as a quiz to test comprehension. Video Embed a video and description. Call to Action This is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.
  148. 148. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This 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
  149. 149. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This 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
  150. 150. 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
  151. 151. 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
  152. 152. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This course does not have any lessons. Click ‘Add Lesson’ to get started. Create Cancel Create Lesson External Link Content that lives on an external site. Interactive Tutorial Create an interactive tutorial by uploading screenshots and creating pointers Blank Page Write some fresh content. Transition Add a transitional step between lessons such as a quiz to test comprehension. Video Embed a video and description. Call to Action This is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.
  153. 153. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This course does not have any lessons. Click ‘Add Lesson’ to get started. Create Cancel Create Lesson External Link Content that lives on an external site. Interactive Tutorial Create an interactive tutorial by uploading screenshots and creating pointers Blank Page Write some fresh content. Transition Add a transitional step between lessons such as a quiz to test comprehension. Video Embed a video and description. Call to Action This is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.
  154. 154. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This course does not have any lessons. Click ‘Add Lesson’ to get started. Create Cancel Create Lesson External Link Content that lives on an external site. Interactive Tutorial Create an interactive tutorial by uploading screenshots and creating pointers Blank Page Write some fresh content. Transition Add a transitional step between lessons such as a quiz to test comprehension. Video Embed a video and description. Call to Action This is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.
  155. 155. 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
  156. 156. 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
  157. 157. 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
  158. 158. 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
  159. 159. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This course does not have any lessons. Click ‘Add Lesson’ to get started. Create Cancel Create Lesson Step External Link Content that lives on an external site. Interactive Screenshot Step A screenshot with an instructional dialog. Blank Page Write some fresh content. Transition Add a transitional step between lessons such as a quiz to test comprehension. Video Embed a video and description. Call to Action This is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.
  160. 160. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This course does not have any lessons. Click ‘Add Lesson’ to get started. Create Cancel Create Lesson Step External Link Content that lives on an external site. Interactive Screenshot Step A screenshot with an instructional dialog. Blank Page Write some fresh content. Transition Add a transitional step between lessons such as a quiz to test comprehension. Video Embed a video and description. Call to Action This is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.
  161. 161. CurateCurated Content Course JIRA Creating Custom forms in JIRA Curated Content / JIRA Creating Custom forms in JIRA Add Lesson Embed Course Info This course does not have any lessons. Click ‘Add Lesson’ to get started. Create Cancel Create Lesson Step External Link Content that lives on an external site. Interactive Screenshot Step A screenshot with an instructional dialog. Blank Page Write some fresh content. Transition Add a transitional step between lessons such as a quiz to test comprehension. Video Embed a video and description. Call to Action This is usually the last step in a course and the desired action for the user. Example: Try JIRA Now.
  162. 162. CurateCurated Content Course Curated Content / JIRA / JIRA 6.0 / Get to Know JIRA 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 Projects Create 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
  163. 163. CurateCurated Content Course Curated Content / JIRA / JIRA 6.0 / Get to Know JIRA 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 Projects Create 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
  164. 164. 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
  165. 165. 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
  166. 166. 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
  167. 167. 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
  168. 168. 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 Info Put 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>
  169. 169. Embed Course
  170. 170. Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  171. 171. Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  172. 172. Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  173. 173. Good Work! Go to Customizing a Field You just completed step 1 in a 3 step tutorial on Custom JIRA Forms. 1. Custom Fields and Forms (Video) 2. Configuring a Custom Field 3. Fields and Field Configurations Close    Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  174. 174. Good Work! Go to Customizing a Field You just completed step 1 in a 3 step tutorial on Custom JIRA Forms. 1. Custom Fields and Forms (Video) 2. Configuring a Custom Field 3. Fields and Field Configurations Close    Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  175. 175. Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  176. 176. Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  177. 177. Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  178. 178. 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 on Custom JIRA Forms. Close     1. Custom Fields and Forms (Video) 2. Configuring a Custom Field 3. Fields and Field Configurations
  179. 179.     Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  180. 180.     Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  181. 181. 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 Field 3. Fields and Field Configurations Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  182. 182. 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 Field 3. Fields and Field Configurations Custom Fields and Forms (Video) Configuring a Custom Field Fields and Field Configurations
  183. 183.
  184. 184. Embed Folder
  185. 185.
  186. 186.
  187. 187.
  188. 188.
  189. 189.
  190. 190.
  191. 191.
  192. 192. Embed Lesson
  193. 193. Take a tour of the new UI!
  194. 194. Share Link
  195. 195. VERSION 3 How it works MAGNOLIA • Content JIRA SCREENSHOT CONFLUENCE SCREENSHOT JIRA + GH SCREENSHOT SHERPA JS SHERPA JS SHERPA JS API API API POSTGRESQL • Data • License Data • Lesson Completion Data • Content Lists ATLASSIAN ID • User Management ANGULAR JS • App Pages (HTML/JS) API API API
  196. 196. VERSION 3 • We don’t know yet :) Problems with Version 3
  197. 197. LABEL TITLELABEL TITLEWHY HOW WHAT
  198. 198. WHATHOWWHY HOW WHAT
  199. 199. WHAT HOW WHY
  200. 200. WHY WHAT HOW
  201. 201. We believe that sharing knowledge is important... but it isn’t easy at scale.WHY WHAT HOW
  202. 202. 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. WHY WHAT HOW
  203. 203. 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. WHY WHAT HOW
  204. 204. Thank you! MARK HALVORSON • DIRECTOR OF INTERACTIVE • ATLASSIAN • @halv0112

×