How to Start Wonderware InTouch

• NB Designer OMRON HMI Tutorial:- https://bit.ly/2TNm4hr
• DOPSOFT DELTA HMI Tutorial:- https://bit.ly/2FMEKKj
• Wonderware Intouch Tutorial:- https://bit.ly/2uzKFMi
• GT Designer MITSUBISHI HMI Tutorial:- https://bit.ly/2I4KuR5
• WinCC Siemens HMI Tutorial:- https://bit.ly/36c73iZ
• FACTORY TALK VIEW Tutorial :-https://bit.ly/3IoDT0s 

Introduction to Wonderware InTouch

The WindowMaker Interface  

a. Select the new application created during the instructor-led   

b. Launch WindowMaker.        

Development Environment Wonderware InTouch     

A blank application appears in the development environment:      

The WindowMaker user interface (UI) adheres to Windows 2000 and Windows XP standards. WindowMaker supports features including (but not limited to) such features as right-click mouse support, floating and docking toolbars, pull down menus, and context-sensitive help. Right-click menus provide quick access to frequently used commands and a customizable color palette that provides 16.7 million color support (limited only by your video display).

The WindowMaker development environment is configurable. When you initially open WindowMaker, most of the available elements are automatically displayed including all toolbars, the Application Explorer, and the status bar. You can show or hide any or all of these elements. You can move the toolbars and the Application Explorer to any location within the WindowMaker window. You can also display the optional ruler and turn the visible grid on and off.     

The following figure shows the elements of the WindowMaker development environment using the ReactorDemo application, and the Conveyor Window. When you create a new application and run WindowMaker for the first time, its program elements will automatically appear in the default configuration as shown.

The Application Explorer   

WindowMaker’s Application Explorer is a hierarchical graphical view of application elements. It displays the windows and items you have configured in your application and provides easy access to them. It also provides quick access to many of WindowMaker’s most commonly used commands and functions.   

Additionally, the Application Explorer displays all installed add -on programs such as SQL Access Manager, SPCPro, and Recipe Manager. It also provides you with a customizable application launcher.   

Windows and other InTouch elements can be created and configured from the Application Explorer.   

Note: You can configure the Application Explorer to launch any other ArchestrA^® program or Windows program. This powerful feature allows you to quickly switch between your HMI configuration, I/O Server configuration, and other control configurations.

Warning: Do not add WindowViewer (view.exe) to the Application Explorer. If you add WindowViewer, new windows you create in WindowMaker may not be synchronized with the windows in WindowViewer. The proper way to launch WindowViewer is by executing the WindowViewer command on the File menu, or by clicking the Runtime fast switch in the WindowMaker menu bar.     

Using Application Explorer Wonderware InTouch  

The Application Explorer window is configurable from within WindowMaker.     

1. To hide or show Application Explorer, click the Application Explorer tool  
2. on the View toolbar or the View / Application Explorer command.   
3. The Application Explorer toolbars within WindowMaker can be “docked” to any edge of the WindowMaker window or, “floated” anywhere within the WindowMaker window.   
4. When the Application Explorer is docked to an edge of the WindowMaker window, it automatically sizes itself accordingly and, if required, scroll bars are displayed.   b. Move the Application Explorer pane by selecting its border and dragging it to a location within the main WindowMaker window.   
5. When the Application Explorer is floated within the WindowMaker window, its title bar is displayed and its size can be changed.   

Navigating in the Application Explorer Wonderware InTouch   

You can expand or collapse the groups listed in the Application Explorer hierarchical graphical view. For example, if you double-click on a group, the icon expands and displays the group’s members. When you double-click on a member, it will open that member. All groups that contain   

members are preceded with a plus sign + Click  

+ to expand the group and view its members, or click

– to collapse the group and hide its members.   

Adding Applications to the Application Explorer Wonderware InTouch   

One of the most powerful features of WindowMaker’s Application Explorer is its ability to launch other ArchestrA and third-party Windows applications from within WindowMaker.   

For example, you can run/configure an I/O Server program and develop your application simultaneously. You can launch third-party Windows programs that you frequently use such as Windows Notepad, Wordpad, Microsoft Excel, Microsoft Word, Microsoft Paint, among others. You can also configure the Application Explorer to open a specific document or spreadsheet in a program.     

