Student holding a mobile device with new MyPort homepage displaying on screen

Installing MyPort as an app on your device

Find out how to install MyPort as a progressive web app on your device

MyPort is available as a progressive web app (PWA) to help you access essential services like Moodle, Student View, email and more directly from your mobile, tablet or computer.

By installing MyPort to your device, you can streamline your access to university services and stay connected to your academic resources with ease.

 

What is a Progressive Web App (PWA)?

A Progressive Web App (PWA) is a website that can be installed on a device to function like a native app, offering offline access, fast performance, and a responsive user experience. PWAs are installed directly from a web browser, bypassing the need for app stores.

 

Why use MyPort as a PWA?

  • Convenient access: launch MyPort website from your mobile, tablet or desktop without opening a browser.

  • Offline functionality: access certain features without an internet connection.

  • Lightweight: uses minimal storage compared to traditional apps.

  • Cross-platform: works on iOS, Android, Windows and macOS with compatible browsers.

 

Install MyPort on your device

You can install the MyPort PWA from any page on the MyPort website through the browsers' installation button.

The installation process varies slightly depending on your device and browser. Below are instructions for the most common platforms and browsers. Ensure you’re using web app compatible browsers like Chromium based browsers (Google Chrome, Microsoft Edge, etc) or Safari.

Step-by-step installation guides for different devices and browsers

1. Open Google Chrome browser on your Android device.

 

2. Visit the MyPort website at myport.port.ac.uk.

 

3. Tap the menu icon (three dots) in the top-right corner of Chrome.

Three dots icon on Chrome browser on Android device.
Three dots icon on Chrome browser on Android device. View full size image here.

 

4. Select Add to Home screen from the dropdown menu.

Add to home screen tab on Chrome browser on Android device
Add to home screen tab on Chrome browser on Android device. View full size image here.

 

5. A prompt pop up asking if you want to install the MyPort PWA. Tap Install to confirm.

Install prompt on Chrome browser on an Android device
Install prompt on Chrome browser on an Android device. View full size image here.

 

6. Depending on your device, a second prompt may appear. If it does, tap Add or Add to home screen to confirm.

Add prompt on Chrome browser on an Android device
Add prompt on Chrome browser on an Android device. View full size image here.

 

7. You may see a message stating that MyPort has been added to home screen, depending on your device. Tap on the Android device home button to view the MyPort PWA icon on your home screen.

Home screen button on an Android device
Home screen button on an Android device. View full size image here.

 

8. The MyPort PWA will be added to your home screen. If not already launched, tap the MyPort PWA icon to launch it.

MyPort web app on Android device home screen and MyPort web app launched on Android device
MyPort PWA on Android device home screen and MyPort PWA launched on Android device. View full size image here.

Note: MyPort PWA on iOS requires Safari, as other browsers like Chrome do not fully support PWA installation on iOS. Offline storage is limited to 50MB, and some advanced features may be restricted.

 

1. Open Safari browser on your iOS device.

 

2. Visit the MyPort website at myport.port.ac.uk.

 

3. Tap the Share button (a square with an upward arrow) at the bottom or top of the screen (depending on the iOS device type).

Share button on Safari browser on iOS device
Share button on Safari browser on iOS device. View full size image here.

 

 

4. Scroll down and select Add to Home Screen from the share menu.

Add to home screen on Safari browser on iOS device
Add to home screen on Safari browser on iOS device. View full size image here.

 

 

5. Tap Add in the top-right corner to confirm.

Add prompt on Safari browser on iOS device
Add prompt on Safari browser on iOS device. View full size image here.

 

 

6. The MyPort PWA will be added to your home screen. If not already launched, tap the MyPort PWA icon to launch it.

MyPort web app on iOS device home screen and MyPort web app launched on iOS device
MyPort PWA on iOS device home screen and MyPort PWA launched on iOS device. View full size image here.

