Hướng dẫn học sinh thiết kế web trong Tin học 10

Nội dung tài liệu: Hướng dẫn học sinh thiết kế web trong Tin học 10

1. MỤC LỤC 1. Tên sáng kiến: “Hướng dẫn học sinh thiết kế web trong Tin học 10” ..............2 2. Ngày sáng kiến được áp dụng lần đầu...............................................................2 3. Các thông tin cần bảo mật: Không ....................................................................2 4. Mô tả các giải pháp cũ thường làm: ..................................................................2 5. Sự cần thiết phải áp dụng giải pháp sáng kiến ..................................................2 6. Mục đích của giải pháp sáng kiến .....................................................................4 7. Nội dung............................................................................................................6 7.1. Thuyết minh giải pháp mới ........................................................................6 7.2. Thuyết minh về phạm vi áp dụng sáng kiến.............................................20 7.3. Thuyết minh về lợi ích kinh tế, xã hội của sáng kiến...............................21 Phụ lục.................................................................................................................23 1
2. CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự do – Hạnh phúc THUYẾT MINH MÔ TẢ GIẢI PHÁP VÀ KẾT QUẢ THỰC HIỆN SÁNG KIẾN 1. Tên sáng kiến: “Hướng dẫn học sinh thiết kế web trong Tin học 10” 2. Ngày sáng kiến được áp dụng lần đầu: tháng 11/2021 3. Các thông tin cần bảo mật: Không 4. Mô tả các giải pháp cũ thường làm: Trong Chương trình môn Tin học hiện hành (Chương trình 2006), nội dung thiết kế web trong Tin học 10 nằm trong bài đọc thêm ở cuối sách giáo khoa. Vì vậy mà đa số giáo viên không quan tâm cũng như đưa vào dạy trên lớp, nên đa số học sinh sau khi tốt nghiệp phổ thông đều chưa biết thiết kế web. Điều đó dẫn đến thiệt thòi trong cơ hội nghề nghiệp với học sinh trung học phổ thông. Mặt khác, với nội dung trong bài đọc thêm của sách giáo khoa Tin học lớp 10 Chương trình hiện hành không đảm bảo được yêu cầu hướng nghiệp của với học sinh trung học phổ thông về nhóm ngành thiết kế này. Cũng chính vì vậy mà nội dung hướng dẫn học sinh thiết kế web trong Tin học 10 chưa được thầy, cô giáo quan tâm khi tổ chức dạy học Tin học 10. 5. Sự cần thiết phải áp dụng giải pháp sáng kiến Thứ nhất: xuất phát từ chủ trương đổi mới giáo dục để theo kịp với giáo dục các nước tiên tiến. Nghị quyết số 44/NQ-CP, ngày 09/6/2014 Ban hành Chương trình hành động của Chính phủ thực hiện Nghị quyết số 29-NQ/TW ngày 04 tháng 11 năm 2013 Hội nghị lần thứ tám Ban Chấp hành Trung ương khóa XI về đổi mới căn 2
3. bản, toàn diện giáo dục và đào tạo, đáp ứng yêu cầu công nghiệp hóa, hiện đại hóa trong điều kiện kinh tế thị trường định hướng xã hội chủ nghĩa và hội nhập quốc tế. Thông tư số 32/2020/TT-BGDĐT của Bộ Giáo dục và Đào tạo ban hành ngày 15 tháng 09 năm 2020 và có hiệu lực từ ngày 01 tháng 11 năm 2020 đã chỉ rõ Giáo dục phổ thông nước ta đang thực hiện bước chuyển từ chương trình giáo dục tiếp cận nội dung sang tiếp cận năng lực của người học, nghĩa là từ chỗ quan tâm đến việc học sinh học được cái gì đến chỗ quan tâm học sinh làm được cái gì qua việc học. Theo lộ trình Chương trình giáo dục phổ thông mới theo Thông tư số 32/2020/TT-BGDĐT bắt đầu được thực hiện từ năm học 2021-2022, trong đó nội dung Tin học lớp 10 có sự thay đổi, cụ thể: Chủ đề G: Hướng nghiệp với Tin học: giới thiệu nhóm nghề thiết kế và lập trình. Đây là một trong các chủ đề chính của môn học. Chiếm thời lượng 2 bài (bài 1. Nhóm nghề thiết kế và lập trình và bài 2. Dự án nhỏ: Tìm hiểu về nghề lập trình web, lập trình trò chơi và lập trình cho thiết bị di động), với yêu cầu cần đạt: ✓ Định hướng lựa chọn nghề nghiệp trong tương lai là việc rất quan trọng đối với mỗi học sinh cấp trung học phổ thông. ✓ Dựa trên khả năng, cá tính, sở thích và nguyện vọng của bản thân kết hợp với đặc điểm ngành nghề, cơ hội được đào tạo việc làm, mỗi học sinh sẽ định hướng và lựa chọn cho bản thân ngành nghề trong tương lai. 3
4. Cây nghề nghiệp Thứ hai: xuất phát từ yêu cầu của bản thân khi được phân công nhiệm vụ giảng dạy môn Tin học lớp 10, tôi luôn trăn trở làm thế nào để giúp học sinh tiếp cận với nội dung giáo dục hướng nghiệp trong Chương trình giáo dục phổ thông mới ở nội dung thiết kế web? Xuất phát từ lí do trên tôi mạnh dạn đưa ra giải pháp “Hướng dẫn học sinh thiết kế web trong Tin học 10” để thực hiện giảng dạy học sinh tiếp cận với chương trình giáo dục phổ thông mới. 6. Mục đích của giải pháp sáng kiến ✓ Học sinh yêu thích môn Tin học hơn: Học sinh thấy môn học đơn giản, gần gũi và thực tế vào cuộc sống.Với nội dung học này học sinh cảm thấy học như chơi mà chơi như học. Học sinh được đưa ra chính kiến của mình như chọn ngành nghề nào, sở thích ăn gì hay đi du lịch....Qua đó có thể gieo ước mơ nghề nghiệp trong tương lai khi học sinh ở cuối cấp. ✓ Cơ hội việc làm được mở rộng: Với nhu cầu thiết kế web ngày một càng tăng lên, để đáp ứng nhu cầu này thì một tổ chức doanh nghiệp đều cần phải tạo và quản lý website cho doanh nghiệp của mình. Việc làm trong 4
5. ngành này vì thế cũng được tăng lên, người thiết kế có thể lựa chọn một công việc tốt mà không cần phải vất vả xin việc như các ngành nghề khác. ✓ Kiên trì và đam mê: Thiết kế web là việc đòi hỏi sự kiên tri, tỉ mỉ. Người theo nhóm nghề này cần thực hành và trao đổi thường xuyên với đồng nghiệp để phát triển được kỹ năng đáp ứng kỹ năng công việc. Công nghệ ngày càng phát triển, vì vậy người đam mê với công nghệ sẽ có khả năng bắt kịp các xu thế mới, cập nhật được công nghệ tiên tiến, phát triển được sự nghiệp. ✓ Tư duy logic và chính xác: Đây là công việc đòi hỏi nhiều mô tả có tính logic, chính xác và đầy đủ để có được sản phẩm đáp ứng đúng nhu cầu người dùng. Trong thiết kế một lỗi sai nhỏ cũng dẫn đến nội dung không thực hiện được. ✓ Khả năng tự học, sáng tạo: Đối diện với sự thay đổi nhanh chóng của công nghệ, người thiết kế luôn phải tự học, chủ động cập nhật kiến thức và kĩ năng mới. Tính chất của công việc thiết kế luôn đòi hỏi sự sáng tạo. ✓ Khả năng đọc hiểu tiếng Anh: Để đảm bảo được công việc, nghề thiết kế đòi hỏi người thiết kế cần đọc hiểu được tiếng Anh chuyên ngành. ✓ Mức lương cho ngành thiết kế web rất cao: Hiện nay, người thiết kế web có kỹ năng tốt, có thể xử lý và tạo ra một website tốt, chất lượng đáp ứng được nhu cầu của khách hàng thì mức lương mức dành cho người thiết kế web rất cao. Mỗi tháng, đối với nhân viên mới ra trường có thể thu nhập với mức lương có thể từ 10-12 triệu. Với những công ty nước ngoài hoặc làm việc với thời gian từ 3-4 năm người thiết kế web có thể kiếm được với mức lương hơn 1000$/1 tháng. Ngoài ra, với mức thu từ công việc chính họ có thể kiếm thêm khoản thu nhập từ những công việc phụ bên ngoài như công việc , nhận các dự án thiết kế web của các shop online, các blogger, Từ đó, thu nhập của người thiết kế cũng được tăng lên. ✓ Nâng cao trình độ công nghệ thông tin cho học sinh: Khi được học thiết kế web học sinh am hiểu nhiều về website và hiểu biết rõ hơn về thế giới công 5
6. nghệ. Từ đó người học có thêm nhiều kiến thức về cách bảo mật, phòng chống được virus đến với thiết bị công nghệ của cá nhân, cơ quan hay của doanh nghiệp mà mình đang làm.Tránh được tình trạng mất thông tin, dữ liệu và tài sản. Với những lợi ích của ngành thiết kế web học sinh có thể thấy được thiết kế website là một ngành học xu hướng cho tương lai. Không những đem lại cho người học một công việc tốt, mức thu nhập cao, thoải mái cho thời gian và không gian làm việc mà họ còn nhận được nhiều giá trị cho bản thân. 7. Nội dung 7.1. Thuyết minh giải pháp mới Như đã nói ở trên, nội dung thiết kế web không được bố trí để dạy chính thức mà chỉ là nội dung đọc thêm trong sách giáo khoa Tin học 10 chương trình hiện hành do đó hầu hết các thầy cô đều không quan tâm nhiều đến nội dung này. Chính vì vậy “Hướng dẫn học sinh thiết kế web trong Tin học 10” tôi đưa ra là sáng kiến hoàn toàn mới, đáp ứng được sự thay đổi của chương trình giáo dục phổ thông 2018 cũng như yêu cầu của xã hội. Giải pháp của tôi được thể hiện cụ thể như sau: ❖Thứ nhất: Lập kế hoạch xây dựng web • Cách triển khai: Giáo viên lập kế hoạch dạy học chi tiết: - Bước 1. Phân trưởng nhóm cụ thể. Mỗi nhóm được phân có thể dự kiến về sản phẩm mình muốn thiết kế web. Sau đó phân chia công việc và lên lịch triển khai. Chuẩn bị phòng máy có nhiều máy tính dùng tốt và có kết nối mạng: - Bước 2. Lựa chọn nội dung thiết kế web sao cho đa số cá học sinh có thể thực hiện được tại trường. - Bước 3. Thành lập nhóm zalo của hai lớp để từng học sinh gửi bài lên nhóm. 6
7. • Kết quả: Đa phần học sinh biết thiết kế web ở mức đơn giản. Việc chuẩn bị kỹ các nội dung giúp giáo viên và học sinh thực hiện đúng, đầy đủ, đạt được yêu cầu giáo viên đưa ra. ❖ Thứ hai: Thiết kế nội dung phù hợp Để thiết kế một website hoàn chỉnh thì kiến thức rất rộng. Tuy nhiên giáo viên cần lựa chọn nội dung sao cho phù hợp với học sinh khối 10 mà vẫn đảm bảo được các yêu cầu cơ bản của một trang web. • Cách triển khai: Thiết kế web bằng cách sử dụng Ladipage - Bước 1. Đăng ký tài khoản Ladipage; - Bước 2. Chọn Ladipage mẫu; - Bước 3. Thiết kế ladipage bằng cách kéo thả - Bước 4. Xuất bản Ladipage ✓ Bước 1. Đăng ký tài khoản Ladipage Học sinh có thể sử dụng điện thoại thông minh có kết nối Internet để học thiết kế web trên Ladipage. Tuy nhiên hiệu quả hơn thì người học nên dùng máy tính. Bấm vào Đăng ký miễn phí hoặc Bắt đầu sử dụng miễn phí như trong hình. 7
8. Tiếp đó, học sinh điền đầy đủ thông tin vào mẫu đăng ký để đăng ký hoặc đăng ký bằng Facebook, Google như hình dưới. Trong đó: (1): Điền đầy đủ thông tin như: Tên, Email, mật khẩu và số điện thoại (2): Nhấn vào biểu tượng Facebook và đăng ký bằng tài khoản Facebook của bạn. Đăng ký xong, bổ sung thêm mật khẩu và số điện thoại. (3): Nhấn vào biểu tượng Google và đăng ký bằng tài khoản Gmail của bạn. Đăng ký xong, bổ sung thêm mật khẩu và số điện thoại. 8
9. Sau khi đăng ký xong, bạn sẽ nhận được một email thông báo tạo tài khoản Ladipage thành công. Bây giờ bạn có thể dùng Ladipage để tạo landing page được rồi. Nhấn vào: xác thực tài khoản Khi đó giao diện xuất hiện Truy cập được hết các trang Ladipage tạo trước Truy cập được hết các đó trang Ladipage tạo trước Bước 2. Chọn Ladipage mẫu đó 9
10. Với Showcase: các giao diện được thiết kế sẵn do cộng đồng của LadiPage thiết kế, chọn chế độ xem trước, nếu phù hợp với nội dung, nhà thiết kế chỉ cần sửa thông tin sao cho phù hợp với công việc là được. Tạo mới lading Page Sử dụng giao diện mẫu: Học sinh chọn vào đây và sẽ được đưa tới kho giao diện mẫu free của Ladipage. Học sinh xem xem giao diện nào phù hợp với sản phẩm của mình thì chọn và chỉnh sửa theo giao diện đó. Giao diện landing page free cũng rất đa dạng ngành từ bất động sản, thời trang, nhà hàng, thẩm mỹ, thực phẩm chức năng, Sử dụng trang trắng: Học sinh sẽ tạo ra 1 trang trắng hoàn toàn và có thể thiết kế landing page tùy ý. Tải file .ladipage từ máy tính: Nếu thuê người thiết kế hoặc xin, mua, ở đâu đó được file landing page có định dạng .ladipage thì upload lên là xong. 10
11. Bắt buộc Không bắt buộc Nhập xong người học nhấn Tạo Landing Page và người học sẽ được dẫn tới trang builder của Ladipage. Tại đây, một thông báo hỏi bạn muốn tạo landing page cho Desktop & Mobile hay chỉ Mobile. Bước 3. Thiết kế landing page bằng cách kéo thả Khi đó Landing chuyển sang chế độ thiết kế. Sau đó chúng ta thiết kế lại một số thông tin. Thanh công cụ trái và thanh công cụ phải 11
12. Công cụ bên tay trái, sẽ có 4 menu bao gồm: Thêm mới, Section, Popup, Ứng dụng. Trong đó: Menu Thêm mới: Chứa các công cụ tạo các thành phần của trang landing page như: văn bản, hình ảnh, video, hình khối, Menu Section: Dùng để thêm mới section hoặc click vào section nào đó để di chuyển nhanh tới section đó. 12
13. Menu Popup: Popup là dạng Form đăng ký để lại thông tin cá nhân như: Họ tên, số điện thoại, địa chỉ email , đặt hàng nhảy lên giữa màn hình người xem khi xảy ra một sự kiện nào đó Khi đó giao diện xuất hiện 13
14. Menu Ứng dụng: Ở đây bạn có thể tạo các ứng dụng như vòng quay may mắn, đồng hồ đếm ngược, tạo thông báo đơn hàng, kết nối với công cụ giúp tăng tỉ lệ chuyển đổi cho landing page. Với một vài thay đổi nhỏ như địa chỉ, số điện thoại là học sinh hoàn toàn có một trang web của riêng mình. Cuối cùng là học sinh chọn xuất bản. Bước 4. Xuất bản Lading Page. Chú ý: Trước khi xuất bản cần lưu trữ lading page, sau đó chọn chế độ xem trước. Đặc biệt là ngày nay rất nhiều người sử dụng điện thoại thông minh để vào web vì vậy học sinh cần xem trên cả hai chế độ thiết kế là Desktop và Mobile để xem quá trình chỉnh sửa đã phù hợp chưa? 14
15. Xuất bản web Kiểm tra trên điện thoại Xuất bản web Menu Xuất bản: Chứa các công cụ như xem trước, lưu, xuất bản hoặc là xem lại lịch sử chỉnh sửa. Menu Mobile: Click vào để xem landing page ở dạng giao diện mobile. Menu Undo: Dùng để quay lại thao tác trước đó (phím tắt là Ctrl + Z) Sau khi thiết kế xong landing page bạn nhớ ấn Xuất bản -> Lưu (Ctrl + S) để lưu lại. Khi đó giao diện xuất hiện 15
16. • Kết quả: Học sinh biết quy trình thiết kế một website đơn giản. Với giải pháp này học sinh thấy ngay được sản phẩm web do mình tạo ra với hình thức đẹp, bắt mắt, chuyên nghiệp tạo hứng thú để học sinh tìm hiểu sâu hơn. ❖ Thứ 3: Tổ chức hướng dẫn học sinh xây dựng web qua giờ thực hành. Do thiết kế web không có trong chương trình học của sách giáo khoa cũ. Tuy nhiên các kiến thức trong bài thực hành 10, 11 (chiếm thời lượng 4 tiết) thì học sinh đã biết làm trước đó, có nhiều bạn còn thành thạo. Vì vậy 4 tiết thực hành này được xem là thời gian vàng để hướng dẫn học sinh thiết kế web. Sử dụng nhóm zalo: Không chỉ 4 tiêt thực hành, mà học sinh còn có thể trao đổi bài với các bạn cũng như cô giáo và hoàn thiện sản phẩm của mình gửi lên nhóm. • Các bước tiến hành: Bước 1. Hướng dẫn thực hành tại lớp: Nhóm trưởng của mỗi nhóm cùng với các thành viên thực hành phần việc mình làm như phần đầu trang web, phần giữa, và phần cuối. Đặc biệt những bạn còn yếu về công nghệ hoặc gia đình chưa có máy tính cần được chú ý hơn. 16
17. Bước 2. Sử dụng nhóm zalo: Để công việc không bỏ lửng thì nhóm zalo là nơi để các bạn cùng cô giáo trao đổi trên đó. ✓ Với kết quả là sản phẩm từ các nhóm học sinh trên lớp Sản phẩm do nhóm bạn Duyên 17
18. Sản phẩm nhóm bạn Thanh Nhóm do Công Thành hướng dẫn ✓ Kết quả do nhóm học sinh giỏi cùng cô tạo ra một website 18
19. ❖Thứ 4 sử dụng các phần mềm dạy học và một số thiết bị hỗ trợ. Với nội dung về thiết kế web học sinh được vận dụng các phần mềm như: zalo, Unikey, sử dụng email, hay vào trang Ladipage cùng với máy tính hoặc điện thoại thông minh có kết nối dụng Internet. • Các bước tiến hành: - Bước 1. Chuẩn bị các thiết bị hoạt động tốt: máy tính, điện thoại thông minh có kết nối mạng. - Bước 2: Sử dụng email, zalo, máy tính đã phần mềm unikey để đăng ký tài khoản, làm bài, và hoàn thiện sản phẩm gửi lên nhóm zalo. - Bước 3. Gửi bài lên nhóm lớp trên zalo để cô và các bạn cùng xem sản phẩm. • Kết quả: Một số hình ảnh thu được từ học sinh của hai nhóm trao đổi bài trên Zalo lớp 10A1, 10A2 từ hai loại thiết bị là máy tính và điện thoại: Sản phẩm trên máy tính 19
20. Sản phẩm trên điện thoại Hoàn thiện sản phẩm hơn với nhóm zalo 7.2. Thuyết minh về phạm vi áp dụng sáng kiến Giải pháp này trước mắt được áp dụng tại trường THPT Phương Sơn và bước đầu thu được hiệu quả, nhận được nhiều sự quan tâm của học sinh khối 10, 20