Tip: The InTouch add-on programs, SQL Access, SPC Pro, and Recipe Manager are automatically added to the Application Explorer once they are installed.     

To add an application to the Application Explorer  

a. Right-click Applications and select New.    

The Application Properties dialog box appears:    

In the Name field, enter the name to be displayed in the Application Explorer. For this example, enter Notepad.   

Click the ellipsis button  and select an application. The path to the Notepad application is C:WINDOWSsystem32notepad.exe in this example.      

Click Open.  

The Application Properties dialog box reappears:  

Click the Start Style drop-down list to select how the application will appear when it is started in WindowMaker. For this example, ensure Normal window is selected.    

The application is added to the Application Explorer under the Applications icon. You can now run the application at any time from WindowMaker.             

Right-click the application and select Properties from the submenu to make changes to the application properties.

Creating a New Window   Your InTouch application is comprised of windows that can contain graphics, text objects, animations, and action scripts. When you first create the window, you define properties of the window itself such as background color, title, and screen position. The General Toolbar contains buttons for most of the commands in the File menu.  

a. Right-click Windows and choose New…

The Window Properties dialog box appears:

b. Enter Scratch in the Name field. The name can be up to 32 characters long. It can include embedded spaces, punctuation marks, and any other character on the keyboard except quotation marks (“).   Note: By default, the settings in this dialog box will reflect those of any previously created windows. If you select this command while a window is open in WindowMaker, the settings will reflect those of the active window. If a Window script(s) is attached to the active window, a message box will appear asking if you want the window script(s) copied to the new window.   

c. Right-click any of the text entry fields in the dialog box. A submenu appears displaying the commands that can be applied to the selected text. The commands that are enabled depend on whether there is an entry in the selected text field.  

d. In the Comment box, enter any miscellaneous comments that you want associated with the window (optional). This information is for documentation purposes only and is not used by the application.         

e. Click the Window Color box to select the background color for the window. The color palette appears:

The WindowMaker color palette is used to apply color to static and dynamic properties of lines, rectangles, round rectangles, ellipses, polylines, polygons, and text. It is also used to select a window background color and the transparent color for bitmaps, allowing objects to be viewed behind bitmaps.The color palette appears when a colored square in a dialog box is clicked or when one of the color tools is used to apply line, fill, or text color to a selected object.   

Creating a Custom Color   

The WindowMaker color palette allows you to define custom colors and add them to your palette.   Palettes created in other windows applications can be imported and added to the standard palette.   

You can also export custom palettes to other windows applications.   a. With the color palette open, right-click one of the blank squares in the Custom Palette.      

b. Click Edit Custom Color.              

The Add a Color dialog box appears:        

c. You can select a color using the crosshairs in the main color box or with the arrow at the right. The selected color shows in the Color|Solid box. Click on OK to add that color to the CustomPalette section.   

d. Or, click the blotter tool and click the color to add to the Custom Palette section of the color palette. You can select any color anywhere within the WindowMaker window or outside of WindowMaker.

Additional Window Properties

Window Type: Three options are available.    

Replace: Automatically closes any window(s) it intersects when it appears on the screen, including popup and replace type windows.    

Overlay: appears on top of currently displayed window(s) and can be larger than the window(s) it is overlaying. Clicking on any visible portion of a window behind an overlay window will make that window active.    

Popup: Similar to an overlay window, yet always stays on top of all other open windows (even if another window is clicked). Popup windows usually require a response from the user in order to be removed.   

d. The default setting (Replace) is used for the Scratch window.   

Frame Style: Three styles are available.    

Single: Displays a single line around the window. Title Bar is available; Size Controls are available.    

Double: Displays a 3-D effect border around the window. Title Bar not available; Size Controls are available.    

None: A window with no border. Title Bar not available; Size Controls are available. f. The default setting (Single) is used for the Scratch window.   

Title Bar: The title bar can be used to move the window by clicking and dragging.   

g. The default setting (checked) is used for the Scratch window. Size Controls: Enable the user to resize the window in WindowMaker. h. The default setting (checked) is used for the Scratch window.

