Mockingbird:外部仕様

出典: Mockingbird DevWiki

目次

Mockingbird の UI 仕様

ステータスバー

ステータスバーに追加したアイコンの色彩変化により、システムの ON/OFF をユーザが直感的に理解できるようにしている。

また、現時点の実装ではこのアイコンをクリックする事により Mockingbird の ON/OFF を切り替えられるように実装されている。


シェアバー


Mockingbird では、起動時に通常の Firefox のタブバー(以下、プライベートバー)の下に共有用のタブバー(以下、シェアバー)を追加する。

プライベートバーとシェアバーを分ける目的としては、ユーザが直感的に共有されているタブとされていないタブを理解できるようにすること。

また、日常的に多量のタブを開き続けているユーザにシェアタブを管理しやすくなるようにするなどがある。

以下にプライベートバーとシェアバーのについて解説する。


  • プライベートバー
    • 誰とも共有せず、通常時の Firefox のタブバーとして利用できる。
    • Mockingbird の ON/OFF に影響されない。


  • シェアバー
    • Room 内のユーザと共有するタブがここに配置される。
    • Mockingbird 起動時に追加され、終了時に削除される。


シェアタブ

画像:sharetab.png


シェアバーに配置され、Room 内のユーザで共有されるタブの事をシェアタブという。

共有されているタブは直感的に分かるように青色で表示する。 特に、現在ユーザが選択しているタブに関しては白みがかったような表示となり、他のシェアタブと区別できるようにしている。 現時点では、Mozilla Japan の HP のタブが Mockingbird 起動時に追加されるようになっているがこれは共有されていない。

シェアタブは閉じるボタンを押す事により閉じるのではなく、共有が解除されるという実装になっている。

共有が解除された場合は、青色表示が解除され通常のタブと同様に表示される。


サイドバー

画像:sidebar2.png


Mockingbird の起動時に表示され Room 内の情報について表示する領域である。


  • Room 内ユーザ一覧
    • 現在 Room 内に存在するユーザがリアルタイムに表示される。


  • Room 内アクションログ
    • 誰が、どのようなアクションを起こしたのかが分かるようにログが表示される。


今後、チャット機能などの追加を行う際にはサイドバーに追加する予定である。


設定ダイアログ


アドオンの設定画面で Mockingbird の"設定"ボタンをクリックすると上図の設定ダイアログが表示される。

本ダイアログボックスではサーバ URL とユーザ情報の保存に関する設定をを行うことが可能である。

サーバ URL の設定はデフォルトでは公開サーバへの URL が設定されているが、サーバを独自に用意した場合に置き換える事が可能である。


サインインダイアログ


Mockingbird OFF 時にステータスバーのアイコンをクリックすると上図のサインインダイアログが表示される。

パスワードの保存をチェックボックスにより管理する事が可能である。


新規ユーザ登録ダイアログ


サインインダイアログの"新規ユーザ登録"ボタンをクリックすると上図の新規ユーザ登録ダイアログが表示される。

Mockingbird の 通信フロー

  • 通信フローをWebページ遷移の例で下図に示します。



① 送信側ブラウザがURLをリクエスト
①' MockingbirdがURLをイベントとして認識
② 送信側ブラウザが対応するWebページを取得
②' Mockingbirdが受信側へイベントを送信
③' 受信側ブラウザがURLをリクエスト
④' 受信側ブラウザが対応するWebページを取得
Mockingbird (English)