Công cụ ánh xạ hình ảnh

Trong bài toán đầu vào được ánh xạ hình ảnh , còn được gọi là bài toán “trỏ vào ảnh”, học sinh nhấp vào bên trong một vùng xác định trong ảnh. Bạn xác định vùng này bằng cách bao gồm các tọa độ trong nội dung của vấn đề.

Bạn có thể chỉ định các loại vùng sau:

Một vùng hình chữ nhật. Để biết thêm thông tin, hãy xem Chỉ định một vùng hình chữ nhật.
Nhiều vùng hình chữ nhật. Để biết thêm thông tin, hãy xem Chỉ định Nhiều Khu vực Hình chữ nhật.
Một vùng không phải hình chữ nhật. Để biết thêm thông tin, hãy xem Chỉ định Khu vực Không thường xuyên.

Ghi chú

Khi bạn tạo sự cố có chứa hình ảnh, bạn phải bao gồm văn bản thay thế cho hình ảnh của mình để hình ảnh có thể truy cập được. Để biết thêm thông tin về văn bản thay thế, hãy xem Sử dụng các phương pháp hay nhất để mô tả hình ảnh.

Tạo vấn đề đầu vào được ánh xạ hình ảnh

Để tạo vấn đề đầu vào được ánh xạ hình ảnh, hãy làm theo các bước sau.

Thu thập thông tin mà bạn cần cho hình ảnh.
Tạo sự cố trong Studio.

Thu thập thông tin hình ảnh

Để tạo một vấn đề đầu vào được ánh xạ hình ảnh, bạn cần các yếu tố sau.

Chiều cao và chiều rộng của hình ảnh tính bằng pixel.
Các cặp phối hợp xác định vùng hoặc các vùng mà bạn muốn người học nhấp vào.

Để thu thập thông tin bạn cần về hình ảnh của mình, hãy sử dụng công cụ chỉnh sửa hình ảnh như Microsoft Paint.

Ghi chú

Các cặp tọa độ cho tất cả các hình ảnh bắt đầu bằng (0,0) ở góc trên bên trái của hình ảnh và tăng giá trị về phía góc dưới bên phải, tương tự như quá trình đọc tiếng Anh.

Để chỉ định một vùng hình chữ nhật, bạn cần hai cặp tọa độ: góc trên bên trái và góc dưới bên phải.
Để chỉ định nhiều hơn một hình chữ nhật, bạn cần các cặp tọa độ cho góc trên bên trái và góc dưới bên phải của mỗi hình chữ nhật.
Để chỉ định một vùng không đều, bạn cần ba cặp tọa độ trở lên. Studio tạo ra hình dạng đơn giản nhất có thể dựa trên các cặp tọa độ này. Bạn có thể nhập các cặp tọa độ theo bất kỳ thứ tự nào.

Ví dụ, đối với một tam giác, bạn cần ba cặp tọa độ. Đối với một hình bát giác, bạn cần tám cặp tọa độ.

Tạo vấn đề đầu vào được ánh xạ hình ảnh trong** Elite Learning** Studio

Trong Studio, tải hình ảnh của bạn lên trang Tệp & Tải lên và ghi chú lại đường dẫn tệp cho hình ảnh. Để biết thêm thông tin, hãy xem Thêm tệp vào khóa học.
Trong đơn vị mà bạn muốn tạo sự cố, bấm Sự cố bên dưới Thêm Thành phần Mới , rồi bấm vào tab Nâng cao.
Nhấp vào Đầu vào được Ánh xạ Hình ảnh.
Trong thành phần xuất hiện, nhấp vào Chỉnh sửa.
Trong trình soạn thảo thành phần, hãy thay thế văn bản vấn đề mẫu bằng văn bản của riêng bạn.
Trong phần tử < imageinput>, hãy làm theo các bước sau:

Thay thế đường dẫn tệp mẫu trong thuộc tính src bằng đường dẫn tệp cho hình ảnh của bạn.
Bao gồm văn bản thay thế cho hình ảnh của bạn để làm cho hình ảnh có thể truy cập được. Để biết thêm thông tin về văn bản thay thế, hãy xem Sử dụng các phương pháp hay nhất để mô tả hình ảnh.
Thay thế các giá trị mẫu cho các thuộc tính chiều rộng và chiều cao bằng các kích thước cho hình ảnh của bạn.
Sửa đổi thuộc tính hình chữ nhật mẫu để phản ánh hình dạng và kích thước của vùng mà bạn muốn chỉ định. Để biết thêm thông tin, hãy xem Chỉ định Vùng Hình chữ nhật , Chỉ định Nhiều Vùng Hình chữ nhật hoặc Chỉ định Vùng Không thường xuyên.

Nhấp vào để L** ưu**.

