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 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 LỜI CẢM ƠN Để hồ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 q 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 q 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 hoà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 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 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 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ụ thiếu, tảng cho truyền tải, trao đổi thơng tin toà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 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 Em xin chân thành cảm ơn v 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 đồ (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 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 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 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 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 - 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 3.2 Biểu đồ (Sequence Diagram) 3.2.1 Đăng ký 18 Hình 4: Sơ đồ đăng ký 19 3.2.2 Đăng nhập Hình 5: Sơ đồ đăng nhập 20 3.2.3 Xem giỏ hàng Hình 6: Sơ đồ xem giỏ hàng 21 3.2.4 Xóa giỏ hàng Hình 7: Sơ đồ xóa giỏ hàng 22 CHƯƠNG THIẾT KẾ CƠ SỞ DỮ LIỆU 4.1 Lược đồ quan hệ thực thể Hình 8: Sơ đồ quan hệ thực thể 4.2 Lược đồ STT Tên Mô tả products Danh sách thông tin sản phẩm category Tên loại user Quản lý tài khoản Bảng 2: Bảng lược đồ website 23 4.3 Lược đồ chi tiết 4.3.1 Bảng category Hình 9: CSDL danh mục 4.3.2 Bảng order_details Hình 10: CSDL toán 4.3.3 Bảng order_product Hình 11: CSDL giỏ hàng 24 4.3.4 Bảng products Hình 12: CSDL sản phẩm 4.3.5 Bảng users Hình 13: CSDL người dùng 25 CHƯƠNG GIAO DIỆN WEBSITE 5.1 Giao diện người dùng 5.1.1 Giao diện trang chủ Hình 14: Giao diện trang chủ 26 5.1.2 Giao diện trang đăng ký Hình 15: Giao diện trang đăng kí 27 5.1.3 Giao diện trang đăng nhập Hình 16: Giao diện trang đăng nhập 5.1.4 Giao diện giỏ hàng Hình 17: Giao diện giỏ hàng 28 5.2 Giao diện admin 5.2.1 Tổng giao diện trang admin Hình 18: Giao diện trang chủ admin 5.2.2 Giao diện quản lý danh mục sản phẩm Hình 19: Giao diện trang quản lý danh mục sản phẩm 29 5.2.3 Giao diện quản lý sản phẩm Hình 20: Giao diện trang quản lý sản phẩm 30 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỂN Trong thời buổi cơng nghiệp hóa nay, việc buôn bán qua mạng trở nên phổ biến với hầu hết người Đây xu hướng xã hội người với cú nhấp chuột dễ dàng đặt mua sản phầm mà ưng ý cách dễ dàng thời gian đến tận nơi để mua Việc mua bán giúp tiết kiệm thời gian tiền bạc người lựa chọn sản phẩm với giá đa dạng nhu cầu cá nhân người Vì thế, sau tiến hành khảo sát em định phát triển trang web bán đàn mà cụ thể “website bán đồng hồ” với chức cần thiết cho trang web bn bán cần có thị trường tiềm khai thác buôn bán Kết đạt được:  Phát triển thành công website bán đồng hồ đáp ứng yêu cầu người sử dụng  Tìm hiểu nắm ngôn ngữ PHP  Giao diện website thiết kế đơn giản, thân thiện dễ sử dụng Việc chưa làm được:  Việc biểu diễn thông tin website chưa linh hoạt  Phân tích thiết kế chưa hồn chỉnh  Nhiều chức thiếu chưa sử dụng Hướng phát triển đề tài Vì thời gian không cho phép kiến thức phát triển mã nguồn mở 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 phát triển ứng dụng :  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 31 TÀI LIỆU THAM KHẢO http://hiepsiit.com Truy cập ngày 15/7/2021 Tự học PHP - 01 Tổng quan PHP - YouTube.Truy cập ngày 15/7/2021 Hướng dẫn viết website PHP từ A-Z (p1) - TUANDC Truy cập ngày 15/7/2021 32 ... 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. .. 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... hiệu, loại đồng hồ xii 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