Виды взаимодействия в Интернете вещей

</div>



Приложение 5. Исходный код веб-виджета электросчётчика

<style>

.object_container{

position:absolute;

}

consumption{

padding:10px;

border-top:2px solid #ffffff;

border-left:2px solid #ffffff;

border-bottom:2px solid #23272a;

border-right:2px solid #23272a;

width:208px;

margin-bottom:20px;

border-radius:10px;

}

consumption span{

display:inline-block;

vertical-align:middle;

}

consumption_label{

margin-bottom:5px;

font-size:22px;

font-family:Tahoma, Arial;

}

consumption_value{

margin-right:5px;

width:120px;

height:33px;

font-size:26px;

font-family:Tahoma, Arial;

border-top:1px solid #ffffff;

border-left:1px solid #ffffff;

border-bottom:1px solid #23272a;

border-right:1px solid #23272a;

border-radius:6px;

background-color:#6e6e6e;

color:white;

text-align:right;

padding-right:5px;

}

consumption_units{

width:auto;

height:32px;

font-size:25px;

font-family:Tahoma, Arial;

}

consumption_container{

vertical-align:middle;

}

label{

margin-bottom:5px;

font-size:20px;

font-family:Tahoma, Arial;

width:120px;

}

line span{

display:inline-block;

}

line{

margin-bottom:10px;

}

label_value{

margin-right:5px;

width:80px;

height:33px;

font-size:26px;

font-family:Tahoma, Arial;

border-top:1px solid #ffffff;

border-left:1px solid #ffffff;

border-bottom:1px solid #23272a;

border-right:1px solid #23272a;

border-radius:6px;

background-color:#6e6e6e;

color:white;

text-align:right;

padding-right:5px;

}

label_units{

width:auto;

height:32px;

font-size:25px;

font-family:Tahoma, Arial;

}

electric_meter{

border-top:5px solid #23272a;

border-left:5px solid #23272a;

border-bottom:5px solid #23272a;

border-right:5px solid #23272a;

border-radius:5px;

padding:12px;

width:270px;

background-color:#dcdad6;

}

device{

margin-bottom:5px;

font-size:18px;

font-family:Tahoma, Arial;

}

device_label{

margin-right:10px;

}

device span{

display:inline-block;

vertical-align:middle;

}

devices_label{

margin-bottom:5px;

font-size:20px;

font-family:Tahoma, Arial;

font-weight:bold;

}

device_state{

text-align:right;

float:right;

margin-top:2px;

}

devices{

margin-top:15px;

width:305px;

}

device_state_on{

color:green;

}

device_state_off{

color:red;

}

</style>

<script>

var interval;

var Widget;

function WElectricMeter()

{

this.self = this;

this.getData = function(param, _callback)

{

var _url = 'getdata.php?widget=electric_meter&param=' + param;

$.getJSON(_url, {}, function(_data){

$.each(_data, function(key, val) {

if(key.toLowerCase() == 'value')

_callback(val);

});

}, 'html');

}

this.getDeviceData = function(deviceId, param, _callback)

{

var _url = 'getdata.php?widget=electric_meter&device=' + deviceId + '&param=' + param;

$.getJSON(_url, {}, function(_data){

$.each(_data, function(key, val) {

if(key.toLowerCase() == 'value')

_callback(val);

});

}, 'html');

}

this.setVoltage = function(val)

{

$('.voltage_value').html(val);

}

this.setCurrent = function(val)

{

$('.current_value').html(val);

}

this.setPower = function(val)

{

$('.power_value').html(val);

}

this.setConsumption = function(val)

{

$('.consumption_value').html(val);

}

this.deviceGetState = function(deviceId)

{

var device = $('#device' + deviceId);

var state = device[0].state;

if(state == undefined || !state)

device[0].state = 0;

return state == undefined ? 0 : state;

}

this.deviceSetState = function(deviceId, state)

{

var device = $('#device' + deviceId);

switch(state)

{

case 1:

if(device.length)

{

device.find('.device_state_off').css('display','none');

device.find('.device_state_on').css('display','inline-block');

device[0].state = state;

}

break;

case 0:

if(device.length)

{

device.find('.device_state_on').css('display','none');

device.find('.device_state_off').css('display','inline-block');

device[0].state = state;

}

break;

default:

break;

}

}

var t = this;

this.getAllData = function()

{

t.getData('volt', function(val){

t.setVoltage(val);

});

t.getData('amp', function(val){

t.setCurrent(val);

});

t.getData('watt', function(val){

t.setPower(val);

});

t.getData('tar1', function(val){

t.setConsumption(val);

});

t.getDeviceData(17, 'active', function(val){

var state = parseInt(val);

if(t.deviceGetState(17) != state)

t.deviceSetState(17, state);

});

t.getDeviceData(18, 'active', function(val){

var state = parseInt(val);

if(t.deviceGetState(18) != state)

t.deviceSetState(18, state);

});

t.getDeviceData(19, 'active', function(val){

var state = parseInt(val);

if(t.deviceGetState(19) != state)

t.deviceSetState(19, state);

});

}

}

function electric_meter_getDataRecursive()

{

Widget.getAllData();

clearInterval(interval);

interval = setInterval(electric_meter_getDataRecursive, Math.floor( 2000 ) );

}

$(document).ready(function(){

Widget = new WElectricMeter();

electric_meter_getDataRecursive();

});

</script>

<div class="object_container">

<div class="electric_meter">

<div class="consumption">

<div class="consumption_label">Показания</div>

<div class="consumption_container">

<span class="consumption_value">00.00</span>

<span class="consumption_units">КВт*ч</span>

</div>

</div>

<div class="voltage">

<div class="voltage_container line">

<span class="voltage_label label">Напряжение</span>

<span class="voltage_value label_value">0</span>

<span class="voltage_units label_units">В</span>

</div>

</div>

<div class="current">

<div class="current_container line">

<span class="current_label label">Ток</span>

<span class="current_value label_value">0</span>

<span class="current_units label_units">А</span>

</div>

</div>

<div class="power">

<div class="power_container line">

<span class="power_label label">Мощность</span>

<span class="power_value label_value">0</span>

<span class="power_units label_units">Вт</span>

</div>

</div>

</div>

<div class="devices">

<div class="devices_label">Списокприборов</div>

<div class="devices_list">

<div class="device" id="device17">

<span deviceid="17" class="device_label">Настольнаялампа</span>

<span class="device_state device_state_off">ВЫКЛ</span>

<span class="device_state device_state_on" style="display:none">ВКЛ</span>

</div>

<div class="device" id="device18">

<span deviceid="18" class="device_label">Лампанакаливания</span>

<span class="device_state device_state_off">ВЫКЛ</span>

<span class="device_state device_state_on" style="display:none">ВКЛ</span>

</div>

<div class="device" id="device19">

<span deviceid="19" class="device_label">Кофемолка</span>

<span class="device_state device_state_off">ВЫКЛ</span>

<span class="device_state device_state_on" style="display:none">ВКЛ</span>

</div>

</div>

</div>

</div>



Приложение 6. ZigBee-GSMшлюз. Разработка WiSeNetLab

Принципиальная схема устройства



Топология печатной платы

Слои 1 и 2



Слои 3 и 4

Размещено на Allbest.ru