Luận văn tốt nghiệp: Xây dựng hệ thống quản lý bến xe cho khoa học máy tính

Luận văn tốt nghiệp kỹ thuật nghiên cứu Luận văn tốt nghiệp khoa học máy tính travel start xây dựng hệ thống quản lý bến xe, điều tra thực trạng, phân tích số liệu, đề xuất biện

• Tác giả: Cao Văn Tín
• Người hướng dẫn: Ths. Trương Quỳnh Chi
• Trường học: Đại học Bách Khoa, ĐHQG Thành phố Hồ Chí Minh
• Chuyên ngành: Khoa học máy tính
• Đề tài: Travel Start - Hệ thống quản lý bến xe
• Loại tài liệu: luận văn tốt nghiệp
• Năm xuất bản: 2023
• Địa điểm: Thành phố Hồ Chí Minh

Mục lục chi tiết

• LỜI CAM ĐOAN
• TÓM TẮT CHƯƠNG
• DANH SÁCH HÌNH ẢNH
• DANH SÁCH BẢNG
• 1. Chương 1: Giới thiệu đề tài
• 1.1. Ý nghĩa của đề tài
• 1.1.1. Ý nghĩa thực tiễn
• 1.1.2. Ý nghĩa học thuật
• 1.2. Giới hạn đề tài
• 2. Chương 2: Kiến thức nền tảng
• 2.1. ReactJs
• 2.2. Redux
• 3. Chương 3: Phân tích hệ thống
• 3.1. Khảo sát hệ thống hiện tại
• 3.1.1. Hệ thống School Bus Management Platform [4]
• 3.1.2. Hệ thống Vexere[5]
• 3.1.3. Phần mềm quản lý bến xe – Bến xe điện tử AN VUI
• 3.1.4. So sánh các hệ thống đã khảo sát
• 3.2. Đặc tả hệ thống
• 4. Chương 4: Thiết kế hệ thống
• 4.1. Cơ sở dữ liệu
• 4.1.1. ERD quan hệ
• 4.1.2. ERD thực thể
• 4.1.3. Mô tả ERD chi tiết
• 5. Chương 5: Hiện thực hệ thống
• 5.1. Kiến trúc hệ thống
• 5.2. Quản lý mã nguồn Github
• 5.3. Công nghệ, thư viện đã sử dụng
• 5.4. Cấu trúc mã nguồn
• 5.4.1. Ứng dụng web
• 5.5. Giao diện hệ thống
• 5.5.1. Giao diện trang chủ của Hành khách
• 5.5.2. Giao diện của người quản lý bến xe
• 5.5.3. Giao diện của chủ nhà xe
• 5.5.4. Giao diện của tài xế
• 6. Chương 6: Kiểm thử
• 7. Chương 7: Triển khai và đánh giá hệ thống
• 7.1. Nền tảng đám mây
• 7.2. Đánh giá hệ thống
• 7.2.1. Đánh giá bằng Google PageSpeed Insignts và Lighthouse
• 7.2.2. Cải thiện hiệu suất hệ thống
• 8. Chương 8: Tổng kết, đánh giá và hướng phát triển đề tài
• 8.1. Đánh giá kết quả đạt được
• 8.1.1. Đối với nhiệm vụ đề tài
• 8.1.2. Đối với cơ sở lý thuyết và công nghệ
• 8.1.3. Đối với quy trình phát triển phần mềm
• 8.2. Đánh giá ưu điểm, nhược điểm của hệ thống
• 8.2.1. Nhược điểm
• TÀI LIỆU THAM KHẢO

Tóm tắt

I. Tổng quan về hệ thống quản lý bến xe

Hệ thống quản lý bến xe hiệu quả cho sinh viên khoa học máy tính được xây dựng nhằm giải quyết những vấn đề tồn tại trong việc quản lý bến xe truyền thống. Đặc biệt, quản lý bến xe gặp nhiều khó khăn trong việc theo dõi lịch trình, giá vé và thông tin hành khách. Hệ thống này không chỉ giúp sinh viên có cơ hội thực hành mà còn nâng cao hiệu quả quản lý của các bến xe. Bằng cách áp dụng công nghệ thông tin, hệ thống cung cấp giải pháp quản lý giao thông hiện đại, giúp các nhà quản lý dễ dàng theo dõi và điều phối hoạt động của bến xe. Qua đó, giảm thiểu tình trạng ùn tắc và nâng cao chất lượng dịch vụ vận tải.

1.1 Ý nghĩa thực tiễn của hệ thống

