Cross-Platform Mobile Application, Public Transportation for London – Final Report

Added on - 24 Feb 2021

  • 25

    Pages

  • 10093

    Words

  • 17

    Views

  • 0

    Downloads

Trusted by +2 million users,
assist thousands of students everyday
Showing pages 1 to 6 of 25 pages
Cross-Platform Mobile Application,Public Transportation for London –Final Report
Table of ContentsAbstract ........................................................................................................................... 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
AbstractBeing one of the world’s most famous cities and the third most visited city in the entireworld, 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 withthe 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 usefulinformation that is easily accessible to help them navigate through the city. With the vastmajority 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 smartphone, it would be easy to access this information through a mobile application. As I wantthe app to be easily accessible across mobile platforms, I decided to create a web applicationusing HTML and JavaScript, with TFL’s Unified API being used to retrieve information onthe 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 whatthey liked about the app and potential improvements that could be made to the app. This gaveme a better idea on how good the app is and what improvements need to be made, gainingcritiques from unbiased users was crucial. In conclusion, I found that in my opinion, and theopinions of test users, that the app was successful based on their feedback, the applicationmeeting all of the requirements I had put in place for the app before creating it and howuseful the app is in its entirety. Although the application is targeted at tourists, theinformation provided within the application is very useful to tourists and commuters alike.BackgroundIntroduction:In recent years, especially in a major city like London, public transportation has becomeessential to commuters and tourists alike. That is why for my project, I’ve decided to create across-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 transportationmaps, and specially for tourists – locations of and directions to popular tourist locations. Theapp 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 definitelynot one of the easiest to navigate around, especially without any help. Whilst London’spublic transportation is great, understanding how it works is not simple by any means. In theLondon Underground, there are multiple issues with multiple lines every single day that canaffect the timing of trains’ arrival, this means the timetable provided by TFL can be veryunreliable. This will make knowing what time your train will be arriving and the total time ofyour route difficult and will leave you unsure on what the best route to take to yourdestination is. This can cause inconvenience for commuters and tourists alike. This creates aproblem.
The Hypothesis and the Approach:The problem stated above could potentially be solved if travellers were able to convenientlyplan their journey beforehand. Nowadays, the vast majority of London residents and touriststo London will carry a mobile phone, so the most convenient solution to the problem for auser would be to have all of the necessary information within a mobile application. Userscould very conveniently access an app on their mobile phones that will allow them to plantheir journey beforehand and see what steps they need to take to reach their destination. Theapp will also have additional functionality, such as; maps of the London Underground, thestatuses 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 mobileapplication. 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 ascurrent line statuses and much more information that I can implement into an app that is moreuser-friendly and presentable to people who need access to such information. To create theapp, I will be writing the entirety of the app using the Visual Studio Code and I will also beuploading the source code to GitHub to make the app’s data easier to access and easier tokeep track of.Literature ReviewAs for my individual project, as I have decided to create a mobile application specifically foruse on London’s public transpiration, in this literature review, I will be looking at existingwork, in this case this will be mobile applications which contain features that allow for use onpublic transportation, as similar features will be implemented into my own application. I willalso be researching developmental technologies such as JavaScript frameworks which couldbe used to develop my project.To help the development of this application I have researched multiples apps and othersources. By researching these various sources, I feel that this will allow me to gain a betterunderstanding of what my app should like and which features are most necessary for user’sso that can I implement these feature into my own application. I can also gain an idea offeatures which could be potentially included in my app that I have not initially thought of andalso gain an idea of which features may possibly be missing from other similar apps that Icould 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, publictransport. Google Maps is an extremely reliable app to help navigate around the city withpublic transport. Unlike other popular apps such as Citymapper and TfL’s own app whichuses TfL’s Unified API, Google relies on their own data for information such as live arrivalsfor different modes of Transport. This gives Google the upper hand when it comes to buses inparticular as Google relies on their own traffic data to provide more accurate live arrivaltimes.As shown from the images on above, Google Maps gives you the option to choose to fromdifferent modes of transport, once you click on the public transport icon, the app will thenshow you different routes you can take to your destination. Once you click on a route, the appwill show you a map of the route and will give you more details such as how many stopsthere will be on your bus/train and what stations you need to interchange at. Google Maps hasbeen entirely developed in JavaScript and is a native app.
Citymapper:Citymapper is anotherpopular example of a travelapp and is extremely popularwithin London. UnlikeGoogle Maps, Citymapper isonly used for publictransport. Also, unlikeGoogle Maps, Citymapperuses TfL’s Unified APIwhich means all of theinformation on the app suchas routes and live arrivaltimes is provided by TfL. Asshown in the images on theleft, Citymapper allows youto search for a location andalso gives you the option ofchoosing home and worklocations so you can quicklyfind routes to thesedestinations in the future.You are also able to clickone of the icons to check thecurrent status of tube linesand National Railways,check live arrival times, etc.Once you do choose yourdestination, the app routesfrom your location to yourdestination, although unlikeGoogle Maps, Citymapperwill show you how much eachroute will cost which is veryimportant when using publictransport. Once you click on aroute, the app will show you amap of the route, live arrivaltimes, what mode of publictransport you will need to ask,when to interchange, etc.
desklib-logo
You’re reading a preview
Preview Documents

To View Complete Document

Become a Desklib Library Member.
Subscribe to our plans

Download This Document