Hướng dẫn sử dụng Violet (công cụ soạn thảo bài giảng trực tuyến)

Hướng dẫn sử dụng Violet (công cụ soạn thảo bài giảng trực tuyến) tập trung trình bày các vấn đề cơ bản về giới thiệu Violet và cách cài đặt; các chức năng của Violet. Mời các bạn cùng tìm hiểu và tham khảo nội dung thông tin tài liệu.

TRƯỜNG THPT HIỆP BÌNH BỒI DƯỠNG THƯỜNG XUYÊN NĂM 2014 HƯỚNG DẪN SỬ DỤNG Phụ trách: Tổ Tin học Website: www.bachkim.vn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình MỤC LỤC Giới thiệu Violet cách cài đặt 1.1 Giới thiệu phần mềm Violet 1.2 Cài đặt chạy chương trình 1.2.1 Download cài đặt 1.2.2 Đăng kí quyền dùng thử 1.2.3 Chạy chương trình Violet Các chức Violet 2.1 Mở giảng mẫu 2.2 Tạo trang hình 2.2.1 Nút “Ảnh, phim” 2.2.2 Sử dụng Thư viện tư liệu trực tuyến 10 2.2.3 Sử dụng cơng cụ tìm kiếm Internet 10 2.2.4 Nút “Văn bản” 12 2.2.5 Nút “Công cụ” 13 2.3 Sử dụng công cụ chuẩn 13 2.3.1 Vẽ hình 13 2.3.2 Văn nhiều định dạng 15 2.4 Sử dụng mẫu tập 17 2.4.1 Tạo tập trắc nghiệm 17 2.4.2 Tạo tập ô chữ 20 2.4.3 Tạo tập kéo thả chữ 21 2.4.4 Thay đổi ngôn ngữ cho tập 24 2.4.5 Sử dụng ngơn ngữ hình ảnh 24 2.4.6 Chức đổi font chữ cho Plugin 25 2.5 Sử dụng module cắm thêm (Plugin) .26 2.5.1 Vẽ đồ thị hàm số 26 2.5.2 Vẽ hình hình học 29 2.5.3 Ngơn ngữ lập trình Violet Script 32 2.5.4 Thiết kế mạch điện 32 2.5.5 Sử dụng game giáo dục 34 2.6 Các chức soạn thảo trang hình 35 2.6.1 Sửa đổi xóa mục liệu có 35 2.6.2 Tạo hiệu ứng hình ảnh 35 2.6.3 Tạo hiệu ứng chuyển động biến đổi 35 2.6.4 Thay đổi thứ tự, chỉnh khóa đối tượng 36 2.6.5 Chọn đối tượng danh sách 37 2.6.6 Sao chép, cắt, dán tư liệu 37 2.6.7 Phục hồi (undo) làm lại (redo) 38 2.6.8 Tạo siêu liên kết 38 2.6.9 Hiện lưới điểm bắt điểm mắt lưới 39 2.7 Các chức khác Violet 40 2.7.1 Các chức xử lý mục liệu 40 2.7.2 Chức chọn trang bìa 40 2.7.3 Chọn giao diện giảng 41 2.7.4 Đóng gói giảng 41 2.8 Sử dụng giảng đóng gói 42 2.8.1 Nội dung gói giảng cách chạy 42 2.8.2 Sử dụng giao diện giảng phím tắt 43 2.8.3 Vẽ, đánh dấu ghi nhớ lên trang giảng 43 2.8.4 Các tính phục vụ trình chiếu 44 2.8.5 Chỉnh sửa giảng sau đóng gói 45 2.9 Kết hợp Violet với phần mềm khác .45 2.9.1 Sử dụng Hệ thống Thư viện tư liệu giáo dục 45 Tổ Tin học Trang Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình 2.9.2 Tìm kiếm tư liệu qua Internet 46 2.9.3 Tạo tư liệu phần mềm thiết kế 48 2.9.4 Sử dụng điều khiển file hoạt hình Flash 48 2.9.5 Nhúng Violet vào Power Point 50 2.9.6 Cách chụp hình đưa vào Microsoft Word 52 Phụ lục 52 3.1 Phụ lục 1: Bảng ký hiệu cách gõ chuẩn LaTex 52 3.2 Phụ lục 2: Sử dụng điều khiển file Flash 54 3.3 Phụ lục 3: Cách chụp hình đưa vào Word 56 3.4 Phụ lục 4: Ngôn ngữ lập trình Violet Script 56 3.4.1 Giới thiệu sơ lược 56 3.4.2 Các đặc điểm ngơn ngữ 57 3.4.3 Cấu trúc ngôn ngữ 58 3.4.4 Sử dụng Violet Script Violet 59 3.4.5 Ví dụ sử dụng VS để mơ Hình học 61 3.4.6 Các đối tượng lệnh VS 64 3.5 Phụ lục 3: Thực hành VioLET 70 Tổ Tin học Trang Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình Giới thiệu Violet cách cài đặt 1.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 phù hợp với học sinh từ tiểu học đến THPT 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 để tạo trang nội dung giảng như: cho phép nhập liệu văn bản, công thức, file liệu multimedia (hình ảnh, âm thanh, phim, hoạt hình Flash ), sau lắp ghép liệu, xếp thứ tự, chỉnh hình ảnh, tạo hiệu ứng chuyển động biến đổi, thực tương tác với người dùng Riêng việc xử lý liệu multimedia, Violet tỏ mạnh so với Powerpoint, ví dụ cho phép thể điều khiển file Flash cho phép thao tác trình chạy đoạn phim v.v Violet có module cơng cụ dùng cho vẽ hình soạn thảo văn nhiều định dạng (Rich Text Format) Ngồi ra, 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 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 Ngồ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:  Tổ Tin học 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ố Trang Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình  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  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 máy chủ thành giảng trực tuyến để sử dụng qua mạng Internet Violet có giao diện thiết kế trực quan dễ dùng, ngôn ngữ giao tiếp phần trợ giúp hoàn toàn tiếng Việt, nên phù hợp với giáo viên không giỏi Tin học Ngoại ngữ Mặt khác, sử dụng Unicode nên font chữ Violet sản phẩm giảng đẹp, dễ nhìn thể thứ tiếng giới Thêm nữa, Unicode bảng mã chuẩn quốc tế nên font tiếng Việt ln đảm bảo tính ổn định máy tính, hệ điều hành trình duyệt Internet 1.2 Cài đặt chạy chương trình 1.2.1 Download cài đặt Vào địa http://bachkim.vn/phan-mem-violet#download nhấp chọn vào ViOLET 1.8 đầy đủ (115MB) để tải đầy đủ Chạy file Violet_Setup_Full.exe vừa download để cài đặt, Nhấn nút “Tiếp tục” để chuyển tiếp sang cửa sổ Thỏa thuận quyền, chọn mục “Đồng ý với điều khoản trên” Sau đó, bạn nhấn nút “Tiếp tục” “Cài đặt” để thực bước xuất nút “Kết thúc” nhấn vào để hồn tất q trình cài đặt Sau cài đặt, hình Desktop xuất biểu tượng bơng hoa Violet, menu Start Windows xuất thư mục Programs  Platin Violet, có: thư mục chứa giảng mẫu (Violet Samples), phần chương trình chạy (Platin Violet), phần đăng ký quyền Violet (Register) phần gỡ bỏ Violet (Uninstall Violet) Tổ Tin học Trang Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình 1.2.2 Đăng kí quyền dùng thử Sau cài đặt, lần chạy đầu tiên, Violet cửa sổ đăng ký hình Nếu bạn chưa có giấy chứng nhận quyền nhấn vào nút “Dùng thử” để chạy (dùng thử 200 lần) 1.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 2.1 Mở giảng mẫu Phần mềm Violet có kèm theo hệ thống 6000 giảng mẫu với nội dung phủ kín chương trình từ Mầm non đến THPT Hệ thống lưu trữ mạng Internet, với nội dung ban đầu tuyển chọn từ gần triệu giảng hệ thống “Thư viện trực tuyến Violet.vn” Vào menu Bài giảng → Mở thư viện bảng thư viện Bạn chọn Loại “Thư viện máy tính” “Thư viện Internet”, sau chọn cấp học, môn học, lớp học, giảng hộp bên phải Bạn phải sử dụng chức lật trang phía hộp để duyệt hết giảng Thư viện 6000 giảng mẫu kèm theo Violet Tổ Tin học Trang Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình Các giảng mở online nhanh mà không cần download Chỉ đóng gói giảng tồn file liệu download đầy đủ để dễ dàng lưu trữ copy nơi khác 2.2 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 Khi sử dụng máy tính để giảng bài, giáo viên trình chiếu trang hình Để tạo trang hình, vào menu Nội dung → Thêm đề mục nút (+) 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 Tổ Tin học Trang Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình 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 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 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.5 Các chức soạn thảo trang hình 2.2.1 Nút “Ảnh, phim” Click nút để nhập file liệu multimedia (ảnh, phim, ) 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ụ lục 3.3.2  Nếu nhập file âm phim xuất thêm hộp lựa chọn để xác định xem liệu phim, âm có tự động Play hay không Việc nhập tư liệu nút “Ảnh, phim” 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 Chú ý: Từ phiên 1.4, Violet hỗ trợ định dạng file multimedia thông dụng bao gồm: flv, mpg, avi, mov, wmv, asf (phim), jpg, gif, 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ác liệu multimedia cung cấp sẵn từ nhà sản xuất phần mềm, người dùng tự biên tập, tạo chương trình vẽ hình, xử lý ảnh Corel Draw, Photoshop, hay chương trình tạo ảnh động Flash, Swish, Tư liệu nguồn ảnh quét từ sách báo, từ quay phim chụp ảnh, copy từ đĩa CD thư viện, tìm kiếm thơng tin mạng Internet, v.v Đặc biệt, người dùng dễ dàng tìm tư liệu cần thiết cách truy cập sử dụng chức Hệ thống Thư viện tư liệu giáo dục công ty Bạch Kim địa website http://tvtl.bachkim.vn a) Dịch chuyển, co giãn đối tượng Sau nhập ảnh, phim, người dùng dùng chuột kéo, dịch chuyển hình ảnh này, thay đổi kích thước, tỷ lệ co giãn điểm nút góc, cạnh điểm nút hình Tổ Tin học Trang Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình Với điểm nút biên, người dùng dùng chuột để kéo (drag) làm cho hình dạng, kích thước đối tượng thay đổi theo Với điểm nút tâm đối tượng, người dùng nhấn chuột vào di lên hình phóng to, di xuống hình thu nhỏ Đây thao tác phóng to thu nhỏ đơn Khi nhấn chuột vào đối tượng (mà không nhấn vào điểm nút nào) sau kéo chuột đối tượng kéo theo Đây thao tác thay đổi vị trí đơn b) Thiết lập thuộc tính đối tượng (ảnh phim) Nếu click vào nút , bảng thuộc tính đối tượng bên cạnh sau: Trong đó: Hai ô nhập liệu tỷ lệ co giãn theo chiều ngang theo chiều dọc ảnh (trong hình ảnh co nhỏ lại 60%) Các ô nhập liệu giúp cho người dùng biết thiết lập tỷ lệ co giãn ảnh cách xác khơng ước lượng việc co giãn cách kéo điểm nút đề cập phần Hộp kiểm tra Giữ nguyên tỷ lệ dài rộng, có tác dụng định kéo điểm nút tỷ lệ chiều dài / chiều rộng có thay đổi hay khơng, sửa ô nhập tỷ lệ co giãn số có thay đổi hay khơng Thơng thường nên thiết lập chế độ Giữ nguyên tỷ lệ để co kéo, hình ảnh khơng bị méo Độ sáng: Tồn màu ảnh sáng lên tối Việc chỉnh sửa có tác dụng ảnh tư liệu đầu vào sáng q tối, người dùng có chủ đích việc chỉnh sáng tối Độ tương phản: Những màu sáng sáng hơn, màu tối tối đi, ngược lại, màu sáng bớt sáng, màu tối bớt tối Việc tăng độ tương phản làm cho màu sắc ảnh thêm rõ rệt ảnh sắc nét Thơng thường tăng độ sáng nên nên tăng độ tương phản theo Độ suốt: Ảnh mờ nhạt làm cho đối tượng nhìn thấy Nếu độ suốt ảnh bình thường, 100 ảnh hồn tồn suốt vơ hình Tổ Tin học Trang Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình Có thể tham khảo ứng dụng việc điều chỉnh độ sáng ảnh phần Chọn trang bìa 2.2.2 Sử dụng Thư viện tư liệu trực tuyến Trong bảng lựa chọn file, nút bấm để lên thư mục cho người dùng chọn file có sẵn máy tính, có thêm nút Thư viện nút thứ thứ trái sang Click vào nút này, bảng “Thư viện tư liệu” Góc bên trái cửa sổ hộp danh sách thả xuống loại thư viện Tại đây, người dùng chọn “Thư viện máy tính” “Thư viện Internet”, thư viện riêng đơn vị có Sau chọn loại thư viện, hệ thống thư mục tương ứng phía bên trái (thường tổ chức theo cấp học, lớp học, mơn học,…) Chọn thư mục cần tìm kiếm tư liệu, danh sách tư liệu ra, với trang hiển thị tối đa 12 tư liệu Thanh cơng cụ lật trang phía bảng danh sách tư liệu Với thư mục, người dùng phải lật qua vài trang chọn tư liệu phù hợp cho giảng soạn Cuối nhấn nút “Chèn”, nhấn tiếp “Đồng ý”, tư liệu chọn chèn vào trang soạn thảo Violet Lưu ý tư liệu thư viện có nhiều định dạng khác như: tranh ảnh, phim, flash mẫu có sẵn Violet Violet Script, Sketchpad, v.v… Với thư viện Internet, tư liệu sau chèn vào giảng hiển thị trực tuyến từ địa web mà khơng cần phải download Vì vậy, bạn thử đưa vào giảng đoạn phim lớn mà thời gian download Chỉ đóng gói giảng tư liệu thực download máy tính người soạn, nhằm đảm bảo việc lưu trữ copy nơi khác 2.2.3 Sử dụng cơng cụ tìm kiếm Internet Google YouTube kho liệu khổng lồ cơng cụ tìm kiếm hàng đầu tư liệu ảnh phim Hệ thống Thư viện tư liệu Violet dù lớn đến khó đáp ứng hết Tổ Tin học Trang 10 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình 3.4.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 hoàn toà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ơ đồ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 chun, 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, khơng thể 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 Tổ Tin học Trang 57 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình 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ách khác phải lựa chọn ngơn ngữ lập trình 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 đó, trình phát triển ngơn ngữ phải khắc phục yếu điểm 3.4.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 Text, 8, 4, "Hello world" end 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:  Tổ Tin học 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 phần a)  Các lệnh gọi chương trình con: có cú pháp giống lệnh Trang 58 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình 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 toán hạng: giá trị số, biến số  Các toá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 AB = AC = BC = angleB = arccos((AB^2 + BC^2 - AC^2)/(2*AB*BC)) 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 ERASE :START appear Text, 8, 4, "Hello world" wait_click :ERASE erase Paper wait_click goto START end 3.4.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, Tổ Tin học Trang 59 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình Để 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 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 ngồi đối tượng 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 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ị Tổ Tin học Trang 60 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình 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ơ 3.4.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, cung 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,…) b) Các ứng dụng Hiện 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  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ở compa với khoảng cách đầu compa 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ẽ 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) Tổ Tin học Trang 61 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình 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 10 Đánh dấu điểm M giao điểm đường trung trực với đoạn thẳng AB 11 Ký hiệu góc M vng 12 Ký hiệu M trung điểm AB 13 Xóa nét cung tròn vẽ Ta mã hóa kịch mơ thành ngôn ngữ VS sau: function main appear Text, 8.25, 0.5, "Hãy vẽ đoạn thẳng", input_line &ax, &ay, &bx, &by disappear Text appear Point, ax, ay, "A", below appear Point, bx, by, "B", below create_line ax, ay, bx, by radius = sqrt((ax-bx)^2 + (ay-by)^2) / * get_angle &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 end 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 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: Tổ Tin học Trang 62 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình Violet cung cấp sẵn hệ thống thư viện hỗ trợ, bao gồm thư viện mã nguồn (chứa hàm mô trình thực tế) thư viện đối tượng (hình ảnh đối tượng thực tế) 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 Tổ Tin học Trang 63 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình 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, dùng ngơn ngữ VS cần vài chục dòng lệnh vài file liệu 3.4.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 Point (điểm) Ruler (thước Ứng dụng Hình ảnh Ký hiệu điểm hình vẽ Sử dụng làm vật kê để vẽ đoạn thẳng kẻ) Compa (compa Dùng để vẽ hình tròn cung tròn ) Pencil (bút chì) Protract or Dùng để vẽ đoạn thẳng đường đồ thị Dùng để xác định góc việc vẽ góc (thước đo góc) TSquar e (ê-ke) Dùng để vẽ đoạn thẳng vng góc với đoạn thẳng có sẵn Dùng để đo cạnh Measur góc er (thước Có hình dạng thước kẻ thước đo góc tùy ý người sử dụng đo) Burin (dao Dùng để cắt đa giác cắt) Tổ Tin học Trang 64 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình Để 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 appear Tham số Tác dụng Tên đố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 xuất_hiện Tọa độ đối tượng disappear Tên (hoặc nhiều) đối tượng Làm cho đối tượng biến (mờ dần hẳn) move Tên đối tượng dịch_chuy Tọa độ (x, y) 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 biến_mất ển Góc quay đối tượng Ví dụ mơ việc vẽ điểm bút chì function main appear Pencil // Xuất bút chì (0,0) move Pencil, 5, // Đưa bút chì vị trí (5,5) appear Point, 5, 5, A // Xuất điểm A (5,5) delay 12 // Tạm dừng giây disappear Pencil // Làm biến bút chì end Mơ vẽ điểm bút chì b) Các lệnh xử lý đa giác Tên lệnh Tổ Tin học Tham số Tác dụng Trang 65 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 polygon Tên đa giác đa_giác Vị trí đa giác Trường THPT Hiệp Bình Tạo đa giác Tọa độ điểm đa giác clip cắt unify hợp flip Tọa độ điểm nằm đường thẳng cắt Tên đa giác Tên đa giác hợp vào đa giác Tên đa giác lật Cắt tất đa giác hình theo đường thẳng Hợp nhiều đa giác thành đối tượng 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 Tamgiac, 8, 6, 0x7F7FFF, -1, -3, 3, 1, -3, input_line &px1, &py1, &px2, &py2 cut_polygon px1, py1, px2, py2 move Tamgiac2, 4, 4, -180 input_line &px1, &py1, &px2, &py2 cut_polygon px1, py1, px2, py2 move Tamgiac12, 10, 4, 180 end 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ố erase Tên đối tượng cần Xóa nội dung đối tượng Tọa độ tâm Vẽ đường tròn biết tâm bán kính xóa circle Bán kính đường tròn Tổ Tin học Tác dụng Trang 66 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình Tọa độ điểm đầu mút Vẽ đoạn thẳng qua điểm note_angle Kiểu đánh dấu ký_hiệu_g Giá trị ký hiệu Đánh dấu góc ký hiệu giá trị góc line óc Ba điểm tọa độ điểm note_edge Kiểu đánh dấu ký_hiệu_c Giá trị ký hiệu ạnh Đánh dấu cạnh ký hiệu giá trị cạnh Hai điểm tọa độ điểm set_text đặt_kiểu_c hữ attach_pen font chữ, kích thước, màu chữ, chữ đậm Đối tượng Tọa độ điểm gắn bút detach_pen Đối tượng Thiết lập thuộc tính văn 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 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, y1 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, x3, y3 note_angle 2, "value", x3, y3, x2, y2, x1, y1 note_angle 1, "value", x1, y1, x3, y3, x2, y2 end function main ShowTriangle end Tổ Tin học 2, 7, 7, 7, 3.5, Trang 67 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình 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 Tọa độ kết lấy_điểm Tọa độ điểm gốc Góc  Khoảng cách R get_angle Góc  (kết quả) lấy_góc Tọa độ điểm Tọa độ điểm gốc Kiểu vẽ đoạn thẳng Tọa độ điểm kết get_perpendicu lar Tọa độ điểm Tọa độ hai điểm nằm đường thẳng Tọa độ điểm kết get_intersection Tọa độ điểm đường thẳng thứ 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) Lấy góc  (trong hệ tọa độ cực) từ tọa độ điểm so với điểm gốc Tính vị trí chân đường vng góc hạ từ điểm xuống đường thẳng Tính giao điểm hai đường thẳng Tọa độ điểm đường thẳng thứ hai get_intersection Tọa độ điểm kết thứ Tọa độ điểm kết thứ Tính hai giao điểm đường thẳng đường tròn Tọa độ điểm đường thẳng Tọa độ tâm đường tròn Bán kính đường tròn e) Các lệnh chờ đợi Tên lệnh delay trễ Tổ Tin học Tham số Thời gian trễ Tác dụng Dừng (trễ) khoảng thời gian Trang 68 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 wait_clic k đợi_nhấn Tên nút đồ họa chờ nhấn Trường THPT Hiệp Bình Đợ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 ngồi lệnh load_movie f) Các lệnh phục vụ xử lý tương tác Tên lệnh set_drag kéo_thả Tham số Đối tượng cần thao tác Tác dụng Thiết lập đối tượng kéo thả hay khơng Thao tác (true) hay không (false) Tọa độ điểm Nhập đoạn thẳng (2 đầu mút đoạn thẳng điểm) cách nhấn vào kéo chuột nhập_đoạ input_lin e n input_poi Tọa độ điểm Nhập điểm cách nhấn chuột input_dat Tiêu đề hộp nhập Hiện hộp thoại cho phép nhập nhiều tham số từ bàn phím nt a Tiêu đề tham số thứ Tiêu đề tham số thứ g) Các lệnh điều khiển hệ thống Tên lệnh parallel Tham số Tác dụng Không Thiết lập chế độ thực lệnh song song Không Thiết lập chế độ thực lệnh song_son g sequence tuần_tự fscomma nd 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) Tổ Tin học Trang 69 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình  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, 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 3.5 Phụ lục 3: Thực hành VioLET Bài 1: - Nhập đoạn văn tạo hiệu ứng chuyển động (phần 2.1.2 2.2) - Chạy phần mềm Paint, vẽ hình ảnh, save file JPG, đưa vào Violet Chạy phần mềm Flash, tạo hình ảnh chuyển động, save nhấn Ctrl+Enter để tạo file SWF đưa file vào Violet (phần 3.3.2) - Sử dụng Google (www.google.com) Yahoo (www.yahoo.com) chương trình Internet Explore, để tìm kiếm hình ảnh, đưa vào Violet (phần 3.3.1) Bài 2: (phần 2.4.1, ví dụ 3) Tạo tập trắc nghiệm (một đáp án đúng) sau: Bài 3: (phần 2.4.1, ví dụ 2) Tạo tập trắc nghiệm (ghép đôi) sau: Bài 4: (phần 2.4.2) Tạo tập ô chữ: Tổ Tin học Trang 70 Tài liệu hướng dẫn Bồi dưỡng thường xuyên năm 2014 Trường THPT Hiệp Bình Bài 5: (phần 2.4.3) a) Tạo tập kéo thả chữ sau: Hãy kéo từ đặt vào chỗ trống ( ) cho đúng: từ đơn câu từ từ phức từ láy đơn vị ngơn ngữ có nghĩa, dùng để đặt câu Từ có tiếng Từ có hai nhiều tiếng Câu ngắn cần dùng từ Với đáp án sau: Từ đơn vị ngơn ngữ có nghĩa, dùng để đặt câu Từ có tiếng từ đơn Từ có hai nhiều tiếng từ phức Câu ngắn cần dùng từ b) Chuyển tập kéo thả chữ phần 5a thành tập điền khuyết tập ẩn chữ Bài 6: (phần 2.4.4) Vẽ đồ thị hàm số sau: Bài 4a: y = a*x2 + b*x + c a Bài 4b: y = x 1 Bài 4c: y = sin(a*x) (a = -1  1; b = 1; c = -1  2) (a = -4  3) (a = -1  2) Bài 7: Thực hành cách liên kết (link) từ giảng Powerpoint với giảng Violet (đóng gói giảng Violet thành file EXE, Powerpoint có đặt link tới file EXE này) Thực hành cách nhúng (embed) tập trắc nghiệm, tập ô chữ kéo thả Violet vào Powerpoint (phần 3.3.4) -o0o - Tổ Tin học Trang 71 Tài liệu hướng dẫn ... tả chi tiết phần tiếp sau tài liệu ( 2.2 Sử dụng công cụ chuẩn, 2.3 Sử dụng mẫu tập, 2.4 Sử dụng module cắm thêm) 2.3 Sử dụng công cụ chuẩn 2.3.1 Vẽ hình Violet cho phép tạo đối tượng hình vẽ thường... 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 để tạo trang nội dung giảng như: cho phép nhập liệu... vào sử dụng Violet thông qua module Với công cụ người sử dụng dễ dàng vẽ hình hình học phục vụ cho giảng dạy, thay đổi yếu tố hình vẽ, quan sát thay đổi hình vẽ yếu tố thay đổi tương tác trực