[blog-1] HTML5 アプリ、表示系 (Parse - javascript SDK)

========================================================
参考の記事
http://kuc-arc-f.com/agri/?blog=blog-1
========================================================

Parse.comから、javascript SDK を利用して、
API経由でHTML5アプリに、水分センサ値など表示する

code:
https://github.com/kuc-arc-f/js-sensor-parse


# 表示
https://github.com/kuc-arc-f/js-sensor-parse/blob/master/js-sensor-parse/js/app_sensor.js

起動処理：　クラス名を指定

	onload = function() {
	Parse.initialize(mAPP_ID, mJS_KEY);
	var TodoModel = Parse.Object.extend({
	className: mClassName
	});
	$('#id-font-mcid').text(mMC_ID);
	var senApp = new SensorApp( );
	senApp.proc_start_prog();
	senApp.init_proc(TodoModel);
	};

view raw gistfile1.txt hosted with ❤ by GitHub

Parse.Query で取得、グラフ部分は
当日の日付指定、 ( query.greaterThan )
query.find のコールバック内で、
データ部分(センサ値)などを、次に取得開始する。

	SensorApp.prototype.init_proc = function ( model ) {
	var parent_app=this;
	var query = new Parse.Query( model );
	var sDate = this.get_nowDate();
	var nBef =parseInt(sDate);
	query.equalTo("mc_id", mMC_ID);
	query.greaterThan("dtnum", nBef);
	query.limit(300);
	query.find({
	success: function(todos) {
	if(todos.length < 1){
	parent_app.proc_stop_prog();
	alert('error, Nothing data.');
	}else{
	var dat1 = parent_app.get_array( todos ,1 );
	var dat2 = parent_app.get_array( todos ,2 );
	var dat3 = parent_app.get_array( todos ,3 );
	var dat4 = parent_app.get_array( todos ,4 );
	parent_app.make_chart(dat1, dat2, dat3, dat4);
	parent_app.put_data( model );
	}
	},
	error: function(object, error) {
	parent_app.proc_stop_prog();
	alert('error');
	}
	});
	};

view raw gistfile1.txt hosted with ❤ by GitHub

*) 開発者向けのまとめ記事
http://knaka0209.blogspot.jp/2015/04/agri.html