Saturday, January 26, 2008

打音樂卷 (1)打節奏形 Typing Rhythm

前兩日見番一個以前一齊修音樂的舊好友,她知我現在瘋狂的愛上IT,所以問我有關解決她每次打音樂卷的題打音樂卷的問題。
她一問之下,我才醒覺到自己其實也是一直未有解決過這個問題的,以往在學校出音樂卷,為了要份卷打得靚靚,所以唔想用後期剪貼的方法,但又賴得去把每段樂譜或節奏scan出來再crop,所以都是用回書商在光碟內的附設題目樂譜縮圖,照copy and paste上卷度。
不過,我今次決定我一定要解決這個問題了,而且我相信這也是很多音樂老師經常需要面對的問題。

先解決打節奏的問題,在serach engine上打"muscial notes fonts",好輕易就找到一個幾合用的網站:

True Type Fonts for Music: MusiQwik and MusiSync http://www.icogitate.com/~ergosum/fonts/musicfonts.htm



站內有兩種usical fonts供免費下載,MusiQwik是有五線譜的,而MusiSync就是單打節奏的,我個人認為MusiSync在打卷上比較合用。只要簡單的把字形裝上,便可以經鬆的在Word上打節奏,但記著字形起碼要font24或以上才可以看得清楚。



請看我在word document上的示範:



MusicQwik字形表



MusicSync字形表

MusicQwik看上去好像很不錯,但它的問題是只可以在五線譜上打出單行的單音,如果想要打出比較複雜的樂譜,還是用打譜軟件比較好,所以我已準備了一個免費網上下載的打譜軟件,在下一次向大家介紹。

Thursday, January 24, 2008

賭Fluff Friends贏咗好多Munny呀!

嘩!嚇死人喇!

原本只係買跑得最快o個兩隻o者,我不嬲都係咁買o架啦!,點知一個唔覺意,兩隻兔仔睇錯o左,買o左我同夫君o個兩隻,點知真係『中』o左喎!?!?!


嘩!你睇!賠率成16X倍,贏o左差不多5千 munny呀!!!
好開心呀!雖然唔係真o者,但係又咁o岩係我同夫君o個兩隻,夫妻檔跑出喎!

真係好值得紀念,一於要post番篇blog先!

Tuesday, January 22, 2008

Flaber 網上編寫Flash網頁工具

多謝勁同事木又可可大人介紹Flaber這個由香港人研發的網上編寫Flash網頁工具,一試之下,真係又好玩,又易用又美觀!
當然唔少得多謝另一位勁人科學家同事,經佢教出o黎o既徒弟仔今日終於可以將自己o既攝影作品用在製作網頁上。
以下這個便是我的Flaber網頁(見下圖):

整個網站製作過程,除了最前的階段需要把整個Flaber upload上server及做一些基本的設定外,其他全部都可以在網上以browser進行,可謂非常方便。

我用後更覺得這個免費工具在教學上可以有很大的發展潛力,比起以往教學生用收費的網頁編寫軟件來做幾頁網頁,或現在狂推一人一blog來得更為實際,相信小四或以上的都可以輕易掌握當中編寫技巧,大家不防考慮一下!

有關編寫這個Flaber的更多描述,我已寫在我的Flaber網站中,歡迎大家去看看。

Marie's Flaber Website:
http://marieyuen.freeweb7.com/flaber/

下載Falber version 1.1 RC1:
http://sourceforge.net/project/showfiles.php?group_id=152518

Flaber詳細說明及User Manuel:
http://www.cubeforge.net/wiki/doku.php?id=en:projects:flaber:index

Friday, January 18, 2008

Google Apps in Education 【Google 應用服務教育版】(2)申請方法

上回Google Apps in Education 【Google 應用服務教育版】(1)提到Google Apps 有個【Google 應用服務教育版】比教育界申請,今日詳談一下整個申請過程。

(1)選擇了申請教育版後,便會來到以下這個頁面。

首先需要打一個預設給Google Apps用的domain,由於我校已有mail server,加上我校是自己hold DNS所以便加了一個sub domain。

例如學校本身的domain是 www.abc.edu.hk,由於我校已有mail server,所以user@abc.edu.hk便不能給 Google使用,於是便加了一個"web."的subdomain(注意:是不能用"mail."的),在這裡填 "web.abc.edu.hk"
當然,如果本身學校沒有mail server,想直接以這個google apps作為mail server的話就只需要填"www.abc.edu.hk"所以:
如果寄到user@abc.edu.hk何舊是學校的mail server收;
但寄到user@web.abc.edu.hk的mail便是google apps收了。

(2)填學校及管理人員的基本資料

