Đồ án môn học lập trình website ứng dụng công nghệ phát triển web asp net mvc xây dựng website bán đồ chơi hkc

BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CÔNG NGHỆ TP HCM ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEBSITE ỨNG DỤNG CÔNG NGHỆ PHÁT TRIỂN WEB ASP.NET MVC XÂY DỰNG WEBSITE BÁN ĐỒ CHƠI HKC Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Sinh viên thực : TRẦN THÀNH CÔNG MSSV: 15111050144 Lớp: 16DTHA1 LÊ KHẢI MSSV: 1611060137 Lớp: 16DTHA1 PHẠM ĐẶNG ĐỨC HUY MSSV: 16111060132 TP Hồ Chí Minh, 2019 Lớp: 16DTHA1 BỘ GIÁO DỤC VÀ ĐÀO TẠO TRƯỜNG ĐẠI HỌC CƠNG NGHỆ TP HCM ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB WEBSITE BÁN ĐỒ CHƠI HKC Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Sinh viên thực : TRẦN THÀNH CÔNG MSSV: 15111050144 Lớp: 16DTHA1 LÊ KHẢI MSSV: 1611060137 Lớp: 16DTHA1 PHẠM ĐẶNG ĐỨC HUY MSSV: 16111060132 Giảng viên Lớp: 16DTHA1 : Ths DƯƠNG THÀNH PHẾT TP Hồ Chí Minh, 2019 MỤC LỤC Đề mục Trang Trang bìa MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG TỔNG QUAN .8 1.1 GIỚI THIỆU ĐỀ TÀI 1.2 Mô tả phương án tổng quan .9 1.2.1 Phương án lưu trữ 1.2.2 Phương án khả thi 10 1.3 Cấu trúc đồ án 10 CHƯƠNG CƠ SỞ LÝ THUYẾT .12 2.1 Các khái niệm chế hoạt động 12 2.1.1 Thương mại điện tử: 12 2.1.2 Các cơng nghệ - kỹ thuật lập trình website: .14 2.1.2.1 Tìm hiểu HTML5 14 2.1.2.2 Tìm hiểu CSS3 15 2.1.1.3 Tìm hiểu MVC 16 2.1.1.4 Tìm hiểu ASP.NET MVC5 17 2.1.1.5 Tìm hiểu jQuery 18 2.1.1.5 Tìm hiểu Bootstrap .19 2.1.2 Tổng quan hệ quản trị sở liệu SQL Server 19 2.1.1.6 Tìm hiểu facebook API 21 2.2 Mô hình giải pháp 22 2.2.1 Mơ hình ERD 22 2.2.3 Mơ hình quan niệm liệu 24 2.2.3.1 Danh sách thực thể .24 2.2.3.3 Sơ đồ thực thể kết hợp (ERD – Entity Relationship Diagram) 26 2.2.4 Mơ hình liệu quan hệ 27 2.2.4.1 Lược đồ sở liệu 27 2.2.4.2 Silemap-Sơ đồ Sile .30 CHƯƠNG KẾT QUẢ THỰC NGHIỆM 31 3.1 Các thành phần chức hệ thống 31 3.2 Các trang người dùng 32 3.2.1 Trang chủ 32 3.2.2 Trang loại sản phẩm 33 3.2.3 Danh mục theo sản phẩm 33 3.2.4 Trang đăng ký 34 3.2.5 Trang đăng nhập 35 3.2.6 Trang thông tin chi tiết máy .35 3.2.7 Trang thông tin giỏ hàng 36 3.2.8 Trang thông tin đặt hàng 37 3.2.9 Trang thông báo khách hàng đặt hàng thành công .37 3.2.10 Trang đăng nhập dành cho admin 38 3.2.11 Trang chủ admin 39 3.2.12 Trang admin quản lý thông tin máy .39 CHƯƠNG KẾT LUẬN 40 4.1 Kết đạt .40 4.2 Đánh giá website .40 4.2.1 Ưu điểm 40 4.2.2 Nhược điểm 40 4.3 Hướng phát triển mở rộng đề tài 40 Tài liệu tham khảo 41 LỜI MỞ ĐẦU Theo xu hướng phát triển giới thời buổi công nghệ 4.0 nay, nước ta bắt kiệp theo xu hướng Ngành cơng nghệ thơng tin ngành quan trọng xã hội Các sản phẩm công nghệ nhận quan tâm đánh giá khắc khe từ phía người dùng Các cơng ty doanh nghiệp dần chuyển quản lý quảng bá sản phẩm từ phần mềm quản lý cực sang quản lý trực tuyến thông qua mạng Internet Do việc thiết kế lập trình web ngày ý nhiều người Với bùng nổ đó, việc lập trình web hội lớn người u thích lập trình muốn tạo website có chất lượng Giờ đây, với phát triển ngôn ngữ lập trình như: html, css, js, php,… giúp cho lập trình viên dễ dàng lựa chọn ngơn ngữ lập trình mà thích Ngồi ra, phần mềm hỗ trợ cho việc thiết kế lập trình web ngày tối ưu hóa thuận tiện cho lập trình viên theo tác như: Visual Studio, SQL Server, Subline Text, Dreamweaver,… Xuất phát từ lý trên, với hướng dẫn tận tình chi tiết thầy Dương Thành Phết, chúng em thực đề tài “Website bán đồ chơi” để vận dụng kiến thức học tự tìm hiểu từ nguồn tài nguyên có sẵn, xây dựng trang web bán hàng Do chưa có nhiều kinh nghiệm thực tiễn, nên đề tài thực chúng em nhiều thiếu sót, chúng em mong nhận đánh giá nhận xét thầy để đề tài hoàn thiện Chúng em xin chân thành cảm ơn! Sinh viên thực Trần Thành Công Lê Khải Phạm Đặng Đức Huy CHƯƠNG TỔNG QUAN 1.1 GIỚI THIỆU ĐỀ TÀI Xã hội ngày phát triển nên người trú trọng đến nhu cầu chăm sóc sức khỏe Vì vậy, dể đáp ứng yêu cầu người sức khỏe, phòng gym ngày xuất nhiều xã hội Để cung cấp thiết bị an tồn chất lượng, chúng tơi thiết kế website uy tính để người tiếp cận tham khảo cách nhanh chóng sản phẩm mà khơng cần phải trực tiếp cửa hàng a) Mục tiêu  Cho phép người dùng xem, tham khảo, chia góp ý sản phẩm trực tiếp website  Giúp người dùng tiếp cận dễ dàng  Đảm bảo sở liệu có độ bảo mật tin cậy cao b) Mô tả  Trang chủ website: hiển thị tồn nội dung cơng ty Trên bạn thực tất công việc mà bạn muốn cách click vào mục chọn tương ứng, chương trình liên kết đến trang tương ứng đáp ứng nhu cầu bạn  Đầu trang web phần tìm kiếm giúp khách hàng dễ dàng tìm kiếm sản phẩm muốn mua Góc bên phải phần đăng ký, đăng nhập vào hệ thống HQT Sport Cuối phần giỏ hàng giúp khách hàng quản lý sản phẩm mà cần thiết  Menu dọc trang liệu kê danh mục sản phẩm bán với phân loại cụ thể chi tiết tiện cho khách hàng : ……  Hoạt động đăng ký khách hàng để trở thành thành viên website bạn hàng cơng ty khách hàng phải đăng ký tài khoảng nhằm mục đích quản lý thông tin khách hàng Khi điền xong thông tin về: họ tên, di động, email, mật khẩu, … khách hàng nhấn nút đăng ký để đăng ký Hệ thống gửi mã kích hoạt số điện thoại mà bạn đăng ký Khách hàng nhập mã kích hoạt để tất đăng ký  Hoạt động mua hàng khách hàng lựa chọn mặt hàng từ danh mục mặt hàng khách hàng liên kết tới trang giới thiệt sản phẩm bao gồm thơng tin: hình ảnh, đơn giá, mơ tả, … Khách hàng chọn mua mặt hàng, hệ thống yêu cầu nhập thông tin cần thiết để hàng thành đơn hàng bao gồm: hình thức tốn, thơng tin cá nhân, hình thức nhận hàng cuối xác nhận đơn hàng đặt mua Sau khách hàng đặt mua họ vào quản lý đơn hàng để theo dõi thông tin đơn hàng Trong phần đơn hàng khách hàng hủy đơn hàng gia hạng tốn  Hoạt động quản trị: người làm chủ hệ thống có quyền kiểm sốt hoạt động hệ thống người quản trị có username password để đăng nhập vào hệ thống thực chức Khi đăng nhập thành cơng nhà quản trị thực công việc sau: quản lý đơn hàng, cung cấp thông tin sản phẩm, quản lý khách hàng, quản lý nhà cung cấp hàng, nhận đơn hàng, bán hàng, quản lý xử lý đơn đặt hàng, quản lý ý kiến phản hồi khách hàng c) Lợi ích mang lại  Tạo tiện dụng, nhanh chóng cho khách hàng  Tiết kiệm thời gian chi phí d) Các bước thực để hồn thành dự án  Lập kế hoạch phát triển website  Phân tích hệ thống  Thiết kế  Cài đặt  Kiểm tra  Biên soạn tài liệu hướng dẫn sử dụng 1.2 Mô tả phương án tổng quan 1.2.1 Phương án lưu trữ a) Cơ sở liệu tập trung  Là phương án đưa liệu nơi  Giúp quản lí liệu chặt chẽ hơn, tăng tính bảo mật thao tác liệu thực nơi  Tốc độ thao tác liệu hạn chế nhiều thao tác lúc vào liệu nơi b) Cơ sở liệu phân tán  Ngược lại với sở liệu tập trung  Tốc độ thao tác liệu nhanh sở liệu tập trung  Chi phí đầu tư cao  Thiết kế liệu tương đối khó khăn, khơng chặt chẽ, bị lỗi khơng cập nhật cho tất nơi lưu trữ  Chỉ phù hợp cho sở liệu lớn, có khoảng cách địa lý c) Các hệ quản trị sở liệu Microsoft Acces, Microsoft SQL Server, MySQL, Oracle, … 1.2.2 Phương án khả thi Với mơ hình liệu trên, mơ hình liệu áp dụng cho hệ thống mơ hình liệu tập trung lợi ích sau:  Với phát triển cơng nghệ tốc độ đường truyền, dung lượng nhớ không vấn đề lớn, sở liệu tập trung giúp dễ dàng lưu, phục hồi, bảo đảm an toàn liệu  Về mặt phần cứng chi phí đầu tư cho mơ hình khơng cao  Về mặt bảo mật liệu, cần phân quyền người sử dụng hệ thống, mặt khác giúp việc quản lí chặt chẽ 1.3 Cấu trúc đồ án Chương 1: Tổng quan o Tổng quan vấn đề nghiên cứu: Tóm tắt lý thuyết, tài liệu có liên quan đến đề tài “Web Bán Đồ Chơi HKC” o Nhiệm vụ đồ án: Lý hình thành đề tài, mục tiêu nghiên cứu, đối tượng, phạm vi giới hạn o Cấu trúc đồ án: Trình bày cấu trúc đồ án gồm chương tóm tắt chương Chương 2: Cơ sở lý thuyết Các khái niệm phương pháp bao gồm các công nghệ, hệ thống, các ràng buộc, … để giải nhiệm vụ đồ án Chương 3: Kết thực nghiệm Giao diện đặc điểm chức chương trình Tương tác với người dùng Giao diện thân thiện cho người dùng Chương 4: Kết luận Những kết luận chung, khẳng định kết đạt 10 CHƯƠNG CƠ SỞ LÝ THUYẾT 2.1 Các khái niệm chế hoạt động 2.1.1 Thương mại điện tử: Thương mại điện tử (còn gọi thị trường điện tử, thị trường ảo, ECommerce hay E-Business) quy trình mua bán ảo thông qua việc truyền liệu máy tính sách phân phối tiếp thị Tại mối quan hệ thương mại hay dịch vụ trực tiếp người cung cấp khách hàng tiến hành thông qua Internet Hiểu theo nghĩa rộng, thương mại điện tử bao gồm tất loại giao dịch thương mại mà đối tác giao dịch sử dụng kỹ thuật thông tin khuôn khổ chào mời, thảo thuận hay cung cấp dịch vụ Thông qua chiến dịch quảng cáo IBM thập niên 1990, khái niệm Electronic Business, thường dùng tài liệu, bắt đầu thông dụng - Thương mại điện tử xuất Việt Nam nào? Việt Nam hòa nhập Internet vào cuối năm 1997, thời gian sau thuật ngữ thương mại điện tử bắt đầu xuất chưa phát triển - Lợi ích thương mại điện tử (TMĐT)?  TMĐT giúp cho Doanh nghiệp nắm thông tin phong phú thị trường đối tác  TMĐT giúp giảm chi phí sản xuất  TMĐT giúp giảm chi phí bán hàng tiếp thị  TMĐT qua Internet giúp người tiêu dùng doanh nghiệp giảm đáng kể thời gian chí phí giao dịch  TMĐT tạo điều kiện cho việc thiết lập củng cố mối quan hệ thành phần tham gia vào trình thương mại  Tạo điều kiện sớm tiếp cận kinh tế số hoá - Ưu điểm nhược điểm thương mại điện tử:  Tất công ty quan tâm tới TMĐT đơn giản giúp họ tăng thêm lợi nhuận qua việc tăng lượng bán giảm chi phí Quảng cáo tốt Web có thơng báo quảng cáo công ty nhỏ tới người tiêu dùng quốc gia giới 26 b) Bảng THUONGHIEU Bảng chứa thông tin thương hiệu Tên thuộc tính Diễn giải Kiểu liệu Ràng buộc Độ dài maTH Mã nhà sản xuất int khóa 10 tenTH Tên nhà sản xuất nvarchar 50 50 nuoc Quốc gia nhà sản xuất nvarchar 50 Kiểu liệu Ràng buộc Độ dài c) Bảng LOAIMAY Bảng chứa thơng tin loại máy tập Tên thuộc tính Diễn giải maloai Mã loại đồ chơi int khóa tenloai Tên loại đồ chơi nvarchar not null 50 Kiểu liệu Ràng buộc Độ dài int khóa d) Bảng KHACHHANG Bảng chứa thông tin khách hàng Tên thuộc tính Diễn giải maKH Mã khách hàng hoten Họ tên khách hàng nvarchar not null 50 taikhoan Tài khoản khách hàng varchar null 50 matkhau Mật khẩu khách hàng varchar null email Địa chỉ email khách hàng varchar null diachiKH Địa chỉ nhà khách hàng nvarchar null 50 sdt Số điện thoại khách hàng varchar null 12 ngaysinh Ngày sinh khách hàng datetime khóa ngoại Kiểu liệu Ràng buộc e) Bảng MAY Bảng chứa thông tin máy tập Tên thuộc tính Diễn giải maSP Mã máy int khóa tenSP Tên máy nvarchar not null Độ dài 50 27 giaban Giá bán money null chitet Mô tả sản phẩm nvarchar null images Ảnh sản phẩm varchar null ngaydang Ngày cập nhật datetime null SLton Số lượng tồn int null maloai Mã loại máy int khóa ngoại maTH Mã nhà sản xuất int max f) Bảng DONDATHANG Bảng chứa thơng tin đơn đặt hàng Tên thuộc tính Diễn giải Kiểu liệu Ràng buộc Độ dài maDH Mã đơn hàng int khóa 10 Dathanhtoan Đã toán bit null 10 tinhtranggiao Tình trạng giao hàng bit not null ngaydat Ngày đặt datetime null ngaygiao Ngày giao datetime null maKH Mã khách hàng int null Kiểu liệu Ràng buộc Độ dài g) Bảng ADMIN Bảng chứa thông tin ADMIN Tên thuộc tính Diễn giải userAdmin Tài khoản admin varchar khóa 20 passAdmin Mật khẩu admin varchar null 20 hoten Họ tên nvarchar not null 50 28 2.2.4.2 Silemap-Sơ đồ Sile Đăng ký Đăng nhập Home Liên hệ Giới thiệu Bản đồ Chi tiết SP Local Sản phẩm Sản phẩm theo loại Tìm kiếm Thanh tốn trả sau Đặt hàng Thanh toán bảo kim Giỏ hàng Bình luận Sản phẩm Tên sản phẩm 29 CHƯƠNG KẾT QUẢ THỰC NGHIỆM 3.1 Các thành phần chức hệ thống  Chức đăng nhập hệ thống: đăng nhập tài khoản để xử lý chương trình  Menu: chứa chức chương trình  Da  Chức quản lý:  Thông tin khoa:  Hiển thị thơng tin khoa  Thêm, xóa, cập nhật thông tin khoa  Thông tin lớp:  Hiển thị thông tin lớp  Thêm, xóa, cập nhật thơng tin lớp  Thơng tin sinh viên:  Hiển thị thông tin sinh viên  Thêm, xóa, cập nhật thơng tin sinh viên  Thông tin môn học:  Hiển thị thơng tin mơn học  Thêm, xóa, cập nhật thông tin môn học  Thông tin giảng viên:  Hiển thị thông tin giảng viên  Thêm, xóa, cập nhật thơng tin giảng viên  Thông tin điểm:  Hiển thị thông tin điểm sinh viên  Thêm, xóa, cập nhật thơng tin điểm sinh viên  Chức tính điểm: Tính điểm trung bình theo mơn sinh viên,  Chức tìm kiếm:  Tìm sinh viên theo mã lớp  Tìm điểm theo mã sinh viên 30  Chức thống kê:  Danh sách, số lượng lớp theo khoa  Danh sách, số lượng sinh viên theo lớp  Danh sách, số lượng giảng viên theo môn học  Danh sách điểm theo sinh viên 3.2 Các trang người dùng 3.2.1 Trang chủ Đây trang chủ xuất Hình: Giao diện trang chủ Chức năng: - Trình bày sản phẩm mới, bán chạy, cao cấp, trung cấp - Giúp cho khách hàng xem cách tổng Website - Tìm kiếm sản phẩm Website 31 3.2.2 Trang loại sản phẩm Hình: Giao diện loại sản phẩm Chức năng: - Trình bày sản phẩm theo loại sản phẩm 3.2.3 Danh mục theo sản phẩm Hình: Giao diện loại sản phẩm Chức năng: 32 - Trình bày theo danh mục sản loại sản phẩm 3.2.4 Trang đăng ký Hình: Giao diện người dùng đăng ký Chức năng: - Khách hàng phải thành viên thực mua hàng, giao dịch với công ty - Khách hàng click vào “Đăng Ký” Menu để thực đăng kí - Khách hàng điền đầy đủ thơng tin click vào đăng kí - Các thơng tin nhằm xác định thông tin khách hàng, giúp công ty thực liên lạc giao hàng dễ dàng việc thống kê - Tồn thơng tin đăng ký khách hàng mã hóa an tồn 33 3.2.5 Trang đăng nhập Hình: Giao diện người dùng đăng ký Chức năng: - Giúp khách hàng đăng nhập thơng tin vào để tốn sử dụng ưu đãi từ chương trình khách khàng thân thiết 3.2.6 Trang thông tin chi tiết máy 34 Hình: Giao diện người dùng đăng ký Chức năng: - Hiển thị đầu đủ thông tin chi tiết máy: tên máy, giá máy,thông tin chi tiết - Giúp khách hàng “đặt hàng” sản phẩm muốn mua - Có khả toán trược tuyết từ bảo kim - Khách hàng cịn xem đánh giá từ khách hàng mua sắm sản phẩm - Khách hàng u thích, bình luận chia sẻ sản phẩm lên mạng xã hội Facebook 3.2.7 Trang thơng tin giỏ hàng Hình: Giao diện thơng tin giỏ hàng Chức năng: - Giúp khách hàng xem chi tiết sản phẩm đặt hàng như: tên máy, số lượng, đơn giá, thành tiền tổng tiền - Các tính cập nhật trang giỏ hàng: tăng giảm số lượng, xóa mặt hàng, 35 - Ngồi cịn “đặt hàng” để tiếp tục bước đặt hàng xóa tồn giõ hàng 3.2.8 Trang thơng tin đặt hàng Hình: Giao diện thông tin giỏ hàng Chức năng: - Khách hàng xem thơng tin để thuận tiện cho việc giao hàng: họ tên, địa chỉ, sdt, ngày đặt, ngày giao hàng 36 3.2.9 Trang thông báo khách hàng đặt hàng thành cơng Hình: Giao diện thông tin giỏ hàng Chức năng: - Thông báo cho khách hàng:” CẢM ƠN BẠN ĐÃ MUA HÀNG! CHÚNG TÔI SẼ GIAO HÀNG NHANH NHẤT KHI CÓ THỂ” 3.2.10 Trang đăng nhập dành cho admin 37 Hình: Giao diện trang đăng nhập admin Chức năng: - Giúp admin đăng nhập sử dụng quyền 3.2.11 Trang chủ admin Hình: Giao diện trang đăng nhập admin Chức năng: - Giúp admin quản lý thao tác trang web với quyền truy cập cấp phép 38 3.2.12 Trang admin quản lý thông tin máy Hình: Giao diện trang admin quản lý thơng tin máy Chức năng: - Giúp admin thay đổi,chỉnh sửa thêm thông tin máy website: tên máy, giá bán, mô tả, ảnh bìa, ngày cập nhật, số lượng tồn, tên thương hiệu, nhà cung cấp,… CHƯƠNG KẾT LUẬN 4.1 Kết đạt Website kinh doanh dụng cụ tập gym trang web thương mại điện tử quản lý công ty kinh doanh dụng cụ gym trực tuyến qua mạng Ngày trang web kinh doanh dụng cụ gym có nhiều nhiên trang Web chúng em đạt số yêu cầu số khuyết điểm chưa thực 4.2 Đánh giá website 4.2.1 Ưu điểm  Rút ngắn thời gian chờ đợi sinh viên 39  Sử dụng máy tính vào việc tìm kiếm thơng tin chi tiết điểm sinh viên dễ dàng, nhanh chóng thuận tiện Việc lưu trữ thông tin sinh viên đơn giản, khơng cần phải có nơi lưu trữ lớn  Việc thống kê thuận tiện, nhanh chóng  Với chức xử lý sẵn có, phần mềm giúp công việc nhân viên quản lý nhẹ nhàng hơn, người làm 4.2.2 Nhược điểm  Để xây dựng hệ thống quản lý tốt cần đầu tư chi phí vào máy móc, phần mềm…  Một số trường hợp quản lý điểm chưa giải hết 4.3 Hướng phát triển mở rộng đề tài Đề tài “Phần mềm quản lý điểm sinh viên” cần mở rộng xem xét nhiều khía cạnh để phần mềm hồn thiện, giúp cho việc quản lý hệ thống điểm trường học dễ dàng hơn, giảm bớt cồng kềnh sổ sách… Trong đề tài này, chúng em phân tích xây dựng phần mềm đơn giản, cần phải phát triển làm rõ thêm:  Tích hợp thêm việc quản lý kết tổng kết sau tồn khóa học sinh viên  Chuyển hướng quản lý thông tin sinh viên qua mạng  Mở rộng thêm ứng dụng web: cho phép nhập chỉnh sửa thông tin từ xa Tài liệu tham khảo  Dương Thành Phết Slide giảng Lập trình Web  Dương Thành Phết Bài tập thực hành Lập trình Web  Slide giảng Phân tích thiết kế hệ thống thông tin  Tài liệu tham khảo tập hợp từ nhiều đồ án nhiều trang website 40  Tham khảo host https://somee.com/