Đồ án 1 đề tài lập trình website bán quần áo,phụ kiện

TRƯỜNG ĐẠI HỌC PHƯƠNG ĐÔNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG -o0o ĐỒ ÁN ĐỀ TÀI LẬP TRÌNH WEBSITE BÁN QUẦN ÁO,PHỤ KIỆN Giáo viên hướng dẫn: ThS Trần Văn Lộc Sinh viên thực hiện: Nguyễn lương Bằng Mã sinh viên: 519100003 Lớp: 519100A HÀ NỘI ,tháng 01 ,năm 2023 TRƯỜNG ĐẠI HỌC PHƯƠNG ĐÔNG KHOA CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG BÁO CÁO CHUYÊN ĐỀ THỰC TẬP LẬP TRÌNH WEBSITE BÁN QUẦN ÁO,PHỤ KIỆN Sinh viên thực hiện: Nguyễn Lương Bằng Mã sinh viên: 519100003 Lớp: 519100A Hệ đào tạo: Chính quy Giáo viên hướng dẫn : ThS Trần Văn Lộc HÀ NỘI 01 – 2023 Danh Mục Hình Ảnh Hình Use Case tổng quát Hình Use Csse dành cho tác nhân “Khách hàng” Hình Use Case dành cho tác nhân “Admin” Hình Usecase “Quản lý đon hàng” Hình Usecase “Quản lý tài khoản” Hình Usecase “Quản lý đơn hàng” dành cho khách hàng Hình Usecase “Quản lý đơn hàng” dành cho Admin Hình Usecase “Quản lý tốn” dành cho khách hàng Hình Usecase “Quản lý tốn” dành cho Admin Hình 10 Usecase “Quản lý sản phẩm” Hình 11 Usecase “Quản lý khách hàng” Hình 12 Biểu đồ hoạt động đăng nhập dành cho khách hàng Admin Hình 13 Biểu đồ hoạt động quản lý giỏ hàng dành cho khách hàng Hình 14 Biểu đồ hoạt động tìm kiếm sản phẩm dành cho khách hàng Hình 15 Biểu đồ hoạt động gửi ý kiến phản hồi khách hàng Hình 16 Biểu đồ hoạt dộng quản lý đơn hàng Admin Hình 17 Biểu đồ hoạt động quản lý sản phẩm dành cho Admin Hình 18 Biểu đồ hoạt động quản lý khách hàng Admin MỤC LỤC MỤC LỤC LỜI MỞ ĐẦU NỘI DUNG Chương 1: TỔNG QUAN ĐỀ TÀI 1.1 Lý chọn đề tài 1.2 Mục tiêu đề tài 1.3 Phạm vi đề tài 1.4 Ý nghĩa đề tài 1.5 Công cụ/công nghệ sử dụng: 1.5.1 HTML,CSS,Javascript 1.5.2 PHP 1.5.3 MySQL Chương 2:PHÂN TÍCH HỆ THỐNG 2.1 Khảo sát hệ thống 2.1.1 Cơ cấu tổ chức cửa hàng 2.1.2 Xác định yêu cầu cá nhân cửa hàng 2.2 Phân tích tốn 2.3 u cầu hệ thống 2.4 Mơ hình website 2.5.Phân tích hệ thống 2.5.1 Use Case chi tiết use case 2.5.2 Biểu đồ hoạt động Chương 3:CÀI ĐẶT VÀ THỬ NGHIỆM 3.1 Các giao diện người quản trị (Admin) 3.2 Các giao diện khách hàng KẾT LUẬN TÀI LIỆU THAM KHẢO LỜI MỞ ĐẦU Cùng với phát triển khoa học công nghệ kỹ thuật đặt biệt ứng dụng công nghệ thơng tin, ứng dụng vào lĩnh vực góp phần lớn với nghiệp phát triển Trong lĩnh vực quản lý lĩnh vực giúp ích thật nhiều đến người, việc áp dụng quản lý mua bán thơng qua máy tính, điện thoại thay cho việc quản lý mua bán phương thức thủ công doanh nghiệp, công ty, cá nhân…là vô cần thiết thật cần thiết Do đó, việc “quản lý mua bán hàng mạng” thiếu doanh nghiệp, cửa hàng vừa nhỏ Việt Nam coi nước có phát triển lớn mạnh lĩnh vực thương mại Việt Nam thức trở thành thành viên thứ 150 tổ chức thương mại giới (WTO) Là đất nước có phát triển mạnh mẽ sống người ngày nâng cao gia tăng mức tiêu thụ sản phẩm…Tóm lại ngày nhu cầu người ngày cao lĩnh vực mua sắm hàng hóa Vì việc trao đổi hàng hóa, mua bán quản lý hàng hóa cần thay đổi từ bán hàng thủ cơng sang bán hàng nhờ công nghệ đại với thiết bị thơng minh Chương trình sử dụng ngôn ngữ PHP, HTML, JavaScript, XML, CSS hệ quản trị sở liệu MySQL Và sử dụng Xampp môi trường WebServer để hỗ trợ cho PHP, MySQL, Apacher Để hoàn thành tốt chuyên đề tốt nghiệp này, em xin gửi lời cảm ơn chân thành đến thầy, cô viện Công nghệ thông tin & Kinh tế số truyền đạt kiến thức vô bổ ích cho em q trình học tập Viện, đặc biệt thầy Trần Văn Lộc người trực tiếp hướng dẫn em trình làm chun đề cách tận tình Em có 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 sai sót q trình làm đề tài Em mong nhận thơng cảm góp ý q thầy, Em xin chân thành cảm ơn! Nội dung báo cáo gôm phần: Chương 1: Tổng quan đề tài Chương 2: Phân tích hệ thống Chương 3: Cài đặt thử nghiệm NỘI DUNG Chương 1: TỔNG QUAN ĐỀ TÀI 1.1 Lý chọn đề tài Với thời đại công nghệ 4.0, việc mua sắm online qua mạng phổ biến Đặc biệt sản phẩm quần áo, phụ kiện ngày thu hút nhiều khách hàng lúc, nơi, giúp khách hàng tra cứu thuận tiện dễ dàng, tìm kiếm thơng tin shop, sản phẩm shop/dịch vụ đâu cần có thiết bị thơng minh máy tính hay điện thoại Website bán quần áo, phụ kiện online cửa hàng trực tuyến Một trang web bán quần áo với hình ảnh hấp dẫn, chuyên nghiệp thu hút khách hàng giúp tạo hiệu ứng cộng đồng mạng làm tăng doanh số bán hàng, giảm bớt chi phí quảng cáo, xây dựng hình ảnh thương hiệu mình, kích thích khách hàng mua hàng Hơn nữa, tạo thêm mối khách hàng dễ dàng qua Internet.  Website bán quần áo, phụ kiện cung cấp giao diện cho nghiệp vụ khác cửa hàng có quyền truy cập, nắm bắt, quản lý báo cáo thơng tin khía cạnh như: quản lý đơn hàng, quản lý sản phẩm, quản lý tài khoản, quản lý khách hàng, quản lý tài khoản, quản lý toán, 1.2 Mục tiêu đề tài  - Giao diện thân thiện với khách hàng, thu hút nhiều khách hàng nơi, lúc - Dễ dàng quản lý, bao quát sản phẩm, lượng khách hàng, thơng tin khách hàng cách nhanh chóng, xác nhất.  - Giúp khách hàng mua hàng cách nhanh chóng khơng cần phải đến tận cửa hàng mua sản phẩm - Xây dựng hệ thống bao gồm chức năng:  Quản lý sản phẩm   Quản lý thông tin khách hàng  Quản lý đặt hàng  Quản lý toán   Quản lý tổng quan thống kê đơn hàng, danh mục loại sản phẩm 1.3 Phạm vi đề tài - Website chuyên bán quần áo, phụ kiện cho Nam, Nữ trẻ em  - Cho phép người tiêu dùng mua hàng  - Quản lý việc đặt hàng, thông tin khách hàng, quản lý sản phẩm - Vận chuyển qua 63 tỉnh thành Việt Nam (chưa hỗ trợ ship cho đơn nước ngoài) - Nhà quản lý thống kê sản phẩm bán chạy, doanh thu tháng, số đơn hàng theo tháng cách nhanh giúp hoạt động kinh doanh sản xuất tốt 1.4 Ý nghĩa thực tiễn đề tài  Ý nghĩa người sử dụng hệ thống website - Chúng ta có quyền tra cứu, cập nhật, báo cáo thống kê sản phẩm, đơn hàng, thơng tin khách hàng, thơng tin hóa đơn… - Mua hàng cách dể dàng, nhanh chóng, thuật tiện, tốn  Ý nghĩa cá nhân sinh viên Tạo website thân thiện với người dùng, dễ sử dụng giúp hiệu trình quản lý, bán hàng phương thức thủ công 1.5 Công cụ/ công nghệ sử dụng: 1.5.1 HTML, CSS, Javascript 1.5.1.1 HTML HTML (Hyper Text Markup Language) – Ngôn ngữ đánh dấu siêu văn bản, ngôn ngữ dùng cho tài liệu để tạo trang web.  Tuy nhiên HTML không sử dụng ngơn ngữ lập trình, HTML nhằm xác định ý nghĩa, mục đích cấu tạo trang wbe Kết hợp với CSS JavaScript, HTML ba – nguồn gốc website Một trang web thường có nhiều trang web Một trang web bao gồm tập thư mục HTML riêng Tất tạo từ ngơn ngữ HTML hay bạn có tạo trang web ngôn ngữ hay bằng Framework hay chạy tảng website đó.  Chức HTML tạo cấu trúc siêu văn trang web, hay khai báo tệp tin kỹ thuật số ví dụ video, nhạc, hình ảnh HTML có chức dùng để chia blockquotes, heading, đoạn văn, links… HTML dùng để:  Ngắt dòng điều khiển, định dạng đoạn văn, thêm tiêu đề  Xây dựng danh sách, ký tự đặc biệt, liên kết, nhấn mạnh văn bản, chèn hình ảnh.   Xây dựng bảng, điều khiển số kiểu mẫu 1.5.1.2 CSS 10 lại − Người dùng click toán − Hệ thống lưu thông tin đơn đặt hàng chi tiết đơn đặt hàng vào hệ thống − Hệ thống tự động xóa thơng tin sản phẩm nhớ tạm thời Luồng dự kiện phụ: − Luồng phụ: Hệ thống thông báo đến người dùng cần đăng nhập chuyển tác nhân sang trang đăng nhập Kết trả Thông tin đơn hàng lưu CSDL 2.5.1.9 Biểu đồ chi tiết Usecase “Quản lý tốn”dành cho Admin Hình Usecase “Quản lý toán” dành cho Admin 33 Tên use case Quản lý toán Nhân tố Admin Dự kiện đầu vào Admin cần đăng nhập vào trang web cho admin Các luồng dự kiện Luồng dự kiện chính: − Tại mục Quản lý đơn hàng, người quản trị theo dõi trạng thái toán thay đổi trạng thái tốn có đơn đặt hàng từ khách hàng Kết trả Thông tin đơn hàng lưu CSDL 2.5.1.10 Biểu đồ chi tiết Usecase “Quản lý sản phẩm” 34 Hình 10 Usecase “Quản lý sản phẩm” Tên use case Thêm sản phẩm Nhân tố Admin Dự kiện đầu vào Tác nhân đăng nhập vào hệ thống Các luồng dự kiện Luồng dự kiện chính: - Admin click Xem/Thêm sản phẩm menu - Hệ thống form quản lý sản phẩm - Tác nhân click Thêm sản phẩm - Hệ thống form thêm sản phẩm - Tác nhân nhập thông tin yêu cầu click Gửi - Hệ thống kiểm tra thông tin nhập Nếu hợp lệ hệ thống hiển thị thông báo thêm sản phẩm thành công lưu sản phẩm vào CSDL Nếu khơng hợp lệ thực thi luồng phụ - Thông tin loại sản phẩm lưu vào CSDL Luồng dự kiện phụ: - Luồng phụ: Hệ thống hiển thị thông báo lỗi yêu cầu admin nhập lại thông tin Kết trả Thông tin sản phẩm lưu vào CSDL Tên use case Sửa sản phẩm Nhân tố Admin 35 Dự kiện đầu vào Tác nhân đăng nhập vào hệ thống Các luồng dự kiện Luồng dự kiện chính: - Tác nhân chọn chức Xem/ thêm sản phẩm menu - Hệ truy vấn liệu hiển thị form quản lý sản phẩm - Tác nhân chọn sản phẩm muốn sửa click Chỉnh sửa bảng sản phẩm - Hệ thống trang sửa thông tin sản phẩm hiển thị thông tin sản phẩm dược chọn - Tác nhân sửa thông tin cần thiết click Cập nhập - Hệ thống kiểm tra thông tin nhập Nếu hợp lệ hệ thống hiển thị thông báo sửa thành công cập nhật thông tin sản phẩm vào CSDL Nếu kho hợp lệ thực thi luồng phụ Luồng dự kiện phụ: - Luồng phụ: Hệ thống hiển thị thông báo lỗi yêu cầu admin nhập lại thông tin Kết trả Thông tin sản phẩm lưu vào CSDL Tên use case Xóa sản phẩm Nhân tố Admin Dự kiện đầu vào Tác nhân đăng nhập vào hệ thống 36 Các luồng dự kiện Luồng dự kiện chính: - Tác nhân click Xem/ thêm sản phẩm menu - Hệ truy vấn liệu hiển thị form quản lý sản phẩm - Tác nhân chọn sản phẩm muốn xóa click Xóa bảng sản phẩm Kết trả Thông tin sản phẩm xóa CSDL 2.5.1.11 Biểu đồ chi tiết Usecase “Quản lý khách hàng” 37 Hình 11 Usecase “Quản lý khách hàng Tên use case Quản lý khách hàng Nhân tố Admin Dự kiện đầu vào Tác nhân đăng nhập vào hệ thống Các luồng dự kiện Luồng dự kiện chính: - Tác nhân click Khách hàng menu - Hệ truy vấn liệu hiển thị form thơng tin khách hàng(Admin theo dõi thơng tin khách hàng)  Xóa khách hàng: Tác nhân chọn thơng tin khách hàng muốn xóa click Xóa bảng thông tin khách hàng  Thay đổi trạng thái khách hàng: Admin chọn thông tin khách hàng muốn thay đổi trạng thái click vào Thay đổi trạng thái Kết trả Thông tin khách hàng xóa CSDL thơng 38 tin khách hàng thay đổi trạng thái CSDL 2.5.2 Biểu đồ hoạt động 2.5.2.1 Biểu đồ hoạt động đăng nhập vào tài khoản dành cho khách hàng Admin Hình 12 Biểu đồ hoạt động đăng nhập dành cho khách hàng Admin 39 2.5.2.2 Biểu đồ hoạt động quản lý giỏ hàng dành cho khách hàng Hình 13 Biểu đồ hoạt động quản lý giỏ hàng dành cho khách hàng 40 2.5.2.3 Biểu đồ hoạt động tìm kiếm sản phẩm dành cho khách hàng Hình 14 Biểu đồ hoạt động tìm kiếm sản phẩm dành cho khách hàng 41 2.5.2.4 Biểu đồ hoạt động gửi ý kiến phản hồi từ khách hàng Hình 15 Biểu đồ hoạt động gửi ý kiến phản hồi khách hàng 42 2.5.2.5 Biểu đồ hoạt động phần quản lý đơn hàng Admin Hình 16 Biểu đồ hoạt động phần quản lý đơn hàng Admin 2.5.2.6 Biểu đồ hoạt động quản lý sản phẩm dành cho Admin 43 Hình 17 Biểu đồ hoạt động quản lý sản phẩm dành cho Admin 44 2.5.2.7 Biểu đồ hoạt động quản lý thơng tin khách hàng Admin Hình 18 Biểu đồ hoạt động quản lý thông tin khách hàng Admin Chương 3:CÀI ĐẶT VÀ THỬ NGHIỆM 3.1 Các giao diện người quản trị (Admin) 3.2 Các giao diện khách hàng 45 KẾT LUẬN Đề tài “Lập trình website bán quần áo, phụ kiện ” xuất phát từ tình trạng thực tế ngày tạo tảng sở để thiết kế Website cho công ty, doanh nghiệp hay Website cá nhân đạt kết sau: - Đề tài tìm hiểu sơ kỹ thuật, công cụ thiết kế lập trình web bán hàng - Thiết kế Web động cách tổ chức sở liệu trang web - Giới thiệu sản phẩm đến với khách hàng - Cho phép người dùng tra cứu mặt hàng khách hàng tìm kiếm đặt mua - Tiếp nhận đơn hàng khách hàng - Cập nhật: sản phẩm, khách hàng, đơn đặt hàng - Thống kê: doanh thu, đơn hàng theo tháng - Thông tin khách hàng, sản phẩm…được cập nhật kịp thời, xác - Giao diện trang Web thân thiện, dễ sử dụng với người dùng Hướng phát triển - Kết hợp ngơn ngữ lập trình Server, Oracle, PHP… với hệ quản trị sở liệu lớn - Tìm hiểu, tiếp tục nghiên cứu để nâng cao giao diện trang Web với đồ họa đẹp mắt, dễ sử dụng với người dùng - Xây dựng trang Web với quy mô lớn gồm nhiều ứng dụng - Mở rộng tính khác: trả giá… TÀI LIỆU THAM KHẢO 1.https://co-well.vn/nhat-ky-cong-nghe/thiet-ke-website-ban-quan-ao-nhu-the-nao-de-tangdoanh-thu/ 46 2.Sahrecode-https://sharecode.vn/source-code/website-ban-quan-ao-online-su-dung-phpmysql-17952.htm W3school - https://www.w3schools.com/php/default.asp 47