TIN12 HUB - Nền Tảng Thiết Kế & Lập Trình Web 12

GDPT 2018 Tin Học 12 (Ứng Dụng & KHMT) - Chuẩn 4 Bước Công Văn 5512

Hệ Sinh Thái Sư Phạm Di Động:
Thiết Kế & Lập Trình Web Lớp 12

Nền tảng sư phạm thế hệ mới kết hợp sức mạnh trực quan của Canva Education (Chủ đề 7) và bản chất mã nguồn HTML5/CSS3 (Chủ đề 4). Tối ưu công thái học cho điện thoại di động, tự học chủ động và tương tác lớp học thời gian thực.

15 Bài

Chuẩn SGK KNTT 12

100+ Thẻ

Flashcards 3D Thuật Ngữ

2 Tuyến

Canva & HTML5 Song Hành

2 Lớp Học

Không Gian 12C1 & 12C2

Trailer Giáo Dục Sư Phạm

Video Giới Thiệu Chuyên Đề Thiết Kế & Lập Trình Web 12

Khám phá phương pháp học tập kết hợp di động (Mobile Blended Learning) chuẩn bị hành trang kỷ nguyên số:

Mở Trên YouTube ↗

Kiến Tạo Không Gian Số - Chinh Phục Điểm 10 Web 12

Chạm để xem video giới thiệu chuyên đề: Sự kết hợp hoàn hảo giữa Canva Education và Lập trình HTML5/CSS3.

Thời lượng: 03:45 Phút | Full HD

Các Chương Mục Trọng Tâm Trong Video: Chạm để xem tóm tắt & chuyển bài

Chương 1: Tại Sao Lại Học Thiết Kế & Lập Trình Web Trên Màn Hình Di Động?

Học sinh giải phóng hoàn toàn khỏi phòng máy tính cồng kềnh. Chiếc điện thoại thông minh trở thành studio sáng tạo số toàn diện, giúp bạn học mọi lúc mọi nơi và nắm vững kỹ năng số chuẩn thế kỷ 21.

Chiến Thuật Học Tập Khoa Học

Bí Kíp 4 Bước Chinh Phục Chuyên Đề Web 12

Quy trình vi mô theo chuẩn Công văn 5512/BGDĐT-GDTrH giúp bạn ghi nhớ sâu, không áp lực và tự tin đạt điểm xuất sắc:

5 Phút

Khởi Động & Kích Hoạt Tư Duy

Đọc câu hỏi tình huống thực tế, bấm Xem Giải Mã và bật/tắt công tắc Before/After để trực tiếp cảm nhận sức mạnh định dạng của thẻ HTML.

💡 Hiểu rõ "Tại sao cần học?"

15 Phút

Hình Thành Kiến Thức Trực Quan

Quan sát sơ đồ Tag Anatomy đa màu sắc để nắm cấu trúc thẻ. Lật Flashcards 3D và bấm Đã thuộc / Cần ôn để rèn trí nhớ ngắt quãng (Spaced Repetition).

🧠 Ghi nhớ thuật ngữ SGK

20 Phút

Luyện Tập Vi Mô 3 Tầng

Chọn mức độ phù hợp: Mức 1 (Chuẩn SGK), Mức 2 (Thử thách sửa lỗi), Mức 3 (Mẫu Sáng tạo Pro). Nhấn nạp mã vào Code Lab và chạy live ngay!

💻 Tự tin làm chủ mã nguồn

5 Phút

Vận Dụng & Tự Đánh Giá

Vượt qua 3 câu Micro-Quiz có trích dẫn số trang SGK, xuất Phiếu Học Tập Số nộp Thầy và gửi liên kết sản phẩm vào Phòng Triển Lãm lớp 12C1/12C2!

🎓 Xuất phiếu kết quả số

Hồ Sơ Bộ Công Cụ Cần Thiết Cài Đặt Trên Điện Thoại:

Canva Education

Thiết kế Web kéo thả (Chủ đề 7)

</>

TrebEdit (Android)

Soạn thảo HTML/CSS di động

PWA

Lưu TIN12 HUB

Thêm vào Màn hình chính

ZIP

Tải Skeleton.zip

Mẫu khung bài tập chuẩn

3 Quy Tắc Kỷ Luật Không Gian Số (Thông tư 32/2020)

01.

Chỉ mở ứng dụng học

Chỉ sử dụng Canva, TrebEdit hoặc TIN12 HUB. Đặt điện thoại ở chế độ 'Không làm phiền' (Do Not Disturb).