Hệ thống không chỉ giúp các nhà quản lý bến xe nâng cao khả năng quản lý mà còn hỗ trợ hành khách trong việc tìm kiếm và đặt vé một cách dễ dàng. Với giao diện thân thiện, người dùng có thể nhanh chóng lựa chọn tuyến xe và chỗ ngồi phù hợp. Việc tích hợp chức năng đặt vé online cũng giúp giảm thiểu thời gian chờ đợi, nâng cao trải nghiệm của hành khách. Hệ thống còn cho phép nhà xe quản lý lịch trình ra vào bến, từ đó tối ưu hóa chi phí và thời gian hoạt động. Điều này góp phần cải thiện chất lượng dịch vụ và tạo ra sự hài lòng cho người dùng.

II. Kiến thức nền tảng và công nghệ sử dụng

Để xây dựng hệ thống, các công nghệ tiên tiến như ReactJs và NodeJs đã được lựa chọn. ReactJs giúp xây dựng giao diện người dùng mượt mà và dễ dàng quản lý trạng thái thông qua Redux. Việc sử dụng công nghệ thông tin hiện đại không chỉ nâng cao tính tương tác mà còn giúp hệ thống hoạt động hiệu quả hơn. NodeJs được sử dụng cho phần backend, cho phép xử lý đồng thời nhiều yêu cầu từ người dùng, đảm bảo hệ thống luôn hoạt động ổn định. Hệ thống cũng áp dụng các phương pháp phát triển phần mềm hiện đại để đảm bảo chất lượng và khả năng mở rộng trong tương lai.

2.1 Phân tích và thiết kế hệ thống

Hệ thống được thiết kế dựa trên mô hình MVC (Model-View-Controller) để tách biệt giữa giao diện và logic xử lý. Điều này giúp cho việc bảo trì và nâng cấp hệ thống trở nên dễ dàng hơn. Các chức năng như quản lý vé, quản lý hành khách, và quản lý nhà xe được phân tích và thiết kế kỹ lưỡng để đáp ứng nhu cầu thực tế. Việc sử dụng cơ sở dữ liệu MySQL cũng đảm bảo khả năng lưu trữ và truy xuất thông tin một cách nhanh chóng và hiệu quả. Các biểu đồ và sơ đồ thiết kế đã được xây dựng để minh họa rõ ràng cấu trúc hệ thống.

III. Triển khai và kiểm thử hệ thống

Quá trình triển khai hệ thống được thực hiện theo từng giai đoạn, bao gồm kiểm thử và đánh giá hiệu suất. Sử dụng công cụ như Katalon Studio, hệ thống đã trải qua nhiều bài kiểm tra để đảm bảo tính ổn định và hiệu quả. Các lỗi và vấn đề phát sinh trong quá trình kiểm thử được ghi nhận và xử lý kịp thời. Việc đánh giá hệ thống thông qua các chỉ số như Google PageSpeed Insights giúp xác định được các điểm cần cải thiện, từ đó nâng cao hiệu suất hoạt động của hệ thống. Điều này không chỉ đảm bảo tính khả dụng mà còn góp phần nâng cao trải nghiệm của người dùng.

3.1 Đánh giá và cải tiến hệ thống

Sau khi triển khai, hệ thống được đánh giá dựa trên phản hồi từ người dùng và các chỉ số hiệu suất. Việc lắng nghe ý kiến từ người dùng giúp xác định được những điểm mạnh và điểm yếu của hệ thống. Từ đó, các giải pháp cải tiến được đề xuất nhằm tối ưu hóa hiệu suất và chất lượng dịch vụ. Điều này không chỉ tạo ra sự hài lòng cho hành khách mà còn giúp các nhà quản lý bến xe hoạt động hiệu quả hơn trong công việc của mình.

Nội dung chính

Tổng quan nghiên cứu

Nhu cầu di chuyển liên tỉnh tại Việt Nam ghi nhận mức tăng trưởng trung bình khoảng 15% đến 20% mỗi năm, đặc biệt tăng đột biến trên 150% vào các dịp lễ tết nguyên đán và kỳ nghỉ dài ngày. Tuy nhiên, phần lớn các đơn vị quản lý bến xe và doanh nghiệp vận tải hành khách hiện nay vẫn phụ thuộc vào quy trình điều hành thủ công cùng phương thức bán vé truyền thống. Thực trạng này dẫn đến tình trạng quá tải nghiêm trọng tại các quầy vé, sai sót trong khâu điều phối lịch trình xe ra vào bến, cũng như gây bất đối xứng thông tin giữa nhà xe và người đi xe.

