Bối cảnh và vấn đề nghiên cứu

Đề tài "Thiết kế website đọc truyện online JOJI" được thực hiện dưới hình thức Bài tập lớn môn Công nghệ phần mềm tại Khoa Công nghệ Thông tin, Trường Đại học Công nghệ Thông tin và Truyền thông (Đại học Thái Nguyên) vào năm 2024, do hai sinh viên Phan Văn Tâm và Hà Văn Thọ (lớp CNTT CLC K21) nghiên cứu và xây dựng.

Bối cảnh thực tiễn được tác giả nêu rõ xuất phát từ sự bùng nổ của công nghệ thông tin và nhu cầu giải trí trực tuyến ngày càng gia tăng. Tại thị trường Việt Nam, xu hướng đọc truyện tranh, truyện chữ trực tuyến đang mở rộng nhanh chóng trong nhiều nhóm đối tượng độc giả khác nhau, đặc biệt là trẻ em, thanh thiếu niên và người lớn tuổi. Mô hình này mở ra tiềm năng thương mại điện tử đáng kể cho các nhà xuất bản, tác giả và nhà phát triển web thông qua các kênh doanh thu như quảng cáo trực tuyến, đăng ký thành viên trả phí và phân phối sách điện tử.

Tuy nhiên, các hệ thống đọc truyện trực tuyến hiện hành còn bộc lộ nhiều hạn chế về mặt công nghệ: chất lượng giao diện không đồng đều do dùng công nghệ cũ, thiếu tính tương tác cộng đồng, nguy cơ mất an toàn thông tin cá nhân và thường xuyên xảy ra tình trạng nghẽn mạng, quá tải máy chủ.

Nhằm giải quyết các vấn đề trên, đề tài xác định 5 mục tiêu và nhiệm vụ nghiên cứu cụ thể:

  1. Phân tích yêu cầu: Khảo sát, nắm bắt nhu cầu người đọc; xác định toàn bộ các yêu cầu chức năng và phi chức năng; xây dựng biểu đồ luồng công việc và sơ đồ cơ sở dữ liệu để định hình kiến trúc tổng thể.
  2. Thiết kế giao diện người dùng: Xây dựng khung giao diện mẫu (wireframe) và thiết kế hệ thống giao diện trực quan, thuận tiện cho người dùng.
  3. Triển khai giao diện người dùng: Sử dụng các công nghệ lập trình web như HTML và JavaScript để hiện thực hóa giao diện theo thiết kế.
  4. Thử nghiệm và kiểm tra: Kiểm tra tính năng, kiểm tra tương tác giữa giao diện máy khách và máy chủ, thực hiện các ca kiểm thử nhằm bảo đảm hệ thống vận hành không phát sinh lỗi.
  5. Triển khai và vận hành: Đưa hệ thống trang web lên môi trường thực tế để phục vụ người dùng.

Đối tượng nghiên cứu của đề tài là quy trình phân tích, thiết kế và phát triển hệ thống website đọc truyện trực tuyến JOJI. Phạm vi thời gian thực hiện dự án được ấn định trong vòng 3 tháng với kinh phí dự toán 120 triệu đồng.

Cơ sở lý thuyết và phương pháp

Đề tài áp dụng các lý thuyết kỹ thuật phần mềm chuẩn tắc và các công nghệ phát triển web cơ bản, cụ thể gồm:

Công nghệ phát triển giao diện

  • HTML (Hypertext Markup Language): Ngôn ngữ đánh dấu cấu trúc văn bản và nội dung trang web. Tài liệu phân tích rõ các ưu điểm (dễ học, tính tương thích và tiêu chuẩn cao trên các trình duyệt, khả năng tích hợp đa phương tiện, tối ưu hóa công cụ tìm kiếm - SEO, khả năng kết hợp CSS/JS) cùng các nhược điểm (không xử lý được logic phức tạp, phụ thuộc vào CSS/JS để tạo tương tác, khả năng bảo mật nội tại còn hạn chế).
  • JavaScript (JS): Ngôn ngữ lập trình chạy trên trình duyệt (client-side) để tạo hiệu ứng động, thao tác DOM, xử lý sự kiện và gọi API từ máy chủ. Tài liệu đánh giá ưu điểm về độ phổ biến, tính tương thích cao, cú pháp linh hoạt; đồng thời lưu ý các hạn chế về bảo mật client-side, tải trọng hiệu năng trình duyệt và thách thức trong việc kiểm soát, bảo trì mã nguồn lớn.

