Mercurial > hg > Papers > 2020 > itsuki-thesis



<!DOCTYPE html>
<html>
<head>
   <meta http-equiv="content-type" content="text/html;charset=utf-8">
   <title>分散フレームワークChristieを用いたリモートエディタの実装</title>

   <meta name="generator" content="Slide Show (S9) v4.1.0 on Ruby 2.6.3 (2019-04-16) [universal.x86_64-darwin19]">
   <meta name="author"    content="Takahiro Ikki, Shinji Kono" >

<!-- style sheet links -->
<link rel="stylesheet" href="s6/themes/screen.css"       media="screen">
<link rel="stylesheet" href="s6/themes/print.css"        media="print">
<link rel="stylesheet" href="s6/themes/blank.css"        media="screen,projection">

<!-- JS -->
<script src="s6/js/jquery-1.11.3.min.js"></script>
<script src="s6/js/jquery.slideshow.js"></script>
<script src="s6/js/jquery.slideshow.counter.js"></script>
<script src="s6/js/jquery.slideshow.controls.js"></script>
<script src="s6/js/jquery.slideshow.footer.js"></script>
<script src="s6/js/jquery.slideshow.autoplay.js"></script>

<!-- prettify -->
<link rel="stylesheet" href="scripts/prettify.css">
<script src="scripts/prettify.js"></script>

<style>
  .slide {page-break-after: always;}
</style>


</head>
<body>

<div class="layout">
  <div id="header"></div>
  <div id="footer">
    <div align="right">
      <img src="s6/images/logo.svg" width="200px">
    </div>
  </div>
</div>

<div class="presentation">

  <div class='slide cover'>
    <table width="90%" height="90%" border="0" align="center">
      <tr>
        <td>
          <div align="center">
              <h1><font color="#808db5">分散フレームワークChristieを用いたリモートエディタの実装</font></h1>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div align="left">
               Takahiro Ikki, Shinji Kono
               琉球大学
            <hr style="color:#ffcc00;background-color:#ffcc00;text-align:left;border:none;width:100%;height:0.2em;">
          </div>
        </td>
      </tr>
    </table>
  </div>


<div class='slide'>

<!-- _S9SLIDE_ -->
<h2 id="研究目的-背景">研究目的, 背景</h2>
<ul>
  <li>ペアプログラミングなどでは同時に複数人が一つのファイルを編集することができるリモートエディタが有効である。</li>
  <li>既存のリモートエディタアプリケーションとしてVisual Stdio Codeのlive share機能があげられる。</li>
  <li>編集に参加するユーザーがそれぞれ好きなエディタが使えるアプリケーションを作成する。</li>
  <li>本研究室で開発している分散フレームワークChristieはGearという概念の性質上リモートエディタと相性が良い。</li>
</ul>

<!--
## 発表の流れ
- リモートエディタの機能と開発手順の解説
  - javaで制作したテスト用エディタ
  - コマンドパターンによる命令オブジェクトの作成
  - 編集位置の相違とその解消方法
- スター型接続によるネットワーク通信
- Christieの解説
  - Gearの概念
  - アノテーション
  - TopologyManager
- 今後の課題とまとめ
!-->


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="リモートエディタの概要説明">リモートエディタの概要説明</h2>
<ul>
  <li>本研究で作成するリモートエディタはChristieの機能を用いて通信環境を構成する。</li>
  <li>同期編集セッションに接続したユーザーは自身のマシン上でエディタを使って編集対象ファイルを開く。
    <ul>
      <li>ユーザーが起こしたファイルへの変更を、命令コマンドとして接続しているサーバー(ハブ)へ送信&amp;実行させる。</li>
    </ul>
  </li>
  <li>命令コマンドはサーバーへ集められ、サーバーは受け取ったコマンドを他の接続ノードへ送信し、実行させる。</li>
</ul>

<div style="text-align: center;">
　<img src="images/RemoteEditor.pdf" alt="MetaGear" width="800" />
</div>


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="テスト用テキストエディタ">テスト用テキストエディタ</h2>
<ul>
  <li>通信の構成を行うChristieはjava言語で作成されているため、javaのswingを用いてテキストエディタを制作した。</li>
  <li>エディタ部分の入力、削除の取得はDocument Listenerクラスを使った。
    <ul>
      <li>insertUpdate、removeUpdateメソッドがそれぞれ挿入、削除を検知した時に動作する。</li>
    </ul>
  </li>
  <li>このエディタはファイルの内容をオフセット番号で取り扱っている。</li>
</ul>

<div style="text-align: center;">
　<img src="images/Editor.png" alt="MetaGear" width="800" />
</div>


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="documentlistenerの記述部分">DocumentListenerの記述部分</h2>

