Added lab 7 to integrator track

docs/labs/citizen-integrator-track/README.md

@@ -8,4 +8,4 @@
 4. [Managing API Endpoints](lab04/#lab-4)
 5. [API Security](lab05/#lab-5)
 6. [API Developer Portal](lab06/#lab-6) 
-7. INTERNATIONAL INC in Action (TODO)
+7. [Testing the International Inc. Locations webpage](lab07/#lab-7)

docs/labs/citizen-integrator-track/lab07/README.md

@@ -0,0 +1,127 @@
+# Lab 7
+
+## Testing the International Inc. Locations webpage
+
+### Connect Applications and APIs
+
+* Duration: 15 mins
+* Audience: API Consumers, Developers, Architects
+
+### Overview
+
+This lab demonstrates the International Inc. Locations page using our newly authenticated locations API.  
+
+### Why Red Hat?
+
+Applications can be built from many technologies. In this case we use a simple web application, but a wide range of Red Hat and non-Red Hat technologies could be used.
+
+### Skipping The Lab
+
+If you decide to skip the lab you can check how a SSO enabled web applications looks like:
+
+```bash
+http://www-international.apps.GUID.openshiftworkshop.com
+```
+
+### Environment
+
+**URLs:**
+
+Check with your instruction the *GUID* number of your current workshop environment. Replace the actual number on all the URLs where you find **GUID**.
+
+Example in case of *GUID* = **1234**:
+
+```bash
+https://master.GUID.openshiftworkshop.com
+```
+
+becomes =>
+
+```bash
+https://master.1234.openshiftworkshop.com
+```
+
+**Credentials:**
+
+Your username is your asigned user number. For example, if you are assigned user number **1**, your username is:
+
+```bash
+user1
+```
+
+The password to login is always the same:
+
+```bash
+openshift
+```
+
+## Lab Instructions
+
+### Step 1: Deploying International Inc Web Page
+
+International Inc web development create a Node.js application for the company home page. They added a map service to locate the offices around the world. In this step you will deploy that application.
+
+1. Open a browser window and navigate to:
+
+    ```bash
+    https://master.GUID.openshiftworkshop.com/console
+    ```
+
+    *Remember to replace the GUID with your [environment](#environment) value and your user number.*
+
+1. Accept the self-signed certificate if you haven't.
+
+    ![selfsigned-cert](images/00-selfsigned-cert.png "Self-Signed Cert")
+
+1. Log into OpenShift using your designated [user and password](#environment). Click on **Sign In**.
+
+    ![01-login](images/deploy-01.png "OpenShift Login")
+
+1. You are now in OpenShift's main page. Click on your **userX** project in the right side of the screen.
+
+    ![02-user-project](images/deploy-02.png "User Project")
+
+1. Click the Overview link, then **Routes - External Traffic** next to the **WWW** pod to open a new tab and connect to *International Inc* new website.
+
+    ![13-build-complete](images/deploy-13.png "Build Complete")
+
+1. You should now see what the development team created for International Inc. Click **LOCATIONS** to check the locations page.
+
+    ![10-application-page](images/consume-13.png "Webpage")
+
+1. You can notice now the **Sign In** button in the page.
+
+    ![22-updated-app](images/consume-22.png "Updated App")
+
+
+### Step 2: Test the Single Sign On Integration
+
+1. Let's test the integration. Click the **Sign In** button.
+
+1. You are being redirected to Red Hat Single Sign On **Login Page**. Login using the user credentials you created in the [API Security Lab](../lab04/#step-2-add-user-to-realm)
+
+    * Username: **apiuser**
+    * Password: **apipassword**
+
+    ![23-realm-login](images/consume-23.png "Login Realm")
+
+1. You will be redirected again to the **LOCATIONS** page where now you will be able to see the map with the International Inc Offices.
+
+    ![11-locations-page](images/consume-14.png "Locations Page")
+
+ *Congratulations!* You have successfully tested the International Inc. Locations webpage using a full SSO authenticated API.
+
+## Steps Beyond
+
+So, you want more? You can explore in detail the documentation on the Javascript Adapter to check what other things can you get from your authenticated user.
+
+## Summary
+
+In total you should now have been able to follow all the steps from designing and API, deploying it's code, issuing keys, connecting OpenID connect and calling it from an application. This gives you a brief overview of the creation and deployment of an API. There are many variations and extensions of these general principles to explore!
+
+This is the last lab of this workshop.
+
+## Notes and Further Reading
+
+* [Red Hat 3scale API Management](http://microcks.github.io/)
+* [Setup OIDC with 3scale](https://developers.redhat.com/blog/2017/11/21/setup-3scale-openid-connect-oidc-integration-rh-sso/)