Báo cáo thực tập chuyên môn ứng dụng web tên đề tài xây DỰNG WEBSITE bán QUẦN áo ONLINE

TRƯỜNG ĐẠI HỌC GIAO THÔNG VẬN TẢI KHOA CÔNG NGHỆ THÔNG TIN  - Báo cáo Thực tập chuyên môn ứng dụng web Tên đề tài XÂY DỰNG WEBSITE BÁN QUẦN ÁO ONLINE Giáo viên giảng dạy:Nguyễn Duy Quang Nhóm 24: Thành viên Lưu Thu Phương Lại Văn Tân Nguyên Đức Thắng Mã sinh viên V191602140 191201676 191203414 Năm học 2021 – 2022 LỜI MỞ ĐẦU Ngày nay, sống kỷ nguyên tin học nhờ vượt bậc , bùng nổ mạnh mẽ công nghệ thông tin Công nghệ thông tin khơng dừng lại mục đích phục vụ cho khoa học kỹ thuật mà sâu vào đời sống, trị, kinh tế, xã hội, trở nên thân thiện, gần gũi , mang lại nhiều lợi ích cho người Công nghệ thông tin ngày khẳng định tính hữu dụng sức mạnh phương diện, ngành nghề sống, thời đại kinh tế thị trường Đi kèm theo đó, hệ thống website phát triển không ngừng với đủ lĩnh vực: bán hàng trực tuyến, tin tức,văn hố, thời sự, khoa học cơng nghệ, làm đẹp, nấu ăn, thể thao, ca nhạc, phim ảnh, giáo dục, y tế… Tuy nhiên, để tạo trang web có sức sống bền lâu thân phải mang lại lợi ích cho nhiều người yếu tố định giữ chân độc giả nội dung mà website cung cấp Và việc mua hàng trực tuyến vấn đề quan tâm đến, giúp cho người bán người mua tiết kiệm thời gian sở vật chất Thấy tầm quan trọng việc mua hàng online, em chọn đề tài làm trang website bán hàng trực tuyến Tuy nhiên, với tầm hiểu biết hạn hẹp, kiến thức thiết kế, lập trình web chưa nhiều, kinh nghiệm viết cịn nên khơng thể tránh khỏi thiếu sót Rất mong nhận đóng góp ý kiến q thầy để báo cáo hoàn chỉnh Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE MỤC LỤC CHƯƠNG 1: TỔNG QUAN 1.Giới thiệu tổng quan website: 1.1.Thực trạng nay: 1.2.Mô tả hệ thống quy trình nghiệp vụ : 1.2.1 Nhập sản phẩm vào sở liệu (Admin) 1.3.2 Tìm kiếm sản phẩm 1.3.3 Thêm sản phẩm vào giỏ hàng 1.3.4 Đặt hàng 1.3 Giới thiệu đề tài .10 1.3.1 Mục đích đề tài 10 1.4.2 Lý chọn đề tài 11 1.4.3 Ý nghĩa thực tiễn 12 1.4.4 Phạm vi nghiên cứu 12 1.4.5 Phương pháp nghiên cứu .12 CHƯƠNG 2: CƠ SỞ LÝ LUẬN 13 2.1 Phân tích thiết kế hệ thống .13 2.1.1 Yêu cầu phần mềm cần đáp ứng 13 2.1.2 Lược đồ phân rã chức 13 2.1.3 Lược đồ usecase 14 2.1.3.1 Đặc tả Use-case Đăng nhập 15 2.1.3.2 Đặc tả Use-case Đăng ký 15 2.1.3.3 Đặc tả Use-case Thêm vào giỏ hàng .16 2.1.3.4 Đặc tả Use-case Đặt hàng .16 2.1.3.5 Đặc tả Use-case Tìm kiếm .17 2.1.3.6 Đặc tả Use-case Quản lý sản phẩm 17 2.1.3.7 Đặc tả Use-case Quản lý loại sản phẩm 18 2.1.3.8 Đặc tả Use-case Quản lý hóa đơn 18 2.1.3.9 Đặc tả Use-case Quản lý chi tiết hóa đơn 19 2.1.3.10 Đặc tả Use-case Quản lý khách hàng 20 2.1.3.11 Đặc tả Use-case Quản lý tin tức 20 2.1.3.12 Đặc tả Use-case Quản lý slide .21 2.1.3.13 Đặc tả Use-case Quản lý người dùng 21 2.1.5 Sơ đồ lớp Diagram 23 2.1.6 Cơ sở liệu hệ thống 23 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 2.1.6.1 Thực thể loại sản phẩm 23 2.1.6.2 Thực thể sản phẩm 24 2.1.6.3 Thực thể hóa đơn 24 2.1.6.4 Thực thể chi tiết hóa đơn .24 2.1.6.5 Thực thể khách hàng 25 2.1.6.6 Thực thể tin tức 25 2.1.6.7 Thực thể slide 25 2.1.6.8 Thực thể người dùng 26 2.1.6.9 Thực thể nhà cung cấp: 26 26 Hình 15 Thực thể nhà cung cấp 26 CHƯƠNG 3: THỰC NGHIỆM 27 3.1 Môi trường cài đặt .27 3.2 Form Đăng nhập / Đăng ký 27 3.3 Giao diện trang chủ website bán hàng .28 3.4 Giao diện trang loại sản phẩm 28 3.5 Giao diện trang chi tiết sản phẩm 29 3.6 Giao diện trang giới thiệu 30 3.7 Giao diện trang liên hệ 31 3.8 Giao diện trang đặt hàng 32 3.9 Giao diện trang đặt hàng thành công: .32 .32 3.10 Giao diện trang giỏ hàng : 33 .33 3.11 Giao diện trang admin: .33 CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỀN 34 4.1 Kết đạt 34 4.2 Những mặt hạn chế 34 4.3 Hướng phát triển 34 DANH MỤC TÀI LIỆU THAM KHẢO .34 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE DANH MỤC HÌNH Hình Lược đồ phân rã chức trang giao diện người dùng .12 Hình Lược đồ phân rã chức trang admin 13 Hình Lược đồ usecase quản trị viên .13 Hình Lược đồ usecase giao diện người dùng 14 Hình Sơ đồ lớp Diagram 22 Hình Thực thể loại sản phẩm 22 Hình Thực thể sản phẩm 23 Hình Thực thể hóa đơn 23 Hình 10 Thực thể chi tiết hóa đơn 24 Hình 11 Thực thể khách hàng 24 Hình 12 Thực thể tin tức 24 Hình 13 Thực thể slide 25 Hình 14 Thực thể người dùng 25 Hình 23 Form đăng nhập 26 Hình 24 Form đăng ký .27 Hình 25 Giao diện trang chủ .27 Hình 26 Giao diện trang loại sản phẩm .28 Hình 27 Giao diện trang chi tiết sản phẩm 28 Hình 28 Giao diện trang giới thiệu 29 Hình 29 Giao diện trang liên hệ 30 Hình 30 Giao diện trang đặt hàng .31 Hình 31 Giao diện trang đặt hàng thành cơng 31 Hình 32 Giao diện trang giỏ hàng .32 Hình 33 Giao diện trang admin 32 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE CHƯƠNG 1: TỔNG QUAN 1.Giới thiệu tổng quan website: 1.1.Thực trạng nay: Trong năm gần đây, kinh tế Việt Nam hội nhập vào nền  kinh tế giới với phát triển tương đối ổn định Thu nhập trung bình  người dân Việt Nam dần cải thiện Với điều kiện thuận  lợi nhu cầu tiêu dùng người dân ngày tăng,  địi hỏi hình thức phục vụ, tiện lợi mua bán thanh  toán người dân Việt Nam ý đến Đi xu đó, bán hàng qua mạng giải pháp hồn tồn phù hợp  với địi hỏi người tiêu dùng.Với mạnh mình, bán  hàng qua mạng trở thành hình thức bán hàng phổ biến giới.  Trong khoảng hai đến ba năm trở lại đây, bán hàng qua mạng Việt Nam   có phát triển vượt bậc, thể chất lượng bán hàng cải  thiện, quan tâm đến hình thức mua bán người tiêu dùng ngày   lớn Do việc xây dựng Website bán hàng việc cần thiết nhằm mục đích: Có website bán hàng hoàn chỉnh để giúp cho việc bán hàng trực tuyến cách dễ dàng giúp cho khách hàng tiết kiệm thời gian cửa hàng để mua mà việc nhà lên website đặt hàng giao tận nhà cách tiện lợi - Thiết lập trang website quản lý bán hàng cho phép lưu trữ tất thơng tin có liên quan đến việc quản lý mà trước phải ghi chép hàng trăm đống sách vở: lưu trữ tất thông số mặt hàng, hoá đơn bán hàng từ trước đến nay, thông tin nhân viên khách hàng….Để cần xem thông tin khách hàng, nhân viên, hay hóa đơn sản phẩm khách hàng đấy……một cách xác, nhanh chóng lúc nơi mà khơng cịn thao tác thơ sơ trước phải tìm kiếm tủ sổ sách tốn cơng - Xem tình hình bn bán cửa hàng, doanh thu hàng tháng, để có biện pháp khắc phục như: giảm giá số mặt hàng hay chương trình khuyến mua Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE hàng cửa hàng nhằm mục đích thu hút khách hàng, nâng cao uy tín thị trường đưa cửa hàng làm ăn phát đạt Xây dựng trang bán hàng trực tuyến giúp cho khách hàng mua sản phẩm mà mong muốn cách dễ dàng thuận tiện qua vài thao tác trang web mà không cần phải đến cửa hàng 1.2.Mô tả hệ thống quy trình nghiệp vụ : 1.2.1 Nhập sản phẩm vào sở liệu (Admin) Bổ sung, sửa đổi sản phẩm thông tin sản phẩm vào sở liệu Quản lý thông tin sản phẩm có kho (cịn sản phẩm, gồm loại sản phẩm nào, sản phẩm giảm giá,…)  Quản lý nhập hàng: thêm, xóa, sửa thơng tin sản phẩm, cập nhật thơng tin cần sửa vào bảng sản phẩm  Quản lý thơng tin khách hàng: thêm, xóa, sửa thơng tin khách hàng  Quản lý việc giao hàng  Quản lý hóa đơn sản phẩm: thêm xóa sửa thơng tin hóa đơn 1.3.2 Tìm kiếm sản phẩm Khi khách hàng đến với website muốn tìm kiếm tên sản phẩm nhập thơng tin cần tìm nhấn vào tìm kiếm, hệ thống gửi thơng tin sản phẩm đến cho khách hàng sản phẩm có sở liệu Khách hàng muốn xem thông tin sản phẩm nhấn vào hình sản phẩm nhấn vào nút chi tiết để đọc thơng tin sản phẩm để hiểu rõ lựa chọn mặt hàng cần mua 1.3.3 Thêm sản phẩm vào giỏ hàng Khi khách hàng xem thông tin miêu tả sản phẩm định muốn thêm sản phẩm vào giỏ hàng khách hàng việc nhấn vào icon giỏ hàng để thêm sản phẩm vào đơn hàng 1.3.4 Đặt hàng Sau khách hàng thêm sản phẩm vào giỏ hàng khách hàng nhấn vào nút đặt hàng để mua sản phẩm Thì nhấn vào đặt hàng khách hàng Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE chuyển đến trang khác để điền thông tin khách hàng chọn hình thức tốn cho đơn hàng Khách hàng tốn thơng qua hình thức toán trực tiếp nhân viên giao hàng tận nơi cho khách hàng 1.3 Giới thiệu đề tài 1.3.1 Mục đích đề tài Đây website nhằm bán giới thiệu rộng rãi mặt hàng công ty đến người tiêu dùng với chi tiết mặt hàng giá cách xác Website xây dựng nhằm:  Giúp cho khách hàng: Khách hàng người có nhu cầu mua sắm hàng hóa Họ tìm kiếm mặt hàng cần thiết từ hệ thống đặt mua mặt hàng Vậy nên trang web phải giúp cho khách hàng:  Tìm kiếm lựa chọn từ xa sản phẩm cần: Khách hàng truy cập vào trang web thương mại thường tìm kiếm mặt hàng hay sản phẩm mà họ cần muốn mua Nhưng đơi có nhiều khách hàng vào website mà khơng có ý định mua hay khơng biết mua yêu cầu đặt cho hệ thống làm để khách hàng cảm thấy thích thú hấp dẫn sản phẩm đó, đồng thời tìm kiếm nhanh hiệu sản phẩm mà họ cần tìm  Đặt mua hàng: Sau khách hàng lựa chọn xong mặt hàng cần đặt mua đơn đặt hàng hiển thị để khách hàng nhập thơng tin cần thiết, tránh địi hỏi thơng tin u cầu q nhiều từ phía khách hàng, tạo cảm giác thoải mái, riêng tư cho khách hàng  Theo dõi đơn hàng  Gửi ý kiến đóng góp email doanh nghiệp  Giúp nhà quản lý: Là người có quyền đăng nhập, quản lý làm chủ hoạt động hệ thống trang web Nhà quản lý có usename password để truy cập vào hệ thống nhằm thực chức sau:  Quản lý sản phẩm cách dễ dàng Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 10 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE  Các yêu cầu đặc biệt Actor phải có quyền admin đăng nhập vào hệ thống  Post condition Tin tức thêm vào danh sách  Điểm mở rộng Không có 2.1.3.12 Đặc tả Use-case Quản lý slide  Tóm tắt: Cho phép admin có quyền thay đổi thơng tin thêm, xóa, sửa, xem danh sách slide hệ thống  Dòng kiện :  Dòng kiện chính:  Hệ thống u cầu admin nhập thơng tin slide sử dụng chức thêm sửa slide  Admin điền đầy đủ thông tin slide theo yêu cầu  Admin xác nhận lưu thông tin slide  Use case kết thúc  Dòng kiện khác: Admin nhập thông tin cần thiết không đầy đủ sai định dạng yêu cầu nhập lại  Các yêu cầu đặc biệt Actor phải có quyền admin đăng nhập vào hệ thống  Post condition Thông tin slide thêm vào danh sách 2.1.3.13 Đặc tả Use-case Quản lý người dùng  Tóm tắt: Cho phép admin có quyền thay đổi thơng tin thêm, xóa, sửa, xem danh sách người dùng hệ thống  Dòng kiện :  Dịng kiện chính:  Hệ thống yêu cầu admin nhập thông tin người dùng sử dụng chức thêm sửa người dùng  Admin điền đầy đủ thông tin người dùng theo yêu cầu  Admin xác nhận lưu thông tin người dùng Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 21 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE  Use case kết thúc  Dòng kiện khác: Admin nhập thông tin cần thiết không đầy đủ sai định dạng yêu cầu nhập lại  Các yêu cầu đặc biệt Actor phải có quyền admin đăng nhập vào hệ thống  Post condition Thông tin người dùng thêm vào danh sách Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 22 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 2.1.5 Sơ đồ lớp Diagram Hình Sơ đồ lớp Diagram 2.1.6 Cơ sở liệu hệ thống 2.1.6.1 Thực thể loại sản phẩm Hình Thực thể loại sản phẩm Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 23 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 2.1.6.2 Thực thể sản phẩm Hình Thực thể sản phẩm 2.1.6.3 Thực thể hóa đơn Hình Thực thể hóa đơn 2.1.6.4 Thực thể chi tiết hóa đơn Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 24 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Hình 10 Thực thể chi tiết hóa đơn 2.1.6.5 Thực thể khách hàng Hình 11 Thực thể khách hàng 2.1.6.6 Thực thể tin tức Hình 12 Thực thể tin tức 2.1.6.7 Thực thể slide Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 25 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Hình 13 Thực thể slide 2.1.6.8 Thực thể người dùng Hình 14 Thực thể người dùng 2.1.6.9 Thực thể nhà cung cấp: Hình 15 Thực thể nhà cung cấp Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 26 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE CHƯƠNG 3: THỰC NGHIỆM 3.1 Môi trường cài đặt - Trình duyệt chrome - Visual studio 3.2 Form Đăng nhập / Đăng ký Hình 23 Form đăng nhập Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 27 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Hình 24 Form đăng ký 3.3 Giao diện trang chủ website bán hàng Hình 25 Giao diện trang chủ 3.4 Giao diện trang loại sản phẩm Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 28 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Hình 26 Giao diện trang loại sản phẩm 3.5 Giao diện trang chi tiết sản phẩm Hình 27 Giao diện trang chi tiết sản phẩm Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 29 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 3.6 Giao diện trang giới thiệu Hình 28 Giao diện trang giới thiệu Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 30 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 3.7 Giao diện trang liên hệ Hình 29 Giao diện trang liên hệ Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 31 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 3.8 Giao diện trang đặt hàng Hình 30 Giao diện trang đặt hàng 3.9 Giao diện trang đặt hàng thành cơng: Hình 31 Giao diện trang đặt hàng thành cơng Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 32 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 3.10 Giao diện trang giỏ hàng : Hình 32 Giao diện trang giỏ hàng 3.11 Giao diện trang admin: Hình 33 Giao diện trang admin Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 33 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE CHƯƠNG 4: KẾT LUẬN VÀ HƯỚNG PHÁT TRIỀN 4.1 Kết đạt Sau thời gian thực đề tài, website mà em xây dựng đáp ứng vấn đề mà đề tài đặt ra: - Phân tích liệu chương trình - Thiết kế, xây dựng sở liệu - Thiết kế giao diện phù hợp với yêu cầu đặt ra, có đầy đủ chức cần thiết, giao diện người dùng thân thiện, dễ thao tác - Hỗ trợ nghiệp vụ : thêm giỏ hàng, đặt hàng tìm kiếm sản phẩm - Nâng cao kiến thức, tay nghề đáp ứng công việc tương lai 4.2 Những mặt hạn chế - Kỹ phân tích chưa tốt, sở liệu cịn chưa thực tế - Chưa thể hết chức website - Các thao tác xử lý chậm, chưa đáp ứng nhu cầu đề - Kỹ thuật chưa tốt, nhiều thời gian để xây dựng chức 4.3 Hướng phát triển - Cải thiện chức hồn thiện - Tích hợp toán Paypal - Tiếp tục nâng cao kiến thức, phát triển kỹ thuật thân - Học thêm sở liệu giải thuật.; trau dồi thêm kiến thức nâng cao front-end DANH MỤC TÀI LIỆU THAM KHẢO [1] https://viblo.asia/p/kien-truc-he-thong-tren-laravel-phan-10-oOVlYydol8W Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE 34 Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE Bao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINEBao.cao.thuc.tap.chuyen.mon.ung.dung.web.ten.de.tai.xay.DUNG.WEBSITE.ban.QUAN.ao.ONLINE