SlideShare a Scribd company logo
AppInventor(5)
講師:王瑋毅
AppInventor-紫外線強度查詢
介紹
• 利用氣象局開放資料,資料為JSON格式,實作一個可選擇縣市並
顯示選擇的縣市紫外線指數。
• JSON:
http://opendata.epa.gov.tw/ws/Data/UV/?$orderby=PublishAgency&
$skip=0&$top=1000&format=json
設置按鈕元件並設定文字
設置列表選擇器並設定文字
設置顯示標籤並設定屬性
設置網頁
宣告一個全域變數SourceJson
設置取得Web1的文字事件
設置Url解析Json的文字存在SourceJson
利用迴圈取得資料
宣告一個全域變數PlaceJson
取出SiteName的值存在PlaceJson
取出UVI的值存在PlaceJson
將PlaceJson資料放到ListPicker
將ListPicker設為True
設置按鈕按下取得資料並顯示ListPicker
宣告一個全域變數ShowUVI
設置LisPicker選擇後的事件
ListPicker選擇的資料存到ShowUVI
設置Key和UVI初始值
利用迴圈取得選擇的資料
設置取得的Key
判斷取得的Key等於UVI
判斷是就取得UVI的值
設置顯示地方名稱和UVI
執行結果
1
2
AppInventor-BMI2
介紹
• BMI2是一個可以測試身體BMI,並告知你落於哪個標準。
• 設計一個程式,輸入完身高和體重後,會自行計算BMI,接著判
斷出位在哪個區間中,藉此告知分級標準。
• 利用BMI1為基礎往下繼續做。
設置標準範圍標籤及屬性
宣告全域變數bmi為0
設置bmi變數取代標籤1
設置標籤1取得bmi變數
設置if-then來判斷區間
設置判斷式小於
設置判斷式之bmi小於18.5
設置標籤2顯示標準
執行目前結果
練習
• 利用and判斷,將剩下的分級標準完成。
設置判斷兩個式子的元件
設置兩個判斷式子
設置bmi在18.5和24之間
設置標籤2顯示正常範圍
設置bmi過重24到27的條件和標籤2
設置bmi輕度肥胖27到30的條件和標籤2
設置bmi中度肥胖30到35的條件和標籤2
設置bmi重度肥胖≥35的條件和標籤2
執行結果

More Related Content

What's hot

Introduction to ReactJS
Introduction to ReactJSIntroduction to ReactJS
Introduction to ReactJS
Knoldus Inc.
 
BIMからはじまる異世界転生 ~Unity Reflect が叶える新しい建築の世界~
BIMからはじまる異世界転生 ~Unity Reflect が叶える新しい建築の世界~BIMからはじまる異世界転生 ~Unity Reflect が叶える新しい建築の世界~
BIMからはじまる異世界転生 ~Unity Reflect が叶える新しい建築の世界~
UnityTechnologiesJapan002
 
React JS - A quick introduction tutorial
React JS - A quick introduction tutorialReact JS - A quick introduction tutorial
React JS - A quick introduction tutorial
Mohammed Fazuluddin
 
ハードコア デバッギング : サポート直伝! Windows カーネルモード デバッグ活用編!!
ハードコア デバッギング : サポート直伝! Windows カーネルモード デバッグ活用編!!ハードコア デバッギング : サポート直伝! Windows カーネルモード デバッグ活用編!!
ハードコア デバッギング : サポート直伝! Windows カーネルモード デバッグ活用編!!
TAKUYA OHTA
 
個人からトリプル A タイトルのゲーム開発者まで。Azure PlayFab で LiveOps しよう
個人からトリプル A タイトルのゲーム開発者まで。Azure PlayFab で LiveOps しよう個人からトリプル A タイトルのゲーム開発者まで。Azure PlayFab で LiveOps しよう
個人からトリプル A タイトルのゲーム開発者まで。Azure PlayFab で LiveOps しよう
Daisuke Masubuchi
 
A-Frameで始めるWebXRとハンドトラッキング (HoloLens2/Oculus Quest対応)
A-Frameで始めるWebXRとハンドトラッキング (HoloLens2/Oculus Quest対応)A-Frameで始めるWebXRとハンドトラッキング (HoloLens2/Oculus Quest対応)
A-Frameで始めるWebXRとハンドトラッキング (HoloLens2/Oculus Quest対応)
Takashi Yoshinaga
 
MagicOnion~C#でゲームサーバを開発しよう~
MagicOnion~C#でゲームサーバを開発しよう~MagicOnion~C#でゲームサーバを開発しよう~
MagicOnion~C#でゲームサーバを開発しよう~
torisoup
 
管理資訊系統之資訊架構
管理資訊系統之資訊架構管理資訊系統之資訊架構
管理資訊系統之資訊架構5045033
 
Its time to React.js
Its time to React.jsIts time to React.js
Its time to React.js
Ritesh Mehrotra
 
React workshop presentation
React workshop presentationReact workshop presentation
React workshop presentation
Bojan Golubović
 
MagicOnion入門
MagicOnion入門MagicOnion入門
MagicOnion入門
torisoup
 
ReactJs
ReactJsReactJs
Introduction to react js
Introduction to react jsIntroduction to react js
Introduction to react js
Aeshan Wijetunge
 
jqで極めるシェル芸の話
jqで極めるシェル芸の話jqで極めるシェル芸の話
jqで極めるシェル芸の話
Yoichi Toyota
 
【Unity道場】新しいPrefabワークフロー入門
【Unity道場】新しいPrefabワークフロー入門【Unity道場】新しいPrefabワークフロー入門
【Unity道場】新しいPrefabワークフロー入門
Unity Technologies Japan K.K.
 
QGIS training 2/3
QGIS training 2/3QGIS training 2/3
QGIS training 2/3
Yoichi Kayama
 
FIWARE Orion Context Broker コンテキスト情報管理 (Orion 3.6.0対応)
FIWARE Orion Context Broker コンテキスト情報管理 (Orion 3.6.0対応)FIWARE Orion Context Broker コンテキスト情報管理 (Orion 3.6.0対応)
FIWARE Orion Context Broker コンテキスト情報管理 (Orion 3.6.0対応)
fisuda
 
Symfony2のイベントリスナーについて
Symfony2のイベントリスナーについてSymfony2のイベントリスナーについて
Symfony2のイベントリスナーについて
tnuuu
 
Introduction to react_js
Introduction to react_jsIntroduction to react_js
Introduction to react_js
MicroPyramid .
 
Intro to React
Intro to ReactIntro to React
Intro to React
Eric Westfall
 

What's hot (20)

Introduction to ReactJS
Introduction to ReactJSIntroduction to ReactJS
Introduction to ReactJS
 
BIMからはじまる異世界転生 ~Unity Reflect が叶える新しい建築の世界~
BIMからはじまる異世界転生 ~Unity Reflect が叶える新しい建築の世界~BIMからはじまる異世界転生 ~Unity Reflect が叶える新しい建築の世界~
BIMからはじまる異世界転生 ~Unity Reflect が叶える新しい建築の世界~
 
React JS - A quick introduction tutorial
React JS - A quick introduction tutorialReact JS - A quick introduction tutorial
React JS - A quick introduction tutorial
 
ハードコア デバッギング : サポート直伝! Windows カーネルモード デバッグ活用編!!
ハードコア デバッギング : サポート直伝! Windows カーネルモード デバッグ活用編!!ハードコア デバッギング : サポート直伝! Windows カーネルモード デバッグ活用編!!
ハードコア デバッギング : サポート直伝! Windows カーネルモード デバッグ活用編!!
 
個人からトリプル A タイトルのゲーム開発者まで。Azure PlayFab で LiveOps しよう
個人からトリプル A タイトルのゲーム開発者まで。Azure PlayFab で LiveOps しよう個人からトリプル A タイトルのゲーム開発者まで。Azure PlayFab で LiveOps しよう
個人からトリプル A タイトルのゲーム開発者まで。Azure PlayFab で LiveOps しよう
 
A-Frameで始めるWebXRとハンドトラッキング (HoloLens2/Oculus Quest対応)
A-Frameで始めるWebXRとハンドトラッキング (HoloLens2/Oculus Quest対応)A-Frameで始めるWebXRとハンドトラッキング (HoloLens2/Oculus Quest対応)
A-Frameで始めるWebXRとハンドトラッキング (HoloLens2/Oculus Quest対応)
 
MagicOnion~C#でゲームサーバを開発しよう~
MagicOnion~C#でゲームサーバを開発しよう~MagicOnion~C#でゲームサーバを開発しよう~
MagicOnion~C#でゲームサーバを開発しよう~
 
