CodeGym DevOps Interactive Labs & Tools

Kho chứa các công cụ mô phỏng tương tác trực quan (Interactive Visualizers & Calculators) phục vụ giảng dạy, học tập và nhúng trực tiếp vào các bài học trên hệ thống LMS (Moodle, Canvas, edX,...).

• GitHub Repository: https://github.com/codegym-vn/devops-demo
• GitHub Pages Portal: https://codegym-vn.github.io/devops-demo/

---

🛠 Danh mục công cụ

Tên công cụ	Đường dẫn thư mục	Link trực tiếp trên GitHub Pages	Trạng thái
Linux Chmod Calculator	/linux-chmod-interactive/	Xem Tool	✅ Đã sẵn sàng
Linux Process Simulator	/linux-process-simulator/	Xem Tool	✅ Đã sẵn sàng
Network Protocol Simulator	/network-protocol-simulator/	Xem Tool	✅ Đã sẵn sàng
Linux Inode Visualizer	/linux-inode-simulator/	—	⏳ Sắp ra mắt
CIDR & Subnet Calculator	/devops-subnet-calculator/	—	⏳ Sắp ra mắt

---

💻 Cách nhúng vào bài giảng trên LMS (Moodle / Canvas)

Trong trình soạn thảo bài giảng trên LMS, chuyển sang chế độ HTML Editor (< >) và dán đoạn mã <iframe>:

1. Nhúng Tool Linux Chmod Calculator:

<iframe 
  src="https://codegym-vn.github.io/devops-demo/linux-chmod-interactive/" 
  width="100%" 
  height="540" 
  style="border: 1px solid #e2e8f0; border-radius: 10px; max-width: 820px; display: block; margin: 0 auto;"
  title="Linux Chmod Calculator">
</iframe>

2. Nhúng Tool Linux Process Lifecycle Simulator:

<iframe 
  src="https://codegym-vn.github.io/devops-demo/linux-process-simulator/" 
  width="100%" 
  height="580" 
  style="border: 1px solid #e2e8f0; border-radius: 10px; max-width: 840px; display: block; margin: 0 auto;"
  title="Linux Process Simulator">
</iframe>

3. Nhúng Tool Network Protocol Simulator:

<iframe 
  src="https://codegym-vn.github.io/devops-demo/network-protocol-simulator/" 
  width="100%" 
  height="680" 
  style="border: 1px solid #e2e8f0; border-radius: 10px; max-width: 840px; display: block; margin: 0 auto;"
  title="Network Protocol Simulator">
</iframe>

---

🚀 Thêm một công cụ mới vào hệ thống

1. Tạo thư mục mới trong thư mục gốc: mkdir <ten-cong-cu>
2. Thêm file index.html chứa mã nguồn giao diện bên trong thư mục đó.
3. Cập nhật thẻ công cụ mới vào trang Portal chính index.html.
4. Commit và push lên GitHub:

   git add .
   git commit -m "feat: add <ten-cong-cu>"
   git push origin main

GitHub Pages sẽ tự động cập nhật công cụ mới trong vòng vài giây!