由部落格與圍紀打造的網路科技
慈濟大學通識科技課程
Jedi
Jedi
2006
text/html
TITLE::由部落格與圍紀打造的網路科技
GLOBAL-ALIGN::LEFT
大家好。
----
↙
----
林克寰
----
Jedi
----
[[IMG SRC="../image/mtbook-cover.png" WIDTH="555" HEIGHT="750"]]
----
已經絕版
----
[[http://MTBook.net/]]
----
FOOTER::TWNIC (財團法人台灣網路資訊中心)
TWNIC:
「台灣部落格之父」
----
FOOTER::
ALIGN::CENTER
中央研究院
資訊科學研究所
----
FOOTER::http://creativecommons.org.tw/
ALIGN::CENTER
台灣「創用 CC」計畫
Creative Commons Taiwan
----
資訊技術負責人
----
FOOTER::
[[http://Jedi.org/blog/]]
JediLin@Gmail.com
----
FOOTER::Jedi, 中央研究院資訊所
由部落格與圍紀
打造的網路科技
----
ALIGN::CENTER
由BLOG與WIKI
打造的網路科技
----
FOOTER::
從[[EM:部落格]]說起
----
HEADER::部落格
博客、網誌、BLOG
----
----
ALIGN::CENTER
[[IMG SRC="../image/bsp-city-udn-logo.png" WIDTH="151" HEIGHT="60"]][[IMG SRC="../image/bsp-imvlog-logo.png" WIDTH="168" HEIGHT="68"]][[IMG SRC="../image/bsp-myplay-logo.png" WIDTH="368" HEIGHT="98"]]
[[IMG SRC="../image/bsp-oui-blog-logo.png" WIDTH="166" HEIGHT="140"]][[IMG SRC="../image/bsp-pchome-logo.png" WIDTH="234" HEIGHT="43"]][[IMG SRC="../image/bsp-pixnet-logo.png" WIDTH="180" HEIGHT="74"]]
[[IMG SRC="../image/bsp-roodo-logo.png" WIDTH="208" HEIGHT="57"]][[IMG SRC="../image/bsp-so-net-beyou-logo.png" WIDTH="182" HEIGHT="119"]][[IMG SRC="../image/bsp-tvbs-popblog-logo.png" WIDTH="317" HEIGHT="110"]]
[[IMG SRC="../image/bsp-webs-tv-logo.png" WIDTH="166" HEIGHT="50"]][[IMG SRC="../image/bsp-wretch-logo.png" WIDTH="208" HEIGHT="100"]][[IMG SRC="../image/bsp-xuite-logo.png" WIDTH="222" HEIGHT="66"]][[IMG SRC="../image/bsp-yahookimo-logo.png" WIDTH="237" HEIGHT="64"]]
----
----
[[EM:B]]LOG
[[EM:S]]ERVICE
[[EM:P]]ROVIDERS
----
台灣限定
----
全世界
----
成千上萬
----
族繁不及備載
----
[[IMG SRC="../image/main-menu-noframe.png" WIDTH="561" HEIGHT="443"]]
----
[[IMG SRC="../image/new-entry-noframe.png" WIDTH="531" HEIGHT="750"]]
----
[[IMG SRC="../image/mt-manage.png" WIDTH="619" HEIGHT="607"]]
----
[[IMG SRC="../image/mt-page.png" WIDTH="723" HEIGHT="541"]]
----
[[EM:紅]]
----
WHY?
----
做網頁變簡單
----
維護網站變簡單
----
工具演變
----
習慣改變
----
文化影響
----
催生新工具
----
(正向循環)
----
易於貢獻內容
----
頻繁產出內容
----
交流互動
----
符合網路需求
----
HOW?
----
1. 靜態鏈結
----
FOOTER::靜態鏈結
指向每一段文字
----
[[IMG SRC="../image/permalink-sample-01.png" WIDTH="826" HEIGHT="540"]]
----
[[IMG SRC="../image/permalink-sample-02.png" WIDTH="916" HEIGHT="572"]]
----
永恆不變
----
讓文字能被使用
----
鼓勵使用
別人寫好的內容
----
FOOTER::
2. 彙整
----
FOOTER::彙整
整理文章的方法
----
每個人自己的方法
----
按時、分類、
單篇、標籤……
----
[[IMG SRC="../image/archive-config-noframe.png" WIDTH="653" HEIGHT="493"]]
----
[[IMG SRC="../image/archive-sample-01.png" WIDTH="800" HEIGHT="666"]]
----
建構個人信念
----
建構思考系統
----
ALIGN::RIGHT
FOOTER::
3. 時間戳印
與日期標頭
----
FOOTER::時間戳印與日期標頭
[[IMG SRC="../image/timestamp-sample-01.png" WIDTH="784" HEIGHT="196"]]
----
[[IMG SRC="../image/dateheader-sample-01.png" WIDTH="840" HEIGHT="720"]]
----
提供時空背景
----
反應時事
----
與世界接軌
----
FOOTER::
4. 自動化系統
----
FOOTER::自動化系統
重複繁瑣的事
交給電腦去做
----
更新網頁
----
上一篇、下一篇
----
整理屬於同一類的文章
----
按預先定義好的規則
將文章分別歸檔
----
專注於創作
----
FOOTER::
用網路的方法
做網路要做的事
----
HEADER::
;
----
再來看看[[EM:圍紀]]
----
HEADER::圍紀
WIKI
----
WikiWikiWeb
----
[[EM:×]] 維基
----
----
ALIGN::CENTER
[[IMG SRC="../image/ws-confluence-logo.png" WIDTH="480" HEIGHT="163"]][[IMG SRC="../image/ws-wikipedia-logo.png" WIDTH="227" HEIGHT="200"]]
[[IMG SRC="../image/ws-google-docs-logo.png" WIDTH="170" HEIGHT="78"]][[IMG SRC="../image/ws-jotspot-logo.png" WIDTH="208" HEIGHT="46"]][[IMG SRC="../image/ws-moonedit-logo.png" WIDTH="195" HEIGHT="45"]][[IMG SRC="../image/ws-socialtext-logo.png" WIDTH="181" HEIGHT="50"]]
[[IMG SRC="../image/ws-wikia-logo.png" WIDTH="135" HEIGHT="137"]][[IMG SRC="../image/ws-subethaedit-logo.png" WIDTH="653" HEIGHT="194"]]
----
----
[[IMG SRC="../image/wiki-sample-01.png" WIDTH="845" HEIGHT="581"]]
----
[[IMG SRC="../image/wiki-sample-02.png" WIDTH="845" HEIGHT="581"]]
----
比部落格少見
----
ALIGN::RIGHT
淵源與部落格
一樣久遠
----
越來越受重視
----
WHY?
----
讓人們能合作
----
一步一腳印
----
快!快!快!
----
HOW?
----
1. 隨看隨編
----
FOOTER::隨看隨編
整合瀏覽介面
與編輯介面
----
符合人們處理文件的習慣
----
FOOTER::
2. WikiWikiWeb
----
FOOTER::WikiWikiWeb
WorldWideWeb 的初衷
----
特定的文字
自動連到特定的網址
----
每個網頁都是一個節點
網頁間阡陌縱橫,隨時動態連結
----
每個網頁都有中心思想
----
每個網頁都有個名字
----
關鍵字
----
IF
----
所有的字都是關鍵字
----
沒有任何關鍵字
----
FOOTER::
3. WikiWord
〔Free Link〕
----
ALIGN::CENTER
FOOTER::WikiWord 〔Free Link〕
WikiWord is, like,
[[EM:WikiWord]]
----
CamelCase
----
[[IMG SRC="../image/camel.png" WIDTH="700" HEIGHT="572"]]
----
HuaLian
----
自動連往
特定頁面
----
BUT
----
中文怎麼辦
----
慈濟大學
----
〔慈濟大學〕
----
〔Free Link〕
----
FOOTER::
4. 簡易語法
----
FOOTER::語法
[[PRE:<ol>
<li>項目一</li>
<li>項目二</li>
<li>項目三</li>
</ol>:PRE]]
----
[[PRE:# 項目一
# 項目二
# 項目三:PRE]]
----
[[PRE:<del>刪除線</del>
<u>加底線</u>
<strong>強調字</strong>:PRE]]
----
[[PRE:-刪除線-
_加底線_
*強調字*:PRE]]
----
[[PRE:<table>
<tr>
<td>一之一</td>
<td>一之二</td>
<td>一之三</td>
</tr>
<tr>
<td>二之一</td>
<td>二之二</td>
<td>二之三</td>
</tr>
</table>:PRE]]
----
[[PRE:|一之一|一之二|一之三|
|二之一|二之二|二之三|:PRE]]
----
FOOTER::
動靜得宜
----
5. 版本管理
----
FOOTER::版本管理
修訂版
----
版本回溯
----
版本比對
----
追蹤修訂
----
HEADER::
FOOTER::
ALIGN::CENTER
BLOG
+
WIKI
----
靜態鏈結、彙整、時間戳印與日期標頭、
自動化系統、隨看隨編、WikiWikiWeb、
WikiWord、〔Free Link〕、簡易語法、
版本管理
----
ALIGN::CENTER
頻繁更新
互連引用
自動化
----
WWW
----
...and [[EM:MORE]]...
----
部落格還是:
----
HEADER::部落格還是
1. 以作者為中心
----
FOOTER::以作者為中心
部落客
在網路中的投射
----
FOOTER::
2. 著重於內容
----
FOOTER::著重於內容
資料的蒐集、
消化、整理及呈現
----
由工具的進化導致
生活習慣的演變
----
FOOTER::
3. 講求與世界互動
----
FOOTER::講求與世界互動
當時、當地的報導
----
信任的累積
----
鏈結、迴響與引用
----
FOOTER::
4. 一種生活態度
----
FOOTER::一種生活態度
並非特定軟體
或系統的稱呼
----
坐而言不如起而行
----
看見自己的機會
----
HEADER::
部落格還有:
----
HEADER::部落格還有
迴響
----
FOOTER::迴響
對特定主題
的直接互動
----
FOOTER::
引用通告
----
FOOTER::引用通告
打廣告
----
FOOTER::
源料
----
FOOTER::源料
FEED
----
Atom 1.0
RSS 1.0
RSS 2.0
----
標準化的
內容表達格式
----
便於交換及
整合資料
----
FOOTER::
串聯
----
FOOTER::串聯
利用源料
----
輪播
----
[[IMG SRC="../image/shds-syndicate.png" WIDTH="572" HEIGHT="401"]]
----
HEADER::
FOOTER::
;
----
圍紀還是:
----
HEADER::圍紀還是
1. 以脈絡為目的
----
FOOTER::以脈絡為目的
用內容建構脈絡
----
一砂一世界
----
FOOTER::
2. 著重於關聯
----
FOOTER::著重於關聯
自由鏈結的
節點分佈
----
由工具的進化導致
思考模式的推移
----
減低規劃樣式及
預先準備內容所
帶來的不便
----
FOOTER::
3. 講求多人合作
----
FOOTER::講求多人合作
任何人都可以修改
----
任何修改都可以回溯
----
任何版本都可以比對
----
FOOTER::
4. 是一種思考模式
----
FOOTER::是一種思考模式
並非特定軟體
或系統的稱呼
----
字典、文件、
常見問答集、
知識庫
----
先有概念
----
後有闡釋
----
HEADER::
圍紀還能
----
HEADER::圍紀還能
變革分析
----
FOOTER::變革分析
[[IMG SRC="../image/capitalism_group.gif" WIDTH="1002" HEIGHT="704"]]
----
FOOTER::
姊妹站
----
FOOTER::姊妹站
資源互享
----
各保脈絡
----
HEADER::
FOOTER::
以
上,都是歷史了
----
此刻
----
moblog
----
HEADER::moblog
[[EM:mob]]ile [[EM:blog]]
----
用[[EM:手機]]部落格
----
拍照、錄影、錄音
----
即時上傳
----
SMS、GPRS、3G
----
HEADER::
Podcast
----
HEADER::Podcast
i[[EM:Pod]] [[EM:cast]]
----
源料內的附件
----
MP3、WMV、
各式各樣的東西
----
HEADER::
photolog
----
HEADER::photolog
[[EM:photo]] b[[EM:log]]
----
用影像寫日記
----
「他抓得住我」
----
HEADER::
phone2blog
----
HEADER::phone2blog
phone-to-blog
----
電話錄音
----
HEADER::
VOX
----
HEADER::VOX
http://www.vox.com/
----
結合各家服務
----
[[IMG SRC="../image/vox-open.png" WIDTH="860" HEIGHT="416"]]
----
個人多媒體中心
----
[[IMG SRC="../image/vox-video.png" WIDTH="860" HEIGHT="416"]]
----
[[IMG SRC="../image/vox-splash-ss-2.png" WIDTH="700" HEIGHT="726"]]
----
HEADER::
多媒體
----
多服務
----
社交整合與
表達整合
----
Group BLOG
----
HEADER::Group BLOG
Vanilla
----
FOOTER::Vanilla
http://getvanilla.org/
----
[[IMG SRC="../image/vanilla-sample-01.png" WIDTH="658" HEIGHT="547"]]
----
HEADER::
FOOTER::
WIKIWYG
----
HEADER::WIKIWYG
不祇是 WYSIWYG
----
圍紀眾多
語法分歧
----
One WIKIWYG
to rule them all
----
HEADER::
SEE
----
HEADER::SEE
[[EM:S]]ub
[[EM:E]]tha
[[EM:E]]dit [[次乙太編輯|http://www.codingmonkeys.de/subethaedit/]]
----
[[IMG SRC="../image/see-session.png" WIDTH="800" HEIGHT="529"]]
----
HEADER::
Google Docs &
Spreadsheets
----
HEADER::Google Docs & Spreadsheets
[[IMG SRC="../image/googledocs-tour1a.png" WIDTH="928" HEIGHT="464"]]
----
Word/Excel like
----
多人偕同編輯
----
版本管理
----
輸出成網頁
----
HEADER::
編輯趨勢
----
HEADER::編輯趨勢
所見即所得
----
視覺化
----
生產流程工具
----
HEADER::
Kwiki
----
HEADER::Kwiki
頁面快照
----
拍成部落格
----
HEADER::
Trac
----
HEADER::Trac
專案管理
----
ALIGN::RIGHT
內建部落格
及圍紀
----
物件互用
----
部落格可用圍紀語法
----
HEADER::
TiddlyWiki
----
HEADER::TiddlyWiki
一夫當關
----
[[展示與說明|http://web.nlhs.tyc.edu.tw/~lss/wiki/TiddlyWikiTutorialTW.html]]
----
HEADER::
Socialtext Unplugged
----
HEADER::Socialtext Unplugged
ALIGN::CENTER
Based on
TiddlyWiki
----
將圍紀「取回」
----
離線編輯
----
「同步」回線上
----
HEADER::
對我們有甚麼用
----
部落格
----
[[EM:部落]]格
----
與全世界互動的開始
----
自然形成同盟的根基
----
部落[[EM:格]]
----
格物致知
----
內省與成長的工具
----
做自己
----
圍紀
----
[[EM:圍]]紀
----
小圈圈合作
----
圍[[EM:紀]]
----
留下記錄
----
參與網路
----
如何面對
資訊爆炸?
----
訂閱源料
----
----
ALIGN::CENTER
[[IMG SRC="../image/feed-feeddemon-logo.png" WIDTH="246" HEIGHT="73"]] [[IMG SRC="../image/feed-feedreader-logo.png" WIDTH="272" HEIGHT="76"]] [[IMG SRC="../image/feed-greatnews-logo.png" WIDTH="344" HEIGHT="70"]]
[[IMG SRC="../image/feed-newzcrawler-logo.png" WIDTH="624" HEIGHT="119"]]
[[IMG SRC="../image/feed-rssowl-logo.png" WIDTH="245" HEIGHT="79"]] [[IMG SRC="../image/feed-rssreader-logo.png" WIDTH="466" HEIGHT="75"]] [[IMG SRC="../image/feed-googlereader-logo.png" WIDTH="171" HEIGHT="81"]]
[[IMG SRC="../image/feed-bloglines-logo.png" WIDTH="232" HEIGHT="51"]] [[IMG SRC="../image/feed-sharpreader-logo.png" WIDTH="309" HEIGHT="44"]] [[IMG SRC="../image/feed-syndirella-logo.png" WIDTH="90" HEIGHT="21"]]
[[IMG SRC="../image/feed-radiouserland-logo.png" WIDTH="388" HEIGHT="127"]] [[IMG SRC="../image/feed-rssbandit-logo.png" WIDTH="143" HEIGHT="122"]] [[IMG SRC="../image/feed-sage-logo.png" WIDTH="183" HEIGHT="141"]]
[[IMG SRC="../image/feed-juice-logo.png" WIDTH="226" HEIGHT="77"]] [[IMG SRC="../image/feed-netnewswire-logo.png" WIDTH="269" HEIGHT="68"]] [[IMG SRC="../image/feed-newsgatoronline-logo.png" WIDTH="324" HEIGHT="70"]]
----
----
FeedDemon
----
HEADER::FeedDemon
[[IMG SRC="../image/fd-main-sample-01.png" WIDTH="859" HEIGHT="599"]]
----
[[IMG SRC="../image/fd-main-sample-02.png" WIDTH="859" HEIGHT="599"]]
----
[[IMG SRC="../image/fd-search-sample-01.png" WIDTH="772" HEIGHT="675"]]
----
[[IMG SRC="../image/fd-comic-sample-01.png" WIDTH="764" HEIGHT="641"]]
----
關注程度
----
FOOTER::關注程度
[[IMG SRC="../image/fd-attention-sample-01.png" WIDTH="764" HEIGHT="641"]]
----
FOOTER::
熱門文章
----
FOOTER::熱門文章
[[IMG SRC="../image/fd-popular-sample-01.png" WIDTH="748" HEIGHT="556"]]
----
FOOTER::
訂閱關鍵字
----
FOOTER::訂閱關鍵字
[[IMG SRC="../image/fd-keyword-sample-01.png" WIDTH="596" HEIGHT="451"]]
----
[[IMG SRC="../image/fd-keyword-sample-02.png" WIDTH="764" HEIGHT="641"]]
----
FOOTER::
監視器
----
FOOTER::監視器
[[IMG SRC="../image/fd-watch-sample-01.png" WIDTH="677" HEIGHT="434"]]
----
FOOTER::
剪報室
----
FOOTER::剪報室
[[IMG SRC="../image/fd-newsbins-sample-01.png" WIDTH="821" HEIGHT="599"]]
----
FOOTER::
Podcast
----
FOOTER::Podcast
[[IMG SRC="../image/fd-podcast-sample-01.png" WIDTH="775" HEIGHT="683"]]
----
[[IMG SRC="../image/fd-podcast-sample-02.png" WIDTH="580" HEIGHT="275"]]
----
HEADER::
FOOTER::
……
----
科技始終
來自於人性
----
便於發表
----
便於分享
----
便於交流
----
便於互動
----
便於取用
----
如人飲水
冷暖自知
----
箇中滋味
待君親嘗
----
謝謝大家
----
[[IMG SRC="../image/cc-circle.png" WIDTH="146" HEIGHT="146"]] [[IMG SRC="../image/cc-by.png" WIDTH="146" HEIGHT="146"]][[IMG SRC="../image/cc-nc.png" WIDTH="146" HEIGHT="146"]][[IMG SRC="../image/cc-sa.png" WIDTH="146" HEIGHT="146"]]
----
ALIGN::CENTER
[[http://Jedi.org/p4/slide/20061220/#eva]]
Firefox 限定