Xy dng mu ha n in t Phng

Xây dựng mẫu hóa đơn điện tử Phòng giải pháp triển khai số 1 VNPT Software – chi nhánh miền Nam Người trình bày : Đỗ Quang Huy Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 1

Nội dung 1. Ngôn ngữ: 1. 1. XML. 1. 2. HTML/CSS. 1. 3. XSLT. 1. 4. Exercise. 2. Cấu trúc mẫu hóa đơn điện tử: 2. 1. File. xml 2. 2. File. xslt 2. 3. Example. 2. 4. Exercise. Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 2

1. Ngôn ngữ Ø Ngôn ngữ: • XML. • HTML/CSS. • XSLT phiên bản 1. 0. Ø Phần mềm hỗ trợ: • Sử dụng tool Altova Spy, Notepad++ • Test mẫu hóa đơn trực tiếp trên trình duyệt Firefox, Chrome. • Tool để convert hình ảnh (logo, background) sang dạng base 64. Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 3

1. 1. XML Ø XML (EXtensible Markup Language): • Ngôn ngữ đánh dấu mở rộng, được dùng để chứa dữ liệu. • http: //www. w 3 schools. com/xml/ • https: //www. ibm. com/developerworks/vn/library/xnewxml/ Ø 1 file XML cơ bản sẽ có: • Thẻ (tag). • Dữ liệu (data). Ø Ví dụ: Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 4

1. 2. HTML/CSS Ø HTML (Hyper Text Markup Language): • Ngôn ngữ đánh dấu siêu văn bản, được dùng để thể hiện dữ liệu. • http: //www. w 3 schools. com/html/default. asp Ø Ví dụ: Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 5

1. 2. HTML/CSS Ø CSS (Cascading Style Sheets): • ngôn ngữ giúp trình duyệt hiểu được các thiết lập định dạng và bố cục cho trang web. • điều khiển thiết kế của nhiều thành phần HTML chỉ với duy nhất 1 vùng chọn CSS. • http: //www. w 3 schools. com/css/default. asp Ø Ví dụ: Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 6

1. 3. XSLT Ø XSLT (EXtensible Stylesheet Language Transformations): • ngôn ngữ dựa trên XML dùng để biến đổi 1 file XML thành 1 file HTML (có thể hiển thị trên web). • File XML gốc thì không bị thay đổi; mà thay vào đó, một file XML mới được tạo ra dựa trên nội dung của file cũ. • XSLT thường dùng nhất trong việc chuyển đổi dữ liệu giữa các lược đồ XML hay để chuyển đổi dữ liệu XML thành các trang web hay tài liệu dạng PDF. • http: //www. w 3 schools. com/xsl/default. asp Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 7

1. 3. XSLT ØVí dụ: Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 8

1. 4. Exercise Ø Exercise 1: Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 9

2. Cấu trúc mẫu HĐĐT Figure 1 - Cấu trúc thành phần mẫu hóa đơn điện tử. Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 10

2. Cấu trúc mẫu HĐĐT Ø File. xml: để lưu trữ dữ liệu hiển thị trên hóa đơn. Ø File. xsd: định nghĩa các tag của file XML. Ø File. xslt: để transform dữ liệu trong file XML thành dạng HTML hiển thị trên web. Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 11

2. 1. Cấu trúc file. xml Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 12

2. 1. File. xml Ø Ghi chú: • is. Replace: chỉ có trong dữ liệu HÓA ĐƠN khi HÓA ĐƠN là HÓA ĐƠN thay thế • is. Adjust: chỉ có trong dữ liệu HÓA ĐƠN khi HÓA ĐƠN là HÓA ĐƠN điều chỉnh cho một HÓA ĐƠN khác • Extra: Những thông tin, dữ liệu mở rộng thêm, riêng biệt cho từng hóa đơn thì sẽ dung trường dữ liệu này để lưu trữ và thể hiện lên hóa đơn (dung xslt để xử lý) • Buyer: là người đi mua hàng (người đi mua hàng và nhận hóa đơn) • Cus. Name: là công ty khách hàng. Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 13

2. 2. File. xslt ØCách lấy giá trị của phần tử XML: <xsl: value-of select="Com. Tax. Code"></xsl: value-of> Ø Biến trong XSLT: <xsl: variable name="serial“> <xsl: value-of select="Serial. No"></xsl: value-of> </xsl: variable> ØTemplate: • Sử dụng template trong file XSLT để giảm effort khi tạo mẫu hóa đơn (giống như thủ tục, hàm trong ngôn ngữ lập trình nhưng có ít tính năng hơn) Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 14

2. 3. Example Ø VTTinh. xml ØVTTinh. xslt Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 15

2. 4. Exercise Ø Exercise 2: Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 16

Công ty Phần mềm VNPT – VNPT Software Chi nhánh miền Nam 17