1-person team. The sole member is a Human-Computer Interaction Ph.D. student at Indiana University.

Team Members

Launch Site

Power of the People

Power of the People is a web application to help you analyze various media sources at the same time. The information can be rearranged as wished by drag-dropping media content as wished.

V800 team 8b4fa080d4a39c3cb5ab7e3d055c2721 1463355931

Description

Power of the People is a web application to help you analyze various media sources at the same time. The information can be rearranged as wished by drag-dropping modules (=widgets) as wished.

You can create various dashboards for visualizing different topics/concepts/etc. The dashboards are independent. Once the application is loaded, you will be able to click on one of the pre-existing dashboards in the top menu, or create a new dashboard.

If a backend were present, the dashboards would be shareable and collaborative. Right now, they do not persist.

Initially, the idea behind this web application was to analyze social movements in more detail, but the field of applications appeared to be way broader.

This web application was coded with Angular 2 as part of the 2016 Angular Attack. It uses the YouTube, Google Maps, and New York Times APIs to get its content, with extensions planned for Twitter, Facebook, and other services.

Notes: depending on the load of the server, the application can take several minutes to load.

Bugs: - The creation of a new dashboard works but the addition of modules to any created dashboard is broken. You can however add modules to one of the pre-existing dashboards.

Instructions

Please access the app through: http://powerofthepeople.2016.angularattack.io/

You can use the tabs on top to access existing dashboards. Modules can be rearranged by drag-drop; they can also be reconfigured (changing the search queries, etc.) by clicking on the gear icon near their title.

Notes: depending on the load of the server, the application can take several minutes to load. HTTPS seems to cause a problem with the New York Times API.

Bugs: - The creation of a new dashboard works but the addition of modules to any created dashboard is broken. You can however add modules to one of the pre-existing dashboards.

Built With

  • Bootstrap
  • Angular 2 & Typescript
  • Dragula
  • ng2-dragula
  • YouTube API
  • Google Maps API
  • New York Times Article Search API
  • Systemjs
  • Code from the Angular2/typescript tutorial
  • Quickstarted the project with Angular2-quickstart

Development: - IntelliJ IDEA - SourceTree

A copy of the package.json: "bootstrap": "^3.3.6", "dragula": "^3.7.0", "es6-shim": "^0.35.0", "jquery": "^2.2.3", "ng2-dragula": "^1.1.9", "reflect-metadata": "0.1.3", "rxjs": "5.0.0-beta.6", "systemjs": "0.19.27", "zone.js": "0.6.12"

Feedback / Ratings (8)

All Feedback