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.
00:04
Entonces, qué es groov? Groov es una interface de operador
00:07
diseñada para su dispositivo móvil. Nos gusta decir que
00:13
groov es mobile made simple.
00:14
En este video, voy a enseñar que tan cierto es esto. Voy a configurar una sola aplicación
00:19
que trabajará en mi Smartphone de Android, este iPad
00:22
y esta laptop de Apple. Hay dos modos de correr groov:
00:25
en este dispositivo industrial compacto,
00:29
o en una versión de software que se instala y corre
00:32
en su computadora de Microsoft Windows. Para encender esta caja de groov,
00:36
solo tengo que enchufar el cable de la red de Ethernet, enchufar el cable de alimentación,
00:39
y oprimir el botón para encenderlo. Es todo lo que
00:43
se tiene que hacer para correr este servidor de groov. Vamos a iniciar una sesión.
00:47
Para hacerlo, necesitamos una computadora que esté en la misma red que la caja de groov.
00:51
En seguida, arranque un navegador web.
00:55
Ese es el único software que necesita para usar a groov.
00:59
No requiere descargar software, plugins, ni privilegios administrativos que manejar.
01:03
Lo único que necesita es un navegador web.
01:07
Luego, vamos a conectarnos al servidor. En la barra de direcciones, escriba
01:10
https:// y la dirección de la caja de groov.
01:14
No se le olvide la ‘s’ porque estamos haciendo una coneción segura al servidor.
01:18
Ya había creado una cuenta administrativa, así que voy a iniciar una sesión aquí,
01:22
hacer click en el icono del engrane arriba, al lado derecho.
01:25
Ahora estoy en ‘groov Build’.
01:28
Todo el ambiente de configuración está aquí en la pestaña del browser.
01:31
En esta demostración rápida, voy a crear dos gadgets,
01:35
uno conectado directamente al Sistema de control,
01:39
y uno de un servidor de OPC-UA que está conectado a un PLC aquí en el edificio.
01:47
Primero, para mi sistema de control de Opto 22, selecciono ‘Add Opto 22 Controller’.
01:52
Luego escriba la dirección IP
01:56
y seleccione el archivo de tags del controlador.
01:59
Luego, vamos a configurar un servidor de tags de OPC-UA.
02:02
Seleccione ‘Configure...OPC UA Server’.
02:06
Dele un nombre, dirección, y un puerto.
02:10
Luego, hacer click en ‘Add Server’, y ya terminó.
02:13
Bueno, ahora vamos a comenzar a construir la interface.
02:17
Como estoy construyendo una aplicación móvil, vamos a cambiarnos al ‘Mobile View’.
02:21
Primero voy agregar una nueva página, darle un nombre...y hacer click en ‘OK’.
02:25
Ahora, solo arrastro y suelto los gadgets en la página.
02:28
Agregaré un botón para poder encender y apagar las luces en el estudio.
02:31
Arrastre y póngalo aquí. Luego vaya a la pestaña de ‘Gadget Properties’,
02:35
y seleccione el tag al que lo va a conectar. Voy a seleccionar
02:39
el tag para las luces del estudio. Ya terminé.
02:40
Ahora voy arrastrar un medidor redondo hasta aquí,
02:44
y buscar en el arból de los tags de OPC-UA,
02:48
el tag que quiero. El tag que busco es un variable flotante en nuestro PLC de Allen-Bradley...
02:52
Ahí está...... fácil!
02:56
Ahora tengo un tag para el controlador de Opto 22
03:00
y el otro para el PLC de CompactLogix.
03:04
No hubo código, sin programación, todo fue simplemente arrastrar y colocar.
Vamos a probar el botón.
52
00:03:09,329 --> 00:03:10,769
Aquí está la pantalla que acabo de hacer
03:10
en un Smartphone de Android, en un iPad, y Chrome en un MAC.
03:14
Fíjese que al girar el teléfono,
03:18
todo se modifica para escalarse.
03:21
Esto muestra cómo podemos crear una interface que cabe en cualquier tamaño de pantalla, en cualquier dispositivo.
03:25
Cuando dijimos que groov se hizo para móviles, no estábamos bromeando!
03:28
Bien, vamos a probar este botón aquí en mi teléfono...
03:33
Volvemos a encender las luces desde el iPad....
03:38
Ahora le toca Ud. hacerlo en su móvil.
03:42
Escanee este código de QR con su teléfono.
03:47
Inicie una sesión con el username de ‘trial’ y el password de ‘opto22’.
03:50
También puede descargar su prueba gratuita de groov de groov.com.
03:55
Gracias por su atención.