Xây dựng ứng dụng WEB CHAT

Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT ĐẠI HỌC QUỐC GIA HÀ NỘI TRƯỜNG ĐẠI HỌC CÔNG NGHỆ Nguyễn Ngọc Tráng XÂY DỰNG ỨNG DỤNG WEBCHAT KHOÁ LUẬN TỐT NGHIỆP ĐẠI HỌC HỆ CHÍNH QUY Ngành: Cơng nghệ thơng tin Cán hướng dẫn: Ths Nguyễn Thị Hậu HÀ NỘI – 2010 I LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT Lời cảm ơn Trước tiên, tơi xin gửi lời cảm ơn lịng biết ơn sâu sắc đến thạc sỹ Nguyễn Thị Hậu người tận tình bảo hướng dẫn tơi suốt q trình thực khố luận tốt nghiệp Tơi xin bày tỏ lời cảm ơn sâu sắc đến thầy cô giáo giảng dạy suốt bốn năm học qua, cho nhiều kiến thức quý báu để vững bước đường học tập Tơi xin gửi lời cảm ơn tới bạn lớp K51CB, K51CHTTT ủng hộ khuyến khích tơi suốt q trình học tập trường Và cuối cùng, xin bày tỏ niềm biết ơn vô hạn tới bố mẹ tôi, anh tôi, người bạn thân bên cạnh, động viên suốt q trình thực khố luận tốt nghiệp Hà Nội, ngày 12 tháng 05 năm 2010 Sinh Viên Nguyễn Ngọc Tráng I LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT TÓM TẮT NỘI DUNG Hiện nay, nhu cầu thông tin liên lạc phát triển, nhu cầu trao đổi thông tin nhanh hiệu ngày gia tăng Cùng với phát triển công nghệ thông tin hệ thống mạng Internet Với yếu tố trên, yêu cầu loại hình trao đổi thơng tin nhanh đơn giản hiệu phù hợp mặt sử dụng, viết web đặt Cũng phát triển nhanh cơng nghệ web Có nhiều trang web hay hữu ích cho người dùng đồng thời với việc người dùng phải ghi nhớ nhiều thông tin tài khoản, mà trùng lặp cho trang web khác Vấn đề đặt làm để người dùng phải ghi nhớ thơng tin Vấn đề giải cách sử dụng công nghệ OpenID Công nghệ cho phép người dùng sử dụng tài khoản sẵn có để truy cập vào trang web có hỗ trợ công nghệ Từ yêu cầu trên, đối chiếu với số loại hình trao đổi thơng tin thông qua mạng Internet phần mềm Yahoo Messenger, Window Messenger Ta thấy bất tiện muốn sử dụng phần mền phải cài đặt lên máy sử dụng Vì ý tưởng xây dựng trang web thực việc trao đổi message nhanh, thuận tiện sử dụng tài khoản người dùng sẵn đời II LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT MỤC LỤC Bảng kí hiệu chữ viết tắt V Danh mục hình vẽ VI Danh mục bảng biểu VI MỞ ĐẦU CHƯƠNG 1: GIỚI THIỆU BÀI TOÁN XÂY DỰNG ỨNG DỤNG WEB CHAT 1.1 Nội dung toán 1.2 Ứng dụng toán 1.3 Các hướng giải nghiên cứu CHƯƠNG 2: MỘT SỐ KIẾN THỨC HỖ TRỢ 2.1 Ngơn ngữ lập trình 2.1.1 HTML (Hyper text Mark Language) .4 2.1.2 CSS (Cascading Style Sheets) .4 2.1.3 PHP (PHP: Hypertext Preprocessor) .5 2.1.4 Javascript .6 2.2 Apache HTTP Server 2.3 MySql 2.4 Ajax 2.5 Công nghệ OpenID 2.5.1 Giới thiệu OpenID 2.5.2 Các lợi ích sử dụng OpenID 2.5.3 Google OpenID 10 CHƯƠNG 3: PHÁT TRIỂN ỨNG DỤNG WEB CHAT 15 3.1 Khảo sát hệ thống Web Chat 15 3.2 Phân tích yêu cầu hệ thống Web Chat 15 3.3 Phân tích hệ thống Web Chat 16 3.3.1 Biểu đồ ngữ cảnh hệ thống 16 III LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT 3.3.2 Biểu đồ phân rã chức 16 3.3.3 Mô hình thực thể liên kết .18 3.3.4 Luồng kiện 18 3.4 Thiết kế hệ thống Web Chat 21 3.4.1 Chuyển mơ hình ER thành mơ hình quan hệ .21 3.4.2 Thiết kế sở liệu vật lý 21 3.4.3 Thiết kế giao diện người dùng .23 CHƯƠNG 4: THỰC NGHIỆM VÀ ĐÁNH GIÁ 26 4.1 Cài đặt ứng dụng 26 4.2 Thực nghiệm 26 4.2.1 Thực nghiệm giao diện chương trình 26 4.2.2 Thực nghiệm tính chương trình .26 4.2.3 Một số thực nghiệp khác .28 KẾT LUẬN 30 Phụ lục 31 Tài liệu tham khảo 38 IV LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT Bảng kí hiệu chữ viết tắt Kí hiệu Diễn giải HTML HyperText Markup Language WWW World Wide Web URL Uniform Resource Locator CSS Cascading Style Sheets PHP PHP: Hypertext Preprocessor Ajax Asynchronous JavaScript and XML HTTP Hypertext Transfer Protocol V LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT Danh mục hình vẽ Hình 1: Chu trình xử lý Ajax Hình 2: Quá trình xác thực Google OpenID 11 Hình 3: Biểu đồ ngữ cảnh hệ thống Coltech Chat 16 Hình 4: Biểu đồ phân rã chức 16 Hình 5: Biểu đồ ngữ cảnh 18 Hình 6: Thiết kế giao diện – Layout chương trình 23 Hình 7: Thiết kế giao diện - Form đăng nhập 24 Hình 8: Thiết kế giao diện – Form đăng ký 24 Hình 9: Thiết kế giao diện – Đăng nhập google 25 Hình 10: Thiết kế giao diện – Giao diện 25 Hình 11: Xác nhận việc sử dụng thông tin hệ thống 27 Hình 12: Giao diện chat 27 Danh mục bảng biểu Bảng 1: Thiết kế cở sở liệu – Bảng User 22 Bảng 2: Thiết kế sở liệu – Bảng Message 22 Bảng 3: Thiết kế sở liệu – Bảng Friendlist 22 VI LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT MỞ ĐẦU Hiện nay, giới chứng kiến phát triển vượt bậc Internet ứng dụng Internet Cùng với phát triển cộng với nhu cầu trao đổi thơng tin liên lạc cách nhanh chóng tiện lợi thúc đẩy phát triển phần mềm để trao đổi thơng tin cách tức Điển hình cho phần mềm ứng dụng “chat” Các ứng dụng cho phép người dùng gửi nhận thông điệp nhanh chóng cách trực tiếp với Vì ứng dụng “Window Messeger”, “Yahoo Messeger”… đời Nhưng vấn đề đặt với phần mềm “chat” yêu cầu gần bắt buộc việc phải cài đặt ứng dụng để dụng chúng Từ nảy sinh ý tưởng đưa ứng dụng chat lên Web Một câu hỏi đặt lại web tiện lợi có đưa ứng dụng “chat” lên web Câu trả lời đơn giản: Với “Web” bạn thao tác đâu có Internet mà khơng u cầu phải cài đặt ứng dụng Điều mang lại thuận tiện cho người dùng đồng thời tiết kiệm tài nguyên máy tính cách đáng kể Thử tưởng tượng bạn phải làm việc với máy tính kết nối Internet lại không cài sẵn chương trình ứng dụng chat mà bạn cần cho việc trao đổi thơng tin với người khác Thì việc phải tải ứng dụng cài đặt ứng dụng lên máy tính rõ ràng rắc rối phiền phức nhiều so với việc dùng trang web có chức Cùng với đó, với phát triển bùng nổ công nghệ web hỗ trợ ngày mạnh ngơn ngữ lập trình Việc tạo trang web có khả hoạt động với chức ứng dụng cài máy tính hồn tồn Vì vậy, việc đưa ứng dụng máy tính lên thành trang web trở thành nhu cầu thiết thực cần thiết Với lý trên, khóa luận tập trung để giải vấn đề xây dựng ứng dụng web chat với đề tài “Xây dựng ứng dụng web chat” Với mục tiêu đề tài xây dựng trang web có khả tương tự phần mềm chat cài đặt máy tính có trước Cùng với khóa luận tập trung hướng tới công nghệ hỗ trợ cho tiện dụng người dùng công nghệ “OPENID” để nhằm mục đích hồn thiện chức ứng dụng web chat LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT CHƯƠNG 1: GIỚI THIỆU BÀI TOÁN XÂY DỰNG ỨNG DỤNG WEB CHAT 1.1 Nội dung tốn Một website có chức phục vụ người dùng trao đổi thông tin trực tiếp với Đầu tiên người dùng truy cập trang web, đăng ký tài khồn website Sau người dùng đăng nhập hệ thống Sau người dùng đăng nhập vào hệ thống, Hệ thống hiển thị danh sách bạn người dùng, thông điệp gửi đến cho người dùng người dùng không online (offline message) Khi tham gia hệ thống người dùng thực số thao tác: − Thêm bạn − Xóa hay nhiều người danh sách bạn − Gửi message tới người dùng khác − Chỉnh sửa lại thông tin cá nhân sau đăng ký − Thay đổi mật đăng nhập tài khoản − Đăng nhập tài khoản có sẵn hệ thống khác (Cơng nghệ OpenID) 1.2 Ứng dụng tốn Ứng dụng toán rõ ràng thể qua tên đề tài xây dựng ứng dụng chat web, tức trang web cho phép người dùng trao đổi thông điệp cách nhanh chóng Và khơng phần mềm ứng dụng chat yêu cầu phải cài đặt phần mềm lên máy tính vừa tốn thời gian vừa tốn tài ngun máy tính, web chat mà khóa luận hướng tới để xây dựng vừa đơn giản vừa tiện lợi lại sử dụng lúc nơi Đấy tiện lợi lớn mà web chat mang lại cho người dùng Đó xu hướng chung hệ thống Với ứng dụng web chat hồn tồn đưa vào chức gắn kèm với trang web, diễn đàn Internet Một trang web thông tin trở nên thu hút người dùng có thêm chức hệ thống web chat mà ta nói đến Hay trang web thương mại điện tử, đính kèm hệ thống tương tự này, người dùng có nhiều hội để trao đổi thơng tin với LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT nhau, tham khảo nhiều thơng tin nhau, từ dễ dàng việc đưa định có hay khơng mua sản phẩm trang web Thậm chí nhìn đó, hệ thống chat kênh quảng cáo cho trang web thương mại điện tử 1.3 Các hướng giải nghiên cứu Hiện nay, người dùng quen thuộc với Yahoo Messeger hay Gtalk, phần mềm “chat” phổ biến có nhiều tiện ích Những phần mềm mang đến nhiều tính hữu dụng: gửi nhận tin nhắn (thông điệp), voice chat, video chat, send file… Tuy nhiên phần mềm lại có nhược điểm trình bày Đó để sử dụng chúng việc cài đặt phần mềm tốn nhiều thời gian Thì cịn u cầu phải đăng ký tài khoản người dùng với yahoo hay google tùy vào phần mềm mà bạn dùng Điều không thực thuận tiện cho người dùng họ muốn có cơng cụ thật tiện dụng mà không thời gian cài đặt tài ngun máy tính Vì có phần mềm tốt phục vụ cho việc trao đổi thơng tin cần có hệ thống cho phép người dùng “chat” web với trình duyệt thơng thường mà máy tính kết nối Internet thực thi 1.4 Hướng giải khóa luận Với hướng giải nghiên cứu, khóa luận chọn hướng giải mới, đưa ứng dụng chat lên web Điều mang lại tiện lợi khơng nhỏ cho người dùng sử dụng ứng dụng tức mà không cần phải cài đặt phần mềm Hơn nay, phát triển công nghệ web hỗ trợ ngày cao Các ứng dụng web phát triển tính tương với phần mềm ứng dụng cài đặt Từ đó, tơi xây dựng hệ thống “Ứng dụng Web Coltech Chat” Ngồi tính truyền thống hệ thống chat, Hệ thống mà khóa luận xây dựng đưa tính cho phép người dùng sử dụng tài khoản người dùng sẵn có Google để đăng nhập sử dụng hệ thống người dùng bình thường hệ thống LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT Giao diện chi tiết o Đăng nhập Hình 7: Thiết kế giao diện - Form đăng nhập o Đăng ký Hình 8: Thiết kế giao diện – Form đăng ký 24 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT o Cửa sổ đăng nhập Google Account Hình 9: Thiết kế giao diện – Đăng nhập google o Giao diện chương trình Hình 10: Thiết kế giao diện – Giao diện 25 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT CHƯƠNG 4: THỰC NGHIỆM VÀ ĐÁNH GIÁ 4.1 Cài đặt ứng dụng Sau xây dựng, ứng dụng web chat hoàn thành mức tương đối Ứng dụng cài đặt theo địa http://vsearch.vn/chatdemo Với môi trường cài là: web server cài sử dụng hệ điều hành linux phiên CentOS 5.2 Được cài đặt Apache, MySql PHP 4.2 Thực nghiệm Thực nghiệm số brower như: Firefox 3.6, Internet Explorer 8.0… cho thấy chương trình hoạt động tốt 4.2.1 Thực nghiệm giao diện chương trình Về giao diện chương trình, qua thực nghiệm brower kể cho kết tốt Hình ảnh, khn hình, bố cục hiển thị với thiết kế đề Form chat cách thức hiển thị thông điệp chat tạo cho người dùng cảm giác rõ ràng thoải mái 4.2.2 Thực nghiệm tính chương trình o Tính đăng nhập tài khoản Google Vào địa http://vsearch.vn/chatdemo chọn đăng nhập tài khoản Google Đầu tiên ta thấy cửa sổ popup trình duyệt yêu cầu đăng nhập tài khoản Google, hình () Điều chứng tỏ hệ thống hoạt động theo mơ hình q trình xác thực Google OpenID Nhập tài khoản mật vào để đăng nhập vào tài khoản Google Sau bạn phải xác nhận cho phép Coltech Chat sử dụng thông tin bạn theo hình sau: 26 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT Hình 11: Xác nhận việc sử dụng thơng tin hệ thống Nếu bạn chọn “Cho phép” popup đóng lại thơng tin chuyển sang cho hệ thống Coltech Chat lúc coi bạn đăng nhập thành công Chứng tỏ việc sử dụng OpenID để xác thực thông tin tài khoản thành công hệ thống Coltech Chat nhận thông tin tài khoản bạn Điều cho thấy hệ thống hoạt động tốt với Google OpenID o Tính chat Sau đăng nhập người dùng chọn bạn danh sách bạn Form chat với tên đối tượng gửi thông điệp sau: Hình 12: Giao diện chat 27 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT Việc gửi nhận thông điệp hai người dùng (chat) diễn sn sẻ Điều chứng tỏ chức hệ thống đáp ứng tốt o Các tính quản lý thôn tin người dùng danh sách bạn Qua việc tiến hành sử dụng sử dụng cho thấy, chức quản lý thông tin người dùng hay quản lý thông tin danh sách bạn người dùng tỏ dễ thao tác, dễ sử dụng tiện lợi cho người dùng 4.2.3 Một số thực nghiệp khác o Thực nghiệm tốc độ trao đổi thông điệp Về tốc độ, qua thực nghiệm cho thấy sau người gửi gửi thông điệp chậm sau 0,1 giây người nhận nhận sử dụng localhost (thực nghiệm đăng nhập chat máy với hai người dùng) Và với mơi trường internet thực tế số khoảng xấp xỉ giây tùy vào môi trường khoảng cách hai người với tốc độ máy chủ… o Thực nghiệm số lượng người dùng kết nối đến hệ thống Qua thực nghiệm server thực tế cho thấy số lượng người dùng tối đa kết nối tới hệ thống lúc lên tới hàng trăm ngàn kết nối Tùy vào cấu hình máy chủ đặt hệ thống tốc độ băng thông đường truyền Internet tới máy chủ 4.3 Đánh giá hướng phát triển tương lai Từ thực nghiệm cho thấy, hệ thống mà khóa luận cho thấy: hệ thống phần đáp ứng yêu cầu đặt ban đầu Tuy nhiên, hệ thống nhiều nhược điểm cần phát triển tương lai So với phần mềm chat khác, hệ thống thiếu số chức khác như: − Chat nhóm − Video chat − Voice chat − Gửi nhận file Nếu phát triển hệ thống cần hướng tới cơng nghệ hơn, hồn thiện Cũng phát triển thêm nhiều chức không chức kể Với việc sử dụng công nghệ Ajax, có nhiều request khơng cần thiết đến server Thay Ajax, tương lai hệ thống sử dụng công nghệ 28 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT CommetD Đây cơng nghệ hồn thiện so với Ajax việc yêu cầu đáp ứng yêu cầu máy khách máy chủ Công nghệ giúp cho hệ thống hoạt động với tốc độ nhanh có tính thời gian thực cao Với CommetD máy khách không cần phải thực request liên tục lên máy chủ để lấy thông tin mà ngược lại, có thơng tin cập nhật, máy chủ đẩy thông tin cho máy khách cách tức Việc thực triển khai cơng nghệ đòi hỏi nhiều thời gian cho việc nghiên cứu Vì thế, hướng phát triển tốt tương lai 29 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT KẾT LUẬN Sau mục tiêu khóa luận hồn thành, tơi rút số kết luận Để xây dựng hoàn thiện hệ thống mục tiêu mong muốn cần nhiều thời gian khóa luận cịn cần hồn thiện Những khóa luận làm cịn phải chỉnh sửa hồn thiện nhiều muốn hệ thống sử dụng cách đích thực Tuy nhiên khn khổ khóa luận Những kết đạt phần đáp ứng mục tiêu Đó tạo hệ thống website cho phép người dùng chat trực tiếp Đáp ứng chức phần mềm người dùng dùng tài khoản Google để đăng nhập vào hệ thống mà không cần phải đăng ký Điều mang lại tiện lợi định cho người dùng Với kết đạt nghiên cứu Tin tưởng hướng phát triển ứng dụng tương lai Những ứng dụng thiết kế xây dựng web 30 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT Phụ lục Các tham số Google OpenID: [7] Tham số Loại Mơ tả Hình thức tương tác Chỉ rõ liệu Google tương tác với người dùng để thực việc xác định kết yêu cầu Các giá trị tham số là: o Checkid_immediate: Khơng cho phép tương tác Openid.mode Yêu cầu o Checkid_setup: Cho phép tương tác o Google hỗ trợ nâng cao cho “checkid_immediate” thông qua giao diện người dùng mở rộng Nếu request có chứa “openid.ui.mode=x-has-session”, nhắc lại response Google phát phiên chứng thực Openid.ns Yêu cầu Phiên giao thức Giá trị xác đinh phiên OpenID sử dụng Giá trị nên là: “http://specs.openid.net/auth/2.0” URL trả Giá trị xác định nơi người dùng Openid.return_to Yêu cầu Openid.assoc_handle Tùy chọn trả lại sau đăng nhập Google hỗ trợ loại địa HTTP HTTPS Sự kết hợp xử lý Được đặt kết hợp ứng dụng web nhà cung cấp OpenID thiết lập Tuyên bố chủ quyền định danh Giá trị Openid.claimed_id Tùy chọn phải đặt là: “http://specs.openid.net/auth/2.0/identifier_select” Openid.identity Tùy chọn Giá trị phải đặt là: 31 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT “http://specs.openid.net/auth/2.0/identifier_select” Xác định tên miền mà người dùng cuối Openid.realm tin tường Giá trị phải phù hợp với giá trị tham số openid.return_to Nếu giá trị không khia báo, Google sử dụng URL tham số openid.return_to Tùy chọn PAPE mở rộng Xác định giao thức mở rộng sử Openid.ns.page Openid.page.max_au th_age Yêu cầu dụng Giá trị nên đặt là: “http://specs.openid.net/extensions/pape/1.0” Thiết lập thời gian chấp nhận tối đa (tính giây) tính từ người dùng cuối chức Tùy chọn thực Nếu session lâu hơn, người dùng nhắc nhở đăng nhập lại Bằng không bắt buộc đăng nhập lại Giao diện người dùng mở rộng Chỉ trang xác thực nhà cung cấp Openid.ns.ui Yêu cầu OpenID thay giao diện người dùng khác Tham số phải đặt là: "http://specs.openid.net/extensions/ui/1.0" Chỉ định giao diện người dùng thay Có thể giá trị sau đây: Openid.ui.mode Tùy chọn o “Popup” o “X-has-session” (chỉ diện phiên xác thực) Openid.ui.icon Tùy chọn Hiện thị icon domain đặt “true” Thuộc tính trao đổi mở rộng Openid.ns.ax Yêu cầu Chỉ yêu cầu thuộc tính người dùng Giá trị phải đặt "http://openid.net/srv/ax/1.0" 32 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Openid.ax.mode Yêu cầu Đề tài: Xây dựng ứng dụng WEB CHAT Giá trị phải đặt “fetch_request” Chỉ định thuộc tính yêu cầu, bao gồm: o “country” o “email” Openid.ax.required o “firstname” Yêu cầu o “lastname” o “language” Nếu yêu cầu nhiều thuộc tính, thuộc tính cách dấu “,” Openid.ax.type.coun try Tùy chọn Yêu cầu country người dùng Giá trị phải đặt là: "http://axschema.org/contact/country/home" Yêu cầu thuộc tính email người dùng Openid.ax.type.emai l Tùy chọn Openid.ax.type.firstn Tùy chọn ame Opend.ax.type.lastna me Tùy chọn Giá trị phải đặt là: “http://axschema.org/contact/email” “http://schema.openid.net/contact/email” Yêu cầu thuộc tính firstname người dùng Giá trị phải đặt là: "http://axschema.org/namePerson/first" Yêu cầu thuộc tính lastname người dùng Giá trị phải đặt là: "http://axschema.org/namePerson/last" Openid.ax.type.lang uage u cầu ngơn ngữ u thích người dùng Tùy chọn Giá trị phải đặt là: "http://axschema.org/pref/language" Oauth mở rộng Chỉ yêu cầu cho mã thông báo Oauth Openid.ns.ext2 Yêu cầu Giá trị phải đặt là: "http://specs.openid.net/extensions/oauth/1.0" 33 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Openid.ext2.consum er Bắt buộc Đề tài: Xây dựng ứng dụng WEB CHAT Khóa người dùng cung cấp Google sau đăng ký trang web Đây thường tên miền DNS Giá trị phải phù hợp với giá trị openid.realm Openid.ext2.scope Bắt buộc Danh sách URL xác định dịch vụ Google truy cập Ví dụ OpenID a Mẫu yêu cầu xác thực Ví dụ việc yêu cầu chứng thực URL: https://www.google.com/accounts/o8/id ?openid.ns=http://specs.openid.net/auth/2.0 &openid.claimed_id=http://specs.openid.net/auth/2.0/identifie r_select &openid.identity=http://specs.openid.net/auth/2.0/identifier_ select &openid.return_to=http://www.example.com/checkauth &openid.realm=http://www.example.com/ &openid.assoc_handle=ABSmpf6DNMw &openid.mode=checkid_setup [7] Ví dụ việc yêu cầu xác thực đăng nhập với độ dài phiên phút kèm theo yêu cầu thông tin cá nhân bổ sung thuộc tính ngơn ngữ, sử dụng popup để yêu cầu đăng nhập: https://www.google.com/accounts/o8/id ?openid.ns=http://specs.openid.net/auth/2.0 &openid.ns.pape=http://specs.openid.net/extensions/pape/1.0 &openid.ns.max_auth_age=300 &openid.claimed_id=http://specs.openid.net/auth/2.0/identifie r_select &openid.identity=http://specs.openid.net/auth/2.0/identifier_ select &openid.return_to=http://www.example.com/checkauth &openid.realm=http://www.example.com/ &openid.assoc_handle=ABSmpf6DNMw &openid.mode=checkid_setup &openid.ui.ns=http://specs.openid.net/extensions/ui/1.0 &openid.ui.mode=popup &openid.ui.icon=true &openid.ns.ax=http://openid.net/srv/ax/1.0 34 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT &openid.ax.mode=fetch_request &openid.ax.type.email=http://axschema.org/contact/email &openid.ax.type.language=http://axschema.org/pref/language &openid.ax.required=email,language [7] Ví dụ minh họa OpenID + Oauth: https://www.google.com/accounts/o8/id ?openid.ns=http://specs.openid.net/auth/2.0 &openid.claimed_id=http://specs.openid.net/auth/2.0/identifie r_select &openid.identity=http://specs.openid.net/auth/2.0/identifier_ select &openid.return_to=http://www.example.com/checkauth &openid.realm=http://www.example.com &openid.assoc_handle=ABSmpf6DNMw &openid.mode=checkid_setup &openid.ns.oauth=http://specs.openid.net/extensions/oauth/1.0 &openid.oauth.consumer=www.example.com &openid.oauth.scope=http://docs.google.com/feeds/+http://spre adsheets.google.com/feeds/ [7] b Mẫu thông tin trả Google Url trả đăng nhập thành công http://www.example.com/checkauth ?openid.ns=http://specs.openid.net/auth/2.0 &openid.mode=id_res &openid.op_endpoint=https://www.google.com/accounts/o8/ud &openid.response_nonce=2008-09-18T04:14:41Zt6shNlcz-MBdaw &openid.return_to=http://www.example.com:8080/checkauth &openid.assoc_handle=ABSmpf6DNMw &openid.signed=op_endpoint,claimed_id,identity,return_to,resp onse_nonce,assoc_handle &openid.sig=s/gfiWSVLBQcmkjvsKvbIShczH2NOisjzBLZOsfizkI= &openid.identity=https://www.google.com/accounts/o8/id/id=ACy QatixLeLODscWvwqsCXWQ2sa3RRaBhaKTkcsvUElI6tNHIQ1_egX_wt1x3fAY 983DpW4UQV_U &openid.claimed_id=https://www.google.com/accounts/o8/id/id=A CyQatixLeLODscWvwqsCXWQ2sa3RRaBhaKTkcsvUElI6tNHIQ1_egX_wt1x3f AY983DpW4UQV_U [7] Ví dụ thơng tin trả q trình xác thực không thành công http://www.example.com/checkauth ?openid.mode=cancel &openid.ns=http://specs.openid.net/auth/2.0 35 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT Ví dụ thơng tin trả xác thực thành cơng có u cầu thơng tin tài khoản kèm ngôn ngữ,… http://www.example.com/8080/checkauth ?openid.ns=http://specs.openid.net/auth/2.0 &openid.mode=id_res &openid.op_endpoint=https://www.google.com/accounts/o8/ud &openid.response_nonce=2008-09-18T04:14:41Zt6shNlcz-MBdaw &openid.return_to=http://www.example.com:8080/checkauth &openid.assoc_handle=ABSmpf6DNMw &openid.ns.pape=http://specs.openid.net/extensions/pape/1.0 &openid.pape.auth_time=2005-05-15T17:11:51Z &openid.pape.auth_policies=http://schemas.openid.net/pape/pol icies/2007/06/none &openid.signed=op_endpoint,claimed_id,identity,return_to,resp onse_nonce,assoc_handle,ax.mode,ax.type.email,ax.value.email &openid.sig=s/gfiWSVLBQcmkjvsKvbIShczH2NOisjzBLZOsfizkI= &openid.identity=https://www.google.com/accounts/o8/id/id=ACy QatixLeLODscWvwqsCXWQ2sa3RRaBhaKTkcsvUElI6tNHIQ1_egX_wt1x3fAY 983DpW4UQV_U &openid.claimed_id=https://www.google.com/accounts/o8/id/id=A CyQatixLeLODscWvwqsCXWQ2sa3RRaBhaKTkcsvUElI6tNHIQ1_egX_wt1x3f AY983DpW4UQV_U &openid.ns.ax=http://openid.net/srv/ax/1.0 &openid.ax.mode=fetch_response &openid.ax.type.email=http://axschema.org/contact/email &openid.ax.value.email=fred.example@gmail.com &openid.ax.type.language=http://axschema.org/pref/language &openid.ax.value.language=english [7] Thông tin trả với token Oauth: http://www.example.com/8080/checkauth ?openid.ns=http://specs.openid.net/auth/2.0 &openid.mode=id_res &openid.op_endpoint=https://www.google.com/accounts/o8/ud &openid.response_nonce=2008-09-18T04:14:41Zt6shNlcz-MBdaw &openid.return_to=http://www.example.com:8080/checkauth &openid.assoc_handle=ABSmpf6DNMw &openid.ns.pape=http://specs.openid.net/extensions/pape/1.0 &openid.pape.auth_time=2005-05-15T17:11:51Z &openid.pape.auth_policies=http://schemas.openid.net/pape/pol icies/2007/06/none &openid.signed=op_endpoint,claimed_id,identity,return_to,resp onse_nonce,assoc_handle,ax.mode,ax.type.email,ax.value.email &openid.sig=s/gfiWSVLBQcmkjvsKvbIShczH2NOisjzBLZOsfizkI= &openid.identity=https://www.google.com/accounts/o8/id/id=ACy QatixLeLODscWvwqsCXWQ2sa3RRaBhaKTkcsvUElI6tNHIQ1_egX_wt1x3fAY 983DpW4UQV_U 36 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT &openid.claimed_id=https://www.google.com/accounts/o8/id/id=A CyQatixLeLODscWvwqsCXWQ2sa3RRaBhaKTkcsvUElI6tNHIQ1_egX_wt1x3f AY983DpW4UQV_U &openid.ns.ax=http://openid.net/srv/ax/1.0 &openid.ax.mode=fetch_response &openid.ax.type.email=http://axschema.org/contact/email &openid.ax.value.email=fred.example@gmail.com &openid.ax.type.language=http://axschema.org/pref/language &openid.ax.value.language=english [7] 37 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT Tài liệu tham khảo [1] Jon Duckett Beginning Web Programming with HTML XHTML and CSS Wiley Publishing, Inc, 2004 [2] Michael Glass, Yann Le Scouarnec, Elizabeth Naramore, Gary Mailer, Jeremy Stolz, and Jason Gerner Beginning PHP, Apache, MySQL Web Development Wiley Publishing, Inc, 2004 [3] Christopher Cosentino Advanced PHP for Web Professionals Prentice Hall PTR, 2002 [4] Matthew Eernisse Build Your Own Ajax Web Application SitePoint, 2006 [5] Danny Goodman JavaScript & DHTML Cookbook O'Reilly, 2003 [6] Akinola Akintomide Ajax For Web Application Developers Sam, 2007 [7] Federated Login for Google Account Users (http://code.google.com/apis/accounts/docs/OpenID.html) 38 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com ... luận tập trung để giải vấn đề xây dựng ứng dụng web chat với đề tài ? ?Xây dựng ứng dụng web chat? ?? Với mục tiêu đề tài xây dựng trang web có khả tương tự phần mềm chat cài đặt máy tính có trước... triển ứng dụng tương lai Những ứng dụng thiết kế xây dựng web 30 LUAN VAN CHAT LUONG download : add luanvanchat@agmail.com Nguyễn Ngọc Tráng – Khoa CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT. .. CNTT - ĐHCN Đề tài: Xây dựng ứng dụng WEB CHAT CHƯƠNG 3: PHÁT TRIỂN ỨNG DỤNG WEB CHAT 3.1 Khảo sát hệ thống Web Chat - Hiện trạng: Có số trang web triển khai có chức http://webmessenger.yahoo.com/,