• Các thuộc tính (Attributes): Mơ tả thêm thông tin phần tử Web, phần tử Web có số lượng thuộc tính khác nhau, tất phần tử Web có thuộc tính sau: – – – – id: Đặc tả định danh phần tử Web class: Đặc tả hay nhiều lớp phần tử Web style: Đặc tả CSS style cho phần tử Web title: Đặc tả thông tin mở rộng phần tử Web • Nội dung (Element Content): Nằm thẻ mở thẻ đóng, dùng để hiển thị nội dung phần tử Web • Thẻ đóng (Closing Tag): Nằm vị trí cuối cấu trúc phần tử Web dùng để thông báo việc kết thúc nội dung phần tử Web Ví dụ: Để thơng báo kết thúc đoạn văn bản, ta sử dụng thẻ đóng
Thẻ mở Bảng 1: Một thuộc tính phần tử Web Thuộc tính Nội dungid, href Đây đoạn văn Đây đường dẫn Thẻ đóng
Bảng đưa số ví dụ minh họa vị trí chức thành phần phần tử Web Sự kiện Sự kiện bao gồm hoạt động (action) tác động lên phần tử Web thời điểm làm thay đổi trạng thái trang Web Có nhiều kiện tương tác người dùng giao diện Web, nghiên cứu sử dụng kiện để đặc tả hành vi Web sau: Trạng thái trang Web Trạng thái trang Web giao diện trang Web thời điểm, trạng thái Web tập hợp trạng thái phần tử trang Web Hành vi tương tác giao diện trang Web đặc tả máy hữu hạn trạng thái (Finite State Machine - FSM) M = S, s0 , Σ, δ, F , đó: Bảng 2: Một số kiện Sự kiện Ý nghĩa addtext Nhập đoạn text vào textbox deltext Xóa đoạn text ô textbox click Nhấp chuột vào nút (button) đường dẫn select Chọn nhiều, sử dụng cho phần tử combobox, checkbox, listbox • S tập hữu hạn khác rỗng trạng thái trang Web, • s0 ∈ S trạng thái tải lên trang Web, • Σ ứng với tập kiện có dạng [điều kiện]sự kiện, • δ hàm chuyển trạng thái: δ : S × Σ → S, • F ⊆ S tập trạng thái kết thúc, tương ứng giao diện xuất cuối sau chuỗi kiện liên tiếp Chú ý Máy trạng trạng thái rỗng, ký hiệu M = Π máy hữu hạn trạng thái có tập trạng thái S = λ 2.2 Xây dựng mơ hình cho Website Trang Web mốc Một trang Web Mi = Si , s0i , Σi , δi , Fi gọi trang Web mốc trang Web dùng làm mốc để trang Web khác ghép nối vào hay trang Web khởi đầu Website M = S, s0 , Σ, δ, F sau ghép nối với s0 = s0i Mơ hình Website xây dựng cách ghép nối mơ hình tất trang Web phép toán ghép nối định nghĩa sau: Giả sử M1 = S1 , s01 , Σ1 , δ1 , F1 M2 = S2 , s02 , Σ2 , δ2 , F2 máy hữu hạn trạng thái trang Web Phép ghép nối M1 M2 , kí hiệu M1 M2 với M1 trang Web mốc định nghĩa sau M = M1 M2 = S, s0 , Σ, δ, F với S = S1 ∪ S2 , Σ = Σ1 ∪ Σ2 , δ = δ1 ∪ δ2 F = F1 ∪ F2 • Nếu s01 ∈ / F2 s0j ∈ / Fj M = Π • Nếu s01 ∈ F2 s01 ∈ / F1 M2 đặt làm trang Web mốc s0 = s02 • Các trường hợp lại s0 = s02 Tính kết hợp phép toán ghép nối Giả sử Website xây dựng từ ba trang Web có máy hữu hạn trạng thái FSM Mi = Si , s0i , Σi , δ, Fi (với i = 1, 2, 3), thỏa mãn điều kiện s02 ∈ F1 s03 ∈ F2 M1 trang Web mốc Phép toán ghép nối có tính kết hợp (M1 M2 ) M3 = M1 (M2 M3 ) chứng minh sau: 12 • Đặt M12 = M1 M2 = S12 , s12 , Σ12 , δ12 , F12 với S12 = S1 ∪ S2 , s0 = s01 , Σ12 = Σ1 ∪ Σ2 , δ12 = δ1 ∪ δ2 F12 = F1 ∪ F2 Khi M = M12 M3 = S , s10 , Σ1 , δ, F với S = S12 ∪ S3 = S1 ∪ S2 ∪ S3 , s10 = s01 , Σ1 = Σ12 ∪ Σ3 = Σ1 ∪ Σ2 ∪ Σ3 , δ = δ12 ∪ δ3 = δ1 ∪ δ2 ∪ δ3 F = F12 ∪ F3 = F1 ∪ F2 ∪ F3 • Đặt M23 = M2 M3 = S23 , s23 , Σ23 , δ, F23 với M2 trang Web mốc tạm thời, ta 23 có S23 = S2 ∪ S3 , s0 = s02 , Σ23 = Σ2 ∪ Σ3 , δ23 = δ2 ∪ δ3 F23 = F2 ∪ F3 Khi M = M23 M1 = S , s20 , Σ2 , δ, F với S = S23 ∪ S1 = S1 ∪ S2 ∪ S3 , s20 = s01 , Σ2 = Σ23 ∪ Σ1 = Σ1 ∪ Σ2 ∪ Σ3 , δ = δ12 ∪ δ3 = δ1 ∪ δ2 ∪ δ3 F = F23 ∪ F1 = F1 ∪ F2 ∪ F3 Dễ thấy, M = M , (M1 M2 ) M3 = M1 (M2 M3 ) hay phép tốn ghép nối có tính chất kết hợp Ta có M1 = S1 , s01 , Σ1 , δ1 , F1 , M2 = S2 , s02 , Σ2 , δ2 , F2 , , Mn = Sn , s0n , Σn , δn , Fn máy hữu hạn n trang Web với M1 trang Web mốc Đầu tiên, M1 ghép nối với Mi (2