2020年3月1日 星期日

初步認識AppSheet

中午12:15 Posted by Envisioning U-Commerce Lab
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...

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

上午10:11 Posted by Envisioning U-Commerce Lab
在這個教學影片「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...

以AppSheet對Google Sheet資料新增

上午8:24 Posted by Envisioning U-Commerce Lab
在這個教學影片「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...

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

清晨7:06 Posted by Envisioning U-Commerce Lab
若是需要設計成直接進入表單填寫，可以參考這個「Quote Calculator」範例，複製到自己的帳號來觀摩。 更進一步還能在表單內加入一些固定的標題與文字段落，也可以加上手寫簽名，參考這個「Custom Checklist App」範例，複製到自己的帳號來觀摩。 更進一步還能在表單加上分頁頁籤、時戳(Now()、Today())、列舉選項、長文字等，參考這個「Ship Inspection」範例，複製到自己的帳號來觀摩。 ...

在AppSheet設定Workflow

清晨7:02 Posted by Envisioning U-Commerce Lab
在這個教學影片「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...

2020年2月29日 星期六

在AppSheet也能做出關聯式資料庫

下午2:24 Posted by Envisioning U-Commerce Lab
將這個「Reference Actions」範例複製到自己的帳號下，就能開始做最簡單的關聯式資料庫練習。 不只是複製了這個範本的前端設計，同時也已經把相關資料複製到自己的Google雲端硬碟了，就在 我的雲端硬碟 > appsheet > data 資料夾裡面有個子資料夾。 該資料夾裡面就有一個Google試算表，裡面有兩個資料表，分別是Parent與Child。 回到AppSheet的設定，可以看到Data裡面已經設定使用Parent與Child兩個資料表。 要讓兩個資料表有關聯，關鍵就在Child資料表的Columns設定了關聯欄位之型態為[Ref]，且進入該欄位的編輯模式可以看到其Source...