Nhằm giải quyết triệt để bài toán ùn tắc và nâng cao chất lượng dịch vụ vận tải công cộng, đề tài tập trung nghiên cứu, phân tích và xây dựng hệ thống quản lý bến xe toàn diện mang tên Travel Start. Mục tiêu cụ thể của công trình là số hóa toàn bộ quy trình vận hành bến bãi, cung cấp nền tảng quản lý tập trung cho 4 nhóm đối tượng cốt lõi: người quản lý bến xe, chủ nhà xe, tài xế và hành khách.

Phạm vi nghiên cứu được triển khai trong thời gian 12 tháng, từ ngày 10/01/2022 đến ngày 10/01/2023, tập trung vào mô hình bến xe khách liên tỉnh tại khu vực Thành phố Hồ Chí Minh. Ý nghĩa thực tiễn của nghiên cứu thể hiện qua việc tự động hóa hơn 80% thao tác nghiệp vụ điều độ bến bãi, giảm thiểu 85% thời gian xếp hàng mua vé của hành khách, đồng thời mang lại công cụ quản lý doanh thu, chuyến đi và phương tiện chính xác theo thời gian thực cho các đơn vị vận tải.

Cơ sở lý thuyết và phương pháp nghiên cứu

Khung lý thuyết áp dụng

Nghiên cứu ứng dụng lý thuyết kiến trúc phần mềm hướng dịch vụ đa tầng kết hợp mô hình Client - Server hiện đại nhằm đảm bảo tính mở rộng và độ ổn định cao của hệ thống. Bên cạnh đó, đề tài triển khai lý thuyết quản lý luồng dữ liệu đơn hướng Flux thông qua thư viện Redux, giúp kiểm soát trạng thái ứng dụng một cách chặt chẽ thông qua 3 thành phần nền tảng là Action, Reducer và Store.

Mô hình nghiên cứu tích hợp các khái niệm công nghệ then chốt bao gồm:

• Virtual DOM của thư viện ReactJs: Tối ưu hóa tốc độ kết xuất giao diện người dùng mà không cần trực tiếp thao tác lại toàn bộ cây DOM thực tế.
• Cơ chế xử lý bất đồng bộ Non-blocking I/O của nền tảng Node.js chạy trên V8 JavaScript Engine: Cho phép máy chủ xử lý hàng nghìn kết nối đồng thời với mức tiêu hao bộ nhớ RAM thấp.
• Khung điều hướng API của ExpressJs: Thiết lập các lớp trung gian middleware xử lý yêu cầu HTTP nhanh chóng.
• Hệ quản trị cơ sở dữ liệu quan hệ MySQL: Thiết kế lược đồ dữ liệu chuẩn hóa với mô hình quan hệ thực thể ERD bao gồm 16 bảng liên kết chặt chẽ.

Phương pháp nghiên cứu

Nghiên cứu áp dụng phương pháp nghiên cứu hỗn hợp kết hợp giữa khảo sát thực nghiệm và phát triển kỹ thuật phần mềm. Cỡ mẫu khảo sát được thực hiện trên 3 hệ thống quản lý và bán vé tiêu biểu đang vận hành trên thị trường gồm School Bus Management Platform, Vexere và Bến xe điện tử AN VUI. Phương pháp chọn mẫu có chủ đích được lựa chọn nhằm so sánh đối chiếu 10 tiêu chí kỹ thuật chuyên sâu như khả năng đặt vé trực tuyến, điều độ bến bãi, hỗ trợ thanh toán số và quản lý thông tin tài xế.

Nguồn dữ liệu kiểm thử bao gồm tập mẫu 33 Use Cases nghiệp vụ trải dài qua 4 nhóm người dùng, kết hợp với hơn 100 kịch bản kiểm thử tự động trên công cụ Katalon Studio. Lý do lựa chọn công cụ kiểm thử tự động và bộ tiêu chuẩn Google PageSpeed Insights cùng Google Lighthouse là nhằm định lượng chính xác hiệu năng hiển thị, khả năng truy cập và tính toàn vẹn của dữ liệu trong suốt vòng đời phát triển phần mềm từ tháng 01/2022 đến tháng 01/2023.

Kết quả nghiên cứu và thảo luận

Những phát hiện chính

Quá trình xây dựng và thực nghiệm hệ thống Travel Start ghi nhận các phát hiện kỹ thuật nổi bật:

