lprsd / sachin-angular-phonegap Goto Github PK

• Separate navigation for ODIs and Tests can create an additional click away from looking at the charts. We should instead have a button on the top right corner of each page to choose either ODI or Tests as follows.

To achieve this seamlessly, following can be done:

• Main controller watches for change to this model and changes the folder path (to chose test data or ODI data)
• Each controller to define function plot_graph which will be called upon the change of the model to re-render.

https://github.com/EddyVerbruggen/SocialSharing-PhoneGap-Plugin/tree/6b91ac9b50c44dffe5ad0b609bfed096d77c014b looks awesome.

This doesnt seem to allow scrolling easily and what about the side borders?

http://jsfiddle.net/ewsFj/

Use github pages if possible, else Heroku.

The neat and good dropdowns/selections, colors etc.

Creating Twitter follow link and also the tweets list.

Merge in one tile with buttons(3)

Its high time we should start testing it on devices. This will help us from doing any kind of rework.

Example: http://www.highcharts.com/demo/area-basic/skies

Data for this is already available: sachin_odi_all.json

Angular uses # in the url to support old browsers.

Since we dont support them anyway, use proper URLs without #.

http://bootswatch.com/flatly/

It was fetching from the CDN. Removed the CDNifyer.

Please leave your comments about the charts.

function calculateSizes() {
tileCount = Math.floor(screenWidth / 160); //320px is min width; so 2 tiles min
tileSize = screenWidth / tileCount;
chartWidth = screenWidth;
}

onPageLoad or onScreenResize -> calculateSizes(), redraw charts with new width and options.

This is not needed for this project per se, but good to checkout if it makes sense to use one of:

Lungo: https://github.com/TapQuo/Lungo.js/
Adobe Topcoat: http://topcoat.io/topcoat
Not using this one, but has good angular integration: http://ionicframework.com/
From the author of bootstrap for mobile: http://maker.github.io/ratchet/

Charts we are looking now at:

1. Summary Charts #14
2. Donut of Wins/Losses #5 - There must be option for filtering this one by Stadium, vs Country etc.
3. Area Chart of Runs #15
4. Records Charts #13
5. Wins/Losses in a donut chart With Sachin/Without Sachin.
6. 3D chart of the records (as commented by Adi, below)

Potentially more to consider/discuss:

• How about a Pie drill down chart of the Donut chart? (On click of Donut can it change to the drilldown pie?)
• Sachin scores vs wins, losses for the batting order, - #10 (may be also for the toss)
• Scores/Centuries etc in Stadium (There is another dataset for these)
• Worldmap D3 visualisation of the scores in a country (and against a country.)

To look for:

• Can we use multi axis combination chart
• Any other D3 or SVG visualisation we can use.

For Push Notifications on all devices.

1. ODI/Test Button : [Text]
2. No jump [min-height]
3. Remove bootstrap css
4. Add share button [Along with bar]
5. No horizontal jump in 3rd tile
6. SVG-PNG [through highcharts]
7. Check on youtube tile [top margin]

1. Phonegap build
2. Appgyver Steroids
3. Crittercism
4. Helpshift for feedback.
5. PushWoosh... for Push Notifications.
6. Any analytics package
7. Firebase for chat? (only explore)

This folder has various icons and screens for the platforms we need.

All of these have to be replaced: https://github.com/becomingGuru/sachin-angular-phonegap/tree/master/app/res

• minify (use grunt minify and angular-minify enabler.)
• Remove 300ms delay for click.

Read:

• https://github.com/ajoslin/angular-mobile-nav/wiki/PhoneGap,-improving-performance
• http://blog.scalyr.com/2013/10/31/angularjs-1200ms-to-35ms/
• http://projectpoppycock.com/angularjs-phonegap-and-angular-seed-lets-go/

One page for all of the relative greatness of Sachin:

• Most matches in career: http://stats.espncricinfo.com/ci/content/records/223375.html
• Most consecutive matches: http://stats.espncricinfo.com/ci/content/records/128609.html
• Most player of the match awards: http://stats.espncricinfo.com/ci/content/records/283705.html
• Most player of the series awards: http://stats.espncricinfo.com/ci/content/records/283448.html
• Longest Career: http://stats.espncricinfo.com/ci/content/records/283448.html

Back and the Home buttons with flip-contract animation using css transitions.

Single flip on back and double flip for the home-page (with the home icon.)

... before phonegapping.

#17 #28 UI for all possible screens sizes and both portrait and landscape mode.
#18 Test and ODI Data for all charts.
#25 Timeline Chart
#24 #26 Integration

GA,
PW,
EC,
Instagram,
Helpshift

Once we have the entire charts ready.

Lets plan how to go about UI, Such that it looks good on all platforms. Feel free to express your ideas and how to go about UI thing.

Note: Complexity to UI can be added later (like complex transitions) @pinakinmistry is however expert at it.

Data in the json format.

Similar to the CT charts - selection of the json and of the attrs