XÂY DỰNG WEBSITE BÁN MÁY VI TÍNH DÙNG ASPNET MVC

TỔNG LIÊN ĐOÀN LAO ĐỘNG VIỆT NAM TRƯỜNG ĐẠI HỌC TƠN ĐỨC THẮNG KHOA CƠNG NGHỆ THƠNG TIN & TỐN ỨNG DỤNG LUẬN VĂN TỐT NGHIỆP XÂY DỰNG WEBSITE BÁN MÁY VI TÍNH DÙNG ASP.NET MVC Giảng viên hướng dẫn : ThS PHẠM THI VƯƠNG Sinh viên thực hiện: PHẠM PHÚ CƯỜNG NGUYỄN THỊ KIM HUỆ Lớp : 07TH1D Khoá : 11 TP Hồ Chí Minh, ngày 18 tháng năm 2011 070047T 070130T LỜI CẢM ƠN Trước tiên, chúng xin gởi lời cảm ơn sâu sắc đến cha mẹ, bậc sinh thành nuôi nấng, dạy dỗ tạo điều kiện cho chúng học tập đến ngày hơm Nhóm xin chân thành cảm ơn q thầy Khoa Cơng nghệ thơng tin Tốn ứng dụng quan tâm dạy bảo dìu dắt chúng em suốt thời gian ngồi ghế giảng đường đại học Hơn hết, nhóm xin gời lời cảm ơn chân thành đến thầy Phạm Thi Vương – người tận tình hướng dẫn, giúp đỡ chúng em suốt thời gian thực đề tài Nhận xét giảng viên hướng dẫn Nhận xét giảng viên phản biện MỤC LỤC Danh mục hình vẽ Lời mở đầu Chương 1: Giới thiệu tổng quan 1.1 Tổng quan mơ hình ASP.NET MVC 1.1.1 Giới thiệu ASP.NET MVC .1 1.1.2 Mơ hình MVC (Model – View – Controller) gì? 1.1.3 Lợi ích việc sử dụng mơ hình MVC so với thơng thường 1.1.4 Các đặc tính ASP.NET MVC 1.2 Tổng quan toán trực tuyến 1.2.1 Giới thiệu toán trực tuyến .4 1.2.1.1 Giới thiệu .4 1.2.1.2 Mơ hình mẫu tốn dùng thẻ nội địa Connect 24 OnePay với đơn vị chấp nhận thẻ Vietcombank 1.2.2 Giới thiệu ví điện tử 1.2.2.1 Giới thiệu .6 1.2.2.2 Mô hình mẫu ví điện tử trang “nganluong.vn” Chương 2: Khảo sát 2.1 Phong Vũ Computer 2.1.1 Các chức website 2.1.2 Ưu điểm 10 2.1.3 Nhược điểm 10 2.2 Hoàn Long Computer 11 2.2.1 Các chức website 11 2.2.2 Ưu điểm 12 2.2.3 Nhược điểm 12 2.3 Nhận xét chung 12 Chương 3: Phân tích hệ thống 13 3.1 Yêu cầu website 13 3.1.1 Yêu cầu chức 13 3.1.2 Yêu cầu phi chức .14 3.2 Phân tích Usecase 15 3.2.1 Các lược đồ Usecase (Usecase Diagram) 15 3.2.1.1 Lược đồ Usecase 15 3.2.1.2 Lược đồ Usecase chi tiết quản lý (Manager) .16 3.2.1.3 Lược đồ Usecase chi tiết quản trị (Admin) 17 3.2.2 Đặc tả Usecase 18 3.2.2.1 Usecase Register 18 3.2.2.2 Usecase Login 18 3.2.2.3 Usecase Logout 20 3.2.2.4 Usecase View News Details 20 3.2.2.5 Usecase View Product Details 21 3.2.2.6 Usecase Search 21 3.2.2.7 Usecase Change Password 22 3.2.2.8 Usecase Update Profile 23 3.2.2.9 Usecase Order Online 23 3.2.2.10 Usecase View Cart 24 3.2.2.11 Usecase Update Cart 25 3.2.2.12 Usecase Check-out 25 3.2.2.13 Usecase Add Products to Favorite 26 3.2.2.14 Usecase Poll .27 3.2.2.15 Usecase Forget Password 27 3.2.2.16 View Order .28 3.2.2.17 Usecase Manager User .28 3.2.2.18 Usecase Manager Product 29 3.2.2.19 Usecase Manager kind .30 3.2.2.20 Usecase Manager Topic 31 3.2.2.21 Usecase Manager News 32 3.2.2.22 Usecase Manager Categories 33 3.2.2.23 Usecase Manager Orders 34 3.2.2.24 Usecase Manager Answers 35 3.2.2.25 Usecase manager Polls .35 3.2.2.26 Usecase Manager Provines 36 3.2.2.27 Usecase Manager Proverbs 37 3.2.2.28 Usecase Send mail to Customers .38 3.2.2.29 Usecase View Roles 38 3.2.2.30 Usecase Chat with Support 39 3.2.2.31 Usecase Compare Products 40 3.2.2.32 Usecase Edit Contact .40 3.2.2.33 Usecase Edit Introduce 41 3.2.2.34 Usecase Manager Advertisement .41 3.3 Lược đồ hoạt động (Activity Diagram) .42 3.3.1 Activity Login 42 3.3.2 Activity Register 43 3.3.3 Activity Change password 44 3.3.4 Activity Search 45 3.3.5 Activity Compare Product 45 3.3.6 Activity Update Profile .46 3.3.7 Activity Add Product to Favorite .47 3.3.8 Activity Poll 47 3.3.9 Activity Forger Password 48 3.3.10 Activity Order Online, View Cart, Update Cart Check out 49 3.3.11 Activity View Orders 50 3.3.12 Activitycác chức quản lý Admin .50 3.3.13 Các chức quản lý Manager .52 3.3.14 Activity Manager Order 53 3.3.15 Activity Edit contact Edit introduce 54 3.3.16 Activity View Statistic 54 3.3.17 Activity Send mail to customer 55 3.4 Lược đồ trình tự (Sequence Diagram) 56 3.4.1 Sơ đồ Sequence cho khách thành viên 56 3.4.1.1 Sequence Login 56 3.4.1.2 Sequence Logout 56 3.4.1.3 Sequence Register 57 3.4.1.4 Sequence Change Password .57 3.4.1.5 Sequence Forget Password 58 3.4.1.6 Sequence Update Profile 58 3.4.1.7 Sequence Compare Product .59 3.4.1.8 Sequence Poll .60 3.4.1.9 Sequence View Cart, Update Cart .61 3.4.1.10 Sequence Confirm Check-out 62 3.4.1.11 Sequence Check-out 62 3.4.1.12 Sequence Search 63 3.4.1.13 Sequence Add to Favorite 63 3.4.1.14 Sequence View Orders .64 3.4.2 Sơ đồ Sequence cho Admin Manager 64 3.4.2.1 Sequence Update Order .64 3.4.2.2 Sequence Delete Order .65 3.4.2.3 Sequence Insert Product .65 3.4.2.4 Sequence Update Product 66 3.4.2.5 Sequence Delete product 66 3.4.2.6 Các Sequence Insert, Update, Delete cho việc quản lý .67 3.4.3 Sơ đồ Sequence cho admin 67 3.4.3.1 Sequence Insert User 67 3.4.3.2 Sequence Update User .68 3.4.3.3 Sequence Delete User 68 3.4.3.4 Sequence Send Mail 69 3.4.3.5 Sequence Voew Statistic 69 3.5 Lược đồ luồng liệu DFD (Data Flow Diagram) 70 3.5.1 Mơ hình luồng liệu khách (guest) 70 3.5.1.1 Mơ hình cấp 70 3.5.1.2 Mơ hình cấp 71 3.5.1.2.1 Mơ hình Bình chọn (Poll) 71 3.5.1.2.2 Mơ hình So sánh sản phẩm (Compare Product) 71 3.5.1.2.3 Mơ hình Qn mật (Forget Password) .72 3.5.2 Mơ hình luồng liệu thành viên (User) .72 3.5.2.1 Mơ hình cấp 72 3.5.2.1.1 Mơ hình chức “Add Product to Favorite” 73 3.5.2.1.2 Mơ hình chức “Order” .73 3.5.2.1.3 Mô hình chức “Change Password” 74 3.5.2.2 Mơ hình cấp 74 3.5.2.3 Mô hình cấp 75 3.5.3 Mơ hình luồng liệu Quản lý (Manager) 75 3.5.3.1 Mơ hình cấp 75 3.5.3.2 Mơ hình cấp 76 3.5.3.2.1 Mơ hình “Manager Kinds” 76 3.5.3.2.2 Mơ hình “Manager Categories” 76 3.5.3.2.3 Mơ hình “Manager Products” 77 3.5.3.2.4 Mơ hình “Manager Order” 77 3.5.3.2.5 Mơ hình “Manager Provinces” 78 3.5.3.2.6 Mơ hình “Manager Topics” .78 3.5.3.2.7 Mơ hình “Manager News” .79 3.5.3.2.8 Mơ hình “Mannager Polls” 79 3.5.3.2.9 Mơ hình “Manager Answers” 80 3.5.3.2.10 Mơ hình “Manager Proverbs” 80 3.5.3.2.11 Mơ hình “Manager Advertisement” 81 3.5.4 Mơ hình luồng liệu Quản trị (Admin) 81 3.5.4.1 Mô hình cấp 81 3.5.4.2 Mơ hình cấp 82 3.5.4.2.1 Mơ hình “Send Mail” 82 3.5.4.2.2 Mơ hình “Manager User” 83 Chương 4: Thiết kế hệ thống 84 4.1 Mô hình liệu 84 4.1.1 Mơ hình Conceptual Data Model (CDM) 84 4.1.2 Mơ hình Physical Data Model (PDM) 85 4.1.3 Mơ hình Database (Database Diagarm) .86 4.2 Đặc tả liệu 87 4.2.1 Bảng Advertisements 87 4.2.2 Bảng Answers .87 4.2.3 Bảng Categories 88 4.2.4 Bảng Favorites 88 4.2.5 Bảng Intro_Contact 89 4.2.6 Bảng Kinds 89 4.2.7 Bảng NewsDaily 89 4.2.8 Bảng OrderDetails 90 4.2.9 Bảng Orders 91 4.2.10 Bảng Polls 91 4.2.11 Bảng Products 92 4.2.12 Bảng Proverbs 93 4.2.13 Bảng Regions 93 4.2.14 Bảng Roles 94 4.2.15 Bảng Topics 94 4.2.16 Bảng Users 95 4.3 Sitemap 96 4.4 Giao diện website 97 4.4.1 Trang chủ 97 4.4.2 Tìm kiếm 98 4.4.3 Chi tiết sản phẩm 98 4.4.4 Giỏ hàng .99 4.4.5 Xem đơn hàng 99 4.4.6 Trang quản trị 100 4.4.7 Xem tin tức .100 4.4.8 Quản lý thành viên 101 4.4.9 Quản lý sản phẩm .101 Chương 6: Tổng kết 102 6.1 Nhận xét 102 6.1.1 Nhận xét chung 102 6.1.2 Hướng Phát triển tương lai 102 6.2 Hướng cải tiến website 102 6.2.1 Các phương pháp tăng tốc website 102 6.2.1.1 Giảm bớt request từ website 102 6.2.1.2 Sử dụng Content Delivery Network(CDN) .102 6.2.1.3 Nén trang web trước tải phía client .103 6.2.1.4 Cache client .103 6.2.2 Xây dựng đa ngôn ngữ cho website 103 TÀI LIỆU THAM KHẢO .104 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương - Bảng 4.2.7 Bảng NewsDaily NewsID: Lưu Mã tin tức Được tăng tự động có tin tức thêm vào sở liệu TopicID: Mỗi viết thuộc chủ đề, mã Chủ đề dùng để lưu Chủ đề Tin tức Title: Lưu tiêu đề tin tức Contents: Lưu nội dung tóm tắt Tin tức PostDate: Lưu ngày tin tức đăng lên website Image: Lưu đường dẫn đến hình ảnh minh họa cho Tin tức Brief: Lưu nội dung chi tiết Tin tức 4.2.8 Bảng OrderDetails Bảng OrderDetails dùng để lưu thông tin chi tiết đơn đặt hàng khách hàng Bảng 4.2.8 Bảng OrderDetails - OrderDetailID: Lưu mã Chi tiết hóa đơn Được tăng tự động có Chi tiết hóa đơn nhập vào sở liệu OrderID: Lưu mã hóa đơn ProductID: Lưu mã sản phẩm hóa đơn Price: Lưu giá sản phẩm hóa đơn Quantity: Lưu số lượng sản phẩm hóa đơn Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 90 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương 4.2.9 Bảng Orders Bảng 4.2.9 Bảng Orders - OrderID: Lưu mã hóa đơn Được tăng tự động có hóa đơn nhập vào sở liệu UserID: Lưu Mã khách hàng, người đặt mua hóa đơn RegionID: Lưu mã Tỉnh thành khách hàng đặt mua OrderDate: Lưu ngày đặt hàng DeliveryDate: Lưu ngày vận chuyển hàng ReceiverName: Lưu tên người nhận hàng ReceiverPhone: Lưu số điện thoại người nhận hàng Adress: Lưu địa người nhận hàng Status: Lưu trạng thái hpá đơn, giao hay chưa Note: Lưu Ghi cho hóa đơn TotalAmount: Lưu tổng giá tiền hoá đơn mà khách hàng phải toán 4.2.10 Bảng Polls Bảng Polls dùng để lưu câu hỏi bình chọn, thăm dị ý kiến khách hàng trang web Bảng 4.2.10 Bảng Polls Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 91 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương - PollID: Lưu Mã bình chọn Được tăng tự động có câu hỏi bình chọn nhập vào sở liệu Question: Lưu nội dung câu hỏi bình chọn Hide: Lưu trạng thái ẩn câu hỏi 4.2.11 Bảng Products Bảng Products dược dùng để lưu thông tin chi tiết sản phẩm mà công ty kinh doanh Bảng 4.2.11 Bảng Products - ProductID: Lưu mã sản phẩm Được tăng tự động có sản phẩm nhập vào sở liệu ProductName: Lưu tên sản phẩm Price: Lưu giá sản phẩm Image: Lưu đường dẫn đến hình ảnh minh họa cho sản phẩm Description: Lưu mơ tả sản phẩm Quantity: Lưu số lượng cịn lại cảu sản phẩm Warranty: Lưu thời gian bảo hành sản phẩm ScreenSize: Lưu kích thước hình sản phẩm Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 92 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương - Processor: Lưu thông tin CPU sản phẩm Memory: Lưu nhớ RAM sản phẩm HardDriver: Lưu nhớ ổ cứng sản phẩm Optical: Lưu thông tin Ổ đĩa quang sản phẩm VideoCard: Lưu thông tin card đồ họa sản phẩm Hide: Lưu thuộc tính ẩn/hiện sản phẩm Position: Lưu vị trí sản phẩm KindID: Lưu mã chủng loại sản phẩm CategoryID: Lưu Mã loại sản phẩm 4.2.12 Bảng Proverbs Bảng Proverbs dùng để lưu câu danh ngôn, lơi hay ý đẹp Bảng 4.2.12 Bảng Proverbs - ProverbID: Lưu mã Danh ngơn Được tăng tự động có danh ngơn nhập sở liệu Title: Lưu tiêu đề danh ngơn Hide: Lưu thuộc tính ẩn/hiện câu Danh ngơn 4.2.13 Bảng Regions Bảng Regions dùng để lưu thông tin tỉnh thành mà cơng ty giao hàng Bảng 4.2.13 Bảng Regions - RegionID: Lưu mã tỉnh thành Được tăng tự động có tỉnh thành nhập vào sở liệu RegionName: Lưu tên tỉnh thành Hide: Lưu thuộc tính ẩn/hiện câu tình thành ShipCharge: Lưu phí vận chuyển hàng hóa đến tỉnh thành Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 93 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương 4.2.14 Bảng Roles Bảng Roles dùng để lưu Quyền thành viên trang web Mỗi thành viên trang web có phân quyền riêng Bảng 4.2.14 Bảng Roles - RoleID: Lưu mã Quyền hạn Được tăng tự động có quyền nhập vào sở liệu RoleName: Lưu tên phân quyền Description: Lưu mô tả cho phân quyền 4.2.15 Bảng Topics Bảng topics dùng để lưu chủ đề Tin tức trang web Bảng 4.2.15 Bảng Topics - TopicID: Lưu mã Chủ đề Được tăng tự động có chủ đề nhập vào sở liệu TopicName: Lưu tên Chủ đề Hide: Lưu trạng thái ẩn/hiện Chủ đề Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 94 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương 4.2.16 Bảng Users Bảng Users dùng để lưu thành viên website Bảng 4.2.16 Bảng Users - UserID: Lưu Mã thành viên Được tăng tự động có thêm thành viên nhập vào sở liệu FullName: Lưu tên thành viên Email: Lưu Email thành viên Đây tài khoản dùng để đăng nhập vào website Password: Lưu mật tài khoản Adress: Lưu địa Thành viên RoleID: Lưu Mã phân quyền thành viên Birthdate: Lưu ngày sinh thành viên Phone: Lưu sớ điện thoại thành viên Gender: Lưu giới tính thành viên ConfirmCode: Lưu mã xác nhận, dùng cho chức Quên mật khẩu” Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 95 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương 4.3 Sitemap - - TRANG CHỦ Trang chủ Tin tức  Tin desktop  Tin Laptop  Tin công nghệ  Tin ngày Giớ thiệu Liên hệ Danh mục sản phẩm Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ TRANG CHỦ  Máy  Intel  Dell  CH PC  HP-COMPAQ  Laptop  Samsung  Toshiba  Sony  Acer  HP  Dell  Asus  Khác  Sản phẩm 070047T 070130T Trang 96 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương 4.4 Giao diện website 4.4.1 Trang chủ Hình 4.4.1 Giao diện Trang chủ Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 97 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương 4.4.2 Tìm kiếm Hình 4.4.2 Giao diện Tìm kiếm 4.4.3 Chi tiết sản phẩm Hình 4.4.3 Giao diện Chi tiết sản phẩm Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 98 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương 4.4.4 Giỏ hàng Hình 4.4.4 Giao diện Giỏ hàng 4.4.5 Xem đơn hàng Hình 4.4.5 Giao diện Xem đơn hàng bạn Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 99 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương 4.4.6 Xem tin tức Hình 4.4.6 Giao diện trang Xem tin tức 4.4.7 Trang quản trị Hình 4.4.7 Giao diện trang Quản trị website Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 100 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương 4.4.8 Quản lý thành viên Hình 4.4.8 Giao diện Quản lý Thành viên 4.3.9 Quản lý Sản phẩm Hình 4.4.9 Giao diện Quản lý sản phẩm Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 101 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương Chương 6: Tổng kết 6.1 Nhận xét 6.1.1 Nhận xét chung     Website đáp ứng yêu cầu website ASP.NET MVC Có đầy đủ tính cần thiết cho website bán hàng qua mạng Website tồn số lỗi nhỏ hiển thị Các đặc tả phân tích chưa thật hợp lí 6.1.2 Hướng phát triển tương lai     Sửa lỗi cịn thiếu sót Tăng tính bảo mật cho website Cải thiện tốc độ cho website Thêm số tính hỗ trợ cho người dùng 6.2 Hướng cải tiến website 6.2.1 Các phương pháp tăng tốc website - Tốc độ website ảnh hưởng lớn đến truy cập khách hàng, website có tốc độ truy cập chậm, khách hàng phải chờ đợi họ chuyển sang trang web khác ta hội bán sản phẩm Vì cần phải tăng tốc độ truy cập cho website, ta sử dụng số phương pháp sau đây: 6.2.1.1 Giảm bớt request từ website  Sử dụng số lượng hình ảnh vừa phải, flash hay script website  Gom file javascritp, css lại để giảm request  Đưa file css lên đầu đưa file script xuống cuối 6.2.1.2 Sử dụng Content Delivery Network(CDN)  Đặt website vị trí mà phần lớn người dùng ta  Sử dụng framework tiếng jquery… đặt sẵn máy chủ Google Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 102 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương 6.2.1.3 Nén trang web trước tải phía client  Trang web nén lại gửi tới người dùng tải trình duyệt giải nén hiển thị lên Phương pháp giúp giảm dung lượng trang web nhiều tiết kiệm băng thông cho website - Trang web trước nén - Trang web sau nén 6.2.1.4 Cache client - Khi trang web tải phía người dùng lưu lại người dùng yêu cầu lại trang web lấy sẵn máy người dùng trả lập tức, không cần phải request đến sever 6.2.2 Xây dựng đa ngôn ngữ cho website - Phát triển thêm số ngôn ngữ đáp ứng yêu cầu người dùng muốn xem trang web ngôn ngữ khác Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 103 Website Bán máy vi tính dùng mơ hình MVC Giảng viên hướng dẫn: ThS Phạm Thi Vương TÀI LIỆU THAM KHẢO Tiếng Anh [1] Dino Esposito, 2010, Programming Microsoft ASP.NET MVC 2, Microsoft Press [2] Maarten Balliauw, 2009, Asp.NET MVC 1.0 Quickly, Packt publishing [3] Phill Haack, 2010, Manning ASP.NET MVC in Action, Manning Publications Co [4] Steven Sanderson, 2009, Pro ASP.NET MVC Framework, Apress Website www.asp.net www.asp.net.vn Sinh viên thực hiện: - Phạm Phú Cường - Nguyễn Thị Kim Huệ 070047T 070130T Trang 104