瀏覽模式: 普通 | 列表

造一個OBS直播境相關考量

      三天後我有「智慧造境Play:結合新興科技於教學現場支持教與學的想望與行動」直播,好像還是第一次呢!把一個直播任務做拆解,思考工具選用與表現設計。因為是直播而不是視訊互動會議,我選擇使用OBS軟體,方便設定在YouTube、Facebook。這裡有去年玩的OBS經驗。    

      OBS是以「場景」為播出單位來規劃,在一個場景中,有許多的來源元素可以調用來組合版面,先準備多個場景可以選用播出,甚至場景中包含場景,這個在混搭的效果上有很多組合呈現。

      從OBS可以呼叫多種來源:文字、檔案有圖片、影片,軟體操作、擷取鏡頭或螢幕選定,一下子你可能會需要多個場景來做切換,同時也可以在同一個場景中,利用物件的顯示或隱藏,縮放大小調整位置,以及調整來源間的的階層加以展現,就可以不用準備太多場景。

attachments/202103/9444237289.jpg attachments/202103/7662920154.jpg

      我會使用兩個螢幕:OBS開啟工作模式,方便預選場景呈現,主講的場景就以第二螢幕上的操作為主要展現。

 attachments/202103/8115807854.jpg

      不過,在設計實做幾個場景之後,發現實在很繁多,到時切換易搞混,因此我思考有兩個選項:使用本機簡報操作,或者以網頁來操作為主呢?

      簡報軟體,主要提供循序操作為最大便利,軟體畫面、網頁畫面也都可以事先截取,再提供連結跟提醒切換。同時,套用模板就不需要再處理OBS上的背景logo部分,同時,擷取、複製貼上圖片到簡報上很方便,相對於OBS來源的圖片、影片,就需要有「已存檔檔案」的運用才可以調用。

attachments/202103/2559015481.jpg

      最近我學玩LoiLoNote ,在電腦上就純粹是網頁操作,所以瀏覽器只要開著多個分頁,講完即關,也可以截圖網頁、軟體,或者把PPT匯出為PDF之後,全部拉給LoiLoNote使用。

      活用LoiLoNote卡片的收合跟動態操控,我從規畫內容與解說流程設計開始,就可以在LoiLoNote網頁或APP進行(Prepare),接著循序操作、動態組合開展,也可以輕鬆畫註標示(Present),最後講完留存,也算是保留歷程記錄(Portfolio)。下圖即為本篇初稿(其實也是雅婷逐字稿、Keep、Notion先處理):

 attachments/202103/5739528776.jpg

      除了要講的內容之外,我也這樣思考實虛組合:

實體物品:利用實物攝影機拍攝人、書本、360相機、操作方塊,或者是機器人的表現。

螢幕呈現:包含網頁、軟體動態操作、相片、影片,包括AR、VR、360相簿與環物表現,偶爾加上實體物品與平板操作的過程結合,更希望提供使用者能夠體驗、參與互動,所以也可能先提供一個網頁連結。

      看起來愈來愈好玩(包含軟硬體、燈與棚....),還有幾天可以多加熟練。建議觀眾端可以一台電腦或筆電收看直播、一手機或平板掃描QRCode獲得連結,這樣交互玩最方便。

 attachments/202103/3801531101.jpg

標籤: OBS 心智圖

踩著Keystone maps再出發!

      先看初一畫了這張圖,我玩了五天,寒假衝動還是空白很多,哈哈!倒是昨天整理客廳、筆記圖紙(FB)後,心血來潮挖出自己十多年來畫的Keystone maps,相較於上次在國北「我的心智圖回顧」分享,今天來匯出圖檔原檔分享,等一下每張圖我都會附上長*寬,若太大請包涵喔!

attachments/202102/5842645487.jpg attachments/202102/7972525381.jpg

      今天也第一次認真查「Keystone」 這單字,我喜歡劍橋辭典的介紹:

拱頂石:a central stone at the summit of an arch, locking the whole together.

(計劃、想法等的)基礎,主旨,基本原則 :the most important part of a plan, idea, etc. on which everything else depends

      00Keystone工具介面(1900*1008),大學塾介紹過的Keystone文章連結

attachments/202102/3801968575.jpg

      01關於keystone工具的研習發想(1199*994):

attachments/202102/8091130664.png

      02我最常畫的師生三角形:教室傳播模式(644*545)

attachments/202102/3224197348.jpg

      02.1補上Inspiration畫的三種教室類型(1440:900):

attachments/202102/0364263453.jpg

      02.2還有Mural.ly 畫的學習環境系統觀(612*960):

 attachments/202102/1663515818.jpg

03資訊融入教學設計(1175*528)

 attachments/202102/5982187695.png

04英語教學心智圖應用(1211*925)

attachments/202102/7785682685.png

05ASSURE資訊融入教學設計(2831*3115)

