Đồ án 1: Tìm hiểu lập trình mạng, xây dựng website bán vé và quản lý sự kiện

Tham khảo đồ án website bán vé và quản lý sự kiện. Báo cáo chi tiết về lập trình mạng, phân tích thiết kế hệ thống sử dụng NodeJS, ReactJS.

• Tác giả: Đỗ Nguyễn Hoàng Huy
• Người hướng dẫn: ThS. Huỳnh Hồ Thị Mộng Trinh
• Trường học: Trường Đại Học Công Nghệ Thông Tin - Đại Học Quốc Gia Thành Phố Hồ Chí Minh
• Chuyên ngành: Công Nghệ Phần Mềm
• Đề tài: Tìm Hiểu Lập Trình Mạng, Xây Dựng Website Bán Vé Và Quản Lý Sự Kiện
• Loại tài liệu: Đồ Án
• Năm xuất bản: 2024
• Địa điểm: Thành Phố Hồ Chí Minh

Tóm tắt

I. Tổng quan về Đồ án Xây dựng Website Bán Vé và Quản Lý Sự Kiện

Đồ án này là một dự án phần mềm toàn diện nhằm phát triển một nền tảng trực tuyến hiện đại cho việc bán vé sự kiện và quản lý sự kiện. Trong bối cảnh công nghệ số phát triển mạnh mẽ, website bán vé đã trở thành nhu cầu thiết yếu cho các nhà tổ chức sự kiện. Dự án được thực hiện tại Trường Đại học Công nghệ Thông tin - Đại học Quốc gia TP.HCM, sử dụng các công nghệ tiên tiến như NodeJS, ReactJS và MongoDB. Mục tiêu chính là xây dựng một hệ thống quản lý sự kiện toàn diện, cho phép người dùng dễ dàng tìm kiếm, đặt vé và quản lý các sự kiện mà họ quan tâm. Hệ thống cũng cung cấp các chức năng quản lý doanh thu, xét duyệt sự kiện và theo dõi giao dịch thanh toán một cách hiệu quả.

1.1. Lý do chọn đề tài

Nhu cầu về quản lý sự kiện trực tuyến ngày càng tăng cao do sự phát triển của thị trường giải trí. Các sự kiện như hòa nhạc, hội thảo, triển lãm cần các công cụ quản lý vé hiệu quả. Đồ án này giúp sinh viên vận dụng kiến thức lập trình web, lập trình mạng và thiết kế cơ sở dữ liệu vào thực tế. Đây cũng là cơ hội để phát triển kỹ năng SEO và quản lý nội dung học thuật, giúp các nhà tổ chức sự kiện tối ưu hóa trực tuyến.

1.2. Công nghệ và công cụ sử dụng

Dự án sử dụng NodeJS cho backend đảm bảo khả năng chịu tải cao, ReactJS cho frontend tạo giao diện người dùng động và hiệu suất tối ưu, và MongoDB cho cơ sở dữ liệu NoSQL linh hoạt. Các công cụ hỗ trợ bao gồm Postman cho kiểm thử API, các framework lập trình mạng hiện đại, và công cụ quản lý phiên bản Git. Kiến trúc này đảm bảo ứng dụng website bán vé có tính mở rộng cao và bảo mật tốt.

II. Cơ Sở Lý Thuyết và Công Nghệ Nền Tảng

Cơ sở lý thuyết của dự án bao gồm các công nghệ backend, frontend và cơ sở dữ liệu hiện đại. NodeJS cung cấp một môi trường runtime JavaScript mạnh mẽ cho phía server, hỗ trợ lập trình mạng không đồng bộ. ReactJS là thư viện JavaScript phổ biến nhất cho việc xây dựng giao diện người dùng động, sử dụng Virtual DOM để tối ưu hóa hiệu suất. MongoDB là hệ quản trị cơ sở dữ liệu NoSQL tương ứng với yêu cầu lưu trữ dữ liệu linh hoạt của website bán vé. Bên cạnh đó, dự án áp dụng các kỹ thuật lập trình mạng đảm bảo khả năng chịu tải, xử lý đồng thời và bảo mật dữ liệu người dùng. Các kỹ thuật này bao gồm caching, load balancing và tối ưu hóa truy vấn.

2.1. Công nghệ NodeJS và ReactJS

