Giáo trình Công nghệ XML (Ngành Hệ thống thông tin)

ỦY BAN NHÂN DÂN THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG CAO ĐẲNG KINH TẾ KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH  GIÁO TRÌNH MƠN HỌC : CƠNG NGHỆ XML NGHỀ: HỆ THỐNG THƠNG TIN TRÌNH ĐỘ: CAO ĐẲNG (Ban hành kèm theo Quyết định số: /QĐ-CĐKTKT ngày tháng năm 20 Hiệu trưởng Trường Cao đẳng Kinh tế - Kỹ thuật Thành phố Hồ Chí Minh) Thành phố Hồ Chí Minh, năm 2020 ỦY BAN NHÂN DÂN THÀNH PHỐ HỒ CHÍ MINH TRƯỜNG CAO ĐẲNG KINH TẾ KỸ THUẬT THÀNH PHỐ HỒ CHÍ MINH  GIÁO TRÌNH MƠN HỌC: CƠNG NGHỆ XML NGHỀ: HỆ THỐNG THƠNG TIN TRÌNH ĐỘ: CAO ĐẲNG THÔNG TIN CHỦ NHIỆM ĐỀ TÀI Họ tên: Huỳnh Khắc Duy Học vị: Thạc sỹ Đơn vị: Khoa Công Nghệ Thông Tin Email: huynhkhacduy@gmail.com TRƯỞNG KHOA TỔ TRƯỞNG BỘ MÔN CHỦ NHIỆM ĐỀ TÀI Huỳnh Khắc Duy HIỆU TRƯỞNG DUYỆT Năm 2020 KHOA CÔNG NGHỆ THÔNG TIN TUYÊN BỐ BẢN QUYỀN Tài liệu thuộc loại sách giáo trình nên nguồn thơng tin phép dùng nguyên trích dùng cho mục đích đào tạo tham khảo Mọi mục đích khác mang tính lệch lạc sử dụng với mục đích kinh doanh thiếu lành mạnh bị nghiêm cấm KHOA CÔNG NGHỆ THÔNG TIN LỜI GIỚI THIỆU Hiện việc ứng dụng Công nghệ thông tin vào ngành nghề khác trở nên phổ biến, nhiều lĩnh vực Cơng nghệ thơng tin góp phần làm cho công việc trở nên thuận lợi Môn công nghệ XML mơn học giúp sinh viên có kiến thức tảng công nghệ XML ứng dụng XML để xây dựng ứng dụng thực tế Giáo trình cung cấp cho người học kiến thức từ chuyên sâu công nghệ XML …………., ngày……tháng……năm……… Tham gia biên soạn Huỳnh Khắc Duy KHOA CÔNG NGHỆ THÔNG TIN MỤC LỤC CHƯƠNG GIỚI THIỆU XML 12 1.1 Thế giới XML 12 1.2 Trình soạn thảo 15 1.3 Cấu trúc tài liệu XML 15 1.4 Không gian tên XML 21 CHƯƠNG SỰ HỢP LỆ 25 2.1 Document Type Definition (DTD) 25 2.2 Lược đồ XML (XML Schemas) 36 CHƯƠNG XỬ LÝ TÀI LIỆU XML 52 3.1 Mơ hình DOM 52 3.2 Ngôn ngữ Xpath 76 3.3 XSLT 85 CHƯƠNG CƠ SỞ DỮ LIỆU 102 4.1 XQuery 102 4.2 XML sở liệu .138 CHƯƠNG LẬP TRÌNH 146 5.1 Lập trình hướng kiện 146 5.1.1 LINQ to XML 147 CHƯƠNG GIAO TIẾP 158 6.1 RSS ATOM CONTENT Syndication 158 6.2 Web service 171 6.3 SOAP WSDL 173 6.4 AJAX 179 CHƯƠNG HIỂN THỊ 184 7.1 XHTML HTML 184 7.2 Scalable vector Graphics (SVG) 194 KHOA CÔNG NGHỆ THÔNG TIN GIÁO TRÌNH MƠN HỌC/MƠ ĐUN Tên mơn học: Cơng nghệ XML Mã mơn học: MH3101343 Vị trí, tính chất, ý nghĩa vai trị mơn học: - Vị trí: mơn học chun ngành, học kỳ - Tính chất: mơn học lý thuyết, mơn bắt buộc - Ý nghĩa vai trị mơn học: Mục tiêu mơn học: - Về kiến thức: + Phân tích cấu trúc tài liệu XML + Phân biệt DTDs lược đồ XML + Liệt kê bước xử lý tài liệu XML DOM, SAX, Xquery, Xpath + Xác định vần đề cần thiết cho web service + Đưa bước suy luận sở liệu với XML - Về kỹ năng: + Tạo tài liệu XML + Chuyển thể tài liệu XML với XSLT + Đặc tả cấu trúc XML với DTD Schema + Phát triển chương trình làm việc sở liệu với XML + Xây dựng web service - Về lực tự chủ trách nhiệm: + Rèn luyện thói quen tự giác nghiên cứu học trước đến lớp + Tạo thói quen làm tập thực hành thường xuyên KHOA CÔNG NGHỆ THÔNG TIN III Nội dung môn học: Nội dung tổng quát phân bổ thời gian: Thời gian (giờ) Số TT Tên chương, mục Chương Giới thiệu XML 1.1 Thế giới XML 1.2 Trình soạn thảo 1.3 Cấu trúc tài liệu XML 1.4 Không gian tên XML Chương Sự hợp lệ 2.1 Document Type Definition (DTD) 2.2 Lược đồ XML (XML Schemas) Chương Xử lý tài liệu XML 3.1 Mô hình DOM 3.2 Ngơn ngữ Xpath 3.3 XSLT Chương Cơ sở liệu 4.1 XQuery 4.2 XML sở liệu Chương Lập trình 5.1 Lập trình hướng kiện 5.2 LINQ to XML Chương Giao tiếp 6.1 RSS ATOM CONTENT Syndication 6.2 Web service 6.3 SOAP WSDL 6.4 AJAX Chương Hiển thị 7.1 XHTML HTML 7.2 Scalable vector Graphics (SVG) Cộng Nội dung chi tiết: Tổng số Lý thuyết Thực hành 10 10 10 10 10 15 10 10 75 15 56 Chương Giới thiệu XML Kiể m Tra 2 Thời gian: 10 Mục tiêu: - Phát biểu hình thành phát triển XML - Trình bày cấu trúc tài liệu XML kiểm tra khn dạng - Khai báo khơng gian tên trang XML KHOA CÔNG NGHỆ THÔNG TIN -Vận dụng trình soạn thảo để tạo tập tin XML Nội dung: 1.1 Thế giới XML 1.2 Trình soạn thảo 1.3 Cấu trúc tài liệu XML 1.4 Không gian tên XML Chương Sự hợp lệ Thời gian: 10 Mục tiêu: - Trình bày khái niệm DTD XML Schemas lợi ích chúng - Sử dụng DTD XML Schemas để đặc tả cấu trúc tài liệu XML Nội dung: 2.1 Document Type Definition (DTD) 2.2 Lược đồ XML (XML Schemas) Chương Xử lý tài liệu XML Thời gian: 10 Mục tiêu: - Truy xuất tài liệu XML mơ hình DOM ngôn ngữ Xpath - Định dạng tài liệu XML XSLT Nội dung: 3.1 Mơ hình DOM 3.2 Ngôn ngữ Xpath 3.3 XSLT Chương Cơ sở liệu Thời gian: 10 Mục tiêu: - Trình bày cú pháp ngôn nghữ Xquery mối quan hệ Xquery, Xpath XSLT - Hiểu sở liệu cần XML - Sử dụng sở liệu MySQL, SQL server, Exist với XML Nội dung: 4.1 XQuery 4.2 XML sở liệu Chương Lập trình Thời gian: 10 Mục tiêu: KHOA CÔNG NGHỆ THÔNG TIN - Phát biểu khái niệm lập trình hướng kiện - Truy xuất tài liệu XML SAX LINQ Nội dung: 5.1 Lập trình hướng kiện 5.2 LINQ to XML Chương Giao tiếp Thời gian: 15 Mục tiêu: - Phát biểu loại giao tiếp hệ thống thông tin - Tạo RSS, web service loại SOAP WDSL - Kết nối AJAX XML trang web Nội dung: 6.1 RSS ATOM CONTENT Syndication 6.2 Web service 6.3 SOAP WSDL 6.4 AJAX Chương Hiển thị Thời gian: 10 Mục tiêu: - Phân biệt XML, HTML XHTML - Sử dụng Javascript với XML - Tạo tập tin SVG Nội dung: 7.1 XHTML HTML 7.2 Scalable vector Graphics (SVG) IV Điều kiện thực mơn học: Phịng học chun mơn hóa/nhà xưởng: Phịng học thực hành Trang thiết bị máy móc: Máy chiếu, máy tính có phần mềm Dreamweaver, Trình duyệt Web Học liệu, dụng cụ, nguyên vật liệu: Bảng, bút viết bảng Các điều kiện khác: máy tính có kết nối Internet V Nội dung phương pháp, đánh giá: Nội dung: KHOA CÔNG NGHỆ THÔNG TIN - Kiến thức: Được đánh giá qua kiểm tra thực hành cuối môn đạt yêu cầu sau: + Trình bày khái niệm bản, cơng cụ sử dụng XML + Phân tích thành phần XML - Kỹ năng: Đánh giá kỹ thực hành sinh viên thực hành: + Tạo tập tin XML + Sử dụng công cụ kết nối XML + Tạo ứng dụng sử dụng XML hoàn chỉnh dựa kiến thức học - Năng lực tự chủ trách nhiệm: + Nhận thức tầm quan trọng việc sử dụng XML Phương pháp: STT Phương pháp 01 Kiểm tra thường xuyên 02 Kiểm tra định kỳ 03 Thi kết thúc mơn học Hình thức Thực hành máy tính Thực hành máy tính Báo cáo tiểu luận Số cột Thời gian thi 2 90 phút VI Hướng dẫn thực môn học: Phạm vi áp dụng mơn học: Áp dụng cho khóa học trình độ cao đẳng Hướng dẫn phương pháp giảng dạy, học tập môn học: - Đối với giáo viên, giảng viên: + Giáo viên vận dụng phương pháp thuyết trình, giảng giải kết hợp phương pháp gợi mở, phát vấn để người học nghề tham gia tích cực vào giảng + Phương tiện, dụng cụ giảng dạy: Ngoài phương tiện giảng dạy truyền thống giáo viên cịn sử dụng Máy chiếu Projector, Laptop, sơ đồ, tranh ảnh minh hoạ giúp làm rõ sinh động nội dung học + Trong điều kiện kết hợp giảng dạy lý thuyết thực hành phòng học chuyên mơn hố có máy tính nối mạng LAN mạng Internet, có sử dụng phương tiện dạy học hình ảnh - Đối với người học: + Thực đầy đủ nghiêm túc qui định mơn học giáo viên + Hồn thành đầy đủ thực hành tham dự buổi kiểm tra KHOA CÔNG NGHỆ THÔNG TIN 10 Chương Giao tiếp Bỏ qua định nghĩa, ưu điểm sử dụng AJAX tạo trải nghiệm mượt mà cho người dùng Khách truy cập đợi lâu để thấy nội dung họ cần Tuy nhiên, tùy vào nhu cầu khách truy cập Ví dụ Google cho bạn chọn AJAX phiên truyền thống sử dụng Google Mail Hãy đặt khách hàng lên hàng đầu mà sử dụng AJAX cho phù hợp KHOA CÔNG NGHỆ THÔNG TIN 183 Chương Hiển thị CHƯƠNG HIỂN THỊ 7.1 XHTML HTML XHTML XHTML viết tắt Extensible HyperText Markup Language (Ngôn ngữ đánh dấu siêu văn mở rộng) XHTML gần giống với HTML XHTML có quy định nghiêm khắc HTML XHTML HTML định nghĩa ứng dụng XML XHTML hỗ trợ hầu hết trình duyệt phổ biến Tại lại dùng XHTML? Nhiều trang Internet chứa HTML “rất tệ”, dù không tuân theo quy định HTML chạy nhiều trình duyệt Dưới ví dụ đoạn HTML khơng hợp quy định chạy HTML không quy định HTML “xấu”

