2010年7月31日 星期六

Google Map API 可以呼叫的事件

  • 'click'
  • 'dblclick'
  • 'mouseup'
  • 'mousedown'
  • 'mouseover'
  • 'mouseout'
  • 呼叫的方式如下

    學校網站開發案-結合社群功能將學校網站發揮到最大的用處(未完)

    這幾年一直在思考如何寫學校網站,希望把學校網站的功能發揮的淋漓盡致,不想只是一個只有學校裡自已人使用的網站。所以先把自已用asp.net寫的網站(行政、教師、圖書館網站)都先停掉了,目前想利用市面上流通的幾個大型社交網如google、facebook、twritter所開發的api來完成網站,利用這些網站的api開發好處最大的有二個:

    1.減輕開發的成本…這些大型網站所開發的應用程式既是WEB型態又有免費空間,且有一定的開發自由度…符合學校環境又可減輕學校管理和開發成本(開發成本就不敢說了,學校單憑一個資訊老師開發個屁,做二年的圖書管理系統,就算有社群功能也是普普通通了無新意…)

    2.利用大型網站平台人氣來提昇流通…學校的網站多是故步自封,怎麼用也是裡頭的人,我覺得利用它們的api可以有效的提昇學校的能見度。算是幫學校打打廣告。

    ◎方向

    利用google的帳號密碼來當作通行證→取代學校網站本身的帳號密碼機制,同時要兼顧資訊安全性(記得之前有個新聞說歐洲某個政府機構全國使用google的平台,被掽擊有資訊安全外洩之虞…),校內行政的部分(學生的個資、學校計劃案、採購招標文件等)還是要有一個良好的機制來避免資安問題。

    Ⓞ要研究的api…(api細項待慢慢研究中,這些api的技術文件多是英文的…得克服閱讀障礙先)

    .google

    google map與研習地點的結合,教師進修網站也有用…其實應該叫教修網放個api來讓學校使用,不過我想可能性很小,自已也有興趣就研究一下了,未來也可以想個map和學生功課的結合。

     

    facebook

    twritter

    Google map API -基礎知識

    新版的(v3) Google Map API已經不需要再申請api key了,所以應用起來我想會更方便(不用api key我想也是未來趨勢)

    學習任何api之前,一定要先從使用者端來了解整個應用程式的架構,畢竟應用程式不是你寫的,你得先明白該程式能不能符合你的需求,再進一步去了解api的code來應用到自已的網站中,而google的api提供的通常有普通版本(免費)和商業版本(付費),這邊dnowba只紀錄普通版本

    2010年7月27日 星期二

    讓你的blogger部落格變得很「讚」的方式

    blogger在社群功能強大的其他部落格眼中根本不微不足道,尤其台灣愛用的yahoo部落、無名、痞客邦…在裡頭隨便搞個蚊子格的瀏覽人氣都會比blogger來得高…雖然dnowba一直覺得部落格是寫自已奇檬子的,這篇文章主要不是教大家搞人氣,而是方便…如果你又有blogger又有facebook的話,總是不會希望發個文二邊的網誌都要上傳一次把,所以dnowba在這邊分享一些讓blogger和facebook融合的方式…網路上教文很多,這裡就只提重點。

    在blogger裡嵌入「相關文章」的功能

    image 
    dnow文裡已有篇「Blogger中加入相關文章功能」,這篇介紹的是用外掛api的方式來達到這個需求

    2010年7月25日 星期日

    blogger內嵌入msn的即時聊天/線上客服裝置

    image

    這個功能蠻多人應用在商業上面的,就是在部落格上嵌入一個即時通訊(對講)機,商業上管他叫線上客服,其實不是什麼大不了的東西,我們用免費的windows live message就可以達到這個功能,比起一般商業自建的通訊器,msn的服務是比較穩而且免自已架設資料庫,再者可用匿名/訪客的身份來互相聯絡,對方看不到你真實的msn帳號也為自已保留隱私,若是真要互給帳號,位局目前通訊軟體之首的msn對方多半也有帳號比較能流通…以下介紹一下方式

    愛聽歌的人…上網聽歌就好啦之亦歌網

    今個兒推個網-亦歌,之於其他的線上播歌網站

    image

    特色:
    比較簡潔,功能齊全不多餘…
    乾淨無廣告…網頁不被強姦
    會員可以設置自已的播放列表
    簡體中文站…有趣的是搜尋功能可以輸繁找簡,台語歌也可以找到
    流行歌(熱門歌)的播放絕對不延遲(頻寬2mb以上)
    老歌有時候會有找到列表但沒有來源…
    音質沒得挑…有時歌曲會和實際有出入,但很少出錯就是了

    點我連到亦歌

    2010年7月24日 星期六

    Google Friend Connect (GFC) 在blogger上的使用-追踨者/訪客(誰來我家)功能

    GFC 這東西不是新玩意,2008的東西,也不過晚facebook個3年(不過2005年的facebook,dnowba沒看過,只是知道美國大學生愛玩甚於台灣的bbs),怎麼老覺得使用率就是不及臉書,平心而論,gfc和fb是差不多功能的社群平台(當然還是有區別,這個爭議在2008年一堆人寫了…到現在這些區別還是存在),我覺得gfc的上手度真的比facebook來得簡單…dnowba不是專業的IT,所以就不多比較了,今個來是再推一次gfc這老古董…希望能再喚醒它。網上有很多是2008年提供的教學文章,可以自行參考。

    2010年7月23日 星期五

    自製Blogger留言欄位背景圖

    image

    dnowba上一篇文章自製Blogger標題圖片(橫幅)一樣,自製留言欄背景圖重點不外乎了解自已的版型和css設定,當然背景設計的自我感覺也要良好,這篇稍微寫修改的要訣。(補充一下…意見欄位必須要在後台設為「內嵌式」的才可以設計背景喔)

    自製Blogger標題圖片(橫幅)

    image

    題圖片的DIY,比設計背景圖來得簡單(不是說設計圖,而是在瀏覽器的呈現上),dnowba也從設計標題圖片來細訴一些結合css語法的方式。

    2010年7月22日 星期四

    搜尋下一個可能…google你好樣的

    生活有了google真的給了我們很多新的想像空間…
    簡單的廣告鋪陳了google的無限可能,一如google就是那樣簡約
    google大哥,我喜歡你的簡單…不要再把事情搞複雜了。

    為Blogger加入分頁導覽列

     image
    Blogger主頁面中,若是文章超過了設定的數量,則會自動切頁,但很奇怪的是竟然不是用我們一般用數字分頁的方式來處理,而是用「首頁」「較舊的文章」「較新的文章」呈現(在gmail中也是用這個方式),還好有人寫了一些數字分頁的hack提供給大家使用,dnowba參考Adding 10 Styles Numbered Page Navigation for Blogger這篇文章(上圖來源也是此站)修改了一下教學方式,提供給大家參考。

    2010年7月21日 星期三

    Blogger新增「分享按鈕」功能

    Blogger以前要在文章末加入一些分享到其他平台機制的按鈕,都要找一些hack來用,現在blogger內建這個功能了,按鈕支援的有gmail、blogger、twitter、facebook、buzz,當然按鈕符不符合你個人需求是一回事,倒是這幾個按鈕是目前市場上反應較好的(或許也告訴你,若你使用一些奇奇怪怪的平台也該放棄了),而且興奮的是他是用圖的方式來呈現,或許我們未來還可以修改成自已想要的樣式喔。
     image

    Blogger中也有流量分析觀察了analytics

    Blogger把analytics功能直接納入網誌管理畫面中了,真是個好消息,看看dnowba的人氣,哇,今日23人次,總算也有進步了…雖然畫面上看起來是英文的,但我們從Google Analytics強大的分析流量功能來看,未來還是不可限量的。
    image

    為blogger換背景圖案

    image

    從blogger推出創意範本功能後(詳見dnow文BLOGGER創意範本Templete),多樣主題式的部落格樣式我想可以符合初學者的需求,但是對饕客而言,能實現自我風格才算錦上添花,若是想為blogger換背景圖案不是難事,只是一些基本觀念還是要有。

    為Blogger加上目錄

    在blogger上發表一些教學資料,dnowba最後常會苦惱一件事情,就是如何有順序的把教學單元依照我要的順序給製成一個連結目錄,我常看到有人是直接用html手動編輯製作目錄,如此不僅費事且非即時,後來想到應該可以用rss feed的機制來實現我的需求,取經後把使用方法和心得結果報告一下。

    image

    Blogger中加入相關文章功能

    image

    Blogger中,官方是沒有提供「相關文章」的小工具,但dnowba個人覺得這個功能對寫一些資訊類文章的人蠻有用的,以下為取經後分站給大家的方法。原理上就是應用blogger原有的「標籤」功能,在展開文章後把有一樣標籤的文章給亂數篩選(不會選到自已)並列表出來,最後加上日期與連結。

    2010年7月16日 星期五

    替兒子買玩具-WOWWEE玩具篇

    每每到替兒子買玩具,就得花上幾天的功夫
    繼上回買科學玩具、LEGO玩具,老婆都覺得我真是夠了
    根本就是買自已的玩具
    我想也是,可能是在彌補我孩提時期某部分的不足就是…
    回正題,本來這回主打「合體」玩具,最後很詭譎的…又選擇了WOWWEE的機器人系列
    image 
    超無言的…不知道怎麼從合體玩具…搞到這裡來

    2010年7月15日 星期四

    上海四日遊-外灘篇

    在上海很少看到空無一人的情景…上海捷運設施和台北不遑多讓喔
    在上海很少看到空無一人的情景…上海捷運設施和台北不遑多讓喔
    最後精疲力盡的一天來個殺一點的,拿著老婆指定參考書搭地鐵玩上海一書,就照著書中指點迷津來到上海外灘…又是一個著名的觀光景點…如果是觀光點的話就要小心人潮啦。景點就是拍照的最佳場所,所以在這最後一天還沒到中午我就狂照了,結果還有二格的電池竟然給我突然沒電…害得我在路上買了一顆非原廠的,這奸商真的心狠…還沒說要買他就給我猜包裝,然後開了一個騙觀光客價說電池是原廠的…唉,在中國買東西真的感覺很差捏。

    上海四日遊-野生動物園篇

    因為帶著小朋友,所以每到之處都要安排一下動物園行程,據老婆資料顯示,上海有二處動物園,一處是一般動物園乏善可陳,較為人熟知的就是野生動物園了,我們是坐公車去的,公車為了世博所以有開專車過去(早上有二班、下午回程也有二班),交通上倒是沒問題…喔對了,拿世博門票去買動物園票有打折喔…我們沒帶到啊 T.T
    上海第三天,長途跋涉翻山越嶺的二個小孩都累了,妹妹睡得甜就拍她,哥哥睡得一付熊樣姑且拍腳。
    上海第三天,長途跋涉翻山越嶺的二個小孩都累了,妹妹睡得甜就拍她,哥哥睡得一付熊樣姑且拍腳。

    上海四日遊-田子坊篇…

    來到著名的田子坊,今日氣溫算是中等,所以逛街前來口飲料。
    來到著名的田子坊,今日氣溫算是中等,所以逛街前來口飲料。
    第二個行程就是田子坊啦…一樣是走馬看花,這天倒是沒碰到什麼倒楣事,就是這邊東西食物價格高讓人不想買,是個拍照的好地方就是,這裡人手一台單眼相機,砲管一支比一支大…本來今日還要走一遭M50美術中心的…但是在田子坊裡也有一些差不多概念的館,所以就當走過M50了吧…昨日一天世博晃得大夥都累了…

    上海四日遊-世界博覽會篇…

    這屆世界博覽會在上海…這個訊息是老婆跟我說的。之前還真是不知道世博所謂何物,見老婆對這挺感興趣,自從有小朋友後也少出去玩,所以就利用這次暑假的機會出遊了。之前準備工作都是老婆處理,所以我樂見其成。
    因為住金門,小三通方便,所以先前也去過廈門,對大陸的印象非常差,而且當下發了一個永遠不再去廈門的毒誓,這陣子看了世博廣告和官網後,心想廈門和上海會不會有文化差距,所以這次也欣然同意上海一遊了。
    總的來說,帶著二個小孩,還是以平價、便利為主,太緊湊的旅行團不適合我們,所以全程由我家旅行社來規劃,四日不含交通日的行程大致上是:
    第一日-世博
    第二日-田子坊
    第三日-野生動物園
    第四日-外灘
    萬科的建物造型比一些國家來得好…富可敵國啊= =
    萬科的建物造型比一些國家來得好…富可敵國啊= =

    2010年7月14日 星期三

    YAHOO部落格版型DIY

    image 

    花了一天的時間,終於把奇摩部落格版型給用好了。
    自已是很不喜歡YAHOO的東西(信箱、拍賣、部落格、相簿…諸如此類)
    但偏偏就是對某些人味口
    dnowba的老婆就是這某些人之一
    版型說穿了還是靠CSS語法來修圖的連結、文字大小、背景顏色等樣式

    不解的是YAHOO的CSS語法怪怪的…

    所以豬腦爸我的做法就是
    1)不研究YAHOO特有的CSS語法,畢竟我只是做一次…
    2)參考既有模板的語法,官方的/坊間的都可以,參考到喜歡的(字型、字體、欄位等佈局)把程式碼複製下來,這樣一來我們只要改圖的部分就好了,CSS碼這麼多怎麼知道哪些是圖,簡單,用搜尋程式碼中有「HTTP://」的就八九不離十了。
    3)設計圖:這部分是重點,容後面說明。

    2010年7月13日 星期二

    Windows XP 下單核與雙核cpu

    XP系统是脱离具体的硬件设备的(Win98是与硬件直接关联的)。XP是在操作系统内核与硬件之间有一个硬件抽象层,叫做HAL(也被称作电源管理模式)。


    硬件抽象层主要支持下面7种计算机类型

    ★"Standard PC"

    ★"Advanced Configuration and Power Interface (ACPI) PC"

    ★"ACPI Uniprocessor PC"

    ★"ACPI Multiprocessor PC"

    ★"MPS Uniprocessor PC"

    ★"MPS Multiprocessor PC"

    ★"Compaq SystemPro Multiprocessor or 100% Compatible"

    我这里只介绍个人计算机我们经常能看到的前四种

    單映像檔多配置的方式

    看到网盟很多朋友,总是在问这个单包如何做多配置的做法,本人也是经过多次测试,参考文章,测试非常成功。特意将此文章转贴而来!如有不懂的地方,在贴后说明,必做详细解答 1、首先进行安装前的计划,根据各网吧不同情况,分析出大概需要几种硬件配置,假定网吧需要8种配置

    製作純淨的xp封包

    制作纯净版的主导思想:尽量兼容各种机子、尽量不要减肥、尽可能干净。


      a) 在XP安装光盘中打开SUPPORTTOOLSDEPLOY.CAB文件,先在 C:盘根目录下建议一个名为Sysprep 的文件夹,并将DEPLOY.CAB压缩包文件用Winrar全部解压缩到 c:sysprep目录。

      b) 复制“死性不改“的最新电源判断程序。及DLLCACHE备文程序到C:sysprep文件夹中。

    無硬碟介紹

    什麼是 PXE?
    PXE為 Pre-eXecution Environment的縮寫,為Intel所制定的標準。PXE 是一段程式碼,通常被撰寫成Boot ROM的格式,可讓電腦在不安裝硬碟的狀況下,進行遠端開機的動作。這功能在2002年後所生產的主機板,如果有網卡內建的功能,一般都已內建PXE的 Boot ROM在 BIOS中,所以使用者僅需要在BIOS中進行選項的設定,就可享用PXE遠端開機的功能。

    什麼是 iSCSI ?
    iSCSI是 Internet SCSI的縮寫。 是IBM所發展的一個協定,利用最普遍的TCP/IP網路來承載SCSI指令,達成儲存區設備要求的區塊層級(Block Level)資料傳輸。換言之,利用iSCSI的技術可以再本機的電腦模擬一顆作業系統本身也認定的實體硬碟出來,可以進行分割、重組等設定。


    什麼是無硬碟系統?
    無硬碟系統顧名思義就是電腦不需要安裝硬碟,一般的觀念電腦一定要有CPU、記憶體、主機板、硬碟才可運作。但是無硬碟系統顛覆這樣的觀念。無硬碟系統利用特殊的技術,讓一台沒有安裝硬碟的電腦可以透過網路將作業系統開啟,再執行應用程式。這種特別的技術可分為硬體與軟體的方式。

    單映像檔多配置做法2

    可以做个多配置PNP 老菜重说 把刚做好的第一个系统上传到服务器, 然后不急 把你上传过去的那个硬盘 挂到其他不同配置的电脑上 装好驱动。

    然后 有复制硬件的是吗? 你就用复制硬件 输入个 001 看看你的C盘是否有个001的INI 和一个系统文件出来。有你就成功了,恭喜你~

    接下来上传系统 记住一点要点”只上传更新过的” 不然你的系统给覆盖了我可不负责。 2046也有个网卡PNP 工具 具体做法也差不多 不过你用一样的网卡就不用说了。~! 切记 不要弄错了IP 和指定的目录哦。

    (转自网盟: tekil88)
    -------------------------------------------

    製作萬用ghost_XP或移轉免重灌

    經過2天試驗,已成功移植至另一台電腦上,運作正常


    準備2個檔案MergeIDE.bat 及 MergeIDE.reg 放在一起

    微軟也可以查到MergeIDE的文件,此法將很徹底的將一些硬體驅動全部解除,包含IDE控制器,USB驅動,顯卡,音效卡...等

    全部解除,所以換到另一台電腦後,所有硬體會全部重抓,所以一定要先準備好另一台電腦上硬體的driver



    經我試驗,ghost到另一台後,至微調完成及灌完驅動,差不多要30~40分鐘

    ghost 最好使用ghost83.ISO 燒成開機光碟去開機(1.2都有)這個是SATA的主HDD都可以看的到

    經過2天試驗,已成功移植至另一台電腦上,運作正常

    準備2個檔案MergeIDE.bat 及 MergeIDE.reg 放在一起

    微軟也可以查到MergeIDE的文件,此法將很徹底的將一些硬體驅動全部解除,包含IDE控制器,USB驅動,顯卡,音效卡...等

    全部解除,所以換到另一台電腦後,所有硬體會全部重抓,所以一定要先準備好另一台電腦上硬體的driver



    經我試驗,ghost到另一台後,至微調完成及灌完驅動,差不多要30~40分鐘

    ghost 最好使用ghost83.ISO 燒成開機光碟去開機(1.2都有)這個是SATA的主HDD都可以看的到


    無硬碟施工標準參考

    清晰思路。按顺序检查和配置整体方案。(准备工作)

    一.确定网络是否处于正常的状态。

    1.线路:检查线路是否和电源线保持40厘米的距离。
    2.线路:检查主干线路大小铜芯是否0.43毫米粗的直径。(越粗越好,但要硬)6类线是.36/.43三种
    3.服务器上的网线2米内用锡纸包好。
    4.客户机上的网线1米内用锡纸包好。
    5.交换机层叠距离至少20厘米。各交换出来的线,每台交换出线的距离10厘米。
    6.交换机的摆放高度不得低于2米。
    7.各交换机级联必须用2号标准
    8.确定客户机网卡:非水货/非工包/非2手。
    9.主板自带网卡:确定主板是水货还是行货、行货是否是一线产品还是二线产品。
    10.确定网吧供电是否正常、电压是否稳定;如果碰到电压不稳,一定配UPS带稳压功能!
    11.服务器电源绝对不能接日光灯。
    12.服务器与服务器之间距离至少30厘米。(如空间不够可用V字型摆开)
    13.配电箱3米内不允许走任何网线与服务器。
    14.严禁网线180度转角。
    15.要避免缠绕,由于6类网线的外径要比5类网线大,为了避免网线的缠绕,尤其是在弯头处,在管线设计时一定要注意管径的填充
    度,一般内径20mm的线管以放2根6类线为宜。如果放多条网线,则可能造成网线之间的缠绕问题,带来干扰,影响传输质量。
    16.避免使网线扎线带过紧而压缩网线。建议每个悬挂线支撑点每捆最多支撑24 条网线。

    無硬碟系統100問

    無硬碟系統100問
    1.问:用兼容性最好的机器NF主板来做的母盘。安装驱动时我用的NF多合一的安装包。母盘各方面全部 做完之后,从无盘引导,能找到锐起的服务器,设置了IP地址及计算机名;然后设置超级用户,用硬盘 启动,配置锐起主板切换功能,勾了所有网卡,写了服务器地址;重启电脑,通过添加删除软件,把驱 动包卸载掉,然后单独装一个网卡驱动,之后再复制硬件配置,从001到009。这样我再上传系统,上传 系统选择的是默认配置。可是我拿我的镜像到其它的主板试了下,启动不了系统,到滚动条那里不停转

    無硬碟系統技術文件最終回

    無硬碟配置整套做法

    說明:適用大陸銳起、網眾、台灣pxe、vhd等無硬碟系統,即便各系統的核心技術不大一樣,但施工標準大致如下,一定要做到「一包多配置」,再者是可以所有OS通吃(2000、XP、VISTA、WIN7、SVR2003…)、更優的最好可以跨ROUTER、跨VLAN…後二者的技術目前我所知的大概就是VHD這個產品有做到…所以後二個做法先不談,先談個很重要的,如何做到一包多吃…試想未來學校做起無硬碟,在裝新軟體、更新病毒碼或微軟補丁時,管理員只要手動一台其他台就改好了,既省時又不消磨外網頻寬,會是多好的選擇啊。
    Related Posts Plugin for WordPress, Blogger...
    // Dnow Function