NodeJS cho phép xây dựng backend hiệu suất cao với khả năng xử lý hàng ngàn kết nối đồng thời. ReactJS sử dụng Virtual DOM để tăng tốc độ render, giảm thời gian tải trang cho website bán vé. React cung cấp các component tái sử dụng, làm cho việc bảo trì và mở rộng hệ thống trở nên dễ dàng hơn. Cách tiếp cận này giúp quản lý sự kiện trở nên trực quan và thân thiện với người dùng.

2.2. Hệ quản trị cơ sở dữ liệu MongoDB

MongoDB là hệ quản trị NoSQL lưu trữ dữ liệu dưới dạng JSON, phù hợp để quản lý sự kiện với cấu trúc dữ liệu linh hoạt. MongoDB cho phép mở rộng dễ dàng khi có thêm trường dữ liệu mới cho website bán vé. Nó hỗ trợ các truy vấn phức tạp để tìm kiếm sự kiện, người dùng, và quản lý doanh thu một cách hiệu quả.

III. Phân Tích Thiết Kế Hệ Thống

Phân tích yêu cầu là bước quan trọng trong xây dựng website bán vé và quản lý sự kiện. Hệ thống được chia thành yêu cầu chức năng và yêu cầu phi chức năng. Yêu cầu chức năng bao gồm đăng ký/đăng nhập, tìm kiếm sự kiện, đặt vé, thanh toán, và quản lý sự kiện cho người tổ chức. Yêu cầu phi chức năng bao gồm bảo mật, hiệu suất, khả năng chịu tải cao, và tối ưu lập trình mạng để đảm bảo ổn định. Mô hình hóa yêu cầu được thực hiện thông qua sơ đồ Usecase, xác định các Actor (người dùng, tổ chức viên, admin) và Usecase (hành động cụ thể). Cơ sở dữ liệu được thiết kế với danh sách các bảng như User, Event, Ticket, Orders, Payment để lưu trữ thông tin quản lý sự kiện một cách logic và hiệu quả.

3.1. Mô hình Usecase và Actor

Danh sách Actor bao gồm Khách hàng, Tổ chức viên sự kiện, Admin và Hệ thống thanh toán. Danh sách Usecase liệt kê 15+ chức năng như đăng ký, đăng nhập, tìm kiếm sự kiện, đặt vé, xem chi tiết website bán vé, quản lý thông tin tài khoản, và quản lý sự kiện. Mỗi usecase có đặc tả chi tiết mô tả tiền điều kiện, hành động, và hậu điều kiện.

3.2. Thiết Kế Cơ Sở Dữ Liệu

Sơ đồ cơ sở dữ liệu bao gồm 9 bảng chính: User (lưu thông tin người dùng), Event (sự kiện), Ticket (vé), Orders (đơn hàng), Payment (thanh toán), Venues (địa điểm), Organizers (tổ chức viên). Mỗi bảng có mô tả chi tiết về các trường dữ liệu, khóa chính và khóa ngoại. Thiết kế này đảm bảo quản lý sự kiện và website bán vé hoạt động hiệu quả.

IV. Xây Dựng và Triển Khai Website

Xây dựng website bán vé bắt đầu từ thiết kế kiến trúc hệ thống theo mô hình 3-tier (Presentation Layer, Business Logic Layer, Data Access Layer). Giao diện khách hàng bao gồm các màn hình như trang chủ, tìm kiếm sự kiện, xem chi tiết, chọn vé, thanh toán, và quản lý vé đã mua. Giao diện admin cung cấp các chức năng quản lý sự kiện (xét duyệt, chỉnh sửa, xóa), xem doanh thu, theo dõi thanh toán, và quản lý người mua vé. Mỗi màn hình được thiết kế với UX/UI tối ưu để người dùng dễ dàng tìm kiếm và mua vé. Lập trình mạng được thực hiện thông qua RESTful API, đảm bảo truyền tải dữ liệu an toàn và hiệu quả. Hệ thống quản lý sự kiện được kiểm thử toàn diện để đảm bảo tính ổn định và bảo mật.

4.1. Giao Diện Khách Hàng

Giao diện khách hàng cung cấp trải nghiệm mượt mà khi tìm kiếm sự kiện và mua vé. Trang chủ hiển thị các sự kiện nổi bật, tính năng tìm kiếm theo tên, danh mục, và ngày tháng. Màn hình chi tiết sự kiện có thông tin đầy đủ, ảnh, mô tả, giá vé. Màn hình chọn vé cho phép chọn loại vé và số lượng. Màn hình thanh toán hỗ trợ nhiều phương thức thanh toán an toàn.