02.

Tuân thủ Time-boxing

Tập trung cao độ hoàn thành các vi nhiệm vụ (Micro-tasks) theo đúng 4 bước đếm ngược của đồng hồ.

03.

Bản Quyền & Đồng Đẳng

Không sao chép nội dung trái phép, bảo vệ thông tin cá nhân và để lại nhận xét văn minh trên sản phẩm của bạn bè.

Đồng hồ Sư phạm Time-boxing Chống Phân Tâm

10:00

Lộ Trình Dự Án 3 Tiết Học (Công văn 5512)

Mỗi tiết học được tinh chỉnh thành 4 hoạt động vi mô tối ưu cho môi trường di động.

Tiết 1: Kiến Tạo Khung Cấu Trúc 45 Phút

Khởi động (5p): Quét mã QR tham gia mini-game nhận diện lỗi giao diện web trên smartphone.
Hình thành kiến thức (15p): Khái niệm thẻ HTML / Content Blocks trên Canva; phân cấp thông tin.
Luyện tập vi mô (20p): Tải Skeleton.zip vào TrebEdit hoặc mở Canva tạo trang trắng và thanh điều hướng.
Vận dụng (5p): Kiểm tra Live Preview hiển thị đúng tiêu đề trang web.

Tiết 2: Đa Phương Tiện & Thẩm Mỹ 45 Phút

Khởi động (5p): Thử thách phân biệt ảnh bản quyền Creative Commons và ảnh cấm sao chép.
Hình thành kiến thức (10p): Kỹ thuật nhúng YouTube, Google Maps; quy luật màu sắc CSS / Canva Brand Kit.
Luyện tập vi mô (25p): Chèn nút bấm touch target ≥ 44px, nhúng bản đồ du lịch địa phương.
Vận dụng (5p): Chụp ảnh màn hình tiến độ nộp nhanh lên nhóm lớp.

Tiết 3: Xuất Bản & Gallery Walk 45 Phút

Khởi động (5p): Checklist rà soát lỗi kỹ thuật (Pre-Publishing QA Checklist).
Luyện tập sâu (15p): Hoàn thiện xuất bản website lên tên miền Canva hoặc tạo link hosting HTML.
Triển lãm Gallery Walk (20p): Đánh giá đồng đẳng 360 độ chéo giữa các nhóm bằng Rubric.
Tổng kết (5p): Giáo viên công bố sản phẩm tiêu biểu và phản hồi nhận xét.

Ma Trận Rubric Đánh Giá Sản Phẩm (Thang 10)

Dành cho Giáo viên chấm điểm và Học sinh đánh giá đồng đẳng (Peer-Review)

Tổng điểm

10.0/10

1. Cấu trúc & Bố cục Không gian (Trọng số 30%) Tối đa 3.0 điểm

Đo lường tính logic của phân cấp thông tin, thanh điều hướng và khối nội dung.

2. Định dạng Thẩm mỹ & CSS/Theme (Trọng số 30%) Tối đa 3.0 điểm

Đo lường phối màu hài hòa, phông chữ dễ đọc trên mobile, tính đồng bộ thương hiệu.

3. Đa Phương Tiện & Liên Kết Siêu Văn Bản (Trọng số 20%) Tối đa 2.0 điểm

Đo lường việc nhúng YouTube, Google Maps, Form và các liên kết hoạt động tốt.

4. Tương Thích Di Động & Hoàn Thiện (Trọng số 20%) Tối đa 2.0 điểm

Đo lường khả năng hiển thị co giãn trên smartphone, nút bấm touch target ≥ 44px.

Canva Pro & AI Code Studio (Chủ Đề 7)

★ Canva for Education Pro

Khai thác 100% đặc quyền Pro Giáo Dục & Cầu nối 2 chiều giữa Canva Design và Lập trình HTML5/CSS3 (SGK Bài 23 - 28)

Mở Canva Pro

100M+ Tài nguyên Pro Free

Xóa Nền 1-Chạm Siêu Nét

Magic Switch Mobile 1-Click

Tên Miền *.my.canva.site

1. Khai Thác 4 Vũ Khí Canva Pro Cho Lập Trình Web

Quyền Lợi Học Sinh

Tài khoản Canva Giáo Dục cung cấp các công cụ đồ họa cao cấp giúp học sinh chuẩn bị tài nguyên số chuyên nghiệp trước khi lập trình:

