- 2.1. Đăng ký, đăng nhập, đăng xuất
- 2.2. Thay đổi thông tin, mật khẩu
- 2.3. Xem bản đồ
- 2.4. Thuê xe
- 2.5. Trả xe
- 2.6. Xem lịch sử thuê xe
- 3.1. Đăng nhập, đăng xuất
- 3.2. Điều hướng và xem thông tin
- 3.3. Quản lý xe
- 3.4. Quản lý bãi xe
- 3.5. Thay đổi giá thuê xe
Thành phố xanh Ecopark hiện đã là điểm đến nghỉ dưỡng ven đô Hà Nội, muốn đề xuất một hệ thống quản lý thông tin (website) thuê và trả xe của du khách, quản lý thông tin các bãi xe và các loại, số lượng xe khác nhau, có thể cho phép du khách thuê các loại xe khác nhau theo sở thích, ở địa điểm bãi xe gần nhất, một cách tự động.
1.1. Cài đặt từ Github:
Bước 1: Cài đặt NodeJS trên máy
Truy cập trang download nodejs, tải và cài đặt phiên bản phù hợp với máy tính.
Sau khi cài đặt xong, kiểm tra lại phiên bản đã cài đặt bằng câu lệnh:
node -v
Bước 2: Clone project
git clone https://github.com/TienNg21/EcoPark-Bicycle-Parking.git
Bước 3: Cài đặt các thư viện
Chuyển đến thư mục chứa Project vừa clone:
cd EcoPark-Bicycle-Parking
Thực hiện cài đặt thư viện:
npm install
Bước 4: Chạy project local
Chạy project bằng câu lệnh:
node app.js
Truy cập đường link sau bằng trình duyệt http://localhost:3000/ 🎉
1.2. Trải nghiệm ngay:
Truy cập đường dẫn EcoPark Bicycle Parking
Bạn nên sử dụng bằng điện thoại để có được trải nghiệm tốt nhất!!!
2.1. Đăng ký, đăng nhập, đăng xuất
- Trước tiên, bạn phải đăng ký tài khoản. Bạn cần điền đầy đủ thông tin: Họ tên, email, số điện thoại (phải đúng định dạng và có 10 số), số CMND/CCCD (phải có 9 hoặc 12 chữ số), giới tính, bạn có thể chọn là cư dân hoặc không (nếu là cư dân phải điền mã cư dân), nhập mật khẩu hai lần (phải có nhiều hơn 6 chữ số).
- Sau khi đăng ký thành công, bạn sẽ được chuyển sang trang đăng nhập. Tại đây bạn điền email và mật khẩu đã đăng ký để đăng nhập. Khi đăng nhập thành công bạn sẽ được đưa tới trang chủ.
- Để đăng xuất, hãy nhấn nút đăng xuất. Khi đăng xuất thành công, ta sẽ được đưa về trang đăng nhập và có thông báo đăng xuất thành công.
2.2. Thay đổi thông tin, mật khẩu
- Sau khi đăng nhập, bạn có thể vào phần tài khoản để thay đổi thông tin và mật khẩu của mình. Các thông tin phải đúng định dạng, mật khẩu cũ phải khớp và mật khẩu mới phải có nhiều hơn 6 ký tự.
2.3. Xem bản đồ
- Bạn có thể ấn vào nút bản đồ ở màn hình chính để xem vị trí của mình, đồng thời xác định vị trí các bãi xe trong khu vực EcoPark.
- Ngoài ra bạn có thể ấn vào từng bãi xe ở trên bản đồ để chuyển đến trang thuê xe của bãi đó.
2.4. Thuê xe
- Ngoài cách truy cập trang thuê xe từ bản đồ, bạn có thể ấn vào nút thuê xe ở màn hình chính để thuê xe. Sau khi chọn bãi, chọn xe, chọn thời gian thuê (có giá tiền tương ứng) hãy ấn nút thuê xe để tiếp tục.
- Lưu ý, khi thuê quá thời gian đã chọn, bạn phải trả thêm tiền mỗi 30 phút.
- Sau khi ấn nút thuê xe, bạn sẽ được đưa đến trang quét mã QR.
Mỗi bãi xe sẽ có 2 mã QR dùng để thuê xe và trả xe. Để lấy xe ra khỏi bãi, bạn phải quét mã QR thuê. Để trả xe về bãi, bạn phải quét mã QR trả. Nếu quét không đúng sẽ không thể thực hiện các thao tác trên. Mã QR không cố định mà sẽ được thay đổi theo mỗi lượt thuê xe
- Khi triển khai thực tế, bạn phải đến từng bãi xe mới có mã QR để quét. Trong phạm vi môn học, nhóm đã chuẩn bị trang sau để các bạn có thể quét mã dễ dàng hơn, bạn nên vào trang web bằng thiết bị khác để thuận tiện cho việc quét mã (do phải dùng camera) trang lấy mã QR các bãi xe. Chọn bãi xe bạn cần quét để thấy mã QR thuê và trả của bãi đó.
- Sau khi quét mã thuê xe, sẽ có thông báo. Nếu thuê thành công, app sẽ chuyển hướng về trang chủ và sẽ có bộ đếm thời gian thuê cho bạn. Nếu thời gian thuê đang chạy, nghĩa là bạn đã thuê xe thành công. Đừng vội tắt trang quét mã QR, bạn sẽ cần dùng nó để trả xe đó.
- Sau khi chọn xe nhưng chưa quét mã - chưa thuê (xe ở trạng thái pending - sẽ nói rõ hơn ở phần quản lý xe của admin), bạn hoàn toàn có thể hủy và chuyển thuê xe khác. Nếu không sau 5 phút, xe sẽ được hủy (do không quét mã).
2.5. Trả xe
- Tương tự khi thuê xe, để trả xe bạn cũng cần quét mã QR. Vào trang đã nêu trên để lấy mã. Sau khi thực hiện quét mã thành công, bạn đã trả xe thành công. Bây giờ hóa đơn cho việc thuê xe sẽ xuất hiện, hiển thị thông tin và số tiền bạn phải trả.
- Nhấn xác nhận để hoàn tất.
2.6. Xem lịch sử thuê xe
- Sau khi thực hiện thuê xe thành công, bạn có thể nhấn nút Lịch sử thuê xe để xem lại lịch sử những lần thuê xe của mình.
Vì đây là phần của quản trị viên, một số thay đổi có thể làm thay đổi quá trình trải nghiệm của project. Nếu bạn vào trải nghiệm vui lòng không xóa các xe, bãi xe, thay đổi thông tin bừa bãi. Xin cảm ơn các bạn.
3.1. Đăng nhập, đăng xuất
- Để đăng nhập vào tài khoản admin bạn sẽ cần sử dụng tài khoản
Email: [email protected] Password: adminadmin
- Để đăng xuất, nhấn nút như hình trên.
3.2. Điều hướng và xem thông tin
- Để điều hướng giữa các phần admin cần quản lý, bạn có thể cuộn hoặc ấn vào các nút điều hướng bên trái để cuộn tới phần tương ứng.
- Phần trên cùng sẽ hiển thị các thông tin tổng quan về hệ thống như: doanh thu ngày hôm nay, trạng thái các xe (xe chưa thuê/ xe đang chờ được quét/ xe đang được thuê), tổng số tài khoản và số lượng bãi xe.
- Bạn có thể xem một số thông tin về doanh thu, có thể chỉnh thời gian để xem doanh thu trong một khoảng thời gian bất kì.
- Tương tự với lịch sử, bạn cũng có thể xem lịch sử thuê xe trong một khoảng thời gian bất kì.
3.3. Quản lý xe
Xe sẽ có 3 trạng thái: available - khi sẵn sàng, pending - khi đã có user chọn xe nhưng chưa quét để thuê, active - khi đã có user thuê.
Khi có xe bất kì thay đổi trạng thái, hệ thống sẽ được cập nhật ngay lập tức, có thông báo và xe vừa thay đổi trạng thái xe có phần trạng thái nhấp nháy trong 10s
- Để thêm xe mới, bạn cần chọn bãi mà xe đó được thêm vào. Sau đó điền thông tin loại xe và ấn thêm. Khi thêm xe thành công, sẽ có thông báo và bạn sẽ được chuyển hướng tới mục danh sách xe
- Khi xe được thuê, phần id khách sẽ được cấp nhật id của người dùng đang thuê xe đó.
- Để thay đổi thông tin xe, hãy ấn vào thông tin xe bạn cần thay đổi (lưu ý: chỉ có thể thay đổi được id bãi xe - chuyển vị trí xe, trạng thái xe và loại xe). Sau khi thay đổi, nhấn nút màu xanh nước biển tương ứng với xe vừa thay đổi thông tin.
- Để xóa xe, bạn chỉ cần nhấn nút màu đỏ tương ứng với xe đó.
3.4. Quản lý bãi xe
- Để thêm bãi xe mới, bạn cần nhấn chuột phải vào một vị trí trên bản đồ để lấy tọa độ bãi xe. Sau đó điền thêm tên bãi xe rồi nhấn thêm. Sau khi thêm thành công, sẽ có thông báo và bạn sẽ được chuyển hướng tới mục danh sách bãi xe.
- Với bãi xe, bạn chỉ có thể thay đổi dược tên bãi. Sau khi thay đổi nhấn nút màu xanh nước biển tương ứng với bãi đó để hoàn tất.
- Để xóa bãi xe, bạn làm tương tự với xóa xe. Nhấn nút màu đỏ tương ứng với bãi xe đó.
Lưu ý: khi bãi xe đang còn xe thì sẽ không xóa được.
3.5. Thay đổi giá thuê xe
- Để thay đổi giá thuê 1h, 2h, 3h, giá trả muộn 30 phút, tỉ lệ giảm giá cho cư dân EcoPark. Bạn thay đổi giá trị của ô tương ứng rồi nhấn nút màu xanh tương ứng.
Để đổi mật khẩu admin cần phải có code của nhóm
🔥Một sản phẩm của Nhóm 12🔥