4.2. Giao Diện Admin và Quản Lý

Giao diện admin cho phép quản lý sự kiện một cách toàn diện. Admin có thể xem doanh thu theo thời gian, xét duyệt sự kiện từ tổ chức viên, quản lý người mua vé, và theo dõi các giao dịch thanh toán. Các báo cáo thống kê giúp quản lý sự kiện hiệu quả và ra quyết định kinh doanh.

Trích đoạn nội dung tài liệu

Chương 1: GIỚI THIỆU ĐỀ TÀI 1. Tên đề tài: Tìm hiểu lập trình mạng, xây dựng website bán vé và quản lý sự kiện. Lý do chọn đề tài: Trong thời đại công nghệ số phát triển mạnh mẽ, nhu cầu tổ chức và tham gia các sự kiện như concert, hội thảo, triển lãm hay các hoạt động thể thao ngày càng gia tăng. Những sự kiện này thu hút hàng ngàn, thậm chí hàng triệu người tham gia, khiến quá trình mua và bán vé trở nên phức tạp và khó quản lý.

Người tham gia thường gặp nhiều khó khăn trong việc tìm kiếm thông tin, đặt vé và thanh toán, trong khi các nhà tổ chức sự kiện phải đối mặt với những thách thức trong việc quản lý vé, phân phối, và đảm bảo tính minh bạch. Với mục tiêu giải quyết những vấn đề này, việc xây dựng một hệ thống web quản lý mua bán vé không chỉ giúp cung cấp nền tảng trực tuyến tiện lợi và dễ sử dụng cho người mua, mà còn hỗ trợ người bán trong việc quản lý vé hiệu quả, giám sát số lượng và tình trạng vé theo thời gian thực. Hơn nữa, hệ thống này đảm bảo sự an toàn trong giao dịch thanh toán, giảm thiểu rủi ro gian lận và tối ưu hoá trải nghiệm người dùng. Đề tài cũng đáp ứng nhu cầu thị trường và xu hướng hiện tại, khi mà việc mua bán vé trực tuyến ngày càng trở thành lựa chọn ưu tiên của nhiều người.

Một hệ thống website bán vé và quản lý sự kiện hiện đại có tiềm năng mang lại giá trị cao, thúc đẩy tính tiện ích và sự phát triển của ngành giải trí, sự kiện, thể thao và nhiều lĩnh vực khác. Mục tiêu Mục tiêu của đề tài này là xây dựng một hệ thống web hoàn chỉnh, đáp ứng nhu cầu đăng ký, bán và mua vé sự kiện. Cụ thể chúng tôi đặt ra cá mục tiêu như sau: - Phân tích thị trường và nhu cầu người dùng về việc bán và mua vé sự kiện. - Thiết kế giao diện người dùng thân thiện và dễ sử dụng.

- Phát triển các chức năng chính của hệ thống: đăng kí bán vé sự kiện, mua vé trực tuyến, thanh toán online, đảm bảo tính bảo mật và hiệu quả. - Đảm bảo đường truyền và khả năng chịu tải cho khi khách hàng sử dụng trang web. - Tạo ra một giải pháp có khả năng mở rộng, cho phép tích hợp thêm nhiều tính năng trong tương lai như phân tích dữ liệu người dùng và tối ưu hóa quy trình mua bán vé. Các chức năng - Đăng ký, đăng nhập: Cho phép người dùng đăng ký tài khoản và đăng nhập vào hệ thống để truy cập vào các chức năng cá nhân hóa.

- Tìm kiếm và lọc sự kiện: Người dùng có thể tìm kiếm và lọc các sự kiện theo nhiều tiêu chí như thể loại, địa điểm, thời gian, và giá vé. - Mua vé trực tuyến: Người dùng có thể chọn vé cho sự kiện và tiến hành mua vé trực tuyến, tích hợp các phương thức thanh toán online. - Quản lý vé đã mua: Người dùng có thể xem và quản lý các vé đã mua trong tài khoản cá nhân. - Đăng ký tổ chức sự kiện: Người tổ chức có thể đăng ký và tạo các loại vé cho sự kiện, có chỉnh sửa, và xóa sự kiện.