Chỉ định một vùng hình chữ nhật

Để chỉ định một vùng hình chữ nhật, hãy chỉnh sửa thuộc tính hình chữ nhật trong phần tử < imageinput>

Chỉ định cặp tọa độ cho góc trên bên trái và góc dưới bên phải của hình chữ nhật, phân tách các giá trị x và y bằng dấu phẩy.
Bao quanh mỗi cặp tọa độ bằng dấu ngoặc đơn.
Dùng dấu gạch ngang để ngăn cách các cặp tọa độ.
Bao quanh tập hợp các cặp tọa độ bằng dấu ngoặc kép (“)

Ví dụ: Thuộc tính hình chữ nhật sau tạo một hình chữ nhật từ hai cặp tọa độ:

hình chữ nhật = "(338,98) - (412,168)"

Mã vấn đề:

    <problem>

     <p>What country is home to the Pyramids as well as the cities of
     Cairo and Memphis? Click the country on the map below.</p>

     <imageresponse>
       <imageinput src="/static/Africa.png" width="600" height="638"
     rectangle="(338,98)-(412,168)" alt="Map of Africa" />
     </imageresponse>

     <solution>
       <div class="detailed-solution">

         <p>Explanation</p>

         <p>Egypt is home to not only the Pyramids, Cairo, and Memphis, but also the
     Sphinx and the ancient Royal Library of Alexandria.</p>

       </div>
     </solution>

    </problem>

Chỉ định Nhiều Khu vực Hình chữ nhật

Bạn có thể chỉ định nhiều vùng hình chữ nhật trong một hình ảnh.

Để chỉ định nhiều vùng hình chữ nhật, hãy chỉnh sửa thuộc tính hình chữ nhật trong phần tử < imageinput>.

Chỉ định cặp tọa độ cho góc trên bên trái và góc dưới bên phải của mỗi hình chữ nhật, phân tách các giá trị x và y bằng dấu phẩy.
Bao quanh mỗi cặp tọa độ bằng dấu ngoặc đơn.
Dùng dấu gạch ngang (-) để ngăn cách các cặp tọa độ.
Phân tách từng hình chữ nhật bằng dấu chấm phẩy (;).
Bao quanh toàn bộ tập hợp các tọa độ bằng dấu ngoặc kép (“).

Ví dụ: Thuộc tính hình chữ nhật sau đây tạo ra ba hình chữ nhật:

hình chữ nhật = "(62,94) - (262,137); (306,41) - (389,173); (89,211) - (187,410)"

Mã vấn đề:

    <problem>

     <p>In the following image, click inside any of the rectangles.</p>

       <imageresponse>

         <imageinput src="/static/imageresponse_multipleregions.png" width="450"
           height="450" rectangle="(62,94)-(262,137);(306,41)-(389,173);(89,211)-
           (187,410)" alt="Three rectangles on a white background" />

       </imageresponse>

    </problem>

Chỉ định một khu vực bất thường

Bạn có thể chỉ định một vùng không phải hình chữ nhật.

Để chỉ định một vùng không đều, hãy chỉnh sửa thuộc tính hình chữ nhật trong phần tử < imageinput>.

Thay đổi hình chữ nhật thành vùng.
Chỉ định ba hoặc nhiều điểm tọa độ theo bất kỳ thứ tự nào.
Nhập từng cặp tọa độ trong dấu ngoặc ([]).
Không sử dụng dấu ngoặc đơn.
Phân cách từng tập hợp điểm bằng dấu phẩy (,) và dấu cách.
Đặt toàn bộ danh sách các điểm tọa độ trong dấu ngoặc ([]).
Bao quanh dấu ngoặc nhọn bên ngoài bằng dấu ngoặc kép (“).

Ví dụ , thuộc tính khu vực sau đây tạo ra một hình ngũ giác.

vùng = "[[219,86], [305,192], [305,381], [139,381], [139,192]]"

Mã vấn đề:

     <p>In the following image, click inside the pentagon.</p>

     <imageresponse>

       <imageinput src="/static/imageresponse_irregularregions.jpg" width="600"
       height="204" regions="[[219,86], [305,192], [305,381], [139,381],
       [139,192]]" alt ="A series of 10 shapes including a circle, triangle,
       trapezoid, pentagon, star, and octagon" />

     </imageresponse>

    </problem>

Vấn đề đầu vào được ánh xạ hình ảnh XML

Mã vấn đề:

    <problem>

      <p>Problem text</p>

          <imageresponse>

           <imageinput src="IMAGE FILE PATH" width="NUMBER" height="NUMBER"
           rectangle="(X-AXIS,Y-AXIS)-(X-AXIS,Y-AXIS)" alt="DESCRIPTION OF
           IMAGE" />

          </imageresponse>

    </problem>