AtlasCamp 2015 - What Confluence add-on developers can learn from lego

A walkthrough of the most common Confluence add-on design patterns. Take a simple macro and transform it from feature into a complete solution.

Transcript

1. SHERIF MANSOUR • PRODUCT GUY • @SHERIFMANSOUR What Confluence add-on developers can learn from lego
3. 2X2 THE BEST LEGO BLOCK EVER MADE* * as decided by sherif mansour
6. Confluence is where you create, organise and discuss work with your team
7. Confluence is where you create, organise and discuss work with your team S/W IT HR MKTING.. CREATION + CONSUMPTION PLATFORM
8. S/W IT HR MKTING.. CREATION + CONSUMPTION PLATFORM 80% GENERAL
 COLLABORATION 20% MARKET
 SPECIFIC HOW DO I KNOW…? 1. Check jira.atlassian.com 2. Email confluence-pm@atlassian.com 3. Talk, talk… and talk!
11. 1 CUSTOM MACRO DIALOG When? • Many macro parameters • Parameters depend on another fields logic • Parameters required in specific order
12. 1 CUSTOM MACRO DIALOG
13. INTERACTION MODES DISPLAY
 OPTIONS
15. 2 RENDERED IMAGE PLACEHOLDER  My Macro
16.  My Macro JIRA | TEAMCAL-2985 732 issues
17. 3 PROPERTY PANEL When? • Common actions • Display options • Quickly open without having to save/preview  My Macro Edit Remove PROPERTY 
 PANEL
18. 3 PROPERTY PANEL JIRA | TEAMCAL-2985
19. 1 CUSTOM MACRO DIALOG 2 RENDERED IMAGE PLACEHOLDER 3 PROPERTY PANEL
22. Meetings, decisions, requirements, projects, file lists... Well… + + + + + = Err… ?
23. Building macros? Package them in Page Blueprints
24. Page Blueprints WHAT HOW STRUCTURE 1 2 3
25. Page Blueprints WHAT HOW STRUCTURE PAGE BLUEPRINT TEMPLATES CREATION WIZARDS INDEX PAGES
26. 1 PAGE BLUEPRINT 
 TEMPLATES YOUR 
 “2X 2 BLOCKS”
27. 2 PAGE BLUEPRINT WIZARD (Multi-step) Wizard Fetch data from 
 external resource OR
28. http://bit.ly/PageBlueprints
29. 3 INDEX PAGES Create meeting label What? • Groups all content of a particular type • Content report by label (page properties report, content by label…) • Shortcut on space sidebar
30. 1 PAGE BLUEPRINT TEMPLATES 2 BLUEPRINT WIZARDS 3 INDEX PAGES
33. 1 SPACE BLUEPRINT WIZARDS
35. Cancel Back Create Create a software project space Select related project… JIRA Project Space key* Name* Description Describe the software project in this space. Organize your project in a lean structure. Communicate and collaborate with your team and stakeholders. About Project Spaces About Project Spaces Cancel Back Create Create a software project space Select related project… JIRA Project Space key* Name* Description Describe the software project in this space. Organize your project in a lean structure. Communicate and collaborate with your team and stakeholders. About Project Spaces About Project Spaces Cancel Back Create Create a software project space Select related project… JIRA Project Space key* Name* Description Describe the software project in this space. Organize your project in a lean structure. Communicate and collaborate with your team and stakeholders. About Project Spaces About Project Spaces Cancel Back Create Create a software project space Live Editor JIRA Project Space key* Name* Description Organize your project in a lean structure. Communicate and collaborate with your team and stakeholders. Live editor project LE About Project Spaces About Project Spaces Track the progress of the our new live editor Recommend page templates Agile board shortcut Shortcut to Stash repository Create
36.  2 SIDEBAR & POPULATED 
 CONTENT SHORTCUT 
 LINKS PRE-POPULATED
 CONTENT
