> Hiện nay việc kinh doanh bằng máy bán hàng tự động là một trong những hình thức kinh doanh khá phổ biến tại Việt Nam.. > Vì thế, hệ thống giám sát nhằm quản lý, bảo trì, bảo dưỡng v
Trang 1_ BAO CAO DO AN CONG NGHE IOT VA UNC
DUNG
Đề tài:
Khanh
————ÌwHO‡†—+—————
ví Minh Tan Qui Bình
Đan Khánh Vy
Thanh Thanh Vy
Thanh
Hao
Trang 2
THÀNH VIÊN
Tran Minh Vuu Thi Thanh Nguyén Ngoc
ở
Nguyễn Qui Châu Khánh Huỳnh Ngọc Đan
B1907396 B2011688 B20141/761
Trang 3CÁC BƯỚC TIẾN
HÀNH
Giao diên
Web
về đề tài _ hig
ve
Firebase
Trang 4
TỔNG QUAN VỀ
> Máy bán hàng hay m)Ê"TÀ\ tự động là một máy
động cung cấp các mặt hàng như đồ ăn nhẹ, đồ uống cho
người tiêu dùng sau khi đưa tiền mặt, thẻ tín dụng hoặc
thẻ được thiết kế đặc biệt vào máy
> Hiện nay việc kinh doanh bằng máy bán hàng tự động là
một trong những hình thức kinh doanh khá phổ biến tại
Việt Nam Bởi máy này không chỉ mang đến cho người sử
dụng rất nhiều tiện ích mà còn mang đến cho người kinh
doanh nhiều lợi nhuận
> Vì thế, hệ thống giám sát nhằm quản lý, bảo trì, bảo
dưỡng và thống kê, thông báo tình trạng hoạt động của
máy.
Trang 5CAC TINH NANG
GIAM SAT
Hệ thống giám sát máy bán hàng từ xa, gồm các tinh
năng giúp nhà kinh doanh quản lý mọi thứ trong tầm
tay, tất cả chỉ qua một phần mềm duy nhất với các tính
năng cụ thể như sau:
°« Giám sát số lượng các loại mặt hàng trong máy
¢ Théng bao khi may hét hang
¢ Theo dõi nhiệt độ, độ ẩm của máy
mã
~
Trang 6Giao diện Firebase
ft + Q 9
Thông tin mô tả của máy bán hàng tự động
Máy 1, địa chỉ: KTXA Đại học cần thơ,
Khu II u
Lap dat ngay 1/2/2022
Khả năng Ko, câp hơn 200 sản phâm
môi ngày với hơn 14 loại sản phẩm khác
nhau bao g6m đô uông có øas, nước suôi
đóng chai,
Chi tiết
Trang 7
Các thông số giám
HỆ THÓNG GIÁM SÁT MÁY BÁN HÀNG TỰ DONG HT (1/101: 0 net
THONG TIN CHI TIET MAY BAN HANG 1
SO LUQGNG CAC MAT HANG SO LUQNG CAC MAT HANG
CON LẠI CON Lal
- Number one: 6 chai a de san pham chita toi da: 700 san - Aquafina: 2 chai
- Trà xanh 0 độ: 4 chai
- Goodmood dâu: 8 chai
- Dr.Thanh: 8 chai - Tổng số lượng còn lại: 86 sản phẩm - Sting dâu: 5 chai
- sprite: 2 lon - Nhiệt độ hiện tại: 5 độ C - Wake up 247: 3 chai
- Tea ô long: 4 chai - Độ âm hiện tại: 20 % - 7 Up:6 chai
- Revive: 7 chai Tu trạng hoạt động hiện tại của máy: - Pepsi: 1 lon
ot
- Mirida Xa xi: 1 chai s4 ` - Mirinda Soda kem: 6 lon
Ñ - Doanh thu hiện tại trong ngày: 2000
- Snack Poca: 2 gói nghin dong - Redbull: 11 lon
CAC THONG SO TONG QUAT
- Sita dau a đậu nanh: ö chai nanh: 8 chai aS lượng đã bán đã được bán: 100 sản k
- Fanta: 9 lon Sen
- Snack swing: 7 gói - Compact 13 lon
- Snack Lay's: 6 goi - Warrior: 6 lon
- Osi snack Tôm cay: 6 gói - C2 hương chanh: 10 chai
- Snack Bí đỏ: 9 gói - C2 hương dâu: 6 chai
- Snack PhoMat miếng: 5 gói - Nước cam ép Twister: 3 chai
- Snack Chay: 9 gói - Coca cola: 8 lon
Đá án cuối kỳ do sinh viên nhóm † thực hiện Chúng em xin cam on thay!
Trang 94Ì} trangchuhtml
{|WTYPE htnL›
ait)
aie
đIeta charset= utf-8”›
<meta nafle='Vieuport” content="width=device-width, initial-scale=1">
(link rel="stylesheet” hnef=style.css”›
(link rel=stylesheet” hnef=https: //cdn]s.c]oudflare.com/a]ax/11bs/f0nt-aues0e/
6.2.8/css/a]1.tïn.css">
(titla(ác thành viên{/titÌe›
(body style="bckground-coLor: #e3e7eb;` ›
<div id="header">
(av id aaa) is
<ul>
{Ìi› class="title p'›Hệ thống giám sát máy bán hàng tự động‹/p›‹/1i›
<li><a class="active" href="index.html"><i class ="fa-solid fa-house"></i> Trang
chủ/a»‹/1i›
{]i3‹a hnef= metbers.html]"»éÌ class='fa-sharp fa-s0]id fa-users">‹/1› Thành viên
4/2440”
{]i3‹a hnef= hethonggiamsat.html"»‹i class='fa-s0lid fa-display"»‹/i› Hệ thống
giám sát⁄/a›(/1i›
{]i3‹a hnef='lienhe.html"»‹i class="fa-s01id fa-location-dot">‹/1› Liên hệ ‹/a›
{di class=ˆs]ideshou-container"›
(di class='mySlides fade”›
<div class="numbertext">1 / 4</div>
Ue Ca yA Ce aN width:10đ2; height:660px ; border-radius:
20px; ">
qdiv
<div class="mySlides fade"
<div class="numbertext">2 / 4</div)
đảng s"c='picture/trangchu2.png” style= Iwidth.1065; height:660px; border-radius: 20
px;">
CORI»
<div class="mySlides fade")
{dÄv class='nunbertext”"›3 / 4/div›
‹ing s"c='picture/trangchu3.png” style= Iwidth;1065; heiqht:660px; border-rdius: 20
px;">
an inhib)
<div class="mySlides fade">
{div class= nunbertext”»4 / 4đdiv›
<img s?c='pictune/trangchu4.png” style= width;10đ2; height:660px; border-radius: 20
px; >
(di cÌass="text”»{aption Three‹/div›
[HÌN
(Jdiv›
Code trang
(di style= †ext-Li:;ceter›
<span class="dot"></span
<span Class="dot")</span)
<span Class="dot"></span
<span class="dot"></span) aia)
<script)
[et s]ideIndex = 9;
showSlides();
function showSlides() { let i;
Let s]1des = d0cuent.getE]etents Let duts = docunent.getF]enentsB(]assNlame(dot');
for (1 = 8; ¡ ‹ s]ides.length; i+) { slides[i].style.display = "none";
$]ideIndexi¬;
̃ (s]ideIndex › s]ides.length) {s1ideIndx = 1}
f0" (Ì = 8; ¡ ‹ dots.lenpth; i+) { dots[i].className = dots[i].className,replace(" active", "");
}
slides[slideIndex-1].style display = "block";
dots[slideIndex-1] className += " active";
setTieoit(sh0Š]ides, 5800); // Change ifage every 2 sec0nds
) A
(js(rpb NHÀ) (dì class= gi0ithiau”›
(h3 6iới thiệu/h3›
TÔ Máy bán hàng hay máy bán hàng tự động là một máy tự động cung cấp các mặt hàng như đồ ăn nhẹ, đồ uống cho người tiêu dùng sau khi đưa tiền mặt, thẻ tín dụng hoặc thẻ được thiết kế đặc biệt vào máy Hiện nay việc kinh doanh bảng máy bán hàng tự động đang là một trong những hình thức kinh doanh khá phố biển tại Việt Ham Bởi máy này không chỉ mang đến cho người sử dụng rất nhiều tiện ích mà còn tang đến cho người kinh doanh nhiều lợi nhuận Vì thế hệ thống gián sát nhân quản lý, bảo trì, bảo dưỡng và thống kê, thông báo tình trạng hoạt động của máy NHÀ
đhn)
‹3›2 Lựi ích của Máy bán hàng tự động thông mình‹/3›
NY (ác hệ thống thông minh được tích hợp trong các máy bán hàng tự động thông minh giúp tảng hiệu quả của chúng theo nhiều cách
(br›NhỮng cách này bao gồn:
(r›+ 6iản chỉ phí hàng tồn kho một lượng đáng kế 20%-593
‹br›s Tự động kiến kê tất ca các quy trình, giúp tiết kiện thời gian và tài sản (br›s Khả năng truy cập liên tục với các bản ghỉ về giao dịch của nhân viên (bn›s Giản đáng kế các trường hợp trộn câp
COG Rem ua RC Tế.) COE RA Rene R me ¡0
CORE tích tít lũy tổng ca? về thị trường truy tột lu vực rộng lớn láng tách sử dị
fÏ liệu ngtữi tiêu dùng thu được từ tác máy bán hàng tự (ộty
(br) Load bo cdc hénh trinh khdng cén thiết dé kiến tra tác tát lán hàng tự đ theo tách thủ tự
(3, A đề tài://t)
()Ệ thống giám sát tá bán làng tử xa, gồI tó (ác tÍh tảng g1 nhà kình danh
quán lý mi thứ tnutự tần tay, tốt cả (hỉ qua rột phần tên duy thất ti tác tính
IIy (RÍIÌ I:
(0)- (án sát số lUHy (ác luại rút làng t0Tự táy (0)- TRững bá khỉ tát hết làng (truy tư lai)
CDE (Sea OE ETC ER
(/div)
CN UCM LUDA
(lÌ\ (4s z †00te' Ì)
Oa UID Ye Ca MTA aT
aD)
00) 008 )8:0831/0)1)80))9,81/1/4))1:/010)
aD)
CS CSC GSE MM ARGO SIR UE eA 81) 0 0)
(II)
OU URC UNC) OOD
/div)
CWC URN us er OT a eee a
tà Íw (Iy/p)
Trang 10
2
rent
Py
C2 8M
eee
Than nh
1 Giới thiệu
Máy bán hàng hay máy bán hàng tự đông là một máy tự động cung cắp các mặt hàng như đồ ăn nhẹ, đồ uống cho người tiêu dùng sau khi đưa tiền mặt, thẻ tín dụng hoặc thẻ được thiết kế đặc biệt vào máy Hiện nay việc kinh doanh bằng máy bán hàng tự động đang là một trong những hình thức kinh doanh khá phỗ biến tại Việt Nam Bởi máy này không chỉ mang đến cho người sử dụng rất nhiều tiện ích mà còn mang đến cho người kinh doanh nhiều lợi nhuận Vì thế hệ thống giám sát nhằm quản lý, bảo trì, bảo dưỡng và thống kê, thông báo tình trạng hoạt động của máy
2 Lợi ích của Máy bán hàng tự động thông minh
Các hệ thống thông minh được tích hợp trong các máy bán hàng tự động thông minh giúp tăng hiệu quả của chúng theo nhiều cách
Những cách này bao gdm:
* Giảm chi phí hàng tồn kho một lượng dang ké 20%-50%
* Tự đông kiểm kê tất cả các quy trình, giúp tiết kiệm thời gian và tài sản
» Khả năng truy cập liên tục với các bản ghi về giao dịch của nhân viên
» Giảm đáng kế các trường hợp trộm cắp
* Quan lý quỹ phủ hợp bởi bộ phận và cả người lao động
+ Phân tích tích lũy nâng cao về thị trường trong một khu vực rộng lớn bằng cách sử dụng dữ liệu người tiêu dùng thu được từ các máy bán hàng tự động
* Loại bỏ các hành trình không cản thiết để kiểm tra các máy bán hàng tự động theo cách thủ công
3 Ý tưởng đề tài:
Hệ thống oon sát máy bán hàng từ xa, gồm có các tính năng giúp nhà kinh doanh quản lý mọi thứ trong tằm tay, tắt cả chỉ qua một phần mềm duy nhất với các tính năng chính như
- Giám sát số lượng các loại mặt hàng trong máy
- Thông báo khi máy hết hàng (trong tương lai)
- Theo dõi nhiệt độ, độ ắm của máy
Trang 11
Code trang
` eA
a ry eal a
File Edit Selection Find View Goto Tools Project Preferences Help File Edit Selection Find View Goto Tools Project Preferences Help
<!DOCTYPE html> <div class="content"> ;
<head> <div class="des">Ma s6 sinh vién: B1967185
<meta charset="utf-8"> <br> Chuyén Nganh: Kỹ thuật cơ điện tử
<meta name="viewport" content="width=device-width, initial-scale=1"> <br> Phan cOng:Tiép nhan y kiến thành viên, viết website và hỗ trợ viết báo cáo
<link rel="stylesheet” href="members.css"> > C6 tham gia lam do an
<link rel="stylesheet” href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css"> Aha
<title>Cac thanh vién</title>
Su)
‹body style=”background-coLor: #e3e7eb;
Xổ : i <div class="item" style="background-image: url(picture/thanhhao.png);">
y eles aia <div class="content">
he st AE <div class="name">VƯU THỊ THANH HẢO</div›
<ul12 : A ~ ~ ^
oe ee aN BL Ae AS A 4 : <div ss="des"> 3
<li»<a Sn pane href=”"index.html"><i class =”fa-solid fa-house”></i> Trang chủ</a></1i› 28 Hưng Fi 0 Serer itera Bis i s ` oe ee <br> Phân công: Viết báo cáo, tìm thông tin va ho tro website Fa AERP Rha 5 R co R
ul>
<! end menu >
(hats
div>
div>
<div class="item" style="background-image: urL(picture/thanhvy.png) ; ˆ>
<div class="des">Ma số sinh viên: B2011690
<div class="content"> <br> Phân công: Tìm ý tưởng, tìm kiếm thông tin và hỗ trợ website
<div class="name">HUỲNH NGỌC ĐAN THANH </div› <br> Có tham gia làm đồ án
<div class="des">Ma s6 sinh vién: B2011761 <br> Hoàn thành công việc: 196%
<br> Chuyên Ngành: Quản lý công Nghiệp </div>
r> Phân công: Tìm ý tưởng, tổng hop ý kiến thành viên và viết báo cáo </div>
r> C6 tham gia lam do an BAD
<br> Hoan thành công việc: 198% <div class="item" style="background-image: urL(picture/quibinh.png); ">
<div class="content">
<div class="nameb">NGUYỄN QUI BÌNH</div›
; <div class="desb">Ma s6 sinh viên: B1907106
đán ‹br> Chuyên Ngành: Kỹ thuật cơ điện tử div> er ; : <br> Phân công:Tiếp nhận ý kiến thành viên, viết website và hỗ trợ viết báo cáo
<div oo a ee background-image: url(picture/khanhvy png) ; "> omer rte et
<div class="name">CHAU KHANH VY</div> seal 5.1
<div class="des">Ma s6 sinh vién: B2011688
<br> Chuyén Nganh: Quan ly céng Nghiép
<br> Phan céng: Tim ý tưởng, tìm kiếm thông tin và viết báo cáo
<br> Có tham gia làm đồ án
<br> Hoàn thành công việc: 198%
div>
<div class="buttons
div> <button id="prev"><i class="fa-solid fa-angle-left"></i></button>
div> <button id="next"><i class="fa-solid fa-angle-right”></i></button>
<div class="content
Trang 12
Giao diện trang thành
Vian
2SHAU KHANH VY
ee 6ù
ChuiyénNganh: Quan lý công Nghiệp PIAW(00N0 Lìm ý lưỡng, tìm kim thông
lä làm đò án
yee
Trang 13
4@> trangchu.html lienhe.html
<!DOCTYPE html>
<htm]
<head>
<meta charset="utf-8">
<meta name="viewport™ content="width=device-width, initial-scale=1
<link rel="stylesheet” href="style.css
<link rel="stylesheet” href="XTEXDZ.css
<link rel="stylesheet” href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0 /css/all.min.css">
<title>Cac thanh vién</title>
head>
<body style="background-color: #e3e7eb;
<div id="header">
<nav id = “nav">
<ul>
<li><p class="title p”›Hệ thống giám sát máy bán hàng tự động</p></1i›
<li><a href="index.html"><i class ="fa-solid fa-house"></i> Trang chủ</a»</1i›
<li><a href="members.html"><i class="fa-sharp fa-solid fa-users"></i> Thanh vién a»</1i›
<li><a href="hethonggiamsat.html"><i class="fa-solid fa-display"></i> Hệ thống
giam sat</a></1i>
<li><a class="active” href="lienhe.html"><i class="fa-solid fa-location-dot"></i>
Liên hệ </a></1i›
end menu >
<div class="contact">
<div class="infomation"><br><br>
<h1>Thông tin liên hệ:</h1›
<br><br>
<a Class="p3" > <i class="fa-sharp fa-solid fa-location-crosshairs"></i> Dia chi:
</a>
<a href = “https: //uw google com/maps/place/Tr5C6%Bð%E1%BB%9Dng+XC4%91%E1%BA%A1 1+h%XE1%BB%8Dc+B%C3%A1ch+Khoa+-+%C4%96%E1%BA%A1i+h%E1%BBX8Dc+C%E1%BA%A7n+Th%C6%A1 (019.8338786, 185 7667664, 16.67z/data=! 4m8 ! 1m2 ! 2m1 !1sctu! 3m4!1s8x9: 8x284f6d8de7ce832 918m2 !3d19.89322921!4d195.7668898?h1=vi"»Trnường đại học Bách Khoa - Đại học Cần Thơ - 2078+WQ6, Xuân Khánh, Ninh Kiều, Cần Thơ, Việt Nam</a›
<br><br>
<a class="p3" ><i class="fa-solid fa-phone"></i>Pién thoai: @2923834267</a>
<or><or>
<a class="p3" ><i class="fa-brands fa-facebook"></i>Facebook: </a> <a href="https ://www facebook com/CTUDHCT™ >https : //www facebook com/CTUDHCT< / a>
<br><br>
<a class="p3" ><i class="fa-brands fa-edge"></i>website: </a> <a href="https:
cet.ctu.edu.vn/">https://cet.ctu.edu vn/</a>
<br><br>
<a class="p3" ><i class="fa-brands fa-youtube"></i>website: </a> <a href="https:/, www youtube com/CTUDHCT™ >https : //www youtube com/CTUDHCT< / a>
<br><br>
Code trang liên
‹a Class="p3” ›‹Ì class="fa-shanp fa-solid fa-up-right-from-square”»</1›Khung avatar Trường Bách Khoa:‹/a› ‹a hnef="https://coe.ctu.edu.vn/images/up1oad/
FrameFacebookTruongBachKhoa.png"> Truy cập liên kết tại đây.‹/a›
‹n»<br»‹r›
‹a class="p3"›Hoặc ấn vào liên kết bên dưới để gửi Email của bạn đến chúng tôi sẽ
liên hệc/a»<br>‹br›
<a href = “mailto: tkb@ctu.edu.vn." style="margin-Left: 20@px;"> <img src="picture Ítail.png"»‹</a›
{/div›
<div class="map">
‹a_ hnef='https: //uww.g00g]e com/maps/p1ace/TrÃ(C62B@5E12BBA0Dng+2C42912E12BA2A11+h
XE125BB/2BDC+†BAC3/5A1ch+Khoa+-+2C4/2965E12BAZ5A11+h5E12BB/58DC+(C2ZE125BA%A7n+Th%C62A (10.08330786, 105.7667664, 16.677 /data= ! 4m8 ! 1m2 | 2m1 !1sctul 3m4!1s8x9:8x284f6d8de7ce83
@!8m2!3d10.0322921!4d105 7668898 2hl=vi"> <img class="impg" src="picture/map.png">
</a></div>
<div id="footer"><br><br>
<div class = “footer 1">
‹p›Học phân:‹°r›K(326 - Công nghệ IoT và Ứng dụng‹/p›
0›Đồ án cuỗi kỳ do sinh viên nhóm 1 thực hiện‹/p›
<br>
Qị HẦU,
<div class = “footer r"
<pGiang vién huéng dan: <br>Nguyen Van Khanh - PLC&IoT Cong nghiép</p>
<or>
‹p›Chúng em xin cam on thay!</p><br>
ALAS
‹p style= width: 108ã; text-aLiqgn: rìgh†;"› Đồ án cuối kỳ - học phần Công nghệ ToT và
Via VT Cane
d1v›