(3)申請管理人員戶口
(4)收email
這時,你所填的管理人電郵戶口,會收到一封有關申請Google Apps的信。
在這封信內,提供了一個講解如何設定Google Apps的網站URL:
http://www.google.com/a/help/intl/en/admins/resources/setup/
及你所申請的Google Apps戶口的登入URL及新增AdministratorURL。
此外,還提醒你要verify你所提供的domain ownership。

(5)進入control panel的登入頁面
即時用之前登記的user name及password登入,在頁面已清楚見到學校名稱。
(6)Verify domain ownership
登入後,可以見到有關的6項services都未actvie,而且頂頭一個叫你記住去核實domain的提示。
另外,未核實domain前,Google會給予你一個test domain,在你提交的domain後加了".test-google-a.com",作為一個臨時的domain。

Verify Domain Ownership其實有兩個做法,一是用CNAME另外一個用create一個HTML,由於我試過CANME的方法唔work都唔係好識點整,所以最後都係用了create HTML的方法。
有關設定CNAME的方法,可參考Google Apps for Administrators
另外,我校在server中的設定,會於稍後的post再續。

(a) change CNAME record
(b)upload HTML file


(7) Confirm Verification
每次在server中試完change CNAME record或 upload HTML file後,都要再在control Panel中的Verify domain ownership度 click 一次"verify",之後會自動彈出control panel的首頁,看到要等48小時的logo。
這個時候看到Google Apps下的6個services都會由 Not active轉為updating。
不過其實並不需要等48小時的,大概半日左右,如果衰o左的話,會見到verify domain ownership的字眼會再出現比你入去再做,一直重覆此動作,直至成功為止...

(8)成功了!
最終都成功了!現在看到control panel中會大有不同,除了有new function介紹之外,5個services都轉為Active,除了Email由於需要做一些設定才可啟用外;而且,每個services現在都有獨立的URL提供可以使用了!

大家如果都有申請此服務的話,歡迎在此留言互相交流心得!

Wednesday, January 16, 2008

Tuesday, January 15, 2008

手持 EF50mm f/1.8影夜景

昨晚天氣絕佳,只欠腳架及電磁,但用支50mm f/1.8手持AV mode,較最大光圈影夜景,尚算OK。



Thursday, January 10, 2008

修改blogger範本(2) - 改頁面寬度

上回介紹過我這個blog是修改了原來的blogger範本,但未有詳細講解其中的做法,今日便試試詳細小小講解整個修改過程,希望可以幫助到剛轉blog過來blogger的blog友。

(1) 挑選新範本
每個來到blogger的user,都可以在『挑選新範本』中選一個介面上大致是可以接愛的,之後再慢慢修改當中的細節。
以我自己的blog為例,我選了Rounder 3,因為一格格,比較似Yahoo blog,容易令用開Yahoo blog的人接受。


不過這個範本看起來的缺點是main box太窄,加上其實現時大部份user的screen都已不再是600X800 所以應該要改一下。

(2)修改HTML
在"Page Structure"內找 "outer-wrapper",即是top banner及footer的寬度,改為995(因為想與main box加相同的寬度)
再在"main-wrap1",即是main box的寬度,改為740(因為想用回banner的圓邊,所以加到剛好與之前Banner的寬度一樣)

改好了外框,但內文的內框未變。
所以要同樣在 "Page Sturcture" 內找 ".main .Blog",把width改為740

現在內文改好,但由於這個圓邊的設計,可以看到改後的圓邊並沒有跟著更改。

在html中看到,原來這些造成圓角效果的,都是一些gif檔。(找到這些圖檔的秘技,全靠呀Man協助)
現在由於把內文框的寬度剛好改成與Banner一樣,所以我們可以這樣做:
(a)把"coners_main_top.gif"換成"coners_cap_top.gif"
(b)把"coners_main_bot.gif"換成"coners_cap_bot.gif"
(c)把"coners_cap_top.gif"及"coners_cap_bot.gif"的整條URL delete

這樣除了banner及footer,其餘部份都可以保持圓邊又不用自己再修改圖。


做好了!現在修改寬度已經完成了,但顏色上好像不太別,所以要去搞一搞!

(3)修改『字型和顏色』
這裏可以避開不用改CSS也可以很簡單的作修改,而且還可以有即時預覽,非常方便!

現在改好了,整個look都不同!

Embed Google Presentation in Blog

上網搵搵下先知,原來近日Google Presentation多了一個新的功能,就係可以將presentation embed落任何網頁中。

不過其中一個條件,就係要你先把presentation 發佈出來,即係變成"public" mode,才可以做到這個效果。

如上圖所示,只要你在Google Docs的Presentation中click『發佈』,便會看到以上頁面,embed code亦即時比埋你加在blog或webpage上,而且embed box的界面很像Youtube,除了是size方面有限制,不能更改外,其餘尚算OK。

如果不介意內容公開給公眾的話,是可以考慮使用的。



