601: mobilizing your enterprise apps with the citrix ...docs.ci sf1 192.168.10.22 windows server...

Download 601: Mobilizing your enterprise apps with the Citrix ...docs.ci SF1 192.168.10.22 Windows Server 2012

Post on 24-May-2020

0 views

Category:

Documents

0 download

Embed Size (px)

TRANSCRIPT

  • 601: Mobilizing your enterprise apps with the Citrix Mobile SDK for Windows apps Hands-on Lab Exercise Guide Make money selling Field Services Stop by the Education and Consulting booths in the Solutions Expo to find out how! We're here to help.

  • | 1 |

    Contents Contents .................................................................................................................................... 1 Overview .................................................................................................................................... 2 Scenario..................................................................................................................................... 5 Exercise 1 .................................................................................................................................. 6 Introducing the Citrix Mobile SDK for Windows Apps ................................................................. 6 Exercise 2 .................................................................................................................................30 Integrating with Mobile Device Capabilities ...............................................................................30 Exercise 3 .................................................................................................................................54 Using the XenApp Mobile Console ............................................................................................54 Exercise 4 .................................................................................................................................68 Mobilizing a Legacy Application ................................................................................................68 Exercise 5 ............................................................................................................................... 100 Creating a Mobile Employee “Punch In” App ........................................................................... 100

  • | 2 |

    Overview Hands-on Training Module Objective This training will provide hands-on experience with the Citrix Mobile SDK for Windows Apps.

    Prerequisites Required: Working knowledge of Windows Server concepts. Optional: Basic software development skills and a working knowledge of Citrix XenApp 6.5.

    Audience Citrix customers and partners looking to securely deliver Windows applications to mobile devices while leveraging local device functionality and providing a great user experience.

  • | 3 |

    Lab Environment Details

  • | 4 |

    Lab Guide Conventions Indicates particular attention must be paid to this step

    Special note to offer advice or background information

    reboot Text to enter or select is printed like this

    Start Bold text indicates reference to a button or object

    Focuses attention on a particular part of the screen (R:255 G:20 B:147)

    Shows where to click or select an item on a screenshot (R:255 G:102 B:0)

    List of Virtual Machines Used VM Name IP Address Description

    AD.training.lab 192.168.10.11 Windows Server 2012 R2. Domain Controller and DNS.

    NS1 192.168.10.50 NetScaler 10.1 VPX SF1 192.168.10.22 Windows Server 2012 R2. StoreFront 2.1. StudentDesktop 192.168.10.10 Windows 7. Landing desktop. SQL1 192.168.10.20 Windows Server 2012 R2. SQL Server 2012. Win7Dev 192.168.10.23 Windows 7 64-bit. Visual Studio 2010 and Citrix

    Mobile SDK for Windows Apps XA1 192.168.10.21 Windows Server 2008 R2. XenApp 6.5 with R03.

    Required Lab Credentials The credentials required to connect to the environment and complete the lab exercises.

    Domain Username Password Description

    Training Administrator Citrix123 Domain Administrator Training CitrixAdmin1-CitrixAdmin3 Citrix123! Additional Domain Administrators Training User1-User15 Citrix123 Standard Domain Users

  • | 5 |

    Scenario You have been assigned the task of mobilizing your company’s Windows applications. Your company already runs XenApp 6.5 to deliver applications to various devices. As project lead, management expects you to assess the feasibility of mobilizing the company’s line-of-business applications delivered through XenApp to meet key requirements. The requirements include use of local GPS and camera capabilities. To start off, you explore the capabilities of the Citrix Mobile SDK for Windows Apps.

  • | 6 |

    Exercise 1 Introducing the Citrix Mobile SDK for Windows Apps Overview In this exercise we will be introduced to the SDK with a simple “Hello World” application. It is based on the blog posts at http://citrixblogger.org/2013/11/22/simple-winforms-hello-world-example/ and http://citrixblogger.org/2013/11/25/mobile-winforms-hello-world/.

    Step by step guidance Estimated time to complete this lab: 30 minutes.

    Step Action 1. From the StudentDesktop landing system, launch the Connections.rdg file on the

    Desktop. Maximize the window and connect to each of the VMs by double-clicking the names.

    2. From Win7Dev, navigate to C:\files\sample_code_projects\HelloWorld and launch the HelloWorld Visual C# Project file.

    http://citrixblogger.org/2013/11/22/simple-winforms-hello-world-example/ http://citrixblogger.org/2013/11/25/mobile-winforms-hello-world/

  • | 7 |

    3. Double-click HelloWorld.cs from the Solution Explorer. Notice that we have a simple window with a label object that reads “Hello World.”

    4. Click the button to Start Debugging (or press F5).

  • | 8 |

    5. The app will launch maximized and display the “Hello World” text. Resize the window and notice that the text is resized accordingly. Close the application when done viewing.

    6. Now we’ll prepare to publish this application through XenApp and run it on a local mobile device. Copy the folder C:\files\sample_code_projects\HelloWorld\bin\Debug to \\XA1\C$\software. Then rename the Debug folder on XA1 to HelloWorld.

    7. Switch to the XA1 virtual machine and launch Citrix AppCenter from the Desktop.

  • | 9 |

    8. Expand the XA65 node. Then right-click Applications and choose Publish application.

    9. Type Hello World for the Display name and then click Next.

  • | 10 |

    10. Click Next on the Type screen.

  • | 11 |

    11. On the Location screen, click the first browse button and browse to select C:\software\HelloWorld\HelloWorld.exe. Then click Next.

  • | 12 |

    12. On the Servers screen click Add. Double-click the Servers folder and then double-click XA1. Then click OK and Next.

  • | 13 |

    13. On the Users screen, click Add. Double-click TRAINING.LAB, Users and then Domain Users. Click OK and Next.

  • | 14 |

    14. Click Next on the Shortcut presentation screen.

  • | 15 |

    15. Click Finish.

    16. From the lab portal page in your local browser window, identify the FQDN for IP1 and then visit it in your local browser with HTTPS (eg. https://XXX-XXX-XXX- XXX.mycitrixtraining.net). This should bring you to the StoreFront Web login page. Logon as User1 with password Citrix123.

    Make sure you are visiting the site from your local browser and using HTTPS.

  • | 16 |

    17. Click the plus sign on the left side of the screen.

    18. Click All Apps and then click Hello World to add it in.

    19. Click the Hello World application to launch it.

    Ensure Citrix Receiver is installed in order to launch the published application. Please ask a facilitator for assistance if needed.

  • | 17 |

    20. The application will load. Resize the application in various window sizes and see the results. Close it when done.

    One problem with this Hello World sample is that it always shows the standard Windows title bar. When we are delivering apps to mobile devices we want to hide the title bar to make it look as much like a native mobile app as possible. In the next sample you will try this additional capability.

  • | 18 |

    21. From your local iOS or Android-based device with Citrix Receiver installed, connect to the same StoreFront Web site and launch the Hello World application. Notice that the display is not ideal and a window title bar is shown.

    22. Switch back to the lab environment and the Win7Dev machine.

    23. Navigate to C:\files\sample_code_projects\MobileHelloWorld and double-click the MobileHelloWorld Microsoft Visual Studio Solution.

    If you are having trouble connecting with your mobile device, please ask a facilitator for assistance.

  • | 19 |

    24. In Visual Studio from the Solution Explorer, right-click on the MobileHelloWorld.cs form and choose View Code.

    25. In the form you can find the following code block which restyles the form when running on a mobile device. This is what will hide the Windows title bar.

    26. Click the button to Start Debugging (or press F5).

  • | 20 |

    27. Notice that the Mobile Hello World program doesn’t have a title bar since we are emulating