Đồ án lập trình web nâng cao đ ti xây dựng website bán đồ công nghệ

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN ĐỒ ÁN LẬP TRÌNH WEB NÂNG CAO Đ TI: XÂY DỰNG WEBSITE BÁN ĐỒ CÔNG NGHỆ Sinh viên thực : NGUYỄN VŨ THNH NAM NGUYỄN ĐỒNG QUÂN Giảng viên hướng dẫn : PHƯƠNG VĂN CẢNH Ngành : CÔNG NGHỆ THƠNG TIN Chun ngành : HTTMĐT Lớp : D14HTTMĐT1 Khóa : 2019-2024 Hà Nội, tháng 12 năm 2021 PHIẾU CHẤM ĐIỂM ST T Họ tên sinh viên Nội dung thực Nguyễn Vũ Thành Nam Nguyễn Đồng Quân Chương Họ tên giảng viên Giảng viên chấm 1: Giảng viên chấm 2: Điểm Chương Chữ ký Ghi Chữ ký LỜI CẢM ƠN Trong lời đồ án “Xây dựng website bán đồ cơng nghệ”, nhóm chúng em muốn gửi lời cám ơn biết ơn chân thành tới tất người hỗ trợ, giúp đỡ chúng em kiến thức tinh thần trình thực làm Nhóm em xin chân thành gửi lời cảm ơn tới thầy cô giáo Trường Đại học Điện Lực nói chung thầy giáo Khoa Cơng nghệ thơng tin nói riêng tận tình giảng dạy, truyền đạt cho em kiến thức kinh nghiệm quý báu suốt trình học tập Đặc biệt, em xin gửi lời cảm ơn đến giảng viên hướng dẫn Phương Văn Cảnh giảng viên Khoa Công nghệ thông tin- Trường Đại học Điện Lực Thầy tận tình theo sát giúp đỡ, trực tiếp bảo, hướng dẫn suốt trình nghiên cứu học tập nhóm em Trong thời gian học tập với thầy, nhóm em khơng tiếp thu thêm nhiều kiến thức bổ ích mà cịn học tập tinh thần làm việc, thái độ nghiên cứu khoa học nghiêm túc, hiệu Đây điều cần thiết cho chúng em trình học tập công tác sau Do thời gian thực có hạn kiến thức cịn nhiều hạn chế nên làm nhóm chúng em chắn khơng tránh khỏi thiếu sót định Chúng em mong nhận ý kiến đóng góp thầy giáo bạn để chúng em có thêm kinh nghiệm tiếp tục hồn thiện đồ án Chúng em xin chân thành cảm ơn! MỤC LỤC LỜI MỞ ĐẦU CHƯƠNG I KHẢO SÁT V XÁC LẬP DỰ ÁN 1.1 Khảo sát dự án 1.2 Xác lập dự án 1.2.1 Mục đích 1.2.2 Các bước tiến hàn khảo sát .2 1.2.3 Khảo sát, tìm hiểu hệ thống .2 1.2.4 Phác họa giải pháp cân nhắc tính khả thi CHƯƠNG 2: PHÂN TÍCH V THIẾT KẾ HỆ THỐNG .4 2.1 Phân tích hệ thống 2.1.1 Các chức hệ thống 2.1.2.Các tác nhân hệ thống .4 2.2 Thiết kế hệ thống 2.2.1 UseCase Diagram .5 2.2.2 Sequence Diagram 2.2.3 Class Diagram 10 CHƯƠNG 3: GIAO DIỆN TRANG WEB 11 3.1 Giao diện webuser 11 3.1.1 Giao diện trang chủ .11 3.1.2 Giao diện theo danh mục sản phẩm .12 3.1.3 Giao diện chi tiết sản phẩm 13 3.1.4 Giao diện đăng ký khách hàng .14 3.1.5 Giao diện đăng nhập khách hàng 14 3.1.6 Giao diện giỏ hàng 15 3.2 Giao diện trang quản trị 16 3.2.1 Giao diện đăng nhập 16 3.2.2 Giao diện thống kê doanh thu .16 3.2.3 Giao diện quản lý danh mục sản phẩm 17 3.2.4 Giao diện quản lý sản phẩm 17 3.2.5 Giao diện quản lý viết 18 3.2.6 Giao diện danh sách đơn hàng 18 KẾT LUẬN 19 TI LIỆU THAM KHẢO 20 DANH MỤC HÌNH ẢN Hình 2.1 Biểu đồ Usecase Tổng quát Hình 2.2 Biểu đồ Sequence Diagram - Đăng nhập .6 Hình 2.3 Biểu đồ Sequence Diagram – Quản lý sản phẩm Hình 2.4 Biểu đồ Sequence Diagram – Quản lý đơn hàng Hình 2.5 Biểu đồ Sequence Diagram – Quản lý viết Hình 2.6 Class Diagram 10 Hình 3.1 Giao diện trang chủ 11 Hình 3.2 Giao diện theo danh mục sản phẩm .12 Hình 3.3 Giao diện chi tiết sản phẩm 13 Hình 3.4 Giao diện đăng ký khách hàng 14 Hình 3.5 Giao diện đăng nhập khách hàng 14 Hình 3.6 Giao diện trang giỏ hàng .15 Hình 3.7 Giao diện đăng nhập trang quản trị .16 Hình 3.8 Giao diện thống kê doanh thu .16 Hình 3.9 Giao diện quản lý danh mục sản phẩm 17 Hình 3.10 Quản diện quản lý sản phẩm 17 Hình 3.11 Giao diện quản lý viết 18 Hình 3.12 Giao diện danh sách đơn hàng 18 Recommandé pour toi Suite du document ci-dessous Chapter Book Notes - Summary Campbell Biology Principles Of Biology Chapter Outline - Summary Campbell Biology Introduction to Biology A 97% (69) Chapter 22 - Summary Campbell Biology General Biology II 207 100% (24) 98% (43) Summary Campbell Biology - Lecture 22-26, 35-38, 4045, 46, 48, 50, 52-56 Mod Concepts Bioscience Cont 96% (73) LỜI MỞ ĐẦU Trong phát triển mạnh mẽ khoa học công nghệ giới, nói ngành cơng nghệ thơng tin phát triển với tốc độ nhanh ngày thể vai trò to lớn, quan trọng toàn đời sống người Hầu hết lĩnh vực xã hội ứng dụng công nghệ thông tin, nhiều phần mềm mang lại hiệu phụ nhận Song thực tiễn đặt u cầu địi hỏi ngành cơng nghệ thông tin không ngừng phát triển để thỏa mãn đáp ứng thay đổi sống 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ẽ 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 nay, khơng lấy làm xa lạ Một người trở thành chủ website giới thiệu quan tâm: website giới thiệu thân gia đình anh ta, website trình bày sưu tập hình ảnh loại xe mà thích chẳng hạn Hoạt động cơng ty thời trang có quy mơ lớn tăng cường mở rộng xây dựng website có khả giới thiệu cơng ty cho phép quản lý sản phẩm cách nhanh chóng xác Vì lí nhóm chúng em chọn đề tài cho đồ án “Xây dựng website bán đồ công nghệ” CHƯƠNG I KHẢO SÁT V XÁC LẬP DỰ ÁN 1.1 Khảo sát dự án Việc buôn bán gấu ngày trở nên đa dạng với nhiều cách thức bán hàng khác Hiện có hai kiểu bán hàng trực tuyến bán hàng trực tiếp Đối với việc bán hàng trực tuyến lại đa dạng với nhiều kiểu cách khác bán trang mạng xã hội facebook, zalo, Tuy nhiên có cách tạo trang web bán hàng Việc có lợi chủ cửa hàng khách hàng Chủ cửa hàng có trang web bán hàng riêng dễ dàng đưa sản phẩm lên dễ dàng đưa sản phẩm đến gần với khách hàng Đối với khách hàng việc tiếp cận với sản phẩm trở nên dễ dàng Và việc tạo nên website giúp cho việc mua bán toán trở nên dễ dàng hết Chỉ cần với điện thoại bạn mua gấu dễ thương dễ dàng Vậy nên chúng em định xây dựng “ Website bán đồ công nghệ” 1.2 Xác lập dự án 1.2.1 Mục đích Là q trình khảo sát từ sơ đến chi tiết, ta cần phải có đầy đủ thơng tin, để từ làm xây dựng dự án mang tính khả thi 1.2.2 Các bước tiến hàn khảo sát - Khảo sát đánh giá trạng hoạt động hệ thống cũ - Xác định phạm vi vủa hệ thống -Vạch kế hoạch cho dự án với dự trù tổng quát 1.2.3 Khảo sát, tìm hiểu hệ thống 1.2.3.1 Quan sát, tìm hiểu hệ thống Việc quan sát, tìm hiểu đánh gái hệ thống phải theo cách nhìn nhà tin học - Có bước quan sát: + Mức thao tác thực hành + Mức điều phối quản lý + Mức định lãnh đạo + Mức chuyên gia cố vấn - Các hình thức tiến hành: + Áp dụng hình thức quan sát + Áp dụng hình thức vấn + Phương pháp thăm dò + Phương pháp nghiên cứu tài liệu 1.2.3.2 Tập hợp phân loại thông tin Phân loại dựa theo số tiêu chuẩn sau: - Hiện tương lai - Phân loại theo thông tin tĩnh, động, thông tin biến đổi - Phân loại dựa vào nội môi trường - Tập hợp lại tất thông tin phân loại 1.2.3.3 Phát yếu trạng yêu cầu tương lai - Phát yếu kém: Là tìm hiểu yếu số mặt như: Sự thiếu vắng thông tin xử lý, thiếu nhan lực, kếm hiệu tổ chức quản lý, ùn tắc thơng tin, phức tạp tổn phí cao… - Phương pháp phát hiện: Trên sở xác định rõ nguyên nhân để đề biện pháp khắc phục yếu 1.2.4 Phác họa giải pháp cân nhắc tính khả thi - Xác định phạm vi: Phạm vi toán đặt cho dự án kế hoạch tổng thể lâu dài tổ chức - Xác định mục tiêu dự án: +Mang lại lợi ích nghiện vụ: Tăng khả xử lý, đáp ứng yêu cầu nghiệp vụ, tin cậy, xác, bí mật +Mang lại lợi ích kinh tế: Thu nhập, giảm chi phí hoạt động, hồn vốn nhanh +Mang lại lợi ích sử dụng: Nhanh chóng, thuận tiện +Khác phục yếu hệ thống cũ, hỗ trợ chiến lược lâu dài, đáp ứng ưu tiên, hạn chế áp đặt - Phác họa giải pháp +Chỉ cho người dung thấy triển vọng cụ thể dự án + Có định hướng triển khai dự án +Chỉ được: * Các chức hệ thồng, đầu vào, đầu ra, giải pháp thực * Kiến trúc tổng thể hệ thống(phần cứng, phần mềm…) - Cân nhắc tính khả thi: + Khả thi nghiệp vụ + Khả thi kỹ thuật + Khả thi kinh tế CHƯƠNG 2: PHÂN TÍCH V THIẾT KẾ HỆ THỐNG 2.1 Phân tích hệ thống 2.1.1 Các chức hệ thống - Webadmin: + Thêm, sửa, xóa danh mục sản phẩm + Thêm, sửa, xóa sản phẩm + Thêm, sửa, xóa viết + Đăng ký tài khoản admin (Với đặc quyền admin) + Xem thông tin tài khoản khách hàng + Xem thông tin đơn hàng + Xem chi tiết đơn hàng + Thống kê doanh thu + Quản lý ý kiến phản hồi - Webuser: + Trang chủ + Hiển thị danh sách sản phẩm theo nhóm + Hiển thị chi tiết sản phẩm + Hiện thị viết + Hiển thị chi tiết viết + Đăng nhập, Đăng ký, đổi mật tài khoản khách hàng (Với đặc quyền khách hàng) + Thêm, sửa, xóa giỏ hàng + Tìm kiếm sản phẩm + Liên hệ 2.1.2.Các tác nhân hệ thống Dựa vào mô tả hệ thống, ta xác định tác nhân hệ thống sau: Tác nhân Admin: người thực chức quản trị hệ thống, tài khoản, khách hàng, quản lý sản phẩm,quản lý viết, quản lý danh mục sản phẩm, quản lý đơn hàng, quản lý loại hàng, Để thực chức người nhân viên phải đăng nhập Tác nhân Khách hàng: thực chức đăng ký tài khoản, đăng nhập Tìm kiếm sản phẩm, xem sản phẩm, xem viết, đặt hàng, xem giỏ hàng, 2.2 Thiết kế hệ thống 2.2.1 UseCase Diagram * Usecase Tổng quát Hình 2.1 Biểu đồ Usecase Tổng quát Tên Tóm tắt Dịng kiện Các dịng kiện Web bán đồ công nghệ Tổng quan hệ thống Đăng nhập, quản lý sản phẩm,quản lý viết, quản lý đơn hàng, quản lý danh mục sản phẩm, quản lý ý kiến phản hồi, thống kê doanh thu, toán, đặt hàng - Khách hàng, Admin đăng nhập vào hệ thống thao tác với chức thuộc quyền quản lý - Hệ thống đưa chức để người dùng thao tác Đăng nhập Thành công Vào hệ thống Không thành công Hệ thống báo tài khản/mật chưa Điều kiện tiên Các yêu cầu đặc biệt Quản lý Thao tác với hệ thống Hệ thống cập nhật liệu Thêm, sửa, xóa, tìm kiếm Thêm, sửa, xóa, tìm kiếm thơng tin sản phẩm Hệ thống hiển thị thông tin sản phẩm Đặt hàng Thêm hàng vào giỏ hàng Sửa, xóa sản phẩm giỏ hàng Thống kê doanh thu Thanh tốn Khơng có Giao diện thao tác dễ dùng với người lần sử dụng 2.2.2 Sequence Diagram Biểu đồ Sequence Diagram – Đăng nhập Hình 2.2 Biểu đồ Sequence Diagram - Đăng nhập Biểu đồ Sequence Diagram - Quản lý sản phẩm Hình 2.3 Biểu đồ Sequence Diagram – Quản lý sản phẩm Biểu đồ Sequence Diagram - Quản lý đơn hàng Hình 2.4 Biểu đồ Sequence Diagram – Quản lý đơn hàng 2.2.3 Class Diagram Hình 2.6 Class Diagram CHƯƠNG 3: GIAO DIỆN TRANG WEB 3.1 Giao diện webuser 3.1.1 Giao diện trang chủ Hình 3.1 Giao diện trang chủ 10 3.1.2 Giao diện theo danh mục sản phẩm Hình 3.2 Giao diện theo danh mục sản phẩm 11 3.1.3 Giao diện chi tiết sản phẩm Hình 3.3 Giao diện chi tiết sản phẩm 12 3.1.6 Giao diện giỏ hàng Hình 3.6 Giao diện trang giỏ hàng 13 3.2 Giao diện trang quản trị 3.2.1 Giao diện đăng nhập Hình 3.7 Giao diện đăng nhập trang quản trị 14 3.2.3 Giao diện quản lý danh mục sản phẩm Hình 3.9 Giao diện quản lý danh mục sản phẩm 3.2.4 Giao diện quản lý sản phẩm Hình 3.10 Quản diện quản lý sản phẩm 15 3.2.5 Giao diện quản lý viết Hình 3.11 Giao diện quản lý viết 3.2.6 Giao diện danh sách đơn hàng Hình 3.12 Giao diện danh sách đơn hàng 16 KẾT LUẬN Để làm đồ án chúng em vận dụng kiến thức thầy cô giảng dạy qua môn học với tài liệu mạng để tìm hiểu thêm Nhóm nắm bắt q trình nghiệp vụ q trình phân tích thiết kế hệ thống quản lý website bán quần áo nam nhìn nhận thành phần hệ thống cách chi tiết Nhóm rút số kinh nghiệm xây dựng biểu đồ biểu diễn hoạt động hệ thống, hiểu cách khái quát sở liệu hệ thống Tuy nhiên trình độ thời gian hạn chế nhóm chúng em cịn nhiều vấn đề hệ thống chưa giải kính mong nhận góp ý thầy Chúng em xin chân thành cảm ơn 17 TI LIỆU THAM KHẢO [1] [2] [3] https://tailieu.vn https://google.com https://epu.tailieu.vn 18