00:04
so what is groov? groov is an operator interface
00:07
built from the ground up for your mobile
device. We like to say groov is mobile
00:14
So I'm going to show you just how true that is. I'm gonna build one app
00:19
that works on my android smartphone, this
iPad
00:22
and Chrome on the Mac laptop. There are two ways
00:25
to run groov on this compact industrial
appliance
00:29
or a software-only version that you
install and run
00:32
on your Windows based computer. To boot up this groov Box,
00:36
all's I had to do was plug in the network
plug in power
00:39
and hit the power button, that's about as
easy as it gets
00:43
to boot up this groov web server, let's go
log in
00:47
to do that we need to go to a computer
that's on the same network
00:51
as the groov box, next start your browser
00:55
that's the only software you need to
use groov
00:59
there's no downloads no plugins no
PC admin rights
01:03
just a browser, that's all you need.
Let's connect to the server
01:07
to do this we type in HTTPS
01:10
and a groov Box address
01:14
now don't forget the S because we're making a secure connection
01:18
to the server, I've already created an admin
account
01:22
so I'll just log in here and then click the
gear icon
01:25
in the upper right there I'm in build mode
01:28
the entire build environment is right here
01:31
in the browser tab, in this quick demo
I'm gonna create
01:35
two gadgets, one attached to a control
system directly in the room
01:39
and one from an OPC UA server
which is connected to a PLC
01:44
here in the building, so let's set up the
tags
01:47
for each of those systems now, first from my Opto 22 control system
01:52
I select add Opto 22 Controller
type in the address
01:56
and then select the controller tag file
01:59
now let's configure the OPC UA tag server
02:02
choose add OPC UA server
02:06
put a name and the address colon
and the port number
02:10
click ad server and we're all set okay
02:13
it's time to start building our interface
since I'm building a mobile app
02:17
let's switch straight into the mobile
view, add a new page
02:21
give it a name click ok
02:25
now we simply drag-and-drop gadgets on to that page
02:28
I'll add a button so that I can turn the
lights in the studio
02:31
on and off, drag it here then go up to gadget properties
02:35
and select the tag that the gadget will be
connected to, I'm going to connect to the tag
02:39
for the studio lights
02:40
now I'm gonna drag a round gauge out to here
02:44
and then I'm going to live browse the OPC UA tag tree
02:48
and find the tag we want what I'm after is
a float variable in our
02:52
Allen Bradley PLC, there it is too easy
02:56
one tag on an Opto 22 controller and the
03:00
other on a Compact Logix PLC there was no code
03:04
no programming it's all just
drag-and-drop. Now let's go test the button
03:09
here's the screen we just built on an
03:10
Android smartphone, an iPad and Chrome on the Mac
03:14
and check this out, as I rotate my phone
03:18
everything scales to fit that's how we
can build
03:21
one app that fits any screen size on any
size device
03:25
when we said that groov was made for mobile
03:28
we really weren't kidding, alright I'll
just try this button out here
03:33
on my smartphone, yep and let's
turn the lights back on from the iPad
03:38
you little ripper! now it's your turn to
do this
03:42
on your mobile, grab your phone and scan this QR code
03:47
login with username trial and the
password is
03:50
opto 22 you can also download your free
trial of groov
03:55
from groov.com till next time, cheers mate!
00:03
Was ist groov? groov ist eine speziell für Mobilgeräte
00:07
entwickelte Visualisierung. Wir sagen
00:13
groov ist “Mobile Visualisierung, einfach gemacht”.
00:14
Während dieses Videos werde ich zeigen wie einfach das ist. Ich werde eine Anwendung erstellen,
00:19
welche auf meinen Android Smartphone, diesem iPad
00:22
und auf diesem Apple Computer arbeitet.
00:25
Es gibt 2 Varianten von groov: auf diesem kompakten Industrie Controller,
00:29
oder eine reine Software Version zur Installation
00:32
auf einem Microsoft Windows Computer. Um diese groov Box
00:36
zu starten musste ich nur das Netzwerkabel und die Stromversorgung einstecken,
00:39
und dann die Power Taste drücken.
00:43
So einfach ist es den groov Webserver zu starten
00:47
Lass uns einloggen. Dazu müssen wir einen Computer nutzen, der sich im gleichen Netzwerk
00:51
wie die groov Box befindet. Dann starten wir einen Browser.
00:55
Das ist die einzige Software die für groov benötigt wird.
00:59
Es sind keine Downloads, keine Plug-Ins und auch keine PC Administratorenrechte nötig.
01:03
Einzig ein Web-Browser. Als nächstes verbinden wir mit dem Server.
01:07
In der Adressleiste des Browsers „https://“
01:10
und die groov Box Adresse eingeben.
01:14
Das „S“ nicht vergessen, da es sich um eine sichere SSL Verbindung handelt.
01:18
Ich habe schon ein Admin Konto angelegt,
01:22
somit melde ich mich an und klicke auf das Zahnrad Icon in der oberen rechten Ecke.
01:25
Nun befinde ich mich in groov Build,
01:28
die komplette Entwicklungsumgebung im Web-Browser
01:31
Ich werde in dieser kurzen Demo zwei neue Objekte erstellen.
01:35
Eines direkt mit einem Steuerungssystem
01:39
und ein Anderes über einen OPC-UA Server
01:44
an eine SPS hier im Gebäude.
01:47
Jetzt erstelle ich die Tags für jedes der Systeme. Für die Opto 22 Steuerung wähle ich
01:52
‘Add Opto 22 Controller’. Dann die IP-Adresse
01:56
eingeben und die Tag Datenbank der Steuerung auswählen.
01:59
Als nächstes konfiguriere ich einen OPC-UA Server.
02:02
‘Configure...OPC UA Server’
02:06
auswählen, einen Namen vergeben, IP-Adresse und Port eingeben,
02:10
dann ‘Add Server‘ klicken und schon ist das erledigt.
02:13
Ok, jetzt ist es Zeit das Interface zu erstellen.
02:17
Weil wir ja eine Mobile Anwendung erstellen, schalte ich in den ‘Mobile View‘.
02:21
Als erstes eine neue Seite erstellen, einen Namen vergeben und OK klicken.
02:25
Jetzt füge ich Objekte per einfachem Drag and Drop der Seite hinzu.
02:28
Ich nehme einen Taster, um die Beleuchtung im Studio an- und auszuschalten.
02:31
Hierher ziehen, dann oben ‘Gadget Properties’ wählen und den Tag auswählen,
02:35
mit dem dieses Objekt verbunden werden soll.
02:39
Ich wähle den Tag für die Studio Beleuchtung. Erledigt.
02:40
Nun ziehe ich ein Rundinstrument auf die Seite
02:44
und suche live in der OPC-UA Tag Liste um den Tag den ich brauche zu finden.
02:48
Der gesuchte Tag ist eine Float Variable in unserer Allen Bradley SPS.
02:52
Hier ist er, das war einfach
02:56
Jetzt habe ich einen Tag für die Opto 22 Steuerung
03:00
und einen Weiteren für die Compact Logix SPS.
03:04
Ich musste keinen Code erstellen, nichts Programmieren. Es war nur einfaches Drag and Drop.
03:09
Lass uns den Taster probieren. Hier sehen Sie die Seite,
03:10
die ich gerade erstellt habe, auf einem Android Smartphone, einem iPad und in Chrome auf dem MAC.
03:14
Und noch etwas, wenn ich das Gerät drehe, skaliert Alles passend.
03:18
Dies zeigt, dass wir eine Anwendung erstellen können,
03:21
die dann auf jede Bildschirmgröße und auf jedem Gerät passt.
03:25
Wir haben es ernst gemeint als wir sagten groov ist für Mobilgeräte gemacht.
03:28
OK, ich teste jetzt mal den Taster auf meinem Smartphone…
03:33
Und mit dem iPad schalte ich das Licht wieder ein…
03:42
Jetzt sind Sie dran mit ihrem Mobilgerät.
03:47
Scannen Sie diesen QR-Code mit dem Smartphone. Einloggen
03:50
mit Username: ‘trial’ und dem Passwort: ‘opto22’.
03:55
Sie können sich auch eine Test Version von groov auf www.groov.com laden
04:00
Danke fürs zuschauen.