網頁

2025年8月31日 星期日

將您的 AppSheet 應用程式變成可分享的範本

您可以將自己精心製作的 AppSheet 應用程式,打包成一個作品集範本,讓任何人都可以下載、複製與使用,不僅能展示您的成果,也能作為一個可重複使用的解決方案。以下將逐步說明如何設定。

前置作業:準備您的應用程式

在將應用程式設定為範本之前,有幾個重要的步驟需要完成,以確保分享出去的是一個乾淨、可用的版本:

  • 清除測試資料: 記得將應用程式中的所有測試資料或個人資料清除。[1] 一個好的做法是直接在原始資料來源(例如 Google Sheets)中,刪除除了標題列以外的所有資料。[1]

  • 建立分享專用的副本: 為了避免影響到您自己正在使用的版本,建議先複製一個新的應用程式專門用來分享。[1]

核心設定:將 App 設為公開範本

完成前置作業後,就可以開始進行最關鍵的設定,讓您的應用程式可以被公開存取與複製:

  1. 部署您的應用程式: 這是讓您的應用程式出現在作品集的第一步。[2] 您可以在 AppSheet 編輯器中找到「Manage」>「Deploy」的選項,執行「Deployment Check」。[3] 即使出現一些警告訊息,只要沒有紅色錯誤,通常都可以繼續將應用程式狀態移至「Deployed」。

  2. 設定為公開範本: 進入「Manage」>「Collaborate & Publish」(在舊版編輯器中路徑可能為「Manage」>「Author」),找到「Team Work」區塊。[4] 將「Make this a public sample?」的選項開啟。[4]

  3. 調整權限設定: 為了讓其他人能夠複製您的應用程式,權限設定至關重要。[1]

    • 使用者登入需求: 在「Security」>「Require sign-in」中,確保此選項是開啟的。

    • 驗證提供者: 將「Authentication provider」設定為「any provider」,讓使用者可以用任何帳戶登入。

  4. 設定您的公開作品集:

    • 點擊畫面右上角的帳號圖示,進入「My Account」。[4]

    • 選擇「Collab」分頁。[4]

    • 在「Portfolio Description」欄位中輸入您的作品集標題或描述,此為必填欄位,若留空,其他人將無法看到您的作品集頁面。

分享您的作品集

完成以上所有設定後,您的作品集就準備好了。其他人可以透過以下格式的網址來瀏覽您的公開範本:

https://www.appsheet.com/portfolio/您的帳號ID[4]

您的帳號 ID 會顯示在「My Account」頁面的頂端。只要將此連結分享出去,任何人都能看到您的範本,並將其複製到自己的 AppSheet 帳號中,成為一個資料完全獨立的新應用程式。

Sourceshelp
  1. youtube.com
  2. google.dev
  3. coconala.com
  4. google.com

 



如何使用信用卡線上購買員林香純滴雞精?完整圖文教學

有朋友在詢問如何透過網路訂購「員林香純滴雞精」並使用信用卡付款。為了讓大家都能輕鬆完成訂購,我們特別錄製了這段教學影片,並將其整理成詳細的圖文步驟,希望能幫助到您。

訂購網址: http://shop.bestdaylong.com/shop-1.htm


第一步:選擇商品與數量

進入訂購網頁後,您會看到詳細的商品列表。請在您想購買的品項旁,點擊「+1」、「-1」按鈕來調整數量。頁面下方粉紅色的「目前訂購資訊」區塊會即時更新您的購物車內容與總金額。

第二步:填寫購買人基本資料

畫面往下拉,您會看到訂購表單。請依序填寫您的「購買人姓名」與「購買人電話/手機」。這裡不需要註冊會員,填寫完畢即可繼續。

第三步:選擇寄送方式

我們提供多種寄送方式,您可以根據需求選擇:

  • 黑貓宅急便:直接宅配到府。

  • 黑貓宅急便(貨到付款):商品送達時再付款。

  • 自取面交

請注意:

  • 選擇「黑貓宅急便」後,系統會自動計算運費。若訂單金額未滿3,000元,將會加上150元的運費。

  • 線上刷卡、網路ATM等付款方式,會在您完成「訂單送出」後才出現選項。

第四步:填寫收件人資料

接下來請填寫收件人的詳細資料。

  • 快速填寫:如果收件人與購買人是同一位,可以直接勾選「同購買人姓名」與「同購買人電話/手機」,系統會自動帶入資料,非常方便。

  • 必填欄位:請務必填寫「收件人郵遞區號」與「收件人地址」。

