Insyde Market - getfresh.org.tw 系統使用說明書 | 版號. Insyde Software Corp. Confidential...

系統使用說明書 | 版號. <2.0>

Insyde Software Corp. Confidential 1

Insyde Market

App 甘單™服務系統使用說明書

Rev.2.0

2012-05-07

Insyde Software Corp.



Revision History

Rev. Date Author Approver Summary

1.0 2012/05/07 Anubis Chen Daniel WM Lin 建立系統使用說明書

2.0 2012/05/07 Anubis Chen Daniel WM Lin 建議修正



目錄

1 簡介 ........................................................................................................................................................................................ 5

1.1 概要 ....................................................................................................................................................................................... 5

1.2 環境說明 ............................................................................................................................................................................... 5

2 操作說明................................................................................................................................................................................. 6

2.1 App 甘單™編輯中心 ............................................................................................................................................................ 6

2.1.1 Insyde Market 開發者網站 ............................................................................................................................................... 6

2.1.2 編輯中心入口 ................................................................................................................................................................... 7

2.1.3 編輯中心 ........................................................................................................................................................................... 7

2.1.3.1 Submit 區 ................................................................................................................................................................. 8

2.1.3.2 UnSubmit 區 ............................................................................................................................................................ 8

2.1.3.3 區域說明 ................................................................................................................................................................. 8

2.2 App 甘單™編輯器 ................................................................................................................................................................ 9

2.2.1 產生自行編輯內容的 App ............................................................................................................................................. 11

2.2.2 App 自行編輯步驟 ......................................................................................................................................................... 11

2.2.2.1 Step1：App Base Editor ........................................................................................................................................ 11

2.2.2.2 Step2：Content Editor .......................................................................................................................................... 13

2.2.2.3 Step3：Save .......................................................................................................................................................... 24

2.2.2.4 Step4：Return to "App Builder Center" ................................................................................................................ 24

2.2.3 產生外部匯入內容的 App ............................................................................................................................................. 24

2.2.4 App 匯入編輯步驟 ......................................................................................................................................................... 24

2.2.4.1 Step1：App Base Editor ........................................................................................................................................ 24

2.2.4.2 Step2：Content Editor .......................................................................................................................................... 25

2.2.4.3 Step3：Save .......................................................................................................................................................... 26

2.2.4.4 Step4：Return to "App Builder Center" ................................................................................................................ 26

2.3 App 甘單™裝置端程式 ...................................................................................................................................................... 27

2.3.1 程式 Action Bar 功能說明參考資源 .............................................................................................................................. 27

2.3.1.1 瀏覽模式 ............................................................................................................................................................... 27

2.3.1.2 字體縮放 ............................................................................................................................................................... 29

2.3.1.3 App 甘單TM程式評分 ........................................................................................................................................... 29

2.3.1.4 圖片所在地圖瀏覽 ............................................................................................................................................... 30

2.3.1.5 設定功能與關於程式 ........................................................................................................................................... 31

2.3.2 瀏覽區塊操作說明 ......................................................................................................................................................... 32

2.3.2.1 Action Bar 展開與收回 ......................................................................................................................................... 32

2.3.2.2 段落與多媒體圖片書籤索引 ............................................................................................................................... 33

2.3.2.3 圖片操作行為 ....................................................................................................................................................... 34



3 參考文件............................................................................................................................................................................... 36



1 簡介

1.1 概要

“甘單”就是表示很容易的意思，Insyde Market 推出 App 甘單™ 服務，讓所有不會寫程式，不懂

作業系統的人，很容易地透過雲端操作，讓製作 App 變的和上網，PO文一樣"甘單"，只要會編輯文字，

會上傳圖片，會連結影音，就可以很快地展現個人創意，創作個人的 App。

1.2 環境說明

App 甘單™ 服務於開發者端使用瀏覽器為介面，運行於 Insyde Market 的開發者網站

