Skip to content

Thu-master/LTHDH_Project

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

58 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🌐 Mô phỏng thuật toán MLFQ – Multilevel Feedback Queue CPU Scheduling

HTML Version License


Website mô phỏng trực quan thuật toán điều độ CPU: MLFQ (Multilevel Feedback Queue) được xây dựng bằng HTML, CSS và JavaScript.

Giao diện Landing Page

🎯 Giới thiệu | Introduction

Đây là đồ án cuối kỳ môn Lập trình Hệ điều hành, với mục tiêu xây dựng một trang web mô phỏng trực quan hoạt động của thuật toán lập lịch CPU nổi tiếng – Multilevel Feedback Queue (MLFQ).

Trang web giúp người học, đặc biệt là sinh viên ngành CNTT, hiểu rõ hơn về cách thuật toán MLFQ xử lý các tiến trình qua từng cấp độ hàng đợi ưu tiên, thời lượng CPU, và các bước điều phối.
This is a final course project for Operating System Programming. It provides an interactive simulation of the Multilevel Feedback Queue (MLFQ) CPU scheduling algorithm using modern web technologies.


🚀 Trải Nghiệm Trực Tuyến | Online Experience

👉 💻 Click để dùng thử ngay trên trình duyệt!


📦 Cách chạy dự án | How to Run

  1. Clone repo về máy:

    git clone https://github.com/Thu-master/LTHDH_Project.git
    
  2. Mở file index.html bằng trình duyệt (Chrome/Edge/Firefox...) | 🚀 LIVE DEMO: Try it here

  3. Down extension VSCode và chạy golive trên VSCode(nếu cần)


🛠️ Công nghệ sử dụng | Technologies

  • HTML5
  • CSS3 (kèm hiệu ứng transition, animation)
  • JavaScript (DOM, mô phỏng hàng đợi)
  • (Future upgrade: Java backend, modern JS frameworks...)

🚀 Tính năng nổi bật | Key Features

Giao diện hiện đại:

  • Landing page cuốn hút với video nền, hiệu ứng cuộn mượt.
  • Navbar có icon, responsive design.

🧠 Mô phỏng trực quan:

  • Giao diện mô phỏng tương tác, cho phép người dùng nhập tiến trình.
  • Hiển thị từng bước hoạt động của thuật toán MLFQ.
  • Hỗ trợ thay đổi thông số và tự động tính toán.

📘 Trang hướng dẫn (Tutorial):

  • Giải thích lý thuyết MLFQ và cách sử dụng trình mô phỏng.

👥 About Us:

  • Thông tin nhóm phát triển.

🌐 Chuyển trang mượt mà

  • Sử dụng window.location kết hợp hiệu ứng điều hướng.

🖼️ Demo & Hình ảnh:

Hình ảnh giao diện


🧑‍💻 Nhóm thực hiện | Project Team

Dự án được thực hiện theo nhóm với phương pháp phát triển linh hoạt, các thành viên cùng đóng góp vào tất cả các phần mà không chia nhiệm vụ cụ thể.
This project was developed by a collaborative team without strict role assignment – each member contributed to various parts of the system.


👨‍💻 Đóng Góp / Contributing

Nếu bạn muốn đóng góp, hãy làm theo các bước sau:
If you'd like to contribute, please follow these steps:

  1. Fork repository này về tài khoản GitHub của bạn.
    Fork this repository to your GitHub account.

  2. Clone repository đã fork về máy:
    Clone the forked repository to your local machine:

    git clone https://github.com/your-username/your-repo-name.git
    cd your-repo-name
  3. Tạo branch mới với tính năng của bạn:
    Create a new branch for your feature:

    git checkout -b feature/your-feature-name
  4. Commit và push thay đổi của bạn:
    Commit and push your changes:

    git add .
    git commit -m "Add your feature"
    git push origin feature/your-feature-name
  5. Mở Pull Request để gửi yêu cầu hợp nhất vào nhánh chính (main).
    Open a Pull Request to merge your branch into the main branch.

📌 Ghi chú / Note:
Hãy thay your-username, your-repo-name, và your-feature-name bằng thông tin tương ứng của bạn.
Replace your-username, your-repo-name, and your-feature-name with your actual info.


👥 Đội Ngũ Phát Triển | Development Team

Chúng tôi là một nhóm đam mê công nghệ, cùng nhau phát triển dự án này:
We are a group of technology enthusiasts, working together to develop this project:


📚 Nội dung thư mục | Folder Structure**

Project-LTHDH/
│
├── Back-end/
│ └── (Coming soon)
│
├── Background/
│ ├── 12686138_3840_2160.jpg # Hình nền
│ └── vdo.mp4 # Video nền trang landing
│
├── Front-end/
│
│ ├── CSS/
│ │ ├── loginStyle.css # Giao diện form đăng nhập
│ │ ├── simulatorStyle.css # Giao diện trình mô phỏng
│ │ ├── style.css # Giao diện tổng thể
│ │ └── tutorialStyle.css # Giao diện trang hướng dẫn
│
│ ├── HTML/
│ │ ├── C-SCAN.html # Mô phỏng thuật toán C-SCAN
│ │ ├── FCFS.html # Mô phỏng thuật toán FCFS
│ │ ├── FIFO.html # Mô phỏng thuật toán FIFO (paging)
│ │ ├── index.html # Trang landing chính
│ │ ├── login.html # Trang đăng nhập
│ │ ├── LRU.html # Mô phỏng thuật toán LRU (paging)
│ │ ├── OPTIMAL.html # Mô phỏng thuật toán OPTIMAL (paging)
│ │ ├── SCAN.html # Mô phỏng thuật toán SCAN
│ │ ├── SRTF.html # Mô phỏng thuật toán SRTF
│ │ ├── simulator.html # Giao diện mô phỏng MLFQ
│ │ └── Tutorial.html # Trang hướng dẫn sử dụng
│
│ └── JS/
│ ├── C-SCAN.js # Logic mô phỏng C-SCAN
│ ├── FCFS.js # Logic mô phỏng FCFS
│ ├── FIFO.js # Logic mô phỏng FIFO
│ ├── login.js # Xử lý đăng nhập
│ ├── LRU.js # Logic mô phỏng LRU
│ ├── OPTIMAL.js # Logic mô phỏng OPTIMAL
│ ├── SCAN.js # Logic mô phỏng SCAN
│ ├── script.js # Script tổng hợp (nếu có)
│ ├── SRTF.js # Logic mô phỏng SRTF
│ └── tutorial.js # Script hướng dẫn
│
├── .gitignore
├── index.html #Liên kết trang 
├── LICENSE
├── README.md
└── temp.txt # Ghi chú tạm

🛡️ Giấy Phép | License

Phần mềm này được sử dụng nội bộ và không dành cho mục đích thương mại.
This software is for internal use only and is not intended for commercial purposes.