試玩~Google's Blockly 離線版 - 曾令燊Davis@Blog部落格
文章推薦指數: 80 %
如果Blockly 是網頁版...那要給區網其他人使用,如何做呢?! 到網頁 https://gist.github.com/dergachev/7028596 下載 simple-https-server.py 並修改 ...
跳到主要內容
試玩~Google'sBlockly離線版
9/29/201703:42:00下午
取得連結
Facebook
Twitter
Pinterest
以電子郵件傳送
其他應用程式
緣由:之前玩Scratch2.0時,對於MIT致力兒童資訊多媒體教學的理念及行動表示激賞,也讚嘆其積木程式的創舉,接續聽聞之後將由Google'sBlockly取代之,就來瞭解一下...
準備環境:
1.Windows10筆電
2.GoogleChrome
首先,到 https://github.com/google/blockly查看其說明...
Google'sBlocklyisaweb-based,visualprogrammingeditor.
Userscandragblockstogethertobuildprograms.
Allcodeisfreeandopensource.
接著下載源碼,如下圖
進入該目錄,如下圖
查看其目錄中有package.json檔案,先安裝套件(npminstall),如下圖
查看python程式及版本(之前已安裝2.7.13),如下圖
執行build.py程式,出現錯誤,如下圖
到網頁 https://developers.google.com/blockly/guides/modify/web/closure下載 closure-library壓縮檔(google-closure-library-v20170910-33-g37a4c36.zip),如下圖
解壓縮並依網頁指示修改目錄結構,如下圖
除錯後,再執行一次build.py程式,如下圖
安裝完成(SUCCESS...)後,接下來測試...參攷 https://developers.google.com/blockly/guides/get-started/web說明,如下圖
使用python的SimpleHTTPServer建立一個臨時網頁伺服器,如下圖
就可以打開Chrome瀏覽器快樂使用了,如下圖
若只想玩Blockly請直接到demos網頁下方點選[CodeEditor]連結,如下圖
可轉換中文,如下圖
開始示範HelloWorld!,拖曳積木後按右方的紅色鈕,如下圖
也可以查看其產生的JavaScript,Python,PHP,Lua,Dart,XML...等程式碼,如下圖
此時,想到...如果Blockly是網頁版...那要給區網其他人使用,如何做呢?!
到網頁 https://gist.github.com/dergachev/7028596下載 simple-https-server.py並修改程式(開放IP),如下圖
再者,參攷http://blog.darkthread.net/post-2013-05-17-iis-ssl-cert-by-openssl.aspx下載安裝OpenSSL並建立CA及簽發SSL憑證(因為在Windows平台所以這些步驟很繁瑣)...
請至http://slproweb.com/products/Win32OpenSSL.html下載Win32OpenSSL-1_1_0f.exe並安裝,
再執行 setOPENSSL_CONF=C:\OpenSSL-Win32\bin\openssl.cfg
再將cacert.pem憑證匯入Chrome,如下圖
再將cakey.pem,cacert.pem複製至\google\blockly目錄內,
再修改 simple-https-server.py,如下圖
終於,可以開啟區網連線版Blockly了...如下圖
後記:稍微看了相關的網頁javascript程式碼,其架構及演算法都相當精簡有效,真的值得多看...:-)
javascript
python
取得連結
Facebook
Twitter
Pinterest
以電子郵件傳送
其他應用程式
留言
熱門文章
解決TensorFlow2.0程式出現cuDNNfailedtoinitialize錯誤問題
動機:在執行 TensorFlow 2.0程式(使用GPU)時,卻出現cuDNNfailedtoinitialize錯誤(如下圖),要如何解決呢?!錯誤訊息文字,如下:tensorflow.python.framework.errors_impl.UnknownError: Failedtogetconvolutionalgorithm.ThisisprobablybecausecuDNNfailedtoinitialize,sotrylookingtoseeifawarninglogmessagewasprintedabove.執行環境:1.OS:Ubuntu19.102.GPU:GeForceRTX2070(DriverVersion:435.21)3.CUDA:10.1(nvidia-smi)、10.0.130(nvcc--version)4.Python:3.7.5rc1操作步驟:1.參攷[1],瞭解TensorFlow默認情況下會映射幾乎所有GPU內存,所以需在運行時分配內存...程式碼如下:defsolve_cudnn_error():gpus=tf.config.experimental.list_physical_devices('GPU')ifgpus:try:#Currently,memorygrowthneedstobethesameacrossGPUsforgpuingpus:tf.config.experimental.set_memory_growth(gpu,True)logical_gpus=tf.config.experimental.list_logical_devices('GPU')print(len(gpus),"PhysicalGPUs,",len(logical_gpus),&qu
解決gitpush上傳檔案出現error:failedtopushsomerefsto'https://github.com/user/xxx.git'的問題
問題:git上傳檔案時(指令:gitpush-uoriginmaster)出現錯誤,畫面如下要如何解決呢?!(gitversion1.8.3.1--這個git套件係租用空間商提供的...很舊的)原因:依據參攷1.提供係因gitpush動作被GitHub拒絕了!!因為不能把兩個完全無關的Git版本直接上傳到GitHub上的遠端儲存庫...解決方法:依參攷1.的方式,直接將遠端儲存庫的master分支取回,並合併到本地儲存庫的master分支,指令如下$gitpulloriginmaster再次執行上傳即可正常操作了,如下圖參攷:1.第24天:使用GitHub遠端儲存庫-入門篇, https://github.com/doggy8088/Learn-Git-in-30-days/blob/master/zh-tw/24.md
運用DS3231及I2C介面玩即時時鐘RTC於ArduinoUno
前言:本想找一個簡單的 DS3231 的Arduino範例,怎知搜尋出來(2011年)後其範例檔案錯誤多多,導致花了一些時間去整理,並留下此篇記錄...動機:可否在ArduinoUno開發板上做一個Real-TimeClock(RTC)?!準備環境:1.ArduinoUno(需連接USB數據線)2.DS3231AT24C32高精度時鐘RTCIIC模組3.Windows筆電4.ArduinoIDE(需先安裝)實作步驟:1.接線方式為:ArduinoUnoSCL→A5、SDA→A4、Vcc→5V、GND→GND。
如下圖2.先至網站 http://hacks.ayars.org/2011/04/ds3231-real-time-clock.html下載 DS3231.zip,並解壓縮至 C:\Users\XXX\Documents\Arduino\libraries目錄內(XXX=電腦登入帳號)3.由於上述2.提供的範例錯誤頗多或是年代久遠,於是,到參攷2.的網站去更新程式及範例並複製至上述2.的目錄中4.搜尋其中的範例並測試後,改寫了其中的範例DS3231_test.ino(利用高精度I2C即時時鐘RTC及溫補晶振TCXO來顯示日期、時間及溫度),如下(請自行修改程式第#23~29行,將目前日期/時間代入)執行畫面,如下圖參攷:1.DS3231Real-TimeClock, http://hacks.ayars.org/2011/04/ds3231-real-time-clock.html2.NorthernWidget/DS3231, https://github.com/NorthernWidget/DS3231
延伸文章資訊
- 1fChart程式設計教學工具+Blockly中文離線版
Cake Blockly版 NClass類別圖 下載fChart6 標準版. fChart程式碼編輯器是一套輕量級整合開發環境,不只可以編譯, 編輯和執行C, C++, C#, VB和Java程...
- 2偷插電的資訊科學2.0 - 04-1. 以Blockly演繹變數概念
Blockly為Google所提供的圖形化程式編輯器,類似於Scratch等積木堆疊式軟體,並有以下特色。 免安裝。 即時看到程式積木的程式碼。 ... 下載離線版Blockly壓縮包:.
- 3安装Google Blockly Developer Tools离线版 - 尚码园
这篇文章主要向大家介绍安装Google Blockly Developer Tools离线版, ... NW.js下载地址,下载normal版本,解压至电脑目录,并将该解压的目录路径添加 ...
- 4離線版Blockly程式積木編輯器 - 雲林SONG
下載後,將壓縮檔解壓縮,開啟Blockly程式積木.html檔案:. 可看到如下網頁:. 黃色圓形: ...
- 5檔案下載
檔案下載. bDesigner安裝完後,第一次開啟程式會比較久些,主要是升級函式庫,所以有還原 ... bDesigner(只有blockly) 下載 bDesigner3.0正式版 下載 bD...