Sự cố kéo và thả
Trong các bài toán kéo và thả , người học trả lời câu hỏi bằng cách kéo văn bản hoặc hình ảnh đến một vị trí cụ thể trên ảnh nền. Phần này giải thích cách sử dụng các vấn đề kéo và thả trong khóa học của bạn.
Ghi chú
Loại sự cố kéo và thả này nhằm thay thế cho loại sự cố kéo và thả cũ hơn. Loại vấn đề kéo và thả này bao gồm những cải tiến đáng kể và bạn nên sử dụng nó cho bất kỳ sự phát triển khóa học mới nào. Để biết thêm thông tin về loại sự cố kéo và thả trước đây, không được dùng nữa, hãy xem Sự cố kéo và thả (Không được dùng nữa).
Tổng quan về các vấn đề kéo và thả
Bài toán kéo và thả bao gồm một ảnh nền và một hoặc nhiều mục mà người học có thể kéo vào các vùng mục tiêu trên ảnh nền. Bạn có thể bao gồm nhiều mục có thể kéo và nhiều vùng mục tiêu nếu bạn cần. Bạn có thể bao gồm các vật phẩm mồi nhử không có mục tiêu và bạn có thể bao gồm các mục tiêu mồi nhử không tương ứng với các vật phẩm có thể kéo được.
Khi người học xem một bài toán kéo và thả trong Elite Learning, bài toán đó bao gồm một phần trên cùng và một phần dưới cùng. Người học kéo các mục từ phần trên cùng vào hình nền trong phần bên dưới nó.
Cách người học chọn hoặc lấy một mục phụ thuộc vào loại trình duyệt mà người học sử dụng. Ví dụ, một người học có thể nhấp và giữ vào một mục có thể kéo bằng con trỏ chuột để chọn nó, kéo mục đó đến mục tiêu và thả con trỏ chuột để thả mục đó vào mục tiêu. Người học tiếp cận vấn đề trên thiết bị di động có màn hình cảm ứng có thể vuốt một mục từ phần trên cùng vào vùng mục tiêu. Người học sử dụng giao diện bàn phím có thể sử dụng các phím điều hướng để chọn một mục và sau đó khớp nó với một vùng mục tiêu.
Bạn có thể định cấu hình vấn đề kéo và thả để giúp người học cố gắng không giới hạn để khớp các mục với vùng mục tiêu hoặc bạn có thể định cấu hình nó hoạt động hạn chế, như một bài kiểm tra.
- Ở chế độ tiêu chuẩn, bài toán cho phép người học cố gắng không giới hạn để khớp các mục và nó cung cấp phản hồi ngay lập tức để cho biết liệu một mục có được khớp chính xác hay không.
- Trong chế độ đánh giá, người học phải khớp tất cả các mục có thể kéo với các khu vực mục tiêu và sau đó nộp bài toán. Vấn đề không tiết lộ liệu các mục có được khớp chính xác hay không cho đến khi người học nộp bài.
Để biết thêm thông tin về chế độ đánh giá và chế độ tiêu chuẩn, hãy xem Chọn Chế độ Vấn đề Kéo và Thả.
Hình ảnh sau đây cho thấy một ví dụ về vấn đề kéo và thả.
Hình ảnh sau đây cho thấy thông báo phản hồi thành công mà người học nhìn thấy khi họ khớp một mục có thể kéo với vùng mục tiêu của nó. Mỗi mục có thể kéo có thông báo phản hồi thành công riêng.
Hình ảnh sau đây cho thấy thông báo phản hồi lỗi mà người học nhìn thấy khi họ khớp một mục có thể kéo với một vùng mục tiêu không chính xác. Mỗi mục có thể kéo có thông báo phản hồi lỗi riêng.
Hình ảnh sau đây cho thấy sự cố kéo và thả đã hoàn thành. Thông báo phản hồi cuối cùng thông báo cho người học rằng vấn đề đã hoàn tất.
Hiểu hình ảnh nền
Hình nền cho bài toán kéo và thả là bề mặt mà người học kéo các mục lên.
Vùng mục tiêu là một vùng hình chữ nhật trên ảnh nền. Bạn có thể hiển thị hoặc ẩn các đường viền của một vùng cho người học. Bạn có thể thêm tiêu đề cho các vùng hoặc để trống trường Tiêu đề. Tuy nhiên, bạn phải điền vào trường Mô tả cho từng khu vực. Mô tả chỉ hiển thị với trình đọc màn hình. Phần mô tả phải mô tả nội dung của khu dành cho người khiếm thị. Ví dụ: một khu vực bao gồm một quả táo có thể có mô tả là "Một quả tròn, màu đỏ có cuống."
Hình nền phải vừa với màn hình khóa học. Elite Learning tự động chia tỷ lệ hình ảnh quá rộng. Nếu bạn chọn hình nền cực lớn, bạn nên xem xét cách nó hiển thị với người học sau khi thu nhỏ. Chiều rộng của màn hình khóa học phụ thuộc vào thiết bị và phần mềm duyệt web mà người học sử dụng.
Bạn xác định vùng mục tiêu bằng cách chỉ định chiều rộng, chiều cao, độ lệch ngang (x) và độ lệch dọc (y). Mỗi thông số kỹ thuật tính bằng pixel. Độ lệch ngang là khoảng cách giữa phía bên trái của hình nền và phía bên trái của vùng mục tiêu. Độ lệch dọc là khoảng cách giữa phần trên cùng của hình nền và phần trên cùng của vùng mục tiêu.
Hình ảnh sau đây hiển thị hình nền và các vùng mục tiêu trong hộp thoại chỉnh sửa sự cố kéo và thả. Để biết thêm thông tin về chỉnh sửa sự cố kéo và thả, hãy xem Tạo sự cố kéo và thả.
Ghi chú
Tọa độ pixel mà bạn sử dụng để chỉ định kích thước và vị trí của các vùng mục tiêu cũng được sử dụng bởi phần mềm chỉnh sửa hình ảnh thông thường. Bạn có thể mở ảnh nền trong chương trình chỉnh sửa ảnh để tìm tọa độ pixel của vùng mục tiêu.
Hiểu các mục có thể kéo và thả
Mặt hàng có thể kéo là một hình chữ nhật có chứa nhãn hoặc hình ảnh. Người học lấy các mục có thể kéo từ đầu bài toán kéo và thả và kéo chúng đến các mục tiêu trên hình nền.
Bạn có thể đặt kích thước của hình chữ nhật cho một mục có thể kéo dưới dạng phần trăm chiều rộng của vấn đề. Nếu bạn không chỉ định kích thước, Elite Learning sẽ đặt nó dựa trên độ dài của văn bản trong nhãn hoặc kích thước của hình ảnh trong đó. Bạn có thể đặt màu nền và màu văn bản nhãn cho các mục trong sự cố.
Mỗi mục có thể kéo có thể khớp với một vùng mục tiêu trên hình nền, nhiều vùng mục tiêu hoặc không có vùng mục tiêu.
Mỗi mục phải có một nhãn văn bản để xác định nó trong bài toán kéo và thả. Nếu bạn chỉ bao gồm một nhãn văn bản, nhãn đó sẽ xuất hiện trong mục có thể kéo. Nếu bạn bao gồm cả nhãn văn bản và hình ảnh cho một mục, hình ảnh sẽ xuất hiện dưới dạng nhãn của nó.
Sử dụng các mục có thể kéo với hình ảnh
Hình ảnh sau đây cho thấy các mục có thể kéo với hình ảnh. Để biết ví dụ về các mục có văn bản, hãy xem Tổng quan về Sự cố Kéo và Thả.
Hình ảnh cho các mục có thể kéo có mô tả hình ảnh thay thế. Mô tả thay thế giải thích nội dung hình ảnh trong văn bản. Nếu người học không thể tiếp cận nội dung hình ảnh trực quan, mô tả văn bản sẽ giúp người học đó hoàn thành vấn đề.
Hình ảnh cho các mục có thể kéo phải vừa với phần trên cùng của vấn đề. Elite Learning tự động chia tỷ lệ hình ảnh lớn để phù hợp. Nếu bạn sử dụng hình ảnh lớn trong mục có thể kéo, bạn nên xem xét hình ảnh đó xuất hiện như thế nào sau khi thu nhỏ.
Ghi chú
Nếu tệp hình ảnh không khả dụng hoặc không thể hiển thị, Elite Learning sẽ hiển thị mô tả văn bản dưới dạng nhãn nút.