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 1 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 2 Giảng viên hướng dẫn: Lê Chí Luận 3 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ị Hồ 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 4 17% Thành viên MỤC LỤC 5 DANH MỤC BẢNG BIỂU 6 DANH MỤC HÌNH ẢNH Chương Hình 3.1.1 Form biểu mẫu khảo sát khách hàng-1 ………… …… ……………21 Hình 3.1.2 Form biểu mẫu khảo sát khách hàng-2………………… ………… 22 Hình 3.1.3 Form biểu mẫu khảo sát khách hàng-3…………… ………… …….23 Hình 3.1.4 Kết khảo sát thị trường-1……………….…….……………….….24 Hình 3.1.5 Kết khảo sát thị trường-2……………….………………… …….24 Hình 3.1.6 Kết khảo sát thị trường-3……………………………… … ….25 Hình 3.1.7 Kết khảo sát thị trường-4…………………………… …….……25 Hình 3.1.8 Kết khảo sát thị trường-5……………………….………… ….…26 Hình 3.1.9 Kết khảo sát thị trường-6………………………….…………… 26 Hình 3.1.10 Kết khảo sát thị trường-7……………………………….…… 26 Hình 3.1.11 Kết khảo sát thị trường-8………………………………….… 27 Hình 3.3.1 Biểu đồ usecase tổng quát……………………………………… … 32 Hình 3.3.2 Usecase Quản lý nhân viên………………………………………… 33 Hình 3.3.3 Usecase Nhân viên quản lý sản phẩm…………………… ………….33 Hình 3.3.4 Usecase Nhân viên quản lý danh mục…………… ………………….34 Hình 3.3.5 Usecase Nhân viên quản lý đơn hàng………… …………………….34 Hình 3.3.6 Usecase Nhân viên quản lý khách hàng……… ……….… ……… 35 Hình 3.3.7 Usecase Nhân viên thống kê báo cáo……………… … ………… 35 Hình 3.3.8 Usecase Khách hàng……………………… … ….……… 36 Hình 3.3.9 Biểu đồ usecase tác nhân QTV………….………… …… ……… 36 Hình 3.3.10 Biểu đồ usecase tác nhân Nhân Viên…………………… …… …37 Hình 3.4.1 Biểu đồ hoạt động Đăng nhập………………….……… ………… 38 Hình 3.4.2 Biểu đồ trình tự Đăng Nhập………………………………….……….39 Hình 3.4.3.Biểu đồ hoạt động Tạo tài khoản………………………… ………….40 Hình 3.4.4 Biểu đồ trình tự Tạo tài khoản………………… ………………… 40 7 Hình 3.4.5 Biểu đồ hoạt động chức Đổi mật khẩu………………………….42 Hình 3.4.6 Biểu đồ trình tự Đổi mật khẩu……………………… …….……… 42 Hình 3.4.7 Biểu đồ hoạt động chức Xóa tài khoản…………….…………… 42 Hình 3.4.8 Biểu đồ trình tự chức Xóa tài khoản…………………….………42 Hình 3.4.9 Biểu đồ hoạt động chức Thêm sản phẩm vào giỏ hàng……… 46 Hình 3.4.10 Biểu đồ trình tự chức thêm sản phẩm vào giỏ hàng…… …….46 Hình 3.4.11 Biểu đồ hoạt động chức Sửa sản phẩm giỏ hàng….…….48 Hình 3.4.12 Biểu đồ trình tự chức Sửa sản phẩm giỏ hàng………… 48 Hình 3.4.13 Biểu đồ hoạt động chức Xố sản phẩm giỏ hàng… … 50 Hình 3.4.14 Biểu đồ trình tự chức Xố sản phẩm giỏ hàng………….50 Hình 3.4.15 Biểu đồ hoạt động chức Tạo đơn hàng…….……………….…52 Hình 3.4.16 Biểu đồ chức Tạo đơn hàng…………… …………….52 Hình 3.4.17 Biểu đồ hoạt động chức Thêm sản phẩm……… ……….54 Hình 3.4.18 Biểu đồ trình tự chức Thêm sản phẩm……………………54 Hình 3.4.19 Biểu đồ hoạt động chức Sửa thơng tin sản phẩm………….… 56 Hình 3.4.20 Biểu đồ trình tự chức Sửa thơng tin sản phẩm…….………… 56 Hình 3.4.21 Biểu đồ hoạt động chức Xóa sản phẩm……………… …… 58 Hình 3.4.22 Biểu đồ trình tự chức Xóa sản phẩm……………….………….58 Hình 3.4.23 Biểu đồ hoạt động chức Tìm kiếm sản phẩm…….……………60 Hình 3.4.24 Biểu đồ trình tự chức Tìm kiếm sản phẩm…………………….60 Hình 3.4.25 Biểu đồ hoạt động chức Tạo hóa đơn………………………….61 Hình 3.4.26 Biểu đồ chức Tạo hóa đơn…………………………… 62 Hình 3.4.27 Biểu đồ hoạt động chức Xóa hóa đơn …………….………….63 Hình 3.4.28 Biểu đồ chức Xóa hóa đơn ………………… ………63 Hình 3.4.29 Biểu đồ hoạt động chức Tìm kiếm hóa đơn ……….…………65 8 Hình 3.4.30 Biểu đồ chức Tìm kiếm hóa đơn ………………… …65 Hình 3.5.1 Biểu đồ trạng thái đăng kí đăng nhập ……………… … …………66 Hình 3.5.2 Biểu đồ trạng thái mua hàng ……………………… ………………66 Hình 3.5.3 Biểu đồ trạng thái sửa sản phẩm…………………… ………………67 Hình 3.5.4 Biểu đồ trạng thái phản hồi khách hàng………………………….68 Hình 3.6.1 Biểu đồ lớp …………………………………………….…………….69 Chương Hình 4.1 Lưu đồ thuật toán đặc tả chức Đăng ký tài khoản…… …………71 Hình 4.2 Lưu đồ thuật tốn đặc tả chức Thêm sản phẩm …… ………… 72 Hình 4.3 Lưu đồ thuật toán đặc tả chức Mua hàng …………………….….73 Hình 4.4 Giao diện trang web ………………………………………………… 76 Hình 4.5 Giao diện trang giỏ hàng…………………………………………… …77 Hình 4.6 Giao diện trang thơng tin sản phẩm ………………………………… 78 Hình 4.7 Giao diện trang mua hàng …………………………………… ……….79 Hình 4.8 Giao diện trang hố đơn ………………………………… ……………80 Hình 4.9 Giao diện trang đăng nhập quản trị ………………………….…………81 Hình 4.10 Giao diện trang quản trị sản phẩm……………………….……………82 Hình 4.11 Giao diện trang quản trị đơn hàng………………………………… …82 9 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 Interface HTML Hyper Text Language 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 10 10 User Giao diện đồ họa người dùng thuật 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 Markup Là ngơn ngữ thiết kế để tạo nên trang web 4.1.3 Lưu đồ thuật tốn đặc tả chức Mua Hàng Hình 4.3 Lưu đồ thuật toán đặc tả chức Mua hàng Giải thích lưu đồ thuật tố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 tố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 80 80 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 tố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 81 81 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 82 82 để 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 83 83 Hình 4.5 Giao diện trang giỏ hàng 84 84 Hình 4.6 Giao diện trang thơng tin sản phẩm 85 85 Hình 4.7 Giao diện trang mua hàng 86 86 Hình 4.8 Giao diện trang hố đơn 87 87 4.3.3 Giao diện trang quản trị Hình 4.9 Giao diện trang đăng nhập quản trị 88 88 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 89 89 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 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 hồ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, ngồi 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 90 90 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 91 91 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 92 92 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: 93 93 Đá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 94 94 ... 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... trúc thiết kế hệ thống 19 19 CHƯƠNG KHẢO SÁT, PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG Dựa vào kiến thức tảng chúng em tiến hành đánh giá thị trường, nhu cầu tiến hành mô tả tốn, phân tích thiết kế, xây... phần theo kiến trúc thiết kế hệ thống 2.1.5 Rational rose Rational rose phần mềm công cụ mạnh hỗ trợ phân tích, thiết kế hệ thống phần mềm theo đối tượng Nó giúp ta mơ hình hóa hệ thống trước viết