(http://developer.insydemarket.com)中，本服務可自動產生 Android 系統使用的 App 安裝檔案(APK)，達

成便利產出 App 的功能，使用者用戶端只需具備瀏覽器，無須另外安裝其他程式即可達成產製 App 功

能。

使用裝置端則提供 App Profile 程式，使用者可以透過該程式開啟 App 甘單™ 服務產生的 App，本

Profile 程式相容於各版本與解析度 Android 系統。

1.3 術語與名詞解釋

AppKanTan 中文名稱 App 甘單™，台語音譯"簡單"的意思，即為本服務名稱

Insyde Market 系微市場，由系微股份有限公司開發與管理的開放應用軟體市集

App Application 的簡稱，此處專指智慧型裝置安裝使用的應用程式

App Profile 應用程式基礎框架

IMCG Insyde Market Client Gateway™

http://developer.insydemarket.com/



2 操作說明

2.1 App 甘單™編輯中心

2.1.1 Insyde Market 開發者網站

App 甘單™架構在 Insyde Market 開發者網站中，欲使用 App 甘單™服務，需先瀏覽 Insyde

Market 開發者網站(http://developer.insydemarket.com/)，新使用者須申請成為使用者。

輸入帳號密碼，登入開發者網站

如果尚無帳號，請直接申請帳號(Sign Up)

http://developer.insydemarket.com/



2.1.2 編輯中心入口

開發者網站使用者登入後，即可進入 Account Center，App 甘單™屬於開發者網站新增功能

之一，點選紅色方塊 App Builder Center 即可進入編輯中心。

2.1.3 編輯中心

編輯中心提供整合的功能與資訊界面，開發者可以於編輯中心完成新增、刪除、修改、編

譯...等等功能項目，也可以確認 App 的各項狀態與基本資訊，點選 Add 即可開始首次使用

App 甘單™。



2.1.3.1 Submit 區

編譯中或編譯完成的 App 會顯示在此區域，狀態可能為 Save、Success 或編譯中的

OnInit、OnProgress、Error。

2.1.3.2 UnSubmit 區

新增的App資料會顯示於此區域，當App執行編譯(Build)後，該筆資料就會移至 Submit

區，方便使用者區隔上架與未上架 App，狀態只會是 NoActive。

2.1.3.3 區域說明

1. Status: 顯示 App 狀態資訊

狀態說明

NoActive 新增的 App 資料，尚未進行編譯動作

Success 完成編譯的資料，App 已經送至 Insyde Market 提交上架

Save Submit 區的資料，成功儲存後顯示 Save

OnInit 起始編譯動作，此狀態於系統接收編譯需求後即轉換為 OnProgress

OnProgress 編譯中動作，一般情況 App 編譯可在 5 分鐘內完成，完成後更新



編輯中心畫面狀態為 Success

Error 若 App 編譯發生錯誤會產生 Error 狀態，App 甘單™ 服務管理員會

主動且盡快排除問題，重新編譯。

2. Icon: App 圖標

3. App Name:App 標題名稱

4. Function:App 相關功能

App 相關功能項目說明：

項目圖示說明

App Profile

提供預覽功能程式安裝的二維條碼

Refresh

刷新頁面，取得最新狀態

Add

開啟新增資料頁面

Edit 開啟現有資料新增功能

Delete 開啟現有資料刪除確認視窗

Build 執行編譯

Preview 開啟預覽功能二維條碼

Other Market

開啟上架 App 至其他 App 市場頁面(預設將

上架至 Insyde Market)

2.1.3.4 Preview 使用

第一次預覽前，請先安裝預覽工具 App Profile，方式為點選 App Profile 按鈕，預覽功

能程式安裝的二維條碼會直接顯示於 App Builder Center，使用智慧型裝置掃描後，即

可依這指示進行安裝，此動作僅須執行一次。



App 資料產生後，不需要編譯，可以即刻進行預覽，只須點選 Preview 按鈕，預覽功

能二維條碼會直接顯示於 App Builder Center。

使用智慧型裝置掃描後，即可進行預覽，若第一次進行預覽動作，系統會詢問帳號密

碼，此處帳號密碼即為 Developer Site 登入帳號密碼，其後預覽相同 Developer 之 App

不需再輸入。

2.1.3.5 Build 功能說明

Build 功能主要為為執行編譯動作，也是 App 甘單™ 服務服務的核心，App 甘單™ 服

務最大特色在於可以協助透過簡易的網頁介面即可實際產出智慧型裝置使用的

App，實際上編譯功能執行以下動作。

A. 產生上架 Insyde Market App



B. 產生上架其他軟體市集 App

C. 執行 Insyde Market 上架作業

若使用者需要將 App 上架到其他市集，則可以執行 Other Market 功能，挑選上架目

標市集，系統即會排進行上架其他市集作業。

2.2 App 甘單™編輯器

2.2.1 產生自行編輯內容的 App

新增 App 按鈕上方的選項內，選擇 Edit(預設值)即可編輯自己產生的 App 內容，確認選項

選擇 Edit 後，點選 Add 開始編輯 App。

2.2.2 App自行編輯步驟

2.2.2.1 Step1：App Base Editor

請填寫 App 基本資料，包含標題(App title)、說明(App description)、上傳圖標(App

icon)、上傳縮圖(App screenshot)、設定分類(Category)與設定價格(Price)。



若需設定價格，開發者網站的帳號必須升級至 Level 2，欲申請設定上架付費程式，請

開啟 MyProfile 頁面。

個人資料設定中，需勾選" Please check if you would like to upload paid Apps."方塊按鈕。

勾選後即會彈出視窗，輸入收款方式、付款帳號與聯絡電話，即可完成帳號升級動作，

編輯 App 甘單™資料時就可以設定價格。



2.2.2.2 Step2：Content Editor

進行編輯 App 內容資料，包含以下區塊功能。

1. 文字編輯區 Text Area

本區域可以使用符合一般文字編輯器的習慣，進行文字內容編輯，也可以透過剪貼簿

剪貼文字、資源區拖拉圖片或影片...等等，



工具列提供以下功能：

圖示功能功能說明

Undo 復原至上一個動作

Redo 重新執行下一個動作

Bold 設定為粗體字

Italic 設定為斜體字

Underline 增加底線

Strike through 增加刪除縣

Sub script 設定為下標字

Super script 設定為上標字

Remove style 清除文字格式

Foreground color 設定文字顏色，使用色盤選取色號



Background color 設定背景顏色，使用色盤選取色號

Font Name 設定文字字型

Font Size 設定文字尺寸

Insert horizontal

rule

插入分隔線

Ordered List 設定編號

Bulleted List 設定項目符號

Decrease Indent 設定取消縮排

Increase Indent 設定縮排

Justify Left 靠左對齊文字

Justify Center 置中對齊文字

Justify Right 靠右對齊文字

Justify 左右對齊文字



Remove

Alignment

取消對齊文字

Insert/Edit URL

link

設定文字超連結，點選後彈出以下表格進行設

定

Remove Link 移除文字超連結

Insert current

date

插入今天日期文字

2. 資源設定區 Resource Setting

本區域可以設定 App 邊急需使用的資源，包含三大區塊，分別為圖片(Image Upload)、

影片(Video Upload)與背景(Background Image & Music)

A. 圖片(Image Upload)

執行圖片上傳，上傳後即會產生圖片列表，可以執行將圖片拖曳至編輯區、指定

為桌布資源、編輯標題或設定經緯度。

上傳圖片可點選"Broswer Files"按鈕

於電腦中可一次選取多張圖片上傳



選取後，畫面會出現準備上傳清單，再點選"Start Upload"即可等待上傳完成。

上傳中畫面

上傳完成後，列表會出現上傳的縮圖，並且可以直接進行編修，預設標題(Title)

會帶入上傳編號。



點選地球圖示，會開啟 Google Map 以進行經緯度設定

設定完成結果，若不需要此圖片，可點選右上角圖示進行刪除動作。



上傳後的圖片，使用滑鼠推拖曳至文字編輯區

即可完成圖片新增，再進行後續編輯。

B. 影片(Video Upload)

支援輸入 YouTube 網址，並產生影片縮圖。



可以選擇任意的 YouTube 影片連結，複製至新增文字方塊。

點選 Add 後，影片即會產生縮圖，加入影片清單

影片與圖片相同，可以進行標題與經緯度設定，若要刪除，可點選右上角圖

示進行刪除動作。

C. 背景(Background Image & Music)



背景可以設定背景圖片與背景音樂。

背景圖片(Set Image)

點選"選擇檔案"，於電腦中挑選一張圖片，再點選 Upload 即可完成上傳與設

定

上傳後，會出現縮圖，並可以執行圖片亮度異動或是刪除圖片，使用者可以

依據需求淡化背景圖，但是設定後無法復原，設定方式為滑動淡化比例拉

桿，再按下"Save"即可完成。

若有需要，可重複執行淡化動作。



若不需要此背景圖片，可點選左上角圖示進行刪除動作。

背景音樂(Set Music)

背景音樂有兩種設定方式，分別為指定 mp3 網址與上傳 mp3 檔案，請注意：

無論是指定網址或是上傳檔案，系統只接受 mp3 格式檔案，其他格式檔案會

造成背景音樂無法使用。

指定 mp3 網址方式只需直接將網址填入上方文字方塊，點選 Save 即可完成

設定，若於文字方塊空白時點選 Save，則為清除背景音樂。

上傳 mp3 檔案則點選"選擇檔案"，於電腦中挑選一個 mp3 檔，再點選 Upload

即可完成上傳與設定。

設定背景音樂後，會出現音樂預覽功能區，系統會將檔名紀錄為音樂名稱提



供參考，使用者可以試著播放背景音樂進行預覽，若不需要此背景音樂，可

點選左上角圖示進行刪除動作。

3. 書籤設定區 Anchor Set Up

書籤設定區與文字編輯區為互動方式設定，並且提供三種階層的書籤(H1、H2、H3)。

於文字編輯區選取欲設定的書籤文字，書籤設定區會出現對應的選取文字。

依據需求選擇書籤類別按鈕，點選後即完成設定，文字編輯區的標籤會顯示書籤醒目

提示，書籤設定區也會出現對應列表，提供管理功能。

書籤設定區點選書籤文字，文字編輯區即可捲動至對應位置，點選"Remove"按鈕則會

刪除此標籤。



2.2.2.3 Step3：Save

編輯完成後，必須按編輯視窗右上角"Save"按鈕，才算完成儲存，方

便日後編輯與製作 App。

2.2.2.4 Step4：Return to "App Builder Center"

儲存完成後，即可點選右上角的關閉圖示，返回"App Builder Center"進行其他

動作，此時可以見到新增的 App 資料出現在 Un Submit 區域。

2.2.3 產生外部匯入內容的 App

新增 App 按鈕上方的選項內，選擇 Import 即可編輯匯入產生的 App 內容，確認選項選擇

Import 後，點選 Add 開始編輯 App。

2.2.4 App匯入編輯步驟

2.2.4.1 Step1：App Base Editor

此部分功能與 Edit Mode 完全相同，請參考 Edit 對應章節。



2.2.4.2 Step2：Content Editor

進行編輯 App 內容資料，包含以下區塊功能。

1. 文字預覽 Text Area

於 Import 模式下，Text Area 無編輯功能，僅能進行預覽

2. 資源設定區 Resource Setting

A. 匯入(Import)

提供輸入外部網站網址進行內容匯入功能，目前支援 7 個網站：

www.mobile01.com

www.unboxing.cc

www.tomshardware.tw

www.dpreview.com

www.slashgear.com

www.cool3c.com

www.engadget.com

選擇匯入的網站網址



將網址填入匯入文字方塊(External URL)，點選 Add 按鈕即可完成

匯入。

B. 背景(Background Image & Music)

此部分功能與 Edit Mode 完全相同，請參考 Edit 對應章節[2.2.2.2]。

3. 書籤設定區 Anchor Set Up


2.2.4.3 Step3：Save


2.2.4.4 Step4：Return to "App Builder Center"


2.2.5 開發者注意事項

開發者請確保所提供的內容，包括但不限於文字、圖片、影像、動畫、音效、音樂、資料



庫及應用程式等，皆屬合法使用，無侵權或盜版行為，如有違法，均屬開發者個人行為，

與 Insyde Market AppKanTan 服務無關。

2.3 App 甘單™裝置端程式

2.3.1 程式 Action Bar 功能說明參考資源

App 甘單 TM程式 Action Bar 功能操作項由左至右分為閱讀模式、字體縮放、程式評分、圖

片所在地圖瀏覽、設定功能與關於程式共五項。

2.3.1.1 瀏覽模式

瀏覽模式可分為 User Mode 與 Insyde Mode 兩種。

瀏覽模式圖示說明

User Mode

使用者在自行編輯 Content Editor區域所

編輯的文字屬性與圖片大小，於 User

Mode 下原始呈現。

Insyde Mode

Insyde Mode 將所有文字編輯區域所設

置屬性移除，並且將所有圖片皆以裝置

寬度作為顯示。此模式為程式進入預設

模式。(Default)



User Mode

Insyde Mode



2.3.1.2 字體縮放

字體縮放分為小、中、大三種切換大小模式。

字體縮放圖示切換示意

Font_Small

Font_Normal

Font_Large

2.3.1.3 App 甘單 TM程式評分

首先完成 Insyde Market 帳號登入，且該帳號必須於 Insyde Market 對該程式有下載記

錄，方可對該程式內容進行評分與評論，而完成評分後結果將於 Insyde Market 程式

頁面顯示。



2.3.1.4 圖片所在地圖瀏覽

在圖片(Image Uplaod)與影片(Video Upload)資源編輯過程中，對任何圖片或影片有經

緯度屬性的設定，進入程式後點選地圖瀏覽圖示後，可於地圖上看到圖片/影片所在

位置。



2.3.1.5 設定功能與關於程式

帳號管理

欲對該程式評分前，必須先完成 Insyde Market 帳號登入動作，完成登入後即可進

行程式評分/評論。

背景音樂設定

程式編輯者在資源設定區(Resourc Setting)，不論是否對程式背景音樂作設定，在

Sound effect 狀態欄可看到目前狀態。而背景音樂狀態可分為 No Background

Music、On、Off 三種。

登入

完成登入



背景音樂狀態說明

程式編輯者在資源設定區無對程式背

景音樂作設定。此狀態時無法對音樂狀

態作改變。

程式編輯者有程式背景音樂設定，而目

前播放狀態為播放(On)，點擊後可切換

為停止(Off)，完成撥放狀態切換後，離

開設定頁後開始生效。預設狀態為播放

(On) (Default)。

程式編輯者有程式背景音樂設定，而目

前播放狀態為停止(Off)，點擊後可切換

為播放(On)，完成撥放狀態切換後，離

開設定頁後開始生效。

關於程式

關於程式可分為 App 甘單 TM版權宣告與程式 QR code 兩部分，其中 QR code 又分

為程式所屬平台下載位置與程式下載位置。

2.3.2 瀏覽區塊操作說明

2.3.2.1 Action Bar 展開與收回

直接點擊 Action Bar 拖曳箭頭控制 Action Bar展開與收回。當 Action Bar 為展開狀態

時，除了點擊 Action Bar 拖曳箭頭外，直接對閱讀區塊觸控後 Action Bar 將自動收回。

1.App 甘單 TM版

權宣告

2.所屬 Insyde Market平

台下載位置

3.所屬 Insyde

Market 平台下

載位置



若瀏覽區塊停滯或無觸控行為時，2 至 3 秒後 Action Bar 拖曳箭頭自動消失，直到觸

控行為發生後，Action Bar 拖曳箭頭會再次顯示。

2.3.2.2 段落與多媒體圖片書籤索引

瀏覽區塊左右兩側置中圖示分別表示段落索引與多媒體圖片索引，點擊圖示後索引頁

面將從分別自左側與右側滑出。

直接以手勢滑動也可分別將段落索引與多媒體圖片索引頁帶出與收回。



索引圖示與 Action Bar拖曳箭頭顯示行為相同，若瀏覽區塊停滯或無觸控行為時，2

至 3 秒後索引圖示自動消失，直到觸控行為發生後，索引圖示會再次顯示。

2.3.2.3 圖片操作行為

直接點擊圖片

在瀏覽區塊直接點擊圖片開啟圖片瀏覽頁面，並且可對該圖片做手勢縮放瀏覽，

而瀏覽頁面上方狀態列可得知程式編輯者在圖片資源設定時，對該圖片是否有經

緯度設定，或是否可設為桌布(Provide as wallpaper)。

圖片狀態說明

該圖片可從圖片地圖上顯示，且可設為

裝置桌布。

該圖片可從圖片地圖上顯示。

該圖片可設為裝置桌布。

僅可對圖片做手勢縮放瀏覽。

長按(Long Press)圖片

在瀏覽區塊長按(Long Press)圖片，出現圖片對話窗(Dialog)可直接對圖片做進一步

操作，如圖片地圖瀏覽或桌布設定。

圖片長按對話窗(Dialog) 說明



開啟該圖片所在地圖或直接將

該圖片設為裝置桌布。

開啟該圖片所在地圖。

直接將該圖片設為裝置桌布。

該圖片無進一步操作動作。

點擊 Youtube影片圖示

在瀏覽區塊直接點擊 Youtube 影片圖示後，開啟影片播放器播放影片。

長按(Long Press) Youtube 影片圖示

在瀏覽區塊長按(Long Press)影片圖示，出現圖片對話窗(Dialog)可直接對影片做進

一步操作，如影片地圖瀏覽。

影片圖示長按對話窗(Dialog) 說明



開啟該影片所在地圖。

該影片無經緯度地圖資訊。

3 參考文件

無。

Insyde Market - getfresh.org.tw 系統使用說明書 | 版號. Insyde Software Corp. Confidential...

Documents

Transcript of Insyde Market - getfresh.org.tw 系統使用說明書 | 版號. Insyde Software Corp. Confidential...