Dimensions: Enter the pixel location for each of the window’s coordinates.    

X Location: The number of pixels between the left edge of the WindowMaker design area and the left edge of the window being defined.    

Y Location: The number of pixels between the top edge of the WindowMaker design area and the top edge of the window being defined.   

z Window Width: The window’s width in pixels.     

Note: Windows limits the minimum width of a window according to your display monitor. For example, for the standard VGA, the minimum is 102 pixels.      

Window Height: The window’s height in pixels. (The minimum height of a window varies according to your display monitor.)     

Note: By default, the values in these fields will be set to the dimensions of the previously created window. They are also automatically modified when the window’s size is manually changed in WindowMaker.    

 i. The default Dimensions settings are used for the Scratch window.   

Scripts… button: Opens the Window Script editor. Three types of scripts can be applied:   On Show: Executes one time when the window is initially opened.   

While Showing: Executes continuously at the specified frequency while the window is open/active.   On Hide: Executes one time when the window is closed.     

Note: If a Window Script is attached to the active window and a new window is created, the script(s) from the active window can be copied to the new window.     

j. Click OK.   The new window is displayed within WindowMaker, and the toolbar icons are now active:

WindowMaker Toolbars   

The icons on the WindowMaker toolbars are grouped by common functionality. For example, the Arrange toolbar contains tools that you can use to quickly apply most of the commands found on the Arrange menu.   

The toolbars within WindowMaker can be “docked” to any edge of the WindowMaker window, or “floated” anywhere within the WindowMaker window. When the toolbars are floating, the name of the toolbar displays in the title bar.   When you hover your cursor over an icon, a Tool Tips box appears displaying the tool name:      

General Toolbar   The General toolbar consists of icons that execute most of the window commands found on the File menu. The icons also include the Microsoft Windows clipboard tools found within the Edit menu.  

Button Description

  Executes the New Window command on the File menu and opens the Windows Properties dialog box to create a new window.

  Executes the Open Window command on the File menu to open the Windows to Open dialog box listing the names of existing windows that you can select to open.

  Executes the Close Window command on the File menu to open the Windows to Close dialog box listing the names of all currently open windows that you can select to close.

  Executes the Save Window command on the File menu to open the Windows to Save dialog box listing the names of all currently open windows that have been modified since they were last saved.

  Automatically saves all currently open windows that have been modified since they were last saved. This tool does not ask for confirmation on a per window basis. It saves all modified windows automatically.

  Executes the Duplicate command on the Edit menu to duplicate the currently selected object(s) in the window.

  Executes the Cut command on the Edit menu to cut the currently selected objects(s) from the window and copies them to the Windows Clipboard.  

Executes the Copy command on the Edit menu to copy the currently selected objects(s) and copies them to the Windows Clipboard. (Copied objects are not erased from the window.)

  Executes the Paste command on the Edit menu to paste any object that has been cut or copied to the Windows Clipboard. (The cursor changes to the paste mode. Click in the window to paste the copied or cut object.)

  Executes the Undo command on the Edit menu to reverse (undo) the last action or command applied to an object.

  Executes the Redo command on the Edit menu to reverse (redo) the last undo action or command applied to an object.

  Executes the Print command on the File menu to open the WindowMaker Printout dialog box used to print database and window information and QuickScripts.       Wizards Toolbar   The Wizards toolbar contains the tool used to access the wizard Selection dialog box and the SmartSymbol Wizard. You can add any installed wizard or ActiveX control to the toolbar.  

Button DescriptionDisplays the Wizard Selection dialog box used for selecting wizards to paste into your application.   Displays the SmartSymbol Wizard used for selecting SmartSymbols to place into your application.     Format Toolbar   The Format toolbar is grouped with tools that execute most of the text object formatting commands found on the Text menu. It also contains the tools used to access the color palette to select line, fill, text, window background and transparent object color.  

Button Description

