Xây dựng website ẩm thực

ĐỒ ÁN TỐT NGHIỆP TRƯỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN NGUYỄN THỊ TÚ BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: XÂY DỰNG WEBSITE ẨM THỰC Nghệ An, tháng 01 năm 2016 SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT ĐỒ ÁN TỐT NGHIỆP TRƯỜNG ĐẠI HỌC VINH KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO ĐỒ ÁN TỐT NGHIỆP ĐẠI HỌC Tên đồ án: XÂY DỰNG WEBSITE ẨM THỰC Sinh viên thực hiện: Nguyễn Thị Tú Mã sinh viên: 1151070392 Lớp: 52K1-CNTT Giáo viên hướng dẫn: ThS Phạm Thị Thu Hiền Nghệ An, tháng 01 năm 2016 SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT ĐỒ ÁN TỐT NGHIỆP LỜI CẢM ƠN Ngày sống kỷ nguyên khoa học công nghệ, đặc biệt công nghệ thông tin Trong thời đại bùng nổ thơng tin có nhiều phương thức truyền đạt thơng tin phương thức truyền thơng tin công nghệ số phương thức nhanh phổ biến nhất, nhiều người tiếp cận Công nghệ thơng tin khơng dừng lại mục đích phục vụ cho khoa học kỹ thuật mà sâu vào đời sống, trị, kinh tế, xã hội, trở nên thân thiện, gần gũi, mang lại nhiều lợi ích cho người, đặc biệt lĩnh vực kinh tế, công nghệ thơng tin thực có nhiều đóng góp quan trọng công việc quản lý, quảng cáo sản phẩm, hồng hóa cơng ty, xí nghiệp, doanh nghiệp lớn nhỏ Chính mà em chọn đề tài “Xây dựng website ẩm thực“ Nhân dịp em xin gửi lời cảm ơn đến khoa Công nghệ Thông tin tạo hội giúp em tham gia học hỏi, rèn luyện kỹ cần thiết để thực đề tài tốt nghiệp cuối khóa Đặc biệt em xin gửi lời cảm ơn đến giảng viên ThS Phạm Thị Thu Hiền quan tâm góp ý cho đề tài sẵn sàng trả lời tất thắc mắc cần thiết, giúp em hoàn thành tốt làm Mặc dù có nhiều cố gắng kiến thức hạn chế với kinh nghiệm chưa có nên khơng tránh khỏi thiếu sót Vì em mong nhận ý kiến đóng góp bổ sung thầy giáo bạn để đề tài em hoàn thiện Em xin chân thành cảm ơn! SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT ĐỒ ÁN TỐT NGHIỆP MỤC LỤC Trang LỜI CẢM ƠN MỞ ĐẦU CHƢƠNG I TỔng QUAN VỀ ĐỀ TÀI 1.1 Cơ sở lý thuyết 1.1.1 Giới thiệu mơ hình MVC .2 1.1.2 Kiến trúc mơ hình MVC 1.1.3 Đặc điểm mô hình MVC 1.1.4 So Sánh ASP.NET MVC với ASP.NET WEBFORM 1.1.5 Lợi ích mơ hình ASP.NET MVC 1.2 Giới thiệu đề tài 1.2.1 Tính cấp thiết đề tài 1.2.2 Lý chọn đề tài 1.2.3 Chức website 1.2.4 Yêu cầu phi chức CHƢƠNG II PHÂN TÍCH THIẾT KẾ CƠ SỞ DỮ LIỆU 2.1 Xác định thực thể 2.2 Mơ hình ER thực thể hệ thống 2.3 Mơ hình quan hệ 2.4 Các Bảng Trong Cơ Sở Dữ Liệu CHƢƠNG III PHÂN TÍCH THIẾT KẾ HỆ THỐNG 14 3.1 Các mơ hình Use Case 14 3.1.1 Mơ hình Use case: mơ tả hoạt động khách hàng 14 3.1.2 Use Case mô tả hoạt động Quản trị 15 3.2 Các Mơ Hình Hoạt Động 16 3.2.1 Mơ hình hoạt động: khách hàng tìm ăn .16 3.2.2 Mơ hình hoạt động: Khách hàng đặt 16 3.2.3 Mơ hình hoạt động: Admin quản lý .17 3.2.4 Mơ hình hoạt động: Admin quản lý đơn hàng .17 3.3 Các Mơ Hình Tuần Tự 18 3.3.1 Mơ hình tuần tự: khách hàng tìm ăn 18 SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT ĐỒ ÁN TỐT NGHIỆP 3.3.2 Mơ hình tuần tự: Admin quản lý 18 3.3.3 Mơ hình tuần tự: Admin quản lý đơn hàng 19 CHƢƠNG IV XÂY DỰNG WEBSITE 20 4.1 Môi Trường Triển Khai Và Công Cụ Phát Triển .20 4.2 Giới thiệu giao diện 20 4.2.1 Trang chủ .20 4.2.2 Trang ngon 21 4.2.3 Trang Chi Tiết Món .21 4.2.4 Trang quản lý giỏ hàng 22 4.2.5 Trang hóa đơn 22 4.2.6 Trang tin ẩm thực 23 4.2.7 Trang thành viên 23 4.3 Giới thiệu giao diện quản trị viên .25 4.3.1 Trang quản lý Món ăn 25 4.3.2 Trang quản lý Tin ẩm thực 26 4.3.3 Trang quản lý Hóa đơn 27 4.3.4 Trang quản lý thành viên .28 KẾT LUẬN 29 Kết đạt 29 Hạn chế 29 Hướng phát triển 29 TÀI LIỆU THAM KHẢO 30 SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT ĐỒ ÁN TỐT NGHIỆP DANH MỤC HÌNH, BẢNG Trang Hình 1.1 Các thành phần mơ hình MVC .2 Hình 1.2 Biểu đồ mơ hình MVC Hình 2.1 Mơ hình ER thực thể hệ thống Hình 2.2 Mơ hình quan hệ thực thể hệ thống Hình 2.3 Các bảng sở liệu Hình 3.1.Mơ hình Use Case Khách hàng 14 Hình 3.2 Mơ hình Use Case Quản trị viên 15 Hình 3.3 Mơ hình hoạt động khách hàng tìm ăn 16 Hình 3.4 Mơ hình hoạt động khách hàng đặt 16 Hình 3.5 Mơ hình hoạt động Admin QLý 17 Hình 3.6.Mơ hình hoạt động Admin quản lý đơn hàng .17 Hình 3.7 Mơ hình Khách hàng tìm ăn 18 Hình 3.8 Mơ hình Admin quản lý 18 Hình 3.9 Mơ hình Admin quản lý đơn hàng 19 Bảng 1.1 So sánh ASP NET Webform ASP.NET MVC SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT ĐỒ ÁN TỐT NGHIỆP MỞ ĐẦU Hiện việc thiết kế trang web ASP.NET dễ dàng, tìm tài liệu mạng, tham khảo dự án để nghiên cứu xây dựng Lý Microsoft muốn tạo cơng cụ để người sử dụng dễ dàng làm việc xây dựng Website nhanh chóng nhất, ASP.NET WebForm thiết kế để thực điều Tuy nhiên ưu điểm ASP.NET WebForm đơi lại nhược điểm nó, khơng có phân chia rõ ràng giao diện code xử lý nên trang giao diện lại có câu lệnh truy vấn Sql Đến cần thay nâng cấp chức rắc rối Để khắc phục nhược điểm ASP.NET Webform, năm 2007 Microsoft cho đời tảng ASP.NET MVC ASP.NET MVC xây dựng với lớp chính, lớp giao diện (View), lớp điều khiển (Controller) lớp liệu (Model) Việc chia website thành nhiều lớp giúp cho lập trình viên xây dựng website với cấu trúc chặt chẽ rõ ràng Đồng thời giúp nâng cấp, thay chức kiểm thử trở nên đơn giản Với ưu điểm trên, ASP.NET MVC tảng việc xây dựng phát triển Website Để theo kịp xu hướng đón đầu nhu cầu công việc nay, chúng em áp dụng mơ hình MVC4 để thực đồ án tốt nghiệp SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT ĐỒ ÁN TỐT NGHIỆP CHƢƠNG I TỔNG QUAN VỀ ĐỀ TÀI 1.1 Cơ sở lý thuyết 1.1.1 Giới thiệu mơ hình MVC ASP.NET MVC tảng phát triển ứng dụng web Microsoft, kết hợp ý tưởng công nghệ đại với thành phần tốt tảng ASP.NET 1.1.2 Kiến trúc mơ hình MVC Kiến trúc MVC bao gồm thành phần bản: Model, View Controller Model có trách nhiệm tồn liệu View thể trực quan Và Controller điều khiển việc tương tác đối tượng đồ họa với người sử dụng đối tượng khác Hình 1.1 Các thành phần mơ hình MVC Khi người sử dụng thay đổi trạng thái đối tượng đồ họa, tương tác đến điều khiển bên Controller Controller thực việc thay đổi Model Khi có thay đổi xảy Model, phát thơng điệp thơng báo cho View Controller biết Nhận thông điệp từ Model, View cập nhật lại thể mình, đảm bảo ln thể trực quan xác Model Controller, nhận thông điệp từ Model,sẽ có tương tác cần thiết phản hồi lại người sử dụng SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT ĐỒ ÁN TỐT NGHIỆP Hình 1.2 Biểu đồ mơ hình MVC 1.1.3 Đặc điểm mơ hình MVC Mơ hình MVC giúp cho ứng dụng dễ bảo trì, module hóa chức năng, tách tác vụ ứng dụng thành phần riêng lẽ giúp cho việc xây dựng ứng dụng nhẹ nhàng hơn.Mơ hình MVC cho phép nhà phát triển nhà thiết kế làm việc đồng thời với nhau, cho phép thay đổi phần ứng dụng mà không ảnh hưởng đến phần khác Mơ hình MVC tách biệt phụ thuộc thành phần đối tượng làm tăng tính linh động tính tái sử dụng đối tượng Một đối tượng dễ dàng thay đổi giao diện cách thay đổi View cách thức lưu trữ Model xử lý Controller khơng thay đổi.Tương tự, ta thay đổi cách thức lưu trữ Model xử lý Controller đối tượng mà thành phần lại giữ nguyên 1.1.4 So Sánh ASP.NET MVC với ASP.NET WEBFORM ASP.NET WebForm tạo trang web mà giao diện lưu giữ trạng thái, thêm vào lớp trừu tượng tinh vi nằm HTTP HTML, sử dụng ViewState PostBack để tạo hiệu ứng Điều thích hợp với phong cách phát triển kéo thả Window Form ASP.NET MVC hòa vào chất không trạng thái HTTP, làm việc chung với chống lại Cung cấp cách tiếp cận đơn giản, mạnh mẽ đại cho việc viết ứng dụng web với mã có trật tự mà dễ dàng để kiểm thử bảo trì sau SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT ĐỒ ÁN TỐT NGHIỆP ASP.NET MVC có mã nguồn mở, khơng giống tảng trước đó, bạn dễ dàng tải mã nguồn gốc, chí bạn sửa đổi tạo phiên riêng bạn Nếu bạn viết ứng dụng Internet, bạn hướng tới tốc độ download nhanh tương thích trình duyệt chéo, mã kiến trúc tốt thích hợp cho việc test tự động, trường hợp ASP.NET MVC mang lại ưu điểm quan trọng Tính Kiến trúc chương trình ASP.NET WEBFORM ASP.NET MVC Phân chia chương trình thành Phân chia chương trình thành WebForm ->Business - Controller, Model, View >Database Sử dụng cú pháp WebForm, tất Các kiện kiều khiển Cú pháp chương kiện control controllers, control trình server quản lý không server quản lý Truy cập liệu Sử dụng hầu hết công nghệ Phần lớn dùng LINQ to SQL truy cập liệu ứng dụng class để tạo mơ hình truy cập đối tượng Debug chương trình phải thực Debug sử dụng unit tất bao gồm lớp truy test kiểm tra phương thức Debug cập liệu, hiển thị, điều controllers khiển cáccontrols Tốc độ phân tải Tốc độ phân tải chậm Phân tải nhanh khơng trang có q nhiều controls phải quản lý ViewState để ViewState lớn quản lý control trang Tương tác với JavaScriptkhó Tương tác với JavaScriptdễ Tương tác với khăn controls điều dàng đối tượng khơng JavaScript khiển server server quản lý URL Address Cấu trúc địa URL có dạng .aspx?&< tham số> Cấu trúc địa rành mạch theo dạng Controllers/Action/ID Bảng 1.1 So sánh ASP NET Webform ASP.NET MVC SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT ĐỒ ÁN TỐT NGHIỆP 3.2 Các Mơ Hình Hoạt Động 3.2.1 Mơ hình hoạt động: khách hàng tìm ăn Hình 3.3 Mơ hình hoạt động khách hàng tìm ăn 3.2.2 Mơ hình hoạt động: Khách hàng đặt Hình 3.4 Mơ hình hoạt động khách hàng đặt SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 16 ĐỒ ÁN TỐT NGHIỆP 3.2.3 Mơ hình hoạt động: Admin quản lý Hình 3.5 Mơ hình hoạt động Admin QLý 3.2.4 Mơ hình hoạt động: Admin quản lý đơn hàng Hình 3.6 Mơ hình hoạt động Admin quản lý đơn hàng SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 17 ĐỒ ÁN TỐT NGHIỆP 3.3 Các Mơ Hình Tuần Tự 3.3.1 Mơ hình tuần tự: khách hàng tìm ăn Hình 3.7 Mơ hình Khách hàng tìm ăn 3.3.2 Mơ hình tuần tự: Admin quản lý Hình 3.8 Mơ hình Admin quản lý SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 18 ĐỒ ÁN TỐT NGHIỆP 3.3.3 Mơ hình tuần tự: Admin quản lý đơn hàng Hình 3.9 Mơ hình Admin quản lý đơn hàng SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 19 ĐỒ ÁN TỐT NGHIỆP CHƢƠNG IV XÂY DỰNG WEBSITE Xây dựng website ẩm thực Thương mại điện tử, chuyên cung cấp loại ăn cho phép đặt trực tuyến.Website gồm phần : Trang chủ, Trang ngon, Trang Tin ẩm thực, Trang thành viên, Điều lệ 4.1 Môi Trƣờng Triển Khai Và Công Cụ Phát Triển  Hệ quản trị CSDL: MS SQL Server 2008  Công cụ phát triển: MS Visual Studio 2012  Ngôn ngữ lập trình: Asp.net MVC4, áp dụng Jquery cho phép tạo giao diện sinh động  Ngôn ngữ Web: HTML5, CS3  Framework: thư viện Net Framework 4.5  Trình duyệt Chrome, FireFox 4.2 Giới thiệu giao diện 4.2.1 Trang chủ Đây trang chủ website, xuất trước tiên người dùng truy cập (http://localhost:4605/Product/index) SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 20 ĐỒ ÁN TỐT NGHIỆP 4.2.2 Trang ngon Hiển thị tất ăn bán nhà hàng (http://localhost:4605/Product) 4.2.3 Trang Chi Tiết Món SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 21 ĐỒ ÁN TỐT NGHIỆP Hiển thị tất chi tiết ăn khách chọn xem, khách hàng góp ý cho ăn (http://localhost:4605/Product/Detail/2) 4.2.4 Trang quản lý giỏ hàng Hiển thị thông tin giỏ hàng, số lượng món, số lượng bàn, tổng tiền giỏ hàng(http://localhost:4605/Cart/Manage) 4.2.5 Trang hóa đơn SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 22 ĐỒ ÁN TỐT NGHIỆP Khách hàng điền thông tin để mua giỏ hàng (http://localhost:4605/Order) 4.2.6 Trang tin ẩm thực Cung cấp tin tức ẩm thực, cách chế biến, bảo quản mẹo nấu ăn cho người xem 4.2.7 Trang thành viên SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 23 ĐỒ ÁN TỐT NGHIỆP Menu đăng nhập: cho phép người dùng đăng nhập vào hệ thống Menu đăng ký: cho phép người dùng đăng ký thành viên website Menu quên mật khẩu: người dùng lấy lại mât SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 24 ĐỒ ÁN TỐT NGHIỆP Trang cá nhân thành viên: cho phépngười dùng quản lý thông tin cá nhân 4.3 Giới thiệu giao diện quản trị viên Ngoài trang dành cho khách hàng, có trang dành cho quản trị viên để quản lý thông tin nhà cung cấp, thể loại, ăn, thơng tin thành viên thống kê doanh thu 4.3.1 Trang quản lý Món ăn SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 25 ĐỒ ÁN TỐT NGHIỆP Menu cập nhật Món ăn 4.3.2 Trang quản lý Tin ẩm thực SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 26 ĐỒ ÁN TỐT NGHIỆP Menu cập nhật Tin tức 4.3.3 Trang quản lý Hóa đơn SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 27 ĐỒ ÁN TỐT NGHIỆP 4.3.4 Trang quản lý thành viên Menu quyền hạn SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 28 ĐỒ ÁN TỐT NGHIỆP KẾT LUẬN Kết đạt đƣợc Xây dựng hoàn thiện chức đặt như: - Thiết kế giao diện sinh động dễ nhìn - Hiển thị ăn mới, ăn mua nhiều, ăn vừa xem, cho phép thao tác đặt dễ dàng - Xây dựng giỏ hàng, quản lý giỏ hàng tạo hóa đơn mua hàng - Tích hợp thành cơng tốn trực tuyến - Xây dựng thành công trang tin ẩm thực.Cho phép bình luận với ứng dụng Facebook - Xây dựng trang đăng nhập truyền thống ứng dụng đăng nhập với tài khoản Google, Twitter, Facebook - Ứng dụng thành công Google chart cho phép tạo biểu đồ website, áp dụng cho menu bình chọn - Xây dựng trang thành viên cho phép khách hàng đăng ký quản lý thông tin cá nhân, thơng tin hóa đơn, ăn trước - Xây dựng hệ thống quản trị với bảng liệu thêm, sửa, xóa, thống kê doanh thu theo thời gian (theo ngày, quý, năm) doanh thu theo khách hàng - Bên cạnh em cịn tìm hiểu tích hợp chức tìm kiếm thơng minh sử dụng AutoComplete, xử lý kiện jQuery cho phép hiển thị banner hình ảnh động Hạn chế Một vài chức hạn chế như: - Phần bình luận sử dụng ứng dụng tài khoản Facebook chưa thể quản trị - Phần bình chọn website ứng dụng Google chart đơi cịn xuất lỗi giao diện Hƣớng phát triển Cải tiến chức thật tốt như: thêm chức đặt bàn cho phép khách hàng đặt bàn trực tuyến, quy định thời gian đặt tự động hủy vượt thời gian cho phép, cải tiến chức bình luận với đa cấp,tích hợp API google map dẫn vị trí khách hàng tới vị trí nhà hàng, mở rộng quy mô website cho nhiều nhà hàng, nhà hàng có tài khoản quản trị để tự quản lý ăn họ… Hồn thành kiểm thử đưa website triển khai vào thực tế SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 29 ĐỒ ÁN TỐT NGHIỆP TÀI LIỆU THAM KHẢO [1] Ebook: Wrox - Professional ASP.NET MVC [2] Website: http://www.asp.net/mvc http://weblogs.asp http://aspalliance.com http://stackoverflow.com http://softviet.vn [3] Giáo trình C#, ASP.NET Hoàng Hữu Việt - CNTT - Đại Học Vinh [4] Nguyễn Phương Lan chủ biên, "ASP 3.0, ASP.NET", NXB Lao động Xã hội năm 2004 [5] Biên dịch Thái Thành Phong - Các giải pháp lập trình C#, 2007 SVTH: Nguyễn Thị Tú – MSSV: 1151070392 – Lớp: 52K1 - CNTT 30 ... NGHIỆP CHƢƠNG IV XÂY DỰNG WEBSITE Xây dựng website ẩm thực Thương mại điện tử, chuyên cung cấp loại ăn cho phép đặt trực tuyến .Website gồm phần : Trang chủ, Trang ngon, Trang Tin ẩm thực, Trang thành... nghệ thông tin thực có nhiều đóng góp quan trọng cơng việc quản lý, quảng cáo sản phẩm, hồng hóa cơng ty, xí nghiệp, doanh nghiệp lớn nhỏ Chính mà em chọn đề tài ? ?Xây dựng website ẩm thực? ?? Nhân dịp... tham khảo dự án để nghiên cứu xây dựng Lý Microsoft muốn tạo công cụ để người sử dụng dễ dàng làm việc xây dựng Website nhanh chóng nhất, ASP.NET WebForm thiết kế để thực điều Tuy nhiên ưu điểm