iT邦幫忙

鐵人檔案

2012 iT 邦幫忙鐵人賽
回列表

且戰且走HTML5 系列

上上一屆曾經挑戰過HTML5的主題,不過都只是粗淺的嘗試。這次希望能藉由鐵人賽的機會,把有興趣的應用實作出來。

鐵人鍊成 | 共 30 篇文章 | 64 人訂閱 訂閱系列文 RSS系列文
DAY 21

且戰且走HTML5(21) 應用的主軸:FileAPI、URL

既然要用到File API以及URL(或者叫做Blob URL),還是對他做一個簡單的了解。 File API目前主要定義了幾個介面,主要是:Blob、File...

2012-10-29 ‧ 由 fillano 分享
DAY 22

且戰且走HTML5(22) 調整ws模組

為了讓ws操作起來像Socket.IO,在這裡需要用幾個類別來包裝。 先來分析一下需求,才知道到底要包裝到什麼程度。從之前寫的Chat程式,大致上有幾樣操作:...

2012-10-30 ‧ 由 fillano 分享
DAY 23

且戰且走HTML5(23) 加入類似Socket.IO的on與emit方法

先把類似Socket.IO的操作方式加進來,然後開始測試,先從echo開始。 雖然先把namespace、room、broadcast等功能都先加進來,不過目前...

2012-10-31 ‧ 由 fillano 分享
DAY 24

且戰且走HTML5(24) 完成ws模組的包裝

其實還沒有真的完成,因為這個工作幾乎等於重寫Socket.IO...不過還是來看一下目前進行的狀況 主要的改寫還是在幾個部分,跟昨天的程式比起來,還需要在Man...

2012-11-01 ‧ 由 fillano 分享
DAY 25

且戰且走HTML5(25) 解決ws.io模組的問題

找到問題所在...該來完成ws.io的單元了 這種事情要在腦袋清楚的時候來解決阿...趕稿的時候一定想不出來 由於架構模仿了Socket.IO,問題變得比較複雜...

2012-11-02 ‧ 由 fillano 分享
DAY 26

且戰且走HTML5(26) 使用ws.io完成資源共享

依照昨天的構想,把傳送binary資料的功能也實作出來了,就把它用在資源分享上。 分成兩個部分來傳送資料,基本上問題不大,但是要實作,需要在使用方法上制定一些規...

2012-11-03 ‧ 由 fillano 分享
DAY 27

且戰且走HTML5(27) 應用的主軸:WebRTC

WebRTC主要的重點是建立瀏覽器之間的即時網路通訊,不過這個規格還很新,基本上能完整支援的瀏覽器目前只有Chrome21以上的版本。不過他能做的應用非常有趣,...

2012-11-04 ‧ 由 fillano 分享
DAY 28

且戰且走HTML5(28) 建立視訊會議

今天先建立起簡單的視訊會議做驗證。 建立視訊會議的方式,基本上就是昨天描述的過程的實作。連線資訊的傳遞,則透過之前包裝好的ws.io模組。 首先看一下伺服器:...

2012-11-05 ‧ 由 fillano 分享
DAY 29

且戰且走HTML5(29) 逐步完成整合應用

視訊會議功能可行,就先開始嘗試怎樣進行應用整合。 應用整合的重點有幾個部分。 之前所有的應用,都是獨立分散的,要整合的話,會需要花一些心思,另外也需要把操作介面...

2012-11-06 ‧ 由 fillano 分享
DAY 30

且戰且走HTML5(30) 利用Bootstrap逐步整合出UI

我不是做美術設計的料,但是又希望成品可以美觀一點,這時還是借助一些方法來讓介面好看一點。 自從twitter發佈了bootstrap,看起來真的不少人做過嘗試。...

2012-11-07 ‧ 由 fillano 分享