「自主學習輔導平台/主題分享/Etherpad使用說明」修訂間的差異

出自跨校選修
跳至導覽 跳至搜尋
 
(未顯示由 3 位使用者於中間所作的 39 次修訂)
行 28: 行 28:
 
}}
 
}}
 
[[分類:自主學習輔導平台]]
 
[[分類:自主學習輔導平台]]
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/screenshot.png' width=100%>
+
<!--<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/screenshot.png' width=100%>-->
===進入 etherpad===
+
===一、進入 etherpad===
有兩種進入本課程 etherpad 的途徑:
+
====(一)直接進入指定頁====
#在瀏覽器的網址列輸入:「[http://urclass.net:9001 http://urclass.net:9001]」。
+
在瀏覽器的網址列輸入:「[http://urclass.net:9001/p/頁名 http://urclass.net:9001/p/頁名]」,會看到以下畫面:
#到[http://urclass.net/EMEP/ 本課程網站],點選「社群發展」項下的「即時共筆工具」。
+
====(二)由 etherpad 首頁,進入指定頁,或產生隨機字串頁名====
兩者都會看到以下畫面:
+
在瀏覽器的網址列輸入:「[http://urclass.net:9001 http://urclass.net:9001]」。
  
 
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/新記事本.png' width=90% style='float:center;'>
 
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/新記事本.png' width=90% style='float:center;'>
行 41: 行 41:
 
#由系統產生隨機字串的頁名:點擊「新記事本」(New Pad)
 
#由系統產生隨機字串的頁名:點擊「新記事本」(New Pad)
  
進入之後就會看到以下畫面,接下來只要將「連結」發給別人,就可以一起編輯囉!
+
====(三)某頁的初始畫面====
 +
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/etherpadNewPage.png' width=100% />
  
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/icons2/etherpad_full_features.png' width=100% />
+
進入之後就會看到以上畫面,接下來只要將「連結」發給別人,就可以一起編輯囉!
  
===新增編輯者名字===
+
===二、新增編輯者名字 <img src='https://upload.wikimedia.org/wikipedia/commons/4/4e/Font_Awesome_5_solid_users.svg' width=37 height=30 />===
 
<table><tr><th rowspan=2>從右上角拉出框框,接著輸入編輯人員姓名</th><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字.png' width=200 /></th></tr><tr><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字(CH).png' width=200 />
 
<table><tr><th rowspan=2>從右上角拉出框框,接著輸入編輯人員姓名</th><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字.png' width=200 /></th></tr><tr><th><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/輸入名字(CH).png' width=200 />
 
</th></tr></table>
 
</th></tr></table>
  
===文字格式===
+
===三、文字格式===
 
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/icons2/文字編輯_工作區域%201.png' width=500 />
 
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/icons2/文字編輯_工作區域%201.png' width=500 />
  
===聊天(Chat)===
+
===四、聊天 (Chat) <img src='https://upload.wikimedia.org/wikipedia/commons/8/86/Font_Awesome_5_solid_comments.svg' width='34' height='30'/>===
 
點選左下角的聊天(Chat)按鈕接著就能與其他在線的同學們聊天囉!
 
點選左下角的聊天(Chat)按鈕接著就能與其他在線的同學們聊天囉!
  
 
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Chat.png' width=200 /><span style='font-size:50pt'>&nbsp;&nbsp;→&nbsp;&nbsp;</span><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/CHAT2.png' width=300 />
 
<img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Chat.png' width=200 /><span style='font-size:50pt'>&nbsp;&nbsp;→&nbsp;&nbsp;</span><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/CHAT2.png' width=300 />
  
===設定(Pad Settings) <img src='https://upload.wikimedia.org/wikipedia/commons/a/a0/Font_Awesome_5_solid_cog.svg' width='30' height='*'/>===
+
===五、設定 (Pad Settings) <img src='https://upload.wikimedia.org/wikipedia/commons/a/a0/Font_Awesome_5_solid_cog.svg' width='30' height='30'/>===
 
<div style='float:right;'><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Pad%20Settings.png' width=150 /><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/記事本設定.png' width=150 /></div>
 
<div style='float:right;'><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/Pad%20Settings.png' width=150 /><img src='http://urclass.net/uploadFiles/丁志仁/etherpad-icon/記事本設定.png' width=150 /></div>
 
在Pad Settings中可設定語言及字體。
 
在Pad Settings中可設定語言及字體。
行 68: 行 69:
 
#語言:可選擇各國語言介面、繁體中文介面、簡體中文介面
 
#語言:可選擇各國語言介面、繁體中文介面、簡體中文介面
  
===分享(Share This Pad)<img src='https://upload.wikimedia.org/wikipedia/commons/b/bd/Font_Awesome_5_solid_share-alt.svg' width=20 height=23 />===
+
===六、分享 (Share This Pad) <img src='https://upload.wikimedia.org/wikipedia/commons/b/bd/Font_Awesome_5_solid_share-alt.svg' width=26 height=30 />===
 +
分享時可設定「唯讀」(READ ONLY)。
 +
 
 
<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Share%20this%20pad.png' width=30%><img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/分享此記事本.png' width=30%>
 
<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Share%20this%20pad.png' width=30%><img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/分享此記事本.png' width=30%>
  
分享時可設定READ ONLY。
+
===七、匯入 / 匯出 (Import & Export) <img src='https://upload.wikimedia.org/wikipedia/commons/0/0e/Font_Awesome_5_solid_exchange-alt.svg' width=30 height=30 />===
 +
可以匯入或匯出,匯出的格式分為:Etherpad、HTML、純文字。
 +
 
 +
<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Import%20&%20Export.png' width=30%><img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/匯出&匯入.png' width=30%>
 +
 
 +
===八、時間軸 (Timeslider) <img src='https://upload.wikimedia.org/wikipedia/commons/5/59/Font_Awesome_5_solid_history.svg' width=30 height=30 />===
 +
可以往回看過去的編輯紀錄
 +
 
 +
<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Etherpad時間軸.png' width=90%>
 +
 
 +
===九、儲存修訂版本 (Save Revision) <img src='https://upload.wikimedia.org/wikipedia/commons/c/c3/OOjs_UI_icon_unStar.svg' width=30 height=30 />===
 +
可以標記當下的修訂版本(如上圖),之後就可以在時間軸中快速找到該版本。
 +
 
 +
===十、指定使用者顏色 (Usercolor)===
 +
可以更改使用者編寫時文字顏色(這裡以丁丁為例)
 +
 
 +
<img src='http://jendo.org/uploadFiles/丁志仁/etherpad-icon/Etherpad使用者顏色.png' width=30%>

於 2022年5月21日 (六) 22:08 的最新修訂

一、進入 etherpad

(一)直接進入指定頁

在瀏覽器的網址列輸入:「http://urclass.net:9001/p/頁名」,會看到以下畫面:

(二)由 etherpad 首頁,進入指定頁,或產生隨機字串頁名

在瀏覽器的網址列輸入:「http://urclass.net:9001」。

之後可以有兩種建立新共筆頁的方法:

  1. 指定共筆頁的頁名:在「或建立/開啟以下名稱的記事本:」(or create/open a Pad with the name)方框內輸入頁名(中英文皆可)。
  2. 由系統產生隨機字串的頁名:點擊「新記事本」(New Pad)

(三)某頁的初始畫面

進入之後就會看到以上畫面,接下來只要將「連結」發給別人,就可以一起編輯囉!

二、新增編輯者名字

從右上角拉出框框,接著輸入編輯人員姓名

三、文字格式

四、聊天 (Chat)

點選左下角的聊天(Chat)按鈕接著就能與其他在線的同學們聊天囉!

  →  

五、設定 (Pad Settings)

在Pad Settings中可設定語言及字體。

  1. 永遠在螢幕上顯示聊天:在螢幕上顯示聊天
  2. 顯示聊天與使用者:聊天時顯示使用者姓名
  3. 協作者顏色:顯示其他協作者的顏色,以便確認輸入者
  4. 行號:顯示行號
  5. 從右至左讀取內容:由左至右或由右至左
  6. 字型類型:選用字體
  7. 語言:可選擇各國語言介面、繁體中文介面、簡體中文介面

六、分享 (Share This Pad)

分享時可設定「唯讀」(READ ONLY)。

七、匯入 / 匯出 (Import & Export)

可以匯入或匯出,匯出的格式分為:Etherpad、HTML、純文字。

八、時間軸 (Timeslider)

可以往回看過去的編輯紀錄

九、儲存修訂版本 (Save Revision)

可以標記當下的修訂版本(如上圖),之後就可以在時間軸中快速找到該版本。

十、指定使用者顏色 (Usercolor)

可以更改使用者編寫時文字顏色(這裡以丁丁為例)