另外,如果想自訂embed box size的話,可以考慮使用以下這段script:
<iframe src="http://docs.google.com/
TeamPresent?fs=true&docid=你的簡報16位代碼"
width=600 height=400 ></iframe>
簡報的16位代碼,是當你發佈簡佈後可以在embed code內找到的。

參考自以下網站
InsideGoogle - How To Embed Google Presentations
http://google.blognewschannel.com/archives/2007/09/18/how-to-embed-google-presentations/

Wednesday, January 9, 2008

自製Translate blog widget

今日再modify一下個blog translate的外觀,加了國旗好像『似樣』很多,現在算是完成,可以簡單的介紹一下整個製作過程了。


(1) Google Translater translate script
由於在Google Analytics上看到好多外國的瀏覽者,都一來就走,所以於是很想幫個blog整番一個translater,希望可以吸引埋其他國家的讀者。在網上search過,找不到現成的widget,可以install plug-in的都只限Wordpress的blog,於是終於找到這篇Instantly Translate Your Blog « Lorelle on WordPress比較長細介紹用Google Translate做成,而又可以放在任何html上使用的script:
<a href="http://translate.google.com/translate?u=
網站地址&amp;langpair=原來語言碼%7C翻譯後語言碼&amp;
hl=翻譯後語言碼&amp;ie=UTF-8&amp;
oe=UTF-8&amp;prev=%2Flanguage_tools">

(2) 2 digit language code
但這段script需要用到2 digit的language code(語言碼),所以找到了以下這個有關language code介紹的網站:
ISO 639: 2-letter codes
http://www.w3.org/WAI/ER/IG/ert/iso639.htm

簡單的介紹其中幾個較常用的:
繁體中文 Traditional Chinese: zh-TW
簡體中文 Simplify Chinese : zh-CN
英文 English : en

注意:由於Google Trnaslate的功能現時是以英文為翻譯的media,所以如果網站是用英文寫成的,可以翻譯成多個語言,但如果是我一樣用繁體中文寫的網站,就只可以翻譯成英文或簡體中文。

(3) 國旗flag icon
另外如果想widget能夠吸引到人,一定要用到國旗的icon,我就找到以下這個下載國旗icon的網址:
Icon Drawer - Free Flag Icons
http://www.icondrawer.com/free.php

下載解壓後,可以看到folder內已有4個放不同大小(16, 24, 32, 48)國旗icon的folder,內裏還把國旗以alphabetical order放在不同的字母folder內,可謂非常細心。
我自己就選用了24 pixel的國旗,感覺上剛剛好,因為16實在細得可憐。

(4) My sample
各位如果同我一樣都是以繁體中文作寫作語言,又想製成一個和我在這個blog上顯示的差不多的script,大可以參考以下這段code:

Translate <a href="你的網址">
<img border="0" width="32" alt="translate by Google translate
" src="32x32pixel香港區旗圖片的連結" height="32"/>你的網站名稱</a> to
<a href="http://translate.google.com/translate?u=你的網址&amp;
langpair=zh%7Cen&amp;hl=en&amp;ie=UTF-8&amp;
oe=UTF-8&amp;prev=%2Flanguage_tools">

<img border="0" width="24" alt="translate by Google translate" src="24x24pixel英國國旗圖片的連結" height="24"/>
<img border="0" width="24" alt="translate by Google translate" src="24x24pixel美國國旗圖片的連結" height="24"/>
<img border="0" width="24" alt="translate by Google translate" src="24x24pixel澳洲國旗圖片的連結" height="24"/>
<img border="0" width="24" alt="translate by Google translate" src="24x24pixel加拿大國旗圖片的連結" height="24"/>
English</a>
<a href="http://translate.google.com/translate?u=你的網址&amp;
langpair=zh-TW%7Czh-CN&amp;hl=zh-CN&ie=UTF-8&amp;
oe=UTF-8&prev=%2Flanguage_tools">
<img border="0" width="24" alt="translate by Google translate" src="24x24pixel中國國旗圖片的連結" height="24"/>
<img border="0" width="24" alt="translate by Google translate" src="24x24pixel星加波國旗圖片的連結" height="24"/>
Simpify Chinese</a>
*請先自行下載國旗icon,並上載至一些網上相簿或網頁空間,再把該圖片的URL貼在適當位置。

Monday, January 7, 2008

好o野!終於有起色喇!

經過兩個多月的努力,我這個blog的灠覽人數終於有起色了!
這幾日的好成績,當然除了近來托科學家同事鴻福才可以寫成的有質素內容【Wiimote + infrared LED = 平價電子白板】,更加上我在新年是,別有用心的send了一封新年快樂的email給自己的朋友,而內容中有提及本blog的網址。


尋日睇到這個chart時,真係好驚喜!!!


