關閉導覽列 Close Menu
數位文創
English
吳統雄
數位美學
電子書
數位視覺
優化網站
微電影
數位文創管理
大學青年網誌
研究目錄
教學課程頁
討論區目錄
站務與協助
☰
More
社群地圖
社群新聞
│吳統雄
履歷
研究
教學
服務
榮譽
│社科
第1類知識
第2類知識
第3類知識
研究方法
統計/多變項分析
投票行為與選舉預測
53237 選民結構
人類取用行為新典範
取用行為國際研究團隊
│資管
管理學‧經濟學
貨幣主義
數位貨幣‧投資行為
資訊系統開發
電子商務
網路教育
數位電視
產學合作
就業進修‧甄選必勝
│文創
數位美學/數位文創導論
數位出版/電子書
視覺設計
優化網站
數位視訊/微電影
數位文創管理
大學青年‧網路雜誌
│電音
統雄 數位音樂作品選
我,被禁唱的民歌手
數位音樂創作教學
統雄的音樂知識美學
歡迎聽歌.點歌.下載樂譜
│人文
公共評論
法律評論
社會評論
教育文化傳媒評論
科技科普評論
美語樂學
文學創作
萬象現代(NBA)
資訊社會
幽默人生
統雄樂水
Web的設計與管理模式

TxClick網路內容的製作與呈現類型
Web網站與網路社群建置實務 Web網站與網路社群建置實務

網站的設計與管理「模式」,可分為「概念模式」與「實體模式」2類。

「概念模式」係指網站的功能、使用者與管理者之間的行為方式與互動內涵。

「實體模式」則是指在伺服器上如何建置網站,網站間的導覽如何設計與管理。

概念模式

輻射型模式

一般網站設計與管理的概念模式,又可歸納為2型,第一是「輻射型」模式,如圖1。

圖1:網站模式網站管理者係經由網站與所有的使用者形成「一對多」的溝通,所有的功能、服務、與資訊內容,均由網站管理者提供。

但是在事實層面上,由於任何個人、或少數網站管理者,都不可能精通所有的資訊類別,除非有極為龐大的組織與人力作後盾,網站資訊的更新很容易停滯,內容深度也很容易流於淺薄。

網路社群與Web 2.0模式

本社建議的「網路社群」在設計與管理概念模式上,則是「群組聯集與交集的整合型」模式,如圖2。

網路社群模式強調將網站的「系統功能」與「資訊內容」分開,網站管理者僅負責前者,而依據資訊內容的類別,分作許多「群組(或稱分社)」,由「外在」具備相關專長的人員來管理。每個群組吸引不同興趣、性向的使用者,彼此可互有交集之處,所有群組的聯集,化點成面,就成為整體性的社群。 圖 2:網路社群模式

由於「群組管理者」的重點工作是輔導群組主題,不必精通資訊與網路開發工具,因此,網站管理者必須提供親和易用的群組管理介面,以促進社群的溝通與成長。

一個社群必須包含:共同的興趣與目標、群體(包括成員、與擔任服務管理的社掌)、資源、和活動(協調、服務、成長)。

各個群組(分社)是屬於平行結合的關係,而非上下從屬的關係。所以每一個分社的管理者稱為「社掌」-強調其協調與服務的職掌。

 

「網路社群」模式的興起

本文作者吳統雄於1997年在國內公開發表了「網路社群模式」(吳統雄、陳育亮;建構「金蟠桃連線」網路服務的研究;〈第六屆國際電腦輔助教學研討會論文集〉;臺北:銘傳; p:290-7; 1997a),再於2000年在國外發表。(Gold Peach Web Community 2000: A Research on Developing Web-Based Interactive Learning Environment)。

在吳統雄2000年的發表之前,英文中已有網路社群 (Web Community)的詞彙,如 geocities,不過當時係指「同類主題、共同展示」,像是部落格的前身,分類功能較強,與吳統雄強調「分享合作」並不一樣。