Executes the Font command on the Text menu to open the Font dialog box used to select the font, its style and size.

  Executes the Bold command on the Text menu to apply bold styling to single or multiple text string selections and numeric value fields.

  Executes the Italic command on the Text menu to apply italic styling to single or multiple text string selections and numeric value fields.

  Executes the Underline command on the Text menu to apply underline styling to single or multiple text string selections and numeric value fields.

  Executes the Reduce Font command on the Text menu to reduce the point size of a sizeable font. Apply this command by selecting the text string(s) and clicking on the tool.

  Executes the Enlarge Font command on the Text menu to enlarge point size of a sizeable font. This command can be applied by selecting the text string(s) and clicking on the tool.

  Executes the Left Justified command on the Text menu to align the left edge of single or multiple text string selections and numeric value fields.

  Executes the Centered command on the Text menu to center single or multiple text string selections and numeric value fields.

  Executes the Right Justified command on the Text menu to align the right edge of single or multiple text string selections and numeric value fields.

  Opens the color palette used to select the color for a line object or an object’s outline.  

  Opens the color palette used to select an object’s fill color.  

  Opens the color palette used to select the color for a text object.  

  Opens the color palette to select a window’s background color.  

  Opens the color palette to select a transparent color for a bitmap object.   Drawing Toolbar   The Drawing toolbar is grouped with all the tools used to draw both simple graphic objects (rectangles, ellipses, lines, or text objects) and complex objects (real-time trends, historical trends, bitmaps, and 3-dimensional buttons with labels).  

Button Description

  Selector mode used to select objects in the window.  

  Rectangle tool used to draw rectangles or squares.  

  Rounded rectangle tool used to draw rectangles or squares with rounded corners.

    Ellipse tool used to draw ellipses or circles.

    Line tool used to draw lines at any angle.  

  Line tool used to draw horizontal or vertical lines.  

  Line tool used to draw polylines.  

  Shape tool used to draw polygons.  

  Text tool used to enter text objects.

    Bitmap tool used to draw a bitmap container for pasting a bitmap directly from the Windows Clipboard or one of the following file types: .BMP, .JPG, .PCX or .TGA.

  Real time trend tool used to draw real time trend objects.  

  Historical trend tool used to draw historical trend objects.  

  Button tool used to draw a 3-dimensional button with a label.   View Toolbar   The View toolbar is grouped with tools that execute most of the window commands found in the View menu. These commands are used to control the state of the WindowMaker window.    

Button Description

    Show/hide the Application Explorer.

    Toggles the Hide All command on the View menu on and off to hide/show all docked toolbars.     When the hide all mode is active, the overall size of WindowMaker remains the same. To return to normal mode, click the Hide/Restore All tool on the floating View Toolbar or click on the View / Hide All command.     In the hide all mode, all floating toolbars remain visible and the View Toolbar automatically floats on top of WindowMaker. If any of the floating toolbars are docked in the hide all mode, the mode is automatically terminated.  

Toggles Full Screen command on the View menu on and off to switch the display mode from normal view to full screen.       To return to normal mode, click the Full Screen tool on the floating View Toolbar or click on the View / Full Screen command.   In the full screen mode, all WindowMaker program elements are hidden except any open windows. The Restore Toolbar automatically floats on top of WindowMaker.   In the full screen mode, the coordinates of the client area will remain the same. For example, the top left is 0,0. The full screen mode automatically sets the coordinates after it maximizes the client area, hides the Title Bar and menu bar and adjusts the client area to mimic View’s full screen mode.

  Toggles the Snap to Grid command on the Arrange menu on and off to show/hide the visible grid used to align objects. It works with the Arrange / Snap to Grid command.

  Turns the Ruler command on the View menu on and off to show/hide the ruler.       Snap to Grid   When you are arranging objects in your windows, turning on the grid will cause your graphic to snap at the upper left pixel interval on the grid. If you select multiple objects, the snapping will be applied to the upper left corner of the first object selected in the group.   With Snap to Grid on, you may select an object and hold down the SHIFT or CTRL key, press an arrow key (up, down, right, or left) in order to move an object in 20-pixel increments (SHIFT) or 40-pixel increments (CTRL). Use the arrow keys alone to move an object 10 pixels at a time.   If Snap to Grid is off, you may select an object and hold down the SHIFT or CTRL key, press an arrow key (up, down, right, or left) in order to move an object in 10-pixel increments (SHIFT) or 50-pixel increments (CTRL).   Use the arrow keys alone to move an object 1 pixel at a time. These features can be useful when making fine alignment and location adjustments.   Tip: By default, the grid is set to 10 pixels and visible when you initially start WindowMaker. You can configure the pixel interval for the grid through the WindowMaker Properties dialog box.   Click the Snap to Grid tool  on the View toolbar to turn snap to grid on and off.     Configuring the Grida. Select Special / Configure / WindowMaker.    

                                The WindowMaker Properties dialog box appears:      

