Draft
Gebruikershandleiding XMLCreator 2013NL
Wouter Verbruggen TimeTronics Lammerdries-Oost 23B B-2250 Olen Belgium Tel.: +32 14 23 19 11 Fax.: +32 14 23 20 24 09 september 2013
Draft
XMLCreator handleiding Wat is XMLCreator XMLCreator zorgt er voor dat de info (deelnemers, resultaten, series/groepen aanmaken,...) die je ingeeft live op een website terecht komen. Dit wil zeggen: een resultaat wordt ingevoerd, een seconde later is de XML-file al aangepast. Deelnemers toevoegen:
Draft In series/groepen indelen:
Draft Resultaten toevoegen:
Het voorbeeld hierboven gebruikt is de demo-site die bij inbegrepen zit in de installatie van XMLCreator. Deze is terug te vinden onder C:\
\demo_site (index.html openen). In deze map zitten ook HTML-files voor het gebruik van een TVScreen. Meer uitleg hierover vind je in Appendix A.
Draft De layout is volledig aanpasbaar door de gebruiker. De css bestanden zijn zo opgebouwd dat gebruikers dit zelf kunnen aanpassen. Enkele voorbeeldjes: Het logo veranderen en de punten en teampunten niet tonen:
De content is ook aanpasbaar door de gebruiker. Er worden XML bestanden aangemaakt, die vervolgens door jQuery functies geladen worden in html bestanden. Gebruikers kunnen zelf hun XML parser schrijven en de content anders organiseren
Draft
Hoe XMLCreator gebruiken Interface
De interface bestaat 4 onderdelen. De onderdelen zijn: •
Kies XML-folder (stap 1)
•
Een FTP-connectie opzetten (stap 2)
•
Het kiezen van server en competitie (step 3)
•
Een log om veranderingen bij te houden
Stap 1 (kies XML-folder)
In stap 1 kan je de folder kiezen waar de XML-files in geplaatst zullen worden. De inhoud van de gehele folder zal geüpload worden als je specificaties van een FTP-server opgeeft in stap 2.
Draft Met de installatie wordt een demo-site mee geïnstalleerd. Deze website kan je terugvinden in de installatiefolder van XMLCreator (bijv. C:\Program Files\TimeTronics\AthleticsManager XML creator\demo_site)
Stap 2 (FTP-connectie opzetten)
Stap 2 laat je toe om een FTP-connectie te maken met een server die je zelf kiest. Wat is er nodig om de connectie op te zetten: •
FTP-adres (bijv. ftp.jouwserver.com)
•
Networkmap (map waar de inhoud van de map in stap 1 opgegeven naar geüpload wordt)
•
Gebruikersnaam (om in te loggen op de FTP-server)
•
Wachtwoord (to log into the FTP-server)
Als het adres niet ingevuld is, zal er geen poging worden ondernomen om een connectie met de server te maken. Hierdoor zullen de XML-files enkel offline te vinden zijn.
Stap 3 (het kiezen van server en competitie)
Stap 3 is het kiezen van server en competitie waarmee je mee wil werken. Alle AMServers binnen het netwerk zullen getoond worden in de eerste dropdownlijst. De competitiewedstrijden die op de geselecteerde server gehouden worden, zullen in de tweede dropdownlijst getoond worden.
Draft
Log
Veranderen in de database hebben tot gevolg dat er XML-files aangepast of aangemaakt worden. Al die veranderingen zullen bijgehouden worden in deze tekstblok en zien er als volgt uit:
Door te klikken op Wis log zal de inhoud van het tekstblok gewist worden.
Draft
Appendixes Appendix A: TVScreens/TVGraphics Operator-scherm Het operator scherm bevat 3 onderdelen. •
Proefoverzicht
•
TVScreen selector
•
Preview
Proefoverzicht Hier worden alle links getoond die beschikbaar zijn. Teampunten bevat alle groepen waar teampunten voor aanwezig zijn. In dit geval vrouwen en mannen. Sessies worden opgesplitst. Om de sessie te tonen, klik je op de naam van de sessie die je wilt tonen. De termen Teampoints, Heat, Page zijn vertaalbaar in een settings_tvscreen.js bestand.
Draft TVScreen selector Met de TVScreen selector kan je kiezen in welk scherm je de gekozen data wilt tonen. Hier zijn 4 keuzemogelijkheden: •
TV Screen 1
•
TV Screen 2
•
TV Screen 3
Deze selectie is nuttig wanneer je meerdere schermen wilt aansturen, bijvoorbeeld wanneer je op het eerste scherm deelnemers, resultaten, podia wilt tonen, terwijl je op een tweede scherm continu de teampunten tussenstand wilt tonen. Preview Als je over een link hovered krijg je in preview al te zien wat de gebruiker op het scherm te zien zal krijgen. Zo kan je vermijden dat je het verkeerde toont. Deze preview staat vast rechts boven op je scherm, zodat die niet uit beeld verdwijnt wanneer je scrolt tussen een mogelijk lange lijst van proeven.
TVScreens Er zijn 4 soorten TVScreen (elk 800px op 600px): •
Voor deelnemers
•
Voor resultaten
•
Voor medailles
•
Voor teampunten
Draft Deelnemers-TVScreen De tags Participants, Heat en Page zijn vertaalbaar in een settings-document. In dat document is het ook mogelijk het aantal lijnen dat getoond wordt, te veranderen. Hier ingesteld op 8. De tabel heeft volgende kolommen: •
lane/order
•
bib
•
name
•
date
•
team
•
club
•
pb
Deze kolommen (en hun titels) zijn zelf allemaal op en af te zetten via css. De lengte van de naam, van club en van team zijn instelbaar (0 om volledige lengte te tonen). Als je voor de slideshow kiest (SLIDE), dan kan instellen hoe lang de pagina's getoond worden. Resultaten-TVScreen De tags Results, Heat en Page zijn vertaalbaar in een settingsdocument. In dat document is het ook mogelijk het aantal lijnen dat getoond wordt, te veranderen. Hier ingesteld op 8. De tabel heeft volgende kolommen: •
place
•
lane/order
•
bib
•
name
•
date
•
team
•
club
•
result
•
points
•
teampoints
Deze kolommen (en hun titels) zijn zelf allemaal op en af te zetten via css. De lengte van de naam, van club en van team zijn instelbaar (0 om volledige lengte te tonen). Als je voor de slideshow kiest (SLIDE), dan kan instellen hoe lang de pagina's getoond worden.
Draft Medaille-TVScreen De tags Medals en Heat zijn vertaalbaar in een settingsdocument. In dat document is het ook mogelijk het aantal lijnen dat getoond wordt, te veranderen. Hier ingesteld op 8. De tabel heeft volgende kolommen: •
place
•
lane/order
•
bib
•
name
•
date
•
team
•
club
•
result
•
points
•
teampoints
Deze kolommen (en hun titels) zijn zelf allemaal op en af te zetten via css. De lengte van de naam, van club en van team zijn instelbaar (0 om volledige lengte te tonen). Teampunten-TVScreen De tags Teampoints en Page zijn vertaalbaar in een settingsdocument. In dat document is het ook mogelijk het aantal lijnen dat getoond wordt, te veranderen. Hier ingesteld op 8. De tabel heeft volgende kolommen: •
place
•
team
•
total (points)
Deze kolommen (en hun titels) zijn zelf allemaal op en af te zetten via css.
Draft
Opmerkingen Alle layout is aan te passen door de gebruikers via tvscreen.css (kleuren, breedtes, footer afbeelding, …). Het beste resultaat krijg je, wanneer je de pagina opent met Mozilla Firefox omwille van volgende redenen: •
open je de pagina lokaal, dan krijg je geen resultaat in IE en Chrome omdat die lokale XML files niet kunnen openen
•
de schaling van de preview (50% van de originele grootte) gebeurt met mozilla-specifieke css tags
•
de achtergrond gradient van de rijen gebeurt met mozilla-specifieke css tags
