SlideShare a Scribd company logo
1 of 59
at St Andrews




Gareth J M Saunders
Web Architect

gareth.saunders@st-andrews.ac.uk
Gareth J M Saunders
Web Architect
University of St Andrews

    blog.garethjmsaunders.co.uk
    stawebteam.wordpress.com

    twitter.com/garethjms
    twitter.com/stawebteam

    facebook.com/garethjmsaunders

    linkedin.com/in/garethjmsaunders
Outline

1. Journey

2. Trello—quick tour

3. Demo—how we use it now
2012



Web Manager   Web Architect   Web Developer
                              (Coming soon)




                                Apprentice
 Web Editor    Web Editor     (Coming soon)
2006-2008



Web Manager    Assistant Information
              Architect/ Web Manager
2006-2008



Web Manager    Assistant Information
              Architect/ Web Manager
2008



Web Manager    Assistant Information   Web Software
              Architect/ Web Manager    Developer
Growing backlog of projects
Adopted Agile in 2008
2008



Web Manager    Assistant Information   Web Software
              Architect/ Web Manager    Developer
2009



Web Manager    Assistant Information   Web Software
              Architect/ Web Manager    Developer




 Web Editor
Scrum task board
Tickets
Progress
Completed tickets
2010



Web Manager    Assistant Information   Web Software
              Architect/ Web Manager    Developer




 Web Editor     School Migration
                 Project Officer
Limitations
              Post-it® notes
              are awfy wee.




                You need
                 to be in
                the room
                 to use it
Online tools
Criteria

Free—no budget
Hosted
Simple
Customisable
Multiple projects
Trial
Fixed workflow
2011



Web Manager    Assistant Information   Web Developer
              Architect/ Web Manager




 Web Editor     School Migration
                 Project Officer
2011—restructure



Web and Portal   Web Architect   Web Developer
 Team Leader




 Web Editor       Web Editor
Disaster!




17 September 2011
Trello
Joel Spolsky / Fog Creek
What we liked about Trello / 1



Free
No fixed workflow
Very customisable
Very easy to move cards
between boards
What we liked about Trello / 2



Work remotely
Bigger than a Post-it® note
Unlimited boards, users, uploads*
Private or public boards
Product is improving
                         * 10 MB file limit on each file uploaded
Trello development on Trello
Trial until Steve returned…




             …we’re still using it
New board
Lists
Cards
Open card
Click the card to open it…
Open card
Title is editable. The (2)
indicates Scrum/Agile story
points value assigned to
that card.
Open card
Description is editable
(activity comments are not)
Assign existing labels from
here. Or use the shortcut
keys 1-6.
Labels (1-6)
Colour blind?
Label colours
Open card
Assign members to this
card, or cilck A to bring up
the dialog, or press
spacebar to assign to self
10 MB per attachment

or board
          Open card
No limit on number per card

No account data storage
limit
Open card
Keep up to date with cards
you are interested in, not
just your own
Open card
Vote on feature ideas or
which card should be
tackled next
Open card
You can create multiple
checklists per card.
Elements are moveable
within lists, but not
between lists
Open card
Assign a due date. No way
currently to view all due
dates within a board
Open card
View all activity (edits,
comments, uploads, etc.).
Activity entries are not
editable; uploads can be
deleted
Move cards within lists and
boards, or between boards
Filter (1)
Filter (2)
Search
Shortcuts
Copy board
Chrome extensions
Trello Scrum               Trello Boards
Story points

Points   Duration
0        5 minutes
1        15 minutes
2        30 minutes
3        1 hour
5        3 hours
8        1 day
13       3 days
20       5 days
Demo
Demo




Web team admin
Demo




Project board
Thank you




                    Follow our adventures at:
                    twitter.com/stawebteam
                 stawebteam.wordpress.com

            gareth.saunders@st-andrews.ac.uk

More Related Content

What's hot

What's hot (20)

Web Design Primer Sample - HTML CSS JS
Web Design Primer Sample - HTML CSS JSWeb Design Primer Sample - HTML CSS JS
Web Design Primer Sample - HTML CSS JS
 
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
Bootstrap 3 - Sleek, intuitive, and powerful mobile first front-end framework...
 
