Báo cáo chuyên đề học phần môn công nghệ phần mềm đề ti xây dựng web chat zolo

TRƯỜNG ĐẠI HỌC ĐIỆN LỰC KHOA CÔNG NGHỆ THÔNG TIN BÁO CÁO CHUYÊN ĐỀ HỌC PHẦN MÔN CÔNG NGHỆ PHẦN MỀM ĐỀ TI: XÂY DỰNG WEB CHAT ZOLO Sinh viên thực : ĐỖ HUY MẠNH Giảng viên hướng dẫn : TS LÊ THỊ TRANG LINH Ngành : CÔNG NGHỆ THÔNG TIN Chuyên ngành : CÔNG NGHỆ PHẦN MỀM Lớp : D15CNPM4 Khóa : 2020-2025 Hà Nội, tháng 11 năm 2021 Mơ tả tóm tắt đề tài - Xây dựng web chat zolo bao gồm chức sau: + Quản lý đăng nhập + Quản lý danh sách bạn bè + Quản lý message Nội dung thực - Chương 1: Giới thiệu dự án phần mềm - Chương 2: Quản lý dự án - Chương 3: Phân tích hệ thống - Chương 4: Thiết kế - Chương 5: Lập trình - Chương 6: Kiểm thử phần mềm - Chương 7: Đóng gói bảo trì phần mềm Kết đạt Hoàn thành đề cương chuyên đề học phần môn: “Công nghệ phần mềm” Xây dựng phần mềm hoàn chỉnh với đầy đủ chức năng, đơn giản phù hợp với doanh nghiệp vừa nhỏ Hà Nội, ngày 01 tháng 11 năm 2022 Giảng viên hướng dẫn (ký ghi rõ họ tên) TS Lê Thị Trang Linh Sinh viên thực (ký ghi rõ họ tên) PHIẾU CHẤM ĐIỂM ST Họ tên sinh viên Nội dung thực T Điể Chữ ký m Đỗ Huy Mạnh Khảo sát +Phân tích + 20810310319 code + làm báo cáo Họ tên giảng viên Giảng viên chấm 1: Giảng viên chấm 2: Chữ ký Ghi Mục lục CHƯƠNG 1: GIỚI THIỆU DỰ ÁN 1.1 Khảo sát hệ thống Một website có chức phục vụ người dùng trao đổi thông tin trực tiếp với Đầu tiên người dùng truy cập trang web, đăng ký tài khồn website Sau người dùng đăng nhập hệ thống Sau người dùng đăng nhập vào hệ thống, hệ thống hiển thị danh sách bạn người dùng, thông điệp gửi đến cho người dùng người dùng không online (offline message) - Thông tin: Hệ thống quản lý - Add: 235 Hoàng Quốc Việt, Bắc Từ Liêm, Hà Nội - Tell: 0362465647 - Email: webchatzolo@gmaik.com Hệ thống gồm thành viên tạo nên: + quản lý + người quản lý người dùng + người quản lý sever Mô tả Hệ thống quản lý web chat hệ thống quản lý việc người dùng miễn phí phải xem quảng cáo Hệ thống cung cấp chức trao đổi người với người cách dễ dàng - Người quản lý nắm tình hình bán, doanh thu web, việc thống kê thực hàng tháng, hàng quý có đột xuất theo yêu cầu - Người quản lý việc update cập nhật trang web, lăng nghe người dùng sửa lỗi - Người quản lý sever cài đặt, quản lý mạng hệ thống máy tính để đảm bảo thơng tin lưu thông lưu giữ cẩn thận Quy mơ - Người dùng: mua nitro gói tháng, năm, vĩnh viễn, sticker - Thanh tốn: hồn tồn thẻ ngân hàng 1.2 Xác định toán cần giải Trang web cho phép người dùng trao đổi thông điệp cách nhanh chóng Đấy tiện lợi lớn mà web chat mang lại cho người dùng Đó xu hướng chung hệ thống Với ứng dụng web chat hoàn tồn đưa vào chức gắn kèm với trang web, diễn đàn Internet Một trang web thông tin trở nên thu hút người dùng có thêm chức hệ thống web chat mà ta nói đến Hay trang web bàn hàng đính kèm hệ thống chat người dùng dễ dàng hỏi mua sản phẩm với nhân viên nhà 1.3 Phân tích đặc tả nghiệp vụ hệ thống 1.3.1 Chi tiết quy trình nghiệp vụ cần giải a) Quản lý người dùng: Đăng nhập vào user quản trị phân hệ sever Tạo người dùng: + Sau khai đăng nhập thành công vào tài khoản MySQL hiển thị giao diện + Bấm vào user để tiến hành quản lý user, ta tiến hành thao tác thêm, xóa, sửa thơng tin tài khoản Thêm tài khoản: + Bấm vào cột Duyệt MySQL ấn sửa, hình giao diện lên, nhập thông tin liên quan cần thiết sau bấm nút Lưu Sửa tài khoản thêm vào nhóm người dùng: + Bấm vào sửa danh sách hình + Chọn nhóm quyền hạn + Để chỉnh sửa mật tài khoản, bấm nút sửa MySQL: sau nhập mật tài khoản, sau nhập xong bấm nút Lưu, tài khoản người dùng thay đổi Hiển thị trạng thái người dùng online hay offline b) Quản lý nhân viên: - Nhân viên Designer: + Thiết kế giao diện web cho người dùng dễ dàng thực chức - Nhân viên viết code: + Sẽ dựa theo thiết kế có sẵn code web theo form - Nhân viên fix bug có người góp ý, cài đặt chạy sever: + Giúp người quản lý sever cách dễ dàng thuận tiện, nhanh chóng + Ln theo dõi đóng góp người dùng để thuận tiện bảo trì 1.4 Xác định yêu cầu dự án 1.4.1 Yêu cầu chức - Chức đăng nhập: + Giúp quản lý thông tin người dùng, đảm bảo xác thực thông tin người dùng an toàn bảo mật hệ thống + Mỗi người vào web cần có tài khoản password họ đăng nhập Có đăng ký phần đăng nhập + Kiểm tra thông tin khách hàng: bao gồm thơng tin khách hàng ví dụ tên khách hàng, sđt, địa - Chức quản lý bạn bè người dùng: + Thêm bạn + Xóa nhiều bạn bè lúc + Tìm kiếm người dùng số điện thoại - Chức quản lý message người dùng: + Trao đổi tin nhắn hai nhiều người dùng lúc + Lưu tin nhắn lâu dài - Chức quản lý báo cáo: + Thống kê doanh thu 1.4.2 Yêu cầu phi chức 1.4.2.1 Yêu cầu bảo mật Có giải pháp bảo đảm an tồn liệu: Có khả backup liệu khôi phục liệu gặp cố 1.4.2.2 Yêu cầu lưu Luôn dự án đề phịng cố 1.4.2.3 u cầu tính sử dụng Chat với nhiều người 1.4.2.4 Yêu cầu ràng buộc thiết kế Phù hợp, ưu nhìn với giới trẻ, dễ dùng với người già 1.4.2.5 Yêu cầu phần cứng Giao diện phần cứng cho quản lý Hệ điều hành: Window 10 trở lên Bộ xử lý: CPU lớn 2.30 GHz Ram: lớn 16GB Ô cứng: lớn 200GB 1.4.2.6 Phần mềm sử dụng Cơ sở liệu: MySQL Ứng dụng: dùng microsoft edge, chrome, toor … CHƯƠNG 2: QUẢN LÝ DỰ ÁN 2.1 Ước lượng dự án 2.1.1 Ước lượng chi phí Giai đoạn Quản lý dự án Công việc Khảo sát yêu cầu dự án Khởi tạo dự án Viết báo cáo tổng kết Rút kinh nghiệm Phân tích thiết Đặc tả chi tiết kế hệ thống yêu cầu Mô tả kiến trúc web sơ đồ use case, hoạt động … Thiết kế giao diện Viết phân tích hệ thống chi tiết Module thống kê Phân tích yêu sản phẩm cầu cụ thể cho module Thiết kế module Viết code cho module Chạy module Kiểm thử module Viết báo cáo module Tích hợp hồn Tích hợp thiện sản phẩm module Kiểm thử tích hợp tồn hệ Mơ tả Thu thập u cầu tổng quan dự án Thông báo triển khai dự án Tổng kết lại tồn cơng việc thành báo cáo cuối Rút kinh nghiệm cho đợt dự án sau Các yêu cầu cần thiết web Xây dựng phần mềm Chi phí 500.0001.000.000VNĐ 2.000.0005.000.000VNĐ 0 1.000.0001.500.000VNĐ 1.000.0002.000.000VNĐ Xây dựng form 5.000.000bản 6.000.000VNĐ Tổng hợp báo cáo 500.0001.000.000VNĐ Từ thông tin thu thập lập kế hoạch quản lý Xây dựng form đăng nhập Giao diện chính, danh sách bạn bè Lịch sử tin nhắn … Xây dựng web theo module Thực chạy thử module xây dựng Kiểm thử xem đạt yêu cầu chưa Xây dựng báo cáo mơ tả chi tiết module Lắp ráp hồn chỉnh module thành chương trình chạy thử Test tổng quan toàn hệ thống 1.000.000VNĐ 10.000.00015.000.000VNĐ 10.000.00015.000.000VNĐ 5.000.0006.000.000VNĐ 2.000.0002.500.000VNĐ 2.000.0003.000.000VNĐ Hình 3.2.1 Biểu đồ use case đăng nhập Chi tiết use case đăng nhập: - Người sử dụng: Khách hàng - Mô tả: khách hàng sử dụng phần mềm cần thực chức đăng nhập vào hệ thống - Sự kiện chính: + Khách hàng đăng ký: điền thông tin (usename, password, sđt, email) xác thực thông tin + Khách hàng đăng nhập vào hệ thống: cần điền usename password + Xác thực tài khoản, thông tin gửi database + Kết thúc use case đăng nhập - Sự kiện phụ: + Nếu người dùng đăng nhập thành công -> Hiển thị giao diện + Nếu người dùng đăng nhập thất bại -> Yêu cầu nhập lại tài khoản mật - Các yêu cầu đặc biệt: khơng có 3.2.1.2 Biểu đồ hoạt động Đăng nhập Hình 3.2.2 Biểu đồ hoạt động đăng nhập - Mô tả: Use case cho phép người dung đăng nhập vào hệ thống tài khoản cấp để sử dụng chương trình - Dóng kiện khác: Khơng có - u cầu đặc biệt: Khơng có - Điều kiện: + Người dung phải cấp tài khoản + Người dung chưa đăng nhập tài khoản vào hệ thống - Sau điều kiện: Nếu đăng nhập thành công hệ thống hiển thị giao diện hệ thống - Đặc tả quy trình hoạt động đăng nhập + Bước 1: Người dùng vào trang web, yêu cầu đăng nhập Hệ thống hiển thị giao diện đăng nhập + Bước 2: Người dùng nhập tài khoản mật + Bước 3: Hệ thống kiểm tra thơng tin đăng nhập xem có khơng: Nếu liệu nhập vào không đúng, hệ thống yêu cầu nhập lại Nếu liệu nhập vào đúng, hệ thống đưa vào giao diện + Bước 4: Kết thúc đăng nhập 3.2.2 Chức quản lý danh sách bạn bè 3.2.2.1 Biểu đồ use case Hình 3.2.5 Biểu đồ use case quản lý nhân viên Chi tiết use case quản lý danh sách bạn bè - Người sử dụng: người dùng - Mô tả: Người dùng truy cập vào web chức bạn bè, thực thao tác thêm, sửa, tìm kiếm bạn bè để xem thơng tin - Dịng kiện chỉnh: + Hệ thống hiển thị giao diện danh sách bạn bè cho người dùng + Thông tin hệ thống cập nhật vào CSDL người dùng thêm hay sửa, xóa bạn bè - Dòng kiện phụ: + Người dùng bấm danh mục bạn bè -> Chọn thêm, sửa, xóa bạn bè -> Kết thúc use case - Các yêu cầu đặc biệt: Khơng có 3.2.2.2 Biểu đồ hoạt động quản lý list chat Hình 3.2.6 Biểu đồ hoạt động quản lý nhân viên - Đặc tả quy trình hoạt động danh sách bạn bè: + Bước 1: Người yêu cầu vào giao diện bạn bè + Bước 2: Hệ thống thị giao diện thêm bạn bè, người dùng chọn tìm kiếm + Bước 3: Hệ thống yêu cầu người dùng nhập sđt email, sau kiểm tra thơng tin nhập Nếu khơng hợp lệ điền lại Nếu hợp lệ hiển thị danh sách người có sđt email điền + Bước 4: Nhấn kết bạn hệ thống gửi yêu cầu sang cho người chọn + Bược 5: Kết thúc 3.2.3 Chức message user 3.2.3.1 Biểu đồ use case chức message user Mô tả use case message user - Mô tả: Sử dụng để chat với bạn bè - Dòng kiện chính: + Người dùng yêu cầu giao diện message vào hệ thống + Hệ thống thị giao diện message cho người dùng + Hệ thống hiển thị message gần + Kết thúc use case báo cáo - Dòng kiện phụ: + Nếu người dùng bấm nút quay lại -> Trở giao diện 3.2.3.2 Biểu đồ hoạt động message user + Bước 1: Người dùng yêu cầu vào message + Bước 2: Hệ thống hiển thị giao diện message + Bước 3: Người dùng chọn người muốn nhắn tin hay hội thoại nhiều người + Bước 4: Hệ thống hiển thị chi tiết tin nhắn + Bước 5: Người dùng gửi tin nhắn sticker hội thoại + Bước 6: Những người hội thoại nhận tin nhắn từ người gửi + Bước 7: Kết thúc CHƯƠNG 4: THIẾT KẾ 4.1 Thiết kế giao diện 4.1.1 Form đăng nhập 4.1.2 Form đăng ký 4.1.3 Form giao diện 4.1.4 Form chat 4.2 Thiết kế lưu trữ 4.2.1 Bảng messages 4.2.2 Bảng users CHƯƠNG 5: LẬP TRÌNH 5.1 Ngơn ngữ lập trình - Ngơn ngữ lập trình: PHP - Lý chọn PHP: + Tốc độ PHP nhanh + Bảo trì PHP dễ dàng + PHP dễ mở rộng + Thời gian phát triển nhanh chóng + Tương thích đa tảng - Cơng cụ hỗ trợ: Phần mềm thực code: Visual studio code Hệ quản trị sở liệu: MySQL Hình 5.1 Hình ảnh code kết nối với SQL Hình 5.2 Hình ảnh code xử lý kiện đăng nhập CHƯƠNG KIỂM THỬ PHẦN MỀM 6.1 Phương pháp kiểm thử - Kiểm thử hộp đen + Khi viết test case dựa vào yêu cầu giao diện bên chương trình (khơng can thiệp vào bên code chương trình) + Khi thực thực test thực giao diện chương trình (yêu cầu chương trình phải chạy kiểm thử được, không can thiệp vào code) + Do tính chất kiểm thử: Chỉ thực test bên ngồi code chương trình (coi hộp), khơng biết rõ bên nên gọi hộp đen Mô tả Kiểm tra tông thể giao diện hình Kiểm thử tự di chuyển trỏ hình nhấn phím Tab Kiểm tra thứ tự trỏ di chuyển ngược lại hình nhấn Shift-Tab Kiểm tra thực chức hình nhấn Enter Kiểm tra chọn giá trị mục chat Kiểm tra chức đăng Các bước kiểm thử Kết mong muốn Kết test Kiểm tra bố cục, Các label, div, button độ X tả dài, rộng khoảng cách Các label sử dụng loại font, cỡ chữ Form bố trí hợp lý dễ sử dụng Nhấn Tab liên tục Con trỏ di chuyển lần X lượt theo thứ tự: Từ phải sang trái, từ lên Nhấn Shift-Tab liên tục Con trỏ di chuyển X ngược lại từ lên trên, từ phải qua trái Nhấn phím Enter Nếu chuột khơng focus X vào button thực chức button Nếu focus vào button thực chức button Chọn giá trị Hiển thị giá trị X danh sách chọn Trên giao diện: Đăng nhập thành công - Nhập thông tin tài X nhập khoản mật - Nhấn nút đăng nhập Kiểm tra chức Gõ tất kí tự Chat thành cơng quản lý bàn phím chat X CHƯƠNG 7: ĐĨNG GĨI, BẢO TRÌ PHẦN MỀM 7.1 Đóng gói phần mềm Đóng gói phần mềm giúp người dùng dễ dàng sử dụng dễ dàng Phần mềm đóng gói định dạng host sever 7.2 Bảo trì phần mềm Bảo trì phần mềm hoạt động chỉnh sửa chương trình sau đưa vào sử dụng Bảo trì thương khơng bao gồm thay đổi liên quan tới kiến trúc hệ thống Những thay đổi hệ thống thường cài đặt cách điểu chỉnh thành phần tồn bổ sung thành phần cho hệ thống, Bảo trì phần mềm có vai trị quan trọng việc phát triển ứng dụng web Giải pháp giúp bạn nâng cao trì ổn định tồn hệ thống Một phần mềm ln có cải tiến nâng cấp thời gian người dùng sử dụng Thế nên, chúng phải theo dõi bảo trì cách để tối ưu hóa q trình hoạt động, giúp người dùng khơng gặp khó khăn thực thao tác Phân loại kiểu bảo trì: - Bảo trì sửa chữa - Bảo trì phịng ngừa - Bảo trì thích ứng bảo trì hồn hảo Dự đốn bảo trì: - Dự đốn bảo trì có liên quan tới việc đánh giá phần hệ thống gây lỗi cần nhiêu chi phí để bảo trì - Chi phí bảo trì phục thuộc vào số lượng thay đổi chi phí thay đổi phụ thuộc vào khả bảo trì - Số lượng u cầu bất ổn định có tính phân cấp - Các quy trình nghiệp vụ hệ thống Ta dự đốn bảo trì thơng qua việc đánh giá bình luận khách hàng