2008年4月18日

切換主機功能介紹

眼尖的使用者,應該會發現最近網頁平台的管理介面多了一個切換主機的功能。主要是我們將網頁平台區分為行政系所用途與個人網頁用途。而最容易區分的方式就是登入後的背景顏色不同。切換的方式就是直接點選「行政主機」或者「個人網頁」就可以切換於不同的主機之間。



這兩者的差別在哪裡呢?
@行政主機:
提供行政單位、學術單位、臨時活動或研討會單位建置網站。發佈最新消息可以直接發佈到學校最新消息。
但不開放個人申請,以免未經核備過的訊息發佈於學校的正式首頁。

@個人網頁:
即「教師網頁空間」服務,目前提供給教職員可以透過網頁平台建立個人網頁,開放個人申請。只需要在教師網頁空間使用「帳號啟用」就可以自動啟用一組個人網頁空間。其發佈的最新消息只能夠發佈在個人網頁空間的範圍裡面。
登入點可以由 電算中心 >> 服務 >> 教師網頁空間 進入到網頁服務介紹。

目前針對行政與學術單位並無特別限制網頁空間,但在個人網頁空間的部份目前暫定容量為 1.5G的網頁內容。

仍有使用者詢問,教師網頁空間與Elearning的數位學習平台兩個服務有什麼不同呢?教師網頁空間提供的是一個開放的網頁平台,所以原則上放置在網頁空間上的資料都儘量是以開放式,所有人可以瀏覽的資料為主。

而時常我們被詢問到的,老師我有個人上課的教材,我只想給我課程上的同學學習的話,那我該放到哪裡。這時候就要請老師將您的資料放置到目前正在購置建構的數位學習平台(BlackBoard) <<由教發中心網頁進入>>。

為甚麼我不能編輯目錄

教師網頁平台開始導入一段時間,雖然很多人有看過了錄製的教學影片(版本很舊了, 其實現在有些功能不一樣了) 但第一個遇到的問題就是,我要怎麼放資料。經過了多次的交談經驗之後,我們發現其實大部分的使用者都卡在「沒有作授權」的動作。所以找不到「子細項鍊結」的位置可以編輯。

由於網頁平台建立的時候是以可以多人維護為目標。所以即使自己是網站管理員,仍然要對自己作授權的動作才可以編輯網頁的內容。

在這裡以一個簡易的教學網站作為範本。


一般來說,經過帳號啟用之後會看到一個空的網頁平台。這時候就要開始為自己的網頁增加不同的類別。請點選網站維護之後以本校的Email帳號跟密碼登入即可進入後台管理。想要在導覽列增加畫面上test2的位置區塊的話就是增加一個二級單位。

請在後台管理的部份利用二級單位管理>單位新增。並新增單位名稱為 test就可以看到網頁上多出來了這個剛才建立的test區塊。但是在這個部份,目前後台管理的角色清單還是看不到可以編輯的項目。

這時候請參閱上一則授權管理的文章,幫自己授權test2,您才可以切換角色並肩及網站內容唷。

延伸閱讀:您可以授權您的網站讓人維護

你可以授權你的網頁給人管理

最近在個人網頁的服務上面,有一些來中心發問的同學。發現到有些老師把他的密碼借給學生讓學生維護他的個人網頁。其實網頁平台有作授權的功能,網站管理者可以將網站的管理權限授權給同學或者同事代為維護。而整個授權的過程,您不需要知道被授權的人密碼。因為系統已經將密碼系統與本校電子郵件結合在一起了。

授權的方式必需要先切換到「一級單位」的角色,您只要登入您的後台管理之後選擇畫面左上方的角色切換就可以看到切換角色的選單。請在這裡切換到一級單位的角色。


登入之後將左側的功能表拉到使用者管理的部份,會看到新增使用者與修改使用者資料。


新增使用者指的就是將某位使用者新增到系統裡面,授權他可以操作系統。
而修改使用者資料則是進一步的修改這個使用者可以維護的範圍。
因此請先執行新增使用者,並加入使用者的職號或者學號,則該使用者就可以登入系統。

