← Kembali

ElektroDict

INTERACTIVE SYSTEM ARCHITECTURE MAP

📖 Kamus 130+
Kalkulator RLC
🎨 Kode Resistor
🎸 Signal Synth
🔀 Gerbang Logika
📐 Konversi Satuan
🛡️ K3 & Standar
💾 Chip Library
📅 Timeline Sejarah
📱 Frontend PWA
CLIENT
UI Premium Charcoal dengan sidebar desktop dan bottom-nav mobile. Mendukung dark/light mode switching, rendering matematika KaTeX, dan offline-ready via Service Worker + PWA Manifest.
HTML5Vanilla CSSES6+PWA
🔌 Connection Layer
api.js
Abstraksi HTTP fetch dengan timeout handling 30 detik, retry logic otomatis, dan propagasi rate-limit error yang graceful ke UI tanpa crash.
Fetch APIError BoundaryRetry
💾 Static Data Layer
LOCAL
data.js — 130+ objek kamus dengan rumus LaTeX, kategori, dan tag. Array project & quiz categories.

PUIL 2011 & K3 — Standar kabel SNI, tabel KHA, IP Rating IEC 60529, APD, dan 5 Aturan Emas EN 50110.

Chip Library — Datasheet NE555, ESP32, LM358, L298N, 74HC595 dari TI, Espressif, STMicro, Nexperia.
data.jsindex.htmlOffline
▲ Vercel Edge
SERVERLESS
Serverless gateway yang menyimpan API Key di environment variable. Dua endpoint utama:

/api/chat.js — Routing untuk ElektroBot chatbot & AI Quiz Generator
/api/project-gen.js — JSON-Strict mode untuk Lab Project IoT yang membutuhkan output terstruktur
Node.jsEdge RuntimeEnv Secrets
🧠 Groq LPU Engine
LLM
Hardware akselerator AI dengan Language Processing Unit (LPU) — kecepatan inferensi tertinggi di dunia (~800 token/detik).

Primary model: LLaMA 3.3 70B Versatile. Fallback multi-provider via OpenRouter untuk redundancy.
Groq CloudLLaMA 3.3 70BOpenRouter
💬 ElektroBot AI
CHAT
Asisten cerdas seperti ChatGPT yang terintegrasi di sidebar desktop dan drawer mobile. Menjawab konsep listrik, debugging sirkuit, dan perhitungan. Output: Markdown + KaTeX math rendering.
StreamingMarkdownKaTeX
🧪 AI Quiz Generator
QUIZ
Membuat 5 soal pilihan ganda baru di setiap sesi dari 9 kategori elektro. Output JSON tervalidasi dengan 3 tingkat kesulitan. Hasil skor bisa dibagikan via WhatsApp atau disalin.
JSON Mode9 KategoriShare Score
🛠️ Lab Project IoT
PROJECT
Dari deskripsi ide → AI generatekan BOM hardware, tabel wiring/pinout, dan kode C++ Arduino secara lengkap. Menggunakan endpoint khusus /api/project-gen.js dengan JSON-Strict mode.
JSON-StrictBOMArduino C++
🔬 AI Vision
VISION
Upload foto sirkuit nyata → dikonversi ke Base64 → LLaMA Vision Model mengenali komponen, mengidentifikasi fungsi, dan menjelaskan koneksi rangkaian secara detail.
Base64 ImageVision ModelAnalysis
LAYER
Client
Gateway
LLM Engine
AI Services
Static Data
ElektroDict — System Architecture
PROGRESSIVE WEB APP · AI-POWERED ELECTRICAL ENGINEERING PLATFORM
Beryl Nathaniel Sinaga
ElektroDict v3.0 · April 2026
Client Layer
📱
Frontend PWA
UI Charcoal Premium dengan sidebar desktop dan bottom-nav mobile. Mendukung dark/light mode, rendering matematika KaTeX, offline-ready via Service Worker, dan responsif mode.
HTML5 CSS Vanilla ES6 JS PWA
🔌
Connection Layer (api.js)
Abstraksi HTTP fetch. Menangani timeout 30s, retry logic otomatis, dan propagasi rate-limit error ke UI tanpa crash.
Fetch API Error Boundary
💾
Static Data Layer
data.js — 130+ kamus istilah dengan rumus LaTeX.
PUIL 2011 & K3 — Standar keselamatan bersumber BSN, IEC, NFPA.
Chip Library — NE555, ESP32, LM358, L298N, 74HC595.
Offline-Ready JSON Data
REST
API
Edge Gateway
Vercel Edge Functions
Serverless gateway yang menyimpan API Key di environment variable. Memproteksi secret key dari sisi klien.

/api/chat.js
Routing untuk ElektroBot chatbot dan AI Quiz Generator.

/api/project-gen.js
JSON-Strict mode untuk Lab Project IoT.
Node.js Edge Runtime Env Secrets
Secure
cURL
LLM Engine
🧠
Groq Inference (LPU)
Hardware akselerator AI dengan Language Processing Unit — kecepatan inferensi tertinggi (~800 tok/s).

Primary: LLaMA 3.3 70B Versatile
Fallback: Multi-provider via OpenRouter untuk redundancy.
Groq Cloud LLaMA 3.3 70B ~800 tok/s
JSON
Stream
AI Services
💬
ElektroBot AI
Chatbot asisten di sidebar/drawer. Menjawab konsep listrik, debugging sirkuit, dan perhitungan. Output Markdown + KaTeX.
StreamingMarkdown
🧪
AI Quiz Generator
Membuat 5 soal pilihan ganda tiap sesi dari 9 kategori. JSON tervalidasi, 3 difficulty level. Skor bisa di-share via WhatsApp.
JSON9 Kategori
🛠️
Lab Project IoT
Deskripsi ide → BOM hardware, tabel wiring, dan kode C++ Arduino. Endpoint khusus /api/project-gen.js.
JSON-StrictBOM
🔬
AI Vision Analyzer
Upload foto sirkuit → Base64 → LLaMA Vision mengenali komponen dan menjelaskan rangkaian secara detail.
Base64Vision Model
Offline Feature Modules
📖 Kamus 130+
Kalkulator RLC
🎨 Kode Resistor
🎸 Signal Synth
🔀 Gerbang Logika
📐 Konversi Satuan
🛡️ K3 & Standar
💾 Chip Library
📅 Timeline Sejarah