Error message

Notice: Undefined offset: 1 in counter_get_browser() (line 70 of /home/weldon/www/sites/all/modules/counter/counter.lib.inc).

「Mobile Learning & Reading! 偏鄉行動圖書學習與閱讀推廣計畫」網站

Categories : 

網站名稱:Mobile Learning & Reading! 偏鄉行動圖書學習與閱讀推廣計畫

網址:http://mobile.project.lins.fju.edu.tw

建置時間:2014年8月

上線日期:2014年8月12日


很榮幸的能在研究所"三"年級...繼續擔任老師的科技部研究助理,去年「偏鄉兒童行動閱讀之推廣與成效評估」研究計畫建置了專有網站,提供平板電腦推廣單位可以上網填寫他們的活動成果資料,今年新計畫「偏鄉兒童行動學習之教學分析」,一樣希望透過這樣的模式,來蒐集教師們教學的資料。

網站的架構大致與前一年的計劃相仿,但不同之處是,希望計畫書的部分可以提供各單位隨時上網編修,另外還要新加入教師教案資源分享的功能,因此特別針對這些需求,加入了不少新功能。

其中計劃書呈現的方式,以Panels來做node多區塊的呈現。為了將舊有資料與新資料進行切割,在Views中使用了選單的功能。另外因為活動成果資料上傳的欄位有些微調整,為了補齊過去缺少的資料,便使用Views Bulk Operations來進行批次欄位內容更新。


這次計畫的網站使用了一個Response的版型,但因為網站主要是要在電腦端上使用,所以其實不太需要有Response的功能

為了避免網站在不同介面上,Sidebar(側欄)會有顯示位置不同的困擾(Response的功能),因此,特別將CSS中針對Response的設定一一註解與修改。

  1. 將max width修改為固定寬度
  2. 將針對media screen大小的設定註解隱藏
  3. 針對版型template Viewport的設定加以修正

其中特別是第三步驟,讓我困擾了許久,因為使用手機一開始對整個網站頁面進行縮放,

為了解決這個問題,特別另外撰寫了一篇文章,點此瀏覽

大致只要經過上面這些語法的修改,就可以讓本來為Response的版型變回不Response了

但為了以後可能又有Response的需求,在修改的過程中,都是以註解的方式來進行調整,方便未來可以快速針對不同需求進行版型微調。


 Views選單

Views選單,其實可以說是一個非常實用的模組

可以提供你Views頁面的切換

設定好後,便會在Views的上方出現選單

設定的方式如下:

1.建立頁面(page),並設定好路徑名稱

2.在第一個選單項目,本例為:2014-偏鄉行動學習與閱讀推廣計畫,點選選單,並選擇Default menu tab,在標題處輸入與Display name相同之標題

3.在第二個、第三個選單項目,選擇Menu Tab,並於標題處輸入與Display name相同之標題,才會連結到正確的頁面

下方的選單,保留預設值"導覽"即可

權重,則是選單的順序,可以自行設定


 欄位內容批次更新Views Bulk Operations (VBO) 

在這次的網站中,因為新增了一些欄位

因此特別使用Views Bulk Operations模組,來批次更新欄位內容

使用的過程非常簡單,

可以事先拉一個Views,篩選出要批次更新的欄位

接著使用VBO的modify entity功能,就可以批次的更新欄位內容囉!

詳細的操作方式,可以看這一篇文章的說明-Drupal 批次更新特定欄位


Panels Style Collapsible

這次的計畫書呈現部分,是以Panels來製作

但發現在顯現內容時,因為計畫書內容過於長,所以會讓下方的活動紀錄不易被查看

因此上網找到了Panels Style Collapsible這個模組,可以讓Panels的內容有展開收合的效果

模組下載網址:https://www.drupal.org/project/panels_style_collapsible

設定方式:

1.在Panels內,新增元件,並設定Style為Collapsible

2.若想要元件預設為收合的狀態,便將Collapsed by default勾起

3.設定完成後,便有下方的效果,可以讓整個要面稍稍清爽一些


 

小結

這次的網站,在整體建置上,其實算是滿快的,因為是複製先前的架構在進行內容的修改。這次為了因應新的需求,也學習到了新的模組的應用,可以說是收穫良多!

目前網站大致內容都已備妥,也已正式上線,希望能幫助這次的研究計畫在蒐集資料的過程中,更為方便與完整。