BÀI LÀM KIỂM TRA SỐ 02 Câu 1 4 điểm: Thiết kế kế hoạch dạy học một học phần Thầy/Cô được phân công giảng dạy trong đó thể hiện tóm tắt ý tưởng dạy học, phương pháp và kĩ thuật dạy học
Trang 1Họ và tên: Phạm Ngọc Tân – Ngày Sinh: 16/03/1988 SĐT: 0913 314 060
Nơi công tác: Trường Cao đẳng Sư phạm Bà Rịa – Vũng Tàu
Địa chỉ: Số 689, đường Cách mạng Tháng Tám, Phường Long Toàn, TP Bà Rịa, Tỉnh Bà Rịa
– Vũng Tàu
BÀI LÀM KIỂM TRA SỐ 02
Câu 1 (4 điểm): Thiết kế kế hoạch dạy học một học phần Thầy/Cô được phân công giảng
dạy trong đó thể hiện tóm tắt ý tưởng dạy học, phương pháp và kĩ thuật dạy học theo hướng
phát triển phẩm chất, năng lực người học
BỘ GIÁO DỤC VÀ ĐÀO TẠO
VIỆN NGHIÊN CỨU SƯ PHẠM
TRƯỜNG ĐẠI HỌC SƯ PHẠM HÀ NỘI 2
ĐỀ KIỂM TRA PHẦN CHUYÊN NGÀNH
Bồi dưỡng chức danh nghề nghiệp
Trang 2KẾ HOẠCH DẠY HỌC
Tên môn học: Thiết kế Website
Mã môn học: TI32069
Thời gian thực hiện: 60 giờ (Lý thuyết: 30 giờ; Thực hành, thí nghiệm, thảo luận, bài tập:
27 giờ; Kiểm tra: 3 giờ)
I Vị trí, tính chất của môn học
1.1 Vị trí: Môn học Thiết kế Website là môn học bắt buộc thuộc khối kiến thức chuyên môn
trong chương trình đào tạo ngành cao đẳng ngành Công nghệ thông tin
1.2 Tính chất:
Chương trình môn học trang bị cho người học các khái niệm cơ bản về website, thiết
kế web tĩnh dựa trên các kiến thức nền tảng về HTML, CSS, Bootstrap, JavaScript…
II Mục tiêu môn học
Về kiến thức
- Biết tạo và quản lý nội dung của website tĩnh
- Biết công dụng các thẻ HTML, định dạng của CSS
- Biết sử dụng Bootstrap trong thiết kế giao diện
- Biết sử dụng Ngôn ngữ JavaScript
Về kỹ năng
- Thiết kế được các trang web phân chia theo bố cục bằng các thẻ HTML,
định dạng CSS và sử dụng Bootstrap
- Lập trình nhúng xử lý tương tác cơ bản trên trang web bằng Javascript
Về năng lực tự chủ và trách nhiệm
- Có năng lực làm việc độc lập, làm việc theo nhóm trong thiết kế Website
- Có năng lực tổ chức, quản lý, giải quyết nhiệm vụ trong thiết kế Website
III Nội dung môn học
2 Nội dung chi tiết
Chương 1 Cơ bản về thiết kế Website
Thời gian: 05 giờ
1.1 Giới thiệu các khái niệm cơ bản về Web
1.2 Cấu trúc trang Web
1.3 Cài đặt một số công cụ thiết kế Web
Chương 2 Ngôn ngữ HTML
Thời gian: 20 giờ
2.1 Một số thẻ HTML cơ bản
2.2 Siêu liên kết, Multimedia
Trang 32.3 Danh sách
2.4 Bảng, Frame
2.5 Form, Control
2.6 Giới thiệu HTML5
Chương 3 Sử dụng CSS định dạng đối tượng
Thời gian: 10 giờ
3.1 Giới thiệu CSS
3.2 Tạo và sử dụng CSS
3.3 Một số hiệu ứng CSS
3.4 Giới thiệu CSS3
Chương 4 Sử dụng Bootstrap trong thiết kế giao diện Web
Thời gian: 15 giờ
4.1 Giới thiệu Bootstrap
4.2 Cách thêm Bootstrap vào trang web
4.3 Cách tạo bố cục trang web Responsive bằng Bootstrap
4.4 Một số đối tượng trong Bootstrap
Chương 5 Ngôn ngữ Javascript
Thời gian: 10 giờ
5.1 Tổng quan Javascript
5.2 Các cấu trúc điều khiển
5.3 Sử dụng hàm trong Javascript
IV Thực hiện
1 Đối với giảng viên:
Giảng viên vận dụng linh hoạt các phương pháp dạy học; chú trọng phương pháp giao
tiếp trong giảng dạy; áp dụng đa dạng các kỹ thuật dạy học; lấy người học làm trung tâm; tổ
chức các hoạt động nghe, nói, đọc và viết sinh động nhằm tăng cường sự tham gia của người
học; tổ chức các hoạt động đa dạng với sự hỗ trợ của các học liệu, giáo cụ trực quan sinh
động phục vụ mục tiêu bài học
2 Đối với người học:
+ Quan sát, hoạt động nhóm, đọc trước tài liệu ở nhà, giải các bài tập và lập trình các
bài toán giảng viên giao Sinh viên phải có mặt đầy đủ trên lớp vào các giờ giảng lý thuyết
và giờ thực hành, tham gia tích cực thảo luận, giải bài tập trên lớp và thực hành tại phòng
máy tính; có ý thức, thái độ tốt trong học tập, nghiêm túc trong kiểm tra, thi cử
+ Bên cạnh việc học trên lớp và làm các nhiệm vụ được giảng viên giao thì sinh viên
còn phải nghiên cứu thêm nội dung của môn học ở tài liệu tham khảo
Trang 4V Ý Tưởng Dạy Học
1 Mục tiêu:
Mục tiêu của khóa học là trang bị cho sinh viên kiến thức và kỹ năng cần thiết để thiết
kế và phát triển trang web cơ bản bằng HTML, CSS, Bootstrap và JavaScript Khóa học sẽ
giúp sinh viên phát triển khả năng tư duy sáng tạo, giải quyết vấn đề và kỹ năng làm việc
nhóm thông qua các dự án thực tế
2 Phương Pháp Dạy Học
Học Tập Dựa Trên Dự Án (Project-Based Learning): Sinh viên sẽ thực hiện các dự án
thiết kế web từ đơn giản đến phức tạp, khuyến khích việc áp dụng lý thuyết vào thực
hành
Học Tập Tích Cực (Active Learning): Thúc đẩy sự tham gia của sinh viên thông qua
các hoạt động thảo luận nhóm, bài tập nhóm và phản hồi giữa các sinh viên
Giảng Dạy Đối Thoại (Socratic Method): Đặt câu hỏi mở để kích thích tư duy phản
biện và sáng tạo, giúp sinh viên tự khám phá kiến thức
Phản Hồi Thường Xuyên (Frequent Feedback): Cung cấp phản hồi nhanh chóng về bài
tập và dự án, giúp sinh viên cải thiện kỹ năng và kiến thức
3 Kỹ Thuật Dạy Học
Giới Thiệu Lý Thuyết: Mỗi phần học (HTML, CSS, Bootstrap, JavaScript) sẽ bắt đầu
bằng phần lý thuyết ngắn gọn, sau đó sinh viên sẽ áp dụng ngay vào thực hành
Hướng Dẫn Thực Hành (Hands-On Tutorials): Tổ chức các buổi hướng dẫn thực hành
để sinh viên làm quen với các công cụ và kỹ thuật
Sử Dụng Công Nghệ Thông Tin: Khuyến khích sử dụng các nền tảng trực tuyến như
CodePen, GitHub để sinh viên chia sẻ và cộng tác trong các dự án
Tạo Các Tình Huống Thực Tế: Đưa ra các tình huống thiết kế thực tế để sinh viên giải
quyết, ví dụ như tạo một trang web cho một sự kiện hoặc doanh nghiệp nhỏ
4 Phát Triển Phẩm Chất và Năng Lực Người Học
Khả Năng Tự Học: Khuyến khích sinh viên tìm hiểu thêm qua các tài liệu, khóa học
trực tuyến và cộng đồng lập trình
Kỹ Năng Làm Việc Nhóm: Thực hiện các dự án nhóm, sinh viên sẽ học cách phân chia
công việc, giao tiếp và hỗ trợ nhau
Tư Duy Phản Biện: Đặt câu hỏi, thảo luận về các giải pháp khác nhau trong thiết kế và
phát triển web
Kỹ Năng Giải Quyết Vấn Đề: Cung cấp các bài tập thực tế liên quan đến việc khắc
phục sự cố và tối ưu hóa trang web
VI Chi tiết từng buổi học
Buổi 1: Giới thiệu về Thiết kế Web
Mục tiêu:
o Hiểu khái niệm thiết kế web và vai trò của nó trong phát triển phần mềm
o Nhận biết các công nghệ chính trong thiết kế web
Trang 5 Nội dung:
o Giới thiệu:
Định nghĩa thiết kế web
Lịch sử và sự phát triển của web
o Công nghệ web:
HTML, CSS, JavaScript, Bootstrap
Hoạt động của sinh viên:
o Thảo luận nhóm: Chia sẻ các trang web yêu thích và lý do
o Hoạt động cá nhân: Tìm hiểu một trang web và viết cảm nhận
Đánh giá: Quiz ngắn về khái niệm thiết kế web
Tài liệu tham khảo:
o "HTML & CSS: Design and Build Websites" - Jon Duckett
Buổi 2: HTML Cơ Bản
Mục tiêu:
o Nắm vững cấu trúc tài liệu HTML và các thẻ cơ bản
Nội dung:
o Cấu trúc tài liệu HTML:
Các thẻ chính: <html>, <head>, <title>, <body>
o Thẻ cơ bản:
Thẻ tiêu đề (<h1> đến <h6>), đoạn văn (<p>), liên kết (<a>), hình ảnh
(<img>)
Hoạt động của sinh viên:
o Thực hành: Tạo một trang HTML đơn giản có tiêu đề, đoạn văn và hình ảnh
o Chia sẻ: Trình bày trang web đã tạo trong nhóm
Đánh giá: Nộp bài tập HTML
Tài liệu tham khảo:
o W3Schools HTML Tutorial
Buổi 3: HTML Nâng Cao
Mục tiêu:
o Sử dụng danh sách, bảng và biểu mẫu trong HTML
Nội dung:
o Tạo danh sách:
Các thẻ: <ul>, <ol>, <li>
o Tạo bảng:
Các thẻ: <table>, <tr>, <td>, <th>
o Tạo biểu mẫu:
Các thẻ: <form>, <input>, <textarea>, <button>
Trang 6 Hoạt động của sinh viên:
o Thực hành: Tạo trang có danh sách, bảng và biểu mẫu
o Trình bày kết quả và nhận phản hồi từ bạn bè
Đánh giá: Trình bày và nộp bài tập HTML nâng cao
Tài liệu tham khảo:
o MDN Web Docs về HTML
Buổi 4: Giới thiệu CSS
Mục tiêu:
o Hiểu cách định dạng và tạo kiểu cho trang web
Nội dung:
o Giới thiệu CSS:
Định nghĩa và ứng dụng
o Cú pháp CSS:
Các selector: tag, class, id
o Nhúng CSS:
Cách nhúng CSS: inline, internal, external
Hoạt động của sinh viên:
o Thực hành: Áp dụng CSS cho trang HTML đã tạo ở buổi trước
o Thảo luận về các vấn đề gặp phải
Đánh giá: Bài tập áp dụng CSS
Tài liệu tham khảo:
o "CSS: The Missing Manual" - David Sawyer McFarland
Buổi 5: Box Model và Flexbox
Mục tiêu:
o Nắm vững Box Model và Flexbox
Nội dung:
o Giới thiệu Box Model:
Các phần: content, padding, border, margin
o Flexbox:
Cấu trúc và thuộc tính Flexbox (flex-direction, justify-content,
align-items)
Hoạt động của sinh viên:
o Thực hành: Thiết kế giao diện sử dụng Box Model và Flexbox
o Thảo luận nhóm về trải nghiệm thiết kế
Đánh giá: Nộp bài tập thiết kế giao diện
Tài liệu tham khảo:
o CSS-Tricks về Box Model và Flexbox
Trang 7Buổi 6: Giới thiệu Bootstrap
Mục tiêu:
o Sử dụng Bootstrap để tạo giao diện responsive
Nội dung:
o Giới thiệu Bootstrap:
Lịch sử và ứng dụng
o Cài đặt Bootstrap:
Sử dụng CDN
o Grid system:
Cách sử dụng và các lớp Bootstrap
Hoạt động của sinh viên:
o Thực hành: Tạo layout cơ bản với Bootstrap
o Thảo luận về ưu điểm và nhược điểm của Bootstrap
Đánh giá: Kiểm tra thực hành
Tài liệu tham khảo:
o Bootstrap Documentation
Buổi 7: Component của Bootstrap
Mục tiêu:
o Sử dụng các component của Bootstrap để xây dựng giao diện
Nội dung:
o Các component cơ bản:
Navbar, buttons, cards, modals
o Cách sử dụng và tùy chỉnh
Hoạt động của sinh viên:
o Thực hành: Xây dựng giao diện với các component
o Trình bày giao diện và nhận phản hồi
Đánh giá: Nộp giao diện đã thiết kế
Tài liệu tham khảo:
o "Bootstrap 5 By Example" - Silvio Moreto
Buổi 8: Giới thiệu JavaScript
Mục tiêu:
o Hiểu các khái niệm cơ bản về JavaScript
Nội dung:
o Giới thiệu JavaScript:
Vai trò và ứng dụng trong web
o Biến và kiểu dữ liệu:
Các kiểu dữ liệu cơ bản (string, number, boolean)
Trang 8o Cấu trúc điều khiển:
Câu lệnh điều kiện (if, switch) và vòng lặp (for, while)
Hoạt động của sinh viên:
o Thực hành: Viết mã JavaScript đơn giản để giải quyết bài toán cụ thể
o Thảo luận nhóm về ứng dụng của JavaScript
Đánh giá: Quiz về JavaScript
Tài liệu tham khảo:
o "Eloquent JavaScript" - Marijn Haverbeke
Buổi 9: DOM và Sự kiện
Mục tiêu:
o Manipulate DOM và xử lý sự kiện
Nội dung:
o Giới thiệu DOM:
Cấu trúc DOM và cách truy cập các phần tử
o Sự kiện trong JavaScript:
Cách thêm sự kiện và xử lý sự kiện
Hoạt động của sinh viên:
o Thực hành: Thêm tính năng tương tác vào trang web (ví dụ: thay đổi nội dung
khi nhấn nút)
o Chia sẻ kinh nghiệm xử lý sự kiện
Đánh giá: Trình bày bài tập JavaScript
Tài liệu tham khảo:
o MDN Web Docs về DOM và sự kiện
Buổi 10: Dự án Cuối Khóa
Mục tiêu:
o Tích hợp tất cả kỹ năng đã học để xây dựng trang web hoàn chỉnh
Nội dung:
o Hướng dẫn thực hiện dự án:
Các bước cần thiết để hoàn thành dự án
Tiêu chí đánh giá dự án
Hoạt động của sinh viên:
o Thực hiện dự án cá nhân hoặc nhóm
o Trình bày dự án và nhận phản hồi từ giảng viên và bạn học
Đánh giá: Đánh giá dự án dựa trên tiêu chí đã định (giao diện, chức năng, mã
nguồn)
Tài liệu tham khảo:
o Tài liệu học tập của giảng viên
Trang 9Câu 2 (6 điểm): Dựa vào vị trí công việc tại đơn vị đang công tác, Thầy/Cô trình bày những
liên hệ thực tế của Thầy/Cô về HAI trong số nội dung sau đây:
1/ Tổ chức đào tạo và phát triển chương trình đào tạo;
2/ Kĩ năng chuyển đổi số và khai thác tài nguyên giáo dục mở;
3/ Hoạt động nghiên cứu khoa học và hợp tác quốc tế;
4/ Tư vấn, hỗ trợ người học trong học tập và phát triển nghề nghiệp;
5/ Xây dựng môi trường văn hóa trong cơ sở giáo dục tại địa phương
Trang 10
BÀI LÀM
2/ Kĩ năng chuyển đổi số và khai thác tài nguyên giáo dục mở
Công tác chuyển đổi số tại Trường Cao đẳng Sư phạm Bà Rịa – Vũng Tàu
1 Công tác lãnh đạo, chỉ đạo, tổ chức thực hiện
Đảng ủy và Lãnh đạo trường quán triệt, triển khai đầy đủ các văn bản chỉ đạo về chuyển
đối số của UBND tỉnh và Sở Giáo dục - Đào tạo trong các buổi họp của Đảng ủy và nhà
trường như:
+ Kế hoạch số 1490/KH-SGDĐT ngày 25/05/2022 của Sở Giáo dục và Đào tạo Tăng
cường ứng dụng công nghệ thông tin và chuyển đổi số trong giáo dục và đào tạo giai đoạn
2022 - 2025, định hướng đến năm 2030, đối với các cơ sở giáo dục Mầm non, phổ thông trên
địa bàn tỉnh;
+ Kế hoạch số 3098/KH-SGDĐT ngày 16/08/2023 của Sở Giáo dục và Đào tạo Triển
khai Thực hiện “Tăng cường ứng dụng công nghệ thông tin và chuyển đổi số trong giáo dục
và đào tạo giai đoạn 2022 - 2025, định hướng đến năm 2030” của năm học 2023-2024;
+ Kế hoạch số 2450/KH-BCĐ ngày 13/07/2023 của Ban chỉ đạo Chuyển đổi số ngành
giáo dục và Đào tạo về Hoạt động của Ban Chỉ đạo Chuyển đổi số ngành giáo dục và đào tạo
năm 2023;
Đảng ủy đã ban hành nghị Nghị quyết số 20-NQ/ĐU ngày 01/03/2022 về chuyển đổi số
tại trường Trường Cao đẳng Sư phạm Bà Rịa – Vũng Tàu
Nhà trường đã ban hành Kế hoạch số 571/KH-BCĐ ngày 31/12/2022 về “Tăng cường
ứng dụng công nghệ thông tin và chuyển đổi số tại Trường Cao đẳng Sư phạm Bà Rịa – Vũng
Tàu giai đoạn 2022 - 2025, định hướng đến năm 2030”
Ban hành Quyết định số 216/QĐ-CĐSP ngày 19/10/2023 của Hiệu trưởng về thành lập
Ban chỉ đạo chuyển đổ số trường Cao đẳng Sư phạm Bà Rịa – Vũng Tàu
Ban chỉ đạo đã ban hành Kế hoạch hoạt động số 394/KH-BCĐ ngày 20/10/2023 để thực
hiện các nhiệm vụ về chuyển đổi số trong trường Cao đẳng Sư phạm Bà Rịa –Vũng Tàu
Kết quả thực hiện
Tăng cường các điều kiện đảm bảo triển khai ứng dụng công nghệ thông tin và chuyển
đổi số trong giáo dục và đào tạo
Về phương tiện, đường truyền, phần mềm đáp ứng yêu cầu về tham gia các hoạt động
dạy và học trực tuyến
100% giảng viên có máy tính, đường truyền Internet phục vụ giảng dạy trực tuyến
Trang 1193% sinh viên có các thiết bị như máy tính, điện thoại thông minh có kết nối Internet
phục vụ học trực tuyến
Trang bị máy tính dạy học môn Tin học và các môn học khác có sử dụng máy tính: Nhà
trường trang bị 296 bộ máy tính có kết nối Internet phục vụ dạy học và kiểm tra đánh giá
Khó khăn, vướng mắc, hạn chế
Hạ tầng công nghệ thông tin như đường truyền Internet còn yếu, wifi chưa được phủ
khắp khuôn viên trường; trang thiết bị phục vụ chuyển đổi số chưa đồng bộ, chưa đáp ứng
yêu cầu thực tiễn
Một số sinh viên chưa trang bị được thiết bị máy tính hỗ trợ học tập, việc sinh viên sử
dụng điện thoại chỉ theo dõi được nội dung bài học, video nhưng không cài đặt được phần
mềm để thực hành
Nguyên nhân
Do nhu cầu truy cập với số lượng lớn trong cùng thời điểm nhưng hệ thống wifi chưa
phủ khắp các khu vực trong trường, tốc độ đường truyền Internet chưa đủ mạnh
Kinh phí để triển khai nâng cấp hệ thống phần cứng, phần mềm còn gặp khó khăn
Chưa có cán bộ chuyên trách về công nghệ thông tin
Do hoàn cảnh gia đình một số sinh viên khó khăn, chưa có điều kiện trang bị
máy tính, thuê dịch vụ Internet
2 Công tác chuyển đổi số hoạt động dạy, học, kiểm tra, đánh giá và nghiên cứu
khoa học
- Các nền tảng dạy và học trực tuyến:
+ Sử dụng phần mềm MS Teams, Google Meet, Moodle trong triển khai dạy học trực
tuyến tại trường
+ Khai thác Trung tâm tri thức số Việt Nam và mua sắm tài liệu, giáo trình cho thư viện
nhà trường nhằm đáp ứng yêu cầu về tài liệu học tập cho 100% học phần/môn học
+ Định hướng, giới thiệu cho sinh viên khai thác sử dụng kho học liệu số giáo dục
igiaoduc.vn, một số khóa học trực tuyến tại các website như Edumall, Unica…
Trong kiểm tra, đánh giá: Nhà trường tiếp tục triển khai phần mềm thi trắc nghiệm trực
tuyến trong kiểm tra, thi các môn trắc nghiệm và kiểm tra chuẩn đầu ra cho sinh viên chuyên
ngành tiếng Anh (http://tracnghiem.cdspbrvt.edu.vn/)
Khó khăn, vướng mắc, hạn chế: