1. Trang chủ
  2. » Giáo Dục - Đào Tạo

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

35 2 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 35
Dung lượng 735,84 KB

Nội dung

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

Ngày đăng: 01/11/2022, 20:12

TÀI LIỆU CÙNG NGƯỜI DÙNG

TÀI LIỆU LIÊN QUAN

w