TRƯỜNG ĐẠI HỌC SƯ PHẠM HÀ NỘI KHOA SINH - KTNN - - NGUYỄN VĂN ĐỨC SỬ DỤNG PHẦN MỀM DREAMWEAVER TRONG VIỆC XÂY DỰNG CƠ SỞ DỮ LIỆU THỰC HÀNH VI SINH VẬT HỌC KHÓA LUẬN TỐT NGHIỆP ĐẠI HỌC Chuyên ngành: Vi sinh vật học Người hướng dẫn khoa học PGS.TS Đinh Thị Kim Nhung HÀ NỘI, 2016 LỜI CẢM ƠN Bằng tất lịng kính trọng, em xin bày tỏ lịng biết ơn sâu sắc đến PGS.TS Đinh Thi Kim ̣ Nhung tận tình hướng dẫn giúp đỡ em hoàn thành luận văn Em xin gửi lời cảm ơn chân thành tới tồn thể thầy tổ VSV, khoa Sinh – KTNN, trường Đại học Sư phạm Hà Nội nhiệt tình giảng dạy khuyến khích em thời gian học tập Em xin chân thành cảm ơn Ban giám hiệu trường Đại học Sư phạm Hà Nội Ban chủ nhiệm khoa Sinh – KTNN tạo điều kiện thuận lợi cho em hoàn thành đề tài nghiên cứu Cuối em xin cảm ơn gia đình, bạn bè người thân quan tâm giúp đỡ, động viên em suốt thời gian qua Em xin chân thành cảm ơn! Hà Nội, ngày……tháng……năm…… Sinh viên Nguyễn Văn Đức LỜI CAM ĐOAN Tơi xin cam đoan viết khóa luận thật Đây kết nghiên cứu riêng Tất số liệu thu thập từ thực nghiệm, qua xử lý thống kê, khơng có số liệu chép hay bịa đặt, không trùng với kết công bố hướng dẫn PGS TS Đinh Thị Kim Nhung Nếu sai tơi xin hồn tồn chịu trách nhiệm Xin trân thành cảm ơn! Hà Nội, ngày….tháng … năm … Sinh viên Nguyễn Văn Đức MỤC LỤC MỞ ĐẦU 1 Lí chọn đề tài Mục đích nghiên cứu Nội dung 3.1 Nghiên cứu lí thuyết 3.2 Sưu tầm tư liệu 3.3 Chỉnh sửa, biên soạn tư liệu 3.4 Sử dụng phần mềm Dreamweaver Ý nghĩa 4.1 Ý nghĩa khoa học 4.2 Ý nghĩa thực tiễn 4.3 Điểm NỘI DUNG CHƯƠNG TỔNG QUAN TÀI LIỆU 1.1 Lịch sử phát triển thiết kế website giới 1.2 Lịch sử phát triển website Việt Nam 1.3 Phầ n mề m Macromedia Dreamweaver 1.4 Giáo trình thực hành Vi sinh vật CHƯƠNG ĐỐI TƯỢNG, PHƯƠNG PHÁP NGHIÊN CỨU 10 2.1 Đối tượng nghiên cứu 10 2.2 Phạm vi nghiên cứu 10 2.3 Thời gian, địa điểm nghiên cứu 10 2.4 Nội dung nghiên cứu 10 2.4.1 Nghiên cứu lí thuyết 10 2.4.2 Sưu tầm tư liệu 10 2.4.3 Chỉnh sửa, biên soạn tư liệu 10 2.4.4 Hoàn thiện trang web 10 2.5 Phương pháp nghiên cứu 10 2.5.1 Phương pháp nghiên cứu lí thuyết 10 2.5.2 Phương pháp sưu tầm 10 2.5.3 Phương pháp thống kê 11 2.5.4 Sử dụng phần mềm Dreamweaver xây dựng trang web 11 CHƯƠNG 12 KẾT QUẢ NGHIÊN CỨU 12 3.1 Phân tích mục tiêu, nội dung chương trình Thực hành VSV 12 3.2 Sưu tầm tư liệu: Tranh, ảnh, video liên quan đến nội dung học 14 3.3 Chỉnh sửa, biên soạn tư liệu 18 3.3.1 Chỉnh sửa ảnh với ứng dụng paint 18 3.3.2 Chỉnh sửa video Camtasia Studio 25 3.3.3 Tạo banner Flash Intro Banner Maker 32 3.4 Hoàn thiện trang web 38 KẾT LUẬN VÀ KIẾN NGHỊ 45 KẾT LUẬN 45 KIẾN NGHỊ 45 TÀI LIỆU THAM KHẢO 46 DANH MỤC CÁC TỪ VIẾT TẮT ANU : Đại học Quốc gia Australia CERN : Conseil Européen pour la Recherche Nucléaire (Tổ chức nghiên cứu nguyên tử châu âu) CFML : ColdFusion Markup Language (Một loại ngơn ngữ lập trình) CNTT : Công nghệ thông tin CSS : Cascading Style Sheets (Định kiểu theo tầng) FTP : File Transfer Protocol (Giao thức truyền tập tin) GIF : Graphics Interchange Format (Định dạng trao đổi hình ảnh) GV : Giáo viên HS : Học sinh HTML : HyperText Markup Language (Ngôn ngữ đánh dấu siêu văn bản) IOIT : Viện Công nghệ thông tin ISP : Internet Service Provider (Nhà cung cấp dịch vụ Internet) JSP : JavaServer Pages hay Java Scripting Preprocessor (Bộ tiền xử lý văn lệnh Java) PHP : Hypertext Preprocessor (Một loại ngơn ngữ lập trình) PPDH : Phương pháp dạy học SGK : Sách giáo khoa SV : Sinh viên THPT : Trung học phổ thông UNIX : Tên hệ điều hành máy tính VSV : Vi sinh vật VNPT : Vietnam Posts and Telecommunications Group (Tập đồn Bưu Viễn thơng Việt Nam) W3C : World Wide Web Consortium (Một loại tiêu chuẩn thiết kế web) XML : eXtensible Markup Language (Ngôn ngữ đánh dấu mở rộng) DANH MỤC HÌNH Hình 3.1 Một số hình ảnh thiết bị PTN 14 Hình 3.2 Một số hình ảnh khuẩn lạc VSV 15 Hình 3.3 Một số hình ảnh VSV quan sát kính kiển vi 15 Hình 3.4 Một số thao tác thí nghiệm phân lập VSV 16 Hình 3.5 Một số hình ảnh video hướng dẫn thực hành 16 Hình 3.6 Thư mục ảnh sưu tầm 17 Hình 3.7 Thư mục chứa video sưu tầm 17 Hình 3.8 Đường dẫn tới ứng dụng Paint 18 Hình 3.9 Tìm kiếm ứng dụng Paint 19 Hình 3.10 Ghim ứng dụng Paint vào Taskbar 19 Hình 3.11 Khởi động ứng dụng Paint lệnh Run 19 Hình 3.12 Giao diện ứng dụng Paint 20 Hình 3.13 công cụ ứng dụng paint 20 Hình 3.14 Cơng cụ resize Paint 21 Hình 3.15 Cơng cụ Rotate Paint 21 Hình 3.16 Menu File Paint 22 Hình 3.17 Menu Home Paint 23 Hình 3.18 Menu View Paint 23 Hình 3.19 Một số hình ảnh chỉnh sửa ứng dụng paint 24 Hình 3.20 Thư mục ảnh sau chỉnh sửa 24 Hình 3.21 Giao diện phần mềm lần khởi chạy 25 Hình 3.22 Giao diện phần mềm lần khởi động 26 Hình 3.23 Một số cơng cụ chỉnh sửa video Camtasia Studio 26 Hình 3.24 Đưa file vào Camtasia Studio 26 Hình 3.25 Chuyển file vào dòng thời gian để chỉnh sửa 27 Hình 3.26 Cắt video 27 Hình 3.27 Nối video 27 Hình 3.28 Chèn hình, kí hiệu vào video 28 Hình 3.29 Phóng to vị trí video 28 Hình 3.30 Điều chỉnh âm lượng video 29 Hình 3.31 Ghi âm Camtasia Studio 29 Hình 3.32 Chèn thích, phụ đề Camtasia Studio 30 Hình 3.33 Xuất video Camtasia Studio 30 Hình 3.34 Chọn định dạng, chất lượng video xuất 31 Hình 3.35 Chọn tên, vị trí lưu video xuất 31 Hình 3.36 Thư mục chứa video sau chỉnh sửa 32 Hình 3.37 Giao diện phần mềm Flash Intro Banner Maker 33 Hình 3.38 Một số cơng cụ mục Size and sound 34 Hình 3.39 Các cơng cụ mục Background 34 Hình 3.40 Tùy chọn hiệu ứng mục Effect 35 Hình 3.41 Thêm chữ cho Banner mục Text, image and SWF 36 Hình 3.42 Mục Web links Flash Intro Banner Maker 36 Hình 3.43 Xuất banner 37 Hình 3.44 Hình ảnh banner flash trang chủ 37 Hình 3.45 Thư mục chứa Banner Flash thiết kế trang web 37 Hình 3.46 Giao diện file Thực hành VSV 38 Hình 3.47 Khởi tạo trang web 39 Hình 3.48 Giao diện trang chủ mở Dreamweaver 39 Hình 3.49 Cách chèn hình ảnh 40 Hình 3.50 Tab code dành cho việc viết code website 41 Hình 3.51 Cách lấy code để nhúng video Youtube 41 Hình 3.52 Cách chèn flash 42 Hình 3.53 Giao diện trang chủ 42 Hình 3.54 Giao diện trang 43 Hình 3.55 Slide giảng 43 Hình 3.56 Tồn slide 44 Hình 3.57 Chèn layer 44 MỞ ĐẦU Lí chọn đề tài Ngày cơng nghệ thông tin làm thay đổi lớn đến hình thức, nội dung hoạt động kinh tế, văn hóa đời sống xã hội lồi người Đặc biệt nhờ vào internet, phần mềm đồ họa, tạo video, website… nhà sinh học, giáo viên tạo cho thước phim, hình ảnh, website để chia sẻ phục vụ cho việc dạy học cách hiệu Do yêu cầu đổi PPDH đặc biệt đổi PPDH theo hướng ứng dụng cơng nghệ thơng tin [4] Hiện nay, có nhiều công cụ, phần mềm sử dụng để thiết kế web NetBeans, PHPdesigner, Dreamweaver, CoffeeCup free HTML Editor…Trong đó, Dreamweaver phần mềm dùng rộng rãi cho người bắt đầu lập trình hay lập trình viên chuyên nghiệp Nó hỗ trợ kéo thả để thiết kế trang web hay viết code, mã màu, bổ sung thẻ tag, cơng cụ mã… Nó hỗ trợ ngôn ngữ ASP.NET, PHP, ASP, JSP…Giao diện Dreamweaver bố trí trực quan dễ dàng cho người sử dụng Trước đây, Dreamweaver hãng Macromedia, sau mua lại Adobe [20] Với đặc thù học phần VSV học 30 tiết lý thuyết cịn có 15 tiết thực hành dạy với thời lượng 30 tiết cho 10 buổi thực hành Với khối lượng cơng việc 15 tiết hầu hết thí nghiệm địi hỏi tỉ mỉ, khéo léo xử lý cố định mẫu, nhuộm tiêu mẫu tới việc sử dụng môi trường nuôi cấy để nuôi VSV Đối với học phần VSV, thực hành VSV đóng vai trị quan trong việc hình thành,rèn luyện kỹ cho học phần khác Sinh lý thực vật, Di truyền, Hóa sinh, Công nghệ sinh học…đồng thời giúp sinh viên làm quen với học phần phương pháp luận nghiên cứu khoa học chuyên ngành [3] Đây việc giáo viên sinh viên làm tốt Bởi vậy, cần sử dụng ưu việt internet phần mềm tin học để tận dụng rèn luyện kỹ thực hành, sưu tầm thiết kế công cụ hỗ trợ cho giáo viên sinh viên việc dạy học Dreamwaver phần mềm xây dựng trang web chuyên nghiệp, việc “Sử dụng phần mềm Dreamweaver việc xây dựng sở liệu thực hành Vi sinh vật học” cung cấp nguồn tư liệu cho GV, SV HS giúp nâng cao hiệu dạy học sinh học nói chung, VSV học nói riêng, đặc biệt có ý nghĩa dạy học phần thực hành VSV Mục đích nghiên cứu Xây dựng giáo trình điện tử thực hành Vi sinh vật Nội dung 3.1 Nghiên cứu lí thuyết: chương trình mơn VSV dùng cho hệ đào tạo hệ đào tạo Sư phạm cử nhân Sinh học theo hệ thống tín 3.2 Sưu tầm tư liệu: Tranh, ảnh, video liên quan đến nội dung học 3.3 Chỉnh sửa, biên soạn tư liệu: bao gồm hình ảnh, video sưu tầm 3.4 Sử dụng phần mềm Dreamweaver: xếp nội dung, hình ảnh video thực hành Ý nghĩa 4.1 Ý nghĩa khoa học Dựa phần mềm Macromedia Dreamweaver xây dựng trang web 4.2 Ý nghĩa thực tiễn Tạo thư viện giảng thực hành VSV cách sinh động, dễ dàng tra cứu giúp nâng cao hiệu dạy học môn VSV số mơn khác có liên quan 4.3 Điểm Nghiên cứu nội dung chương trình đào tạo mơn VSV theo hệ thống tín gồm tín chỉ, có 30 tiết lý thuyết, 15 tiết thực hành với thực hành thực 10 buổi cụ thể Sưu tầm 531 hình ảnh, đoạn video hướng dẫn thực hành VSV ... giáo vi? ?n sinh vi? ?n vi? ??c dạy học Dreamwaver phần mềm xây dựng trang web chuyên nghiệp, vi? ??c ? ?Sử dụng phần mềm Dreamweaver vi? ??c xây dựng sở liệu thực hành Vi sinh vật học? ?? cung cấp nguồn tư liệu cho... hình ảnh, video sưu tầm, số lượng sử dụng 2.5.4 Sử dụng phần mềm Dreamweaver xây dựng trang web Từ tư liệu có sử dụng phần mềm Dreamweaver xếp nội dung, hình ảnh video thực hành để xây dựng lên... đoạn video hướng dẫn thực hành VSV Chỉnh sửa tạo 84 hình ảnh, video, đoạn Flash phù hợp cho xây dựng website Sử dụng phần mềm Dreamweaver xây dựng, thiết kế thành cơng thư vi? ??n “hình ảnh thực hành