Thứ nhất, hệ thống đã chuẩn hóa và hiện thực hóa thành công 33 Use Cases nghiệp vụ, phân quyền chính xác cho 4 nhóm tác nhân gồm Quản trị viên hệ thống với 8 chức năng, Chủ nhà xe với 9 chức năng, Tài xế với 4 chức năng và Hành khách với 9 chức năng cốt lõi.

Thứ hai, việc áp dụng ReactJs kết hợp Redux giúp tốc độ phản hồi giao diện đạt mức dưới 1,2 giây cho mỗi thao tác chuyển trang, đồng thời chỉ số đánh giá hiệu năng trên Google PageSpeed Insights và Lighthouse của các trang chính như đăng nhập và trang chủ đều đạt số điểm ấn tượng từ 85 đến 92 trên thang điểm 100.

Thứ ba, quy trình đặt vé trực tuyến giúp rút ngắn thời gian hoàn tất giao dịch của khách hàng từ mức trung bình 15 phút tại quầy truyền thống xuống còn khoảng 90 giây trên nền tảng web, giảm thiểu 90% nguy cơ trùng lặp chỗ ngồi nhờ cơ chế khóa ghế tức thời.

Thứ tư, tính năng điều độ phương tiện và theo dõi trạng thái ra vào bến theo thời gian thực giúp ban quản lý bến kiểm soát chính xác 100% danh sách xe xuất bến và cập nhật thông tin chuyến đi cho tài xế ngay trên giao diện điều hành.

Thảo luận kết quả

Các phát hiện từ đề tài khẳng định tính ưu việt của mô hình quản lý bến xe tích hợp đa tác nhân so với các giải pháp đơn lẻ trên thị trường. Trong khi hệ thống Vexere chỉ tập trung vào phân hệ đặt vé thương mại điện tử và nền tảng AN VUI chú trọng điều độ bến bãi truyền thống, Travel Start dung hòa cả hai khía cạnh này vào một không gian số đồng nhất. Dữ liệu đối chiếu chức năng được trình bày chi tiết thông qua bảng ma trận so sánh hệ thống, làm nổi bật khả năng xử lý linh hoạt của Travel Start từ khâu phân phối mã giảm giá, quản lý tuyến đường cho đến giám sát lịch trình chạy của tài xế.

Bên cạnh đó, các biểu đồ luồng dữ liệu kiến trúc Redux và sơ đồ thực thể quan hệ ERD 16 bảng minh chứng rằng việc tách biệt rõ ràng giữa tầng hiển thị và tầng lưu trữ dữ liệu giúp giảm thiểu đến 40% chi phí truy vấn cơ sở dữ liệu MySQL khi lượng truy cập tăng cao. Điều này mang lại giá trị vận hành thực tiễn lớn cho các bến xe có lưu lượng xe đạt từ 500 đến 1.000 lượt xuất bến mỗi ngày.

Đề xuất và khuyến nghị

Nhằm hoàn thiện và nâng cao hiệu quả ứng dụng của hệ thống quản lý bến xe trong môi trường thực tế, đề tài đề xuất 4 nhóm giải pháp chiến lược:

Thứ nhất, tích hợp cổng thanh toán trực tuyến đa kênh như VNPay, ZaloPay và MoMo vào phân hệ thanh toán. Nhóm phát triển phần mềm cần triển khai giải pháp này trong lộ trình 3 tháng tới nhằm nâng tỷ lệ giao dịch không tiền mặt của hành khách lên mức trên 95%, giảm thiểu rủi ro xử lý tiền mặt tại quầy vé.

Thứ hai, phát triển ứng dụng di động chuyên dụng cho Tài xế và Hành khách trên hai nền tảng iOS và Android. Ban công nghệ cần hoàn thành việc tích hợp công nghệ quét mã QR động trong 6 tháng tới, giúp tài xế xác thực vé hành khách lên xe chỉ trong khoảng 2 đến 3 giây cho mỗi lượt kiểm tra.

Thứ ba, nâng cấp hạ tầng máy chủ lên nền tảng đám mây đa vùng kết hợp sử dụng bộ nhớ đệm Redis. Đơn vị vận hành hệ thống cần hoàn tất việc tối ưu hóa cơ sở dữ liệu trong vòng 4 tháng, nhằm đảm bảo khả năng đáp ứng đồng thời hơn 10.000 phiên truy cập trong các khung giờ cao điểm dịp lễ tết mà không xảy ra hiện tượng nghẽn mạng.

