瀏覽器多使用者共用操作的思考

可惜這個想法已經被一家做電子閱讀的公司申請專利了，就算做了一次關於產品的思考吧！歡迎一起討論瀏覽器的社交化方向！

基本架構

     

兩台運行指定瀏覽器的裝置可以通過三種方式進行互動:

  1.
在相同WiFi網路內使用TCP/UDP串連。

  2.與適配過的裝置通過藍芽協議串連。

  3.使用帳號或當前地理資訊利用遠端伺服器與指定的使用者或附件的人串連。

 

基本流程

 基本流程如下:

      

Step 1.在要分享的頁面，選擇分享的方式，列出可用的串連方式。

Step 2.根據使用者選擇，執行不同的串連及搜尋，列出可用裝置列表供使用者選擇：

  2.1 WiFi串連

  先使用UDP進行本網段內廣播，找出正在使用相同瀏覽器的裝置。

  2.2
藍芽串連

  讓使用者選擇已經匹配過的裝置。

  2.3
指定的使用者

  串連到遠端伺服器，查到指定的使用者或某個使用者建立的組。

  2.4
附近的使用者

  將本地地理資訊上傳，並在伺服器上找出附近的使用者。

Step 3.使用者選擇一個目標裝置後，嘗試進行串連並詢問使用的瀏覽器是否支援當前的操作。如果支援，則發送串連請求。

Step 4.對方在收到串連請求後，選擇“接受”或“拒絕”。同時可以設定：

   I.是否接受對方頁面操作

   II.是否允許操作所有頁面

第一項設定，如果未選中，則表示僅是分享頁面，開啟頁面後，就會關閉串連。

如果選中，則可以繼續同步自己對頁面的操作到對方的裝置，包括開啟連結、輸入等操作。

第二項設定，如果選中，表示可以操作對方整個瀏覽器的行為。這個操作方式可以用於與電視等其它不便於操作的終端上的瀏覽器操作控制。

Step 5&6.在對方接受串連後，將要分享的頁面推送過去。

Step 7&8.根據對方使用者接受時的設定，來確定是否保持當前串連或者直接斷開。

 如果保持串連，則會不斷將本地操作傳送到遠端，並由遠端瀏覽器執行。

Step 9.如果使用者未選擇”允許操作所有頁面”則在關閉當前分享頁面時自動中斷連線。

 如果已選擇此項設定，則在瀏覽器退出時中斷連線。

 任何時候，使用者都可以使用點擊”中斷連線”操作主動中斷連線。

 

通訊協議設計

在瀏覽器內部設計操作記錄、編碼、解碼及執行的功能。使用者在一端執行的操作可以被按序列記錄下，並按相同的順序發送到遠端，然後由受控方依序解析執行。

    

中間可以使用特定的資料包設計封裝起來。比如使用XML定義或以下資料包格式:

 資料頭包:

標識(4Bytes,固定為XXXX)

指令ID (4Bytes,為設計的指令表中一項)

指令資料大小(8Bytes,表示後續有多少資料)

支援的最小版本號碼(4Bytes,表示從哪個版本開始支援這個指令)

保留位(16Bytes,保留一部分資料，供以後擴充使用)

緊隨其後的就是指令資料包，由具體的操作指令指定。

這個資料包格式可以供所有的通訊方式所共同使用，也可以供尋找、匹配、查詢等操作使用。

 

可以使用的指令包括:

   FIND ->尋找裝置

   INFO ->擷取詳細資料

   OPEN ->開啟URL

   CLSE ->關閉頁面

   CLIK ->點擊操作

  

多人同時分享的問題

 在需要多人分享的情境下，可以由某個裝置使用發起一個群組會話，發起者就是主控裝置。其他人可以使用類似上面的方式搜尋到該使用者，並選擇加入該使用者發起的會話。這樣發起人的分享頁面和操作會被自動的發送到其它已加入該組的裝置上執行。

   

以下是交談群組的操作狀態圖:

     

 1.當使用者發起一個交談群組時，即進入”建立交談群組”狀態。

 2.輸入完組名資訊後即進入”等待加入”狀態，或取消以結束會話。

 3.當有其他人加入組後，發起人可以點”開始”進入”同步中”狀態。開始頁面操作。 發起人也可以取消當前會話。

 4.在同步瀏覽過程中，其他人可以選擇離開。發起人也可以選擇關閉以結束會話。

 

 

使用情境

     
 1. 當需要同附近或遠端朋友分享某個頁面時，在當前頁面選擇分享功能，在可用裝置/好友名單中找到對方後，就會自動在對方的瀏覽器中開啟相同的頁面。

 比如在遠程會議中，多人可以通過電話系統交談，而通過交談群組使用瀏覽器同步瀏覽指定的內容。

 在小團隊活動中，多人同時看一個螢幕不方便，大家就可以自行觀看自己的瀏覽器，而實現同步瀏覽，更容易增進團隊的協作氛圍。

 

        2.如果需要帶著對方一起瀏覽，只要對方允許遠程操作，就可以實現將本地操作在對方瀏覽器上同步執行，多括翻頁/開啟連結等。

比如和遠端的朋友或父母分享某個內容時，不需要反覆的說明操作方法，體驗更加流暢、簡潔。

轉載請註明出處: http://blog.csdn.net/horkychen