<pre><code>public class MyDocumentListener implements DocumentListener {
    @Override
    public void insertUpdate(DocumentEvent e) {
        Document doc = e.getDocument();
        loc = e.getOffset();
        System.out.println(loc);

    }

    @Override
    public void removeUpdate(DocumentEvent e) {
        Document doc = e.getDocument();
        sendLoc = e.getOffset();
        System.out.println("delete " + sendLoc);
    }
    @Override
    public void changedUpdate(DocumentEvent e) {
    }
}
</code></pre>


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="コマンドパターンの解説">コマンドパターンの解説</h2>
<ul>
  <li>リモートエディタの通信では、各ノード(参加ユーザのエディタ)がそれぞれ自身のファイルの変更内容を他のノードに送信する。</li>
  <li>コマンドパターンとは命令を一つのオブジェクトとして表現するプログラム手法である。</li>
  <li>命令を表すクラスを作成し、インスタンスを作成と同時に命令の中身を入力することで命令を作成する。
    <ul>
      <li>リモートエディタにおいては「オフセットn番目に　に 文字列 “A”を入力した」という変更を命令にして送信する。</li>
    </ul>
  </li>
  <li>コマンドパターンの利点として、
    <ul>
      <li>ChristieのGearの概念と相性がいい。</li>
      <li>命令に必要な内容をまとめて送信するため、時間差による相違の発生が防げる。</li>
      <li>オブジェクトとして取り扱えるため管理が行いやすい。</li>
    </ul>
  </li>
</ul>

<pre><code>  package christie.example.RemoteTake;
  import org.msgpack.annotation.Message;

  @Message
  class RTCommand {
      public String line;
      public String cmd;
      public int offset;

      public RTCommand () {}

      public RTCommand(String cmd, String line, int i) {
          this.cmd = cmd;
          this.line = line;
          this.offset = i;
      }

      @Override
      public String toString() {
          return "RTCommand{" +
                  "line='" + line + '\'' +
                  ", cmd='" + cmd + '\'' +
                  ", offset=" + offset +
                  '}';
      }
  }
</code></pre>


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="コマンドパターン実装の際に起こった問題">コマンドパターン実装の際に起こった問題</h2>
<ul>
  <li>クラスを他ノードに送信するためには、クラスをシリアライズして送信する必要がある。
    <ul>
      <li>コマンドの送信にはmsgpackクラスとjavassistを利用している。</li>
    </ul>
  </li>
  <li>しかし、送信がうまく行えなかったため、原因を調査した。
    <ul>
      <li>javaのバージョン進行のため、msgpackバージョン0.6.12が非対称となっていた。</li>
      <li>msgpackの最新バージョン0.8.20はシリアライズ機能が含まれなくなった。</li>
    </ul>
  </li>
  <li>以上の原因に対処するため
    <ul>
      <li>javassistのバージョンを最新版へ変更した。</li>
      <li>シリアライズする命令クラスに対し、クラスをpublicに変更した。</li>
    </ul>
  </li>
  <li>以上の対処によりコマンドパターンでの命令実装を行うことができた。</li>
  <li>自身でシリアライズ機能をChristieに内蔵してしまえば、これらのパッケージは不要になる。</li>
</ul>


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="編集位置の相違">編集位置の相違</h2>
<ul>
  <li>同期編集のセッションでは命令コマンドの送信のすれ違いにより、ノードごとのファイル状態が異なってしまうことがある。</li>
  <li>EditorAとEditorBはそれぞれの命令を自身のエディタバッファに施してから命令を送信するため、お互いバッファ状態が異なる状態で受け取った命令を実行してしまう。</li>
</ul>

<div style="text-align: center;">
　<img src="images/difference_offset.pdf" alt="MetaGear" width="800" />
</div>


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="編集の相違の解消">編集の相違の解消</h2>
<ul>
  <li>同期編集のセッションはスター型の通信接続で行うため、サーバー対複数ノードの通信間で相違が発生する。</li>
  <li>編集の相違を防ぐためには二つの処理を行う必要がある。
    <ul>
      <li>サーバーとノード間の命令のすれ違いが発生したことを検知する。</li>
      <li>すれ違いが発生した際に、オフセットのズレを修正する。</li>
    </ul>
  </li>
  <li>サーバーが正しいファイルの状態を保持するためサーバーの状態にノードが合わせる必要がある。</li>
