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 0 3 7 3 1 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 chỉ liên lạc: 151, đƣờng số 8, phƣờng 11, Gò Vấp, Tp. Hồ Chí Minh.
Điện thoại cơ quan: 0903870724 Điện thoại nhà riêng: E-mail: Tranminhtuan31@gmail. QUÁ TRÌNH ĐÀO TẠO: 1. Trung học chuyên nghiệp: 2. Đại học: Hệ đào tạo: Chính qui Thời gian đào tạo từ 9 / 2007 đến 7 / 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 hoặc môn thi tốt nghiệp: Thiết kế, thi công mô hình và biên soạn các module thực hành hệ thống điện điều khiển động cơ 5S-FE. Ngày & nơi bảo vệ đồ án, luận án hoặc thi tốt nghiệp: tháng 7/2009.
Ngƣời hƣớng dẫn: Ths. Huỳnh Quốc Việt III. QUÁ TRÌNH CÔNG TÁC CHUYÊN MÔN KỂ TỪ KHI TỐT NGHIỆP ĐẠI HỌC: Thời gian Nơi công tác Công việc đảm nhiệm Từ tháng 9/2009 Trƣờng Cao đẳng Kỹ thuật Giảng viên đến nay Lý Tự Trọng Tp. Hồ Chí Minh 1 Luan van LỜI CAM ĐOAN Tôi cam đoan đây là công trình nghiên cứu của tôi.
Các số liệu, kết quả nêu trong luận văn là trung thực và chƣa từng đƣợc ai công bố trong bất kỳ công trình nào khác. Hồ Chí Minh, ngày 21 tháng 8 năm 2012 (Ký tên và ghi rõ họ tên) 2 Luan van LỜI CẢM ƠN Để hoàn thành luận văn tốt nghiệp này đúng thời hạn tôi xin chân thành cảm ơn sự giúp đỡ từ quí thầy cô, các anh chị học viên lớp cao học và cá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 và giúp đỡ về ý tƣởng, nội dung cũng 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 và công sức để đọc và đóng góp ý kiến quý báu giúp hoàn thiện nội dung của luận văn tốt nghiệp.
Cảm ơn các anh chị học viên lớp cao học và các bạn đồng nghiệp đã đóng góp công sức và những ý kiến quí giá. Xin chân thành cảm ơn. 3 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 của từng trƣờng là hết sức cần thiết. Thực tế, hiện nay hầu hết các trƣờng đều đã tự trang bị cho mình những giáo trình lƣu hành nội bộ do chính các giảng viên đang công tác tại các Khoa của trƣờng biên soạn.
Đều này là hoàn toàn chấp nhận đƣợc. Và cũng 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 cơ đốt trong theo hƣớng hiện đại ứng dụng công nghệ thông tin áp dụng vào giảng dạy tại bộ môn động cơ 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 hiện đang công tác. Đề tài “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” đã đƣợ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 các phần mềm, công cụ hỗ trợ: Javascript, Photoshop CS5. Phần mềm này có ƣu điểm là các phần mềm công cụ hỗ trợ cho nó rất phong phú, đa dạng.
Đặc biệt nó có thể nâng cấp và cập nhật thêm công cụ hỗ trợ. Sản phẩm tạo ra là một file web đƣợc trình bày dƣới ngôn ngữ lập trình web .HTML nên nó có dung lƣợng rất nhỏ nhƣng có thể chứa một 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ị hiện đại và cung cấp thêm tài liệu tham khảo cho các kỹ sƣ và giảng viên trong ngành. 4 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.
5 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 chính 27 Hình 3.5: Bảng thuộc tính 27 Hình 3.6: Bảng chức năng 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 đề và 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 bản trong ô 34 Hình 3.14: Thuộc tính của 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 chỉ 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 trên 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 6 Luan van Hình 5.3: Tạo thƣ mục content 68 Hình 5.4: Menu ngang của trang web 68 Hình 5.5: Menu dọc của trang web 69 Hình 5.6: Khung sƣờn của 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 của website 71 Hình 5.9: Đoạn mã code hiển thị vị trí banner và menu ngang trên khung sƣờn 71 Hình 5.10: Nhập nội dung vào phần Nội dung website của 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 trên trang chủ 72 Hình 5.12: Giao diện trang chủ 73 Hình 5.13: Khung sƣờn của trang con 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 trên khung sƣờn 75 Hình 5.16: Nhập nội dung cho trang con 76 Hình 5.17: Đoạn code hiển thị thanh trƣợt 76 Hình 5.18: Giao diện trang con 77 Hình 5.19 Tạo liên kết đến các bài viết 78 7 Luan van MỤC LỤC Trang tựa TRANG Quyết định giao đề tài Xác nhận của cán bộ hƣớng dẫn Phiếu nhận xét luận văn thạc sĩ - CBHD Lý lịch khoa học i Lời cam đoan ii Lời cảm ơn iii Tóm tắt iv Mục lục vi Danh sách các hình ix Chƣơng 1.1 Lý do chọn đề tài 1 1.2 Mục tiêu của đề tài 3 1.3 Đối tƣợng nghiên cứu 3 1.4 Phạm vi nghiên cứu 3 1.5 Ý nghĩa khoa học và tính thực tiễn của đề tài 4 1.6 Phƣơng pháp nghiên cứu 4 1.7 Kế hoạch nghiên cứu 4 1.8 Các bƣớc thực hiện 5 Chƣơng 2. CƠ SỞ LÝ THUYẾT VỀ NGÔN NGỮ THIẾT KẾ WEB 6 2.1 Ngôn ngữ HTML 6 2.2 Các thành phần của trang HTML 6 8 Luan van 2.2 Cấu trúc của một trang tài liệu HTML 7 2.1 Các định dạng văn bản 8 2.2 Chèn hình ảnh vào trang HTML 11 2.3 Màu sắc và cấu trúc cho nền 13 2.4 Sử dụng siêu đƣờng dẫn (Hyperlink) 14 2.2 Giới thiệu JavaScript 18 2.2 Cách thức viết một đoạn mã JavaScript 19 Chƣơng 3. GIỚI THIỆU PHẦN MỀM THIẾT KẾ WEB ADOBE DREAMWEAVER CS5 22 3.1 Giới thiệu tổng quan về Adobe Dreamweaver CS5 22 3.2 Tổng quan giao diện Dreamweaver 23 3.3 Thiết kế web với Dreamweaver 27 3.1 Tạo thƣ mục chứa toàn bộ web 27 3.2 Tạo mới một trang web 27 3.3 Lƣu một trang web 27 3.4 Định dạng trang web 28 3.5 Xem trang web trên trình duyệt 29 3.6 Tạo bảng trong trang web 30 3.7 Chèn hình vào trang web 32 3.8 Tạo menu cho trang web 33 3.9 Tạo liên kết cho trang web 34 9 Luan van 3.10 Tạo Template 35 Chƣơng 4. NGHIÊN CỨU, BIÊN SOẠN NỘI DUNG GIÁO TRÌNH 38 4.1 Chƣơng trình đề cƣơng chi tiết 38 4.1 Hoc phần Động cơ đốt trong 38 4.2 Học phần Thực tập động cơ cơ bản 52 4.2 Biên soạn nội dung từng môn học theo chƣơng trình đề cƣơng chi tiết 64 Chƣơng 5.
THIẾT KẾ, XÂY DỰNG CÁC MODULE BẰNG PHẦN MỀM ADOBE DREAMWEAVER CS5 65 5.1 Khởi tạo cây thƣ mục 65 5.1 Tạo thƣ mục chứa nguồn (source) 65 5.2 Tạo liên kết với thƣ mục chứa nguồn 65 5.3 Tạo các thƣ mục con trong thƣ mục GTDT 66 5.2 Thiết kế trang chủ của website 67 5.1 Xây dựng phần khung sƣờn cho trang chủ 67 5.2 Thiết kế trang chủ 67 5.3 Giao diện trang chủ 71 5.3 Thiết kế trang con của website 71 5.1 Xây dựng phần khung sƣờn cho trang con 71 5.2 Thiết kế trang con 71 5.3 Giao diện trang con 75 5.