SharePoint QMS WireframeCompany Name

Presented by: Your name

November 16, 2016

Confidential

SharePoint QMS Wireframe

Project SCOPE

This document outlines the 2016 SharePoint QMS site for ___________ and provides wireframe and navigation for its design.

The Site Architecture section will outline the new page wireframe design and suggested site navigation

Team structure

Team members include both Corporate SharePoint group and onsite Site Administrator for the QMS site for _______________.

Team goals

1. Create wireframe design document for team members (this document)2. Create all Lists and Libraries as required, see SharePoint QMS Data Dictionary for details 3. Create all pages with correct web parts per wireframe design (shown in this document)4. Customize all list views within page web part as appropriate to audience5. Test all aspects of site – Use Beta Testing Document to document and approve changes6. Setup User Permissions7. Create new QMS User Manual, or videos8. Manager Training, Supervisor Training, End User Training9. Deployment of new SharePoint Site10. Create Site Analytics reports and page

Team assignments

The following team members have been identified for above Team GoalsQT-SP QMS Site Migration and Development: project team

Name of team Team goals Team leads Team roles

SharePoint Designer 1, 2, 3, 4, 6, 7, 8, 9, 10 Design Control

Beta Testing 5, 8 User Interface/Structure

Risks and issues management

Potential exceptions and problems

List potential risks

Tracking risks and issues1

1/16/2016SharePoint QMS Wireframe 1

Confidential

Please identify any risks or issues in the table below:

Date recorded Risk description Probability Impact Mitigation plan

Change management process

Change management process steps

Change will mostly take place behind the scenes pre-deployment. The old QMS will remain in place until training has taken place. Implementation steps as follows:

5. Test all aspects of site – create new QMS User Manual8. Manager Training, Supervisor Training, End User Training9. 2016 Deployment of new SharePoint Site

Change management process flow

11/16/2016

SharePoint QMS Wireframe 2

Create ListsCreate LibrariesSee Data Dictionary for details

Build

WireframeNavigation

DesignPage CreationNavigationCustomizeTesting

Development

Manager TrainingSupervisor TrainingEnd User Training

TrainingProvide new linkShut down old system

Deployment

Identify NeedsDesign ReportsSite Analytics Page

Site Analytics

Confidential

Site Architecture: Navigation

Site Navigation (Menu) for QMS – Top Level () will not have a page associated, sub menu only (Items shown in RED below will be your ParentDestinct1 and FC1 from part 2 of the step by step guide – customize this on your WireFrame design document). An example of how this will look is shown below QMS Main

Quality Manual (QM) Quality Records (QR) CPAR-CI (CI) DIR Log (DI) Internal Audits (IA) QMS Maintenance (restricted) (QA)

Manufacturing …list your ParentDistinct1 departments/work centers here … … … …

Non-Production (suggested list) HSE (HS) Shipping (SH) Tool Room (TO) HR Team Site (HR) Maintenance (MA) Sales Team Site (CR) Accounting (AC)

Resources Specification (Spec) Controlled Forms (FM) Phone List (PH) Training (TR)

11/16/2016

SharePoint QMS Wireframe 3

Confidential

Site Architecture: WireFrames

The following wireframe design is for ______________ QMS site only.

QMS Main

Quality Manual (QM) - Page Name for URL: QM

11/16/2016

SharePoint QMS Wireframe 4

Quality Management System: Main

Contact:

__________A Quality Policy

B. Quality Manual (library)

Confidential

CPAR-CI (CI) - Page Name for URL: CI

A: Corrective / Preventive / Continuous Improvement (Title)B: Open CPAR-CIs C: Closed CPAR-CIs

DIR Log (DI) – Page Name for URL: DI

A: Document Issue Request (Title)

B: Current Year DIRs

C: DIRs by Department

D: DIRs Outstanding

11/16/2016

SharePoint QMS Wireframe 5

A

C

B

D

C

B

A

Confidential

Production

Each Manufacturing Department (shown above) will have its own page – each page will begin identical but will use a unique “view” for the lists and libraries included.

## Production Pages and ## Non-Production Pages will be created using the following wireframe. The Site name represented in parenthesis (tip use two letters for each page).

A: The Title for each page will be represented by the name shown below for each of the sites - …your work center names here – tip, use two letters to identify each …(e.g. Welding (WE)) … … … …B, C, D, E & H: are all the same library – the “View” will be changed

B: SOPs and Work Instructions grouped by FC1C: Controlled forms used by this work center/departmentD: Desk Guides used by this work center/department (optional)E: Current Training & Qualifications for this department team membersF: Team MembersG: H: Open CPAR-CI’s for this department/work center

Non-Production

HSE (HS)

TBD

Shipping (SH)

Same as Production Page (shown above)

Tool Room (TO)

Same as Production Page (shown above)

HR Team Site (HR)

TBD

Maintenance (MA)

Same as Production Page (shown above)

11/16/2016

SharePoint QMS Wireframe 6

H

GF

E

D

C

B

A

Confidential

Sales Team Site (CR)

Customer Feedback/Satisfaction

Accounting (AC)

TBD

Resources

Specification (Spec)

One custom view of this list:

Controlled Forms (FM)

Two custom view of this list: One showing forms in order by form number One showing forms grouped by where-used (work center/department)

Phone List (PH)

Two full width webparts showing the same list with different views:

Training (TR)

Four full width webparts showing the following views: Training Completed by Employee Qualifications & Certifications by Employee Outstanding Training Requirements Assessments / On-the-job training completed by Employee Assessments / On-the-job training by document (SOP) ID

11/16/2016

SharePoint QMS Wireframe 7