Tab quản lý thực đơn: nơi hiển thị những món có trong danh sách menu của
quán, có thể thêm những món mới vào danh sách menu, đồng thời xóa hoặc sửa thơng tin những món cũ.
Hình 4. 17: thi cơng giao diện quản lý thực đơn
Tab quản lý nhân viên: nơi hiển thị thông tin của nhân viên gồm tên, địa chỉ, số
điện thoại, giới tính, q qn, mã nhân viên. Có thể thêm thơng tin của nhân viên mới, xóa hoặc sửa thơng tin của những nhân viên cũ.
Tab thống kê: tab này hiển thị tất cả các hóa đơn mà khách hàng đã thanh tốn,
có thể thống kê doanh thu trong một ngày của quán, đồng thời có thể xóa những hóa đơn cũ khi người dùng muốn xóa.
Hình 4. 19: Thi công giao diện thống kê doanh thu
Tab giới thiệu: hiển thị thông tin trường, khoa, ngành học, tên đề tài, tên GVHD,
và tên nhóm thực hiện đề tài.
4.2.3.2.2 Thiết kế chương trình
Lưu đồ chương trình đăng nhập vào hệ thống trên máy tính như sau:
Hình 4. 21: Lưu đồ giải thuật form đăng nhập
Đầu tiên khi chạy chương trình sẽ kết nối với web server đọc tất cả dữ liệu từ bảng đăng nhập trong database sau đó gởi về cho client và chương trình đăng nhập sẽ kiểm tra đúng user và password hay khơng nếu đúng thì đóng form hiện tại và gọi form admin chạy,nếu sai user hoặc password thì kiểm tra có nhấn thốt chương trình hay khơng nếu nhấn thốt thì thốt ra khỏi chương trình, nếu khơng thì sẽ quay lại nhập user và password lại.
Lưu đồ chương trình quản lý bàn của ứng dụng
Hình 4. 22: Lưu đồ chương trình form quản lý bàn trên máy tính
Form quản lý bàn sẽ thực hiện các chức năng cập nhật thực đơn của quán hiển thị cho người dùng, cập nhật các hóa đơn để người dùng nhập hóa đơn khơng bị trùng hóa đơn, chọn món cho bàn, thêm món và xuất hóa đơn tính tiền cho người dùng.
Lưu đồ chương trình quản lý thực đơn của ứng dụng
BEGIN
Truy cập web server đọc tất cả các món từ database về ứng dụng
Hiển thị thơng tin tất cả các món có trên database cho người dùng
Nhập mã món, tên món, đơn giá, mã loại, hình ảnh
Kiểm tra thơng tin nhập đầy đủ khơng
== TRUE Thêm
Thêm món vào database
SỮA nhập đầy đủ khơng Kiểm tra thơng tin == TRUE
Sữa thơng tin món cập nhật database
Xóa
Kiểm tra nhập key mã loại chưa == TRUE
EDIT == TRUE KẾT THÚC Đ S Đ S S Đ Đ
XĨA THƠNG TIN MĨN TỪ DATABASE Đ S S S S Đ Đ
Giải thích lưu đồ: khi bắt đầu form quản lý thực đơn hoạt động thì sẽ kết nối với web server truy cập đến database lấy tất cả các thơng tin món trong bảng thực đơn của database gởi về cho ứng dụng và sẽ hiển thị thơng tin tất cả các món lấy về ra bảng cho người sử dụng biết được các thơng tin các món như là tên món, mã loại, giá tiền, hình ảnh. Ngồi việc hiển thị thơng tin các món có trong menu của quán cho người sử dụng biết mà cịn có chức năng thêm món mới, sửa hoặc xóa những món cũ khi người sử dụng muốn thay đổi, chương trình trong form quản lý thực đơn sẽ hoạt động khi hiển thị thơng tin món cho người sử dụng biết sau đó khi người dùng muốn thêm món mới vào thực đơn thì sẽ nhập đầy đủ thơng tin của món và nhấn nút thêm chương trình sẽ kiểm tra người dùng có nhập đủ thơng tin u cầu khơng nếu đầy đủ thì thực hiện thêm thơng tin món mới vào database trên cơ sở dữ liệu, đồng thời hiển thị món vừa thêm ra bảng cho người sử dụng biết là đã thêm thành cơng, ngồi chức năng thêm thì cịn có chức năng sửa và xóa khi người sử dụng muốn thay đổi nội dung của món cũ.
Lưu đồ quản lý nhân viên của ứng dụng
BẮT ĐẦU
TRUY CẬP WEB SERVER ĐỌC TẤT CẢ THÔNG TIN NHÂN VIÊN TỪ DATABASE HIỂN THỊ THÔNG TIN TẤT CẢ NHÂN VIÊN
RA BẢNG
NHẬP THÔNG TIN NHÂN VIÊN
THÊM == TRUE
KIỂM TRA NHẬP THÔNG TIN ĐẦY ĐỦ
== TRUE
THÊM THÔNG TIN NHÂN VIÊN VÀO DATABASE
SỮA == TRUE
KIỂM TRA NHẬP THÔNG TIN ĐẦY ĐỦ == TRUE
SỮA THƠNG TIN NHÂN VIÊN TRÊN DATABASE
XĨA == TRUE
NHẬP MÃ NHÂN VIÊN ==
TRUE
XĨA THƠNG TIN NHÂN VIÊN TRÊN DATABASE Đ Đ S Đ S Đ Đ Đ EXIT == TRUE KẾT THÚC S S S S Đ S
Giải thích lưu đồ: Khi bắt đầu chạy form nhân viên chương trình sẽ truy cập đến web server đọc tất cả thông tin nhân viên trong bảng nhân viên của database sau đó gởi dữ liệu thơng tin tất cả các nhân viên về cho ứng dụng và hiển thị ra cho người sử dụng biết tất cả các thông tin nhân viên trong quán, form nhân viên cịn có chức năng thêm thông tin nhân viên mới, khi người dùng nhập thông tin nhân viên mới khi nhấn nút thêm thì chương trình sẽ kiểm tra thơng tin có nhập đầy đủ hay chưa nếu nhập đầy đủ sẽ thêm thông tin nhân viên mới vào database trên server đồng thời hiển thị ra cho người dùng biết đã thêm thơng tin nhân viên thành cơng, cịn nếu kiểm tra thơng tin nhập cịn thiếu thì sẽ báo người dùng nhập lại, và sửa hoặc xóa cũng tương tự như nút thêm.
Lưu đồ form quản lý thống kê doanh thu trong ngày
BẮT ĐẦU
TRUY CẬP SERVER ĐỌC TẤT CẢ HÓA ĐƠN TRONG BẢNG HÓA ĐƠN CỦA DATABASE
HIỂN THỊ THƠNG TIN TẤT CẢ HĨA ĐƠN RA BẢNG HĨA TRÊN ỨNG DỤNG
NHẬP NGÀY THỐNG KÊ, NHẬP KEY XÓA HÓA ĐƠN
XEM HÓA ĐƠN == TRUE ĐỌC TẤT CẢ HÓA ĐƠN TỪ DATABASE HIỂN THỊ RA BẢNG HĨA ĐƠN TÍNH TỔNG HĐ == TRUE NHẬP NGÀY THỐNG KÊ == TRUE
TÍNH TỔNG TIỀN CÁC HĨA ĐƠN ĐÃ XUẤT TRONG NGÀY NHẬP HIỂN THỊ RA CHO NGƯỜI
DÙNG
XÓA == TRUE NHẬP KEY HĐ == TRUE
XÓA HÓA ĐƠN TRÊN DATABASE
EXIT KẾT THÚC S S Đ Đ Đ Đ Đ S Đ S S S
Giải thích lưu đồ quản lý thống kê: khi form bắt đầu hoạt động thì chương trình sẽ truy cập đến web server đọc tất cả thơng tin hóa đơn của bảng hóa đơn sau đó gởi thơng tin về cho ứng dụng và hiển thỉ tất cả hóa đơn ra bảng cho người sử dụng, tiếp theo sẽ kiểm tra nếu có nhấn nút tính tổng thu nhập trong ngày thì sẽ kiểm tra điều khiện có nhập ngày cần thống kê hay chưa? Nếu chưa nhập thì chương trình sẽ quay lại bắt nhập ngày cần thống kê doanh thu, cịn nếu có nhập thì sẽ tính tổng các hóa đơn trong ngày mà người dùng đã nhập vào. Ngoài việc thống kê doanh thu trong ngày form quản lý thống kê cịn có thể xóa những hóa đơn cũ mà người dùng muốn xóa.
4.2.4 Thi cơng ứng dụng menu trên điện thoại Android 4.2.4.1 Yêu cầu
Giao diện chương trình đẹp mắt, dễ sử dụng
Có tính bảo mật cao
Kết nối với web server truyền dữ liệu qua wifi ổn định
Dữ liệu trên Android phải được đồng bộ với ứng dụng trên PC
4.2.4.2 Giải quyết yêu cầu
4.2.4.2.1 Thi công giao diện cho ứng dụng trên điện thoại Android
Sử dụng cơng cụ lập trình Android studio để thiết kế giao diện trên ứng dụng điện thoại
Tạo giao diện chính cho người sử dụng đặt bàn
Sau khi đặt bàn thì thiết kế giao diện cho người sử dụng chọn loại món
Khi khách hàng chọn loại món sẽ thiết kế giao diện liệt kê cụ thể từng món của loại đồ uống mà người dùng chọn
Đồng thời thiết kế giao diện xuất hóa đơn khi người sử dụng muốn tính tiền bàn của người sử dụng đã đặt
Bước 1 . Chọn Mở Android Studio, click Chọn Start a new để bắt đầu
Hình 4. 26: Giao diện khởi đơng Android studio Bước 2. Chọn tên chương trình Bước 2. Chọn tên chương trình
Bước 3. Chọn Sdk cho ứng dụng. Nên chọn phiên bản thấp để các máy đều phù hợp
Hình 4. 28: Chọn SDK
Bước 4. Google cung cấp 1 số activity cho người phát triển ứng dụng chọn.
Bước 5. Tên của Activity đầu tiên xuất hiện .
Hình 4. 30: Chọn Tên Activity
Code cho giao diện 1 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:fitsSystemWindows="true" android:background="@drawable/back5" tools:context="com.example.luu.cafe.MainActivity"> <EditText android:layout_width="150dp" android:layout_height="50dp" android:id="@+id/edt_mh1" android:inputType="number" android:background="@drawable/focus2" android:hint="insert your table" android:layout_alignTop="@+id/button" android:layout_centerHorizontal="true" android:gravity="center" /> <Button android:layout_width="50dp" android:layout_height="50dp" android:text="Go" android:id="@+id/button" android:layout_marginTop="73dp" android:layout_alignParentTop="true" android:layout_toRightOf="@+id/edt_mh1" android:layout_toEndOf="@+id/edt_mh1" /> <Button android:layout_width="50dp" android:layout_height="50dp" android:text="Help" android:background="@drawable/custom_button" android:id="@+id/help" android:layout_alignParentTop="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> </RelativeLayout>
Giao diện số 2 giúp người sử dụng chọn các từ khóa chính cho thực đơn. Đồng thời kiểm tra các món đã gọi và thanh tốn hóa đơn
Giao diện số 3 giúp người sử dụng có thể chọn món .
Hình 4. 33: Giao diện cho màn hình số 3
Giao diện số 4 giúp người sử dụng thanh tốn hóa đơn cho các món đã gọi
Custom cho lisview trong android Studio
4.2.4.2.2 thiết kế chương trình
Lưu đồ chương trình quản lý đặt bàn trên điện thoại Android
BẮT ĐẦU
Nhập số bàn
ĐĂNG NHẬP
Kiểm tra nhập số bàn
chưa? Không cho phép đăng nhập
Kiểm tra bàn đã tồn tại chưa? Kiểm tra địa chỉ máy
tồn tại chưa?
Kt số bàn phù hợp
địa chỉ máy không? Thông báo nhập bàn khác
Đăng nhập vào hệ thống Mở giao diện 2 Kết thúc Tạo bàn mới Đ Đ Đ S S S
Giải thích lưu đồ:
Khách hàng bắt đầu vào ứng dụng, nhập số bàn, thiết bị kiểm tra khách nhập số bàn hay chưa, nếu chưa yêu cầu nhập số bàn, nếu rồi thì kiểm tra bàn đã tồn tại chưa, nếu chưa thì tạo bàn mới, nếu số bàn đã tồn tại ứng dụng kiểm tra bàn số bàn có phù hợp với mã máy khơng, nếu đúng thì cho phép vào bàn, nếu sai yêu cầu nhập lại.
Lưu đồ chương trình menu chính khi khách hàng đã đặt bàn
Bắt đầu
Hiển thị giao diện chính
Kiểm tra màn hình có được bấm hay ko? Vào giao diện menu con
Nút đã chon được
chọn ko? Hiển thị danh sách đã chọn
Nút thanh tốn được
chọn khơng? Hiển thị giao diện thanh tốn
Nút reload được chọn khơng? Cập nhật lại giao diện
Kết thúc Đ S S S Đ S Đ Đ
Giải thích lưu đồ:
Ứng dụng kiểm tra các nút trên màn hình có được bấm hay khơng, nếu món được chọn thì vào giao diện chương trình con, nếu nút đã chọn được nhấn thì vào giao diện các món đã chọn, nếu nút thanh tốn được nhấn thì vào giao diện hóa đơn thanh tốn.
Lưu đồ chương trình menu con khi khách hàng chon loại món
BẮT ĐẦU
HIỂN THỊ GIAO DIỆN MENU CON
KIỂM TRA MENU CĨ ĐƯỢC CHỌN HAY KHƠNG?
HIỂN THỊ GIAO DIỆN XÁC NHẬN CHỌN MÓN
GỞI DỮ LIỆU LÊN CSDL
KẾT THÚC
Đ
S
Giải thích lưu đồ:
Khi giao diện chọn móm được mở ra. Kiểm tra xem khách hàng có chọn món hay khơng, nếu có gởi xác nhận cho khách hàng có muốn chọn hay khơng, nếu có gởi mã món lên cơ sở dữ liệu, nếu không yêu cầu khách nhập lại món mới.
Chương 5 Kết Quả Và Nhận Xét
5.1 kết quả
5.1.1 kết quả học hỏi của nhóm sinh viên thực hiện đề tài
Sau khi thực hiện đề tài “ XÂY DỰNG GIẢI PHÁP THỰC ĐƠN THƠNG MINH CHO QN CAFE ” nhóm sinh viên thực hiện đề tài học hỏi được nhiều kiến
thức bổ ích cho việc phát triển một hệ thống IOT, trong quá trình làm và thực hiện để tài khoảng thời gian là 13 tuần thì nhóm đã học được nhiều kiến thức như là:
Có kiến thức, khái niệm về hệ điều hành Android.
Hiểu được về cơ bản các thành phần cốt lõi xây dựng ứng dụng cho hệ điều hành Android.
Biết cách sử dụng phần mềm để xây dựng chương trình ứng dụng cho hệ điều hành Android.
Biết cách xây dựng, thiết kế giao diện, mã nguồn cho ứng dụng chạy trên nền Android
Hiểu được cách thức hoạt động của một web server.
Hiểu và làm được web service để phục vụ cho một ứng dụng trên điện thoại Android và trên máy tính.
Hiểu về cách thức lập trình của ngơn ngữ java.
Biết tạo một cơ sở dữ liệu mysql, thực hiện được các thao thác UPDATE,
INSERT, DELET trong các bảng cơ sở dữ liệu. Biết cách truy vấn cơ sở dữ liệu từ ngơn ngữ lập trình java.
Biết cách sử dụng phần mềm netbeans để thiết kế form giao diện để tương tác với người dùng.
Biết cách sử dụng phần mềm Android studio để lập trình ứng dụng trên điện thoại Android.
Xây dụng được một web service phục vụ cho ứng dụng phần mềm trên điện thoại cũng như trên máy tính.
5.1.2 kết quả thực hiện đề tài
Sau khi đã vạch ra được kế hoạch để phát triển cho đề tài và đến khi kết thúc đề tài thì nhóm đã thực hiện được hơn 90% mà dự định lúc đầu đã đặt ra ở chương một. Kết quả hệ thống hoạt động ổn định, ứng dụng menu thiết kế trên điện thoại đáp ứng được như yêu cầu lúc ban đầu nhóm đã đặt ra đó là giao diện đơn giản thân thiện với người dùng dễ sử dụng có đầy đủ các tính năng mà một menu thực đơn phải có. Cịn về ứng dụng cho người quản lý qn cafe trên máy tính thì hoạt động ổn định giao diện thiết kế thân thiện dễ sử dụng cho người sử dụng. Tuy nhiên trong quá trình hệ thống hoạt động cũng còn một số lỗi chưa khắc phục được là do mọi dữ liệu của ứng dụng đều được gởi và nhận thông qua internet nên đôi lúc đường truyền mạng khơng ổn định dẫn đến tình trạng ứng dụng Android trên điện thoại và ứng dụng trên máy tính bị treo phải thốt ra khỏi ứng dụng rồi mở lại mới hoạt động trở lại bình thường.
5.1.3 kết quả chạy ứng dụng trên máy tính ( PC )
Giao diện Đăng nhập vào hệ thống trên Server (máy tính) như sau:
Giao diện chính khi đăng nhập vào ứng dụng
Hình 5. 2: Giao diện chính khi đăng nhập
Giao diện tab quản lý bàn khi bàn chưa được đặt ( bàn trống ) trên PC.
Giao diện tab quản lý bàn khi bàn có khách đặt
Giao diện tab đặt bàn gọi món cho khách hàng
Hình 5. 5: Tab đặt bàn và gọi món cho khách
Giao diện tab xuất hóa đơn cho khách hàng
Giao diện tab quản lý các món trong thực đơn của qn
Hình 5. 7: Tab quản lý thực đơn của quán cafe
Giao diện tab quản lý nhân viên của ứng dụng
Hình 5. 9: Tab quản lý thơng kê doanh thu hàng ngày
Giao diện tab giới thiệu cho biết thơng tin nhóm thực hiện và GVHD đồ án
Hình 5. 10: Giao diện giới thiệu về đề tài trên ứng dụng 5.1.4 Kết quả chạy ứng dụng trên điện thoại Android 5.1.4 Kết quả chạy ứng dụng trên điện thoại Android
Hình 5. 11: Giao diện đặt bàn trên Android
Giao diện chọn loại món khi đã đặt bàn