🪄 Xóa Nền 1-Chạm

Tách nền ảnh chân dung nhóm hoặc ảnh sản phẩm trong suốt (PNG), dùng chèn vào thẻ <img> hoặc làm avatar không bị viền trắng xấu xí.

Ứng dụng: SGK Bài 26

📱 Magic Switch Mobile

1-click chuyển bố cục ngang sang dọc cho điện thoại. Bản chất sư phạm tương đương Media Query @media (max-width: 768px) và flex-direction: column!

Ứng dụng: SGK Bài 28

🎨 Brand Kit Nhận Diện

Quy chuẩn 1 màu chủ đạo, 1 màu bổ trợ và cặp font Google Fonts tiếng Việt. Tương ứng trực tiếp với biến :root { --primary: #38bdf8; } trong CSS3!

Ứng dụng: SGK Bài 24

✍️ Magic Write Content

Dùng AI viết lời mở đầu hấp dẫn, tiêu đề <h1> thu hút, và các nút kêu gọi hành động CTA đạt chuẩn trải nghiệm người dùng UI/UX.

Ứng dụng: SGK Bài 27

⇄

2. Cầu Nối Đột Phá: Canva Design ⇄ HTML5 Semantic Code

Giải mã bố cục trực quan trên Canva thành mã nguồn Semantic & CSS Flexbox chuẩn SGK Tin 12

Bản Vẽ Thiết Kế Trực Quan (Canva Pro) Visual Wireframe

Đặc tính: Bố cục kéo thả trực quan SGK Bài 7 - 9

</> Mã Nguồn Semantic HTML5 & CSS Flexbox

✓ Không thẻ div lồng nhau vô nghĩa Chuẩn Mobile-First

3. Canva AI Code Studio & Thư Viện Prompt Mẫu

Khai Thác AI Code

Sao chép các câu lệnh Prompt tối ưu dưới đây để yêu cầu Canva AI Code (hoặc Gemini) sinh ra các thành phần web chuẩn mực theo SGK Tin học 12:

Thanh Điều Hướng Co Giãn Mobile Bài 8 - 14

Tạo Menu ngang trên máy tính, tự động xếp dọc trên điện thoại với nút bấm ≥ 44px.

"Đóng vai trò Senior Web Developer. Hãy viết mã HTML5 Semantic và CSS Flexbox thuần túy để tạo thanh điều hướng navbar cho dự án trường THPT. Trên desktop hiển thị logo trái và 4 liên kết menu phải. Trên mobile (< 768px), tự động chuyển thành cột dọc, nút bấm đạt kích thước ngón tay cái tối thiểu 44x44px. Sử dụng màu pastel Sky Blue #38bdf8."

Thẻ Bài Viết / Sản Phẩm Semantic Bài 9 - 15

Dùng thẻ <article> chuẩn SEO và hiệu ứng dập nổi Neumorphism cho nút bấm.

"Hãy viết mã HTML5 sử dụng thẻ <article> và CSS3 phong cách Glassmorphism tạo 1 thẻ sản phẩm du lịch gồm: ảnh đại diện phía trên, tiêu đề thẻ <h3>, đoạn văn tóm tắt <p>, huy hiệu đánh giá sao và nút bấm 'Xem Ngay' có hiệu ứng dập nổi Neumorphism khi click."

Biểu Mẫu Liên Hệ Xác Thực HTML5 Bài 12

Thuộc tính required, type="email" và CSS phản hồi trạng thái focus/valid.

"Tạo một biểu mẫu <form> đăng ký tham gia CLB Tin học 12 gồm: Họ tên (bắt buộc), Email (type='email' required), Lớp (thẻ <select>), và Lời nhắn (<textarea>). CSS hiển thị viền xanh khi nhập hợp lệ và viền đỏ khi nhập sai theo chuẩn SGK Bài 12."

Widget Đồng Hồ Đếm Ngược Nhúng Canva Tương Tác Cao Cấp

Đoạn mã JavaScript tương tác độc lập để nhúng trực tiếp vào website Canva của nhóm qua iframe.

"Viết một widget HTML/CSS/JS độc lập đếm ngược đến ngày thi Tốt nghiệp THPT 2025 với 4 ô: Ngày, Giờ, Phút, Giây. Thiết kế bo tròn viền kính mờ pastel, tự co giãn 100% chiều rộng để nhúng đẹp mắt vào Canva Web qua iframe."

✨

3.1 Bộ Tạo Prompt Canva AI 5 Lớp Tương Tác

Tự động ghép câu lệnh chuẩn công nghệ giúp Canva AI sinh code chuẩn Semantic & Mobile 44px

1 Lớp 1: Vai Trò Chuyên Gia (Role)

2 Lớp 2: Bối Cảnh & Chủ Đề (Context)

3 Lớp 3: Cấu Trúc Semantic SGK (Structure)

4 Lớp 4: Phong Cách & Bảng Màu (Style)

5 Lớp 5: Ràng Buộc Công Thái Học Di Động (Constraints)

🔬

3.2 Phòng Thí Nghiệm Giải Phẫu & Bắt Lỗi AI Code

Đóng vai Kỹ sư kiểm định chất lượng: Quét lỗi thẻ Semantic & Công thái học di động do AI tạo ra

Dán đoạn mã do Canva AI Code tạo ra vào đây để kiểm tra xem AI có tuân thủ chuẩn SGK Tin học 12 không:

4. Công Cụ Xuất Mã Nhúng Canva (Code-to-Canva Embed)

Sau khi viết xong code trên Mobile Code Lab hoặc có link trang web của nhóm, hãy nhập vào đây để sinh mã <iframe> nhúng thẳng vào Canva Web:

Mã nhúng HTML iframe sẵn sàng cho Canva:

<iframe src="https://du-lich-binh-thuan.my.canva.site" width="100%" height="450" frameborder="0" allowfullscreen></iframe>

5. Bảng Màu UI Pastel & Font Pairings (Bài E1)

Chạm vào từng mã màu để sao chép nhanh mã HEX và dán vào công cụ màu sắc của Canva:

💡 Cặp Phông Chữ Khuyên Dùng trên Canva Mobile: Tiêu đề chính dùng Montserrat / League Spartan (đậm nét), thân bài dùng Open Sans / Roboto (dễ đọc ở cỡ chữ 16px).

6. Kho Liên Kết Nhúng Nhanh (Bài E5, E6, E7)

Sao chép nhanh các đường link sạch dưới đây để dán trực tiếp vào công cụ "Nhúng" (Embed) của Canva:

Video Quảng Bá Du Lịch Việt Nam

https://www.youtube.com/watch?v=dQw4w9WgXcQ

Bản Đồ Trường THPT / Điểm Du Lịch

https://maps.google.com/?q=LamDong+Vietnam

Lịch Học Tập & Hạn Nộp Dự Án Lớp 12

https://calendar.google.com/calendar/embed?src=tin12hub

7. Bảng Kiểm Tra Trước Khi Xuất Bản (Bài E8)

Tích chọn để tự rà soát trang web Canva trước khi bấm 'Publish Website':

Đã bật tính năng 'Tự động định cỡ lại trên thiết bị di động' (Resize on mobile). Đã bật Thanh điều hướng (Navigation with menu) hiển thị tên các trang con. Đã đặt tên miền phụ tùy chỉnh gọn gàng (Ví dụ: du-lich-que-huong.my.canva.site). Đã kiểm tra tất cả các nút bấm đạt kích thước chạm dễ dàng bằng ngón tay cái (≥ 44px).

</>

Mobile Code Lab (Chủ đề 4 - HTML/CSS)

Thử nghiệm HTML5 & CSS3 - Chuẩn SGK Tin học 12 KNTT (Bài 7 - 18)

Không cần cài đặt ứng dụng nặng. Bạn có thể sửa trực tiếp code HTML/CSS dưới đây và nhấn Chạy mã (Live Preview) để xem ngay kết quả trên thiết bị di động!

Live Sync (Tự Động Cập Nhật)

Màn Hình Xem Trước Kết Quả (Live Preview) ● Đang hoạt động

🤖

Gia Sư Sư Phạm Socratic (AI Code Coach)

Thầy Trần Thạch Engine

Phương pháp dẫn dắt tư duy gợi mở, không thụ động chép bài - Chuẩn SGK Tin 12 KNTT

Sẵn sàng phản biện

👨‍🏫

Chào bạn! Tôi là Gia sư Socratic đồng hành cùng chuyên đề Web 12 của Thầy Trần Thạch.

Tôi không đưa ngay đáp án trực tiếp, mà sẽ cùng bạn phân tích và đặt câu hỏi gợi mở để bạn tự sửa lỗi và ghi nhớ sâu. Hãy chọn một câu hỏi gợi ý ở trên hoặc gõ code vào trình soạn thảo!

🧠

Thử Thách Điền Khuyết Cú Pháp (Syntax Cloze Master)

Giàn Giáo Thụt Lùi SGK

Rèn luyện phản xạ nhớ thẻ Semantic HTML5 & thuộc tính CSS Flexbox không cần học vẹt

Tiến độ: 0/6 câu đúng

Kho Đoạn Mã Mẫu (Snippets) Thường Dùng

Nhấn nút sao chép để dán ngay vào TrebEdit trên điện thoại:

1. CSS Nút Bấm Chuẩn Di Động (≥ 44px)

.btn-mobile {
  min-height: 44px;
  min-width: 44px;
  padding: 10px 20px;
  border-radius: 22px;
  background-color: #0284c7;
  color: #ffffff;
  border: none;
  font-size: 16px;
  font-weight: bold;
}

2. CSS Thẻ Kính Mờ (Glassmorphism Card)

.glass-card {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 16px;
  padding: 16px;
}

Đấu Trường Săn Lỗi (Debug Arena)

Rèn luyện kỹ năng đọc hiểu và sửa lỗi cú pháp mã lệnh trực tiếp

Một lập trình viên giỏi không chỉ biết viết mã mà còn phải biết phát hiện lỗi sai. Hãy quan sát đoạn mã bị lỗi dưới đây, sửa lại cho đúng và nhấn nút Kiểm tra!

Lỗi 1: Thẻ h1 chưa được đóng

Sửa trực tiếp vào khung trên

Khung Năng Lực Số (NC1) & Văn Hóa Bản Quyền

1. Sử dụng Hình ảnh Hợp pháp (Creative Commons)

Tuyệt đối không lấy ảnh có logo bản quyền từ Google Images. Hãy sử dụng các kho ảnh miễn phí như Unsplash, Pexels hoặc hình ảnh tự chụp từ điện thoại cá nhân.

2. Bảo Vệ Dữ Liệu Cá Nhân Khi Xuất Bản Web

Khi đưa website lên mạng toàn cầu, không cung cấp thông tin nhạy cảm: Số căn cước công dân (CCCD), mật khẩu, địa chỉ nhà ở chi tiết hoặc số điện thoại riêng.

3. Văn Hóa Đánh Giá Đồng Đẳng (Peer-Review)

Khi để lại nhận xét trên trang web của bạn bè, luôn sử dụng ngôn từ văn minh, mang tính xây dựng, tôn trọng sự sáng tạo và công sức của bạn học.

Cấu Trúc Đề Thi Tốt Nghiệp THPT 2025 - Bộ GD&ĐT

Khảo Sát Năng Lực Lập Trình & Thiết Kế Web 12

Gồm 3 phần: Trắc nghiệm 4 lựa chọn (Phần I) • Trắc nghiệm Đúng/Sai (Phần II) • Trả lời ngắn (Phần III)

15:00

Họ tên thí sinh:

Lớp học:

PHẦN I: Câu Hỏi Trắc Nghiệm 4 Lựa Chọn 1.0 Điểm (4 câu)

Thí sinh chọn 1 phương án đúng duy nhất cho mỗi câu hỏi (Mỗi câu trả lời đúng được 0.25 điểm):

Câu 1: Thẻ ngữ nghĩa HTML5 nào dưới đây dùng để bao bọc khối điều hướng menu chính của trang web? (SGK Tin 12 Bài 8)

Câu 2: Trong thuộc tính CSS Flexbox, thuộc tính nào dùng để căn chỉnh các phần tử con theo trục chính (trục ngang mặc định)? (SGK Tin 12 Bài 13)

Câu 3: Theo chuẩn công thái học Mobile-First và SGK Tin học 12, kích thước vùng chạm tối thiểu (Touch Target) của các nút bấm trên màn hình điện thoại là bao nhiêu?

Câu 4: Khi xuất bản trang web miễn phí trên nền tảng Canva Education (Chủ đề 7 - Tin học ứng dụng), tên miền website có dạng nào? (SGK Tin 12 Bài 28)

PHẦN II: Câu Hỏi Trắc Nghiệm Đúng / Sai (Cấu Trúc Mới 2025) 2.0 Điểm (2 câu)

Thí sinh chọn Đúng hoặc Sai cho từng ý a, b, c, d. Điểm mỗi câu theo quy chế Bộ GD&ĐT: 1 ý đúng = 0.1đ | 2 ý đúng = 0.25đ | 3 ý đúng = 0.5đ | 4 ý đúng = 1.0đ.

Câu 1: Cho đoạn mã HTML sau: <img src="avatar.png" alt="Ảnh chân dung học sinh">. Xác định tính Đúng / Sai của các khẳng định sau: (SGK Tin 12 Bài 9 & 10)

a) Thẻ <img> là phần tử tự đóng (empty element) nên không có thẻ đóng </img>.

