Lifecycle of a Drupal Project

58
V Enter your name in master view www.appnovation.com Scott Bell– Senior Creative Lead [email protected] - ca.linkedin.com/pub/sco9bell/8/b7a/b64/ LIFECYCLE OF A DRUPAL PROJECT ATLANTA BOSTON LONDON MONTREAL NEW YORK SAN FRANCISCO VANCOUVER

description

It's easy to overlook the importance of deliverables that go along with taking on a web project, especially a Drupal project. I'm going to go through stages of a project lifecycle starting with requirements (documentation and gathering techniques, questions that need to be asked, etc), followed by design phase (wireframes & mockups best practices), and through development, QA, to UAT, to going live. By understanding the importance of each phase, the audience should be able to identify their strengths, find their niche in the web industry, and also offer value to client projects.

Transcript of Lifecycle of a Drupal Project

Page 1: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Scott Bell– Senior Creative Lead [email protected] - ca.linkedin.com/pub/sco9-­‐bell/8/b7a/b64/

LIFECYCLE  OF  A  DRUPAL  PROJECT  

ATLANTA      •      BOSTON      •      LONDON      •      MONTREAL      •      NEW  YORK      •      SAN  FRANCISCO      •      VANCOUVER    

Page 2: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Appnovation  is  one  of  the  world’s  TOP  OPEN  SOURCE  DEVELOPMENT  SHOPS.  

Page 3: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

SERVING  GLOBAL  ENTITIES  AND  REACHING  THEM  AROUND  THE  WORLD  

CANADA VANCOUVER HQ 300-152 West Hastings St Vancouver BC, V6B 1G8 MONTREAL OFFICE 5455 de Gaspe Avenue, #370 Montreal Quebec, H2T 2A3 UNITED STATES SAN FRANCISCO OFFICE 315 Montgomery St. #800 & 900 San Francisco, CA, 94104 ATLANTA OFFICE 3414 Peachtree Road, #1600 Atlanta Georgia, 30326-1164 NEW YORK OFFICE 845 Third Avenue, 6th Floor, New York, NY 10022 BOSTON OFFICE 225 Franklin Street, 26th Floor, Bostom MA, 02110 UNITED KINGDOM LONDON OFFICE Davidson House, Forbury Square, Reading, RG1 3EU

Page 4: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 5: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

JUST  A  FEW  OF  OUR  HAPPY  CLIENTS  

Page 6: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Appnovation is the only company in the world that is both an Enterprise Select Acquia partner, MuleSoft Partner, and a Platinum Alfresco partner. We also provide community support for the HTML5 based SproutCore framework.

OUR  PARTNERS  

Page 7: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Those looking for their place in the web development industry Those new to Drupal Freelancers Project Managers Sales people Project Sponsors

Page 8: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Get The Project

•  Requirements Gathering

•  Design

•  Development

•  QA

•  Project Management

Page 9: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Get  The  Project  1

Page 10: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Risk / Reward

•  Woo the client

•  Try to get a phonecall

•  Don’t get emotionally attached (yet)

•  Figure out who the decision makers

are and cater your deliverable to

them

•  Do as much as you think is

necessary

 

•  Wireframes •  Mockups •  Case Studies •  Sitemaps •  IA •  Examples of previous work •  Quote

Page 11: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Are they Technical people nor not?

•  Are they product owners?

•  Who makes the final call?

•  Does the decision come from higher up?

•  Find  out  by  asking  

•  Google  them/  LinkedIn  

•  Speak  their  language  

Hint:  Killer  design  skills  will  help  

Page 12: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Gathering  Requirements  2

Page 13: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

CLIENT: I want a basic e-commerce site YOU: Great, Ubercart should give you what you need!

CLIENT: It works great, but can you do me small favor? I forgot to mention that on odd numbered days we ship internationally for the price of domestic shipping except when the shipment weighs over 15lbs and it’s raining.

YOU: That wasn’t in the original requirements that you signed off on, so I’ll put together a change request

SCOPE CREEP

Page 14: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Business Requirements

•  Functional Requirements

•  Technical Requirements

•  Begin  with  3  weeks  of  on-­‐site  informaLon  discovery  and  requirements  gathering  

Page 15: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Reasons for change

•  Identify bottlenecks

•  Success factors for the future

•  To gain agreement with stakeholders

•  Provide a foundation to communicate

•  Provides input into the next phase(s)

•  Describe what not how customer/business needs will be

met by the solution.

Page 16: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  What are your goals in developing this system?

•  How will the system change the way you are currently doing

things?

•  How will the system help you be more efficient?

•  What are your current problems?

