<!DOCTYPE html>
<html lang="id">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Model Teoritis Triple Helix — Tata Kelola Talenta STEM Nasional</title>
<style>*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:'Segoe UI','Roboto',system-ui,-apple-system,sans-serif;background:#f5f7fa;color:#1a1a2e;line-height:1.7;min-height:100vh}
.app-wrapper{display:flex;min-height:100vh}
.sidebar{width:270px;background:linear-gradient(180deg,#1a1a2e 0%,#16213e 100%);color:#e0e0e0;flex-shrink:0;height:100vh;position:sticky;top:0;overflow-y:auto;transition:transform .3s;z-index:1000}
.sidebar-header{padding:1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between}
.sidebar-brand{color:#fff;text-decoration:none;font-size:1rem;font-weight:600;line-height:1.3}
.sidebar-brand small{font-weight:400;opacity:.7;font-size:.8rem}
.sidebar-close{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;opacity:.7}
.sidebar-close:hover{opacity:1}
.sidebar-menu{list-style:none;padding:.5rem 0}
.nav-item{margin:0}
.nav-link{display:flex;align-items:center;padding:.45rem 1rem .45rem 1.25rem;color:#b0b8c8;text-decoration:none;font-size:.85rem;transition:all .15s;border-left:3px solid transparent;gap:.25rem}
.nav-link:hover{background:rgba(255,255,255,.06);color:#fff}
.nav-link.active{background:rgba(255,255,255,.08);color:#fff;border-left-color:#4fc3f7}
.depth-0>.nav-link{padding-left:1rem;font-weight:500}
.depth-1>.nav-link{padding-left:1.75rem;font-size:.82rem}
.depth-2>.nav-link{padding-left:2.5rem;font-size:.78rem}
.expand-icon{margin-left:auto;cursor:pointer;font-size:.7rem;transition:transform .2s;opacity:.5;user-select:none}
.expand-icon:hover{opacity:1}
.nav-sublist{display:none;list-style:none}
.nav-sublist[style*="block"]{display:block}
.sidebar-toggle{display:none;position:fixed;top:.75rem;left:.75rem;z-index:999;background:#1a1a2e;color:#fff;border:none;padding:.5rem .75rem;border-radius:6px;font-size:1.2rem;cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.main-content{flex:1;padding:2rem 2.5rem;max-width:960px;margin:0 auto;min-width:0}
.doc-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid #e0e4ea}
.doc-header h1{font-size:1.8rem;font-weight:700;color:#1a1a2e;line-height:1.3}
.doc-body{font-size:.95rem}
.doc-body h2{font-size:1.4rem;font-weight:600;color:#16213e;margin:2rem 0 1rem;padding-bottom:.5rem;border-bottom:1px solid #e0e4ea}
.doc-body h3{font-size:1.15rem;font-weight:600;color:#1a3a5c;margin:1.5rem 0 .75rem}
.doc-body h4{font-size:1rem;font-weight:600;margin:1rem 0 .5rem;color:#2c3e50}
.doc-body p{margin:0 0 1rem}
.doc-body a{color:#1565c0;text-decoration:none}
.doc-body a:hover{text-decoration:underline}
.doc-body strong{font-weight:600;color:#0d2137}
.doc-body em{font-style:italic}
.doc-body ul,.doc-body ol{margin:0 0 1rem 1.5rem}
.doc-body li{margin-bottom:.35rem}
.doc-body hr{border:none;border-top:1px solid #e0e4ea;margin:2rem 0}
.doc-blockquote{margin:1rem 0;padding:.75rem 1rem .75rem 1.25rem;background:#f0f4f8;border-left:4px solid #4fc3f7;border-radius:0 6px 6px 0;color:#2c3e50;font-style:italic}
.doc-table{width:100%;border-collapse:collapse;margin:1rem 0;font-size:.875rem;overflow-x:auto;display:block}
.doc-table th{background:#16213e;color:#fff;font-weight:600;padding:.6rem .75rem;text-align:left;white-space:nowrap}
.doc-table td{padding:.5rem .75rem;border-bottom:1px solid #e0e4ea}
.doc-table tr:nth-child(even){background:#f8f9fb}
.doc-table tr:hover{background:#eef3f9}
.inline-code{background:#eef3f9;padding:.15rem .4rem;border-radius:3px;font-family:'Cascadia Code','Fira Code','Consolas',monospace;font-size:.85em;color:#c7254e}
pre{background:#1e1e2e;color:#e0e0e0;padding:1rem;border-radius:6px;overflow-x:auto;margin:1rem 0;font-size:.85rem;line-height:1.5}
pre code{background:none;color:inherit;padding:0;font-family:'Cascadia Code','Fira Code','Consolas',monospace}
.breadcrumb{font-size:.8rem;color:#7f8c8d;margin-bottom:1rem}
.breadcrumb a{color:#1565c0;text-decoration:none}
.breadcrumb a:hover{text-decoration:underline}
.sidebar::-webkit-scrollbar{width:5px}
.sidebar::-webkit-scrollbar-track{background:transparent}
.sidebar::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:3px}
.sidebar{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.home-card{display:block;background:#fff;border:1px solid #e0e4ea;border-radius:8px;padding:1.25rem;text-decoration:none;color:inherit;transition:box-shadow .15s,transform .15s}
.home-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.08);transform:translateY(-2px)}
.home-card h3{font-size:1rem;margin:0 0 .35rem;color:#1565c0}
.home-card p{font-size:.82rem;color:#7f8c8d;margin:0}
@media(max-width:900px){
  .sidebar{position:fixed;left:0;top:0;transform:translateX(-100%)}
  .sidebar.open{transform:translateX(0)}
  .sidebar-toggle{display:block}
  .sidebar-close{display:block}
  .main-content{padding:1.25rem 1rem;margin-left:0}
  .doc-header h1{font-size:1.4rem}
}
.file-tree{background:#f0f4f8;border:1px solid #d0d8e4;border-radius:8px;padding:.75rem 1rem;margin:1rem 0;font-family:'Cascadia Code','Fira Code','Consolas',monospace;font-size:.85rem;line-height:1.7}
.file-tree-header{padding:.25rem 0 .5rem;color:#1a1a2e;font-weight:600;font-size:.9rem}
.file-tree-item{padding:.1rem 0;white-space:nowrap}
.file-tree-current{opacity:.7}
.file-tree-current a{pointer-events:none;cursor:default;color:#555!important}
.file-tree-item a{color:#1565c0;text-decoration:none}
.file-tree-item a:hover{text-decoration:underline}
.ft-icon{margin-right:.35rem;user-select:none}
.ft-comment{color:#7f8c8d;font-size:.8rem}
@media(max-width:480px){
  .doc-body{font-size:.9rem}
  .doc-table{font-size:.78rem}
  .doc-table th,.doc-table td{padding:.4rem .5rem}
}
</style>
</head>
<body>
<button class="sidebar-toggle" onclick="toggleSidebar()">&#9776;</button>
<div class="app-wrapper">
<nav class="sidebar" id="sidebar">
<div class="sidebar-header">
<a href="../../../index.html" class="sidebar-brand">📘 STEM Talent<br><small>Tata Kelola Nasional</small></a>
<button class="sidebar-close" onclick="toggleSidebar()">&times;</button>
</div>
<ul class="sidebar-menu">
<li class="nav-item depth-0"><a href="../../../tema.html" class="nav-link">Tema Utama</a></li>
<li class="nav-item depth-0"><a href="../../../keywords.html" class="nav-link">Keywords</a></li>
<li class="nav-item depth-0"><a href="../../../naskah.html" class="nav-link">Naskah Akademik</a></li>
<li class="nav-item depth-0"><a href="../../../rekomendasi.html" class="nav-link">Rekomendasi</a></li>
<li class="nav-item depth-0"><a href="../../../next-plan.html" class="nav-link">Next Plan</a></li>
<li class="nav-item depth-0"><a href="../../../research/index.html" class="nav-link active">Research <span class="expand-icon" onclick="event.stopPropagation(); toggleBranch(this)">▸</span></a><ul class="nav-sublist" block><li class="nav-item depth-1"><a href="../../../research/collaborative-governance/index.html" class="nav-link">Collaborative Governance</a></li>
<li class="nav-item depth-1"><a href="../../../research/innovation-ecosystem/index.html" class="nav-link">Innovation Ecosystem</a></li>
<li class="nav-item depth-1"><a href="../../../research/national-talent-management/index.html" class="nav-link">National Talent Management</a></li>
<li class="nav-item depth-1"><a href="../../../research/research-gap/index.html" class="nav-link">Research Gap</a></li>
<li class="nav-item depth-1"><a href="../../../research/stem-talent-governance/index.html" class="nav-link">Stem Talent Governance</a></li>
<li class="nav-item depth-1"><a href="../../../research/synthesis/index.html" class="nav-link">Synthesis</a></li>
<li class="nav-item depth-1 active"><a href="../../../research/triple-helix/index.html" class="nav-link active">Triple Helix</a></li>
</ul></li>
</ul>
</nav>

<main class="main-content">
<div class="breadcrumb"><a href="../../../index.html">Beranda</a> <span>›</span> <a href="../../index.html">Research</a> <span>›</span> <span>Frameworks</span> <span>›</span> <span>Model Teoritis Triple Helix</span></div>
<div class="doc-header"><h1>Model Teoritis Triple Helix</h1></div>
<div class="doc-body"><h1>Model Teoritis Triple Helix</h1>
<hr/>
<h2>1. Tiga Model Klasik (Etzkowitz &amp; Leydesdorff, 2000)</h2>
<h3>1.1 Triple Helix I: Statist Model</h3>
<pre class="codehilite"><code>┌─────────────────────────────────────────┐
│              GOVERNMENT                  │
│         (Dominant Controller)            │
│                                          │
│    ┌──────────┐      ┌──────────┐       │
│    │ UNIVERSITY│      │ INDUSTRY │       │
│    │ (Subordinat)│    │(Subordinat)│     │
│    └──────────┘      └──────────┘       │
│                                          │
│    Pemerintah mengendalikan dan          │
│    mengarahkan interaksi                 │
└─────────────────────────────────────────┘
</code></pre>
<p><strong>Karakteristik:</strong>
- Negara mengendalikan academia dan industry
- Top-down implementation
- Strong ties, integrated model
- Contoh: Soviet Union, Eastern European countries, beberapa negara Latin Amerika</p>
<p><strong>Kelebihan:</strong>
- Koordinasi kuat
- Resource mobilization cepat
- Strategic direction jelas</p>
<p><strong>Kekurangan:</strong>
- Kurang fleksibel
- Suppress academic freedom
- Innovation terbatas oleh kebijakan negara</p>
<h3>1.2 Triple Helix II: Laissez-Faire Model</h3>
<pre class="codehilite"><code>┌─────────────────────────────────────────┐
│                                          │
│  ┌──────────┐  ┌──────────┐  ┌──────────┐│
│  │ UNIVERSITY│  │ INDUSTRY │  │GOVERNMENT││
│  │          │  │          │  │          ││
│  │  (Sendiri)│  │ (Sendiri)│  │(Sendiri) ││
│  └──────────┘  └──────────┘  └──────────┘│
│                                          │
│    Spheres terpisah dengan boundaries    │
│    kuat, interaksi minimal               │
└─────────────────────────────────────────┘
</code></pre>
<p><strong>Karakteristik:</strong>
- Sfera terpisah dengan batas kuat
- Interaksi hanya di tepi
- Strong boundaries, limited collaboration
- Contoh: Research 2000 Report (Sweden), AS sebelum GUIRR</p>
<p><strong>Kelebihan:</strong>
- Otonomi tinggi
- Academic freedom terjaga
- Market-driven efficiency</p>
<p><strong>Kekurangan:</strong>
- Fragmentasi
- Duplikasi effort
- Innovation gap antar sektor</p>
<h3>1.3 Triple Helix III: Balanced Model (Hybrid)</h3>
<pre class="codehilite"><code>┌─────────────────────────────────────────┐
│                                          │
│    ┌─────────────────────────────┐       │
│    │    OVERLAPPING SPHERES      │       │
│    │                             │       │
│    │   ┌─────┐                   │       │
│    │   │ UNI │───┐               │       │
│    │   └──┬──┘   │               │       │
│    │      │  ┌───┴───┐           │       │
│    │      └──┤OVERLAP├──┐        │       │
│    │         └───┬───┘  │        │       │
│    │   ┌─────┐   │  ┌───┴───┐   │       │
│    │   │GOV  │───┘  │ IND   │   │       │
│    │   └─────┘      └───────┘   │       │
│    │                             │       │
│    │   Hybrid organizations      │       │
│    │   emerge at interfaces      │       │
│    └─────────────────────────────┘       │
│                                          │
│    Setiap sfera mengambil peran           │
│    sfera lain, organizational            │
│    hybridization terjadi                 │
└─────────────────────────────────────────┘
</code></pre>
<p><strong>Karakteristik:</strong>
- Sfera tumpang tindih
- Each takes the role of the other
- Hybrid organizations emerge
- Knowledge infrastructure shared
- “Begins from two opposing standpoints”</p>
<blockquote class="doc-blockquote">
<p>“The balanced model of Triple Helix begins from two opposing standpoints: a statist model of government controlling academia and industry, and a laissez-faire model with industry, academic and government separate and apart from each other.”
— Etzkowitz, 2008: 12</p>
</blockquote>
<p><strong>Kelebihan:</strong>
- Flexibility tinggi
- Innovation melalui hybridization
- Self-organizing capability
- Best of both worlds</p>
<p><strong>Kekurangan:</strong>
- Complex untuk implementasi
- Membutuhkan trust tinggi
- Coordination costs besar</p>
<hr/>
<h2>2. Perbandingan Tiga Model</h2>
<table class="doc-table">
<thead>
<tr>
<th>Aspek</th>
<th>Statist (TH I)</th>
<th>Laissez-Faire (TH II)</th>
<th>Balanced (TH III)</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Driver</strong></td>
<td>Government</td>
<td>Industry/Market</td>
<td>All three</td>
</tr>
<tr>
<td><strong>Boundary</strong></td>
<td>Blurred (negara kuat)</td>
<td>Strong (terpisah)</td>
<td>Overlapping</td>
</tr>
<tr>
<td><strong>Interaksi</strong></td>
<td>Top-down</td>
<td>Minimal</td>
<td>Network overlay</td>
</tr>
<tr>
<td><strong>Innovation</strong></td>
<td>State-directed</td>
<td>Market-driven</td>
<td>Emergent</td>
</tr>
<tr>
<td><strong>Freedom</strong></td>
<td>Terbatas</td>
<td>Tinggi</td>
<td>Balanced</td>
</tr>
<tr>
<td><strong>Coordination</strong></td>
<td>Command</td>
<td>None</td>
<td>Negotiated</td>
</tr>
<tr>
<td><strong>Contoh</strong></td>
<td>Soviet Union</td>
<td>Pre-GUIRR USA</td>
<td>MIT, Brainport</td>
</tr>
<tr>
<td><strong>Best for</strong></td>
<td>Mobilisasi cepat</td>
<td>Market efficiency</td>
<td>Knowledge economy</td>
</tr>
</tbody>
</table>
<hr/>
<h2>3. Evolusi Triple Helix</h2>
<h3>3.1 Triple Helix 1.0 (1995-2000)</h3>
<ul>
<li>Fokus: University-Industry-Government relations</li>
<li>Model dasar: Three overlapping spheres</li>
<li>Key concept: Knowledge-based economic development</li>
</ul>
<h3>3.2 Triple Helix 2.0 (2000-2010)</h3>
<ul>
<li>Fokus: Entrepreneurial university</li>
<li>Model: University as catalyst</li>
<li>Key concept: Technology transfer, incubation</li>
<li>Tambahan: Regional innovation systems</li>
</ul>
<h3>3.3 Triple Helix 3.0 (2010-sekarang)</h3>
<ul>
<li>Fokus: Innovation ecosystem</li>
<li>Model: Network of networks</li>
<li>Key concept: Hybrid organizations, role taking</li>
<li>Tambahan: Digital transformation, sustainability</li>
</ul>
<hr/>
<h2>4. Ekstensi: Quadruple Helix</h2>
<h3>4.1 Definisi (Carayannis &amp; Campbell, 2009)</h3>
<blockquote class="doc-blockquote">
<p>“The Quadruple Helix embeds the Triple Helix by adding as a fourth helix the ‘media-based and culture-based public’ and ‘civil society’.”</p>
</blockquote>
<pre class="codehilite"><code>┌─────────────────────────────────────────────────┐
│                                                  │
│  ┌──────────────────────────────────────────┐   │
│  │           TRIPLE HELIX                     │   │
│  │                                            │   │
│  │  University ── Industry ── Government      │   │
│  │                                            │   │
│  └──────────────────┬───────────────────────┘   │
│                     │                            │
│                     ▼                            │
│          ┌──────────────────┐                    │
│          │   CIVIL SOCIETY  │                    │
│          │   (Media-based   │                    │
│          │    &amp; Culture)    │                    │
│          └──────────────────┘                    │
│                                                  │
│  Knowledge Democracy + Knowledge Society         │
└─────────────────────────────────────────────────┘
</code></pre>
<h3>4.2 Prinsip</h3>
<ul>
<li>Civil society sebagai aktor keempat</li>
<li>Knowledge democracy</li>
<li>Public participation in innovation</li>
<li>Media and culture sebagai enabler</li>
</ul>
<h3>4.3 Relevansi</h3>
<ul>
<li>User-driven innovation</li>
<li>Open innovation</li>
<li>Social innovation</li>
<li>Democratic governance</li>
</ul>
<hr/>
<h2>5. Ekstensi: Quintuple Helix</h2>
<h3>5.1 Definisi (Carayannis &amp; Campbell, 2010)</h3>
<blockquote class="doc-blockquote">
<p>“The Quintuple Helix adds as fifth helix the natural environment, ‘where the environment or the natural environments represent the fifth helix’.”</p>
</blockquote>
<pre class="codehilite"><code>┌─────────────────────────────────────────────────────────┐
│                                                          │
│  ┌──────────────────────────────────────────────────┐   │
│  │              QUADRUPLE HELIX                       │   │
│  │                                                    │   │
│  │  University ── Industry ── Government ── Public    │   │
│  │                                                    │   │
│  └──────────────────────┬───────────────────────────┘   │
│                         │                                │
│                         ▼                                │
│              ┌──────────────────┐                        │
│              │   ENVIRONMENT    │                        │
│              │   (Natural       │                        │
│              │    Systems)      │                        │
│              └──────────────────┘                        │
│                                                          │
│  Sustainable Development + Social Ecology                │
└─────────────────────────────────────────────────────────┘
</code></pre>
<h3>5.2 Prinsip</h3>
<ul>
<li>Environmental sustainability</li>
<li>Natural systems as fifth helix</li>
<li>Transdisciplinary analysis</li>
<li>Sustainable development framework</li>
</ul>
<h3>5.3 Relevansi</h3>
<ul>
<li>Green innovation</li>
<li>Climate change mitigation</li>
<li>Circular economy</li>
<li>SDGs alignment</li>
</ul>
<hr/>
<h2>6. Neo-Triple Helix (Cai, 2022)</h2>
<h3>6.1 Integrasi Model</h3>
<blockquote class="doc-blockquote">
<p>“This article proposes the neo-Triple Helix model of innovation ecosystems by integrating the Triple, Quadruple and Quintuple Helix models.”</p>
</blockquote>
<ul>
<li>Mengintegrasikan TH, QH, dan 5H</li>
<li>Ecosystem perspective</li>
<li>Complexity and emergence</li>
</ul>
<hr/>
<h2>7. Mekanisme Evolusioner</h2>
<h3>7.1 Tiga Seleksi Mekanisme</h3>
<table class="doc-table">
<thead>
<tr>
<th>Mekanisme</th>
<th>Fungsi</th>
<th>Contoh</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Market</strong></td>
<td>Seleksi ekonomi</td>
<td>Demand, competition</td>
</tr>
<tr>
<td><strong>Innovation</strong></td>
<td>Seleksi teknologis</td>
<td>R&amp;D, patents</td>
</tr>
<tr>
<td><strong>Control</strong></td>
<td>Seleksi institusional</td>
<td>Regulation, policy</td>
</tr>
</tbody>
</table>
<h3>7.2 Co-Evolution</h3>
<ul>
<li>Dua mekanisme bisa co-evolve menjadi trajectory</li>
<li>Ketiga mekanisme menghasilkan regime</li>
<li>Knowledge-based innovation mengganggu co-evolution</li>
</ul>
<h3>7.3 Lock-in dan Path Dependence</h3>
<ul>
<li>Teknologi bisa lock-in ke institusi</li>
<li>“Network externalities” menghasilkan path dependence</li>
<li>Breakthrough membutuhkan intervention</li>
</ul>
<hr/>
<h2>8. Knowledge, Consensus, dan Innovation Spaces</h2>
<h3>8.1 Knowledge Space</h3>
<ul>
<li>Produksi dan distribusi pengetahuan</li>
<li>University sebagai knowledge producer</li>
<li>Research dan education</li>
</ul>
<h3>8.2 Consensus Space</h3>
<ul>
<li>Negosiasi dan agreement</li>
<li>Policy formation</li>
<li>Shared vision development</li>
</ul>
<h3>8.3 Innovation Space</h3>
<ul>
<li>Commercialization</li>
<li>Entrepreneurship</li>
<li>Value creation</li>
</ul>
<h3>8.4 Interaksi Antar Space</h3>
<pre class="codehilite"><code>Knowledge Space ←──→ Consensus Space
       │                    │
       │                    │
       ▼                    ▼
     Innovation Space ←──→ Market
</code></pre>
<hr/>
<h2>9. Propositions Teoritis</h2>
<table class="doc-table">
<thead>
<tr>
<th>No</th>
<th>Proposition</th>
<th>Penulis</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>University memainkan enhanced role dalam innovation</td>
<td>Etzkowitz &amp; Leydesdorff</td>
</tr>
<tr>
<td>2</td>
<td>Role taking menghasilkan hybrid organizations</td>
<td>Etzkowitz</td>
</tr>
<tr>
<td>3</td>
<td>Network overlay merekonstruksi institutional arrangements</td>
<td>Leydesdorff</td>
</tr>
<tr>
<td>4</td>
<td>Knowledge-based economy membutuhkan triple helix</td>
<td>Cai &amp; Etzkowitz</td>
</tr>
<tr>
<td>5</td>
<td>Institutional logics mempengaruhi implementasi TH</td>
<td>Cai (2013)</td>
</tr>
</tbody>
</table>
<hr/>
<h2>10. Sumber Referensi</h2>
<table class="doc-table">
<thead>
<tr>
<th>No</th>
<th>Judul</th>
<th>Penulis</th>
<th>Tahun</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>The Dynamics of Innovation</td>
<td>Etzkowitz &amp; Leydesdorff</td>
<td>2000</td>
</tr>
<tr>
<td>2</td>
<td>Triple Helix: University-Industry-Government Innovation in Action</td>
<td>Etzkowitz</td>
<td>2008</td>
</tr>
<tr>
<td>3</td>
<td>Theorizing the Triple Helix Model</td>
<td>Cai &amp; Etzkowitz</td>
<td>2020</td>
</tr>
<tr>
<td>4</td>
<td>Innovation in Innovation</td>
<td>Etzkowitz</td>
<td>2003</td>
</tr>
<tr>
<td>5</td>
<td>The Triple Helix as a Model for Innovation Studies</td>
<td>Leydesdorff &amp; Etzkowitz</td>
<td>1998</td>
</tr>
<tr>
<td>6</td>
<td>The Triple Helix of University-Industry-Government Relations</td>
<td>Leydesdorff &amp; Lawton Smith</td>
<td>2011</td>
</tr>
<tr>
<td>7</td>
<td>Triple Helix 2.0</td>
<td>Etzkowitz</td>
<td>2012</td>
</tr>
<tr>
<td>8</td>
<td>Quadruple and Quintuple Helix</td>
<td>Carayannis &amp; Campbell</td>
<td>2009, 2010</td>
</tr>
</tbody>
</table></div>
</main>
</div>
<script>function toggleSidebar(){document.getElementById('sidebar').classList.toggle('open')}
function toggleBranch(el){
  var s=el.parentElement.nextElementSibling;
  if(s&&s.tagName==='UL'){
    s.style.display=s.style.display==='block'?'none':'block';
    el.style.transform=s.style.display==='block'?'rotate(90deg)':'rotate(0deg)';
  }
}
document.addEventListener('DOMContentLoaded',function(){
  var a=document.querySelector('.nav-link.active');
  if(a){
    var p=a.closest('.nav-sublist');
    while(p){p.style.display='block';
      var prev=p.previousElementSibling;
      if(prev&&prev.querySelector('.expand-icon'))prev.querySelector('.expand-icon').style.transform='rotate(90deg)';
      p=p.parentElement?p.parentElement.closest('.nav-sublist'):null;
    }
  }
});
document.addEventListener('click',function(e){
  var s=document.getElementById('sidebar'),t=document.querySelector('.sidebar-toggle');
  if(window.innerWidth<=900&&s.classList.contains('open')&&!s.contains(e.target)&&!t.contains(e.target))s.classList.remove('open');
});
</script>
</body>
</html>