Luận văn tốt nghiệp tìm hiểu ngôn ngữ lập trình trong adobe flash – xây dựng ứng dụng minh họa

TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHOA CÔNG NGHỆ THƠNG TIN TÌM HIỂU NGƠN NGỮ LẬP TRÌNH TRONG ADOBE FLASH VÀ XÂY DỰNG ỨNG DỤNG MINH HỌA KHÓA LUẬN TỐT NGHIỆP CỬ NHÂN CNTT TP HCM TRƯỜNG ĐẠI HỌC KHOA HỌC TỰ NHIÊN KHOA CƠNG NGHỆ THƠNG TIN TÌM HIỂU NGƠN NGỮ LẬP TRÌNH TRONG ADOBE FLASH VÀ XÂY DỰNG ỨNG DỤNG MINH HỌA KHÓA LUẬN TỐT NGHIỆP CỬ NHÂN CNTT GIÁO VIÊN HƯỚNG DẪN Thạc sĩ LƯƠNG HÁN CƠ KHĨA Tìm hiểu ngơn ngữ lập trình Adobe Flash - Xây dựng ứng dụng minh họa LỜI CÁM ƠN Chúng em chân thành cám ơn Thầy Cô Khoa Công nghệ Thông tin trường Đại học Khoa học Tự Nhiên hướng dẫn, giảng dạy tận tình truyền đạt cho chúng em kiến thức vô quý báu suốt năm học vừa qua Chúng em xin gửi lời cám ơn chân thành sâu sắc đến Thầy Lương Hán Cơ tận tụy hướng dẫn, động viên giúp đỡ chúng em suốt thời gian thực đề tài Chúng em xin cám ơn giúp đỡ tận tình Thầy Lương Vĩ Minh Chúng xin gửi lòng biết ơn đến Ơng Bà, Cha Mẹ ln chăm sóc, ủng hộ chúng suốt bước đường học vấn Xin cám ơn anh chị bạn bè động viên giúp đỡ chúng em suốt thời gian học tập nghiên cứu Mặc dù chúng em cố gắng để hoàn thành luận văn cách tốt chắn không tránh khỏi thiếu xót Chúng em kính mong nhận cảm thơng tận tình bảo q Thầy Cô bạn Sinh viên thực Luanvan 24 – Đơn vị 17 năm kinh nghiệm1 Nhận làm luận văn tốt nghiệp uy tín hàng đầu Tìm hiểu ngơn ngữ lập trình Adobe Flash - Xây dựng ứng dụng minh họa MỤC LỤC Chương Tổng quan Chương FLEX 11 2.1 Giới thiệu 11 2.2 Làm việc với liệu 17 2.3 Giao tiếp liệu từ xa .21 2.4 Các thành phần giao diện 28 2.5 Làm việc với Media 33 2.6 Quản lý trạng thái .41 2.7 Sử dụng hiệu ứng chuyển tiếp trạng thái .46 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.1.6 2.2.1 2.2.2 2.2.3 2.3.1 2.3.2 2.3.3 2.4.1 2.4.2 2.4.3 2.4.4 2.5.1 2.5.2 2.5.3 2.6.1 2.6.2 2.6.3 2.6.4 2.6.5 2.6.6 2.6.7 2.7.1 2.7.2 Những công nghệ ứng dụng Flex 11 Sử dụng phần tử Flex 14 Bảo mật Flash Player 15 Làm việc với dịch vụ liệu - Data services .15 Sự khác biệt ứng dụng HTML ứng dụng Flex Web 16 Cách làm việc ứng dụng Flex 16 Sử dụng mơ hình liệu .17 Kết buộc liệu 19 Kết buộc liệu cho lớp tự định nghĩa 21 Việc yêu cầu nhận giao tiếp liệu 22 Kết nối Real-Time/ Socket 27 Tải file lên tải file xuống 27 Khái quát .28 Khởi tạo thành phần giao diện 30 Các thuộc tính phổ biến thành phần giao diện 30 Xử lý kiện 31 Những kiểu Media hỗ trợ Flex 33 Cách thêm Media vào ứng dụng 33 Làm việc với loại Media khác .36 Khởi tạo trạng thái 42 Áp dụng trạng thái 42 Định nghĩa trạng thái dựa trạng thái có sẵn 42 Thêm bớt thành phần 43 Thiết lập thuộc tính 44 Thiết lập kiểu 45 Thiết lập điều khiển kiện - Event Handlers 45 Sử dụng hiệu ứng 46 Transitions - Sự chuyển tiếp trạng thái 49 Chương ActionScript 51 3.1 Giới thiệu 51 Luanvan 24 – Đơn vị 17 năm kinh nghiệm2 Nhận làm luận văn tốt nghiệp uy tín hàng đầu Tìm hiểu ngơn ngữ lập trình Adobe Flash - Xây dựng ứng dụng minh họa 3.2 Các thành phần ActionScript 51 3.3 Sự kiện xử lý kiện 57 3.4 ActionScript động .62 3.5 XML E4X .65 3.2.1 3.2.2 3.2.3 3.3.1 3.3.2 3.3.3 3.3.4 3.3.5 3.4.1 3.4.2 3.4.3 3.5.1 3.5.2 3.5.3 3.5.4 3.5.5 3.5.6 3.5.7 3.5.8 Lớp đối tượng 51 Packages 53 Hàm biến 53 Sự kiện ActionScript 57 Đăng ký phương thức đăng ký kiện - Event listener 58 Hủy đăng ký phương thức đăng ký kiện - Event listener 61 Đối tượng Target 61 Quyền ưu tiên phương thức đăng ký kiện - Event Listener 61 Biến động 63 Tự động thêm hành vi cho thể 63 Tham chiếu động cho biến phương thức 64 Dữ liệu phân cấp XML 65 Truy cập liệu XML 67 Thao tác liệu XML với câu lệnh for-each-in for-in 69 Trích lọc liệu XML 69 Thay đổi tạo nội dung XML 71 Thêm thuộc tính thành phần 72 Xóa thành phần thuộc tính .73 Nạp liệu XML 73 Chương Ứng dụng 75 4.1 Giới thiệu ứng dụng 75 4.2 Yêu cầu chức 75 4.3 Yêu cầu phi chức .76 4.4 Mơ hình use case .76 4.5 Mô tả ứng dụng 77 4.6 Cơ sở liệu .93 4.5.1 4.5.2 4.5.3 4.5.4 4.5.5 4.6.1 4.6.2 4.6.3 Màn hình đăng nhập 77 Màn hình đăng ký 79 Màn hình quản lý 80 Màn hình xem ảnh 86 Màn hình tạo slideshow 90 Mơ hình quan hệ 93 Thuyết minh mơ hình quan hệ thuộc tính 94 Mô tả ràng buộc khóa .95 Chương Tổng kết 96 Chương Danh mục tài liệu tham khảo 97 Chương Phụ lục .98 Phần 1: FLEX .98 Luanvan 24 – Đơn vị 17 năm kinh nghiệm3 Nhận làm luận văn tốt nghiệp uy tín hàng đầu Tìm hiểu ngơn ngữ lập trình Adobe Flash - Xây dựng ứng dụng minh họa 7.1 Các kiện hiệu ứng 98 7.2 Chuẩn hóa định dạng liệu .99 7.3 Tùy biến giao diện 102 7.2.1 7.2.2 7.3.1 7.3.2 7.3.3 7.3.4 Chuẩn hóa liệu người dùng nhập vào 99 Định dạng liệu 101 Sử dụng Style 102 Sử dụng Skin .102 Dùng Themes 103 CSS thực thi 104 Phần 2: ActionScript 105 7.4 Điều kiện – Vòng lập – Toán tử 105 7.5 Phương thức tĩnh biến tĩnh 106 7.6 Kế thừa 106 7.7 Interfaces 109 7.8 Mảng 112 7.9 Xử lý lỗi 115 7.10 XML E4X 116 7.4.1 7.6.1 7.6.2 7.6.3 7.6.4 7.7.1 7.7.2 7.7.3 7.8.1 7.8.2 7.8.3 7.8.4 Điều kiện .105 Tái định nghĩa – ghi đè phương thức 107 Phương thức Super() 108 Ngăn chặn kế thừa phương thức định nghĩa lại .108 Composition 109 Tại phải dùng Interface? .110 Cú pháp cách sử dụng interface .110 Kế thừa interface 111 Thêm phần tử vào mảng .112 Xóa bỏ phần tử mảng: 114 Phương thức toString(): 114 Mảng đa chiều .115 7.10.1 7.10.2 7.10.3 7.10.4 7.10.5 Truy cập nút văn .116 Truy cập nút cha 117 Truy cập nút anh em 118 Truy cập thuộc tính 118 Truy cập nút hậu duệ 119 Luanvan 24 – Đơn vị 17 năm kinh nghiệm4 Nhận làm luận văn tốt nghiệp uy tín hàng đầu Tìm hiểu ngơn ngữ lập trình Adobe Flash - Xây dựng ứng dụng minh họa DANH MỤC CÁC BẢNG Bảng 1: Các thành phần giao diện 29 Bảng 2: Một số kiện thành phần chuẩn Flex 33 Bảng 3: Những kiểu media hỗ trợ Flex 33 Bảng : Một số hiệu ứng 46 Bảng 5: Các lớp tự nhiên ActionScript 52 Bảng 6: Điều khiển truy xuất biến 54 Bảng 7: Điều khiển truy xuất hàm 54 Bảng 8: Mơ tả chi tiết hình đăng nhập .77 Bảng 9: Mơ tả chi tiết hình đăng ký 80 Bảng 10: Mô tả chi tiết hình quản lý 83 Bảng 11: Mô tả chi tiết hình xem ảnh dạng thumbnail 87 Bảng 12: Mơ tả chi tiết hình xem ảnh dạng carousel 87 Bảng 13: Mơ tả chi tiết hình xem ảnh dạng list 89 Bảng 14: Mô tả chi tiết hình xem thơng tin ảnh 89 Bảng 15: Mô tả chi tiết hình tạo slideshow 91 Bảng 16:Thuyết minh bảng NGUOIDUNG .94 Bảng 17:Thuyết minh bảng HINH 94 Bảng 18:Thuyết minh bảng ALBUM 94 Bảng 19:Thuyết minh bảng CHITIETALBUM 95 Bảng 20: Mơ tả ràng buộc khóa 95 Bảng 21: Mơ tả ràng buộc khóa ngoại 95 Luanvan 24 – Đơn vị 17 năm kinh nghiệm5 Nhận làm luận văn tốt nghiệp uy tín hàng đầu Tìm hiểu ngơn ngữ lập trình Adobe Flash - Xây dựng ứng dụng minh họa DANH MỤC CÁC HÌNH Hình 1: Silverlight Hình 2: Flex .9 Hình 3: Những ứng dụng sử dụng cơng nghệ Flex 10 Hình 4: Flex SDK 11 Hình 5: Flex Framework 12 Hình 6: Flex Builder 13 Hình 7: Mơ hình nguồn – biên dịch – triển khai ứng dụng Flex 16 Hình 8: Mối quan hệ thành phần giao diện lớp Flash Player .29 Hình 9: Mơ hình use case .76 Hình 10: Màn hình đăng nhập .77 Hình 11: Màn hình đăng ký 79 Hình 12: Màn hình quản lý 81 Hình 13: Màn hình xem ảnh dạng thumbnail 86 Hình 14: Màn hình xem ảnh dạng carousel 87 Hình 15: Màn hình xem ảnh dạng list 88 Hình 16: Màn hình xem thơng tin ảnh 89 Hình 17: Màn hình tạo slideshow 90 Hình 18: Mơ hình quan hệ 93 Luanvan 24 – Đơn vị 17 năm kinh nghiệm6 Nhận làm luận văn tốt nghiệp uy tín hàng đầu Tìm hiểu ngơn ngữ lập trình Adobe Flash - Xây dựng ứng dụng minh họa TĨM TẮT KHĨA LUẬN Nội dung khóa luận chia làm chương: Chương 1: Tổng quan Phân tích đánh giá hướng nghiên cứu có liên quan đến đề tài Lí chọn đề tài, mục đích, đối tượng phạm vi nghiên cứu Chương 2: Tìm hiểu cơng nghệ Flex Giới thiệu cơng nghệ Flex Lí chọn cơng nghệ Flex để triển khai ứng dụng với ưu khuyết điểm Flex Các kỹ thuật cơng nghệ Flex Chương 3: Tìm hiểu ngôn ngữ ActionScript Giới thiệu ngôn ngữ ActionScript Các thành phần kỹ thuật ActionScript Chương 4: Mô tả ứng dụng Giới thiệu ứng dụng Các yêu cầu ứng dụng Phân tích ứng dụng theo mơ hình UML (Unified Model Language) Một số thành phần, đối tượng kỹ thuật tiêu biểu sử dụng ứng dụng Chương 5: Tổng kết Tổng kết kết đạt mặt hạn chế đề tài đồng thời đưa hướng phát triển cho hệ thống sau Chương 6: Danh mục tài liệu tham khảo Chương 7: Phụ lục Giới thiệu thêm số thành phần kỹ thuật ActionScript Flex Luanvan 24 – Đơn vị 17 năm kinh nghiệm7 Nhận làm luận văn tốt nghiệp uy tín hàng đầu Tìm hiểu ngơn ngữ lập trình Adobe Flash - Xây dựng ứng dụng minh họa Chương Tổng quan Trong thời gian gần đây, hạ tầng CNTT phát triển với băng thông kết nối Internet rộng triển khai đại trà dẫn đến nhu cầu sử dụng ứng dụng trực tuyến (RIA: Rich Internet Appliacation) gia tăng mạnh mẽ RIA ứng dụng triển khai Web, thi hành trình duyện Web có tính đặc điểm ứng dụng máy đơn thông thường (Desktop Application) Những ưu điểm chương trình RIA người dùng khơng cần cài đặt chương trình, việc cập nhật chương trình dễ dàng, nhanh chóng, người dùng sử dụng chương trình từ máy tính có kết nối Internet,vv… RIA làm mờ ranh giới ứng dụng desktop trực tuyến Đây cho tương lai ứng dụng trực tuyến Để tạo RIA, nhà phát triển sử dụng giải pháp sauc: Một dùng DHTML (gồm HTML, CSS, Javascript) kết hợp với AJAX Đây công cụ mạnh, nhiên HTML cơng cụ trình diễn, mà chuẩn tài liệu Javascript chưa đủ mạnh, thiếu chặt chẽ DHTML thường gặp vấn đề tương thích với trình duyệt Giải pháp thứ hai sử dụng cơng nghệ SilverLight Microsoft, plug-in hoạt động đa tảng, đa trình duyệt cho chuyên gia phát triển ứng dụng Plug-in cho phép phát triển ứng dụng cách phong phú gồm có media, khả tương tác hoạt ảnh Silverlight plug-in làm việc trình duyệt Internet Explorer Firefox Windows Firefox trình duyệt Safari hệ điều hành Mac Hình 1: Silverlight Luanvan 24 – Đơn vị 17 năm kinh nghiệm8 Nhận làm luận văn tốt nghiệp uy tín hàng đầu ... TÌM HIỂU NGƠN NGỮ LẬP TRÌNH TRONG ADOBE FLASH VÀ XÂY DỰNG ỨNG DỤNG MINH HỌA KHÓA LUẬN TỐT NGHIỆP CỬ NHÂN CNTT GIÁO VIÊN HƯỚNG DẪN Thạc sĩ LƯƠNG HÁN CƠ KHĨA Tìm hiểu ngơn ngữ lập trình Adobe Flash. .. nguồn – biên dịch – triển khai ứng dụng Flex Luanvan 24 – Đơn vị 17 năm kinh nghiệm16 Nhận làm luận văn tốt nghiệp uy tín hàng đầu Tìm hiểu ngơn ngữ lập trình Adobe Flash - Xây dựng ứng dụng minh. .. Luanvan 24 – Đơn vị 17 năm kinh nghiệm6 Nhận làm luận văn tốt nghiệp uy tín hàng đầu Tìm hiểu ngơn ngữ lập trình Adobe Flash - Xây dựng ứng dụng minh họa TĨM TẮT KHĨA LUẬN Nội dung khóa luận chia