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

出自跨校選修
跳至導覽 跳至搜尋
 
（未顯示由 3 位使用者於中間所作的 46 次修訂）
行 1： 行 1：
 +
{{#css:
 +
@font-face {
 +
  font-family: "fontawesome-etherpad";
 +
  src:url("/etherpad-lite/src/static/font/fontawesome-etherpad.eot?2");
 +
  src:url("/etherpad-lite/src/static/font/fontawesome-etherpad.eot?2#iefix") format("embedded-opentype"),
 +
    url("/etherpad-lite/src/static/font/fontawesome-etherpad.woff?2") format("woff"),
 +
    url("/etherpad-lite/src/static/font/fontawesome-etherpad.ttf?2") format("truetype"),
 +
    url("/etherpad-lite/src/static/font/fontawesome-etherpad.svg#fontawesome-etherpad") format("svg");
 +
  font-weight: normal;
 +
  font-style: normal;
 +
}
 +
.buttonicon {
 +
  border: none;
 +
  padding: 0;
 +
  background: none;
 +
  text-align: center;
 +
  font-style: normal;
 +
  font-weight: normal;
 +
  position: relative;
 +
  cursor: pointer;
 +
  -moz-osx-font-smoothing: grayscale;
 +
  -webkit-font-smoothing: antialiased;
 +
  font-style: normal;
 +
  font-variant: normal;
 +
  text-rendering: auto;
 +
}
 +
.buttonicon-embed:before {content: "\e853";}
 +
}}
 
[[分類:自主學習輔導平台]]
 
[[分類:自主學習輔導平台]]
−
<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;'>
行 13： 行 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中可設定語言及字體。
行 39： 行 68：
 
#字型類型：選用字體
 
#字型類型：選用字體
 
#語言：可選擇各國語言介面、繁體中文介面、簡體中文介面
 
#語言：可選擇各國語言介面、繁體中文介面、簡體中文介面
 +
 +
===六、分享 (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%>
 +
 +
===七、匯入 / 匯出 (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)

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

取自「http://urclass.net/alWiki/index.php?title=自主學習輔導平台/主題分享/Etherpad使用說明&oldid=5317」