b) Thuộc tính src dùng để ghi chú văn bản thay thế khi hình ảnh không tải được.

c) Thuộc tính alt giúp người khiếm thị sử dụng phần mềm đọc màn hình hiểu được nội dung bức ảnh.

d) Trong HTML5, thẻ <img> bắt buộc phải đặt trong thẻ <table> thì trình duyệt mới vẽ được ảnh.

Câu 2: Về quy tắc thiết kế giao diện Mobile-First và phong cách hiện đại Glassmorphism / Neumorphism (SGK Tin 12 Bài 13 & 14):

a) Chiến lược Mobile-First yêu cầu lập trình viên tối ưu cho điện thoại trước, sau đó mới mở rộng cho máy tính.

b) Trên điện thoại, thanh điều hướng đáy (Bottom Nav) giúp người dùng dễ dàng thao tác bằng ngón tay cái hơn thanh menu đặt ở đỉnh.

c) Hiệu ứng kính mờ (Glassmorphism) được kích hoạt chủ yếu bằng thuộc tính CSS backdrop-filter: blur(...).

d) Bố cục 3 cột dàn ngang trên máy tính nên giữ nguyên khi hiển thị trên điện thoại để tiết kiệm chiều dọc.

PHẦN III: Câu Hỏi Trắc Nghiệm Trả Lời Ngắn 1.0 Điểm (4 câu)

