Practical DBM

2020年3月1日星期日

初步認識AppSheet

中午12:15 Posted by Envisioning U-Commerce Lab AppSheet

2020年，Google收購了AppSheet，AppSheet團隊未來將加入Google Cloud。另一方面，Google也宣布原本自家的App Maker將完全停用，這個新聞讓我對於AppSheet感到興趣。

首先，若我們考慮要使用這個平台來做點什麼，第一先看看有哪些使用客戶及成功案例，第二要考慮的是在免費的情況下能做到什麼程度? 從AppSheet的官網看到要把開發出來的App正式部署使用都是要付費帳號才行，但還好是在免費狀況下仍能用來分享給10人做測試(Take as much time as you need while building your secure business app prototype for free using features from any plan level with up to 10 users testing your app and providing feedback.)，這樣或許還行。(測試之後就能更明確評估系統開發時程與成本，尤其是可以與正統開發方式的開發人時成本做比較，例如參考行政院主計處公布的資訊服務委外經費估算原則。)

使用AppSheet開發APP，建議先從這篇「Google 表單 3 分鐘製作手機 App ，免費免程式碼的另類方法」先試試，就先從Google表單設定外掛而完成下列程序:

在 Google 表單開啟AppSheet外掛，執行Prepare並加以Launch，就導到AppSheet網站(需用 Google 帳號登入)並看到製作好的測試APP了。(也可以參考這個YouTube影片的1:35之後的操作)

然後在手機上安裝AppSheet APP，用同樣的 Google 帳號登入開啟，就會看到那個測試APP了。(也可以參考這個YouTube影片的0:10之後的展示)

測試類似上述的例子後，如果我們只是從Google表單輸入改成在AppSheet開發出來的APP輸入，那好像沒什麼必要喔? 好的，那如果是想要用APP掃描QRcode來做輸入呢? 馬上用這篇Using a Barcode Scanner方法改一下就可以囉! (也可以參考這個YouTube影片的1:56處)

後續的教學進度，如這份簡報 : 帶大家認識Google剛併購AppSheet平台，每個人都能在一小時內快速建置功能強大的APP。

p.s. 最初其實是想要找有無免費APP可以掃描QRcode存到試算表，這樣就能用來做一些簡單的資料庫管理應用，評估了Scan to Web(掃描不靈敏)、Scan To Google Sheets(一個月只能掃描100次)、codeREADr(一個月只能掃描50次)、Barcode to Sheet(只能儲存在手機檔案)、Scanner Keyboard(必須改掉手機預設輸入法)，使用上都綁手綁腳的，所以最後才會找到AppSheet這個解決方案。

使用Google Sheet做為AppSheet後端資料庫

上午10:11 Posted by Envisioning U-Commerce Lab AppSheet

在這個教學影片「How to Create a Product Catalog Mobile or Web App in Minutes」，提供了一個Google Sheet範本(我們可以建立副本來做練習)，試試看照著完成下列程序吧:

0:05~0:44介紹Google Sheet範本的欄位，反正我們就是先另存副本到自己的雲端硬碟來用吧。

0:45~0:52登入AppSheet平台，開始新增一個APP吧(+New app)。

0:53~1:08選擇要使用的是Google Sheet，練習當然是選擇前述自己雲端硬碟上的副本。

1:09~1:23很快瀏覽一下Data與UX的設定頁面，平台很聰明的自動判斷這個資料適合的呈現方式。1:24開始著手認識Data設定細節，像是1:33將Tables設定Read-only讓產出的頁面只做為瀏覽之用，在1:48看到在Columns是用來設定每個欄位的，在1:57介紹在Slices設定要呈現的子集合條件(此例為清倉商品，後面會用到)。

2:33~2:42著手UX設定，整體呈現樣式(View type)除了條列(deck)，這個例子也可以試試表格(table)或縮圖(gallery)。2:43~3:09則是設定更多呈現選項，包含資料的排序(Sort by)、分群(Group by)等。3:10則是設定頁面最下方的執行此功能選項icon。

3:19~3:46重複UX設定，做第二個頁面，資料來源則是用到前述的清倉商品子集合。

這部分先練習到這裡，就能到手機上打開AppSheet，從側欄選單點選App Gallery找到這個App來看看執行效果。

至於教學影片的最後面一小部分，可以先有個初淺了解，但不急著現在就練習:

4:11~4:29對於Behavior的設定，像是可以自訂按鈕執行動作(Actions)、設定工作流程(Workflow)例如在庫存低於安全存量就要發出通知信件之類的、報告(Report)等。