2004年Tim O'Reilly 用Web 2.0一詞,描述相同的「網路社群模式」概念,一時蔚為風潮。

(註:此亦可視為 Stigler's law 的一個例證)

相對於輻射型管理,社群型管理強調以下各項特徵:

共同目標:興趣、活動、任務…等。

彼此更密切的成員:擁有共同目標的群體。

交流分享:彼此有互動性的行為,分享資源、成果等。

合作成長:形成有機體,有協調者(召集人)或協調機制,協助社群發展。

網路社群模式應用範例

網路社群模式可以突破空間限制,舉一應用範例如下。

兩代風華:時代與青年兩代風華:時代與青年

兩代風華:時代與青年是由臺灣大學與世新大學修習網路相關課程,基於網路社群模式,共同設計開發的網站,也是展示網路合作的範例。


實體模式

對網路社群而言,是由許多網站結合而成的。這些網站間的關係可以是「主從」的,亦即有一個主網站、入口網站(術語為根網站 Root Web),下屬子網站,甚至可以好幾層。關係也可以是「平行」的,各網站是不相隸屬的。

因此,在建置時,其實體模式也可以分為2類:階層模式、關聯模式。

階層模式

階層模式就是使用者所看到的網站主從關係,和伺服器上的硬體配置相同。這種模式的優點是建置方便、權限管理與階層式授權容易。

這種模式適合的社群性質為:

-需要高的中央管理能力。

-對子網站有高的監察與控管需求。

-對各子網站的呈現風格有一致性要求,同時易於同步更新或改變。

一般的商業社群多半採用這種模式。

關聯模式

關聯模式就是網站的虛擬架構,亦即使用者所看到的階層,並不存在於伺服器上,甚至不存在同一臺電腦、同一間電腦房內。各網站之間是由「關聯物件」所連結,包括:虛擬目錄、更改導向的script 語言、或是具備轉向 Meta標籤的網頁等。雖然網路社群經常也會有一個虛擬的入口網站,但不一定是伺服器實體上的最上一層。

關聯模式的優點是發展強調自由的合作活動,達成較具彈性的任務,適用於:

-分散式管理的應用。

-不需要對子網站嚴格監察與控管。

-鼓勵各子網站的呈現風格多元化、多樣化,不必同步更新或改變。

這種模式宜於一般社團、非職業性同好、實驗性質的網路活動,以及非營利性組織。

更進一步的資料在「網路內容設計:結構篇」。

回頁首 Up to page head 至相關主題 Go to related pages
上一頁 Back to previous page 回頁首 Up to page head 下一頁 Go to nex page
請點這裡看所有留言分類 Please click here to view categories of comments
同類別內相關主題

上層主題
Web: 什麼是Web?Web虛擬世界的實體環境與虛擬環境 Web: Fundamentals
IIS: 什麼是 IIS?網站部署與IIS基礎應用 IIS: Fundamentals
Web的設計與管理模式 Web Design and Management Models
網路內容的製作與呈現類型 Internet Contents Presentation Types
Web Design Tools 網站開發工具
How to Expression Web/SharePoint Designer 微軟網站開發軟體應用快訣與其機巧
A Quick Canon for Expression Web 網站設計:Expression Web 簡捷建站功法
A Quick Canon for SharePoint 網站設計:SharePoint 簡捷建站功法
How to Html 超文件標註語言的結構、功能、應用快訣與其機巧
網頁語言 HTML5 簡介 HTML5: An Introduction
Web Analysis Framework and Its Formation Elements 網站/網群創作分析架構與建構元素
Web Design: Community Structure 網群結構
Website Structure_Navigation Design/ 網站虛擬結構:Extension Web 導覽設計
Website Structure_Navigation Design/ 網站虛擬結構:SharePoint 導覽設計
Web Design: Website Structure_Folders Design/網站實體結構:資料夾設計
Basics and Borders Method of Web Page Layout 網頁平面設計基礎與邊框法
Table Method of Web Page Layout 網頁平面設計表格法
Frames Method of Web Page Layout 網頁平面設計框架法
CSS Method of Web Page Layout 網頁平面設計CSS法
Web Design: Context- Presentation 意涵-文字視覺設計:字碼‧字型‧字體與字的性格
Web Design: Context- Presentation 意涵-文字視覺設計:字級‧字大小‧字重要性
Web Design: Context- Presentation 意涵-文字視覺設計:其他字特徵的呈現與配樣式
Web Design: Context- CSS 網站/網頁設計:意涵/文字-什麼是CSS
Web Design: Context- CSS Practice 網站/網頁設計:意涵/文字-CSS 實作
CSS Practice Advanced 層疊樣式表 CSS 進階實作_網站/網頁設計:意涵/文字
Web Design: Theme 網站布景主題設計
布景主題個人化 Personalized Theme
Web Design: Blocks- Pictures 網站/網頁設計:圖文框-圖片/影象處理
Web Design: Blocks- Tables 網站/網頁設計:圖文框-表格多元應用
Web Design: Blocks- Tables 網站/網頁設計:圖文框-表格與邊框設計
Web Design: Blocks- Tables 網站/網頁設計:圖文框-表格進階應用
Web Design: Blocks- Objects 網站/網頁設計:圖文框-非圖表物件
Webpage Layers Design 圖文層設計‧網頁圖層應用
Web Design: Automations-Links 網站/網頁設計:自動化與互動-超連結與導覽
Various Hyperlinks_Automations and Interactivity 各種超連結_自動化與互動
Navigation Bar Design 導覽列設計/微軟網路機器人 Webbot 法
Navigation Bar Design 導覽列設計/互動式按鈕設計法
Navigation Bar Design 導覽列設計/自訂 Java 法
Navigation Bar Design 導覽列設計/Html5 CSS 法
Navigation Bar Design 導覽列設計/下拉選單與樹狀導覽法
Navigation Bar Design 導覽列設計/雙導覽列_多導覽列法
Navigation Bar Design 導覽列設計/固定位置導覽列法
Information Map Design_Web Design 資訊地圖設計
Web Design: Automations-Webbot 網站/網頁設計:自動化與互動-網站機器人
Web Design: Automations- Advanced 網站/網頁設計:自動化與互動-雲端元件
Web Design: Multimedia 網站/網頁設計:多媒體影音應用
Web Design: Multimedia 網站/網頁設計:網路音訊與網路收音機設計
Web Design: Multimedia 網站/網頁設計:嵌入影音播放器標籤
網頁內嵌多媒體當機‧整體優解 QuickTime Plug-ins 7.7.4 has crashed
Web Design: Multimedia 網站/網頁設計:播放清單檔設計
網頁視訊與媒體播放器
在網頁插入微軟視窗媒體播放器
Insert Adobe Flash Player 插入Adobe Flash 播放器
Embed YouTube Player and iframe Tag 嵌入YouTube播放器與遠端影音之標籤
HTML5 Video: A Morning Glare Battlefield/ HTML5 媒體播放器:旭光戰場
Video and Media Player 播放器進階與視訊小工具
Web Design: Dynamic Templates 網站動態範本設計
Web Design: Dynamic Templates 網站動態範本應用
目錄管理與遠端編輯


內容網站:提供與分享各種知識、資訊、作品。互動群組:社員可以討論、展示、交流、企畫、分工、管理、投票決策。合作群組:Web2.0的民主自治精神,社員可以參與決定群組的內容與表現形式。

吳統雄的音樂-Sean TX Wu's Music  笑話中學美語-Humor and American English Learning   私人來信-Write a private mail to Sean TX Wu  留言與討論 Leave Comments/ Forum 吳統雄的相簿-Sean TX Wu's Album

只在「統雄社群」內查詢以下主題 Search in TXCommunity

統雄網群的Google排行本站Google排行榜‧全球冠軍