Đồ án quản lý căn tin

• Môn học: Nhập môn công nghệ phần mềm
• Lớp: 20_1
• Khóa: 2020 - 2024
• Giảng viên lý thuyết: Ngô Ngọc Đăng Khoa
• Giảng viên thực hành: Nguyễn Đức Huy

Table of content

• Thành viên
• Công nghệ
• Cây thư mục
• Cài đặt và sử dụng
• Tiến trình
• Tài liệu tham khảo
• Contributing

Thành viên

MSSV	Họ và Tên
20120251	Trần Đức Anh
20120485	Lê Văn Hùng
20120244	Hoàng Tuấn Anh
20120130	Đinh Thị Hoàng Linh

Công nghệ

• Design
  • Diagram: Draw.io
  • Prototype: Figma
• Front-end
  • HTML
  • CSS / Bootstrap
  • Javascript
• Back-end
  • PHP
  • MySQL
• Server
  • Localhost: Apache
  • Web hosting: Heroku

Cây thư mục

hcmus_fit_nmcnpm
    ├── asset                   # Folder liên quan đến phần front-end
    │   ├── css                 
    │   ├── js
    |   └── images              # Hình ảnh sử dụng trong chương trình
    ├── Model                   # Folder liên quan đến kết nối đến database 
    ├── View                    # Folder liên quan đến hiện giao diện trên trang web
    ├── Control                 # Folder liên quan đến xử lý form, truy vấn, cập nhật database
    ├── license
    ├── index.php
    ├── register.php
    └── README.md               # bạn đang ở đây nè

Cài đặt và sử dụng

Local host

Hướng dẫn tập trung đến việc cài đặt phần mềm, việc cài đặt XAMPP tùy thuộc vào hệ điều hành người dùng sử dụng. Đồng thời XAMPP là một phần mềm lâu đời trong việc triển khai Localhost, các hướng dẫn trên mạng khá đầy đủ, Mong bạn bỏ qua thiếu sót này

1. Tải và sử dụng XAMPP

   

2. Nếu tiếp cận bằng CLI, sử dụng câu lệnh $ sudo /opt/lampp/lampp start hoặc tiếp cận thông qua GUI, sử dụng XAMPP Control Panel để bật Apache và Mysql nhằm khởi tạo localhost và database

   

3. Mở Browser và truy cập Localhost để kiểm tra chương trình đã hoạt động chưa

   

4. Clone repository

   1. Với Window

      • Đến thư mục cài đặt XAMPP (mặc định là C:\xampp\htdocs)
      • Sử dụng terminal, window shell hoặc cmd và clone repository:

      git clone https://github.com/Erel0251/hcmus_fit_nmcnpm.git
      

   2. Với Linux

      • Mở Terminal, di chuyển đến thư mục của xampp với lệnh cd

      sudo cd /opt/lampp/htdocs
      

      • git clone repository:

      sudo git clone https://github.com/Erel0251/hcmus_fit_nmcnpm.git
      

5. Mở Browser bất kỳ và truy cập đến trang phpMyAdmin để thiết lập database cho chương trình

   

6. Mở tab SQL, copy toàn bộ nội dung trong file /hcmus_fit_nmcnpm/Model/createddb_Cantin.sql và thực hiện truy vấn

   

7. Sử dụng chương trình tại hcmus_fit_nmcnpm

   

Hosting

• Truy cập heroku

Tiến trình

• Thiết kế biểu đồ với Draw.io
• Thiết kế Prototype với Figma
• Tạo front-end với Html/Bootstrap
• Chuyển thành back-end kiến trúc Serverside với PHP
• Tạo cơ sở dữ liệu với MySQL
• Tính năng
  • Đăng nhập/đăng ký sử dụng tài khoản
  • Cập nhật thông tin tài khoản người dùng
  • Hiện thực đơn
  • Tìm kiếm đồ ăn, thức uống
  • Hiện chức năng tùy thuộc vào vai trò (Khách hàng, thu ngân, quản lý)
  • Hiện doanh thu theo ngày/tháng (thu ngân)
  • Thanh toán (thu ngân)
  • Nhập hàng (quản lý)
  • Cập nhật thực đơn (quản lý)
• Viết readme và báo cáo
• Triển khai (local/ hosting)
• Cải thiện UI

Tài liệu tham khảo

• Bootstrap Cheatsheet
• Login/Register Form with PHP and MySQL
• Upload image to Database
• README template

Contributing

1. Fork it (https://github.com/Erel0251/hcmus_fit_nmcnpm.git)
2. Create your feature branch (git checkout -b feature/fooBar)
3. Commit your changes (git commit -am 'Add some fooBar')
4. Push to the branch (git push origin feature/fooBar)
5. Create a new Pull Request