Input

inSCADA, input özelliği ile text, checkbox, color gibi seçenekler ile hızlı ve pratik bir şekilde veri girmenize ve seçimler yapmanıza olanak sağlar.

Resim 1' de görülen (1) numaralı alanda veri giriş şekli "TAG" veya "EXPRESSION" olarak seçilebilir. Böylelikle veri girişi "TAG" yardımıyla doğrudan yapabileceği gibi "EXPRESSION" yardımıyla ise oluşturulacak koda bağlı olarak ve belirli koşullarda değer girişi yapılabilir.

Resim 1' de görülen (2) numaralı alanda veri giriş şekli kontrol edilebilir. Konfigurasyonda "Enter" seçilmesi durumunda veri girişi klavyede ENTER tuşuna basıldıktan sonra yapılacaktır. Konfigurasyonda "Focus out" seçilmesi durumunda ise veri girişi herhangi bir yere tıklandığında yapılacaktır.

Resim 1' de görülen (3) numaralı alanda ise veri giriş türleri görülebilir. Bunlar ise;

Text
Checkbox
Color
Number
Password
Date
Datetime
Time
Month
Select

olarak sıralanabilir.

Text

inSCADA Input'un Text özelliği ile tanımlanan bir string değişkeni animasyon sayfası üzerinden giriş yapmaya olanak sağlar.

Resim 2' de "test_text" ismiyle tanımlanmış string bir değişkene TAG Type kullanarak doğrudan değer girişi yapılmıştır.

Resim 3' de "test_text" ismiyle tanımlanmış string bir değişkene EXPRESSION Type kullanılarak değer girişi yapılmıştır. Burada kullanıcının belirleyeceği koşullara göre veri girişi yapılabilir.

var myFunc = function(value){
    ins.consoleLog("Value: " +value);
    ins.setVariableValue("test_text",{value:value});
}

return {
  value: "Text",
  customFunc: myFunc.toString()

};

Checkbox

inSCADA Checkbox Input yardımıyla bir cihazı, süreci veya işlemi etkinleştirme veya devre dışı bırakma gibi temel kontrol işlevlerini gerçekleştirmenize olanak sağlar. Kullanıcılar bir cihazın veya durumun aktif veya pasif olma durumlarını kontrol etmek amacıyla checkbox özelliğini kullanabilirler.

Color

inSCADA, Color özelliği ile animasyon ekranında bir dikdörtgen veya SVG editörüyle oluşturulan herhangi bir nesnenin rengini hızlı ve kolay bir şekilde belirlemenize ve değiştirmenize olanak tanır. Seçtiğiniz rengin kodunu bir değişkene atayabilir ve animasyon ekranında ihtiyacınız olduğunda bu kodu kullanarak rengi değiştirebilirsiniz. Bu özellik, renk değişikliklerini belirli bir yerde ve zamanda çağırarak animasyon ekranınızı özelleştirmenizi sağlar.

Resim 4'te bir dikdörtgen obje üzerinden renk belirleme işlemi, doğrudan tanımlı bir değişken üzerinden yapılmıştır. Resim 5'te ise bu işlem bir expression yardımıyla gerçekleştirilmiştir, bu expression yardımıyla ve yazılan koda göre kullanıcı belirli koşullara göre renk değişimini sağlayabilmektedir.

var myFunc = function(value){
    //ins.consoleLog("Value: " +value);
    ins.setVariableValue("test_color_load",{value:value});
}

return {
  value: ins.getVariableValue("test_color_load").value,
  customFunc: myFunc.toString()

};

Color Input ile tanımlı bir değişkene bilgisayar renk kodu string olarak atanabilir ve kullanıcı istenilen objenin rengini; ki bu obje bir text, çizim veya bir trend grafik olabilir, sadece renk seçici araç ile belirleyebilir. Resim 6' da bir trend grafikte kullanılan değişkenlerin referans renkleri Color Input kullanılarak değiştirilebilmektedir.

Number

inSCADA, Number Input özelliği ile kullanıcıların sayı, miktar ,sıcaklık ve basınç değerleri, zaman aralıkları gibi sayısal verileri hızlı ve kolay bir şekilde ayarlamalarına olanak tanır. Number Input özelliği; veri girişi, süreç izleme ve kontrol süreçlerini daha etkili ve kullanıcı dostu hale getirir.