- Quản lý sự kiện: Theo dõi các sự kiện đã tạo trên trang web, chỉnh sửa thông tin bao gồm thông tin chi tiết như tên sự kiện, mô tả, thời gian, địa điểm, và ảnh bìa. - Quản lý báo cáo và thống kê: Cho phép người tổ chức sự kiện xem báo cáo về số lượng vé bán ra, doanh thu. - Quản lý hệ thống: Phê duyệt, kiểm tra các sự kiện trên hệ thống. Báo cáo thống kê doanh thu, lợi nhuận của trang web, thanh toán doanh thu cho các nhà tổ chức.

Công nghệ sử dụng: - Frontend: HTML, CSS, TailwindCss, framework ReactJS. - Backend: NodeJS, framework ExpressJS - Cơ sở dữ liệu: MongoDB 1. Công cụ hỗ trợ: - GitHub: Quản lý source code - Notion: Quản lý theo dõi công việc - Draw.io: Vẽ các sơ đồ usecase - VSCode: Soạn thảo mã nguồn - Figma: Thiết kế giao diện. - Docker: Triển khai cơ sở dữ liệu - Postman: Kiểm thử API - 10 Chương 2: CƠ SỞ LÝ THUYẾT 2.

Công nghệ NodeJS 2. Giới thiệu Node.js là môi trường runtime JavaScript mã nguồn mở và đa nền tảng, hoạt động trên engine V8 của Google Chrome, với hiệu năng cao và khả năng xử lý hàng nghìn kết nối đồng thời trong một tiến trình đơn. Nhờ cơ chế I/O bất đồng bộ, Node.js tối ưu tài nguyên và giảm thiểu lỗi do đa luồng. Nó cho phép lập trình viên frontend sử dụng JavaScript để phát triển cả phía server, tạo sự thống nhất trong công nghệ.js cũng hỗ trợ linh hoạt các tiêu chuẩn ECMAScript mới, dễ dàng tùy chỉnh theo nhu cầu.

Đây là công cụ lý tưởng cho việc xây dựng ứng dụng hiện đại. Ưu điểm - Hiệu năng cao: Hoạt động trên engine V8 của Google Chrome, Node.js có tốc độ xử lý nhanh và tối ưu hiệu năng. - Non-blocking I/O: Node.js sử dụng mô hình xử lý không đồng bộ (non-blocking) cho các hoạt động I/O, giúp tối ưu hóa sự tương tác với các tác vụ I/O như đọc/ghi vào file hoặc truy vấn cơ sở dữ liệu. - Khả năng mở rộng: Node.js hỗ trợ khả năng mở rộng dễ dàng, có thể xử lý hàng nghìn kết nối đồng thời mà không gặp phải vấn đề về hiệu suất.

11 - Hệ sinh thái phong phú: Node.js có một cộng đồng lớn và sôi động, với hàng ngàn thư viện và module có sẵn trên npm (Node Package Manager), giúp phát triển ứng dụng nhanh chóng và hiệu quả. - Hỗ trợ ECMAScript mới: Linh hoạt trong việc cập nhật các tính năng mới mà không bị giới hạn bởi trình duyệt. Nhược điểm - Đơn luồng hạn chế: Mặc dù Node.js sử dụng mô hình xử lý không đồng bộ để xử lý các yêu cầu, nhưng nó vẫn là single-threaded, điều này có thể gây ra hiện tượng block trong trường hợp một tác vụ lâu dài làm chậm toàn bộ ứng dụng. - Callback Hell: Cách xử lý bất đồng bộ bằng callback có thể dẫn đến code khó quản lý, mặc dù có thể giải quyết bằng Promises hoặc async/await.

- Quản lý phiên bản: Phiên bản Node.js và các gói thư viện thay đổi nhanh, có thể gây khó khăn khi nâng cấp hoặc duy trì. - Chưa tối ưu cho CPU-bound tasks: Các tác vụ đòi hỏi xử lý CPU nặng thường làm chậm toàn bộ tiến trình Node. Công nghệ ReactJS 2. Giới thiệu React là một thư viện JavaScript để xây dựng giao diện người dùng (UI) trên web.

React là một thư viện dựa trên thành phần, khai báo cho phép các nhà phát triển xây dựng các thành phần UI có thể tái sử dụng và nó tuân theo phương pháp VirtualDOM (Mô hình đối tượng tài liệu), giúp tối ưu hóa hiệu suất kết xuất bằng cách giảm thiểu các bản cập nhật DOM. React nhanh và hoạt động tốt với các công cụ và thư viện khác. React được phát minh bởi các nhà phát triển Facebook, những người thấy DOM truyền thống chậm. Bằng cách triển khai DOM ảo, React đã giải quyết vấn đề này và nhanh chóng trở nên phổ biến.

