Đồ án môn học lập trình web xây dựng website bán laptop

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CƠNG NGHỆ ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB XÂY DỰNG WEBSITE BÁN LAPTOP GVHD: NGUYỄN HỮU VĨNH SVTH: MAI VĂN CHÁNH MSSV: 1824801030028 LỚP: D18PM04 BNH DƯƠNG – 12/2020 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CƠNG NGHỆ ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB XÂY DỰNG WEBSITE BÁN LAPTOP GVHD: NGUYỄN HỮU VĨNH SVTH: MAI VĂN CHÁNH MSSV: 1824801030028 LỚP: D18PM04 BNH DƯƠNG – 12/2020 i 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ NHẬN XÉT VÀ CHẤM ĐIỂM CỦA GIẢNG VIÊN Họ tên giảng viên: Nguyễn Hữu Vĩnh Tên đề tài: XÂY DỰNG WEBSITE BÁN LAPTOP Nội dung nhận xét: Điểm: Bằng số: Bằng chữ: GIẢNG VIÊN CHẤM (Ký, ghi rõ họ tên) Nguyễn Hữu Vĩnh ii 0 TRƯỜNG ĐH THỦ DẦU MỘT CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc VIỆN KỸ THUẬT CÔNG NGHỆ PHIẾU ĐÁNH GIÁ PROJECT (Đánh giá trình thực hiện, báo cáo văn sản phẩm) Học phần: LẬP TRÌNH WEB Họ tên sinh viên (MSSV): Trọ ng Tốt Khá Trung bình Kém số 100% 75% 50% 0% Tìm kiếm Chọn ý tưởng Khơng quan đưa ý số tâm lựa chọn tưởng tốt đề nghị ý tưởng Khá hợp lý, Chưa hợp lý, có điều chỉnh chút điều chỉnh theo theo góp ý góp ý Tiêu chí % Tích cực tìm kiếm chủ Thái Nêu ý độ tưởng 05 gia cực ý tưởng mang tính tham tích động đưa Lập kế hoạch thực Hoàn toàn 05 hợp lý, không cần điều chỉnh Chuẩn bị tốt Quá trình Giai thực đoạn chuẩn proje bị ct điều kiện cho việc 10 thực project, khởi động Chuẩn bị đa số điều kiện cho việc thực hiện, khởi động bổ sung sau iii 0 Không hợp lý khơng điều chỉnh theo góp ý Chuẩn bị số điều kiện cho việc thực Không chuẩn cần bị điều bổ sung thêm kiện khởi động nghiê m túc 10 Giai Thực Thực hoàn toàn phương pháp, sai sót phương nhỏ có sửa pháp chữa Thực tương Thực đối không phương pháp, phương sai sót quan pháp, sai sót trọng có sửa không sửa chữa chữa Triển khai tương Triển khai đối kế chậm trễ, hoạch, có chậm gây ảnh trễ gây ảnh hưởng không hưởng khắc phục khắc phục được đoạn thực Triển khai 10 Triển khai kế hoạch, kế có chậm trễ hoạch không gây ảnh hưởng Mức độ Ghi rõ mục tiêu thành phần (ở giai đoạn project) đạt thang điểm cụ thể mục 20 tiêu thành phần Báo Nội cáo dung kết báo cáo 10 - Báo cáo tiến trình thực - Thuyết minh sản phẩm - Bài học rút - Format quán - Văn phong phù hợp văn Trình bày báo rõ 10 cáo ràng - Phát biểu tốn, phân tích thiết kế (5) Chất lượng sản phẩm 20 - Xây dựng sản phẩm (lâp trình, giao diện, kiểm thử) (10) đáp iv 0 ứng - Hiểu nội dung sản phẩm (5) tiêu chí đề ĐIỂM: ĐIỂM PROJ ECT NHĨ M GĨP Ý LĨNH VỰC CẦN CẢI TIẾN: - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: - Về kiến thức, kỹ năng, thái độ: - Khác: - Phương pháp cải tiến: - Nơi cung cấp hỗ trợ: TÊN HỌ VÀ CHỮ KÝ XÁC NHẬN CỦA GV: Nguyễn Hữu Vĩnh Ghi nhận GV GÓP Ý CẢI TIẾN CHO CÁ NHÂN: (phần GV ghi - Về phương pháp học tập, suy nghĩ, xử lý vấn đề: lưu riêng để theo dõi, tư - Về kiến thức, kỹ năng, thái độ: vấn cho cá nhân SV, - Khác: không phổ biến cho lớp, - Phương pháp cải tiến: nhóm) - Nơi cung cấp hỗ trợ: v 0 MỤC LỤC Contents LỜI NÓI ĐẦU .ix CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên đề tài: Mục tiêu đề tài: Ý nghĩa đề tài: Đối tượng phạm vi đề tài: Đối tượng đề tài: Phạm vi đề tài: CHƯƠNG KHẢO SÁT VÀ XÁC ĐỊNH YÊU CẦU 2.1 Phân tích yêu cầu đề tài 2.1.1 Tên đề tài 2.1.2 Chức .2 2.1.3 Yêu cầu đặt 2.2 Phân tích thiết kế hệ thống 2.2.1 Khảo sát trạng xây dựng hệ thống .3 2.2.2 Phân tích hệ thống 2.3 Sơ đồ phân cấp chức khách hàng 2.4 Sơ đồ phân cấp chức cùa admin CHƯƠNG PHÂN TÍCH THIẾT KẾ VỚI UML 3.1 Biểu đồ Usecase 3.1.1 Biểu đồ Usecase mức tổng quát 3.1.2 Đặt tả Usecase 3.2 Biểu đồ (Sequence Diagram) 12 3.2.1 Đăng ký 12 3.2.2 Đăng nhập 12 3.2.3 Thanh toán 13 CHƯƠNG THIẾT KẾ CƠ SỞ DỮ LIỆU .14 4.1 Các bảng CSDL 14 4.1.3 Bảng Khách Hàng 15 4.1.4 Bảng Loại LapTop 15 vi 0 4.1.5 Bảng nhà s ản xuất 15 4.1.6 Bảng đơn đặt hàng 15 4.1.7 Bảng đơn chi tiết 16 CHƯƠNG GIAO DIỆN WEBSITE 17 5.1 Một số giao diện người dùng 17 5.1.1 Giao diện trang chủ 17 5.1.2 Giao diện trang đăng ký 17 5.1.3 Giao diện trang đăng nhập 18 5.2 Một số giao diện trang Admin 18 5.2.1 Giao diện trang quản lý thêm thành viên quản trị .18 5.2.2 Giao diện trang trang quản lý đơn hàng 19 5.2.1 Giao diện trang thêm nhà s ản xuất 19 5.2.2 Giao diện Trang Người dùng 20 Hình 20 Giao diện Trang Người dùng 20 KẾT LUẬN 21 vii 0 DANH MỤC HÌNH Hình 1: Sơ đồ thưc chung cho website laptop Hình : Sơ đồ chức khách hàng Hình 3: Sơ đồ quản lý khách hàng Hình 4: Sơ đồ quản lý sản phẩm .7 Hình 5: Usecase tổng quát .8 Hình Sơ đồ đăng ký 12 Hình Sơ đồ đăng nhập 12 Hình Sơ đồ toán 13 Hình CSDL giỏ hàng 14 Hình 10 CSDL sản phẩm 14 Hình 11 CSDL tài khoản 15 Hình 12 CSDL Loại LapTop 15 Hình 13: CSDL nhà sản xuất 15 Hình 14:CSDL đơn đặt hàng 16 Hình 15:CSDL đơn chi tiết 16 Hình 16 Giao diện trang đăng nhập 18 Hình 17 Giao diện trang thống kê 18 Hình 18: Giao diện quản lý đơn đặt hàng 19 Hình 19 Giao diện trang quản lý người dùng 19 Hình 20 Giao diện Trang Người dùng 20 viii 0 LỜI NÓI ĐẦU Hiện nay, giới công nghệ thông tin thương mại điện tử phát triển mạnh mẽ Kỹ thuật số giúp tiết kiệm đáng kể chi phí nhờ chi phí vận chuyển trung gian, chi phí giao dịch đặc biệt giúp tiết kiệm thời gian để người đầu tư vào hoạt động khác Hơn nữa, thương mại điện tử cịn giúp người tìm kiếm tự động theo nhiều mục đích khác nhau, tự động cung cấp thơng tin theo nhu cầu sở thích người Giờ đây, người ngồi nhà để mua sắm thứ theo ý muốn website bán hàng mạng giúp ta làm điều Chính vậy, cơng nghệ mã nguồn mở trở nên ý tính Giá thành rẻ hỗ trợ nhiều mạng giúp ta nhanh chóng Thiết kế website bán hàng thân thiện dễ sử dụng với người dùng Đặc biệt thương mại điện tử phát triển với tốc độ chóng mặt dự đốn cịn nhiều tiềm phát triển tương lai Đặc biệt dịch Covid 19 bùng nổ vào cuối năm 2019 vừa qua, người điều hạn chế đường, tụ tập nơi đông người, hoạt động sản xuất, trao đổi mua bán trực tiếp điều bị đình trệ, khơng giao dịch Đây lúc việc mua bán trực tuyến có hội phát triển mạnh mẽ hơn, đặc biệt thiết bị học tập làm việc văn phòng.Trong năm gần đây, công nghệ ngày phát triển nhu cầu sử dụng thiết bị để phục vụ đời sống , giải trí cơng việc ngày nhiều Laptop công cụ tuyệt vời hàng đầu để làm việc, học tập giải trí Sự diện chúng khiến sống dễ dàng Mọi thắc mắc, câu hỏi cần giải đáp tìm thấy thơng qua máy tính xách tay Điều quan trọng bạn sinh viên trình học tập tìm hiểu tài liệu cần thiết Mọi câu hỏi, băn khoăn thay phải tìm tịi lụng tung đống tài liệu lộn xộn, cần gõ vài từ máy tính xách tay mình, từ bạn có câu trả lời mà muốn Hiểu vấn đề mong muốn đưa sản phẩm laptop nước ta phát triển hơn, muốn giới thiệu sản phẩm laptop đến với nhiều người qua mạng internet rộng l ớn, xây dựng nơi người, khách hàng truy cập xem, tìm hiểu loại trà mua, sử dụng thuận tiện Chính em chọn đề tài về: “Thiết kế website bán laptop” để thực ix 0 Quản lý thông tin UC mô tả chức quản lý thông tin quản lý người dùng, sản phẩm, nhà cung cấp Admin UC mô tả chức nhập hàng Nhập hàng Admin Tìm kiếm thơng tin UC mơ tả chức tìm kiếm thơng tin như: sản phẩm, khách hàng, nhà cung cấp, hãng sản xuất Admin Bảng 0.2 Danh sách Usecase 3.1.1 Biểu đồ Usecase mức tổng quát Hình 5: Usecase tổng quát 3.1.2 Đặt tả Usecase ➢ Usecase đăng nhập - Đối tượng sử dụng (actor) bao gồm: khách hàng, admin - Use case mô tả bước đăng nhập actor vào hệ thống - Các bước thực hiện: ▪ Hệ thống yêu cầu actor cung cấp thông tin đăng nhập gồm: tên đăng nhập mật ▪ Actor nhập xong thông tin đăng nhập click nút đăng nhập 0 ▪ Hệ thống check lại thông tin đăng nhập thông báo thành công/thất bại cho actor Nếu đăng nhập thành công hệ thống dựa thông tin đăng nhập đồng thời phân quyền tùy theo loại nhân viên Nếu đăng nhập thất bại, hệ thống s ẽ thông báo cho người dùng yêu cầu đăng nhập lại ➢ Usecase đăng ký - Actor Người dùng người sử dụng Use Case Use Case sử dụng để thực chức đăng kí tài khoản người dùng Sau đăng kí tài khoản, lúc Người dùng đăng nhập vào website thực chức là: Thanh tốn tiền - Dịng kiện ▪ Dịng kiện 1) Người dùng chọn chức đăng ký từ trang chủ website 2) Trang chủ mở đến trang đăng ký 3) Người dùng nhập đầy đủ thông tin tài khoản thông tin cá nhân 4) Hệ thống xác nhận thông tin lưu lại 5) Hiển thị thông báo 6) Kết thúc Use Case ▪ Các dòng kiện khác 1) Người dùng hủy yêu cầu đăng ký 2) Hệ thống bỏ qua trang đăng kí, trở lại trang 3) Kết thúc Use Case - Trạng thái hệ thống sau thực Use Case ▪ Trường hợp đăng ký thành công: hệ thống hiển thị trang đăng nhập để người dùng đăng nhập vào website ▪ Trường hợp đăng ký thất bại: Hệ thống đưa thông báo đăng ký không thành công ➢ Usecase chi tiết sản phẩm 0 - Use Case sử dụng để thực chức xem thông tin sản phẩm người dùng Sau truy cập vào website người dung xem thơng tin sản phẩm có website - Dịng kiện ▪ Dịng kiện 1) Người dùng truy cập vào website nhấn chọn sản phẩm 2) Trang chủ mở đến trang chi tiết sản phẩm 3) Người dùng xem thông tin sản phẩm 4) Kết thúc Use Case ➢ Usecase đặt mua - Use Case sử dụng để thực chức đặt mua sản phẩm ngườ i dùng Sau truy cập vào website xem thơng tin sản phẩm, người dùng đặt mua sản phẩm mà cảm thấy vừa ý - Dịng kiện ▪ Dịng kiện 1) Người dùng chọn chức xem thông tin chi tiết sản phẩm 2) Trang chủ mở đến trang thông tin chi tiết sản phẩm 3) Người dùng xem nhấn vào nút “Cho vào giỏ hàng” 4) Hệ thống xác nhận thông tin lưu lại 5) Hiển thị trang thông tin sản phẩm 6) Kết thúc Use Case ➢ Usecase toán - Use Case sử dụng để thực chức toán tiền cho sản phẩm đặt mua Sau đặt mua sản phẩm, giỏ hàng người dùng tồn nhiều sản phẩm, muốn có 10 0 tay sản phẩm người dùng cần phải chọn UC để toán - Dịng kiện ▪ Dịng kiện 1) Người dùng chọn chức đặt mua 2) Trang chủ mở đến trang giỏ hàng người dùng 3) Người dùng xem nhấn vào nút “Thanh toán” 4) Hệ thống xác nhận thông tin quay trở lại trang chủ 5) Kết thúc Use Case ➢ Use Case Tìm kiếm - Use Case sử dụng để thực chức tìm kiếm sản phẩm Với chức này, Người dùng tìm kiếm sản phẩm mà u thích xem s ản phẩm có tồn website hay khơng - Dịng kiện ▪ Dịng kiện 1) Người dùng chọn chức tìm kiếm từ trang chủ 2) Người dùng nhập thơng tin tìm kiếm 3) Hệ thống xác nhận thơng tin thực tìm kiếm 4) Hệ thống trả thơng tin tìm kiếm 5) Kết thúc Use Case ➢ Usecase Quản lý - Use Case sử dụng để thực chức quản lý thông tin Admin Sau đăng nhập vào hệ thống, Admin thêm, cập nhật thơng tin, xóa đối tượng có hệ thống như: sản phẩm, nhà sản xuất … - Dòng kiện ▪ Dòng kiện 1) Admin chọn chức quản lý thơng tin t trang chủ quản trị 2) Hệ thống hiển thị trang quản lý thông tin 3) Admin nhập đầy đủ thông tin đối tượng 11 0 4) Hệ thống kiểm tra lưu thông tin 5) Hiển thị thông báo 6) Hiển thị trang quản lý thông tin 7) Kết thúc Use Case 3.2 Biểu đồ (Sequence Diagram) 3.2.1 Đăng ký Hình Sơ đồ đăng ký 3.2.2 Đăng nhập Hình Sơ đồ đăng nhập 12 0 3.2.3 Thanh tốn Hình Sơ đồ toán 13 0 CHƯƠNG THIẾT KẾ CƠ SỞ DỮ LIỆU 4.1 Các bảng CSDL 4.1.1 Bảng Admin Hình CSDL giỏ hàng 4.1.2 Bảng sản phẩm Hình 10 CSDL sản phẩm 14 0 4.1.3 Bảng Khách Hàng Hình 11 CSDL tài khoản 4.1.4 Bảng Loại LapTop Hình 12 CSDL Loại LapTop 4.1.5 Bảng nhà sản xuất Hình 13: CSDL nhà sản xuất 4.1.6 Bảng đơn đặt hàng 15 0 Hình 14:CSDL đơn đặt hàng 4.1.7 Bảng đơn chi tiết Hình 15:CSDL đơn chi tiết 16 0 CHƯƠNG GIAO DIỆN WEBSITE 5.1 Một số giao diện người dùng 5.1.1 Giao diện trang chủ Hình 16 Giao diện trang chủ 5.1.2 Giao diện trang đăng ký Hình 17 Giao diện trang đăng ký 17 0 5.1.3 Giao diện trang đăng nhập Hình 16 Giao diện trang đăng nhập 5.2 Một số giao diện trang Admin 5.2.1 Giao diện trang quản lý thêm thành viên quản trị Hình 17 Giao diện trang thống kê 18 0 5.2.2 Giao diện trang trang quản lý đơn hàng Hình 18: Giao diện quản lý đơn đặt hàng 5.2.1 Giao diện trang thêm nhà sản xuất Hình 19 Giao diện trang quản lý người dùng 19 0 5.2.2 Giao diện Trang Người dùng Hình 20 Giao diện Trang Người dùng 20 0 KẾT LUẬN Kết đạt – Đối với người dùng ▪ Các cách tra cứu theo chủ đề khác nhau, kết hợp nhiều chủ đề theo ý khách hàng ▪ Xem chi tiết thông tin sản phẩm ▪ Cho phép khách hàng đăng ký thông tin để thực việc mua sản phẩm ▪ Kiểm tra tính hợp lệ khách hàng đăng nhập hệ thống ▪ Tạo đơn đặt hàng Đối với người quản trị ▪ Xem thông tin đề mục cần quản lý như: Khách hàng, sản phẩm, đơn đặt hàng… ▪ Đưa form để nhập liệu loại tư liệu ▪ Có thể sửa đổi, cập nhật liệu ▪ Trong việc thêm s ản phẩm chương trình tự động sinh mã sản phẩm, điều tiện lợi cho người quản trị liệu đồng ▪ Các chức thực thông qua giao diện web Hướng phát triển đề tài Vì thời gian khơng cho phép có nhiều báo cáo thời gian + kiến thức thiết kế web hạn chế nên chúng em chưa tìm hiểu rõ kỹ đề tài Vì đề tài cịn có nhiều thiếu sót, mong thầy giúp đỡ chúng em nhiều em tiếp tục tìm hiểu sâu cơng nghệ này, nhằm mục đích Thiết kế website: Giao diện đẹp, thân thiện với người dùng, có nhiều chức tương tác tốt với người dùng Thiết kế, bổ sung tính cịn thiếu hay chưa thật hồn chỉnh q trình sử dụng 21 0 TÀI LIỆU THAM KHẢO Tiếng Việt Bryan Syverson, Joel Murach, SQL Server hướng dẫn học qua ví dụ, NXB Khoa học Kỹ thuật, 2013 Lập trình ứng dụng web với ASP.NET: Đỗ Lâm Thiên, 2008, Đại học Khoa học Tự nhiên Website https://tedu.com.vn/khoa-hoc-mien-phi/khoa-hoc-lap-trinh-aspnet -mvc-25 Truy cập ngày 20/11/2019 http://mauweb.monamedia.net/dongho/ Truy cập ngày 23/11/2019 Tài liệu giảng môn “Thiết kế website” thầy Nguyễn Hữu Vĩnh-Võ Quốc Lương Website https://viettelstore.vn/laptop Website https://blog.webico.vn/thiet-ke-trang-web-ban-laptop-truc-tuyenqua-mang/ 22 0 ... “Thiết kế website bán laptop? ?? để thực ix 0 CHƯƠNG TỔNG QUAN VỀ ĐỀ TÀI Tên đề tài: Đề tài: “THIẾT KẾ WEBSITE BÁN LAPTOP? ?? Mục tiêu đề tài: Phân tích thiết kế website BÁN LAPTOP Phân tích quy trình. .. thống xây dựng hệ thống em đưa tệp CSDL ? ?Xây dựng website bán laptop? ?? – Qua q trình khảo sát, phân tích thực trạng xây dựng hướng phát triển cho hệ thống em đa xây dựng cấu trúc hệ thống ? ?Xây dựng. ..TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CƠNG NGHỆ ĐỒ ÁN MƠN HỌC LẬP TRÌNH WEB XÂY DỰNG WEBSITE BÁN LAPTOP GVHD: NGUYỄN HỮU VĨNH SVTH: MAI VĂN CHÁNH MSSV: 1824801030028 LỚP: