{{ 'fb_in_app_browser_popup.desc' | translate }} {{ 'fb_in_app_browser_popup.copy_link' | translate }}

{{ 'in_app_browser_popup.desc' | translate }}

目錄 購物車 {{currentCart.getItemCount()}}
商品總數的上限為 100 件,請調整數量再點擊購買

oplate App 分享區

 

銀髮樂活  /  職能治療  /  運動健身  /  程式教育  /  app客製化

 

程式教育 > 基礎課程 > Lesson01 / App Inventor 2 介紹01

課程大綱

1.  線上登入
2.  工作介面介紹

 

課程內容

1.  上網搜尋”app inventor 2”
     或直接打網址http://ai2.appinventor.mit.edu/進入網站。

2.  然後用google帳號登入。

3.  第一次進入網站會有「服務條款」畫面,按「I accept the terms of service!」進入。

4.  接下來是歡迎畫面,按「Continue」繼續。

5.  然後是一些教程,按「CLOSE」繼續。

6.  最後就會進到專案列表的畫面。
     在右上角可以選擇語言。

7.  左上角點擊「新增專案」,輸入名稱「Lesson01」開始新專案。

8.  進入專案後的畫面。
     中間手機圖案是設計使用者介面的地方,可以直接把左邊「元件面板」內想要的元件拉進手機中。
     然後從右邊「元件屬性」裡可以調整各個元件的參數。

9.  點擊右上角的「程式設計」進入設計程式的地方。
     左邊就是各種程式方塊,一樣是直接拉進中間畫面就能使用。

10.  簡單來說,我們app的製作流程就是在「畫面編排」的地方放置好各個元件,再進入「程式設計」的地方把元件的功能加上去就完成了。