偷插電的資訊科學2.0 - 04-1. 以Blockly演繹變數概念
文章推薦指數: 80 %
可直接使用以下連結開啟執行,或是下載壓縮包之後,使用瀏覽器軟體直接開啟Blockly.html即可。
Blockly為Google所提供的圖形化程式編輯器,類似於Scratch等積木堆疊式軟體 ...
SearchthissiteSkiptomaincontentSkiptonavigation04-1.以Blockly演繹變數概念以下使用「雲林SONG」網站所提供的Blockly程式編輯器來演繹變數指定的概念。
可直接使用以下連結開啟執行,或是下載壓縮包之後,使用瀏覽器軟體直接開啟Blockly.html即可。
Blockly為Google所提供的圖形化程式編輯器,類似於Scratch等積木堆疊式軟體,並有以下特色。
免安裝。
即時看到程式積木的程式碼。
可看到程式積木的網頁執行結果。
可以XML格式儲存程式積木。
可讀取XML格式的程式積木。
可儲存所產生的程式碼,有JavaScript、Python、Lua。
本單元旨在於讓學生體驗變數指定的概念,不帶入太多程式設計的內容,教師在教學時應適當掌控難度。
線上執行Blockly:http://163.22.72.196/html5/Blockly/Blockly.htmlhttp://cst_t.pancakeapps.com/Blockly/Blockly.html下載離線版Blockly壓縮包:https://goo.gl/ocIoT61.點擊左方「變數」,使用「建立變數…」功能設定兩個變數,名稱分別為「x」、「y」2.將「指定x變數值成為」積木拖曳至編輯區,在「運算」區域拉出數字方塊,設定為「5」。
接著用同樣方法,設定y的變數值為「7」。
3.設定變數x的值為變數y4.使用「字串」區域的功能,顯示出變數x與變數y的值。
點擊畫面右下角的箭頭按鈕,看看執行的結果是否正確。
5.指定右方顯示的語言為「Python」,再點擊右下角的下載按鈕,指定檔案名稱後存檔,作為下一節課之用。
ReportabuseReportabuse
延伸文章資訊
- 1Web:Bit 編輯器( 操作介面)
Web:Bit 編輯器是基於Google 的圖像式程式編輯工具Blockly 所開發出的編輯工具,每塊積木都有對應的功能和用途,如果想了解該積木的使用方式,可以「使用滑鼠在指定的 ...
- 2fChart程式設計教學工具+Blockly中文離線版
fChart程式碼編輯器是一套輕量級整合開發環境,不只可以編譯, 編輯和執行C, C++, C#, ... Blockly程式積木編輯器是使用源於"雲林SONG"的精簡版本,只保留Code部分
- 3Blockly 教學 - Webduino 基礎教學
Blockly 是Google 所推出的圖像式程式編輯工具,不需安裝任何的外掛程式,只要打開瀏覽器就可以開始進行程式創作,透過積木的拖曳和組合,完全不用輸入任何一個程式 ...
- 4Webduino Blockly 基礎教學
Webduino Blockly 的介面主要分成三個部分,第一個部分是最上方的選單列,裏頭有「程式積木」與「產生程式碼」兩個互相切換的頁籤,以及「程式碼編輯器」、「查看裝置 ...
- 5Webduino Blockly 編輯器
Webduino Blockly 編輯器. 教學 官網. English, 正體中文, 简体中文. X. All. 積木, JavaScript. 產生即時預覽QR code. 打開程式編輯. ...