(Luận văn thạc sĩ hcmute) xây dựng module tích hợp cho môn học động cơ đốt trong theo hướng hiện đại ứng dụng công nghệ thông tin

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH LUẬN VĂN THẠC SĨ TRẦN MINH TUẤN XÂY DỰNG MODULE TÍCH HỢP CHO MÔN HỌC ĐỘNG CƠ ĐỐT TRONG THEO HƯỚNG HIỆN ĐẠI ỨNG DỤNG CÔNG NGHỆ THÔNG TIN NGÀNH: KHAI THÁC & BẢO TRÌ Ơ TƠ MÁY KÉO - 605246 S K C0 Tp Hồ Chí Minh, tháng 10/2012 Luan van BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH LUẬN VĂN THẠC SĨ TRẦN MINH TUẤN XÂY DỰNG MODULE TÍCH HỢP CHO MƠN HỌC ĐỘNG CƠ ĐỐT TRONG THEO HƯỚNG HIỆN ĐẠI ỨNG DỤNG CÔNG NGHỆ THƠNG TIN NGÀNH: KHAI THÁC & BẢO TRÌ Ơ TƠ MÁY KÉO - 605246 Tp.Hồ Chí Minh, tháng 10 năm 2012 Luan van BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH LUẬN VĂN THẠC SĨ TRẦN MINH TUẤN XÂY DỰNG MODULE TÍCH HỢP CHO MƠN HỌC ĐỘNG CƠ ĐỐT TRONG THEO HƯỚNG HIỆN ĐẠI ỨNG DỤNG CÔNG NGHỆ THÔNG TIN NGÀNH: KHAI THÁC & BẢO TRÌ Ơ TƠ MÁY KÉO - 605246 Hướng dẫn khoa học: PGS.TS NGUYỄN LÊ NINH Tp.Hồ Chí Minh, tháng 10 năm 2012 Luan van LÝ LỊCH KHOA HỌC I LÝ LỊCH SƠ LƢỢC: Họ & tên: Trần Minh Tuấn Giới tính: Nam Ngày, tháng, năm sinh: 17/11/1986 Nơi sinh: Quảng Ngãi Quê quán: Quảng Ngãi Dân tộc: Kinh Địa liên lạc: 151, đƣờng số 8, phƣờng 11, Gị Vấp, Tp Hồ Chí Minh Điện thoại quan: 0903870724 Điện thoại nhà riêng: E-mail: Tranminhtuan31@gmail.com II QUÁ TRÌNH ĐÀO TẠO: Trung học chuyên nghiệp: Đại học: Hệ đào tạo: Chính qui Thời gian đào tạo từ / 2007 đến / 2009 Nơi học: Trƣờng Đại học Sƣ phạm Kỹ thuật Tp Hồ Chí Minh Ngành học: Cơ khí Động lực Tên đồ án, luận án môn thi tốt nghiệp: Thiết kế, thi cơng mơ hình biên soạn module thực hành hệ thống điện điều khiển động 5S-FE Ngày & nơi bảo vệ đồ án, luận án thi tốt nghiệp: tháng 7/2009 Ngƣời hƣớng dẫn: Ths Huỳnh Quốc Việt III Q TRÌNH CƠNG TÁC CHUN MƠN KỂ TỪ KHI TỐT NGHIỆP ĐẠI HỌC: Thời gian Nơi công tác Từ tháng 9/2009 Trƣờng Cao đẳng Kỹ thuật đến Lý Tự Trọng Tp Hồ Chí Minh Luan van Công việc đảm nhiệm Giảng viên LỜI CAM ĐOAN Tơi cam đoan cơng trình nghiên cứu Các số liệu, kết nêu luận văn trung thực chƣa đƣợc công bố cơng trình khác Tp Hồ Chí Minh, ngày 21 tháng năm 2012 (Ký tên ghi rõ họ tên) Luan van LỜI CẢM ƠN Để hoàn thành luận văn tốt nghiệp thời hạn xin chân thành cảm ơn giúp đỡ từ q thầy cơ, anh chị học viên lớp cao học bạn đồng nghiệp Tôi xin chân thành cảm ơn thầy hƣớng dẫn PGS.TS Nguyễn Lê Ninh tận tình hƣớng dẫn giúp đỡ ý tƣởng, nội dung nhƣ phƣơng pháp nghiên cứu, cách tiếp cận vấn đề Xin chân thành cảm ơn quí thầy phản biện bỏ thời gian công sức để đọc đóng góp ý kiến quý báu giúp hoàn thiện nội dung luận văn tốt nghiệp Cảm ơn anh chị học viên lớp cao học bạn đồng nghiệp đóng góp cơng sức ý kiến quí giá Xin chân thành cảm ơn Luan van TÓM TẮT Vấn đề xây dựng, biên soạn giáo trình cho phù hợp với chƣơng trình đào tạo trƣờng cần thiết Thực tế, hầu hết trƣờng tự trang bị cho giáo trình lƣu hành nội giảng viên cơng tác Khoa trƣờng biên soạn Đều hoàn toàn chấp nhận đƣợc Và xuất phát từ thực tế, ngƣời nghiên cứu tập trung vào việc nghiên cứu, xây dựng giáo trình mơn Động đốt theo hƣớng đại ứng dụng công nghệ thông tin áp dụng vào giảng dạy môn động thuộc Khoa Động lực, trƣờng Cao đẳng kỹ thuật Lý Tự Trọng Thành phố Hồ Chí Minh, nơi ngƣời nghiên cứu công tác Đề tài “Xây dựng module tích hợp cho mơn học Động đốt theo hƣớng đại ứng dụng công nghệ thông tin” đƣợc tiến hành với việc sử dụng phần mềm thiết kế, lập trình Adobe Dreamweaver CS5 kết hợp với phần mềm, công cụ hỗ trợ: Javascript, Photoshop CS5 Phần mềm có ƣu điểm phần mềm cơng cụ hỗ trợ cho phong phú, đa dạng Đặc biệt nâng cấp cập nhật thêm công cụ hỗ trợ Sản phẩm tạo file web đƣợc trình bày dƣới ngơn ngữ lập trình web HTML nên có dung lƣợng nhỏ nhƣng chứa khối lƣợng kiến thức khổng lồ Đề tài góp phần vào việc phát triển việc ứng dụng thiết bị đại cung cấp thêm tài liệu tham khảo cho kỹ sƣ giảng viên ngành Luan van ABSTRACT The issue of constructing and compiling curricula to suit the educational program of each college/university is essential In fact, most schools currently have to equip themselves with curricula for internal use compiled by lecturers working at different faculties This is totally acceptable And coming from practice, the researcher has focused on the research and development of the curriculum for the course of combustion engine according to modern applications of information technology to teaching in the engine subject of the Faculty of Automotive, Ly Tu Trong Technical College Ho Chi Minh City, where the researcher is currently working at The project "The construction of integrated module for the course of internal combustion engine according to modern applications of information technology" has been conducted with the use of design software, the program Adobe Dreamweaver CS5 combined with software, support tools such as Javascript, Photoshop CS5 This software has the advantage that there is a wide range of diverse support tools for it In particular, it can be upgraded and updated with support tools The resulting product is a file web presented in web programming language HTML, so it has very low capacity but can contain a huge amount of knowledge The project has contributed to the development of applications in modern equipment and provided additional references for engineers and lecturers in the industry Luan van DANH SÁCH CÁC HÌNH HÌNH TRANG Hình 3.1: Giới thiệu phần mềm Adobe Dreamweaver CS5 24 Hình 3.2: Giao diện Dreamweaver 25 Hình 3.3: Bảng component 26 Hình 3.4: Vùng làm việc 27 Hình 3.5: Bảng thuộc tính 27 Hình 3.6: Bảng chức 28 Hình 3.7: Khởi tạo trang web 29 Hình 3.8: Thuộc tính trang web 30 Hình 3.9: Tiêu đề bảng mã 31 Hình 3.10: Thiết lập thuộc tính bảng 32 Hình 3.11: Định dạng bảng 33 Hình 3.12: Thêm dịng vào bảng 33 Hình 3.13: Canh lề cho văn 34 Hình 3.14: Thuộc tính hình ảnh 34 Hình 3.15: Chèn tập tin đa phƣơng tiện 35 Hình 3.16: Khởi động DHTML Menu 35 Hình 3.17: Các tác vụ thiết kế 36 Hình 3.18: Thuộc tính địa liên kết 36 Hình 3.19: Tạo template cho Website 37 Hình 3.20: Chọn thƣ mục lƣu trữ Website 38 Hình 3.21: Chọn vùng thay đổi template 39 Hình 5.1: Tạo liên kết với thƣ mục GTDT 67 Hình 5.2: Tạo file index.html 68 Luan van Hình 5.3: Tạo thƣ mục content 68 Hình 5.4: Menu ngang trang web 68 Hình 5.5: Menu dọc trang web 69 Hình 5.6: Khung sƣờn trang chủ 69 Hình 5.7: Đoạn mã code tạo nền, màu chữ, font chữ, canh lề cho website 70 Hình 5.8: Đoạn mã code hiển thị menu ngang website 71 Hình 5.9: Đoạn mã code hiển thị vị trí banner menu ngang khung sƣờn 71 Hình 5.10: Nhập nội dung vào phần Nội dung website khung sƣờn trang chủ72 Hình 5.11: Đoạn mã code chèn video clip vào vị trí tƣơng ứng trang chủ 72 Hình 5.12: Giao diện trang chủ 73 Hình 5.13: Khung sƣờn trang 74 Hình 5.14: Đoạn mã code hiển thị menu dọc 75 Hình 5.15: Đoạn mã code hiển thị vị trí menu dọc khung sƣờn 75 Hình 5.16: Nhập nội dung cho trang 76 Hình 5.17: Đoạn code hiển thị trƣợt 76 Hình 5.18: Giao diện trang 77 Hình 5.19 Tạo liên kết đến viết 78 Luan van 5.1.3 Tạo thƣ mục thƣ mục GTDT - Tạo file html: Tại thƣ mục GTDT, nhấp chuột phải chọn New file để tạo file html Sau đổi tên thành index.html Hình 5.2: Tạo file index.html - Tạo thƣ mục content: chứa nội dung giáo trình Tại thƣ mục GTDT, nhấp chuột phải vào chọn New folder để tạo thƣ mục Sau đặt tên content Hình 5.3: Tạo thƣ mục content - Tƣơng tự tạo thƣ mục khác nhƣ: css, image, js, upload, ja_moomenu, vertical_menu + Thƣ mục css: để chứa file định dạng màu sắc, font chữ website + Thƣ mục image: chứa hình ảnh, banner trang trí, video clip cho website + Thƣ mục ja_moomenu: chứa file để tạo menu ngang Hình 5.4: Menu ngang trang web 77 Luan van + Thƣ mục js: chứa đoạn code mã để tạo hiệu ứng + Thƣ mục upload: chứa hình ảnh viết + Thƣ mục vertical_menu: chứa file tạo menu dọc Hình 5.5: Menu dọc trang web 5.2 Thiết kế trang chủ website 5.2.1 Xây dựng phần khung sƣờn cho trang chủ Hình 5.6: Khung sƣờn trang chủ 78 Luan van 5.2.2 Thiết kế trang chủ - Phần đầu đề (banner): đƣợc thiết kế cách sử dụng phần mềm Aleo Flash Intro Banner Maker để hỗ trợ tạo flash (hiệu ứng chữ chạy banner) - Phần menu ngang: đƣợc thiết kế cách sử dụng phần mềm Adobe Dreamwaver để lập trình tạo menu ngang cho website Viết mã code để tạo nền, định dạng font chữ, màu sắc, hình ảnh, video clip cho website Viết mã code để đặt phần đầu đề menu ngang vào vị trí tƣơng ứng khung sƣờn xây dựng Hình 5.7: Đoạn mã code tạo nền, màu chữ, font chữ, canh lề cho website 79 Luan van Hình 5.8: Đoạn mã code hiển thị menu ngang website Hình 5.9: Đoạn mã code hiển thị vị trí banner menu ngang khung sƣờn - Phần nội dung website: đƣợc thiết kế cách sử dụng phần mềm Adobe Dreamwaver để nhập phần nội dung vào khung nội dung website 80 Luan van Hình 5.10: Nhập nội dung vào phần Nội dung website khung sƣờn trang chủ - Phần video: Viết mã code để chèn video clip vào vị trí tƣơng ứng cho trang chủ website Hình 5.11: Đoạn mã code chèn video clip vào vị trí tƣơng ứng trang chủ 81 Luan van 5.2.3 Giao diện trang chủ Trang chủ website sau đƣợc thiết kế có giao diện nhƣ hình 5.12 Hình 5.12: Giao diện trang chủ 5.3 Thiết kế trang website 5.3.1 Xây dựng phần khung sƣờn cho trang Phần khung sƣờn trang đƣợc xây dựng bao gồm phần nhƣ sau : - Phần đầu đề (banner) - Phần menu ngang - Phần menu dọc - Phần nội dung website - Phần thông tin tác giả, chủ sở hữu website 82 Luan van Hình 5.13: Khung sƣờn trang 5.3.2 Thiết kế trang Trang website đƣợc thiết kế tƣơng tự nhƣ nhƣ trang chủ, bên cạnh phần banner, phần menu ngang trang cịn có menu dọc - Phần menu dọc: đƣợc thiết kế cách sử dụng phần mềm Adobe Dreamwaver để lập trình tạo menu dọc cho website Viết mã code hiển thị menu dọc website Viết mã code chèn menu dọc vào vị trí tƣơng ứng khung sƣờn trang 83 Luan van Hình 5.14: Đoạn mã code hiển thị menu dọc Hình 5.15: Đoạn mã code hiển thị vị trí menu dọc khung sƣờn - Phần nội dung website: Nhập nội dung cho trang Trong dùng thẻ để chèn hình ảnh cho nội dung viết 84 Luan van Hình 5.16: Nhập nội dung cho trang Viết code thiết kế chiều cao khung hiển thị nội dung 430px Nếu viết dài chiều cao trƣợt xuất (thuộc tính Overflow) Hình 5.17: Đoạn code hiển thị trƣợt 85 Luan van 5.3.3 Giao diện trang Trang website sau đƣợc thiết kế có giao diện nhƣ hình 5.18 Hình 5.18: Giao diện trang 5.4 Tạo liên kết đến viết 86 Luan van Tạo liên kết menu ngang, menu dọc đến viết nhƣ hình 5.19 - Khai báo khối đoạn văn cần tạo liên kết - Nhập liên kết vào Link Ví dụ: content/bai1/index.html để liên kết đến nội dung Nhập liên kết vào Hình 5.19 Tạo liên kết đến viết 87 Luan van KẾT LUẬN 1.1 Kết luận Đƣợc hƣớng dẫn tận tình thầy PGS.TS Nguyễn Lê Ninh, quan tâm giúp đỡ thầy cô, đồng nghiệp, anh chị học viên cao học, đề tài hoàn thành thời gian quy định đạt đƣợc yêu cầu, nhiệm vụ đặt ban đầu Đề tài đạt đƣợc số kết định đem lại nhiều ý nghĩa mặt khoa học nhƣ thực tiễn: - Đã thu thập, nghiên cứu tài liệu, biên soạn nội dung môn học Động đốt - Đã nghiên cứu thiết kế lập trình web - Đã thiết kế, xây dựng module cho môn học Động đốt phần mềm thiết kế web Adobe Dreamwaver CS5 Nội dung đề tài mang tính thực tế nhƣ : sinh viên tự nghiên cứu theo module môn học Động đốt trong, hỗ trợ cho công việc giảng dạy giảng viên… Trƣớc mắt sản phẩm đề tài công cụ hỗ trợ đắc lực cho công tác giảng dạy môn Động cơ, khoa Động lực, trƣờng Cao đẳng Kỹ thuật Lý Tự Trọng Thành phố Hồ Chí Minh Việc ứng dụng công nghệ thông tin công tác giảng dạy cần thiết Trong trình thực đề tài, kết đạt đƣợc nội dung mơn học phù hợp với chƣơng trình đào tạo, phù hợp với trình độ sinh viên trƣờng nhƣng có tính xác tƣơng đồng so với giáo trình Động đốt đƣợc xuất Với việc ứng dụng phần mềm thiết kế web Adobe Dreamwaver CS5 mang lại tính sƣ phạm, tính thẩm mỹ, tính cho sản phẩm nhƣ đáp ứng đƣợc nhiều chức nhƣ là: phục vụ thiết thực công tác giảng dạy hay sử dụng tốt cho việc lƣu trữ tài liệu với khối lƣợng nội dung lớn nhƣng giá thành thấp nhiều so với việc in thành sách Tuy nhiên phần mềm thiết kế Adobe 88 Luan van Dreamwaver CS5 phần mềm nên đòi hỏi nhiều thời gian để nghiên cứu thao tác Mặc dù sở để hƣớng đến việc ứng dụng công nghệ thông tin vào việc thiết kế môn học khác, đáp ứng cho nhu cầu đào tạo nhà trƣờng nhƣ nhu cầu xã hội Nội dung đề tài tài liệu mang tính hệ thống, nhƣng đầy đủ, đáp ứng đƣợc nhu cầu đặt tài liệu giảng dạy môn học Động đốt Kiến nghị Do phần mềm thiết kế Adobe Dreamwaver CS5 phần mềm nên đòi hỏi nhiều thời gian để nghiên cứu thao tác Bên cạnh thời gian thu thập tài liệu, nghiên cứu biên soạn nội dung giáo trình khó khăn nên đề tài dừng lại việc nghiên cứu theo chƣơng trình đào tạo học phần môn học Động đốt học phần môn học Thực tập động cơ Để đáp ứng nhu cầu nâng cao chất lƣợng giảng dạy, đề tài cần phát triển nghiên cứu thêm học phần Thực tập động xăng (theo chƣơng trình đào tạo trƣờng Cao đẳng Kỹ thuật Lý Tự Trọng Thành phố Hồ Chí Minh) mở rộng môn học khác ngành ô tô 89 Luan van TÀI LIỆU THAM KHẢO TIẾNG VIỆT Võ Văn Nhuận, Nguyễn Văn Trạng, Nguyên lý kết cấu động đốt trong, Đại học Sƣ phạm Kỹ thuật Thành phố Hồ Chí Minh, 2006 Dƣơng Việt Dũng, Giáo trình mơn học Kết cấu động đốt trong, Đại học Bách khoa Đà Nẵng, 2007 Nguyễn Văn Bình, Nguyễn Tất Tiến, Nguyên lý động đốt trong, Nhà xuất giáo dục, 1994 Nguyễn Tấn Quốc, Nguyên lý động đốt trong, Đại học Sƣ phạm Kỹ thuật Thành phố Hồ Chí Minh, 2000 Trần Thế San, Đỗ Văn Dũng, Thực hành sửa chữa bảo trì động xăng, Đại học Sƣ phạm Kỹ thuật Thành phố Hồ Chí Minh, 2002 Lê Xuân Tới, Giáo trình Động xăng, 1998 Đỗ Văn Dũng, Hệ thống điện điện tử ô tô đại, Đại học Sƣ phạm Kỹ thuật Thành phố Hồ Chí Minh, 2004 Động xăng, TOYOTA, 2002 Nhóm phát triển phần mềm sinh viên, Giáo trình thiết kế web với Dreamweaver, Nhà xuất giao thơng vận tải, 2010 10 Thạc Bình Cƣờng, Vũ Thị Hậu, Giáo trình thiết kế web, Nhà xuất giáo dục, 2008 TIẾNG NƢỚC NGOÀI 11 Sue Jenkins, Richard Wagner, Dreamweaver CS5 All in One, Wiley 2010 12 The official training workbook from Adobe systems, Adobe Dreamweaver CS5 classroom in a book, Peachpit 2010 13 John Duckett, Beginning HTML, XHTML, CSS and JavaScript, 2010 14 Automotive Handbook, BOSCH Germany 2000 90 Luan van S K L 0 Luan van ... TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH LUẬN VĂN THẠC SĨ TRẦN MINH TUẤN XÂY DỰNG MODULE TÍCH HỢP CHO MÔN HỌC ĐỘNG CƠ ĐỐT TRONG THEO HƯỚNG HIỆN ĐẠI ỨNG DỤNG CÔNG NGHỆ THÔNG TIN NGÀNH:... TRƯỜNG ĐẠI HỌC SƯ PHẠM KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH LUẬN VĂN THẠC SĨ TRẦN MINH TUẤN XÂY DỰNG MODULE TÍCH HỢP CHO MƠN HỌC ĐỘNG CƠ ĐỐT TRONG THEO HƯỚNG HIỆN ĐẠI ỨNG DỤNG CÔNG NGHỆ THÔNG TIN NGÀNH:... Chí Minh, nơi ngƣời nghiên cứu cơng tác Đề tài ? ?Xây dựng module tích hợp cho mơn học Động đốt theo hƣớng đại ứng dụng công nghệ thông tin? ?? đƣợc tiến hành với việc sử dụng phần mềm thiết kế, lập