Draft. Gebruikershandleiding XMLCreator 2013NL

Transcriptie

1 Gebruikershandleiding XMLCreator 2013NL Wouter Verbruggen TimeTronics Lammerdries-Oost 23B B-2250 Olen Belgium Tel.: Fax.: september 2013

2 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:

3 In series/groepen indelen:

4 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:\<installatiefolder_XMLCreator>\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.

5 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

6 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.

7 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.

8 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.

9 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.

10 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

11 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.

12 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.

13 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