Top2000-Mobile

From HaFrWiki
Jump to: navigation, search

De Top2000-me ofwel Top2000-Mobile is een Top2000 website versie speciaal bedoeld voor SmartPhones en kleine Tablets.

Inleiding[edit]

De Website Top2000-me is in Beta-versie en dat geldt ook voor deze handleiding. Er zijn 2 mogelijke opening schermen:

Standaard Opening Scherm[edit]

Top2000-Me-Opening.png
Afb.1: Opening scherm Top2000

Als je de Top2000 opstart verschijnt het bovenstaande scherm.

  • De groene opmerking over de desktop versie komt alleen als de scherm resolutie groot genoeg is voor de desktop versie.
  • De tekst vanaf De Top200 is ontstaan... is het begin van de Home-tab tekst voor de app.

De bovenste regel van de app bevat de titel Top2000-M met daarbij de naam van de tab die actief te zien is. In dit geval de Home-tab.

De regel daaronder bevat de aanwezige (niet) getoonde tabs.

  • De Lijst-tab bevat de ranglijst, waarin de plaats in de lijst voor alle uitzendjaren wordt getoond.
  • De Artiest-tab bevat alle platen van een artiest in een uitzendjaar.
  • De Titel-tab bevat de namen van de liedjes door invoer van een (gedeelte) van de titel.
  • De Settings-tab bevat de instellingen van de app.
  • De Help-tab bevat de help teksten met de FAQ.

Waarschuwing Opening Scherm[edit]

Top2000-M-JS-Error.png
Afb.2: Waarschuwing verouderde versie.

Bovenstaand scherm is een waarschuwing dat de website niet goed kan werken, omdat je verouderde hardware/software gebruikt.
Zie Compatibility Tests hieronder voor een verklaring en wat je er aan zou kunnen doen.

Compatibility Tests[edit]

De Website gebruikt de allernieuwste features van JavaScript en vereist daarom recente versies van Operating System (OS) en Browsers.
Het kan voorkomen dat u een waarschuwing krijgt, dat de door u gebruikte versies van een oudere en daardoor niet compatibele versie zijn.

Het enige wat u in zo'n geval kan doen is uw apparaat (SmartPhone, Tablet of Desktop) te voorzien van de laatste versies.

  • Begin altijd met een Operating Systeem upgrade. test daarna of dit het probleem oplost.
  • Mocht dit niet voldoende zijn, vernieuw dan ook de browser.

Het kan zijn dat er geen update mogelijk is. Een voorbeeld is een Apple iPad eerste generatie.

  • Deze is voorzien van iOS 5 en kan niet worden ge-upgrade naar een hogere versie.
  • Helaas is er geen mogelijkheid om met de websites te werken.

De website doet een basicale test gebaseerd op de 'http-users-agent'. Deze test is niet zo precies dat alle mogelijke versie verschillen getest worden.

  • U kunt testen hoe goed de door u gebruikte combinatie werkt. Ga naar de benchmark website rng.io en zie wat de resultaten zijn.

Een volledige overzicht van alle JavaScript features en de diverse browser versies wordt gegeven op Kangax.github.io [1]. Dat de wereld steeds complexer wordt, en niet eenvoudiger, wordt getoond in een presentatie voor beginnende JavaScript programmeurs. [2].

Home-tab[edit]

De Home-tab is het eerste wat je als gebruiker te zien krijgt. Het geeft je een korte inleiding over het ontstaan van de Top2000. Het vertelt je over de 2 versies van de Website voor Desktop en Mobile computers/tablets/smartphones. Het bevat een uitleg over de test op de software versie en de waarschuwing die je kan ontvangen als er een mogelijk probleem is. In de tabel onderaan wordt de huidige instellingen getoond, die je kan gebruiken bij het vinden van mogelijke oplossingen.

Lijst-tab[edit]

Top200-M-Lijst.png
Afb.3: De lijst tab

De lijst tab heeft een invoerveld waarin de plaats in de Top200 kan worden ingevoerd voor het gekozen (1e treklijst selectie) uitzendjaar. De getoonde gegevens zijn:

  • Artiest: De naam van de artiest.
  • Titel: De naam van het liedje.
  • Beschrijving: Een verkorte wikipedia beschrijving en/of de wikipagina van het liedje op last.fm. Natuurlijk alleen indien beschikbaar.
  • Ranglijst: Geeft de plaatsen van het liedje in de andere uitzendjaren.

De 2e treklijst is de gebruikte sortering en is gier niet van toepassing.

Artiest-tab[edit]

Top200-M-Artiest.png
Afb.4: De artiest tab

De artiest tab toont na invoer van (een gedeelte van) de naam van de artiest/groep alle bijbehorende titels in het jaar van uitzending.

  • De 1e treklijst is het jaar van uitzending.
  • De 2e treklijst is het jaar voor de sortering.
  • Aantal: het totaal aantal liedjes van de artiest in de jaren van uitzending.

NB: Als een gedeelte van de naam is ingevoerd kan het zijn dat liedjes van een andere artiest worden getoond.

Titel-tab[edit]

Top2000-M-Titel.png
Afb.5: De titel tab

De titel tab- toont nar invoering van (een gedeelte van) de naam van een liedjes de bijbehorende artiesten.

  • De treklijst is de selectie voor het jaar van uitzending.

Settings-tab[edit]

Top200-M-Settings.png
Afb. 6: De settings (instellingen) tab

De settings zijn:

  • Gegevens op halen van wikipedia en/of last.fm. Het ophalen vertraagt de werking van de website en kan bij beperkte bandbreedte beter worden uitgezet.
    • Gebruik van de wikipedia pagina voor artiest informatie.
    • Gebruik van de Last.fm informatie.
  • Het gebruikte kleurenschema. Mijn favoriete kleur is blauw.

Help-tab[edit]

De Help-tab bevat de volgende onderwerpen:

  • Uitleg over Help en waar te vinden.
  • Korte help beschrijving
  • Bespreking van de tabs Home, Lijst, Artiest, Titel en Settings.
  • Frequently Asked Questions FAQ.

Zie ook[edit]

top

  • BrowserShots.org, Test Website voor Browser Compatibiliteit.
  • Netrenderer.com, Internet Explorer Browser tester. Only version equal/better than 11.0 may work.
  • Top2000, Wiki page over de Desktop versie.
  • Top2000 Developer, Developer Wiki site over het maken van deze websites, niet bereikbaar voor een ieder.

Referenties[edit]

top

  1. Kangax.github.io, Kangax is a developer which maintains this overview. See the github website for more information.
  2. SlideShar.net JavaScript Toolkit 2.0. Bij het zien van deze presentatie vraag je jezelf af, is dit allemaal nodig? De praktijk laat zien dat het bijna niet meer zonder kan.