5.5.1.2 .Phâ ̀n Blocks
5.5.3 Ta ̣o đồng hồ đếm thời gian:
Để ta ̣o đồng hồ đếm thời gian này chúng ta cần 1 cái Clock2. Thời gian hoa ̣t đô ̣ng củ a Clock2 là 1000 mili giây. Ngoài ra cần ta ̣o thêm 2 biến để thiết lâ ̣p. Khi Clock2 hoa ̣t đô ̣ng thì biến tên “data” sẽ tăng lên 1 đơn vi ̣ và đồng thời sẽ hiển thi ̣ vào lable tên “giaylap”. Nếu giá tri ̣ của biến tên “data” bằng 60 sẽ tăng biến tên “data2” lên 1 đơn vi ̣ và hiển thị giá tri ̣ biến “data2” vào lable “phutlap”, đồng thời thiết lâ ̣p biến tên “data” về giá tri ̣ 0.
Hình 5.23: Khối lệnh tạo đồng hồ đếm thời gian
Tương tự viê ̣c ta ̣o Clock2 ta ta ̣o thêm 1 Clock4 cho app. Đối với Clock4 này chú ng ta vẫn ta ̣o 2 biến (data3, data4) để lưu giá tri ̣, vẫn thiết lâ ̣p thời gian hoa ̣t đô ̣ng của Clock4 này là 1000 mili giây. Nhưng chúng ta không hiển thi ̣ giá tri ̣ các biến ở da ̣ng Text trong lable như Clock2 mà chúng ta sẽ hiển thi ̣ giá tri ̣ các biến bằng hình ảnh. Để làm được điều này chúng ta cần ta ̣o các hình ảnh từ 1 đến 9 tương ứng với giá tri ̣ của các biến.
80
Sau khi tạo được những con số từ 1 đến 9 chúng ta lưu từng con số với tên trùng vớ i con số Vd hình chúng sẽ lưu tên là 00.png để tiê ̣n cho viê ̣c go ̣i hình khi lâ ̣p trình. Tiếp sau đó chúng ta sẽ upload tất cả các file ảnh của các con số lên app để sử du ̣ng. Chú ng ta click vào nút Upload File ... trong mu ̣c Media tiếp theo click vào nút Choose File vào cho ̣n file cần tải lên.
Hình 5.25: Cách chèn file ảnh
Chú ng ta cần đă ̣t 4 đối tượng Image để hiển thi ̣ lên điê ̣n thoa ̣i.
Hình 5.26: Đồng hồ đếm thời gian
Khi Clock4 hoạt đô ̣ng biến “data3” sẽ tăng lên 1 đơn vi ̣ và sẽ hiển thi ̣ giá tri ̣ lên Image12 và Image13.
1
81
Hình 5.27: Khối lệnh thiết lập hiển thị thời gian
Đối với Image12 sẽ thiết lâ ̣p hiển thi ̣ phần dư giá tri ̣ của biến “data3” còn Image13 sẽ thiết lâ ̣p hiển thi ̣ phần nguyên giá tri ̣ của biến “data3”.
Tương tự như Clock2 chúng ta lâ ̣p trình được đoa ̣n code như thế này.
Hình 5.28: Khối lệnh thiết lập hiển thị thời gian
Sau khi hoàn thành viê ̣c thiết kế phần Designer và phần Blocks chúng ta sẽ được phần hiển thi ̣ trên app như thế này.
82
Hình 5.29: Đồng hồ hiển thị thời gian tổng và thời gian từng vòng đấu 5.5.4 Tạo đồng hồ báo vâ ̣n tốc và tua máy của xe: 5.5.4 Tạo đồng hồ báo vâ ̣n tốc và tua máy của xe:
Để ta ̣o được mô ̣t đồng hồ báo vâ ̣n tốc và tua máy cho xe đe ̣p, sinh đô ̣ng và dễ nhìn hơn chúng ta cần thiết kế mô ̣t mă ̣t đồng hồ. Nhóm em đã ta ̣o mô ̣t mă ̣t đồng hồ bằng phần mềm Photoshop CC 2017. Mă ̣t đồng hồ này được sử du ̣ng để làm nền cho các giá tri ̣ cần hiển thị như vâ ̣n tớc và tua máy của xe
Hình 5.30: Đồng hồ vận tốc và tua máy
Đến với phần Designer, chúng ta cần sử du ̣ng các đối tượng là:
- Canvas trong mục Drawing and Animation
- ImageSprite trong mục Drawing and Animation
Hình 5.31: Đối tượng dùng để thiết lập đồng hồ vận tốc và tua máy
Đồng hồ báo tổng thời gian thi đấu (Clock4)
Đồng hồ báo thời gian thi đấu từng vòng (Clock2)
83
Sau khi thiết kế và kết hợp với tất cả các phần trên nhóm em đã thiết kế ra mô ̣t app sử dụng trên điê ̣n thoa ̣i.
Hình 5.32: Ứng dụng hiển thi ̣ thông số của xe được thiết kế bằng App Inventor2
84
CHƯƠNG 6: KẾT LUẬN VÀ ĐỀ NGHỊ 6.1 Kết luận: 6.1 Kết luận:
Sau hơn 3 tháng nghiên cứu và thực hiện đồ án tốt nghiệp, bằng sự cố gắng của nhóm cùng với sự hướng dẫn tận tình của GVHD ThS. Nguyễn Trọng Thức, nhóm thực hiện đã hồn thành đưa ra sản phẩm cuối cùng và thử nghiệm thành công trong điều kiện thực tế.
Đề tài đã mang lại cho chúng em những trải nghiệm mới, những kiến thức mới mà chỉ trong quá trình tự tìm hiểu, tự nghiên cứu mới có được. Đây cũng là tiền đề quan trọng để mỗi thành viên trong nhóm tích lũy những kiến thức mới, những kĩ năng mới chuẩn bị hành trang bước vào doanh nghiệp.
Kết quả đã ta ̣o ra 3 ứng du ̣ng trên điê ̣n thoa ̣i để hiển thi ̣ thơng sớ của xe. Đồng thời, nhóm cũng đã gửi được dữ liê ̣u của xe ra bên ngoài ở khoảng cách tối đa có thể đa ̣t được là 1km với điều kiê ̣n ít vâ ̣t cản, cây xanh và nhà cao tầng.
6.2 Đề nghị:
Cuộc thi Shell Eco-marathon là mô ̣t cuô ̣c thi không còn xa la ̣ gì đối với sinh viên khoa Cơ khí Động lực trường ĐH Sư phạm Kỹ thuật TP.HCM nhưng viê ̣c truyền thông tin và thông số của xe giữa lái xe và thành viên bên ngoài còn rất ha ̣n chế. Vì thế, đề tài này còn rất nhiều nội dung cần phải cải thiện và phát triển để cho ra sản phẩm hồn chỉnh nhất có thể ứng dụng rộng rãi và giúp hỗ trợ cho những đô ̣i thi Shell Eco-marathon của trường ĐH Sư pha ̣m kỹ th ̣t TP.HCM. Chính vì lẽ đó, nhóm đưa ra 1 số hướng phát triển tiếp theo cho đề tài:
• Có thể trao đổi các thông tin và thông số của đô ̣ng cơ giữa lái xe và các thành viên bên ngoài mô ̣t cách nhanh chóng và ki ̣p thời.
• Có thể hiển thi ̣ bản đồ thi đấu trên điê ̣n thoa ̣i để lái xe dễ quan sát và có chiến thuật cha ̣y hợp lý.
85
TÀI LIỆU THAM KHẢO
https://iotvietnam.com/tong-quan-ve-cong-nghe-zigbee/ http://automation.net.vn/CNTT-voi-TDH/Mot-so-net-khai-quat-ve-chuan-Zigbee.html https://accounts.google.com/ServiceLogin?service=ah&passive=true&continue=https%3 A%2F%2Fappengine.google.com%2F_ah%2Fconflogin%3Fcontinue%3Dhttp%3A%2F %2Fai2.appinventor.mit.edu%2Flogin%2Fgoogle%253Flocale%253Den http://appinventor.mit.edu/explore/ai2/tutorials