Lập trình trang web bán quần áo, phụ kiện thời trang

TRƯỜNG ĐẠI HỌC LÂM NGHIỆP KHOA KINH TẾ VÀ QUẢN TRỊ KINH DOANH - KHÓA LUẬN TỐT NGHIỆP LẬP TRÌNH TRANG WEB BÁN QUẦN ÁO, PHỤ KIỆN THỜI TRANG NGÀNH : HỆ THỐNG THÔNG TIN MÃ SỐ : 7480104 Giáo viên hướng dẫn : ThS.Khương Thị Quỳnh Sinh viên thực : Phạm Văn Quyền Mã sinh viên : 1854010139 Lớp : K63-HTTT Khóa : 2018 - 2022 Hà Nội, 2022 LỜI NÓI ĐẦU Ngày hầu hết công ty, cửa hàng, tổ chức áp dụng công nghệ thông tin vào lĩnh vực họ, việc tin học hóa xem yếu tố mang tính định hoạt động tổ chức cung công ty, cửa hàng: đóng vai trị quan trọng Có thể tạo bước đột phá mạnh mẽ Việc xây dựng trang web để phục vụ cho nhu cầu riêng tổ chức, công ty chí cá nhân ngày khơng lấy làm xa lạ Với vài thao tác đơn giản, người trở thành chủ webite giới thiệu quan tâm: website giới thiệu thân gia đình Hay website trình bày sưu tập hình ảnh,video mà thích chẳng hạn Nếu cửa hàng khơng có website, phụ thuộc vào bán hàng cửa hàng, khách vào khách Chắc hẳn không đông khách bán số lượng hàng lớn giới thiệu mặt hàng cho toàn thể người biết đến, hoạt động cửa hàng có quy mơ lớn tăng cường mở rộng xây dựng website tốt Do với ý tưởng với gợi ý cô Khương Thị Quỳnh, em thực đề tài “ Lập trình thiết kế trang web bán quần áo, phụ kiện thời trang” Em xin chân thành cảm ơn! i MỤC LỤC LỜI NÓI ĐẦU i MỤC LỤC ii DANH MỤC TỪ VIẾT TẮT iv DANH MỤC BẢNG v DANH MỤC HÌNH vi CHƯƠNG I: TỔNG QUAN 1.1 Lý chọn đề tài: 1.2 Mục tiêu: 1.3 Đối tượng nghiên cứu: 1.4 Phạm vi nghiên cứu: 1.4.1 Ngôn ngữ sử dụng 1.4.2 Công cụ hỗ trợ (tool) 1.4.3 Hệ quản trị CSDL sử dụng 1.4.4 Phần mềm sử dụng 1.5 Phương pháp nghiên cứu: CHƯƠNG II: KHẢO SÁT VÀ ĐÁNH GIÁ HIỆN TRẠNG 2.1 Mơ tả tốn 2.2 Khảo sát đánh giá trạng: 2.3 Giải pháp CHƯƠNG III: PHÂN TÍCH, THIẾT KẾ PHẦN MỀM 3.1 Biểu đồ usecase tổng quát 3.1.1 Biểu đồ Quản lý user 3.1.2 Biểu đồ đồ Quản lý danh mục 11 3.1.3 Biểu đồ Quản lý sản phẩm 14 3.1.4 Biểu đồ Đặt hàng 17 3.1.5 Biểu đồ Quản lý kho 22 3.1.6 Biểu đồ Quản lý phản hồi 25 ii 3.1.7 Biểu đồ Tìm kiếm 28 3.1.8 Biểu đồ Thống kê báo cáo 30 3.2 Biểu đồ lớp 32 3.3 Biểu đồ trạng thái 32 CHƯƠNG IV: TRIỂN KHAI HỆ THỐNG 34 4.1 Cài đặt CSDL cho hệ thống 34 4.2 Cơng cụ lập trình, xây dựng giao diện 35 4.2.1 Phần mềm công cụ sử dụng 35 4.2.2 Giao diện chức hệ thống 37 4.3 Kiểm thử hệ thống 44 4.3.1 Công cụ kiểm thử 44 4.3.2 Xây dựng kiểm thử 45 CHƯƠNG V: KẾT LUẬN 48 5.1 Kết đạt 48 5.2 Kết chưa đạt 48 5.3 Hướng phát triển 48 TÀI LIỆU THAM KHẢO 49 iii DANH MỤC TỪ VIẾT TẮT Chữ viết tắt Chữ viết Từ hoàn chỉnh, nghĩa tắt Từ hoàn chỉnh, nghĩa CSDL Cơ sở liệu URL Uniform Resource Locator HTML Hypertext Markup FTP File Transfer Protocol ERD Entity Relationship Language CSS Cascading Style Sheets Diagram PHP Hypertext Preprocessor UML Unifiled Modeling DFD CRUD Language GVHD UC Data Flow Diagram Create, Read, Update, Delete Giảng viên hướng dẫn MVC model-view-controller Usecase PDF Portable Document Format RDBMS SQL Relational Database Management System Structured Query Language iv DANH MỤC BẢNG Bảng 3.1 Xác định Actor Usecase Bảng 3.2 UC Quản lý user 10 Bảng 3 Quản lý danh mục 12 Bảng Quản lý sản phẩm 14 Bảng Đặt hàng 17 Bảng Quản lý đơn hàng 19 Bảng Quản lý kho 22 Bảng Quản lý phản hồi 25 Bảng UC Quản lý tìm kiếm 28 Bảng 10 thống kê báo cáo 30 v DANH MỤC HÌNH Hình 3.1: Biểu đồ usecase Tổng qt Hình 3.2 Biểu đồ usecase chi tiết Quản lý user Hình 3: Biểu đồ hoạt động Quản lý user 10 Hình 4: Biểu đồ trình tự Quản lý user 11 Hình 5: Biểu đồ usecase chi tiết quản lý danh mục 11 Hình 6: Biểu đồ hoạt động Quản lý danh mục 12 Hình 7: Biểu đồ trình tự Quản lý danh mục 13 Hình 8: Biểu đồ usecase chi tiết Quản lý sản phẩm 14 Hình 9: Biểu đồ hoạt động Quản lý sản phẩm 15 Hình 10: Biểu đồ trình tự Quản lý sản phẩm 16 Hình 11: Biểu đồ chi tiết Đặt hàng 17 Hình 12: Biểu đồ hoạt động Đặt hàng 18 Hình 13: Biểu đồ trình tự Đặt hàng 18 Hình 14: Biểu đồ usecase chi tiết Quản lý đơn hàng 19 Hình 15:Biểu đồ hoạt động Quản lý đơn hàng 20 Hình 16:Biểu đồ trình tự Quản lý đơn hàng 21 Hình 17:Biểu đồ usecase chi tiết Quản lý kho 22 Hình 18: Biểu đồ hoạt động Quản lý kho 23 Hình 19:Biểu đồ trình tự Quản lý kho 24 Hình 20: Biểu đồ chi tiết Quản lý phản hồi 25 Hình 21: Biểu đồ hoạt động Quản lý phản hồi 26 Hình 22: Biểu đồ trình tự Quản lý phản hồi 27 Hình 23: Biểu đồ usecase chi tiết Tìm kiếm 28 Hình 24: Biểu đồ hoạt động Tìm kiếm 29 vi Hình 25: Biểu đồ trình tự Tìm kiếm 29 Hình 26: Biểu đồ usecase chi tiết Thống kê báo cáo 30 Hình 27: Biểu đồ hoạt động Thống kê báo cáo 31 Hình 28: Biểu đồ trình tự Thống kê báo cáo 31 Hình 29: Biểu đồ lớp 32 Hình 30:Biểu đồ trạng thái phân quyền user 32 Hình 31: Biểu đồ trạng thái thay đổi trạng thái tìm kiếm 33 Hình Mơ hình triển khai CSDL 34 Hình 2: Cơ sở liệu thực tế 34 Hình Intelij IDEA 35 Hình 4 php MyAdmin 36 Hình 5: Giao diện Xampp 36 Hình giao diện đăng nhập trang Admin 37 Hình Giao diện trang chủ Admin 38 Hình giao diện quản lý tài khoản 38 Hình Giao diện quản lý thương hiệu (danh mục) 39 Hình 10 Giao diện quản lý loại sản phẩm 39 Hình 11 Giao diện quản lý sản phẩm 40 Hình 12 Giao diện quản lý đơn hàng 40 Hình 13 Giao diện quản lý viết 41 Hình 14 Giao diện trang đăng nhập 41 Hình 15 Giao diện trang chủ web người dùng 42 Hình 16 Giao diện trang thông báo 43 Hình 17 Giao diện trang giỏ hàng 43 Hình 18 Giao diện trang tốn 44 Hình 19 Logo phần mềm kiểm thử 44 vii Hình 20 Kiểm thử đăng nhập sai tài khoản mật 45 Hình 21 Đăng nhập thành công 45 Hình 22 Thiếu ký tự mật 46 Hình 23 Sai tài khoản mật 46 Hình 24 Kiểm thử Đặt hàng 47 Hình 25 Kiểm thử đơn hàng 47 viii CHƯƠNG I: TỔNG QUAN 1.1 Lý chọn đề tài: Việc kinh doanh – mua bán nhu cầu thiếu Trong thời đại cạnh tranh việc giới thiệu sản phẩm kinh doanh đến cá nhân với chi phí thấp, hiêu cao vấn đề nan giải người kinh doanh với nhu cầu mua sắm với sản phẩm đa trủng loại, đạt chất lượng, hợp túi tiền người tiêu dùng thương mại điện tử đời dần phát triển toàn giới Việc phổ biến sản phẩm cửa hàng kinh doanh đến khách hàng thông qua bảng báo giá nhiên chi phí cao số lượng sản phẩm ngày đa dạng giá thay đổi liên tục tính phổ biến không cao chưa đáp ứng nhu cầu người dùng Mặt khác cửa hàng cịn gặp nhiều khó khăn chưa quản lý người dùng, thông tin nhà sản xuất, cập nhật giá sản phẩm, quản lý sản phẩm.v.v Nắm bắt tình hình em thiết kế trang website bán hàng online để mong giúp cho cửa hàng phát triển nhanh hơn, giúp chi chủ cửa hàng quản lý cửa hàng cách tốt 1.2 Mục tiêu: Xây dựng được: “Lập trình thiết kế trang web bán quần áo, phụ kiện thời trang” để quảng cáo bán hàng online nhằm tăng hiệu kinh doanh cửa hàng Cung cấp sản phẩm loại sản phẩm thời trang phù hợp với nhu cầu sử dụng khách hàng Khách hàng biết thơng tin chi tiết sản phẩm như: Tên sản phẩm, giá cả, xuất xứ Đồng thời thu hút khách đến cửa hàng 1.3 Đối tượng nghiên cứu: - Quy trình bán hàng online: nghiên cứu cách thức hoạt động bán hàng từ nhập hàng để bán sản phẩm - Quy trình PTTKHT: Tìm hiểu cách thức phát triển hệ thống thơng tin từ hiểu vẽ biểu đồ tương ứng vói chức - Quy trình xây dựng ứng dụng: 1.4 Phạm vi nghiên cứu: 1.4.1 Ngôn ngữ sử dụng - HTML ngôn ngữ lập trình web 4.2 Cơng cụ lập trình, xây dựng giao diện 4.2.1 Phần mềm công cụ sử dụng 4.2.1.1 Phần mềm sử dụng - Intellij IDEA - XAMPP -phpMyAdmin -Selenium IDE  Intellij IDEA Phần mềm thiết kế để cải tiến suất cho nhà phát triển IntelliJ IDEA cung cấp trình soạn thảo thơng minh, trình phân tích mã tập hợp mạnh mẽ refactorings hỗ trợ loạt ngôn ngữ lập trình, khn khổ cơng nghệ Hình Intelij IDEA  phpMyAdmin PhpMyAdmin công cụ nguồn mở miễn phí viết ngơn ngữ lập trình PHP để xử lý tác vụ quản trị MySQL thơng qua trình duyệt web Nó thực nhiều tác vụ tạo, sửa đổi xóa bỏ sở liệu, bảng, trường ghi; thực theo báo cáo SQL; quản lý người dùng cấp phép 35 - Các tính PHPMyAdmin Một số tính thường sử dụng phpMyAdmin:  Quản lý user(người dùng): thêm, xóa, sửa(phân quyền)  Quản lý sở liệu: tạo mới, xóa, sửa, thêm bảng, hàng, trường, tìm kiếm đối tượng  Nhập xuất liệu(Import/Export): hỗ trợ định dạng SQL, XML CSV  Thực truy vấn MySQL, giám sát trình theo dõi  Sao lưu khôi phục(Backup/Restore): Thao tác thủ công Hình 4 php MyAdmin  XAMPP Xampp chương trình sử dụng để tạo máy chủ web (web server) tích hợp sẵn với FTP Server, Apache, PHP, MySQL phpMyAdmin Xampp có giao diện tương đối dễ hiểu tiện lợi, tạo điều kiện cho người dùng việc bật tắt hay khởi động lại dịch vụ máy chủ Hình 5: Giao diện Xampp 36  Selenium IDE Selenium IDE (IDE từ viết tắt Integrated Developer Environment): plug-in nằm trình duyệt Fire-fox, ta sử dụng để record play lại thao tác dựa theo quy trình hay test case - Những tính bật Selenium  Bạn kết hợp với nhiều ngơn ngữ lập trình như: Java,.Net, Python, PHP cách dễ dàng  Selenium giả cho thao tác người dùng web page web element  Script base dựa theo HTML nên dễ học việc ứng dụng nhanh  Selenium API hỗ trợ nhiều cho loại trình duyệt, mà dễ dàng test ứng dụng web với nhiều loại trình duyệt khác 4.2.1.2 Cơng cụ sử dụng (tool) - CSS - Laravel 4.2.2 Giao diện chức hệ thống 4.2.2.1 Giao diện đăng nhập trang Admin Hình giao diện đăng nhập trang Admin 37 4.2.2.2 Trang chủ Admin Hình Giao diện trang chủ Admin 4.2.2.3 Giao diện quản lý tài khoản Hình giao diện quản lý tài khoản 38 4.2.2.4 Giao diện quản lý thương hiệu (danh mục) Hình Giao diện quản lý thương hiệu (danh mục) 4.2.2.5 Giao diện quản lý loại sản phẩm (danh mục) Hình 10 Giao diện quản lý loại sản phẩm 39 4.2.2.6 Giao diện quản lý sản phẩm Hình 11 Giao diện quản lý sản phẩm 4.2.2.7 Giao diện quản lý đơn hàng Hình 12 Giao diện quản lý đơn hàng 40 4.2.2.8 Giao diện quản lý viết Hình 13 Giao diện quản lý viết 4.2.2.9 Giao diện trang đăng nhập người dùng Hình 14 Giao diện trang đăng nhập 41 4.2.2.10 Giao diện trang chủ Hình 15 Giao diện trang chủ web người dùng 42 4.2.2.11 Giao diện thơng báo (bài viết) Hình 16 Giao diện trang thông báo 4.2.2.12 Giao diện giỏ hàng Hình 17 Giao diện trang giỏ hàng 43 4.2.2.13 Giao diện trang tốn Hình 18 Giao diện trang toán 4.3 Kiểm thử hệ thống 4.3.1 Cơng cụ kiểm thử - selenium IDE Hình 19 Logo phần mềm kiểm thử 44 4.3.2 Xây dựng kiểm thử 4.3.2.1 Đăng nhập trang người dùng - trường hợp nhập sai tài khoản mật Hình 20 Kiểm thử đăng nhập sai tài khoản mật - trường hợp đăng nhập thành cơng Hình 21 Đăng nhập thành công 45 4.3.2.2 Đăng nhập trang Admin -trường hợp nhập thiếu ký tự mật Hình 22 Thiếu ký tự mật -trường hợp nhập sai tài khoản mật Hình 23 Sai tài khoản mật 46 4.3.2.3 Đặt hàng Hình 24 Kiểm thử Đặt hàng 4.3.2.4 Đơn hàng Hình 25 Kiểm thử đơn hàng 47 CHƯƠNG V: KẾT LUẬN 5.1 Kết đạt Trong thời gian làm đồ án “Lập trình thiết kế trang web bán quần áo, phụ kiện thời trang” giúp ích em nhiều việc tìm hiểu nắm bắt nhiều kiến thức bổ ích, đồng thời rút nhiều kinh nghiệm thực tế Đề tài xây dựng website quản lý bán hàng thời trang hoàn thiện đạt kết sau: Đã phân tích, khảo sát làm rõ quy nghiệp nghiệp vụ website kinh doanh từ vẽ biểu đồ use case tổng quát, phân rã use case để xây dựng đặc tả yêu cầu usecase, đưa biểu đồ hoạt động, trình tự, trạng thái biểu đồ lớp, mơ hình hoạt động hệ thống để từ xây dựng sở liệu hợp lý tối ưu Đáp ứng yêu cầu mà cửa hàng đặt tiêu chí, hoạt động được, dễ sử dụng, đầy đủ chức cần thiết 5.2 Kết chưa đạt Do hạn chế mặt thời gian kiến thức nên hệ thống chưa hoàn thiện chức quên mật khẩu,liên hệ, hệ thống chạy đúng, đầy đủ nghiệp vụ thơng luồng nghiệp vụ Cấu trúc website chưa tối ưu số vấn đề khác cịn chưa hồn chỉnh 5.3 Hướng phát triển Trong thời gian tới, em mong nhận giúp đỡ quý báu thầy cô bạn bè để em hồn thiện bổ sung đồ án tốt hơn, để xây dựng hoàn thiện chức website chưa có chưa hoạt động tốt cụ thể chức năng: liên hệ cửa hang khách hàng, giao diện tối ưu cho người dung người bán, chế phân quyền hợp lý luinh động hơn, triển khai nhiều thiết bị,… 48 TÀI LIỆU THAM KHẢO [1] Nguyễn Tuệ, “Giáo trình nhập mơn hệ sở liệu”, Nhà xuất Giáo dục, 2007 [2] Thạc Bình Cường, “Phân tích thiết kế hệ thống thông tin”, Nhà xuất khoa học kỹ thuật, 2005 [3] https://www.w3schools.com/ [4] https://www.hostinger.vn/huong-dan/css-la-gi/ [5] Phú Hưng, Quang Anh, “Sổ tay HTML JAVASCRIPT”, Nhà xuất Hồng Đức Quý II/2018 [6] https://vi.wikipedia.org/wiki/PHP [7] Huỳnh Văn Đức, “Giáo trình nhập môn UML”, Nhà xuất Lao động Xã hội , 2002 [8] https://viblo.asia/p/su-dung-astah-ve-bieu-do-uml-d6BAMYBBGnjz [9] Dayle Rees, “Code Smart – The Laravel framwork version for Biginners”, Nhà xuất LearnPub , xuất 4/2016, cập nhật lần cuối 7/2016 49