WebAutomation - Sistem Automasi Web All-in-One

Sistem informasi web untuk automasi tugas-tugas repetitif di website pribadi Anda. Buat workflow, definisikan langkah-langkah, lalu jalankan secara otomatis.

Fitur Utama

• Visual Workflow Builder - Buat workflow dengan drag & drop langkah-langkah automasi
• 20+ Tipe Aksi - Navigate, click, type, extract data, screenshot, JavaScript, HTTP request, dll
• AI Generator (Kimi AI) - Deskripsikan tugas, AI buatkan workflow otomatis
• Scheduler - Jadwalkan workflow dengan cron expression atau interval
• Execution History - Lihat log lengkap setiap eksekusi workflow
• Variable System - Simpan dan gunakan variabel antar langkah
• Error Handling - Stop, skip, atau retry otomatis saat langkah gagal
• Screenshot - Ambil screenshot otomatis sebelum/sesudah langkah
• Dark Mode - Support tema gelap

Tech Stack

• Backend: Python, FastAPI, SQLAlchemy, Playwright
• Frontend: React, Vite, TailwindCSS, Zustand
• AI: Kimi AI (Moonshot) API
• Scheduler: APScheduler
• Database: SQLite (default)

Quick Start

Dengan Docker (Rekomendasi)

docker-compose up --build

Buka http://localhost:8000

Development Mode

# Terminal 1: Backend
cd backend
pip install -r requirements.txt
playwright install chromium
uvicorn app.main:app --reload --port 8000

# Terminal 2: Frontend
cd frontend
npm install
npm run dev

• Frontend: http://localhost:3000
• Backend API: http://localhost:8000
• API Docs: http://localhost:8000/docs

Atau gunakan script:

./scripts/start-dev.sh

Tipe Langkah yang Tersedia

Tipe	Deskripsi
navigate	Buka URL
click	Klik elemen
type	Ketik teks di input
select	Pilih opsi dropdown
wait	Tunggu elemen/waktu
screenshot	Ambil screenshot
extract	Ambil data (teks/atribut)
scroll	Gulir halaman
hover	Hover elemen
press_key	Tekan tombol keyboard
javascript	Jalankan kode JS
delay	Tunggu (ms)
ai_action	AI tentukan aksi terbaik
set_variable	Set variabel
assert	Verifikasi kondisi
http_request	Kirim HTTP request

Contoh Workflow

Login Otomatis

1. Navigate ke halaman login
2. Type email ke #email
3. Type password ke #password
4. Click tombol #login-btn
5. Wait element .dashboard
6. Screenshot

Scrape Data Harga

1. Navigate ke halaman produk
2. Extract .product-name -> name
3. Extract .product-price -> price
4. Screenshot

Environment Variables

KIMI_API_KEY=your-key          # API key Kimi AI
DEBUG=true                      # Debug mode
PLAYWRIGHT_HEADLESS=true        # Browser headless mode

API Endpoints

• GET /api/workflows - List semua workflow
• POST /api/workflows - Buat workflow baru
• GET /api/workflows/{id} - Detail workflow
• PUT /api/workflows/{id} - Update workflow
• DELETE /api/workflows/{id} - Hapus workflow
• POST /api/workflows/{id}/run - Jalankan workflow
• GET /api/workflows/{id}/executions - Riwayat eksekusi
• POST /api/workflows/ai/generate - AI generate workflow
• GET /api/workflows/stats/dashboard - Statistik dashboard