b. Enter the number of pixel spaces in the Spacing box.   c. Select the Show Grid option if you want a visible grid in your windows when you enable WindowMaker’s snap to grid function.   d. Select OK to save the changes, or Cancel to exit the WindowMaker Properties dialog box.  

Ruler

The WindowMaker ruler can be used to do precision alignment of the objects in your windows, and when determining the movement of an object during an animation sequence.     The small tick marks are spaced 5 pixels apart. The medium tick marks are spaced 10 pixels apart.   The numbered large tick marks are spaced 50 pixels apart.  

Pan and Zoom Toolbar   The Pan and Zoom toolbar allows you to quickly move around a window and enlarge or reduce the magnification level.    

Button Description

        If your mouse has a scroll wheel, you can hold down the Ctrl key and scroll forward to zoom in and scroll backward to zoom out   Arrange Toolbar   The Arrange toolbar is grouped with tools that execute most of the object arranging commands found on the Arrange menu. Arrange toolbar elements icons are activated if one or more objects are selected.    

Button Description

    Executes the Align Left command on the Arrange / Align submenu. Aligns the left edge of all selected objects with the left edge of the left most selected object.

  Executes the Align Center command on the Arrange / Align submenu. Aligns the vertical centerline of all selected objects with the centerline of the group of objects selected.

  Executes the Align Right command on the Arrange / Align submenu. Aligns the right edge of all selected objects with the right edge of the right most selected object.

  Executes the Align Top command on the Arrange / Align submenu. Aligns the top edge of all selected objects with the top edge of the top most selected object.

  Executes the Align Middle command on the Arrange / Align submenu. Aligns the middle of all selected objects with the middle of the group of objects.

  Executes the Align Bottom command on the Arrange / Align submenu. Aligns the bottom edge of all selected objects with the bottom edge of the lowest selected object.

  Executes the Align Centerpoints command on the Arrange / Align submenu. Aligns the centerpoint of all the selected objects with the centerpoint of the group of selected objects.

  Executes the Send to Back command on the Arrange menu to place all selected objects behind all objects that are not selected.

  Executes the Bring to Front command on the Arrange menu to place all selected objects in front of all objects that are not selected.

  Executes the Space Horizontal command on the Arrange menu to evenly space all selected objects horizontally between the left most and right most selected objects.

  Executes the Space Vertical command on the Arrange menu to evenly space all selected objects vertically between the top most and bottom most selected objects.

  Executes the Make Symbol command on the Arrange menu to combine multiple objects into a single unit called a symbol.

  Executes the Break Symbol command on the Arrange menu to break a symbol into its individual components.

  Executes the Make Cell command on the Arrange menu to combine multiple selected objects into a single unit called a cell. When combining cells, each cell will be retained. When the combined cell is broken, the original cells are restored.

  Executes the Break Cell command on the Arrange menu to break a selected cell. When combining cells, each cell will be retained. When the combined cell is broken, the original cells are restored.

  Executes the Rotate Clockwise command on the Arrange menu to rotate selected objects clockwise 90 degrees.

  Executes the Rotate CounterClockwise command on the Arrange menu to rotate selected objects counter clockwise 90 degrees.

  Executes the Flip Horizontal command on the Arrange menu to flip selected objects horizontally.

  Executes the Flip Vertical command on the Arrange menu to flip selected objects vertically.   Executes the Reshape Object command on the Edit menu to reshape a polygon or polyline.   WindowMaker Status Bar   When an object is selected in a window, the WindowMaker status bar displays the object’s upper left X and Y pixel coordinates and the object’s pixel height and width. The X and Y pixel coordinates displayed are relative to the window the object is in, rather than the overall WindowMaker workspace.    

      When multiple objects are selected, the status bar displays the width and height for the entire group.    

  When a blank area of a window is clicked, the status bar displays the X and Y coordinates for the current location of the cursor in the window.    