Mô hình tiến trình phần mềm

Đề tài lựa chọn Mô hình xoắn ốc (Spiral Model) làm phương pháp luận xuyên suốt quá trình quản lý dự án. Mô hình này kết hợp giữa tính lặp và việc kiểm soát rủi ro có hệ thống thông qua 4 pha chính:

  1. Lập kế hoạch (Planning phase): Thu thập, phân tích yêu cầu từ khách hàng, ước lượng chi phí, lập lịch trình, xác định nhân sự, môi trường làm việc và ban hành tài liệu BRS (Business Requirement Specifications) cùng SRS (System Requirement Specifications).
  2. Phân tích rủi ro (Risk analysis phase): Nhận diện các yếu tố bất định, tạo bản mẫu (prototype) và xây dựng giải pháp thay thế.
  3. Thực thi kỹ thuật (Engineering phase): Lập trình mã nguồn, kiểm thử tính năng và triển khai ứng dụng.
  4. Đánh giá (Evaluation phase): Khách hàng tham gia thẩm định sản phẩm, phản hồi và quyết định chu trình lặp tiếp theo trước khi phát hành.

Phương pháp nghiên cứu và mô hình hóa

Nhóm tác giả sử dụng phương pháp khảo sát hiện trạng, phân tích nghiệp vụ, lập ma trận đánh giá rủi ro dự án và áp dụng ngôn ngữ mô hình hóa thống nhất (UML) bao gồm: biểu đồ ca sử dụng (Use Case Diagram), đặc tả kịch bản Use Case, biểu đồ trạng thái (State Diagram) và biểu đồ trình tự (Sequence Diagram).

Thiết kế và triển khai

Hệ thống JOJI được thiết kế dựa trên sự phân tách rõ ràng giữa hai nhóm tác nhân: Người đọc (Độc giả) và Quản trị viên (Admin).

Yêu cầu chức năng

  • Phân hệ Người đọc: Đăng ký tài khoản (xác thực email/số điện thoại), đăng nhập, tìm kiếm truyện đa tiêu chí (tên truyện, tác giả, thể loại), xem thông tin chi tiết truyện (tóm tắt, số chương, trạng thái miễn phí/trả phí), đọc truyện, đánh giá và bình luận, quản lý bộ sưu tập yêu thích cá nhân (thêm, xóa, sắp xếp), chỉnh sửa thông tin cá nhân và thay đổi mật khẩu.
  • Phân hệ Quản trị viên: Được cấp tài khoản định sẵn; toàn quyền quản lý tài khoản người dùng (xem, sửa, xóa, cấp mới); quản lý danh mục và danh sách truyện (thêm, xóa, phân loại theo tên, thể loại, tác giả, độ phổ biến); giám sát phiên đăng nhập; quản lý và xuất báo cáo lượt truy cập.

Yêu cầu phi chức năng

  • Giao diện và vận hành: Thiết kế đơn giản, thanh điều hướng chính đặt ở đầu trang; sử dụng tiếng Việt với phông chữ Times New Roman đồng nhất; thời gian phản hồi hệ thống không quá 3 giây trong điều kiện mạng 4–10 Mbps; đảm bảo tính toàn vẹn dữ liệu, không bị văng khỏi trang web khi tương tác.
  • An toàn và sao lưu: Cơ chế sao lưu dữ liệu định kỳ theo từng năm học hoặc mỗi lần vận hành hệ thống; tích hợp tính năng quay lui về điểm phục hồi gần nhất khi phát sinh sự cố kỹ thuật.
  • Bảo mật hai mức: Mức 1 là xác thực người dùng thông qua tài khoản/mật khẩu duy nhất; Mức 2 là mã hóa cơ sở dữ liệu và áp dụng chính sách phân quyền truy cập nghiêm ngặt tới từng chức năng cụ thể.

