hmc mp phase 4 development standards framework … · breadcrumb navigation sideways navigation at...
TRANSCRIPT
H M C M P P H A S E 4
D E V E L O P M E N T S TA N D A R D S F R A M E W O R K C O M P L I A N C E
F O R H A M A D M E D I C A L C O R P O R AT I O N
D S F P R E S E N TAT I O N PAC K
The presentation pack comprises 5 component parts:
Part 1. What is the DSF?
Part 2. DSF content
Part 3. DSF website functionality
Part 4. DSF navigation
Part 5. DSF tools
D S F P R E S E N TAT I O N PAC KC O N T E N T S
Part 1. What is the DSF?
Transformation & evolution of the DSF
Maintaining and developing the facilities at
HMC to ensure that they embrace best
practice is a never ending project which
regularly involves:
• HMC specialist
• External Consultants
• External Contractors
Ensuring that everyone working on the
operation and development of an HMC site
has a constant source of
information and guidance is extremely important.
The need for standardizing a common HMC
approach to how facilities should function
ranges from site wide facility strategies to the
layout of operating theatres.
This common approach:
1. Saves time & cost
2. Improves facility performance
3. Eases maintenance
HMC has developed this common approach and called it the
DEVELOPMENT STANDARDS FRAMEWORK
(DSF)
A one stop shop for guidance on
Functional
&
Operational
Planning Design Site
Important that the DSF is easily
accessible by the right people
and can be updated quickly
and easily.
To achieve this the DSF is held
on an HMC owned website
located on HICT servers.
The website has been designed to be:
• A go to web based source of information
The website has been designed to be:
• A go to web based source of information
• A one stop shop with capacity for
further development
The website has been designed to be:
• A go to web based source of information
• A one stop shop with capacity for
further development
• Easy to navigate on multiple platforms
The website has been designed to be:
• A go to web based source of information
• A one stop shop with capacity for
further development
• Easy to navigate on multiple platforms
• Easy to keep up to date
The website has been designed to be:
• A go to web based source of information
• A one stop shop with capacity for
further development
• Easy to navigate on multiple platforms
• Easy to keep up to date
• Securely housed within the HICT owned
infrastructure
The website has been designed to be:
• A go to web based source of information
• A one stop shop with capacity for
further development
• Easy to navigate on multiple platforms
• Easy to keep up to date
• Securely housed within the HICT owned
infrastructure
• Accessible by external visitors with
differing access levels
The website has been designed to be:
• A go to web based source of information
• A one stop shop with capacity for further
development
• Easy to navigate on multiple platforms
• Easy to keep up to date
• Securely housed within the HICT owned
infrastructure
• Accessible by external visitors with
differing access levels
• Able to record version history and store
previous page versions
The DSF will be maintained by a dedicated
HMC Content Management
Team (CMT) with the content of the
site divided into a series of distinct
technical areas.
Entry into the site will
require a unique visitor
log in and password
which is issued by the
CMT.
Once an individual gains access to
the site they can proceed to the
homepage.
Part 2. DSF Content
PLANNINGFUNCTIONAL & OPERATIONAL
SITEDESIGN
HMC live emergent
planning information.
Functional and operational
strategy, used to inform
design guidance
Design direction and
guidance, standards
and codes.
Design information
pertaining to specific sites
and facilities; in accordance
with Planning, F&O and
Design.
PA RT 2 : D S F CO N T E N TO V E R V I E W
PA RT 2 : D S F CO N T E N TO V E R V I E W
PLANNING
Managing Need
• What do we have?
• Change drivers
• What do we need?
HMC live emergent planning
information
Limited to client
organization
PA RT 2 : D S F CO N T E N TP L A N N I N G
FUNCTIONAL & OPERATIONAL
How we operate
• Functional & Operational
strategy use to inform
design guidance
Strategic, accumulating,
maturing
Well integrated, fully web
based, heavily tagged, slick
experience
PA RT 2 : D S F CO N T E N TF U N C T I O N A L & O P E R AT I O N A L
DESIGN
Design Guidance
• Design direction for
designers
• Standards, guidance &
codes
Generic comprehensive
stable, evolving
Well integrated, fully web
based, heavily tagged, slick
experience
PA RT 2 : D S F CO N T E N TD E S I G N
SITE
Applied DSF
• Designs for specific sites &
facilities in accordance with
Planning, F&O & Design
Dynamic, accumulating
(ease of loading of content)
Landing pages
• Reports/Output - site /facility
specific design parameters
• Links to 3 main sections
PA RT 2 : D S F CO N T E N TS I T E
Part 3. DSF Website Functionality
Useful functionalities of the site:
Bookmark
Share
Version History
Anything wrong with this page
Search
Site map
PA RT 3 : D S F F U N C T I O N A L I T YO V E R V I E W
Bookmark / Share / Print
Select a page as a bookmark
Share a page as an email
Print a pdf version of the page
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YB O O M A R K S / S H A R E / P R I N T
Bookmarks
A bookmark can be nested within a
bookmark group, or as an
individual item
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YB O O M A R K S
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YB O O M A R K S
Bookmarks
Iconography at top allows you to view
those pages that are bookmarked
There is also the option to manage
your bookmarks
Manage Bookmarks
Ability to view different
bookmarked pages and
labels
Ability to Delete bookmarked
pages
Receive notifications of
pages that have bookmarked
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YM A N A G E B O O M A R K S
Share
Email reads: “I would like to share the
following page with you” with a link to
the page attached (therefore recipient
must have access to the site)
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YS H A R E
Pdf version of the page downloads
which can then be printed
Provides version number
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YP R I N T
Version History
Can view previous versions
Useful to roll back to the contract
version
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YV E R S I O N H I S T O R Y
Anything wrong with this page?
Enables the user to send queries or
corrections to the editing team about
page content
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YA N Y T H I N G W R O N G W I T H T H I S PA G E ?
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YS E A R C H
Search
Search icon in task bar
Search for water
Search page
Search
Search icon in task bar
Search for water
Search page
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YS E A R C H
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YS E A R C H
Search
Search icon in task bar
Search for water
Search page
Use tag groups to filter for
heating and cooling
Site Map
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YS I T E M A P
Site Map - Infrastructure
Visited pages- blue
Each Section – larger font
Collapsible Section for each
discipline
PA RT 3 : D S F W E B S I T E F U N C T I O N A L I T YS I T E M A P
Part 4. DSF Navigation
PA RT 4 : D S F N AV I G AT I O NL O G I N
Username & Password
PA RT 4 : D S F N AV I G AT I O NL O G I N
Username & Password
‘I’ve forgotten my password’
PA RT 4 : D S F N AV I G AT I O NL O G I N
Username & Password
‘I’ve forgotten my password’
Footer icons appear
PA RT 4 : D S F N AV I G AT I O NL O G I N
PA RT 4 : D S F N AV I G AT I O NH O M E PA G E
Logo – link back to homepage
PA RT 4 : D S F N AV I G AT I O NH O M E PA G E
Logo – link back to homepage
4 main section content list
PA RT 4 : D S F N AV I G AT I O NH O M E PA G E
Logo – link back to homepage
4 main section content list
Hamburger menu
PA RT 4 : D S F N AV I G AT I O NH O M E PA G E
Logo – link back to homepage
4 main section content list
Hamburger menu
Iconography
PA RT 4 : D S F N AV I G AT I O NH O M E PA G E
PA RT 4 : D S F N AV I G AT I O NL E V E L 2 L A N D I N G PA G E
Sub-discipline content list - hyperlinks
PA RT 4 : D S F N AV I G AT I O NL E V E L 2 L A N D I N G PA G E
Sub-discipline content list – hyperlinks
Cards within each sub-discipline
PA RT 4 : D S F N AV I G AT I O NL E V E L 2 L A N D I N G PA G E
Sub-discipline content list – hyperlinks
Cards within each sub-discipline
Back to top
PA RT 4 : D S F N AV I G AT I O NL E V E L 2 L A N D I N G PA G E
PA RT 4 : D S F N AV I G AT I O NL E V E L 4 L A N D I N G PA G E
Contents list (1., 2., 3…)
PA RT 4 : D S F N AV I G AT I O NL E V E L 4 L A N D I N G PA G E
Contents list (1., 2., 3…)
Breadcrumb navigation
PA RT 4 : D S F N AV I G AT I O NL E V E L 4 L A N D I N G PA G E
Contents list (1., 2., 3…)
Breadcrumb navigation
Sideways navigation
PA RT 4 : D S F N AV I G AT I O NL E V E L 4 L A N D I N G PA G E
Contents list (1., 2., 3…)
Breadcrumb navigation
Sideways navigation
Navigation between higher levels
within the discipline
PA RT 4 : D S F N AV I G AT I O NL E V E L 4 L A N D I N G PA G E
PA RT 4 : D S F N AV I G AT I O NL E V E L 5 PA G E
PA RT 4 : D S F N AV I G AT I O NL E V E L 6 L A N D I N G PA G E
Contents list (4.1, 4.2, 4.3…)
PA RT 4 : D S F N AV I G AT I O NL E V E L 6 L A N D I N G PA G E
Contents list (4.1, 4.2, 4.3…)
Breadcrumb navigation
PA RT 4 : D S F N AV I G AT I O NL E V E L 6 L A N D I N G PA G E
Contents list (4.1, 4.2, 4.3…)
Breadcrumb navigation
Sideways navigation at the same level
PA RT 4 : D S F N AV I G AT I O NL E V E L 6 L A N D I N G PA G E
Contents list (4.1, 4.2, 4.3…)
Breadcrumb navigation
Sideways navigation at the same level
Sideways navigation back to the level
above (i.e. level 4)
PA RT 4 : D S F N AV I G AT I O NL E V E L 6 L A N D I N G PA G E
Part 5. DSF Tools
Image Tools:
Small Image Card
Image Card with Thumbnails
Image Carousel
Image with Key
Image Banner with Table
Basic Image Card Group
Continuation Text Area
Embedded Image
Image Zoom Function
PA RT 5 : D S F TO O L SO V E R V I E W
Table Tools:
Basic Table
Collapsible Table
Applicable Codes Table
Numeric or Text Tables
Other table tools
PA RT 5 : D S F TO O L SI M A G E T O O L S O V E R V I E W
Image Tools:
Small Image Card
Image Card with Thumbnails
Image Carousel
Image with Key
Image Banner with Table
Basic Image Card Group
Continuation Text Area
Embedded Image
Image Zoom Function
PA RT 5 : D S F TO O L SS M A L L I M A G E C A R D
PA RT 5 : D S F TO O L SS M A L L I M A G E C A R D
Small Image Card 1
Path: Infrastructure / Highways / Vehicle Requirements
PA RT 5 : D S F TO O L SS M A L L I M A G E C A R D
Small Image Card 2
Path: Urban Realm / Landscape / Key Principles
PA RT 5 : D S F TO O L SI M A G E C A R D W I T H T H U M B N A I L S
PA RT 5 : D S F TO O L SI M A G E C A R D W I T H T H U M B N A I L S
Image Card with Thumbnails 1
Path: Interiors / Clinical Interiors / Design sensibility
PA RT 5 : D S F TO O L SI M A G E C A R D W I T H T H U M B N A I L S
Image Card with Thumbnails 2
Path: Urban Realm / Landscape / Ventilation parameters
PA RT 5 : D S F TO O L SI M A G E C A R O U S E L
PA RT 5 : D S F TO O L SI M A G E C A R O U S E L
Image Carousel 1
Path : Infrastructure / Site Communication / ICT Design Parameters
PA RT 5 : D S F TO O L SI M A G E C A R O U S E L
Image Carousel 2
Path: Interiors / Standard Rooms & Spaces / Space Types / Patient spaces / Bedroom standard
PA RT 5 : D S F TO O L SI M A G E W I T H K E Y
PA RT 5 : D S F TO O L SI M A G E W I T H K E Y
Image with Key
Path: Interiors / Standard Rooms & Spaces / Space Types / Patient spaces / Bedroom standard
PA RT 5 : D S F TO O L SI M A G E B A N N E R W I T H TA B L E
PA RT 5 : D S F TO O L SI M A G E B A N N E R W I T H TA B L E
Image Banner with Table
Path: Urban Realm / Landscape / Trees / Street tree palette
PA RT 5 : D S F TO O L SI M A G E B A N N E R W I T H TA B L E
Image Banner with Table (expanded)
Path: Urban Realm / Landscape / Trees / Street tree palette
PA RT 5 : D S F TO O L SB A S I C I M A G E C A R D G R O U P
PA RT 5 : D S F TO O L SB A S I C I M A G E C A R D G R O U P
Basic Image Card Group
Path: Interiors / Clinical Interiors / Design Criteria / Casework
PA RT 5 : D S F TO O L SB A S I C I M A G E C A R D G R O U P
Basic Image Card Group (expanded)
Path: Interiors / Clinical Interiors / Design Criteria / Casework
PA RT 5 : D S F TO O L SC O N T I N U AT I O N T E X T A R E A
PA RT 5 : D S F TO O L SC O N T I N U AT I O N T E X T A R E A
Continuation Text Area
PA RT 5 : D S F TO O L SE M B E D D E D I M A G E
Other tools
Size of embedded image
30% of width
Path: Infrastructure / Storm Drainage / Overview
60% of width
Full width
PA RT 5 : D S F TO O L SE M B E D D E D I M A G E
C M S T R A I N I N GI M A G E Z O O M F U N C T I O N
Other tools
Size of embedded image
Option to add/remove the image zoom function
Basic Table
Collapsible Table
Schedule of Accommodation
Applicable Codes Table
Numeric or Text Tables
Other table tools
PA RT 5 : D S F TO O L STA B L E S
Basic Table
Grey bar
Total/Sub-total rows
Header
PA RT 5 : D S F TO O L SB A S I C TA B L E
Path: Infrastructure / Heating & Cooling / Energy Benchmarking / Thermal cooling loads
Collapsible Table
Expand all/Collapse all
Collapsible row with
arrow
PA RT 5 : D S F TO O L SC O L L A P S I B L E TA B L E
Path: Infrastructure / Water / Potable water / Potable water design parameters
Departmental SOA table
Combined area totals at top
Expand all/Collapse all
Similar format to collapsible table
Sub-section totals at bottom of
each sub-section
Notes column refers to second,
supporting, collapsible table
Path: Clinical Functional Requirements / General Services / Inpatient Care / Indicative Schedules of Accommodation
PA RT 5 : D S F TO O L SS C H E D U L E O F A C C O M M O D AT I O N
Applicable Codes Table
Bullet and line spacing
Expand all/Collapse all
Same format as
collapsible table
PA RT 5 : D S F TO O L SA P P L I C A B L E C O D E S TA B L E
Path: Infrastructure / Heating & Cooling / Applicable Codes / Design
PA RT 5 : D S F TO O L STA B L E S
Other tools
PA RT 5 : D S F TO O L STA B L E S
Other tools
Highlight as total/subtotal
Path : Infrastructure / Power / Power budget
Text
Left aligned
PA RT 5 : D S F TO O L STA B L E S
Numeric
Right aligned
PA RT 5 : D S F TO O L STA B L E S
Other tools
Highlight as total/subtotal
Left/right aligned
Pre table note
PA RT 5 : D S F TO O L STA B L E S
Other tools
Highlight as total/subtotal
Left/right aligned
Pre table note
Post table references