Manual Positioning and Sizing   

In the WindowMaker status bar, there are controls for manually positioning and resizing objects. Select an object on the window, and then click in the controls to enter exact X,Y coordinates and W,H values. You can also select multiple objects and move or resize them as a group.     

Hold the Shift key down while drawing rectangles, rounded rectangles, and ellipses to constrain the height and width and to create exact squares and circles.     

Note: You must pressENTERto accept and apply manual positioning and sizing entries.       

Right-Click Window Menus   

To access the various commands that can be applied to a window, right -click a blank area of the open window and then click the appropriate command on the right-click menu.  

Wonderware TraOpening Windows   When developing your application, you can open as many windows as your computer memory will support.    

a. Click the Open Window tool .   The Windows to Open dialog box appears, listing the names of all windows in your application. By default, all currently opened windows will be checked.

b. Click the check box next to the name of the window(s) to open.   c. Click OK to close the dialog box and open the selected window(s).      

Note: To quickly open a single window, in the Application Explorer, double-click Windows to expand the list of all the window names in your application. Double-click the window name. You can also right-click the window name and select Open.   

Saving Windows   Once you have created a window, you will need to save it before closing or exiting the application.   

All graphics, QuickScripts, properties, and so on, associated with the window are also saved.     
a. Click the Save Window tool  The Windows to Save dialog box appears listing the names of all windows that need to be saved.   

b. Click the check box next to the name of the window(s) to save.   

c. Click OK to save the Scratch window.     

Note: If you attempt to close a window that has been modified since it was last saved, you will be prompted to save your changes before WindowMaker will close the window.     

Note: To quickly save a single window, in the Application Explorer, right-click the window name and select Save. You can also right-click any blank area of the window and click Save Window.   

To quickly save all currently open windows, click the Save All Windows tool  or select File / Save All Windows. Closing Windows

a. Click the Close Window tool The Windows to Close dialog box appears listing the names of all currently open windows.   

b. Click the check box next to the name of the window(s) to close.   

c. Click OK to close the dialog box and close the selected window(s).     

Note: To quickly close a single window, in the Application Explorer, right-click the window nameand click Close. You can also right-click any blank area of the window and click Close Window.     

Deleting Windows   

Deleted windows cannot be restored unless you have saved them. You will be prompted to confirm the deletion of each window name you select.   

a. Select File / Delete Window. The Windows to Delete dialog box appears listing the names of all currently open windows.  

 Click the check box next to the name of the window(s) to delete. Click OK to close the dialog box and delete the selected window(s).   

For this example, click Cancel to exit the Windows to Delete dialog box without deleting any windows.   

Note: To quickly delete a single window, in the Application Explorer, right-click the window nameand select Delete. You can also right-click any blank area of the window and select DeleteWindow.Duplicating Windows   

To create a duplicate copy of an existing window, the window to be duplicated must be open.   

a. Select File / Save Window As from the main WindowMaker menu.   

The Window to save under new name dialog box appears, listing the names of all currently open windows.   

b. Select the window that you want to duplicate (only one window name can be selected.). For this example, select Scratch. The Save Window dialog box appears.   

c. Enter a valid name for the new window in the New Name box.      

d. Click OK to close the dialog box and create the duplicate window. For this example, click Cancel to exit the Save Window dialog box.     

Note: To quickly duplicate a window, in the Application Explorer, right- click the window name andclick Save As. Using this method, the window to be duplicated will still need to be open. You can also right-click in any blank area of the window and click Save Window As.  

 Other WindowMaker PropertiesLevels of Undo: Enter the number of undo/redo levels to save (up to 25 levels). Enter zero (0) toturn the undo/redo functionality off.      

Also Read:-

• Delta Tutorials
• HMI Demo examples
• PLC Tutorials
• Rockwell Tutorials
• WinCC Siemens Tutorials
• Wonderware Intouch Tutorials