Quản trị mạng Ngày có nhiều cơng nghệ trình duyệt, chạy máy tính, điện thoại thiết bị nhỏ khác Các bị thiết bị nhỏ thường thiếu phần tài nguyên hay sức mạnh để dịch markup “xấu” XHTML ngơn ngữ đánh dấu mà theo tài liệu phải đánh dấu quy cách, phát triển cách kết hợp sức mạnh HTML XML Điểm khác biệt quan trọng HTML XHTML Cấu trúc văn XHTML DOCTYPE bắt buộc Thuộc tính xmlns thẻ bắt buộc Các thẻ , , bắt buộc Các phần tử XHTML Các phần tử XHTML phải lồng quy cách Các phần tử XHTML phải ln đóng Các phần tử XHTML phải viết dạng chữ thường KHOA CÔNG NGHỆ THÔNG TIN 184 Chương Hiển thị Các phần tử XHTML phải có phần tử gốc Các thuộc tính XHTML Tên thuộc tính phải viết dạng chữ thường Giá trị thuộc tính phải nằm dấu trích dẫn Cấm khơng đơn giản hóa thuộc tính bắt buộc Văn XHTML phải có phần khai báo XHTML DOCTYPE Phải có phần tử , , , thuộc tính xmlns thẻ phải xác định khơng gian xml cho văn Ví dụ cho thấy văn XHTML với thẻ bắt buộc tối thiểu Tiêu đề văn bản nội dung Phần tử XHTML phải lồng quy cách Trong HTML, số phần tử lồng với khơng theo quy cách ví dụ Văn in đậm in nghiêng Nhưng XHTML, tất phần tử phải lồng quy cách, ví dụ Văn in đậm in nghiêng Phần tử XHTML phải ln đóng Viết sai

