Ứng dụng AJAX xây dựng website Văn Hóa Ẩm Thực GVHD:Trương Minh Châu MỞ ĐẦU Việc cập nhật thông tin là điều không thể thiếu ở mỗi người, thông tin có thể từ nhiều nguồn như báo chí, sách, đài và các phương tiện thông tin đại chúng khác. Ngày nay Internet mở ra cho chúng ta một hình thức tiếp cận thông tin mới thông qua các hệ thống website điện tử cung cấp các nội dung báo chí truyền tải nội dung đến người xem một cách nhanh chóng và tiện lợi. Hằng ngày trên thế giới có hàng triệu triệu con người đang truy cập vào các website để tìm kiếm thông tin cho mình trong đó có thông tin về báo chí. Ở nước ta hiện nay có rất nhiều website cung cấp tin tức và có số lượng người truy cập lớn như: - www.vnexpress.net - www.tuoitre.com.vn - www.vietnamnet.vn -www.dantri.com.vn -www.thanhnien.com.vn Website văn hóa ẩm thực cung cấp một kênh riêng giúp các nhà hàng giới thiệu các món ăn của mình và giúp mang lại các thông tin văn hóa ẩm thực tới thực khách là rất cần thiết nhằm đem đến cho người dân Việt Nam các thông tin về các món ăn ngon, các món ăn ẩm thực truyền thống của dân tộc. Hơn thế nữa, nó còn giúp quảng bá, giới thiệu ra thế giới, với du khách đến VN các món ăn độc đáo mang đậm phong cách riêng của người Việt Nam. SVTH: Đỗ Thị Hiền, Nguyễn Thị Thuý Loan. 1 Ứng dụng AJAX xây dựng website Văn Hóa Ẩm Thực GVHD:Trương Minh Châu MỤC LỤC CHƯƠNG 1 TỔNG QUAN 7 1.1 ĐẶT VẤN ĐỀ 7 1.1.1 Hiện trạng chung 7 1.1.2 Lý do thực hiện đề tài .8 1.2 NHIỆM VỤ CỦA ĐỀ TÀI .9 1.3 CẤU TRÚC CỦA ĐỒ ÁN .10 1.4 YÊU CẦU CÁC CHỨC NĂNG CHÍNH 11 1.4.1 Đối với ban quản trị .11 1.4.2 Đối với Nhà cung cấp .11 1.4.3 Đối với khách hàng 11 1.5 YÊU CẦU PHI CHỨC NĂNG 11 1.6 HẠN CHẾ CỦA HỆ THỐNG 12 1.7 YÊU CẦU KỸ THUẬT .12 1.7.1 Phần cứng .12 1.7.2 Phần mềm .12 1.7.2.1 Đối với người phát triển phần mềm 12 1.7.2.2 Đối với máy chủ triển khai ứng dụng 12 CHƯƠNG 2 TỔNG QUAN VỀ AJAX 13 2.1 LỊCH SỬ AJAX .13 2.2 ỨNG DỤNG CỦA AJAX 14 2.3 KHÁI NIỆM AJAX 15 2.4 MÔ HÌNH HOẠT ĐỘNG CỦA AJAX .17 SVTH: Đỗ Thị Hiền, Nguyễn Thị Thuý Loan. 2 Ứng dụng AJAX xây dựng website Văn Hóa Ẩm Thực GVHD:Trương Minh Châu 2.5 CÁC CÔNG NGHỆ TRONG AJAX .19 2.5.1 Công nghệ trong AJAX – Javascript 19 2.5.2 Đặc tính của ngôn ngữ javascript 20 2.5.3 Built-in Object trong javascript .21 2.5.4 Các đối tượng được cung cấp bởi môi trường Netscape .21 2.5.5 Các đối tượng do người lập trình xây dựng .21 2.5.6 Các cú pháp cơ bản của lệnh : .22 2.5.7 Sự kiện trong JavaScript 25 2.5.8 Cascading Style Sheet – CSS 26 2.5.9 Các ưu điểm của CSS trong thiết kế web .27 2.5.10 Tổng quan XML 28 2.5.10.1 Khái niệm .28 2.5.10.2 Lịch sử 28 2.5.10.3 Đặc điểm .28 2.5.10.4 Ứng dụng của XML 30 CHƯƠNG 3 GIẢI QUYẾT BÀI TOÁN .35 3.1 PHÂN TÍCH THIẾT KẾ HỆ THỐNG THÔNG TIN 35 3.1.1 Sơ Đồ Use Case 35 3.1.1.1 Use Case Nhà Cung Cấp .35 3.1.1.2 Sơ Đồ Use Case Thực Khách Và Hệ Thống .36 3.1.1.3 Sơ Đồ Use Case Ban Quản Trị 36 3.1.1.4 Sơ đồ Use Case Khách Hàng Vãng lai 38 3.1.1.5 Sơ đồ Use Case Của Toàn Hệ Thống 39 3.1.2 Đặc tả Use case 39 SVTH: Đỗ Thị Hiền, Nguyễn Thị Thuý Loan. 3 Ứng dụng AJAX xây dựng website Văn Hóa Ẩm Thực GVHD:Trương Minh Châu 3.2 SƠ ĐỒ TRÌNH TỰ CÁC CHỨC NĂNG CHÍNH 41 3.2.1 Sequence diagram cho Use Case Login .41 3.2.2 Sequence diagram cho Use Case Đăng ký thành viên .42 3.2.3 Sequence diagram cho Use Case Cập nhật Thông Tin Nhà Cung Cấp .43 3.2.4 Sequence diagram Use Case Đăng Bài Giới Thiệu Món Ăn .44 3.2.5 Sequence diagram cho Use Case Tìm kiếm Món Ăn, Nhà Hàng, Tin tức 45 3.3 SƠ ĐỒ TIẾN TRÌNH .46 3.3.1 Sơ Đồ Tiến Trình Của Nhà Cung Cấp .46 3.3.2 Sơ Đồ Tiến Trình Của Món Ăn .46 3.3.3 Sơ Đồ Tiến Trình Của Thông Tin Phản Hồi 47 3.4 MÔ HÌNH THỰC THỂ KẾT HỢP 48 3.5 MÔ HÌNH DỮ LIỆU QUAN HỆ .48 3.5.1 Bảng PhanLoaiNCC .48 3.5.2 Bảng KhuVucNCC 49 3.5.3 Bảng NhaCungCap .49 3.5.4 Bảng PhanLoaiMonAn .50 3.5.5 Bảng MonAn .50 3.5.6 Bảng PhanLoaiTinTuc .51 3.5.7 Bảng TinTuc .51 3.5.8 Bảng BanQuanTri 52 3.5.9 Bảng PhanHoiTuThucKhach .52 3.6 QUAN HỆ GIỮA CÁC BẢNG .54 3.7 Ràng buộc toàn vẹn 54 3.7.1 Ràng buộc toàn vẹn trên một bảng .54 SVTH: Đỗ Thị Hiền, Nguyễn Thị Thuý Loan. 4 Ứng dụng AJAX xây dựng website Văn Hóa Ẩm Thực GVHD:Trương Minh Châu 3.7.2 Ràng buộc toàn vẹn về miền giá trị 57 3.7.3 Ràng buộc liên bộ .59 3.7.4 Ràng buộc toàn vẹn có bối cảnh gồm nhiều quan hệ .61 3.7.4.1 Ràng buộc toàn vẹn về phụ thuộc tồn tại 61 3.7.4.2 Ràng buộc liên thuộc tính , liên quan hệ .63 3.8 DẠNG CHUẨN .65 3.9 SƠ ĐỒ WEBSITE 69 3.9.1 Sơ Đồ Cho Người Dùng .69 3.9.2 Sơ Đồ Cho Ban Quản Trị .70 CHƯƠNG 4 KẾT QUẢ THỰC HIỆN 71 4.1 NHỮNG TRANG ỨNG DỤNG AJAX .71 4.1.1 Trang của ban quản trị .71 4.1.2 Trang khi xác lập lại mật khẩu cho quản trị khác .71 4.1.3 Trang đăng kí .72 4.1.4 Trang đổi mật khẩu của Nhà cung cấp 73 4.1.5 Trang quy định khi đăng ki .74 4.1.6 Xác lập lại mật khẩu cho nhà cung cấp .75 4.2 GIAO DIỆN CỦA CHƯƠNG TRÌNH 75 4.2.1 Trang chủ 75 4.2.2 Chi tiết món ăn .77 4.2.3 Trang admin .78 4.2.4 Góp ý tới nhà cung cấp 78 4.2.5 Giới thiệu thông tin nhà cung cấp 79 4.2.6 Trang đổi mật khẩu của Nhà cung cấp 79 SVTH: Đỗ Thị Hiền, Nguyễn Thị Thuý Loan. 5 Ứng dụng AJAX xây dựng website Văn Hóa Ẩm Thực GVHD:Trương Minh Châu 4.3 CÀI ĐẶT VÀ THỬ NGHIỆM .81 4.3.1 Chuẩn bị .81 4.3.2 Thực hiện 81 CHƯƠNG 5 ĐÁNH GIÁ VÀ KẾT LUẬN .82 5.1 ĐÁNH GIÁ 82 5.2 HƯỚNG PHÁT TRIỂN .82 TÀI LIỆU THAM KHẢO .83 SVTH: Đỗ Thị Hiền, Nguyễn Thị Thuý Loan. 6 Ứng dụng AJAX xây dựng website Văn Hóa Ẩm Thực GVHD:Trương Minh Châu CHƯƠNG 1 TỔNG QUAN 1.1 ĐẶT VẤN ĐỀ 1.1.1 Hiện trạng chung Trong thế giới rộng lớn của Internet với hàng tỷ người đang sử dụng hàng ngày, phần lớn trong số họ thường đọc quảng cáo trực tuyến khi lướt web và đó là cơ hội lớn để quý khách quảng cáo tiếp thị doanh nghiệp - sản phẩm - dịch vụ trực tuyến trên Internet. Cũng như các loại hình quảng cáo khác, quảng cáo trên mạng nhằm cung cấp thông tin, đẩy nhanh tiến độ giao dịch giữa người mua và người bán. Quảng cáo trực tuyến đã tạo cơ hội cho các nhà quảng cáo nhắm chính xác vào khách hàng của mình, và giúp họ tiến hành quảng cáo theo đúng với sở thích và thị hiếu của người tiêu dùng. Các phương tiện thông tin đại chúng khác cũng có khả năng nhắm chọn, nhưng chỉ có mạng Internet mới có khả năng tuyệt vời như thế. Mục tiêu của nhà quảng cáo là gắn khách hàng triển vọng với nhãn hiệu hoặc sản phẩm của họ. Điều này có thể thực hiện hiệu quả trên mạng, vì khách hàng có thể tương tác với sản phẩm, kiểm tra sản phẩm và nếu thoả mãn thì có thể mua. Đưa Internet vào chiến lược tiếp thị không còn mới mẻ đối với các doanh nghiệp trong thời đại mà nền kinh tế mạng đang giữ vai trò thống soái. Internet - điểm đến để tìm kiếm thông tin. Có lẽ lý do quan trọng nhất để các công ty cần có một chiến lược tiếp thị trên Internet là sự thay đổi ở cách thức các khách hàng tìm kiếm thông tin. Mặc dù số lượng khách hàng thăm viếng các cơ sở kinh doanh truyền thống vẫn chiếm số đông nhưng số người sử dụng Internet như một kênh thông tin quan trọng nhất, tiện lợi nhất, đang càng ngày càng tăng với tốc độ chóng mặt. Các chuyên gia tiếp thị cần phải nhận ra rằng Internet bây giờ đã và đang trở thành sân chơi hữu ích, thiết thực của đông đảo người tiêu dùng Internet - điều kỳ vọng của khách hàng. Qua Internet, các doanh nghiệp có thể nắm bắt được nhiều thông tin về khách hàng. Là một công cụ thu thập thông tin, đóng vai trò vô cùng hiệu quả trong việc cung cấp thông tin về hoạt động của khách hàng. Giúp bạn dễ dàng tiếp thị đến đúng SVTH: Đỗ Thị Hiền, Nguyễn Thị Thuý Loan. 7 Ứng dụng AJAX xây dựng website Văn Hóa Ẩm Thực GVHD:Trương Minh Châu đối tượng mục tiêu. Internet là công cụ tiện lợi nhất để truyền tải thông tin với tốc độ nhanh nhất đến không chỉ một vài chục người, vài trăm người, mà là hàng triệu triệu người trong thế giới rộng mở không còn cách biệt bởi biên giới địa lý này. Internet cho phép nhà sản xuất chào bán các sản phẩm và dịch vụ theo yêu cầu cá nhân của khách hàng. Trong thời đại bùng nổ của Internet, các nhà sản xuất hay cung cấp dịch vụ có thể phát triển lượng khách hàng trung thành khi chất lượng sản phẩm và dịch vụ đưa ra thỏa mãn được nhu cầu cá nhân của từng khách hàng. Internet mở ra cơ hội giao dịch trực tuyến tiện lợi nhất, linh động nhất cho khách hàng. Nó là một đại lộ thông tin, một siêu thị khổng lồ, nơi mà người tiêu dùng có thể ghé thăm hay mua sắm tuỳ thích. Internet cho phép khách hàng xem sản phẩm mẫu trên mạng, từ cây kim sợi chỉ cho đến xe hơi, biệt thự… Nhờ đó, khách hàng có thể đưa ra quyết định ngay lập tức sau khi xem quảng cáo. Internet hiện diện khắp nơi trên thế giới. Internet là kênh truyền thông và phân phối cho phép khách hàng tiềm năng trên toàn cầu truy cập tới các sản phẩm và dịch vụ của công ty. Thông qua trang web, các nhà kinh doanh ở khắp nơi trên thế giới có thể mở rộng thị trường mục tiêu ra gấp nhiều lần. Website là bộ mặt của doanh nghiệp, là bộ mặt của thương hiệu trên internet, thể hiện những gì mà doanh nghiệp muốn người tiêu dùng nhận thức về thương hiệu của mình và khắc sâu vào tâm trí khách hàng. Tạo dựng (thiết kế) Website là một phần quan trọng trong tạo dựng và phát triển thương hiệu. Xây dựng và phát triển Website cho doanh nghiêp đối tác khách hàng thật sự ấn tượng và hiệu quả nhằm tạo kênh thông tin chất lượng, hiệu quả nhất trên Internet. Internet đang ngày càng minh chứng uy lực của mình, là một bệ phóng đẩy ngành kinh doanh lên một tầm mới, là “nỏ thần” giúp các công ty nhỏ vừa có thể kinh doanh và cạnh tranh với những người khổng lồ trên thị trường. 1.1.2 Lý do thực hiện đề tài Đất nước và con người Việt Nam từ lâu đã được biết đến là một đất nước giàu truyền thống văn hóa dân tộc và một trong những bản sắc truyền thống nổi bật nhất của Việt Nam chính là văn hóa ẩm thực. Văn hóa ẩm thực Việt Nam được biết đến bởi SVTH: Đỗ Thị Hiền, Nguyễn Thị Thuý Loan. 8 Ứng dụng AJAX xây dựng website Văn Hóa Ẩm Thực GVHD:Trương Minh Châu rất nhiều món ăn ngon, hấp dẫn và nổi tiếng được lưu truyền qua nhiều thế hệ và mang đậm hương vị quê hương. Việc tạo ra hệ thống Website cung cấp một kênh riêng, giúp các nhà hàng giới thiệu các món ăn của mình. Mang lại các thông tin văn hóa ẩm thực tới thực khách là rất cần thiết. Nhằm đem đến cho người dân Việt Nam các thông tin về các món ăn ngon, các món ăn ẩm thực truyền thống của dân tộc. Hơn thế nữa, nó còn giúp quảng bá, giới thiệu ra thế giới, với du khách đến Việt Nam các món ăn độc đáo mang đậm phong cách riêng của người Việt Nam. Mục đích: Giúp tạo ra một kênh trực tuyến, một sân chơi chung cho các nhà hàng và thực khách. Nhà hàng có nơi để giới thiệu quảng cáo về các món ăn của mình. Thực khách có thể xem hoặc tìm kiếm thông tin về các món ăn, nhà hàng, tin tức về ẩm thực. 1.2 NHIỆM VỤ CỦA ĐỀ TÀI Ứng dụng AJAX xây dựng Website trực tuyến thông tin về văn hoá ẩm thực. Yêu cầu gồm: - Phân tích tổ chức hệ thống thông tin về cơ sở dữ liệu nhằm mục đích lưu trữ thông tin về lĩnh vực văn hoá, ẩm thực. - Xây dựng ứng dụng nhằm mục đích nhập , kiểm tra dữ liệu trước khi hiển thị. Thông tin cần xây dựng: - Thông tin về ẩm thực : Món ăn,Quán ăn , nhà hàng , khách sạn… - Thông tin về văn hoá gồm: Rạp chiếu phim , Nhà hát, Sân khấu , Nhà văn hoá, Câu lạc bộ, Công viên- công viên nước, Quán cà phê, Quán Bar, Karaoke, Vũ trường, Phòng Game, Internet… Người sử dụng - Có thể tìm kiếm , xem thông tin chi tiết về văn hoá ẩm thực. - Mỗi một User đều có thể đăng ký một tài khoản(đăng ký thành viên) trong website. SVTH: Đỗ Thị Hiền, Nguyễn Thị Thuý Loan. 9 Ứng dụng AJAX xây dựng website Văn Hóa Ẩm Thực GVHD:Trương Minh Châu - Có thể đăng, chỉnh sửa , xoá thông tin của họ trên website (bắt buộc phải là thành viên của website). Giao diện - Màu sắc phải hài hoà , phù hợp với lĩnh vực về văn hoá ẩm thực. - Bố trí phải hợp lý , tiện ích cho người sử dụng. - Trình bày rõ ràng, nhằm mục đích nâng cao chất lượng website. Cơ sở dữ liệu - Cơ sở dữ liệu phải linh động . Netframework để thực thi ( sử dụng ngôn ngữ lập trình ASP.net, C#.net, VB.nét, javscript,AJAX, DOM, XML… có thể sử dụng tất cả các công nghệ mới nhưng phải phù hợp và thích ứng nếu có sự thay đổi). - Sử dụng hệ cơ sở dữ liệu MS Sqlserver 2005. 1.3 CẤU TRÚC CỦA ĐỒ ÁN Nội dung của luận văn gồm 5 chương: 1. Tổng quan về đề tài: Giới thiệu vai trò của Internet và nêu lên nhu cầu thực tế và lý do thực hiện đề tài, đồng thời giới thiệu sơ lược về đề tài và mục tiêu phải thực hiện. 2. Giới thiệu về Ajax: Trình bày tổng quan về Ajax. 3. Phân tích thiết kế ứng dụng: Trình bày các sơ đồ tuần tự của một số chức năng nổi bật, mô tả về cơ sở dữ liệu của ứng dụng và trình bày sơ đồ màn hình trong ứng dụng. 4. Kết quả thực hiện: Mô tả giao diện chương trình và hoạt động của trang web, nêu lên các bước thực hiện chương trình. 5. Đánh giá và kết luận: Nêu ra các đánh giá và kết luận, đưa ra hướng phát triển của trang web. SVTH: Đỗ Thị Hiền, Nguyễn Thị Thuý Loan. 10