2015年1月22日 星期四

20150107 教具量表的選擇

先前一直在研究,教育能否適用NASA的TLX量表,直到讀到交大研究生吳嘉惠寫的視覺引導在代數教材設計之探討-以解二元一次聯立方程式為例這篇論文後,才敢肯定可以用

在讀到大同大學工業設計所的研究生游嘉智所寫的擴增實境行動遊戲設計研究-以古蹟寺廟導覽為例這篇論文,確定能把ARCS模型與NASA TLX量表結合使用。

教材動機量表(The Instructional Materials Motivation Survey ,IMMS)
動機傳遞檢核表(Motivational Delivery Checklist)。
Small(1997)也以ARCS 模型為理論基礎,編制了網頁動機分析檢核表(Website Motivational Analysis Checklist, WebMAC)。






2015年1月15日 星期四

20141228 Random Reading

2014/12/28
登錄創業資料庫 - PunNode 科技新創榜-創業資料庫

翟神不宅 科技金童創業變形記 - 天下雜誌563期

愛料理以大格局講究小細節 連設計UI都派工程師學做菜 | iThome

2015/01/08
今天讀了這張圖表幫助你決定該學 Python、Ruby 還是 C++ - Inside 網摘這篇報導,稍微去看了一下發現高薪的除了C、C++之外,Python居然是最高,稍微看了一下也可以用Python來發展web,透過Django,一個Python web framework,於是我估狗大神:Django 教學,可以每天斷斷續續瞧瞧這是什麼玩意

呂秋遠律師x鄉民有約 直播

[專訪] 楊實秋 - 國民黨最後良心 - YouTube

20140113-第14屆給鄉民問嗎#翟本喬 - YouTube

Re: [問題] 請說服我不要休學離開醫學系 - 看板 medstudent - 批踢踢實業坊
  • 離開那些恐懼,找到有趣的東西吧。 做不做醫生都不是重點,沒有人能定義你,成就不能,父母的看法也不能。 佛法說一切皆苦,成就也是苦,不成就也是苦,人家愛你也是苦,不愛你也是苦。 相信我,有成就的人沒有比較幸福。 即然是苦,找到你熱愛的苦,鑽下去。
蔡依橙校長的部落格

電腦遊戲世界也能學習溝通與領導? | 新思惟網路講堂:我們來談教育 
  • 版主之故,他發文量極大,思考速度和打字速度都愈來愈快,而且都要有縝密的論述、中立的態度。高壓管理環境當中,他學會複雜的溝通領導技巧,這都成為他才能與優勢的重要一部分。
  • 當然,我們能說,不是每個在玩電動遊戲的人都在高速、有效地學習,許多也都沒有被啟發寫程式的能力。至少現在,我還不會普遍把電玩視為必然的好教材。
  • 但另一方面,如果哪個年輕人已經沉迷上電玩,我們也不見得要認為他毀了、浪費生命了。也許,我們可以引導他從中有所學習,就像 TonyQ 曾在遊戲中的學習一樣 ─ 甚至最後,涵蓋了溝通與領導的領袖技能,也是可能的。
Re: [問題] 請說服我不要休學離開醫學系 - 看板 medstudent - 批踢踢實業坊
  • 我只能對你說,成功都是別人的定義的東西,跟別人比較你也永遠是輸家。 傾聽自己內心的聲音、探求自己人生的道路、學習各式各樣生活的課題,這些 事情,都是人一輩子必修的工夫。 你還年輕,慢慢來,不必急。人生就是無止盡的探索與冒險,你所需要的,只是一顆充滿勇氣、面對現實的心。
  1. 台灣的醫學教育沒辦法讓人找到對醫學的愛,但這不代表醫學不有趣。
  2. 台灣醫療體系或許不有趣,但這不代表新加坡、美國也不有趣。你還有機會。
  3. 強者在哪裡都會想辦法熬過去,多苦都會熬過去,大學時代是我最看不到未來、最憂鬱的時候,但幾年以後,我發現問題不在我,而是在台灣的環境。
  4. 所以,請拿出霸氣,面對這一切:「幹!老娘就是強者,就算不喜歡的科目也能靠共筆考過(好啦補考也算),自己的人生自己負責,等我進到社會,讓你們知道我有多強!」

  • 要唸出興趣的根本是,你能夠電人,唸到覺得自己能比其他人優秀
  • 身為父母應該像園丁,給樹木澆水,除蟲之後,就看他生長。我們不會規定玫瑰要變成茶花。但是許多父母常常想把香蕉種成蘋果。