特別要注意的是!學生的學號編碼方式跟電子郵件編碼方式非常類似,在這裡要作授權的時候是要輸入「英文字在後面的那組」。例如我要授權給 9303031b 王同學,我就要在新增使用者的部份新增他的這組學號。而王同學要登入的話則是使用英文字母在前面的EMail帳號作為登入帳號。

有點難記吧。有個記憶的方式就是,「後台增加英文字母在後面,前台登入英文字母在前面」。用這個方式就可區分清楚新增的方式。

修改授權
新增完使用者資料之後,再到修改使用者資料的地方可以進一步修改使用者的授權範圍。



如上圖畫面所列,請點選權限的地方進一步作授權的動作。請在畫面下拉選擇要授權的二級單位名稱,在做新增附加權限的動作使用者登入的時候在角色的地方就可以看到他可以使用的角色範圍。


透過這樣的設定,您的網站就可以授權給不同的校內管理人員代為維護不同的區塊網頁。而不需要將自己的密碼告訴維護的同學唷。

2008年1月30日

意見反應模組功能

有鑑於平台的功能日漸更新與進步,故新增了此模組,以方便使用者提供對於平台操作方面上,問題的反應及需求建議。 此模組亦提供了自訂管理者Mail及意見信箱認證功能。

1. 首先至一級單位的”參數設定”裡,設定管理者E-Mail,
其下方認證功能則依單位需求自行勾選。


2.意見反應連結,可至”模組清單”功能的意見反應連結點選;


或在各2級單位下的”細部鍊結管理”中,快速套用模組裡選擇。

3.下為顯示畫面,若在參數設定裡有勾選”認證意見信箱”,
則在填寫意見時,須輸入本校Mail帳密以供認證。

2008年1月26日

設計報名問卷的畫面

上一篇的文章裡面,我們已經先為問卷設計好我們要的欄位,這些欄位也就是我們要蒐集的資料,下一步驟我們要進行畫面的設計。如果使用過論壇的人應該對於BBCode很熟悉,我們這裡使用的就是這種概念,要叫他ISUCode嗎?大概只有我們自己看得懂囉。

1. 設計報名或者填寫畫面

點選填寫畫面時候,可以看到畫面分成兩個部份。一個是網頁編輯器,畫面拉到下方則是系統已經替你預先填好的「自由欄位」

SNAG-0014
上半部:網頁編輯器
 

SNAG-0015
下半部:自由欄位

操作的方法就是將自由欄位內的文字貼到編輯區,再依照需要排版報名畫面可以使用報名系統了。將自由欄位內的文字貼到編輯區就像以下的畫面。

SNAG-0016

完成後他所呈現的報名表格式就會以線上報名表的方式呈現,不過畫面設計就還是要靠一些美工技巧囉。

SNAG-0017

 

2.設計成功畫面

設計成功畫面的功能是用在使用者完成資料填寫之後出現的成功畫面。但在成功畫面的地方多了兩個自由欄位分別是[報名序號]與[修改密碼]。這兩個欄位是在使用者填寫完資料之後,系統自動產生的序號。

SNAG-0018

報名序號:系統自動產生,給系統辨識用的獨立代碼,也就是日後使用者需要返回登錄資料時候的登錄帳號。

修改密碼:系統自動產生,使用者返回系統時候需要的密碼。由系統自動產生不重複的獨立密碼。 如果要讓使用者可以查詢密碼的話,則在自由欄位設計時候務必記得設計email欄位讓使用者填寫,系統才能夠寄送回函。

完成成功畫面之後,使用者填寫完資料之後就可以看到下圖的成功畫面。

SNAG-0019

建立學術研討會論文投稿系統

現在網頁平台已經有了支援「全國力學會議」的執行研討會的能力。如何使用網頁平台製作具有投稿功能的研討會網站?要製作學術研討會網站我們會針對報名,問卷投稿等流程分別使用問卷系統。

一般來說研討會網站會需要以下的流程:

