瀏覽模式: 普通 | 列表

電腦教學連結

「物聯網防、救災系統」:從3種Webduino MQTT開始!

◎土石流新聞

attachments/202012/9390155883.jpg attachments/202012/6158674511.jpg attachments/202012/3127543073.jpg

土石流動畫(等待三秒) 、  A、B、搖晃  、  感測判斷物聯網觸發

應用Webbit積木中MQTT的基本操作練習。(操作影片)

※發送 (程式頁)     

      首先建立一個文字輸入,利用綠色怪獸檢視呈現訊息。接著建立MQTT頻道,設定傳送的訊息即為剛才的輸入文字。

 attachments/202012/6237526104.jpg

※接收(程 式頁)

      建立另一頁接收訊息的程式,先利用黃色怪獸顯示文字訊息,這樣在本地與遠端確保收到資訊之後,就可以多元應用,我們先藉由語音朗讀唸出來。很多人都可以使 用文字輸入,也有很多人可以接收與朗讀,這也可以當即時線上雙向、多向聊天室呢!
attachments/202012/1410951107.jpg


◎莫拉克風災重建展示館

◎認識物聯網與應用

Webbit教育版網站

Web:Bit 九軸體感偵測

伺服馬達

土壤濕度偵測

濕度偵測影片


attachments/202011/2796461547.jpg


MQTT練習鍵盤控制

I的萬物論——迎接物聯網時代

attachments/202010/5218010994.jpg attachments/202010/2738428648.jpg

希望 · 未來 莫拉克風災紀念館 

 

遙控器 


用iPad擴增智慧教與學

邀請碼:055116

 attachments/202008/3394538573.png

在 Google 搜尋中體驗 3D 和擴增實境


機器人編程實驗室

cos0XX@apps.tyes.ntpc.edu.tw

1.內容編輯器

2.親師生平台Google帳號、登入Google。
attachments/202005/1177534291.jpg attachments/202005/4606135228.jpg

AR/VR COSPACES & MergeCube。

attachments/202005/7203560405.jpg  
進入班級,製作動物園或畢業典禮,自由發揮:
1.匯入360
2.編輯模型、字卡、物 理作用與動畫表現
3.可多個場景
 

※更改新北密碼國中會考題目影音教學七年級數學

1.親師生平台  

Google、微軟 

 

attachments/202006/1126305632.jpg attachments/202006/3238524373.jpg

2.教育部單一簽入 自訂帳號、密碼

Google:https://go.k12cc.tw/

微軟 :https://o365.k12cc.tw/

attachments/202006/4187727728.jpg製作

※德音學習吧

0518 世界博物館日

機器人編程實驗室

cos0XX@apps.tyes.ntpc.edu.tw

內容編輯器

視訊鏡頭應用:

0.Jitsi meet

1.https://webcamtoy.com/

2.Scratch Webcam games

3.遇到忍者抓泡泡

4.擦玻璃

※AI畫畫,兒童節快樂!

3/25教師研習  德音國小校本研習@學習吧  

1.登入親師生平台校務行政帳密

2.參加課程

※※※※※※※※※※※※※※※※※※※※※※※※※※※※※

開學相見歡,請減少交談,先填寫表單

填寫完畢,請瀏覽「防範新型冠狀病毒」課程、「冠狀病毒傻傻分不清」影片

Google地圖與街景 

更改密碼    meet