</ul>


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="命令コマンドに番号をつけ相違を解消する">命令コマンドに番号をつけ相違を解消する</h2>
<ul>
  <li>命令コマンド番号には以下の特性がある。
    <ul>
      <li>全てのノード(サーバーを含める)は事前に処理した命令コマンドの番号を記憶している。</li>
      <li>新しく作られた命令コマンドは作られたノードの命令実行済み番号+1 を自身の命令コマンド番号とする。</li>
      <li>ノードは自身が作成したか、他のノードに送られてきたかに関わらず命令コマンドを実行したら命令実行済み番号をその命令コマンドの番号と同じにする。</li>
    </ul>
  </li>
  <li>もしノードが送られてきた命令コマンドを見て、そのコマンドが自身の実行済み番号と同値以下の場合、送信元のノードとの命令のすれ違いが発生していることが分かる。</li>
</ul>

<div style="text-align: center;">
　<img src="images/FixCommand.pdf" alt="MetaGear" width="800" />
</div>


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="すれ違いが発生した際の処理">すれ違いが発生した際の処理</h2>
<ul>
  <li>全てのノードは自分が実行した命令コマンドを記録しており、後からオフセットや文字列を取り出すことができる。</li>
  <li>すれ違いが発生した時点からの命令の中身を集計、参照しすれ違いで送られてきたコマンドを修正する。</li>
  <li>insertを例とすると
    <ul>
      <li>受け取ったコマンドのオフセット &gt; 受信コマンドとすれ違ったコマンドのオフセット のとき、受診したコマンドのオフセットに+1 する。</li>
      <li>受け取ったコマンドのオフセット &lt;= 受信コマンドとすれ違ったコマンドのオフセット　のとき、受診したコマンドのオフセットを変えずにそのまま実行できる。</li>
    </ul>
  </li>
</ul>


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="スター型通信">スター型通信</h2>
<ul>
  <li>Christieにはノードの通信接続を行うTopologyManagerという機能がある。</li>
  <li>同期通信はスター型での接続を行う。</li>
  <li>スター型通信の利点は
    <ul>
      <li>サーバーが正しいファイル状態を保持するため、整合性を保つことができる。</li>
      <li>どこかのノードが切断されても、要害の範囲をそのノードのみに抑えることができる。</li>
      <li>新しいノードが参加した、もしくは復帰の際にはサーバーのファイル状況を参照するのみで参加、復帰ができる。</li>
    </ul>
  </li>
</ul>

<div style="text-align: center;">
　<img src="images/Star-Topology.pdf" alt="MetaGear" width="800" />
</div>


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="christie">Christie</h2>
<ul>
  <li>Christieは当研究室で開発している、信頼性を重視した分散フレームワークである.</li>
  <li>現在はjava上で開発されているが、別言語(CbC)で構成されたGearsOSに組み込む予定があるため,それに向けて書き換え可能な構成となっている。</li>
  <li>ChristieではデータをGearという単位で分割して記述を行う。
    <ul>
      <li>CodeGear(以下CG)
        <ul>
          <li>スレッドやクラスに相当し、javaの継承を用いて記述する。keyに全てのDGが格納された際に動作する。</li>
        </ul>
      </li>
      <li>DataGear(以下DG)
        <ul>
          <li>DGは変数に相当し、CG内でアノテーションを用いてデータを取り出せる。</li>
        </ul>
      </li>
      <li>CodeGearManager(以下CGM)
        <ul>
          <li>ノードに相当し, DG, CG, DataGearManagerの管理をする.</li>
        </ul>
      </li>
      <li>DataGearManager(以下DGM)
        <ul>
          <li>DGを管理するものであり, putという操作にて変数(DG)をkeyに格納する。</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="christieのコード例">Christieのコード例</h2>
<pre><code>package christie.example.HelloWorld;

import christie.codegear.CodeGearManager;
import christie.codegear.StartCodeGear;

public class StartHelloWorld extends StartCodeGear {

    public StartHelloWorld(CodeGearManager cgm) {
        super(cgm);
        }

    public static void main(String[] args){
        CodeGearManager cgm = createCGM(10000);
        cgm.setup(new HelloWorldCodeGear());
        cgm.setup(new FinishHelloWorld());
        cgm.getLocalDGM().put("helloWorld","hello");
        cgm.getLocalDGM().put("helloWorld","world");
    }
}
</code></pre>

<pre><code>ChristieDaemon.listen: bind to /0:0:0:0:0:0:0:0:10000
hello world
</code></pre>

<!--
- 立ち上げ後はManager名を指定してDataSegmentAPI用いてDSのやり取りを行うため、プログラマはManager名を意識することでLocalへの操作もRemoteへの操作も同様に扱える。
-->

<!--

