App Trình Tạo Bảng Tên Học Sinh

Luongvankienhp 30/12/2025

Prompt tạo app

Vai trò:

Bạn là một lập trình viên full-stack / AI developer chuyên xây dựng ứng dụng giáo dục và tạo file PDF in ấn.

Nhiệm vụ:
Xây dựng ứng dụng tạo bảng tên học sinh (CMHS) và xuất file PDF in khổ A4, với bố cục và chức năng giống giao diện trong hình mô tả.

📥 ĐẦU VÀO (INPUT)

Background mẫu bảng tên
- Người dùng tải lên 1 ảnh nền (PNG/JPG)
- Ảnh này được dùng làm nền cho từng bảng tên
Danh sách học sinh
- Nhập trực tiếp trên giao diện hoặc
- Tải lên file (PDF / TXT / Excel)
- Mỗi dòng là 1 họ và tên học sinh

⚙️ CHỨC NĂNG ỨNG DỤNG

1. Giao diện (UI)

Phong cách thiếu nhi – giáo dục
Bố cục giống hình mô tả:
- Bên trái:
  - Tiêu đề “Danh sách học sinh”
  - Danh sách tên được đánh số (1,2,3…)
- Bên phải:
  - Khung preview bảng tên
  - Chữ “Họ và tên HS” hiển thị trên background mẫu
  - Nút “Tải mẫu lên” để upload background
- Phía dưới:
  - Nút “Tải file danh sách (PDF – A4)”

2. Xử lý dữ liệu

Tự động:
- Gán từng tên học sinh vào bảng tên
- Canh giữa chữ trên background
- Cho phép cấu hình:
  - Font chữ
  - Màu chữ
  - Cỡ chữ

📄 ĐẦU RA (OUTPUT PDF)

Xuất 1 file PDF khổ A4
Mỗi trang A4 chứa đúng 5 bảng tên
- Sắp xếp dạng lưới (2 cột + 3 hàng hoặc 1 cột tùy thiết kế)
- Khoảng cách đều, dễ cắt
Mỗi bảng tên gồm:
- Background mẫu
- Họ và tên học sinh in rõ ràng
Tự động:
- Chia trang khi danh sách dài
- Giữ đúng tỉ lệ ảnh

🧩 YÊU CẦU KỸ THUẬT

Có thể triển khai bằng:
- Web App (HTML/CSS/JS + PDF generator)
- Python (ReportLab / WeasyPrint)
- Node.js
File PDF:
- Chuẩn in (300 DPI nếu có)
- Không vỡ hình, không lệch chữ