:::
顯示具有 作品 標籤的文章。 顯示所有文章

混合應用程式框架試做:薑黃喵討摸摸 / Hyper APP Framework: Ginger Cat Touch

混合應用程式框架試做:薑黃喵討摸摸 / Hyper APP Framework: Ginger Cat Touch

簡報1

之前我介紹用HTML撰寫的混合應用程式框架點閱數意外的很高(本社比),藉著2018年底停車場的薑黃喵被好心人收養之際,我用混合應用程式框架開發了「薑黃喵討摸摸」的APP,可以在網頁開啟、Windows直接執行、也已經在Google Play上架,可在Android上安裝。這篇就記錄一下這個「薑黃喵討摸摸」APP吧。

(more...)

網頁上跨年!臺北101大樓互動煙火 / Taipei101 Interactive Firework

網頁上跨年!臺北101大樓互動煙火 / Taipei101 Interactive Firework

image

之前收到長輩傳來的一個外國煙火互動動畫網頁。我覺得蠻有意思的,就用臺北101官方網站提供的夜景照片作為背景,做成了一個臺灣版本的互動煙火網頁,可繼續供長輩們任意分享。之後我又加上了可以替換背景網頁的功能,大家就可以做一個在自己喜歡的地方放煙火的網頁了。

(more...)

探究式課程與小論文寫作的結合:小論文寫作數位學習課程 / Inquiry-based Teaching in Inforation Literacy Education: A Research Paper Instruction E-learning Course for High School Students

探究式課程與小論文寫作的結合:小論文寫作數位學習課程 / Inquiry-based Teaching in Inforation Literacy Education: A Research Paper Instruction E-learning Course for High School Students

image

最近跟圖書館員合作,將現在DLLL實驗室發展的系統之一合作網頁科學探究學習環境系統CWISE應用於高中生小論文寫作教學上,做成一個數位學習的線上課程。以下將介紹這個線上課程的內容,以及製作參展海報與傳單的一些心得。

(more...)

試算表出現安全性警告?如何移除LibreOffice Calc的文件巨集 / How to remove ODS file’s macro in LibreOffice Calc

試算表出現安全性警告?如何移除LibreOffice Calc的文件巨集 / How to remove ODS file’s macro in LibreOffice Calc

image

你開啟LibreOffice的Ods格式試算表時,會不會看到「該文件包含文件巨集。巨集可能包含病毒。」這樣的訊息呢?巨集可以幫助你在試算表裡面自動進行加總、參照等計算,但大多時候我們要用來列印手寫的試算表都不需要巨集功能,而這時候巨集就可能變成隱含病毒的駭客工具。我整理Removing macros這篇的做法,用這篇教大家如何移除Ods試算表的巨集功能,讓其實不需要巨集的試算表關閉巨集吧。

(more...)

合作式閱讀標註之標註行為特徵與閱讀理解關聯 / A Study on Developing Knowledge Extraction Mechanisms from Cooperative Reading Annotation

合作式閱讀標註之標註行為特徵與閱讀理解關聯 / A Study on Developing Knowledge Extraction Mechanisms from Cooperative Reading Annotation

image

這篇「合作式閱讀標註之標註行為特徵與閱讀理解關聯」是我在第二屆數位合作學習與個人化學習研討會跟大家分享的文章跟投影片,也是我碩士論文的簡要版本。

(more...)

這樣記日曆最快!Google日曆建立活動網址產生器 / Google Calendar New Event URL Generator

布丁布丁吃布丁

這樣記日曆最快!Google日曆建立活動網址產生器 / Google Calendar New Event URL Generator

image

我可以用更快的速度在Google日曆建立新的活動嗎?請用這個Google日曆建立活動網址產生器吧。這是參考「Link to add to google calendar」這篇所做的一個簡單的小工具。大家可以用它產生一個連到Google日曆建立事件的網址,可以用在舉辦活動、研討會邀請大家參加派對等網頁上喔。

Google日曆建立活動網址產生器 / Google Calendar New Event URL Generator

說明 / Instruction

image

