HƯỚNG DẪN SỬ DỤNG VIOLET CÔNG CỤ SOẠN THẢO BÀI GIẢNG TRỰC TUYẾN PHIÊN BẢN 1.5

HƯỚNG DẪN SỬ DỤNG PHIÊN BẢN 1.5 MỤC LỤC Giới thiệu Violet cách cài đặt 2.1 Giới thiệu phần mềm Violet 2.2 Cài đặt chạy chương trình .5 2.2.1 Cài đặt 2.2.2 Đăng kí quyền 2.2.3 Chạy chương trình Violet Các chức Violet 3.1 Tạo trang hình 3.1.1 Tạo trang hình 3.1.2 Nút “Ảnh, phim” 10 3.1.3 Nút “Văn bản” 12 3.1.4 Nút “Công cụ” 13 3.2 Các chức soạn thảo trang hình 13 3.2.1 Sửa đổi xóa mục liệu có .13 3.2.2 Tạo hiệu ứng hình ảnh 14 3.2.3 Tạo hiệu ứng chuyển động biến đổi .14 3.2.4 Thay đổi thứ tự, chỉnh khóa đối tượng 15 3.2.5 Chọn đối tượng danh sách .16 3.2.6 Sao chép, cắt, dán tư liệu .17 3.2.7 Phục hồi (undo) làm lại (redo) 18 3.2.8 Tạo siêu liên kết .18 3.2.9 Hiện lưới điểm bắt điểm mắt lưới 19 3.3 Sử dụng công cụ chuẩn 20 3.3.1 Vẽ hình 20 3.3.2 Văn nhiều định dạng 22 3.4 Sử dụng mẫu tập 23 3.4.1 Tạo tập trắc nghiệm 23 3.4.2 Tạo tập ô chữ 26 3.4.3 Tạo tập kéo thả chữ 28 3.5 Sử dụng module cắm thêm (Plugin) .31 3.5.1 Vẽ đồ thị hàm số 31 3.5.2 Vẽ hình hình học 34 3.5.3 Ngơn ngữ lập trình Violet Script 35 3.5.4 Thiết kế mạch điện 35 3.6 Các chức khác Violet 39 3.6.1 Chức chọn trang bìa 39 3.6.2 Chọn giao diện giảng .39 3.6.3 Soạn thảo hình cho trang giảng 40 3.6.4 Đóng gói giảng 41 3.7 Sử dụng giảng đóng gói 42 3.7.1 Nội dung gói giảng cách chạy 42 3.7.2 Sử dụng giao diện giảng phím tắt 43 3.7.3 Vẽ, đánh dấu ghi nhớ lên trang giảng .44 3.7.4 Chỉnh sửa giảng sau đóng gói 44 Kết hợp Violet với phần mềm khác 45 4.1 Tìm kiếm tư liệu qua Internet .45 4.1.1 Tìm kiếm liệu ảnh .45 4.1.2 Tìm kiếm liệu phim 46 132 4.1.3 Sử dụng từ điển trực tuyến phục vụ tìm kiếm 46 4.2 Tạo tư liệu phần mềm thiết kế .46 4.2.1 Vẽ hình Paint Brush 46 4.2.2 Tạo hình chữ chuyển động Flash MX .46 4.2.3 Các công cụ khác 47 4.3 Sử dụng điều khiển file hoạt hình Flash 47 4.4 Nhúng Violet vào Power Point 49 4.5 Cách chụp hình đưa vào Microsoft Word 51 Phụ lục 52 5.1 Phụ lục 1: Bảng ký hiệu cách gõ chuẩn LaTex 52 .53 5.2 Phụ lục 2: Ngơn ngữ lập trình Violet Script .54 5.2.1 Giới thiệu sơ lược 54 5.2.2 Các đặc điểm ngơn ngữ 54 5.2.3 Cấu trúc ngôn ngữ 56 5.2.4 Sử dụng Violet Script Violet 58 5.2.5 Ví dụ sử dụng VS để mơ Hình học 59 5.2.6 Các đối tượng lệnh VS .62 132 Giới thiệu Violet cách cài đặt 2.1 Giới thiệu phần mềm Violet Violet phần mềm công cụ giúp cho giáo viên tự xây dựng giảng máy tính cách nhanh chóng hiệu So với cơng cụ khác, Violet trọng việc tạo giảng có âm thanh, hình ảnh, chuyển động tương tác… Violet viết tắt từ cụm từ tiếng Anh: Visual & Online Lesson Editor for Teachers (công cụ soạn thảo giảng trực tuyến dành cho giáo viên) Tương tự phần mềm Powerpoint, Violet có đầy đủ chức dùng để xây dựng nội dung giảng như: cho phép nhập liệu văn bản, công thức, hình vẽ, liệu multimedia (hình ảnh, âm thanh, phim, hoạt hình Flash ), sau lắp ghép với nhau, xếp thứ tự, chỉnh thiết lập tham số, tạo hiệu ứng hình ảnh, hiệu ứng chuyển động, thực tương tác với người dùng Riêng việc xử lý liệu multi-media, Violet tỏ mạnh phần mềm khác, ví dụ cho phép thể điều khiển file Flash, cho phép sử dụng định dạng file video, thao tác trình chạy đoạn video v.v Ngồi ra, cơng cụ chun dụng cho giảng nên Violet cịn có nhiều chức dành riêng cho giảng mà phần mềm khác khơng có Ví dụ Violet cung cấp sẵn nhiều mẫu tập chuẩn thường sử dụng SGK sách tập như: • Bài tập trắc nghiệm, gồm có loại: đáp án đúng, nhiều đáp án đúng, ghép đôi, chọn sai, v.v • Bài tập chữ: học sinh phải trả lời ô chữ ngang để suy ô chữ dọc • Bài tập kéo thả chữ / kéo thả hình ảnh: học sinh phải kéo thả đối tượng vào vị trí quy định trước hình ảnh đoạn văn Bài tập cịn thể dạng tập điền khuyết ẩn/hiện Ngoài module dùng chung mẫu tập trên, Violet hỗ trợ sử dụng nhiều module chuyên dụng cho mơn học, giúp người dùng tạo trang giảng chuyên nghiệp cách dễ dàng: • Vẽ đồ thị hàm số: Cho phép vẽ đồ thị hàm số nào, đặc biệt thể chuyển động biến đổi hình dạng đồ thị thay đổi tham số biểu thức • Vẽ hình hình học: Chức tương tự phần mềm Geometer SketchPad, cho phép vẽ đối tượng hình học, tạo liên kết chuyển động Đặc biệt, người dùng nhập mẫu mô làm SketchPad vào Violet • Ngơn ngữ lập trình mơ phỏng: Một ngơn ngữ lập trình đơn giản, có độ linh hoạt cao, giúp người dùng tự tạo mẫu mơ vơ sinh động 132 • Thiết kế mạch điện: Hỗ trợ giáo viên Vật lý Công nghệ tạo mạch điện tùy ý với loại thiết bị điện, tương tác tắt/bật cơng tắc, điều chỉnh biến trở,… đo đạc giá trị Tất thể sinh động Violet cho phép chọn nhiều kiểu giao diện (skin) khác cho giảng, tùy thuộc vào học, mơn học ý thích giáo viên Sau soạn thảo xong giảng, Violet cho phép xuất giảng thành thư mục chứa file EXE file HTML chạy độc lập, tức khơng cần Violet chạy máy tính, đưa lên chạy trực tuyến qua mạng Internet Đặc biệt Violet liên kết, chí nhúng thẳng vào phần mềm khác MS Powerpoint… 2.2 Cài đặt chạy chương trình Bạn cài đặt phần mềm Violet từ đĩa CD download theo địa website Đại Học Phạm Văn Đồng mục Văn bản/ Biểu mẫu – Tài liệu/Giáo trình 2.2.1 Cài đặt Chạy file setup.exe Các hình sau : Hình Ấn nút tiếp tục 132 Hình Đọc thỏa thuận, click vào “Đồng với điều khoản trên” ấn tiếp tục Hình Chọn nơi cài đặt chương trình 132 Hình Chọn nhóm (Group), ấn nút Tiếp tục Hình Ấn vào nút cài đặt để thực 132 Hình Quá trình cài đặt thực 2.2.2 Đăng kí quyền Sau cài đặt, lần chạy đầu tiên, Violet cửa sổ đăng ký hình Nhập Tên đơn vị, Địa hình mã kích hoạt : 78CA-7FE2-16A4-E08C83EE-073A-8FEF-C66E Ấn nút “Đăng ký “ để kết thúc 132 2.2.3 Chạy chương trình Violet Chạy chương trình Violet, giao diện chương trình hình Lưu ý gõ tiếng Việt, bạn phải tắt gõ ABC, VietKey, UniKey, để sử dụng chế độ gõ tiếng Việt Violet Các chức Violet 3.1 Tạo trang hình Một phần mềm giảng tập hợp trang hình (trong Powepoint gọi Slide), trang thể nội dung chứa đựng phần kiến thức giảng Thông thường sử dụng máy tính để giảng bài, giáo viên trình chiếu trang hình 3.1.1 Tạo trang hình Để tạo trang hình, vào menu Nội dung → Thêm đề mục (hoặc nhấn F5), cửa sổ nhập liệu xuất Gõ tên Chủ đề tên Mục, nhấn nút “Tiếp tục”, cửa sổ soạn thảo trang hình ta đưa nội dung kiến thức vào Menu nút chức Giao diện giảng Cấu trúc giảng Danh sách file liệu Hình 1: Giao diện chương trình Violet 132 Có nút chức cửa sổ soạn thảo là: “Ảnh, phim”, “Văn bản”, “Công cụ” dùng để đưa tạo tư liệu văn lên hình soạn thảo Các phần sau tài liệu mô tả chi tiết tính cách dùng ba nút Sau đưa tạo tư liệu xong, người dùng cịn chỉnh sửa, tạo hiệu ứng, tạo siêu liên kết thực nhiều chức soạn thảo khác Về tính này, xin xem chi tiết phần 2.2 Các chức soạn thảo trang hình 3.1.2 Nút “Ảnh, phim” Click nút để nhập file liệu multimedia (ảnh, phim, swf, mp3 ) vào cửa sổ soạn thảo trang hình, bảng nhập liệu sau: Hộp "Tên file liệu" cho biết file liệu chọn Để đơn giản, nhấn vào nút "…" để mở hộp Open File giống ứng dụng Windows • Nếu chọn file Flash (SWF) xuất thêm hộp “Vị trí liệu file” Bình thường khơng cần nhập vào Nếu muốn biết chi tiết, xem thêm phần 3.3 Sử dụng điều khiển file Flash • Nếu nhập file âm phim xuất thêm hộp lựa chọn để xác định liệu phim âm có tự động Play hay khơng Việc nhập tư liệu thực dễ dàng trực quan cách từ cửa sổ Windows Windows Explorer, ta kéo trực tiếp file tư liệu (ảnh, phim, flash, mp3) thả vào hình soạn thảo Nếu cần thay đổi tham số Vị trí liệu file Flash hay Tự động play video cần click đúp chuột vào tư liệu Violet hỗ trợ định dạng file multimedia thông dụng bao gồm: flv, mpg, avi, mov, wmv, asf, dat, 3gp (phim), jpg, gif, png, bmp, ico, wmf, emf (ảnh), swf (Flash) mp3 (âm thanh) Với loại file tư liệu nào, cần kéo thả vào hình soạn thảo, dùng nút “Ảnh, phim” trước đưa vào Violet Đặc biệt, Violet hỗ trợ loại định dạng ảnh suốt gif png Ví dụ ảnh thước đo độ lưu dạng PNG, nên có mảng suốt (ở bên góc phía trên), phần cịn lại mờ, nằm đè lên hình tam giác hiệu ứng suốt mờ phát huy tác dụng 10 132 Ký tự mũi tên Nhập uarr darr rarr -> |-> larr harr rArr lArr hArr KQ ↑ ↓ → → ↦ ← ↔ ⇒ ⇐ ⇔ Các ký hiệu logic Nhập and or not => if iff AA EE _|_ TT ||= KQ and or ¬ ⇒ if ⇔ ∀ ∃ ⊥ ⊤ ⊢ ⊨ Các hàm chuẩn Nhập sin cos tan csc sec cot sinh cosh log ln det dim lim mod gcd lcm max Các ký hiệu khác KQ sin cos tan csc sec cot sinh cosh log ln det dim lim mod gcd lcm max Nhập a^n a_n a/n Các ký hiệu Nhập KQ angle(ABC) ABC hat x x^ bar x x¯ ul x x̲ vec x x→ dot x x ddot x x 53 132 int oint del grad +O/ oo aleph | | |cdots| vdots ddots |\ | |quad| diamond square |_ _| |~ ~| KQ an an a n ∫ ∮ ∂ ∇ ± ∅ ∞ ℵ | | |⋯| ⋮ ⋱ || | | ⋄ □ ⌊ ⌋ ⌈ ⌉ 5.2 Phụ lục 2: Ngơn ngữ lập trình Violet Script 5.2.1 Giới thiệu sơ lược Violet Script (VS) ngơn ngữ lập trình chuyên dụng đồ họa, đặc biệt việc tạo hoạt động mơ Ngơn ngữ sử dụng hiệu để xây dựng phần mềm multimedia hỗ trợ dạy học Với cấu trúc đơn giản đầy đủ chặt chẽ, VS giúp người dùng dễ dàng mơ tả ý tưởng mình, sửa đổi sản phẩm có sẵn cho phù hợp kịch Khác với phần mềm cơng cụ, việc sử dụng ngơn ngữ lập trình có tính mở cao hơn, cho phép người dùng khơng phải sử dụng mẫu mơ có sẵn mà cịn tự tạo mẫu mới, sửa đổi mẫu có cách tùy ý (sửa tham số, nội dung trình tự thể hiện, v.v ) Như vậy, khả đáp ứng yêu cầu người dùng ngơn ngữ lập trình cao nhiều so với phần mềm công cụ VS xây dựng dựa ngôn ngữ Action Script 2.0 Macromedia Flash, vậy, VS mạnh việc thực mơ có chuyển động tương tác, có xử lý âm hình ảnh Tất nhiên, việc lập trình VS đơn giản nhiều so với lập trình Action Script Các file mã nguồn VS sử dụng mã văn Unicode UTF-8 Chính vậy, khơng có liệu, lời giải thích mà kể tên đối tượng (tên biến, tên nhãn, tên lệnh, tên hàm…) dùng tiếng Việt có dấu, giúp người dùng Việt Nam dễ tiếp cận nhiều so với ngôn ngữ tiếng Anh 5.2.2 Các đặc điểm ngơn ngữ a) Ngơn ngữ mơ Ngơn ngữ lập trình VS hỗ trợ nhiều kỹ thuật mô Các thao tác đồ họa mô hầu hết lập trình sẵn, lại có thêm khả nạp thư viện mã nguồn, khả sử dụng liệu âm thanh, hình ảnh cách dễ dàng, VS giúp người cho người dùng viết phần mềm đồ họa cao cấp mà không cần kiến thức chuyên sâu đồ họa Có thể coi việc lập trình mơ ngôn ngữ VS đơn giản việc mô tả lại kịch q trình mơ Sau đó, trình thơng dịch VS thực cơng việc đồ họa mô theo kịch Do vậy, người dùng hồn tồn tạo q trình mơ phức tạp đoạn chương trình VS ngắn gọn (so với ngơn ngữ lập trình khác) b) Lựa chọn chế độ chạy song song Các ngôn ngữ thông dịch thường phải chạy dạng (chạy hết lệnh đến lệnh khác) Tuy vậy, mô phỏng, ta cần tạo nhiều thao tác mơ 54 132 đồng thời (ví dụ hai hay nhiều vật chuyển động lúc) Vì vậy, VS cho phép người lập trình thiết lập chế độ xử lý lệnh song song hay Đây đặc điểm độc đáo tiện dụng ngôn ngữ VS so với ngơn ngữ lập trình khác c) Khả sử dụng thư viện mở Tuy VS ngôn ngữ chuyên dụng lĩnh vực đồ họa mô phỏng, song đồ họa lĩnh vực rộng nên VS mang tính tổng qt Nó khơng thể bao hàm hết tất thao tác mô phỏng, chương trình thơng dịch VS khơng thể chứa tất liệu, thư viện hình ảnh thơng dụng cho sản phẩm Tuy nhiên, người lập trình không chuyên, vấn đề đặt phải cho thứ có sẵn hết Vì vậy, ngơn ngữ VS có hệ thống thư viện kèm theo cập nhật thường xuyên Các thư viện chứa nhiều hình ảnh, mơ hình, biểu tượng thơng dụng lấy sử dụng cách dễ dàng, thao tác chuyển động lập trình sẵn, mẫu chương trình chuẩn sử dụng với khả tùy biến cao Ví dụ: việc tạo giảng, phân loại theo mơn học ngơn ngữ VS (trình thơng dịch ngôn ngữ VS) phục vụ cho tất môn Tuy nhiên, thư viện sử dụng cho môn khác nhau, nghĩa ta có thư viện cho mơn Tốn, thư viện cho mơn Vật Lý, v.v… Như vậy, khả cải tiến chương trình cập nhật tư liệu VS trở nên dễ dàng Thư viện mở ưu điểm hẳn VS so với hầu hết phần mềm công cụ tạo giảng d) So sánh ngôn ngữ VS với Timeline Những người dùng xem chương trình Macromedia Flash, Macromedia Diector, Adobe Premier,… hẳn đến khái niệm Timeline (trục thời gian) Đây công cụ thiết kế quan trọng việc tạo chuyển động, hiệu ứng hình ảnh âm thanh, làm phim hoạt hình, xây dựng cấu trúc sản phẩm,… Timeline cơng cụ hữu ích, đặc biệt người khơng biết lập trình dùng để xây dựng phần mềm multimedia ứng dụng Tuy nhiên điểm nhược Timeline khơng có tính mở Ví dụ: dùng Timeline dễ dàng tạo chuyển động vịng giây, dùng Timeline để tạo chuyển động vòng n giây, với n giá trị nhập từ bàn phím từ file bên ngồi Trong đó, việc xây dựng phần mềm giảng lại địi hỏi cơng cụ phải có tính mở Vì cách dạy giáo viên khơng giống nhau, nên giảng phải cho phép giáo viên tự sửa theo ý Trong trường hợp này, kỹ thuật viên khơng cịn cách khác phải lựa chọn ngơn ngữ lập trình 55 132 Mặt khác, người biết lập trình dùng ngôn ngữ dễ chịu so với dùng Timeline Ví dụ: sửa đổi số liệu cách dễ dàng xác, comment (viết lời giải thích) cho đoạn chương trình, phân chia chương trình lớn thành module nhỏ… Việc thao tác với dòng code dễ dàng so với đối tượng đồ họa Timeline Code dùng chương trình soạn thảo văn để tạo lập sửa đổi không cần phải hệ thống đồ sộ dùng Timeline Tuy vậy, dùng Timeline có ưu điểm so với ngơn ngữ tính ổn định, bị lỗi Cịn việc lập trình khơng cẩn thận sinh nhiều lỗi Do đó, q trình phát triển ngơn ngữ phải khắc phục yếu điểm 5.2.3 Cấu trúc ngôn ngữ Violet Script 1.0, gần giống ngôn ngữ Basic cấu trúc lệnh ngôn ngữ C cấu trúc chương trình a) Chương trình viết VS Giống C, chương trình VS bao gồm hàm, hàm main gọi bắt đầu chạy chương trình function main appear end Text, 8, 4, "Hello world" Một chương trình (một hàm, chức năng) khai báo sau: function end Trong tên chương trình khơng có dấu cách (có thể dùng dấu gạch chân "_" thay cho dấu cách) Các tham số phải khai báo cách dấu phẩy Có thể xem thêm ví dụ minh họa phần sau Khi gọi chương trình con, thay đổi giá trị tham số gọi ta nên thêm dấu & vào phía trước tham số (giống cú pháp ngôn ngữ C) Ví dụ: input_line get_point &ax, &ay, &bx, &by &x, &y, x1, y1, angle, b) Các lệnh đơn giản Ngôn ngữ VS cung cấp loại lệnh sau: • Các lệnh gán, ví dụ a = 2; a = 10*5 + 1; b = a^2 + a + • Các lệnh bản: ví dụ lệnh appear chương trình • Các lệnh gọi chương trình con: có cú pháp giống lệnh 56 132 c) Các biểu thức Các biểu thức tốn học sử dụng vế phải lệnh gán, làm tham số lệnh khác Một biểu thức bao gồm thành phần: • Các tốn hạng: giá trị số, biến số • Các tốn tử: + , - , * , / , ^ • Các hàm số: sin, cos, tg, cotg, arcsin, arccos, arctg, arccotg, abs, sqrt, ln • Các dấu ngoặc đơn"(" ")" Ví dụ tính góc B tam giác ABC biết độ dài cạnh AB, AC BC, áp dụng định lý hàm số cos lenAB = lenAC = lenBC = angleB = arccos((lenAB^2 + lenBC^2 - lenAC^2)/(2*lenAB*lenBC)) d) Các lệnh có cấu trúc Lệnh điều kiện if then end_if Lệnh lặp for from to step next e) Các nhãn Có thể coi nhãn lệnh đặc biệt, ký hiệu dấu ":" tên nhãn Nhãn dùng vừa để đánh dấu, vừa để mô tả đoạn lệnh Nhãn thường dùng định danh để truy cập (goto) đến đoạn lệnh từ vị trí chương trình Ví dụ: function main goto :START appear wait_click :ERASE erase wait_click goto end ERASE Text, 8, 4, "Hello world" Paper START 57 132 5.2.4 Sử dụng Violet Script Violet Violet Script khởi nguồn ngơn ngữ chạy độc lập, dùng để tự xây dựng giảng hoàn chỉnh Khi kết hợp với công cụ Violet, ngôn ngữ thường dùng để tạo đoạn mô ngắn trang hình, nên đơn giản dễ quản lý Đối với người dùng vừa có linh hoạt ngơn ngữ, lại vừa sử dụng tính dễ dùng Violet tạo hiệu ứng, tạo tập, Để sử dụng VS Violet, vào mục soạn thảo trang hình, nhấn nút “Cơng cụ”, menu lên, ta chọn mục “Lập trình mơ phỏng” Màn hình sau ta soạn thảo trực tiếp chương trình vào Màn hình soạn thảo Script Nếu chương trình có sử dụng đối tượng ảnh, thư viện mã nguồn từ file text, sau viết xong, click vào nút "Tiếp tục", hình sau ra: Màn hình nhập mã nguồn bên đối tượng 58 132 Trong đó: Khung phía cho phép nhập file mã nguồn VS từ file text bên ngồi Thơng thường, Violet cung cấp sẵn số file thư viện thao tác chuẩn để sử dụng ln Ví dụ: thư viện MathTools.vs chứa lệnh phục vụ tốn hình học Ta viết mã nguồn VS cho mơ file text bên ngồi, nhập vào đây, mà khơng cần phải viết phần soạn thảo mã nguồn trước Cách làm hay (và nên dùng), soạn thảo file text bên ngồi dễ dàng soạn trực tiếp Violet Như hình ta thấy phần chương trình vẽ đường phân giác nằm file Vephangiac.vs nằm phần soạn thảo Script Violet Khung phía cho phép nhập đối tượng hình ảnh sử dụng phần mềm Các đối tượng lấy từ file SWF file JPG Tuy nhiên, có file SWF (làm Flash) chỉnh vị trí ảnh vị trí (0, 0) Ví dụ với ảnh bút chì, ta chỉnh cho chỗ đầu bút chì vào vị trí (0, 0) Flash Khi đó, ta dịch chuyển đối tượng bút chì tới vị trí (x, y) đầu bút chì vào vị trí (x, y) Cịn sử dụng ảnh JPG, vị trí góc bên trái ảnh vào vị trí (x, y) khơng phải chỗ đầu bút chì Sau nhập xong chương trình, file mã nguồn chuẩn file ảnh, ta nhấn nút "Đồng ý" Để sửa đổi mã nguồn hay thông tin khác, ta click đúp vào đối tượng hoạt cảnh mô 5.2.5 Ví dụ sử dụng VS để mơ Hình học a) Khả ngôn ngữ Hiện tại, cung cấp sẵn file mã nguồn chuẩn chứa thao tác dựng vẽ đường thẳng thước kẻ, vẽ đường tròn compa, cắt ghép đa giác v.v “C:\Program Files\Platin Violet\Lecture\vpScript\Common\Mathtool.vs” Vì vậy, mơn Hình học, ngơn ngữ Violet Script hỗ trợ nhiều loại công việc sau: • Vẽ hình hình đồ họa (đoạn thẳng, đường trịn, đồ thị,…) • Sử dụng đối tượng có sẵn thư viện (ví dụ với mơn hình học có: compa, thước kẻ, bút, tẩy, ê-ke, thước đo độ, giấy màu, dao cắt…), mô hoạt động đối tượng • Xử lý tương tác với người dùng (nhấn chuột, kéo thả, nhập từ bàn phím,…) 59 132 b) Các ứng dụng Hiện chúng tơi cung cấp sẵn thư viện hình ảnh đoạn chương trình dùng cho mơn Hình học, với phạm vi ứng dụng cấp THCS Phần chủ yếu tập trung vào Hình học Ơclit, bao gồm loại tốn sau: • Bài tốn vẽ hình xử lý tương tác với người dùng • Bài tốn dựng hình dụng cụ dựng hình thơng dụng • Bài tốn cắt ghép hình (mơ việc cắt ghép mảnh giấy màu) • Bài tốn quỹ tích vẽ đồ thị hàm số c) Ví dụ Ví dụ mơ tả tốn dựng hình: vẽ trung trực đoạn thẳng người dùng nhập vào chạy chương trình Kịch đoạn mô sau: - Người dùng nhấn chuột để xác định điểm thứ nhất, nhấn tiếp chuột để xác định điểm thứ hai - Đánh dấu ký hiệu hai điểm A, B vừa nhập - Mơ việc dùng thước kẻ bút chì để vẽ đoạn thẳng hai điểm AB - Xuất compa đưa compa vào vị trí điểm A - Mở rộng compa (khoảng cách đầu compa khoảng 2/3 AB) - Quay compa nửa vòng tròn (cung hướng vào điểm B) Trong quay compa cung trịn vẽ theo, nét vẽ phải mảnh nhạt để thể vẽ nháp - Đưa compa đến điểm B - Quay compa nửa vòng tròn (cung hướng vào điểm A) - Dùng thước kẻ bút chì để vẽ đoạn thẳng qua giao điểm cung tròn, độ dài đoạn thẳng giá trị hợp lý Đó đường trung trực đoạn thẳng AB - Đánh dấu điểm M giao điểm đường trung trực với đoạn thẳng AB - Ký hiệu góc M vng - Ký hiệu M trung điểm AB - Xóa nét cung trịn vẽ Ta mã hóa kịch mô thành ngôn ngữ VS sau: 60 132 function main appear input_line disappear appear appear create_line radius = get_angle Text, 8.25, 0.5, "Hãy vẽ đoạn thẳng", &ax, &ay, &bx, &by Text Point, ax, ay, "A", below Point, bx, by, "B", below ax, ay, bx, by sqrt((ax-bx)^2 + (ay-by)^2) / * &angle, ax, ay, bx, by set_paper appear move call rotate_compa move rotate_compa disappear Draft Compa Compa, ax, ay, angle-90 Compa.OpenCompa, radius Compa, radius, angle+90 Compa, bx, by, angle+90 Compa, radius, angle+270 Compa mx = my = angle = get_point (ax + bx) / (ay + by) / angle + 90 &cx, &cy, mx, my, angle, set_paper create_line appear note_angle note_edge note_edge Paper cx, cy, * mx Point, mx, my, 0, "", bx, by, 0, "", ax, ay, 0, "", mx, my, - cx, * my - cy "M", leftbelow mx, my, cx, cy mx, my bx, by end Lưu ý: Một đơn vị tính Violet Script quy định mặc định 40 pixel, độ rộng hình hiển thị 660x460 pixel, tức khoảng 16.5x11.5 đơn vị Chương trình sử dụng thao tác dựng hình chuẩn (trong file Mathtool.vs) đối tượng hình ảnh: thước kẻ, bút chì, compa Vì vậy, sau soạn xong chương trình, ta phải khai báo liệu sau: 61 132 Nhấn nút “Đồng ý”, ta đoạn mô dựng đường trung trực đoạn thẳng nhập vào từ chuột (nhấn, kéo thả) Mô vẽ đường trung trực compa, thước kẻ, bút chì Có thể thấy việc viết chương trình mơ đơn giản mã hóa 1:1 kịch mô thành ngôn ngữ VS Rõ ràng việc tạo giảng Hình học ngơn ngữ VS đơn giản nhiều so với ngôn ngữ lập trình khác Ví dụ sử dụng C/C++ để tạo giảng, phải viết chương trình dài đến hàng nghìn dịng lệnh hàng chục file liệu, cịn dùng ngơn ngữ VS cần vài chục dòng lệnh vài file liệu 5.2.6 Các đối tượng lệnh VS a) Các đối tượng lệnh xử lý đối tượng Trong thư viện trình thơng dịch VS mơn Hình học có loại đối tượng hình ảnh sau: Tên đối tượng Ứng dụng Hình ảnh Point (điểm) Ký hiệu điểm hình vẽ Ruler (thước kẻ) Sử dụng làm vật kê để vẽ đoạn thẳng 62 132 Compa (compa) Dùng để vẽ hình trịn cung trịn Pencil (bút chì) Dùng để vẽ đoạn thẳng đường đồ thị Protractor (thước đo góc) Dùng để xác định góc việc vẽ góc TSquare (ê-ke) Dùng để vẽ đoạn thẳng vng góc với đoạn thẳng có sẵn Measurer (thước đo) Dùng để đo cạnh góc Burin (dao cắt) Dùng để cắt đa giác Có hình dạng thước kẻ thước đo góc tùy ý người sử dụng Để sử dụng loại đối tượng VS đối tượng nạp từ bên ngồi, ngơn ngữ VS cung cấp lệnh sau: Tên lệnh Tham số Tác dụng appear xuất_hiện Tên đối tượng Tọa độ đối tượng Tạo lập cho xuất đối tượng vị trí X, Y với tham số cụ thể tùy theo loại đối tượng disappear biến_mất Tên (hoặc nhiều) đối tượng Làm cho đối tượng biến (mờ dần hẳn) move dịch_chuyển Tên đối tượng Tọa độ (x, y) Góc quay đối tượng Vừa dịch chuyển vừa quay đối tượng tới vị trí góc quay Nếu khơng nhập góc quay góc quay mặc định 0° 63 132 Ví dụ mơ việc vẽ điểm bút chì function main appear Pencil move Pencil, 5, appear Point, 5, 5, A delay 12 disappear Pencil end // // // // // Xuất thước kẻ vị trí (0,0) Đưa bút chì vị trí (5, 5) Xuất điểm A vị trí (5, 5) Tạm dừng giây Làm biến bút chì Mơ vẽ điểm bút chì b) Các lệnh xử lý đa giác Tên lệnh Tham số Tác dụng polygon đa_giác Tên đa giác Vị trí đa giác Tọa độ điểm đa giác Tạo đa giác clip cắt Tọa độ điểm nằm đường thẳng cắt Cắt tất đa giác hình theo đường thẳng unify hợp Tên đa giác Tên đa giác hợp vào đa giác Hợp nhiều đa giác thành đối tượng flip lật Tên đa giác Lật đa giác qua trục tung Phần ví dụ chương trình hồn chỉnh, thực việc cắt ghép góc tam giác để chứng minh tổng chúng 180° Khi chạy, người dùng xác định đường cắt qua góc thứ đường cắt qua góc thứ hai, sau lần cắt mẩu cắt ghép vào vị trí cần thiết function main polygon input_line cut_polygon move input_line cut_polygon move end Tamgiac, 8, 6, 0x7F7FFF, -1, -3, 3, 1, -3, &px1, &py1, &px2, &py2 px1, py1, px2, py2 Tamgiac2, 4, 4, -180 &px1, &py1, &px2, &py2 px1, py1, px2, py2 Tamgiac12, 10, 4, 180 64 132 Mô cắt góc hình tam giác dao cắt c) Các lệnh đồ họa Tên lệnh Tham số Tác dụng erase Tên đối tượng cần xóa Xóa nội dung đối tượng circle Tọa độ tâm Bán kính đường trịn Vẽ đường trịn biết tâm bán kính line Tọa độ điểm đầu mút Vẽ đoạn thẳng qua điểm note_angle ký_hiệu_góc Kiểu đánh dấu Giá trị ký hiệu Ba điểm tọa độ điểm Đánh dấu góc ký hiệu giá trị góc note_edge ký_hiệu_cạnh Kiểu đánh dấu Giá trị ký hiệu Hai điểm tọa độ điểm Đánh dấu cạnh ký hiệu giá trị cạnh attach_pen Đối tượng Tọa độ điểm gắn bút Gắn vào đối tượng điểm, mà thay đổi vị trí đối tượng điểm lưu lại vết detach_pen Đối tượng Gỡ bỏ điểm gắn khỏi đối tượng Ví dụ vẽ tam giác qua điểm (x1, y1), (x2, y2), (x3, y3) với đầy đủ ký hiệu cạnh góc function ShowTriangle x1, y1, x2, y2, x3, y3 poly_line x1, y1, x2, y2, x3, y3, x1, set_paper Paper, 2, 0x003FBF note_edge 2, "value", x2, y2, x1, y1 note_edge 1, "value", x3, y3, x2, y2 note_edge 0, "value", x1, y1, x3, y3 note_angle 0, "value", x2, y2, x1, y1, note_angle 2, "value", x3, y3, x2, y2, note_angle 1, "value", x1, y1, x3, y3, end function main ShowTriangle end 2, 7, 7, 7, 3.5, 65 132 y1 x3, y3 x1, y1 x2, y2 d) Các lệnh phục vụ tính tốn hình học phẳng Tên lệnh Tham số Tác dụng get_point lấy_điểm Tọa độ kết Tọa độ điểm gốc Góc ϕ Khoảng cách R Chuyển từ tọa độ cực sang tọa độ Đề-các (tính tọa độ điểm biết R ϕ hệ tọa độ cực) get_angle lấy_góc Góc ϕ (kết quả) Tọa độ điểm Tọa độ điểm gốc Kiểu vẽ đoạn thẳng Lấy góc ϕ (trong hệ tọa độ cực) từ tọa độ điểm so với điểm gốc get_perpendicular Tọa độ điểm kết Tọa độ điểm Tọa độ hai điểm nằm đường thẳng Tính vị trí chân đường vng góc hạ từ điểm xuống đường thẳng get_intersection1 Tọa độ điểm kết Tính giao điểm hai Tọa độ điểm đường thẳng thứ đường thẳng Tọa độ điểm đường thẳng thứ hai get_intersection2 Tọa độ điểm kết thứ Tọa độ điểm kết thứ Tọa độ điểm đường thẳng Tọa độ tâm đường trịn Bán kính đường trịn Tính hai giao điểm đường thẳng đường tròn e) Các lệnh chờ đợi Tên lệnh Tham số Tác dụng delay trễ Thời gian trễ Dừng (trễ) khoảng thời gian wait_click đợi_nhấn Tên nút đồ họa chờ nhấn Đợi người dùng click vào nút đồ họa hình Nếu lệnh khơng có tham số nghĩa chờ đến nhấn nút Next nút Back Các nút đồ họa nạp từ file lệnh load_movie 66 132 f) Các lệnh phục vụ xử lý tương tác Tên lệnh Tham số Tác dụng set_drag kéo_thả Đối tượng cần thao tác Thao tác (true) hay không (false) Thiết lập đối tượng kéo thả hay không input_line nhập_đoạn Tọa độ điểm đầu mút đoạn thẳng Nhập đoạn thẳng (2 điểm) cách nhấn vào kéo chuột input_point Tọa độ điểm Nhập điểm cách nhấn chuột input_data Tiêu đề hộp nhập Tiêu đề tham số thứ Tiêu đề tham số thứ Hiện hộp thoại cho phép nhập nhiều tham số từ bàn phím g) Các lệnh điều khiển hệ thống Tên lệnh Tham số Tác dụng parallel song_song Không Thiết lập chế độ thực lệnh song song sequence tuần_tự Không Thiết lập chế độ thực lệnh fscommand Lệnh (command) Tham số (param) Thực lệnh fscommand Flash Action Script h) Các lệnh thư viện Hình học (MathTools.vs) • create_line x1, y1, x2, y2: Mô vẽ đoạn thẳng thước kẻ bút chì từ điểm (x1, y1) đến điểm (x2, y2) • create_corner x1, y1, angle, len: Mơ vẽ góc thước đo độ, thước kẻ, bút chì Đầu tiên đưa thước đo độ đến vị trí đường nằm ngang, tâm thước (x1, y1), lấy điểm góc angle, kẻ từ tâm qua điểm đoạn có độ dài len • rotate_compa Compa, radius, angle: Quay đối tượng Compa góc angle từ vị trí tại, cịn radius độ mở Compa (phải giống lệnh call Compa.Open,… trước đó) • create_arc x1, y1, radius, start, end: Mơ vẽ cung trịn tâm (x1, y1), bán kính radius (được xác định compa thước kẻ), từ góc start đến góc end • cut_polygon x1, y1, x2, y2: Mô cắt dao cắt tất hình đa giác tạo lệnh polygon 67 132