37. 3 PAGE BLUEPRINT BUNDLES
39. SPACE BLUEPRINTS PRE-POPULATED CONTENT BUNDLE PAGE BLUEPRINTS PAGE BLUEPRINTS BLUEPRINT WIZARDS INDEX PAGES CUSTOM MACRO DIALOG MACRO PLACEHOLDER PROPERTY PANEL Confluence add-on patterns
40. EXAMPLE : HR RECRUITMENT
41. Recruitment interviews Candidate reporting HR Space (Recruitment)
42. Cancel Back Create Create a software project space Select related project… JIRA Project Space key* Name* Description Describe the software project in this space. Organize your project in a lean structure. Communicate and collaborate with your team and stakeholders. About Project Spaces About Project Spaces Cancel Back Create Create a HR Recruitment Space Space key* Name* With the Human Resources Recuritment Space you can: About Recruitment Spaces About Recruitment Spaces Recruitment service Recruitment pipeline reports Candidate interview templates Create • Plan and track your applicant pipeline • Standardise interview review and feedback processes • Collaborate on interview feedback HR SYSTEM INTEGRATION
43. Spaces HR Recruitment SPACE SHORTCUTS Taleo home Candidate interviews Taleo reporting Pages Blog Calendar PAGE TREE SHORTCUTS AND INDEX PAGES
44. HR Recruitment Candidate Interview Review, capture and collaborate on candidate interview feedback. Taleo Reports Report on candidate progress, overall pipeline or general recruitment metrics.
45. Cancel Back Create Create a software project space Select related project… JIRA Project Space key* Name* Description Describe the software project in this space. Organize your project in a lean structure. Communicate and collaborate with your team and stakeholders. About Project Spaces About Project Spaces Cancel Back Create Create Candidate Interview Interviewees* Date Candidate Name* Create one place to review, capture and collaborate on candidate interview feedback. Candidate Interviews Candidate Interviews Create calendar event
46. Cancel Back Create Create a software project space Select related project… JIRA Project Space key* Name* Description Describe the software project in this space. Organize your project in a lean structure. Communicate and collaborate with your team and stakeholders. About Project Spaces About Project Spaces Cancel Back Create Create Candidate Interview Interviewees* Date Candidate Name* Create one place to review, capture and collaborate on candidate interview feedback. Candidate Interviews Candidate Interviews Create calendar event Seaching Taleo candidates…. John Smith Jonathan Bruce Smith Jono Stucken Jonathan Gilmore Jo
47. Cancel Back Create Create a software project space Select related project… JIRA Project Space key* Name* Description Describe the software project in this space. Organize your project in a lean structure. Communicate and collaborate with your team and stakeholders. About Project Spaces About Project Spaces Cancel Back Create Create Candidate Interview Interviewees* Date Candidate Name* Create one place to review, capture and collaborate on candidate interview feedback. Candidate Interviews Candidate Interviews Create calendar event Jono Stucken
48. Cancel Back Create Create a software project space Select related project… JIRA Project Space key* Name* Description Describe the software project in this space. Organize your project in a lean structure. Communicate and collaborate with your team and stakeholders. About Project Spaces About Project Spaces Cancel Back Create Create Candidate Interview Interviewees* Date Candidate Name* Create one place to review, capture and collaborate on candidate interview feedback. Candidate Interviews Candidate Interviews Create calendar event Jono Stucken 2015-5-28
49. Search Create Spaces Below are the interview notes for the candidate: Recruitment / Home / Candidate Interviews 2015-28-05 - Candidate Interview - Jono Stuken Candidate Information Interviewers Requisitions Interview Notes • Senior Product Manager - [QHP-607] • Principal Product Manager - Purchasing Experience - [QHP-1551] Requisition Information Candidate Progress Mairead O’Donovan eCommerce Sydney, Australia Final Round Round 2 Round 1 Screening PRECONFIGURED PAGE RESTRICTIONS LINKEDIN MACRO 
 CANDIDATE DETAILS JOBS APPLIED 
 PULLED IN FROM TALEO INTERVIEWERS PROFILE PICTURES ADDITIONAL INFORMATION
 PULLED IN FROM TALEO HR REPORTING MACRO
 CANDIDATE PIPELINE FROM TALEO TEMPLATE 
 THINK: “THOUGHT LEADERSHIP” CONTENT
51. √ Search Create Spaces Below are the interview notes for the candidate: Recruitment / Home / Candidate Interviews 2015-28-05 - Candidate Interview - Jono Stuken Candidate Information Interviewers Requisitions Interview Notes • Senior Product Manager - [QHP-607] • Principal Product Manager - Purchasing Experience - [QHP-1551] Requisition Information Candidate Progress Mairead O’Donovan eCommerce Sydney, Australia Final Round Round 2 Round 1 Screening Create Spaces HR Recruitment SPACE SHORTCUTS Taleo home Candidate interviews Taleo reporting Recruitment Home Recruitment / Home Pages Blog Calendar PAGE TREE Integrates with:
52. Thank you. SHERIF@ATLASSIAN.COM • @SHERIFMANSOUR Questions?