/* ipma-viewer.jsx — IPMA Slideware Viewer + Book Reader overlays */ /* ─────────────────────────────────────── SLIDE DATA (20 slides) ── */ const SL = window.IPMA_SL; /* shared source of truth → js/ipma-slides.jsx */ /* ─────────────────────────────────────── BOOK DATA (15 pages) ── */ const BK = [ { n: 1, type: "cover", title: "Project Management", sub: "Based on IPMA Individual Competence Baseline Version 4", pub: "Van Haren Publishing", isbn: "978-94-018-1092-0" }, { n: 2, type: "colophon", lines: ["Title: Project Management — based on IPMA Individual Competence Baseline Version 4", "Author: Van Haren Publishing", "Edition: 1st edition · English", "ISBN: 978-94-018-1092-0", "Publisher: Van Haren Publishing, Amersfoort, the Netherlands", "© Van Haren Publishing. All rights reserved.", "No part of this publication may be reproduced without written permission from the publisher."] }, { n: 3, type: "toc", title: "Contents", chapters: [{ n: "1", title: "Project Management and the ICB4", p: 9 }, { n: "2", title: "Project Orientation", p: 25 }, { n: "3", title: "Project Preparation", p: 41 }, { n: "4", title: "Project Definition", p: 67 }, { n: "5", title: "Project Delivery", p: 103 }, { n: "6", title: "People Competencies", p: 133 }, { n: "7", title: "Perspective Competencies", p: 175 }, { n: "A", title: "Sample Exam Questions", p: 213 }] }, { n: 4, type: "chapter-start", ch: 1, title: "Project Management and the ICB4", intro: "This chapter introduces the concept of project management and explains the structure of the IPMA Individual Competence Baseline (ICB4), the global standard for individual competence in project, programme and portfolio management." }, { n: 5, type: "body", heading: "1.1 The Importance of Project Management", paras: ["Managing projects is becoming increasingly important. In an environment characterised by rapid change, organisations increasingly choose to implement changes through projects rather than through operational processes. The demand for skilled project managers has never been greater.", "The IPMA defines a project as 'a unique, temporary, multi-disciplinary and organised endeavour to realise agreed deliverables within predefined requirements and constraints.' This definition captures several characteristics that distinguish projects from other work.", "Projects are unique — each one differs from all previous projects. Projects are temporary — they have a defined start and end, unlike operational work. Projects are multi-disciplinary — drawing on expertise from multiple domains. And projects are organised — they have defined structure, governance, and decision-making processes."] }, { n: 6, type: "body", heading: "1.2 The ICB4 Framework", paras: ["The IPMA Individual Competence Baseline (ICB4) is the global standard for individual competence in project, programme and portfolio management. It was developed to provide a clear and comprehensive description of the competences required by project management professionals at all levels.", "The ICB4 organises competences into three domains: Perspective, People, and Practice. Together, these three domains form the Eye of Competence — IPMA's iconic symbol representing the complete view of project management competence.", "The Perspective domain encompasses five competence elements defining the contextual competences required to navigate projects across the broader organisational environment. The People domain contains ten elements defining personal and interpersonal competences. The Practice domain contains thirteen elements defining the technical aspects of managing projects."] }, { n: 7, type: "body", heading: "1.3 IPMA Certification Levels", paras: ["IPMA offers four certification levels, designated D, C, B and A, reflecting increasing degrees of responsibility, complexity, and seniority in project management practice.", "Level D — Certified Project Management Associate: This level demonstrates fundamental knowledge of project management. The candidate can support a project manager on a limited-complexity project in all aspects of the ICB4 competence elements.", "Level C — Certified Project Manager: This level demonstrates that the individual can manage limited-complexity projects independently, applying the ICB4 competence elements in practice. Level B — Senior Project Manager: can manage complex projects. Level A — Projects Director: can manage a portfolio or programme of projects."] }, { n: 8, type: "body", heading: "1.4 Competence and Learning", paras: ["Competence is more than knowledge alone. The ICB4 defines competence as the application of knowledge, skills, and abilities in a given context. To become a competent project manager, it is not sufficient to know the theory — one must be able to apply it in practice.", "The framework uses three mastery levels aligned with Bloom's taxonomy: Comprehension (c) — remembering and understanding concepts; Application (p) — being able to apply knowledge; Analysis (a) — being able to analyse complex situations.", "For the IPMA-D certification, the primary focus is on comprehension. For higher levels (C, B, A), deeper mastery is required: applying competence elements in project situations and making strategic decisions under complexity."] }, { n: 9, type: "chapter-start", ch: 2, title: "Project Orientation", intro: "This chapter covers the competence to determine whether an initiative should be managed as a project and how to apply the fundamental principles of project management in practice." }, { n: 10, type: "body", heading: "2.1 What is a Project?", paras: ["The ICB4 defines a project as 'a unique, temporary, multi-disciplinary and organised endeavour to realise agreed deliverables within predefined requirements and constraints.' Each element of this definition deserves examination.", "Unique means that every project is different — even if similar work has been done before. This uniqueness creates complexity and risk that must be managed carefully.", "Temporary means that every project has a defined beginning and end. This distinguishes projects from ongoing operational work and creates urgency that requires careful planning of resources, budgets and activities within a constrained timeframe."] }, { n: 11, type: "body", heading: "2.2 The Work Forms Model", paras: ["Not all work is best organised as a project. The work forms model helps organisations choose the most appropriate management approach. The model distinguishes three main forms: improvisation, routine (process-based) work, and plan-based (project) work.", "Improvisation is appropriate for ad hoc, flexible work where the approach cannot be specified in advance. Routine work is appropriate for repetitive, well-understood activities where efficiency is the primary goal. Plan-based work is appropriate when the work is unique, complex, and requires coordination across multiple disciplines.", "Projects sit in the plan-based category. They provide a structured framework for managing scope, time, cost, quality, and stakeholder expectations in a unique and temporary context."] }, { n: 12, type: "body", heading: "2.3 Why Initiate a Project?", paras: ["Projects are initiated to implement change. The formula E = Q × A, attributed to Quirke (1995), captures a fundamental truth: Effectiveness equals Quality multiplied by Acceptance.", "This formula has profound implications for project managers. A technically perfect solution (Q = 10) that no one accepts or uses (A = 0) has zero effectiveness. Conversely, a modest solution (Q = 5) that is widely embraced (A = 8) achieves significant effectiveness (E = 40).", "The lesson is clear: project managers must invest as much effort in gaining stakeholder acceptance as in producing technical quality. Stakeholder engagement and change management are central to project success."] }, { n: 13, type: "body", heading: "2.4 The Project Lifecycle", paras: ["Every project passes through a series of phases from initiation to closure. The ICB4 describes a generic project lifecycle consisting of four main stages: project preparation, project definition, project execution, and project closure.", "During Project Preparation, the project is justified and its feasibility established. The project sponsor approves the investment and authorises the project. During Project Definition, the project manager develops the Project Management Plan covering scope, schedule, budget, quality, resources, risks, communication, and procurement.", "During Project Execution, the team delivers the work packages defined in the plan. Regular monitoring and control ensures that deviations are detected and corrected early. The stage closes with a successful handover of all deliverables."] }, { n: 14, type: "body", heading: "2.5 Project Success Factors", paras: ["Research consistently identifies factors that distinguish successful projects from unsuccessful ones. The Standish Group's CHAOS Report found that in 2021, only 29% of IT projects were truly successful, 53% were challenged, and 18% were cancelled.", "The factors most strongly associated with project success include: active executive sponsorship; clear project objectives and scope; experienced project manager; regular stakeholder engagement; effective risk management; and realistic planning with adequate contingency.", "Notably, purely technical factors are rarely the primary cause of project failure. The data consistently shows that people, process, and governance issues account for most project failures."] }, { n: 15, type: "chapter-start", ch: 3, title: "Project Preparation", intro: "The Project Preparation stage is where the project is conceived, justified, and initially organised. This chapter covers the five practice competence elements: Project Preparation Stage, Stakeholders, Project Organisation, Requirements & Objectives, and Risk & Opportunity." }]; /* ─────────────────────────────────── SLIDE CARD RENDERER ── */ const SlideCard = window.IPMASlideCard; /* shared renderer → js/ipma-slides.jsx */ /* ─────────────────────────────────── SLIDE VIEWER ── */ function IPMASlideViewer({ onClose, toast, onKahoot, onWordCloud }) { const SCALE = 140 / 900; const [idx, setIdx] = useState(0); const [trainerSlide] = useState(7); // simulated trainer position (slide 8, 0-indexed) const [notes, setNotes] = useState({}); const [qText, setQText] = useState(""); const [questions, setQuestions] = useState([]); const [panel, setPanel] = useState("notes"); // notes | questions const [follow, setFollow] = useState(null); const [followStats, setFollowStats] = useState({ yes: 18, less: 4, no: 2 }); const [elapsed, setElapsed] = useState(0); const [gameAnswers, setGameAnswers] = useState({}); const [gameRevealed, setGameRevealed] = useState({}); const SLIDE_GAMES = [ { slide: 4, type: "kahoot", q: "What does IPMA stand for?", opts: ["International Project Management Association", "Institute for Project Management Analysis", "International Program Management Authority", "Integrated Project Management Approach"], ans: 0 }, { slide: 9, type: "kahoot", q: "Which element is NOT part of the IPMA Competence Eye?", opts: ["People", "Practice", "Perspective", "Portfolio"], ans: 3 }, { slide: 14, type: "wordcloud", q: "In one word: what makes a great project leader?" }, ]; const GOPTS_COLORS = ["#e74c3c", "#3498db", "#f99d25", "#27ae60"]; const GOPTS_LABELS = ["A", "B", "C", "D"]; useEffect(() => { const t = setInterval(() => setElapsed((e) => e + 1), 1000); return () => clearInterval(t); }, []); const fmt = (s) => `${String(Math.floor(s / 3600)).padStart(2, "0")}:${String(Math.floor(s % 3600 / 60)).padStart(2, "0")}:${String(s % 60).padStart(2, "0")}`; const slide = SL[idx]; const totalFollowers = followStats.yes + followStats.less + followStats.no; const activeGame = SLIDE_GAMES.find(g => g.slide === idx) || null; const nextGame = SLIDE_GAMES.find(g => g.slide > idx) || null; useEffect(() => { if (SLIDE_GAMES.some(g => g.slide === idx)) setPanel("notes"); }, [idx]); function sendFollow(v) { if (follow) return; setFollow(v); setFollowStats((s) => ({ ...s, [v]: s[v] + 1 })); toast(v === "yes" ? "Great — marked as understood ✓" : "Feedback sent to trainer", "check"); } function sendQ() { if (!qText.trim()) return; setQuestions((q) => [...q, { text: qText.trim(), time: fmt(elapsed) }]); setQText("");toast("Question sent to trainer", "sparkle"); } return (
{/* top bar */}
Training IPMA D · {slide.head || slide.title || slide.chapter || "Slide " + slide.n}
Slide {idx + 1} / {SL.length}
{fmt(elapsed)}
{/* main area */}
{/* left: previous slides rail */}
Slides
{SL.map((s, i) => )}
{/* center: current slide */}
{/* game badge on slides 15 & 16 */} {/* game badge: word cloud on slides 1-2, kahoot on slides 15-16 */} {(idx === 0 || idx === 1) &&
} {(idx === 14 || idx === 15) &&
}
{/* right: notes + questions panel */}
{/* panel tabs */}
{[["notes", "Notes"], ["questions", "Questions"]].map(([id, lbl]) => )}
{panel === "notes" &&
{/* Notes — top ¾ */}
Slide {idx + 1} notes