1/20:
好喜歡這動畫,臉書版的比較順暢,看到片頭的黑白米老鼠,讓我想起小時候看的最早期的迪士尼動畫,我喜歡那沒有對話只有音樂的迪士尼卡通,彷彿每一幕的畫面都跟音樂有關

1/21:
TonyQ介紹前端工程師該如何生存的slide,非常值得一讀

2014年12月30日 星期二

20141228 寒假project 訊號與系統教學網站構想

構思寒假要做訊號與系統的教學網站的內容,跑去看練習 | 均一教育平台的網站,看到以估狗的星像圖來當作學習步驟與學習章節的構想,這點子真的太正了
而且按滾輪放大後,可以看到每一章裡面的小節

看到角度的測量 | 均一教育平台這一頁,我喜歡它的可以拉動拖曳互動的解題方式


觀看這網站時又看到,可以用臉書帳號登入,於是facebook api 教學 - Google 搜尋發現有很多資源可以學習,非常興奮

20141229 最後一步,機率遊戲完成

找下面這行數學式找超久,後來從www.colby.edu/chemistry/PChem/notes/Integral.pdf這邊找到
$$\int _{ 0 }^{ \infty  }{ { x }^{ n }{ e }^{ -ax }dx=\frac { n! }{ { a }^{ n } }  } $$

把題目與答案的排版用question1 test | CodePen來測試,完成後放入WG-map project
question1 test | CodePen

最終還是決定使用jQuery的show(),參考.show() | jQuery API中文文档(适用jQuery 1.0 - jQuery 2.0)、show 文字出來 | CodePen、jQuery hide() and show() example | W3School,成功實作出我想要的效果,請見jQuery show() | CodePen



Q1_b | CodePen

12/31 一切終於完成了,project載點。

2014年12月27日 星期六

20141222~1227 Random Reading

12/22:
柱子老師的課督紀事 | 把孩子由網路遊戲中搶回來一些時間!(初任教師研習與均一教育平台公開課後心得分享)

Winston Chen - 台灣工程師的矽谷故事: 一人敵,不足學,學萬人敵

火箭,公車道,磁碟機 | PanSci 泛科學

傳統 UX, 敏捷 UX, 和 Lean UX 的比較 @ David Ko的學習之旅 :: 痞客邦 PIXNET ::

在葉丙成老師的動態上看到Coursera上開台大的「機器學習技法」,感覺非常厲害,能力稍微能看之後務必要來進修進修

12/25:
十年風華懷德居 - 優生活 - 設計- 商業周刊,這真的太正了,改天一定要去玩玩看。

為什麼工程師總是喜歡在三更半夜寫程式? - Inside 硬塞的網路趨勢觀察

Git 版本控制系統 | ihower 的 Git 教室

12/26:
今天在TonyQ的動態看到他的歷練與履歷,真的很強,要再加油再努力 ^_^,另外也備份先前
TonyQ的報導
看到一種新的電子商務模式的切入角度:感性電商。這篇的著手模式算是最近幾個電商的營業模式中少數我有興趣的,從人性去打動才有可能讓人家掏腰包,以前看了一堆奸的好人系列書籍 也都是從情感感性著手的
12/27:
今天讀了為什麼我們要從NodeJS 遷移到Ruby on Rails | 外​​刊IT評論這篇才知道,原來node.js與ruby on rails無法互通有無......,原本有點小失望時發現這篇最早的留言是2012的,而且留言提出了反對意見的實例,見Groupon從ROR遷移至Node.js,響應速度大幅提升-CSDN.NET這篇文章第二篇文章提到
  • 做服務,Ruby的 速度確實有點慢,Node.js/Java要比Ruby強。Ruby on Rails具有快速開發的特點,更適合於人少、資源少的創業型企業,Github、GroupOn、Twitter等大公司最初採用Ruby on Rails也是基於此。