Nội dung chính theo từng chương

CHƯƠNG I: GIỚI THIỆU VỀ ĐỀ TÀI

Chương I trình bày tổng quan về dự án xây dựng website đọc truyện trực tuyến JOJI. Tác giả nêu rõ mục tiêu tạo dựng một nền tảng đọc truyện chuyên nghiệp, cung cấp đầy đủ thông tin về tác phẩm (tác giả, mô tả, ngày phát hành, số chương). Nội dung chương cũng trình bày tổng quan 5 mục tiêu phát triển phần mềm và phân tích chi tiết cơ sở công nghệ: ưu - nhược điểm của ngôn ngữ HTML và JavaScript, cùng cấu trúc 4 giai đoạn của mô hình phát triển phần mềm xoắn ốc (Spiral Model).

Chương II: Lập kế hoạch dự án

Chương II tập trung vào công tác quản trị và lập kế hoạch thực hiện dự án:

  • Lý do chọn đề tài: Phân tích cơ hội thị trường giải trí số, nhu cầu đọc trực tuyến đa lứa tuổi, tính tiện ích và sự cần thiết của hệ thống quản lý tác phẩm số.
  • Kế hoạch phân công và ngân sách: Tổng kinh phí dự án là 120 triệu đồng, tiến hành trong 3 tháng. Nhóm nhân sự gồm 2 thành viên: Phan Văn Tâm (Quản lý dự án, xây dựng website, thời gian hoàn thành 8 tuần) và Hà Văn Thọ (Kiểm thử, hỗ trợ phân tích thiết kế, soạn thảo báo cáo, thời gian 2 tuần).
  • Lịch trình các cuộc họp dự án: Được thiết lập từ ngày 05/02/2023 đến ngày 16/03/2023, bao gồm các buổi khảo sát offline, phân tích thiết kế online, vẽ biểu đồ, thiết kế CSDL, cài đặt hệ thống và kiểm thử.
  • Phân bổ 4 giai đoạn dự án:
Giai đoạn Nội dung nhiệm vụ Thời gian thực hiện Dự toán kinh phí Kết quả đầu ra
Giai đoạn 1: Thiết lập dự án Khảo sát yêu cầu, gặp gỡ khách hàng, xây dựng và đánh giá bản đặc tả 29/12/2023 – 12/01/2024 (13 ngày) 30.000 (nghìn đồng) Bản đặc tả yêu cầu phần mềm
Giai đoạn 2: Phân tích rủi ro Nhận diện rủi ro từ yêu cầu và phản ứng thực tế; đề xuất giải pháp thay thế 13/01/2024 – 04/02/2024 (21 ngày) 40.000 (nghìn đồng) Báo cáo hoàn thành phân tích rủi ro
Giai đoạn 3: Cài đặt Phân tích thiết kế chi tiết, lập trình các chức năng, kiểm thử đơn vị và chỉnh sửa 05/02/2024 – 29/03/2024 (41 ngày) 40.000 (nghìn đồng) Phần mềm hoàn thiện đưa vào thử nghiệm
Giai đoạn 4: Đánh giá Thực hiện ca kiểm thử chức năng, kiểm thử giao diện website, viết báo cáo kiểm thử 30/03/2023 – 08/04/2023 [ghi chú theo văn bản] (10 ngày) 10.000 (nghìn đồng) Hệ thống hoàn chỉnh cho độc giả đọc truyện
  • Quản lý rủi ro dự án: Nhận diện 4 nhóm rủi ro (lập kế hoạch, tổ chức, kiểm soát, kỹ thuật). Bảng phân tích rủi ro chi tiết đưa ra các giả thiết và phương án ứng phó cho các tình huống như: các module không đồng bộ, lỗi tích hợp, phân công không hợp lý, ước lượng sai thời gian, chất lượng sản phẩm không đạt, người quản lý thiếu sát sao (chiếm 2% rủi ro tiến độ), hệ thống quá tải khi test lượng truy cập cao (chiếm 30% ảnh hưởng, cần kỹ thuật cân bằng tải và chuyên gia), nhân sự ốm/nghỉ việc, thông tin khảo sát sai lệch và thiếu hụt kỹ thuật công nghệ.

