Báo cáo môn nhập môn công nhệ phần mềm tên đề tài tạo website quảng bá sản phẩm cho cửa hàng mixue

ĐẠI HỌC CÔNG NGHỆ THÔNG TIN VÀ TRUYỀN THÔNG KHOA CÔNG NGHỆ THỒNG TIN BÀI BÁO CÁO MÔN NHẬP MÔN CÔNG NHỆ PHẦN MỀM Tên đề tài: TẠO WEBSITE QUẢNG BÁ SẢN PHẨM CHO CỬA HÀNG MIXUE Sinh viên thực hiện: - Lê Bích Ngọc (Nhóm trưởng) Hồng Minh Đạt Ma Doãn Huy Hậu Ma Doãn Huy Hùng Nguyễn Quốc Khánh Lâm Hữu Quốc Nguyễn Văn Phúc Lê Thị Hải Yến Trần Thị Hải Yến Giảng viên: Nguyễn Thị Dung Lớp: K20 CNTT N14 Thái Nguyên, tháng … năm 2023 MỤC LỤC MỤC LỤC LỜI NÓI ĐẦU PHÂN CÔNG NHIỆM VỤ THÀNH VIÊN CHƯƠNG 1: TỔNG QUAN VỀ CÔNG NGHỆ PHẦN MỀM 1.1 Giới thiệu 1.2 Mơ hình xoắn ốc 1.3 Kiến trúc client-server 1.4 VS studio CHƯƠNG LẬP KẾ HOẠCH DỰ ÁN 11 Giới thiệu thơng tin nhóm thực 11 2.1 2.1.1 Phỏng vấn, tìm hiểu trạng cửa hàng, tổ chức dự án 11 2.1.2 Đặc tả phần mềm 11 2.1.3 Thiết kế hệ thống 11 2.1.4 Cài đặt phần mềm 11 2.1.5 Kiểm thử 11 2.2 Đặt vấn đề, phát biểu toán 12 2.3 Lập kế hoạch quản lí dự án 12 CHƯƠNG 3: ĐẶC TẢ PHẦN MỀM 13 3.1 Khảo sát trạng 13 3.2 Đánh giá hệ thống trạng 13 3.3 Đề xuất dự án 14 3.4 Đặc tả yêu cầu 14 3.4.1 Yêu cầu chức 14  Đăng thơng tin hình ảnh lên website 14  Tạo danh sách sản phẩm 14  Tìm kiếm thơng tin sản phẩm 14 3.4.2 Yêu cầu phi chức 15 Biểu đồ use-case tổng quát 15 3.5 CHƯƠNG 4: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG 16 4.1 Biểu đồ use-case phân rã 16 4.2 Đặc tả use-case 16 4.2.1 Tìm kiếm 16 4.2.2 Trở trang chủ 18 4.2.3 Xem thông tin sản phẩm 20 4.2.4 Xem thông tin khuyến 21 4.2.5 Cập nhật thông tin 23 4.2.10 Cập nhật sản phẩm 31 4.2.11 Thêm sản phẩm 33 4.2.12 Xóa sản phẩm 35 4.2.13 Sửa thông tin sản phẩm 36 4.3 Biểu đồ lớp: 39 4.4 Biểu đồ thành phần: 39 4.5 Biểu đồ triển khai 40 LỜI NÓI ĐẦU Sau thời gian tìm hiểu thực đến đề tài “Xây dựng website quảng bá sản phẩm cửa hàng Mixue” hồn thành Trong suốt q trình thực đề tài, chúng em nhận nhiều giúp đỡ nhiệt tình Chúng em xin chân thành cảm ơn thầy cô trang bị kiến thức quý báu cho chúng em suốt trình học tập Trường Đại Học Công Nghệ Thông Tin Truyền Thông Thái Nguyên Đặc biệt thầy cô khoa Công nghệ thông tin tận tình giảng dạy, bảo, trang bị cho chúng em kiến thức cần thiết suốt trình học tập nghiên cứu khoa, tạo điều kiện thuận lợi giúp chúng em thực báo cáo Chúng em xin cảm ơn cô Nguyễn Thị Dung tận tình hướng dẫn, bảo chúng em suốt thời gian thực báo cáo, giúp chúng em hồn thành báo cáo Chúng em xin chân thành cảm ơn cô, anh chị cửa hàng Mixue ln nhiệt tình tạo điều kiện giúp đỡ chúng em trình thực đề tài Chúng em xin gửi lời cảm ơn gia đình bạn bè ln ln động viên, ủng hộ chúng em suốt trình thực tập lớn Mặc dù cố gắng nỗ lực thực đề tài với tâm cao hẳn đề tài khơng thể tránh khỏi thiếu sót, kính mong đóng góp hướng dẫn thầy cô Chúng em xin chân thành cảm ơn! PHÂN CÔNG NHIỆM VỤ THÀNH VIÊN Tên thành viên Nhiệm vụ Lê Bích Ngọc Phỏng vấn, tìm hiểu trạng cửa hàng, tổ chức dự án, kiểm thử Hoàng Minh Đạt Thiết kế hệ thống, cài đặt phần mềm Ma Doãn Huy Hậu thiết kế hệ thống, cài đặt phần mềm Ma Doãn Huy Hùng Thiết kế hệ thống, kiểm thử Nguyễn Quốc Khánh Đặc tả phần mềm, kiểm thử Lâm Hữu Quốc Thiết kế hệ thống, cài đặt phần mềm Nguyễn Văn Phúc Thiết kế hệ thống, cài đặt phần mềm Lê Thị Hải Yến Đặc tả phần mềm, kiểm thử Trần Thị Hải Yến Đặc tả phần mềm, kiểm thử     CHƯƠNG 1: TỔNG QUAN VỀ CƠNG NGHỆ PHẦN MỀM 1.1 Giới thiệu Nhóm chúng em nghiên cứu dự án phát triển dự án theo mơ hình xoắn ốc, phân tích thiết kế theo phương pháp hướng đối tượng kiến trúc khách-dịch vụ Bên cạnh đó, nhóm em sử dụng cơng cụ VS studio để cài đặt phần mềm 1.2 Mơ hình xoắn ốc Mơ hình Boehm đưa nên đơi lúc cịn gọi mơ hình Boehm's (The Boehm's spiral model -1988) Nó xem kêt hợp giưa mơ hình thác nước mơ hình mẫu va đồng thời thêm môt thành phân -phân tích rủi ro Trong mơ hình xoăn ơc, quy trình phát triển phân mềm biểu diễn mơt vịng xoăn ơc Mỗi vịng lặp mơ hình biểu diễn mơt pha qui trình Vịng lặp tính khả thi hệ thơng, vịng lặp tiêp theo la xác định yêu câu, vòng lặp tiêp nưa thiêt kê hệ thơng Các rủi ro nhân rõ va giải quyêt suôt qui trình.Các pha quy trình phát triển xoăn ơc bao gồm: Planning: Xác định muc tiêu, tương tác va rang bc Risk analysis: Phân tích lựa chọn định/giải quyêt rủi ro Engineering: Phát triển sản phẩm Customer evaluation: Đánh giá kêt xây dựng Mơ hình tóm tăt sau: Hình 1.2.1: Mơ hình xoắn ốc Cac giai đoạn cua mơ hình xoăn ơc: Lâp kê hoạch –Planning phase:Thu thâp, phân tích yêu câu từ dự án từ phía khách hang Bao gồm cơng việc: Ước lượng chi phí (estimating cost), lên lịch trình thực dự án (shedule-master), xác định sơ lượng nhân lực, môi trường lam việc (identifying necessary resources and work environment), tìm hiểu u câu hệ thơng (requirements) từ đưa tai liệu đặc tả (Bussiness Requirement Specifications va System Requirement specifications) để phuc vu cho việc trao đổi giưa khách hang va phân tích hệ thơng sau Phân tích rui ro –Risk analysis phase :Mơt q trình phân tích thực để xác định rủi ro va đưa giải pháp thay thê Môt prototype tạo cuôi giai đoạn phân tích rủi ro Nêu có rủi ro nao tìm thấy trình giải pháp thay thê đề xuất va thực Thực thi kỹ thuât –Engineering phase:Đây la giai đoạn ma dự án dev tiên hanh code, tester tiên hanh test va deploying software trang web khách hàng Đanh gia –Evaluation phase:Khách hang tham gia vao giai đoạn để đánh giá công việc, sản phẩm va đảm bảo rằngsản phẩm đáp ứng tất yêu câu đặt trước Nêu có yêu câu thay đổi nao từ khách hang, giai đoạn lặp lại Đây la giai đoạn quan trọng cân có phản hồi khách hang sản phẩm trước sản phẩm release Nhân xét:  Ưu điểm:Sau lân tăng vịng chuyển giao kêt thực cho khách hành nên chức hệ thơng nhìn thấy sớm Các vịng trước đóng vai trị la mẫu thử để giúp tìm hiểu thêm u câu vịng tiêp theo Nhưng chức hệ thơng có thứ tự ưu tiên cang cao kiểm thử kỹ Mơ hình xoăn ơc mơt cách tiêp cân thực để phát triển phân mềm hệ thơng lớn Vì PM phát triển theo sựtiên hóa, khách hàng nhà phát triển hiểu tơt va rủi ro sẽđược giảm thiểu sau lân tiên hóa Các ước lượng (budget, schedule, etc.) trở nên thực tê la mơt quy trình lam việc, vấn đề quan trọng phát sớm Có tham gia sớm deverlopers Quảnlý rủi ro va phát triển hệ thông theo phase  Nhược điểm: Chi phí cao va thời gian dai để có sản phẩm ci Phải có kỹ tôt để đánh giá rủi ro va giả định Mô hình chưa thực quen thc với nhà phát triển mơ hình tun tính Hạn chê lớn mơ hình khả thut phuc khách hàng giảm thiểu tính rủi ro q trình phát triển Mơ hình xoăn ơc thường sử dung cho ứng dung lớn hệ thông xây dựng theo giai đoạn nho theo phân đoạn 1.3 Kiến trúc client-server Mơ hình khách -phuc vu mơt mơ hình hệ thơng phân tán, biểu diễn việc phân tán dư liệu xử lý nhiều máy tính khác Các thành phân mơ hình là: Mơt tâp server đôc lâp phuc vu cho phân hệ cách cung cấp dịch vu như: in ấn, quản lý dư liệu, Môt tâp khách hàng (client –phân hệ) truy nhâp đên server để yêu câu cung cấp dịch vu Hệ thông mạng cho phép client truy câp tới dịch vu mà server cung cấp Client phải biêt tên server dịch vu mà server cung cấp Nhưng server khơng cân xác định rõ client có client Client tạo mơt yêu câu tới server chờ server trả lời Kiên trúc khách-dịch vu hình 1.4.1 Hình 1.3.1: Kiến trúc khách-dịch vụ(client-server) Ưu điểm: Phân tán dư liệu rõ ràng Sử dung hệ thông kêt nơi mạng mơt cách hiệu chi phí dành cho phân cứng rẻ Dễ dàng bổ sung nâng cấp server Nhược điểm: Không phải mơ hình dư liệu dùng chung nên hệ thơng sử dung tổ chức dư liệu khác Do đó, việc trao đổi dư liệu khơng hiệu phải chuyển đổi Quản lý server không thông nhất, dư thừa (nhiều sever cung cấp môt dịch vu, ) Không đăng ký tên va dịch vu tâp trung Điều làm cho việc tìm kiêm server dịch vurất khó khăn 1.4 VS studio Visual Studio Code ứng dụng cho phép biên tập, soạn thảo đoạn code để hỗ trợ trình thực xây dựng, thiết kế website cách nhanh chóng Visual Studio Code hỗ trợ đa dạng chức Debug, kèm với Git, có Syntax Highlighting Đặc biệt tự hồn thành mã thông minh, Snippets, khả cải tiến mã nguồn Nhờ tính tùy chỉnh, Visual Studio Code cho phép lập trình viên thay đổi Theme, phím tắt, đa dạng tùy chọn khác Hình 1.4.1: Ứng dụng Visual Studio Tính Visual Studio Code Visual Studio Code nhiều người tìm hiểu Đây ứng dụng dân IT “săn đón” tải sử dụng nhiều Visual Studio Code ln có cải tiến tạo đa dạng tiện ích kèm từ̀ giúp cho lập trình viên sử dụng dễ dàng Trong kể đến ưu điểm sau: Đa dạng ngơn ngữ lập trình giúp người dùng thỏa sức sáng tạo sử dụng HTML, CSS, JavaScript, C++,… Ngôn ngữ, giao diện tối giản, thân thiện, giúp lập trình viên dễ dàng định hình nội dung Các tiện ích mở rộng đa dạng phong phú Tích hợp tính quan trọng tính bảo mật (Git), khả tăng tốc xử lý vịng lặp (Debug),… Đơn giản hóa việc tìm quản lý hết tất Code có hệ thống Hỗ trợ đa tảng: Linux, Mac, Windows, Hỗ trợ đa ngôn ngữ: C/C++, C#, F#, JavaScript, JSON, Visual Basic, HTML, CSS, Ít dung lượng Tính mạnh mẽ Intellisense chuyên nghiệp Giao diện thân thiện Kiến trúc mạnh mẽ người dùng khai thác mở rộng Số lượng người sử dụng lớn tạo nên ộng đồng hỗ trợ rộng rãi Nhược điểm: Tương tự tất ứng dụng electron khác, nhớ mức sử dụng pin VSCode tệ Khơng có git merge, điều mà nhiều người mong đợi, ST3 Atom có khả làm điều Các phím tắt mặc định khơng có ý nghĩa người dùng phải cấu hình lại gần tất chúng Nếu sử dụng Visual Studio Code, kỹ sư thời gian để “chiến đấu” với trình soạn thảo code Bên cạnh đó, kỹ sư muốn sử dụng VSCode để tăng tốc nhanh, cấu hình plugin chép nhanh chóng từ̀ máy sang máy khác 10 ... khách hàng cách hiệu Song song với khách hàng tìm hiểu chi tiết thông tin sản phẩm cách dễ dàng, cụ thể Nắm bắt hội này, cửa hàng Mixue mong muốn xây dựng nên website quảng bá cửa hàng sản phẩm. .. diện website  Tạo danh sách sản phẩm Giới thiệu: chức giúp chủ cửa hàng cập nhật sản phẩm cửa hàng kem đồ uống Dữ liệu vào: tên, hình ảnh giá sản phẩm Xử lí: hệ thống cập nhật thơng tin chủ hàng. .. sách sản phẩm theo thời gian chủ cửa hàng đăng Kết quả: chủ cửa hàng tạo menu giúp khách hàng dễ dàng tìm hiểu thơng tin sản phẩm  Tìm kiếm thông tin sản phẩm Giới thiệu: chức giúp chủ cửa hàng