搶答系統–04_機械式鍵盤改造

我們這個專案要用的是機械式鍵盤,你應該會問,不是說了機械式鍵盤貴嗎?為什麼還要用它?[@more@]其實不得已的,因為薄膜式鍵盤很難將電線固定,隨便拉一下就會脫落。為此我苦惱了很久,所幸本校全能的黃志勳老師(電工、木工、種菜、陶藝等……….強吧!)有一次看我忙了半天後,詢問我要幹什麼後,告訴我要用機械式鍵盤吧! 然而要避開昂貴機械式鍵盤的方法就是把學校裡,放置了十年以上的舊型機械式鍵盤翻出來。看到那個大大地接頭了嗎?現在的鍵盤用的是usb接頭,usb的前一代是ps2,比ps2更早得就是這種接頭。 跟ps2接頭比一比。 開始拆解。 近照。 鍵盤的背面就長這樣子。以圖中M為例,其實也是兩點通電的原理。當上方的鍵盤按下時,會觸動M的兩點通電。 我們要做就是把這兩點用兩條電線分別焊接出來,這就是回應到前面提的,為什麼不用薄膜式鍵盤?用了焊接就不容易脫落。 那這兩條電線的另外兩頭分別要接到哪裡呢?記不記得上一篇文章中提到的微動開關?沒錯就是接到微動開關上。 全景就是這樣,當然啦!這是示範,真正要焊接的線是很長的。這時我們就可以不靠之前機械事件盤上的K按鍵,只要我們按下電動按鈕後,電腦就可以偵測到K被按下去了。

搶答系統–03_鍵盤作用的原理

但是電玩的按鈕要怎麼跟電腦做結合呢?就那有賴電腦的輸入設備:滑鼠或是鍵盤。不用滑鼠的原因是,滑鼠就只能左鍵、右鍵、中間鍵,選擇太少。而鍵盤光是A~Z、1~9,就有35的選擇。[@more@]鍵盤分成機械式鍵盤與薄膜式的鍵盤。早期的鍵盤都是機械式的,在打字時可以很明顯聽到鍵盤的敲打聲,這樣的敲打聲有人喜歡(因為很有打字的感覺)、有人覺得吵。但是因為成本的考量,現在的鍵盤絕大多數都是薄膜式鍵盤,像這篇文章接下來要介紹。如果你現在要使用機械式鍵盤的話,你會發現機械式鍵盤不便宜,你上大型3C購物查看一下就知道,最便宜的大概也要1500元。 下圖是把薄膜式鍵盤拆開後,拿掉上蓋看到的橡膠,其作用就是在按下按鍵時,做下壓的動作。 把它拿掉。 拿掉橡膠後,就可以看到兩層薄膜。你可以看到薄膜上有一點點的,其對應的就是鍵盤上按鍵的位置。 把上薄膜掀起,可以看到這樣的情況(圖中的電線是我後來加的),下面(下薄膜)的點其正上方一定有另一個對應的點(上薄膜)。 原理是這樣的,以鍵盤的A按鍵為例。當我們沒有按下按鍵時,上薄膜的A與下薄膜的A是沒有接觸的,也就是沒有通電,沒有通電也就當然沒有作用。 當我們有按下按鍵時,上薄膜的A就會去碰觸到下薄膜的A,也就是通電了,通了電即為發生感應。

搶答系統–02_電玩按鈕的作用原理

這個專案中的重點就是大型電玩的按鈕,在這一篇文章中,我將先來介紹電玩按鈕的作用原理。[@more@]如果只是電玩的外觀,是看不出端倪的,我們在打電玩時,手可以碰促到的就只是按鈕,其實可以讓機台知道你是否按下按鈕的關鍵是微動開關。 微動開關中有三個可以接線的地方,但是可以接線的方式就只有兩種。不是A接C,就是B接C。如果A接C,那就處在連擊的狀態(持續通電),即像是用手按住按鈕不放的意思,事實上我們不需要按。而B接C,就是。如果我們不按按鈕,微動開關就不感應(不通電),如果按下按鈕時就會感應(通電)。這是我們要的模式。 剛剛說了微動開關上方需要一個電玩的按鈕,它的全貌就長這樣子。 電玩按鈕與微動開關結合後,就像這樣。 把它翻過來(黃色是正面,黑色只是背面)更容易來解說,如果我們在按鈕的上方施力,下方的藍色小塊就會去觸動微動開關,讓微動開關通電。 接上電線的樣子,就會是這樣。

學校網站大改造–15_20130401_新網頁推出

基本上,教職員版與學生版重要、常用的網頁都已經修改好了。剩下的少部份,就慢慢修吧!不管了,愚人節新獻禮,新網頁上線了![@more@]目前是把網頁的架構、內容先弄好,之後再慢慢弄美工的部份。 也可直接點這裡,進入實際的網路參觀。

學校網站大改造–14_20130401_school權限設定

設置了學生與家長專有的版面,接下來就是需要藉由school中告與帳號設定的模組來讓學校的教職員可以藉由一組共用的帳號來新增學生或家長的專有公告(學生部份一個帳號、家長部份一個帳號)。[@more@]以家長版的部份為例,新增的流程如下: 到了上一個圖就算是設定完成了,接下來就用這個家長的身份進入系統來新增拽屬於家長的公告。

學校網站大改造–12_20130319_教育處公告

因為網站連結教育處公告的問題,詢問了方志倫老師,感謝他給了我很好的解決方案。[@more@]原本只是要作「教育處最新公告」、「教育處公告」、「教網中心」。 後來經教網中心方志倫老師的指點,原來教網中心的公告不只上述三個(現在才知道,汗……..)。既然有這麼多種類的公告,那就全部都放進來吧!

學校網站大改造–11_20130312_選單

網頁的選單可以自己寫,不過也有現成的工具可以套用。[@more@]現在網頁中的選單就是使用css3menu這工具來直接產生的。 css3menu有付費與免費的版本,免費的版本可以套用的樣式比較少。 不過一般來說,也夠用了。

學校網站大改造–09_20130311_圖書館內嵌網頁的問題

在上一篇文章中(學校網站大改造–08_20130308_內嵌網頁的問題),我們用了偷雞的方法來讓學校的相簿可以在一個網頁中呈現。[@more@]因為到了相簿的網頁時,大家很快地就會進入相簿的內頁,所以有一點點被遮住其實無訪,但是像是圖書管理系統,如果有一個選單一直放在最上層,可就不是一件妙事。而且網頁也被截掉了。 因此我的作法是讓要使用圖書管理系統的人,點了這個選項就會跳出新視窗連結到圖書管理系統去。使用的屬性就是 _blank