CHƯƠNG III: ĐẶC TẢ YÊU CẦU

Chương III tiến hành khảo sát hiện trạng hệ thống đọc truyện trực tuyến tại Việt Nam:

  • Đánh giá hệ thống hiện tại: Đánh giá ưu điểm (dễ sử dụng, đông người dùng, không tốn chi phí đầu tư phần mềm mới) và nhược điểm (chất lượng hình ảnh/giao diện không đồng đều, thiếu tính năng tương tác cộng đồng, nguy cơ mất an toàn thông tin cá nhân, thiếu đa dạng thể loại và thường xuyên bị nghẽn mạng).
  • Đề xuất giải pháp: Xây dựng hệ thống quản lý đồng bộ với cơ sở dữ liệu tập trung nhằm phục vụ việc lưu trữ, cập nhật và tra cứu thông tin.
  • Hệ thống yêu cầu chi tiết: Đặc tả 9 yêu cầu chức năng (Đăng ký, Đăng nhập, Tìm kiếm, Xem thông tin truyện, Đánh giá bình luận, Quản lý bộ sưu tập, Quản lý tài khoản người dùng, Quản lý tài khoản quản trị, Quản lý danh sách truyện) cùng các ràng buộc phi chức năng về giao diện, hiệu năng vận hành (thời gian xử lý < 3s trên mạng 4-10Mbps), quy định sao lưu và chính sách bảo mật dữ liệu 2 mức.

CHƯƠNG IV: PHÂN TÍCH VÀ THIẾT KẾ HỆ THỐNG

Chương IV cụ thể hóa các yêu cầu thông qua các mô hình phân tích kỹ thuật:

  • Mô hình Use Case: Xây dựng sơ đồ Use Case tổng quát, sơ đồ phân rã Use Case phía Người đọc và sơ đồ phân rã phía Quản trị viên.
  • Đặc tả kịch bản Use Case: Trình bày chi tiết tiền điều kiện, điều kiện kích hoạt, luồng sự kiện chính, luồng sự kiện phụ và điều kiện đảm bảo thành công cho các ca sử dụng: Đăng ký tài khoản, Đăng nhập, Tìm kiếm truyện, Đánh giá bình luận, Thay đổi thông tin tài khoản, Thêm truyện vào bộ sưu tập, Xóa truyện trong bộ sưu tập, Xóa tài khoản người dùng, Thêm/Quản lý tài khoản người dùng. (Lưu ý học thuật: Trong văn bản gốc, tại mục đặc tả cho ca sử dụng "Xem thông tin truyện" và "Đọc truyện", văn bản có sự nhầm lẫn kỹ thuật khi chèn nhầm nội dung đặc tả của "Quản lý hóa đơn" và "Bán hàng đồ ăn" từ một hệ thống khác).
  • Biểu đồ trạng thái: Liệt kê các biểu đồ trạng thái cho 8 chức năng cốt lõi (Đăng ký, Đăng nhập, Tìm kiếm, Xem thông tin truyện, Thay đổi thông tin tài khoản, Đọc truyện, Đánh giá bình luận, Thêm người đọc).
  • Biểu đồ trình tự: Thiết lập biểu đồ trình tự cho 8 ca sử dụng tương ứng để mô tả sự tương tác qua lại giữa tác nhân, giao diện, bộ điều khiển và cơ sở dữ liệu.

CHƯƠNG V: CÀI ĐẶT DEMO