第五步:設定訂單查詢密碼與送出訂單
  1. 自訂訂單查詢密碼:請設定一組您記得住的密碼(例如:1234),之後您可以用「手機號碼」搭配這組「密碼」來查詢訂單進度。

  2. 輸入驗證碼:將圖片中看到的4個數字填入欄位。

  3. 送出訂單:確認所有資料無誤後,點擊「送出訂單」。

第六步:前往付款頁面

送出訂單後,頁面會顯示您的訂單明細。請確認內容無誤,接著點擊下方的 [ECPay 綠界科技] 按鈕,即可前往安全的線上付款頁面。

第七步:選擇「信用卡」並完成付款

在 ECPay 付款頁面中,您可以看到多種付款方式。

  1. 請點選第一項 「使用卡」(即信用卡)。

  2. 下方的表單會展開,請依序填入您的「持卡人姓名」、「信用卡卡號」、「有效月年」及「卡片末三碼」。

  3. 填寫完畢後,點擊「確認送出」,即可完成刷卡交易。

除了信用卡,ECPay 頁面也支援網路 ATM、ATM 櫃員機轉帳、超商條碼繳費等多種方式,您可以選擇最方便的一種。

以上就是完整的線上訂購與信用卡付款流程,是不是很簡單呢?若您在操作上還有任何問題,歡迎隨時與我們聯繫! 



2025年8月28日 星期四

【Google表單教學】如何在Google試算表中直接顯示上傳的照片?

您是否也遇過這樣的困擾:透過 Google 表單收集了使用者上傳的圖片,但在回應的 Google 試算表中,卻只看到一長串無法直接預覽的 Google Drive 連結?每次需要查看圖片時,都得逐一點擊連結,非常耗時。

別擔心!本篇教學將帶您一步步解決這個問題,讓上傳的圖片直接以縮圖方式顯示在試算表的儲存格中,一目了然!

核心問題:連結 vs. 圖片

當使用者透過 Google 表單上傳檔案時,Google 試算表預設會儲存該檔案在 Google Drive 中的「分享連結」,格式通常如下:
https://drive.google.com/open?id=[檔案的分享ID]

這個連結點擊後會進入 Google Drive 的預覽頁面,而不是直接顯示圖片。我們的目標,就是將這個連結轉換成圖片,並顯示在儲存格內。

解決方案三步驟

要實現這個目標,我們需要完成三個關鍵步驟:建立表單、設定共用權限,以及使用 IMAGE 函式。

首先,建立一個基本的 Google 表單,並新增一個「檔案上傳」類型的問題。

  1. 前往 Google 表單 並建立一份新表單。

  2. 新增一個問題,並將問題類型從「選擇題」改為「檔案上傳」。

  3. 系統會提示您檔案將上傳至表單擁有者的 Google 雲端硬碟,點擊「繼續」。

  4. 您可以設定允許的檔案類型(建議勾選「圖片」)、檔案數量上限與大小上限。

  5. 為了方便管理,可以再新增一個「簡答」欄位,例如「學號」或「姓名」,讓您知道每張圖片對應的是誰。

這是最多人忽略但卻最重要的一步。預設情況下,上傳的檔案只有您自己能看見,試算表無法直接存取。我們必須開放權限。

  1. 前往您的 Google 雲端硬碟

  2. 您會找到一個與表單同名的資料夾,裡面還有一個名為「(您問題的標題) (File responses)」的子資料夾。例如,若您的表單名為「上傳大頭照」,您會找到一個「上傳大頭照 (File responses)」的資料夾。

  3. 對著這個資料夾按右鍵,選擇「共用」>「共用」。

  4. 在「一般存取權」區塊中,將權限從「已限制」變更為「知道連結的任何使用者」。

重要提醒: 請務必對整個資料夾設定權限,而非單一檔案。這樣一來,未來所有透過表單上傳到此資料夾的圖片,都會自動繼承這個「知道連結即可檢視」的權限。

現在我們來到最後一步,也就是在試算表中施展「魔法」。

  1. 開啟回應的 Google 試算表,您會看到 C 欄(或您上傳檔案的欄位)充滿了 Google Drive 連結。

  2. 在旁邊新增一個欄位,例如 D 欄,並在 D2 儲存格輸入以下公式:

    =IMAGE("http://drive.google.com/uc?export=view&id=" & MID(C2, FIND("id=", C2)+3, 33))