•  What do you do manually that you would like to automate?

•  What types of reports do you need?

•  Who will be using the system?

•  What is most important for the success of the application?

Page 17: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Increase sales on out of season products

•  Improve the checkout process

•  Get more repeat customers

•  Automate tasks to reduce the need for in-person services.

•  Increase monthly subscribers by x%

Page 18: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Describes what the system must DO

•  Fullfill business requirements

•  Develop Use Cases

•  Process flows

Page 19: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  The system must display products marked as featured

•  User story

•  User story

•  The system must support user profiles

•  User story

•  User story

•  The system must display products based on user behavior

•  User story

•  The system must calculate shipping rates based on …

•  User story

Page 20: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  As the admin, I want to handpick products for the homepage

•  As a user, I want to upload a profile picture

•  As a user, I want to comment on a product

•  As a user, I want to share a product on my facebook wall

•  Title (goal)

•  Primary Actor

•  Goal (Business Objective)

•  Precondition

•  Priority

Page 21: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

TITLE:  As  a  user,  I  want  to  handpick  products  for  the  homepage    PRIMARY  ACTORS:  AdministraLve  users,  Content  Managers  BUSINESS  OBJECTIVE:  Increase  sales  on  out  of  season  products  PRECONDITION:  User  must  be  logged  in  with  sufficient  privileges  PRIORITY:  HIGH  

Page 22: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  How the system guides users from point A to point B

-  Publishing Workflows -  User registration -  Checkout Process

Page 23: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  The system must process payments in 12 seconds or less

•  System downtime is only acceptable between 2AM – 4AM

Sunday morning.

•  The System must handle large spikes in traffic

•  Non-functional requirements

•  Quality of Service requirements

•  Constraints

Page 24: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 25: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Design  3

Page 26: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  OmniGraffle

•  Axure

•  Fireworks

   Prototypes    IA/Wireframes    Mockups

•  Photoshop

•  Fireworks

•  Illustrator

•  TextEditor

•  Axure

•  Frameworks

Page 27: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 28: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 29: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 30: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 31: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 32: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 33: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 34: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 35: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 36: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 37: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 38: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 39: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 40: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 41: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 42: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 43: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Don’t send your raw files to the client

•  Organize your layers (http://photoshopetiquette.com/)

•  Be prepared to explain your decisions (Don Draper)

•  Use separate PSD files for each page

•  Be pixel perfect – Use grid system

•  Make a working prototype (static HTML) to communicate

intended behavior (animations, hovers, responsiveness)

•  Wireframe EVERY page (sitemap)

•  Mockup KEY pages

•  Specify the number of revisions in the contract

Page 44: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 45: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Develop  4

Page 46: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Developers  need  to  develop  •  They  don’t  like  distracLons  (meeLngs,  

etc)  •  Project  manager  really  needs  to  take  

control  of  things  here.  •  Lead  developers  can  delegate  Lckets  

Page 47: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Set up code repositories (GIT / SVN)

•  Set up environments (local, dev, staging, prod)

•  Work with PM to create task lists

•  Documentation / Training Material

•  Demos

•  The product!

Page 48: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  http://nvie.com/posts/a-

successful-git-branching-

model/

•  Get a ticket

•  Create a branch

•  Work on ticket

•  Push branch

•  Merge into main

Page 49: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 50: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 51: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Quality  Assurance  &  User  Acceptance  5

Page 52: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Test  plan  derived  from  FRD  /  Use  cases  

•  Bug  Tracking  system  (Bugzilla,  Jira)  

•  Test  in  all  major  browsers,  on  windows,  mac,  mobile,  tablet  

•  Delivers  internally  tested  product  to  client  for  UAT  •  UAT  =  User  Acceptance  TesLng    

Page 53: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Page 54: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

 

Page 55: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

Project  Management  6

Page 56: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

•  Project Plan

•  Meeting Invites & Agendas

•  Meeting Minutes

•  Task lists

•  Scope Control

•  Escalation

•  Status Reports

•  The product!

Page 57: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

GANTT Chart

•  What is the work that will be performed on the project?

•  What are the deliverables?

•  Who is involved and what are their responsibilities?

•  What is the project timeline?

•  What are the Milestones?

Page 58: Lifecycle of a Drupal Project

V    Enter  your  name  in  master  view   www.appnovation.com

                     

QUESTIONS?  

Thank  You  For  Your  Participation!  

Your  Full  Name  –  Your  title  [email protected]  

ATLANTA      •      LONDON      •      MONTREAL      •      NEW  YORK      •      SAN  FRANCISCO      •      VANCOUVER    www.appnovation.com