Chương V giới thiệu kết quả thiết kế các màn hình giao diện demo của website, bao gồm:

  1. Giao diện chính: Thiết kế giao diện trang chủ trực quan, hiển thị các lối tắt danh mục truyện, thể loại, đăng nhập giúp người dùng thao tác dễ dàng.
  2. Giao diện đăng nhập: Form thu thập thông tin xác thực (tên đăng nhập/email và mật khẩu) để bảo vệ quyền truy cập tài khoản.
  3. Giao diện đăng ký: Form cho phép độc giả mới đăng ký thông tin cá nhân tạo tài khoản trên hệ thống.
  4. Giao diện thông tin truyện: Màn hình tóm tắt nội dung tác phẩm, hiển thị thông tin tác giả, ngày phát hành, danh sách các chương và phân định chương đọc thử/chương cần mua.

Kết quả và đóng góp

Kết quả chính

  • Hoàn thành đầy đủ hồ sơ phân tích và thiết kế một hệ thống phần mềm web theo chuẩn môn học Công nghệ phần mềm, áp dụng mô hình tiến trình xoắn ốc.
  • Lập dự toán tài chính (120 triệu đồng) và kế hoạch phân công công việc chi tiết qua 4 giai đoạn cụ thể với các mốc thời gian rõ ràng.
  • Xây dựng bảng phân tích quản lý rủi ro dự án chi tiết, định lượng được các rủi ro lớn (rủi ro quá tải hệ thống 30%, rủi ro quản lý 2%) và lập kế hoạch kỹ thuật dự phòng (cân bằng tải).
  • Thiết lập hệ thống tài liệu thiết kế phần mềm hoàn chỉnh gồm: 9 yêu cầu chức năng, các ràng buộc phi chức năng (băng thông, thời gian đáp ứng, bảo mật), hệ thống biểu đồ Use Case, kịch bản ca sử dụng, biểu đồ trạng thái và biểu đồ trình tự.
  • Xây dựng 4 giao diện mẫu (demo) cho hệ thống website JOJI: Giao diện chính, Giao diện đăng nhập, Giao diện đăng ký và Giao diện thông tin truyện.

Đóng góp thực tiễn

Tài liệu đề xuất giải pháp số hóa tập trung cho việc quản lý và phân phối truyện đọc trực tuyến, giải quyết các bất cập của các website truyền thống như thiếu tính tương tác cộng đồng, chất lượng giao diện kém và nguy cơ mất an toàn dữ liệu người dùng.

Hạn chế và hướng nghiên cứu tiếp

Hạn chế được nhận diện từ văn bản

  • Báo cáo tập trung chủ yếu vào công nghệ phía máy khách (HTML, JavaScript) và giai đoạn phân tích thiết kế, chưa trình bày chi tiết về kiến trúc hệ cơ sở dữ liệu quan hệ cụ thể (RDBMS) và công nghệ máy chủ (backend) được áp dụng.
  • Văn bản gốc còn tồn tại lỗi biên tập kỹ thuật trong Chương IV khi sao chép nhầm nội dung kịch bản ca sử dụng bán hàng/hóa đơn vào mục đọc truyện và xem thông tin truyện.
  • Dữ liệu thời gian tại một số bảng kế hoạch có sự không nhất quán giữa các năm 2023 và 2024.

Hướng phát triển tiếp theo

  • Triển khai giải pháp cân bằng tải (load balancing) thực tế để hệ thống có khả năng phục vụ lượng truy cập lớn mà không bị đơ hoặc nghẽn mạng.
  • Xây dựng hoàn chỉnh hệ thống cơ sở dữ liệu mã hóa và cơ chế phân quyền bảo mật 2 lớp như đã đặc tả.
  • Tích hợp các tính năng thương mại điện tử chuyên sâu như thanh toán mua chương trực tuyến và gói đăng ký thành viên trả phí định kỳ.

Giá trị tham khảo

