479 lines
No EOL
37 KiB
HTML
479 lines
No EOL
37 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 professional presentation deck arguing for digital sovereignty and AI-powered custom build over vendor lock-in in Australian 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">Digital Sovereignty in the Generative Era</p>
|
||
<div class="audience-badge">2026 Government Digital Graduates</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
Good afternoon, everyone. Thanks for coming to SparkLabs. I want to start by acknowledging the massive, glaring irony of this presentation. I am about to give a talk on why government should reconsider its reliance on mega-vendors. And I am delivering it to you right now, over a Microsoft Teams call, while most of you are watching on Windows work laptops, probably taking notes in Microsoft OneNote. I think it's safe to say that we, as a government entity, are completely captured. Today, we are going to explore why Australian governments are so deeply tethered to this model, how other nations are breaking free, why the vendor safety net is an illusion, and how you—as the next generation of digital leaders—can actually do something about it.
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- Slide 2: The Status Quo (VSA6) -->
|
||
<section id="slide-status-quo" class="slide-content" data-transition="slide-in fade-out">
|
||
<h2 class="slide-header">The Australian Megavendor Tax</h2>
|
||
|
||
<div class="grid-2col">
|
||
<div class="card glassmorphic shadow-red animate-pulse-border">
|
||
<div class="card-badge bg-red">VSA6 AGREEMENT</div>
|
||
<h3 class="card-title text-red">Locked Until 2031</h3>
|
||
<p class="card-desc">The upcoming Volume Sourcing Agreement anchors government deeper into a single, restrictive vendor ecosystem.</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">Taxpayer</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 BASELINE TRAP</div>
|
||
<div class="big-metric text-gradient-cyan">$1.6B</div>
|
||
<p class="metric-label">The whole-of-government discounts achieved across single-seller agreements (2019-2024). This massive 'saving' highlights the staggering scale of the baseline rent we pay to foreign giants.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
Let's talk about the bill. In July 2026—literally this month—the federal government's new Volume Sourcing Agreement, or VSA6, kicks in. This locks the public sector into the Microsoft ecosystem until 2031. When the government signed the previous agreements, they proudly boasted about securing 1.6 billion dollars in discounts across single seller arrangements. I want you to think about that math. That 1.6 billion dollars isn't just one contract; it's the combined discount across agreements with Microsoft, SAP, Oracle, and others over five years. If the discount alone is 1.6 billion dollars, what is the actual baseline cost? It's hidden across dozens of separate agency budgets. But we know the scale: across all vendors, federal IT spend topped 5.8 billion dollars last year. We aren't simply buying software anymore; we are paying a permanent rent on our own digital infrastructure. And when the landlord raising the rates knows you can't afford the moving truck, they hold all the cards.
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- Slide 3: The Risk Aversion Paradox (QLD Health Disaster) -->
|
||
<section id="slide-procurement" class="slide-content" data-transition="slide-in fade-out">
|
||
<h2 class="slide-header">The Risk Aversion Paradox</h2>
|
||
<p class="slide-subtitle text-gradient-purple">The Illusion of Outsourcing Risk</p>
|
||
|
||
<div class="grid-2col margin-top-md">
|
||
<div class="card glassmorphic border-red">
|
||
<div class="card-badge bg-red">CASE STUDY</div>
|
||
<h3 class="card-title text-red">QLD Health Payroll Disaster</h3>
|
||
<p class="card-desc margin-bottom-sm">Contracted IBM for a $6.2M payroll replacement, believing a major brand outsourced project risk.</p>
|
||
<ul class="clean-list text-sm">
|
||
<li><span class="text-red">✕</span> Blowout to <strong>$1.25 Billion</strong></li>
|
||
<li><span class="text-red">✕</span> <strong>35,000</strong> payroll errors</li>
|
||
<li><span class="text-red">✕</span> Decades of manual recovery workarounds</li>
|
||
</ul>
|
||
<p class="text-sm text-grey margin-top-sm" style="font-style: italic;">"Buying a global brand did not buy project success—it just outsourced the ability to fix it."</p>
|
||
</div>
|
||
|
||
<div class="card glassmorphic">
|
||
<div class="card-badge bg-cyan">SYSTEMIC FACTORS</div>
|
||
<h3 class="card-title text-white">The Vendor Capture Pie</h3>
|
||
<p class="card-desc margin-bottom-sm">Risk aversion is only one slice of the systemic trap that binds government to megavendors.</p>
|
||
<div style="display: flex; align-items: center; gap: 20px; margin-top: 15px;">
|
||
<svg viewBox="0 0 200 200" style="width: 130px; height: 130px;">
|
||
<!-- Wedge 1: Risk Aversion (North-East) -->
|
||
<path d="M 103 97 L 103 17 A 80 80 0 0 1 183 97 Z" fill="#ef4444" opacity="0.95" />
|
||
<!-- Wedge 2: Capability Gap (South-East) -->
|
||
<path d="M 103 103 L 183 103 A 80 80 0 0 1 103 183 Z" fill="#06b6d4" opacity="0.95" />
|
||
<!-- Wedge 3: Procurement Rules (South-West) -->
|
||
<path d="M 97 103 L 97 183 A 80 80 0 0 1 17 103 Z" fill="#6b7280" opacity="0.95" />
|
||
<!-- Wedge 4: Migration Trap (North-West) -->
|
||
<path d="M 97 97 L 17 97 A 80 80 0 0 1 97 17 Z" fill="#a855f7" opacity="0.95" />
|
||
</svg>
|
||
<div class="legend-container" style="font-size: 0.55rem; line-height: 1.4;">
|
||
<div style="display: flex; align-items: center; gap: 6px; margin-bottom: 6px;">
|
||
<div style="width: 8px; height: 8px; background: #ef4444; border-radius: 1.5px;"></div>
|
||
<span class="text-white"><strong>Risk Aversion (CYA Blame)</strong></span>
|
||
</div>
|
||
<div style="display: flex; align-items: center; gap: 6px; margin-bottom: 6px;">
|
||
<div style="width: 8px; height: 8px; background: #06b6d4; border-radius: 1.5px;"></div>
|
||
<span class="text-white">Capability Gap</span>
|
||
</div>
|
||
<div style="display: flex; align-items: center; gap: 6px; margin-bottom: 6px;">
|
||
<div style="width: 8px; height: 8px; background: #a855f7; border-radius: 1.5px;"></div>
|
||
<span class="text-white">Migration Trap</span>
|
||
</div>
|
||
<div style="display: flex; align-items: center; gap: 6px;">
|
||
<div style="width: 8px; height: 8px; background: #6b7280; border-radius: 1.5px;"></div>
|
||
<span class="text-white">Procurement Rules</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
So why do incredibly smart executives keep signing these deals? It's often blamed entirely on risk aversion—the old saying that "nobody ever got fired for buying Microsoft or IBM." But risk aversion is just one wedge of a larger systemic pie. The QLD Health Payroll disaster is prime evidence: we contracted IBM for 6.2 million dollars, thinking we outsourced the project risk. Instead, it blew out to 1.25 billion dollars, caused 35,000 payroll errors, and took a decade to recover from. We retained all the risk, but outsourced the capability. The other wedges of this capture pie are just as powerful: the Capability Gap, because decades of outsourcing have left us without internal engineering talent; Procurement Rules that are so complex only multinational giants can navigate them; and the Migration Trap, where our systems are so deeply entangled with proprietary models that the cost of moving feels impossible.
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- Slide 4: The Federal Disaster (BOM) -->
|
||
<section id="slide-bom-case-study" class="slide-content" data-transition="slide-in fade-out">
|
||
<h2 class="slide-header">Not Just a Local Problem</h2>
|
||
<p class="slide-subtitle text-gradient-red">The Bureau of Meteorology Redesign</p>
|
||
|
||
<div class="grid-2col margin-top-md align-center">
|
||
<div class="card glassmorphic border-red">
|
||
<div class="big-metric text-red">$4.5M</div>
|
||
<p class="metric-label">Original Budget for Website Redesign</p>
|
||
<div class="flow-arrow text-red text-center" style="font-size: 2rem;">▼</div>
|
||
<div class="big-metric text-gradient-red">$96.5M</div>
|
||
<p class="metric-label">Final Cost Exposed in Late 2025</p>
|
||
</div>
|
||
|
||
<div class="text-block text-left">
|
||
<h3 class="text-white">A Front-End Fiasco</h3>
|
||
<p class="margin-bottom-md">The multi-million dollar redesign was heavily criticised because Australians actually struggled to read the new weather maps and radar.</p>
|
||
<ul class="clean-list">
|
||
<li><span class="text-red">➔</span> Parts of the site had to be reverted to the old view due to public outcry.</li>
|
||
<li><span class="text-red">➔</span> Bloated by an additional $80M+ for "technical build and underpinning systems" by external vendors.</li>
|
||
<li><span class="text-red">➔</span> Pushed through without adequate oversight due to reliance on mega-vendor "expertise".</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
If you think that's just an old Queensland problem, look at the federal level. In late 2025, it was exposed that the Bureau of Meteorology website redesign—which originally had a 4.5 million dollar budget—blew out to 96.5 million dollars. And the result? Australians couldn't even read the weather map properly. It infuriated farmers and regional citizens to the point where portions of the site had to be rolled back to their original views. It sailed through without proper oversight because the front-end redesign was anchored to an 80 million dollar external technical rebuild. We keep throwing hundreds of millions at external vendors for basic digital touchpoints, and we end up with products that are functionally worse for the citizens who rely on them.
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- Slide 5: The CrowdStrike Outage -->
|
||
<section id="slide-audience-poll" class="slide-content" data-transition="zoom-in fade-out">
|
||
<div class="glow-orb" id="orb-3" style="background: radial-gradient(circle, rgba(168,85,247,0.4) 0%, transparent 60%);"></div>
|
||
<h2 class="slide-header">The CrowdStrike Outage</h2>
|
||
<p class="slide-subtitle text-gradient-red">July 19, 2024: The Day the World Bricked</p>
|
||
|
||
<div class="grid-2col align-center">
|
||
<div class="card glassmorphic">
|
||
<div class="card-badge bg-cyan">AUDIENCE POLL</div>
|
||
<h3 class="card-title text-cyan">Where were you?</h3>
|
||
<p class="card-desc margin-bottom-sm">Did you notice the outage personally? Were you trying to travel, buy groceries, or working in IT?</p>
|
||
|
||
<div style="padding: 20px; background: rgba(255,255,255,0.03); border-radius: 8px; border: 1px solid rgba(255,255,255,0.05); margin-top: 20px;">
|
||
<p class="text-white" style="font-size: 1rem; margin: 0; line-height: 1.5;">✋ <strong>Raise your hand</strong> in Teams or drop an anecdote in the chat.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card glassmorphic border-red">
|
||
<div class="card-badge bg-red">OUTAGE METRICS</div>
|
||
<h3 class="card-title text-white">Systemic Disruption</h3>
|
||
|
||
<!-- SVG Visualisation: Radiating Outage -->
|
||
<div style="text-align: center; margin-bottom: 15px;">
|
||
<svg viewBox="0 0 300 160" style="width: 100%; max-width: 280px; height: auto;">
|
||
<defs>
|
||
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
||
<feGaussianBlur stdDeviation="3" result="blur" />
|
||
<feComposite in="SourceGraphic" in2="blur" operator="over" />
|
||
</filter>
|
||
</defs>
|
||
<!-- Connectors -->
|
||
<line x1="150" y1="80" x2="50" y2="40" stroke="#ef4444" stroke-width="2" opacity="0.6" stroke-dasharray="4 4" />
|
||
<line x1="150" y1="80" x2="250" y2="40" stroke="#ef4444" stroke-width="2" opacity="0.6" stroke-dasharray="4 4" />
|
||
<line x1="150" y1="80" x2="50" y2="120" stroke="#ef4444" stroke-width="2" opacity="0.6" stroke-dasharray="4 4" />
|
||
<line x1="150" y1="80" x2="250" y2="120" stroke="#ef4444" stroke-width="2" opacity="0.6" stroke-dasharray="4 4" />
|
||
|
||
<!-- Center Node -->
|
||
<circle cx="150" cy="80" r="16" fill="#ef4444" opacity="0.2" filter="url(#glow)">
|
||
<animate attributeName="r" values="16;22;16" dur="2s" repeatCount="indefinite" />
|
||
</circle>
|
||
<circle cx="150" cy="80" r="10" fill="#ef4444" />
|
||
<text x="150" y="83" fill="#ffffff" font-size="8" font-family="Space Grotesk" text-anchor="middle" font-weight="800">UPDATE</text>
|
||
|
||
<!-- Outer Nodes -->
|
||
<!-- Aviation -->
|
||
<circle cx="50" cy="40" r="14" fill="#0d121e" stroke="#ef4444" stroke-width="1.5" />
|
||
<text x="50" y="44" fill="#ef4444" font-size="12" text-anchor="middle">✈</text>
|
||
<text x="50" y="20" fill="#ef4444" font-size="8" font-family="Space Grotesk" text-anchor="middle" font-weight="600">Airlines</text>
|
||
|
||
<!-- Banking -->
|
||
<circle cx="250" cy="40" r="14" fill="#0d121e" stroke="#ef4444" stroke-width="1.5" />
|
||
<text x="250" y="44" fill="#ef4444" font-size="12" text-anchor="middle">$</text>
|
||
<text x="250" y="20" fill="#ef4444" font-size="8" font-family="Space Grotesk" text-anchor="middle" font-weight="600">Banking</text>
|
||
|
||
<!-- Healthcare -->
|
||
<circle cx="50" cy="120" r="14" fill="#0d121e" stroke="#ef4444" stroke-width="1.5" />
|
||
<text x="50" y="124" fill="#ef4444" font-size="12" text-anchor="middle">✚</text>
|
||
<text x="50" y="144" fill="#ef4444" font-size="8" font-family="Space Grotesk" text-anchor="middle" font-weight="600">Hospitals</text>
|
||
|
||
<!-- Government -->
|
||
<circle cx="250" cy="120" r="14" fill="#0d121e" stroke="#ef4444" stroke-width="1.5" />
|
||
<text x="250" y="124" fill="#ef4444" font-size="12" text-anchor="middle">🏛</text>
|
||
<text x="250" y="144" fill="#ef4444" font-size="8" font-family="Space Grotesk" text-anchor="middle" font-weight="600">Govt Services</text>
|
||
</svg>
|
||
</div>
|
||
|
||
<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 10px;">
|
||
<div style="background: rgba(239, 68, 68, 0.05); padding: 8px; border-radius: 6px; text-align: center; border: 1px solid rgba(239, 68, 68, 0.1);">
|
||
<div style="font-size: 1.1rem; font-weight: 800; color: #ef4444;">8.5M</div>
|
||
<div style="font-size: 0.55rem; color: #9ca3af;">PCs Bricked (BSOD)</div>
|
||
</div>
|
||
<div style="background: rgba(239, 68, 68, 0.05); padding: 8px; border-radius: 6px; text-align: center; border: 1px solid rgba(239, 68, 68, 0.1);">
|
||
<div style="font-size: 1.1rem; font-weight: 800; color: #ef4444;">5,000+</div>
|
||
<div style="font-size: 0.55rem; color: #9ca3af;">Flights Cancelled</div>
|
||
</div>
|
||
</div>
|
||
<div style="background: rgba(239, 68, 68, 0.05); padding: 8px; border-radius: 6px; text-align: center; border: 1px solid rgba(239, 68, 68, 0.1); margin-top: 8px;">
|
||
<div style="font-size: 1.1rem; font-weight: 800; color: #ef4444;">$5.4 Billion</div>
|
||
<div style="font-size: 0.55rem; color: #9ca3af;">Direct Losses (US Fortune 500)</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
Before we move on, I want to pause and hear from you. Where were you on July 19th, 2024? Raise your hand on Teams or drop a quick note in the chat if you were personally affected by this. Were you stuck at an airport? Trying to pay for groceries? Locked out of a critical government system?
|
||
|
||
[PAUSE FOR 10-15 SECONDS TO LET CHAT POPULATE / READ OUT 1 OR 2 REPLIES]
|
||
|
||
For anyone who somehow missed it, or managed to block it out of their memory: that was the day of the global CrowdStrike outage. A single, routine configuration update pushed by one security vendor crashed eight and a half million Windows machines worldwide. It grounded flights, halted hospital surgeries, and crippled banking and government infrastructure.
|
||
|
||
Look at the numbers on the right. 8.5 million machines in a Blue Screen of Death loop. Over 5,000 flights cancelled on day one. An estimated 5.4 billion dollars in direct losses for Fortune 500 companies alone, and over 1 billion dollars in damage to the Australian economy.
|
||
|
||
Now, raise your hand if you think CrowdStrike fully compensated the Australian economy for that damage.
|
||
|
||
[PAUSE]
|
||
|
||
Of course they didn't. Standard software contracts cap liability at the fees paid. We absorb the damage, while they send service credits.
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- Slide 6: "Too Big To Fail" & The SLA Myth -->
|
||
<section id="slide-sla-myth" class="slide-content" data-transition="slide-in fade-out">
|
||
<h2 class="slide-header">Too Big To Fail</h2>
|
||
<p class="slide-subtitle text-gradient-purple">Cloud Concentration Risk & The SLA Myth</p>
|
||
|
||
<div class="grid-2col margin-top-md">
|
||
<div class="card glassmorphic">
|
||
<h4 class="text-red">The CrowdStrike Reality</h4>
|
||
<p class="text-sm margin-bottom-sm">It wasn't a cyber attack. A routine vendor software update brought down airlines, supermarkets, and government infrastructure globally.</p>
|
||
<div class="choice-footer border-red text-red text-center" style="margin-top: 1rem;">
|
||
Under contract law, liability is capped at "fees paid." No compensation for the $1B+ in Australian economic damage.
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card glassmorphic">
|
||
<h4 class="text-cyan">The SLA Illusion</h4>
|
||
<p class="text-sm margin-bottom-sm">Vendors offer SLAs (Service Level Agreements) to simulate accountability. But the math doesn't protect the taxpayer.</p>
|
||
<ul class="sovereign-list text-sm">
|
||
<li class="locked-item">Vendor Outage Cost: <strong>$150,000</strong> in lost public sector productivity.</li>
|
||
<li class="free-item">Vendor SLA "Penalty": A <strong>10% credit</strong> on a $50k monthly bill = <strong>$5,000</strong>.</li>
|
||
</ul>
|
||
<p class="text-sm text-grey margin-top-sm" style="font-style: italic;">We absorb 96% of the damage.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
When a major vendor goes down, they are essentially 'too big to fail.' What we used to call vendor lock-in has evolved into Cloud Concentration Risk. Three vendors control two-thirds of the world's infrastructure. When they go down, the state stops. And the moment you suggest building locally, someone will say, 'But we need a vendor SLA for protection.' Let's be realistic about what an SLA actually is. If an Azure or AWS outage costs a department $150,000 in lost productivity, standard vendor SLAs typically cap liability or offer a 10% credit on your next monthly bill. That’s maybe a $5,000 credit for a massive operational disaster. The SLA doesn't protect our operations; it protects the vendor's liability. We take all the actual risk.
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- Slide 7: Real Sovereignty (Global Proof) -->
|
||
<section id="slide-global-proof" class="slide-content" data-transition="slide-in fade-out">
|
||
<h2 class="slide-header">Real Sovereignty</h2>
|
||
<p class="slide-subtitle text-gradient-cyan">The Global Rebellion</p>
|
||
|
||
<div class="grid-2col margin-top-md">
|
||
<div class="card glassmorphic">
|
||
<div class="card-badge bg-cyan">GERMANY</div>
|
||
<h3 class="card-title text-white">Schleswig-Holstein</h3>
|
||
<p class="margin-bottom-md">Migrating tens of thousands of public servants off Windows and Microsoft Office, entirely over to Linux and LibreOffice.</p>
|
||
<div class="choice-footer text-cyan">Goal: National Security & Data Control</div>
|
||
</div>
|
||
|
||
<div class="card glassmorphic">
|
||
<div class="card-badge bg-cyan">FRANCE</div>
|
||
<h3 class="card-title text-white">National Police Force</h3>
|
||
<p class="margin-bottom-md">Ditched proprietary operating systems to build and deploy a custom Ubuntu-based environment across their entire fleet.</p>
|
||
<div class="choice-footer text-cyan">Goal: Sovereign Digital Borders</div>
|
||
</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
If you think ditching these megavendors is a pipe dream, look at Europe. Other governments are waking up. Right now, the German state of Schleswig-Holstein is actively migrating tens of thousands of public servants off Windows and Microsoft Office, entirely over to Linux and LibreOffice. Why? Their minister explicitly stated it was about Digital Sovereignty. They realized that handing their government's operational capability and data architecture to a foreign corporation was a national security risk. France's national police force did the exact same thing years ago, saving millions and taking back complete control of their digital borders. It is entirely possible.
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- Slide 8: The AI Multiplier -->
|
||
<section id="slide-generative-shift" class="slide-content" data-transition="slide-in fade-out">
|
||
<h2 class="slide-header">The AI Multiplier</h2>
|
||
<p class="slide-subtitle text-gradient-purple">Why Now?</p>
|
||
|
||
<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</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">Vendor Licensing 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">Historically, building required armies of developers. Today, AI completely changes the economics of software development.</p>
|
||
<ul class="clean-list">
|
||
<li><span class="text-cyan">➔</span> <strong class="text-white">Small Teams:</strong> Cross-functional internal capability.</li>
|
||
<li><span class="text-cyan">➔</span> <strong class="text-white">Rapid Scaffolding:</strong> Built in weeks using lightweight open-source stacks (Vite, React, TS).</li>
|
||
<li><span class="text-cyan">➔</span> <strong class="text-white">Sovereign Hosting:</strong> True ownership, code that lives locally.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
The traditional pushback in Queensland has always been: 'We don't have the armies of developers needed to build and maintain our own open-source solutions.' And five years ago, that was a completely fair argument. But that argument is dead. AI has completely changed the economics of software development. A small, cross-functional internal team using AI coding assistants and modern lightweight stacks—like React, Vite, and TypeScript—can now scaffold, build, and secure custom open-source infrastructure in weeks. Building sovereign software is now demonstrably cheaper and faster than adapting our workflows to fit a vendor's rigid template.
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- Slide 9: The Local Economy -->
|
||
<section id="slide-local-economy" class="slide-content" data-transition="slide-in fade-out">
|
||
<h2 class="slide-header">The Local Economy</h2>
|
||
<p class="slide-subtitle text-gradient-cyan">Where Do Our Taxes Go?</p>
|
||
|
||
<div class="grid-2col margin-top-md">
|
||
<div class="card glassmorphic hover-red-glow">
|
||
<div class="card-badge bg-red">THE VENDOR MODEL</div>
|
||
<h3 class="text-red">Offshore Transfer</h3>
|
||
<ul class="sovereign-list">
|
||
<li class="locked-item">Hundreds of millions routed to US server farms.</li>
|
||
<li class="locked-item">Pads the margins of global multinationals.</li>
|
||
<li class="locked-item">Locks local tech companies out of government contracts.</li>
|
||
</ul>
|
||
</div>
|
||
|
||
<div class="card glassmorphic highlight-cyan-glow">
|
||
<div class="card-badge bg-cyan">THE SOVEREIGN MODEL</div>
|
||
<h3 class="text-cyan">Queensland Investment</h3>
|
||
<ul class="sovereign-list">
|
||
<li class="free-item">Licensing budget redirected to internal capability.</li>
|
||
<li class="free-item">Pays for local graduate jobs and tech roles.</li>
|
||
<li class="free-item">Funds local Brisbane startups for integration and support.</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
This isn't just about code; it is a macroeconomic choice. The Queensland Government's ICT spend routinely runs into the billions. When we sign a massive SaaS contract, a huge portion of those taxpayer dollars goes straight to a server farm in Seattle or Silicon Valley. If we take even a fraction of that licensing budget and redirect it to building open-source sovereign capability, where does that money go? It stays in Queensland. It pays for local graduate jobs—jobs for people like you. It funds local Brisbane tech startups who we can hire to support and integrate our open-source tools. Public tech budgets should be used to build the local digital economy.
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- Slide 10: The Choice (Blue Pill vs Red Pill) -->
|
||
<section id="slide-choice" class="slide-content" data-transition="slide-in fade-out">
|
||
<canvas id="matrix-canvas" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; opacity: 0; transition: opacity 0.5s ease; border-radius: 12px;"></canvas>
|
||
<h2 class="slide-header">The Choice for 2026 Grads</h2>
|
||
|
||
<div class="grid-2col margin-top-md">
|
||
<div class="card glassmorphic choice-card shadow-blue animate-pulse-border" id="choice-admin">
|
||
<div class="card-badge bg-blue">BLUE PILL</div>
|
||
<h3 class="card-title text-blue">License Administrator</h3>
|
||
<p class="choice-text">Take the blue pill. You exit this room, forget this presentation ever happened, and wake up tomorrow believing whatever you want to believe. You spend the next forty years managing cloud lock-in, configuring dropdowns in proprietary vendor systems, and paying digital rent to a foreign landlord.</p>
|
||
<div class="choice-footer text-blue">The Status Quo</div>
|
||
</div>
|
||
|
||
<div class="card glassmorphic choice-card locked-opacity" id="choice-builder">
|
||
<div class="card-badge bg-red">RED PILL</div>
|
||
<h3 class="card-title text-red">Sovereign Builder</h3>
|
||
<p class="choice-text">Take the red pill. You stay in Wonderland, and we show you how deep the open-source rabbit hole goes. You use AI to build custom local systems, champion open standards, retain your digital borders, and actually own the infrastructure that runs this state.</p>
|
||
<div class="choice-footer text-red">Digital Sovereignty</div>
|
||
</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
You are the 2026 digital graduates. In five years, you are going to be the lead enterprise architects, the senior BAs, and the design directors for the Queensland government. You have a choice regarding what your career looks like. You can take the blue pill and be a license administrator—spending the next forty years managing vendor lock-in, configuring dropdowns in proprietary software, and apologizing to users for things you aren't allowed to fix. Or, you can take the red pill. You can stay in Wonderland and see how deep the open-source rabbit hole goes. You can be builders. You can champion open standards, use AI to create incredible local systems, and actually own the infrastructure that runs this state. Waking up to digital sovereignty means when something breaks, you own the fix.
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- Slide 11: The Playbook -->
|
||
<section id="slide-playbook" class="slide-content" data-transition="slide-in fade-out">
|
||
<h2 class="slide-header">The Playbook</h2>
|
||
<p class="slide-subtitle text-gradient-cyan">Where to start 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">Demand a Plan B</h4>
|
||
<p class="playbook-body">When the team defaults to Azure or SaaS, raise your hand. Ask for an open-source assessment and a concrete exit strategy.</p>
|
||
</div>
|
||
<div class="playbook-card glassmorphic">
|
||
<div class="playbook-num text-cyan">02</div>
|
||
<h4 class="playbook-title text-white">Find a clunky process</h4>
|
||
<p class="playbook-body">Locate a terrible, manual process or messy spreadsheet system within your immediate department.</p>
|
||
</div>
|
||
<div class="playbook-card glassmorphic">
|
||
<div class="playbook-num text-cyan">03</div>
|
||
<h4 class="playbook-title text-white">Build the prototype</h4>
|
||
<p class="playbook-body">Use AI and lightweight stacks (e.g., Vite/React) to scaffold a clean, secure, local internal app in three weeks.</p>
|
||
</div>
|
||
<div class="playbook-card glassmorphic">
|
||
<div class="playbook-num text-cyan">04</div>
|
||
<h4 class="playbook-title text-white">Show, don't tell</h4>
|
||
<p class="playbook-body">Present leadership with a working tool that solves the problem with zero ongoing licensing fees.</p>
|
||
</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
How do we actually start? You don't walk into work tomorrow and try to aggressively unplug a critical legacy system. You start at the project level. For your next assignment, when the team defaults to 'Let's put it on Azure' or 'Let's just buy a SaaS product,' push back politely. Raise your hand and request an open-source viability test. At the very least, ask what our 'Plan B' is if we need to migrate off the vendor later. Then, find a terrible, clunky manual process in your department. Use an AI assistant and a lightweight framework to scaffold a clean, secure, local internal web app to fix it. Show leadership a working tool built in three weeks with zero licensing fees. The best way to win the argument is simply to build something better.
|
||
</aside>
|
||
</section>
|
||
|
||
<!-- Slide 12: 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 INFRASTRUCTURE.</h1>
|
||
<div class="divider"></div>
|
||
<p class="tagline">Let's start building it.</p>
|
||
<div class="q-a-badge">Questions & Discussion</div>
|
||
</div>
|
||
|
||
<aside class="notes">
|
||
Digital infrastructure is exactly like physical infrastructure. We wouldn't let a private foreign company own the M1 motorway and charge Queenslanders a toll every time they drive to work. We shouldn't let them own the digital highways our citizens rely on either. Public funds should build public infrastructure. Let's start building it.
|
||
|
||
Thanks for listening. We have about eight minutes left, and I'd love to open the floor up. To kick us off: what proprietary tools are driving you crazy right now, and what could we realistically replace them with?
|
||
</aside>
|
||
</section>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<script type="module" src="/src/main.js"></script>
|
||
</body>
|
||
</html> |