SỰ VẬN DỤNG CÁC NGUYÊN LÝ SÁNG TẠO KHOA HỌC TRONG LỊCH SỬ PHÁT TRIỂN CỦA NGÔN NGỮ HTML
Phương pháp luận sang tạo khoa học ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC CƠNG NGHỆ THÔNG TIN BÀI TIỂU LUẬN MÔN PHƯƠNG PHÁP LUẬN SÁNG TẠO KHOA HỌC SỰ VẬN DỤNG CÁC NGUYÊN LÝ SÁNG TẠO KHOA HỌC TRONG LỊCH SỬ PHÁT TRIỂN CỦA NGÔN NGỮ HTML Giảng viên hướng dẫn : GS, TSKH Hoàng Kiếm Học viên thực : Nguyễn Thị Thu Trang – CH1101147 MỤC LỤC I 40 Nguyên tắc sáng tạo: 1.1 Nguyên tắc phân nhỏ: 1.2 Nguyên tắc “tách khỏi”: 1.3 Nguyên tắc phẩm chất cục bộ: 1.4 Nguyên tắc phản đối xứng: 1.5 Nguyên tắc kết hợp: 1.6 Nguyên tắc vạn năng: 1.7 Nguyên tắc “chứa trong”: 1.8 Nguyên tắc phản trọng lượng: 1.9 Nguyên tắc gây ứng suất sơ bộ: 1.10 Nguyên tắc thực sơ bộ: 1.11 Nguyên tắc dự phòng: 1.12 Nguyên tắc đẳng thế: 1.13 Nguyên tắc đảo ngược: 1.14 Ngun tắc cầu (trịn) hố: 1.15 Nguyên tắc linh động: 1.16 Nguyên tắc giải “thiếu” “thừa”: 1.17 Nguyên tắc chuyển sang chiều khác: 1.18 Nguyên tắc sử dụng dao động học: 1.19 Nguyên tắc tác động theo chu kỳ: 1.20 Nguyên tắc liên tục tác động có ích 1.21 Nguyên tắc “vượt nhanh”: 1.22 Nguyên tắc biến hại thành lợi: 1.23 Nguyên tắc quan hệ phản hồi: 1.24 Nguyên tắc sử dụng trung gian: 1.25 Nguyên tắc tự phục vụ: 1.26 Nguyên tắc chép (copy): 1.27 Nguyên tắc “rẻ” thay cho “đắt”: 1.28 Thay sơ đồ học: 1.29 Sử dụng kết cấu khí lỏng: 1.30 Sử dụng vỏ dẻo màng mỏng: 1.31 Sử dụng vật liệu nhiều lỗ: 1.32 Nguyên tắc thay đổi màu sắc: 1.33 Nguyên tắc đồng nhất: 1.34 Nguyên tắc phân hủy tái sinh phần: 1.35 Thay đổi thơng số hố lý đối tượng: 1.36 Sử dụng chuyển pha: 1.37 Sử dụng nở nhiệt: 1.38 Sử dụng chất oxy hoá mạnh: 1.39 Thay đổi độ trơ: 1.40 Sử dụng vật liệu hợp thành (composite): II Lịch sử ngôn ngữ HTML 2.1 HTML1 2.2 HTML2 2.3 HTML 2.4 HTML4 2.5 HTML5 10 2.5.1 Tổng quan HTML5 10 2.5.2 Nguyên tắc đặc điểm kỹ thuật HTML5 11 2.5.3 HTML5 đơn giản hóa việc phát triển .12 2.5.4 HTML5 cấu trúc nội dung .13 2.5.5 video HTML5 cho phép nhà phát triển động, hỗ trợ hiệu ứng âm thanh, 15 2.5.6 Lưu trữ ngoại tuyến (Offline storage) 16 2.5.7 Trình duyệt hỗ trợ 16 III Áp dụng nguyên lý sáng tạo khoa học để xử lý vấn đề 17 IV Kết luận .18 V Tài liệu tham khảo 19 Phương pháp luận sang tạo khoa học I 40 Nguyên tắc sáng tạo: 1.1 Nguyên tắc phân nhỏ: a) Chia đối tượng thành phần độc lập b) Làm đối tượng trở nên tháo lắp c) Tăng mức độ phân nhỏ đối tượng 1.2 Nguyên tắc “tách khỏi”: Tách phần gây “phiền phức” (tính chất “phiền phức”) hay ngược lại tách phần “cần thiết” (tính chất “cần thiết”) khỏi đối tượng 1.3 Nguyên tắc phẩm chất cục bộ: a) 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 b) Các phần khác đối tượng phải có chức khác c) Mỗi phần đối tượng phải điều kiện thích hợp cơng việc 1.4 Ngun tắc phản đối xứng: Chuyển đối tượng có hình dạng đối xứng thành khơng đối xứng (nói chung giãm bật đối xứng) 1.5 Nguyên tắc kết hợp: a) Kết hợp đối tượng đồng đối tượng dùng cho hoạt động kế cận b) Kết hợp mặt thời gian hoạt động đồng kế cận 1.6 Nguyên tắc vạn năng: Đối tượng thực số chức khác nhau, khơng cần tham gia đối tượng khác 1.7 Nguyên tắc “chứa trong”: a) Một đối tượng đặt bên đối tượng khác thân lại chứa đối tượng thứ ba b) Một đối tượng chuyển động xuyên suốt bên đối tượng khác [1] Nguyễn Thị Thu Trang – CH1101147 1.8 Nguyên tắc phản trọng lượng: a) 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) Bù trừ trọng lượng đối tượng tương tác với môi trường sử dụng lực thủy động, khí động 1.9 Nguyên tắc gây ứng suất sơ bộ: Gây ứng suất trước với đố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 suất trước để làm việc dùng ứng suất ngược lại ) 1.10 Nguyên tắc thực sơ bộ: a) Thực trước thay đổi cần có, hồn tồn phần, đối tượng b) 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 1.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 1.12 Nguyên tắc đẳng thế: Thay đổi điều kiện làm việc để nâng lên hay hạ xuống đối tượng 1.13 Nguyên tắc đảo ngược: a) Thay hành động 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) b) Làm phần chuyển động đối tượng (hay mơi trường bên ngồi) thành đứng n ngược lại, phần đứng yên thành chuyển động 1.14 Nguyên tắc cầu (trịn) hố: a) 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 b) Sử dụng lăn, viên bi, vòng xoắn c) Chuyển sang chuyển độg quay, sử dung lực ly tâm [2] Phương pháp luận sang tạo khoa học 1.15 Nguyên tắc linh động: a) Cần thay đổi đặt 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 b) Phân chia đối tượng thành phần, có khả dịch chuyển với 1.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 1.17 Nguyên tắc chuyển sang chiều khác: a) 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 hoá chuyển sang không gian (ba chiều) b) Chuyển đối tượng có kết cấu tầng thành nhiều tầng c) Đặt đối tượng nằm nghiêng d) Sử dụng mặt sau diện tích cho trước e) 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 1.18 Nguyên tắc sử dụng dao động học: a) Làm đối tượng dao động Nếu có dao động, tăng tầng số dao động ( đến tầng số siêu âm) b) Sử dụng tầng số cộng hưởng c) Thay dùng rung học, dùng rung áp điện d) Sử dụng siêu âm kết hợp với trường điện từ 1.19 Nguyên tắc tác động theo chu kỳ: a) Chuyển tác động liên tục thành tác động theo chu kỳ (xung) b) Nếu có tác động theo chu kỳ, thay đổi chu kỳ c) Sử dụng khoảng thời gian xung để thực tác động khác 1.20 Ngun tắc liên tục tác động có ích a) Thực công việc cách liên tục (tất phần đối tượng cần luôn làm việc chế độ đủ tải) b) Khắc phục vận hành không tải trung gian [3] Nguyễn Thị Thu Trang – CH1101147 c) Chuyển chuyển động tịnh tiến qua lại thành chuyển động qua 1.21 Nguyên tắc “vượt nhanh”: a) Vượt qua giai đoạn có hại nguy hiểm với vận tốc lớn b) Vượt nhanh để có hiệu ứng cần thiết 1.22 Nguyên tắc biến hại thành lợi: a) Sử dụng tác nhân có hại (thí dụ tác động có hại mơi trường) để thu hiệu ứng có lợi b) 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 c) Tăng cường tác nhân có hại đến mức khơng cịn có hại 1.23 Nguyên tắc quan hệ phản hồi: a) Thiết lập quan hệ phản hồi b) Nếu có quan hệ phản hồi, thay đổi 1.24 Nguyên tắc sử dụng trung gian: Sử dụng đối tượng trung gian, chuyển tiếp 1.25 Nguyên tắc tự phục vụ: a) Đối tượng phải tự phục vụ cách thực thao tác phụ trợ, sửa chữa b) Sử dụng phế liệu, chát thải, lượng dư 1.26 Nguyên tắc chép (copy): a) 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 b) Thay đối tượng hệ đối tượng quang học (ảnh, hình vẽ) với tỷ lệ cần thiết c) 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 1.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ọ) [4] Phương pháp luận sang tạo khoa học 1.28 Thay sơ đồ học: a) Thay sơ đồ học điện, quang, nhiệt, âm mùi vị b) Sử dụng điện trường, từ trường điện từ trường tương tác với đối tượng c) Chuyển trường đứng yên sang chuyển động, trường cố định sang hay đổi theo thời gian, trường đồng sang có cấu trúc định d) Sử dụng trường kết hợp với hạt sắt từ 1.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 1.30 Sử dụng vỏ dẻo màng mỏng: a) Sử dụng vỏ dẻo màng mỏng thay cho kết cấu khối b) Cách ly đối tượng với mơi trường bên ngồi vỏ dẻo màng mỏng 1.31 Sử dụng vật liệu nhiều lỗ: a) Làm đối tượng có nhiều lỗ sử dụng thêm chi tiết có nhiều lỗ (miếng đệm, phủ…) b) Nếu đối tượng có nhiều lỗ, sơ tẩm chất 1.32 Nguyên tắc thay đổi màu sắc: a) Thay đổi màu sắc đối tượng hay mơi trường bên ngồi b) Thay đổi độ suốt của đối tượng hay môi trường bên ngồi c) Để quan sát đối tượng trình, sử dụng chất phụ gia màu, hùynh quang d) Nếu chất phụ gia sử dụng, dùng nguyên tử đánh dấu e) Sử dụng hình vẽ, ký hiệu thích hợp 1.33 Nguyên tắc đồng nhất: 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 1.34 Nguyên tắc phân hủy tái sinh phần: a) 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 (hoà tan, bay ) phải biến dạng [5] Nguyễn Thị Thu Trang – CH1101147 b) 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 1.35 Thay đổi thơng số hố lý đối tượng: a) Thay đổi trạng thái đối tượng b) Thay đổi nồng độ hay độ đậm đặc c) Thay đổi độ dẻo d) Thay đổi nhiệt độ, thể tích 1.36 Sử dụng chuyển pha: Sử dụng tượng nảy sinh trình chuyển pha như: thay đổi thể tích, toả hay hấp thu nhiệt lượng 1.37 Sử dụng nở nhiệt: a) Sử dụng nở (hay co) nhiệt vật liệu b) Nếu dùng nở nhiệt, sử dụng với vật liệu có hệ số nở nhiệt khác 1.38 Sử dụng chất oxy hoá mạnh: a) Thay khơng khí thường khơng khí giàu oxy b) Thay khơng khí giàu oxy oxy c) Dùng xạ ion hố tác động lên khơng khí oxy d) Thay oxy giàu ozon (hoặc oxy bị ion hố) ozon 1.39 Thay đổi độ trơ: a) Thay môi trường thông thường môi trường trung hoà b) Đưa thêm vào đối tượng phần , chất , phụ gia trung hoà c) Thực q trình chân khơng 1.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) Hay nói chung sử dụng vật liệu [6] Phương pháp luận sang tạo khoa học II Lịch sử ngôn ngữ HTML HTML viết tắt cụm từ HuyperText Markup Language (Ngôn ngữ đánh dấu siêu văn bản),và ngơn ngữ sử dụng cho việc thiết kế website Ngôn ngữ gây ấn tượng cho người ta ngắn gọn.Việc hình thành HTML có mối quan hệ mật thiết với phát triển Internet Ngày nay, HTML khuyên dùng xuất chuẩn mới, thực tế phiên cao ngôn ngữ phát triển tất yếu – HTML5 HTML có thời kỳ phát triển mạnh mẽ vịng năm Trong suốt thời gian đó, phát triển từ ngôn ngữ đơn giản với số lượng nhỏ tag thành hệ thống đánh dấu văn phức tạp, cho phép người viết tạo tất hát hị nhảy múa (all – singing – and – dacing) Những trang web hoàn thiện với tất hiệu ứng hình ảnh, âm Chúng ta xem lại ngày web, HTML, người, cơng ty, tổ chức đóng góp vào phát triển HTML Tim Berners – Lee cha đẻ HTML Năm 1989, ông nghiên cứu ngôn ngữ HTML giao thức truyền đạt thông tin giới khoa học với thành cơng cịn ngày Ơng tạo 20 thẻ HTML, lấy ý tưởng từ ngơn ngữ SGML ,nhưng điều kì diệu đáng kinh ngạc chỗ 13 số 20 thẻ cịn hiển thị HTML4 [7] Nguyễn Thị Thu Trang – CH1101147 2.1 HTML1 HTML không cho phép truyền đạt cấu trúc trang phức tạp, vừa đủ phép tạo trang web đơn giản Vạn khởi đầu nan, vào thời điểm đó, khơng có nhiều người quan tâm tới website nên ngôn ngữ sử dụng hạn chế Phiên tung vào cuối năm 1990 gần năm sau, ngôn ngữ thực ứng dụng Năm 1993 chuẩn HTML trở thành tảng Mosaic- Trình duyệt Internet 2.2 HTML2 Nhiều công ty lớn đánh giá không sức mạnh ngôn ngữ siêu văn bản, cuối chuẩn HTML phổ biến rộng rãi Bởi khơng có tổ chức đứng hỗ trợ cho phát triển ngôn ngữ HTML , thứ bị ngừng trệ Tháng năm 1994, HTML phát hành HTML phiên cải tiến HTML Phiên lần tạo nỗ lực lớn người yêu thích HTML khắp giới Những người đảm nhận nỗ lực khổng lồ ý đến tất đóng góp từ khắp nơi giới cho phiên Trước tình hình này, năm 1994, Tập Đồn Tài Chính World Wide Web thành lập với người đứng đầu Tim Berners-Lee HTML thừa hưởng lại tất đặc điểm phiên trước thêm số tính Năm 1995, thẻ thẻ “bgcolor”(màu nền) hay thẻ “font face”(font chữ) đưa vào ứng dụng HTML trở thành chuẩn thiết kế website tháng năm 1997 lần định nghĩa nhiều đặc điểm cốt lõi HTML 2.3 HTML Internet làm cho ngơn ngữ HTML phát triển ứng dụng phát triển HTML Ngày có nhiều người ứng dụng game HTML Vào thời điểm đó, Nestcape cơng ty hàng đầu thị trường trình duyệt với sản phẩm Netscape Navigator, họ giới thiệu số thẻ thuộc tính gọi Netscape extension tags hiển thị tốt trình duyệt họ gây lỗi hiển thị trình duyệt khác Cùng lúc đó, nhóm phát triển HTML khác đứng đầu Dave Raggett đưa phác thảo ban đầu HTML Trong chuẩn phiên trước đề xuất số tính thích hợp cho nhà thiết kế web, phiên thứ lại thêm nhiều đặc tính thẻ để nâng cao tính thẫm mĩ cho giao diện W3C chấp nhận phiên cải tiến HTML với thẻ chức Tuy nhiên phiên [8] Phương pháp luận sang tạo khoa học gặp phải vấn đề làm chậm đường truyền trình duyệt nên bị bỏ Phiên HTML 3.2 phiên mạnh sê-ri này, thay đổi từ từ thành chuẩn trước tung ra, duyệt World Wide Web – W3C nhà cung cấp trình duyệt Netscape Microsoft 2.4 HTML4 Dave Raggets làm việc nhà Boston Người ta dành năm 1997 để phát triển phiên HTML4, bước tiến triển quan trọng phiên cũ HTML4 có cơng cụ có giá trị mang lại thêm nhiều đất sáng tạo cho dân thiết kế web CSS Ban đầu CSS không coi quan trọng lắm, đến nay, người ta đánh giá quan trọng khơng thân HTML Một kiện quan trọng phát triển trình duyệt, Microsoft ứng dụng tất thẻ trình duyệt Internet Explorer người sử dụng yêu thích hơn, làm lu mờ Netscape Vào tháng năm 1998 HTML4 chứng nhận W3C tương lai trở nên sáng lạng HTML có “đối thủ” gọi XHTML(Extensible HyperText Markup Language – ngôn ngữ đánh dấu siêu văn mở rộng) từ năm 1998 đến nay, chiến diễn ác liệt [9] Nguyễn Thị Thu Trang – CH1101147 2.5 HTML5 2.5.1 Tổng quan HTML5 Vào tháng năm 2008, W3C tung nháp HTML5 thượng phong nghiêng HTML (so với XHTML) HTML5 phiên sửa đổi thứ ngôn ngữ World Wide Web – HTML Ngôn ngữ web nghiệp HTML4 Nhóm Web Hypertext Application Technology Working Group (WHATWG) bắt đầu nghiên cứu đặc tính HTML5 từ tháng 10/2009, dự án Web Applications 1.0 Mặc dù đặc tính HTML5 nói đến nhiều cơng trình nghiên cứu HTML5 năm 2000, song đặc tính kỹ thuật dự kiến hồn thiện vào tận năm 2022 Chính xác cơng trình nghiên cứu HTML5 bắt đầu vào tháng 6/2004, tổ chức World Wide Web Consortium HTML Working Group (W3C HTML WG) WHATWG phối hợp thực [10] Phương pháp luận sang tạo khoa học Ian Hickson, biên tập kỹ thuật HTML5, ơng hy vọng đặc tính kỹ thuật HTML5 trình lên W3C Candidate Recommendation vào năm 2012 lên W3C Recommendation vào năm 2022 Tuy nhiên, nhiều đặc tính kỹ thuật HTML5 ổn định ứng dụng từ Theo Hickson, khung thời gian đệ trình thử nghiệm kỹ thuật HTML5 là: - Dự thảo gửi lên W3C vào tháng 10/2007 Dự thảo cuối vào tháng 10/2009 Kêu gọi thử nghiệm vào năm 2011 Bản Đề cử (Candidate Recommendation) vào năm 2012 Dự thảo thử nghiệm vào năm 2012 Dự thảo thử nghiệm thứ hai vào năm 2015 Phiên thử nghiệm cuối vào năm 2019 Phát hành lại Dự thảo Last Call Working Draft vào năm 2020 Đề cử dự kiến vào năm 2022 HTML5 cho phép lớp ứng dụng web đời, hỗ trợ nội dung đa phương tiện tính offline mà không cần đến công nghệ độc quyền kèm 2.5.2 Nguyên tắc đặc điểm kỹ thuật HTML5 Nguyên tắc HTML “Don’t break the web” Đây chuẩn không nên đưa thay đổi mới, mà thay đổi làm cho website người khác ngừng hoạt động Don’t Break the Web có nghĩa khơng nên thay đổi quy tắc để trang web cũ hoạt động tốt Không XHTML phá vỡ cắc quy luật Web yêu cầu thay đổi đáng kể trang web viết Các trang web cũ hoạt động nhờ tính tương thích với tính cũ xây dựng trình duyệt Trong HTML5 thứ mà đúng, hợp lệ với phiên trước cịn hiệu lực Thật ra, thứ mà đúng, hợp lệ HTML 4.01 hợp lệ HTML5 HTML5 hỗ trợ tất thành phần HTML, hỗ trợ nhiều tính xem cũ lỗi thời Các đặc điểm kỹ thuật HTML5 có hai phần riêng biệt Phần tập trung vào nhà phát triển web Họ cần phải tránh thói quen xấu [11] Nguyễn Thị Thu Trang – CH1101147 thành phần bị loại bỏ khứ, sử dụng công cụ Validator cho phần HTML5 Phần thứ hai dài hơn, phần miêu tả đặc điểm kỹ thuật HTML5 tập trung vào phát triển trình duyệt Họ cần hỗ trợ thứ mà tồn HTML, mang tính tương thích với tính cũ Đặc điểm kỹ thuật HTML5 cũnh thức hóa cách trình duyệt nên đối phó với loạt lỗi (như quên thẻ markup sử dụng thẻ markup không phù hợp) Đây điểm quan trọng, chắn trang web hoạt động giống trình duyệt khác nhau, chí gặp vấn đề tinh vi cách trang tạo mơ hình DOM (DOM cấu trúc cây, chứa object nhớ) Để viết phần dài tẻ nhạt để mô tả chuẩn HTML5, nhà phát triển HTML5 thực kiểm tra trình duyệt tìm cách xử lý lỗi Thực tế nguyên tắc đơn giản: thay đổi nên có mục đích thực tế Các nhà phát triển web thích thiết kế độc đáo, tiêu chuẩn phù hợp, quán, chưa đủ lý tốt để thay đổi ngôn nhữ lập trình sử dung để tạo vài tỉ trang web Tất nhiên, phụ thuộc vào số người để định mối quan tâm quan trọng 2.5.3 HTML5 đơn giản hóa việc phát triển Hầu hết HTML5 thực web Nó hợp pháp hóa thực dễ dàng với đặc điểm kỹ thuật Đặc biệt, hàm Date picker xây dựng vào trình duyệt web với HTML5 Trước có HTML,thường nhà phát triển web tạo DatePicker cách sử dụng CSS JavaScript, họ phải mua thư viện có chứa chức Với HTML5, tất bạn cần làm thiết lập kiểu đầu vào "date" trình duyệt web hỗ trợ HTML5 (trên điện thoại di động bạn, máy tính để bàn máy tính bảng) tự động đính kèm DatePicker Thẻ HTML5 có nâng cấp đáng kể từ HTML 2, cho phép bạn thực số việc mà trước phải dùng Ajax, Flash, ASP.NET, … để thực số số chức đơn giản kiểm tra số điện thoại, email thiết kế web : [12] Phương pháp luận sang tạo khoa học - Form cho phép nhập vào số điện thoại, email Giống Validator control ASP.NET - Cho phép bạn chọn ngày tháng năm kiểu DatePicker, giống Calenda control ASP.NET - Có thể đặt giá trị mặc định cho trường web - Có thể làm highlight số textbox cần thiết 2.5.4 HTML5 cấu trúc nội dung Các phiên trước HTML, tìm kiếm máy, thường khó để lập trình cho chương trình tự động giải thích Để cải thiện điều này, cấu trúc HTML5 diễn tả xác vùng nội dung website như: vùng tiêu đề (header), vùng thực đơn (menu), nội dung chính, phụ đề (footer), … gọi Blocking HTML5 Thường hay sử dụng thẻđể dịnh nghĩa đoạn văn Với HTML5, cần sử dụng thẻ cấu trúc , , , navigation areas, header groups, , Cách dễ dàng cho ứng dụng nhận biết tổ chức mặt nội dung nào, cho phép người duyệt web nhanh Và tốt cho cơng cụ tìm kiếm (search engines) để tìm nội dung Ngồi ra, cịn làm nhiều việc tự động xếp, phân loại thông qua trang web để tái sử dụng Chính cấu trúc nội dung giúp nhà phát triển dễ dàng việc thiết kế giao diện trang web [13] Nguyễn Thị Thu Trang – CH1101147 [14] Phương pháp luận sang tạo khoa học 2.5.5 HTML5 hỗ trợ đồ họa tương tác HTML5 giới thiệu nhiều thẻ để tiện cho nhà lập trình web Một thẻ làm người sử dụng trở nên mê mệt thẻ có chức cho phép xem video mà khơng cần phải cài đặt Flash hay plug-in phụ HTML5 thay HTML4, DOM2 HTML XHTML1 Với HTML5, không cần đến công nghệ độc quyền Ngơn ngữ web HTML5 đời nhằm mục đích giảm bớt phụ thuộc cần thiết công nghệ ứng dụng Internet độc quyền Adobe Flash, Microsoft Silverlight Sun JavaFX Tuy nhiên, phải nhiều năm đạt đến mục tiêu Ngơn ngữ HTML4 khơng cho phép nhúng hay kiểm sốt nội dung đa phương tiện, trái lại, yếu tố video audio HTML5 cho phép nhà phát triển nhúng kiểm soát nội dung đa phương tiện mà khơng cần đến Flash HTLM5 cịn cho phép giao tiếp chiều với máy chủ, nhà phát triển thử nghiệm game, chat, điều khiển từ xa HTML5 Flash/SilverLight Thuộc sở hữu Adobe Quyền sở hữu Mã nguồn mở Chưa thực thi nơi Được cung cấp hầu hết Sự phổ biến máy tính Khơng cần mã nhúng Cần mã nhúng Đa phương tiện Không cần sử dụng định Sử dụng định dạng mặc định dạng đặc biệt (flv,mp3) Không cần bổ sung phần Cần phần bổ trợ bên bổ trợ (plugin) bên ngồi Có thể làm treo trình duyệt Trình duyệt Chưa có trình duyệt hỗ trợ Khơng hỗ trợ khóa đầy đủ cho HTML5 Navigation nút back Nhanh Chậm Tốc độ Cần nhiều tài nguyên CPU Thân thiện với cơng cụ tìm Khơng thân thiện với cơng cụ SEO kiếm (search engine) tìm kiếm HTML5 cịn bao gồm khả để tạo vùng vẽ, gọi Điều cho phép nhà phát triển vẽ đồ thị tức trang web, tạo hiệu ứng hình ảnh, làm hình ảnh động Khả vẽ thẻ lý người nghĩ tương lai Flash không [15] Nguyễn Thị Thu Trang – CH1101147 sử dụng nhiều trang web Tuy nhiên, HTML5 không cung cấp hàm mà trước có Flash 2.5.6 Lưu trữ ngoại tuyến (Offline storage) Tương tự Cookies, lưu trữ ngoại tuyến cho phép trang web lưu trữ liệu cục Nhưng khác với Cookies, liệu lớn với yêu cầu gửi Lưu trữ ngoại tuyến sử dụng để theo dõi người dùng trang web.Do để đảm bảo liệu an toàn biện pháp an ninh đưa trình duyệt làm cho khơng thể cho cá trang web truy cập liệu tao tên miền khác 2.5.7 Trình duyệt hỗ trợ HTML5 Những tính HTML5 canvas, lưu trữ ngoại tuyến WebWorker cho phép nhà phát triển nâng cấp trình duyệt web theo cách mà cơng nghệ trước khơng cho phép Opera software xem hãng đầu việc triển khai công nghệ HTML5 trình duyệt hãng Tất hãng trình duyệt lớn Mozilla, Opera, Microsoft, Apple Google tham gia định hình đặc tính kỹ thuật HTML5 hỗ trợ ngơn ngữ web này, dù đặc tính chưa thơng qua cuối Trình duyệt Chrome Google có số tính HTML5 thẻ Vì nay, trình duyệt Google Chrome, Apple Safari, Opera Firefox hỗ trợ HTML5 Tuy vậy, Opera Firefox không hỗ trợ phiên mã h.264 dùng cho video YouTube Vimeo Trong đó, Internet Explorer Microsoft lại chưa hỗ trợ HTML5 Tuy vậy, người dùng IE sử dụng video HTML5 cách cài đặt thêm plug-in nguồn mở Chrome Frame Google Hiện YouTube Vimeo tuyên bố hỗ trợ video HTML5 Hệ điều hành webOS Palm hỗ trợ sở liệu HTML5 Palm hỗ trợ tính đồ dựa HTML5 Palm Pre [16] Phương pháp luận sang tạo khoa học Microsoft bắt đầu triển khai HTML5 Internet Explorer Đại gia phần mềm bổ sung tính HTML5 lưu trữ nội bộ, điều hướng AJAX Những phiên CSS kèm với HTML cho phép nhà thiết kế thỏa sức sáng tạo Do gần thấy số lượng website viết HTML5 tăng đáng kể III Áp dụng nguyên lý sáng tạo khoa học để xử lý vấn đề Q trình phát triển ngơn ngữ HTML áp dụng số nguyên lý sáng tạo khoa học sau: Nguyên tắc tách khỏi : Để tiện cho việc phát triển web tách biệt giao diện nội dung HTML tách phần giao diện, trọng nội dung Phần giao diện đã chuyển sang sử dụng hỗ trợ thẻ CSS Điều vừa làm dễ dàng cho việc quản lí vừa thuận lợi cho việc tạo hiệu ứng cho trang web Do phiên HTML thường kèm với CSS Nguyên tắc phân hủy tái sinh : Trong HTML5 bỏ số thẻ không cần thiết so với phiên trước , , , , , , , , , , , , , nhận thấy thẻ trở nên rườm rà, phức tạp khơng cịn cần thiết trước Nguyên tắc kết hợp Nguyên lý vạn : HTML5 có cải tiến đáng kể kết hợp ngôn ngữ HTML phiên trước với số tiện ích ngơn ngữ khác để nâng cao tiện ích Bằng việc phân định rõ ràng cấu trúc nội dung bên trang web, thêm thẻ , , , , … chức lưu trữ ngoại tuyến, thẻ hỗ trợ đồ họa tương tác , ,… Do đó, HTML5 khơng cần tham gia hỗ trợ bên thứ ba, plugin hỗ trợ ngôn ngữ khác Javascrip, Ajax, ASP.NET , [17] Nguyễn Thị Thu Trang – CH1101147 Nguyên tắc tự phục vụ : Khi nhận thấy việc cần thiết phải tạo thêm số đối tượng phức tạp thường sử dụng kiểu datepicker thay nhúng ngôn ngữ khác sử dụng thư viện bổ trợ HTML5 phát triển thêm tượng mới, để tự phục vụ, tự đáp ứng nhu cầu người phát triển Nguyên tắc đồng : Tất phiên HTML sau kế thừa tất đặc điểm phiên trước HTML5 hỗ trợ tất thành phần HTML bản, tính xem cũ lỗi thời, hỗ trợ thứ mà tồn HTML, mang tính tương thích với tính cũ Nguyên tắc thực sơ : Để đảm bảo phát triển mong muốn HTML5 để trở thành định dạng cho trang web sau HTML5 từ từ bước chặng đường hoàn thiện tới năm 2022, đảm bảo đươc ổn định thuộc tính Thực tương thích trình duyệt web IV Kết luận Phương pháp luận sáng tạo khoa học môn khoa học giúp người hành động tư có định hướng, kế hoạch hóa cách đắn Nó có mục đích tổ chức hợp lý làm tích cực hóa tư sáng tạo, có tính logic linh động Về mặt logic, có tác dụng phân nhỏ tốn sáng chế thành phần, vừa sức với người giải bình thường Về mặt linh động, khai thác tới mức lớn mặt mạnh người giải kiến thức, kinh nghiệm, trí tưởng tượng, linh tính hạn chế mặt yếu tính ì tâm lý, phân tán suy nghĩ Phương pháp luận sáng tạo khoa học giúp nâng cao hiệu suất tư sáng tạo giải vấn định Vai trò Phương pháp luận sáng tao khoa học to lớn sống, lĩnh vực lĩnh vực công nghệ thông tin Áp dụng theo phương pháp, nguyên tắc, nguyên lý sáng tạo, thấy phát triển mạnh mẽ cơng nghệ thơng tin, trình bày phát triển ngôn ngữ HTML Sự tồn bền vững ngôn ngữ đến hứa hẹn tương lai thống trị sau minh chứng rõ cho ảnh hưởng tích cực Phương pháp luận sáng tạo khoa học [18] Phương pháp luận sang tạo khoa học Tài liệu tham khảo [3] Bài giảng “Phương pháp nghiên cứu khoa học tin học” – GS,TSKH Hồng Kiếm, trường Đại học Cơng nghệ thơng tin – Đại học Quốc gia thành phố Hồ Chí Minh “Phương pháp luận sáng tạo khoa học – kỹ thuật giải vấn đề định” – Phan Dũng, Trung tâm sáng tạo khoa học kỹ thuật trường Đai học Khoa học tự nhiên – Đại học Quốc gia thành phố Hồ Chí Minh http://www.slideshare.net/offir.a/html5overviewoa [4] http://en.wikipedia.org/wiki/HTML5 [5] http://answers.oreilly.com/topic/983-html-5-overview/ [6] http://lsntap.org/sites/all/files/html5/intro.html [7] http://slides.html5rocks.com/#landing-slide [8] http://www.w3.org/People/Raggett/book4/ch02.html [9] http://en.wikipedia.org/wiki/HTML [1] [2] [10] http://infomesh.net/html/history/early/ [11] http://www.yourhtmlsource.com/starthere/historyofhtml.html [12] http://html5tutorial.net/general/which-browsers-support-html5.html [19] ... với HTML cho phép nhà thiết kế thỏa sức sáng tạo Do gần thấy số lượng website viết HTML5 tăng đáng kể III Áp dụng nguyên lý sáng tạo khoa học để xử lý vấn đề Quá trình phát triển ngôn ngữ HTML. .. nghệ thông tin Áp dụng theo phương pháp, nguyên tắc, nguyên lý sáng tạo, thấy phát triển mạnh mẽ công nghệ thông tin, trình bày phát triển ngôn ngữ HTML Sự tồn bền vững ngôn ngữ đến hứa hẹn tương... Áp dụng nguyên lý sáng tạo khoa học để xử lý vấn đề 17 IV Kết luận .18 V Tài liệu tham khảo 19 Phương pháp luận sang tạo khoa học I 40 Nguyên tắc sáng tạo: 1.1 Nguyên