Tài liệu bài tập lớn này có giá trị tham khảo thiết thực cho:

  • Sinh viên chuyên ngành Công nghệ thông tin, Kỹ thuật phần mềm đang học các học phần Công nghệ phần mềm, Nhập môn Công nghệ phần mềm hoặc Phân tích thiết kế hệ thống thông tin.
  • Người học cần tài liệu mẫu về cách lập kế hoạch dự án theo Mô hình xoắn ốc (Spiral Model), phương pháp xây dựng bảng phân tích quản lý rủi ro và cách thức đặc tả kịch bản Use Case, vẽ biểu đồ UML trong một đồ án phần mềm quy mô nhỏ.

Câu hỏi thường gặp

1. Đề tài áp dụng mô hình phát triển phần mềm nào và gồm các giai đoạn nào?
Đề tài sử dụng Mô hình xoắn ốc (Spiral Model) gồm 4 giai đoạn lặp: Lập kế hoạch (Planning phase), Phân tích rủi ro (Risk analysis phase), Thực thi kỹ thuật (Engineering phase) và Đánh giá (Evaluation phase).

2. Tổng kinh phí và nhân sự thực hiện dự án được phân bổ ra sao?
Tổng kinh phí dự án là 120 triệu đồng (phân bổ theo 4 giai đoạn: Giai đoạn 1: 30 triệu, Giai đoạn 2: 40 triệu, Giai đoạn 3: 40 triệu, Giai đoạn 4: 10 triệu đồng). Dự án do 2 sinh viên thực hiện: Phan Văn Tâm (Quản lý dự án, phát triển website - 8 tuần) và Hà Văn Thọ (Kiểm thử, hỗ trợ phân tích thiết kế, viết báo cáo - 2 tuần).

3. Các công nghệ lập trình chính được văn bản đề cập là gì?
Văn bản trình bày hai công nghệ nền tảng là HTML (xây dựng cấu trúc, định dạng nội dung, hỗ trợ SEO) và JavaScript (xử lý logic tương tác người dùng, thao tác DOM và kết nối dữ liệu).

4. Hệ thống đặt ra những yêu cầu phi chức năng cụ thể nào về vận hành và bảo mật?
Về vận hành, website phải phản hồi trong thời gian không quá 3 giây với tốc độ mạng từ 4–10 Mbps, hiển thị bằng tiếng Việt chuẩn phông Times New Roman. Về bảo mật, hệ thống áp dụng bảo mật 2 mức (mức xác thực người dùng qua tài khoản/mật khẩu và mức bảo mật mã hóa/phân quyền cơ sở dữ liệu), kèm chế độ sao lưu định kỳ theo năm học hoặc mỗi lần vận hành.

5. Phương án ứng phó được đề xuất khi hệ thống máy chủ bị đơ do quá tải truy cập là gì?
Theo bảng phân tích quản lý rủi ro kỹ thuật, khi kiểm thử với lượng truy cập quá lớn dẫn đến suy giảm hiệu suất (ảnh hưởng 30% kết quả dự án), giải pháp ứng phó là triển khai kỹ thuật cân bằng tải cho hệ thống và mời chuyên gia có kinh nghiệm hỗ trợ xử lý.

Kết luận

Bài tập lớn "Thiết kế website đọc truyện online JOJI" của nhóm sinh viên Phan Văn Tâm và Hà Văn Thọ đã hệ thống hóa đầy đủ quy trình xây dựng phần mềm từ khâu khảo sát, lập kế hoạch ngân sách, quản lý rủi ro đến phân tích thiết kế hệ thống theo mô hình xoắn ốc. Công trình làm rõ các yêu cầu chức năng cho cả độc giả và quản trị viên, xác lập các tiêu chuẩn phi chức năng về hiệu năng và bảo mật hai lớp, đồng thời phác thảo các giao diện demo cơ bản. Đây là tài liệu học thuật mang tính ứng dụng thực hành cao, phản ánh đúng các bước triển khai dự án kỹ thuật phần mềm trong môi trường đại học.