Thí sinh nhập số hoặc từ khóa chính xác vào ô trống (Mỗi câu trả lời đúng được 0.25 điểm):

Câu 1: Nhập tên thẻ HTML5 cấp cao nhất dùng cho tiêu đề chính quan trọng nhất của bài viết hoặc trang web (chỉ nhập tên thẻ, ví dụ: p):

Câu 2: Nhập số pixel (px) chiều cao tối thiểu chuẩn cho vùng chạm nút bấm trên màn hình điện thoại di động:

Câu 3: Thuộc tính display trong CSS dùng giá trị nào để kích hoạt mô hình bố cục hộp linh hoạt? (nhập 1 từ tiếng Anh):

Câu 4: Trong thẻ <form>, phương thức nào (method) dùng để gửi dữ liệu bảo mật, không xuất hiện thông tin trên thanh địa chỉ URL? (nhập 1 từ):

Phòng Triển Lãm Số (Gallery Walk 360°)

Không Gian Triển Lãm & Đánh Giá Dự Án Web

Phân vùng không gian riêng cho từng lớp (12C1, 12C2...). Tự động cập nhật thời gian thực khi học sinh nộp sản phẩm.

Tổng cộng: 0 dự án

⚔️

Đấu Trường Sáng Tạo: 12C1 vs 12C2

