Skip to content

woped/woped-next

 
 

Repository files navigation

🔄 WoPeD Next

The modern web-based Petri Net Editor for workflow modeling and analysis.

Vue.js TypeScript Vite

🎓 Built for Education — WoPeD Next brings Petri net modeling to the browser, making workflow analysis accessible to students, researchers, and professionals alike.


✨ Features

🎨 Intuitive Editor

  • Drag & Drop — Create places, transitions, and arcs with ease
  • Workflow Operators — AND/XOR split & join for complex routing
  • Subprocesses — Hierarchical modeling with drill-down navigation
  • Smart Grid — Snap-to-grid alignment for clean diagrams

🎮 Token Game

  • Animated Simulation — Watch tokens flow through your process
  • Step-by-Step — Manual or automatic execution
  • Conflict Resolution — Handle non-deterministic choices
  • Statistics — Track firings, states, and deadlocks

📊 Analysis & Simulation

  • Qualitative Analysis — Soundness checking, structure validation
  • Quantitative Simulation — Time-based discrete event simulation
  • Process Metrics — Complexity, density, and quality metrics
  • Bottleneck Detection — Identify performance issues

📁 File Operations

  • PNML Import/Export — Standard Petri net format
  • JSON Support — Full model serialization
  • Image Export — SVG and PNG for documentation
  • 10 Templates — Educational example nets to get started

🌐 Modern UI/UX

  • Dark & Light Mode — Easy on the eyes, day or night
  • Multilingual — English and German
  • Responsive Panels — Collapsible sidebar for maximum canvas space
  • Keyboard Shortcuts — Power user productivity

🚀 Quick Start

# Clone the repository
git clone https://github.com/TaminoFischer/woped-next.git
cd woped-next

# Install dependencies
npm install

# Start development server
npm run dev

Open http://localhost:5173 and start modeling!


🐳 Docker

# Build and run with Docker Compose
docker compose up --build

# Access at http://localhost:8080

📸 Screenshots

Editor Token Game Analysis
Editor Token Game Analysis

🛠 Tech Stack

Layer Technology
Frontend Vue.js 3, Composition API
Canvas Konva.js via vue-konva
State Pinia
i18n vue-i18n
Build Vite
Deploy GitHub Pages, Docker + nginx

📖 Documentation


🎓 What is WoPeD?

WoPeD (Workflow Petri Net Designer) is an educational tool for modeling and analyzing workflow processes using Petri nets. Originally developed as a Java Swing application at DHBW Karlsruhe, WoPeD Next is the modern web-based successor.

Petri Net Basics

    (●)  ───►  [ T1 ]  ───►  ( )
   Place    Transition    Place
  (1 token)              (0 tokens)
  • Places (circles) represent states or conditions
  • Transitions (rectangles) represent activities or events
  • Tokens (dots) represent the current state of the system
  • Arcs connect places to transitions and vice versa

🤝 Contributing

Contributions are welcome! Please read our contributing guidelines and submit pull requests.


🔗 Links


Made with ❤️ for the Petri net community

About

WoPeD Next - Modern Vue.js Petri Net Editor

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages

  • TypeScript 59.5%
  • Vue 40.2%
  • Other 0.3%