longzheng / mypal-ionic

Mobile app to see Myki account details for iOS & Android

mypal-ionic

Mobile app to see Myki account details for iOS & Android

Download links

• Google Play
• App Store (Apple refuses to approve the app, so join TestFlight beta)

Background

I'm making this app because the Myki site doesn't have a mobile view nor a mobile app, and I wanted to experiment with the Ionic framework to make a hybrid mobile app.

Screenshots

Current features

• Log in to Myki online account with username & password
• Show current/archived myki cards
• Shows myki money & myki pass balance
• Shows card information
• Shows recent transactions
• Top up with credit card
• Show retail top up outlets

Build requirements

Must have Cordova and Ionic 3 installed npm install -g cordova ionic

Install npm packages npm install

Restore Cordova plugins ionic cordova prepare

Run on device ionic run android or ionic run ios

Debug in browser ionic serve (When debugging with Chrome, security limitations must be disabled since we're accessing a third-party site without CORS headers)

OSX from terminal
open -a Google\ Chrome --args --disable-web-security --user-data-dir
  
Windows from cmd
chrome.exe --disable-web-security --user-data-dir

mypal-ionic's Issues

Add history grouping by day

Expiry event end date before start date

In some cases the pass expiry end date is before the start date.

Start date: 13 March
End date: 12 March

Quick select top up money/pass

Redesign UI to allow easy selection of top up money presets
$10, $20, $30, $40, $50 etc

Also pass duration presets
7 days, 28 days, 365 days

Multiple zone breaks layout

Card nicknames

Add help text "available at next top up" for pending top up

Can't login with special characters

User reports error logging in with @ symbol in password

Change myki register button to both "Register" and "Set up online account"

Myki has two different pages for setting up myki. Current register button only opens web access.

If you have an anonymous myki
Register anonymous myki https://www.mymyki.com.au/NTSWebPortal/common/Register/RegistermykiAnony.aspx

If you have a registered myki
Set up online access
https://www.mymyki.com.au/NTSWebPortal/common/Register/SetupWebAccess.aspx?menu=Set%20up%20web%20access

Top up complete typo

Add top up screen

Custom view to allow top up
myki pass
myki money

Upgrade ionic-angular to v2.2.0

https://github.com/driftyco/ionic/releases

Transactions page laggy to load

Might need to switch to ionic VirtualScroll https://ionicframework.com/docs/v2/api/components/virtual-scroll/VirtualScroll/

Need mock data for App Store review

Apple requires a demo account for app approval.
Need to make a fake login/password that just returns mock data.

Add "debug" button

• JSONify account viewmodel
• Email to me

Update top up warning to 90 minutes

Multiple account support

https://www.reddit.com/r/melbourne/comments/625bik/i_made_a_myki_mobile_app_with_top_up_android_only/dfo7txa/

Change hamburger icon to list of cards icon

Investigate NFC functionality

• Ability to scan to read ID?
• Ability to scan to change active card

Add manual top up locations

Loading XML and turn it into a google map
https://www.ptv.vic.gov.au/tickets/myki/ef1d0f60a/xml-list

Transition to ionic-native 3 for performance

http://blog.ionic.io/help-us-test-ionic-native-3-x/

"View zone map here" link directs to information on zones, but not to zone maps

Add "Commuter Club" type pass

Alignment off for some history touch on/off events

Slight design tweaks needed?

• 'Darling station' has a blank line above it, compared to 'Flinders street station' below
• The event number "1/" has a slash for some reason
• Also noticed the Hawthorn East route has a strange name, LR05_1_047

Add transactions error logging to catch exception and send log

Fare table

Pension card type

Top up can sometimes have a "-" source

Causes exception on trans.setService(transJquery.find("td:nth-child(4)").text().trim())

Crashes if no calendar app exists

Redesign transaction history

• Make transport icons solid color touch on/off with the transport type white overlay
• Merge cells together?

History transaction limit message

Should show a message "only showing top 40, go to the myki site to view more"

Blocked card errors

Card status of blocked shows up as an active card

[Android] tab bar in transactions page look too tall

Implement remote config from firebase

Implement launch prompt and roadblock, in case there are fires.

Probably can remove the push notifications.

'Top up' history event shows 'Train' and dollar sign unaligned

Not sure if this is intentional or not

Top up pass "from"" typo

"Last transaction date" in date format using US date style

Date is 3 December 2016 but displayed as 12/3/2016

Detect offline/no connectivity

"Child" myki card type not being processed correctly

Website displayed as

Top up money needs to be whole dollars

Add myki expiry to calendar

Add a button next to expiry to add a calendar event

https://ionicframework.com/docs/v2/native/calendar/

[Android] status bar color should be darker

https://twitter.com/revanmj/status/830753921769545728

Add calendar reminder for pass expiry

Show more card details in sidebar

• Could show a card type sign "C"
• Would need to load all card details automatically since those details aren't available on the main account screen
• Need to be careful with concurrent requests, maybe do it one at a time

No session expired error handling

The myki site has a pretty quick session expiry time.

If you leave the app open for a while, then pull to refresh, it will fail.

Need some sort of error handling, auto retry or re-login.

Top up on bus shows multiple icons

Train animation not going to end of screen

Need to redesign train animation layout
Instead of animating train, need to animate a 100% width div so transform works correctly
Our train in div, maybe scale with viewwidth proportionally

History transaction zone UI weird

People getting confused

Myki pass data could be empty instead of "-"

The myki website seems to show no string for some users and a dash "-" for other users when there is no myki pass active

[iOS] Upgrade to WKWebView

https://github.com/driftyco/cordova-plugin-wkwebview-engine#installation-instructions

Top up pass fails on iOS if inactive pass exists

Top up money works, but top up pass fails on iOS