Ajax và ứng dụng tại công ty điện thoại hà nội 1

Bộ giáo dục đào tạo Trờng đại học bách khoa Hà nội - Luận văn thạc sĩ khoa học Ajax ứng dụng công ty điện thoại Hà nội Ngành: xử lý thông tin truyền thông M số: 938 Nguyễn khắc Vinh Ngời hớng dẫn khoa học: T.S Hà quốc trung Hà nội 2006 Lời cam đoan Tên Nguyễn Khắc Vinh, Học viên lớp Cao học Xử lý thông tin truyền thông niên khoá 2004-2006 Tôi cam đoan nội dung viết luận văn nghiên cứu thân dới hớng dẫn T.S Hà Quốc Trung chép bất hợp pháp từ nghiên cứu ngời khác Nếu sai hoàn toàn chịu trách nhiệm Hà Nội, ngày 29 tháng 11 năm 2006 Ngời cam đoan: Nguyễn Khắc Vinh -1- Mục lục Danh mục ký hiệu, chữ viết tắt.6 Danh mục hình vẽ Lời nói đầu Phần 1: Ajax cách thiết kế web I Đặt vấn đề .11 II.Ajax mở rộng client.11 2.1 Khía cạnh ngời dùng 12 2.2 Khía cạnh mạng. 14 2.3 Các tơng tác dị bộ. 16 III Các nguyên tắt Ajax . 19 3.1 Trình duyệt chứa ứng dụng, không chứa nội dung .19 3.2 Server chuyển liệu, nội dung 21 3.3 Tơng tác liên tục ngời dùng với ứng dụng . 21 Phần 2: Các kỹ thuật Ajax Chơng 1: Các thành phần Ajax. 23 I Giới thiệu23 II JavaScript .25 III.CSS cách nhìn cảm nhận .26 3.1 Chọn lựa CSS27 3.2 Đặc tính CSS.28 IV DOM cách thức làm việc với DOM30 4.1 Làm việc với DOM sử dụng JavaScript31 4.2 Tìm kiếm node DOM 33 -2- 4.3 Tạo node DOM 33 4.4 Thêm kiểu dáng cho tài liệu 34 4.5 Shortcut: Sử dụng đặc tính HTML. 35 V Tải liệu sử dụng kỹ thuật XML 36 5.1 IFrames.36 5.2 Các đối tợng XmlDocument XmlHttpRequest 38 5.3 Gửi yêu cầu tới server 41 5.4 Sử dụng hàm gọi ngợc để giám sát yêu cầu 41 Chơng II: Cách sử dụng ứng dụng Ajax.44 I Phát triển trì sở liệu.44 1.1 Giới thiệu 44 1.2 Refactoring 44 1.3 Các mô hình sử dụng refactoring .45 II Mô hình MVC: Model-View- Controller.48 2.1 Giới thiệu 48 2.2 Web server MVC 49 2.2.1 Các vấn đề nảy sinh với khả sử dụng lại đoạn kịch 49 2.2.2 Sắp xếp lại mô hình50 2.2.3 Chia tách nội dung từ thể hiện50 Chơng III: Các kỹ thuật thiết kế ứng dụng 52 I Các mô hình MVC 52 1.1 MVC dùng mô hình lặp 52 1.2 Sử dụng MVC trình duyệt 53 II View ứng dụng Ajax. 55 2.1 Chia tách Logic khỏi View.55 2.2 Chia tách View khỏi Logic.57 III Bộ điều khiển ứng dụng Ajax. 57 3.1 Điều khiển kiện JavaScript truyền thống 57 -3- 3.2 Mô hình kiện W3C 60 IV Tạo View từ mô hình 61 Chơng IV: Vai trò Server 62 I Làm việc với Server 62 II Mã chơng trình phía server63 2.1 Các ngôn ngữ ứng dụng thông dụng63 2.2 Các kiến trúc N-tier..64 2.3 Duy trì mô hình phía client server.65 III Bức tranh toàn cảnh: Thiết kế server thông dụng 66 3.1 Làm việc với Framework dựa thành phần.66 3.2 Làm việc với kiến trúc hớng dịch vụ 67 3.3 Trao đổi liệu69 3.3.1 Tơng tác với client 70 3.3.2 Tơng tác content-centric.70 3.3.3 Các tơng tác script-centric 71 3.3.4 Tơng tác data-centric 73 IV Viết cho server 74 4.1 Sử dụng dạng HTML75 4.2 Sử dụng đối tợng XMLHttpRequest 77 Phần III Xây dựng ứng dụng Ajax công ty điện thoại Hà Nội I Khảo sát đánh giá trạng .78 1.1 Đặc điểm công ty.78 1.2 Bài toán.78 II Phân tích hoạt động kết thực 79 2.1 Hoạt động cập nhật thông tin DSLAM .79 2.2 Các mối quan hệ 80 -4- 2.3 Kết thực công việc.81 2.4 Đánh giá kết thực .84 Phần IV triển vọng Ajax khó khăn I Xây dựng ứng dụng chất lợng 85 II Bảo mật Ajax 86 III Các thay cho Ajax. 87 3.1 Các giải pháp dựa Macro Media Flash 87 3.2 Java Web start kỹ thuật có liên quan 88 IV Những nhợc điểm Ajax 88 V Hớng phát triển tơng lai.89 Kết luận kiến nghị 90 Tài liệu tham khảo .92 -5- Danh mục ký hiệu, chữ viết tắt STT Từ viết tắt Giải nghĩa AJAX Asynchronous JavaScript and XML CGI Common Gateway Interface CSS Cascading Style Sheets DOM Document Object Model DHTML Dynamic HTML HTML Hyper Text Messager HTTP Hyper Text Transfer Protocol ID IDENTIFIER IE Internet Explorer 10 IFRAME Inline Frame 11 J2EE Java/Java Enterprise Edition 12 MVC Model View Controller 13 RPC Remote Procedure Call 14 ORM Object Relational Mapping 15 W3C World Wide Web Consortium 16 SQL Query Language 17 SOA Service Oriented Architechture 18 UI User Interface -6- Danh mục hình vẽ, đồ thị Thứ tự Hình 1.1 Tên hình Kiến trúc ứng dụng đơn Trang 13 máy tính để bàn Hình 1.2 Kiến trúc hệ thống client/server 13 kiến trúc n-tier Hình 1.3 Biểu đồ hàm gọi thủ tục cục 15 Hình 1.4 Biểu đồ thủ tục gọi từ xa 16 Hình 1.5 Biểu đồ phản hồi đồng 17 Hình 1.6 Biểu đồ phản hồi dị 18 Hình 1.7 Thời gian sống ứng dụng web truyền 19 thống Hình 1.8 Thời gian sống ứng dụng Ajax Hình 2.1 Cách thức liệu làm việc 20 24 Ajax Hình 2.2 Cấu trúc DOM tài liệu HTML 31 Hình 2.3 Chuỗi kiện xử lý dị trang web 38 Hình 2.4 Chu trình thực mô hình Facade 46 Hình 2.5 Phân chia trách nhiệm mô hình Giám sát 46 Hình 2.6 Mô hình tập lệnh ứng dụng sử lý văn 47 Hình 2.7 Mô hình singleton 47 Hình 2.8 Thành phần mô hình MVC 48 Hình 2.9 Cách thức thực yêu cầu qua mạng 49 -7- Hình 2.10 Mô hình MVC ứng dụng cấu trúc widget 53 Hình 2.11 Mô hình MVC với quy mô khác 54 kiến trúc ứng dụng Hình 2.12 Kiến trúc MVC với mô hình tự lặp 54 Hình2.13 di chuyển phản hồi tier thể từ server 65 tới trình duyệt Hình2.14 Lập trình web framework 66 Hình 2.15 Kiến trúc web framework dựa vào 67 thành phần Hình 2.16 Hệ thống xử lý tất đối tợng hệ thống 69 sử dụng Facade xử lý số đối tợng Hình 2.17 Mô hình content-centric 71 Hình 2.18 Kiến trúc Script centric cho ứng dụng 73 Ajax Hình 2.19 Kiến trúc Data-centric ứng dụng Ajax 74 Hình 3.1 Giao diện thống kê DSLAM 81 Hình 32 Giao diện thiết bị vệ tinh 82 Hình 3.3 Các lựa chọn nhập số liệu thiết bị 83 trạm Hình 3.5 Giao diện nhập hiển thị với lựa chọn trạm khác -8- 84 Lời nói đầu Trong thời đại ngày nay, việc xây dựng cổng thông tin cho doanh nghiệp trở thành nhu cầu tất yếu Thông qua kênh thông tin trang web, doanh nghiệp quảng bá hình ảnh tới tất c dân mạng nh tới đối tác làm ăn Với nhu cầu nh vậy, công nghệ thiết kế web tĩnh truyền thống nh Fronpage, Dreamware đáp ứng đợc đòi hỏi ngày khắt khe khả xử lý thông tin giao diện ngời dùng kém, chế bảo mật đơn giản, sở liệu nghèo nàn không linh hoạt, khả cập nhật thông tin hạn chế Để giải vấn đề web tĩnh, xuất công nghệ mới, cho phép cung cấp trang web động với sở liệu lớn, khả cập nhật nhanh, tốc độ trao đổi thông tin nhanh chóng kịp thời, khả bảo mật u việt Có thể kể công nghệ nh PHP, JavaScript, Net công nghệ dành đợc nhiều ý thời gian gần Ajax với cách thức xử lý xây dựng web Với điều kiện công tác Công ty Điện thoại Hà Nội 1, thực tế địa bàn quản lý yêu cầu công việc đòi hỏi phải có cổng thông tin có khả trao đổi thông tin với khối lợng lớn, tốc độ cao, thời gian trao đổi thông tin nhanh chóng kịp thời, đơn giản dễ dàng sử dụng Từ thực tế công việc, từ niềm yêu thích Ajax, định chọn đề tài Ajax ứng dụng công ty Điện Thoại Hà Nội Nội dung đề tài bao gồm: - Nghiên cứu tổng quan công nghệ Ajax - Tìm hiểu cách thức triển khai Ajax với ứng dụng mạng theo mô hình client/server -9- Phần III Xây dựng ứng dụng Ajax Công ty Điện Thoại Hà Nội I Khảo sát đánh giá trạng 1.1 Đặc điểm công ty Công ty điện thoại Hà Nội đơn vị trực thuộc Bu Điện Hà Nội hoạt động lĩnh vực viễn thông Địa bàn hoạt động công ty dàn trải diện tích rộng lớn, bao gồm nửa Hà Nội tính theo đờng tàu Quận Hoàng Mai đến quận Hoàn Kiếm ba huyện ngoại thành Gia Lâm, Đông Anh Sóc Sơn Nhu cầu trao đổi thông tin đơn vị công ty lớn Do đặc thù địa bàn quản lý phân bổ nhiều địa điểm phạm vi rộng lớn nên việc trao đổi thông tin không thực theo cách thông thờng đợc Phần lớn giao dịch đợc thực thông qua mạng máy tính với server đặt Công ty Một thông tin đợc trao đổi nhiều báo cáo, nh cập nhật thông tin đơn vị toàn công ty Thông qua báo cáo thông tin cập nhật, thành viên công ty thực chức nhiệm vụ 1.2 Bài toán *) Mặc dù số lợng báo cáo thông tin cập nhật công ty lớn Tuy nhiên chúng lại tuân theo định dạng tơng đối giống Tất bao gồm phần tiêu đề giống nhau, kèm theo thành phần thay đổi đợc dùng để cập nhật, thay đổi Nếu tiến hành xây dựng ứng dụng web theo truyền thống, thực thao tác dẫn đến tình trạng thực công việc chậm, phải load toàn thông tin có liên quan trang Với số lợng báo cáo cập nhật ngày hàng -78- nghìn lần dẫn đến tình trạng tải Mạng hoạt động chậm không hiệu Chính vậy, sử dụng kỹ thuật Ajax việc xây dựng ứng dụng web thời điểm hoàn toàn hợp lý *) Trong giai đoạn nay, với việc phát triển mạnh mẽ dịch vụ ADSL, việc nắm vững vị trí nh số lợng thiết bị điều khiển DSLAM địa điểm khác mạng điều tất yếu Để trì đợc thông tin này, hàng ngày, hàng tháng kỹ thuật viên có nhiệm vụ cập nhật, thay đổi thêm thông tin vào sở liệu II Phân tích hoạt động kết thực hiện: 2.1 hoạt động Cập nhật thông tin DSLAM Đối với việc cập nhật thiết bị DSLAM đài cần số yêu cầu sau đây: - Tên đài có lắp đặt thiết bị - Chủng loại thiết bị - Số lợng vệ tinh có đài - Số lợng thiết bị có vệ tinh - Số lợng thuê bao - Điểm đấu nối (tới nhà cung cấp dịch vụ ADSL) - Thời gian đa vào hoạt động - Số lợng VPI VCI Ta xếp thông tin thiết bị theo chủng loại thiết bị, theo đơn vị quản lý thiết bị Các yêu cầu đài điện thoại nh Nh thay đổi đài hay trạm vệ tinh số lợng thông tin thiết bị DSLAM trạm thay đổi theo Từ đặc điểm đó, xây dựng trang web báo cáo cập nhật, ta sử dụng Ajax Nhờ việc cho phép tải phần thông tin từ server, tốc độ thực công việc đợc tăng lên đáng kể -79- 2.2 Các mối quan hệ Ta nhận thấy rằng, đài điện thoại đợc nhận dạng mã Mỗi đài điện thoại lại có số lợng vệ tinh, đợc xác định mã Mỗi vệ tinh có số lợng thuê bao khác chủng loại thiết bị DSLAM khác nh thông tin thời gian hoà mạng, điểm đấu nối dịch vụ Từ đó, ta có số mối quan hệ nh sau: - Mối quan hệ đài điện thoại số lợng thiết bị, số lợng thuê bao Đài Điên Thoại Số lợng vệ tinh Số thiết bị DSL Số thuê bao - Mối quan hệ đài điện thoại, vệ tinh đài, tên thiết bị sử dụng Đài Điện Thoại Tên Vệ Tinh Chủng loại thiết bị - Mối quan hệ thiết bị Mã số thiết bị mạng Loại thiết bị Thời gian hoà mạng Điểm kết nối (đầu cuối) Từ mối quan hệ đó, ta tiến hành xây dựng sở liệu cho hệ thống Cơ sở liệu đợc sử dụng SQL Server 2000 Ngôn ngữ đợc sử -80- dụng ngông ngữ JavaScript dùng kỹ thuật thiết kế web Ajax trình bày Kết thực công việc Hình 3.1: Giao diện thống kê DSLAM -81- Hình 3.2: Giao diện thiết bị Vệ tinh -82- Hình 3.3: Các lựa chọn nhập số liệu thiết bị trạm -83- Hình 3.4: Giao diện nhập hiển thị với lựa chọn trạm khác 2.4 Đánh giá kết thực Từ kết thực chơng trình ta có số nhận xét nh sau: - Ajax thích hợp cho công việc báo cáo, thực cập nhật thông tin mạng - Thông qua Ajax, ngời dùng dễ dàng theo dõi đợc công việc - Thời gian xử lý công việc đợc giảm nhiều - Chơng trình cần thời gian để sửa đổi cập nhật -84- Phần IV: Triển vọng Ajax khó khăn I Xây dựng ứng dụng chất lợng Để Ajax thực đóng vai trò quan trọng việc thiết kế web tơng lai, ta cần phải thực nhiều việc Với thực ta xây dựng ứng dụng cho Tuy nhiên ứng dụng ta dờm dà khó sử dụng Một điều lớn mà ta làm đợc tạo cho ngời dùng cảm giác thoải mái với ứng dụng cách thông tin kiện gốc Để đợc coi ứng dụng chất lợng phải đảm bảo đợc điều kiện sau: - Tính phản ứng nhanh - Tính mạnh mẽ (robust) - Tính kiên định (trớc sau nh một) - Tính dễ dàng - Hoạt động tốt Để thực đợc điều kiện trên, ta phải tiến hành thực thiết kế xây dựng : - Duy trì thông tin cho ngời dùng bao gồm việc điều khiển phản hồi với yêu cầu ngời dùng việc điều khiển nâng cấp từ yêu cầu ngời dùng - Thiết kế hệ thống thông báo cho Ajax: Thực mô hình hoá thông báo Việc định nghĩa tin thông báo có dạng nh ( gồm đoạn text cho ngời dùng chức icon để tin), định nghĩa vài mức u tiên đăng ký mức u tiên cho vài loại tin - Sử dụng framework với yêu cầu mạng: Sử dụng framework để cung cấp tin trạng thái yêu cầu liệu mà -85- thực cách tự động (vd: tiến trình, hoàn thành.) - Hiển thị tính tơi liệu: Với thay đổi cấu trúc liệu hệ thống, cần có hiển thị II Bảo mật Ajax Bảo mật phần quan trọng dịch vụ Internet Đây lĩnh vực rộng có nhiều vấn đề bảo mật mà ứng dụng ứng dụng web phải đối mặt Trớc hết bảo mật với kịch mạng nh cách thức mà trình duyệt thực để hoạt động cách an toàn Tiếp cách thức bảo vệ liệu ngời dùng đợc liên kết với server, cho phép ngời dùng làm việc với dịch vụ Ajax cách tự tin Cuối cách thức bảo vệ dịch vụ liệu mà client Ajax sử dụng để ngăn chặn việc sử dụng liệu cách bất hợp pháp từ thực thể khác mạng Bảo mật JavaScript trình duyệt Khi tiếp cận với ứng dụng Ajax, server web gửi tập tập lệnh JavaScript tới trình duyệt web chạy máy khác (máy đợc biết đến ít) Trình duyệt xử lý để thực lệnh Khi trình duyệt thực lệnh trên, ngời sử dụng ứng dụng đặt số kiện ứng dụng nh quản lý Trình duyệt chuẩn hoá nhận lúc kiện tơng ứng, đa biện pháp an toàn để bảo vệ khỏi ảnh hởng Ta tìm hiểu chế bảo vệ cách thức làm việc với chúng Trớc tiên định nghĩa mã di động Mọi thứ ổ cứng máy tính tập liệu nhị phân Ta phân biệt liệu liệu thể lệnh máy (các lệnh đợc thực hiện) Dữ liệu làm đợc trừ vài tiến trình thực sử -86- dụng Trong ứng dụng client/server, client đợc cài đặt máy ngời sử dụng giống nh ứng dụng desktop nào, tất lu lợng vào mạng liệu Mã JavaScript ứng dụng Ajax lại mã thực đợc Vì thực nhiều thứ mà liệu chết làm đợc Tuy điều nguy hiểm Chúng ta mô tả mã di động nh đợc lu trữ máy truyền dọc theo mạng để thực máy khác Máy tính nhận mã di động cần phải xem xét liệu xem mã có từ nơi gửi mã đến hay không Điều thực quan trọng đặc biệt môi trờng Internet công cộng III Các thay cho Ajax Có thể nói, Ajax đời đánh dấu bớc ngoặt lớn công nghệ làm web Nó đáp ứng đợc nhu cầu xây dựng ứng dụng dựa web mà không cần cài đặt Tuy nhiên, có Ajax nghiên cứu lĩnh vực Bên cạnh có nhiều nghiên cứu khác mà ta lựa chọn 3.1 Các giải pháp dựa Macromedia Flash MacromediaFlash hệ thống chủ yếu dùng để chạy phim, sử dụng định dạng đồ hoạ vectơ Các phim Flash đợc chạy chúng đợc download về, cho phép ngời sử dụng quan sát đợc bit phiem trớc bit cuối đến nơi Các phim Flash tơng tác đợc lập trình với Action Script, dạng JavaScript Hệ thống hỗ trợ cho dạng widget đợc sử dụng nhiều lĩnh vực, từ tơng tác games giao tiếp ngời dùng phức tạp Với mục đích hỗ trợ cho việc tạo client đa dạng với Flash, hai kỹ thuật đợc quan tâm MacromediasFlex mã nguồn mở Lazlo Cả hai -87- kỹ thuật cung cấp định dạng phía server để tạo giao diện ngời dùng UI 3.2 Java Web Start kỹ thuật có liên quan Java Web Start kỹ thuật để xây dựng ứng dụng web dựa Java web server trờng hợp mà xử lý để bàn tìm thấy, download chạy Những ứng dụng đợc thêm vào dới dạng đờng link, cho phép truy nhập từ trình duyệt Web Start-sarvy Web Start tơng thích với runtime Java, trình cài đặt đợc thực tự động cho phép đọc đợc Web Start trình duyệt IE Mozzila Khi thực download, ứng dụng Web Start đợc lu trữ dới dạng hộp cát có quản lý file hệ thống, đợc tự động cập nhật phiên Điều giúp Web Start chạy kết nối mạng, qua giảm đợc lu lợng tải về, phù hợp với ứng dụng lớn Các ứng dụng đợc số hoá, ngời sử dụng chọn lựa phơng thức truy cập đầy đủ vào file hệ thống, cổng mạng tài nguyên khác IV Những nhợc điểm Ajax Ajax góp phần tạo nên hệ cho ứng dụng web Tuy nhiên, công nghệ nguy hiểm gây không rắc rối giao diện ngời dùng Chẳng hạn phím back (trở lại trang trớc) đợc đánh giá cao giao diện website chuẩn Đáng tiếc, chức lại không ăn khớp với JavaScript ngời tìm lại đợc nội dung trớc ấn phím Back Bởi vậy, sơ xuất nhỏ liệu trang bị thay đổi khó khôi phục lại đợc Đây nguyên nhân khiến nhiều ngời không ủng hộ ứng dụng JavaScript -88- Bên cạnh đó, ngời lu lại địa web vào th mục Favorite dùng để tra cứu sau Do áp dụng lớp trung gian để giao dịch, ứng dụng Ajax địa cố định cho nội dung Khiếm khuyết làm cho Ajax khó tiếp cận mắt ngời dùng Ngoài ngời dùng tắt chức JavaScript sử dụng trình duyệt cũ mã Ajax dùng để xây dựng website không tỉa đợc trang Chính cần có thay đổi cập nhật thờng xuyên trình duyệt web đại nh IE, Firefox, Mozzila, Safari hay Opera V Hớng phát triển tơng lai Thách thức lớn tạo ứng dụng Ajax không nằm khâu kỹ thuật thành phần xuất từ lâu, hoạt động ổn định đợc nhiều ngời biết đến Vấn đề Các chuyên gia thiết kế cần quên giới hạn web, bắt đầu nghĩ rộng hơn, sâu khả công nghệ sáng tạo theo cách riêng ngời Để Ajax phát triển đợc tơng lai, cần phải ý đến số vấn đề sau: Các chuẩn hoá cho XMLHttpReqquest Cần kiểm chứng mô hình lập trình Cần hỗ trợ trình duyệt tốt Cung cấp framework nh phát triển framework -89- Kết luận kiến nghị Dới hớng dẫn tận tình thầy giáo TS Hà Quốc Trung, hoàn thành đề tài Ajax ứng dụng Công ty Điện thoại Hà Nội Với thực luận văn, kết thu đợc tóm tắt nh sau: - Trình bày rõ đặc điểm, yếu tố cấu thành nên kỹ thuật lập trình web Ajax Qua ta hình dung đợc cách tổng quan bớc để xây dựng ứng dụng web có sử dụng công nghệ Ajax Những nội dung đợc thể phần I II luận văn - Vận dụng kiến thức tìm hiểu, nắm bắt yêu cầu công nghệ Ajax kết hợp với việc tìm hiểu điều kiện hoàn cảnh thực tế hoạt động công tác Công ty Điện thoại Hà Nội áp dụng vào việc xây dựng ứng dụng báo cáo công việc qua mạng internet Qua trình xây dựng, hình thành quy trình cách thức xây dựng ứng dụng web, có sử dụng Ajax Các thông tin đợc cung cấp chủ yếu phần III Mặc dù vậy, Ajax công nghệ mẻ đa dạng, hạn chế thời gian, luận văn dừng lại mức thể thành phần ứng dụng web, cách thức biểu diễn liệu, cách thức trao đổi thông tin server client, cách thức cập nhật liệu Việc xây dựng ứng dụng thu đợc kết quả, nhng dừng lại mức độ mô lại kỹ thuật đề cập Ajax phần Trong tơng lai, tiếp tục nghiên cứu sâu kỹ thuật tạo ổn định ứng dụng thông qua việc trì thông tin server ngời dùng, kỹ thuật bảo mật; phát đa frame work Ajax, hỗ trợ cho việc phát triển ứng dụng web Tiếp tục nghiên cứu hoàn thiện chơng trình thực để sử dụng Công ty Điện thoại Hà Nội -90- Một lần nữa, xin chân thành cảm ơn Thầy Hà Quốc Trung giảng viên khoa Công nghệ thông tin Trờng đại học Bách khoa Hà Nội nhiệt tình hớng dẫn suốt trình viết luận văn Tôi xin cảm ơn đóng góp nội dung luận văn từ KS Nguyễn Khơng Duy cán Công ty Điện thoại Hà Nội đồng nghiệp bạn nghiên cứu Nguyễn Khắc Vinh -91- Tài liệu tham khảo Tiếng Việt Ajax kết hợp kỳ diệu công nghệ web, www.vnexpress.net, tr 92-93 Tiếng Anh Addison-Wesley Professional (1999), Refactoring: Improving the Design of Existing Code,tr 44-45 Dave Crane, Eric Pascarello, Darren James (2005), Ajax in Action, Manning Publication David Heller (2005), Ajax for Designer, www.synapticburn.com John Wiley (2004), JavaSScript Bible OReilly (2002), Dynamic HTML The Definitive Reference,tr 23-25 Trang web www.w3schools.com www.ajaxpatterns.org http://www.wikipedia.org http://java.sun.com www.maps.google.com -92- ... giản dễ dàng sử dụng Từ thực tế công việc, từ niềm yêu thích Ajax, định chọn đề tài Ajax ứng dụng công ty Điện Thoại Hà Nội Nội dung đề tài bao gồm: - Nghiên cứu tổng quan công nghệ Ajax - Tìm hiểu... tục gọi từ xa 16 Hình 1. 5 Biểu đồ phản hồi đồng 17 Hình 1. 6 Biểu đồ phản hồi dị 18 Hình 1. 7 Thời gian sống ứng dụng web truyền 19 thống Hình 1. 8 Thời gian sống ứng dụng Ajax Hình 2 .1 Cách thức... script-centric 71 3.3.4 Tơng tác data-centric 73 IV Viết cho server 74 4 .1 Sử dụng dạng HTML75 4.2 Sử dụng đối tợng XMLHttpRequest 77 Phần III Xây dựng ứng dụng Ajax công ty điện thoại Hà Nội I Khảo