Thứ tư, chuẩn hóa giao diện lập trình ứng dụng mở để kết nối dữ liệu liên thông giữa Ban quản lý bến xe với các cơ quan quản lý giao thông đô thị. Ban điều hành bến xe chủ trì phối hợp trong thời gian 6 tháng để tự động hóa việc chia sẻ dữ liệu luồng xe, giúp cơ quan chức năng theo dõi và phân luồng giao thông hiệu quả hơn.

Đối tượng nên tham khảo luận văn

Công trình nghiên cứu mang lại giá trị học thuật và ứng dụng thực tiễn cao, đặc biệt phù hợp với 4 nhóm đối tượng sau:

Nhóm sinh viên và học viên cao học ngành Công nghệ thông tin, Khoa học máy tính và Hệ thống thông tin: Tài liệu cung cấp góc nhìn toàn diện về phương pháp phân tích yêu cầu phần mềm, đặc tả 33 Use Cases chuẩn mực và kỹ thuật thiết kế cơ sở dữ liệu quan hệ gồm 16 thực thể chuẩn hóa.

Nhóm kỹ sư phát triển phần mềm Full-stack: Tài liệu đóng vai trò như một cẩm nang hướng dẫn thực tế về việc kết hợp ReactJs, Redux ở phía Front-end với Node.js, ExpressJs ở phía Back-end, đi kèm quy trình kiểm thử tự động với Katalon Studio.

Nhóm các chủ doanh nghiệp vận tải và nhà xe liên tỉnh: Tài liệu cung cấp giải pháp chuyển đổi số toàn diện giúp tối ưu hóa chi phí vận hành, quản lý đội ngũ tài xế, kiểm soát lịch trình phương tiện và xây dựng các chương trình khuyến mãi linh hoạt.

Nhóm ban quản lý các bến xe khách: Bản nghiên cứu phác thảo mô hình chuyển đổi bến xe truyền thống sang mô hình bến xe điện tử thông minh, hỗ trợ quy trình điều độ phương tiện ra vào bến khoa học và minh bạch.

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

Hệ thống Travel Start ngăn chặn tình trạng đặt trùng ghế của hành khách như thế nào? Hệ thống sử dụng cơ chế khóa giao dịch tạm thời trên cơ sở dữ liệu MySQL kết hợp quản lý trạng thái thời gian thực thông qua Redux Store. Khi một hành khách chọn ghế, vị trí đó lập tức chuyển sang trạng thái chờ xử lý trong vòng 5 phút, ngăn chặn hoàn toàn việc người khác chọn trùng ghế đó.

Kiểm thử tự động bằng Katalon Studio mang lại lợi ích gì cho dự án? Katalon Studio hỗ trợ ghi nhận và tự động hóa toàn bộ hơn 100 kịch bản kiểm thử giao diện web từ đăng ký, đăng nhập đến quy trình đặt và hủy vé. Việc này giúp đội ngũ phát triển phát hiện sớm 100% lỗi logic luồng dữ liệu trước khi triển khai thực tế.

Hiệu năng của hệ thống Travel Start được đo lường qua những chỉ số nào? Hệ thống được đánh giá trực tiếp qua công cụ Google PageSpeed Insights và Google Lighthouse. Kết quả kiểm tra ghi nhận điểm số hiệu năng và khả năng truy cập đều đạt từ 85 đến 92 điểm, với thời gian tải trang trung bình dưới 1,5 giây trên môi trường mạng thông thường.

Nhà xe có thể tự điều chỉnh giá vé và tạo chương trình khuyến mãi không? Có, hệ thống cung cấp phân hệ quản trị riêng biệt cho chủ nhà xe với 9 chức năng quản lý. Nhà xe hoàn toàn chủ động thiết lập bảng giá theo từng chuyến đi, tạo mã giảm giá độc lập hoặc tham gia vào các sự kiện khuyến mãi chung do bến xe phát động.

Hành khách có thể hủy vé đã đặt trực tuyến trên hệ thống hay không? Hành khách có thể dễ dàng thao tác hủy vé trực tiếp trong mục quản lý vé cá nhân trên giao diện web. Tuy nhiên, hệ thống thiết lập ràng buộc logic nghiệp vụ chỉ cho phép hủy vé trước thời gian xe khởi hành ít nhất 60 phút để đảm bảo quyền lợi cho nhà xe.

Kết luận

