Các nguyên lý sáng tạo ứng dụng trong công nghệ web thế hệ mới

ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN  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 CÁC NGUYÊN LÝ SÁNG TẠO ỨNG DỤNG TRONG CÔNG NGHỆ WEB THẾ HỆ MỚI Giảng viên hướng dẫn : GS-TSKH Hoàng Văn Kiếm Học viên thực : Nguyễn Trí Đức Lớp : KHMT K18 Mã số : 02 08 480110 TP.HCM, 12/2012 Nguyễn T rí Đức- KHMT K18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com LỜI NÓI ĐẦU "Phương pháp luận sáng tạo" mơn khoa học có mục đích trang bị cho người học hệ thống phương pháp, kỹ thực hành suy nghĩ để giải vấn đề định cách sáng tạo, lâu dài, tiến tới điều khiển tư Mỗi người đời gặp vấn đề, từ chuyện mua sắm, học hành, quan hệ giao tiếp đến chọn ngành nghề, nơi ở, thu nhập, xã hội… phải suy nghĩ để giải định xem phải làm làm Như thấy đối tượng mục đích mơn khoa học lại gần gũi với người Theo nhà nghiên cứu, khoa học ứng với "làn sóng thứ tư" q trình phát triển lồi người, sau nơng nghiệp, cơng nghiệp tin học Làn sóng thứ tư ứng với Creatology (hay gọi thời đại hậu tin học) nhấn mạnh vai trị chủ thể tư sáng tạo loài người kỷ XXI Sau tham dự môn học “Phương pháp nghiên cứu khoa học” trường Đại học khoa học tự nhiên thầy GS-TSKH Hoàng Văn Kiếm giảng dạy , tơi có kiến thức nguyên lí sáng tạo Vận dụng nguyên lí sáng tạo vào nghiên cứu khoa học quan trọng Nó giúp ứng dụng sáng tạo hoạt động linh hoạt hiệu quả, mang lại kết ưu việt nhất; đồng thời chống lại thói quen suy nghĩ theo lối mịn tính ì Thời gian qua, tơi tìm hiểu lịch sử phát triển công nghệ web Trong phạm vi đề tài này, muốn chia thông tin hiểu biết thân tơi tìm hiểu từ HTML CSS3 sở áp dụng phương pháp lí luận sáng tạo Nguyễn T rí Đức- KHMT K18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com NHẬN XÉT CỦA GIẢNG VIÊN HƯỚNG DẪN Nguyễn T rí Đức- KHMT K18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com MỤC LỤC NHẬN XÉT CỦA GIẢNG VIÊN .3 PHẦN I HTML5 .6 Lịch sử phát triển HTML .6 Các nguyên tắc sáng tạo áp dụng giai đoạn đầu HTML .7 Những điểm tron g HTM L Form nhập liệu 12 Tag HTM L 13 HTM L Drag drop 15 Web Storage Application Cache 15 Tiện ích HTM L5 16 Các nguyên tắc sáng tạo áp dụng HTM L 18 Nguyên tắc rẻ thay cho đắt .18 Nguyên tắc tách khỏi 18 Nguyên tắc kết hợp 19 Nguyên tắc phân nhỏ 20 Nguyên tắc vạn 20 Nguyên tắc dự phòng 21 Nguyên tắc sử dụng trung gian .21 Nguyên tắc thực sơ 21 Nguyên tắc liên tục tác động có ích 22 PHẦN II CSS .23 Lịch sử phát triển CSS 23 Các nguyên tắc sáng tạo giai đoạn đầu CSS .23 Những điểm tron g CSS 25 Nguyễn T rí Đức- KHMT K18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Các nguyên tắc sáng tạo ứng dụng CSS .28 Nguyên tắc chuyển sang chiều khác 28 Nguyên tắc phân nhỏ 28 Nguyên tắc rẻ thay cho đắt 28 Nguyên tắc vạn 28 Nguyên tắc thay đổi màu sắc 29 PHẦN III 40 nguyên lý sáng tạo 30 KẾT LUẬN .39 TÀI LIỆU THAM KHẢO .40 Nguyễn T rí Đức- KHMT K18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com PHẦN I HTML5 Lịch sử phát triển HTML HTML viết tắt cụm từ HyperText Markup Language (Ngôn ngữ đánh dấu siêu văn bản), 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 lại hình thành q trình khó phân định 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 trải qua phiên gồm HTML phiên (1991), HTML (1994), HTML (1997) Qua phiên phát triển, HTML ngày có nhiều thẻ mới, tính tính đơn giản hóa ngày cao Nguyễn T rí Đức- KHMT K18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com HTML đươc phát triển vào năm 1997 phiên thành công sử dụng phổ biến Với nhiều thẻ Button, FieldSet, Frame, Iframe, Legend, Span v.v… Ngoài ra, HTML cịn hỗ trợ hiển thị hầu hết ngơn ngữ giới dựa chuẩn Universal Character Set, phiên trước hiển thị theo chuẩn ISO-8859-1 HTML cịn hỗ trợ số tính quan trọng sau:  Hỗ trợ ngơn ngữ lập trình client-script nhúng thêm tập tin script bên vào Hỗ trợ kiện client-script onclick, onchange v.v… cho thẻ Đặc biệt HTML4 hỗ trợ CSS với thuộc tính ID, Class Style Ba thuộc tính giúp thẻ liên kết với style khai báo CSS  Việc tích hợp với CSS có ý nghĩa quan trọng cho nhà thiết kế web Họ sử dụng CSS chung cho thẻ có kiểu hiển thị thoải mái s tạo giao diện mà không tốn công sức trước (khai báo thuộc tính kiểu cho thẻ) Các nguyên tắc sáng tạo áp dụng giai đoạn đầu HTML - Nguyên tắc phân nhỏ: Chia thẻ thành nhiều phần Header, Body Mỗi phần đảm nhận chức riêng - Nguyên tắc phẩm chất cục bộ: Mỗi thẻ HTML có tính riêng có thuộc tính riêng thẻ - Nguyên tắc kết hợp: Nguyễn T rí Đức- KHMT K18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Kết hợp HTML với CSS để dễ dàng thao tác style dùng chung cho thẻ HTML Kết hợp với client-script javascript hay vbscript để giúp cho trang web thêm phần linh động mềm dẻo, giúp kiểm tra tính hợp lệ trước gửi yêu cầu xuống server xử lý, giảm thiểu việc truyền tải thông tin không cần thiết - Nguyên tắc thay đổi màu sắc: Trong thẻ HTML, số thuộc tính giúp thay đổi màu sắc cho trang web thuộc tính bgcolor, fontcolor…… - Nguyên tắc chứa trong: Các thuộc tính chứa bên thẻ HTML Ví dụ: Thuộc tính border chứa thẻ table - Nguyên tắc tách khỏi: Không phải tất nội dung source HTML hiển thị, có số nội dung HTML tách khỏi, không thị lên trang HTML.Comments phần riêng trang HTML, khơng hiển thị trình duyệt mà có nhiệm vụ lưu lại ghi giải thích đoạn mã HTML Việc tách CSS thành ngơn ngữ riêng thay tích hợp thành thuộc tính thẻ HTML - Nguyên tắc đồng nhất: Mỗi thẻ HTML đồng quy tắc, ln có cặp thẻ gồm thẻ mở, thẻ đóng Mỗi thẻ HTML khai báo phải ln có thẻ đóng Ví dụ: … Mỗi trang HTML phải khai báo phiên sử dụng trang Ví dụ: Nếu trang web sử dụng HTML 3.2 Final phải khai báo là: Nguyễn T rí Đức- KHMT K18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com - Nguyên tắc dự phịng: Việc nhìn vào mã HTML phức tạp thẻ có nhiều thẻ bên Điều gây cho người đọc khó hiểu, nên thẻ hỗ trợ cho việc ghi chú, tóm tắt lại nội dung đoạn mã HTML hỗ trợ nhiều việc chèn ký tự vào nội dung hiển thị mà không hỗ trợ siêu văn ký tự “” Nếu muốn sử dụng kí tự đặc biệt này, phải dùng mã hóa tương ứng Ví dụ: “<”  “”, “&” Những điể m HTML HTML5 mang lại cho người dùng trải nghiệm lướt Web hoàn toàn mới, nhanh hơn, ổn định bảo mật HTML5 giúp nội dung Web hoạt động tốt mà không cần phụ thuộc vào ứng dụng phụ trợ khác HTML5 – Mang đến sức sống cho We b Khơng mang lại lợi ích to lớn hoạt động nhanh, ổn dịnh bảo mật Bên cạnh đó, HTML5 có khả hỗ trợ API (Application Programming Interface) DOM (Document Object Model) cho phép dễ dàng mở rộng, giúp nhà phát triển tự sáng tạo việc tạo ứng dụng thân thiện hữu ích Nguyễn T rí Đức- KHMT K18 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Với HTML5, nhà phát triển cần xây dựng ứng dụng lần, hoạt động tốt tất thiết bị, không Flash Silverlight đòi hỏi phải cài đặt plugin để hiển thị nội dung HTML5 – Nội dung đa dạng hơn, hỗ trợ tốt Huyền thoại Steve Jobs đưa quan điểm rõ ràng, Flash không xuất thiết bị di động Apple, đưa ủng hộ tuyệt đối vào HTML5 Quan điểm thể rõ ràng Steve Jobs viết thư đăng trang chủ Apple để thể quan điểm xóa tan mong muốn đưa Flash lên iOS người dùng Bên cạnh lợi ích mà HTML5 mang lại, giới phát triển hạn chế lớn Flash, bất ổn định, làm thiết bị hoạt động nóng hao pin hơn, phải yêu cầu cài Plugin để hoạt động Và Flash tối ưu cho thiết bị di động vấn đề PIN thiết bị mối quan tâm lớn người dùng Hiện nay, nhiều trang web dịch vụ lớn chuyển sang dùng HTML5, kể đến số Youtube, Nokia Maps… Ngồi ra, nhiều games xây dựng HTML5 xuất hiện, số có games tiếng Angry Bird, Fieldrunners… Cho thấy HTML5 ngày quan tâm phát triển nhiều HTML5 thay Flash Với quan tâm ngày lớn mà nhà phát triển dành cho HTML5 cho thấy thời gian tới, HTML5 ngày phát triển mạnh mẽ Đây điều bất ngờ, với mà HTML5 mang lại, lựa chọn thực đắn người sử dụng Web hưởng lợi nhiều Và ngày 09/11 đánh dấu bước tiến quan trọng HTML5 chinh Adobe tuyên bố ngừng phát triển Flash thiết bị di động mà thay vào tập trung phát triển HTML5 Với giới cơng nghệ, bước ngoặt quan trọng Adobe cho biết họ tung sửa lỗi, không phát Nguyễn T rí Đức- KHMT K18 10 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Các chọn thuộc tính: E[foo^="bar"] Chọn phần tử, E, mà thuộc tính foo bắt đầu xác chuỗi bar E[foo$="bar"] Chọn phần tử, E, mà thuộc tính foo kết thúc xác chuỗi bar E[foo*="bar"] Chọn phần tử, E, mà thuộc tính foo chứa chuỗi bar Các lớp-giả có cấu trúc E:root Chọn phần tử, E, gốc tài liệu (thẻ ) E:nth-child(n) Chọn phần tử, E, phần tử thứ n phần tử cha mẹ E:nth-last-child(n) Chọn phần tử, E, phần tử cuối thứ n phần tử cha mẹ E:nth-of-type(n) Chọn phần tử, E, phần tử anh chị em thứ n kiểu Các hiệu ứng Các hiệu ứng đơn giản hóa thơng qua loạt đặc tính CSS mới,bao gồm: • • hình bóng-hộp (bóng rơi hộp • mẫu-nền khơng có hình ảnh) • gốc-nền • kích thước-hộp • kích thước-nền • độ mờ • bán kính-đường viền (các góc • khoảng trống-đường bao làm trịn) • chỉnh lại kích thước • hình ảnh-đường viền • tràn-văn • màu sắc-đường viền (các đườmg viền • hình bóng-văn gradient) • bọc-từ Tham khảo http://ntuts.com/css3 Nguyễn T rí Đức- KHMT K18 26 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Các phông chữ Web Các phông chữ Web thực đề xuất cho CSS2 có sẵn Microsoft Internet Explorer từ phiên việc đòi hỏi sử dụng định dạng phông chữ eot độc quyền (Embedded Open Type - Kiểu mở nhúng), không số nhà cung cấp trình duyệt khác lại chọn triển khai Do phơng chữ Web khơng thực chọn trang Web dựa vào CSS2 Tuy nhiên, với phiên trình duyệt Firefox, Safari, Chrome, Opera, sử dụng quy tắc @font-face để sử dụng phông chữ cấp phép ttf (TrueType) otf (OpenType) trang Web Có thể sử dụng phông chữ theo quy tắc CSS riêng lập trình viên, chẳng hạn như: article p { font-family: Alexa, Arial, Helvetica, sans-serif; } Các tính khác CSS3 bao gồm nhiều tính khác, gồm hỗ trợ cho giá trị màu mới, đặc biệt HSL (Hue, Saturation, Lightness) hai giá trị màu có đặc tính alpha — RGBA (Red, Green, Blue, Alpha) HSLA (Hue, Saturation, Lightness, Alpha) Nguyễn T rí Đức- KHMT K18 27 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Các nguyên tắc sáng tạo ứng dụng CSS Nguyên tắc chuyển sang chiều khác Thay phải sử dụng hình ảnh để hiển thị màu Gradient, bo trịn góc xoay khung làm việc, CSS 3, cần vài lệnh CSS đơn giản để thực việc Điều giúp cho nhà thiết kế web rút ngắn thời gian chỉnh sửa hình ảnh việc thay đổi màu sắc, hình dạng trang web dễ dàng Nguyên tắc phân nhỏ CSS3 có chức phân nhỏ đối tượng khai báo thành nhiều dạng tương ứng với thẻ, id class CSS3 phân nhỏ để xử lý kiểu cho số kiện CSS3 có hỗ trợ riêng cho trình duyệt, áp dụng cho FireFox thêm prefix “-moz-“ phía trước thuộc tính, “-O-“ cho Opera, -webkit- cho Internet Explorer Nguyên tắc rẻ thay cho đắt Các hiệu ứng chuyển động Animation, chuyển động đơn giản thay số thành phần trang web banner quảng cáo Với CSS việc làm thẻ HTML chuyển động khơng thể Khi đó, muốn trang web sinh động, người thiết kế web phải thêm vào plug-in khác Flash hay phải sử dụng jQuery Việc trình duyệt tự động biên dịch mã CSS giúp giảm tải cho server Các hình ảnh thường nhiều ảnh hưởng đến việc truyền tải liệu Do đó, truyền tải liệu cho máy khách truyền số mã lệnh CSS đơn giản hiệu quả, nhanh so với truyền nhiều hình ảnh xuống máy khách Nguyên tắc vạn CSS thiết kết để hỗ trợ tất trình duyệt từ smartphone đến desktop Các khai báo CSS đơn giản lại linh động việc hiển thị giao diện hình Nguyễn T rí Đức- KHMT K18 28 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Trong website, muốn sử dụng chuyển động, hiệu ứng cho thẻ HTML cần phải có thêm hỗ trợ Flash, Jquery hay Javascript Nhưng với CSS 3, việc đơn giản cần khai báo CSS với hiệu ứng chuyển động cho thẻ HTML Nguyên tắc thay đổi màu sắc Trong phiên trước, CSS thị màu thẻ HTML Để sử dụng màu Gradient thẻ cần phải đặt thuộc tính image-background hình màu Gradient CSS khắc phục điểm đó, thay phải truyền tải hình xuống trình duyệt phía máy khách, cần truyền tải đoạn mã CSS trình duyệt tự động biên dịch thành màu mong muốn Nguyễn T rí Đức- KHMT K18 29 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com PHẦN III 40 nguyên lý sáng tạo Nguyên tắc phân nhỏ: Nội dung: Chia đối tượng thành thành phần nhỏ hơn, độc lập nhau, để giải thành phần Ví dụ: bàn ghế giường tủ thường đóng từ nhiều mảnh ván ghép lại với Mỗi mảnh ván vừa dễ tìm, vận chuyển dễ dàng tháo rời Không lại kiếm thân bàn ngồi đẽo cho bàn Nguyên tắc tách khỏi đối tượng: Nội dung: Tách thành phần đặc biệt khỏi đối tượng, thành phần quan trọng, dễ hư hỏng Ví dụ: Đối với loại thiết bị điện có sử dụng pin, thường tuổi thọ pin ngắn nhiều so với thiết bị Do người ta thiết kế để tháo pin khỏi thiết bị để thay hết pin Nguyên tắc phẩm chất cục Nội dung: Mỗi thành phần đối tượng đóng vai trò khác hoạt động điều kiện khác hoạt động đối tượng Chính mà thành phần cần có phẩm chất khác để phù hợp với tình Ví dụ: Để bảo vệ sách, bìa sách thường làm dày thành phần lại Nguyên tắc phản đối xứng Nội dung: Chuyển đối tượng có hình dạng đối xứng thành khơng đối xứng Ví dụ: Các loại xe bánh muốn đứng phải có độ nghiêng so với phương thẳng đứng dùng chân chống Việc phá vỡ đối xứng làm cho xe đứng vững Nguyên tắc kết hợp Nội dung: Kết hợp đối tượng khác để thực cơng việc chung Ví dụ: Nhiều chià khoá kết hợp lại thành chùm chià khoá, tránh thất lạc Bút chì thường chung với cục tẩy Nguyên tắc vạn Nội dung: Đối tượng thực số chức khác (mà không cần thêm hỗ trợ từ đối tượng khác) Ví dụ: Điện thoại di động vừa nghe gọi, vừa nghe nhạc xem phim 7.Nguyên tắc “chứa trong” Nguyễn T rí Đức- KHMT K18 30 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nội dung: Một đối tượng đặt bên đối tượng khác thân lại chứa đối tượng nhỏ "Chứa trong" cần hiểu theo nghiã rộng, không đơn theo nghiã khơng gian Ví dụ, khái niệm nằm khái niệm khác, lý thuyết nằm lý thuyết khác, chung Ví dụ: Có nhiều định lí chứa tiên đề Đến cần thiết sử dụng định lí để chứng minh mà khơng cần làm thao tác chứng từ tiên đề tới định lí Nguyên tắc phản trọng lượng Nội dung: ngun tắc có nghĩa bù trừ Ví dụ: loại lưới đánh cá, để lưới thẳng đứng mơi trường nước, người ta dùng chì (phần nặng) để đơm vào phía đáy lưới, cịn phao (phần nhẹ) để đơm vào phía đầu lưới Khi thả lưới, chì chìm xuống, phao lên làm lưới thẳng đứng, cá di chuyển ngang qua bị dính lại 9.Nguyên tắc gây ứng suất sơ Nội dung: 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 ) Muốn thu kết cần phải thực Tinh thần chung nguyên tắc muốn gặt phải gieo trồng, chăm bón, đầu tư từ trước Ví dụ: Khí, gas nén bình chứa mở dùng dần nhờ áp suất cao bình 10 Nguyên tắc thực sơ Nội dung: Thực trước thay đổi cần có, làm trước số bước, hoàn toàn phần, đối tượng Thủ thuật địi hỏi phải tính đến khả thực trước phần toàn lợi nhiều so với thực (hiểu theo nghiã tương đối) Cần có chuẩn bị trước cách tồn diện, chu đáo thực trước thực Ví dụ: Các loại giấy tờ in sẵn trước phần chung cho tất người để tiết kiệm thời gian, cần điền vào chỗ trống Đặc biệt giấy thăm dò ý kiến, câu trả lời in sẵn, người hỏi ý kiến việc đánh dấu xong 11 Nguyên tắc dự phòng Nội dung: 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 Nguyễn T rí Đức- KHMT K18 31 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Thực quản lí rủi ro Việc làm làm tăng thêm chi phí, nhiên làm g iảm đáng kể hư hại xảy gặp cố Nó cần kế hoạch, dự án, cơng việc khơng có đảm bảo thành cơng tuyệt đối Ví dụ: Các phương tiện báo cháy, phòng cháy, chữa cháy, phao, xuồng cấp cứu tàu thủy, bảo hiểm thân thể, sức khỏe 12 Nguyên tắc đẳng Nội dung: Thay đổi điều kiện làm việc để nâng lên hay hạ xuống đối tượng Tinh thần chung nguyên tắc phải đạt kết cần thiết với lượng, chi phí Ví dụ: Đường lên núi làm theo kiểu xốy trơn ốc để đường dốc thoai thoải, dễ leo 13 Nguyên tắc đảo ngược Nội dung: Thay hành động yêu cầu toán, hành động ngược lại Bản thân việc tượng chưa mặt đối lập, thành phần đối tượng có lợi hại cho đối tượng Làm ngược lại biến hại thành lợi, biến lợi thành hại, cho đối tượng có thêm chức năng, tính chất, khả Ví dụ: Loại băng chuyền chạy phía, người chạy phía ngược lại dùng để tập chạy nhà 14.Nguyên tắc cầu ( trịn ) hố Nội dung: 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, chuyển động thẳng thành chuyển động tròn Nguyên tắc cầu (trịn) hố nói lên đa dạng: đường thẳng có đường cong có vơ số Do cách tiếp cận khơng nên q cứng nhắc Ví dụ: Nhà hàng có bàn trịn quay quanh trục, để khách với tay gắp thức ăn 15 Nguyên tắc linh động Nội dung: 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 Tinh thần chung "nguyên tắc linh động" là, đối tượng phải có đa dạng phù hợp với thay đổi đa dạng bên để đem lại h iệu cao Nguyên tắc linh động tạo thống "tĩnh" "động", "cố định" "thay đổi" Ví dụ: Các loại bàn, ghế, giường xếp thay đổi độ cao, độ nghiêng Nguyễn T rí Đức- KHMT K18 32 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com 16 Nguyên tắc giải “thiếu” “thừa” Nội dung: 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 Tinh thần chung ngun tắc khơng nên q cầu tồn, chờ đợi điều kiện lý tưởng thực Trong nhiều tính chấp nhận kết mức tương đối ch phí thấp Ví dụ: loại kim loại thường luyện tới mức tinh khiết thấp 100%, bời mức 100% chi phí lớn 17 Nguyên tắc chuyển sang chiều khác Nội dung: Hãy nhìn vấn đề giải vấn đề theo hướng khác Cần rèn luyện cách nhìn đối tượng từ góc độ, "chiều" khác để thấy hết khiá cạnh, mặt, tính chất Ví dụ: loại tranh, tùy theo góc nhìn, thấy hình khác 18 Sử dụng dao động học Nội dung: Làm đối tượng dao động Nếu có dao động, tăng tầng số dao động Thủ thuật liên quan trực tiếp đến việc sử dụng kiến thức Dao động học, sóng âm tượng phổ biến tự nhiên Để sử dụng tốt tượng, hiệu ứng này, cần có hiểu biết chúng cách khoa học Ví dụ: Quả chng, ghế xích đu, võng, cầu bập bênh cho trẻ em chơi 19 Nguyên tắc tác động theo chu kỳ Nội dung: Chuyển tác động liên tục thành tác động theo chu kỳ Nguyên tắc tác động theo chu kỳ cịn có ý nghiã người khơng riêng máy móc Ví dụ, kết nghiên cứu cho thấy, ánh sáng nhấp nháy, âm thay đổi ngắt quãng gây s ự ý tốt chiếu sáng liên tục âm đều Ví dụ: Các loại đèn chớp nháy dùng cho quảng cáo, khiêu vũ, tín hiệu báo động, giao thông 20 Nguyên tắc liên tục tác động có ích Nội dung: 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) Nguyên tắc phản ánh khuynh hướng phát triển, có tác dụng việc đánh giá, phê bình giải pháp có, đặt lực chọn tốn, dự báo phát triển Ví dụ: Ơ tơ vận tải, chuyến đi, chuyến phải chở hàng, tránh chạy không 21 Nguyên tắc “ vượt nhanh” Nguyễn T rí Đức- KHMT K18 33 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nội dung: 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 Nếu tác động nguy hiểm, có hại làm khơng cịn có hại cách gim thời gian tác động đến tối thiểu, nói cách khác, phải vượt thật nhanh để có độ an toàn cao Tinh thần chung nguyên tắc cần xem xét, ý đến khả làm tăng suất cơng việc Ví dụ: Để tránh đau đớn cho bệnh nhân, thao tác tiêm chủng, nhổ răng, nắn khớp xương thường làm nhanh 22 Nguyên tắc biến hại thành lợi Nội dung: 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 "Lợi" "hại" mang tính chủ quan tương đối Trên thực tế, hai mặt đối lập thực khách quan, vấn đề hại tìm lợi phục vụ người hài hòa với tự nhiên Ví dụ: Người ta biến sức tàn phá lũ lụt thành điện cách xây dựng hồ chứa nước nhà máy thuỷ điện 23 Nguyên tắc quan hệ phản hồi Nội dung: Thiết lập quan hệ phản hồi Nguyên tắc phản ánh khuynh hướng phát triển: làm tăng tính điều khiển đối tượng, tự động hố có ích cho việc suy nghĩ định hướng hay lựa chọn toán, cách tiếp cận, dự báo Ví dụ: Các loại rờle đóng ngắt tự động cho máy làm việc hay ngừng; tùy theo nhiệt độ, cường độ dòng điện, mực nước, áp suất, độ ẩm 24 Nguyên tắc sử dụng trung gian Nội dung: Sử dụng đối tượng trung gian, chuyển tiếp Trong số trường hợp, "trung gian" đòi hỏi khách quan, thiếu hoạt động hệ thống hiệu Ví dụ, tiền hàng hố trung gian, ta thử tưởng tượng khơng có tiền lưu thơng kinh tế Ví dụ: Việc sử dụng chất xúc tác phản ứng hoá học 25 Nguyên tắc tự phục vụ Nội dung: Đối tượng phải tự phục vụ cách thực thao tác phụ trợ, sửa chữa Nguyên tắc tự phục vụ phản ánh khuynh hướng phát triển: đối tượng dần tiến đến tự động thực cơng việc hồn tồn, nói cách khác, vai trị tham gia người dần tiến tới không Cao nữa, đối tượng nhân tạo thay Nguyễn T rí Đức- KHMT K18 34 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com q trình có sẵn tự nhiên "tự phục vụ" đạt mức lý tưởng Tinh thần nguyên tắc đặc biệt có ý nghiã việc giáo dục, đào tạo Phải để có người biết tự học, tự rèn luyện, tự giác hành động theo qui luật phát triển thực khác quan Ví dụ: Các cửa hàng tự giác, nhà ăn tự phục vụ 26 Nguyên tắc chép (copy) Nội dung: 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 Một vài tác dụng ví dụ: Từ "sao chép" cần hiểu theo nghiã rộng: phản ánh đối tượng, cần thiết cho việc giải toán, làm trực tiếp với đối tượng gặp khó khăn Ví dụ: Các loại đồ, sơ đồ, hình vẽ, ảnh chụp, đồ thị 27 Nguyên tắc “rẻ” thay cho “đắt” Nội dung: Thay đối tượng đắt tiền đối tượng rẻ có chất lượng (thí dụ tuổi thọ) "Rẻ" thay cho "đắt" có thêm tính chất sản xuất nhanh, nhiều, thay đổi mẫu mã, kiểu dáng nhanh chóng Cần ý tới khả nâng chất lượng kèm theo hạ giá thành đối tượng Để làm việc cần khai thác nguồn dự trữ có sẵn, đặc biệt nguồn dự trữ trời cho không tiền Ví dụ: Ly chén diã giấy nhựa rẻ tiền, dùng lần, đảm bảo vệ sinh, dùng nơi khơng có điều kiện rửa cần phải tiết kiệm thời gian 28 Thay sơ đồ học Nội dung: Thay sơ đồ học điện, quang, nhiệt, âm mùi vị Nguyên tắc phản ánh khuynh hướng phát triển: trước "cơ học" chuyển thành "không học" (dùng điện, từ, điện từ, ánh sáng ), trường mang tính chất "phẩm chất cục bộ" Điều làm tăng tính điều khiển tăng tính hiệu đối tượng sử dụng hiệu ứng mức vi mơ Ví dụ: Bàn tính, máy tính quay tay học chuyển sang máy tính điện, điện tử, quang-điện tử 29 Sử dụng kết cấu khí l ỏng Nội dung: 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 Nguyễn T rí Đức- KHMT K18 35 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Xét khiá cạnh đấy, kết cấu khí lỏng có ưu điểm chất rắn linh động, dễ điều khiển, mơi trường xung quanh ln có nhiều khơng khí nước, dễ khai thác Ví dụ: Tàu, xe chạy đệm khơng khí 30 Sử dụng vỏ dẻo màng mỏng Nội dung: Cách ly đối tượng với mơi trường bên ngồi vỏ dẻo màng mỏng Thủ thuật liên quan đến bề mặt, lớp ngăn cách đối tượng, có yêu cầu mà kết cấu khối không đáp ứng đáp ứng với mức độ hiệu khơng lớn Vỏ dẻo màng mỏng có nhiều ưu điểm nhẹ, linh động, chiếm khơng gian, có chức bảo vệ tốt, cho phép đối tượng có bề mặt đa dạng trang trí, mỹ thuật, tiết kiệm nguyên vật liệu Ví dụ: Các loại bao bì, túi nylong, áo mưa, khăn trải bàn nilong 31 Sử dụng vật liệu nhiều lỗ Nội dung: 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ủ ) Vật liệu nhiều lỗ có nhiều ưu điểm nhẹ, cách nhiệt, cách âm tốt, tiết kiệm nguyên vật liệu, dùng làm thiết bị lọc, có tổng diện tích nhỏ tổng diện tích lỗ lớn Ví dụ: Các loại bao bì, phương tiện đóng gói làm từ vật liệu xốp 32 Nguyên tắc thay đổi màu sắc Nội dung: Thay đổi màu sắc hay độ suốt đối tượng hay môi trường bên Trong năm giác quan người, thị giác phát triển đóng vai trị quan trọng nhất: 90% thông tin nhận từ giới bên ngồi qua đường thị giác Các hình vẽ, ký hiệu thích hợp có tác dụng, giúp cho suy nghĩ thoáng, thấy mối liên hệ phận Nếu có thể, nên vẽ sơ đồ khối, chúng giúp khơng thấy mà cịn thấy rừng Ví dụ: Bảng hiệu dùng sơn phát quang dễ nhìn bóng tối 33 Ngun tắc đồng Nội dung: 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 Nguyễn T rí Đức- KHMT K18 36 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Tinh thần cùa thủ thuật hiểu là, phải bảo đảm tăng tính tương hợp đối tượng, tương tác với đối tượng cho trước Sự tương hợp thể nhiều mặt, khơng riêng vật liệu Ví dụ: Phải chọn nhóm máu truyền 34 Nguyên tắc phân hủy tái sinh phần Nội dung: 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ồ tan, bay ) phải biến dạng Ví dụ: Tên lửa nhiều tầng, dùng xong phần nào, vứt bỏ tầng 35 Thay đổi c ác thơng số hố lý đối tượng Nội dung: Thay đổi trạng thái đối tượng: nồng độ, độ dẻo, nhiệt độ, thể tích Khi thay đổi thơng số, cần ý : lượng đổi, chất đổi" để có tính chất mà trước đây, đối tượng chưa có Ví dụ: Để giữ thực phẩm tươi lâu, không hỏng, người ta làm đông lạnh chúng 36 Sử dụng chuyển pha Nội dung: Sử dụng tượng nảy sinh trình chuyển pha : thay đổi thể tích, toả hay hấp thu nhiệt lượng Sử dụng hiệu ứng nảy sinh vào lúc chuyển pha, thường hiệu ứng mang tính nhảy vọt Sử dụng chuyển pha cách cụ thể hoá việc sử dụng nguồn dự trữ có sẵn đối tượng Ví dụ: Người ta thường cho nước đá vào đồ uống giải khát để làm mát chúng Ở sử dụng tượng hấp thu nhiệt lượng nước chuyển từ trạng thái rắn sang trạng thái lỏng 37 Sử dụng nở nhiệt Nội dung: Sử dụng nở (hay co) nhiệt vật liệu Ví dụ: Các loại nhiệt kế sử dụng hiệu ứng nở nhiệt 38 Sử dụng chất ơxy hố mạnh Nội dung: Thay khơng khí thường khơng khí giàu ơxy Ơxy cần cho cháy, nổ, thực phản ứng cần thiết, cho sống, thường dùng để làm trình xảy nhanh hơn, tạo lớp ơxít bảo vệ, cải tạo mơi trường bị nhiễm, chống vi trùng kị khí Ví dụ: Các bình nén chứa ơxy dùng cho cắt hàn kim loại, dùng cho y tế 39 Thay đổi độ trơ Nguyễn T rí Đức- KHMT K18 37 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nội dung: Thay môi trường thông thường mơi trường trung hịa, đưa vào chất, phụ gia trung hịa Thủ thuật có phần ngược với 38 sử dụng chất ơxy hố mạnh, sử dụng để tránh nhũng q trình ơxy hố khơng mong muốn Ví dụ: Các loại bóng đèn hút chân khơng bơm khí trơ 40 Sử dụng vật liệu hợp thành (composite) Nội dung: 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 Vật liệu hợp thành (composite), loại vật liệu gồm nhiều thành phần cấu tạo nên, có tính chất mà khơng thể qui tính chất thành tính chất thành phần riêng rẽ Hướng nghiên cứu, chế tạo loại vật liệu mới, có tính chất độc đáo, thoả mãn nhu cầu phát triển ln mang tính thời Các vật liệu hợp thành, tạo tính hệ thống, ngày sử dụng rộng rãi kỹ thuật đời sống Ví dụ: Vật liệu cịn làm gậy trượt tuyết bền nhẹ so với gậy nhôm, gậy trúc Sào nhảy cao Nguyễn T rí Đức- KHMT K18 38 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com KẾT LUẬN Qua tất phân tích, nhìn nhận thu hoạch này, thấy rõ vai trò 40 nguyên tắc sáng tạo tất lĩnh vực đời sống đặc biệt lĩnh vực tin học Mỗi nguyên tắc không gợi cho ta hướng để giải vấn đề mà thân câu trả lời mà ta tìm kiếm Thật vậy, dù muốn hay khơng, dù cố ý hay vơ tình ngun tắc nằm sản phẩm sáng tạo Do đó, việc nắm vững 40 nguyên tắc sáng tạo coi việc thiết yếu, điều cốt lõi mang đến sản phẩm sáng tạo thành công Hiện việc đẩy mạnh hoạt động khoa học, sáng tạo trở nên cấp thiết hết Và đường ngắn dẫn đến hoạt động sáng tạo nắm vững vận dụng 40 nguyên tắc sáng tạo vào hoạt động bình thường HTML CSS phổ biến rộng rãi trước Hy vọng với tính hiệu suất vượt trội so với phiên cũ HTML CSS dần thay trở thành phổ biến internet Nguyễn T rí Đức- KHMT K18 39 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com TÀI LIỆU THAM KHẢO Phan Dũng, Phương pháp luận sáng t ạo khoa học kỹ thuật Slide P hương pháp nghiên cứu khoa học tin học, GS.T SKH Hồng Kiếm Giải tốn máy tính nào, GS.T SKH Hồng Kiếm Website tham khảo: http://html5vn.net/ http://ntuts.com/css3 http://noteandpoint.com/documents/pdf/html5css3.pdf http://danweb.vn/thiet-ke-website/ http://www.css.vn/ http://en.wikipedia.org/wiki/HTML http://www w3schools.com/html5/default.asp http://html5demos.com/ http://www.canvasdemos.com Nguyễn T rí Đức- KHMT K18 40 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ... liêu (XML DOM) phần nguyên tắc thiết lập (CSS) để kết nối văn bản, audio, video Đồ họa Công nghệ web nên dễ dàng phổ biến có tiêu chuẩn thống Các nguyên tắc sáng tạo áp dụng HTML Nguyên tắc rẻ thay... Các nguyên tắc sáng tạo áp dụng HTM L 18 Nguyên tắc rẻ thay cho đắt .18 Nguyên tắc tách khỏi 18 Nguyên tắc kết hợp 19 Nguyên tắc phân nhỏ 20 Nguyên. .. nằm sản phẩm sáng tạo Do đó, việc nắm vững 40 nguyên tắc sáng tạo coi việc thiết yếu, điều cốt lõi mang đến sản phẩm sáng tạo thành công Hiện việc đẩy mạnh hoạt động khoa học, sáng tạo trở nên