GithubHelp home page GithubHelp logo

openhpi / jenz Goto Github PK

View Code? Open in Web Editor NEW
0.0 8.0 2.0 10.69 MB

Dashboard visualising the usage of MOOC-Platforms like openHPI, openSAP and more.

Home Page: https://openhpi.github.io/jenz/

TypeScript 81.55% JavaScript 2.75% HTML 9.32% CSS 6.38%
dashboard mooc openhpi opensap angular2 material-design

jenz's People

Contributors

blubl avatar dkipping avatar flowirtz avatar matthiaswiesner avatar zhamanakov avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

jenz's Issues

Interactivity

  • Slider bewegt sich automatisch wenn nix passiert
  • touch me! -> nutzer muss interaktivität erkennen

Fix platform-independent deployment

See 63b4995 for example.
In index.html, the base-ref is broken as it uses double quotes:

<base href="'https://openhpi.github.io/jenz/'">

The double quotes break the link to every resource, that's why the page does not load (i.e. just shows "Loading").

Compare this to here:

<base href="https://openhpi.github.io/jenz/">

<base href="https://openhpi.github.io/jenz/">

This is probably due to Windows interpreting the build-deploy-script in package.json differently than Unix.

Map

  • Hide white space above and below map when panning
  • smaller markers
  • markers with opacity
  • randomize position of markers about 5px
  • (optional) clustering
  • if map gets animated, center it to default
  • change the color of the slider to gray or something
  • Zeitstrahl Zeiten adaptiv (nicht 0-24)

ToDos for Monday, 05/29/2017

  • consider using Bootstrap (or alike) and replacing everything edit: WIP, see 6cb66d215525808526ffbee19b62ae3b3c1ba0dd
  • onClick for featureCard
  • fix buttons for testimonials not being in image edit: fixed in 6cb66d215525808526ffbee19b62ae3b3c1ba0dd

Fix Travis CI build process for deployment

Travis fails doing the build, however it works locally. I tried to fix this in a fork. This did not work out however.
Less than successful attempts to fix Travis build

How deployment works atm

One builds locally (see README for reference) and then pushes the master branch to GitHub. Travis will then deploy the dist folder to gh_pages.

How it should be done

Travis does the build and then pushes the result to gh_pages. This in theory can be achieved by just calling npm run build-deploy and then pushing the result in dist, e.g. by using ngh.

The problem

Either npm install or the build fails, that unfortunately differs. I experienced both.

Course-Component

  • Dont use the button style -> just plain black text instead @zhamanakov
  • Add a banner for each course, indicating its platform @fwirtz
  • Close the course details if it isn´t shown in the foreground @deeps96

Brainstorming

DASHBOARD Ideensammlung

Weltkarte­ als Kugel

  • Dreht sich
  • Bei klick geht auf zu landkarte, rein zoomen etc
  • Sieht user die gerade online sind
  • Über den Tag online waren
  • Verlauf über den Tag wer online war
  • Vertelung der User (wo lernen sie)

Kurse → https://open.hpi.de/feeds/courses

  • Aktuelle & upcoming
  • genauer anschauen -> details (wenn auf Kurs geklickt)
  • Fragen ob kurs beitreten
  • Email
  • QR-Code…
  • Video abspielen wenn Ton möglich?

Statistiken (gesamt)

  • Filtern der Statistiken etc. welche Plattform (OpenSap,…)
  • So viele neue Anmeldungen/Einschreibungen (wie bei Facebook, neue Likes-Statistik)
  • Wie viele Kurse abgeschlossen wurden
  • Populärste Kurse
  • Course activity -> forum posts…

Geschichte von OpenHpi zum durchscrollen

  • Desktop – Mobile (Entwicklung)
  • Zeitstrahl mit Ereignissen zum draufklicken
  • (Wandel design)

Eventfeed

  • Neue Einschreibung -> Benachrichtigung
  • Twitter-Feed

Meinungen von Usern

Sonstiges:

  • Stichworte – Facts
  • Eventuell auch FunFacts
  • Sprachauswahl
  • Interactive - wie zu zeigen?

Angular, React, Polymer - Vor-/Nachteile

Anwendung sollte nicht abstürzen

Export reviews to file

To easily exchange the reviews, export them into their own file and store the file under /assets/.

  • reviews in txt datei oder so auslagern

ROADMAP aka. Ugly Issue collection

Moved everything to individual, better-clustered issues

  • Buttons oben (aka Filter) e2aa79b
  • Slider für Karte (Materialize hat einen)
  • Slider bewegt sich automatisch wenn nix passiert
  • Pfeile bei Reviews (damit man sieht dass man nach links/rechts kann) 3f69633
  • touch me! -> nutzer muss interaktivität erkennen
  • m.e.i.n.e.l. für statistiken WIP b988780
  • reviews in txt datei oder so auslagern
  • karte: letzte 24 stunden slider, was für time-steps, wie durchscrollen, wie daten halten?
  • #8
  • #5

Promo Numbers

  • Add 5th component, showing the currently active users from the active_user api route.
  • When the 5th component gets clicked, the range slider of the map component should show the last hour.
  • Update all promo numbers each minute.

Check for production status

When deploying to github-pages, the baseurl path is broken: "/jenz" is missing.
This can be addressed by using env vars.
NG2 does not support env vars.
Therefore, a status.ts file that holds a boolean production is used.
Upon deploy, the boolean needs to be set to true.

Course Carousel

  • kurs-carousel: älteste kurse text fixen —> github 3f69633
  • kurs-carousel: aus allen plattformen? reihenfolge etc
  • kurs-carousel: automatisches durchscrollen alle x minuten —> github e098d7c
  • [DONT ] Bei Kurs carousel course-statistics anzeigen

Map Improvements

  • Slider für Karte (Materialize hat einen)
  • karte: letzte 24 stunden slider, was für time-steps, wie durchscrollen, wie daten halten?
  • keinen Blick in die "Zukunft" erlauben, stattdessen Daten aus letzten 24 h anzeigen
  • [DONT] eigener kleiner API Service der openHPI Daten cached (see #10)

Create Data Cache

Cache the provided data for time periods to later be able to propose statistics for longer time periods than provided by the API.

Long term goal: Kill this service and make the clients provide it themselves.

Add dynamic data loading using filters

I as the user want to be able to select the data source by clicking the images in the header.
The data should be filtered dynamically and displayed accordingly to the selected variables.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.