Web Sketchpad (WSP) là một công nghệ mới do McGraw-Hill Education sản xuất và có nguồn gốc từ The Geometer’s Sketchpad. WSP hỗ trợ giao diện người dùng đơn giản nhưng mạnh mẽ bằng cách cung cấp cho nhà thiết kế các hoạt động giáo dục toán các công cụ dễ sử dụng và nhắm mục tiêu chính xác đến một hoạt động học toán cụ thể. Các mô hình tạo ra từ WSP tương thích với bất kỳ trình duyệt web hiện đại nào, không yêu cầu phần mềm hoặc giấy phép khác. Hãy thử khám phá mô hình dưới đây:

Ở mô hình trên, bạn hãy thử dùng các công cụ cung cấp ở phía bên trái, để dựng lại các hình có sẵn, hoặc dựng thêm các hình khác mà bạn có thể dựng được bằng thước thẳng và compass xem sao nhé.

McGraw-Hill Education cung cấp WSP miễn phí cho mục đích sử dụng phi thương mại. Mặc dù WSP vẫn đang trong quá trình phát triển và chưa được phát hành chính thức, nó có một chương trình thử nghiệm beta đang hoạt động cho phép chúng ta có thể tổ chức các hoạt động khám phá kiến thức toán học nhà trường, trực tiếp trên các nền tảng dạy học trực tuyến, như Moodle.

Xem video giới thiệu Web Sketchpad, cách tạo mô hình, tích hợp vào bài học:

Link xem trên Youtube: https://youtu.be/R643cOvK-CI

Đoạn code để dùng chèn vào trong bài học:

<script charset="utf-8" type="text/javascript" src="https://www.truyenthong.edu.vn/wsp/js/jquery-2.1.0.js"></script>
<script charset="utf-8" type="text/javascript" src="https://www.truyenthong.edu.vn/wsp/js/wsp.js"></script>
<script charset="utf-8" type="text/javascript" src="https://www.truyenthong.edu.vn/wsp/widgets/jquery.tiny-draggable.js"></script>

<script charset="utf-8" type="text/javascript" src="https://www.truyenthong.edu.vn/wsp/js/wsp-runner.js"></script>
<script charset="utf-8" type="text/javascript" src="https://www.truyenthong.edu.vn/wsp/tools.js"></script>

<script charset="utf-8" type="text/javascript" src="https://link/to/your/file/js/or/json/.js"></script>

<p></p>
<div style="float:center; border:0px solid; width:600px;">
    <div class="sketch_canvas" data-var="name/of/your/js/content" style="border:none; border-bottom:0px solid;">&nbsp;</div>
</div>

Trong đoạn code này, bạn sửa https://link/to/your/file/js/or/json/.js thành liên kết tới file -json.js của bạn, và sửa name/of/your/js/content thành tên lấy trong dòng đầu tiên của file json.js ở trên.

Ví dụ, bạn có thể sửa liên kết tới mô hình ở trên thành https://www.truyenthong.edu.vn/online/websketchpad/files/ndmp_dinhlytalet-json.js và ndmp_dinhlytalet để chạy thử.

Nếu sau khi chèn đoạn code trên vào bài học trên Moodle mà không chạy được, và bạn cần hỗ trợ, hãy nêu yêu cầu ở trang Face này: https://www.facebook.com/truyenthong.edu.vn/