反正現在還是先以JavaScript為主,ruby寒假時當玩票即可。

原來翟神47歲才創業啊,不要急....給自己多一點時間讓自己再多一點歷練

在Will 保哥的技術交流中心的動態看到,由百度發展的 JavaScript 圖表函式庫:ECharts。它以 HTML5 Canvas 繪圖技術為基礎,可輕易透過 JS 做出互動式圖表。



「新發現」 新酷音的頓號在筆電上要如何打出來

作法:使用新酷音輸入中文的模式,鍵入:B+ ' 。" ' " 是Enter鍵左邊的那個鍵。

2014年12月26日 星期五

20141226 socket.io與express

遊戲設計:
先前有討論,不要一開始就給學生答案,於是我決定用jQuery 教學 - jQuery Tutorial這篇文章的$("p.neat").addClass("ohmy").show("slow");來show計算後的結果

測試與數據收集:
礙於時間壓力,沒辦法去建後端的資料庫,所以改用問卷的模式,昨晚睡覺時想到,可以採用以前彥儒碩班時,後來查看以前present的paper,確定是用NASA Task Load Index(TLX)
  • TLX量表。NASA Task Load Index(TLX)[15]設計此問卷,TLX是美國國家航空暨太空總署NASA針對太空梭駕駛員對於操作太空梭儀表板的認知負載程度量表,使用TLX
以跟老師談好,1/7號要把用什麼量表與評論的問法給老師,量表五分,使用評論十分。

選用node.js的論述,可把他寫到論文裡去

經驗累積:
今天在用npm安裝socket.io時一直失敗,經過測試後發現,假設有一個資料夾A,A下面有個資料夾B,B下面有個資料夾C。如果我想要在C裡面用npm來安裝modules,那麼我的A、B都不能安裝,若A、B安裝了,則要用npm uninstall [模組名稱]來解除安裝。
準備架server,讓他可以在其他台電腦讀。現在我手邊的參考資料是以前紀錄的筆記
在20141215 socket. io 基礎這篇,裡面有記錄socket.io與WebGL實作的內容。

Just Node.js - Node.js中文資源及學習筆記

Express 相關資料
Developer's Note: 在 Node.js 中的 MVC 架構 - Express
[教學] Nodejs 學習筆記 (4) -- express framework - clayliao.f2e
Node.js Web 框架 – Express安裝與初始化 @ 行路難 多歧路 :: 痞客邦 PIXNET ::
QQBoxy - 酷酷方盒子: ⓒPortable Node.JS+npm+express Windows開發環境建置
nodejs小问题:[1]express不是内部或外部命令_百度经验
[Node.js]重新安裝node.js和express的問題 @ 記憶所及之處 :: 痞客邦 PIXNET ::
Summer。桑莫。夏天: 使用Node.js + Express建構一個簡單的微博網站
使用Node.js + Express建構一個簡單的微博網站 « 駭客任務
node.js中的Socket.IO使用实例-jquery-爱编程

從Matttt的空間: npm操作這篇知道,express要安裝到全域上

node.js - Build Error when Installing Socket.IO on Ubuntu 14.04 - Stack Overflow

閱讀MiCloud Blogger: PHP 開發者轉換到 node.js 開發方向這篇時才確定,Node.js每個project都要重新安裝一次模組
  • 特別是每個 node.js 專案幾乎都需要重新安裝一次套件,這個部分對於 php 開發者是覺得神奇,而且浪費空間的事情
在node.js教學-利用Express來寫HTTP伺服器 | 電腦故我在這篇文章的留言提到,如果我想要讀取先前寫好的.html檔,只要透過app.use(express.static(__dirname));這方法即可讀取,於是我查看Express - api reference,搜尋" express.static"就可以看到,搜尋資料時看到Express框架 -- JavaScript 标准参考教程(alpha)這篇,這教學內容滿豐富的像是我一直想要改網址就可以用response.redirect方法。在Express框架這篇,搜尋static就有說明我們上面看的express.static。另外也可以參考图灵社区 : 阅读 : 解构app.js這篇。

今天我讀完了node.js教學-建立一個HTTP伺服器 | 電腦故我在、node.js教學-利用Express來寫HTTP伺服器 | 電腦故我在這兩篇後,接著讀Developer's Note: 在 Node.js 中的 MVC 架構 - Express這篇,釐清了不少node.js教學-利用Express來寫HTTP伺服器未講明的觀念,另外筆記一下,我們常看到server、client這兩個名詞,在這篇文章就有提到,所謂的client就是我們瀏覽器所看到的畫面,對於這篇文章所提到的get、post,可參考HTML 表單中 GET 與 POST 的用法差異 - Wibibi這篇。

找到Fire's web log: Express ( Nodejs ) 讀取檔案這篇談如何讀取網頁,雖然跟其他文章的寫法不太一樣,一直失敗一直失敗 =..=

後來讀到httpServer in node.js to serve three.js - Stack Overflow這篇文章時,推薦使用nodejs裡的connect module,後來讀到Node.js 的 http vs Connect vs Express - @ChingHanHo這篇才知道,express的能力比connect強 =..=。


參考socket.io - Three.js with Node.js on a server - how to load a TEXTURE? - Stack Overflow這篇後,發現需要用express,找了良久後發現以前找到的naotaro0123/3D_Socket · GitHub,用npm 安裝socket.io、express,之後開啟server後在chrome上面鍵入http://localhost:3001/index.html就能成功讀取
接著我們來查看位於D:\work\WebGL Learning\3D_Socket-master的這個3D_Socket-master project吧。
可以看到3D_Socket-master裡面有node_modules、public這兩個資料夾,以及當作server的server.js,接著我們點開public floder
裡面是我們一般WebGL project的內容,若是用express只要把WebGL的東西丟到public folder來即可。

為了方便測試,現在我把3D_Socket-master folder丟到D:\work\JavaScript\NodeJsPractice,並把folder改名為3DSocket,路徑:D:\work\JavaScript\NodeJsPractice\3DSocket。

經過測試後發現,要讓server能run的code其實非常短
var express = require('express'),
    http = require('http'),
    app = express();
app.use(express.static(__dirname + '/public'));
var server = http.createServer(app).listen(3001);
var io = require('socket.io'),
    io = io.listen(server);

現在來讀D:\work\JavaScript\NodeJsPractice\3DSocket\public\index.html。
如圖所示,他的寫法其實也跟我們過去寫的寫法一樣,把運作3D world的code另外用一個.js包起來,前面run能讓socket.io運作的<script src='/socket.io/socket.io.js'></script>,知道這些後我們可以開始來實作了

在實作時一直遇到Uncaught TypeError: Cannot read property 'style' of null這串紅字,找了良久後閱讀jQuery和Javascript对比(一) - 轩枫阁 – 前端开发 | web前端技术博客這篇文章時獲得靈感,一開始的時候我是把css的style放在最上層,接著才上DOMelements,請見D:\work\WebGL Learning\WG-map editions\WG-map 4th - add server\public\index.html
這就是問題所在,因為我們一開始就給它了DOM elements的css style,然後他要去找style時卻發現找不到,於是就開始無窮迴圈讀不到然後print出Uncaught TypeError: Cannot read property 'style' of null這串紅字。

只要我們先上DOM elements,接著再上這些DOM elements的CSS style就可以了 ^_^。請見
D:\work\WebGL Learning\WG-map editions\WG-map 5th success\public\index.html
終於,我們成功看到WG-map在網路世界初登場,感動啊~~~~~~~