福音實務手機app作業說明

tiny.aia  用最簡單的設計,規劃手機與網站的連結,充分發揮
手機的便捷性與網頁的靈活性。同學在十分鐘內就能完成福音實務app作業。

1. 下載 tiny.aia
2. 登入App Inventor2 (程式平台)
3. 上傳 tiny.aia
4. 版面配置如下:



畫面編排規畫四組按鈕元件:
Button_network  (首頁)
Button_news       (消息)
Button_share        (分享)
Button_end         ( 結束)

再加入webview 元件作為按鈕連網路的界面。



程式設計非常簡單,當初始化及首頁按鈕被點選時,分別連上你網站的網址首頁就完成。
消息及分享元件分別對應到相關網頁。

設計app名稱及手機圖示

(app名稱改成福音小站,圖示改成你上傳的手機 icon 檔案)







程式內容



程式中網址為https://joynews99.com/pc03/xxx/    xxx為你的座號       

後打包為 tiny.pak,下載到手機安裝或手機掃描QRcode安裝。

網站內容自行規劃。


 
首頁範例 index.htm


消息範例 app_news.htm



分享範例 app_share.htm



my_app.apk 圖案請自行設計




 
 

網頁設計小秘訣



返回上頁
<input onclick="history.go( -1 );return true;" type="button" value="上頁back" style="background-color: #C0E3B5">
 

手機畫面規劃

01 傾聽 02:28

<table border="1" width="320">
<tr><td>
<font size="5"><b>01 傾聽 02:28</b></font><font size="4"><br>
<audio src="mp3/1807-01.mp3" controls > </audio><br>
</font>
</table>