From 1b900c7c35c296d2c45317e320a3bddd0d9ed894 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Sun, 29 Sep 2024 20:52:29 +0200
Subject: [PATCH] stakeholder management
---
.../HP svgs/stakeholder-management.tsx | 177 ++++++++++++++++++
src/contents/Human Practices/IHP.tsx | 66 +++++--
2 files changed, 223 insertions(+), 20 deletions(-)
create mode 100644 src/contents/Human Practices/HP svgs/stakeholder-management.tsx
diff --git a/src/contents/Human Practices/HP svgs/stakeholder-management.tsx b/src/contents/Human Practices/HP svgs/stakeholder-management.tsx
new file mode 100644
index 00000000..1250af11
--- /dev/null
+++ b/src/contents/Human Practices/HP svgs/stakeholder-management.tsx
@@ -0,0 +1,177 @@
+export function StakeholderManagement(){
+
+ return(
+ <svg
+ viewBox="0 0 4700 2500"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlnsXlink="http://www.w3.org/1999/xlink"
+ xmlSpace="preserve"
+ overflow="hidden"
+
+ >
+ <g transform="translate(-1040 -2021)">
+ <g>
+ <path
+ d="M0 0.042729 0 717.078 430.957 1148 430.957 0.042729Z"
+ fill="#7E84C1"
+ fillRule="evenodd"
+ fillOpacity={1}
+ transform="matrix(-1 0 0 1 4153 3108)"
+ />
+ <path
+ d="M430.965 0 0 431 1147.96 431 1147.96 0Z"
+ fill="#8F47A2"
+ fillRule="evenodd"
+ fillOpacity={1}
+ transform="matrix(-1 0 0 1 4154 2189)"
+ />
+ <path
+ d="M0.0427325 0 0.0427325 1147.96 431 1147.96 431 430.965 0.0427325 0Z"
+ fill="#5E0A54"
+ fillRule="evenodd"
+ fillOpacity={1}
+ transform="matrix(-1 0 0 1 2518 2189)"
+ />
+ <path
+ d="M0.042729 0.0427325 0.042729 431 717.078 431 1148 0.0427325Z"
+ fill="#080607"
+ fillRule="evenodd"
+ fillOpacity={1}
+ transform="matrix(-1 0 0 1 3235 3825)"
+ />
+ <path
+ d="M595.489 0 164.511 430.858 164.511 918.873 0 918.873 380 1380.96 760 918.873 595.489 918.873 595.489 0Z"
+ stroke="#B85BD1"
+ strokeWidth={3.4375}
+ strokeLinecap="butt"
+ strokeLinejoin="round"
+ strokeMiterlimit={10}
+ strokeOpacity={1}
+ fill="#B85BD1"
+ fillRule="evenodd"
+ fillOpacity={1}
+ transform="matrix(-1 0 0 1 4318.5 2189.5)"
+ />
+ <path
+ d="M462.127 0 0.0427184 380 462.127 760 462.127 595.489 1381 595.489 950.185 164.511 462.127 164.511 462.127 0Z"
+ stroke="#850E78"
+ strokeWidth={3.4375}
+ strokeLinecap="butt"
+ strokeLinejoin="round"
+ strokeMiterlimit={10}
+ strokeOpacity={1}
+ fill="#850E78"
+ fillRule="evenodd"
+ fillOpacity={1}
+ transform="matrix(-1 0 0 1 3468.5 2025.5)"
+ />
+ <path
+ d="M380 0.0427184 0.0427302 462.127 164.554 462.127 164.554 1381 595.489 950.185 595.489 462.127 760 462.127 380 0.0427184Z"
+ fill="#32232C"
+ fillRule="evenodd"
+ fillOpacity={1}
+ transform="matrix(-1 0 0 1 2682 2875)"
+ />
+ <path
+ d="M918.872 0.0427302 918.872 164.554 0 164.554 430.815 595.489 918.872 595.489 918.872 760 1380.96 380 918.872 0.0427302Z"
+ fill="#A0A7F3"
+ fillRule="evenodd"
+ fillOpacity={1}
+ transform="matrix(-1 0 0 1 4153 3661)"
+ />
+ <text
+ fill="#A0A7F3"
+ fillOpacity={1}
+ fontFamily="Fira Sans,Fira Sans_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={147}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 4190.15 4224)"
+ >
+ {"IMPLEMENTATION"}
+ </text>
+ <text
+ fill="#B85BD1"
+ fillOpacity={1}
+ fontFamily="Fira Sans,Fira Sans_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={147}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 4378.25 2327)"
+ >
+ {"REGULATION & "}
+ </text>
+ <text
+ fill="#B85BD1"
+ fillOpacity={1}
+ fontFamily="Fira Sans,Fira Sans_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={147}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 4880.13 2503)"
+ >
+ {"SAFETY"}
+ </text>
+ <text
+ fill="#5E0A54"
+ fillOpacity={1}
+ fontFamily="Fira Sans,Fira Sans_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={147}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 1130.82 2342)"
+ >
+ {"PERCEPTION"}
+ </text>
+ <text
+ fill="#32232C"
+ fillOpacity={1}
+ fontFamily="Fira Sans,Fira Sans_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={147}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 1130.82 4202)"
+ >
+ {"IMPACT"}
+ </text>
+ </g>
+ </g>
+ </svg>
+);
+
+}
\ No newline at end of file
diff --git a/src/contents/Human Practices/IHP.tsx b/src/contents/Human Practices/IHP.tsx
index fd0d0a1e..569b4ca7 100644
--- a/src/contents/Human Practices/IHP.tsx
+++ b/src/contents/Human Practices/IHP.tsx
@@ -1,9 +1,11 @@
import { ButtonOne } from "../../components/Buttons";
import { HPTimeline } from "../../components/HP-timeline";
import { LoremMedium, LoremShort } from "../../components/Loremipsum";
+import PreCyse from "../../components/precyse";
import { Section, Subesction } from "../../components/sections";
-import { HPFeedback } from "./Feedback";
+import { HPFeedback } from "./Feedback";
import { HP3new } from "./HP svgs/hp3";
+import { StakeholderManagement } from "./HP svgs/stakeholder-management";
import { HPUnderstanding } from "./HP svgs/understanding";
export function HPIntegrated(){
@@ -11,6 +13,17 @@ export function HPIntegrated(){
return(
<Section title="Integrated Human Practices" id="Integrated Human Practices">
<Subesction title="Framework" id="Integrated Human Practices1">
+ <p>Our team has defined a framework for managing interactions with stakeholders during each step of the project:
+ </p>
+ <ol>
+ <li> <b>Stakeholder Management Framework </b>- To identify stakeholders and define how potential stakeholders fit our project.</li>
+ <li><b>Power-Interest Matrix </b>- According to Mendelow to identify and evaluate the priorities of potential stakeholders.</li>
+ <li><b>SWOT analysis</b> - Assessment of the strengths, weaknesses, opportunities and threats of the various groups previously identified as potential stakeholders.</li>
+ <li><b>AREA Framework</b> - To structuring and optimizing project-related decisions.</li>
+ <li><b>Feedback-Cycle</b> - To structure interactions with stakeholders for efficient and informative design and maximization of potential.</li>
+ <li><b>Third-Party Feedback Templates </b>- To introduce the stakeholders, summarize the interactions and implement the output in our project.</li>
+ <li><b>Cycle of Reflection</b> - According to Gibbs demonstrate the response and implementation as a part of our feedback cycle.</li>
+</ol>
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
<div className="col">
<ButtonOne text="Stakeholder Management" open="stakemamange" openclass="framecycletab"></ButtonOne>
@@ -34,25 +47,22 @@ export function HPIntegrated(){
</div>
</div>
<div className="col framecycletab" id="stakemamange" style={{display: "block"}}>
- <div className="row">
- <br/>
- <div className="col-4">
- <div className="" >
- <HPUnderstanding/>
- </div>
- </div>
- <div className="col">
- <div className="col understandingtab" id="under-reflection" style={{display: "block"}}>
- <div><LoremShort/></div>
- </div>
- <div className="col understandingtab" id="under-responsibility" style={{display: "none"}}>
- <div><LoremShort/></div>
- </div>
- <div className="col understandingtab" id="under-responsive" style={{display: "none"}}>
- <div><LoremShort/></div>
- </div>
- </div>
+ <br/>
+ <div className="align-items-center">
+ <StakeholderManagement/>
</div>
+ <p>To clearly communicate to our stakeholders how they can support the <PreCyse/> project and the specific areas requiring
+ their input, we developed a stakeholder management framework highlighting four key areas. Starting at the bottom right of the
+ figure and moving clockwise, the first area needing feedback is <b>implementation</b>. It is crucial for our team to ensure that the project
+ has all necessary components for realistic application in healthcare settings, focusing on the gene therapy treatment for cystic fibrosis.
+ This includes both the technical design and the appropriate business model to ensure successful implementation.
+ </p>
+ <p>The second key area is <b>sustainability and social impact.</b> We seek to understand how our project aligns with current healthcare initiatives and facilities in Germany and Europe, but also in the global situation and its interaction with social efforts related to CF awareness and gene therapy strategies.
+ </p>
+ <p>Next, we want to shape the <b>public perception</b> of our project, which uses synthetic biology to tackle a major healthcare challenge. We ask stakeholders about their knowledge and opinions on our gene therapeutic approach and its potential application to improve CF treatments.
+ </p>
+ <p>The final area involves <b>regulatory and safety considerations</b>. Given the stringent regulations governing healthcare in Germany, which vary by municipality, it is essential to consult with stakeholders familiar with these regulations to ensure our project complies with all necessary safety standards.
+ </p>
</div>
<div className="col framecycletab" id="mendelow" style={{display: "none"}}>
@@ -97,7 +107,23 @@ export function HPIntegrated(){
<div className="col subcycletab" id="busi" style={{display: "none"}}>busi </div>
</div>
<div className="col framecycletab" id="thirdparty" style={{display: "none"}}>
- none
+ <br/>
+ <div className="col-4">
+ <div className="" >
+ <HPUnderstanding/>
+ </div>
+ </div>
+ <div className="col">
+ <div className="col understandingtab" id="under-reflection" style={{display: "block"}}>
+ <div><LoremShort/></div>
+ </div>
+ <div className="col understandingtab" id="under-responsibility" style={{display: "none"}}>
+ <div><LoremShort/></div>
+ </div>
+ <div className="col understandingtab" id="under-responsive" style={{display: "none"}}>
+ <div><LoremShort/></div>
+ </div>
+ </div>
</div>
<div className="col framecycletab" id="feedcycle" style={{display: "none"}}>
<div id="hp3-wrapper">
--
GitLab