---
# System prepended metadata

title: TEMI 2022
tags: [Project 2022]

---

---
title: 'TEMI 2022'
disqus: hackmd
---
# TEMI Project
###### tags:`Project 2022`

# 流程圖
![](https://i.imgur.com/8B3buzM.png)

# 架構圖
![](https://i.imgur.com/U7zDTP5.png)

Progress Report
---
3/11
1. 安裝Android Studio
   ![](https://i.imgur.com/OWC7Evx.png)
   ![](https://i.imgur.com/LwWSezL.png)
2. 參考網址2: https://www.youtube.com/watch?v=QV6w2f4e0rU
3. 並已程式給的程式碼來熟悉JAVA語法
![](https://i.imgur.com/GwzXmKN.png)

3/18
1. 確認temi機器人是否能成功啟動
2. 初步熟悉kotlin語法

3/25 
1. 討論分工
    1. 餐點運輸
        - 協助餐點菜單查詢、點餐
        - 確認餐點後的運送服務
    2. 迎賓客服
        - 各產品功能及價格說明、現貨查詢或協助線上代訂等
        - 介紹購車享回饋與累積和泰 Points、辦卡流程說明、對應 app下載教學等,上述兩種資訊的推播
    
4/1
1. 參加說明會提問是否可將購車合約列印成電子檔和將車子內部造型以temi顯示
2. 更新後的temi無法使用adb連線，已寄電子郵件詢問temi官方來解決此問題
3. 嘗試使用figma設計ui

    前往figma plugins下載需要的外掛插件
    ![](https://i.imgur.com/ooJqxyQ.png)

    設置一個跟temi螢幕同寬的frame
    ![](https://i.imgur.com/Vc0Ejq4.png)
    
    
5. 想辦法用機器人量測客戶身高
6. 熟悉github使用方法

4/8
1. 使用figma初步製作ui
2. 參考影片https://www.youtube.com/watch?v=P96TQwsY_VY
![](https://i.imgur.com/CGkLoSB.png)

4/15
1. 更新ui排版以符合temi螢幕
![](https://i.imgur.com/vHhFQfY.png)

2. 學會如何使用github
    1. 安裝git
        ![](https://i.imgur.com/7Ts6fpF.png)

        git init 初始化

        git status 查看狀態

        git add 1.py 加入索引

        git log -查看提交紀錄

        git commit -m "first commit" 提交更新

        git remote add origin (網址)
        ![](https://i.imgur.com/7R9Jzex.png)

        ![](https://i.imgur.com/nSJEcN5.png)

        ![](https://i.imgur.com/G0pKoZR.png)

        ![](https://i.imgur.com/UWX6Brd.png)

        ![](https://i.imgur.com/Q2ZIaXE.png)
        
4/22 期中考

4/29
1. 繼續優化UI介面
    
    疊加圖層動畫
    ![](https://i.imgur.com/HNG9cpn.png)
    
    建立和主頁同寬的frame
    
    ![](https://i.imgur.com/AIOLtjq.png)
    
    於畫面右側選擇prototype
    
    ![](https://i.imgur.com/VjHNJNZ.png)
    
    將兩個frame相連即可
2. 尋找能在temi上量測身高體重的方法
3. 學習如何在android studio上commit程式碼到github

5/6
1. 更新UI介面首頁
    ![](https://i.imgur.com/PaNwrO9.png)
2. 成功將UI丟上TEMI

5/13
1. 學習如何將UI丟上android studio

5/20
1. 持續更新UI
2. 將部分UI丟上android studio

10/17 新增菜單頁面
![](https://i.imgur.com/LdEnqb1.png)
# 如何利用android stdudio製作前端介面

首頁:

![](https://i.imgur.com/awfnLcS.png)

使用scrollview布局，讓畫面可以上下捲動

![](https://i.imgur.com/JHaXL5m.png)

使用button製作純文字按鈕

![](https://i.imgur.com/w53XZMA.png)

使用image view將圖片放上介面

![](https://i.imgur.com/YZBVO8s.png)

使用image button製作圖片按鈕

![](https://i.imgur.com/TasomGl.png)


# 如何設定點擊事件?    
舉例 : 點擊和泰聯名卡按鈕跳至和泰聯名卡頁面    

1. 在MainActivity中定義和泰聯卡按鈕
![](https://i.imgur.com/jPrViCZ.png)    
2. 並加入點擊事件
![](https://i.imgur.com/38lMtg6.png)

# 如何讓畫面水平捲動?    
使用HorizontalScrollView，
![](https://i.imgur.com/QwxNCWB.png) 

設定要水捲動部分的大小

![](https://i.imgur.com/yjmy5c5.png) 

在LinearLayout中加入要水平捲動的圖片即可

![](https://i.imgur.com/Lb0OMHb.png)

# POPUPWINDOW    
![](https://i.imgur.com/NvxyPEu.png)

# 導航系統    
載入Temi sdk套件    
![](https://i.imgur.com/UpwNJD5.png)    
利用sdk套件連接系統本身內建的導航功能，像圖片程式碼為，可藉由Temi插入充電座來記住機器人插電座的現在位置，而goTo的功能可在Temi內建先設定好位置，再利用goTo呼叫此位置，機器人就可以自行前往該點。
![](https://i.imgur.com/pCscqdp.png)
# 資料庫系統    
架設API，並利用pymysql連接資料庫，在MySQL建立好Table後，再利用Post功能將資料傳送到資料庫
![](https://i.imgur.com/COqCWmz.png)

![](https://i.imgur.com/DPMNWsB.png)

![](https://i.imgur.com/F8P3fw3.png)

![](https://i.imgur.com/3CQWhQp.png)

![](https://i.imgur.com/hOeTyOM.png)

![](https://i.imgur.com/xC30IEg.png)






# 遇見問題

問題1：無法使用adb連線
解決方法：已用簡訊詢問temi官方來解決此問題