Đang tải... (xem toàn văn)
Tài liệu tham khảo kỹ thuật công nghệ, chuyên ngành tin học Tìm hiểu về AJAX và xây dựng Website có ứng dụng công nghệ AJAX
Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX CHƯƠNG : TỔNG QUAN VỀ ĐỀ TÀI 1.1 Giới thiệu sở thực tập Công ty VDC-Net2E công ty hàng đầu lĩnh vực cung cấp dịch vụ trực tuyến Công ty VDC-Net2E thành lập sáng lập viên: Cơng ty Điện tốn Truyền số liệu (VDC) trực thuộc Tổng Cơng ty Bưu Viễn thơng Việt Nam, Công ty TNHH Kalet, Công ty TNHH Thiết bị bảo vệ Điện tử tin học Việt Anh Công ty Cổ phần Điện tử, Cơng nghiệp Hố Chất Việt Nam Các lĩnh vực hoạt động Cơng ty bao gồm: + Dịch vụ Giải trí trực tuyến + Dịch vụ Gia tăng giá trị mạng Internet + Thương mại điện tử + Dịch vụ tư vấn thiết kế phần mềm máy tính … Công ty VDC- Net2E phát hành sản phẩm giải trí trực tuyến, game online : + Con đường tơ lụa (www.conduongtolua.com.vn) + Ongame – Thiên đường giải trí (www.ongame.com.vn), cổng game portal số Việt nam Silkroad coi bước đột phá làng Game Online Hàn Quốc cơng bố năm 2004 Các game thủ u thích Silk Road khơng đồ hoạ đẹp, cách chơi hay mà cịn chứa đựng giá trị văn hố lịch sử giới Chính mà năm 2005, game liên tiếp đoạt giải thưởng Nội dung điện tử xuất sắc Bộ Thông tin - Viễn thông Hàn Quốc (9/2005) Giải Công nghệ Sáng tạo liên hoan Game Hàn Quốc Bộ Du lịch - Thông tin Hàn Quốc tổ chức (10/2005) Mục tiêu VDC- Net2E trở thành cơng ty hàng đầu lĩnh vực giải trí trực tuyến, chiếm lĩnh thị phần học tập giải trí trực tuyến nước hội nhập Quốc tế Cơng Ty: Cơng ty VDC-Net2E Loại hình cơng ty: Cơng ty cổ phần Địa chỉ: Nhà B1 – DN 13 đường Nguyễn Khánh Toàn – Quan Hoa Cầu Giấy - Hà Nội ( Nguyễn Phong Sắc kéo dài ) Dương Minh Đức CQ470604 CNTT- K47 Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX Quận Huyện: Cầu giấy Mã Bưu Điện: Tỉnh/Thành Phố: Hà Nội Quốc Gia: Việt Nam Số điện thoại: Fax: E-mail: URL: http://www.vdc-net2e.com.vn 1.2 Giới thiệu đề tài : Đề tài : Tìm hiểu AJAX xây dựng Website có ứng dụng cơng nghệ AJAX 1.2.1 Lý chọn đề tài Trong thời đại bùng nổ thông tin với phát triển nhanh chóng vượt bậc truyền thông đa phương tiện Internet gần mái nhà chung giới , giới thứ Đi liền Internet phát triển công nghệ Web Ban đầu ứng dụng Web mang tính chất tham khảo kiến thức khơng trọng tới hình thức giao tiếp người dùng Khi internet phát triển mạnh mẽ lúc kèm theo nhu cầu ứng dụng Web Người ta đòi hỏi Web App ngày nhanh nhậy thân thiện , trực quan Q trình phát triển cơng nghệ ứng dụng Web : Ban đầu, trang Web tĩnh; người dùng gửi yêu cầu tài nguyên đó, server trả tài nguyên Các trang Web khơng có văn định dạng phân tán Đối với trình duyệt, trang Web tĩnh khơng phải vấn đề khó khăn, trang Web lúc đầu để thông tin kiện, địa chỉ, hay lịch làm việc qua Internet mà thơi, chưa có tương tác qua trang Web Năm 1990, Tim Berners-Lee, CERN, sáng chế HTML (Hyper Text Markup Language), ngôn ngữ đánh dấu siêu văn HTML Dương Minh Đức CQ470604 CNTT- K47 Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX đơn giản dễ dùng, trở thành ngôn ngữ phổ biến Tuy nhiên, khơng lâu sau đó, nhu cầu trang Web động, có tương tác ngày tăng, đời cơng nghệ Web động điều tất yếu Sau số công nghệ Web động bản: CGI Giải pháp để làm trang Web động Common Gateway Interface (CGI) CGI cho phép tạo chương trình chạy người dùng gửi yêu cầu Giả sử cần hiển thị các mục để bán Web site – với CGI script ta truy nhập sở liệu sản phẩm hiển thị kết Sử dụng form HTML đơn giản CGI script, tạo “cửa hàng” ảo cho phép bán sản phẩm cho khách hàng qua trình duyệt CGI script viết số ngôn ngữ từ Perl Visual Basic Tuy nhiên, CGI khơng phải cách an tồn cho trang Web động Với CGI, người khác chạy chương trình hệ thống Vì chạy chương trình khơng mong muốn gây tổn hại hệ thống Nhưng dù vậy, hơm CGI sử dụng Applet Tháng 5/1995, John Gage hãng Sun Andressen (nay thuộc Netscape Communications Corporation) cơng bố ngơn ngữ lập trình có tên Java Netscape Navigator hỗ trợ ngơn ngữ này, đường cho trang Web động mở ra, kỷ nguyên applet bắt đầu Applet cho phép nhà phát triển viết ứng dụng nhỏ nhúng vào trang Web Khi người dùng sử dụng trình duyệt hỗ trợ Java, họ chạy applet trình duyệt máy ảo Java Virtual Machine (JVM) Dù applet làm nhiều điều song có số nhược điểm: thường bị chặn việc đọc ghi file hệ thống, tải thư viện, khơng thể thực thi phía client Bù lại hạn chế trên, applet chạy Dương Minh Đức CQ470604 CNTT- K47 Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX mơ hình bảo mật kiểu sandbox bảo vệ người dùng khỏi đoạn mã nguy hiểm Có lúc applet sử dụng nhiều, có vấn đề nảy sinh: phụ thuộc vào máy ảo Java JVM, applet thực thi có mơi trường thích hợp cài đặt phía client, tốc độ applet tương đối chậm applet khơng phải giải pháp tối ưu cho Web động JavaScript Cùng thời gian này, Netscape tạo ngôn ngữ kịch gọi JavaScript JavaScript thiết kế để việc phát triển dễ dàng cho nhà thiết kế Web lập trình viên khơng thành thạo Java (Microsoft có ngơn ngữ kịch gọi VBScript) JavaScript trở thành phương pháp hiệu để tạo trang Web động Việc người ta coi trang đối tượng làm nảy sinh khái niệm gọi Document Object Model (DOM) Lúc đầu JavaScript DOM có kết hợp chặt chẽ sau chúng phân tách DOM hoàn toàn cách biểu diễn hướng đối tượng trang Web sửa đổi với ngôn ngữ kịch JavaScript hay VBScript Tổ chức World Wide Web Consortium (W3C) chuẩn hóa DOM, European Computer Manufacturers Association (ECMA) phê duyệt JavaScript dạng đặc tả ECMAScript JSP/Servlet, ASP PHP Cùng với Java, Sun đồng thời đưa công nghệ gọi servlet Các đoạn mã Java khơng chạy phía client với applet; chúng chạy ứng dụng phía server Servlet đồng thời phục vụ CGI script Servlet Dương Minh Đức CQ470604 CNTT- K47 Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX bước tiến lớn, đưa thư viện hàm API Java thư viện hoàn chỉnh để thao tác giao thức HTTP JavaServer Page (JSP) cơng nghệ lập trình Web Sun, với cơng nghệ khác Microsoft Active Server Pages (ASP), JSP công nghệ địi hỏi trình chủ hiểu Java.Microsoft nghiên cứu nhược điểm servlet tạo ASP dễ dàng để thiết kế trang web động Microsoft thêm công cụ mạnh tích hợp hồn hảo với Web server JSP ASP có nét tương đương chúng thiết kế để phân tách qua trình xử lí khỏi q trình biểu diễn Có khác biệt kỹ thuật, song hai cho phép nhà thiết kế Web tập trung vào cách bố trí (layout) nhà phát triển phần mềm tập trung vào kỹ thuật lập trình logic Tất nhiên Microsoft Sun không độc quyền giải pháp phía server Cịn có cơng nghệ khác, phải kể đến PHP (Hypertext Preprocessor) Cold Fusion Các công nghệ cung cấp công cụ mạnh cho nhà phát triển Flash Năm 1996, FutureWave đưa sản phẩm FutureSplash Animator Sau FutureWave thuộc sở hữu Macromedia, cơng ty đưa sản phẩm Flash Flash cho phép nhà thiết kế tạo ứng dụng hoạt họa linh động Flash khơng địi hỏi kỹ lập trình cao cấp dễ học Cũng giống nhiều giải pháp khác Flash yêu cầu phần mềm phía client Chẳng hạn gói Shockwave Player plug-in tích hợp số hệ điều hành hay trình duyệt DHTML Khi Microsoft Netscape đưa version trình duyệt họ, nhà phát triển Web có lựa chọn mới: Dynamic HTML (DHTML) DHTML chuẩn W3C; giống cơng cụ thương Dương Minh Đức CQ470604 CNTT- K47 Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX mại Trong thực tế tập hợp gồm HTML, Cascading Style Sheets (CSS), JavaScript, DOM Tập hợp công nghệ cho phép nhà pháp triển sửa đổi nội dung cấu trúc trang Web cách nhanh chóng Tuy nhiên, DHTML yêu cầu hỗ trợ từ trình duyệt Mặc dù Internet Explorer Netscape hỗ trợ DHTML, thể chúng khác nhau, nhà phát triển cần phải biết loại trình duyệt mà phía client dùng DHTML thật bước tiến mới, cần qui chuẩn để phát triển Hiện DHTML đường phát triển mạnh XML Kể từ đời vào năm 1990, eXtensible Markup Language (XML) W3C dẫn xuất SGML trở nên phổ biến XML có mặt khắp nơi, Microsoft Office 12 hỗ trợ định dạng file XML Ngày có nhiều dạng dẫn xuất XML cho ứng dụng Web (tất nhiên có XHTML): XUL Mozilla; XAMJ, sản phẩm mã nguồn mở Java; MXML từ Macromedia; XAML Microsoft Công nghệ Web hệ thứ hai – Web 2.0 Được xem cách mạng giới mạng, hệ web có thay đổi quan trọng khơng tảng cơng nghệ mà cịn cách thức sử dụng - hình thành nên mơi trường cộng đồng, người tham gia đóng góp cho xã hội “ảo” khơng “duyệt xem” Web 2.0 gì? Làm phân biệt đâu Web 1.0 đâu Web 2.0? Thuật ngữ “Web 2.0″ trở nên thịnh hành Thực chất, Web 2.0 có nghĩa sử dụng web với chất khả Mục tiêu người tiên phong xây dựng Internet nhằm kết nối nhà nghiên cứu máy tính họ với để chia sẻ thông tin Dương Minh Đức CQ470604 CNTT- K47 Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX hiệu Khi bổ sung World Wide Web (năm 1990), Tim Berners-Lee nhằm mục tiêu tạo phương tiện cho phép người dùng tự đưa thông tin lên Internet dễ dàng chia sẻ với người (trình duyệt web BernersLee viết bao gồm công cụ soạn thảo trang web) Tuy nhiên, sau web phát triển theo hướng khác mục tiêu ban đầu Tuy có số ngoại lệ giới Web 1.0 (thế hệ web trước Web 2.0) chủ yếu gồm website “đóng” hãng thơng hay cơng ty nhằm mục đích tiếp cận độc giả hay khách hàng hiệu Nó phương tiện phát tin phương tiện chia sẻ thông tin Chỉ đến gần đây, với xuất nhiều kỹ thuật blog (hay weblog), wiki… web trở nên có tính cộng đồng (và cộng tác) trở nên gần với kỳ vọng khả thực Khái niệm Web 2.0 Dale Dougherty, phó chủ tịch O’Reilly Media, đưa hội thảo Web 2.0 lần thứ O’Reilly Media MediaLive International tổ chức vào tháng 10/2004 Dougherty không đưa định nghĩa mà dùng ví dụ so sánh phân biệt Web 1.0 Web 2.0: “DoubleClick Web 1.0; Google AdSense Web 2.0 Ofoto Web 1.0; Flickr Web 2.0 Britannica Online Web 1.0; Wikipedia Web 2.0 v.v…” Sau Tim O’Reilly, chủ tịch kiêm giám đốc điều hành O’Reilly Media, đúc kết lại đặc tính Web 2.0: Web có vai trị tảng, chạy ứng dụng Tập hợp trí tuệ cộng đồng Dữ liệu có vai trị then chốt Phần mềm cung cấp dạng dịch vụ web cập nhật không ngừng Phát triển ứng dụng dễ dàng nhanh chóng Phần mềm chạy nhiều thiết bị Dương Minh Đức CQ470604 CNTT- K47 Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX Giao diện ứng dụng phong phú Thoạt đầu, Web 2.0 trọng tới yếu tố cơng nghệ, nhấn mạnh tới vai trị tảng ứng dụng Nhưng đến hội thảo Web 2.0 lần tổ chức vào tháng 10/2005, Web 2.0 nhấn mạnh đến tính chất sâu xa – yếu tố cộng đồng Chính lí em chọn đề tài để nghiên cứu công nghệ Web 2.0 bật nay, áp dụng vào toán thực tế ta xây dựng website , từ viên gạch 1.2.2 Mục tiêu yêu cầu đề tài Xây dựng website nhằm giới thiệu, tìm kiếm tra cứu thơng tin chia sẻ thông tin kiến thức , viết lưu bút Từ cho phép người thể tơi cá nhân Xây dựng website có đầy đủ hình ảnh thơng tin Xây dựng website có ứng dụng cơng nghệ AJAX vào quản lí tra cứu Đảm bảo tính an tồn bảo mật Đảm bảo thân thiện dễ sử dụng với người, Dương Minh Đức CQ470604 CNTT- K47 Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX CHƯƠNG : TỔNG QUAN VỀ AJAX 2.1 Khái niệm AJAX, công nghệ AJAX 2.1.1 Mở đầu Ban đầu người ta làm quen với mạng internet hình thức thư điện tử , World Wide Web Web từ thủa sơ khai Web tĩnh Người dùng gửi yêu cầu tới máy chủ máy chủ trả thơng tin có sẵn mà khơng có tương tác lựa chọn kết nối người xem thông tin nhà phát hành tin tức Đối với trình duyệt trang Web tĩnh thể đơn giản Chỉ với mục đích tra cứu thơng tin, tham khảo tài liệu Năm 1990, Tim Berners-Lee, CERN, sáng chế HTML (Hyper Text Markup Language), ngôn ngữ đánh dấu siêu văn HTML đơn giản dễ dùng, trở thành ngơn ngữ phổ biến bản.115 Web động đời cho phép nhà phát triển , lập trình viên nhanh chóng sử dụng cơng cụ để tương tác với bên người dùng Web động với chức tương tác hai chiều người viết người đọc tạo nên sóng mới, mở tương lai đầy hứa hẹn cho Internet Nhiều người hi vọng ứng dụng Web phát triển thay phần mềm chạy độc lập máy tính client đơn lẻ ( ứng dụng offline PC ) Quả thật, với phát triển chóng mặt mạng Internet với ưu điểm ứng dụng Web (truy cập nơi, không cần nâng cấp nhiều phía máy sử dụng,…), tương lai phần mềm chắn gắn chặt với ứng dụng Web, khơng muốn nói bị thay Tuy nhiên, giờ, hy vọng chưa đáp ứng cách triệt để số điểm đặc trưng ứng dụng Web lại giới hạn tưởng chừng khơng thể vượt qua Đó cách thức mà người dùng ứng dụng Web tương tác với 2.1.3 AJAX ? JavaScript, ngơn ngữ lập trình chạy trình duyệt quen thuộc với giới web kể từ Netscape phát minh Sự phát triển cơng nghệ nhu cầu người sử dụng ngày cao buộc nhà phát triển tạo kĩ thuật khác cho phép xử lý tác vụ phức tạp Tháng 2/2005, Internet bắt đầu lan truyền thuật ngữ Ajax kỹ thuật cho ứng dụng web Những thành cơng vang dội hấp dẫn kì lạ Gmail, Google Suggest Google Maps khiến cho Ajax ý cách đặc biệt Dương Minh Đức CQ470604 CNTT- K47 Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX Ajax viết tắt Asynchronous JavaScript and XML - kỹ thuật kết hợp hai tính mạnh JavaScript nhà phát triển đánh giá cao: • Gửi yêu cầu (request) đến máy chủ mà không cần nạp lại trang • Phân tách làm việc với XML Các ứng dụng Ajax xoay quanh tính có tên XMLHttpRequest Các kĩ sư dự án Mozilla bắt đầu hỗ trợ tính Mozilla 1.0 (và Netscape 7) Apple thực tính tương tự kể từ Safari 1.2 Ajax phối hợp loạt công nghệ thu hút quan tâm giới công nghiệp thời gian gần Đó là: • Trình bày trang web dựa XHTML CSS, chuẩn W3C, Firefox (Mozilla), Safari (Apple), Opera, Netscape 8.0 (nhân Firefox) hỗ trợ tốt; • Biểu diễn động tương tác sử dụng Document Object Model, chuẩn W3C; • Trao đổi xử lý liệu dùng XML XSLT, chuẩn W3C; • Thu hồi liệu bất đối xứng dùng XMLHttpRequest; • Dùng JavaScript để liên kết thứ lại với JavaScript ECMAScript, chuẩn ECMA, JScript Microsoft Ở ứng dụng web truyền thống, client gửi HTTP Request đến web server web server gửi trả response chứa thông tin dạng HTML CSS Ajax cho phép tạo Ajax Engine nằm giao tiếp Khi đó, yêu cầu gửi resquest nhận response Ajax Engine thực Thay trả liệu dạng HTML CSS trực tiếp cho trình duyệt, web server gửi trả liệu dạng XML Ajax Engine tiếp nhận, phân tách chuyển hóa thành XHTML+CSS cho trình duyệt hiển thị Việc thực client nên giảm tải nhiều cho server, đồng thời người sử dụng cảm thấy kết xử lý hiển thị tức mà khơng cần nạp lại trang Mặt khác, kết hợp công nghệ web CSS XHTML làm cho việc trình bày giao diện trang web tốt nhiều giảm đáng kể dung lượng trang phải nạp Đây lợi ích thiết thực mà Ajax đem lại Dương Minh Đức CQ470604 CNTT- K47 10 ... Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX Giao diện ứng dụng phong phú Thoạt đầu, Web 2.0 trọng tới yếu tố công nghệ, nhấn mạnh tới vai trò tảng ứng dụng Nhưng đến hội thảo... thiết thực mà Ajax đem lại Dương Minh Đức CQ470604 CNTT- K47 10 Chuyên đề thực tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX Ứng dụng Web truyền thông - AJAX Mô hình cổ điển : AJAX Dương Minh... tập Tìm hiểu AJAX xây dựng Website ứng dụng AJAX Dù nữa, chạy offline với ứng dụng Gears bạn nên lên kế hoạch sử dụng Bạn đừng hy vọng bắt đầu cơng việc Reader mà khơng có kết nối ban đầu Với ứng
