Đăng nhậpDùng miễn phí

Tin học 12 · Chủ đề 7 (ICT). Ứng dụng tin học

Bài 27. Biểu mẫu trên trang web (ICT)

Biểu mẫu giúp trang web nhận thông tin từ người dùng. Bài học tạo biểu mẫu bằng Google Forms, nhúng biểu mẫu vào trang Google Sites và xem dữ liệu thống kê các câu trả lời.

Nhớ nhanh

1. Biểu mẫu trên trang web

Định nghĩa

Biểu mẫu (form) trên trang web là vùng gồm các ô nhập, ô chọn, nút gửi để người dùng điền thông tin và gửi về cho chủ website.

Em đã gặp biểu mẫu khi tra cứu điểm thi vào lớp 10, đăng nhập hộp thư, đăng kí tham gia sự kiện, đặt hàng trực tuyến, góp ý cho một trang web. Biểu mẫu biến trang web từ chỗ chỉ để đọc thành nơi trao đổi hai chiều: thu thập ý kiến, khảo sát, đăng kí, kiểm tra trắc nghiệm.

Trong Google Sites, cách đơn giản nhất là tạo biểu mẫu bằng Google Forms (ứng dụng miễn phí của Google, cần tài khoản Google) rồi nhúng vào trang. Câu trả lời được Google Forms lưu lại và tổng hợp tự động.

2. Tạo biểu mẫu bằng Google Forms

2.1 Chuẩn bị nội dung

Trước khi tạo cần xác định: biểu mẫu dùng để làm gì, hỏi ai, gồm những câu hỏi nào, câu nào bắt buộc trả lời, mỗi câu nhận câu trả lời dạng gì. Nên viết nháp danh sách câu hỏi ra giấy.

2.2 Giao diện và các loại câu hỏi

Truy cập forms.google.com (hoặc từ biểu tượng ứng dụng Google chọn Biểu mẫu), chọn mẫu trống để tạo biểu mẫu mới hoặc chọn một mẫu có sẵn (đăng kí sự kiện, thông tin liên hệ, đơn đặt hàng…). Giao diện soạn có thẻ Câu hỏi để soạn, thẻ Câu trả lời để xem kết quả; bên phải các câu hỏi có thanh công cụ nhỏ để thêm câu hỏi, thêm tiêu đề, ảnh, video, phần mới.

Loại câu hỏiDùng khi
Trả lời ngắnCâu trả lời một dòng: họ tên, lớp, số điện thoại.
ĐoạnCâu trả lời dài nhiều dòng: góp ý, cảm nhận.
Trắc nghiệmChọn đúng một phương án (nút tròn).
Hộp kiểmĐược chọn nhiều phương án (ô vuông).
Menu thả xuốngChọn một phương án trong danh sách dài.
Phạm vi tuyến tính, xếp hạngĐánh giá theo thang điểm (ví dụ từ 1 đến 5).
Lưới trắc nghiệm, lưới hộp kiểmNhiều câu cùng dùng một bộ lựa chọn, trình bày dạng bảng.
Ngày, Giờ, Tải tệp lênNhập ngày, giờ; gửi kèm tệp.
Tạo biểu mẫu mới
  1. 1.
    Chọn mẫu trống. Nháy vào dòng tiêu đề mặc định ở đầu biểu mẫu để gõ tiêu đề, ô bên dưới gõ mô tả ngắn.
  2. 2.
    Ở câu hỏi đầu tiên: gõ nội dung câu hỏi, chọn loại câu hỏi ở ô bên phải, nhập các phương án (nếu là câu chọn).
  3. 3.
    Bật Bắt buộc cho câu nhất định phải trả lời. Có thể chèn ảnh vào câu hỏi.
  4. 4.
    Chọn dấu cộng (Thêm câu hỏi) để tạo câu tiếp theo; dùng nút Nhân bản, Xoá dưới mỗi câu khi cần.
  5. 5.
    Chọn biểu tượng bảng màu (Tuỳ chỉnh giao diện) để đổi màu, ảnh đầu biểu mẫu, phông chữ; chọn Xem trước (con mắt) để thử điền.
Lưu ý

Google Forms tự lưu biểu mẫu vào Google Drive. Trong Cài đặt có thể chọn có thu thập địa chỉ email hay không, có giới hạn mỗi người trả lời một lần (khi đó người trả lời phải đăng nhập tài khoản Google). Ai được trả lời phụ thuộc vào cấu hình của người tạo. Không hỏi những thông tin riêng tư không cần thiết.

3. Nhúng biểu mẫu vào trang web