Introduce Bootstrap 3 to Develop Responsive Design Application
Introduce Bootstrap 3 to Develop Responsive Design ApplicationIntroduce Bootstrap 3 to Develop Responsive Design Application
Introduce Bootstrap 3 to Develop Responsive Design Application
 
Bootstrap 5 ppt
Bootstrap 5 pptBootstrap 5 ppt
Bootstrap 5 ppt
 
Understand front end developer
Understand front end developerUnderstand front end developer
Understand front end developer
 
Intro To Twitter Bootstrap
Intro To Twitter BootstrapIntro To Twitter Bootstrap
Intro To Twitter Bootstrap
 
Learn Bootstrap 4
Learn Bootstrap 4Learn Bootstrap 4
Learn Bootstrap 4
 
Bootstrap ppt
Bootstrap pptBootstrap ppt
Bootstrap ppt
 
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine DevelopmentEECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
EECI2009 - From Design to Dynamic - Rapid ExpressionEngine Development
 
Use atomic design ftw
Use atomic design ftwUse atomic design ftw
Use atomic design ftw
 
Bootstrap Introduction
Bootstrap IntroductionBootstrap Introduction
Bootstrap Introduction
 
Lecture 6 Data Driven Design
Lecture 6  Data Driven DesignLecture 6  Data Driven Design
Lecture 6 Data Driven Design
 
GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1GoCoding.Today For Rails - Episode1
GoCoding.Today For Rails - Episode1
 
Jared Whitlock Open Source In The Enterprise Plone @ Novell
Jared Whitlock   Open Source In The Enterprise    Plone @ NovellJared Whitlock   Open Source In The Enterprise    Plone @ Novell
Jared Whitlock Open Source In The Enterprise Plone @ Novell
 
Bootstrap 4 n00bz
Bootstrap 4 n00bzBootstrap 4 n00bz
Bootstrap 4 n00bz
 
Rich and Beautiful: Making Attractive Apps in HTML5 [Wpg 2013]
Rich and Beautiful: Making Attractive Apps in HTML5 [Wpg 2013]Rich and Beautiful: Making Attractive Apps in HTML5 [Wpg 2013]
Rich and Beautiful: Making Attractive Apps in HTML5 [Wpg 2013]
 
Web Standards
Web StandardsWeb Standards
Web Standards
 
React Storybook, Atomic Design, and ITCSS
React Storybook, Atomic Design, and ITCSSReact Storybook, Atomic Design, and ITCSS
React Storybook, Atomic Design, and ITCSS
 
Introduction to Twitter's Bootstrap 2
Introduction to Twitter's Bootstrap 2Introduction to Twitter's Bootstrap 2
Introduction to Twitter's Bootstrap 2
 
Style Guides, Pattern Libraries, Design Systems and other amenities.
 Style Guides, Pattern Libraries, Design Systems and other amenities. Style Guides, Pattern Libraries, Design Systems and other amenities.
Style Guides, Pattern Libraries, Design Systems and other amenities.
 

Viewers also liked

Viewers also liked (10)

HTML5 and friends - Institutional Web Management Workshop 2010
HTML5 and friends - Institutional Web Management Workshop 2010HTML5 and friends - Institutional Web Management Workshop 2010
HTML5 and friends - Institutional Web Management Workshop 2010
 
Build your own trello witihin 100 LOC (with Meteor)
Build your own trello witihin 100 LOC (with Meteor)Build your own trello witihin 100 LOC (with Meteor)
Build your own trello witihin 100 LOC (with Meteor)
 
Making Web Analytics Actionable in Universities
Making Web Analytics Actionable in UniversitiesMaking Web Analytics Actionable in Universities
Making Web Analytics Actionable in Universities
 
The Battle of Culloden
The Battle of CullodenThe Battle of Culloden
The Battle of Culloden
 
The Whiskey Rebellion
The Whiskey RebellionThe Whiskey Rebellion
The Whiskey Rebellion
 
Church History Powerpoint
Church History PowerpointChurch History Powerpoint
Church History Powerpoint
 