attachments/202102/5983403754.png

06運動我的多元e智慧(881*648)

attachments/202102/7941137767.png

07運動我的多元e智慧再開展(2333*2360)

 attachments/202102/7412589847.png

08大腦功能運作(1494*956)

attachments/202102/8350889301.png

09記憶歷程處理(2306*958)

attachments/202102/5995556633.jpg

10大腦相容教學研習(1334*1706)

 attachments/202102/8327716602.png

11google達人(1128*1074)

attachments/202102/8283620615.png

12google_pbl(921*878)

attachments/202102/8660435003.png

13相片應用主題學習(Photo BL)(1295*1276)

 attachments/202102/4305192121.png

14PBL單元規劃筆記(2254*1306)

 attachments/202102/2523633609.png

15多元智慧PBL設計流程(1733*868)

attachments/202102/4860754609.png

16開設網路課程(993*1315)

 attachments/202102/7885682696.png

17教師運用Moodle手稿(1420*1007)

attachments/202102/0026138584.jpg

18網路教學_研習手稿(1420*1025)

attachments/202102/1779032104.jpg

19Moodle Sphere跨層級設計(1637*1036)

 attachments/202102/2581147700.png

20九年一貫資訊課程跨系縣市合作開發(3524*2017)

 attachments/202102/6213253975.png

21應用教育機器人提升科學教室提問效能(950*770)

 attachments/202102/7326005949.png

22導入機器人產品於課程教學

 attachments/202102/1363726097.jpg

23MQTT主機學習服務(833*757)

 attachments/202102/7200667128.png

24高雄教育局快易通整體觀(1729*1215)

 attachments/202102/0365046326.png

25世界與未來樣貌(1555*1242)

attachments/202102/9946693678.png

      26讓您眼花撩亂真不好意思,先用手稿收尾,想以Society5.0科技工具檢視現場混成教學(595*840):


 attachments/202102/3207073563.jpg

      而最初心的兩張還是廿年前辭職期間畫的,看著圖,人事、回憶與熱血創想,都還能湧現呢,再出發!

27陳振威老師種菜主題教學(809*572):

 attachments/202102/7166185146.gif

28一年九貫狂想(642*441)

 attachments/202102/0376705711.gif

「一迷下去,就有創意」 發想三部曲

29

 attachments/202102/5433585035.gif

30

attachments/202102/4848371109.gif

31

attachments/202102/3280829346.gif

32ASSURE教學設計模式

 attachments/202102/4781720236.jpg

33創新推廣與擴散模型

attachments/202102/3557344043.jpg

34換裝個Google大腦吧!

attachments/202102/6365464552.jpg
35溼地課程架構(1428*1670)
attachments/202102/5670305956.png
36花博開展前一天的新聞概念圖

 attachments/202102/0712620924.jpg

37五四之心舞肆 1

 attachments/202102/5315677663.jpg

38五四之心舞肆  2

attachments/202102/2969498083.jpg

亂好

39傳統用法

attachments/202102/8993372834.jpg
40一直往右

attachments/202102/1979274346.jpg

41單槍系統觀

attachments/202102/6693912340.jpg

42數位機會

attachments/202102/6296634818.jpg

43  96e化社群學校專案

 attachments/202102/4548192793.jpg

44『唯一支持GMAIL』圖像新發想

 attachments/202102/3186104964.png

45教學軟體評估與應用設計~以PhET『物質狀態』模擬為例

attachments/202102/1901481909.jpg


46這樣看Google比較easy1

attachments/202102/9308185993.jpg
47這樣看Google比較easy2

attachments/202102/1413509376.jpg
48把RSS想得再清楚點! 1

attachments/202102/2818243513.jpg
49把RSS想 得再清楚點! 2

 attachments/202102/3255584132.jpg

50我思,可以不必辦公,卻還是想著..
attachments/202102/9083785942.jpg

51Coggle AR、VR、ER

網頁圖

 attachments/202102/0260621462.jpg

52Google AI Experiment

網頁圖

attachments/202102/3564659913.jpg

53我自己的PBL~『想好就能愛不完』的人生玩法
 attachments/202102/6870592757.jpg

54 Instructional Design chart(3572*1996)

 attachments/202102/8540134216.jpg

55長堅定看Google(1057*891)

attachments/202102/6524396269.jpg

202102210640:還是沒找到那張風災主題圖,卻是多找出20多張,哈哈!

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

線上四法開啟Freemind檔案

      我玩過好多種心智圖工具,若真要應用於閱讀研究、資訊整理,最常用的還是Freemind ,尤其檔案匯入建立連結、節點文句處理便捷,是我最喜歡的原因。但可惜它也沒有線上版,無法線上編輯,每回放在Google硬碟,只是為了跨電腦處理檔案。
      最近從Google硬碟上點選Freemind的mm檔之後,會看到推薦三個工具可以開啟,分別是MindmeisterMindMup 2.0Mindomo ,這裡比較主要是指從「Google硬碟開啟Freemind的mm檔」,原本各網站都能開啟新圖來畫喔!

