Mobile Development.
The mobile development task was to develop a mobile app using the appfurnace software. The mobile app that i developed was based on UWE fresher. I have created an app that is based on the map around UWE campuses. It is to help first years (freshers) in UWE to move around campus without getting lost. So my mobile app will help them if they get lost while going around UWE. The name of my app is UWE map guide.
The above diagram is structure chart for my mobile app development. It has the open page (starting page) that is linked to the home page which is further linked to other five pages that contain the maps of the campuses in UWE which then further linked to other five campus map but these maps are large version of it. Basically I have done the structure chart in MS word and then copy and pasted in PhotoShop then I uploaded in hotglue.
Mobile App.
The images/diagrams below is the screenshots of my mobile app which I have build using the appfurnace software. I have included all the pages that I have created for my mobile app below. I have put both the prototype design (mobile app 1) and the final design (mobile app 2) together below.
The image on the left side is the first page or open page to my mobile app. so when the user clicks on the home page button it will take the user to the home page.
The image on the left side is the home page of my mobile app. It contains the name of the UWE campuses. So if a user clicks in any one of the campus it will take them to a static map page of the campus.
The image on the left side is the map of Frenchay campus. It contains the home page buttone in the below the map so that it will allow users to go back to the previous home page. It also has a "XL" button to show the larger version of the map.
The image on the left side is the map of Bower Ashton campus. It contains the home page buttone in the below the map so that it will allow users to go back to the previous home page. It also has a "XL" button to show the larger version of the map.
The image on the left side is the map of St. Matthias campus. It contains the home page buttone in the below the map so that it will allow users to go back to the previous home page. It also has a "XL" button to show the larger version of the map.
The image on the left side is the map of Glenside campus. It contains the home page buttone in the below the map so that it will allow users to go back to the previous home page. It also has a "XL" button to show the larger version of the map.
The image on the left side is the map of Hartpury campus. It contains the home page buttone in the below the map so that it will allow users to go back to the previous home page. It also has a "XL" button to show the larger version of the map.
The image on the left side is the map of Hartpury campus that is the larger version which can be slide up, down left or right. It has a back button below the map to return to the smaller map version page
The image on the left side is the map of Glenside campus that is the larger version which can be slide up, down left or right. It has a back button below the map to return to the smaller map version page
The image on the left side is the map of St. Matthias campus that is the larger version which can be slide up, down left or right. It has a back button below the map to return to the smaller map version page
The image on the left side is the map of Bower Ashton campus that is the larger version which can be slide up, down left or right. It has a back button below the map to return to the smaller map version page
The image on the left side is the map of Frenshay campus that is the larger version which can be slide up, down left or right. It has a back button below the map to return to the smaller map version page
Mobile App Video
Reference
Prototype Design (Mobile app 1):
Final Design (Mobile app 2):
The image on the left is hand drawn prototype design that is showing the structure and layout for my mobile app.
The image on the left is prototype design that was done in word software that is showing the layout for my open page on how it will look.
The image on the left is prototype design done using the word software that is showing the layout for my home page (campus map list) on how it will look.
The image on the left is hand drawn prototype design that is showing the layout on how my mobile app will look.