親師生平台 、Google Tour Creator  德音360(1)、(2


期末問卷填寫

第一屆廣達游智盃 創意程式競賽   

威力導演(呂聰賢老師教學頻道 )     

1_2  、3_4

1210

一小時玩程式 (介紹、認識、享受認真玩!)

填寫:我喜歡的理由



1202

機器人首課

1125班級360錄影、後製

attachments/201911/1517224366.jpg attachments/201911/4291673326.jpg

1118 Insta360軟體操作

01開啟360相片與截圖

      從我放在Google相簿的360相片下載後,比較一般與360相片瀏覽工具的差異,用一般的看圖軟體來看,會把360相片切成長方形。 

02小行星模式檢視

      小行星模式帶給我們不易想像的視覺效果,這正是360相機的特色:利用兩邊各有一個眼睛,而且是超廣角。我們也可以說這是一個魚眼的視角模式,我有個比喻是好比我們在這個空間裡面拍照,360的相機等於是球心,拍了一個球體的照片,而這些照片的內容就都在是球體的內皮,而小行星模式,相當於把內皮翻到外面來。

03利用威力導演將360像片製成影片

      360相片當然是靜態的,但你需要花時間去看完整體,因此,若這樣的花費時間,配合影片的時間軸,就可以做一些變化。

04關鍵影格設定

      設定關鍵畫面的視角,而軟體自動將兩點之間流暢轉換。

05預覽比較360直排輪影片

      傳統與360的影片瀏覽效果比較。

06利用結果呈現發想拍攝與創作腳本

      看看呈現的結果,了解軟體功能 、關鍵影格與效果設定之後,有助於未來發想拍攝與創作腳本。

07關鍵影格應用與影片裁剪

      配合動態的過程,選擇關鍵影格定點與轉換效果,都是另一種創作! 

1111 德音360相片應用、Insta360軟體、截圖

.


1104 拆組之交看機構動力


10/28~11/08 德音30週年「小小神攝手」投稿(六年級平時活動)

相簿:601 、602、603 、604  、605 、606 、607 、608

投稿表單 

Kodu

attachments/201910/2535546356.jpg


9/30~10/4

數位攝影介紹

德音360  、德音簡介空拍 (by輕舟小菜)(3:50)

定格動畫1(3:00) 、2  

10月7日起至12月1日

Egame STEM網路競賽

程小奔微影片   

做遊戲比玩遊戲好玩 


9/2~5 

1、建立自訂帳號 (先不更改密碼)(操作教學)

2、問卷調查  

3、親師生平台  


9/6~12

桌面:新注音符號鍵盤 

桌面:英文字母鍵盤 

注音打字練習網站  

※人類登月50週年 ※天氣的變化

NASA發布「高科技還原」全景照                                         中央氣象局  

太空探索大飛躍前前後後                                                    Windy網站     

7大重點看懂登月的過去與未來                                             3D全球即時氣象

月相盈虧 

月相變化APP  


9/6~20 

新北教育局雲端應用服務 

繪圖手寫 Google AI Experiments 

呂聰賢老師Kodu教學影片

舞台、演員、表現、互動 


9/23~27

演員的多種移動方式

專案存檔、匯出

(發射星光彈) 


「Jigspace」也有桌機版了~

      只要研習有機會分享,都會說我為了這個「Jigspace」APP買了一台新的iPad(第七代),後來還陸續買了三台,二手iPhone(6+6+7)總共我有i19。現在「Jigspace」有桌機版軟體了 !Mac、Windows都有,超級開心!

attachments/202209/8735283574.jpg


      Explorer就有數十個主題可以好好運用,一頁頁動畫展現與標示說明(全英文),可以自由選轉放大、選擇視角觀察與探索。建立帳號後,Create裡有上千個元件可以自己發揮,創建主題。

attachments/202209/0481987561.jpg attachments/202209/0786804893.jpg

attachments/202209/1805333781.jpg attachments/202209/1960058815.jpg

標籤: MR

Markdown 語法整理(Obsidian運用)

      愛上Obsidian 關鍵字詞相互連結功能後,我持續建立使用Obsidian整理資料的習慣。不過,對於文字編輯稍嫌單純的樣貌還是不習慣,找了一些資料,原來使用Markdown 的語法可以解決!這篇文章,也是在Obsidian裡寫完的喔!推薦以下兩篇:

Markdown 語法大全

Obsidian (黑曜石)筆記軟體的基本操作指引」含教學影片

      我需要的文字格式主要有這幾種:

1、字體大小
     字體大小,是利用幾個#來展現,記得#要先空一格再輸入文字:

# 一個
## 兩個
### 三個
#### 四個

      我會常用這樣就好,粗、斜體會省略,主要是效果不明顯:

粗體兩個**兩邊包圍、斜體一個*,又粗又斜就三個***,哈哈!
**粗體效果不太明顯**
*我是斜體*
***我是粗斜體***

                           
attachments/202007/1628164284.jpgattachments/202007/4782260828.jpg

2、顏色
      我選這幾個常用的,日後複製換字使用:
<font color=#008000>深綠</font>
<font color=#FF0000>紅色</font>       紅色
<font color=#0000FF>深藍</font>


3、超連結
     文字超連結
    
[大學塾](http://163.20.119.100/f2blog/)
[Google首頁](https://www.google.com/)
[Facebook](https://www.facebook.com/)

attachments/202007/7588208585.jpg

4、分隔線
    在一個空白列輸入三個以上的 *** 或 ---,該列不加入任何文字,就能建立一條分隔線。
***

5、引用區塊
    引用他人具字很合適,使用 > 放在整列開頭當作引用區塊, > 和文字間要空一格,語法如下:
> 創造教學多樣性
> > 添加網路教育味
> > > 別忘了數位槓桿

attachments/202007/0455073986.jpg

6、在筆記中插入圖片(是否秀圖?):
     從檔案總管拉圖進來筆記裡,就會出現如:![[02.jpg]],而若是將「!」移除,則在預覽時必須點選連結才會開圖檢視,可以視需要使用。

 attachments/202007/1783561734.jpg

      繼續玩!

      後來又找到這篇「予豈好辯哉?… Argdown用Markdown產生論證圖(Argument Map)─吵架必贏圖形工具」,論證...,有點懷念,哈哈!

在Obsidian打造網絡圖

      初探Obsidian後,繼續隨興玩想,今天來打造自己的樹狀網絡連結。我以逐步呈現方式進行比對文字與網絡效果:

1、開啟一個筆記(主頁),只寫內文,網路圖只有單點。

attachments/202007/2437375663.jpg attachments/202007/7209495036.jpg


2、加入雙引號(加入時已建立的關鍵字詞可以下拉選用),開始產生網絡節點(但尚無個節點的筆記喔!)

attachments/202007/5258096552.jpg attachments/202007/0354979001.jpg

3、點選一個節點即新增筆記,以5G為例,內文再建立字詞。

attachments/202007/9340299893.jpg attachments/202007/4960467377.jpg

4、這樣,主頁開展後,5G是次層網絡,點選時凸顯亮點連結。

attachments/202007/5200119875.jpg attachments/202007/0685614694.jpg

      先依這樣的開展建立基礎框架,再慢慢「快速貼上內容」,也相對期待「眼花撩亂」的圖譜生成喔!

      FB跳出三年前的圖 ,Keystone我還是常用呢!

 attachments/202007/9065792437.jpg

我的Obsidian第一組「十勝」!

      上午「九點前初探」後,又是東摸西摸加認真聊天,午睡後想以「十勝」~我喜歡的十個小開始來看Obsidian。

1、名字取得好。

乍看Obsidian,我真的以為和OBS有關,OBS可以雙螢幕、多場景錄製應用,而Obsidian能建立知識連結網路系統,看來更威!而且,Obsidian的意思是黑曜石,又稱為十勝石,也就是本篇發想由來。

2、功能目標:知識連結網路系統,在Esor的介紹影片 中,看到他利用已建立的個人Obsidian知識庫,無論是點選、搜尋、都能看見立即關聯,相信寫作或發想專案,真的可以左右逢源。

3、下載安裝,換底色
    在「Obsidian」網站下載軟體,若是對黑底色不習慣,可以在設定端更換。

                           
attachments/202006/3405692178.jpgattachments/202006/4912974857.jpg

                           
attachments/202006/3757314793.jpgattachments/202006/7002742591.jpg

4、從檔案總管著手

    利用Obsidian建立資料,以「Vault」為主題,就像一個空間,包含很多資訊,操作上,就像是建立一個資料夾。例如我在桌面開一個biglearner Vault,桌面就多了一個資料夾。

                           
attachments/202006/1649912428.jpgattachments/202006/3100768805.jpg

                           
attachments/202006/8074663695.jpgattachments/202006/6021013365.jpg

      接著,我從檔案總管建立次資料夾,也各塞一些檔案(JPG、DOC)進來....

                           
attachments/202006/5829110489.jpgattachments/202006/2555159501.jpg

      可以看到檔案總管的呈現,就以資料夾或檔案名稱出現在Obsidian分層次的樹狀目錄裡了。此外,JPG黨可以直接顯示,而DOC檔則連檔名都不出現。

 attachments/202006/1509420716.jpg

5、從文字輸入著手

    接著建立一個新筆記note,就像記事本一樣,可以寫字,取名後,資料夾裡也多一個同名的md檔案。同時,我從檔案總管拉入DOC檔,他也會複製檔案到此md檔案得資料夾中。

                           
attachments/202006/9513104379.jpgattachments/202006/2372701247.jpg

6、建立與展現連結

      接著在「1的新筆記」裡,隨意輸入幾個字詞,個別再用[[字詞]],框起來。例如[[德音]]、[[大學塾]]、[新北市]]、[[智慧學習]]、[[前瞻計畫]]、[[iPad]]、後, 點選「Open Graph View」,感動吧,你就會看到以「1的新筆記」為中心開展的放射狀圖像。

                           
attachments/202006/0318180214.jpgattachments/202006/0830747460.jpg

7、不必存檔,自動生成MD、再連結

    按下右上方預覽按鈕「Preview」,剛剛這些 [[德音]]、[[大學塾]]、[[新北市]]、[[智慧學習]]、[[前瞻計畫]]、[[iPad]]都變成可點選,點取每一個,還會立即升成一個同名的MD檔案喔!而且,包括對於MD的編輯都不必按存檔鈕!

                           
attachments/202006/4589327756.jpgattachments/202006/5607832001.jpg

8、網絡連結的展現

    開啟每個目前仍是空白的節點,隨加入一些  [[德音]]、[[大學塾]]、[[新北市]]、[[智慧學習]]、[[前瞻計畫]]、[[iPad]]。會看到網路圖交織得更精彩,且可以點選單一而秀出關聯喔!

                                    
attachments/202006/0519287173.jpgattachments/202006/4499209880.jpgattachments/202006/0156166962.jpg

9、搜尋,只要打入關鍵字,所有包含的頁面都會出現且呈現字詞亮點,利用Ctrl+點選,就可以多窗格瀏覽。

 attachments/202006/3774602319.jpg

10、影音檔案通

      接續4的檔案總管操作,我放入分別放入Jpg、Mp3、Mp4、PDF、DOC,以及Freemind的mm檔案,只有後兩個無法連結與呈現,其他都可以喔!同時,我複製整個資料夾,再利用Obsidian開啟一次,就等同於兩個獨立的知識區喔!

                           
attachments/202006/1892062353.jpgattachments/202006/1096448430.jpg

      好玩好玩,我耐熱地慢慢抓圖寫完這十勝,發現還可以第二、第三個十勝呢,哈哈!

2020年6月30日九點以前~Obsidian初探

      第一次用這樣的時間標題來寫部落格,一方面看看自己早起後多做了、想著什麼,二來,也檢視這次探索 Obsidian軟體的心得。

      臉書上常記載昨晚到今晨的睡眠時間,附上第一眼看到或想到的訊息7E再版圖EVO360測試 。之後寫下今天可以玩的項目,東摸西摸到天亮、上學,早餐時間還有閱報或逛網機會,有時建立連結、有時拍些相片。

      今天決定好好玩通Obsidian,主要在Esor介紹「Obsidian 免費單機軟體實踐卡片盒筆記法,建立知識連結網路系統」後,不僅讓我眼睛為之一亮,知道這真的很厲害!但幾天來有一搭沒一搭地實際操作,又不知如何下手。直到看了幾回「解說影片」與小測試後,慢慢冒出可善用此工具的多點想法。

attachments/202006/1418611484.jpg attachments/202006/8232081899.jpg

      同時,也面臨與原有工具習慣的調整、串接,例如雅婷逐字稿、Google文件、試算表,Freemind....等,以下的圖,是在九點前的長相,今天會慢慢進化!期待等一下應該可能有被當真人圖書館的機會,準備好認真享受!

attachments/202006/7795568354.jpg attachments/202006/5605670400.jpg

利用OneNote辨識相片裡的文字

      想將圖片裡的文字,辨識為文字繼續處理,以前我常用JOCR ,但現在新電腦都無法使用,找了一下網路,原來OneNote也可以辨識相片裡的文字喔!  

      呵呵,初探OneNote 101,就是52的圖片文字辨識功能!

attachments/202003/9664367096.jpg attachments/202003/0387728249.jpg

      先在OneNote插入圖片,點選滑鼠右鍵,選擇「複製圖片上的文字」,就能識別出文字,再貼出來就可以接續處理喔!

attachments/202003/5003775500.jpg attachments/202003/3640176886.jpg

      我想這與相片解析度還是有關係,以這次為例「880*601」,辨識效果應該很實用了!原圖如下:

 attachments/202003/5190091977.jpg

標籤: OneNote

AY即可貼!

      我需要製作一份資訊課期末問卷,想到利用以前劉兆全老師幫我寫的AY程式。請看「操作影片」。

      先把想要建立的題幹字串存成文字檔,利用AY開啟文字檔後,它會浮在工作視窗上面,這時候將游標點在你想要輸入的地方,在回來AY點選你想填上的字串,這樣交互點選即可完成喔!學上次「速可打謄稿機」好名,現在我也稱它「AY即可貼」,哈哈!

attachments/202001/9337037260.jpg attachments/202001/5107818047.jpg


      現在應該也有相關工具,但我還是AY最上手!因為AY是EXE執行程式,我就不公開分享,有需要的夥伴,可以私訊你的應用想法給我喔!