How putra10/bisindotranscriber works
BISINDO Transkripsi is a browser-based learning and transcription site for Indonesian Sign Language fingerspelling. Its primary workflow is: the user enables the camera, the browser tracks hands and classifies letter poses locally, then stabilizes recognized letters into text that can be copied or spoken. Separate learning flows browse 3D alphabet poses, spell entered or listed words letter by letter, and practice random letters with a score. The graph follows documented page capabilities; unsampled component internals are represented without asserting their wiring.
Main entry points: KotakTranskripsi.tsx Camera and text UI · app/page.tsx Home page · ModelTangan3D.tsx 3D hand model · transkripsi/page.tsx Transcription page
Components 25
Site and pages
- Home page
app/page.tsx - Transcription page
app/transkripsi/page.tsx - Alphabet page
app/abjad/page.tsx - Letter detail
app/abjad/[huruf]/page.tsx - Spelling page
app/eja/page.tsx - Word detail
app/eja/[kata]/page.tsx - Word directory
app/kata/page.tsx - Practice page
app/latihan/page.tsx - About and privacy
app/tentang/page.tsx
Camera transcription
- Camera and text UI
components/KotakTranskripsi.tsx - Hand tracking
components/KotakTranskripsi.tsx - Landmark features
lib/fitur.ts - Letter classifier
lib/pengklasifikasi.ts - Prediction smoothing
lib/penghalus.ts - Text assembly
lib/penyusunTeks.ts
Learning experiences
- Alphabet explorer
components/JelajahAbjad.tsx - 3D hand model
components/ModelTangan3D.tsx - Word spelling UI
components/EjaKata.tsx - Practice mode
components/ModeLatihan.tsx
Shared domain logic
- Alphabet pose data
lib/abjad.ts - Word and phrase data
lib/kata.ts
Other components
- Visitor
- Browser camera
- Browser speech
- Browser clipboard
Connections 31
- Visitor → Home page: visits
- Visitor → Transcription page: opens
- Visitor → Alphabet page: browses
- Visitor → Spelling page: opens
- Visitor → Word directory: browses
- Visitor → Practice page: starts
- Home page → Transcription page: links to
- Home page → Alphabet page: links to
- Home page → Spelling page: links to
- Home page → Practice page: links to
- Transcription page → Camera and text UI: renders
- Camera and text UI → Browser camera: requests video
- Camera and text UI → Hand tracking: loads and runs
- Hand tracking → Landmark features: provides landmarks
- Camera and text UI → Landmark features: builds features
- Camera and text UI → Letter classifier: loads and predicts
- Camera and text UI → Prediction smoothing: smooths predictions
- Camera and text UI → Text assembly: updates text
- Camera and text UI → Browser clipboard: copies text
- Camera and text UI → Browser speech: speaks text
- Alphabet page → Alphabet explorer: renders
- Letter detail → 3D hand model: renders
- Alphabet explorer → 3D hand model: shows poses
- 3D hand model → Alphabet pose data: reads poses
- Spelling page → Word spelling UI: renders
- Word detail → Word spelling UI: renders
- Word directory → Word and phrase data: lists entries
- Word detail → Word and phrase data: reads entry
- Word spelling UI → 3D hand model: displays letters
- Practice page → Practice mode: renders
- Practice mode → Camera and text UI: uses camera flow