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 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 .9 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 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 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 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 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 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 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 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 tố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 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  Thêm, xóa, sửa thơng tin sản phẩm vào sở liệu  Kiểm tra xử lý đơn đặt hàng Bên cạnh chức nêu trang web phải trông đẹp mắt dễ truy cập Giao diện đẹp yếu tố quan trọng góp phần tăng lượng khách hàng, trang web phải 10  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 tin tức 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 tin tức sử dụng chức thêm sửa tin tức  Admin điền đầy đủ thông tin tin tức theo yêu cầu  Admin xác nhận lưu thông tin tin tức  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 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 20  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 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  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 21 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 22 Hình Thực thể loại sản phẩm 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 23 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 24 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 25 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 26 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 27 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 28 3.6 Giao diện trang giới thiệu Hình 28 Giao diện trang giới thiệu 29 3.7 Giao diện trang liên hệ Hình 29 Giao diện trang liên hệ 30 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 31 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 32 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 cịn hạn chế - Kỹ phân tích chưa tốt, sở liệu 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 [2] https://docs.zendframework.com [3] http://codevivu.com/thu-thuat-lap-trinh/laravel-ban-da-viet-dung/ [4] https://laravel-news.com/two-best-roles-permissions-packages [5] https://viblo.asia/p/laravel-beauty-tim-hieu-ve-service-provider-zb7vDVJnMjKd 33 [6] https://laravel.com/docs/5.4/container 34 ... 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... 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... định làm đề tài ? ?Xây dựng Website thời trang nữ trực tuyến” nhằm đáp ứng cho người tiêu dùng tồn quốc thơng qua hệ thống Website họ đặt mua mặt hàng hay sản phẩm cần thiết 11 1.4.3 Ý nghĩa thực tiễn