1. Open Google Chrome or Microsoft Edge browser on your computer.

 

2. Visit the MyPort website at myport.port.ac.uk.

 

3. Click on the Install icon in the address bar (a downward arrow or plus sign, depending on the browser).

Install icons of both Chrome and Edge browsers on Windows device
Install icons on Chrome and Edge browsers on a Windows device. View full size image here.

 

4. A prompt will appear asking if you want to install the MyPort PWA. Click Install to confirm.

Install prompt on Chrome and Edge browsers on a Windows device
Install prompt on Chrome and Edge browsers on a Windows device. View full size image here.

 

5. The MyPort PWA will be added to your taskbar or Start menu. If not already launched, click the MyPort PWA icon to launch it. On Microsoft Edge, a prompt appears once the web app is installed to customise your app preferences.

MyPort web app in Windows taskbar, downloaded from Chrome and Edge browsers
MyPort PWA in Windows taskbar, downloaded from Chrome and Edge browsers. View full size image here.

Note: To install MyPort PWA on macOS through Safari browser, connect to a WiFi different to eduroam (e.g. UoP guest or other). Alternatively, if you are connected to eduroam WiFi you can install MyPort PWA on macOS through a Chromium based browser (Google Chrome, Microsoft Edge, etc).

 

1. Open Safari browser on your macOS device.

 

2. Visit the MyPort website at myport.port.ac.uk.

 

3. Click the Share button (a square with an upward arrow) at the top of the screen.

Share button on Safari browser on macOS device
Share button on Safari browser on macOS device. View full size image here.

 

4. Click Add to Dock from the share menu.

Add to Dock tab on Safari broswer on macOS device
Add to Dock tab on Safari broswer on macOS device. View full size image here.

 

5. A prompt will appear asking if you want to Add to Dock the MyPort PWA. Click Add in the bottom-right corner of the prompt to confirm.

Add button on Add to Dock prompt on Safari browser on macOS device
Add button on Add to Dock prompt on Safari browser on macOS device. View full size image here.

 

6. The MyPort PWA will be added to your applications folder or taskbar. If not already launched, click the MyPort PWA icon to launch it.

MyPort web app icon on macOS taskbar and MyPort web app launched on macOS
MyPort PWA icon on macOS taskbar and MyPort PWA launched on macOS. View full size image here.

FAQs

You can install the MyPort PWA from any page on the MyPort website through your browsers' installation button. 

Find out more about how to install MyPort on different devices in the 'Install MyPort on your device' section of this page.

Our MyPort PWA is supported on Google Chrome, Microsoft Edge, and Safari. Firefox does not support PWA installation on desktop, but does work on Android.

If the website is updated while you’re offline, the changes will appear on the PWA once you reconnect to the internet, ensuring you always have the latest features and information.

To remove the PWA, delete it like any other app from your home screen (mobile), or Apps and Features (Windows) or Applications folder (macOS).

Yes, our AI chatbot Portia will provide you responses to your queries if you are online.

MyPort webpages can only be accessed offline on MyPort PWA if they've been looked at online in the past.

If you've previously loaded a webpage while online and it doesn't display offline, this may be because you haven't visited the webpage or PWA in a while. To save space on your device, your phone's operating system can sometimes delete data from websites you haven't visited in a while. This can also happen if you have many other web apps saved on your phone that are using up a lot of storage. If your device is running low on space, it may automatically clear the data from the web app you've used the least recently.

If a MyPort webpage doesn't load offline, follow these steps to view it offline:

  1. Connect to Wi-Fi.
  2. Load the webpage you want to view offline.
  3. Disconnect from Wi-Fi.
  4. Reopen the webpage.
  5. The content should now display. If the webpage is updated while you’re offline, the changes will appear once you reconnect to the internet.

 

Share your thoughts

Tell us what you think of the MyPort progressive web app (PWA): 

Provide your feedback

To get in touch with a member of staff for anything else, visit our contact page.