V januarski izdaji revije Sveti elektronike smo predstavi kako beremo podatke in jih zapisujem v krmilnik preko poljubne uporabniške spletne strani. V tokratni izdaji si bomo ogledali kako izdelamo različne grafe in kako hkrati prenašamo veliko število podatkov, brez časovnega zamika.
V prvem delu članka smo rešili vprašanje branja in zapisovanja podatkov preko poljubne, uporabniško definirane spletne strani. Spletno stran smo opremili z JavaScript-om in knjižnico jQuery, s čemer smo odpravili nadležno utripanje strani pri osveževanju podatkov. Tokrat bomo izdelali graf, ki prikazuje stanje podatka, ki ga preberemo iz krmilnika. Graf bomo vizualno obdelali in ga opremili z dodatnimi informacijami. Primer takšnega grafa lahko vidite na sliki pod naslovom. Graf je bil izdelan s pomočjo krmilnika serije Simatic S7-1200, lahko bi uporabili tudi krmilnik serije S7-1500, saj ima tudi ta serija integrirani spletni strežnik. Poleg izdelave grafa se bomo lotili tudi problema zakasnitve osveževanja podatkov na spletni strani, ki se pojavi, kadar beremo večje število le-teh.
Problem zakasnitve lahko odpravimo na dva načina. Prva možnost je združevanje večjega števila tag-ov v en tag podatkovnega tipa string. Na spletni strani nato ta string razdelimo nazaj na posamezne podatke, ki jih želimo prikazovati. Drugi način, katerega bomo uporabili tudi mi, je JSON (JavaScript Object Notation) struktura, ki se uporablja za prenos in shranjevanje podatkov. Najprej se bomo posvetili izdelavi grafa.
Simatic S7-1200 Web server – uporabniške spletne strani (2)
Siemens d.o.o.
Bratislavska 5
1000 Ljubljana
T: + 386 1 4746 100