Thêm nút thứ hai vào màn hình não - Dựa trên khối

Bây giờ, khi học sinh đã có kinh nghiệm coi màn hình não như một nút bấm lớn, các em có thể biến màn hình thành hai nút bấm. Hoạt động này sẽ giới thiệu cho học sinh cách sử dụng các khối [If then else] lồng nhau để quản lý tốt hơn các câu lệnh có điều kiện và logic cơ bản khi thực hiện như vậy. Đầu tiên, học sinh được hướng dẫn xây dựng dự án để nhấn màn hình để điều khiển robot rẽ trái hoặc phải. Nhưng sau đó, họ được yêu cầu chuyển đổi các nút sao cho nút nào khiến robot rẽ trái thì lại rẽ phải, và ngược lại.

Để biết thêm thông tin về các khối [Nếu thì]và[Nếu thì khác] hoặc các khối khác được sử dụng trong hoạt động này, hãy truy cập thông tin trợ giúp trong VEXcode V5. Để biết thêm thông tin về công cụ trợ giúp tích hợp này, hãy nhấp vàoở đây.

Sau đây là phác thảo những gì học sinh của bạn sẽ làm trong hoạt động này:

• Xem lại dự ánStopOrDrivevà bố cục màn hình não tính bằng pixel.

• Xây dựng một dự ánLeftOrRightmới trong khi được hướng dẫn về lý luận lập trình.

• Sửa đổi dự án để các nút trên màn hình hoạt động ngược nhau.

• Mở rộng khả năng học tập của bạn: Chia màn hình thành hai nút, khi nhấn vào sẽ khiến robot rẽ trái hoặc phải.

Để có gợi ý về các chiến lược giảng dạy cho phần này, hãy xem lại cột Triển khai của Hướng dẫn tiến độ Nên làm hay Không nên làm! (Google Doc / .docx / .pdf)

Giá trị x ở giữa màn hình bằng một nửa chiều rộng của màn hình tính bằng pixel. Vì vậy, giá trị x của điểm trung tâm là 240. Học sinh sẽ cần số này để lập trình điều kiện cho việc màn hình được nhấn sang trái hay phải. Vì vậy, hãy chắc chắn kiểm tra xem tất cả chúng đều có giá trị chính xác.

Nhìn về phía trước, Thử thách Giao diện người dùng trong phần Suy nghĩ lại sẽ yêu cầu học sinh áp dụng những gì đã học để tạo ra bốn nút trên màn hình. Vì vậy, để làm được điều đó, họ sẽ cần cả giá trị x và y.

Các hướng dẫn sẽ hướng dẫn học viên đến phần Hướng dẫn trong VEXcode V5 khi cần thiết. Để được hỗ trợ thêm, hãy xem Thư việnđể biết các bài viết trợ giúp bổ sung.

Bộ khung của dự án (chỉ các khối điều khiển) bao gồm các khối lồng nhau: và khối [Nếu thì khác] bên trong khối [Nếu thì khác] bên trong vòng lặp [Mãi mãi]. Điều này có vẻ phức tạp hơn mức cần thiết vì thay vào đó bạn có thể sử dụng các khối [Nếu thì] tuần tự. Tuy nhiên, sử dụng các khối [Nếu thì] tuần tự không phải là phương pháp lập trình tốt.

Dự án bị từ chối ở bên trái là phiên bản có điều kiện tuần tự của dự án LeftOrRight của chúng ta. Nếu nhấn vào màn hình và nếu giá trị x nhỏ hơn 240, Clawbot sẽ rẽ trái. Nếu nhấn vào màn hình và nếu giá trị x lớn hơn 240, Clawbot sẽ rẽ phải. Vấn đề với dự án này là nó có nguy cơ xảy ra tình trạng cả hai điều kiện đều đúng. Bất cứ khi nào bạn sử dụng các khối [Nếu thì] tuần tự, bạn có nguy cơ tạo ra lỗi trong một dự án vì có thể có nhiều hơn một câu lệnh điều kiện đúng. Lỗi dẫn đến sự không thể đoán trước.

Ở giữa là khung của dự án LeftOrRight và bên phải là dự án được hiển thị với một số câu lệnh điều kiện và khối Drivetrain được chèn vào. Logic trong phiên bản này của dự án có đôi chút khác biệt. Nếu/khi màn hình được nhấn, giá trị x sẽ nhỏ hơn 240 (rẽ trái) hoặc không nhỏ hơn 240 (rẽ phải). Chúng ta không cần thêm câu lệnh điều kiện nào nữa ở đây. Khi nhấn vào màn hình, nhiệt độ sẽ nhỏ hơn 240 hoặc không. Chúng ta chỉ có hai nút cần quan tâm. Lưu ý, dự án bên phải vẫn chưa hoàn thành.

Học sinh cần hiểu được sự khác biệt giữa hai cách tiếp cận dự án này. Hiểu được sự khác biệt trong logic cơ bản sẽ mang lại lợi ích rất lớn cho các lập trình viên đang phát triển.

Trong khi thử nghiệm, học sinh cần nhận ra rằng Giao diện người dùng khi được sử dụng từ phía sau Clawbot dường như hoạt động ngược lại. Theo góc nhìn của người dùng, Clawbot sẽ quay đi khỏi phía mà người dùng đang nhấn. Đó không phải là trải nghiệm người dùng tối ưu.