Đoạn văn

Đoạn văn Đúng phải này:

Đoạn văn 1

Đoạn văn 2

Phần tử rỗng phải đóng KHOA CƠNG NGHỆ THƠNG TIN 185 Chương Hiển thị Như ví dụ khơng hợp lệ Ngắt dịng: Đường nằm ngang: Hình ảnh: Mà phải viết Ngắt dịng: Đường nằm ngang: Hình ảnh: Phần tử XHTML phải viết chữ thường Viết sai

Đoạn văn

Mà phải viết chữ thường

Đoạn văn

Tên thuộc tính XHTML phải viết chữ thường Không viết mà phải viết Giá trị thuộc tính phải nằm dấu trích dẫn Khơng viết mà phải viết Khơng đơn giản hóa thuộc tính Sai Đúng Sai Đúng Cách chuyển đổi từ HTML sang XHTML Thêm XHTML vào dòng trang Thêm thuộc tính xmlns vào phần tử html trang Đổi tất tên phần tử sang dạng chữ thường Đóng tất phần tử rỗng Đổi tất tên thuộc tính sang dạng chữ thường Đặt vào dấu trích dẫn tất giá trị thuộc tính HTML5 KHOA CƠNG NGHỆ THƠNG TIN 186 Chương Hiển thị HTML5 ngôn ngữ lập trình phát triển tảng ngơn ngữ HTML quan trọng World Wide Web (WWW) Nó sử dụng để thiết kế cấu trúc website, hỗ trợ cho đa phương tiện tối đa giúp cho website thân thiện với người dùng thiết bị, chương trình máy tính, trình duyệt web… Vậy tảng HTML5 gì? Cùng tìm hiểu nhé! HTML5 bước cải tiến vượt trội, dần trở thành công nghệ cốt lõi Bạn tìm hiểu thêm WWW (World Wide Web) viết :”WWW gì?“ HTML gì? HTML5 ngơn ngữ lập trình cải tiến HTML HTML (Hypertext Markup Language) tảng tương tự Microsoft Word giúp người dùng thiết kế thành phần website, cấu trúc trang, chuyên mục KHOA CÔNG NGHỆ THÔNG TIN 187 Chương Hiển thị thiết kế ứng dụng… Vậy, chức chủ yểu tảng tạo bố cục định dạng website Sự khác biệt HTML HTML5 HTML HTML5 có điểm khác biệt       HTML5 hỗ trợ cho nhiều ứng dụng hơn: Một số ứng dụng SVG, canvas… HTML5 hỗ trợ, dùng HTML phải sử dụng thêm phương tiện bổ trợ Lưu liệu tạm: HTML5 sử dụng web SQL databases, application cache HTML dùng cache trình duyệt JavaScript chạy web browser: HTML5 hỗ trợ hoàn toàn cho JavaScript chạy web browser, HTML phiên cũ khơng thể thực SGML: Khác với HTML, HTML5 không dựa SGML, nhờ vậy, sản phẩm lập trình có độ tương thích cao Sử dụng MathML SVG: HTML5 cho phép sử dụng MathML SVG cho văn bản, HTML khơng hỗ trợ Các element: HTML5 tích hợp element mẻ quan trọng summary, time, aside, audio, command, data, datalist, details, embed, wbr, figcaption, figure, footer, header, article, hgroup, bdi, canvas, keygen, mark, meter, nav, output, progress, rp, rt, ruby, section, source, track, video… Bên cạnh đó, loại bỏ elements lỗi thời HTML isindex, noframes, acronym, applet, basefont, dir, font, frame, frameset, big, center, strike… Các thẻ thay đổi HTML5 KHOA CÔNG NGHỆ THÔNG TIN 188 Chương Hiển thị HTML5 cải tiến thêm nhiều thẻ, tăng tiện ích cho lập trình viên người dùng Phiên HTML5 cập nhật nhiều thẻ cho việc tạo lập viết đa phương tiện, điển hình thẻ sau:          : Định nghĩa viết bình luận người dùng, độc lập với content website : Đánh dấu nội dung trang : Loại bỏ việc định nghĩa id cho tiêu đề cuối trang : Định nghĩa phần menu điều hướng cho website : Xác định thành phần khác website , : Hỗ trợ người dùng xem clip nghe nhạc website mà không cần bên thứ ba : Xác định container plugin tương tác với ứng dụng bên : Cho phép bạn đồ họa mà khơng cần ứng dụng hỗ trợ Ngồi ra, phiên HTML5 loại bỏ số thẻ lỗi thời như: , , , , , , , , , , Lịch sử phát triển HTML5 KHOA CÔNG NGHỆ THÔNG TIN 189 Chương Hiển thị HTML5 đời năm 2012, đánh dấu cột mốc quan trọng ngành công nghệ thông tin       Năm 1989: “World Wide Web” đời nhờ phát minh Tim Berners-Lee Năm 1990: Internet đời Năm 1991: HTML đời, năm 1998 cải tiến từ phiên đến phiên Năm 2000: Phiên XHTML 1.0 đời nhờ tổ chức World Wide Web Consortium (W3C) Năm 2004: W3C định đóng cửa phiên HTML WHATWG (Web Hypertext Application Technology Working Group) mong muốn phát triển HTML, sáng tạo nên ngơn ngữ lập trình có độ tương thích cao với website sử dụng phiên HTML cũ Năm 2008: Nhờ ủng hộ từ W3C, phiên HTML5 phát hành Lợi ích HTML5 gì? Dưới điểm lợi ích lớn HTML5:    Tương thích với trang web tồn Chuẩn hóa kỹ thuật khơng thức Tăng khả phục vụ đa phương tiện KHOA CÔNG NGHỆ THÔNG TIN 190 Chương Hiển thị HTML5 khuyên dùng nhờ ưu điểm vượt trội so với phiên cũ Tương thích với trang web tồn HTML5 không làm trang web khác trước dừng hoạt động Nó giúp website thêm hiệu quả, tăng hiệu Nó khơng u cầu website phải thay đổi gặp lỗi tả, cú pháp Các website cũ hoạt động tương thích với tiêu chuẩn HTML5 Bên cạnh đó, HTML5 hỗ trợ tất phiên HTML cũ theo cách thức sau   Hỗ trợ lập trình viên tránh thành phần lỗi thời bị loại bỏ Cho phép kiểm tra đoạn mã code có thực tuân thủ theo tiêu chuẩn HTML5 Hỗ trợ hãng phát triển trình duyệt khả tương thích ngược với nội dung tồn trước Như vậy, nội dung viết phiên HTML cũ xây dựng lại từ đầu hồn tồn tương thích với trình duyệt Chuẩn hóa kỹ thuật khơng thức HTML5 chuẩn hóa kỹ thuật khơng thức Nhưng HTML5 lại sử dụng rộng rãi tiện lợi đơn giản, dễ sử dụng Đơi kỹ thuật khó áp dụng q phức tạp gây khó khăn cho lập trình viên Tăng khả phục vụ đa phương tiện HTML5 tăng khả phục vụ đa phương tiện tốt mà không cần phải phụ thuộc vào bên thứ ba Adobe Flash… Bên cạnh đó, cịn hỗ trợ thiết bị di động, mà người dùng hướng đến việc truy cập website lúc nơi, smartphone máy tính bảng Nó giúp cho việc lập trình sử dụng website, ứng dụng cách thuận tiện, dễ dàng không tốn thời gian Ưu điểm HTML5 Chúng ta đến với số ưu điểm HTML5 nhóm đối tượng lập trình viên người dùng: Ưu điểm HTML5 lập trình viên KHOA CƠNG NGHỆ THƠNG TIN 191 Chương Hiển thị HTML5 ln khuyến khích sử dụng lập trình viên      Không cần phải tạo cookies: Trong phiên trước HTML5, lập trình viên muốn lưu thông tin nào, họ phải tạo cookies Tuy nhiên với phiên này, lập trình viên khơng cần phải tạo cookie Có thể tùy chỉnh Data Attributes: Với ngơn ngữ HTML5, data tùy chỉnh Lập trình viên khơng cần phải tìm hiểu server Ajax thuê máy chủ lập trình website có độ tương thích cao Menu Element: Được thêm vào để tăng khả tương tác web Tiện lợi thiết kế web mobile: HTML5 giúp lập trình viên dễ dàng thao tác xây dựng hay thiết kế giao diện web mobile Tăng thích tương thích cho ứng dụng web: HTML5 cho phép trình duyệt xử lý tảng ứng dụng, giúp lập trình viên nâng cao quyền quản trị hiệu website Ưu điểm HTML5 người dùng cuối KHOA CÔNG NGHỆ THÔNG TIN 192 Chương Hiển thị HTML5 mang đến trải nghiệm tiện lợi với người dùng    Trải nghiệm web thiết bị di dộng tốt hơn: HTML5 tăng tương thích thiết bị di động giúp người dùng tiếp cận website ứng dụng Cung cấp trải nghiệm tốt cho người dùng: HTML5 giúp loại bỏ Adobe Flash số ứng dụng xem hình ảnh, video Thay vào đó, người dùng trực tiếp xe hình ảnh, video nhờ thư viện sẵn có Website ứng dụng thân thiện với người dùng: HTML5 hỗ trợ lập trình viên thiết kế web đẹp mắt, chuyên nghiệp HTML5 thân thiện với người dùng tải với tốc độ nhanh Mối liên hệ HTML5 CSS3 gì? HTML5 CSS3 “cặp đơi vàng” làng lập trình website KHOA CÔNG NGHỆ THÔNG TIN 193 Chương Hiển thị HTML5 mang lại cải tiến tuyệt vời để lập trình viên Họ tạo nên website thực đẹp mắt đầy tiện ích cho người dùng HTML5 giống sở hạ tầng website HTML5 tảng để tạo dựng website Cịn CSS3 cơng thức để lập trình nên website CSS3 hỗ trợ cho ngơn ngữ lập trình để website hồn thiện 7.2 Scalable vector Graphics (SVG) SVG (Scalable Vector Graphics) định dạng ảnh vector dùng để thể đối tượng đồ họa hai chiều có hỗ trợ tương tác từ phía người dùng ảnh động Vì hình ảnh dạng vector nên hiển thị, co giãn (scale) thoải mái mà khơng làm giảm chất lượng hình ảnh SVG thuộc tiêu chuẩn mở quản lý tổ chức World Wide Web Consortium, tổ chức quản lý nhiều chuẩn khác HTML, XHTML Các tập tin có đuôi ".svg" mặc định hiểu tập tin SVG SVG phóng to thu nhỏ kích cỡ mà khơng giảm chất lượng hình ảnh Vì thế, dùng nhiều đồ, sơ đồ SVG - định dạng ảnh vector Điều làm cho đồ họa vector trở nên hấp dẫn đến mức nhiều công ty lớn ngành công nghệ hãng phần mềm thiết kế nhảy vào phát triển? Bạn tưởng tượng đồ họa vector, đường thẳng, đường cong, hình trịn, hình chữ nhật vẽ dựa vào điểm tọa độ Các điểm nối với khơng gian hai chiều để tạo nên hình ảnh thực Bởi tọa độ mang tính tương đối so với hệ trục thời điểm vẽ nên đơn vị đồ họa vector 10 pixel, 20 pixel hay 100 pixel Ưu điểm SVG Kích thước file nhỏ, dễ nén Hình ảnh SVG, XML, chứa nhiều mảnh lặp lặp lại văn bản, chúng thích hợp cho thuật tốn nén lossless liệu Khi hình ảnh SVG nén thuật toán tiêu chuẩn gzip, gọi hình ảnh "svgz" sử dụng phần mở rộng tên tập tin svgz tương ứng KHOA CÔNG NGHỆ THÔNG TIN 194 Chương Hiển thị Hiển thị đẹp hình retina SVGs giống với tất đồ họa vector, thu nhỏ đến kích thước mà khơng rõ ràng (trừ nhỏ) Nói cách khác, bạn phóng to để SVG tất bạn muốn họ ln ln nhìn sắc nét Vì vậy, bạn khơng cịn phải tạo phiên 2x Retina phiên cho logo hình ảnh bạn Ưu điểm SVG Có thể làm ảnh động Sử dụng thẻ SVG để nhúng hình ảnh trang web cho phép định dạng cách dễ dàng thông qua CSS, giống cách làm với thẻ HTML thơng thường Ta thay đổi thuộc tính đối tượng màu nền, độ mờ đục, vị trí, chiều rộng, Ngồi ra, ta thêm hiệu ứng hình ảnh động ấn tượng cách sử dụng kết hợp thư viện JS CSS Hỗ trợ đầy đủ Sau nhiều năm khơng tương thích trình duyệt, SVGs cuối Chúng hỗ trợ tất trình duyệt đại bao gồm IE9 Bạn chí sử dụng Fallbacks bạn quan tâm đến IE8 Thời gian tải tốt SVGs tuyệt vời cho thiết kế web, có độ phân giải vơ hạn kích thước file nhỏ Nó nhúng trực tiếp vào tài liệu HTML với thẻ svg, trình duyệt khơng cần phải tải đồ họa Điều có nghĩa trang web bạn tải nhanh hơn! Nhược điểm SVG KHOA CÔNG NGHỆ THÔNG TIN 195 Chương Hiển thị SVG ngôn ngữ không thiết kế để sửa chữa trực tiếp mã nguồn Để tạo hình ảnh SVG nói chung, cần dùng cơng cụ hỗ trợ SVG tồn số nhược điểm định Dù SVG lựa chọn cho hình ảnh trang mạng tương lai khơng xa, cịn mẻ cần hỗ trợ từ trình duyệt mạng Hiện Firefox hỗ trợ tương đối đầy đủ cho SVG, nhiên Internet Explorer số trình duyệt khác cần có plug-in đặt riêng lẻ Dùng SVG nào? Tất nhiên dùng SVG 100% trường hợp Nhược điểm SVG giới hạn độ chi tiết màu sắc, tất nhiên sử dụng SVG để vẽ hình ảnh phức tạp, thực ảnh chụp, làm performance tệ Nhưng với xu hướng nay, phong cách thiết kế phẳng mốt, website với giao diện đơn giản, sử dụng hình ảnh đơn giản, chi tiết SVG hồn tồn phát huy mạnh Các cơng cụ hỗ trợ SVG Ứng dụng Desktop  Adobe Illustrator (Premium)  CorelDraw (Premium)  Xara (Premium)  InkScape (FREE) Free Web-based  Method Draw  Mondrian  SVG Edit Việc dùng hình ảnh dạng vector, mà cụ thể SVG để tiết kiệm công sức, tăng tốc độ load trang, giảm dung lượng website ngày ưa chuộng KHOA CÔNG NGHỆ THÔNG TIN 196 TÀI LIỆU THAM KHẢO TT Tên tác giả Tên sách – giáo trình Joe Fawcett Liam, Beginning XML, 5th R.E Quin, Danny Ayers Edition Nguyễn Phương Lan XML tảng ứng dụng TS Lê Minh Trung – Hồng Thanh XML cho người học KHOA CƠNG NGHỆ THÔNG TIN NXB Năm XB John Wiley & 2012 Sons, Inc Lao động – xã hội Thống kê 2003 2002 197 ... lợi Môn công nghệ XML môn học giúp sinh viên có kiến thức tảng cơng nghệ XML ứng dụng XML để xây dựng ứng dụng thực tế Giáo trình cung cấp cho người học kiến thức từ chuyên sâu công nghệ XML ………….,... lành mạnh bị nghiêm cấm KHOA CÔNG NGHỆ THÔNG TIN LỜI GIỚI THIỆU Hiện việc ứng dụng Công nghệ thông tin vào ngành nghề khác trở nên phổ biến, nhiều lĩnh vực Công nghệ thông tin góp phần làm cho... CHÍ MINH  GIÁO TRÌNH MƠN HỌC: CƠNG NGHỆ XML NGHỀ: HỆ THỐNG THƠNG TIN TRÌNH ĐỘ: CAO ĐẲNG THƠNG TIN CHỦ NHIỆM ĐỀ TÀI Họ tên: Huỳnh Khắc Duy Học vị: Thạc sỹ Đơn vị: Khoa Công Nghệ Thông Tin Email: