Ray's 程式筆記本: 2015

2015年11月15日星期日

使用jQuery支援所有瀏覽器播放音效

首先要準備音效檔，因為要支援幾乎所有的瀏覽器，所以我們要準備三種格式的音效檔：
music.ogg
music.mp3
music.wav

然後將支援三種音效格式的audio元件注入：
$(function()
{
$('<audio id="myAudio"><source src="music.ogg" type="audio/ogg"><source src="music.mp3" type="audio/mpeg"><source src="music.wav" type="audio/wav"></audio>').appendTo('body');
});

在要播放的時候執行以下呼叫：
$('#myAudio')[0].play(); //myAudio為注入audio元件時設定的id

使用jQuery遍歷指定Class的DOM

如果我們有一堆表格的內容需要依照規則去處理，我們可以將這些<td>的class設為相同的，然後使用以下當方式遍歷所有的<td>，然後針對每個被讀到的<td>來進行處理，非常好用呢！

$('.classname').filter(
function()
{
//使用 $(this) 可以存取到可以存取到當下讀到的jQuery DOM !
});

2015年8月17日星期一

各種社群分享按鈕的製作

<a target="_blank" href="http://www.facebook.com/share.php?u=<要分享的網址>">
<img title="分享到臉書！" src="https://upload.wikimedia.org/wikipedia/commons/1/13/Facebook_like_thumb.png" border="0" width="20" /></a>


<a target="_blank" href="https://plus.google.com/share?url=<要分享的網址>">
<img title="分享到Google+！" src="https://www.gstatic.com/images/icons/gplus-32.png" border="0" width="20" /></a>


<a target="_blank" href="http://twitter.com/home/?status=<要分享的標題> <要分享的網址>">
<img title="分享到維特！" src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/74/Twitter_Logo_Mini.svg/2000px-Twitter_Logo_Mini.svg.png" border="0" width="20" /></a>


<a target="_blank" href="http://plurk.com/?qualifier=shares&status=[分享] <要分享的網址> (<要分享的標題>)">
<img title="分享到噗浪！" src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3d/Plurk.svg/1024px-Plurk.svg.png" border="0" width="20" /></a>


<a target="_blank" href="http://v.t.sina.com.cn/share/share.php?title=<要分享的標題>&url=<要分享的網址>">
<img title="分享到微博！" src="http://www.i-marketing.com.tw/fbliker/wp-content/uploads/2015/07/weibo.png" border="0" width="20" /></a>

2015年7月21日星期二

php壓縮檔案

$zip = new ZipArchive();
if($zip->open([存放壓縮檔的完整徑名],ZIPARCHIVE::CREATE) !== true)
{
return false;
}
$zip->addFile([要壓縮的檔案的完整徑名],[在壓縮檔中的檔名]);
header("location:".[存放壓縮檔的完整徑名]);//直接輸出壓縮檔供下載

PHP匯出CSV的方式

導向的頁面中用下面的方式就會自動輸出下載

header("Content-type: application/vnd.ms-excel");
header("Content-Disposition: filename=export1.csv;");
//輸出CSV的內容
die();//如果程式後面仍有輸出可以使用

2015年6月21日星期日

R語言抓取股票價格並計算相關性

這幾天玩R語言，然後我做了以下的測試：
(1)2014年宏達電(t2498)與大立光(t3008)的股價關係
(2)2014年蘋果(taapl)與大立光(t3008)的股價關係
數據方面：
AAPL我是抓google提供的股價，所以已經有還原分割前的價格
大立光股價除以20以免價格與宏達電或蘋果相差太多
測試的結果如附圖：

結論：果然大立光與蘋果的股價高度正相關ㄚ～～

相關程式碼如下：

#!/usr/bin/Rscript
Sys.setenv("HADOOP_PREFIX"="/usr/local/hadoop")
Sys.setenv("HADOOP_CMD"="/usr/local/hadoop/bin/hadoop")
Sys.setenv("HADOOP_STREAMING"="/usr/local/hadoop/contrib/streaming/hadoop-streaming-1.1.2.jar")

library(quantmod)
library(rhdfs)

hdfs.init()
library(rmr2)

makeReport = function(input)
{
report=as.data.frame(input, stringsAsFactors=F)
colnames(report)=c('Month','Max Price')
return(report)
}

getMaxDirect = function(symbol,year,from="google")
{
stock = getSymbols(symbol,src=from,auto.assign=FALSE)
monthes=1:12
data = c()
for(m in monthes)
{
data = c(data,max(stock[paste(year,"-",m,sep=""),4]))
}
result=keyval(monthes,data)
return(result)
}

getMaxReduce = function(symbol,year,from="google")
{
stock = getSymbols(symbol,src=from,auto.assign=FALSE)
data=stock[year,4,1]
monthes=1:12
date=numeric(length(index(data)))
for(m in monthes)
{
date[index(data)>=as.Date(paste(year,"-",m,"-1",sep=""))]=m
}
indata=to.dfs(keyval(date,as.double(data)))
out=mapreduce(input=indata,reduce=function(k,v) keyval(k,max(v)))
result=from.dfs(out)
return(result)
}

getMaxMapReduce = function(symbol,year,from="google")
{
stock = getSymbols(symbol,src=from,auto.assign=FALSE)
data=stock[year,4,1]
indata=to.dfs(keyval(as.double(index(data)),as.double(data)))
mymap=function(k,v){
monthes=1:12
date=numeric(length(k))
for(m in monthes)
{
date[k>=as.Date(paste(year,"-",m,"-1",sep=""))]=m
}
keyval(date,v)
}
out=mapreduce(input=indata,map=mymap,reduce=function(k,v)keyval(k,max(v)))
result=from.dfs(out)
return(result)
}

result=getMaxDirect("AAPL","2014","yahoo")
aapl2014 = makeReport(result)
aapl2013 = makeReport(getMaxReduce("AAPL","2013","yahoo"))
aapl2012 = makeReport(getMaxMapReduce("AAPL","2012","yahoo"))
aapl2012
aapl2013
aapl2014

t3008=getMaxDirect("3008.tw","2014","yahoo")
t2498=getMaxDirect("2498.tw","2014","yahoo")
x=c(t3008$key,t2498$key)
y=c(t3008$val/10,t2498$val)
plot(x,y)
abline(lm(y~x))
cor(x,y)

2015年6月14日星期日

一個可以方便驗證json的網站

當我們產生出來的json很龐大時，錯誤常常變得不容易發現，這一個網站可以用來驗證我們產生的json是否有問題，以及問題發生大約的位置。
http://www.freeformatter.com/json-validator.html
還真的蠻好用的～

2015年5月27日星期三

重新溫習Java Applet重點

1.使用NeatBeans打包Applet：
建立專案時選擇Java Class Library
然後在該專案中新增一個JApplet Form即可。

2.介面編輯：
可以先在JApplet Design介面下按右鍵選擇Layout來調整介面。
Build之前再將Layout選擇回Free Desidn並將Libraries中的Layout相關jar檔remove掉。

3.Html編輯範例：
<applet width='350' height='30' code="AppletClass.class" archive="AppletClass.jar">
抱歉，你的瀏覽器不支援Applet標籤！
</applet>

4.有存取本機相關設備時需要簽章：＊
keytool -genkey -validity 3650 -keystore pKeyStore -alias keyName
jarsigner -keystore pKeyStore AppletClass.jar keyName

5.提供Javascript呼叫的函式的寫法：
public String getSomething()
{
String Something;
//若getSomethingReal()內無牽扯權限的問題可以使用以下寫法
Something = getSomethingReal();
return Something;
//若getSomethingReal()內有牽扯權限的問題必須使用以下寫法＊
AccessController.doPrivileged(new PrivilegedAction()
{
public Object run()
{
Something = getSomethingReal();
return null;
}
});
return Something;
}

6.Client端相關權限設定(不論使用何種瀏覽器都必須先設定好)：
首先依照指示下載安裝Java。安裝完後如下面方式設定。
Windows的設定參考圖：

OSX(MAC)的設定參考圖：

7.Chrome對於Java applet即將於45版後徹底不支援，而目前42版為暫時支援，使用方式請參考以下Google的官方說明網址來設定：

https://support.google.com/chrome/answer/6213033

2015年3月3日星期二

Android Phonegap App中Native與Javascript溝通的範例

一、首先建立一個類別：

public class MyJavaScript

{

private WebView mAppView;

private DroidGap mGap;

public MyJavaScript (DroidGap gap, WebView view)

{

mAppView = view;

mGap = gap;

}

@JavascriptInterface //文件說4.2之後須增加這一行，但是實際測試不加亦沒問題。

public String test(String name)

{

return "Hello, " + name;

}

二、讓WebView增加MyJavaScript：

請注意下面的程式必須在super.loadUrl("file:///android_asset/www/index.htm");之後，因為appView在這個之後才存在實例，否則appView為null就會導致下面的程式發生例外。

try

{

appView.addJavascriptInterface(

new MyJavaScript(this, this.appView),"MyAndroidFunctions");

}

catch(Exception e)

{

Toast.makeText(this, e.toString(), Toast.LENGTH_LONG).show();

}

三、在javascript中測試：

alert(MyAndroidFunctions.test("World!"));

如何使用AD自動派送更新

一、建立分享資料夾：

1. 建立一個分享資料夾，並把權限設定為所有Domain users可以存取。

2. 將要派送更新的檔案放在裡面。

3. 撰寫派送批次檔，例如：

copy /y "\\10.1.1.1\sw\mySoftware.exe" "c:\Software"

上述指令的簡略說明如下：
\\10.1.1.1\sw：分享資料夾的網路位置。
mySoftware.exe：將要派送更新的檔案。
c:\Software：使用者端要被更新的檔案的位置。

4. 將這個檔案存成副檔名為bat的檔案，例如：autoexec.bat。

二、使用AutoIT來包裝RUNAS行為：

1. 下載AutoIT完整版

2. 依照安裝檔的指示安裝下載好的autoit-v3-setup.exe。

3. 使用文字編輯器編寫Script：

RunAs("帳號", "Domain", "密碼", 1, "執行的批次檔")

檔案中只需要上述一行內容，其中帳號密碼須為可以在使用者端電腦上複製檔案的權限，Domain為這個帳號所屬的Domain，執行的批次檔須包含所在位置，且所在位置最好使用網路位址，也就是在第一項建立的分享資料夾的位置。

以下為一個範例：

RunAs("administrator", "test.com", "pa55w0rd", 1, "\\10.1.1.1\sw\autoexec.bat")

4. 將這個檔案存成副檔名為au3的檔案，例如：update.au3。

5. 在存好的檔案上按右鍵，選擇Compile Script，便會產生一個執行檔，如下圖：