• Xây dựng thành công hệ sinh thái quản lý bến xe toàn diện Travel Start phục vụ đồng bộ 4 nhóm tác nhân vận hành.
• Chuẩn hóa quy trình phân tích và thiết kế phần mềm với 33 Use Cases chi tiết và lược đồ cơ sở dữ liệu gồm 16 bảng thực thể liên kết.
• Tối ưu hóa hiệu năng giao diện người dùng đạt điểm số trên 85/100 qua công cụ kiểm thử chuẩn mực của Google.
• Tự động hóa toàn bộ quy trình kiểm thử chức năng bằng nền tảng Katalon Studio, đảm bảo độ tin cậy vận hành cao.
• Cung cấp mô hình chuyển đổi số thực tiễn giúp nâng cao năng lực cạnh tranh và giảm thiểu áp lực quản lý cho các bến xe liên tỉnh.

Về lộ trình tiếp theo, nhóm nghiên cứu dự kiến hoàn thiện phiên bản ứng dụng di động trong 6 tháng tới và triển khai thử nghiệm thực địa tại một bến xe khách quy mô vừa trước quý 4 năm sau. Các đơn vị vận tải và ban quản lý bến xe quan tâm đến giải pháp số hóa bến bãi có thể tiếp cận nghiên cứu này để áp dụng ngay mô hình quản lý hiện đại vào thực tiễn doanh nghiệp.

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

Chương 1: Giới thiệu đề tài 1.2 Ý nghĩa học thuật Việc thực hiện và triển khai hệ thống TravelStart giúp cho chúng em áp dụng và củng cố những kiến thức, kinh nghiệm về cơ sở dữ liệu, kiến trúc hệ thống, các kỹ thuật lập trình đã có được trong suốt quá trình học tập. Hơn nữa, chúng em còn phân tích thiết kế, tự mình chọn và áp dụng những công nghệ được sử dụng phổ biến hiện nay như thư viện Front-end ReactJs, Back-end NodeJs, framework ExpressJs,. Đây cũng là dịp để chúng em nâng cao khả năng tự học, tự tìm hiểu nghiên cứu và giải quyết các vấn đề phát sinh trong quá trình tìm hiểu, hiện thực, đánh giá hệ thống.3 Mục tiêu Hệ thống TravelStart được xây dựng nhằm hướng đến những mục tiêu cho người quản lý bến xe, công ty vận chuyển và Hành khách: Ứng dụng web với các chức năng quản lý các bến xe cho phép người quản lý cấu hình thông tin bến xe, tuyến đường, các sự kiện kèm các mã giảm giá, thời gian ra vào bến của xe, tài xế, đồng thời quản lý các bài viết trên hệ thống. Đối với nhà xe thì có thể quản lý được thời gian ra vào của tài xế, phương tiện, cấu hình các thông tin như giá vé, tuyến đường cho phù hợp với từng nhà xe.

Và quan trọng nhất vẫn là hành khách, hệ thống giúp cho hành khách có thể chọn các tuyến đường, nhà xe, chỗ ngồi thích hợp và hủy vé nếu có lý do riêng mà không cần phải đến trực tiếp nhà xe hay bến xe.4 Giới hạn đề tài Trong quá trình phát triển hệ thống TravelStart, tôi không đi sâu vào việc quản lý tài nguyên của bến xe, nhà xe mà chỉ tập trung vào việc cung cấp các thông tin cơ bản về bến xe, cung cấp tiện ích cho hành khách thông qua quá trình tìm chuyến, đặt vé, hủy vé online. Ngoài ra còn cung cấp các tiện ích cho bến xe, nhà xe và tài xế như quản lý hành khách, tuyến đường, khuyến mãi. Bởi vì giới hạn về nhân lực và thời gian hiện thực, tôi sẽ phát triển thêm nhiều chức năng trong tương lai. 17 Chương 2: Kiến thức nền tảng Chương 2: Kiến thức nền tảng 2.1 ReactJs Một trong những yêu cầu quan trọng của hệ thống là xây dựng giao diện chức năng quản lý của bến xe, nhà xe và các chức năng hồ trợ Hành khách đặt vé.

Với xu thế hiện nay, xây dựng ứng dụng web có khá nhiều ưu điểm so với các ứng dụng desktop vì tính linh hoạt, hỗ trợ đa nền tảng của nó. Trong quá trình tìm hiểu các công nghệ liên quan để phát triển ứng dụng web như VueJs, ReactJ, Angular,. tôi thấy rằng ReactJ có những ưu điểm phù hợp để phát triển ứng dụng và có cộng đồng người sử dụng khá lớn. Do đó ReactJs được tôi chọn để xây dựng hệ thống.

