Lab Windows and Graphics 2-39

InTouch 7.0 Basic Course

Lab Ventanas y Grficos En esta prctica se crear una nueva aplicacin, una nueva ventana llamada Boceto, y tambin algunos objetos grficos. Tambin se importarn algunas ventanas que se usarn posteriormente.

1. Inicie el manager de aplicaciones de InTouch :

2. Haga clic en el cono New de la barra de herramientas (o clic en File/New en el men File):

Aparecer entonces el ayudante para Crear una nueva aplicacin (Create New Application)

2-40 Module 2 Development Environment

Wonderware Corporation

3. Haga clic en Next. Entonces la siguiente ventana aparecer:

4. Ingrese all el directorio que se desea crear para guardar las aplicaciones que se creen, este puede llamarse c:\Training, y haga clic luego en Next.

5. En la siguiente ventana de dilogo, ingrese Training como el nombre, y tambin una descripcin apropiada para el mismo.

6. Haga clic en Finish. El Manager de aplicaciones de Intouch, reaparece mostrando las aplicaciones recientemente creadas:

Lab Windows and Graphics 2-41

InTouch 7.0 Basic Course

7. Haga doble clic en la aplicacin Training o seleccinela de la lista y luego haga clic en el icono WindowMaker:

WindowMaker se iniciar mostrando la siguiente ventana:

8. Haga clic en el icono para crear una nueva ventana en la barra general de herramientas.

2-42 Module 2 Development Environment

Wonderware Corporation

La ventana de dilogo de propiedades de ventana aparecer:

9. Ingrese all el nombre Scratch para la nueva ventana, sus propiedades y luego haga clic en OK.

10. Se crear entonces una vlvula en la nueva ventana. Primero seleccione la herramienta Polygon y dibuje un tringulo como se muestra:

Lab Windows and Graphics 2-43

InTouch 7.0 Basic Course

11. Seleccione el tringulo y haga clic en la herremienta Duplicate:

12. Seleccione el ltimo tringulo, y haga clic en la herramienta Flip Horizontal:

2-44 Module 2 Development Environment

Wonderware Corporation

13. Posicione las dos mitades de la vlvula usando las flechas del cursor o el mouse:

14. Agregue el mango de la vlvula usando la herramienta Rectangle:

Para mejorar la apariencia, posicione el mango de la vlvula detrs del cuerpo de la vlvula usando al herramienta Send to Back.

Lab Windows and Graphics 2-45

InTouch 7.0 Basic Course

15. Agregue la tapa de la vlvula usando la herramienta Ellipse:

16. usando la herramienta Texto, agregue Valve 1,bajo al vlvula como se muestra:

2-46 Module 2 Development Environment

Wonderware Corporation

17. Tenemos ahora una vlvula compuesta por 4 objetos separados y un elemento de texto. Para hacer de ellos un solo elemento comn, presione la tecla F2 para seleccionar todos los objetos en la ventana y luego haga clic en la herramienta Make Symbol:

18. Es posible cambiar el tamao del smbolo haciendo clic sobre las esquinas y arrastrando hasta ajustar. Tambin es posible agregar color de relleno, de lnea y bordes de la vlvula, as como el color del texto

Lab Windows and Graphics 2-47

InTouch 7.0 Basic Course

19. Agregue un botn debajo de la vlvula, usando la herramienta Button:

20. Para cambiar el nombre del botn, seleccione el botn y haga clic en el comando Special/Substitute Strings (o CTRL+L). tambin se puede acceder seleccionando Substitute Strings desde el men emergente de clic derecho. Use como nombre DiscTag1:

21. Haga clic en OK. 22. Guarde y cierre todas las ventanas abiertas. 23. Haga clic en File/Import. Busque la carpeta WWimp70 y haga clic en OK.

2-48 Module 2 Development Environment

Wonderware Corporation

24. En esa ventana, seleccione la opcin Windows y luego haga Clic en Select. Seleccione las ventanas Hopper y Links en la nueva ventana y haga clic en OK:

25. La ventana mostrada en el paso 23 reaparecer. Haga clic en el botn Import. Estas ventanas no se cargarn automticamente, pero dessde ahora hacen parte del proyecto.

26. Cree una nueva ventana llamada Menu con las siguientes propiedades:

27. Cree all seis botones como se muestra a continuacin:

28. Agregue el texto, Disk Space Free y tambin #MB:

29. haga clic en la herramienta Wizard y haga clic luego en Clocks. Seleccione la ayuda para Digital Time/Date en la ventana. Ubique el primer de ellos en la esquina izquierda de la ventana, haga doble clic en este y seleccione Show Time:

Lab Windows and Graphics 2-49

InTouch 7.0 Basic Course

30. Duplique el primer indicador Digital Time/Date y ubiquelo en la esquina derecha de la ventana. Haga doble clic en ella y seleccione Show Date:

31. Guarde y cierre la ventana Menu recin creada.