0

これがセットアップです。モバイル デバイスがセンサー データをサーバーに送信します。サーバーは、グラフにデータを表示する Web サイトをホストします (私は Flot フレームワークを使用します)。

表現はこのように機能します。

function showX(){
        $("#dialog").dialog({
        width:400,
        modal:false,
        buttons: {
             "Close": function(){
                $(this).dialog("close");
            }
        }
    }).dialog("open");

    function getRandomData(){
        var randomData = [];
        for(var i = 4;i<100;i++){
            randomData.push([i,(1 + Math.floor(Math.random() * 20))]);
        }
        return randomData;
    }

    var plot = $.plot($("#chart"),[ getRandomData() ]);

    function update() {
        //FETCH SERVER DATA FOR plot.setData();

        plot.setData([ getRandomData() ]);
        plot.draw();

        setTimeout(update, 100);
    }
    update();
}

ボタンを押すと、チャートを保持するダイアログが表示されます。チャートは update 関数の新しい値で更新されます (上記の例ではランダムな値を使用しています)。この関数では、サーバーから測定データのチャンクを取得したいと思います (コメントを参照)。どのようなテクニックを使用すればよいですか? また、データはサーバー側にどのように保存する必要がありますか?

前もって感謝します。

4

1 に答える 1

1

サーバーの実装方法を知らずに、可能な実装についてアドバイスすることは困難です。ただし、考えられるすべてのフォールバックと、Websocket などのソリューションによって提供される双方向のクライアント/サーバー通信から完全に分離されたサーバー ロジックを備えたクロスブラウザー エクスペリエンスが必要な場合は、Pusher をお勧めします: http://pusher.com/

このソリューションは、クライアント側でブラウザー サポートを処理する準ポリフィルを使用する利点を提供し、このリアルタイム アプローチを使用してクライアントに情報を伝達する方法も抽象化します。チュートリアルを確認してください。

于 2013-02-11T14:34:55.050 に答える