Metode termudah untuk merender unit materi secara responsif tanpa perlu menginstal pustaka backend. Cukup tempelkan skrip runtime N-LUP dan tag custom component di halaman web tujuan:

<!-- 1. Muat Runtime N-LUP Client -->
<script src="http://localhost:3005/js/nitnex-protocol.js" defer></script>

<!-- 2. Sematkan Pembelajaran N-LUP Portable Unit -->
<nitnex-learning-unit 
  unit-id="nlup_les_master_001" 
  token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..." 
  endpoint="http://localhost:3005"
  governance="LOCKED"
  theme="dark">
</nitnex-learning-unit>

Gunakan integrasi server-to-server jika LMS tujuan dibangun di atas PHP dan membutuhkan rendering materi di sisi server (*Server-Side Rendering*) dengan verifikasi keamanan:

<?php
/**
 * N-LUP Universal Educational Unit Consumer - PHP 8+ Client
 */
$unitId   = 'nlup_les_master_001';
$endpoint = 'http://localhost:3005/api/content-bank/unit/' . $unitId;
$apiToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...';

$ch = curl_init($endpoint);
curl_setopt_array($ch, [
    CURLOPT_RETURNTRANSFER => true,
    CURLOPT_TIMEOUT        => 5,
    CURLOPT_HTTPHEADER     => [
        'Authorization: Bearer ' . $apiToken,
        'Accept: application/json',
        'X-Consumer-Origin: ' . $_SERVER['HTTP_HOST']
    ]
]);

$response = curl_exec($ch);
$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
curl_close($ch);

if ($httpCode === 200) {
    $unit = json_decode($response, true)['unit'];
    // Validasi tata kelola & render materi
    echo "<h2>" . htmlspecialchars($unit['payload']['title']) . "</h2>";
    echo "<div>" . $unit['payload']['rich_text'] . "</div>";
} else {
    echo "<p class='error'>Gagal memuat materi N-LUP. Lisensi tidak valid.</p>";
}
?>

{
  "$schema": "https://nitnex.org/schemas/nlup-v1.json",
  "unit_id": "nlup_krisis_mod1_les2",
  "version": "1.0.4",
  "origin": {
    "platform": "Kandani Academy / Meguru",
    "domain": "meguru.id",
    "author": "Dr. Aris Sudaryanto, M.T.",
    "institution": "MEGURU INSTITUTE OF DIGITAL EXCELLENCE"
  },
  "governance": {
    "policy": "LOCKED",              // LOCKED | TWO_WAY | ALLOW_FORK
    "sublicense_allowed": false,     // Larangan mutlak menyewakan kembali
    "attribution_required": true,
    "license_type": "CC BY-NC-ND"
  },
  "payload": {
    "title": "Studi Kasus Kegagalan Transformasi Digital",
    "duration_minutes": 25,
    "video_url": "https://www.youtube.com/watch?v=dQw4w9WgXcQ",
    "rich_text": "<p>Uraian analisis post-mortem kasus...</p>",
    "downloads": [{ "title": "Framework PDF", "url": "/docs/framework.pdf" }]
  },
  "lineage": {
    "root_master_id": "kandani:course-krisis-transformasi:m1:l2",
    "fork_count": 0,
    "sync_signature": "sha256:4a8f9c1b3d2e5a..."
  }
}