我除了看總瀏覽量之外,重好鍾意留意訪客的分佈,見到有好多唔同國家的人傻傻地撞過入o黎,除了覺得好搞笑之外,我重特登整多個Translate function在頂頭,現在可以用Google的translate功能- "translate by Google translate Translate Marie's Blog to English Simpify Chinese簡體中文" ,希望對我個blog的瀏覽量有幫助吧!

好!阮瑪莉!繼續努力!!!

試鏡:EF17-40mm f/4L USM

在買支EF-S17-55 f/2.8 USM之前,科學家同事慷慨地主動借我一支L鏡【EF17-40mm f/4L USM】,話比我試請楚先買,真係唔話得。
講真,如果我有支L鏡,真係差o的要放上神台,點會捨得借比人?所以真係要交功課。






整體o黎講,對wide鏡無咩經驗,未係好拿握到構圖,不過L鏡即係L鏡,對焦的速度快到我以為點解個鏡頭無反應!因為AF係完全聽唔到有聲!
不過始終這支鏡個頭好大,有點兒誇,安了鏡頭後袋都放唔入,要硬咩在頸上四圍走,好彩只係屋企樓下影,去遠o既地方都幾頭痛…

Thursday, January 3, 2008

Wiimote + infrared LED = 平價電子白板 (2)

其實12月27日科學家同事回公司後,已急不及待試驗成功,不過當日只拍了幾張照片及一段短片,未有講解整個set up 過程(有關當日試驗記錄,請參考愛好免費資訊科技者的我們的Wii Remote Project),所以我今日放完假後,再做一次,讓我記錄整個set up 過程。

硬件設置



首先當然係主角 "Wiimote",用腳架及橡筋固定,要留心整個Wiimote的接收infrared角度為45度,所以雖然可以放側,但位置上也最好不要過份靠邊。

另一個硬件就是放射infrared的自製mouse/筆,製作過程可參考:
Wii remote 紅外線 作戰計劃
Wiimote + infrared LED=平價電子白板 (1)


軟件安裝及啟用
(1) Bluetooth
由於Wiimote需要用Bluetooth連接,所以先要確定使用的電腦有Bluetooth裝置。
開啟Wiimote後,bluetooth可以search到 "Nintendo RVL-CNT-01"的硬件名稱,這就證明電腦現在能與 Wiimote連接了。

(2) Wiimote Driver
雖然知道電腦與Wiimote可以以bluetooth連接,但要正確的接收Wiimote的訊息,需要用到一個叫WiinRemote.exe的 Wiimote Driver

此軟件可以到以下網頁得到較詳細的介紹:
http://www.wiili.org/index.php/WiinRemote


之後由以上網頁轉介到另一網站下載:
http://onakasuita.org/wii/index-e.html
這網站對這個WiinRemote software有很詳細的講解,值得一看。



dwonload後double click已經可以run,不用install,非常方便。


畫面開啟後,可以見到在IR sensor內接收的位置。

(3) Calibration
要讓Wiimote接收到的位置訊息與畫面配合,一定要做Calibration。
這個叫WiimoteWhiteboard.exe的software正是上回提到的Johnny Lee個人產品,現在成為了shareware供大家免費下載。

Johnny Chung Lee > Projects > Wii:
http://www.cs.cmu.edu/%7Ejohnny/projects/wii/



double click開啟動了以後,便可以開始做Calibration了。
Calibration過程中,要點四個位置,如果之前放Wiimote的位置放得不好,便不能成功。
所以此時可以重覆調較Wiimote的位置再start Calibrate,直至能點完四個coner為止。


(4) Interactive white Board software
最後,如果不想只可以用來做無線mouse的效果,我們需要一個Interactive white board的software,可以做到over lay的效果,在任何的畫面上,都可以當mouse又得,當筆畫亦得。

不過市面上的interactive white board software,就算是有30days trial version,都要認hardware先行到,所以試過好幾個都行不通。

幸好東華三院高可寧紀念小學邵英傑老師,曾自製了兩個相似軟件作freeware使用:

四色筆:
www.twghknmp.edu.hk/~schoolware/PenTeacher.exe
黑板:
www.twghknmp.edu.hk/~schoolware/myBlackboard.exe

不過現在這兩個連結已經行不通,幸好有同事早已存下此檔案,所以可以有得試用。不過由於是個人製作的原故,發現使用時都有一些bug,但算可以接受。

這個是『四色筆』,開啟後畫面側會出現選擇畫筆顏色或mouse的小盒,可以在任何畫面上操作。

現在就開了一個word檔來試試,第一次用,在按鍵方面不太純熟,所以有少許書寫毛病,但整體操控及感覺不錯。
正如上圖所畫,成本不超過$300,除了抵玩之餘,好玩指數可謂100分!!!

相關文章

Related Posts with Thumbnails