Đồ án Ứng dụng AJAX xây dựng Website văn hóa ẩm thực

Ứ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, javs