The Reign of Terror (French Revolution 1793-1794)
The Reign of Terror (French Revolution 1793-1794)The Reign of Terror (French Revolution 1793-1794)
The Reign of Terror (French Revolution 1793-1794)
 
The Road to Civil War (1850-1860)
The Road to Civil War (1850-1860)The Road to Civil War (1850-1860)
The Road to Civil War (1850-1860)
 
The Rise of Hitler
The Rise of HitlerThe Rise of Hitler
The Rise of Hitler
 
The French Revolution of 1789
The French Revolution of 1789The French Revolution of 1789
The French Revolution of 1789
 

Similar to Trello - University of St Andrews web team

Nela ITS CMS Presentation - Joomla
Nela ITS CMS Presentation - JoomlaNela ITS CMS Presentation - Joomla
Nela ITS CMS Presentation - Joomla
rrobertshaw
 
The Need For Speed
The Need For SpeedThe Need For Speed
The Need For Speed
Andy Davies
 

Similar to Trello - University of St Andrews web team (20)

Englishtown lifestyle
Englishtown lifestyleEnglishtown lifestyle
Englishtown lifestyle
 
KharkivJS: Flaws of the Web Components in 2019 and how to address them
KharkivJS: Flaws of the Web Components in 2019 and how to address themKharkivJS: Flaws of the Web Components in 2019 and how to address them
KharkivJS: Flaws of the Web Components in 2019 and how to address them
 
Accessibility patterns testable requirements during early design
Accessibility patterns testable requirements during early designAccessibility patterns testable requirements during early design
Accessibility patterns testable requirements during early design
 
Please Define: Roles in User Experience Design
Please Define: Roles in User Experience DesignPlease Define: Roles in User Experience Design
Please Define: Roles in User Experience Design
 
SharePoint Saturday Philly - Intro to SharePoint 2010 Branding
SharePoint Saturday Philly - Intro to SharePoint 2010 BrandingSharePoint Saturday Philly - Intro to SharePoint 2010 Branding
SharePoint Saturday Philly - Intro to SharePoint 2010 Branding
 
How to Not Let Team Authoring Drive You Crazy - MadWorld 2013, Scott DeLoach,...
How to Not Let Team Authoring Drive You Crazy - MadWorld 2013, Scott DeLoach,...How to Not Let Team Authoring Drive You Crazy - MadWorld 2013, Scott DeLoach,...
How to Not Let Team Authoring Drive You Crazy - MadWorld 2013, Scott DeLoach,...
 
Early prevention of accessibility issues with mockup & wireframe reviews
Early prevention of accessibility issues with mockup & wireframe reviewsEarly prevention of accessibility issues with mockup & wireframe reviews
Early prevention of accessibility issues with mockup & wireframe reviews
 
What's new in VisibleThread 3.0
What's new in VisibleThread 3.0What's new in VisibleThread 3.0
What's new in VisibleThread 3.0
 
Sakai 3 R&D
Sakai 3 R&DSakai 3 R&D
Sakai 3 R&D
 
HTML5 Report Card
HTML5 Report CardHTML5 Report Card
HTML5 Report Card
 
Software Engineering for Startups (University of St Andrews, 2013)
Software Engineering for Startups (University of St Andrews, 2013)Software Engineering for Startups (University of St Andrews, 2013)
Software Engineering for Startups (University of St Andrews, 2013)
 
Netflix Webkit-Based UI for TV Devices
Netflix Webkit-Based UI for TV DevicesNetflix Webkit-Based UI for TV Devices
Netflix Webkit-Based UI for TV Devices
 
Go - Where it's going and why you should pay attention.
Go - Where it's going and why you should pay attention.Go - Where it's going and why you should pay attention.
Go - Where it's going and why you should pay attention.
 
Nela ITS CMS Presentation - Joomla
Nela ITS CMS Presentation - JoomlaNela ITS CMS Presentation - Joomla
Nela ITS CMS Presentation - Joomla
 
Moving from Web 1.0 to Web 2.0
Moving from Web 1.0 to Web 2.0Moving from Web 1.0 to Web 2.0
Moving from Web 1.0 to Web 2.0
 
STARS Storyboard
STARS StoryboardSTARS Storyboard
STARS Storyboard
 
Tutv10
Tutv10Tutv10
Tutv10
 