React hoạt động bằng cách tạo DOM ảo trong bộ nhớ thay vì trực tiếp thao tác DOM của trình duyệt. Nó thực hiện các thao tác cần thiết trong biểu diễn ảo này trước khi áp dụng các thay đổi cho DOM trình duyệt thực tế. React hiệu quả, chỉ thay đổi những gì cần sửa đổi. Ưu điểm - Hiệu suất cao: ReactJS sử dụng Virtual DOM để giảm thiểu thao tác trực tiếp lên DOM thật, giúp tăng hiệu suất và tối ưu hóa tốc độ hiển thị giao diện.

- Tái sử dụng component: Kiến trúc dựa trên component cho phép tái sử dụng các thành phần giao diện, tiết kiệm thời gian phát triển và bảo trì mã nguồn. - Phát triển ứng dụng di động: React Native, một phần mở rộng của React, cho phép sử dụng cùng một kiến thức để phát triển ứng dụng di động. - Công cụ phát triển mạnh: React Developer Tools hỗ trợ debug và kiểm tra hiệu quả các component trong ứng dụng. - SEO: React hỗ trợ server-side rendering (SSR), cải thiện hiệu suất SEO cho ứng dụng.

Nhược điểm - Cần thêm thư viện bổ sung: ReactJS chỉ là thư viện UI, không phải framework toàn diện. Cần thêm các thư viện như Redux, React Router để quản lý trạng thái và routing. - Thường xuyên cập nhật: React được cải tiến thường xuyên, đôi khi gây khó khăn khi phải cập nhật hoặc thay đổi mã nguồn để theo kịp phiên bản mới. 13 - Phức tạp khi ứng dụng lớn: Với các ứng dụng lớn, việc quản lý state và luồng dữ liệu có thể trở nên phức tạp, yêu cầu sử dụng các công cụ như Redux hoặc Context API.

Hệ quản trị cơ sở dữ liệu MongoDB 2. Giớ thiệu MongoDB lần đầu ra đời bởi MongoDB Inc., tại thời điểm đó là thế hệ 10, vào tháng Mười năm 2007, nó là một phần của sản phẩm PaaS (Platform as a Service) tương tự như Windows Azure và Google App Engine. Sau đó nó đã được chuyển thành nguồn mở từ năm 2009. MongoDB là một hệ quản trị cơ sở dữ liệu phi quan hệ (NoSQL) mã nguồn mở, được thiết kế để lưu trữ và quản lý dữ liệu dưới dạng tài liệu (document).

Dữ liệu trong MongoDB được tổ chức thành các bộ sưu tập (collections), trong đó mỗi bộ sưu tập chứa các tài liệu (documents) có cấu trúc tùy ý. MongoDB được sử dụng để lưu trữ dữ liệu có khối lượng lớn, giúp các tổ chức lưu trữ một lượng lớn dữ liệu mà vẫn có thể vận hành nhanh chóng. Các tổ chức cũng sử dụng MongoDB nhờ các tính năng như truy vấn tùy ý, lập chỉ mục, cân bằng tải, tổng hợp, thực thi JavaScript phía máy chủ và các tính năng khác. Ưu điểm 14 - Dễ mở rộng: MongoDB hỗ trợ tính năng phân tán, giúp dễ dàng mở rộng cơ sở dữ liệu khi dữ liệu tăng lên, có thể phân phối dữ liệu qua nhiều máy chủ mà không ảnh hưởng đến hiệu suất.

- Linh hoạt với dữ liệu không cấu trúc: MongoDB không yêu cầu dữ liệu phải có cấu trúc cố định như trong các cơ sở dữ liệu quan hệ. Dữ liệu có thể được lưu trữ dưới dạng tài liệu JSON, cho phép lưu trữ dữ liệu không có cấu trúc hoặc thay đổi thường xuyên. - Hiệu suất cao với dữ liệu lớn: MongoDB được tối ưu hóa để xử lý khối lượng dữ liệu lớn với tốc độ cao nhờ vào khả năng chỉ mục linh hoạt và tính năng nén dữ liệu hiệu quả.