Tìm hiểu và xây dựng ứng dụng dựa trên công nghệ ajax

BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC ĐỀ TÀI: TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG DỰA TRÊN CƠNG NGHỆ AJAX Sinh viên thực : Phạm Thị Thu Duyên Lớp : CT702 Giáo viên hướng dẫn: TS Nguyễn Ngọc Hóa LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nội dung • Giới thiệu cơng nghệ AJAX • Các cơng nghệ cấu thành AJAX • XMLHttpRequest trao đổi liệu bất đồng • Ứng dụng AddressBook • Kết luận hướng phát triển LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nội dung • Giới thiệu cơng nghệ AJAX • Các cơng nghệ cấu thành AJAX • XMLHttpRequest trao đổi liệu bất đồng • Ứng dụng AddressBook • Kết luận hướng phát triển LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Sự phát triển Web • 1990, Tim Berners-Lee sáng chế HTML=>mở kỷ nguyên WWW  Không có tương tác qua Web • Web 1.0 trang web động  Các ứng dụng tương tác eCommerce, forum…  Các công nghệ sử dụng JavaScript, ASP/ASP.NET, JSP/Servlet, PHP… LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Mơ hình ứng dụng Web truyền thống LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Mơ hình tương tác đồng client/server LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nhược điểm • Cách thức tương tác với người dùng: đồng client/server  Đợi phía server đáp ứng yêu cầu  Nạp lại toàn trang web sau tương tác • Một số rào cản khác (hoạt động qua trình duyệt…) LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Giải pháp công nghệ thực tế • Chỉ cập nhật phần bị thay đổi trang Web • Trao đổi liệu bất đồng client/server • AJAX xuất giải pháp • Một cơng nghệ Web 2.0 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Asynchronous JavaScript And XML • AJAX tập hợp nhiều cơng nghệ với mạnh riêng để tạo thành sức mạnh     Thể web theo chuẩn XHTML CSS Nâng cao tính động phản hồi DOM Trao đổi xử lý liệu XML XSLT Truy cập liệu bất đồng XMLHttpRequest  Liên kết công nghệ JavaScript LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Mơ hình tương tác khơng đồng với AJAX 10 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Xây dựng ứng dụng AddressBook • Giới thiệu  Ứng dụng web áp dụng AJAX  Quản lý danh bạ trực tuyến • Lựa chọn cơng nghệ  PHP/MySQL  Appserv 21 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Các module ứng dụng • • • • • • Module Module Module Module Module Module admin quản lý quản lý quản lý quản lý quản lý login/logout cho user danh mục nhóm danh sách mail chức 22 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Áp dụng AJAX • Phía server:  Sử dụng PHP  Cơ sở liệu MySQL • Phía client:  Tạo sử dụng đối tượng XMLHttpRequest  Dùng JavaScript để thao tác đối tượng DOM  Không sử dụng thư viện 23 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Kết ứng dụng 24 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Ứng dụng SimpleAddressBook 25 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com So sánh • Sau tác động người dùng  AddressBook: Nạp lại phần trang web bị thay đổi  SimpleAddressBook: Nạp lại toàn trang web 26 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nội dung • Giới thiệu cơng nghệ AJAX • Các cơng nghệ cấu thành AJAX • XMLHttpRequest trao đổi liệu bất đồng • Ứng dụng AddressBook • Kết luận hướng phát triển 27 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Kết luận • AJAX - cơng nghệ chủ chốt mang tính đột phá • Mục tiêu:  Tăng tốc độ duyệt web  Xóa ranh giới ứng dụng Web ứng dụng Desktop 28 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Hướng phát triển • Nâng cao tính cộng đồng chia sẻ • Xây dựng ứng dụng tính tương tác cao với người dùng • Thay ứng dụng Web truyền thống ứng dụng Web kiểu AJAX • Cung cấp phần mềm dạng dịch vụ Web 29 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Em xin chân thành cảm ơn! 30 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Kỹ thuật lập trình với AJAX • Phía client: sử dụng ngơn ngữ script  Thao tác đối tượng DOM  Áp đặt giao diện với CSS  Tạo xử lý đối tượng XMLHttpRequest • Phía server: sử dụng cơng nghệ phía server  NET  J2EE  PHP 31 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Khó khăn lập trình AJAX giải pháp • Lập trình phía client với ngơn ngữ Script • Ứng dụng khó debug với mã nguồn viết client server • Giải pháp  Hạn chế đến mức tối thiểu viết mã phía client  Sử dụng thư viện AJAX ứng dụng Web 32 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Giới thiệu số thư viện • NET  Atlas  Ajax.NET • J2EE  JSPTaglib  Google Web ToolKit (GWT) • PHP  Sajax 33 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Giới thiệu PHP • Là ngơn ngữ lập trình kiểu script, chạy server trả mã HTML cho trình duyệt • Là ngơn ngữ dễ sử dụng, cú pháp lệnh đơn giản, biến không cần khai báo trước dùng, tự động ép kiểu • Tập hàm built_in phong phú, có mã nguồn mở… 34 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com SAJAX (Simple Ajax) cho PHP • Sajax Ajax framework giúp ta tạo mã JavaScript phía trình duyệt với ngơn ngữ khác phía server • Hiện Sajax cho phép dùng với ASP, ColdFusion, Perl, PHP, Python, Ruby server 35 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ... download : add luanvanchat@agmail.com Xây dựng ứng dụng AddressBook • Giới thiệu  Ứng dụng web áp dụng AJAX  Quản lý danh bạ trực tuyến • Lựa chọn cơng nghệ  PHP/MySQL  Appserv 21 LUAN VAN... phát triển • Nâng cao tính cộng đồng chia sẻ • Xây dựng ứng dụng tính tương tác cao với người dùng • Thay ứng dụng Web truyền thống ứng dụng Web kiểu AJAX • Cung cấp phần mềm dạng dịch vụ Web 29... add luanvanchat@agmail.com Nội dung • Giới thiệu công nghệ AJAX • Các công nghệ cấu thành AJAX • XMLHttpRequest trao đổi liệu bất đồng • Ứng dụng AddressBook • Kết luận hướng phát triển 27 LUAN