Đồ án phân tích thiết kế hệ thống thương mại điện tử bán kính bài làm chi tiết được đánh giá cao trong học phần với thiết kế dễ nhìn các mục đc phân chia rõ ràng rành mạch giới thiệu Sự bùng nổ của cách mạng 4.0 đã tạo ra sự phát triển chưa tùng có của công nghệ thông tin. Công nghiệp 4.0 tập trung vào công nghệ kỹ thuật số từ những thập kỷ gần đây lên một cấp độ hoàn toàn mới với sự trợ giúp của kết nối thông qua Internet vạn vật, truy cập dữ liệu thời gian thực và giới thiệu các hệ thống vật lý không gian mạng. Công nghiệp 4.0 cung cấp một cách tiếp cận toàn diện hơn, liên kết và toàn diện hơn cho sản xuất. Nó kết nối vật lý với kỹ thuật số và cho phép cộng tác và truy cập tốt hơn giữa các bộ phận, đối tác, nhà cung cấp, sản phẩm và con người. Công nghiệp 4.0 trao quyền cho các chủ doanh nghiệp kiểm soát và hiểu rõ hơn mọi khía cạnh hoạt động của họ và cho phép họ tận dụng dữ liệu tức thời để tăng năng suất, cải thiện quy trình và thúc đẩy tăng trưởng.
ĐẠI HỌC CÔNG NGHỆ GIAO THÔNG VẬN TẢI KHOA KINH TẾ VẬN TẢI BÁO CÁO ĐỒ ÁN PHÂN TÍCH VÀ THIẾT KẾ XÂY DỰNG HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ Đề tài: Phân tích thiết kế xây dựng hệ thống cửa hàng bán kính mắt trực tuyến Hà Nội-2021 ĐẠI HỌC CÔNG NGHỆ GIAO THÔNG VẬN TẢI KHOA KINH TẾ VẬN TẢI BÁO CÁO ĐỒ ÁN PHÂN TÍCH VÀ THIẾT KẾ XÂY DỰNG HỆ THỐNG THƯƠNG MẠI ĐIỆN TỬ Đề tài: Phân tích thiết kế xây dựng hệ thống cửa hàng bán kính mắt trực tuyến Nhóm sinh viên thực Trần Trung Hiếu- 70DCTD21125 Trần Thị Hoà - 70DCTD21077 Đỗ Hải Giang- 70DCTD21109 Đỗ Đức Mạnh - 70DCTD21113 Đặng Tùng Dương - 70DCTD21121 Lớp: 70DCTD22 Khóa: K70 Giảng viên hướng dẫn: Lê Chí Luận NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… …………………………………………………………………………………… Giáo viên hướng dẫn Lê Chí Luận NHẬN XÉT CỦA TRƯỞNG NHĨM Tên thành viên Phần trăm đóng góp ( 100% ) Ghi Trần Trung Hiếu 22% Nhóm trưởng Trần Thị Hoà 22% Thành viên Đỗ Hải Giang 22% Thành viên Đỗ Đức Mạnh 17% Thành viên Đặng Tùng Dương 17% Thành viên MỤC LỤC NHẬN XÉT CỦA GIÁO VIÊN HƯỚNG DẪN NHẬN XÉT CỦA TRƯỞNG NHÓM MỤC LỤC DANH MỤC BẢNG BIỂU DANH MỤC CÁC TỪ VIẾT TẮT CHƯƠNG GIỚI THIỆU 1.1 Đặt vấn đề 1.2 Bố cục đồ án .10 1.3.Các đóng góp đồ án 10 CHƯƠNG KIẾN THỨC NỀN TẢNG .12 2.1 Cơ sở lý thuyết 12 2.1.1 Phân tích thiết kế hướng đối tượng 12 2.1.2 Cơ sở liệu 12 2.1.3 Ngôn ngữ truy vấn liệu SQL 12 2.1.4 UML 13 2.1.5 Rational rose 14 2.2 Công cụ sử dụng 14 2.2.1 Phần mềm Sql Server Management Studio 14 2.2.2 Rational rose 14 2.2.3 UML 15 CHƯƠNG KHẢO SÁT, PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 17 3.1 Khảo sát chủ shop 17 3.2 Yêu cầu cho hệ thống .25 3.3 Mô tả toán 26 3.4 Phân tích thiết kế 28 3.4.1 Xác định tác nhân (actor) chức (usecase) 28 3.4.2 Biểu đồ ca sử dụng (Usecase diagram) 29 3.4.2.1 Biểu đồ Usecase tổng quát 29 3.4.2.2 Biểu đồ Usecase tác nhân “Quản trị viên” 30 3.4.3 Đặc tả ca sử dụng 35 3.4.3.1 Usecase Đăng Nhập .35 3.4.3.2 Usecase Tạo tài khoản 37 3.4.3.3 Usecase Đổi mật 39 3.4.3.4 Usecase “Xoa tai khoan” 41 3.4.3.5 Usecase Thêm sản phẩm vào giỏ hàng 43 3.4.3.6 Usecase Sửa sản phẩm giỏ hàng 46 3.4.3.7 Usecase Xoá sản phẩm giỏ hàng 47 3.4.3.8 Usecase Tạo đơn đặt hàng 49 3.4.3.9 Usecase Thêm sản phẩm .52 3.4.3.10 Usecase Sửa thông tin sản phẩm 54 3.4.3.11 Usecase Xóa sản phẩm 56 3.4.3.12 Usecase Tìm kiếm sản phẩm 58 3.4.3.13 Usecase Tạo hóa đơn 60 3.4.3.14 Usecase Xóa hóa đơn 61 3.4.3.15 Usecase Tìm kiếm hóa đơn 63 3.5 Biểu đồ trạng thái .66 3.5.1 Biểu đồ trạng thái đăng kí - đăng nhập 66 3.5.2 Biểu đồ trạng thái mua hàng 66 3.6 Biểu đồ lớp (Class Diagram) 68 3.6.2 Thiết kế sở liệu vật lý 69 CHƯƠNG XÂY DỰNG CHƯƠNG TRÌNH .71 4.1 Lưu đồ thuật toán đặc tả chức 71 4.1.1 Lưu đồ thuật toán đặc tả chức Đăng ký tài khoản 71 4.1.2 Lưu đồ thuật toán đặc tả chức Thêm sản phẩm 72 4.1.3 Lưu đồ thuật toán đặc tả chức Mua Hàng 73 4.2 Thiết kế giao diện website 74 4.3 Kết cài đặt .76 4.3.1 Yêu cầu hệ thống 76 4.3.3 Giao diện trang chủ 76 4.3.3 Giao diện trang quản trị 81 BIÊN BẢN HỌP NHÓM (Kính thời trang) .86 DANH MỤC BẢNG BIỂU Bảng 1: Câu hỏi khảo sát câu trả lời 15 Bảng 2: Danh sách tác nhân chức .28 Bảng 3: Danh sách Usecase ý nghĩa 30 Bảng 4: Đặc tả Usecase Đăng nhập 37 Bảng 5: Đặc tả Usecase Tạo tài khoản 38 Bảng 6: Đặc tả Usecase Đổi mật 41 Bảng 7: Đặc tả Usecase Xóa tài khoản 42 Bảng 8: Đặc tả Usecase Thêm sản phẩm vào giỏ hàng 45 Bảng 9: Đặc tả Usecase Sửa sản phẩm giỏ hàng 47 Bảng 10: Đặc tả Usecase Xoá sản phẩm giỏ hàng 49 Bảng 11: Đặc tả Usecase tạo đơn đặt hàng .51 Bảng 12: Đặc tả Usecase Thêm sản phẩm .53 Bảng 13: Đặc tả Usecase Sửa thông tin sản phẩm 55 Bảng 14: Đặc tả Usecase Xóa sản phẩm 57 Bảng 15: Đặc tả Usecase Tìm kiếm sản phẩm 59 Bảng 16: Đặc tả Usecase Tạo hóa đơn 61 Bảng 17: Đặc tả Usecase Xóa hóa đơn 63 Bảng 18: Đặc tả Usecase Tìm kiếm hóa đơn 65 Bảng 19: Table USER .69 Bảng 20: Table KHACHHANG .69 Bảng 21: Table HOADON 69 Bảng 22: Table CTHOADON 70 Bảng 23: Table SANPHAM 70 Bảng 24: Table LoaiHang .70 DANH MỤC HÌNH ẢNH Hình 3.1.1 Form biểu mẫu khảo sát khách hàng Hình 3.1.2 Form biểu mẫu khảo sát khách hàng-2 Hình 3.1.3 Form biểu mẫu khảo sát khách hàng-3 Hình 3.1.4 Kết khảo sát thị trường-1 Hình 3.1.5 Kết khảo sát thị trường-2 Hình 3.1.6 Kết khảo sát thị trường-3 Hình 3.1.7 Kết khảo sát thị trường-4 Hình 3.1.8 Kết khảo sát thị trường-5 Hình 3.1.9 Kết khảo sát thị trường-5 Hình 3.1.10 Kết khảo sát thị trường-5 Hình 3.3.1 Biểu đồ usecase tổng quát Hình 3.3.2 Usecase Quản lý nhân viên Hình 3.3.3 Usecase Nhân viên quản lý sản phẩm Hình 3.3.4 Usecase Nhân viên quản lý danh mục Hình 3.3.5 Usecase Nhân viên quản lý đơn hàng Hình 4.1 Lưu đồ thuật toán đặc tả chức Đăng ký tài khoản Hình 4.2 Lưu đồ thuật tốn đặc tả chức Thêm sản phẩm Hình 4.3 Lưu đồ thuật tốn đặc tả chức Mua hàng Hình 4.4 Giao diện trang web Hình 4.5 Giao diện trang giỏ hàng Hình 4.6 Giao diện trang thơng tin sản phẩm Hình 4.7 Giao diện trang mua hàng Hình 4.8 Giao diện trang hố đơn Hình 4.9 Giao diện trang đăng nhập quản trị Hình 4.10 Giao diện trang quản trị sản phẩm DANH MỤC CÁC TỪ VIẾT TẮT Ký hiệu Viết tắt Giải thích CSDL Cơ sở liệu Là tập hợp thơng tin có cấu trúc Dữ liệu trì dạng tập hợp tập tin hệ điều hành hay lưu trữ hệ quản trị sở liệu CSS Cascading Style Sheet Trong tin học, tập tin định kiểu theo tầng – dịch từ tiếng Anh Cascading Style Sheets (CSS) – dùng để miêu tả cách trình bày tài liệu viết ngôn ngữ HTML XHTML DN Doanh nghiệp Nhà tuyển dụng GVHD Giảng viên hướng dẫn Giảng viên hướng dẫn GUI Graphical User Giao diện đồ họa người dùng thuật Interface ngữ ngành cơng nghiệp máy tính Đó cách giao tiếp với máy tính hay thiết bị điện tử hình ảnh chữ viết thay dòng lệnh đơn HTML Hyper Text Language Markup Là ngôn ngữ thiết kế để tạo nên trang web JS Java Script JavaScript ngôn ngữ lập trình kịch Ngơn ngữ dùng rộng rãi cho trang web, dùng để tạo khả viết script sử dụng đối tượng nằm sẵn ứng dụng MYSQL My Structured Query MySQL ngôn ngữ truy vấn mà hệ quản lý sở liệu Nó phần mềmdùng để lưu trữ quản lý sở liệu PHP Personal Home Page Là ngơn ngữ lập trình kịch hay loại mã lệnh chủ yếu dùng để phát triển ứng dụng viết cho máy chủ, mã nguồn mở Nó thích hợp với web dễ dàng nhúng vào trang HTML SQL Structured Language UML Unified Language Query Là hệ quản trị sở liệu tự nguồn mở phổ biến giới Modeling Là ngơn ngữ mơ hình gồm ký hiệu đồ họa mà phương pháp hướng đối tượng sử dụng để thiết kế hệ thống thông tin cách nhanh chóng 4.1.3 Lưu đồ thuật tốn đặc tả chức Mua Hàng Hình 4.3 Lưu đồ thuật tốn đặc tả chức Mua hàng Giải thích lưu đồ thuật toán: Khi người dùng (KH) muốn mua sản phẩm shop khách hàng cần thêm sản phẩm vào giỏ hàng xác nhận toán Chọn Quản lý test kích Thêm mới, hình thêm test hiển thị yêu cầu doanh nghiệp điền đầy đủ thông tin với droplist lựa chọn cầu hỏi thêm thuộc tin tuyển dụng Thực nhập đầy đủ gửi yêu cầu tới hệ thống, hệ thống kiểm tra thông tin có bị bỏ trống có định dạng hay khơng Nếu hợp lệ cập nhật vào sở liệu thông báo thành công đến doanh nghiệp, ngược lại thông báo lỗi tương ứng 4.2 Thiết kế giao diện website Cách thức thiết kế giao diện website dựa vào bước sau: Bước 1: Xác định yêu cầu người dùng Bước 2: Phác thảo ý tưởng giấy Bước 3: Phối màu cho giao diện web Bước 4: Xây dựng tài liệu chuẩn CSS, clientsite script, ảnh, folder cho trang web Bước 5: Sử dụng ngơn ngữ đánh dấu, lập trình để thiết kế giao diện Bước 6: Test giao diện trình duyệt Bước 7: Chuyển mã nguồn tới phận phát triển web Cách thức thiết kế giao diện website trang web: Yêu cầu người dùng phải đầy đủ thông tin liên quan đến Tên sản phẩm, số lượng sản phẩm, hình ảnh sản phẩm, có tên thương hiệu có giỏ hàng có chọn phuong thức toán… Giao diện trang home cần đầy đủ mục thơng tin trên, chia bố cục hình làm phần Bên sản phẩm mới, bên lưu sản phẩm khuyến mãi, với slider hình ảnh sản phẩm phía giá, nút mua chi tiết Trên logo tìm kiếm slide ảnh Dưới link fanpage thông tin liên quan khác Tiến hành cấu trúc lại câu văn, thông tin cho hợp lí đầy đủ protype Tiến hành thực viết mã lệnh để xây dựng giao diện: sử dụng ngôn ngữ HTML để cố định thẻ div với thuộc tính style CSS để định dạng cỡ chữ, màu sắc, font chữ, hình dáng Ngồi sử dụng js để chạy silder Cần xây dựng giao diện hợp lí, dễ nhìn, thân thiện với người sử dụng, khả tương tác thông minh + Cố định vùng menu để người dùng lăn chuột menu không bị cuộn trôi Phát triển nút scroll-to-top để người dùng phía cuối trang sử dụng nút để lên đầu trang mà không cần kéo chuột + Cỡ chữ, kiểu chữ rõ ràng, tiêu đề cho chữ to nội dung, tiêu đề in đậm để rõ nhìn quan sát + Các ảnh phóng to với khổ rộng, điều chỉnh để không bị vỡ ảnh thực demo hình, trình duyệt khác + Slider tự động chạy để chánh nhàm chán Thực kiểm tra giao diện trình duyệt, phiên hình khác VD: chrome, Fixfox 4.3 Kết cài đặt 4.3.1 Yêu cầu hệ thống truy cập website: https://kinhmatsamira.000webhostapp.com/ để có kết đến hình giao diện sau: 4.3.3 Giao diện trang chủ Hình 4.4 Giao diện trang web Hình 4.5 Giao diện trang giỏ hàng Hình 4.6 Giao diện trang thơng tin sản phẩm Hình 4.7 Giao diện trang mua hàng Hình 4.8 Giao diện trang hố đơn 4.3.3 Giao diện trang quản trị Hình 4.9 Giao diện trang đăng nhập quản trị Hình 4.10 Giao diện trang quản trị sản phẩm Hình 4.11 Giao diện trang quản trị đơn hàng KẾT LUẬN Trong thời gian làm đồ án giúp em 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ế Do hạn chế thời gian trình độ nên chương trình khơng tránh khỏi nhiều sai sót Em xin chân thành cảm ơn mong nhận đóng góp ý kiến từ thầy cô bạn để đồ án hoàn thiện Đề tài xây dựng website Trường Đại học Công nghệ Giao thông vận tải em 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ụ hệ thống đăng ký thực tập doanh nghiệp cho sinh viên 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à doanh nghiệp, nhà trường sinh viên đặt tiêu chí, hoạt động được, dễ sử dụng, đầy đủ chức cần thiết thêm sửa xóa tin tuyển dụng, thêm sửa xóa test, thực nộp hồ sơ cách đính kèm file nộp hồ sơ cách điền vào form mẫu, sinh viên sửa đổi hồ sơ, thực làm test, doanh nghiệp cho ý kiến nhận xét cho sinh viên vượt qua test, nhà trường thêm sửa xóa giảng viên thực phân cơng giảng viên hướng dẫn, thêm sửa xóa tin tức viết liên quan, ngồi cịn có chức tìm kiếm viết, thống kê báo cáo, xây dựng thiết kế trang chủ bắt mắt dễ nhìn, giao diện trang quản lý thân thiện, dễ sử dụng, trực quan cho người dùng Do hạn chế mặt thời gian kiến thức nên hệ thống em chưa hoàn thiện chức quên mật khẩu, thống kê báo cáo chưa có xuất excel xuất pdf Hệ thống chạy đúng, đầy đủ nghiệp vụ thơng luồng chức ngồi trường hợp ngoại lệ chưa kiểm tra kiểm thử sâu Cấu trúc chương trình chưa tối ưu, chưa thể kiểm thử hiệu tốc độ xử lý, tốc độ truy cập mức độ tiêu tốn RAM, CPU hệ thống Vẫn số vấn đề tồn đọng chưa thể giải dứt điểm 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 để xây dựng hoàn thiện chức cụ thể như: Hoàn thiện bổ sung thêm chức tìm kiếm nâng cao, thống kê theo lọc nâng cao, xuất file pdf file excel, chức quên mật cho người dùng Xây dựng chế bảo mật an toàn liệu tốt Triển khai chế phân quyền có tính linh động Xây dựng chức chat trực tuyến để sinh viên doanh nghiệp trao đổi dễ dàng hơn, mở rộng tảng responsive, xây dựng chức tính thời gian làm test Tạo chế ghi log để lưu trữ ca sử dụng tài khoản quản trị hệ thống website Bên cạnh triển khai mở rộng thêm thu thập ý kiến khảo sát thêm từ doanh nghiệp lớn, vừa nhỏ để hiểu doanh nghiệp mong muốn Phát triển kiểm thử hệ thống tất trình duyệt phiên để đánh giá tốc độ xử lý khả truy cập TÀI LIỆU THAM KHẢO Tiếng Việt: [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] Phạm Hữu Khang, “Giáo trình nhập mơn PHP MySQL”, Nhà xuất Phương Đơng, 2007 [3] 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 [4] Huỳnh Văn Đức, “Giáo trình nhập mơn UML”, Nhà xuất Lao động Xã hội 2002 TRƯỜNG ĐẠI HỌC CN GTVT KHOA KINH TẾ VẬN TẢI CỘNG HÒA XÃ HỘI CHỦ NGHĨA VIỆT NAM Độc lập – Tự – Hạnh phúc BIÊN BẢN HỌP NHĨM (Kính thời trang) I Thành viên tham gia: - Trần Trung Hiếu (nhóm trưởng) - Đỗ Hải Giang - Trần Thị Hịa - Đỗ Đức Mạnh - Đặng Tùng Dương Các thành viên nhóm tham gia họp qua cơng cụ Zoom, thảo luận ngồi lề qua cơng cụ Messenger gửi nhận tài liệu qua Zalo II Nội dung họp: Báo cáo công việc: - Xây dựng biểu đồ lớp (Class Diagram): Hoàn thành - Xây dựng biểu đồ usecase: Hoàn thành - Xây dựng biểu đồ trạng thái hoạt động: Hoàn thành - Xây dựng Website: Hoàn thành Phân chia cơng việc: - Nhóm trưởng: phân chia nhiệm vụ cho thành viên, hoàn thành file word - Đặng Tùng Dương: Xây dựng web site - Đỗ Hải Giang: Vẽ biểu đồ trình tự - Đỗ Đức Mạnh : Vẽ biểu đồ hoạt động, - Trần Thị Hòa: Vẽ biểu đồ usecase Qua thời gian thảo luận tảng ứng dụng Zoom, nhóm chúng em đồng tình với định cuối sau đây: Đánh giá mức độ hồn thành cơng việc thành viên (%): - Trần Trung Hiếu (nhóm trưởng): 22% - Đỗ Hải Giang : 22 % - Trần Thị Hòa : 22 % - Đặng Tùng Dương : 17 % - Đỗ Đức Mạnh : 17% Hà Nội, ngày 10/11/2021 Nhóm trưởng Hiếu Trần Trung Hiếu ... viên thực Trần Trung Hiếu- 70 DCTD21125 Trần Thị Hoà - 70 DCTD21 077 Đỗ Hải Giang- 70 DCTD21109 Đỗ Đức Mạnh - 70 DCTD21113 Đặng Tùng Dương - 70 DCTD21121 Lớp: 70 DCTD22 Khóa: K70 Giảng viên hướng dẫn:... Mua Hàng 73 4.2 Thiết kế giao diện website 74 4.3 Kết cài đặt .76 4.3.1 Yêu cầu hệ thống 76 4.3.3 Giao diện trang chủ 76 4.3.3 Giao diện... TRÌNH .71 4.1 Lưu đồ thuật toán đặc tả chức 71 4.1.1 Lưu đồ thuật toán đặc tả chức Đăng ký tài khoản 71 4.1.2 Lưu đồ thuật toán đặc tả chức Thêm sản phẩm 72 4.1.3 Lưu