Sitemasters - 1/08/2016

Het logo is ook aangepast, met dank aan Pieter Carette.

Homepage niet ingelogd

Er is aan het dashboard gewerkt. De snippets zijn er momenteel nog niet, dat toont ook de forum berichten momenteel. De bedoeling is om dit op te delen in widgets, zodat leden kunnen instellen welke widgets ze op hun dashboard willen zien.

Links bovenaan is ook aangepast, je bent anoniem en er staat een knop om snel lid te worden. Dit springt iets meer in het oog, maar toch nog subtiel genoeg.

Statistieken dashboard

De onderste widget, statistieken, is nog deels mock data. Aantal online leden is wel juist.

Het aantal online leden wordt interactief geupdated dmv polling (zeer lichte API call om de 10s, mogelijks gaan we dit verlengen naar 30/60s en naarmate je een hogere ranking hebt... daalt deze).

Online leden

Hier zie je de online leden. Dit deel wordt in animatie open geslide wanneer je op het icoon klikt bovenaan rechts met de users. Het sluit ook terug animerend. Het is ook deels transparant gemaakt. 

Leden die zijn ingelogd updaten hun LastActivity om de 10s (zit mee in de call voor het ophalen van online leden). Zo hebben we een exacter zicht welke leden online zijn. Als je een half uur op een forum bericht zit blijf je in de lijst staan.

Reputatiepunten

Hier zijn we ingelogd met iemand die ranking 18 heeft. Het reputatiesysteem werkt met Rij van Padovan , een reeks zoals Fibonacci. Je dient dus elke keer meer reputatiepunten te verdienen om de volgende level te bereiken.


De bedoeling is dat je punten krijgt bij:

- upvotes 

- behalen van trophees

- opgeloste topics

Meer uitgebreide info over de scoreverdeling etc volgt de volgende maand, ik ga hier een pagina voor maken waar het reputatiesysteem wordt omschreven in detail.

Privé chat / berichten systeem / meldingen

Het privé chat systeem is voor 90% klaar. Het is de bedoeling dat leden zo kunnen communiceren naar elkaar. Dit is een interactieve chat, ontwikkeld in javascript (AngularJs). Als je op de chat bent, en er stuurt iemand een bericht (bestaand gesprek / niet bestaand gesprek) komt dit automatisch in de view terecht en kan je direct reageren, er zijn geen refreshes nodig. Meldingen zullen ook via dit systeem gebeuren, zo zal er een account "Sitemasters" zijn die berichten stuur naar de leden (vb: welkomsberichtje, behaalde trophees, reactie op topic, ...).


Als je nieuwe berichten hebt, wordt dit getoond op 2 manieren. Rechts bovenaan naast het icoon, maar ook in de titel (zie screenshot van reputatiepunten).

Als je de ongelezen gesprekken opent, worden de getallen ook direct veranderd en de view aangepast.

Privé chat - smileys

Er zijn ook smileys toegevoegd die momenteel enkel gebruikt kunnen worden in de privé chat als in de publieke chat. Enkel de basis smileys werken momenteel.

Ranking in avatar

De ranking wordt op de meeste plaatsen al getoond naast de avatar. Je hebt 4 verschillende kleuren, nieuw (transparant), brons, zilver en goud. Ook deze verdeling wordt volgende maand uitgelegd in detail.

Publieke chat

Ook de publieke chat is aangepast qua layout, er geraakt nu meer op één scherm. 

Leden - ranking

De leden met de hoogste ranking toegevoegd. Dit zal heel waarschijnlijk nog wel aanpassen deze view.

Ranking - statistieken

Er zijn statistieken gemaakt zodat leden kunnen zien welke levels er zijn, en hoeveel leden er in elke level zijn. Dit scherm zal mogelijks later nog uitgebreid worden, zodat je ook de leden per level kan raadplegen + mogelijks nog andere statistieken.

Wijzig profiel

Er zijn enkele veldjes bijgekomen zoals website, functie omschrijving, omschrijving over mezelf.

Reputatiepunten statistieken

In mijn profiel heb je een pagina waar je kan zien hoeveel reputatiepunten je de afgelopen periode hebt verdiend.

Login scherm

Deze view is verbeterd.

Login mobile

Ook mobiel, past het nu op één view en is het duidelijker geworden.

Dashboard niet ingelogd op mobile

Dashboard ingelogd op mobile

Privé chat op mobile

Profiel pagina op mobile

Privé chat op tablet (iPad)

Leden pagina op tablet

Rankings pagina op tablet

Online leden op tablet

Reputatie progress na hover

Zo kan je zien hoeveel punten je nog dient te verdienen om naar de volgende level te gaan.

Andere logo's

We hebben logos laten maken door designers. Dit zijn er enkele die uit de bus zijn gekomen. 

8/1/16