349 lines
22 KiB
HTML
349 lines
22 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>The AI Advantage: Rethinking 'Build vs. Buy' in Government IT</title>
|
|
|
|
<!-- SEO and Meta tags -->
|
|
<meta name="description" content="A provocative and disruptive 30-minute presentation deck arguing for digital sovereignty and AI-powered custom build over vendor lock-in in government IT." />
|
|
|
|
<!-- Google Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700;800&family=Space+Grotesk:wght@400;500;600;700&family=Fira+Code:wght@400;500&display=swap" rel="stylesheet">
|
|
</head>
|
|
<body>
|
|
<div class="reveal">
|
|
<div class="slides">
|
|
|
|
<!-- Slide 1: Title Slide -->
|
|
<section id="slide-title" class="slide-content title-slide" data-transition="fade-out">
|
|
<div class="glow-orb" id="orb-1"></div>
|
|
<div class="title-container">
|
|
<h1 class="main-title">THE <span class="highlight-cyan">AI</span> ADVANTAGE</h1>
|
|
<p class="main-subtitle text-gradient-purple">Rethinking "Build vs. Buy" in Government IT</p>
|
|
<div class="divider"></div>
|
|
<p class="tagline">A Playbook for Digital Sovereignty in the Generative Era</p>
|
|
<div class="audience-badge">2026 Government Digital Graduates</div>
|
|
</div>
|
|
|
|
<aside class="notes">
|
|
Good afternoon, graduates. Today, we're going to talk about a trillion-dollar problem. We're going to talk about how government IT became a hostage situation, and how you—armed with generative AI and open-source infrastructure—are going to stage the rescue mission. You're entering public service at the most disruptive moment in the history of technology. Let's make sure you aren't spending it managing vendor licenses.
|
|
</aside>
|
|
</section>
|
|
|
|
<!-- Slide 2: The Status Quo -->
|
|
<section id="slide-status-quo" class="slide-content" data-transition="slide-in fade-out">
|
|
<h2 class="slide-header">The Mega-Vendor Tax</h2>
|
|
|
|
<div class="grid-2col">
|
|
<div class="card glassmorphic shadow-red animate-pulse-border">
|
|
<div class="card-badge bg-red">THE BUDGET HOLE</div>
|
|
<h3 class="card-title text-red">Proprietary Licensing</h3>
|
|
<p class="card-desc">Millions of dollars funneled annually to mega-vendors for generic office utilities and closed-source databases.</p>
|
|
|
|
<!-- SVG Visualisation: Tax Drain -->
|
|
<svg viewBox="0 0 200 100" class="mini-chart" id="svg-tax-drain">
|
|
<circle cx="50" cy="50" r="35" fill="none" stroke="#ef4444" stroke-width="4" stroke-dasharray="220" />
|
|
<path d="M 50 15 L 150 50" stroke="#ef4444" stroke-dasharray="5 5" stroke-width="2">
|
|
<animate attributeName="stroke-dashoffset" values="50;0" dur="2s" repeatCount="indefinite" />
|
|
</path>
|
|
<circle cx="150" cy="50" r="25" fill="#ef4444" opacity="0.2" />
|
|
<text x="50" y="55" fill="#f3f4f6" font-size="12" font-family="Space Grotesk" text-anchor="middle">Public Funds</text>
|
|
<text x="150" y="55" fill="#ef4444" font-size="12" font-family="Space Grotesk" text-anchor="middle">Vendor</text>
|
|
</svg>
|
|
</div>
|
|
|
|
<div class="card glassmorphic shadow-cyan">
|
|
<div class="card-badge bg-cyan">THE STAT</div>
|
|
<div class="big-metric text-gradient-cyan">80%</div>
|
|
<p class="metric-label">of typical public IT budgets are locked into maintaining static legacy vendor software with zero active development.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="notes">
|
|
Let's start with a hard truth. Government departments spend billions of dollars every single year on software licensing. You will enter departments where millions are spent just to license basic tools like case management databases. Historically, custom building was deemed too risky. So, we bought off-the-shelf software from mega-vendors. But we didn't just buy software; we bought vendor lock-in. We signed up for a subscription tax that drains public funds and leaves us dependent on foreign tech giants.
|
|
</aside>
|
|
</section>
|
|
|
|
<!-- Slide 3: The Procurement Trap -->
|
|
<section id="slide-procurement" class="slide-content" data-transition="slide-in fade-out">
|
|
<h2 class="slide-header">The Procurement Trap</h2>
|
|
<p class="slide-subtitle text-gradient-purple">The Cover-Your-Ass (CYA) Lifecycle</p>
|
|
|
|
<!-- Visual: Waterfall CYA Steps -->
|
|
<div class="pipeline-container">
|
|
<div class="pipeline-step">
|
|
<div class="step-num">01</div>
|
|
<div class="step-label">CYA Planning</div>
|
|
<div class="step-duration">12 - 18 Months</div>
|
|
<p class="step-detail">Writing 300-page specs to shift liability.</p>
|
|
</div>
|
|
<div class="arrow-connector">➔</div>
|
|
<div class="pipeline-step">
|
|
<div class="step-num">02</div>
|
|
<div class="step-label">RFP & Legal</div>
|
|
<div class="step-duration">6 - 12 Months</div>
|
|
<p class="step-detail">Mega-vendors dominate with dedicated bidding teams.</p>
|
|
</div>
|
|
<div class="arrow-connector">➔</div>
|
|
<div class="pipeline-step warning-glow">
|
|
<div class="step-num text-red">03</div>
|
|
<div class="step-label text-red">Outdated Launch</div>
|
|
<div class="step-duration text-grey">Day 1</div>
|
|
<p class="step-detail">Delivered system is obsolete before first login.</p>
|
|
</div>
|
|
<div class="arrow-connector">➔</div>
|
|
<div class="pipeline-step highlight-cyan-glow">
|
|
<div class="step-num text-cyan">04</div>
|
|
<div class="step-label text-cyan">Locked In</div>
|
|
<div class="step-duration text-cyan">5+ Year Contract</div>
|
|
<p class="step-detail">Paying consultants $300/hr for minor edits.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="notes">
|
|
Why does this happen? It's driven by a culture of 'Cover Your Ass'. In government, buying from a massive vendor is the ultimate shield. If a project fails and you bought it from Microsoft or Accenture, nobody gets fired. It's the vendor's fault. But if you try to build it internally and it fails, it's on you. This fear has created an 18-month procurement cycle where we write 300-page requirement documents for software that is already obsolete by the time the contract is signed.
|
|
</aside>
|
|
</section>
|
|
|
|
<!-- Slide 4: The Generative Shift -->
|
|
<section id="slide-generative-shift" class="slide-content" data-transition="slide-in fade-out">
|
|
<h2 class="slide-header">The Generative Shift</h2>
|
|
|
|
<div class="grid-2col align-center">
|
|
<div class="chart-container glassmorphic">
|
|
<!-- SVG Graph: Cost of Custom Build Over Time -->
|
|
<svg viewBox="0 0 400 200" class="main-svg-chart" id="svg-cost-curve">
|
|
<!-- Grid Lines -->
|
|
<line x1="40" y1="20" x2="40" y2="170" stroke="#2e303a" stroke-width="1" />
|
|
<line x1="40" y1="170" x2="380" y2="170" stroke="#2e303a" stroke-width="1" />
|
|
|
|
<!-- Y-Axis labels -->
|
|
<text x="30" y="25" fill="#9ca3af" font-size="9" text-anchor="end">High Cost</text>
|
|
<text x="30" y="170" fill="#9ca3af" font-size="9" text-anchor="end">$0</text>
|
|
|
|
<!-- X-Axis labels -->
|
|
<text x="40" y="185" fill="#9ca3af" font-size="9" text-anchor="middle">2020</text>
|
|
<text x="210" y="185" fill="#9ca3af" font-size="9" text-anchor="middle">2023 (LLM Boom)</text>
|
|
<text x="360" y="185" fill="#9ca3af" font-size="9" text-anchor="middle">2026</text>
|
|
|
|
<!-- COTS cost curve (stays high) -->
|
|
<path d="M 40 40 Q 210 40 360 35" fill="none" stroke="#ef4444" stroke-width="3" />
|
|
<text x="350" y="55" fill="#ef4444" font-size="9" text-anchor="end">SaaS Subscription Cost</text>
|
|
|
|
<!-- AI-Assisted Build cost curve (drops sharply) -->
|
|
<path d="M 40 50 Q 150 60 210 120 T 360 160" fill="none" stroke="#06b6d4" stroke-width="3" id="ai-path" />
|
|
<text x="280" y="145" fill="#06b6d4" font-size="9">AI-Assisted Build Cost</text>
|
|
</svg>
|
|
</div>
|
|
|
|
<div class="text-block text-left">
|
|
<h3 class="highlight-cyan font-grotesk">The Death of the Trade-off</h3>
|
|
<p class="margin-bottom-md">Traditional software required a massive engineering budget. Today, AI-powered coding agents dramatically compress development loops.</p>
|
|
<ul class="clean-list">
|
|
<li><span class="text-cyan">➔</span> <strong class="text-white">90% Reduction</strong> in lines of code written by hand.</li>
|
|
<li><span class="text-cyan">➔</span> <strong class="text-white">Instant Scaffolding</strong> of databases & APIs.</li>
|
|
<li><span class="text-cyan">➔</span> <strong class="text-white">Sovereign Hosting</strong> on public/internal cloud.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="notes">
|
|
But the calculus has completely changed. In 2026, the old trade-offs of 'Build vs. Buy' are dead. Historically, building custom software required massive engineering teams, multi-million dollar budgets, and years of development. Today, generative AI tools act as massive force multipliers. A single graduate developer, equipped with AI coding agents, can build, document, and test a custom application in weeks. The financial justification for vendor lock-in has crashed.
|
|
</aside>
|
|
</section>
|
|
|
|
<!-- Slide 5: Digital Sovereignty -->
|
|
<section id="slide-sovereignty" class="slide-content" data-transition="slide-in fade-out">
|
|
<h2 class="slide-header">Digital Sovereignty</h2>
|
|
<p class="slide-subtitle text-gradient-cyan">Choosing Who Controls Your Infrastructure</p>
|
|
|
|
<div class="grid-2col margin-top-md">
|
|
<div class="card glassmorphic hover-red-glow">
|
|
<div class="card-badge bg-red">PROPRIETARY COLONY</div>
|
|
<ul class="sovereign-list">
|
|
<li class="locked-item">Data processed through black-box vendor APIs</li>
|
|
<li class="locked-item">Codebase owned entirely by the supplier</li>
|
|
<li class="locked-item">Compulsory SaaS licensing fee increases</li>
|
|
<li class="locked-item">Dependency on vendor roadmap for updates</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<div class="card glassmorphic highlight-cyan-glow">
|
|
<div class="card-badge bg-cyan">SOVEREIGN STATE</div>
|
|
<ul class="sovereign-list">
|
|
<li class="free-item">Self-hosted, transparent open-source LLMs</li>
|
|
<li class="free-item">Full ownership and visibility of the codebase</li>
|
|
<li class="free-item">$0 licensing fees — pay only for compute</li>
|
|
<li class="free-item">Deploy customizations at the speed of command</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="notes">
|
|
The alternative is Digital Sovereignty. It's the simple idea that a sovereign nation should own and control the digital infrastructure it relies on. When we buy proprietary SaaS platforms, we hand over our data, our workflows, and our public capabilities to private entities. If we want to change a form, we have to pay a consultant $300 an hour. Digital sovereignty means we use open-source foundation models, write our own custom wrappers, and host them on our own cloud infrastructure. We control our own destiny.
|
|
</aside>
|
|
</section>
|
|
|
|
<!-- Slide 6: Case Study -->
|
|
<section id="slide-case-study" class="slide-content" data-transition="slide-in fade-out">
|
|
<h2 class="slide-header">Case Management Reimagined</h2>
|
|
|
|
<table class="sovereign-table glassmorphic margin-top-md">
|
|
<thead>
|
|
<tr>
|
|
<th>Criteria</th>
|
|
<th class="text-red">Commercial SaaS (COTS)</th>
|
|
<th class="text-cyan">Sovereign Build (AI-Driven)</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="table-label">Licensing Cost</td>
|
|
<td class="text-red">$180 per user / month</td>
|
|
<td class="text-cyan">$0 (Compute only)</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-label">Customization</td>
|
|
<td class="text-red">Paid contractor config contracts</td>
|
|
<td class="text-cyan">AI code updates in minutes</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-label">Integration</td>
|
|
<td class="text-red">Complex proprietary APIs</td>
|
|
<td class="text-cyan">Standard open-source APIs</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="table-label">Data Privacy</td>
|
|
<td class="text-red">Stored in vendor cloud tenant</td>
|
|
<td class="text-cyan">Fully isolated in local gov cloud</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
|
|
<aside class="notes">
|
|
Let's look at a concrete example. Imagine a case management system for a public services department. Traditional route: Buy a major SaaS platform, pay $150 per user per month, plus $2 million in customization fees. Under the new model: We use a lightweight open-source template. We use AI to build custom integrations for our specific departmental workflows in two weeks. Total licensing cost: Zero. Total control: Absolute. The money we save is reinvested back into building local capabilities.
|
|
</aside>
|
|
</section>
|
|
|
|
<!-- Slide 7: Debunking Support -->
|
|
<section id="slide-support-myth" class="slide-content" data-transition="slide-in fade-out">
|
|
<h2 class="slide-header">"But Who Will Support It?"</h2>
|
|
<p class="slide-subtitle text-gradient-purple">The Myth of Vendor Support Liability</p>
|
|
|
|
<div class="grid-2col margin-top-md">
|
|
<div class="card glassmorphic">
|
|
<h4 class="text-red">The Vendor Support Illusion</h4>
|
|
<div class="flow-chart">
|
|
<div class="flow-node border-red">Bug Detected</div>
|
|
<div class="flow-arrow">▼</div>
|
|
<div class="flow-node border-red">Open Support Ticket</div>
|
|
<div class="flow-arrow">▼</div>
|
|
<div class="flow-node border-red">Wait 3 Weeks for Escalation</div>
|
|
<div class="flow-arrow">▼</div>
|
|
<div class="flow-node border-red">"Works as Intended / Paid Request"</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="card glassmorphic highlight-cyan-glow">
|
|
<h4 class="text-cyan">The AI-Powered Sovereign Dev</h4>
|
|
<div class="flow-chart">
|
|
<div class="flow-node border-cyan">Bug Detected</div>
|
|
<div class="flow-arrow">▼</div>
|
|
<div class="flow-node border-cyan">AI Agent Diagnoses Trace</div>
|
|
<div class="flow-arrow">▼</div>
|
|
<div class="flow-node border-cyan">Dev Reviews Generated Patch</div>
|
|
<div class="flow-arrow">▼</div>
|
|
<div class="flow-node border-cyan">Test Passed & Deployed (15 mins)</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="notes">
|
|
The number one objection you will hear from senior management is: 'But if we build it ourselves, who will support it when it breaks? We need a vendor for liability.' This is an illusion. The reality of vendor support is endless ticket queues, escalating costs, and finger-pointing. With modern AI-assisted engineering, your own team can maintain sovereign code. AI agents can analyze log traces, pinpoint bugs, write unit tests, and suggest patches. You are not just building software; you are building the capability to support it.
|
|
</aside>
|
|
</section>
|
|
|
|
<!-- Slide 8: The Choice -->
|
|
<section id="slide-choice" class="slide-content" data-transition="slide-in fade-out">
|
|
<h2 class="slide-header">The Graduate's Choice</h2>
|
|
|
|
<div class="grid-2col margin-top-md">
|
|
<div class="card glassmorphic choice-card locked-opacity" id="choice-admin">
|
|
<div class="card-icon text-grey">📋</div>
|
|
<h3 class="card-title text-grey">License Administrator</h3>
|
|
<p class="choice-text">Spend your career configuring enterprise templates, filing vendor tickets, and managing access tokens.</p>
|
|
<div class="choice-footer text-red">Vendor Locked-in Career</div>
|
|
</div>
|
|
|
|
<div class="card glassmorphic choice-card highlight-cyan-glow animate-pulse-border" id="choice-builder">
|
|
<div class="card-icon text-cyan">⚡</div>
|
|
<h3 class="card-title text-cyan">Sovereign Builder</h3>
|
|
<p class="choice-text">Use AI agents to design microservices, customize open-source infrastructure, and deploy real digital products.</p>
|
|
<div class="choice-footer text-cyan">Future-Proof Architect</div>
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="notes">
|
|
As graduates entering the digital stream in 2026, you face a critical choice. You can become professional license administrators—spending your careers configuring proprietary templates and managing vendor relationships. Or, you can become sovereign builders. You can use generative AI to write code, design architectures, and deploy open-source solutions that actually solve problems for citizens. Choose to build. Choose to be sovereign.
|
|
</aside>
|
|
</section>
|
|
|
|
<!-- Slide 9: The Playbook -->
|
|
<section id="slide-playbook" class="slide-content" data-transition="slide-in fade-out">
|
|
<h2 class="slide-header">The Sovereign Playbook</h2>
|
|
<p class="slide-subtitle text-gradient-cyan">How to Disrupt the Status Quo Tomorrow</p>
|
|
|
|
<div class="playbook-steps margin-top-md">
|
|
<div class="playbook-card glassmorphic">
|
|
<div class="playbook-num text-cyan">01</div>
|
|
<h4 class="playbook-title text-white">Find the excel mess</h4>
|
|
<p class="playbook-body">Identify a slow, manual database-in-a-spreadsheet or a paper-and-form process.</p>
|
|
</div>
|
|
<div class="playbook-card glassmorphic">
|
|
<div class="playbook-num text-cyan">02</div>
|
|
<h4 class="playbook-title text-white">Scaffold open source</h4>
|
|
<p class="playbook-body">Use a clean, secure open-source template (Node, Python, Postgres) as your base.</p>
|
|
</div>
|
|
<div class="playbook-card glassmorphic">
|
|
<div class="playbook-num text-cyan">03</div>
|
|
<h4 class="playbook-title text-white">Code with AI agents</h4>
|
|
<p class="playbook-body">Let generative agents write custom business rules, API connectors, and unit tests.</p>
|
|
</div>
|
|
<div class="playbook-card glassmorphic">
|
|
<div class="playbook-num text-cyan">04</div>
|
|
<h4 class="playbook-title text-white">Ship and show</h4>
|
|
<p class="playbook-body">Deploy internally. Show a working tool to leadership before they even write the RFP.</p>
|
|
</div>
|
|
</div>
|
|
|
|
<aside class="notes">
|
|
How do you do this without getting crushed by the bureaucracy? Follow the playbook. Don't try to rewrite the core taxation system on day one. Start small. Find a manual Excel process or a clunky form. Scaffold an open-source tool. Use AI to write the custom business logic. Deploy it on internal infrastructure. Show, don't tell. Once senior leadership sees a working tool built in three weeks for zero dollars, the procurement arguments start to crumble.
|
|
</aside>
|
|
</section>
|
|
|
|
<!-- Slide 10: Conclusion -->
|
|
<section id="slide-conclusion" class="slide-content title-slide" data-transition="fade-in">
|
|
<div class="glow-orb" id="orb-2"></div>
|
|
<div class="title-container">
|
|
<h1 class="main-title big-bold text-gradient-cyan">PUBLIC FUNDS</h1>
|
|
<h1 class="main-title big-bold text-gradient-purple">PUBLIC CODE</h1>
|
|
<div class="divider"></div>
|
|
<p class="tagline">Let's build a sovereign future.</p>
|
|
<div class="q-a-badge">Questions & Discussion</div>
|
|
</div>
|
|
|
|
<aside class="notes">
|
|
Let's build a future where public funds create public code. Let's build a government that is capable, agile, and sovereign. You have the tools, the technology, and the opportunity. Thank you, and let's get to work.
|
|
</aside>
|
|
</section>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<script type="module" src="/src/main.js"></script>
|
|
</body>
|
|
</html>
|