Sakai 2.9 and Sakai 2.10 Portal and Plans
Sakai 2.9 and Sakai 2.10 Portal and PlansSakai 2.9 and Sakai 2.10 Portal and Plans
Sakai 2.9 and Sakai 2.10 Portal and Plans
 
The Need For Speed
The Need For SpeedThe Need For Speed
The Need For Speed
 
SPS Ottawa 2019: From the field: Modernize your SharePoint Intranet with Shar...
SPS Ottawa 2019: From the field: Modernize your SharePoint Intranet with Shar...SPS Ottawa 2019: From the field: Modernize your SharePoint Intranet with Shar...
SPS Ottawa 2019: From the field: Modernize your SharePoint Intranet with Shar...
 

Recently uploaded

Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Recently uploaded (20)

Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Developing An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of BrazilDeveloping An App To Navigate The Roads of Brazil
Developing An App To Navigate The Roads of Brazil
 
Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024Tata AIG General Insurance Company - Insurer Innovation Award 2024
Tata AIG General Insurance Company - Insurer Innovation Award 2024
 

Trello - University of St Andrews web team

Editor's Notes

  1. Presentation to the Scottish Web Folk meeting, Thursday 31 May 2012 at the University of Edinburgh.
  2. By the end of this year we should be a team of six; we currently have only four as our Web Developer has recently moved to join the Java software development team. In the autumn we should be employing an apprentice as part of the government’s apprentice scheme.
  3. By the end of this year we should be a team of six; we currently have only four as our Web Developer has recently moved to join the Java software development team. In the autumn we should be employing an apprentice as part of the government’s apprentice scheme.
  4. By the end of this year we should be a team of six; we currently have only four as our Web Developer has recently moved to join the Java software development team. In the autumn we should be employing an apprentice as part of the government’s apprentice scheme.
  5. By the end of this year we should be a team of six; we currently have only four as our Web Developer has recently moved to join the Java software development team. In the autumn we should be employing an apprentice as part of the government’s apprentice scheme.
  6. By the end of this year we should be a team of six; we currently have only four as our Web Developer has recently moved to join the Java software development team. In the autumn we should be employing an apprentice as part of the government’s apprentice scheme.
  7. By the end of this year we should be a team of six; we currently have only four as our Web Developer has recently moved to join the Java software development team. In the autumn we should be employing an apprentice as part of the government’s apprentice scheme.
  8. By the end of this year we should be a team of six; we currently have only four as our Web Developer has recently moved to join the Java software development team. In the autumn we should be employing an apprentice as part of the government’s apprentice scheme.
  9. Pivotal Tracker is a GREAT tool. As far as free, hosted solutions go it was by far the best that I found. If you are new to Agile and want a tool that will show you how story points work, and how to automatically schedule stories based on your team’s weekly velocity it is first class. But for our requirements it was too limited.The workflow is pretty fixed: when you add a new card it is always added to the Icebox column. You then have to move it into position in the backlog. The board also runs from right-to-left; our board ran from left-to-right so we always had to do mental gymnastics when moving from the whiteboard to Pivotal Tracker. Customisation is also limited. It is very wordy.Pivotal Tracker assumes that you are working on one project, so it’s not easy to move cards between boards. We also couldn’t just create a board for all our random, miscellaneous tasks: bug fixes, smaller requests, admin issues, etc.
  10. The board runs from right-to-left; our board ran from left-to-right so we always had to do mental gymnastics when moving from the whiteboard to Pivotal Tracker.
  11. By the end of this year we should be a team of six; we currently have only four as our Web Developer has recently moved to join the Java software development team. In the autumn we should be employing an apprentice as part of the government’s apprentice scheme.
  12. By the end of this year we should be a team of six; we currently have only four as our Web Developer has recently moved to join the Java software development team. In the autumn we should be employing an apprentice as part of the government’s apprentice scheme.
  13. Assign members from here.
  14. Upload images, documents, etc. There is a 10mb file upload limit per attachment. It's not possible to upload attachments via the mobile site. There is no limit on the number of attachments you can have on a card or board. Neither is there an account data storage limit.
  15. Keep up to date with cards you are interested in, not just your own cards.