Đưa biểu mẫu vào trang Google Sites
  1. 1.
    Mở website trong Google Sites, chọn trang cần đặt biểu mẫu (ví dụ trang Góp ý).
  2. 2.
    Mở bảng chọn Chèn, ở nhóm các đối tượng khác chọn Biểu mẫu (Forms).
  3. 3.
    Chọn biểu mẫu vừa tạo trong danh sách các biểu mẫu trên Drive, chọn Chèn.
  4. 4.
    Kéo các cạnh khung để biểu mẫu đủ rộng, đủ cao; xem trước, điền thử rồi Xuất bản lại website.

Cách khác: trong Google Forms chọn Gửi, chọn biểu tượng mã nhúng (dấu ngoặc nhọn), sao chép mã; sang Google Sites chọn Chèn →\to Nhúng, chuyển sang phần dán mã nhúng rồi dán mã vào. Cách này dùng được cả với các nền tảng web khác.

4. Xem dữ liệu thống kê phản hồi

Xem câu trả lời
  1. 1.
    Mở biểu mẫu trong Google Forms, chọn thẻ Câu trả lời (Responses); con số trên thẻ là số câu trả lời đã nhận.
  2. 2.
    Phần tóm tắt: các câu chọn được thống kê bằng biểu đồ (biểu đồ hình tròn, biểu đồ cột) kèm số lượng và tỉ lệ phần trăm; câu trả lời ngắn, đoạn được liệt kê.
  3. 3.
    Có thể xem theo từng câu hỏi (tất cả câu trả lời của một câu) hoặc theo từng người (từng bài trả lời).
  4. 4.
    Chọn lệnh liên kết với Google Trang tính để đưa toàn bộ câu trả lời sang một bảng tính Google Trang tính, mỗi lượt trả lời là một hàng.
  5. 5.
    Tắt chế độ nhận câu trả lời khi muốn dừng nhận thêm.

5. Ví dụ minh hoạ

Ví dụ 1

Tạo biểu mẫu lấy ý kiến cho website Những bài ca đi cùng năm tháng và đưa vào trang Góp ý.

Lời giải

Vào forms.google.com, chọn mẫu trống, đặt tiêu đề Góp ý cho website Những bài ca đi cùng năm tháng. Câu 1 Bạn là học sinh lớp nào? – Trả lời ngắn, bắt buộc. Câu 2 Bạn thích mục nào nhất? – Trắc nghiệm: Ca khúc, Nhạc sĩ, Ca sĩ. Câu 3 Bạn muốn website có thêm gì? – Hộp kiểm: video biểu diễn, lời bài hát, câu đố âm nhạc. Câu 4 Chấm điểm website – Phạm vi tuyến tính 1–5. Câu 5 Góp ý khác – Đoạn. Sang Google Sites, tạo trang Góp ý, Chèn →\to Biểu mẫu, chọn biểu mẫu, Chèn, xuất bản. Sau vài ngày xem thẻ Câu trả lời để biết mục được yêu thích nhất.

Lỗi hay gặp
  • Dùng Trắc nghiệm cho câu được chọn nhiều đáp án (phải dùng Hộp kiểm) hoặc ngược lại.
  • Không bật Bắt buộc cho thông tin cần thiết nên nhận về nhiều câu trả lời thiếu.
  • Khung biểu mẫu nhúng quá thấp, người xem phải cuộn trong khung nhỏ.
  • Quên xuất bản lại website sau khi chèn biểu mẫu.

6. Câu hỏi ôn tập

Câu hỏi 1

Nêu lợi ích của biểu mẫu trên trang web và kể ba ví dụ.

Gợi ý trả lời

Biểu mẫu giúp nhận thông tin từ người dùng, tạo trao đổi hai chiều, tự động tổng hợp kết quả. Ví dụ: tra cứu điểm thi, đăng kí sự kiện, phiếu góp ý, đơn đặt hàng, bài kiểm tra trắc nghiệm.

Câu hỏi 2

Phân biệt loại câu hỏi Trắc nghiệm và Hộp kiểm; Trả lời ngắn và Đoạn.

Gợi ý trả lời

Trắc nghiệm chỉ cho chọn một phương án; Hộp kiểm cho chọn nhiều phương án. Trả lời ngắn nhập một dòng; Đoạn nhập văn bản dài nhiều dòng.

Câu hỏi 3

Nêu cách nhúng biểu mẫu vào trang Google Sites và nơi xem kết quả.

Gợi ý trả lời

Trong Google Sites chọn Chèn →\to Biểu mẫu, chọn biểu mẫu trên Drive, chèn và xuất bản lại (hoặc lấy mã nhúng ở nút Gửi của Google Forms rồi dùng Nhúng). Kết quả xem ở thẻ Câu trả lời của Google Forms, dạng biểu đồ, danh sách, hoặc chuyển sang Google Trang tính.

Gặp bài khó? Chụp ảnh để CEAO giảiAI giải từng bước, đề kiểm tra theo bài, thẻ ghi nhớ. Đăng ký miễn phí.
Thử ngay