Sinh viên nên lập kế hoạch, thử nghiệm và tinh chỉnh những thay đổi này cho dự án trong khi ghi chép lại trong sổ tay kỹ thuật của mình. Để biết tiêu chí chấm điểm sổ tay kỹ thuật cá nhân, hãy nhấp vào một trong các liên kết sau (Google Doc / .docx / .pdf) hoặc nhấp vào một trong các liên kết sau để biết sổ tay nhóm (Google Doc / .docx / .pdf). Hãy nhớ giải thích cách chấm điểm cho học sinh trước khi các em bắt đầu làm bài.

Có hai cách có thể giải quyết vấn đề nêu trên. Cách đầu tiên là cách được ghi trong hướng dẫn: Xem lại dự án LeftOrRight và sửa đổi sao cho khi người dùng nhấn các nút từ phía sau Clawbot, robot sẽ rẽ phải khi người dùng nhấn vào phía bên trái của màn hình. Nếu không, Clawbot sẽ rẽ trái.

Giải pháp khác là chuyển đổi khối Toán tử sao cho khi giá trị x lớn hơn 240, Clawbot sẽ rẽ trái.

Bạn cần sử dụng tọa độ từ mặt phẳng tọa độ khi lập trình câu lệnh điều kiện khi giá trị x nhỏ hơn 240 (phía bên trái màn hình). Để màn hình của não vẽ các nút trực quan, bạn cũng cần sử dụng tọa độ.
Quay lại Bước 2, nơi bạn được hiển thị tọa độ cho màn hình của Não Robot V5.

Q:Giá trị x ở cạnh phải màn hình là bao nhiêu?
A:Giá trị x tăng từ 0 ở cạnh trái đến 480 ở cạnh phải.

Q:Vậy phạm vi của giá trị x là 480 (từ 0 đến 480). Giá trị y có giá trị trong khoảng nào?
A:Giá trị y có giá trị trong khoảng 240 (từ 0 đến 240).

Q:Gốc tọa độ (0, 0) của mặt phẳng tọa độ này nằm ở đâu?
A:Gốc tọa độ nằm ở góc trên bên trái.

Q:Bạn đang ở đầu màn hình khi giá trị y bằng 0. Tại sao điều này lại bất thường?
A:Thông thường, giá trị y tăng khi bạn di chuyển lên trên nhưng trên màn hình V5, giá trị y tăng khi bạn di chuyển xuống dưới. Nhưng bạn có thể nghĩ về nó như giá trị y tăng dần khi bạn di chuyển ra xa gốc tọa độ (0, 0) ở góc trên bên trái của màn hình.

Trong Thử thách Giao diện người dùng của phần Tái thiết, học sinh sẽ được yêu cầu phát triển một dự án tạo ra bốn nút trên màn hình để điều khiển móng vuốt và cánh tay của Clawbot. Đối với thử thách đó, họ cũng được yêu cầu hiển thị bốn nút đó trên màn hình. Phần Mở rộng việc học này, giống như các trang trước, sẽ giúp học sinh chuẩn bị cho thử thách đó vì thử thách có bốn nút để lập trình nhưng phần này chỉ có hai.

Yêu cầu học sinh thêm một sự kiện vào chương trình để màn hình hiển thị hai nút có thể nhìn thấy khi dự án chạy. Đề xuất rằng học sinh sử dụng tính năng Trợ giúp trong VEXcode V5 để biết thông tin về các khối Sự kiện và Hình thức, đặc biệt là thông tin của khối [Vẽ hình chữ nhật]. Hướng dẫn học sinh xem lại cách màn hình não được tổ chức thành hệ tọa độ dựa trên số lượng điểm ảnh khi sử dụng trong khối [Vẽ hình chữ nhật]. Họ cần phải hiểu điều đó để có thể thiết lập các tham số trong khối đó. Ngoài ra, họ cần phải hiểu cách phát sóng sự kiện. Trong trường hợp này, sự kiện là vẽ các nút.

Sinh viên nên lập kế hoạch, thử nghiệm và tinh chỉnh những thay đổi này cho dự án trong khi ghi lại trong sổ tay kỹ thuật của mình. Để biết tiêu chí chấm điểm sổ tay kỹ thuật cá nhân, hãy nhấp vào một trong các liên kết sau (Google Doc / .docx / .pdf) hoặc nhấp vào một trong các liên kết sau để biết sổ tay nhóm (Google Doc / .docx / .pdf).

Dưới đây là một giải pháp ví dụ:

Để có trải nghiệm thực tế chuyên nghiệp hơn, hãy yêu cầu học sinh hỏi ý kiến phản hồi của các bạn cùng lớp về hai lựa chọn màu sắc của mình.
Màu sắc được chọn có khiến bạn muốn sử dụng giao diện không, hay họ sẽ thích màu nào hơn với tư cách là người dùng?
Một phần của việc phát triển một Giao diện Người dùng tuyệt vời là thu thập dữ liệu về Trải nghiệm Người dùng, thậm chí cả sở thích thẩm mỹ.