PDA

View Full Version : Public Tube: - London Undeground



flyingmachete
21 Jan 2011, 10:20 AM
Hi All,

This is my first Sencha Touch web app, Public Tube: -

24411

http://bit.ly/ed03G8


A simple web app which displays the London Underground live tube status, predicted weekend status and a tubemap.

I've only been learning Sencha Touch for about a week, so apologies for any sloppy javascript in there (Just using a crappy URL refresh for testing, as I need to learn how to reload the JSONP scripts in a component, which is in a TabPanel 8-|)

Hope you like it,

AndreaCammarata
21 Jan 2011, 11:54 AM
Hi flyingmachete, this is a simple good start ;).
Keep it up and your application will grow always better :)

rproudman
21 Jan 2011, 3:28 PM
Looks great.

Now if the tube posted data to show the trains on the map ... that'd be sweet.

flyingmachete
23 Jan 2011, 3:54 AM
Thanks for all the comments! :D

@rproudman
That is a very neat idea, make a svg of the tube map or an imagemap maybe? One to think about anyway~o)

Right now, parsing the train departure boards, station and line feed data from TFL I-| (which btw are a complete mess) and then add them to the web app :-?

flyingmachete
26 Jan 2011, 5:55 PM
Hi All,

Just updated the web app: -

http://bit.ly/ed03G8

Layout changes and introduced live departure boards (basic but functional at the moment).
Next step will be to give detailed departure for specific station on a tube line, which will require some thought about how to implement it.


Cheers and hope you like it

rproudman
27 Jan 2011, 12:24 PM
Looks great. I'm not in London right now but have lived / consulted there in the past - and this will eventually be a great app to have as there's nothing worse the running to the station to find out a line's backed up - or broken.

flyingmachete
31 Jan 2011, 3:39 AM
Hi All,

I've just updated - the user can now search for train information at a specific station.

Version 1.95 - Detailed Train prediction

http://bit.ly/ed03G8


Version 1.75 - Summary Train prediction

http://bit.ly/gYLSFZ


Will better implement the form validation, try to add zooming on the tubemap and then will call it a day on this web app! ;)

Enjoy!

cydia
31 Jan 2011, 6:14 AM
fantastic job :-)

how do you retrieve the data?

cydia

flyingmachete
31 Jan 2011, 7:02 AM
Follow the link to the site below: -

http://www.tfl.gov.uk/businessandpartners/syndication/16492.aspx

Select the feed data that you want and fill out the form, TFL will review your application and respond within 48 hours.

N.B. The feed data is sent back in XML, so you might want to convert to JSON (what I do is use cURL to get the feed data, then simpleXML and then json encode it, all via php

Hope that helps?

bluefox617
5 Feb 2011, 8:07 AM
nice work!

Could we have your scripts for study, please?!;)

flyingmachete
6 Feb 2011, 8:11 AM
ok will have to dig out the code and document it first.

Send a private message and will get back to you.

flyingmachete
30 Aug 2012, 12:33 PM
Hi All,

Have recently updated my web app, Public Tube (v2) to Sencha Touch v2.0.1.1, link below: -

http://www.zawaung.co.uk/mobile/senchatouch/workspace/publictube1/

C (http://www.zawaung.co.uk/mobile/senchatouch/workspace/publictube1/)hangelog: -

Updated to Sencha Touch v2.0.1.1, using MVC classes (views, stores, models and controllers)
Added pull-refresh to Live Status and index bar.
Changed live timetable departures to nested list.
Minor style changes.
Next update will be to have phone and tablet versions...

Hope you like it, was challenging but fun to learn sencha touch 2.0.1.1.

Cheers