ReactJs là 1 opensource được phát triển bởi Facebook, bản thân nó là 1 thư viện JavaScript được tạo ra để xây dựng giao diện người dùng [1]. ReactJs được xây dựng dựa trên khái niệm component. Một component đại diện cho một thành phần giao diện người dùng có khả năng tái sử dụng, các component được lồng nhau tạo nên cấu trúc phân cấp, từ các component nhỏ có thể xây dựng nên các component lớn hơn. Chính vì vậy mà những website sử dụng ReactJs thường chạy mượt, nhanh và có khả năng mở rộng cao.

ReactJs triển khai luồng dữ liệu một chiều, được truyền từ cha đến con thông qua thuộc tính props, giúp cho chúng ta dễ kiểm soát luồng logic tốt hơn so với truyền thống. Còn giúp cho quá trình phát hiện lỗi, bảo trì và nâng cấp một cách hiệu quả. Hình 1: Dòng dữ liệu trong React 18 Chương 2: Kiến thức nền tảng Ngoài ra, ReactJs cho phép nhúng code HTML, CSS trong code JavaScript nhờ vào JSX1 giúp cho lập trình viên lồng ghép code HTML, CSS vào trong JavaScript một cách tự nhiên hơn. Hiệu suất tốt hơn với Virtual DOM.

ReactJs cho phép xây dựng Virtual DOM, khi đó sự thay đổi trong DOM thực tế thì Virtual DOM sẽ thay đổi ngay lập tức.2 Redux Trong quá trình xây dựng hệ thống bằng ReactJs, các component sẽ tăng lên lúc đó đòi hỏi sự trao đổi dữ liệu ngày càng nhiều. Việc giao tiếp giữa các component cha và con ở nhiều lớp bên trong ngày càng phức tạp. Do đó hệ thống cần một công cụ quản lý trạng thái dữ liệu. Để giải quyết vấn đề đó, vì vậy tôi quyết định sử dụng Redux để giải quyết những vấn đề này.

Hình 2: Quản lý state với Redux Redux là một thư viện JavaScript giúp tạo thành một lớp quản lý trạng thái của ứng dụng, từ đo quản lý trạng thái dễ dàng hơn. Redux được xây dựng từ 3 thành phần chính: • Action: có thể hiểu là các sự kiện của chương trình. Đây là cách duy nhất để người dùng truyền tải data từ ứng dụng đến Store trong Redux, dữ liệu được 1 JSX (JavaScript Systax Extension) là 1 cú pháp mở rộng của JavaScript[2] , là sự kết hợp giữa JavaScript và XML. 19 Chương 2: Kiến thức nền tảng truyền có thể là yêu cầu từ người dùng, ứng dụng, API call hoặc form submission.

• Reducer: là các function nguyên thủy, chúng lấy state hiện tại của app, thực hiện một action trả về một state mới. Những state này được lưu như những objects và chúng xác định trạng thái của ứng dụng thay đổi như thế nào để đáp ứng các Action được gửi đến Store. • Store: lưu trạng thái ứng dụng và nó là duy nhất trong bất kỳ một ứng dụng redux nào. Store cho phép người dùng có thể tiếp tục truy cập những chương trình đã được lưu và có thể can thiệp chúng thông qua những phương pháp hỗ trợ gồm cập nhập, đăng ký hoặc hủy.

Để kích hoạt các Action được thực hiện phải sử dụng đến các phần tử dispatcher sau đó gửi đến reducer. Dòng dữ liệu của Redux được miêu tả bởi hình 3: Hình 3: Sơ đồ kiến trúc của Redux 20 Chương 2: Kiến thức nền tảng 2.1 Nodejs Nodejs là một nền tảng được xây dựng trên V8 JavaScript Engine – trình thông dịch thực thi mã JavaSript, giúp xây dựng các ứng dụng web một cách đơn giản và dễ dàng mở rộng. Một số ưu điểm có thể thấy rõ khi sử dụng Node.js được xây dựng dựa vào nền tảng v7 JavaScript Engine nên thực thi chương trình rất nhanh.js nhận và xử lý đơn luồng nên giúp hệ thống ít tốn RAM hơn.js được viết bằng javaScript với cộng đồng người dùng lớn mạnh. Nếu cần hỗ trợ gì về Node.js thì dễ tìm ra người hỗ trợ.

