báo cáo đồ án tìm hiểu và xây dựng ứng dụng dựa trên công nghệ ajax

2 Nội dung • Giới thiệu công nghệ AJAX • Các công nghệ cấu thành AJAX • XMLHttpRequest và trao đổi dữ liệu bất đồng bộ • Ứng dụng AddressBook • Kết luận và hướng phát triển... Nội dung

Trang 1

BÁO CÁO

ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC

Sinh viên thực hiện : Phạm Thị Thu Duyên

Lớp : CT702 Giáo viên hướng dẫn: TS Nguyễn Ngọc Hóa

ĐỀ TÀI:

TÌM HIỂU VÀ XÂY DỰNG ỨNG DỤNG

DỰA TRÊN CÔNG NGHỆ AJAX

Trang 2

2

Nội dung

• Giới thiệu công nghệ AJAX

• Các công nghệ cấu thành AJAX

• XMLHttpRequest và trao đổi dữ liệu bất đồng bộ

• Ứng dụng AddressBook

• Kết luận và hướng phát triển

Trang 3

Nội dung

• XMLHttpRequest và trao đổi dữ liệu bất đồng bộ

Trang 4

4

Sự phát triển của Web

• 1990, Tim Berners-Lee sáng chế ra HTML=>mở ra kỷ nguyên WWW

 Không có sự tương tác qua Web

• Web 1.0 và các trang web động

 Các ứng dụng tương tác như eCommerce, forum…

 Các công nghệ sử dụng JavaScript, ASP/ASP.NET, JSP/Servlet, PHP…

Trang 5

Mô hình ứng dụng Web truyền thống

Trang 6

6

Mô hình tương tác đồng bộ client/server

Trang 7

Nhược điểm

• Cách thức tương tác với người dùng: đồng

bộ client/server

 Đợi phía server đáp ứng yêu cầu

 Nạp lại toàn bộ trang web sau mỗi tương tác

• Một số rào cản khác (hoạt động qua trình duyệt…)

Trang 8

8

Giải pháp và công nghệ thực tế

• Chỉ cập nhật các phần bị thay đổi của trang Web

• Trao đổi dữ liệu bất đồng bộ client/server

• AJAX xuất hiện như một giải pháp

• Một công nghệ của Web 2.0

Trang 9

Asynchronous JavaScript And XML

• AJAX là tập hợp của nhiều công nghệ với thế mạnh của riêng mình để tạo thành một sức mạnh mới

 Thể hiện web theo chuẩn XHTML và CSS

 Nâng cao tính năng động và phản hồi bằng DOM

 Trao đổi và xử lý dữ liệu bằng XML và XSLT

 Truy cập dữ liệu bất đồng bộ bởi XMLHttpRequest

 Liên kết công nghệ bằng JavaScript

Trang 10

10

Mô hình tương tác không đồng bộ với AJAX

Trang 11

Nội dung

• XMLHttpRequest và trao đổi dữ liệu bất

đồng bộ

Trang 12

12

Các công nghệ cấu thành AJAX

• Cascading Style Sheet (CSS): Bảng

định kiểu xếp chồng

• Document Object Model (DOM): Mô

hình đối tượng tài liệu

• eXtensible Markup Language (XML):

Ngôn ngữ đánh dấu mở rộng

• JavaScript: Ngôn ngữ kịch bản phía client

• XMLHttpRequest

Trang 14

14

Nội dung

đồng bộ

Trang 16

cho các trình duyệt non-IE

Trang 17

Mô hình ứng dụng AJAX

Trang 18

18

Một số ứng dụng dùng AJAX

• Xử lý văn bản trên Net

• Giao tiếp, liên lạc

• Chia sẻ và lưu trữ file

• Bản đồ trực tuyến

Trang 19

http://maps.google.com/

Trang 20

20

Nội dung

đồng bộ

• Giới thiệu ứng dụng AddressBook

Trang 22

22

Các module của ứng dụng

• Module admin

• Module quản lý login/logout cho user

• Module quản lý danh mục

• Module quản lý nhóm

• Module quản lý danh sách mail

• Module quản lý các chức năng

Trang 23

 Tạo và sử dụng đối tượng XMLHttpRequest

 Dùng JavaScript để thao tác trên các đối

tượng DOM

Trang 24

24

Kết quả ứng dụng

Trang 25

Ứng dụng SimpleAddressBook

Trang 26

26

So sánh

• Sau một tác động của người dùng

 AddressBook: Nạp lại phần trang web bị thay đổi

 SimpleAddressBook: Nạp lại toàn bộ trang web

Trang 27

Nội dung

đồng bộ

Trang 28

 Tăng tốc độ duyệt web

 Xóa ranh giới giữa các ứng dụng Web và

ứng dụng Desktop

Trang 29

Hướng phát triển

• Nâng cao tính cộng đồng và chia sẻ

• Xây dựng các ứng dụng tính tương tác cao với người dùng

• Thay thế ứng dụng Web truyền thống

bằng ứng dụng Web kiểu AJAX

• Cung cấp phần mềm dưới dạng các dịch

vụ Web

Trang 30

30

Em xin chân thành cảm ơn!

Trang 31

Kỹ thuật lập trình với AJAX

• Phía client: sử dụng các ngôn ngữ script

 Thao tác các đối tượng DOM

 Áp đặt giao diện với CSS

 Tạo và xử lý các đối tượng XMLHttpRequest

• Phía server: sử dụng các công nghệ phía server

 NET

 J2EE

Trang 32

32

Khó khăn trong lập trình AJAX và

giải pháp

• Lập trình phía client với ngôn ngữ Script

• Ứng dụng rất khó debug với mã nguồn được viết ở cả client và server

• Giải pháp

 Hạn chế đến mức tối thiểu viết mã phía client

 Sử dụng các thư viện AJAX trong ứng dụng Web

Trang 33

Giới thiệu một số thư viện

Trang 34

Giới thiệu về PHP

• Là một ngôn ngữ lập trình kiểu script,

chạy trên server và trả về mã HTML cho trình duyệt

Trang 35

SAJAX (Simple Ajax) cho PHP

• Sajax là một Ajax framework giúp ta tạo các mã JavaScript phía trình duyệt với các ngôn ngữ khác nhau phía server

• Hiện nay Sajax cho phép dùng với ASP,

ColdFusion, Perl, PHP, Python, và Ruby

trên server

Tiêu đề	Báo cáo Đồ Án Tìm Hiểu Và Xây Dựng Ứng Dụng Dựa Trên Công Nghệ Ajax
Tác giả	Phạm Thị Thu Duyên
Người hướng dẫn	TS. Nguyễn Ngọc Hóa
Trường học	Đại Học Công Nghệ Thông Tin và Truyền Thông Việt Nam
Chuyên ngành	Khoa Học Máy Tính
Thể loại	báo cáo đồ án tốt nghiệp
Năm xuất bản	2023
Thành phố	Hà Nội

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