本文提供[基礎程式設計課程] APP範例程式原始碼下載
請同學下載檔案後,登入 appinventor.mit.edu 線上平台,點選功能表[Project]下的[Import project (aia) from my computer]選項,然後在跳出來的對話框中,選擇你電腦中剛剛下載下來的原始程式碼檔案,將它上傳至你的 appinventor 開發空間中即可使用此程式碼。
2014年5月11日 星期日
2014年5月6日 星期二
App Inventor 2 的範例程式 - Number Games
Number Games 是一個考驗反應能力的數字遊戲,歡迎大家來挑戰喔!
遊戲內容: 遊戲開始後,便會開始計時,並出現1~25的數字混排,要從數字最小的1開始依序找出到25,測試你的反應是否能在愈短的時間內完成。
遊戲內容: 遊戲開始後,便會開始計時,並出現1~25的數字混排,要從數字最小的1開始依序找出到25,測試你的反應是否能在愈短的時間內完成。
程式功能分析:
設計一個遊戲,會出現1~25的數字亂排列,要從數字最小的1依序找到25。結束遊戲後會出現所花的秒數,按再來一次的按鈕回到主頁且可繼續遊戲。
App Inventor 2 的範例程式 -Squared Operator
遊戲內容:
本遊戲是採取九宮格方式的運算式子,此遊戲為了降低難度僅採用乘法和加法觀念,玩家需要從遊戲中題目的6個答案去完整式子,各有3行和3列,其中會有2格為提示,玩家需要繼續完成其他7格,每格數字皆為1到9的數字,運算只能以直和橫的方式,不以斜的列為考慮!
程式功能分析:
設計一個遊戲,有3行3列共6個式子,式子中需填滿2個提示之外的其他7個空格。一開始按New Game可以啟動遊戲,按Finish檢查答案是否正確,按Answer就會將答案顯現,最後按New遊戲的按鈕重新開始新的題目。
2014年5月5日 星期一
App Inventor 2 的範例程式 -24 points
24 points是一個運用快速心算將四個數字進行四則運算結果為24的數學遊戲。
玩家運算四個數字(四個數字都要用到)使得運算結果為24,共十題,每答對一題得10分,總分100分。
程式功能分析:
設計一個遊戲,運算四個數字始結果為24,答對一題加10分,並進入下一題,直到完成10道題目則結束遊戲。按Retry此題目重新開始。按Skip跳過此題進入下一題。按Done結束遊戲。結束遊戲後出現得分,按再來一次的按鈕回到主頁且可繼續遊戲。
App Inventor 2 的範例程式-終極密碼
遊戲內容:
在1~100的範圍內,猜中答案者為輸,是個適合多人一起玩的遊戲。
程式功能分析:
設計出一個遊戲,遊戲中會有一個答案,在遊戲過程中可選擇是否要換一組數字,猜中數字會出現"BOOM!"圖,若猜的數字加1或減1恰巧等於答案,則會出現"LUCKY!"圖。
需求元件:
請先自行準備好兩張圖,一張上面寫"BOOM!"而另外一張上面寫"LUCKY!"。
在1~100的範圍內,猜中答案者為輸,是個適合多人一起玩的遊戲。
程式功能分析:
設計出一個遊戲,遊戲中會有一個答案,在遊戲過程中可選擇是否要換一組數字,猜中數字會出現"BOOM!"圖,若猜的數字加1或減1恰巧等於答案,則會出現"LUCKY!"圖。
需求元件:
請先自行準備好兩張圖,一張上面寫"BOOM!"而另外一張上面寫"LUCKY!"。
2014年4月26日 星期六
App Inventor 2 的範例程式 - GotMath(4) - 副程式(二)
程式功能分析:
本部分將要介紹副程式PR_Calculate與PR_End的功能。
PR_Calculate是計算玩家所輸入的運算式,並判斷遊戲是否有達成結束的前置條件。
PR_End是判斷遊戲是否結束。
App Inventor 2 的範例程式 - GotMath(3) - 副程式(一)
GotMath是一支數學遊戲程式。
程式功能分析:
本部分將會介紹本程式中最重要的部分–出題。將會依序解釋以下副程式:
1.PR_Set為新遊戲設定的副程式
2.PR_Init為遊戲初始化設定的副程式
3.PR_CreateQuestion為產生題目的副程式
4.PR_BNshow為GUI控制的副程式
程式功能分析:
本部分將會介紹本程式中最重要的部分–出題。將會依序解釋以下副程式:
1.PR_Set為新遊戲設定的副程式
2.PR_Init為遊戲初始化設定的副程式
3.PR_CreateQuestion為產生題目的副程式
4.PR_BNshow為GUI控制的副程式
App Inventor 2 的範例程式 - GotMath(2) - 變數與按鈕設計
GotMath是一支數學遊戲程式。
程式功能分析:
本部分將要介紹程式中所有使用到的全域變數以及各個Button的程式碼。
程式功能分析:
本部分將要介紹程式中所有使用到的全域變數以及各個Button的程式碼。
2014年4月25日 星期五
App Inventor 2 的範例程式 - GotMath(1) - GUI 介面設計
GotMath是一支數學遊戲程式。
程式並非只有一種寫法,本範例只是提供參考,歡迎同學挑戰!
程式功能分析:
程式一開始會提供一個題目與六個數字,玩家必須利用這六個數字,在五個步驟中,利用加減乘除的運算求出與題目相符的數字。
程式並非只有一種寫法,本範例只是提供參考,歡迎同學挑戰!
程式功能分析:
程式一開始會提供一個題目與六個數字,玩家必須利用這六個數字,在五個步驟中,利用加減乘除的運算求出與題目相符的數字。
2014年3月26日 星期三
本課程教材手機執行檔(APK)下載
程式名稱: BMI計算(v1)
鏈結網址: https://drive.google.com/file/d/0BxNu0rU51eQHYlp6bm5KaTI5eWs/edit?usp=sharing
QR_CODE:
鏈結網址: https://drive.google.com/file/d/0BxNu0rU51eQHYlp6bm5KaTI5eWs/edit?usp=sharing
QR_CODE:
2014年3月18日 星期二
高三線上增能學習方案
緣起
隨著大學甄選入學比率逐年提高,每年3至4月各大學陸續公告錄取名單後,對高三下學期教學現場造成顯著影響,例如已上榜學生缺乏學習動力,甚至請假不來上課,不但造成教師班級經營上的困擾,也讓外界產生高三學習不完整之疑慮。
教育部高教司為解決高中端上述之困擾,乃透過區域資源中心與夥伴大學共同為區域內高中三年級學生開設此磨課師課程(Massive Open Online Courses, MOOCs),除避免高中生因確定錄取大學後於高三下學期產生學習空窗,更有助於高中生銜接大學課程。
隨著大學甄選入學比率逐年提高,每年3至4月各大學陸續公告錄取名單後,對高三下學期教學現場造成顯著影響,例如已上榜學生缺乏學習動力,甚至請假不來上課,不但造成教師班級經營上的困擾,也讓外界產生高三學習不完整之疑慮。
教育部高教司為解決高中端上述之困擾,乃透過區域資源中心與夥伴大學共同為區域內高中三年級學生開設此磨課師課程(Massive Open Online Courses, MOOCs),除避免高中生因確定錄取大學後於高三下學期產生學習空窗,更有助於高中生銜接大學課程。
2014年3月13日 星期四
App Inventor 2 的程式 –Self introduce
Self introduce為一個簡單的程式,讓你可以簡單的介紹自己,並且熟悉如何版面設置。
首先您必須已經學會 App Inventor 2 的環境建置與基礎操作。
程式功能分析:Self introduce的功能為進入 APP 後,顯示主頁面一個標題和五張圖片,分別代表是個人資料(大頭照)、理想的校系、家庭影響、學習歷程、未來規畫;使用者點擊一張圖片後,進入其訊息頁面,每個訊息頁面顯示其訊息和返回按鈕,點擊返回按鈕回到主頁面。
App Inventor 2 的範例程式 - BMI2.0(IF THEN )
BMI2.0是一個可以測試身體BMI並提醒你在於哪個標準。
程式內容:
本範例假設您已經完成了BMI1.0的範例程式。
程式內容:
玩家輸入自己的身高和體重,程式會顯示出你的BMI且會告知你處在哪個標準之中
分級標準
|
身體質量指數
|
體重過輕Underweight
|
BMI<18.5
|
正常範圍The normal range
|
18.5<=BMI<24
|
過重Overweight
|
24<=BMI<27
|
輕度肥胖Mildly obese
|
27<=BMI<30
|
中度肥胖Moderately obese
|
30<=BMI<35
|
重度肥胖Severe obesity
|
BMI>=35
|
本範例假設您已經完成了BMI1.0的範例程式。
App Inventor 2 的範例程式 - BMI1
身高體重指數又稱身體質量指數(Body
Mass Index,縮寫為BMI),BMI=體重(kg)/身高^2(m^2)
程式功能分析:
設計一個程式,輸入完身高和體重後,會自行計算出BMI。
程式功能分析:
2014年3月11日 星期二
2014年3月9日 星期日
App Inventor 2 的環境建置
2013年12月,MIT(美國麻省理工學院行動學習中心)將 App Inventor 從 Beta版更新成正式版,並取名為 App Inventor 2,新的 App Inventor 改善了原有的許多功能,像是 Blocks Editor、全域/區域變數、中文顯示、下拉式程式選單、直接上傳至手機、簡易觸控偵測、以及更完善的線上 Help說明......等,均使得 App Inventor 2 更容易上手,也使得開發手機上的個人專屬APP,再也不需要高超的程式設計功力才能完成。
首先,讓我們來了解如何建置 App Inventor 2 的開發環境。
分成以下三個步驟:
首先,讓我們來了解如何建置 App Inventor 2 的開發環境。
分成以下三個步驟:
App Inventor 2 的範例程式 -PaintPot(2)
2014年3月2日 星期日
2014年2月18日 星期二
2014年2月7日 星期五
2014年2月6日 星期四
App Inventor 2 的範例程式 - Colored Dots
Colored Dots是使用第二個視窗來選擇塗料顏色的簡單繪圖程式。
此範例教學與PaintPot有點類似。
原始範例: Colored Dots from MIT
程式功能分析:
跟PaintPot不同的是,此範例程式是在第二個視窗中,讓用戶經由紅綠藍三色組合出新的顏色。在第二個視窗中,創出新的顏色後,將會存到第一個視窗,拿去使用。
2014年1月17日 星期五
App Inventor 2 的第一支程式 - Hello Purr
用過 App Inventor 的人都知道,「Hello Purr」是學 App Inventor 程式開發的第一支範例程式,即使改版至 App Inventor 2,仍是如此,就讓我們一起來練習這支貓叫程式吧!
原始範例:Hello Purr from MIT
原始範例:Hello Purr from MIT
訂閱:
文章 (Atom)