• Tốc độ xử lý nhanh: Nhờ cơ chế bất đồng bộ (non-blocking) nên Node.js có thể xử lý nhiều kết nối cùng lúc và không gặp bất cứ khó khăn nào. • Sở hữu trình quản lý thư viện riêng – npm. Bên cạnh đó, Node.js có một số nhược điểm như: • Nếu không biết rõ JavaScript thì sẽ gặp khó khăn với Node.js không thể tận dụng lợi thế của nhiều lõi thường có trong phần cứng hiện nay. • Tuổi đời còn khá nhỏ khi so với các ngôn ngữ phía máy chủ khác như PHP, Ruby, Python, C#,.

nên không phù hợp với các dự án quan trọng.2 Expressjs Expressjs là một framework được xây dựng trên nền tảng NodeJs. Express cung cấp các hàm HTTP và middleware để tạo ra một API đơn giản. Một số chức năng chính của Expressjs: • Thiết lập các lớp trung gian để trả về các HTTP request. • Cho phép trả về các trang HTML dựa vào các tham số.

• Define route cho phép sử dụng với các hành động khác nhau dựa trên phương thức HTTP và URL.3 Database MySQL là một hệ thống quản trị cơ sở dữ liệu mã nguồn mở (gọi tắt là RDBMS) hoạt động theo mô hình client-server. Đây là hệ quản trị cơ sở dữ liệu rất được ưu chuộng trong quá trình xây dựng, phát triển ứng dụng. Và một số ưu điểm phải kể đến của MySQL: 21 Chương 2: Kiến thức nền tảng • Dễ sử dụng: mySQL là cơ sở dữ liệu tốc độ cao và ổn định, công cụ này dễ sử dụng và hoạt động trên nhiều hệ điều hành khác nhau. • Tính bảo mật cao: rất thích hợp cho các ứng dụng truy cập cơ sở dữ liệu trên internet.

• Tính đa năng: MySQL hỗ trợ nhiều chức năng SQL từ hệ quản trị cơ sở dữ liệu trực tiếp lẫn gián tiếp. • Khả năng mở rộng mạnh mẽ : MySQL có thể xử lý rất nhiều dữ liệu và có thể mở rộng nếu cần thiết. • Mã nguồn mở: cho phép người dùng tự do sửa chữa, thay đổi theo yêu cầu. [3] 22 Chương 3: Phân tích hệ thống Chương 3: Phân tích hệ thống 3.1 Khảo sát hệ thống hiện tại Để hiểu rõ hơn mục đích tại sao xây dựng hệ thống TravelStart, chúng tôi đã tiến hành khảo sát một số trang web có cùng lĩnh vực để tìm ra hướng giải quyết cho hệ thống của mình.

Một số hệ thống chúng tôi lựa chọn để khảo sát là The School Bus Management Platform, Vexere, phần mềm quản lý bến xe – Bến xe điện tử ANVUI.1 Hệ thống School Bus Management Platform [4] Hệ thống này có tên miền là https://schoolbus.au/ , hệ thống có nhiều chức năng khác nhau nhưng chúng tôi chỉ tập trung vào những tính năng chính như: • Theo dõi lên xuống xe của học sinh: tài khoản của học sinh sẽ sử dụng mã QR code hoặc RFID. • Quản lý thông tin học sinh. • Quản lý tài xế: Nhận được thông báo quãng đường đi, thời gian dừng, đang ở vị trí nào,. • Quản lý tuyến đường: có thời gian dự kiến rõ ràng cho từng trạm dừng của từng tuyến đường đồng thời có cả map để quan sát trực quan hơn.

Ưu điểm: • Quản lý được tuyến đường, thời gian đi của tài xế. • Quản lý được danh sách học sinh cùng với thời gian lên xe, xuống xe.2 Hệ thống Vexere[5] Hệ thống Vexere là môt hệ thống dùng để đặt vé xe trực tuyến, ngoài tính năng chính là đặt vé thì còn nhiều tính năng khác nữa. Nhưng chúng tôi chỉ khảo sát, tìm hiểu những tính năng chính sau: • Tính năng đặt vé: - Hành khách đặt vé online thông qua hệ thống từ đó lựa chọn chỗ ngồi, lộ trình, thời gian thích hợp. - Hành khách đặt vé trực tiếp với nhà xa thông qua số điện thoại của hệ thống khi chọn tuyến.

- Hành khách tự chọn điểm đón, trả khách phù hợp với bản thân thông qua điểm đón, trả khách đề xuất hay Hành khách có thể tự nhập. 23 Chương 3: Phân tích hệ thống • Tính năng thanh toán: - Khi Hành khách đặt vé online thì sẽ có nhiều hình thức thanh toán khác nhau như ShopeePay, ZaloPay, Ví MoMo,.