Đồ án môn học phát triển phần mềm mã nguồn mở xây dựng website bán đồng hồ

TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ GVHD: Nguyễn Hữu Vĩnh SVTH: Cao Văn An 1824801030186 Nguyễn Thạnh Phước 18248010301843 LỚP: D18PM03 Bình Dương, 7/2021 0 TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ GVHD: Nguyễn Hữu Vĩnh SVTH: Cao Văn An 1824801030145 Nguyễn Thạnh Phước 1824801030143 LỚP: D18PM03 Bình Dương, 7/2021 I 0 LỜI CẢM ƠN Để hoàn thành báo cáo , em xin chân thành cảm ơn thy giúp đỡ em thời gian vừa qua Với vốn kiến thức tiếp thu qua trình học tập khơng tảng trình học tập mà cịn hành trang để em trở thành người lập trình viên tương lai Mặc dù có cố gắng nhiều trình học tập song thời gian có hạn nên đề tài khơng tránh khỏi thiếu sót Em mong nhận đánh giá thy để báo cáo em hồn thiện Cuối em xin kính chúc thy dồi sức khoẻ , thành công nghiệp cao quý Em xin chân thành cảm ơn II 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 ĐỒNG HỒ 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 III 0 LỜI NÓI ĐẦU Ngày nay, ứng dụng công nghệ thông tin việc tin học hóa xem yếu tố mang tính định hoạt động phủ, tổ chức, cơng ty, đóng vai trị quan trọng, tạo bước đột phá mạnh mẽ Cùng với phát triển khơng ngừng kỹ thuật máy tính mạng điện tử, công nghệ thông tin công nghệ có đẳng cấp cao ln lượt chinh phục hết đỉnh cao đến đỉnh cao khác Mạng Internet sản phẩm có giá trị lớn lao ngày trở nên công cụ khơng thể thiếu, tảng cho truyền tải, trao đổi thơng tin tồn cu Giờ đây, việc liên quan đến thông tin trở nên thật dễ dàng cho người sử dụng: cn có máy tính kết nối internet dịng liệu truy tìm gn giới vấn đề mà bạn quan tâm ra, có đy đủ thơng tin, hình ảnh chí đơi lúc có âm bạn cn Bằng internet, thực nhiều công việc với tốc độ nhanh chi phí thấp nhiều so với cách thức truyền thống Chính điều này, thúc đẩy khai sinh phát triển thương mại điện tử phủđiện tử khắp giới, làm biến đổi đáng kể mặt văn hóa, nâng cao chất lượng sống người Trong hoạt động sản xuất, kinh doanh, đây, thương mại điện tử khẳng định vai trò xúc tiến thúc đẩy phát triển doanh nghiệp Đối với cửa hàng hay shop, việc quảng bá giới thiệu đến khách hàng sản phẩm đáp ứng nhu cu khác hàng cn thiết Vậy phải quảng bá xây dựng Website cho cửa hàng quảng bá tất sản phẩm bán Vì vậy, em thực đồ án “ XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ” cho shop bán Đồng hồ Người chủ cửa hàng đưa sản phẩm lên website quản lý website đó, khách hàng đặt mua hàng website mà không IV 0 cn đến cửa hàng Chủ cửa hàng gửi sản phẩm cho khách hàng nhận tiền Với hướng dẫn tận tình Thy Nguyễn Hữu Vĩnh em hoàn thành báo cáo đồ án tốt nghiệp Tuy cố gắng tìm hiểu, phân tích thiết kế cài đặt hệ thống khơng tránh khỏi thiếu sót Em mong nhận thơng cảm góp ý q Thy cô Em xin chân thành cảm ơn V 0 Mục Lục CHƯƠNG TỔNG QUAN ĐỀ TÀI .1 Tổng quan đề tài: 1.1 Tên Đề Tài 1.2 Mục Tiêu Của Đề Tài .1 1.3 Ý Nghĩa Của Đề Tài .1 1.4 Đối Tượng Của Đề Tài 1.5 Một Số Trang Chính Của Website Cơ sở lý thuyết: 2.1 Mã nguồn mở gì? .1 2.2 Vì mã nguồn mở tiện lợi nên sử dụng nhiều thiết kế web? 2.3 Các loại mã nguồn mở dùng nhiều thiết kế website 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 .3 2.1.1 Tên đề tài 2.1.2 Chức 2.1.3 Yêu cầu đặt .3 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 2.2.2 Phân tích hệ thống 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 Biểu đồ use case trang giỏ hàng 3.1.3 Biểu đồ use case quản lý sản phẩm .7 Đặt tả Usecase 3.2 Biểu đồ tun tự (Sequence Diagram) 3.2.1 Đăng ký .9 3.2.2 Đăng nhập 11 3.2.3 Xem giỏ hàng 12 CHƯƠNG THIẾT KẾ CƠ SỞ DỮ LIỆU 14 4.1 Lược đồ quan hệ thực thể 14 VI 0 4.2 Lược đồ 14 4.3 Lược đồ chi tiết 15 CHƯƠNG GIAO DIỆN WEBSITE 17 5.1 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ý 18 5.1.3 Giao diện trang đăng nhập .19 5.1.4 Giao diện giỏ hàng 19 5.2 Giao diện admin 20 5.2.1 Tổng giao diện trang admin 20 5.2.2 Giao diện quản lý danh mục sản phẩm .20 5.2.3 Giao diện quản lý sản phẩm .21 TÀI LIỆU THAM KHẢO .23 VII 0 DANH MỤC HÌNH Hình 1: Use Case tổng quát .6 Hình 2: Use case giỏ hàng Hình 3: Use case quản lý sản phẩm Hình 4: Sơ đồ đăng ký 10 Hình 5: Sơ đồ đăng nhập 11 Hình 6: Sơ đồ xem giỏ hàng .12 Hình 7: Sơ đồ xóa giỏ hàng 13 Hình 8: Sơ đồ quan hệ thực thể 14 Hình 9: CSDL danh mục 15 Hình 10: CSDL toán 15 Hình 11: CSDL giỏ hàng 15 Hình 12: CSDL sản phẩm 16 Hình 13: CSDL người dùng 16 Hình 14: Giao diện trang chủ 17 Hình 15: Giao diện trang đăng kí 18 Hình 16: Giao diện trang đăng nhập 19 Hình 17: Giao diện giỏ hàng 20 Hình 18: Giao diện trang chủ admin 21 Hình 19: Giao diện trang quản lý danh mục chủ đề .22 Hình 20: Giao diện trang quản lý sản phẩm 23 VIII 0 CHƯƠNG TỔNG QUAN ĐỀ TÀI Tổng quan đề tài: 1.1 Tên Đề Tài - XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ 1.2 Mục Tiêu Của Đề Tài - Xây dựng website bán hàng cho shop đồng hồ 1.3 Ý Nghĩa Của Đề Tài - Tối ưu tiết kiệm thời gian khách hàng - Giúp khách hàng tiếp cận sản phm dễ dàng - Giúp cửa hàng quảng bá rộng rãi với nhiều khách hàng 1.4 Đối Tượng Của Đề Tài - Đối tượng nghiên cứu chủ yếu loại đồng hồ 1.5 Một Số Trang Chính Của Website - Home: Cung cấp số thông tin dịch vụ cn thiết khách hàng - Products: cung cấp cho khách hàng tất sản phẩm cửa hàng - Login: Người dùng đăng nhập đăng kí để mua sản phẩm trang - Top Brand: Cung cấp cho khách hàng có thương hiệu Cơ sở lý thuyết: 2.1 Mã nguồn mở gì? - Mã nguồn mở (Open Source) khái niệm nhắc đến nhiều lĩnh vực thiết kế website Khi đặt dịch vụ thiết kế web, bạn nghe họ nói đến việc sử dụng cơng nghệ mã nguồn mở để thiết kế web cho bạn, sử dụng ứng dụng, chương trình phn mềm tạo nên mã nguồn mở, bạn nghe đến khái niệm Vậy, Mã nguồn mở gì? Mã nguồn mở hoạt động sau? Bài viết WEBICO giúp bạn làm rõ thông tin chi tiết! - Mã nguồn mở phn mềm có source code mà download về, sửa đổi nâng cấp thêm cho tính vượt trội khác Thơng thường, mã nguồn mở phát hành miễn phí sở hữu đơn vị, doanh nghiệp lớn công nghệ, có số trường hợp lập trình viên phát triển mã nguồn mở bày bán với chức độc đáo phiên gốc - “Mã nguồn” (source code) phn mềm mà hu hết người dùng máy tính khơng nhìn thấy Tuy nhiên, lập trình viên có quyền truy cập vào mã nguồn để cải thiện chương trình cách thêm tính sửa phn khơng hoạt động IX 0 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 – “Xây dựng website bán Đồng hồ” 2.1.2 Chức Website trang web bán loại đồng hồ với nhiều mặt hàng mẫu mã khác nên chức là: 0 cửa hàng  Xem mặt hàng  Đăng nhập, đăng kí vào cửa hàng  Thêm vào giỏ hàng  Trang quản lý admin 2.1.3 Yêu cầu đặt – Hệ thống có phn: Thứ nhất: Phn người dùng  Hiện thị giá sản phẩm  Khách hàng muốn mua hàng bấm vào nút đặt hàng  Hiển thị giỏ hàng Thứ hai: Phn quản trị viên  Người làm chủ có quyền kiểm sốt hoạt động hệ thống Người cấp username password để đăng nhập hệ thống thực chức mình:  Chức cập nhật, sửa, xoá mặt hàng, loại hàng, nhà sản xuấ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 – Sau khảo sát em nắm bắt thông tin:  Quản lý sản phẩm: Mã hàng hoá, tên hàng hoá, đơn giá, số lượng, hình ảnh, chi tiết, mã loại hàng, tên loại hàng  Quản lý danh mục sản phẩm: Danh sách thương hiệu, loại đồng hồ XII 0 2.2.2 Phân tích hệ thống – Sau khảo sát trạng hệ thống xây dựng hệ thống em đưa tệp CSDL “Xây dựng website bán Đồng hồ” – Qua 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 Website bán Đồng hồ” 0 XIII 0 CHƯƠNG PHÂN TÍCH THIẾT KẾ VỚI UML 3.1 Biểu đồ Usecase CHƯƠNG CHƯƠNG Use case CHƯƠNG Ý nghĩa CHƯ Acto CHƯƠNG CHƯƠNG Đăng kí CHƯƠNG 10 Đăng kí tài khoản CHƯ Khá CHƯƠNG 12 CHƯƠNG 13 Đăng nhập CHƯƠNG 14 Đăng nhập vào hệ thống CHƯ Khá Adm CHƯƠNG 16 CHƯƠNG 17 Xem sản phẩm CHƯƠNG 18 Xem sản phẩm CHƯ Khá Adm CHƯƠNG 20 CHƯƠNG 21 Đặt hàng CHƯƠNG 22 Thêm vào giỏ hàng CHƯ Khá Adm CHƯƠNG 24 CHƯƠNG 25 Thanh toán CHƯƠNG 26 Sau chọn toán liệu lưu vào sở liệu, người bán liên hệ giao hàng cho khách hàng hình thức tốn nhận hàng CHƯ Khá CHƯƠNG 28 CHƯƠNG 29 Quản lý giỏ hàng CHƯƠNG 30 Khách hàng quản lý giỏ hàng họ ( thêm, sửa, xố chọn) CHƯ Khá 0 CHƯƠNG 32 CHƯƠNG 33 Quản lý sản phẩm CHƯƠNG 34 Admin quản lý sản 14 danh mục sản phẩm phẩm/danh mục CHƯƠNG 35 + Thêm CHƯ Adm CHƯƠNG 36 + Chỉnh sửa CHƯƠNG 37 + Xoá CHƯƠNG 39 Bảng 1: Mô tả Usecase CHƯƠNG 40 CHƯƠNG 41 CHƯƠNG 42 CHƯƠNG 43 CHƯƠNG 44 CHƯƠNG 45 CHƯƠNG 46 CHƯƠNG 47 47.1.1 Biểu đồ Usecase mức tổng quát 15 0 0 CHƯƠNG 48 Hình 1: Use Case tổng quát CHƯƠNG 49 CHƯƠNG 50 50.1.1 Biểu đồ use case trang giỏ hàng CHƯƠNG 51 Hình 2: Use case giỏ hàng 16 0 51.1.1 Biểu đồ use case quản lý sản phẩm CHƯƠNG 52 Hình 3: Use case quản lý sản phẩm CHƯƠNG 53 CHƯƠNG 54 CHƯƠNG 55 CHƯƠNG 56 CHƯƠNG 57 CHƯƠNG 58 CHƯƠNG 59 CHƯƠNG 60 0 Đặ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 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 17 0 quyền tùy theo loại nhân viên Nếu đăng nhập thất bại, hệ thống 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 Người dùng chọn chức đăng ký từ trang chủ website Trang chủ mở đến trang đăng ký Người dùng nhập đy đủ thông tin tài khoản thông tin cá nhân Hệ thống xác nhận thông tin lưu lại Hiển thị thông báo Kết thúc Use Case  Các dòng kiện khác Người dùng hủy yêu cu đăng ký Hệ thống bỏ qua trang đăng kí, trở lại trang Kết thúc Use Case  Trạng thái hệ thống sau thực Use Case o 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 o 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 đặ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: Người dùng chọn chức xem thông tin chi tiết sản phẩm 0 18 Trang chủ mở đến trang thông tin chi tiết sản phẩm Người dùng xem nhấn vào nút “đặt hàng” Hệ thống xác nhận thông tin lưu lại Hiển thị trang thông tin sản phẩm Kết thúc Use Case – Usecase toán 0 - 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ó tay sản phẩm người dùng cn phải chọn UC để tốn - Dịng kiện Người dùng chọn chức đặt mua Trang chủ mở đến trang giỏ hàng người dùng Người dùng xem nhấn vào nút “Thanh toán” Hệ thống xác nhận thông tin hiển thị trang tốn Người dùng nhập đy đủ thơng tin Hệ thống đưa thông báo quay trở lại trang giỏ hàng 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 Người dùng chọn chức tìm kiếm từ trang chủ Người dùng nhập thông tin tìm kiếm Hệ thống xác nhận thơng tin thực tìm kiếm Hệ thống trả thơng tin tìm kiếm Kết thúc Use Case 60.1 Biểu đồ (Sequence Diagram) 60.1.1 Đăng ký 19 0 CHƯƠNG 61 Hình 4: Sơ đồ tun tự đăng ký CHƯƠNG 62 0 CHƯƠNG 63 ...TRƯỜNG ĐẠI HỌC THỦ DẦU MỘT VIỆN KỸ THUẬT – CÔNG NGHỆ ĐỒ ÁN MÔN HỌC PHÁT TRIỂN PHẦN MỀM MÃ NGUỒN MỞ XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ GVHD: Nguyễn Hữu Vĩnh SVTH: Cao Văn... tất sản phẩm bán Vì vậy, em thực đồ án “ XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ” cho shop bán Đồng hồ Người chủ cửa hàng đưa sản phẩm lên website quản lý website đó, khách hàng đặt mua hàng website mà không... TỔNG QUAN ĐỀ TÀI Tổng quan đề tài: 1.1 Tên Đề Tài - XÂY DỰNG WEBSITE BÁN ĐỒNG HỒ 1.2 Mục Tiêu Của Đề Tài - Xây dựng website bán hàng cho shop đồng hồ 1.3 Ý Nghĩa Của Đề Tài - Tối ưu tiết kiệm thời