Lewati ke konten
CircuitLab
esc

↑ ↓ pindah ↵ buka esc tutup

/embed

Sematkan di LMS atau situs Anda

Simulator dapat disematkan sebagai iframe dan dikendalikan lewat pesan antar-window.

  1. 1.0 Sematkan dengan mode preview agar kontrol editing disembunyikan.
  2. 2.0 Kirim dokumen proyek dari halaman induk lewat postMessage.
  3. 3.0 Terima notifikasi kesiapan dan status pemuatan proyek.

Cocok untuk portal pembelajaran. Gunakan mode preview untuk pengalaman baca-saja.

iframe

<iframe
  src="https://app.iot-ftunp.ikaparmadewi.id/?preview"
  title="CircuitLab"
  width="100%"
  height="640"
  style="border:0;border-radius:4px"
  loading="lazy"
></iframe>

postMessage

// Kirim proyek dari halaman induk ke simulator
const frame = document.querySelector("iframe").contentWindow;

frame.postMessage(
  { type: "circuit-simulator:load-project", document: projectJson },
  "https://app.iot-ftunp.ikaparmadewi.id"
);

// Terima notifikasi kesiapan
window.addEventListener("message", (event) => {
  if (event.data?.type === "circuit-simulator:project-loaded") {
    console.log("Proyek dimuat di simulator");
  }
});

Web console virtual

Klik sebuah route untuk melihat contoh respons, seperti tab Web di aplikasi.

GET /ledon → 200 <h1>LED ON</h1>

Cocok untuk portal pembelajaran. Gunakan mode preview untuk pengalaman baca-saja.

Mulai merancang rangkaian pertama Anda

Simulator berjalan di browser. Tidak ada pemasangan, tidak ada akun.

Buka Simulator