這裡面要填寫的欄位有6個,各別對應到上圖Google日曆建立活動的欄位。在這裡面任何欄位都可以省略。

  • TITLE:活動名稱。
  • START DATE:開始時間。
  • END DATE:結束時間,但沒有開始時間就不會有結束時間。
  • LOCATION:活動地點。
  • DETAILS:活動內容說明。
  • INVITATION EMAIL ADDRESSES:新增邀請對象,請輸入電子郵件地址(email addresses),每一行一個地址。

image

這樣就會產生一個連結,這個連結就會直接跳到Google日曆建立活動囉。

 

這次順便練習剪貼簿控制器clipboard.js的使用,還不錯用啦。

(more...)

試做Electron桌面應用程式:webapp-wrapper / Try Electron: webapp-wrapper

試做Electron桌面應用程式:webapp-wrapper / Try Electron: webapp-wrapper

image

繼前一篇在講怎麼使用Chrome命令列選項app來製作網頁應用程式之後,我還是覺得app模式有很多限制。後來索性摸摸看最近很流行的跨平臺桌面作業系統應用程式的開發框架Electron,然後作出一個用Electron開啟網頁的應用程式:webapp-wrapper

(more...)

立刻取得檔案路徑!傳送到「filepath-to-clipboard」 / Copy Filepath in “Send to”: filepath-to-clipboard

布丁布丁吃布丁

立刻取得檔案路徑!傳送到「filepath-to-clipboard」 / Copy Filepath in “Send to”: filepath-to-clipboard

image

我很喜歡Q-Dir的「複製路徑」功能,它可以讓我快速取得檔案的路徑。後來想想,其實我也能用AutoIt做一個類似的功能出來,還能加在Windows的「傳送到」選單裡面,這樣可以讓每個程式都能用「複製路徑」了。以下就是介紹我做的filepath-to-clipboard.exe

(more...)

單機版簡易網頁標註外掛:Rangy Highlighter Cookie / Standalone Web Annotation Pluing: Rangy Highlighter Cookie

單機版簡易網頁標註外掛:Rangy Highlighter Cookie / Standalone Web Annotation Pluing: Rangy Highlighter Cookie

image

很多人會希望在閱讀網頁的時候也能像是紙本一樣畫重點。雖然我以前做過閱讀知識合作標註學習系統KALS可以做到這功能,但它太過龐大、老舊,而且畫重點前還需要註冊,使用上諸多不便。我後來發現AnnotateIt之類的新形態網頁標註工具開始採用了Rangy選取函式庫,它使用現代瀏覽器支援的選擇功能,能夠從根本上改善KALS的問題。所以我就用Rangy做了一個簡易的單機版網頁標註外掛:Rangy Highlighter Cookie。網站架設者只要在HTML程式碼中嵌入JavaScript就能夠使用。標註的資料直接儲存在使用者個人的Cookie中,不需要登入或仰賴其他伺服器。雖然功能簡單,但這可以解決大多人在網頁上畫重點的需求,也是為了未來發展複雜功能所做的一個基石。

(more...)

Google雲端硬碟下載連結轉換器 / Google Drive File Download Link Generator

布丁布丁吃布丁

Google雲端硬碟下載連結轉換器 / Google Drive File Download Link Generator

image

(直接跳至Google雲端硬碟下載連結轉換器)

由於Google雲端硬碟可以跨平臺即時線上編修,我現在大部分報告跟投影片都直接使用Google雲端硬碟來製作。特別是最近幾次授課跟演講我都直接改用Google Presentation投影片,只要上課電腦有安裝Google Chrome、能夠正常連上網路,我就可以直接開始演講。

雖然我個人使用很方便,但對其他人來說Google雲端硬碟可沒這麼好用。許多同學還需要下載Google雲端硬碟中的文件,用來列印作為上課筆記的草稿,或是下載PPTX格式回來修改。雖然Google雲端硬碟的編輯界面中有下載或列印的功能,我也寫過一篇「如何從Google簡報下載PDF檔案」來介紹如何操作,但對許多人來說還是太過複雜。最好是只給大家一個連結,直接下載就好了。

