Media Pembelajaran Computer Vision

Computer Vision Simulator

Flowchart-Based Image Processing

Bangun alur pengolahan citra berbasis flowchart, jalankan dengan Run, lalu amati hasil pada Display, Parameter, I/O ringkas, Teori, dan Console.

Dr. Eko Mulyanto Yuniarno
Dept. Teknik Komputer ITS
2026
Tekan Enter untuk masuk ke simulator.
HTML simulator tampil. Menunggu engine JavaScript...

Computer Vision Simulator

Flowchart-Based Image Processing - OpenCV.js - Signed Float32
Dr. Eko Mulyanto Yuniarno. Dept. Teknik Komputer ITS
Project 1
OpenCV.js: memuat...
Flow Chart Tidak ada node dipilih
Ready | Selected: - | Zoom: 100% | Displays: 0 | Stopped

Display

No Image

Mesh 3D

Drag: rotate | Shift+drag: pan | Wheel: zoom | Double click: reset

Teori Blok

Pilih blok, lalu tekan Buka Teori.

Shortcut

Pintasan dikelompokkan berdasarkan area kerja. Pintasan keyboard dinonaktifkan saat kursor berada di input, select, atau editor teks.

About

Computer Vision Simulator

Flowchart-Based Image Processing  -  OpenCV.js  -  Signed Float32

Dr. Eko Mulyanto Yuniarno
Dept. Teknik Komputer ITS

Media Pembelajaran Computer Vision  ·  2026

Daftar Flowchart

Klik dua kali pada flowchart yang akan dimuat. Jika HTML dibuka langsung tanpa web server, pilih folder yang berisi daftar.json.

Save As

Nama project dipakai sebagai nama folder dan nama file JSON. Semua hasil blok Save masuk ke folder project yang sama.

.json

Tujuan awal: Documents/Computer Vision Simulator/Project 1/Project 1.json

Load File

Belum ada file dipilih

Save

.png

Tujuan: Computer Vision Simulator/Project 1

Download Contoh

Folder contoh akan dibuka pada tab baru. Flowchart yang sedang aktif tidak akan diubah.

Custom Block

Default: jumlah input/output mengikuti jenis blok dan program contoh tersedia. Semua nilai di bawah dapat diedit.

Input dibuat otomatis dari kiri ke kanan: In1 ... InN. Output dibuat otomatis dari kiri ke kanan: Out1 ... OutM.

Operator: A * B dan A / B bekerja per elemen. Operator lama .* dan ./ tidak digunakan. Konvolusi: Conv(A,B), dengan B kernel Gray berukuran ganjil maksimal 5 x 5.

Belum diuji.

Custom Filter

Default: kernel Laplacian 3 x 3, factor 1, Normalize 0..1, dan border Reflect. Semua nilai dapat diedit.

Kernel siap.

Correspondence Manual

Klik titik pada IM1, lalu klik pasangan titik yang sama pada IM2. Ulangi minimal 4 pasangan.

IM1 - Points1

IM2 - Points2

Belum ada pasangan titik.

Help Lengkap Computer Vision Simulator

Konfirmasi