s3.amazonaws.com · web viewi have broken down the app structure below. the app is a tennis app...

9
I have broken down the app structure below. The app is a tennis app which is designed to collate all of the important information from a range of sources and provide a single point of access for users to all of that data. App must be native to iOS and Android. The ideal structure is for this system to have its data based in a format which is accessible and able to be monitored by myself. Ideal case would be to have an excel format where all of the scraped data is collected and stored by excel and the app draws data from there. The key for being able to execute this design is being able to extract the data and then draw it into the app – if this is not your forte then I know someone who I have worked with before who would be able to set up all of the data extraction in order to produce excel files containing all of the data – happy to get him to do that. If you are able to get all aspects of the app running using an excel database, then I would prefer to move down that route – this is the ideal outcome for me. The only manual interface I need with the system is the uploading of news articles and adjusting twitter handles that are being fed into the social media feed (could just create a twitter account and take the feed from that?). ---- 1. Intro Graphics A quick animation that features the logo (to be designed) whilst the app loads. The animation will be sourced by me from an external person. 2. Home page A table of icons (like a keypad) that links to each of the nine main pages. When the users are on the nine pages, the system would preferably have a horizontal swipe scroll list of icons at the bottom of the page that link to the home page and the other main pages (see photos). May be more ideal to have a expandable/collapsible side panel to show the menu instead of bottom bar. I also would like to be able to edit the background image of this page.

Upload: others

Post on 03-Mar-2020

0 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: s3.amazonaws.com · Web viewI have broken down the app structure below. The app is a tennis app which is designed to collate all of the important information from a range of sources

I have broken down the app structure below. The app is a tennis app which is designed to collate all of the important information from a range of sources and provide a single point of access for users to all of that data. App must be native to iOS and Android.

The ideal structure is for this system to have its data based in a format which is accessible and able to be monitored by myself. Ideal case would be to have an excel format where all of the scraped data is collected and stored by excel and the app draws data from there.

The key for being able to execute this design is being able to extract the data and then draw it into the app – if this is not your forte then I know someone who I have worked with before who would be able to set up all of the data extraction in order to produce excel files containing all of the data – happy to get him to do that. If you are able to get all aspects of the app running using an excel database, then I would prefer to move down that route – this is the ideal outcome for me. The only manual interface I need with the system is the uploading of news articles and adjusting twitter handles that are being fed into the social media feed (could just create a twitter account and take the feed from that?).

----

1. Intro GraphicsA quick animation that features the logo (to be designed) whilst the app loads. The animation will be sourced by me from an external person.

2. Home pageA table of icons (like a keypad) that links to each of the nine main pages. When the users are on the nine pages, the system would preferably have a horizontal swipe scroll list of icons at the bottom of the page that link to the home page and the other main pages (see photos). May be more ideal to have a expandable/collapsible side panel to show the menu instead of bottom bar. I also would like to be able to edit the background image of this page.

Page 2: s3.amazonaws.com · Web viewI have broken down the app structure below. The app is a tennis app which is designed to collate all of the important information from a range of sources

2.1. 24/7 FeedPage collates data from news, scores & results and social media in order to create a rolling news feed that is constantly updating to provide the latest content.

Feed needs capability to input ads which are of the same dimensions as the news article previews. Ads will be images which when clicked link to a url. Ad placement needs owner input so that it always appears after a certain news article i.e. first, third, tenth.

Layout is same as news feed, just with combo of new scores, news and social media posts.

2.2. NewsI need the ability to use an interface to submit an image and a body of text, which then generates a news article that is displayed in chronological order in the app. The articles also need to have tags associated with them, and then the user at the top of the page is able to enter a search query where articles with that tag are shown. User clicks on news article which opens full article with image at top and text body below.

News feed needs capability to input ads which are of the same dimensions as the news article previews. Ads will be images which when clicked link to a url. Ad placement needs owner input so that it always appears after a certain news article i.e. first, third, tenth.

It would also be ideal for users to be able to comment on the articles, depending on the difficulty of implementation. Being able to automatically time the release of news articles would also be ideal.

Page 3: s3.amazonaws.com · Web viewI have broken down the app structure below. The app is a tennis app which is designed to collate all of the important information from a range of sources

2.3. RankingsScrapes data from the ATP World Tour website and one other website on a scheduled basis, the data collected is then reformatted and displayed in the app. There needs to be a drop down menu that will display a few different sets of data. If the user clicks on one of the player’s names, then a page opens up with the player profile, which is more data scraped from the ATP World Tour website.

2.4. Scores & ResultsData scraped from a page on the ATP World Tour website and possibly one other. Has one section displaying live scores and the other section displaying completed matches from that day (choose between live and completed through buttons at the top of the screen). In the completed matches, the user is able to select any of the past seven days to see completed matches.

The system needs to be checking for new match results (completed) on a scheduled basis, when it detects a new result (new data to scrape) the data is updated on this page, and the result is sent to the 24/7 news feed.

LIVE SCORES (next image)

Page 4: s3.amazonaws.com · Web viewI have broken down the app structure below. The app is a tennis app which is designed to collate all of the important information from a range of sources

COMPLETED (below)

Page 5: s3.amazonaws.com · Web viewI have broken down the app structure below. The app is a tennis app which is designed to collate all of the important information from a range of sources

2.5. Schedule of PlayScrapes data from the ATP World Tour website in order to create a schedule of play for the day. Scrape will include tournament logo image.

2.6. StatsScrapes data from multiple pages on the ATP World Tour website to create a list of the top ranked players for each stat. Will be many (more than 10) pages of stats which can be selected from drop down menu by the user, however the format of the page is the same for each player, will also be identical to the rankings page.

Page 6: s3.amazonaws.com · Web viewI have broken down the app structure below. The app is a tennis app which is designed to collate all of the important information from a range of sources

2.7. TournamentsData is scraped from ATP World Tour. Has two pages (select by button on top of page), one page is a calendar showing tournaments and highlights their duration on a calendar. User can click on the calendar which shows tournaments in play on that day. Other page is a chronological list of upcoming Tournaments. If user clicks on a tournament on either of the pages, it opens a page which shows tournament info (drawn from scraped data).

Page 7: s3.amazonaws.com · Web viewI have broken down the app structure below. The app is a tennis app which is designed to collate all of the important information from a range of sources

2.8. Social MediaSocial media feed of player’s twitter feeds as chosen by us. We need the ability to input twitter handles (@username) which then constantly updates and displays the latest posts by anyone on the list.

2.9. ContactPage that has a contact form to contact us, along with dialogue to review/rate the app.

Page 8: s3.amazonaws.com · Web viewI have broken down the app structure below. The app is a tennis app which is designed to collate all of the important information from a range of sources