CHƯƠNG I : GIỚI THIỆU VỀ ĐỀ TÀI 1 1. Giới thiệu về đề tài Đề tài lập trình web đọc truyện trên web "JOJI" là một dự án phát triển trang web đọc truyện online. Mục tiêu của dự án là xây dựng một trang web hoàn chỉnh và chuyên nghiệp, cho phép người đọc có thể đọc các truyện từ trang web“JOJI” trực tuyến. Trang web sẽ cung cấp thông tin chi tiết về các truyện, bao gồm tác giả, mô tả, ngày phát hành và số chương.
Các tính năng cần có trong trang web bao gồm: • Giao diện người dùng thân thiện, dễ sử dụng. • Hệ thống tìm kiếm thông minh để người đọc có thể tìm kiếm truyện theo nhiều tiêu chí khác nhau. • Quản lý danh sách truyện và các bộ sưu tập đặc biệt của trang web. • Chức năng đánh giá và nhận xét truyện từ người đọc.
• Quản lý và xuất báo cáo về lượt truy cập của khách hàng. Đề triển khai dự án này, các công nghệ phổ biến trong lập trình web có thể được sử dụng như HTML và JavaScript để xây dựng giao diện người dùng. Dự án "JOJI" hướng đến việc tạo ra một trải nghiệm đọc truyện trực tuyến thuận tiện và đáng tin cậy cho người đọc.2 Mục tiêu đề tài - Phân tích yêu cầu: • Hiểu rõ yêu cầu của người đọc và quyết định các chức năng cần có trong trang web. • Tạo biểu đồ luồng công việc và sơ đồ cơ sở dữ liệu để hiểu rõ kiến trúc tổng thể của trang web.
- Thiết kế giao diện người dùng: • Xây dựng wireframe (bản phác thảo) cho trang web. • Thiết kế giao diện người dùng hấp dẫn, dễ sử dụng. - Triển khai giao diện người dùng: • Sử dụng HTML, JavaScirpt đề triền khai giao diện người dùng theo thiết kế đã được xác định. - Thử nghiệm và kiểm tra: 2 • Kiểm tra tính năng của trang web để đảm bảo hoạt động mượt mà và không có lỗi.
• Thực hiện các ca kiểm thử tự động và kiểm tra tương tác giữa giao diện người dùng và phía máy chủ. - Triển khai và vận hành: • Triển khai trang web trên môi trường sản phẩm. Các công nghệ sử dụng 1. HTML HTML (Hypertext Markup Language) là ngôn ngữ đánh dấu sử dụng để xây dựng và cấu trúc hình thức cho các trang web.
Nó sử dụng các thẻ (tags) đề xác định cấu trúc và định dạng nội dung trên trang web. Dưới đây là một số ưu và nhược điểm của HTML: - Ưu điểm của HTML: • Dễ học và sử dụng: HTML có cú pháp đơn giản và dễ hiểu, cho phép người dùng nhanh chóng học và bắt đầu xây dựng các trang web cơ bản. • Tương thích và tiêu chuẩn: HTML là một ngôn ngữ tiêu chuẩn được công nhận và hỗ trợ rộng rãi trên hầu hết các trình duyệt web hiện đại. Điều này đảm bảo tính tương thích và khả năng hiển thị nhất quán trên các nền tảng và trình duyệt khác nhau.
• Khả năng tích hợp: HTML hỗ trợ tích hợp các phần tử đa phương tiện như hình ảnh, âm thanh, video và các tài liệu tài liệu khác nhau vào trang web. • SEO tốt: HTML cho phép người phát triển tạo các siêu dữ liệu (metadata) và định dạng nội dung một cách tốt để tối ưu hóa công cụ tìm kiếm (SEO). Điều này giúp các trang web được tìm thấy dễ dàng và có thứ hạng cao trên các công cụ tìm kiếm. 3 • Khả năng mở rộng: HTML có thể kết hợp với các ngôn ngữ và công nghệ khác như CSS (Cascading Style Sheets) và JavaScript để tạo ra các trang web đa dạng và tương tác.
- Nhược điểm của HTML: • Hạn chế về câu trúc: HTML chỉ mô tả cấu trúc và nội dung của một trang web mà không có khả năng xử lý logic phức tạp. Điêu này có nghĩa là HTML không thể tự thực hiện các tác vụ phức tạp như xử lý dữ liệu, kiểm tra hợp lệ, hay tương tác người dùng phức tạp. • Thiếu khả năng tạo giao diện phức tạp: Mặc dù HTML cung câp các yếu tố cơ bản để tạo giao diện trang web, nhưng nó có hạn chế trong việc tạo ra các giao diện phức tạp với hiệu ứng đồ họa đa dạng và tương tác người dùng phức tạp. • Phụ thuộc vào CSS và JavaScript: Mặc dù HTML có thể tạo cấu trúc nội dung, nhưng để tạo giao diện và tương tác phức tạp, thường cần phải sử dụng CSS và JavaScript.
Điều này đòi hỏi người phát triển phải có kiến thức về các ngôn ngữ và công nghệ khác để tận dụng hết tiềm năng của HTML. • Khả năng bảo mật hạn chế: HTML không cung cấp nhiều tính năng bảo mật tích hợp. Điều này có nghĩa là các biện pháp bảo mật phải được thực hiện thông qua các công nghệ bổ sung như mã hóa và xác thực máy chủ. Tuy HTML có một số hạn chê, nhưng nó vẫn là ngôn ngữ cơ bản và quan trọng trong việc xây dựng các trang web.
Kết hợp với CSS và JavaScript, HTML có thể tạo ra các trang web đa dạng và tương tác. JavaScript JavaScript (JS) là ngôn ngữ lập trình phổ biến được sử dụng chủ yếu trong môi trường trình duyệt web để tạo ra các hiệu ứng tương tác, thay đổi và kiểm soát nội dung của trang web. Dưới đây là một số ưu điểm và nhược điểm của JavaScript: 4 - Ưu điểm của JavaScript: • Tích hợp tốt với trình duyệt web: JavaScript được hỗ trợ bởi tât cả các trình duyệt phổ biến như Chrome, Firefox, và Safari. Điều này cho phép lập trình viên sử dụng JS đề tạo ra các ứng dụng web động và tương tác một cách dễ dàng và đồng nhất trên các nền tăng khác nhau.
• Tính tương thích cao: JavaScript có khả năng hoạt động với nhiều ngôn ngữ và công nghệ khác nhau. Nó có thể tương tác với HTML và CSS để thay đổi và tạo ra nội dung động trên trang web. Ngoài ra, JavaScript cũng có thế kết hợp với các thư viện và framework phô biến như React, Angular và Vue đề phát triển các ứng dụng web phức tạp. • Tính năng mạnh mẽ: JavaScript cung cấp nhiều tính năng mạnh mẽ cho phép lập trình viên tạo ra các hiệu ứng tương tác phong phú trên trang web, bao gồm thao tác với DOM (Document Object Model), xử lý sự kiện, gọi API từ máy chủ và thực hiện các tính toán phức tap.
• Cú pháp linh hoạt: JavaScript có cú pháp linh hoạt và dễ học. Nó cung cấp nhiều cách để thực hiện cùng một nhiệm vụ, cho phép lập trình viên lựa chọn phương pháp phù hợp với nhu cầu và phong cách lập trình của mình. - Nhược điểm của JavaScript: • Bảo mật: JavaScript chạy trên máy khách (client-side), điều này có nghĩa là mã JavaScript được tải xuống và chạy trực tiếp trên trình duyệt của người dùng. Điều này có thể tạo ra các lỗ hổng bảo mật, nếu không được kiểm soát cần thận.
Tuy nhiên, có nhiều biện pháp bảo mật và quyền hạn đã được thực hiện để giảm thiểu các rủi ro này. • Hiệu suất: JavaScript chạy trực tiếp trên máy khách và có thể gây ra tải trọng cho trình duyệt. Nếu không được tối ưu hóa đúng cách, các ứng dụng JavaScript 5 có thể trở nên chậm và gây ảnh hưởng đến trải nghiệm người dùng. • Khả năng kiểm soát mã: JavaScript cho phép lập trình viên thực hiện nhiều thao tác và thay đổi nội dung của trang web một cách linh hoạt.
Điều này có thể dẫn đến việc khó kiểm soát mã và gây ra các vấn đề trong việc bảo trì và mở rộng mã nguồn. Tuy nhiên, với sự phát triển của JavaScript và cộng đồng lập trình, nhiều công cụ và quy tắc đã được phát triển để giúp giải quyết các nhược điểm này và tăng cường khả năng phát triển ứng dụng web. Mô hình xoắn ốc Mô hình xoắn ốc trong môn nhập môn công nghệ phần mềm thường bao gồm các giai đoạn sau: Lâ Qp kS hoạch – Planning phase: Thu thâp,{ phân tích yêu cầu từ của dự án từ phía khách hàng. Bao gồm các công việc: Ước lượng chi phí (estimating cost), lên lịch trình thực hiện dự án (shedule-master), xác định số lượng nhân lực, môi trường làm việc (identifying necessary resources and work environment), tìm hiểu yêu cầu hệ thống (requirements) từ đó đưa ra các tài liệu đặc tả (Bussiness Requirement Specifications và System Requirement specifications) để phục vụ cho việc trao đổi giữa khách hàng và phân tích hệ thống sau này.
Phân tích rYi ro – Risk analysis phase: Mô {t quá trình phân tích sẽ được thực hiện để xác định rủi ro và đưa ra các giải pháp thay thế. Mô {t prototype sẽ được tạo ra ở cuối giai đoạn phân tích rủi ro. Nếu có bất kỳ rủi ro nào được tìm thấy trong quá trình này thì các giải pháp thay thế sẽ được đề xuất và thực hiện. Thực thi kỹ thuâ Qt – Engineering phase: Đây là giai đoạn mà dự án được các dev tiến hành code, các tester tiến hành test và deploying software trên trang web của khách hàng.
6 Đánh giá – Evaluation phase: Khách hàng sẽ tham gia vào giai đoạn này để đánh giá công việc, sản phẩm và đảm bảo rằng sản phẩm đáp ứng tất cả yêu cầu đã đặt ra trước đó. Nếu có bất kỳ yêu cầu thay đổi nào từ khách hàng, các giai đoạn sẽ được lặp lại. Đây là giai đoạn quan trọng vì cần có sự phản hồi của khách hàng về sản phẩm trước khi sản phẩm được release. Mô hình xoắn ốc là mô {t cách tiếp câ {n hiện thực để phát triển các phần mềm và các hệ thống lớn.
Vì PM được phát triển theo sự tiến hóa, khách hàng và nhà phát triển hiểu nhau tốt hơn và rủi ro sẽ được giảm thiểu sau mỗi lần tiến hóa. 7 Chương II: Lập kS hoạch dự án 2.1 Lí do chọn đề tài Cơ hội thị trường : Trang web đọc truyện đang nổi lên như một nguồn giải trí phổ biến, cung cấp một cơ hội kinh doanh lớn cho các công ty xuất bản, nhà sáng tạo nội dung, và các nhà phát triển trang web. Việc xây dựng một trang web đọc truyện có thể mang lại lợi nhuận cao từ việc quảng cáo, đăng ký thành viên và bán sách điện tử. Nhu cầu: Nhu cầu về đọc truyện trực tuyến đang tăng mạnh, đặc biệt là trong thị trường trẻ em, thanh thiếu niên và người lớn tuổi.
Một trang web đọc truyện như JOJI sẽ cung cấp cho người dùng một nền tảng thuận tiện để truy cập và tận hưởng các tác phẩm văn học mọi lúc, mọi nơi. Sự tiện lợi và hiệu quả: Việc xây dựng trang web đọc truyện giúp cho việc truy cập và tiếp cận các tác phẩm văn học trở nên dễ dàng hơn bao giờ hết.