公式解析:

  • IMAGE(...):這是 Google 試算表的內建函式,能將一個有效的圖片網址轉換成圖片並顯示在儲存格中。

  • "http://drive.google.com/uc?export=view&id=":這是一段固定的網址前綴,是能讓 Google Drive 圖片直接顯示的關鍵。

  • &:這是字串連接符號。

  • MID(C2, FIND("id=", C2)+3, 33):這部分是為了從 C2 儲存格的原始連結中,自動抓取出檔案的「分享ID」。

    • FIND("id=", C2) 會找到 "id=" 在 C2 儲存格中的起始位置。

    • +3 是因為 "id=" 本身有 3 個字元,我們要從它後面開始抓取。

    • MID(..., 33) 表示從該位置開始,抓取 33 個字元(Google Drive 的分享 ID 長度通常是固定的,33 個字元非常夠用)。

  1. 輸入公式後按下 Enter,您應該就能看到圖片出現了!

  2. 點擊 D2 儲存格右下角的小藍點,向下拖曳填滿,即可將此公式應用到所有列。

總結

恭喜您!現在您的 Google 試算表已經可以自動顯示使用者上傳的圖片了。讓我們快速回顧三個重點:

  1. 建立表單:在表單中加入「檔案上傳」問題。

  2. 開放權限:將存放圖片的 Google Drive 資料夾權限設為「知道連結的任何使用者」。

  3. 使用公式:在試算表中利用 IMAGE 搭配 MID 與 FIND 函式,組合出正確的圖片網址。

透過這個方法,無論是活動報名、作業繳交還是資料回報,您都能更直觀、更有效率地管理收到的圖片檔案! 



2025年8月26日 星期二

AppSheet 教學:輕鬆調整 Action 按鈕順序,優化你的操作流程

在使用 AppSheet 開發應用程式時,我們經常會為特定的資料表或視圖建立多個「Action」(動作)按鈕,以實現快速新增、修改資料或觸發特定流程等功能。然而,隨著 Action 數量增加,預設的排列順序可能不符合我們的使用習慣,導致最常用的按鈕被排在後面,影響操作效率。

今天這篇教學將透過一個實際案例,教你如何輕鬆地重新排列這些 Action 按鈕的順序。

情境說明:學習時間管理 App

在影片中,我們看到一個用於專案時間管理的 App,主要用來記錄學習英文單字的進度與花費時間。

例如,當完成一個學習任務(如:高中7000單字 81-100),我希望能快速複製並建立下一個學習任務(如:高中7000單字 101-120)。為此,我建立了「複製新增(區間10)」和「複製新增(區間20)」等多個 Action。

調整前的問題:
如下圖所示,在任務詳情頁面中,我最常使用的「複製新增(區間20)」按鈕被排在了最後面,操作起來不夠直覺。我希望將它移動到最前面。

調整步驟

要調整 Action 的順序非常簡單,只需幾個點擊即可完成。

首先,在 AppSheet 編輯器中,點擊左側選單的 Behavior(行為)。


在 Behavior 頁面中,您會看到所有已建立的 Action 列表。將頁面滾動到最下方,會看到一個名為 Rearrange actions 的按鈕。

點擊 Rearrange actions


點擊後,系統會進入一個專門用來調整順序的介面。每個 Action 的左側都會出現一個由六個點組成的拖曳圖示。

按住您想移動的 Action 左側的拖曳圖示,將它拖曳到您想要的位置。在我們的範例中,我們將「複製新增(區間20)」從第6位移動到第2位。


調整好順序後,點擊下方的 Click here when done 藍色連結,即可退出排序模式。


最後,別忘了點擊右上角的 Save 按鈕,將變更儲存到您的 App 中。

查看成果

儲存並等待 App 同步完成後,我們再次回到應用程式的詳情頁面。可以看到,「複製新增(區間20)」這個 Action 按鈕已經成功地被移動到了我們指定的新位置,操作流程變得更加順暢!


總結

透過 Behavior -> Rearrange actions 這個簡單的功能,我們可以輕鬆地客製化 Action 按鈕的顯示順序,將最常用或最重要的功能放在最顯眼的位置。這個小技巧能顯著提升 App 的使用者體驗和操作效率,讓你的 App 更加專業與人性化。快去試試看吧!