於是我參考Jane Vestil這篇教學,製作了一個將Google雲端硬碟的共用連結轉換成各種格式直接下載連結的產生器,提供給大家使用。

(more...)

斷開魂結!Windows圖片分割與轉換PDF工具「布丁式圖片工具箱」 / Quickly Splitting Images - Image Toolbox for Windows

斷開魂結!Windows圖片分割與轉換PDF工具「布丁式圖片工具箱」 / Quickly Splitting Images - Image Toolbox for Windows

image

將文件數位化掃描之後,我常常需要將掃描兩頁一起的圖片從中間切開,然後再合併成一份PDF,這樣方便做成電子文件來檢閱。我雖然介紹過功能強大、可以自動判斷中間切割線的Scan Tailor,或著是功能比較少的PSP Comic Converter,但是他們操作都還是太複雜了。我找來找去找不到滿意的工具,索性自己用AutoItImage Magick自己寫一個圖片分割與PDF轉換工具:「布丁式圖片工具箱」。

這個工具箱包含水平切割工具(split-horizontally.exe)、垂直切割工具(split-vertically.exe)以及PDF轉換工具(images-to-pdf.exe)。只要將要處理的圖片以這些工具開啟,就能完成切割或轉換成PDF的工作。比起使用上述工具來說,效率快上許多喔!

(more...)

次數統計表產生器 / Frequency Table Creator with JavaScript

布丁布丁吃布丁

次數統計表產生器 / Frequency Table Creator with JavaScript

image

我想要統計名單當中同樣名字出現次數的時候,發現用Excel並不容易做到,索性乾脆用JavaScript寫成線上使用的小工具,放在這邊供大家使用。

(more...)

線上自動抽籤程式 / Online Lottery JavaScript Snippet

布丁布丁吃布丁

線上自動抽籤程式 / Online Lottery JavaScript Snippet

image

常常有人需要從一串名單當中抽出N個得獎者的這種工具。用JavaScript寫起來很簡單,我就寫一個放在這裡給大家用。

(more...)

行動應用程式「政大借書籃」介紹 / Introduce “NCCU Book Cart”

行動應用程式「政大借書籃」介紹 / Introduce “NCCU Book Cart”

image

為了試著開發PhoneGap的行動應用程式APP,我使用OnsenUI建構了一個簡單的APP:政大借書籃。這個APP的功能是為了取代在政大圖書館找書時,使用公用電腦旁邊的小紙條來抄書的困擾。政大借書籃可以用掃描條碼功能把政大圖書館公用目錄上面找到的書加入借書清單,然後就可以拿著手機去找書了。

(more...)

「布丁布丁吃什麼?」範本改版記錄 / Talk About Pulipuli Blog’s New Template

「布丁布丁吃什麼?」範本改版記錄 / Talk About Pulipuli Blog’s New Template

image

很久以前我就在一篇文章裡面提到,我一直很想用Bootstrap來將Blog的版面重新修整。而自調整之後已經過半個月了,現在讀者們看到的這個樣子就是改版後的結果。這篇就跟大家來聊一下這次的改版。

(more...)

有道詞典單詞本匯入到Quizlet / Export Youdu Dict’s Flashcards to Quizlet

有道詞典單詞本匯入到Quizlet / Export Youdu Dict’s Flashcards to Quizlet

image

學習英文單字時,雖然各家都有各家自己的單字複習機制,但我個人比較喜歡使用Quizlet這套單字卡學習系統。這篇是我為了將有道詞典的單字本「有道單詞本」匯出並匯入到Quizlet,撰寫了一個小轉換程式來做這件事情,並將作法記錄如下。

(more...)

科技部科學發展月刊專欄報導「雲端高互動閱讀學習平台」

布丁布丁吃布丁

科技部科學發展月刊專欄報導「雲端高互動閱讀學習平台」

image

