Tin 10 knttvcs bài 14 làm việc với đối tượng đường và văn bản trần bá văn

CHỦ ĐỀ 4: ỨNG DỤNG TIN HỌC BÀI 14: LÀM VIỆC VỚI ĐỐI TƯỢNG ĐƯỜNG VÀ VĂN BẢN Môn học: Tin Học 10; Thời gian thực hiện: tiết I MỤC TIÊU Kiến thức: - Biết thao tác chỉnh sửa hình - Biết tạo định dạng văn - Thực việc vẽ, chỉnh sửa hình để đường cong mong muốn Năng lực:  Năng lực chung: - Năng lực tự chủ tự học Giải nhiệm vụ học tập cách độc lập, theo nhóm thể sáng tạo - Góp phần phát triển lực giao tiếp hợp tác qua hoạt động nhóm trao đổi công việc với giáo viên  Năng lực riêng: - Nla: Nhận thức sử dụng Tin học - Nlc: Giải vấn đề với trợ giúp Tin học nói chung máy tính nói riêng Phẩm chất: Chăm có trách nhiệm: Nghiêm túc, tập trung, tích cực chủ động; tỉ mỉ, khéo léo, khả xếp bố cục II THIẾT BỊ DẠY HỌC VÀ HỌC LIỆU Giáo viên - Chuẩn bị Bài giảng, máy chiếu, máy chiếu vật thể - Hình vẽ Inkscape thể nội dung hoạt động dạy - Một số mẫu định dạng đoạn văn khác thơ, hát kèm minh hoạ hay tờ rơi, áp phích,… Học sinh - Sách giáo khoa, ghi - Kiến thức học - Chuẩn bị nội dung tiết trước GV gợi ý dặn dị III TIẾN TRÌNH DẠY HỌC A HOẠT ĐỘNG KHỞI ĐỘNG (MỞ ĐẦU) a Mục tiêu: Tạo hứng thú học tập cho học sinh, dẫn đắt hS biết đối tượng dạng đường, công cụ tinh chỉnh đường, đối tượng văn b Nội dung: Hs dựa vào hiểu biết để trả lời câu hỏi mà GV đặt ra: Cần điểm để xác định đường thẳng? Đường parabol? Đường elip? c Sản phẩm: Từ yêu cầu Hs vận dụng kiến thức để trả lời câu hỏi GV đưa d Tổ chức thực hiện: Hoạt động giáo viên học sinh * Bước 1: Chuyển giao nhiệm vụ: GV giới thiệu dẫn dắt vào GV ? Cần điểm để xác định đường thẳng? Đường parabol? Đường elip? * Bước 2: Thực nhiệm vụ: + HS: Suy nghĩ, tham khảo sgk trả lời câu hỏi + GV: quan sát trợ giúp cặp * Bước 3: Báo cáo, thảo luận: + HS: báo cáo + HS: Lắng nghe, ghi chú, HS phát biểu lại + Các nhóm nhận xét, bổ sung cho * Bước 4: Kết luận, nhận định: GV x ác hóa gọi học sinh nhắc lại kiến thức GV: Dẫn dắt HS vào học: Thiết kế đồ hoạ có nhiều ứng dụng thực tế Việc năm vững đối tượng dạng đường, công cụ tinh chỉnh đường đối tượng văn góp phần làm đa dạng hố hình thức, tăng tính thẩm mĩ cho thiết kế đồ hoạ Sản phẩm dự kiến Tuỳ thuộc vào loại đường, cần vài điểm xác định toàn đường cong Chẳng hạn như: Đường thẳng (qua gốc toạ độ), đường tròn (tâm gốc toạ độ), parabol cần điểm (đỉnh gốc toạ độ), hình elip cần điểm (tâm gốc toạ độ, trục tương ứng trục toạ độ),… B HÌNH THÀNH KIẾN THỨC MỚI Hoạt động 1: Tìm hiểu đối tượng dạng đường a Mục Tiêu: * Kiến thức: Biết đối tượng đường cách vẽ HS nhận khác đối tượng hình khối đối tượng dạng đường Giúp HS hiểu được: để chỉnh sửa tuỳ ý, đối tượng phải có dạng đường * Phẩm chất: Chăm chỉ, chịu khó tìm hiểu, học hỏi b Nội dung: HS quan sát SGK để tìm hiểu nội dung kiến thức theo yêu cầu GV Yêu cầu HS quan sát tổng kết khác hình chữ nhật cụ thể c Sản phẩm: HS khác hình chữ nhật Hs hồn thành tìm hiểu kiến thức d Tổ chức thực hiện: Hoạt động GV HS 1* Bước 1: Chuyển giao nhiệm vụ: GV: Chia lớp thành nhóm cặp đơi Nêu đặt câu hỏi - Quan sát hai hình chữ nhật Hình 14.1 tìm điểm khác hai hình? * Bước 2: Thực nhiệm vụ: + HS: Nhận nhiệm vụ, Suy nghĩ, tham khảo sgk, thảo luận theo nhóm + GV: quan sát trợ giúp cặp * Bước 3: Báo cáo, thảo luận: + HS: Lắng nghe, ghi chú, HS p hát biểu lại tính chất + Các nhóm nhận xét, bổ sung cho * Bước 4: Kết luận, nhận định: G V xác hóa gọi học sinh nh ắc lại kiến thức Yêu cầu HS nắm được: - Hình thứ vẽ từ điểm xác định ban đầu, có góc trịn bên tay phải góc vng - Hình thứ hai vẽ từ điểm cố định xác định ban đầu có hình vng góc Câu hỏi: ? Đề hình chữ nhật góc trịn Sản phẩm dự kiến Làm quen với đối tượng dạng đường - Hình khối đối tượng định nghĩa sẵn, điều chỉnh ta thu hình khối với đặc trưng khơng đổi - Đối tượng tự dạng đường người dùng tạo ra, tổ hợp hay nhiều đoạn cong thẳng nối lại với - Các đối tượng tự dạng đường điều chỉnh đoạn độc lập với để tạo hình dạng khác - Ví dụ: - Đối tượng đường thường biểu diễn chuỗi đoạn thẳng đoạn cong nối với Mỗi đoạn cong biểu diễn điểm, hai điểm đầu mút hai điểm điều khiển Mỗi điểm điều khiển kết hợp với điểm đầu mút tạo tiếp tuyến đường cong điểm mút tương ứng (Hình 14.3) Hoạt động GV HS em nên dùng cơng cụ nào? Giải thích sao? GV: Đường cong thường biểu diễn chuỗi đoạn cong ghép với HS: Để vẽ hình chữ nhật góc trịn em dùng cơng cụ Pen hộp cơng cụ tổ hợp nhiều đoạn cong thẳng nối lại với GV: Các bước để vẽ đối tượng dạng đường? Sản phẩm dự kiến Các bước vẽ đối tượng đường Bước 1: Chọn công cụ Pen hộp công cụ Bước 2: Chọn kiểu điều khiển thuộc tính để tạo đường cong Bước 3: Nhảy chuột đề đạt điểm neo hình vẽ (có thể kết hợp nháy chuột kéo thả) Bước 4: Kết thúc đường cách nhấn phím Enter nháy đúp chuột vị trí neo cuối Đường cong thường biểu diễn chuỗi đoạn cong ghép với Hoạt động 2: Tìm hiểu cơng cụ tinh chỉnh đường a) Mục tiêu: * Kiến thức: Biết sử dụng công cụ tinh chỉnh đường HS nhận biết loại điểm neo neo trơn neo góc * Phẩm chất: Chăm chỉ, chịu khó tìm hiểu, học hỏi, sáng tạo nhạy bén b) Nội dung: HS quan sát SGK để tìm hiểu nội dung kiến thức theo yêu cầu GV Cụ thể nhận biết phân biệt neo trơn với neo góc c) Sản phẩm: HS hồn thành tìm hiểu kiến thức sử dụng cơng cụ tinh chỉnh đường d) Tổ chức thực hiện: Hoạt động GV HS * Bước 1: Chuyển giao nhiệm vụ: GV: Quan sát hình trái tim, xác định xem điểm đánh dấu nằm Hình 14.4 có đặc điểm gì? Sản phẩm dự kiến Sử dụng công cụ tinh chỉnh đường - Khi nối đoạn thẳng đoạn cong với ta thu đường cong phức tạp - Các điểm nối đoạn điểm neo trơn (smooth nodes - thể hình vng hay hình trịn) điểm neo góc (comer nodes - thể hình thoi) (Hình 14.4) - Khi xác định điểm neo vẽ, đoạn tự động tạo * Bước 2: Thực nhiệm vụ: để nối điểm neo có Hình vẽ ban + HS: Đọc, hiểu đề bài, đầu chưa với ý tưởng hoàn suy nghĩ, tham khảo sgk trả lời câu chỉnh, điều chỉnh sửa hỏi công cụ tinh chỉnh điểm * Bước 3: Báo cáo, thảo luận: + HS: Lắng nghe, ghi chú, HS p hát biểu lại tính chất + Các nhóm nhận xét, bổ sung cho - Độ cong điểm neo phụ thuộc HS: Thảo luận, trả lời vào điểm hướng đường HS: Lấy ví dụ thực tế + GV: quan sát trợ giúp cặp hướng điểm (Hình 14.5) Các giá trị thay đổi cách kéo thả để HS trả lời được: - Các điểm đánh dấu điểm nối điểm hướng Khi thay đổi phương, đoạn, điểm chiều, độ lớn giá trị neo trơn (thể hình vng điểm, đoạn cong liên quan tới điểm hay hình trịn) điểm neo thay đổi theo - Điểm neo trơn có hai đường góc (thể hình thoi) - Khi xác định điểm neo vẽ, hướng phương với đoạn tự động tạo để nối điểm neo có Hoạt động GV HS * Bước 4: Kết luận, nhận định: GV xác hóa gọi học sinh nhắc lại kiến thức Câu hỏi: ? Hình 14.7 có đoạn cong? Xác định điểm neo trơn neo góc hình Sản phẩm dự kiến HS: Quan sát Hình 14.7 Yêu cầu HS trả lời được: Các điểm nối đoạn điểm neo trơn (thể hình vng hay hình trịn) điểm neo góc (thể hình thoi) Có hai đoạn cong, điểm neo góc (hình thoi) điểm neo trơn (hình - Các bước thực việc chỉnh sửa vuông) điểm neo: Bước Chọn công cụ hộp công cụ GV: Nêu bước thực việc Bước Nháy chuột vào hình muốn chỉnh sửa điểm neo? chỉnh sửa Bước Nháy vào điểm neo cần sửa, chọn điểm neo điểm hướng kéo thả chuột sang vị trí Nếu muốn loại bỏ, thêm hay chuyển đổi loại điểm neo, ta chọn vào biểu tượng tương ứng điều khiển thuộc tính (Hình 14.6) => Ta tinh chỉnh đối tượng đường dựa vào điểm neo điểm, đường hướng Hoạt động 3: Tìm hiểu đối tượng văn a) Mục tiêu: - Kiến thức: Rèn kỹ lập trình Minh hoạ khả đưa đoạn văn vào hình vẽ định dạng phù hợp với mục tiêu truyền tải - Phẩm chất: Chăm chỉ, chịu khó tìm hiểu, học hỏi, sáng tạo nhạy bén b) Nội dung: HS quan sát SGK để tìm hiểu nội dung kiến thức theo yêu cầu GV Giới thiệu đối tượng văn khả định dạng đoạn văn Inkscape c) Sản phẩm: HS hồn thành tìm hiểu kiến thức d) Tổ chức thực hiện: Hoạt động GV HS * Bước 1: Chuyển giao nhiệm vụ: GV: Trong cách trình bày văn sau, em thấy cách đẹp hơn? Các phần mềm em học thiết kế văn không? Sản phẩm dự kiến Đối tượng văn - Để bổ sung đối tượng văn bản, ta chọn biểu tượng hộp cơng cụ - Ta tùy chỉnh phần đối tượng văn cách chọn đối tượng văn bôi đen phần văn muốn chỉnh, sau điều chỉnh tham số điều khiển thuộc tính lệnh bảng chọn Text - Bốn ô điều khiển thuộc tính cho phép ta thay đổi phơng chữ, kiểu chữ (bình thường/in nghiêng/in đậm/ in đậm nghiêng), cỡ chữ khoảng cách dòng, HS: Thảo luận, trả lời HS: Lấy ví dụ thực tế * Bước 2: Thực nhiệm vụ: + HS: Suy nghĩ, tham khảo sgk trả lời câu hỏi + GV: quan sát trợ giúp cặp - Năm ô phía sau điều chỉnh thơng tin HS: Quan sát Hình 14.8 Hình 14.10 Yêu cầu HS trả lời được: - Hình 14.8b đẹp hơn, chữ xếp quanh logo làm cho thiết kế bật - Phần mềm Inkscape thiết kế thế, chỉnh sửa văn sinh động phù hợp với nội dung Chú ý: - Muốn bỏ tùy chỉnh đặt, ta chọn * Bước 3: Báo cáo, thảo luận: đối tượng văn chọn lệnh Text/ + HS: Lắng nghe, ghi chú, HS Remove Manual Kerns Hoạt động GV HS phát biểu lại tính chất + Các nhóm nhận xét, bổ sung cho Việc xếp chữ bao quanh biểu tượng đẹp hơn, tốn khơng gian Sự cân đối bố cục tạo thiện cảm cho người xem * Bước 4: Kết luận, nhận định: GV xác hóa gọi học sinh nhắc lại kiến thức Câu hỏi: ? Hãy cho biết phát biểu sau sai làm việc với đoạn văn Inkscape A Trong đoạn văn có nhiều chữ ta tơ chữ màu khác B Nếu đặt đoạn văn uốn lượn theo đường, ta thay đổi định dạng C Trong đoạn văn có nhiều chữ, ta tuỳ chỉnh để chữ độ cao thấp khác D Ta đặt đoạn văn theo khuôn dạng định GV gợi ý cho HS theo hướng: Trong Inkscape, văn tùy chỉnh theo kí tự đặt đoạn văn theo đường vào khuôn dạng HS trả lời được: Phát biểu sai làm việc với đoạn văn inkscape B Nếu đặt đoạn văn uốn lượn theo đường, ta thay đổi định dạng Sản phẩm dự kiến - Muốn đặt văn theo đường có, ta chọn đối tượng văn đối tượng đường, sau chọn lệnh Text/ Put on Path - Muốn bỏ đặt văn theo đường, ta chọn đối tượng chọn lệnh Text/ Remove from Path => Trong Inkscape, văn bổ sung tùy chỉnh theo kí tự đặt đoạn văn theo đường vào khuôn dạng THỰC HÀNH a Mục tiêu: - Giúp HS biết cách vẽ đường cong Bezier điều chỉnh hình sau vẽ - Giúp HS chèn đoạn văn vào hình điều chỉnh cho phù hợp b Nội dung: GV giao nhiệm vụ, Hs thực hiệnc nhiệm vụ máy tính HS đọc SGK tìm hiểu nhiệm vụ hồn thành nhiệm vụ - Vẽ tô màu cho (Hình 14.11) - Viết chữ theo khn dạng hình (Hình 14.13) c Sản phẩm: Bài làm học sinh, kĩ giải nhiệm vụ học tập HS vẽ số hình đơn giản theo yêu cầu đồ họa inkscape - Chiếc tô màu - Hình ảnh chữ “chúc mừng năm mới” (Hình 14.13) d Tổ chức thực hiện: Nhiệm vụ Vẽ tơ màu cho (Hình 14.11) * Bước 1: Chuyển giao nhiệm vụ: - Vẽ tơ màu cho (Hình 14.11) - Các bước hướng dẫn SGK để thực HS nghiên cứu bước hướng dẫn SGK để thực nhiệm vụ máy tính Bước Vẽ hình chữ nhật ta hình chữ nhật với điểm neo Hình 14.12a Bước 2: Chọn hình chữ nhật chọn lệnh Path/Object to Path để đưa hình chữ nhật thành bốn cạnh với điểm neo rời (Hình 14.12b) Bước 3: Chọn hai điểm neo cạnh hình chữ nhật để nhập thành điểm cách chọn biểu tượng tam giác (Hình 14 12c) điều khiển thuộc tính Ta hình Bước 4: Chọn hai điểm neo cạnh hình tam giác để chuyển thành điểm neo trơn chọn nút lệnh (Hình 14.12d) Bước 5: Thêm cuống công cụ Pen Bước 6: Tơ màu cho Hình 14.11 cơng cụ (Hình 14.12e) * Bước 2: Thực nhiệm vụ: Cho HS thực hành máy tính Kiểm tra tiến độ HS hướng dẫn thêm cho em chưa làm * Bước 3: Báo cáo, thảo luận: HS báo cáo sản phẩm nhóm, cá nhân Sau thực hiện, GV gọi số HS trình bày sản phẩm thực đưa nhận xét GV hướng dẫn HS lưu tệp tin cách chọn File / Save, sau nhập tên tệp tin đường dẫn * Bước 4: Kết luận, nhận định: HS chọn cách vẽ đường cong Bezier theo cách khác Nhiệm vụ Viết chữ theo khn dạng hình (Hình 14.13) * Bước 1: Chuyển giao nhiệm vụ: Viết chữ theo khuôn dạng hình (Hình 14.13) - Các bước hướng dẫn SGK để thực HS nghiên cứu bước hướng dẫn SGK để thực nhiệm vụ máy tính Hướng dẫn Bước 1: Chọn công cụ Pen , chọn kiểu vẽ thuộc tính điều khiển Bước 2: Nháy đúp chuột vào điểm để xác định điểm neo thứ thứ hai, cuối nháy đúp chuột điểm neo thứ ba, ta nhận hình tương tự Hình 14.14a Bước 3: Chọn cơng cụ hộp dụng cụ, ta xác định điểm neo (Hình 14.14b) Chọn điểm neo thứ hai, chọn biểu tượng để chuyển điểm neo góc thành neo trơn (Hình 14.14c ) Bước 4: Nháy vào biểu tượng năm mới!” (Hình 14.14d ) hộp cơng cụ gõ dịng chữ “Chúc mừng Bước 5: Chọn hai đối tượng đường cong dòng chữ Chọn lệnh Text/Put on Path để đặt dịng chữ uốn theo đường cong (Hình 14.14e ) Tô màu cho chữ chọn nét đường cong không màu (Hình 14.14f ) Bước 6: Vẽ hình tam giác tương tự nhiệm vụ Sao chép, xoay, tô màu di chuyển đến vị trí phù hợp (Hình 14.13 ) * Bước 2: Thực nhiệm vụ: Sau thực hiện, GV gọi số HS trình bày sản phẩm thực đưa nhận xét - Mở hình vẽ hơm trước, bổ sung thêm chi tiết sau - Chọn công cụ Pen , chọn kiểu vẽ thuộc tính điều khiển - Nháy chuột vào điểm để xác định điểm neo, chọn công cụ hộp công cụ, ta xác định điểm neo trơn chọn biểu tượng điểm neo góc thành điểm neo trơn - Nháy vào biểu tượng đến!” để chuyển hộp công cụ gõ dòng chữ “Mùa hè - Chọn đối tượng Chọn lệnh Text/Put on Path để đặt dòng chữ uốn theo đường cong Tô màu cho chữ cách bôi đen tơ màu kí tự * Bước 3: Báo cáo, thảo luận: HS báo cáo sản phẩm nhóm, cá nhân Sau thực hiện, GV gọi số HS trình bày sản phẩm thực đưa nhận xét GV hướng dẫn HS lưu tệp tin cách chọn File / Save, sau nhập tên tệp tin đường dẫn * Bước 4: Kết luận, nhận định: C HOẠT ĐỘNG LUYỆN TẬP a Mục tiêu: Vận dụng kiến thức vừa học giải vấn đề học tập thực tiễn b Nội dung: Vẽ hình chuột, mở hình dưa hấu vẽ trước tạo vết cắn thêm chi tiết đoạn chữ văn c Sản phẩm: HS vận dụng kiến thức vào giải nhiệm vụ đặt Hình chuột Hình miếng dưa hấu 14.17 d Tổ chức thực hiện: Hãy vẽ hình chuột (Hình 14.15) - Vẽ thân hình lá(khơng cuống) - Thêm hình trịn làm mắt, mũi - Thêm râu đuôi công vụ Pen Cụ thể: - Vẽ hình chữ nhật với điểm neo - Chọn hình chữ nhật chọn lệnh Path/Object to Path để đưa hình chữ nhật thành bốn cạnh với điểm neo rời - Chọn hai điểm neo cạnh hình chữ nhật để nhập thành điểm cách chọn biểu tượng thuộc tính Ta hình tam giác điều khiển - Chọn hai điểm neo cạnh hình tam giác để chuyển thành điểm neo trơn chọn nút lệnh Em mở lại hình miếng dưa hấu trước thêm chi tiết để Hình 14.17 - Vẽ lại hình miếng dưa hấu 13, vẽ thêm hình đám mây 13 - Tạo đám mấy, đưa đám mây vào vị trí tương ứng với vết cắn miếng dưa hấu - Chọn phần ruột đám mây thực lệnh Path/ Diference - Làm tương tự với đám mây lại phần vỏ dưa - Thêm đoạn văn vào hình vẽ, chọn kí tự tô màu dịch theo chiều thẳng đứng D HOẠT ĐỘNG VẬN DỤNG ? Em sưu tầm mẫu logo đơn giản vẽ lại mẫu logo Mercedes, Mitsubishi, vinfat, Facebook, … Ví dụ: Mẫu logo - Hãy tạo đường chuẩn InkScape: Giữ nút chuột trái hai thước kẻ xuất cạnh trang kéo vào điểm nơi muốn đặt đường chuẩn Tùy thuộc vào việc kéo thước từ hay bên trái trang, tạo đường chuẩn ngang dọc - Hướng dẫn chuẩn bị mới: Chuẩn bị nội dung 15 ... thiết kế văn không? Sản phẩm dự kiến Đối tượng văn - Để bổ sung đối tượng văn bản, ta chọn biểu tượng hộp công cụ - Ta tùy chỉnh phần đối tượng văn cách chọn đối tượng văn bôi đen phần văn muốn... Tìm hiểu đối tượng dạng đường a Mục Tiêu: * Kiến thức: Biết đối tượng đường cách vẽ HS nhận khác đối tượng hình khối đối tượng dạng đường Giúp HS hiểu được: để chỉnh sửa tuỳ ý, đối tượng phải... hS biết đối tượng dạng đường, công cụ tinh chỉnh đường, đối tượng văn b Nội dung: Hs dựa vào hiểu biết để trả lời câu hỏi mà GV đặt ra: Cần điểm để xác định đường thẳng? Đường parabol? Đường elip?