## Christieの言語概念
- CGはスレッド, クラスに相当し, javaの継承を用いて記述する.
- DGは変数データに相当し, CG内でアノテーションを用いて変数データを取り出せる.
- CGMはノードであり, DG, CG, DGMを管理する.
- DGMはDGを管理するものであり, putという操作により, 変数データ(DG)を格納できる.
  - DGMにはLocalDGMとRemoteDGMが存在する。LocalDGMは各ノード固有のデータベースである。RemoteDSMは他ノードのLocalDGMに対応するproxyであり、接続しているノードの数だけ存在する。
  - DGMのput操作を行う際にはLocalとRemoteのどちらかを選ぶ.Localであれば、LocalのCGMが管理するDGMに対しDGを格納し, Remoteの場合は接続したRemoteさきのCGMのDGMにDGを格納する.

-->

<!--
## DGM
- CGMはDGをputという操作を使って、自身や他ノードのDGMに書き込ませる。
  - LocalDGMが自身、RemoteDGMが他ノードのDGMである。

<div style="text-align: center;">
  <img src="images/remote_datasegment.pdf" alt="MetaGear" width="800">
</div>

!-->

<!--
- RocalDGMを立ち上げるにはDataSegmentクラスが提供する、connectメソッドを用い、接続したいポートのipアドレスとport番号、そして任意のManager名を指定することで立ち上げる。
-->


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="dgのアノテーション">DGのアノテーション</h2>
<ul>
  <li>DGを取り出す際にはCG内で宣言した変数にアノテーションをつける。DGアノテーションには
Take、Peek、TakeFrom、PeekFrom、の4つがある。
    <ul>
      <li>Take
        <ul>
          <li>先頭のDGを読み込み、そのDGを削除する。</li>
        </ul>
      </li>
      <li>Peek
        <ul>
          <li>先頭のDGを読み込むが、DGが消去されない。そのため特に操作をしない場合、同じデータを参照し続ける。</li>
        </ul>
      </li>
      <li>TakeFrom
        <ul>
          <li>Remote DGM nameを指定することで、その接続先のDGM からTake操作をおこえる。</li>
        </ul>
      </li>
      <li>PeekFrom
        <ul>
          <li>Remote DGM nameを指定することで、その接続先のDGM からPeek操作をおこえる。</li>
        </ul>
      </li>
    </ul>
  </li>
</ul>

<pre><code>package christie.example.HelloWorld;

import christie.annotation.Peek;
import christie.annotation.Take;
import christie.codegear.CodeGear;
import christie.codegear.CodeGearManager;

public class HelloWorldCodeGear extends CodeGear {

    @Take
    String helloWorld;

    @Override
    protected void run(CodeGearManager cgm) {
        System.out.print(helloWorld + " ");
        cgm.setup(new HelloWorldCodeGear());
        cgm.getLocalDGM().put(helloWorld,helloWorld);
    }
}
</code></pre>

<!--
## TopologyManager
- TopologyManagerとはTopologyを形成のために、参加を表明したノード、TopologyNodeに名前を与え、必要があればノード同士の配線を行うノードである。
- TopologyManagerのTopology形成方法として、静的Topologyと動的Topologyがある。
  - 動的Topologyは参加を表明したノードに対し、動的にノード同士の関係を作る。例えばTreeを構成する場合、参加したノードから順にrootに近い役割を与え、またCodeGearはノードが参加し、parentに接続された後に実行される。
  - 静的Toopologyはdotファイルを与えることノード関係の構築を行う。

```Code
digraph test {
	node0 -> node1 [label="right"]
	node1 -> node2 [label="right"]
	node2 -> node0 [label="right"]
}
```

<div style="text-align: center;">
　<img src="images/ring.pdf" alt="MetaGear" width="500">
</div>
!-->


</div>

<div class='slide'>
  <!-- _S9SLIDE_ -->
<h2 id="まとめとこれから">まとめとこれから</h2>
<ul>
  <li>本研究発表ではリモートエディタの開発とそれに伴う技術について述べた。現時点で実装できた構成は以下である。
    <ul>
      <li>リモートエディタの基本となる命令のやり取り部分のコマンドパターン実装。</li>
      <li>編集相違を防ぐためのアルゴリズムの発案と検証。</li>
    </ul>
  </li>
  <li>現時点では最低限のセッションを動かすまでの最低限の実装は終わっていない。これから取り組まなければならない課題として以下が挙げられる。
    <ul>
      <li>スター型Topologyの接続を動的に行わせる。</li>
      <li>編集するファイルの共有方法
        <ul>
          <li>ファイルをそのまま送信すると、負担が大きいと予想される。</li>
        </ul>
      </li>
      <li>既存のエディタを同期通信に対応させる。</li>
    </ul>
  </li>
  <li>以上の課題の課題に取り組み、これからも実装を続けていきたい。</li>
</ul>

</div>


</div><!-- presentation -->
</body>
</html>
author	ichikitakahiro <e165713@ie.u-ryukyu.ac.jp>
date	Sun, 16 Feb 2020 17:54:28 +0900
parents	7293b6481e32
children