Group_07

• Pavel Sinelnikov
• Andrew Tassone
• Geoff McCollam

System Description

Our solution is simple. We will use an API to retrieve that information. An API is an Application Programming Interface. It is used for retrieving data or tools that are located on another website. For example, we will use the Google Maps Javascript API which lets you add a customizable map to display on web pages and mobile devices. Our website will retrieve news information from a specific country using newsapi.org, which provides live news updates. The user can also apply specific filters such as sports, technology, business, and more on the news search to narrow down the information they are interested in. Additional filters may be added in the future. News articles, by default, will be sorted by newest first. The user has the option to sort by popularity or by oldest first.

Description of Prototype to be delivered in BTS530

Our prototype will include:

• Connection to both the Google Maps Javascript API and the newsapi.org
• Filtering options
• Easy to navigate interface

To Do List

• Create Vue.js project
• Integrate Google Maps API into the project
• Integrate Google Maps API with the NewsAPI:
  • Clicking on the map and data gets sent to NewsAPI
  • NewsAPI returns data with relevant news articles
• Styling the page
• Create interface for each page
• User picks location diagrams
  • Use Case
  • Activity
  • Domain Model (class)
• Integrate news API into the project
• User Filter Selection Diagrams
  • Use Case
  • Activity
• User Creation/Authentication Diagrams
  • Use Case
  • Activity
  • Domain Model (class)
  • Entity Relationship
• Site View Diagrams
  • Use Case
  • Activity
  • Domain Model (class)
• Favoriting Article Diagrams
  • Use Case
  • Activity
  • Domain Model (class)
• Implement Location Pick
• Implement Filter
  • Search
  • Category
• Implement User Account Creation
• Implement Authentication
• Implement Site View
• Favoriting Article Implementation

Iteration 1 To Do List

• Write guide on how to set up the server
• Integrate Google Maps API with the NewsAPI:
  • Clicking on the map and data gets sent to NewsAPI
  • NewsAPI returns data with relevant news articles
• User picks location diagrams
  • Use Case
  • Activity
  • Domain Model (class)
• Styling the page
• Create interface for each page

Iteration 2 To Do List

• Site View Diagrams
  • Use Case
  • Activity
  • Domain Model (class)
• Implement site view
• User Filter Selection Diagrams
  • Use Case
  • Activity
• Implement Filter
  • Search
  • Category
• User Creation/Authentication Diagrams
  • Use Case
  • Activity
  • Domain Model (class)
  • Entity Relationship

Iteration 3 To Do List

• Implement User Account Creation
• Implement Authentication

Iteration 4 To Do List

• Favoriting Article Diagrams
  • Use Case
  • Activity
  • Domain Model (class)
• Favoriting Article Implementation
• Implement User Profile Page
• User History

Potential BTS630 Tasks

• Storing additional user data such as profile pictures
• Oauth capabilities
• Coverting Google Map into SVG Map
• Ranking of News Article Popularity
• Restructuring database
• Refactoring code

Potential Next Tasks

• Iframe not loading with article data
• Voting system likes/dislikes
• Comment section - Pavel
• Overlay of article
• Local news for country instead of local country interpretation of world news