最近科技部「科學發展」月刊專欄刊載陳志銘老師的訪談與「雲端高互動閱讀學習平臺」的專欄介紹。其中這個「雲端高互動閱讀學習平臺」就是KALS閱讀知識合作標註學習系統與Moodle的整合,目前是我們實驗室進行實驗時主要使用的平臺。身為這個平臺的開發者,能得到科技部的肯定,真的很令人欣慰。政大圖檔所在所網公開了報導全文,那我也在這裡摘錄部分報導內文,希望能跟大家一起分享喜悅的一刻。

(more...)

布丁版OCS特色介紹:第三部分 / Pudding’s OCS Features: Part 3

布丁版OCS特色介紹:第三部分 / Pudding’s OCS Features: Part 3

2016-03-01_174458

上一篇講完了OCS的作者投稿流程,最後這一篇則是要介紹線上審查以及邀請審查委員審稿的審核流程。雖然這些流程跟一般研討會參與者無關,但是卻是常常另研討會管理者傷透腦筋的一個環節(當然,研討會當天的行程安排也是很費工啦XD)。如果有像是OCS這樣的資訊系統來輔助這些瑣碎的流程,相信會為研討會省下不少功夫吧。

不過就如之前所提過的,資訊系統可不是銀彈,特別像是OCS這樣目標在於提供全面功能,卻又造成讓人難以上手的複雜系統,在迎接OCS的好處之前,可別忘了它高昂的學習成本。

因此,我這此大幅度修改OCS,也是希望讓大家能夠更容易使用它。至於改得好不好用,就請看以下的介紹囉。

 

(more...)

布丁版OCS特色介紹:第二部分 / Pudding’s OCS Features: Part 2

布丁版OCS特色介紹:第二部分 / Pudding’s OCS Features: Part 2

2016-03-01_160300

上一篇對於布丁改造OCS的特色介紹,本篇則是繼續介紹OCS的主要特色工作流程之一:作者投稿

「作者投稿不是像Dropbox一樣丟過去就上傳完了嗎?」

(來自某老師的真實疑問)

對於沒有參與過學術發表的人來說,投稿這件事情的確是有點難以想象。不過我覺得這比較像是一個小組合作作業:組長是研討會主辦單位,而各位作者是組員。組長要告訴組員這份作業要做什麼,以及繳交時應該採用什麼格式,以便最後的統整。而組員就能夠根據組長的要求來分工完成這份作業——有人投A主題、有人投B主題,最後完成這一份大型的作業——也就是這個研討會。
當然,在舉辦研討會的時候並不是像教室內一樣,同學之間很容易聯絡。當研討會採用公開徵稿(call for 的方式進行時,作者可能是來自於四面八方的學者,往往連研討會主辦方都不認識。因此我們需要一個說明徵稿辦法的公開網站。更進一步,我們還要提供一套遞交稿件的流程。其中後者就是大部分研討會網站沒有去做,而在OCS就有建構了高度可自訂的功能。這可能是我們會需要一個研討會管理系統,而不是一般的內容管理系統的一個很重要的理由。

(more...)

建構整合異質性數位典藏之開放原始碼資源探索系統 先導研究 / Developing an Open-Source Resource Discovery System to Integrate Heterogeneous Digital Achieves: A Pilot Study

布丁布丁吃布丁

建構整合異質性數位典藏之開放原始碼資源探索系統 先導研究 / Developing an Open-Source Resource Discovery System to Integrate Heterogeneous Digital Achieves: A Pilot Study

2016-02-23_225120
這是在輔仁大學圖書資訊系所舉辦的2015圖書館與資訊社會研討會所發表的研討會論文。繼「後設資料與英國檔案網路」這篇之後,我就想要嘗試以集中式檢索取代分散式檢索的整合性查詢方案。而搭著此時最熱門的議題資源探索探索系統(Resource Discovery System, RDS),我以開放原始碼資源探索系統VuFind架設了整合檢索目錄,可以查詢來自Koha、DSpace、甚至是一般MySQL所建構的資料庫
以下就附上投稿時的投影片與全文資料。想要摸索VuFind的話,可以上他們的官方線上測試網站來試試看喔。
(more...)