PHÂN TÍCH các NGUYÊN lý SÁNG tạo được ỨNG DỤNG vào các CÔNG NGHỆ WEB HIỆN NAY

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH CHƯƠNG TRÌNH ĐÀO TẠO THẠC SĨ CNTT QUA MẠNG - - BÀI THU HOẠCH MÔN HỌC PHƯƠNG PHÁP NGHIÊN CỨU KHOA HỌC TRONG TIN HỌC Đề tài: PHÂN TÍCH CÁC NGUYÊN LÝ SÁNG TẠO ĐƯỢC ỨNG DỤNG VÀO CÁC CÔNG NGHỆ WEB HIỆN NAY Giảng viên hướng dẫn: GS.TSKH Hoàng Văn Kiếm Tên học viên: Nguyễn Mai Thương Mã số học viên: CH1101124 Tp HCM, Năm 2012 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học Lời mở đầu Internet từ đời, liên tục mở rộng nhanh chóng trở thành mạng lớn giới, mạng mạng, xuất lĩnh vực thương mại, trị, quân sự, nghiên cứu, giáo dục, văn hoá, xã hội Cũng từ đó, dịch vụ mạng phục vụ Internet không ngừng phát triển tạo cho nhân loại thời kỳ mới: kỷ nguyên Internet Vào lúc này, Internet cần giao thức chuẩn để máy tính liên kết hiển thị nội dung Năm 1991, Tim Berners Lee Trung tâm nghiên cứu nguyên tử châu Âu (CERN) phát minh World Wide Web (WWW) dựa theo ý tưởng siêu văn Ted Nelson đưa từ năm 1985 Có thể nói cách mạng Internet người truy cập, trao đổi thơng tin cách dễ dàng Trong thu hoạch nhỏ này, phân tích khơng sâu vào kỹ thuật công nghệ mà sâu vào ý nghĩa, nguyên nhân động lực thúc đẩy sáng tạo công nghệ web đời Em xin gửi lời cảm ơn đến GS.TSKH Hoàng Văn Kiếm, người thầy tận tâm truyền đạt kiến thức tảng cho em môn học “Phương pháp nghiên cứu khoa học tin học” Bên cạnh khơng thể không nhắc đến công lao trợ giúp không mệt mỏi chuyên gia cố vấn qua mạng thuộc Trung tâm phát triển CNTT – ĐH Quốc gia TP.HCM toàn thể bạn bè học viên lớp Trang 2/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học MỤC LỤC Lời mở đầu MỤC LỤC PHẦN I: ĐẠI CƯƠNG VỀ PHƯƠNG PHÁP LUẬN SÁNG TẠO Giới thiệu 40 Nguyên tắc (thủ thuật) sáng tạo 2.1 Nguyên tắc phân nhỏ 2.2 Nguyên tắc “tách khỏi” : 2.3 Nguyên tắc phẩm chất cục : 2.4 Nguyên tắc phản đối xứng : 2.5 Nguyên tắc kết hợp : 2.6 Nguyên tắc vạn : 2.7 Nguyên tắc “chứa trong” : 2.8 Nguyên tắc phản trọng lượng : 2.9 Nguyên tắc gây ứng suất sơ : 2.10 Nguyên tắc thực sơ : 2.11 Nguyên tắc dự phòng : 2.12 Nguyên tắc đẳng : 2.13 Nguyên tắc đảo ngược : 2.14 Ngun tắc cầu (trịn) hố : 2.15 Nguyên tắc linh động : 2.16 Nguyên tắc giải “thiếu” “thừa” : 2.17 Nguyên tắc chuyển sang chiều khác : 2.18 Nguyên tắc sử dụng dao động học : 2.19 Nguyên tắc tác động theo chu kỳ : 2.20 Nguyên tắc liên tục tác động có ích : Trang 3/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học 2.21 Nguyên tắc “vượt nhanh” : 2.22 Nguyên tắc biến hại thành lợi : 2.23 Nguyên tắc quan hệ phản hồi : 2.24 Nguyên tắc sử dụng trung gian : 2.25 Nguyên tắc tự phục vụ : 2.26 Nguyên tắc chép (copy) : 2.27 Nguyên tắc “rẻ” thay cho “đắt” : 2.28 Thay sơ đồ học : 2.29 Sử dụng kết cấu khí lỏng : 2.30 Sử dụng vỏ dẻo màng mỏng : 2.31 Sử dụng vật liệu nhiều lỗ : 2.32 Nguyên tắc thay đổi màu sắc : 2.33 Nguyên tắc đồng : 2.34 Nguyên tắc phân hủy tái sinh phần : 10 2.35 Thay đổi thơng số hố lý đối tượng : 10 2.36 Sử dụng chuyển pha : 10 2.37 Sử dụng nở nhiệt : 10 2.38 Sử dụng chất ơxy hóa mạnh : 10 2.39 Thay đổi độ trơ : 10 2.40 Sử dụng vật liệu hợp thành (composite) : 10 PHẦN II: ỨNG DỤNG CỦA CÁC NGUYÊN LÝ SÁNG TẠO 11 HTML 11 1.1 Giới thiệu 11 1.2 Phân tích nguyên tắc sáng tạo áp dụng 12 XML 13 Trang 4/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học 2.1 Giới thiệu 13 2.2 Phân tích nguyên tắc sáng tạo áp dụng 13 JavaScript 14 3.1 Giới thiệu 14 3.2 Phân tích nguyên tắc sáng tạo áp dụng 14 Ajax 15 4.1 Giới thiệu 15 4.2 Phân tích nguyên tắc sáng tạo áp dụng 16 jQuery 17 5.1 Giới thiệu 17 5.2 Phân tích nguyên tắc sáng tạo áp dụng 17 HTML5 19 6.1 Giới thiệu 19 6.2 Phân tích nguyên tắc sáng tạo áp dụng 20 Tài liệu tham khảo 21 PHẦN I: ĐẠI CƯƠNG VỀ PHƯƠNG PHÁP LUẬN SÁNG TẠO Giới thiệu Lý thuyết giải toán sáng chế (theo tiếng Nga Теория решения изобретательских задач, chuyển tự Teoriya Resheniya Izobreatatelskikh Zadatch, viết tắt TRIZ) phương pháp luận tìm kiếm giải pháp kỹ thuật mới, cho kết khả quan, ổn định giải toán khác nhau, thích hợp cho việc dạy học với đông đảo quần chúng Genrich Saulovich Altshuller (1926-1998) người khai sinh phương pháp luận sáng tạo TRIZ (giúp canh tân, sáng chế sản phẩm khoảng thời gian ngắn nhất) Nhà khoa học Atshuler suốt trình làm việc nghiên cứu đưa hệ thống với 40 nguyên tắc sáng tạo Nó cung cấp hệ thống cách xem xét vật; tăng tính nhanh nhạy việc tiếp thu đánh giá giá trị thông tin; đưa lựa chọn cách tiếp cận thích hợp để giải vấn đề Hệ thống nguyên Trang 5/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học tắc sáng tạo giúp cho xây dựng tác phong, suy nghĩ làm việc cách khoa học, sáng tạo 40 Nguyên tắc (thủ thuật) sáng tạo 2.1 Nguyên tắc phân nhỏ  Chia đối tượng thành phần độc lập  Làm đối tượng trở nên tháo lắp  Tăng mức độ phân nhỏ đối tượng 2.2 Nguyên tắc “tách khỏi” : Tách phần gây “phiền phức hay ngược lại tách phần “cần thiết” khỏi đối tượng 2.3 Nguyên tắc phẩm chất cục :  Chuyển đối tượng (hay môi trường bên ngồi, tác động bên ngồi) có cấu trúc đồng thành không đồng  Các phần khác đối tượng phải có chức khác  Mỗi phần đối tượng phải điều kiện thích hợp cơng việc 2.4 Ngun tắc phản đối xứng : Chuyển đối tượng có hình dạng đối xứng thàng khơng đối xứng (nói chung giảm bậc đối xứng) 2.5 Nguyên tắc kết hợp :  Kết hợp đối tượng đồng đối tượng dùng cho hoạt động kế cận  Kết hợp mặt thời gian hoạt động đồng kế cận 2.6 Nguyên tắc vạn : Đối tượng thực số chức khác nhau, khơng cần tham gia đối tượng khác 2.7 Nguyên tắc “chứa trong” :  Môt đối tượng đặt bên đối tượng khác thân no1 lại chứa đối tượng thứ ba…  Một đối tượng chuyển động xuyên suốt bên đối tượng khác 2.8 Nguyên tắc phản trọng lượng :  Bù trừ trọng lượng đối tượng cách gắn với đối tượng khác, có lực nâng  Bù trừ trọng lượng đối tượng cách tương tác với môi trường sử dụng lực thủy động, khí động … 2.9 Nguyên tắc gây ứng suất sơ : Trang 6/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học Gây ứng suất trước đối tượng để chống lại ứng suất không cho phép không mong muốn đối tượng làm việc (hoặc gây ứng súât trước để làm việc dùng ứng súât ngược lại) 2.10 Nguyên tắc thực sơ :  Thực hiên trước thay đổi cần có, hồn tồn phần, đối tượng  Cần xếp đối tượng trước, cho chúng hoạt động từ vị trí thuận lợi nhất, khơng thời gian dịch chuyển 2.11 Nguyên tắc dự phòng : Bù đắp độ tin cậy không lớn đối tượng cách chuẩn bị trước phương tiện báo động, ứng cứu, an toàn 2.12 Nguyên tắc đẳng : Thay đổi điều kiện làm việc để nâng lên hay hạ xuống đối tượng 2.13 Nguyên tắc đảo ngược :  Thay hành động yêu cầu tốn, hành động ngược lại (ví dụ : khơng làm nóng mà làm lạnh đối tượng)  Làm phần chuyển động đối tượng (hay mơi trường bên ngồi) thành đứng yên ngược lại phần đứng yên thành chuyển động 2.14 Ngun tắc cầu (trịn) hố :  Chuyển phần thẳng đối tượng thành cong, mặt phẳng thành mặt cầu, kết cấu hình hộp thành kết cấu hình cầu  Sử dụng lăn, viên bi, vòng xoắn  Chuyển sang chuyển động quay, sử dụng lực ly tâm 2.15 Nguyên tắc linh động :  Cần thay đổi đặc trưng đối tượng hay mơi trường bên ngồi cho chúng tối ưu giai đoạn làm việc  Phân chia đối tượng thành phần, có khả dịch chuyển với 2.16 Nguyên tắc giải “thiếu” “thừa” : Nếu khó nhận 100% hiệu cần thiết, nên nhận nhiều “một chút” Lúc tốn trở nên đơn giản dễ giải 2.17 Nguyên tắc chuyển sang chiều khác :  Những khó khăn chuyển động (hay xếp) đối tượng theo đường (một chiều) khắc phục cho đối tượng khả di chuyển mặt phẳng (hai chiều), tương tự toán liên quan đến chuyển động (hay xếp) đối tượng mặt phẳng đơn giản hóa chuyển sang không gian (ba chiều)  Chuyển đối tượng có kết cấu tầng thành nhiều tầng Trang 7/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học  Đặt đối tượng nằm nghiêng  Sử dụng mặt sau diện tích cho trước  Sử dụng luồng ánh sáng tới diện tích bên cạnh tới mặt sau diện tích cho trước 2.18 Nguyên tắc sử dụng dao động học :  Làm đối tượng dao động  Nếu có dao động, tăng tần số dao động  Sử dụng tần số cộng hưởng  Thay dùng rung học dùng rung áp điện  Sử dụng siêu âm kết hợp với trường điện từ 2.19 Nguyên tắc tác động theo chu kỳ :  Chuyển tác động liên tục thành tác động theo chu kỳ (xung)  Nếu có tác động theo chu ký, thay đổi chu kỳ  Sử dụng khoảng thời gian xung để thực hiên tác động khác 2.20 Nguyên tắc liên tục tác động có ích :  Thực hiên công viêc cách liên tục (tất phần đối tượnng cần luôn làm việc chế độ đủ tải)  Khắc phục vận hành không tải trung gian  Chuyển chuyển động tịnh tiến qua lại thành chuyển động quay 2.21 Nguyên tắc “vượt nhanh” :  Vượt qua giai đoạn có hại nguy hiểm với vận tốc lớn  Vượt nhanh để có hiệu ứng cần thiết 2.22 Nguyên tắc biến hại thành lợi :  Sử dụng tác nhân có hại (ví dụ tác động có hại mơi trường) để thu hiệu ứng có lợi  Khắc phục tác nhân có hại cách kết hợp với tác nhân có hại khác  Tăng cường tác nhân có hại đến mức khơng cịn có hại 2.23 Nguyên tắc quan hệ phản hồi :  Thiết lập quan hệ phản hồi  Nếu có quan hệ phản hồi, thay đổi 2.24 Nguyên tắc sử dụng trung gian : Sử dụng đối tượng trung gian, chuyển tiếp 2.25 Nguyên tắc tự phục vụ :  Đối tượng phải tự phục vụ cách thực thao tác phụ trợ, sửa chữa  Sử dụng phế liệu, chất thải, lương dư Trang 8/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học 2.26 Nguyên tắc chép (copy) :  Thay sử dụng không phép, phức tạp, đắt tiền, không tiện lợi dễ vỡ, sử dụng  Thay đối tượng hay hệ đối tượng quang học(ảnh, hình vẽ với tỷ lệ cần thiết  Nếu sử dụng quang học vùng biểu kiến (vùng ánh sáng nhìn thấy mắt thường), chuyển sang sử dụng hồng ngoại tử ngoại 2.27 Nguyên tắc “rẻ” thay cho “đắt” : Thay đối tượng đắt tiền đối tượng rẻ có chất lượng (ví dụ tuổi thọ) 2.28 Thay sơ đồ học :  Thay sơ đồ học điện, quang, nhiệt, âm mùi vị  Sử dụng diện trường, từ trừơng điện từ trường tương tác với đối tượng  Chuyển trường đứng yên sang chuyển động, trường cố định sang thay đổi theo thời gian, trường đồng sang có cấu trúc định  Sử dụng trường kết hợp với hạt sắt từ 2.29 Sử dụng kết cấu khí lỏng : Thay cho phần đối tượng thể rắn, sử dụng chất khí lỏng; nạp khí, nạp chất lỏng, đệm khơng khí, thủy tĩnh, thủy phản lực 2.30 Sử dụng vỏ dẻo màng mỏng :  Sử dụng vỏ dẽo mành mỏng thay cho kết cấu khối  Cách ly đối tượng với môi trường bên vỏ dẽo màng mỏng 2.31 Sử dụng vật liệu nhiều lỗ :  Làm đối tượng có nhiều lỗ sử dụng thêm chi tiết nhiều lỗ (miếng đệm, phủ,…)  Nếu đối tượng có nhiều lỗ, sơ tẩm chất 2.32 Nguyên tắc thay đổi màu sắc :  Thay đổi màu sắc đối tượng hay mơi trường bên ngồi  Thay đổi độ suốt đối tượng hay mội trường bên  Để quan sát đối tượng trình, sử dụng chất phụ gia màu, huỳnh quang  Nếu chất phụ gia sử dụng, dùng nguyên tử đánh dấu  Sử dụng hình vẽ, ký hiệu thích hợp 2.33 Ngun tắc đồng : Trang 9/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học Những đối tượng tương tác với đối tượng cho trước, phải làm từ vật liệu (hoặc từ vật liệu gần tính chất) với vật liệu chế tậo đối tượng cho trước 2.34 Nguyên tắc phân hủy tái sinh phần :  Phần đối tượng hoàn thành nhiêm vụ trở nên khơng cần thiết phải tự phân hủy (hịa tan, bay hơi,…) phải biến dạng  Các phần mát đối tượng phải phục hối trực tiếp trình làm việc 2.35 Thay đổi thơng số hố lý đối tượng :  Thay đổi trạng thái đối tượng  Thay đổi nồng độ hay độ đậm đặc  Thay đổi dộ dẻo  Thay đổi nhiệt độ, thể tích 2.36 Sử dụng chuyển pha : Sử dụng tượng nảy sinh, q trình chuyển pha thay đổi thể tích, tỏa hay hấp thu nhiệt lượng … 2.37 Sử dụng nở nhiệt :  Sử dụng nở (hay co) nhiệt vật liệu  Nếu dùng nở nhiệt, sử dụng với vật liệu có hệ số nở nhiệt khác 2.38 Sử dụng chất ơxy hóa mạnh :  Thay khơng khí thường khơng khí giàu ơxy  Thay khơng khí giàu ôxy ôxy  Dùng xạ iôn hóa tác động lên khơng khí ơxy  Thay ơxy giàu iơn (hoặc ơxy bị iơn hóa) ôxy 2.39 Thay đổi độ trơ :  Thay môi trường thơng thường mơi trường trung hịa  Đưa thêm vào đối tượng phần, chất, phụ gia trung hịa  Thực q trình chân khơng 2.40 Sử dụng vật liệu hợp thành (composite) : Chuyển từ vật liệu đồng sang sử dụng vật liệu hợp thành (composite) Trang 10/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học PHẦN II: ỨNG DỤNG CỦA CÁC NGUYÊN LÝ SÁNG TẠO HTML 1.1 Giới thiệu HTML (HyperText Markup Language), tức "Ngôn ngữ Đánh dấu Siêu văn bản" ngôn ngữ đánh dấu thiết kế để tạo nên trang web Ngôn ngữ HTML dùng tag đoạn mã lệnh trình duyệt (web browsers) cách hiển thị thành phần trang web HTML chuẩn Internet tổ chức World Wide Web Consortium (W3C) trì Sơ lược lịch sử:  Năm 1980, nhà vật lý Tim Berners-Lee, nhà thầu CERN (The European Organization for Nuclear Research) – tổ chức nghiên cứu hạt nhân châu Âu, đề xuất thử nghiệm ENQUIRE Đó hệ thống cho nhà nghiên cứu CERN sử dụng chia sẻ tài liệu  Trong năm 1989, Berners-Lee viết ghi nhớ đề xuất hệ thống siêu văn dựa Internet Trang 11/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học  Berners-Lee định xây dựng chuẩn HTML bắt đầu viết trình duyệt phần mềm máy chủ vào cuối năm 1990  Bản công bố mô tả HTML tài liệu gọi "Download HTML", đề cập lần Internet Berners-Lee cuối năm 1991 Bản mô tả 18 yếu tố thiết kế đơn giản HTML Ngoại trừ thẻ siêu liên kết (hyperlink tags) yếu tố mới, yếu tố lại dựa định dạng SGML CERN  Năm 1993, đặc tả kỹ thuật HTML: "Ngôn ngữ đánh dấu siêu văn (HTML)" Internet đưa dự thảo Berners-Lee đặt móng cho việc thống chung tiêu chuẩn toàn giới Hình 1.1 Tim Berners-Lee người sáng tạo HTML  Tháng 12/1999, HTML 4.01 phiên thức sử dụng đến ngày 1.2 Phân tích nguyên tắc sáng tạo áp dụng  Nguyên tắc phân nhỏ: Cấu trúc trang HTML phân nhỏ thành loại phần tử đánh dấu gồm: 1- Đánh dấu cấu trúc miêu tả mục đích phần văn , … (gồm thẻ chuẩn HTML); 2- Đánh dấu trình bày; 3- Đánh dấu liên kết; 4- Các phần tử thành phần điều khiển giúp tạo đối tượng (các nút button, list ) Việc phân nhỏ thành phần giúp nhà phát triển dễ dàng việc định dạng xử lý tài liệu  Nguyên tắc kết hợp: HTML kết hợp xử lý gồm nội dung, cách thể hiện, cách thức điều khiển khả tương tác với người dùng, khả kết hợp thể dễ dàng cách kết hợp với CSS  Nguyên tắc vạn năng: HTML mở khả giao tiếp với người sử dụng, truyền tải hình ảnh, nội dung; khả liên kết thông tin với nhiều nguồn thơng tin khác nhau; ngồi HTML cịn mang lại chức giải trí, phương tiện cơng cộng để kết nối xã hội Trang 12/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học  Nguyên tắc phân hủy tái sinh phần: HTML xây dựng thừa hưởng tiêu chuẩn định dạng SGML, với cấu trúc miêu tả, trình bày, điều khiển, mô tả đầy đủ phù hợp  Nguyên tắc chép: HTML chép phần cấu trúc mô tả SGML (SGML hệ thống cấu trúc mô tả tài liệu riêng CERN)  Nguyên tắc rẻ thay cho đắt: WWW đời, nỗ lực tìm kiếm cấu trúc chung để giao tiếp internet địi hỏi nhiều cơng sức tiền để nghiên cứu; HTML xây dựng cha đẻ WWW, thân người am hiểu rõ, nên ông định để xây dựng nên cấu trúc chung HTML XML 2.1 Giới thiệu XML (eXtensible Markup Language, "Ngôn ngữ Đánh dấu Mở rộng") ngơn ngữ đánh dấu với mục đích chung, W3C đề nghị để tạo ngôn ngữ đánh dấu khác có khả mơ tả nhiều loại liệu khác  XML ban đầu ứng dụng SGML (ISO 8879)  Phiên XML 1.0 tổ chức W3C công bố vào ngày 10/2/1998 2.2 Phân tích nguyên tắc sáng tạo áp dụng  Nguyên tắc phân nhỏ: giống HTML, XML phân nhỏ thành cấu trúc phải tuân theo qui tắc Việc phân nhỏ thành phần để giúp nhà phát triển dễ dàng việc định dạng xử lý tài liệu  Nguyên tắc tách khỏi: XML ngôn ngữ đánh dấu tách riêng hoàn toàn với HTML, với mục đích dùng để mơ tả nhiều loại liệu hơn, chí dùng để tạo cấu trúc liệu  Nguyên tắc kết hợp: XML có khả kết hợp với HTML để mô tả liệu, tạo cấu trúc liệu, lưu trữ văn bản, công cụ tuyệt vời để người sử dụng định nghĩa liệu  Nguyên tắc vạn năng: XML dùng việc lưu trữ văn bản, mô tả cấu trúc liệu, cho phép tạo khuôn dạng văn cách kết hợp hay sử dụng lại khn dạng có sẵn  Nguyên tắc phân hủy tái sinh phần: q trình xây dựng XML dựa mơ tả giống HTML, ví dụ: thẻ tags phải cặp ‘’  Nguyên tắc quan hệ phản hồi: XML xây dựng, có platform độc lập hỗ trợ tốt, đặc biệt sử dụng XML miễn phí Có nhiều cơng cụ có sẵn hỗ trợ XML cộng đồng xây dựng nhà lập trình dễ dàng nhận giúp đỡ nhiều người  Nguyên tắc dự phòng: XML có khả lưu trữ liệu, việc xây dựng XML giống sở liệu để dự phịng điều khả thi Trang 13/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học  Nguyên tắc rẻ thay cho đắt: việc sử dụng XML hoàn tồn miễn phí XML có khả lưu trữ liệu, việc xây dựng XML giống sở liệu điều khả thi không muốn sử dụng SQLServer hay lựa chọn phần mềm trả phí khác JavaScript 3.1 Giới thiệu JavaScript ngơn ngữ lập trình dựa nguyên mẫu với cú pháp phát triển từ C Ngôn ngữ dùng rộng rãi cho trang web, dùng để tạo khả viết script sử dụng đối tượng nằm sẵn ứng dụng Nó phát triển Brendan Eich vào năm 1995 Hãng truyền thông Netscape với tên Mocha, sau đổi tên thành LiveScript, cuối thành JavaScript tích hợp vào Netscape Navagaror phiên thử nghiệm 2.0 Javascript chạy hầu hết máy tính phần cứng độc lập Khi tích hợp trực tiếp vào trình duyệt, Javascript làm trang web thêm hấp dẫn sinh động, biến trang Web tĩnh (static) HTML thành trang Web động (dynamic) Nó có khả truy cập nhiều đối tượng tài liệu viết HTML làm cho chúng hoạt động Javascript ngôn ngữ dựa vào đối tượng (Object-based language) Có nghĩa dùng nhiều ý niệm lập trình hướng đối tượng (Object-Oriented programming), khơng hồn tồn hướng theo đối tượng Về cú pháp, Javascript tương tự C, Perl Java Hình 4.1 Brendan Eich, nhà sáng tạo ngơn ngữ kịch JavaScript Tháng 10/2000, JavaScript phiên 1.5 đời, tương ứng với ECMA-262 ECMAScript phiên chuẩn hóa JavaScript Phiên sử dụng thức rộng rãi tất trình duyệt IE, Firefox, Opera Chrome 3.2 Phân tích nguyên tắc sáng tạo áp dụng Trang 14/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học  Nguyên tắc phân nhỏ: JavaScript gồm mảng client-server thực lệnh máy end-user web-server Phía client, JavaScript giúp xử lý tính tốn tác vụ trình duyệt Phía server, JavaScript giúp truy xuất đến sở liệu, thực thao tác truy xuất file máy chủ  Ngun tắc tách khỏi: JavaScript có ngơn ngữ, mã lệnh cấu trúc giống C, nhiên, JavaScript ngơn ngữ lập trình riêng xây dựng để phát triển trang web  Nguyên tắc kết hợp: JavaScript kết hợp với HTML, giúp cho việc xây dựng tạo trang web động; tạo hiệu ứng, xử lý ảnh động; JavaScript kết hợp với Flash giúp làm banner quảng cáo, hiệu ứng cuộn…  Nguyên tắc vạn năng: JavaScript thích hợp ưa chuộng để thiết kế trang web động, màu sắc số hiệu ứng hình ảnh…  Nguyên tắc phân hủy tái sinh phần: JavaScript tái sử dụng cấu trúc cú pháp ngơn ngữ lập trình C, ví dụ mệnh đề lặp if, while, for, tương tự  Nguyên tắc quan hệ phản hồi: JavaScript hỗ trợ tốt trình duyệt phổ biến Google Chrome, Mozzila Firefox, Internet Explorer, Apple Safari Các trang web HTML có hỗ trợ JavaScript thêm phần sinh động giúp người sử dụng tương tác tốt  Nguyên tắc thay đổi màu sắc: hiệu ứng cảnh báo xây dựng JavaScript giúp cho người dùng dễ dàng nhận biết Ví dụ: người dùng nhập sai password textbox có màu đỏ tô đậm, hay popup alert, prompt thông tin…cũng thư viện JavaScript hỗ trợ tốt  Nguyên tắc rẻ thay cho đắt: JavaScript xây dựng phía client giúp giảm tải thời gian băng thông cần kiểm tra thông tin chỗ browser mà không cần submit phía server; hay nói cách khác JavaScript giúp cho tốc độ xử lý trang web nhanh Ajax 4.1 Giới thiệu Ajax, viết tắt từ Asynchronous JavaScript and XML (JavaScript XML không đồng bộ), công cụ cho phép tăng tốc độ ứng dụng web cách cắt nhỏ liệu hiển thị cần thiết, thay tải tải lại tồn trang web Ajax khơng phải công nghệ đơn lẻ mà kết hợp nhóm cơng nghệ với Với Ajax, ứng dụng web gửi liệu, lấy liệu từ máy chủ không đồng (chạy ngầm background) mà khơng cần can thiệp với hình hiển thị hành vi trang có Một số ứng dụng Ajax:  Google Suggest hiển thị thuật ngữ gợi ý gần người sử dụng chưa gõ xong từ khóa Cịn với Google Maps, người theo dõi thay đổi, xê dịch, kéo thả đồ môi trường desktop Google Trang 15/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học Suggest Google Maps hai ví dụ bật phương pháp ứng dụng web hệ Hãng dịch vụ tìm kiếm hàng đầu giới đầu tư nhiều vào việc phát triển Ajax Hầu chương trình họ giới thiệu gần đây, từ Orkut, Gmail đến phiên thử nghiệm Google Groups, ứng dụng Ajax  Nhiều công ty khác nối gót xu trang chia sẻ ảnh Flickr (hiện thuộc Yahoo) hay công cụ tìm kiếm A9.com Amazon Microsoft triển khai chương trình Windows Live Mail Windows Live Messenger hỗ trợ Ajax Ngày 05/4/2006, W3C phát hành đặc tả kỹ thuật dự thảo Ajax cho đối tượng XMLHttpRequest nỗ lực để tạo tiêu chuẩn web thức 4.2 Phân tích nguyên tắc sáng tạo áp dụng  Nguyên tắc phân nhỏ: Trong nhiều trường hợp, trang web chứa nhiều nội dung thông thường trang Nếu sử dụng phương pháp truyền thống, nội dung phải nạp lại toàn với yêu cầu Tuy nhiên, sử dụng Ajax, ứng dụng web yêu cầu nội dung cần thiết phải cập nhật; công nghệ Ajax giúp cho việc cập nhật thành phần thơng tin nhanh chóng  Nguyên tắc tách khỏi: người sử dụng thành phần thơng tin trang web có phần cập nhật, hay nói cách khác, phần thông tin tương tác tách riêng khỏi thành phần thông tin khác; điều giúp cho việc cập nhật thơng tin nhanh chóng, khơng cần phải cập nhật hết toàn nội dung trang web  Nguyên tắc kết hợp: Ajax cung cấp công nghệ xử lý từ phía client Trong đó, HTML CSS đóng vai hiển thị liệu, mơ hình DOM trình bày thơng tin động, đối tượng XMLHttpRequest trao đổi liệu không đồng với máy chủ web, XML định dạng chủ yếu cho liệu truyền Đây cơng nghệ sẵn có Javacript lắp ráp chúng lại để thực công việc đáng khâm phục  Nguyên tắc phân hủy tái sinh phần: Ajax kế thừa sử dụng công nghệ có sẵn JavaScript, HTML, CSS, DOM, XML, khơng khó khăn để nhà lập trình nắm bắt cơng nghệ  Nguyên tắc quan hệ phản hồi: Ajax hỗ trợ tất trình duyệt phổ biến nay, người sử dụng đương nhiên thích trang web sử dụng Ajax khả kết nối thơng tin nhanh vẻ ngồi chun nghiệp  Nguyên tắc thực sơ bộ: việc sử dụng yêu cầu không đồng (asynchronous request) giúp cho xử lý bên xảy liên tục giúp người dùng trải nghiệm tương tác cao, với nhiều phần riêng lẻ  Nguyên tắc sử dụng trung gian: trình truyền nhận liệu từ server client, XML đóng vai trị trung gian việc truyền nhận kết quả; lý Trang 16/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học XML đơn xem file text, nên truyền thông qua giao thức mạng không gặp trở ngại vể bảo mật  Nguyên tắc rẻ thay cho đắt: sử dụng công nghệ Ajax giúp cho việc giảm tải từ phía server, phải xử lý thơng tin phía client request thơng tin cần update, giảm lượng lớn băng thơng thời gian nạp trang; ngồi ra, người sử dụng có cảm giác trang web load nhanh hơn, không nhiều thời gian để chờ đợi jQuery 5.1 Giới thiệu Người dùng ngày quan tâm đến hình thức trang web Trước trang web cần có banner, nội dung hình ảnh cho trang web hoàn chỉnh Nhưng trang web phải có banner bắt mắt, nội dung hay cịn nhiều hiệu ứng lạ mắt khác thu hút người đọc Chính thế, web designer chuyên nghiệp bắt đầu ý đến thư viện JavaScript mở jQuery để tạo hiệu ứng tương tác trực tiếp với người đọc cách nhanh chóng dễ dàng nhiều sử dụng JavaScript jQuery thư viện JavaScript đa trình duyệt (chạy nhiều flatform) thiết kế để đơn giản hóa lập trình phía máy người dùng jQuery cịn thư viện JavaScript miễn phí, phần mềm nguồn mở, sáng tạo John Resig Hình 6.1 John Resig, người sáng tạo jQuery Phiên jQuery 1.0 phát hành vào tháng năm 2006 BarCamp NYC John Resig 5.2 Phân tích nguyên tắc sáng tạo áp dụng  Nguyên tắc tách khỏi: jQuery giúp trang web tách khỏi phụ thuộc vào trình duyệt Một thức tế tồn hệ thống trình duyệt lại có kiểu Trang 17/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học       riêng để đọc trang web, jQuery giúp cho trang web hiển thị tốt trình duyệt Nguyên tắc kết hợp: jQuery xây dựng kết hợp JavaScript framework với CSS công nghệ Ajax Nguyên tắc vạn năng: jQuery hỗ trợ Cross-browsers (đa trình duyệt), có khả tương thích với trình duyệt đại trước Nó thay đổi class định dạng CSS áp dụng lên thành phần tài liệu HTML, trang web trình duyệt load hết Với hiệu “write less, more”, Jquery thay đổi bề ngồi trang web, cịn thay đổi nội dung tài liệu với vài dịng code Nó thêm bớt nội dung trang, hình ảnh thêm vào đổi sang hình khác, danh sách xếp lại chí cấu trúc HTML trang web viết lại mở rộng Ngồi ra, jQuery cho phép nhiều tác vụ diễn dòng Để tránh phải sử dụng biến tạm tác vụ lặp tốn thời gian, jQuery cho phép sử dụng kiểu lập trình gọi Chaining cho hầu hết method Điều có nghĩa kết tác vụ tiến hành thành phần thành phần đó, sẵn sàng cho tác vụ áp dụng lên Nguyên tắc phân hủy tái sinh phần: jQuery sử dụng CSS, JavaScript để xây dựng thư viện, tích hợp Ajax để xử lý thơng tin, nói điểm mạnh cơng nghệ đưa vào jQuery Nguyên tắc quan hệ phản hồi: người sử dụng trang web sử dụng jQuery có độ tương tác cao, thơng qua hiệu ứng phản hồi Để tránh bị rơi vào trạng thái q tải tính năng, jQuery cịn cho phép người dùng tạo sử dụng Plugin cần Cách tạo plugin đơn giản hướng dẫn cụ thể, cộng đồng sử dụng jQuery tạo loạt plugin đầy tính sáng tạo hữu dụng Từ nhận thấy mối quan hệ phản hổi tích cực cộng đồng jQuery Nguyên tắc chép: jQuery sử dụng JavaScript để viết thành thư viện tiện ích chạy web nên tảng jQuery dựa JavaScript Nguyên tắc rẻ thay cho đắt: thư viện jQuery cách mạng hóa đường mà nhà phát triển tạo trang web, thúc đẩy phát triển sưu tập lớn kịch lệnh sẵn sàng để chạy nhà lập trình việc thêm chúng vào trang HTML, giảm bớt thời gian viết xử lý code jQuery trở nên phổ biến cách sử dụng đơn giản bên cạnh cịn có cộng đồng sử dụng mạnh mẽ phát triển thêm Plugin hoàn thiện tính trọng tâm jQuery Cho dù thực tế vậy, Trang 18/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học jQuery lại thư viện javaScript hoàn toàn miễn phí cho người sử dụng HTML5 6.1 Giới thiệu Thử lần duyệt web mà không cài Flash Player, người dùng sớm nhận thấy cần thiết phần mềm Ra đời để hỗ trợ nội dung hoạt họa, Flash ngày thành công 75% video web hiển thị thông qua Flash (ngồi cịn có cơng nghệ khơng tương thích khác Microsoft, Apple, Real ) Sự phổ biến Flash khiến người sử dụng ngạc nhiên có phần thất vọng Apple kiên khơng đưa phần mềm vào sản phẩm đình đám hãng iPhone hay iPad Tổng giám đốc Steve Jobs Apple thẳng thừng chê Flash chậm chạp, thiếu đại Adobe lười nhác việc cải tiến nên khơng muốn tích hợp cơng nghệ sản phẩm Cịn nhà phát triển web, Flash, dù thành công, không coi chuẩn cơng nghệ độc quyền nhà cung cấp Web, với nội dung video, game, hoạt họa đóng vai trị quan trọng kinh doanh, giao tiếp xã hội nên nằm tay nhà cung cấp độc lập Nhưng từ bỏ Flash đồng nghĩa với việc phải thiết kế lại web, với đủ khó khăn tốn Trước thách thức to lớn, HTML5 nghiên cứu thử nghiệm Lợi HTML5 thành chuẩn web ngày xuất nhiều trình duyệt HTML5 mang lại khả hỗ trợ video audio "một cách tự nhiên", tức người dùng xem video trang web tương tự cách họ đọc nội dung dạng text (văn bản) mà không cần bận tâm hệ thống cài đặt Flash hay chương trình plug-in khác hay chưa Và đó, việc iPad, iPhone thiết bị di động khơng có Flash khơng cịn vấn đề lớn HTML5 phát triển từ năm 2004 nhà cung cấp Apple, Opera, Mozilla gần Google xây dựng thành tố tương thích ngơn ngữ trình duyệt Cuối tháng 1, YouTube - website chia sẻ video lớn giới tuyên bố thử nghiệm HTML5 Ngay Microsoft, song song với việc quảng bá công nghệ Silverlight (cạnh tranh với Flash), bắt đầu quan tâm tới chuẩn web hứa hẹn đưa HTML5 vào Internet Explorer Trang 19/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học Hình 7.1 Biểu tượng 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 W3C WHATWG 6.2 Phân tích nguyên tắc sáng tạo áp dụng  Nguyên tắc tách khỏi: HTML5 giúp cho việc trang web khơng cịn lệ thuộc vào plugin hãng khác (như Adobe Flash) xem video audio  Nguyên tắc kết hợp: HTML5 kết hợp đặc điểm HTML4 bổ sung thêm đặc tả trội XHTML, DOM, đặc biệt JavaScript HTML5 cịn 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  Nguyên tắc vạn năng: với việc sử dụng HTML5, người sử dụng hoàn toàn yên tâm khi soạn thảo, duyệt, tải nội dung, xem video, audio mà không cần bận tâm cần phải cài thêm plugin Nhà phát triển cần lập trình lần dùng nhiều hệ thống, không Flash hay plug-in khác ln cần có nhiều phiên khác dành cho tảng  Nguyên tắc phân hủy tái sinh phần: HTML5 giữ lại đặc điểm HTML4 bổ sung thêm đặc tả trội XHTML, DOM, JavaScript Ví dụ: HTML5 giữ lại cấu trúc , , bổ sung phần tử mới, chẳng hạn ( thành phần tương tác hình ảnh, biểu đồ, đối tượng game) (khả truyền nhận hình ảnh âm trung thực)  Nguyên tắc linh động: HTML5 cho phép nhà phát triển, lập trình web tạo trang web hoạt động tốt nhiều trình duyệt khác thiết bị – từ máy tính để bàn, máy tính xách tay điện thoại thơng minh máy tính bảng Khơng vậy, HTML5 đem đến cho người dùng trải nghiệm tốc độ truy cập web nhanh hơn, tốt hơn, tài nguyên phong phú  Nguyên tắc chứa trong: HTML5 đáp ứng tất yêu cầu để xây dựng trang web phức tạp từ nội dung, hiển thị hình ảnh, video audio… Trang 20/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học  Nguyên tắc rẻ thay cho đắt: HTML5 giúp cho nhà lập trình khơng phải đắn đo lập trình cho tảng máy tính nào, tiết kiệm thời gian cho nhà phát triển; giúp cho người sử dụng thoải mái lướt web xem nội dung thông tin với tốc độ nhanh không bị yêu cầu phải cài thêm plugin (có thể phải trả phí)  Ngun tắc liên tục tác động có ích: HTML5 đời giúp cho việc phát triển xây dựng trang web tốt Tương lai không xa, HTML5 trở thành chuẩn việc phát triển trang web, việc xử lý nội dung web khơng cịn phải phụ thuộc vào hãng cung cấp thứ HTML5 ứng cử viên tiềm cho việc thỏa mãn tảng ứng dụng di động đa dạng Nhiều tính HTML5 xây dựng để chạy thiết bị hỗ trợ điện thoại thơng minh máy tính bảng Tài liệu tham khảo 1) Slide giảng môn học “Phương pháp nhiên cứu khoa học tin học” Giảng viên : GS.TSKH Hoàng Văn Kiếm 2) Giải tốn máy tính ?( tập 1, 2, 3) GS TSKH Hoàng Văn Kiếm Nhà xuất giáo dục – 2003 3) Sile giảng phương pháp luận nghiên cứu khoa học Vũ Cao Đàm Nhà xuất Khoa Học Kỹ Thuật – 1999 4) Phương pháp luận sáng tạo khoa học – kỹ thuật Phan Dũng Trang 21/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Phương pháp nghiên cứu Khoa học Tin học Trung tâm sáng tạo khoa học – kỹ thuật Trường Đại Học Khoa Học Tự Nhiên TP.HCM – 2002 5) www wikipedia.org 6) www.vnexpress.net 7) www.pcworld.com 8) www.w3schools.com Trang 22/22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ... (composite) : 10 PHẦN II: ỨNG DỤNG CỦA CÁC NGUYÊN LÝ SÁNG TẠO 11 HTML 11 1.1 Giới thiệu 11 1.2 Phân tích nguyên tắc sáng tạo áp dụng 12 XML ... thiệu 13 2.2 Phân tích nguyên tắc sáng tạo áp dụng 13 JavaScript 14 3.1 Giới thiệu 14 3.2 Phân tích nguyên tắc sáng tạo áp dụng 14 Ajax ... thiệu 15 4.2 Phân tích nguyên tắc sáng tạo áp dụng 16 jQuery 17 5.1 Giới thiệu 17 5.2 Phân tích nguyên tắc sáng tạo áp dụng 17 HTML5