Cross-Platform Mobile Application - PDF
25 Pages10093 Words125 Views
Added on 2021-02-24
Cross-Platform Mobile Application - PDF
Added on 2021-02-24
ShareRelated Documents
Cross-Platform Mobile Application, Public Transportation for London – Final Report
Table of Contents Abstract ........................................................................................................................... 3Acknowledgments .................................................................. Error! Bookmark not defined.Background ...................................................................................................................... 3Introduction: ........................................................................................................................... 3The Problem: ........................................................................................................................... 3The Hypothesis and the Approach: ........................................................................................... 4Literature Review ............................................................................................................. 4Existing Work: .......................................................................................................................... 5Google Maps: ................................................................................................................................................ 5Citymapper: ................................................................................................................................................... 6Transit: .......................................................................................................................................................... 7Physical Map: ................................................................................................................................................ 7Development Technologies: ..................................................................................................... 8Native vs Hybrid App Development: ............................................................................................................. 8Vue.js: ............................................................................................................................................................ 8React: ............................................................................................................................................................ 8Angular: ......................................................................................................................................................... 9XCode and Swift: ........................................................................................................................................... 9Conclusion: .............................................................................................................................. 9Analysis and Design .......................................................................................................... 9Requirements: ......................................................................................................................... 9Wireframe: ............................................................................................................................ 11Feedback: .............................................................................................................................. 11The Product and the Work Done: .................................................................................... 12Evaluation ...................................................................................................................... 19Conclusion ...................................................................................................................... 22User Guide ..................................................................................................................... 23Appendices ..................................................................................................................... 24GitHub ................................................................................................................................... 24Glitch ..................................................................................................................................... 25Video Viva ............................................................................................................................. 25References: .................................................................................................................... 25
Abstract Being one of the world’s most famous cities and the third most visited city in the entire world, tourism is an essential economical component for London. The city also has a world-renowned transport system, but may not be easy for all tourists and people unfamiliar with the transport system to navigate through, and not very easy for some London residents too. This creates a problem; it would be helpful if people travelling within the city had useful information that is easily accessible to help them navigate through the city. With the vast majority of tourists and London’s population owning a smart phone, to solve this problem, my idea was to create a cross-platform mobile application. As most people own a smart phone, it would be easy to access this information through a mobile application. As I want the app to be easily accessible across mobile platforms, I decided to create a web application using HTML and JavaScript, with TFL’s Unified API being used to retrieve information on the city’s public transport and display this information to the user in a user-friendly manner. To evaluate the app, I asked multiple people to test the app and provide feedback on what they liked about the app and potential improvements that could be made to the app. This gave me a better idea on how good the app is and what improvements need to be made, gaining critiques from unbiased users was crucial. In conclusion, I found that in my opinion, and the opinions of test users, that the app was successful based on their feedback, the application meeting all of the requirements I had put in place for the app before creating it and how useful the app is in its entirety. Although the application is targeted at tourists, the information provided within the application is very useful to tourists and commuters alike. Background Introduction: In recent years, especially in a major city like London, public transportation has become essential to commuters and tourists alike. That is why for my project, I’ve decided to create a cross-platform application that can be used to make travelling around London much easier. The app will include a way to find directions between two locations, public transportation maps, and specially for tourists – locations of and directions to popular tourist locations. The app is primarily targeted at tourists, although will be useable by any travellers within the city. The Problem: London is a major world city and one of the most famous cities in the world, it is definitely not one of the easiest to navigate around, especially without any help. Whilst London’s public transportation is great, understanding how it works is not simple by any means. In the London Underground, there are multiple issues with multiple lines every single day that can affect the timing of trains’ arrival, this means the timetable provided by TFL can be very unreliable. This will make knowing what time your train will be arriving and the total time of your route difficult and will leave you unsure on what the best route to take to your destination is. This can cause inconvenience for commuters and tourists alike. This creates a problem.
The Hypothesis and the Approach: The problem stated above could potentially be solved if travellers were able to conveniently plan their journey beforehand. Nowadays, the vast majority of London residents and tourists to London will carry a mobile phone, so the most convenient solution to the problem for a user would be to have all of the necessary information within a mobile application. Users could very conveniently access an app on their mobile phones that will allow them to plan their journey beforehand and see what steps they need to take to reach their destination. The app will also have additional functionality, such as; maps of the London Underground, the statuses of every London Underground line and a list of popular tourist locations. My approach will be to use HTML and JavaScript to create a cross-platform mobile application. I can retrieve data about London’s public transportation by utilising TFL’s (Transport for London) own “Unified API”. TFL’s Unified API offers information such as current line statuses and much more information that I can implement into an app that is more user-friendly and presentable to people who need access to such information. To create the app, I will be writing the entirety of the app using the Visual Studio Code and I will also be uploading the source code to GitHub to make the app’s data easier to access and easier to keep track of. Literature Review As for my individual project, as I have decided to create a mobile application specifically for use on London’s public transpiration, in this literature review, I will be looking at existing work, in this case this will be mobile applications which contain features that allow for use on public transportation, as similar features will be implemented into my own application. I will also be researching developmental technologies such as JavaScript frameworks which could be used to develop my project. To help the development of this application I have researched multiples apps and other sources. By researching these various sources, I feel that this will allow me to gain a better understanding of what my app should like and which features are most necessary for user’s so that can I implement these feature into my own application. I can also gain an idea of features which could be potentially included in my app that I have not initially thought of and also gain an idea of which features may possibly be missing from other similar apps that I could include in my own to set it apart from other apps because of the added functionality.
Existing Work: Google Maps: Google Maps is by far the most popular app for travel, and in this context specifically, public transport. Google Maps is an extremely reliable app to help navigate around the city with public transport. Unlike other popular apps such as Citymapper and TfL’s own app which uses TfL’s Unified API, Google relies on their own data for information such as live arrivals for different modes of Transport. This gives Google the upper hand when it comes to buses in particular as Google relies on their own traffic data to provide more accurate live arrival times. As shown from the images on above, Google Maps gives you the option to choose to from different modes of transport, once you click on the public transport icon, the app will then show you different routes you can take to your destination. Once you click on a route, the app will show you a map of the route and will give you more details such as how many stops there will be on your bus/train and what stations you need to interchange at. Google Maps has been entirely developed in JavaScript and is a native app.
Citymapper: Citymapper is another popular example of a travel app and is extremely popular within London. Unlike Google Maps, Citymapper is only used for public transport. Also, unlike Google Maps, Citymapper uses TfL’s Unified API which means all of the information on the app such as routes and live arrival times is provided by TfL. As shown in the images on the left, Citymapper allows you to search for a location and also gives you the option of choosing home and work locations so you can quickly find routes to these destinations in the future. You are also able to click one of the icons to check the current status of tube lines and National Railways, check live arrival times, etc. Once you do choose your destination, the app routes from your location to your destination, although unlike Google Maps, Citymapper will show you how much each route will cost which is very important when using public transport. Once you click on a route, the app will show you a map of the route, live arrival times, what mode of public transport you will need to ask, when to interchange, etc.
End of preview
Want to access all the pages? Upload your documents or become a member.
Related Documents
TravelHub: A One-Stop-Shop for All Your Travel Needslg...
|3
|607
|196
Developing an App for Exploring Delhilg...
|8
|1048
|32
Concept Model for Applicationlg...
|16
|1769
|295
Use Case Modelling for Semester 2 2019 Individual Assignment Templatelg...
|9
|1570
|76
Attraction Visit and Analysis - Doclg...
|8
|1584
|68
Carpooling as a Solution to Congestion in Dublinlg...
|10
|2125
|288