Mục lục: TÓM TẮT BÁO CÁO ĐỒ ÁN 5 DANH SÁCH CÁC HÌNH VẼ SỬ DỤNG TRONG BÁO CÁO 8 DANH SÁCH CÁC BẢNG BIỂU SỬ DỤNG TRONG BÁO CÁO 8 I. PHẦN MỞ ĐẦU 9 1. Lý do chọn đề tài 9 2. Mục tiêu và nhiệm vụ nghiên cứu. 10 2.1 Mục tiêu. 10 2.2 Nhiệm vụ nghiên cứu. 10 3.Đối tượng nghiên cứu 10 4. Giới hạn đề tài 11 5.Phương pháp nghiên cứu 11 II. PHẦN NỘI DUNG 12 CHƯƠNG I: CƠ SỞ LÝ THUYẾT 12 1.1: Giới thiệu HTML5 12 1.2: Giới thiệu HTML5 – SVG 16 1.3: Giới thiệu CSS3. 19 1.4: Giới thiệu Jquery 23 1.5: Tổng kết chương 1 34 CHƯƠNG 2: NGHIÊN CỨU NỘI DUNG LÝ THUYẾT CÁC BÀI THỰC HÀNH 35 2.1 : Quá trình tạo ảnh của thấu kính hội tụ. 35 2.2: Momen lực. Điều kiện cân bằng của vật rắn quanh một trục cố 36 2.3: Định luật Faraday 37 2.4: Sử dụng năng lượng ánh sáng. 39 2.5: Tác dụng của dòng điện – động cơ điện một chiều 41 2.6: Tim 4 ngăn và hệ tuần hoàn 42 2.7: Cơ và xương 43 2.8: Tổng kết chương 2 45 CHƯƠNG 3: XÂY DỰNG CÁC BÀI THỰC HÀNH 45 3.1 Quá trình tạo ảnh của thấu kính hội tụ. 45 3.2 Momen lực. Điều kiện cân bằng của vật rắn quanh một trục cố định. 57 3.3 Định luật Faraday. 67 3.4 Sử dụng năng lượng ánh sáng. 73 3.5 Tác dụng của dòng điện – động cơ điện một chiều 80 3.6 Tim 4 ngăn và hệ tuần hoàn ở người. 84 3.7 Cơ và bộ xương 87 3.8: Xây dựng trang giao diện chính cho website. 89 3.9: Tổng kết chương 3 90 III. PHẦN TỔNG KẾT 91 1) Những việc làm được 91 2) Hướng phát triển 91 TÀI LIỆU THAM KHẢO 92
LỜI CẢM ƠN Em xin chân thành cảm ơn thầy Phạm Văn Hà giáo viên hướng dẫn đề tài mà em thực hiện, em trân trọng giúp đỡ nhiệt tình thầy trình học tập trình làm báo cáo thực tập tốt nghiệp đồ án tốt nghiệp để em hoàn thành tốt đồ án Em xin cảm ơn khoa Công Nghệ Thông Tin tạo điều kiện tốt để em có nhiều kiến thức bổ ích để nhanh chóng làm quen với công việc áp dụng sản phẩm Khoa Công Nghệ Thông Tin cho em hội tham gia chương trình kết nối với doanh nghiệp bổ ích thực tế, giúp chúng em doanh nghiệp tham gia vào dự án thực tế để chúng em tiếp thu nhiều kiến thức kĩ hữu ích cho thân công việc tương lai Các thầy, cô khoa ân cần dạy dỗ, tạo điều kiện cho chúng em suốt trình học tập rèn luyện trường Từng lên lớp, buổi ngoại khóa mà nhà trường tổ chức mong muốn chúng em có thật nhiều kiến thức, thật nhiều kĩ để chúng em cứng cáp hơn, tự tin hơn, mở rộng khả tìm kiếm cho thân hội thực phù hợp Em chẳng biết nói việc gửi lời cảm ơn chân thành tới tất thầy cô, mong thầy, cô giữ gìn sức khỏe để tiếp tục dìu dắt hệ học sinh trở thành người tài có ích cho xã hội Và cuối cùng, em xin cảm ơn trường Đại học Công nghiệp Hà Nội trường tuyệt đẹp tốt mà em tin tưởng theo học Xin cảm ơn trường đóng góp giúp em có kiến thức không mặc học vấn mà kiến thức xã hội để giúp em vững bước đường TÓM TẮT BÁO CÁO ĐỒ ÁN Sau sản phẩm trình thực tập tốt nghiệp, góp ý định hướng phát triển theo nhu cầu thực doanh nghiệp nhu cầu xã hội, em định tiếp tục phát triển sản phẩm demo cho báo cáo đồ án tốt nghiệp ngành công nghệ thông tin trở nên hoàn thiện phong phú Mục đích báo cáo nhằm trình bày: - Kết nghiên cứu tìm hiểu HTML5 - Kết nghiên cứu tìm hiểu CSS3 - Cách sử dụng tool Adobe Illustrator để thiết kế giao diện SVG - Kiến thức tìm hiểu Jquery - Phát triển ứng dụng có sử dụng kiến thức nghiên cứu tìm hiểu Các kết luận báo cáo: - Html5 Csss3 công nghệ phát triển website nay, khắc phục nhiều thiếu sót phiên trước, phủ định đôi có nhiều điểm mạnh lại đơn giản không nghi ngờ khẳng định công nghệ cốt lõi Internet tương lai không xa - jQuery thư viện viết top javascript, hệ thống lại hàm javascript ngắn gọn, dễ nhớ, dễ dùng Nó giúp ta có để giải hầu hết kiện xuất trình duyệt làm cho website trở nên linh hoạt sinh động nhiều so với bình thường Với nhiều ưu điểm dễ sử dụng, dễ mở rộng, hỗ trợ hầu hết trình duyệt tạo nhiều hiệu ứng đẹp mắt, Jquery nhà phát triển website toàn giới tin tưởng Theo thống kê, có tới 99% số website giới viết có sử dụng Jquery - Việc tăng cường xây dựng phát triển ứng dụng hỗ trợ trình học tập giảng dạy thực cần thiết, vừa giảm nhẹ khối lượng kiến thức cần truyền đạt tiếp thu tiết học, vừa tạo điều kiện cho hệ trẻ sớm tiếp cận với công nghệ để nhanh chóng phát triển khả tư trí óc sáng tạo cho hệ học sinh Mục lục: DANH SÁCH CÁC HÌNH VẼ SỬ DỤNG TRONG BÁO CÁO Hình 3.4: Sản phẩm hoàn chỉnh thực hành Hình 3.5: Thiết kế giao diện thực hành Hình 3.6: Sản phẩm hoàn chỉnh thực hành Hình 3.7: Thiết kế giao diện thực hành Hình 3.8: Sản phẩm hoàn chỉnh thực hành Hình 3.9: Giao diện thực hành 4.1 Hình 3.10: Giao diện thực hành 4.2 Hình 3.11: Giao diện thực hành Hình 3.12: Giao diện thực hành Hình 3.13: Giao diện thực hành DANH SÁCH CÁC BẢNG BIỂU SỬ DỤNG TRONG BÁO CÁO Bảng 1.1: Các hàm Jquery 27 Bảng 1.2: Các trạng thái kiện drap and drop 32 I PHẦN MỞ ĐẦU Lý chọn đề tài Xã hội ngày tiến bộ, nhu cầu tiếp cận thông tin người ngày lớn, việc sớm tiếp cận với công nghệ thông tin giúp cho người nhanh chóng hiểu công nghệ, gợi mở sức sang tạo khả tư giới công nghệ giới sáng tạo vô bờ bến Bên cạnh việc áp dụng công nghệ thông tin vào giáo dục giúp cho nhà trường giáo viên, học sinh giảm bớt gánh nặng khối lượng kiến thức cách thức truyền đạt giáo viên khả tiếp thu kiến thức học sinh, sinh viên phù hợp Ở nước đại, trang web hỗ trợ học tương tác có nhiều, dễ dàng cho việc nghiên cứu học tập nhà trở nên dễ dàng Sau năm học trung học phổ thông, em hiểu nỗi khó khăn thầy, cô thực hành Lượng học sinh đông, thiết bị thực hành thời gian không gian thực hành hạn chế Lượng kiến thức thực hành lớn khả tiếp thu học sinh thực hành lại ảnh hưởng trực tiếp đến kiến thức lý thuyết sở mà học sinh học trước sau Cộng thêm yếu tố khách quan khả truyền đạt giáo viên tới đối tượng học sinh lại khác Nên kết sau buổi thực hành không mong đợi Hiểu lý đó, cộng thêm lời ngỏ ý thầy giáo dạy học năm trung học phổ thông, nên em định tìm hiểu giải pháp để giải vấn đề Là học sinh yêu thích môn vật lý sinh học, cộng với hiểu biết công nghệ thông tin, lòng đam mê tìm hiểu công nghệ Em nghĩ trách nhiệm thân sau bốn năm học trường nên làm sản phẩm có tính thực tế, khả sử dụng cao, vận dụng nhiều kiến thức học mang yếu tố cá nhân bên sản phẩm Từ lý trên, sau thời gian nghiên cứu tìm hiểu cộng với gợi mở hướng dẫn thầy Phạm Văn Hà trực tiếp hướng dẫn thực tập tốt nghiệp Nên em định tìm hiểu phát triển trang web với vài thực hành demo để vận dụng tất kiến thức em học hỏi nhằm tạo sản phẩm có ích nắm công nghệ để phát triển hoàn thiện sản phẩm tương lai Mục tiêu nhiệm vụ nghiên cứu 2.1 Mục tiêu Tìm hiểu kiến thức thực tế, công nghệ sử dụng doanh nghiệp để biết nhu cầu thực tế xã hội xu tương lai công nghệ Nghiên cứu, thiết kế xây dựng website trực tuyến hỗ trợ việc dạy học thực hành / thí nghiệm môn khoa học phổ thông vật lý, sinh học, địa lý nội dung chương trình trung học phổ thông dựa mô tương tác ảo.s 2.2 Nhiệm vụ nghiên cứu • Nghiên cứu sở lý thuyết HTML5 sử dụng SVG, CSS3, Jquery • Nghiên cứu tìm hiểu sử dụng công cụ Adobe Photoshop, Adobe Illustrator để tạo SVG • Nghiên cứu tìm hiểu sở lý thuyết thí nghiệm, công thức tính toán • Thiết kế giao diện theo thí nghiệm cho hợp lý thuận tiện • Xây dựng chương trình kết hợp lý thuyết thiết kế chi tiết tạo sản phẩm 2.3 Yêu cầu • Nghiên cứu tìm hiểu công nghệ HTML5, CSS3, Jquery có kết hợp với Bootstrap • Nghiên cứu kĩ thuật mô thực ảo có tương tác • Phân tích, thiết kế phát triển thực hành / thí nghiệm ảo tương tác đáp ứng yêu cầu sau: - Xây dựng trang truy cập chính; - Xây dựng demo từ 10 đến 15 thực hành / thí nghiệm sử dụng tương tác đồ họa kết hợp với kiến thức phổ thông, phù hợp với đối tượng học; - Cho phép sử dụng website nhiều môi trường: desktop, tablet, smartphone; - Giao diện thân thiện; Đối tượng nghiên cứu • Website tương tác học dạy học trực tuyến Một website tương tự website trương trình đào tạo học dạy học Mỹ tiếng phạm vi môn học vật lý sinh học, hóa học: http://phet.colorado.edu/ • Xây dựng website công nghệ HTML5 CSS3 có kết hợp với Jquery Giới hạn đề tài Chức chủ yếu trang web tương tác thực hành với thí nghiệm vài môn học như: • Thực hành trình tạo thành ảnh thấu kính hội tụ • Momen lực Điều kiện cân vật rắn quanh trục cố định • Định luật Faraday tượng cảm ứng điện từ • Pin quang điện ứng dụng pin quang điện • Tác động có hướng dòng điện chiều – quy tắc bàn tay trái • Hệ tuần hoàn • Cấu tạo chu kì hoạt động tim • Cấu tạo hoạt động xương Phương pháp nghiên cứu • Tìm hiểu sách giáo khoa tài liệu nhà xuất giáo dục • Tìm hiểu diễn đàn Công Nghệ Thông Tin, forum lập trình web, lập trình Jquery, thiết kế sử dụng Adobe Illustrator • Tìm hiểu diễn đàn vật lý, hóa học, địa lý v.v • Học cách thiết kế đối tượng, demo vật thể đơn giản • Tìm hiểu thư viện mẫu, plug–in hỗ trợ lập trình, thiết kế • Tìm hiểu, tham khảo ý kiến anh chị, bạn bè có kiến thức sâu am hiểu lĩnh vực nghiên cứu • Tham khảo liệu kho tài liệu từ điển tra cứu doanh nghiệp II PHẦN NỘI DUNG CHƯƠNG I: CƠ SỞ LÝ THUYẾT HTML5 & CSS3 công nghệ giới thiệu vào năm 2009 vòng năm chúng trở thành bão quét ngang qua làng công nghệ website thiếu vài tags phủ nhận tiện ích HTML5 mang lại thực làm nhà phát triển webpage thấy hứng thú với HTML & CSS3 1.1: Giới thiệu HTML5 HTML5 ngôn ngữ cấu trúc trình bày nội dung cho World Wide Web công nghệ cốt lõi Internet tương lai không xa, đề xuất Opera Software Đây phiên thứ ngôn ngữ HTML phát triển World Wide Web Consortium Mục tiêu cốt lõi thiết kế ngôn ngữ cải thiện khả hỗ trợ cho đa phương tiện giữ việc người thiết bị, chương trình máy tính trình duyệt web, trình đọc hình, v.v đọc, hiểu, hay xử lý cách dễ dàng HTML5 giữ lại đặc điểm HTML4 bổ sung thêm đặc tả trội XHTML, DOM, đặc biệt JQuery Là phiên tiếp sau HTML 4.01 XHTML 1.1, HTML5 phản ứng để đáp lại lời phê bình HTML XHTML sử dụng phổ biến World Wide Web hỗn hợp tính với thông số kĩ thuật khác nhau, giới thiệu nhiều nhà sản xuất phần mềm ví dụ Adobe, Sun Microsystems, Mozilla, Apple, Google,… có nhiều lỗi cú pháp văn web Đây nỗ lực để tạo nên ngôn ngữ đánh dấu viết cú pháp HTML XHTML Nó bao gồm mô hình xử lý chi tiết để tăng tính tương thích, mở rộng, cải thiện hợp lý hóa đánh dấu có sẵn cho tài liệu, đưa đánh đấu giới thiệu giao diện lập trình ứng dụng (application programming interfaces API) để tạo ứng dụng Web phức tạp Cùng lý vây, HTML5 ứng cử viên tiềm cho tảng ứng dụng di động Nhiều tính HTML5 xây dựng với việc xem xét chúng sử dụng thiết bị di động điện thoại thông minh máy tính bảng hay không HTML kết hợp với CSS áp dụng tất trang web tương lai gần Cả hai yếu tố giúp công cụ internet tìm kiếm đơn giản, tương tác nhiều tốt Trang web đơn giản thiết kế code Ngôn ngữ HTML áp dụng cho web vào năm 2008 phát triển tập đoàn mạng toàn cầu(World Wide Web Consortium) Vậy có HTML5? Nếu so sánh bề mặt HTML4 HTML5 khó để nhận biết html4 html5 đến vào code bạn biết Đặc biệt nhà phát triển trình duyệt thích thông số kĩ thuật html5 để render mặc định trình duyệt HTML5 cung cấp miễn phí cho developers lẫn người dùng, không flash, flash player miễn phí phát triển lại có giá cao Không phải sử dụng HTML5 có lợi tính phổ biến bước vào môi trường di động Ví dụ: Flash plug-in HTML5 trực tiếp render từ browser nên chắn tính phổ biến cao nhiều - HTML đơn giản Ví dụ : bạn bực DOCTYPE chuyện dĩ vãng DOCTYPE XHTML Strict 1.0 : 0&&_SPEED>0) { aniFan = setInterval(function(){ _do = (_do + 10) % 360; $ ("#fan").attr("transform","rotate("+_do+","+CX+","+CY+")"); },_SPEED); 73 } else { clearInterval(aniFan); } } this.getSpeed = function(){ var sp=0; switch(glassNum) { case 1: sp = SPEED_LOW; break; case 2: sp = SPEED_MEDIUM; break; case 3: sp = SPEED_HEIGHT; break; } return sp; } this.evtClickGlass = function(_glass,_classProj){ var _sp=0; _glass.hide(); _classProj.show(); glassNum = glassNum + 1; evtFanRotate(getSpeed()); } Ta làm tương tự với thực hành 4.2 khác điều ta tương tác với bóng đèn góc chiếu tạo tia sáng mặt phẳng pin gần 90 độ tốc độ quạt tăng Việc làm cho đối tượng cánh quạt quay ta hoàn toàn thực giống phần thực hành với định luật Faraday 3.4.3: Các chức Sau thực xong thực hành 4, với thực hành nhỏ 4.1 4.2 hiểu thêm cách tạo dòng điện sử dụng lượng chiếu sáng Trong điều kiện ánh sáng mặt trời ta hoàn toàn sử dụng ánh sáng có bước sóng thích hợp Đồng thời ta hiểu thêm cách mô chuyển động quay đối tượng có sử dụng jquery Khiến cho khả tương tác ngày trở nên phong phú Các chức thực hành: • Thay đổi cường độ ánh sáng chiếu vào pin quang từ thấy rõ thay đổi dòng điện tạo • Thay đổi góc chiếu sáng ánh sáng để thấy rõ hiệu sử dụng pin quang năng, từ tối ưu cách sử dụng để đem lại hiệu cao 3.5 Tác dụng dòng điện – động điện chiều 3.5.1 Thiết kế giao diện 74 Để kiểm tra quy tắc bàn tay trái hiểu rõ tác dùng chiều dòng điện, ta làm thực hành để thực hành điều Tiến hành lên ý tưởng, ta cần động điện chiều Ta cần thêm nguồn điện: Ta thêm vào ampe kế để chiều dòng điện vòng dây rõ ràng Đây sản phẩm sau trình thiết kế: 75 Hình 3.11: Giao diện thực hành 3.5.2 Thực nội dung Khi có đầy đủ thành phần cần thiết ta tiến hành lắp vào mạch, sử dụng AI đặt đối tượng vào vị trí cho phù hợp, sau đặt id class để thuận tiện điều khiển Để thay đổi chiều dòng điện, ta cần thêm button reverse để đổi ngược chiều pin Hiệu ứng đổi chiều pin ta sử dụng enimation transform pin xoay lại 180 độ Button switch on dùng để bật công tắc cho mạch điện Button show direct dùng để hiển thị hướng quay thời dòng điện Code: Đảo chiều PIN this.rotatePinTexTru = function() { var x = 0; var test2 = setInterval(function(){ x = (x - 10) %360; if(x>-190){ $ ("#pinTxtCax").attr("transform","rotate("+x+",727,657)"); $ ("#pinTxtAn").attr("transform","rotate("+x+",637,656)"); } else { clearInterval(test2); } },30); } this.rotatePinTexFal = function() { var x = -180; var test2 = setInterval(function(){ 76 x = (x + 10) %360; if(x1 Như ta mô vị trí xương bó thể cánh tay Dưới vài tương tác 82 Hình 3.13: Giao diện thực hành 3.7.3 Các chức Do việc tìm kiếm thành phần hoàn thiện vật hay thể khó, nên em demo phần bó bắp cánh tay, điều kiện cho phép Việc xây dựng thực hành cấu tạo thể người với hệ: Hệ tuần hoàn, hệ hô hấp, hệ tiết, hệ tiêu hóa, hệ thần kinh… Sẽ thực thuận lợi có hội phát triển Các chức chính: • Cho cánh tay cử động lên xuống để quan sát cử động tay bao gồm bề mặt, xương • Cho phép quan sát cấu tạo bên cánh tay 3.8: Xây dựng trang giao diện cho website Các thực hành cần hiển thị hình cho người dùng lựa chọn, việc thiết kế trang chủ cần thiết Do điều kiện thời gian không cho phép, nên em xin demo giao diện tạm thời, em cố gắng hoàn thiện sản phẩm cho thuận tiện bắt mắt Sau giao diện sản phẩm: 83 Hình 3.14: Giao diện sản phẩm Trên hình giao diện hình ảnh thực hành Khi người dùng click vào thực hành trình duyệt chuyển hướng tới thực hành cho người dùng thực hành Các thực hành xếp dạng slide trượt sang trái, phải để dễ thao tác 3.9: Tổng kết chương Qua chương 3, với khoảng 10 thực hành sử dụng nhiều hàm, thư viện, thuộc tính Jquery click, drag and drop, snap, tab, touch, animate, transform, interval, timeout, rotate, setOpacity… Việc nắm sử dụng hàm vậy, dễ dàng thực chức thực hành khác Đồng thời qua đây, ta thấy việc vận dụng công nghệ vào xây dựng thực hành không riêng môn học mà vận dụng nhiều môn học, nhiều lĩnh vực ngành nghề khác phụ thuộc vào mục đích sử dụng người Do thời gian gấp gáp việc xếp công việc học tập nên tạm thời em xin báo cáo thực hành Trong thời gian tới em cố gắng dành nhiều thời gian cho việc nghiên cứu xây dựng thêm thực hành, để hoàn thành nhiều thực hành thực hành hoàn thiện Khi hiểu rõ công nghệ, em nghĩ việc tiếp tục xây dựng thực hành cho sản phẩm thêm phong phú việc làm hoàn toàn không khó 84 85 III PHẦN TỔNG KẾT 1) Những việc làm • Em tìm hiểu nhiều kiến thức JQuery vận dụng vào sản phẩm • Hiểu cách hoạt động html - svg, sử dụng công cụ Adobe Illustrator Adobe Flash CC để phát triển thiết kế sản phẩm • Nắm kiến thức chuyển logic thành code điều khiển thành phần theo ý • Xây dựng nhiều thực hành hoàn thiện nội dung hình thức • Cho phép sản phẩm chạy ổn định trình duyệt 2) Hướng phát triển Trong tương lai, trang web có hội phát triển, việc xây dựng sản phẩm công nghệ hỗ trợ cho công việc giảng dạy học tập không mang ý nghĩa thương mại mà mang ý nghĩa nhân văn cao, Do tìm hiểu làm quen với svg Jquery nên em nhiều bỡ ngỡ khó khăn, nhiên với tính thực tế sản phẩm, em tiếp tục cố gắng phát triển hoàn thiện sản phẩm lĩnh vực Khi sản phẩm thực mang lại lợi ích việc phát triển sản phẩm tương tự không mang yếu tố cá nhân Thêm vào đó, đứng vào vai trò người trước, am hiểu trải qua khó khăn học tập, em nghĩ thân phải có trách nhiệm với hệ học sinh nhỏ tuổi hơn, điều giúp ích cho thân em tự thử thách rèn giũa thân đồng thời giúp ích cho hệ trẻ hơn, phần trách nhiệm với tương lai đất nước Ngoài thực hành vật lý, sinh học em có ý tưởng xây dựng thêm địa lý hóa học Em cố gắng hoàn thiện để mau chóng đưa sản phẩm vào thực tế 86 TÀI LIỆU THAM KHẢO [1] http://www.html5gamedevs.com/ truy nhập cuối ngày 28/01/2016s [2] http://forum.jquery.com/ truy nhập cuối ngày 22/02/2016 [3] http://www.graphicdesignforum.com/ truy nhập cuối ngày 01/03/2016 [4] http://www.talkgraphics.com/ truy nhập cuối ngày 13/02/2016 [5] http://www.w3schools.com/ truy nhập cuối ngày 03/03/2016 [6] http://phet.colorado.edu/ truy nhập cuối ngày 04/03/2016 [7] http://www.neezorenders.com/ truy nhập cuối ngày 08/02/2016 [8] https://jquery.com/ truy nhập cuối ngày 01/03/2016 [9] https://css-tricks.com/ truy nhập cuối ngày 26/02/2016 [10] https://career.fpt-software.com/ truy nhập cuối ngày 07/02/2016 [11] http://sinhvienit.net/ truy nhập cuối ngày 29/02/2016 [12] http://oldnews.fpt.edu.vn/ truy nhập cuối ngày 07/02/2016 [13] http://www.dreamstime.com/royalty-free-stock-images-human-heartdetailed-anatomy-colorful-design-isolated-white-background-medical-illustrationimage37154959 truy cập lần cuối 25/03/2016 [14] http://www.studentpulse.com/articles/1010/intelligent-design-in-thecomplexity-of-the-human-body truy cập lần cuối 18/03/2016 [15].http://www.dreamstime.com/illustration/body.html 05/04/2016 truy cập lần cuối [16] http://www.shutterstock.com/fr/video/clip-13807724-stock-footage-threefull-length-human-bodies-loopable-alpha-matte-green-background-highlydetailed-human-body.html?src=search/hvCBkIhxC79AcdgG-f9UCg:1:26/gg truy cập lần cuối 12/04/2016 [17] http://www.kestrel.ws/erasmus/education_pictures.html truy cập lần cuối 25/04/2016 [18].https://www.pinterest.com/pin/467459636302071884/ truy cập lần cuối 15/04s/2016 87 [...]... các id, class, attribute, tags chúng ta sẽ dễ dàng điều khiển từng thành phần của website bằng bộ thư viện của Javascript được rất nhiều người sử dụng đó là thư viện Jquery 30 CHƯƠNG 2: NGHIÊN CỨU NỘI DUNG LÝ THUYẾT CÁC BÀI THỰC HÀNH Khi đã tìm hiểu và nắm được nội dung của công nghệ được lựa chọn để xây dựng các bài thực hành, trước khi bắt tay vào tiến hành việc xây dựng các bài thực hành tương tác. .. đạt được lại tối đa Điều này đúng so với JQuery cũng như các thư viện khác của javascirpt Chính vì lẽ đó mà các JQuery selector được xây dựng theo hướng đơn giản và dễ dùng 19 Do các chức năng của website chủ yếu được viết bằng JQuery nên chúng ta tập chung nghiên cứu và tìm hiểu rõ về JQuery để hiểu cách xây dựng và vận hành website 1.4.1: Các đối tượng cơ bản của Jquery Đối tượng String Một chuỗi... dễ học, phù hợp với tất cả các đối tượng từ thiết kế đến lập trình Với khả năng đơn giản hóa sự tương tác giữa JS và cây DOM, jQuery giảm bớt công sức code và tăng hiệu suất làm việc lên rất nhiều 1.5: Tổng kết chương 1 Qua phần cơ sở lý thuyết giúp ta nắm được cơ bản các công cụ cũng như công nghệ được nghiên cứu và sẵn sàng sử dụng để xây dựng trang web Chúng ta sẽ sử dụng HTML5 và Css3 để xây dựng. .. Footer > Kết luận: HTML 5 là một phần tương lai của Web Các phần tử mới của nó cho phép đánh dấu rõ ràng hơn, đơn giản hơn, làm cho các trang hiển nhiên hơn, tường minh hơn Mặc dù không phải tất cả các trình 11 duyệt hiện giờ đều sẽ hỗ trợ những phần tử mới này từ lúc đầu, điều đó cũng tương tự đối với hầu hết các phần tử được đưa vào sau khi HTML lần đầu tiên được phát minh:... Các JQuery Selector đơn giản JQuery selector là một thành phần quan trọng trong thư viện jquery Selector có thể được sử dụng để chọn một hoặc nhiều thành phần html Thành phần HTML nào được chọn thì chúng ta có thể thực hiện các thao tác jquery lên nó JQuery selector lựa chọn các thành phần html dựa trên tên, id, class, attribute,…của chúng Tất cả các JQuery selector bắt đầu với ký hiệu $() Sử dụng... vật có trục quay cố định cân bằng khi tác dụng làm quay của các lực tác dụng lên vật cân bằng lẫn nhau Định lý 2.2: Mômen lực đối với một trục quay là đại lượng đặc trưng cho tác dụng làm quay của lực và đo bằng tích của lực với cánh tay đòn của nó: Biểu thức Momen lực: M = F.d Trong đó: M: Momen lực (N.m) F: độ lớn của lực tác dụng (N) d: cánh tay đòn – là khoảng cách từ giá của lực đến trục quay (m)... dẫn điện kém Trong cơ học lượng tử, giải thích thực tế tại mức năng lượng Fermi trong tầng trống Để tạo ra silic có tính dẫn điện tốt hơn, có thể thêm vào một lượng nhỏ các nguyên tử nhóm III hay V trong bảng tuần hoàn hóa học Các nguyên tử này chiếm vị trí của nguyên tử silic trong mạng tinh thể, và liên kết với các nguyên tử silic bên cạnh tương tự như là một silic Tuy nhiên các phân tử nhóm III có... Trả về các ký tự trong một mảng bắt đầu từ vị trí đã cho từ số các ký tự đã xác định 11 toLowerCase() Trả về giá trị chuỗi đang gọi được biến đổi thành kiểu chữ thường 12 toString() Trả về sự biểu diễn chuỗi của giá trị số 13 toUpperCase() 22 Trả về giá trị chuỗi đang gọi được biến đổi thành chữ hoa Như vậy, chúng ta đã nắm được các thành phần cơ bản thường xuyên được sử dụng trong jQuery 1.4.2: Các JQuery... chuyển bị trí con trỏ trong các vùng nhập liệu, trong các ô check, các radioButton và các button khác trong phạm vi trình duyệt Sự kiện tab thường đi cùng sự kiện EnterPress và SpacePress, cả 2 sự kiện này đều thay thế cho sự kiện click, nghĩa là khi con trỏ đang focus vào một button nào đó, ta bấm Enter hoặc space thì button sẽ nhận sự kiện và thực hiện chung một hành động tương tự khi ta click chuột... hoạt động của pin quang điện trước hết ta cần hiểu về hiện tượng quang điện trong Là hiện tượng giải phóng các electron liên kết của chất bán dẫn để trở thành các electron quang dẫn do tác dụng của bức xạ thích hợp - Ánh sáng có bước sóng thích hợp rọi vào điện cực dương + (trong suốt) vào lớp bán dẫn loại p Năng lượng của photon được hấp thụ bởi silic Điều này thường xảy ra khi năng lượng của photon