Trực Tiếp

So tài số lượng dự án xuất bản và điểm chất lượng Rubric 360°

Lớp 12C1: 0 dự án (0.0đ) Lớp 12C2: 0 dự án (0.0đ)

Bục Vinh Danh Top 3 Dự Án Đỉnh Cao

Dẫn đầu bảng xếp hạng chất lượng toàn khóa 12

Nộp Dự Án Web Cá Nhân / Nhóm Vào Triển Lãm

Tự động đồng bộ toàn lớp

Học sinh điền liên kết website đã xuất bản (Canva Education hoặc mã nguồn HTML5) để đưa lên màn hình triển lãm của lớp:

1. Chọn Lớp Học *:

2. Tên Dự Án Web *:

3. Tác Giả / Nhóm *:

4. Định Hướng Công Nghệ:

5. Bài Tập / Nhiệm Vụ SGK *:

6. Đường Dẫn Website Trực Tuyến (URL) *:

6. Giới Thiệu Ngắn Về Dự Án (Mục tiêu & Điểm nổi bật):

Bục Trưng Bày Dự Án: Tất Cả Các Lớp

Trải nghiệm màn hình di động, quét mã QR và đánh giá chéo theo chuẩn Rubric 360°

Live Peer-Review

Hệ Sinh Thái Sư Phạm Di Động: Thiết Kế & Lập Trình Web Lớp 12