Password

inSCADA, Password özelliği ile bir değerin set edilmesi veya bir animasyon sayfasına erişim gibi konularda sadece yetkili kullanıcılara erişim sağlanmasına yardımcı olur.

Resim 4'te "test_pass" isimli string bir değişkene TAG Type kullanılarak şifre girişi yapılmıştır. Resim 5'te ise "test_pass_set" isimli değişkene bir değer set edilmeden önce Resim 4'te belirtilen şifrenin sorulması için gerekli ayar ekranı görülmektedir. inSCADA bu sayede kullanıcılarına şifre kontrolü ile işlem yapma olanağı saylamaktadır.

Resim 6' da da görüldüğü gibi bir değeri set etme işleminde şifre olarak, tanımlı bir değişken kullanmak yerine doğrudan şifre girişi yaparakta korumalı set işlemi gerçekleştirilebilir. Böylece her set işlemi için benzersiz şifreler oluşturulabilir.

Select

Kullanıcılar farklı parametrelerin veya ayarların belirli bir süreci veya cihazı nasıl etkileyebileceğini belirlemek için Select Input özelliğini kullanabilir. Bu özellik, kullanıcılara belirli bir listeden seçim yapma olanağı tanır. Kullanıcılar, listeden bir öğeyi seçerek belirli işlemleri gerçekleştirebilirler.

Resim 6 'da bir Input Select örneği görülmektedir. Options kısmında belirtilen "Bir Önceki Hafta" ve "Devam Eden Hafta" ifadeleri seçim listesinde(dropbox) kullanıcının göreceği, yapılacak işlemle ilgili anlamlı ifadelerdir. Bu listede belirtilen ifadelere göre kullanıcının bir seçim yapmasına olanak sağlanır. Yapılan seçime göre bir değer set edilebilir, bir fonksiyon çalıştırılabilir veya başka bir scriptte bulunan fonksiyona atıfta bulunularak çalıştırılabilir.

 function dropbox_test() {
    if ((ins.getVariableValue("_CHOOSE_WEEKLOG").value)==1) {
        prev7dayBar();
    }
    if ((ins.getVariableValue("_CHOOSE_WEEKLOG").value)==0) {
        curr7dayBar();
    }
}

return {
    value:ins.getVariableValue("_CHOOSE_WEEKLOG").value,
    "Bir Önceki Hafta": {value:1,tagName:"_CHOOSE_WEEKLOG"},
    "Devam Eden Hafta": {value:0,tagName:"_CHOOSE_WEEKLOG"},
    customFunc:dropbox_test()
};

Yukarıdaki kodda; seçim listesinde belirtilen "Bir Önceki Hafta" ifadesi seçildiğinde "_CHOOSE_WEEKLOG" değişkenine "1" değeri atanır, "Devam Eden Hafta" ifadesi seçildiğinde ise "_CHOOSE_WEEKLOG" değişkenine "0" değeri atanır. Ardından customFunc ile "dropbox_test" fonksiyonu çağırılmıştır.

Resim 7 ve Resim 8 'de seçim listesinde belirtilen "Bir Önceki Hafta" ve "Devam Eden Hafta" ifadelerinden birisinin seçilmesi ile bir bar grafiğinin animasyon ekranında değiştirilmesi ve kullanıcının bu grafik yardımıyla verilerini daha kolay ve etkin bir şekilde takip etmesi sağlanmıştır.

PreviousGet Symbol NextQR Code

Last updated 1 year ago

var myFunc = function(value){ //ins.consoleLog("Value: " +value); ins.setVariableValue("test_color_load",{value:value}); } return { value: ins.getVariableValue("test_color_load").value, customFunc: myFunc.toString() };

function dropbox_test() { if ((ins.getVariableValue("_CHOOSE_WEEKLOG").value)==1) { prev7dayBar(); } if ((ins.getVariableValue("_CHOOSE_WEEKLOG").value)==0) { curr7dayBar(); } } return { value:ins.getVariableValue("_CHOOSE_WEEKLOG").value, "Bir Önceki Hafta": {value:1,tagName:"_CHOOSE_WEEKLOG"}, "Devam Eden Hafta": {value:0,tagName:"_CHOOSE_WEEKLOG"}, customFunc:dropbox_test() };