2014年5月11日 星期日

[基礎程式設計課程] APP範例程式原始碼下載

本文提供[基礎程式設計課程] APP範例程式原始碼下載

請同學下載檔案後,登入 appinventor.mit.edu 線上平台,點選功能表[Project]下的[Import project (aia) from my computer]選項,然後在跳出來的對話框中,選擇你電腦中剛剛下載下來的原始程式碼檔案,將它上傳至你的 appinventor 開發空間中即可使用此程式碼。

2014年5月6日 星期二

App Inventor 2 的範例程式 - Number Games


Number Games 是一個考驗反應能力的數字遊戲,歡迎大家來挑戰喔!

遊戲內容: 遊戲開始後,便會開始計時,並出現1~25的數字混排,要從數字最小的1開始依序找出到25,測試你的反應是否能在愈短的時間內完成。

程式功能分析:
設計一個遊戲,會出現1~25的數字亂排列,要從數字最小的1依序找到25結束遊戲後會出現所花的秒數,按再來一次的按鈕回到主頁且可繼續遊戲。

App Inventor 2 的範例程式 -Squared Operator


遊戲內容: 
本遊戲是採取九宮格方式的運算式子,此遊戲為了降低難度僅採用乘法和加法觀念,玩家需要從遊戲中題目的6個答案去完整式子,各有3行和3列,其中會有2格為提示,玩家需要繼續完成其他7格,每格數字皆為19的數字,運算只能以直和橫的方式,不以斜的列為考慮

程式功能分析: 
設計一個遊戲,有33列共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!"。


2014年4月26日 星期六

App Inventor 2 的範例程式 - GotMath(4) - 副程式(二)

GotMath是一支數學遊戲程式。

程式功能分析:
本部分將要介紹副程式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控制的副程式


App Inventor 2 的範例程式 - GotMath(2) - 變數與按鈕設計

GotMath是一支數學遊戲程式。

程式功能分析:
本部分將要介紹程式中所有使用到的全域變數以及各個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:

2014年3月18日 星期二

高三線上增能學習課程-基礎程式設計宣傳短片

我的數資年代



高三線上增能學習方案

緣起

隨著大學甄選入學比率逐年提高,每年3至4月各大學陸續公告錄取名單後,對高三下學期教學現場造成顯著影響,例如已上榜學生缺乏學習動力,甚至請假不來上課,不但造成教師班級經營上的困擾,也讓外界產生高三學習不完整之疑慮。

教育部高教司為解決高中端上述之困擾,乃透過區域資源中心與夥伴大學共同為區域內高中三年級學生開設此磨課師課程(Massive Open Online Courses, MOOCs),除避免高中生因確定錄取大學後於高三下學期產生學習空窗,更有助於高中生銜接大學課程。


2014年3月13日 星期四

App Inventor 2 程式執行方式


當你的程式寫到一半想看看它現在長什麼樣子嗎?
現在就要來教你如何讓 App Inventor 2 的程式執行囉!

我們分成同步連接和安裝程式兩個部分。


App Inventor 2 基礎操作與執行環境

安裝好 App Inventor 2 的環境建置了,接著就讓我們來認識 App Inventor 2 的基礎操作與執行環境吧。如果還沒,請先參考「App Inventor 2 環境建置」。


App Inventor 2 的程式 –Self introduce

Self introduce為一個簡單的程式,讓你可以簡單的介紹自己,並且熟悉如何版面設置。


首先您必須已經學會 App Inventor 2 的環境建置與基礎操作。

程式功能分析:Self introduce的功能為進入 APP 後,顯示主頁面一個標題和五張圖片,分別代表是個人資料(大頭照)、理想的校系、家庭影響、學習歷程、未來規畫;使用者點擊一張圖片後,進入其訊息頁面,每個訊息頁面顯示其訊息和返回按鈕,點擊返回按鈕回到主頁面。 


App Inventor 2 的範例程式 - BMI2.0(IF THEN )

BMI2.0是一個可以測試身體BMI並提醒你在於哪個標準。

程式內容:
玩家輸入自己的身高和體重,程式會顯示出你的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日 星期二

App Inventor 2 的範例程式 - 出氣筒(程式)

出氣筒是一個可以盡情發洩情緒的小遊戲。

遊戲內容:
玩家利用不斷點擊畫面來發洩情緒,並將圖片中的主角(此範例為皮老闆打敗。

本範例假設您已經完成了出氣筒(影像處理)的範例程式。

App Inventor 2 的範例程式 - 出氣筒(影像處理)

出氣筒是一個可以盡情發洩情緒的小遊戲。

遊戲內容:
玩家利用不斷點擊畫面來發洩情緒,並將圖片中的主角(本範例為皮老闆)打敗。


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 的範例程式 -PaintPot(2)

PaintPot (2)是 App Inventor 中基礎的繪圖程式範例,我們將延續PaintPot(1)來練習設計在APP中使用三種顏色和自己控制點出大小點的繪圖的程式。

原始範例:PaintPot from MIT


2014年3月2日 星期日

2014年2月7日 星期五

App Inventor 2 的範例程式 - MoleMash

MoleMash為一個簡單的動畫遊戲。
遊戲內容:
鼴鼠會隨機彈跳在遊戲區域裡,而玩家在鼴鼠跳到別的地方前,點擊它將會獲得分數。

原始範例: MoleMash from MIT

2014年2月6日 星期四

App Inventor 2 的範例程式 - Colored Dots

Colored Dots是使用第二個視窗來選擇塗料顏色的簡單繪圖程式。

此範例教學與PaintPot有點類似。

原始範例: Colored Dots from MIT

程式功能分析:
PaintPot不同的是,此範例程式是在第二個視窗中,讓用戶經由紅綠藍三色組合出新的顏色。在第二個視窗中,創出新的顏色後,將會存到第一個視窗,拿去使用。


App Inventor 2 的範例程式 -PaintPot(1)

PaintPot 是 App Inventor 中基礎的繪圖程式範例,我們將利用這個範例來練習設計在APP中使用三種顏色來繪圖的程式。

原始範例:PaintPot from  MIT

2014年1月17日 星期五

App Inventor 2 的第一支程式 - Hello Purr

用過 App Inventor 的人都知道,「Hello Purr」是學 App Inventor 程式開發的第一支範例程式,即使改版至 App Inventor 2,仍是如此,就讓我們一起來練習這支貓叫程式吧!

原始範例:Hello Purr from MIT