4:30~4:54對於Security的設定，像是身分登入驗證機制(Require Sing-In)。

4:55~5:10對於Users的設定，可以分享給至多10人來使用測試這個APP。

5:10~5:20對於Deploy的設定，這部分要付費帳號才能做，所以現在先不管吧。

p.s. 如果你對於資料庫的概念還不太明白，可以參考看看資料庫是什麼。

以AppSheet對Google Sheet資料新增

上午8:24 Posted by Envisioning U-Commerce Lab AppSheet

在這個教學影片「How to Build an App with a QR and Barcode Scanner」，提供了一個Google Sheet範本(我們可以建立副本來做練習)，試試看照著完成下列程序吧:

0:07~0:34介紹Google Sheet範本的欄位，反正我們就是先另存副本到自己的雲端硬碟來用吧。

0:39~0:56登入AppSheet平台，開始新增一個APP吧(+New app)。

0:57~1:11選擇要使用的是Google Sheet，練習當然是選擇前述自己雲端硬碟上的副本。

1:12~1:28很快瀏覽一下Data的設定頁面，平台很聰明的自動判斷這個資料適合的呈現方式。1:29開始著手認識Data設定細節，這裡有個重點是1:35將Tables設定可以更改(Updates)、新增(Adds)、刪除(Deletes)，這樣才能對資料庫做增刪改。在1:42看到在Columns是用來設定每個欄位的，尤其是針對例子中的Barcode欄位，將Type設定為Text，將Scannable設定為Yes，就能讓這個欄位是以掃描條碼來做輸入(支援的條碼規格參見這篇介紹)。

2:21~2:42著手UX設定，包含資料的排序(Sort by)、分群(Group by)等，設定頁面最下方的執行此功能選項icon。

這部分先練習到這裡，就能到手機上打開AppSheet，從側欄選單點選App Gallery找到這個App來看看執行效果。如4:30的操作方式，按右下方的 "+" 就能新增資料，到了5:15就可以看到掃描條碼欄位的執行方式。

更進一步，可以參考這個「Field Survey App」範例，複製到自己的帳號來觀摩。

先關注下列幾個設定:

在AppSheet設計直接新增記錄的表單

清晨7:06 Posted by Envisioning U-Commerce Lab AppSheet

若是需要設計成直接進入表單填寫，可以參考這個「Quote Calculator」範例，複製到自己的帳號來觀摩。

更進一步還能在表單內加入一些固定的標題與文字段落，也可以加上手寫簽名，參考這個「Custom Checklist App」範例，複製到自己的帳號來觀摩。

更進一步還能在表單加上分頁頁籤、時戳(Now()、Today())、列舉選項、長文字等，參考這個「Ship Inspection」範例，複製到自己的帳號來觀摩。

在AppSheet設定Workflow

清晨7:02 Posted by Envisioning U-Commerce Lab AppSheet

在這個教學影片「How to Make Customer Delivery Alert Emails」，介紹如何設定Workflow讓表單填寫完成後立即發送一封通知電子郵件:

1:05開始在側欄項目Behavior的Workflow頁籤新增一個Workflow Rule

1:20為這個Workflow Rule命名

1:27選擇其Target Data，1:31設定Data的哪種異動情況要執行這項工作，而且在2:11設定了欄位條件。

2:52設定要執行的工作是發出Email(或其他)

3:10設定收件人地址是依據哪個欄位

4:17輸入信件主旨

5:12建立信件內容(注意要套欄位值的地方是用框在<<...>>裡面)，但是快轉到7:18可以看到是更複雜的信件內容應該準備一個Google文件來套表。

大致了解Workflow的設定方式，就蟄居參考這個「Delivery Receipt」範例，複製到自己的帳號來做練習吧。

以上設定都完成之後，就在模擬畫面或手機APP上執行新增或修改記錄的動作，存檔之後就會收到下列的電子郵件囉。

不過，在免費帳號的情況下，無法Deploy就無法將信件真正寄出去，而前述的信件其實是讓我們看到的測試結果，也就是只會寄給自己的信箱而已。

另外，再參考這個「Ship Inspection」範例，看看如何設定電子郵件附加檔案，複製到自己的帳號來觀摩。

更多有關Workflow的Email方式設定細節，自行參考這個「Workflow: Sending Email」系列文章，像是各項設定細節可參考「Sending Email from a Workflow Rule or Scheduled Report」，而如果要再附加更多檔案就參考「Email Other Attachments」。除此之外，Workflow不只是可以執行Email，還可以是發SMS、執行特定網路程式Webhook、儲存檔案等，你也都可以參閱前前後後的各系列文章。