Cách tạo app chuyển PDF, chuyển ảnh Toán sang Word miễn phí | Google AI Studio скачать в хорошем качестве

Cách tạo app chuyển PDF, chuyển ảnh Toán sang Word miễn phí | Google AI Studio

Giải pháp HOÀN HẢO cho giáo viên Toán: Tạo app chuyển PDF/ảnh Toán sang Word hoàn toàn MIỄN PHÍ bằng Google AI Studio! Không còn lỗi font, công thức toán được chuyển thành MathType chuẩn chỉnh, chỉnh sửa dễ dàng. 3 bước đơn giản với Google AI Studio: Upload PDF/ảnh đề thi, bài tập Toán AI tự động nhận dạng → tạo file Word có công thức Latex Copy → Paste → MathType Toggle Tex → XONG! Ưu điểm vượt trội: ✅ 100% miễn phí – không cần phần mềm trả phí ✅ Không lỗi công thức toán – MathType chuẩn chỉnh ✅ Nhận dạng chữ viết tay, ảnh chụp bài tập ✅ Xử lý hàng trăm trang PDF chỉ trong vài phút ✅ Giữ nguyên layout, định dạng gốc Ví dụ thực tế: PDF đề thi hàm số lượng giác 50 câu → Word MathType Ảnh chụp bài tập hình học lớp 9 → Word có công thức Sách giáo khoa Toán → file Word để chỉnh sửa, in lại Công cụ cần thiết (miễn phí): Google AI Studio (aistudio.google.com) MathType (cài 1 lần dùng mãi mãi) Prompt: Hãy xây dựng một ứng dụng web "OCR Pro" sử dụng React, Vite và Tailwind CSS với các yêu cầu chi tiết sau: 1. **Mục tiêu chính**: Ứng dụng cho phép người dùng tải lên file PDF hoặc hình ảnh (JPG, PNG, WEBP) để nhận diện nội dung (OCR). Sử dụng model `gemini-3-flash-preview` để phân tích tài liệu. 2. **Giao diện & UX (Teal Theme)**: Sử dụng tông màu chủ đạo là Teal (xanh cổ vịt) với Tailwind CSS. **Tab Upload**: Hỗ trợ Drag & Drop file và dán ảnh trực tiếp từ clipboard (Ctrl+V). **Tab Preview**: Hiển thị các trang tài liệu đã tải lên. **Luồng xử lý**: Khi nhấn nút "Start Processing", ứng dụng giữ nguyên ở màn hình Preview và hiển thị trạng thái xử lý (loading). Chỉ khi xử lý xong hoàn toàn, tự động chuyển sang tab **Results**. 3. **Xử lý AI & Dữ liệu (Gemini API)**: Gửi ảnh (base64) lên Gemini và yêu cầu trả về JSON với cấu trúc các block nội dung: `heading`: Tiêu đề. `text`: Văn bản thường. `table`: Bảng biểu (dạng mảng 2 chiều). `image`: Hình ảnh, biểu đồ, sơ đồ (trả về bounding box [ymin, xmin, ymax, xmax] theo thang 0-1000). **Yêu cầu đặc biệt về nội dung**: Không trích xuất văn bản nằm bên trong hình ảnh/biểu đồ (để nguyên là ảnh). **Công thức toán học**: Phải nhận diện và trả về dưới dạng LaTeX, được bọc trong dấu `$` (ví dụ: `$E=mc^2$`). 4. **Tính năng Cắt ảnh (Image Cropping)**: Từ bounding box do AI trả về, thực hiện cắt (crop) hình ảnh từ trang gốc. *Quan trọng**: Tự động mở rộng vùng cắt thêm khoảng **1mm* (padding) mỗi bên để đảm bảo hình ảnh không bị cắt quá sát hoặc mất nét. 5. **Kết quả & Xuất file (Export)**: Hiển thị kết quả trên giao diện web: Văn bản, bảng biểu, và thư viện các ảnh đã cắt được. **Export to Word (.docx)**: Tạo file Word chứa toàn bộ nội dung đã OCR. Giữ đúng định dạng heading, paragraph. Vẽ lại bảng biểu (table). **Chèn ảnh**: Nhúng trực tiếp các hình ảnh đã cắt vào file Word đúng vị trí của nó trong luồng văn bản. 6. **Thư viện kỹ thuật**: `pdfjs-dist`: Để chuyển đổi PDF sang ảnh (lưu ý xử lý worker để tránh lỗi version). `docx`, `file-saver`: Để tạo và tải file Word. `@google/genai`: Để gọi Gemini API. `react-dropzone`: Xử lý upload.