Facebook
中學化學App教材與教學:快速將簡報轉換成App:iBuildApp工具介紹
紀宏源
台中市立大甲高中
n 簡介
App 是「Application」的縮寫,就是「應用程式」或「應用軟體」的意思。電腦中的各種軟體廣義來說也是 App。但近年來 App這個名詞開始出現在我們的生活中,原因是行動裝置的普及化,如:智慧型手機.平板等。也因此目前 App 這三個英文字母簡稱,通常指的是行動裝置內的應用程式。
App的 的開發模式1,可分成三種類型:一. 原生型(Native App):專為特定作業平台所開發的應用程式,可離線作業不連網路也能執行。二. 網頁型(Web App):無須至「App Store」或 「Google Play」商店進行下載,只須打開瀏覽器即可執行程式,但需連網路。三. 混合型(Hybrid App):包含 Native App 及 Web App 的特性。
而不管那種開發模式,APP的分類個人大概將其分成二類:一是內容型的App,如電子書,課程教學或簡介等。二是功能型App,如遊戲、工具程式軟體等。
近年來智慧型手機的普及,各種內容式的App因應而生,且已成為各項學習知識的來源,如同PChome 董事長暨趨勢觀察家詹宏志曾提到2,「未來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 的管理中心3 (需註冊開發人員帳號,須付費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.