臺灣化學教育

中學化學App教材與教學：快速將簡報轉換成App：iBuildApp工具介紹

紀宏源

台中市立大甲高中

*[email protected]

n  簡介

App 是「Application」的縮寫，就是「應用程式」或「應用軟體」的意思。電腦中的各種軟體廣義來說也是 App。但近年來 App這個名詞開始出現在我們的生活中，原因是行動裝置的普及化，如:智慧型手機.平板等。也因此目前 App 這三個英文字母簡稱，通常指的是行動裝置內的應用程式。

App的 的開發模式¹，可分成三種類型：一. 原生型（Native App）:專為特定作業平台所開發的應用程式，可離線作業不連網路也能執行。二. 網頁型（Web App）:無須至「App Store」或 「Google Play」商店進行下載，只須打開瀏覽器即可執行程式，但需連網路。三. 混合型（Hybrid App）:包含 Native App 及 Web App 的特性。

而不管那種開發模式，APP的分類個人大概將其分成二類:一是內容型的App，如電子書，課程教學或簡介等。二是功能型App，如遊戲、工具程式軟體等。

近年來智慧型手機的普及，各種內容式的App因應而生，且已成為各項學習知識的來源，如同PChome 董事長暨趨勢觀察家詹宏志曾提到²，「未來Web將變成App，行動網路將成為第二個Internet（網路），人們習慣於用App溝通，那是嶄新的語言和環境。」也因此如何順應科技趨勢，用App 做課程教學是未來教育現場上非常重要的工具，亦是在教育前線的我們所需學習的。

但開發一個行動裝置App且要適用於Apple的iOS與Android兩種不同作業系統，恐怕沒有程式基礎難以達成，雖然目前市面上有許多製作 APP 的書籍，甚至有號稱免學程式就能製作App，但要讓老師在短時間製作出運用在行動裝置上的App，仍舊不是一件容易的事。如果有一個應用程式不需任何程式基礎，又能在短時間讓老師製作 App，那讓老師用App做課程教材將會有可能實現。

在這跟大家介紹一個不需任何程式基礎，透過「iBuildApp」網站，按照既定步驟設定 App 的內容，就可以於短時間內完成 App 的製作，並且還支援iPhone、iPad以及Android系統，除非有特殊的需求否則絕大部份的功能都是免費的。以下將以[Chem is fun]教學簡報為範例，來教大家如何將教學簡報製作成行動裝置App。

圖1：圖左為製作完成的App，圖右為原教學簡報

n  操作步驟

一、註冊帳號：至iBuild App官方網站(https://ibuildapp.com/))的右上角找到”SIGN UP”，輸入Email及密碼即完成註冊。

圖2：iBuild App官方網站註冊畫面

二、建立 App 類型：點選畫面中「Create an App」,選擇所要建立的 App 類型。

 

圖3：選擇建立的App類型

三、選擇 App 模版

圖4：學校教育型的App類型

四、客製化 APP 模版樣式：設定背景樣式、文字內容、Logo 圖片。

圖5：App模板外觀設計

五、編輯各項目內容：

 

1.可選擇的編輯的類型：共有數十種不同類型，可選擇適合資料呈現類型

圖6：App類型總覽

 2.本次實作選用[Content Management]類型，將原有簡報內容貼至編輯區。

圖7：App編輯區頁面

3.點選[HTML]標籤頁：因為這是影片內容式App，所有的影片都掛載在Youtube平台，必須連線至youtube，於影片頁面按右鍵，出現個按鈕，按”複製嵌入程式碼”，並在編輯區按貼上。

圖8：圖左Youtube影片頁面按右鍵出現複製「嵌入程式碼」，圖右為完成後頁面

六、下載至行動裝置：點選[Test My App]觀看 APP 成果，並可透 過 QR code 下載至手機安裝。亦可上傳至Google play 的管理中心³ (需註冊開發人員帳號，須付費25美金)，填妥相關資料後，經審核後即可在平台發布，供人下載。相關資訊如下圖所示。

圖9：Google Play 管理中心資訊頁面

n  參考資料

1.      開發 App 用 Native 語言還是 Hybrid 好？Coder (2012)你怎麼看。科技報橘。2017年12月取自https://buzzorange.com/techorange/2013/11/28/native-app-or-hybrid/.

2.      羅之盈(2013)。詹宏志2013趨勢觀察~頻寬危機、雲端貨幣、Web變成App。數位時代。2017年12月取自https://www.bnext.com.tw/article/25969/BN-ARTICLE-25969。

3.      Play管理中心說明，2017年12月取自https://goo.gl/gZ7mmM.