attachments/201902/1456677976.jpg
      考量下列幾點:網頁介面的工具是否完整直覺?配合鍵盤操作使用流暢自然?尤其即時開展與收合!是否能插入檔案?尤其直接取用Google 硬碟裡的檔案,免費限制與收費多少?

 

attachments/201902/0547735547.jpg

 1.Mindmeister

attachments/201902/6335762328.jpg

 2.MindMup 2.0

attachments/201902/8323091789.jpg

3.Mindomo


      Freemind裡的中文,竟無法在Mindomo中呈現?但直接加節點輸入中文沒問題。Mindmeister功能表簡捷(有點太陽春),不過開闔節點直覺方便。MindMup 2.0功能表列詳盡,我最喜歡。尤其插入Google硬碟的檔案還可以預覽:

attachments/201902/4132512164.jpg attachments/201902/3761334449.jpg attachments/201902/7356941388.jpg

     各家收費部分,有月費、年費與不同版本,MindMup 2.0較便宜 :

attachments/201902/2643549767.jpg

Mindmeister

attachments/201902/3243266357.jpg

MindMup 2.0

attachments/201902/5620084951.jpg

Mindomo 


      一直對於Google沒有「心智圖」工具感覺可惜,後來找到「只能用Google帳號」的Coggle,覺得不錯,像我分享「AR、VR、ER」資源,就是用這個畫。不過,Coggle編輯時好像不能收闔、展開切換?這次整裡比較,發現它也可以拉入mm檔喔!但可惜分支太龐雜時,瀏覽效果不佳,而若想編輯結點其他功能,也會顯示收費資訊。

attachments/201902/2899937263.jpg attachments/201902/8364998756.jpg

attachments/201902/6139736245.jpg attachments/201902/0267527484.jpg

      話說回來,若是為了線上開啟mm檔的話,我應該就會選用MindMup 2.0,不過,仔細想想,機率其實不太高,尤其,這樣的操作在iPad瀏覽器上還是無法使用喔!

      頂多我多費一次工,把Freemind匯入的連結檔案,再加上Google檔案分享的連結結點即可(我還異想天開拉網頁檔案想給Freemind,呵呵,失敗!),專心整理文獻、閱讀寫作實還是單機版Freemind最上手了!



我的看、想、說、寫、成程

      週日上午,來好好建立一個看、想、說、寫、成稿的歷程。

      使用工具:筆記格本、Google 搜尋(含學術)、PDF、Facebook、GDrive、Keep、文件、Freemind、Keystone、計時器。

      平常看想聽到的點子,我多利用筆記格本處理,目前六十多本,有些已掃描成電子檔(PDF或JPG,放上Gooogle硬碟)。一般看到或搜尋到數位資料:網頁或PDF文件,無論在工作桌或者移動中,我主要先將資料連結放在Facebook,只限本人閱覽模式,PDF檔案則上傳到Gooogle硬碟。

      日積月累下來,其實累積不少片段資訊,或自以為是的絕妙點子,但總未能成篇成稿。而當有需要時,得認真、專注寫成文章,卻又有雜思紛歧的困擾,未能提綱挈領、逐步寫成。因此,邏輯開展、心智圖架構是我的自求之解。

      麥肯錫寫作技術(大前研一、MECE、金字塔....),我在十多年前在K書中心包廂、寫碩士論文時就登場了,這次看到「麥肯錫寫作技術與邏輯思考:為什麼他們的文字最有說服力?看問題永遠能擊中要害?」與其他書,一來正有需要,再者藉此點燃回顧再出發的動力。

 attachments/201810/8138625656.jpg

      而心智圖,在部落格裡寫過多篇FreemindKeystone 應用分享,這次則主要以Ketstone繼續玩耍。

      下圖,一個是我利用Google Keep或文件,在手機、電腦端以語音輸入辨識成文字的一大頁,然而,可能沒有好的邏輯架構理路。其他圖則是我把一段段文字先複製到Keystone裡成為一個個方塊,再來像超級大桌面般,參考一些寫作主題、邏輯架構圖像,攤開所有的想法來再看出新圖像~進一步重組、串接而成文。和上次「慶生感恩~看圖說文」有點像:解決問題,提升滿足,創造價值,先搞定自己的看想說寫成程,可該是最核心關鍵呢!

attachments/201810/6972489889.jpg attachments/201810/1347736951.jpg

attachments/201810/3186832677.jpg

      呵呵,還有計時器,提醒自己再玩一下、別糾結不動。啊,對了,就是計時器在跑著時,不准偷看FB,哈哈!

      這篇寫好當暖身,預祝今天看想說寫成之旅程豐盛精彩!

標籤: 心智圖