--- title: Mobile App slug: qatar-airways-bootcamp/mobile-app description: >- docTags: createdAt: 2024-01-30T23:03:21.354Z --- We've created a Qatar Airways demo mobile app for use in these Labs. To fully enjoy the Hands-on Lab experience, we recommend downloading and setting up this app. ### App installation Download the Mobile app using the QR code on your phone. :::::Tabs ::::Tab{title="iOS"} ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/iGn8PKTW8PFM3BDStD8_l_image.png" size="74" width="518" height="520" position="center" showCaption="false"} :::hint{type="warning"} This app is signed with an official Adobe enterprise certificate, but by default iOS will not treat the app as trusted. The first time you open the app, you'll get a notification that the app is not trusted. - Navigate in your phone to **Settings > General > Device Management > Adobe Systems Inc **and click `Trust Adobe Systems Inc`. ::: :::: :::Tab{title="Android"} ::Image[]{src="https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Wjo565TmXLVtUyUh9KkMv_fireshot-capture-051-adobe-demo-system-next-dsnadobecom.png" size="88" width="658" height="504" position="center" showCaption="false"} ::: ::::: ### First launch When you launch the app for the first time, you'll be prompted to log in with your Adobe ID. Use the same Adobe ID you used to log into the Adobe Experience Platform. If you are asked to select an Organisation, select DEMO POT EMEA from the list. The app can prompt you several request, for example to `allow push notifications` and `allow the use of gps`. Make sure to allow these requests. ### Configuring the app To load the WKND Fly content, you'll need to import a custom project. 1. Navigate to Settings in the bottom menu 2. Check **Custom Project** and insert the **Project ID:** `sacker-HAS1` 3. Click **Save**. 4. Your app should now reload and show the Qatar Airways demo app. ### Showing the Real-time Customer Profile on the app In the mobile app you can look at the Real-time Customer Profile, just like you've seen on the demo website. To show the panel, drag your finger from the left side to the right side of the screen. ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/4BfbqRUEJ40s_WbrnYf8l_img-1320.PNG) ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/Trq7Onr65ERraOn4MU6S1_img-1319.PNG) ::: :::: ### Linking your profile to the mobile app :::hint{type="warning"} Before you can do this exercise, please make sure you've completed the **website exercises** first. ::: In order to receive push notifications from the journeys you create, you'll have to link your mobile app profile to your web profile. This will stitch the identifiers of both profiles and merge all data into a single profile. To do this, click on the user icon in the top left of your mobile app. You can now log in with the same email address you used to log into the website. You can leave the password blank, it's not used in the demo. ::::VerticalSplit{layout="middle"} :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/nQMNlf4TpEIBqV2CFSbeY_img-1320-copy.PNG) ::: :::VerticalSplitItem ![](https://api.archbee.com/api/optimize/1Jp0iolWv35Z_mkI7oUiT/K8KUoFx3RpWREGjj_zBlU_img-1321.PNG) ::: :::: After your login, open the Real-Time Customer Profile and you'll noticed it will have stitched your profiles and a lot more data is now available. If you don't see the data in the panel immediately, refresh the panel by clicking the arrows icon or closing the app completely and restarting.