00:05
Hello. So what is groov? groov is an operator interface
00:11
built from the ground up for your mobile
device. We like to say groov is mobile
00:19
So I'm going to show you just how true that is. I'm gonna build one app
00:25
that works on my android smartphone, this
iPad
00:29
and Chrome on the Mac laptop. There are two ways
00:35
to run groov on this compact industrial
appliance
00:37
or a software-only version that you
install and run
00:41
on your Windows based computer. To boot up this groov Box,
00:46
all I had to do was plug in the network
plug in power
00:52
and hit the power button, that's about as
easy as it gets
00:56
to boot up this groov web server, let's go
log in
01:02
to do that we need to go to a computer
that's on the same network
01:08
next start your browser
01:12
that's the only software you need to
use groov
01:16
there's no downloads no plugins no
PC admin rights
01:23
just a browser, that's all you need.
01:27
Let's connect to the server. to do this we type in
01:33
https:// and a groov Box address.
01:42
now don't forget the S because we're making a secure connection to the server,
01:47
I've already created an admin
account so I'll just log in here
01:54
and then click the gear icon
in the upper right.
02:00
there I'm in groov Build.
02:03
the entire build environment is right here in the browser tab.
02:08
in this quick demo
I'm gonna create two gadgets,
02:12
one attached to a control
system directly in the room
02:16
and one from an OPC UA server
which is connected to a PLC
02:26
here in the building, so let's set up the
tags
02:37
for each of those systems now, first from my Opto 22 control system
02:40
I select add Opto 22 Controller
type in the address
02:44
and then select the controller tag file. Now let's configure the OPC UA tag server
02:51
choose add OPC UA server
02:55
put a name and the address colon
and the port number
02:59
click ad server and we're all set okay.
03:05
OK, it's time to start building our interface
since I'm building a mobile app
03:09
let's switch straight into the mobile
view,
03:15
First add a new page,
give it a name, click ok
03:23
now we simply drag-and-drop gadgets on to that page
03:28
I'll add a button so that I can turn the
lights in the studio
03:35
on and off, drag it here then go up to gadget properties
03:40
and select the tag that the gadget will be
connected to, I'm going to connect
03:46
to the tag for the studio lights. I'm finished.
03:51
Now I'm gonna drag a round gauge out to here
03:55
and then I'm going to live browse the OPC UA tag tree
03:58
and find the tag we want what I'm after is
a float variable in ourAllen Bradley PLC
04:07
There it is. Too easy
04:09
No I have one tag on an Opto 22 controller and the
04:13
other on a Compact Logix PLC.
04:16
There was no code, no programming it's all just
drag-and-drop.
04:23
Now let's go test the button.
04:25
here's the screen we just built on an
04:28
Android smartphone, an iPad and Chrome on the Mac
04:33
and check this out, as I rotate my phone
04:37
everything scales to fit that's how we
can build.
04:45
that fits any screen size on any
size device
04:47
when we said that groov was made for mobile we really weren't kidding!
04:54
alright I'll
just try this button out here
05:02
On my smartphone, yep and let's
turn the lights back on from the iPad
05:08
now it's your turn to
do this.
05:10
on your mobile, grab your phone and scan this QR code
05:14
login with username 'trial' and the
password is opto22
05:19
you can also download your free
trial of groov from opto22.com
05:25
Until next time, thanks for watching.
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:05
Buenos días. Entonces, qué es groov? Groov es una interface
de operador
00:11
diseñada para su dispositivo móvil. Nos
gusta decir que
00:15
groov es mobile made simple.
00:19
En este video, voy a enseñar que tan cierto
es esto. Voy a configurar una sola aplicación
00:25
que trabajará en mi Smartphone de Android,
este iPad
00:29
y esta laptop de Apple. Hay dos modos de correr
groov:
00:35
en este dispositivo industrial compacto,
00:37
o en una versión de software que se instala
y corre
00:41
en su computadora de Microsoft Windows. Para
encender esta caja de groov,
00:46
solo tengo que enchufar el cable de la red
de Ethernet, enchufar el cable de alimentación,
00:52
y oprimir el botón para encenderlo. Es todo
lo que
00:56
se tiene que hacer para correr este servidor
de groov. Vamos a iniciar una sesión.
01:02
Para hacerlo, necesitamos una computadora
que esté en la misma red que la caja de
01:08
En seguida, arranque un navegador web.
01:12
Ese es el único software que necesita para
usar a groov.
01:16
No requiere descargar software, plugins, ni
privilegios administrativos que manejar.
01:23
Lo único que necesita es un navegador web.
01:27
Luego, vamos a conectarnos al servidor. En
la barra de direcciones, escriba
01:33
https:// y la dirección de la caja de groov.
01:42
No se le olvide la ‘s’ porque estamos
haciendo una coneción segura al servidor.
01:47
Ya había creado una cuenta administrativa,
así que voy a iniciar una sesión aquí,
01:54
hacer click en el icono del engrane arriba,
al lado derecho.
02:00
Ahora estoy en ‘groov Build’.
02:03
Todo el ambiente de configuración está
aquí en la pestaña del browser.
02:08
En esta demostración rápida, voy a crear
dos gadgets,
02:12
uno conectado directamente al Sistema de control,
02:16
y uno de un servidor de OPC-UA que está
conectado a un PLC aquí en el edificio.
02:26
Primero, para mi sistema de control de Opto
22, selecciono ‘Add Opto 22 Controller’.
02:37
Luego escriba la dirección IP
02:40
y seleccione el archivo de tags del controlador.
02:44
Luego, vamos a configurar un servidor de tags
de OPC-UA.
02:51
Seleccione ‘Configure...OPC UA Server’.
02:55
Dele un nombre, dirección, y un puerto.
02:59
Luego, hacer click en ‘Add Server’, y
ya terminó.
03:05
Bueno, ahora vamos a comenzar a construir
la interface.
03:09
Como estoy construyendo una aplicación móvil,
vamos a cambiarnos al ‘Mobile View’.
03:15
Primero voy agregar una nueva página, darle
un nombre...y hacer click en ‘OK’.
03:23
Ahora, solo arrastro y suelto los gadgets
en la página.
03:28
Agregaré un botón para poder encender
y apagar las luces en el estudio.
03:35
Arrastre y póngalo aquí. Luego vaya a
la pestaña de ‘Gadget Properties’,
03:40
y seleccione el tag al que lo va a conectar.
Voy a seleccionar
03:46
el tag para las luces del estudio. Ya terminé.
03:51
Ahora voy arrastrar un medidor redondo hasta
aquí,
03:55
y buscar en el arból de los tags de OPC-UA,
03:58
el tag que quiero. El tag que busco es un
variable flotante en nuestro PLC de Allen-Bradley...
04:07
Ahí está... ¡Fácil!
04:09
Ahora tengo un tag para el controlador de
Opto 22
04:13
y el otro para el PLC de CompactLogix.
04:16
No hubo código, sin programación, todo
fue simplemente arrastrar y colocar.
04:23
Vamos a probar el botón.
04:25
Aquí está la pantalla que acabo de hacer
04:28
en un Smartphone de Android, en un iPad, y
Chrome en un MAC.
04:33
Fíjese que al girar el teléfono,
04:37
todo se modifica para escalarse.
04:39
Esto muestra cómo podemos crear una interface
que cabe en cualquier tamaño de pantalla,
04:45
en cualquier dispositivo.
04:47
Cuando dijimos que groov se hizo para móviles,
no estábamos bromeando!
04:54
Bien, vamos a probar este botón aquí en
mi teléfono
05:02
Volvemos a encender las luces desde el iPad
05:08
Ahora le toca Ud. hacerlo en su móvil.
05:10
Entonces, este código de QR con su teléfono.
05:14
Inicie una sesión con el username de ‘trial’
y el password de ‘opto22’.
05:19
También puede descargar su prueba gratuita
de groov de groov.com.
05:25
Gracias por su atención. Hasta luego.