管理資訊系統之資訊架構
管理資訊系統之資訊架構管理資訊系統之資訊架構
管理資訊系統之資訊架構
 
Its time to React.js
Its time to React.jsIts time to React.js
Its time to React.js
 
React workshop presentation
React workshop presentationReact workshop presentation
React workshop presentation
 
MagicOnion入門
MagicOnion入門MagicOnion入門
MagicOnion入門
 
ReactJs
ReactJsReactJs
ReactJs
 
Introduction to react js
Introduction to react jsIntroduction to react js
Introduction to react js
 
jqで極めるシェル芸の話
jqで極めるシェル芸の話jqで極めるシェル芸の話
jqで極めるシェル芸の話
 
【Unity道場】新しいPrefabワークフロー入門
【Unity道場】新しいPrefabワークフロー入門【Unity道場】新しいPrefabワークフロー入門
【Unity道場】新しいPrefabワークフロー入門
 
QGIS training 2/3
QGIS training 2/3QGIS training 2/3
QGIS training 2/3
 
FIWARE Orion Context Broker コンテキスト情報管理 (Orion 3.6.0対応)
FIWARE Orion Context Broker コンテキスト情報管理 (Orion 3.6.0対応)FIWARE Orion Context Broker コンテキスト情報管理 (Orion 3.6.0対応)
FIWARE Orion Context Broker コンテキスト情報管理 (Orion 3.6.0対応)
 
Symfony2のイベントリスナーについて
Symfony2のイベントリスナーについてSymfony2のイベントリスナーについて
Symfony2のイベントリスナーについて
 
Introduction to react_js
Introduction to react_jsIntroduction to react_js
Introduction to react_js
 
Intro to React
Intro to ReactIntro to React
Intro to React
 

Viewers also liked

App inventor 教學講義 chapter4
App inventor 教學講義 chapter4App inventor 教學講義 chapter4
App inventor 教學講義 chapter4
Jerry Wu
 
App inventor 教學講義 chapter6
App inventor 教學講義 chapter6App inventor 教學講義 chapter6
App inventor 教學講義 chapter6
Jerry Wu
 
App inventor 教學講義 chapter2
App inventor 教學講義 chapter2App inventor 教學講義 chapter2
App inventor 教學講義 chapter2
Jerry Wu
 
App inventor 教學講義 chapter3
App inventor 教學講義 chapter3App inventor 教學講義 chapter3
App inventor 教學講義 chapter3Jerry Wu
 
Android 程式設計(1)
Android 程式設計(1)Android 程式設計(1)
Android 程式設計(1)
Roy Wang
 
App inventor 1
App inventor 1App inventor 1
App inventor 1
Roy Wang
 
App inventor 2
App inventor 2App inventor 2
App inventor 2
Roy Wang
 
App inventor 3
App inventor 3App inventor 3
App inventor 3
Roy Wang
 
Android 程式設計(2)
Android 程式設計(2)Android 程式設計(2)
Android 程式設計(2)
Roy Wang
 
App inventor 4
App inventor 4App inventor 4
App inventor 4
Roy Wang
 

Viewers also liked (10)

App inventor 教學講義 chapter4
App inventor 教學講義 chapter4App inventor 教學講義 chapter4
App inventor 教學講義 chapter4
 
App inventor 教學講義 chapter6
App inventor 教學講義 chapter6App inventor 教學講義 chapter6
App inventor 教學講義 chapter6
 
App inventor 教學講義 chapter2
App inventor 教學講義 chapter2App inventor 教學講義 chapter2
App inventor 教學講義 chapter2
 
App inventor 教學講義 chapter3
App inventor 教學講義 chapter3App inventor 教學講義 chapter3
App inventor 教學講義 chapter3
 
Android 程式設計(1)
Android 程式設計(1)Android 程式設計(1)
Android 程式設計(1)
 
App inventor 1
App inventor 1App inventor 1
App inventor 1
 
App inventor 2
App inventor 2App inventor 2
App inventor 2
 
App inventor 3
App inventor 3App inventor 3
App inventor 3
 
Android 程式設計(2)
Android 程式設計(2)Android 程式設計(2)
Android 程式設計(2)
 
App inventor 4
App inventor 4App inventor 4
App inventor 4
 

App inventor 5