PDF de programación - Serie de seminarios Web para Desarrolladores de LabVIEW - 04 Creando Aplicaciones Web

Serie de Seminarios Web para Desarrolladores de

Summer of LabVIEW
The Sunny Side of System Design

LabVIEW
30th June - 18th July

Construya Código. Obtenga Respuestas. Aumente su Confianza.



ni.com

1

Creando Aplicaciones Web básicas

utilizando el Web Server

<Nombre, puesto>

ni.com

ni.com

3

ni.com

4

Agenda

6. La nube

4. HTML/JS

7. Pasos siguientes

5. Bibliotecas JavaScript

3. HTTP

1. Contexto

2. Servicios web

ni.com

5

Opciones de conectividad remota en LabVIEW

ni.com

6

Tecnologías de cliente web de LabVIEW
Tecnologías nativas
•  Paletas HTTP
•  TCP/UDP/FTP/SMTP/WebDav
•  Servidor web de LabVIEW

Recurso externo
•  LabSocket
•  Página web
•  Panel de información de la nube

ni.com

7

Tecnologías de cliente web de LabVIEW
Tecnologías nativas
•  Paletas HTTP
•  TCP/UDP/FTP/SMTP/WebDav
•  Servidor web de LabVIEW

Recurso externo
•  LabSocket
•  Página web
•  Panel de información de la nube

ni.com

8

2. Servicios web

6. La nube

4. HTML/JS

7. Pasos siguientes

5. Bibliotecas JavaScript

3. HTTP

1. Contexto

2. Servicios web

ni.com

9

¿Qué es un servidor web?
Software que acepta y dan respuesta a solicitudes HTTP,
por lo general, de un explorador.

ni.com

10

Servicios web de LabVIEW

Los servicios web de LabVIEW proveen contenido y
dan respuesta a solicitudes de HTTP.


ni.com

Servicio web

11

Servicios web de LabVIEW

Los servicios web de LabVIEW proveen contenido y
dan respuesta a solicitudes de HTTP.


Navegador web

ni.com

Servicio web

12

Servicios web de LabVIEW

Los servicios web de LabVIEW proveen contenido y
dan respuesta a solicitudes de HTTP.


Navegador web

Método web
de LabVIEW

ni.com

Servicio web

13

Servicio web en un proyecto

ni.com

14

Servicio web en un proyecto

ni.com

15

Contenido estático y métodos web

Navegador web

Servicio web

ni.com

16

Método web
de LabVIEW

HTML

JS

CSS

3. HTTP

6. La nube

4. HTML/JS

7. Pasos siguientes

5. Bibliotecas JavaScript

3. HTTP

1. Contexto

2. Servicios web

ni.com

17

URL

Localizador de recurso uniforme o “Dirección web”

scheme://domain:port/path?query_string

http://www.ni.com/exampleURL?value=“true”


Protocolo

Ubicación

Ruta de acceso
del recurso

Cadena de
consulta

ni.com

18

Demostración de HTTP: agregar dos
números

http://127.0.0.1:8001/WebService1/add?b=4.5&a=3.5

ni.com

19

Ejercicio

Demostración de HTTP: agregar dos números

http://127.0.0.1:8080/WebService1/add?b=2&a=4

Protocolo Objetivo Nombre del
servicio web

VI Nombre

Consulta

ni.com

20

Asignación URL

ni.com

21

Navegue hasta Comunicación de LabVIEW

Navegador web

Método web
de LabVIEW

Servicio web

ni.com

22

Contenido estático y métodos web

Navegador web

Servicio web

ni.com

23

Método web
de LabVIEW

HTML

JS

CSS

4. HTML/JS

6. La nube

4. HTML/JS

7. Pasos siguientes

5. Bibliotecas JavaScript

3. HTTP

1. Contexto

2. Servicios web

ni.com

24

¿Qué es HTML?

HTML es un lenguaje de marcado para describir documentos
web (páginas web). Es el Panel frontal de su aplicación
web.

Ejercici

o

ni.com

25

¿Qué es JavaScript?

JavaScript puede cambiar contenido HTML. Es el
Diagrama de bloques de su aplicación web.

Ejercicio

ni.com

26

HTML y JavaScript se ejecutan en el explorador.

Navegador web

Método web
de LabVIEW

ni.com

Servicio web

27

AJAX

JavaScript asincrónico y XML: aplicaciones web con
actualizaciones en segundo plano.


Navegador web

Método web
de LabVIEW

ni.com

Servicio web

28

Demostración de AJAX: agregar en
el cambio de valor

http://127.0.0.1:8001/WebClient/addTwoOnValueChange.html

ni.com

29

Ejercicio

AJAX

JavaScript asincrónico y XML: aplicaciones web con
actualizaciones en segundo plano.


Navegador web

Método web
de LabVIEW

ni.com

Servicio web

30

5. Bibliotecas
JavaScript

6. La nube

4. HTML/JS

7. Pasos siguientes

5. Bibliotecas JavaScript

3. HTTP

1. Contexto

2. Servicios web

ni.com

31

Bibliotecas JavaScript

Navegador web

Método web
de LabVIEW

Bibliotecas

ni.com

Servicio web

32

Ejemplo de gráfico

http://127.0.0.1:8001/GraphService/Initial.html

ni.com

33

Ejercicio

Ejemplo de gráfico

http://127.0.0.1:8001/GraphService/Initial_Submit.html

ni.com

34

Ejercici

o

4. La nube

6. La nube

4. HTML/JS

7. Pasos siguientes

5. Bibliotecas JavaScript

3. HTTP

1. Contexto

2. Servicios web

ni.com

35

Demostración de la nube



http://127.0.0.1:8001/SparkDataService/SparkData.html

ni.com

36

Ejercici

o

7. Pasos siguientes

6. La nube

4. HTML/JS

7. Pasos siguientes

5. Bibliotecas JavaScript

3. HTTP

1. Contexto

2. Servicios web

ni.com

37

Siguientes Pasos: www.tinyurl.com/lvweb
•  Series Cómo empezar

•  Contexto
•  Servicios web
•  HTTP
•  HTML y JavaScript
•  AJAX
•  Bibliotecas JavaScript
•  Series Publicación de
datos

•  Secuencia de texto
•  Pantalla de tabla
•  Tabla
•  Historiador

•  Ejemplos misceláneos

•  Google Maps
•  Screenscrape
•  ¡Aquí va su ejemplo!

ni.com

38

7. Pasos siguientes

6. La nube

4. HTML/JS

7. Pasos siguientes

5. Bibliotecas JavaScript

3. HTTP

1. Contexto

2. Servicios web

ni.com

39

ni.com