報名投稿 --> 摘要上傳 --> 論文定稿上傳 --> 出席研討會報名

而剛好網頁平台的報名與問卷系統就可以針對流程加以修改。由於平台內的報名之間目前還沒有辦法設定關聯性,也就是摘要上傳之後,沒有辦法同一個人在另外一份問卷(論文定稿上傳)的部份有關連性。因此我們把摘要上傳定稿上傳設定在同一份問卷裡面。

SNAG-0010

首先先切換到二級單位的角色中有個「報名與問卷」的功能。在報名與問卷的功能內啟用建立問卷。

SNAG-0011
在畫面裡面要設定好問卷標題之後就可以開始使用了。在這個畫面同樣的提供了三個內部網址,這三個內部網址就是讓您連結到網頁上的任何位置之用。問卷網址提供使用者填寫報名的位置,如果您有開放讓使用者修改資料的話就可以使用修改問卷。

由於在emap2008國際研討會裡面,我們期望使用者用同一份問卷系統來完成摘要上傳與定稿上傳,因此要開啟可以修改問卷的功能。

接著設定報名系統要收集的資料欄位,在此建議製作欄位的時候儘量思考讓使用者填寫愈少的資料愈好,一方面是為了系統負載考量,其次是經驗顯示讓使用者填寫的資料愈多,出錯的機會就會更大。

SNAG-0012

點選「自由欄位設定」之後就可以新增需要的欄位。在自由欄位中我們設計幾個關鍵需要的欄位。分別是姓名、email、意見、摘要、全文等五種欄位。在五種欄位中特地選用不同的欄位類型。

SNAG-0013

a. 選定姓名欄位為文字格式,並指定為摘要欄位,主要作為日後顯示資料的時候的關鍵欄位。收集問卷的格式裡面務必要保留一筆摘要欄位。

b. email 欄位選定為email格式,作用在於填寫者填入正確email時候系統會發送確認信件給該用戶,而該用戶收到信件的格式則在「成功畫面」設定。此欄位也可作為使用者修改表單的時候「取得密碼」的email欄位。

c. 分別選用 fileabs, filefull 兩個欄位作為檔案上傳欄位。可以讓使用者在第一次摘要上傳的時候先上傳摘要檔案。並在第二次上傳的時候在修改報名表成為全文檔案。

...請繼續閱讀報名與問卷的畫面設計...

建立不同顏色的最新消息

發佈最新消息的時候若想呈現不同的顏色,或者加上HOT! NEW!等圖樣的時候該怎麼作?請先參考應日系的作法。

SNAG-0007

1. 作法在發佈最新消息的時候加上<span>的語法。例如

<span class="hot_news2_img">消息標題</span>

其中 ajnewsimg1 就是用來設定顏色與圖片的icon.做好之後就像下圖的呈現方式。

SNAG-0008

2. 接著我們要先把檔案上傳到網頁平台的網頁空間位置去,再把圖片設定到CSS的位置。點選「網頁空間」之後上傳圖片。並取得圖片的內部網址。

SNAG-0009 
複製網頁空間中的站內網址,就可以把圖片網址複製下來。

3. 複製完成後請到網站的參數設定 > CSS樣式設定為 剛才編輯的最新消息加上標示。請加上以下的語法

.hot_news2_img{
background: url(../upload/84203/icon/new03.gif) no-repeat;
padding-left: 2em;
}

其中 hot_news2_img 就是步驟1裡面設定的class內所包起來的標籤名稱,最新消息可以在此用不同的樣式設定畫面呈現的方式。而剛才複製起來的站內網址 就是 url( )括號內所填入的圖片網址。

如果想要為最新消息放上不同的顏色的話,只要把語法加上color的屬性為:

.hot_news2_img{
background: url(../upload/84203/icon/new03.gif) no-repeat;
padding-left: 2em;
color: blue;

}

這樣就可以呈現不同的最新消息顏色。如果要作更多的變化,則可以開啟frongpage或者 dreamweaver等工具尋找CSS的語法就可以再做出更多的變化。

最新消息標題變化參考範例